border-bottom-color: transparent;

}

.error {

  color: var(--color-negative) !important;

  border-color: var(--color-negative) !important;

<script context="module" lang="ts">

  export interface Field {

    name: string;

    label?: string;

    validate?: string;

    placeholder?: string;

</script>

<script lang="ts">

  import { link } from "svelte-routing";

  import { createEventDispatcher } from "svelte";

  import { marked } from "marked";

    isAddress,

    formatSeedId,

  } from "@app/utils";

  import Address from "@app/Address.svelte";

  export let fields: Field[];

  export let editable = false;

  export let disabled = false;

  export let config: Config;

  let hasErrors = false;

  marked.use({ extensions });

  const save = () => dispatch("save", cleanup(formFields));

  const validate = (event: Event) => dispatch("validate", check(event));

  const cancel = () => {

  };

</script>

    display: flex;

    align-items: center;

    width: 28rem;

    border: 1px dashed transparent;

    padding: 0.25rem 1rem;

    margin: 0;

    margin: 0;

  }

  .description.invalid {

    color: var(--color-negative) !important;

  }

  .label {

    border: 1px solid transparent;

  .actions.editable {

    visibility: visible;

  }

  @media (max-width: 720px) {

    .field {

      width: unset;

    }

  }

</style>

    </div>

    <div>

      {#if field.editable && editable}

      {:else}

        <span class="field">

          {#if field.value}

              {field.value}

            {/if}

          {:else}

          {/if}

        </span>

      {/if}

    display: flex;

    height: var(--button-regular-height);

    align-items: center;

  }

  .error {

    text-align: center;

    text-decoration: none;

  }

  .search {

    width: 16rem;

  }

  .connect {

    display: inline-block;

  <div use:clickOutside={handleClickOutside} class="modal">

    <div class="modal-title">

      <div style="padding-bottom: 1rem;">

      </div>

      <div>

        <a use:link on:click={() => dispatch("select")} href="/registrations">

  import type { Config } from "@app/config";

  import { createEventDispatcher } from "svelte";

  import Loading from "@app/Loading.svelte";

  export let config: Config;

  let input = "";

  };

</script>

      <Loading small />

    calculateTimeLock,

  } from "./lib";

  import Button from "@app/Button.svelte";

  export let config: Config;

</script>

<style>

    font-size: var(--font-size-medium);

    text-align: left;

    color: var(--color-secondary);

  }

    display: flex;

    align-items: flex-start;

    color: var(--color-secondary);

  }

  .error {

    padding-left: 1rem;

  .description.invalid {

    color: var(--color-negative) !important;

  }

</style>

<svelte:head>

      </div>

      <div class="input-main">

        <div class="name">

          <Button variant="primary" on:click={withdraw}>Withdraw</Button>

        </div>

        {#if error}

  import { navigate } from "svelte-routing";

  import type { Config } from "@app/config";

  import Button from "@app/Button.svelte";

  export let config: Config;

  }

  .name {

    margin: 1rem;

  }

  .input-info {

    position: absolute;

    </div>

    <div class="input-main">

      <span class="name">

        {#if errors}

          <div class="input-info">

            {#each errors as error}

              : "The reverse record for this address is **not set**. " +

                "For this name to be correctly associated with the address, " +

                "a reverse record should be set."),

          editable: true,

        },

        {

          validate: "URL",

          placeholder: "https://acme.org",

          description: "A homepage or other URL associated with this name.",

          editable: true,

        },

        {

          validate: "URL",

          placeholder: "https://acme.org/avatar.png",

          description: "An avatar or square image associated with this name.",

          editable: true,

        },

        {

          validate: "handle",

          placeholder: "Twitter username, eg. 'acme'",

          description: "The Twitter handle associated with this name.",

          editable: true,

        },

        {

          label: "GitHub",

          placeholder: "GitHub username, eg. 'acme'",

          description: "The GitHub username associated with this name.",

          editable: true,

        },

        {

          validate: "identity",

          placeholder: "Radicle URN, eg. rad:git:hnrkqdpm9ub19oc8d…",

          description: "The local radicle identity associated with this name.",

          editable: true,

        },

        {

            "The seed host address. " +

            "Only domain names with TLS are supported. " +

            `HTTP(S) API requests use port ${config.seed.api.port}.`,

          editable: true,

        },

        {

          placeholder: "hynkyndc6w3p8urucakobzncqny7xxtw88…",

          description:

            "The Device ID of a Radicle Link node that hosts entities associated with this name.",

          editable: true,

        },

        {

          description:

            "URN under which associated project anchors can be found. " +

            "To point to a Radicle org on Ethereum, use the CAIP-10 ID, eg. *eip155:1:0x4a9cf21…*",

          editable: true,

        },

      ];

<script lang="ts">

  import { State, state } from "./state";

  import { getInfo, withdrawVested } from "./vesting";

  import type { VestingInfo } from "./vesting";

  import Address from "@app/Address.svelte";

  import { formatAddress, isAddressEqual } from "@app/utils";

  import Button from "@app/Button.svelte";

  export let config: Config;

  export let session: Session | null;

</script>

<style>

    font-size: var(--font-size-medium);

    text-align: left;

    margin-left: 1.5rem;

    color: var(--color-secondary);

  }

    display: flex;

    align-items: center;

    flex-direction: row;

    margin-left: 1.5rem;

    color: var(--color-secondary);

  }

  table {

    table-layout: fixed;

      </div>

      <div class="input-main">

        <span class="name">

              disabled={$state === State.Loading}

              bind:value={contractAddress} />

          </div>

        </span>

<script lang="ts">

  import Modal from "@app/Modal.svelte";

  import type { Config } from "@app/config";

  import { formatAddress, isAddress } from "@app/utils";

  import * as utils from "@app/utils";

  import Address from "@app/Address.svelte";

  import Button from "@app/Button.svelte";

  import type { Org } from "@app/base/orgs/Org";

    Failed,

  }

  let state = State.Idle;

  let error: string | null = null;

  const resetForm = () => {

    state = State.Idle;

  };

</script>

{#if state === State.Success && newOwner}

  <Modal floating small>

    <div slot="title">✅</div>

      {/if}

    </div>

      {#if state === State.Idle}

      {:else if state === State.Pending || state === State.Proposing || state === State.Signing}

        <Loading small center />

      {:else if state === State.Failed}

      {/if}

    </div>

      {#if state === State.Signing}

        <Button variant="text" on:click={() => dispatch("close")}>

          Cancel

  import Modal from "@app/Modal.svelte";

  import type { Config } from "@app/config";

  import { formatAddress, isAddressEqual } from "@app/utils";

  import { Org } from "@app/base/orgs/Org";

  import type { User } from "@app/base/users/User";

  import Loading from "@app/Loading.svelte";

  import Address from "@app/Address.svelte";

  import * as utils from "@app/utils";

  import Button from "@app/Button.svelte";

  const dispatch = createEventDispatcher();

  };

</script>

{#if state === State.Success}

  <Modal floating>

    <div slot="title">✅</div>

      {/if}

    </div>

      {#if state === State.Idle || state === State.Checking}

      {:else}

        <Loading small center />

      {/if}

    </div>

      {#if state === State.Signing}

        <Button variant="secondary" on:click={() => dispatch("close")}>

          Cancel