@lilydesignsystem/svelte-headless 0.2.0 → 0.4.0

package/dist/components/MagyarorszagTajSzamView/MagyarorszagTajSzamView.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+    // MagyarorszagTajSzamView component
+    //
+    // A headless display component for showing Hungary's
+    // Társadalombiztosítási Azonosító Jel (TAJ) in a read-only format.
+    // Format: Nine digits, displayed as SSS SSS SSK. The first eight digits are a simple issued-in-order serial number; the ninth is a check digit computed by multiplying the first eight digits by alternating weights 3 and 7, summing the products, and taking the result Modulus 10 — an algorithm unique to Hungary, distinct from Luhn.
+    //
+    // 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:
+    //   <MagyarorszagTajSzamView label="Társadalombiztosítási Azonosító Jel (TAJ)" value={value} />
+    //
+    // Accessibility:
+    //   - aria-label provides the accessible name so screen readers announce the purpose
+    //
+    // References:
+    //   - https://hu.wikipedia.org/wiki/T%C3%A1rsadalombiztos%C3%ADt%C3%A1si_azonos%C3%ADt%C3%B3_jel
+
+    let {
+        class: className = "",
+        label,
+        value = "",
+        ...restProps
+    }: {
+        label: string;
+        value?: string;
+        [key: string]: unknown;
+    } = $props();
+</script>
+
+<!-- MagyarorszagTajSzamView.svelte -->
+<span
+    class={`magyarorszag-taj-szam-view ${className}`}
+    aria-label={label}
+    {...restProps}>{value}</span
+>

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

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

package/dist/components/Mark/Mark.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+    // Mark component
+    //
+    // A headless inline wrapper: an inline highlight marking text as relevant or referenced, such as a search match, using the native mark element. Contract: a plain wrapper with the base class and children.
+    // Draws nothing and carries no strings of its own; the consumer supplies the text.
+    import type { Snippet } from "svelte";
+
+    let {
+        class: className = "",
+        children,
+        ...restProps
+    }: {
+
+        /** The content. */
+        children?: Snippet;
+        [key: string]: unknown;
+    } = $props();
+</script>
+
+<!-- Mark.svelte -->
+<mark
+    class={`mark ${className}`}
+
+    {...restProps}
+>
+    {@render children?.()}
+</mark>

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

@@ -0,0 +1,9 @@
+import type { Snippet } from "svelte";
+type $$ComponentProps = {
+    /** The content. */
+    children?: Snippet;
+    [key: string]: unknown;
+};
+declare const Mark: import("svelte").Component<$$ComponentProps, {}, "">;
+type Mark = ReturnType<typeof Mark>;
+export default Mark;

package/dist/components/MexicoClaveUnicaDeRegistroDePoblacionInput/MexicoClaveUnicaDeRegistroDePoblacionInput.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+    // MexicoClaveUnicaDeRegistroDePoblacionInput component
+    //
+    // A headless input for entering Mexico's Clave Única de Registro de Población (CURP).
+    // 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 "". 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:
+    //   <MexicoClaveUnicaDeRegistroDePoblacionInput label="Clave Única de Registro de Población (CURP)" 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/Unique_Population_Registry_Code
+
+    let {
+        class: className = "",
+        label,
+        value = $bindable(""),
+        required = false,
+        disabled = false,
+        ...restProps
+    }: {
+        label: string;
+        value?: string;
+        required?: boolean;
+        disabled?: boolean;
+        [key: string]: unknown;
+    } = $props();
+</script>
+
+<!-- MexicoClaveUnicaDeRegistroDePoblacionInput.svelte -->
+<input
+    class={`mexico-clave-unica-de-registro-de-poblacion-input ${className}`}
+    type="text"
+    aria-label={label}
+    autocomplete="off"
+    bind:value
+    {required}
+    {disabled}
+    {...restProps}
+/>

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;