@lilydesignsystem/svelte-headless 0.1.0 → 0.3.0

package/dist/components/MexicoClaveUnicaDeRegistroDePoblacionInput/MexicoClaveUnicaDeRegistroDePoblacionInput.svelte.d.ts

@@ -0,0 +1,10 @@
+type $$ComponentProps = {
+    label: string;
+    value?: string;
+    required?: boolean;
+    disabled?: boolean;
+    [key: string]: unknown;
+};
+declare const MexicoClaveUnicaDeRegistroDePoblacionInput: import("svelte").Component<$$ComponentProps, {}, "value">;
+type MexicoClaveUnicaDeRegistroDePoblacionInput = ReturnType<typeof MexicoClaveUnicaDeRegistroDePoblacionInput>;
+export default MexicoClaveUnicaDeRegistroDePoblacionInput;

package/dist/components/MexicoClaveUnicaDeRegistroDePoblacionView/MexicoClaveUnicaDeRegistroDePoblacionView.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+    // MexicoClaveUnicaDeRegistroDePoblacionView component
+    //
+    // A headless display component for showing Mexico's
+    // Clave Única de Registro de Población (CURP) in a read-only format.
+    // Format: Eighteen-character alphanumeric code built from name, date of birth, sex, and state of birth: first letter of the first surname plus its first internal vowel; first letter of the second surname (or X if none); first letter of the given name; six-digit date of birth (YYMMDD); H or M for sex (X for non-binary); a two-letter state code (NE for those born abroad); a consonant from each surname and the given name; then two further disambiguating characters. No trailing check digit.
+    //
+    // Props:
+    //   className — string, optional. CSS class name.
+    //   label — string, required. Accessible label for screen readers via aria-label.
+    //   value — string, default "". The identifier string to display.
+    //   ...restProps — additional HTML attributes spread onto the <span>.
+    //
+    // Syntax:
+    //   <MexicoClaveUnicaDeRegistroDePoblacionView label="Clave Única de Registro de Población (CURP)" value={value} />
+    //
+    // Accessibility:
+    //   - aria-label provides the accessible name so screen readers announce the purpose
+    //
+    // References:
+    //   - https://en.wikipedia.org/wiki/Unique_Population_Registry_Code
+
+    let {
+        class: className = "",
+        label,
+        value = "",
+        ...restProps
+    }: {
+        label: string;
+        value?: string;
+        [key: string]: unknown;
+    } = $props();
+</script>
+
+<!-- MexicoClaveUnicaDeRegistroDePoblacionView.svelte -->
+<span
+    class={`mexico-clave-unica-de-registro-de-poblacion-view ${className}`}
+    aria-label={label}
+    {...restProps}>{value}</span
+>

package/dist/components/MexicoClaveUnicaDeRegistroDePoblacionView/MexicoClaveUnicaDeRegistroDePoblacionView.svelte.d.ts

@@ -0,0 +1,8 @@
+type $$ComponentProps = {
+    label: string;
+    value?: string;
+    [key: string]: unknown;
+};
+declare const MexicoClaveUnicaDeRegistroDePoblacionView: import("svelte").Component<$$ComponentProps, {}, "">;
+type MexicoClaveUnicaDeRegistroDePoblacionView = ReturnType<typeof MexicoClaveUnicaDeRegistroDePoblacionView>;
+export default MexicoClaveUnicaDeRegistroDePoblacionView;

package/dist/components/MisrAlRaqmAlQawmiInput/MisrAlRaqmAlQawmiInput.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+    // MisrAlRaqmAlQawmiInput component
+    //
+    // A headless input for entering Egypt's الرقم القومي (Al-Raqm Al-Qawmi).
+    // Format: Fourteen digits. The first digit encodes century of birth (2 for 1900-1999, 3 for 2000-2099); the next six encode date of birth (YYMMDD); the next two encode governorate of birth/registration; the next four are a serial number whose own parity encodes sex (odd male, even female); the fourteenth digit is a check digit.
+    //
+    // Props:
+    //   className — string, optional. CSS class name.
+    //   label — string, required. Accessible label for screen readers via aria-label.
+    //   value — string, default "". Bindable input value; supports bind:value.
+    //   required — boolean, default false. Whether the input is required for form submission.
+    //   disabled — boolean, default false. Whether the input is disabled.
+    //   ...restProps — additional HTML attributes spread onto the <input>.
+    //
+    // Syntax:
+    //   <MisrAlRaqmAlQawmiInput label="الرقم القومي (Al-Raqm Al-Qawmi)" bind:value />
+    //
+    // Accessibility:
+    //   - aria-label provides the accessible name for screen readers
+    //   - autocomplete="off" protects sensitive identifiers
+    //   - required and disabled states are conveyed to assistive technology
+    //
+    // Internationalization:
+    //   - The label prop externalizes user-facing text for translation
+    //
+    // References:
+    //   - https://en.wikipedia.org/wiki/Egyptian_National_Identity_Card
+
+    let {
+        class: className = "",
+        label,
+        value = $bindable(""),
+        required = false,
+        disabled = false,
+        ...restProps
+    }: {
+        label: string;
+        value?: string;
+        required?: boolean;
+        disabled?: boolean;
+        [key: string]: unknown;
+    } = $props();
+</script>
+
+<!-- MisrAlRaqmAlQawmiInput.svelte -->
+<input
+    class={`misr-al-raqm-al-qawmi-input ${className}`}
+    type="text"
+    aria-label={label}
+    autocomplete="off"
+    bind:value
+    {required}
+    {disabled}
+    {...restProps}
+/>

package/dist/components/MisrAlRaqmAlQawmiInput/MisrAlRaqmAlQawmiInput.svelte.d.ts

@@ -0,0 +1,10 @@
+type $$ComponentProps = {
+    label: string;
+    value?: string;
+    required?: boolean;
+    disabled?: boolean;
+    [key: string]: unknown;
+};
+declare const MisrAlRaqmAlQawmiInput: import("svelte").Component<$$ComponentProps, {}, "value">;
+type MisrAlRaqmAlQawmiInput = ReturnType<typeof MisrAlRaqmAlQawmiInput>;
+export default MisrAlRaqmAlQawmiInput;

package/dist/components/MisrAlRaqmAlQawmiView/MisrAlRaqmAlQawmiView.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+    // MisrAlRaqmAlQawmiView component
+    //
+    // A headless display component for showing Egypt's
+    // الرقم القومي (Al-Raqm Al-Qawmi) in a read-only format.
+    // Format: Fourteen digits. The first digit encodes century of birth (2 for 1900-1999, 3 for 2000-2099); the next six encode date of birth (YYMMDD); the next two encode governorate of birth/registration; the next four are a serial number whose own parity encodes sex (odd male, even female); the fourteenth digit is a check digit.
+    //
+    // Props:
+    //   className — string, optional. CSS class name.
+    //   label — string, required. Accessible label for screen readers via aria-label.
+    //   value — string, default "". The identifier string to display.
+    //   ...restProps — additional HTML attributes spread onto the <span>.
+    //
+    // Syntax:
+    //   <MisrAlRaqmAlQawmiView label="الرقم القومي (Al-Raqm Al-Qawmi)" value={value} />
+    //
+    // Accessibility:
+    //   - aria-label provides the accessible name so screen readers announce the purpose
+    //
+    // References:
+    //   - https://en.wikipedia.org/wiki/Egyptian_National_Identity_Card
+
+    let {
+        class: className = "",
+        label,
+        value = "",
+        ...restProps
+    }: {
+        label: string;
+        value?: string;
+        [key: string]: unknown;
+    } = $props();
+</script>
+
+<!-- MisrAlRaqmAlQawmiView.svelte -->
+<span
+    class={`misr-al-raqm-al-qawmi-view ${className}`}
+    aria-label={label}
+    {...restProps}>{value}</span
+>

package/dist/components/MisrAlRaqmAlQawmiView/MisrAlRaqmAlQawmiView.svelte.d.ts

@@ -0,0 +1,8 @@
+type $$ComponentProps = {
+    label: string;
+    value?: string;
+    [key: string]: unknown;
+};
+declare const MisrAlRaqmAlQawmiView: import("svelte").Component<$$ComponentProps, {}, "">;
+type MisrAlRaqmAlQawmiView = ReturnType<typeof MisrAlRaqmAlQawmiView>;
+export default MisrAlRaqmAlQawmiView;

package/dist/components/MultiSelect/MultiSelect.svelte

@@ -0,0 +1,70 @@
+<script lang="ts">
+    // MultiSelect component
+    //
+    // A headless multiple-choice select wrapping the native <select multiple>.
+    // The value is an array of the selected option values.
+    //
+    // Props:
+    //   className — string, optional. CSS class name.
+    //   label — string, required. Accessible name via aria-label.
+    //   value — string[], default []. Bindable selected option values.
+    //   size — number, optional. Number of visible rows.
+    //   required, disabled — boolean, default false.
+    //   children — Snippet. Option elements.
+    //   ...restProps — additional HTML attributes spread onto the <select>.
+    //
+    // Syntax:
+    //   <MultiSelect label="Toppings" bind:value><Option value="a">A</Option></MultiSelect>
+    //
+    // Keyboard:
+    //   - Native only: arrows move, Shift/Ctrl+arrows and Space extend/toggle selection
+    //
+    // Accessibility:
+    //   - aria-label={label} provides the accessible name
+    //
+    // Internationalization:
+    //   - The label prop accepts any translated string
+    //
+    // Claude rules:
+    //   - Headless: no CSS; native keyboard only; uses $bindable() on value
+    import type { Snippet } from "svelte";
+
+    let {
+        class: className = "",
+        label,
+        value = $bindable([]),
+        size = undefined,
+        required = false,
+        disabled = false,
+        children,
+        ...restProps
+    }: {
+        /** Accessible label. */
+        label: string;
+        /** Selected option values. Bindable. */
+        value?: string[];
+        /** Number of visible rows. */
+        size?: number;
+        /** Whether required. */
+        required?: boolean;
+        /** Whether disabled. */
+        disabled?: boolean;
+        /** Option elements to render inside. */
+        children: Snippet;
+        [key: string]: unknown;
+    } = $props();
+</script>
+
+<!-- MultiSelect.svelte -->
+<select
+    class={`multi-select ${className}`}
+    multiple
+    aria-label={label}
+    {size}
+    bind:value
+    {required}
+    {disabled}
+    {...restProps}
+>
+    {@render children?.()}
+</select>

package/dist/components/MultiSelect/MultiSelect.svelte.d.ts

@@ -0,0 +1,19 @@
+import type { Snippet } from "svelte";
+type $$ComponentProps = {
+    /** Accessible label. */
+    label: string;
+    /** Selected option values. Bindable. */
+    value?: string[];
+    /** Number of visible rows. */
+    size?: number;
+    /** Whether required. */
+    required?: boolean;
+    /** Whether disabled. */
+    disabled?: boolean;
+    /** Option elements to render inside. */
+    children: Snippet;
+    [key: string]: unknown;
+};
+declare const MultiSelect: import("svelte").Component<$$ComponentProps, {}, "value">;
+type MultiSelect = ReturnType<typeof MultiSelect>;
+export default MultiSelect;

package/dist/components/MultiSelectWithExtras/MultiSelectWithExtras.svelte

@@ -0,0 +1,80 @@
+<script lang="ts">
+    // MultiSelectWithExtras component
+    //
+    // A headless multiple-choice select with optional content before and after the
+    // native <select multiple>, inside a wrapper <div>. Same shape as SelectWithExtras.
+    //
+    // Props:
+    //   className — string, optional. CSS class on the wrapper.
+    //   label — string, required. Accessible name via aria-label on the <select>.
+    //   value — string[], default []. Bindable selected option values.
+    //   size — number, optional. Number of visible rows.
+    //   required, disabled — boolean, default false.
+    //   children — Snippet. Option elements.
+    //   before, after — Snippet, optional. Content around the select.
+    //   ...restProps — additional HTML attributes spread onto the wrapper <div>.
+    //
+    // Keyboard:
+    //   - Native only
+    //
+    // Accessibility:
+    //   - aria-label={label} on the <select> provides the accessible name
+    //
+    // Claude rules:
+    //   - Headless: no CSS; uses $bindable() on value
+    import type { Snippet } from "svelte";
+
+    let {
+        class: className = "",
+        label,
+        value = $bindable([]),
+        size = undefined,
+        required = false,
+        disabled = false,
+        children,
+        before,
+        after,
+        ...restProps
+    }: {
+        /** Accessible label. */
+        label: string;
+        /** Selected option values. Bindable. */
+        value?: string[];
+        /** Number of visible rows. */
+        size?: number;
+        /** Whether required. */
+        required?: boolean;
+        /** Whether disabled. */
+        disabled?: boolean;
+        /** Option elements. */
+        children: Snippet;
+        /** Content before the select. */
+        before?: Snippet;
+        /** Content after the select. */
+        after?: Snippet;
+        [key: string]: unknown;
+    } = $props();
+</script>
+
+<!-- MultiSelectWithExtras.svelte -->
+<div
+    class={`multi-select-with-extras ${className}`}
+    {...restProps}
+>
+    {#if before}
+        {@render before()}
+    {/if}
+    <select
+        multiple
+        aria-label={label}
+        {size}
+        bind:value
+        {required}
+        {disabled}
+    >
+        {@render children?.()}
+    </select>
+    {#if after}
+        {@render after()}
+    {/if}
+</div>

package/dist/components/MultiSelectWithExtras/MultiSelectWithExtras.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { Snippet } from "svelte";
+type $$ComponentProps = {
+    /** Accessible label. */
+    label: string;
+    /** Selected option values. Bindable. */
+    value?: string[];
+    /** Number of visible rows. */
+    size?: number;
+    /** Whether required. */
+    required?: boolean;
+    /** Whether disabled. */
+    disabled?: boolean;
+    /** Option elements. */
+    children: Snippet;
+    /** Content before the select. */
+    before?: Snippet;
+    /** Content after the select. */
+    after?: Snippet;
+    [key: string]: unknown;
+};
+declare const MultiSelectWithExtras: import("svelte").Component<$$ComponentProps, {}, "value">;
+type MultiSelectWithExtras = ReturnType<typeof MultiSelectWithExtras>;
+export default MultiSelectWithExtras;

package/dist/components/NihonKojinBangoInput/NihonKojinBangoInput.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+    // NihonKojinBangoInput component
+    //
+    // A headless input for entering Japan's Individual Number / My Number (マイナンバー).
+    // Format: Twelve digits, issued to every resident of Japan since 2016. The twelfth digit is a check digit: the first eleven digits are each multiplied by a position-dependent weight (6,5,4,3,2 for positions 1-5; 7,6,5,4,3,2 for positions 6-11), summed, taken Modulus-11, and the remainder subtracted from 11 (remainders of 0 or 1 both yield a check digit of 0).
+    //
+    // Props:
+    //   className — string, optional. CSS class name.
+    //   label — string, required. Accessible label for screen readers via aria-label.
+    //   value — string, default "". Bindable input value; supports bind:value.
+    //   required — boolean, default false. Whether the input is required for form submission.
+    //   disabled — boolean, default false. Whether the input is disabled.
+    //   ...restProps — additional HTML attributes spread onto the <input>.
+    //
+    // Syntax:
+    //   <NihonKojinBangoInput label="Individual Number / My Number (マイナンバー)" bind:value />
+    //
+    // Accessibility:
+    //   - aria-label provides the accessible name for screen readers
+    //   - autocomplete="off" protects sensitive identifiers
+    //   - required and disabled states are conveyed to assistive technology
+    //
+    // Internationalization:
+    //   - The label prop externalizes user-facing text for translation
+    //
+    // References:
+    //   - https://en.wikipedia.org/wiki/Individual_Number
+
+    let {
+        class: className = "",
+        label,
+        value = $bindable(""),
+        required = false,
+        disabled = false,
+        ...restProps
+    }: {
+        label: string;
+        value?: string;
+        required?: boolean;
+        disabled?: boolean;
+        [key: string]: unknown;
+    } = $props();
+</script>
+
+<!-- NihonKojinBangoInput.svelte -->
+<input
+    class={`nihon-kojin-bango-input ${className}`}
+    type="text"
+    aria-label={label}
+    autocomplete="off"
+    bind:value
+    {required}
+    {disabled}
+    {...restProps}
+/>

package/dist/components/NihonKojinBangoInput/NihonKojinBangoInput.svelte.d.ts

@@ -0,0 +1,10 @@
+type $$ComponentProps = {
+    label: string;
+    value?: string;
+    required?: boolean;
+    disabled?: boolean;
+    [key: string]: unknown;
+};
+declare const NihonKojinBangoInput: import("svelte").Component<$$ComponentProps, {}, "value">;
+type NihonKojinBangoInput = ReturnType<typeof NihonKojinBangoInput>;
+export default NihonKojinBangoInput;

package/dist/components/NihonKojinBangoView/NihonKojinBangoView.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+    // NihonKojinBangoView component
+    //
+    // A headless display component for showing Japan's
+    // Individual Number / My Number (マイナンバー) in a read-only format.
+    // Format: Twelve digits, issued to every resident of Japan since 2016. The twelfth digit is a check digit: the first eleven digits are each multiplied by a position-dependent weight (6,5,4,3,2 for positions 1-5; 7,6,5,4,3,2 for positions 6-11), summed, taken Modulus-11, and the remainder subtracted from 11 (remainders of 0 or 1 both yield a check digit of 0).
+    //
+    // Props:
+    //   className — string, optional. CSS class name.
+    //   label — string, required. Accessible label for screen readers via aria-label.
+    //   value — string, default "". The identifier string to display.
+    //   ...restProps — additional HTML attributes spread onto the <span>.
+    //
+    // Syntax:
+    //   <NihonKojinBangoView label="Individual Number / My Number (マイナンバー)" value={value} />
+    //
+    // Accessibility:
+    //   - aria-label provides the accessible name so screen readers announce the purpose
+    //
+    // References:
+    //   - https://en.wikipedia.org/wiki/Individual_Number
+
+    let {
+        class: className = "",
+        label,
+        value = "",
+        ...restProps
+    }: {
+        label: string;
+        value?: string;
+        [key: string]: unknown;
+    } = $props();
+</script>
+
+<!-- NihonKojinBangoView.svelte -->
+<span
+    class={`nihon-kojin-bango-view ${className}`}
+    aria-label={label}
+    {...restProps}>{value}</span
+>

package/dist/components/NihonKojinBangoView/NihonKojinBangoView.svelte.d.ts

@@ -0,0 +1,8 @@
+type $$ComponentProps = {
+    label: string;
+    value?: string;
+    [key: string]: unknown;
+};
+declare const NihonKojinBangoView: import("svelte").Component<$$ComponentProps, {}, "">;
+type NihonKojinBangoView = ReturnType<typeof NihonKojinBangoView>;
+export default NihonKojinBangoView;

package/dist/components/OneTimePasswordInput/OneTimePasswordInput.svelte

@@ -0,0 +1,85 @@
+<script lang="ts">
+    // OneTimePasswordInput component
+    //
+    // A headless one-time-password (OTP / verification code) field. It is ONE real
+    // native <input>, not a row of segmented boxes (see PinInputDiv for that), so
+    // SMS / password-manager autofill (autocomplete="one-time-code") and paste work.
+    //
+    // Props:
+    //   className — string, optional. CSS class name.
+    //   label — string, required. Accessible name via aria-label.
+    //   length — number, required. Number of characters in the code (maxlength). No default.
+    //   value — string, default "". Bindable.
+    //   inputMode — string, default "numeric". Use "text" for alphanumeric codes.
+    //   pattern — string, default "[0-9]*". Use e.g. "[A-Za-z0-9]*" for alphanumeric codes.
+    //   name — string, optional. Form field name.
+    //   required, disabled — boolean, default false.
+    //   ...restProps — additional HTML attributes spread onto the <input>.
+    //
+    // Syntax:
+    //   <OneTimePasswordInput label="Verification code" length={6} bind:value />
+    //
+    // Keyboard:
+    //   - None beyond native input behavior
+    //
+    // Accessibility:
+    //   - aria-label={label} provides the accessible name
+    //   - autocomplete="one-time-code" lets the platform offer the received code
+    //
+    // Internationalization:
+    //   - The label prop accepts any translated string; no hardcoded strings
+    //
+    // Claude rules:
+    //   - Headless: no CSS, no styles
+    //   - Never validates or submits; the consumer owns verification
+
+    let {
+        class: className = "",
+        label,
+        length,
+        value = $bindable(""),
+        inputMode = "numeric",
+        pattern = "[0-9]*",
+        name = undefined,
+        required = false,
+        disabled = false,
+        ...restProps
+    }: {
+        /** Accessible label. */
+        label: string;
+        /** Number of characters in the code. */
+        length: number;
+        /** Current value. Bindable. */
+        value?: string;
+        /** Virtual keyboard hint. */
+        inputMode?: string;
+        /** Allowed characters pattern. */
+        pattern?: string;
+        /** Form field name. */
+        name?: string;
+        /** Whether required. */
+        required?: boolean;
+        /** Whether disabled. */
+        disabled?: boolean;
+        [key: string]: unknown;
+    } = $props();
+</script>
+
+<!-- OneTimePasswordInput.svelte -->
+<input
+    class={`one-time-password-input ${className}`}
+    type="text"
+    inputmode={inputMode as any}
+    autocomplete="one-time-code"
+    maxlength={length}
+    {pattern}
+    spellcheck={false}
+    autocapitalize="off"
+    aria-label={label}
+    data-length={length}
+    {name}
+    bind:value
+    {required}
+    {disabled}
+    {...restProps}
+/>

package/dist/components/OneTimePasswordInput/OneTimePasswordInput.svelte.d.ts

@@ -0,0 +1,22 @@
+type $$ComponentProps = {
+    /** Accessible label. */
+    label: string;
+    /** Number of characters in the code. */
+    length: number;
+    /** Current value. Bindable. */
+    value?: string;
+    /** Virtual keyboard hint. */
+    inputMode?: string;
+    /** Allowed characters pattern. */
+    pattern?: string;
+    /** Form field name. */
+    name?: string;
+    /** Whether required. */
+    required?: boolean;
+    /** Whether disabled. */
+    disabled?: boolean;
+    [key: string]: unknown;
+};
+declare const OneTimePasswordInput: import("svelte").Component<$$ComponentProps, {}, "value">;
+type OneTimePasswordInput = ReturnType<typeof OneTimePasswordInput>;
+export default OneTimePasswordInput;

package/dist/components/OsterreichSozialversicherungsnummerInput/OsterreichSozialversicherungsnummerInput.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+    // OsterreichSozialversicherungsnummerInput component
+    //
+    // A headless input for entering Austria's Sozialversicherungsnummer (SVNR).
+    // Format: Ten digits, displayed as NNNN DDMMYY. The first three digits are a serial number (the first not zero) followed by a Modulus-11 check digit as the fourth digit; the remaining six digits encode date of birth (DDMMYY). If the Modulus-11 remainder is 10, the serial number is incremented by one and the check digit recalculated.
+    //
+    // Props:
+    //   className — string, optional. CSS class name.
+    //   label — string, required. Accessible label for screen readers via aria-label.
+    //   value — string, default "". Bindable input value; supports bind:value.
+    //   required — boolean, default false. Whether the input is required for form submission.
+    //   disabled — boolean, default false. Whether the input is disabled.
+    //   ...restProps — additional HTML attributes spread onto the <input>.
+    //
+    // Syntax:
+    //   <OsterreichSozialversicherungsnummerInput label="Sozialversicherungsnummer (SVNR)" bind:value />
+    //
+    // Accessibility:
+    //   - aria-label provides the accessible name for screen readers
+    //   - autocomplete="off" protects sensitive identifiers
+    //   - required and disabled states are conveyed to assistive technology
+    //
+    // Internationalization:
+    //   - The label prop externalizes user-facing text for translation
+    //
+    // References:
+    //   - https://de.wikipedia.org/wiki/Sozialversicherungsnummer
+
+    let {
+        class: className = "",
+        label,
+        value = $bindable(""),
+        required = false,
+        disabled = false,
+        ...restProps
+    }: {
+        label: string;
+        value?: string;
+        required?: boolean;
+        disabled?: boolean;
+        [key: string]: unknown;
+    } = $props();
+</script>
+
+<!-- OsterreichSozialversicherungsnummerInput.svelte -->
+<input
+    class={`osterreich-sozialversicherungsnummer-input ${className}`}
+    type="text"
+    aria-label={label}
+    autocomplete="off"
+    bind:value
+    {required}
+    {disabled}
+    {...restProps}
+/>

package/dist/components/OsterreichSozialversicherungsnummerInput/OsterreichSozialversicherungsnummerInput.svelte.d.ts

@@ -0,0 +1,10 @@
+type $$ComponentProps = {
+    label: string;
+    value?: string;
+    required?: boolean;
+    disabled?: boolean;
+    [key: string]: unknown;
+};
+declare const OsterreichSozialversicherungsnummerInput: import("svelte").Component<$$ComponentProps, {}, "value">;
+type OsterreichSozialversicherungsnummerInput = ReturnType<typeof OsterreichSozialversicherungsnummerInput>;
+export default OsterreichSozialversicherungsnummerInput;