@authrim/sveltekit 0.1.0

package/dist/ui/passkey/PasskeyDeleteButton.svelte

@@ -0,0 +1,177 @@
+<!--
+  PasskeyDeleteButton Component
+  Button to delete a passkey with confirmation
+-->
+<script lang="ts">
+  import { createEventDispatcher } from 'svelte';
+  import Spinner from '../shared/Spinner.svelte';
+
+  export let credentialId: string;
+  export let loading = false;
+  let className = '';
+  export { className as class };
+
+  const dispatch = createEventDispatcher<{
+    click: void;
+    confirm: void;
+  }>();
+
+  let showConfirm = false;
+
+  function handleClick() {
+    if (loading) return;
+    dispatch('click');
+    showConfirm = true;
+  }
+
+  function handleConfirm() {
+    if (loading) return;
+    dispatch('confirm');
+  }
+
+  function handleCancel() {
+    showConfirm = false;
+  }
+</script>
+
+<div class="authrim-passkey-delete {className}" data-credential-id={credentialId}>
+  {#if showConfirm}
+    <div class="authrim-passkey-delete__confirm">
+      <span class="authrim-passkey-delete__confirm-text">Delete?</span>
+      <button
+        type="button"
+        class="authrim-passkey-delete__action authrim-passkey-delete__action--confirm"
+        disabled={loading}
+        on:click={handleConfirm}
+      >
+        {#if loading}
+          <Spinner size="sm" />
+        {:else}
+          Yes
+        {/if}
+      </button>
+      <button
+        type="button"
+        class="authrim-passkey-delete__action authrim-passkey-delete__action--cancel"
+        disabled={loading}
+        on:click={handleCancel}
+      >
+        No
+      </button>
+    </div>
+  {:else}
+    <button
+      type="button"
+      class="authrim-passkey-delete__btn"
+      disabled={loading}
+      on:click={handleClick}
+      aria-label="Delete passkey"
+    >
+      <svg viewBox="0 0 20 20" fill="currentColor">
+        <path fill-rule="evenodd" d="M8.75 1A2.75 2.75 0 006 3.75v.443c-.795.077-1.584.176-2.365.298a.75.75 0 10.23 1.482l.149-.022.841 10.518A2.75 2.75 0 007.596 19h4.807a2.75 2.75 0 002.742-2.53l.841-10.52.149.023a.75.75 0 00.23-1.482A41.03 41.03 0 0014 4.193V3.75A2.75 2.75 0 0011.25 1h-2.5zM10 4c.84 0 1.673.025 2.5.075V3.75c0-.69-.56-1.25-1.25-1.25h-2.5c-.69 0-1.25.56-1.25 1.25v.325C8.327 4.025 9.16 4 10 4zM8.58 7.72a.75.75 0 00-1.5.06l.3 7.5a.75.75 0 101.5-.06l-.3-7.5zm4.34.06a.75.75 0 10-1.5-.06l-.3 7.5a.75.75 0 101.5.06l.3-7.5z" clip-rule="evenodd"/>
+      </svg>
+    </button>
+  {/if}
+</div>
+
+<style>
+  .authrim-passkey-delete {
+    flex-shrink: 0;
+  }
+
+  .authrim-passkey-delete__btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 36px;
+    height: 36px;
+    padding: 0;
+    background: transparent;
+    border: none;
+    border-radius: var(--authrim-radius-sm);
+    color: var(--authrim-color-text-muted);
+    cursor: pointer;
+    transition:
+      color var(--authrim-duration-fast) var(--authrim-ease-default),
+      background-color var(--authrim-duration-fast) var(--authrim-ease-default);
+  }
+
+  .authrim-passkey-delete__btn:hover:not(:disabled) {
+    color: var(--authrim-color-error);
+    background: var(--authrim-color-error-subtle);
+  }
+
+  .authrim-passkey-delete__btn:focus-visible {
+    outline: none;
+    box-shadow: var(--authrim-shadow-focus-error);
+  }
+
+  .authrim-passkey-delete__btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .authrim-passkey-delete__btn svg {
+    width: 18px;
+    height: 18px;
+  }
+
+  .authrim-passkey-delete__confirm {
+    display: flex;
+    align-items: center;
+    gap: var(--authrim-space-2);
+    animation: fade-in var(--authrim-duration-fast) var(--authrim-ease-out);
+  }
+
+  @keyframes fade-in {
+    from { opacity: 0; }
+    to { opacity: 1; }
+  }
+
+  .authrim-passkey-delete__confirm-text {
+    font-size: var(--authrim-text-xs);
+    font-weight: 500;
+    color: var(--authrim-color-text-secondary);
+  }
+
+  .authrim-passkey-delete__action {
+    padding: var(--authrim-space-1) var(--authrim-space-2);
+    font-family: var(--authrim-font-sans);
+    font-size: var(--authrim-text-xs);
+    font-weight: 500;
+    border: none;
+    border-radius: var(--authrim-radius-sm);
+    cursor: pointer;
+    transition:
+      background-color var(--authrim-duration-fast) var(--authrim-ease-default),
+      transform var(--authrim-duration-fast) var(--authrim-ease-default);
+  }
+
+  .authrim-passkey-delete__action:active:not(:disabled) {
+    transform: scale(0.95);
+  }
+
+  .authrim-passkey-delete__action:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .authrim-passkey-delete__action--confirm {
+    background: var(--authrim-color-error);
+    color: white;
+    min-width: 40px;
+  }
+
+  .authrim-passkey-delete__action--confirm:hover:not(:disabled) {
+    background: var(--authrim-color-error-hover);
+  }
+
+  .authrim-passkey-delete__action--cancel {
+    background: var(--authrim-color-bg-subtle);
+    color: var(--authrim-color-text-secondary);
+  }
+
+  .authrim-passkey-delete__action--cancel:hover:not(:disabled) {
+    background: var(--authrim-color-bg-muted);
+  }
+</style>

package/dist/ui/passkey/PasskeyDeleteButton.svelte.d.ts

@@ -0,0 +1,26 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const PasskeyDeleteButton: $$__sveltets_2_IsomorphicComponent<{
+    credentialId: string;
+    loading?: boolean;
+    class?: string;
+}, {
+    click: CustomEvent<void>;
+    confirm: CustomEvent<void>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type PasskeyDeleteButton = InstanceType<typeof PasskeyDeleteButton>;
+export default PasskeyDeleteButton;
+//# sourceMappingURL=PasskeyDeleteButton.svelte.d.ts.map

package/dist/ui/passkey/PasskeyDeleteButton.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasskeyDeleteButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/passkey/PasskeyDeleteButton.svelte.ts"],"names":[],"mappings":"AAoEA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,mBAAmB;kBAb4E,MAAM;;;;;;;;kBAaH,CAAC;AACvF,KAAK,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACtE,eAAe,mBAAmB,CAAC"}

package/dist/ui/passkey/PasskeyList.svelte

@@ -0,0 +1,225 @@
+<!--
+  PasskeyList Component
+  Display and manage registered passkeys
+-->
+<script lang="ts">
+  import { createEventDispatcher } from 'svelte';
+  import type { PasskeyItemDisplay } from '../types.js';
+  import Badge from '../shared/Badge.svelte';
+  import Spinner from '../shared/Spinner.svelte';
+  import PasskeyDeleteButton from './PasskeyDeleteButton.svelte';
+
+  export let passkeys: PasskeyItemDisplay[] = [];
+  export let loading = false;
+  export let deletingId: string | undefined = undefined;
+  let className = '';
+  export { className as class };
+
+  const dispatch = createEventDispatcher<{
+    delete: { credentialId: string };
+  }>();
+
+  function formatDate(date: Date | undefined): string {
+    if (!date) return 'Unknown';
+    return new Intl.DateTimeFormat('en-US', {
+      month: 'short',
+      day: 'numeric',
+      year: 'numeric',
+    }).format(date);
+  }
+</script>
+
+<div class="authrim-passkey-list {className}" {...$$restProps}>
+  {#if loading && passkeys.length === 0}
+    <div class="authrim-passkey-list__loading">
+      <Spinner size="md" />
+      <span>Loading passkeys...</span>
+    </div>
+  {:else if passkeys.length === 0}
+    <div class="authrim-passkey-list__empty">
+      <div class="authrim-passkey-list__empty-icon">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"/>
+        </svg>
+      </div>
+      <p class="authrim-passkey-list__empty-title">No passkeys yet</p>
+      <p class="authrim-passkey-list__empty-desc">
+        Add a passkey to sign in quickly and securely
+      </p>
+    </div>
+  {:else}
+    <ul class="authrim-passkey-list__items">
+      {#each passkeys as passkey, index (passkey.credentialId)}
+        <li
+          class="authrim-passkey-list__item"
+          style="animation-delay: {index * 50}ms"
+        >
+          <div class="authrim-passkey-list__icon">
+            {#if passkey.deviceType === 'platform'}
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"/>
+              </svg>
+            {:else}
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"/>
+              </svg>
+            {/if}
+          </div>
+
+          <div class="authrim-passkey-list__info">
+            <div class="authrim-passkey-list__name-row">
+              <span class="authrim-passkey-list__name">
+                {passkey.name || 'Passkey'}
+              </span>
+              {#if passkey.deviceType}
+                <Badge size="sm" variant={passkey.deviceType === 'platform' ? 'accent' : 'default'}>
+                  {passkey.deviceType === 'platform' ? 'This device' : 'Security key'}
+                </Badge>
+              {/if}
+            </div>
+            <div class="authrim-passkey-list__meta">
+              {#if passkey.createdAt}
+                <span>Added {formatDate(passkey.createdAt)}</span>
+              {/if}
+              {#if passkey.lastUsedAt}
+                <span class="authrim-passkey-list__sep">·</span>
+                <span>Last used {formatDate(passkey.lastUsedAt)}</span>
+              {/if}
+            </div>
+          </div>
+
+          <PasskeyDeleteButton
+            credentialId={passkey.credentialId}
+            loading={deletingId === passkey.credentialId}
+            on:confirm={() => dispatch('delete', { credentialId: passkey.credentialId })}
+          />
+        </li>
+      {/each}
+    </ul>
+  {/if}
+</div>
+
+<style>
+  .authrim-passkey-list__loading {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--authrim-space-3);
+    padding: var(--authrim-space-8);
+    color: var(--authrim-color-text-secondary);
+    font-size: var(--authrim-text-sm);
+  }
+
+  .authrim-passkey-list__empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: var(--authrim-space-8);
+    text-align: center;
+  }
+
+  .authrim-passkey-list__empty-icon {
+    width: 48px;
+    height: 48px;
+    margin-bottom: var(--authrim-space-4);
+    color: var(--authrim-color-text-muted);
+  }
+
+  .authrim-passkey-list__empty-icon svg {
+    width: 100%;
+    height: 100%;
+  }
+
+  .authrim-passkey-list__empty-title {
+    margin: 0 0 var(--authrim-space-2);
+    font-size: var(--authrim-text-base);
+    font-weight: 600;
+    color: var(--authrim-color-text);
+  }
+
+  .authrim-passkey-list__empty-desc {
+    margin: 0;
+    font-size: var(--authrim-text-sm);
+    color: var(--authrim-color-text-secondary);
+    max-width: 280px;
+  }
+
+  .authrim-passkey-list__items {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  .authrim-passkey-list__item {
+    display: flex;
+    align-items: center;
+    gap: var(--authrim-space-4);
+    padding: var(--authrim-space-4);
+    border-bottom: 1px solid var(--authrim-color-border-subtle);
+    animation: slide-in var(--authrim-duration-normal) var(--authrim-ease-out) both;
+  }
+
+  @keyframes slide-in {
+    from {
+      opacity: 0;
+      transform: translateX(8px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  .authrim-passkey-list__item:last-child {
+    border-bottom: none;
+  }
+
+  .authrim-passkey-list__icon {
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    background: var(--authrim-color-bg-subtle);
+    border-radius: var(--authrim-radius-md);
+    color: var(--authrim-color-text-secondary);
+  }
+
+  .authrim-passkey-list__icon svg {
+    width: 20px;
+    height: 20px;
+  }
+
+  .authrim-passkey-list__info {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .authrim-passkey-list__name-row {
+    display: flex;
+    align-items: center;
+    gap: var(--authrim-space-2);
+    flex-wrap: wrap;
+  }
+
+  .authrim-passkey-list__name {
+    font-size: var(--authrim-text-sm);
+    font-weight: 500;
+    color: var(--authrim-color-text);
+    letter-spacing: var(--authrim-tracking-tight);
+  }
+
+  .authrim-passkey-list__meta {
+    display: flex;
+    align-items: center;
+    gap: var(--authrim-space-1);
+    margin-top: var(--authrim-space-1);
+    font-size: var(--authrim-text-xs);
+    color: var(--authrim-color-text-muted);
+  }
+
+  .authrim-passkey-list__sep {
+    color: var(--authrim-color-border-strong);
+  }
+</style>

package/dist/ui/passkey/PasskeyList.svelte.d.ts

@@ -0,0 +1,30 @@
+import type { PasskeyItemDisplay } from '../types.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const PasskeyList: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
+    passkeys?: PasskeyItemDisplay[] | undefined;
+    loading?: boolean | undefined;
+    deletingId?: string | undefined | undefined;
+    class?: string | undefined;
+}, {
+    delete: CustomEvent<{
+        credentialId: string;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type PasskeyList = InstanceType<typeof PasskeyList>;
+export default PasskeyList;
+//# sourceMappingURL=PasskeyList.svelte.d.ts.map

package/dist/ui/passkey/PasskeyList.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasskeyList.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/passkey/PasskeyList.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAsGtD,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,WAAW;;eAZkG,kBAAkB,EAAE;;iBAAyC,MAAM,GAAG,SAAS;;;;sBACtK,MAAM;;;;kBAWqF,CAAC;AACtG,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}

package/dist/ui/passkey/PasskeyRegisterButton.svelte

@@ -0,0 +1,52 @@
+<!--
+  PasskeyRegisterButton Component
+  Button to register a new passkey
+-->
+<script lang="ts">
+  import { createEventDispatcher } from 'svelte';
+  import Button from '../shared/Button.svelte';
+
+  export let loading = false;
+  export let disabled = false;
+  export let variant: 'primary' | 'secondary' | 'outline' = 'primary';
+  export let size: 'sm' | 'md' | 'lg' = 'md';
+  export let fullWidth = false;
+  let className = '';
+  export { className as class };
+
+  const dispatch = createEventDispatcher<{ click: void }>();
+</script>
+
+<Button
+  {variant}
+  {size}
+  {loading}
+  {disabled}
+  {fullWidth}
+  class="authrim-passkey-register {className}"
+  on:click={() => dispatch('click')}
+  {...$$restProps}
+>
+  <svg
+    class="authrim-passkey-register__icon"
+    viewBox="0 0 20 20"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1.5"
+  >
+    <path stroke-linecap="round" stroke-linejoin="round" d="M13.125 4.375a2.5 2.5 0 012.5 2.5m2.5 0a5 5 0 01-5.858 4.927c-.469-.081-.966.021-1.302.358L8.75 14.375H6.875v1.875H5v1.875H2.188v-2.348c0-.498.197-.976.549-1.327l5.416-5.416c.337-.336.44-.833.358-1.302A5 5 0 1118.125 6.875z"/>
+  </svg>
+  <slot>Add passkey</slot>
+</Button>
+
+<style>
+  :global(.authrim-passkey-register) {
+    gap: var(--authrim-space-2);
+  }
+
+  .authrim-passkey-register__icon {
+    width: 18px;
+    height: 18px;
+    flex-shrink: 0;
+  }
+</style>

package/dist/ui/passkey/PasskeyRegisterButton.svelte.d.ts

@@ -0,0 +1,38 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const PasskeyRegisterButton: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    loading?: boolean | undefined;
+    disabled?: boolean | undefined;
+    variant?: "primary" | "secondary" | "outline" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    fullWidth?: boolean | undefined;
+    class?: string | undefined;
+}, {
+    default: {};
+}>, {
+    click: CustomEvent<void>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type PasskeyRegisterButton = InstanceType<typeof PasskeyRegisterButton>;
+export default PasskeyRegisterButton;
+//# sourceMappingURL=PasskeyRegisterButton.svelte.d.ts.map

package/dist/ui/passkey/PasskeyRegisterButton.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasskeyRegisterButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/passkey/PasskeyRegisterButton.svelte.ts"],"names":[],"mappings":"AAiCA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,qBAAqB;;;;cAf2K,SAAS,GAAG,WAAW,GAAG,SAAS;WAAS,IAAI,GAAG,IAAI,GAAG,IAAI;;;;;;;;;;;cAe7H,CAAC;AACtH,KAAK,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC1E,eAAe,qBAAqB,CAAC"}

package/dist/ui/passkey/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Authrim UI Passkey Components
+ */
+export { default as PasskeyList } from './PasskeyList.svelte';
+export { default as PasskeyRegisterButton } from './PasskeyRegisterButton.svelte';
+export { default as PasskeyDeleteButton } from './PasskeyDeleteButton.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/passkey/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/passkey/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/ui/passkey/index.js

@@ -0,0 +1,6 @@
+/**
+ * Authrim UI Passkey Components
+ */
+export { default as PasskeyList } from './PasskeyList.svelte';
+export { default as PasskeyRegisterButton } from './PasskeyRegisterButton.svelte';
+export { default as PasskeyDeleteButton } from './PasskeyDeleteButton.svelte';