@cloudparker/moldex.js 4.1.6 → 4.1.8

package/dist/views/core/input/components/phone-field/phone-field.svelte.d.ts

@@ -1,25 +1,4 @@
-export type LibPhoneNumberParseType = {
-    isValid: () => boolean;
-    nationalNumber: string;
-    countryCallingCode: string;
-};
-export type LibPhoneNumberType = {
-    parsePhoneNumber: (phoneNumber: string, dialCode?: string) => LibPhoneNumberParseType;
-};
-export type CountryType = {
-    name: string;
-    dialCode: string;
-    isoCode: string;
-};
-export type EasyCountryDataType = {
-    getCountries: () => CountryType[];
-    getCountry: (params: {
-        name?: string;
-        dialCode?: string;
-        isoCode?: string;
-    }) => CountryType;
-};
-import { type InputFieldProps } from '../input-field/input-field.svelte';
+import type { InputFieldProps } from '../../types';
 type $$ComponentProps = InputFieldProps & {
     buttonClassName?: string;
     dialCode?: string;

package/dist/views/core/input/components/radio-field/radio-field.svelte

@@ -1,32 +1,8 @@
-<script lang="ts" module>
-	export type RadioValuetype = string | boolean | number | Date;
-	export type RadioItem = { value: any; label: string; desc?: string };
-	export type RadioItems = (RadioValuetype | RadioItem)[];
-	export type RadioPosition = 'left' | 'right';
-	export type RadioDiration = 'vertical' | 'horizontal';
-	export type RadioPropsType = {
-		className?: string;
-		groupContainerClassName?: string;
-		hasPrimitiveItemsData?: boolean;
-		id?: string;
-		items?: RadioItems;
-		labelClassName?: string;
-		name?: string;
-		position?: RadioPosition;
-		direction?: RadioDiration;
-		radioContainerClassName?: string;
-		required?: boolean;
-		subtitle?: string;
-		subtitleClassName?: string;
-		title?: string;
-		titleClassName?: string;
-		value?: RadioValuetype;
-		descClassName?: string;
-		onChange?: (value: RadioValuetype) => void;
-	};
-</script>
+ 
 
 <script lang="ts">
+	import type { RadioItem, RadioPropsType } from '../../types';
+
 	let {
 		direction = 'vertical',
 		className,

package/dist/views/core/input/components/radio-field/radio-field.svelte.d.ts

@@ -1,32 +1,4 @@
-export type RadioValuetype = string | boolean | number | Date;
-export type RadioItem = {
-    value: any;
-    label: string;
-    desc?: string;
-};
-export type RadioItems = (RadioValuetype | RadioItem)[];
-export type RadioPosition = 'left' | 'right';
-export type RadioDiration = 'vertical' | 'horizontal';
-export type RadioPropsType = {
-    className?: string;
-    groupContainerClassName?: string;
-    hasPrimitiveItemsData?: boolean;
-    id?: string;
-    items?: RadioItems;
-    labelClassName?: string;
-    name?: string;
-    position?: RadioPosition;
-    direction?: RadioDiration;
-    radioContainerClassName?: string;
-    required?: boolean;
-    subtitle?: string;
-    subtitleClassName?: string;
-    title?: string;
-    titleClassName?: string;
-    value?: RadioValuetype;
-    descClassName?: string;
-    onChange?: (value: RadioValuetype) => void;
-};
+import type { RadioPropsType } from '../../types';
 declare const RadioField: import("svelte").Component<RadioPropsType, {}, "value">;
 type RadioField = ReturnType<typeof RadioField>;
 export default RadioField;

package/dist/views/core/input/components/range-field/range-field.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-	import InputField, { type InputFieldSize } from '../input-field/input-field.svelte';
+	import type { InputFieldSize } from "../../types";
+
 
 	type RangeFieldPropsType = {
 		id?: string;

package/dist/views/core/input/components/range-field/range-field.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type InputFieldSize } from '../input-field/input-field.svelte';
+import type { InputFieldSize } from "../../types";
 type RangeFieldPropsType = {
     id?: string;
     name?: string;
@@ -15,9 +15,9 @@ type RangeFieldPropsType = {
     onblur?: (ev: any) => void;
 };
 declare const RangeField: import("svelte").Component<RangeFieldPropsType, {
-    getElement: () => HTMLInputElement | null;
-    focus: () => void | null;
-    select: () => void | null;
+    getElement: () => HTMLInputElement;
+    focus: () => void;
+    select: () => void;
 }, "value">;
 type RangeField = ReturnType<typeof RangeField>;
 export default RangeField;

package/dist/views/core/input/components/search-field/search-field.svelte

@@ -2,7 +2,8 @@
 	 
 	import Icon from '../../../icon/components/icon/icon.svelte';
 	import { mdiMagnify } from '../../../icon/index.js';
-	import InputField, { type InputFieldProps } from '../input-field/input-field.svelte';
+	import type { InputFieldProps } from '../../types';
+	import InputField from '../input-field/input-field.svelte';
 
 	let {
 		className,

package/dist/views/core/input/components/search-field/search-field.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type InputFieldProps } from '../input-field/input-field.svelte';
+import type { InputFieldProps } from '../../types';
 type $$ComponentProps = InputFieldProps & {
     iconClassName?: string;
     onSearch?: (value: string) => void;

package/dist/views/core/input/components/text-field/text-field.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-	import InputField, { type InputFieldProps } from '../input-field/input-field.svelte';
+	import type { InputFieldProps } from '../../types';
+	import InputField from '../input-field/input-field.svelte';
 
 	let {
 		maxlength,

package/dist/views/core/input/components/text-field/text-field.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type InputFieldProps } from '../input-field/input-field.svelte';
+import type { InputFieldProps } from '../../types';
 type $$ComponentProps = InputFieldProps & {
     value?: string | null | undefined;
 };

package/dist/views/core/input/components/textarea-field/textarea-field.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-	import InputField, { type InputFieldProps } from '../input-field/input-field.svelte';
+	import type { InputFieldProps } from '../../types';
+	import InputField from '../input-field/input-field.svelte';
 
 	let { value = $bindable(''), ...props }: InputFieldProps = $props();
 	let inputFieldRef: any | null = $state(null);

package/dist/views/core/input/components/textarea-field/textarea-field.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type InputFieldProps } from '../input-field/input-field.svelte';
+import type { InputFieldProps } from '../../types';
 declare const TextareaField: import("svelte").Component<InputFieldProps, {
     focus: () => void;
     getElement: () => any;

package/dist/views/core/input/components/time-field/time-field.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-	import InputField, { type InputFieldProps } from '../input-field/input-field.svelte';
+	import type { InputFieldProps } from '../../types';
+	import InputField from '../input-field/input-field.svelte';
 
 	let { value = $bindable(), ...props }: InputFieldProps = $props();
 	let inputFieldRef: any | null = $state(null);

package/dist/views/core/input/components/time-field/time-field.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type InputFieldProps } from '../input-field/input-field.svelte';
+import type { InputFieldProps } from '../../types';
 declare const TimeField: import("svelte").Component<InputFieldProps, {
     focus: () => void;
     getElement: () => any;

package/dist/views/core/input/index.d.ts

@@ -1,6 +1,3 @@
-import { type InputFieldAppearance, type InputFieldProps, type InputFieldSize } from "./components/input-field/input-field.svelte";
-import type { RadioDiration, RadioItems, RadioItem, RadioPosition, RadioPropsType, RadioValuetype } from "./components/radio-field/radio-field.svelte";
-import type { ComboboxFieldProps } from './components/combobox-field/combobox-field.svelte';
 import CheckboxField from "./components/checkbox-field/checkbox-field.svelte";
 import ColorField from "./components/color-field/color-field.svelte";
 import ComboboxField from "./components/combobox-field/combobox-field.svelte";
@@ -19,5 +16,5 @@ import SearchField from "./components/search-field/search-field.svelte";
 import TextField from "./components/text-field/text-field.svelte";
 import TextareaField from "./components/textarea-field/textarea-field.svelte";
 import TimeField from "./components/time-field/time-field.svelte";
-export type { InputFieldAppearance, InputFieldProps, InputFieldSize, RadioDiration, RadioItems, RadioItem, RadioPosition, RadioPropsType, RadioValuetype, ComboboxFieldProps, };
+export * from './types';
 export { CheckboxField, ColorField, ComboboxField, DateField, DatetimeField, EmailField, FileField, InputField, Label, NumberField, PasswordField, PhoneField, RadioField, RangeField, SearchField, TextareaField, TextField, TimeField };

package/dist/views/core/input/index.js

@@ -1,4 +1,3 @@
-import {} from "./components/input-field/input-field.svelte";
 import CheckboxField from "./components/checkbox-field/checkbox-field.svelte";
 import ColorField from "./components/color-field/color-field.svelte";
 import ComboboxField from "./components/combobox-field/combobox-field.svelte";
@@ -17,4 +16,5 @@ import SearchField from "./components/search-field/search-field.svelte";
 import TextField from "./components/text-field/text-field.svelte";
 import TextareaField from "./components/textarea-field/textarea-field.svelte";
 import TimeField from "./components/time-field/time-field.svelte";
+export * from './types';
 export { CheckboxField, ColorField, ComboboxField, DateField, DatetimeField, EmailField, FileField, InputField, Label, NumberField, PasswordField, PhoneField, RadioField, RangeField, SearchField, TextareaField, TextField, TimeField };

package/dist/views/core/input/types.d.ts

@@ -0,0 +1,159 @@
+import type { Snippet } from "svelte";
+import type { AriaRole, HTMLInputTypeAttribute } from "svelte/elements";
+export type ComboboxFieldProps = {
+    chipClassName?: string;
+    comboboxIconClassName?: string;
+    comboboxIconPath?: string;
+    createButtonClassName?: string;
+    createButtonLabel?: string;
+    displayClassName?: string;
+    displayFieldName?: string;
+    displayItemsCount?: number;
+    dropdownBodyClassName?: string;
+    dropdownBodySnippet?: Snippet;
+    dropdownClassName?: string;
+    dropdownFooterClassName?: string;
+    dropdownFooterSnippet?: Snippet;
+    dropdownHeaderClassName?: string;
+    dropdownHeaderSnippet?: Snippet;
+    emptyMessage?: string;
+    emptyMessageSnippet?: Snippet;
+    hasComboboxIcon?: boolean;
+    hasDropdownFooter?: boolean;
+    hasDropdownFooterCreateButton?: boolean;
+    hasDropdownHeader?: boolean;
+    hasDropdownHeaderSearch?: boolean;
+    hasCheckbox?: boolean;
+    iconClassName?: string;
+    iconPathFieldName?: string;
+    identityFieldName?: string;
+    itemClassName?: string;
+    items?: any[];
+    multiple?: boolean;
+    onCreateButtonClick?: (ev: MouseEvent) => void;
+    onSearch?: (value: string) => void;
+    searchClassName?: string;
+    searchFieldName?: string;
+    searchPlaceholder?: string;
+    showChip?: boolean;
+    subtitleClassName?: string;
+    subtitleFieldName?: string;
+    titleClassName?: string;
+    titleFieldName?: string;
+    checkboxIconPath?: string;
+    uncheckboxIconPath?: string;
+    checkboxIconClassName?: string;
+    uncheckboxIconClassName?: string;
+    checkboxClassName?: string;
+    dropPosition?: 'top' | 'bottom' | 'middle';
+    itemTileSnippet?: Snippet<[item: any, index: any]>;
+};
+export type InputFieldSize = 'lg' | 'md' | 'sm' | 'xs';
+export type InputFieldAppearance = 'normal' | 'box' | 'fill' | 'underline' | 'fill-underline' | 'none';
+export type InputValue = any | string | string[] | number | number[] | Date | Date[] | File | File[] | null | undefined;
+export type InputFieldProps = {
+    appearance?: InputFieldAppearance;
+    ariaControls?: string;
+    ariaExpanded?: boolean;
+    autofocus?: boolean;
+    className?: string;
+    cols?: number;
+    containerClassName?: string;
+    contentSnippet?: Snippet;
+    contentSnippetClassName?: string;
+    disabled?: boolean;
+    floatingLabel?: boolean;
+    hasRequiredSymbol?: boolean;
+    iconClassName?: string;
+    iconPath?: string;
+    id?: string;
+    label?: string;
+    labelClassName?: string;
+    leftSnippet?: Snippet;
+    leftSnippetContainerClassName?: string;
+    max?: number | string;
+    maxlength?: number;
+    min?: number | string;
+    minlength?: number;
+    multiple?: boolean;
+    name?: string;
+    title?: string;
+    onBlur?: (ev: any) => void;
+    onChange?: (ev: any) => void;
+    onClick?: (ev: MouseEvent) => void;
+    onDblClick?: (ev: MouseEvent) => void;
+    onDrag?: (ev: DragEvent) => void;
+    onDragOver?: (ev: DragEvent) => void;
+    onDrop?: (ev: DragEvent) => void;
+    onFocus?: (ev: any) => void;
+    onInput?: (ev: any) => void;
+    onKeyDown?: (ev: KeyboardEvent) => void;
+    onKeyPress?: (ev: KeyboardEvent) => void;
+    onKeyUp?: (ev: KeyboardEvent) => void;
+    onMouseDown?: (ev: MouseEvent) => void;
+    onMouseUp?: (ev: MouseEvent) => void;
+    pattern?: string;
+    placeholder?: string;
+    readonly?: boolean;
+    required?: boolean;
+    requiredSymbol?: string;
+    requiredSymbolColor?: string;
+    rightSnippet?: Snippet;
+    rightSnippetContainerClassName?: string;
+    role?: AriaRole;
+    rows?: number;
+    size?: InputFieldSize;
+    step?: number;
+    type?: HTMLInputTypeAttribute | 'textarea';
+    value?: InputValue;
+};
+export type LibPhoneNumberParseType = {
+    isValid: () => boolean;
+    nationalNumber: string;
+    countryCallingCode: string;
+};
+export type LibPhoneNumberType = {
+    parsePhoneNumber: (phoneNumber: string, dialCode?: string) => LibPhoneNumberParseType;
+};
+export type CountryType = {
+    name: string;
+    dialCode: string;
+    isoCode: string;
+};
+export type EasyCountryDataType = {
+    getCountries: () => CountryType[];
+    getCountry: (params: {
+        name?: string;
+        dialCode?: string;
+        isoCode?: string;
+    }) => CountryType;
+};
+export type RadioValueType = string | boolean | number | Date;
+export type RadioItem = {
+    value: any;
+    label: string;
+    desc?: string;
+};
+export type RadioItems = (RadioValueType | RadioItem)[];
+export type RadioPosition = 'left' | 'right';
+export type RadioDirection = 'vertical' | 'horizontal';
+export type RadioPropsType = {
+    className?: string;
+    groupContainerClassName?: string;
+    hasPrimitiveItemsData?: boolean;
+    id?: string;
+    items?: RadioItems;
+    labelClassName?: string;
+    name?: string;
+    position?: RadioPosition;
+    direction?: RadioDirection;
+    radioContainerClassName?: string;
+    required?: boolean;
+    subtitle?: string;
+    subtitleClassName?: string;
+    title?: string;
+    titleClassName?: string;
+    value?: RadioValueType;
+    descClassName?: string;
+    onChange?: (value: RadioValueType) => void;
+};

package/dist/views/core/input/types.js

@@ -0,0 +1 @@
+export {};

package/dist/views/core/navbar/components/navbar/navbar.svelte

@@ -1,45 +1,8 @@
-<script module lang="ts">
-	export type NavbarProps = {
-		disabledLogo?: boolean;
-		backIconPath?: string;
-		backButtonClassName?: string;
-		centerContainerClassName?: string;
-		centerSnippet?: Snippet<[]>;
-		children?: Snippet;
-		className?: String;
-		drawerButtonClassName?: string;
-		hasBack?: boolean;
-		hasLogo?: boolean;
-		hasMore?: boolean;
-		hasSubtitle?: boolean;
-		hasTitle?: boolean;
-		id?: string;
-		leftContainerClassName?: string;
-		leftSnippet?: Snippet<[]>;
-		logoButtonClassName?: string;
-		logoIconClassName?: string;
-		logoIconPath?: string;
-		logoImgClassName?: string;
-		logoImgSrc?: string;
-		moreIconPath?: string;
-		morePosition?: 'left' | 'right';
-		onLogo?: () => void;
-		onMore?: () => void;
-		onBack?: () => void;
-		rightContainerClassName?: string;
-		rightSnippet?: Snippet<[]>;
-		subtitle?: string;
-		subtitleClassName?: string;
-		title?: string;
-		titleClassName?: string;
-	};
-</script>
-
+ 
 <script lang="ts">
 	import ButtonBack from '../../../button/components/button-back/button-back.svelte';
-	import Button from '../../../button/components/button/button.svelte';
 	import { Icon, mdiMenu } from '../../../icon';
-	import type { Snippet } from 'svelte';
+	import type { NavbarProps } from '../../types';
 
 	let {
 		disabledLogo,

package/dist/views/core/navbar/components/navbar/navbar.svelte.d.ts

@@ -1,38 +1,4 @@
-export type NavbarProps = {
-    disabledLogo?: boolean;
-    backIconPath?: string;
-    backButtonClassName?: string;
-    centerContainerClassName?: string;
-    centerSnippet?: Snippet<[]>;
-    children?: Snippet;
-    className?: String;
-    drawerButtonClassName?: string;
-    hasBack?: boolean;
-    hasLogo?: boolean;
-    hasMore?: boolean;
-    hasSubtitle?: boolean;
-    hasTitle?: boolean;
-    id?: string;
-    leftContainerClassName?: string;
-    leftSnippet?: Snippet<[]>;
-    logoButtonClassName?: string;
-    logoIconClassName?: string;
-    logoIconPath?: string;
-    logoImgClassName?: string;
-    logoImgSrc?: string;
-    moreIconPath?: string;
-    morePosition?: 'left' | 'right';
-    onLogo?: () => void;
-    onMore?: () => void;
-    onBack?: () => void;
-    rightContainerClassName?: string;
-    rightSnippet?: Snippet<[]>;
-    subtitle?: string;
-    subtitleClassName?: string;
-    title?: string;
-    titleClassName?: string;
-};
-import type { Snippet } from 'svelte';
+import type { NavbarProps } from '../../types';
 declare const Navbar: import("svelte").Component<NavbarProps, {}, "">;
 type Navbar = ReturnType<typeof Navbar>;
 export default Navbar;

package/dist/views/core/navbar/index.d.ts

@@ -1,4 +1,2 @@
-import Navbar from "./components/navbar/navbar.svelte";
-import { type NavbarProps } from "./components/navbar/navbar.svelte";
-export type { NavbarProps, };
-export { Navbar };
+export { default as Navbar } from "./components/navbar/navbar.svelte";
+export * from './types';

package/dist/views/core/navbar/index.js

@@ -1,3 +1,2 @@
-import Navbar from "./components/navbar/navbar.svelte";
-import {} from "./components/navbar/navbar.svelte";
-export { Navbar };
+export { default as Navbar } from "./components/navbar/navbar.svelte";
+export * from './types';

package/dist/views/core/navbar/types.d.ts

@@ -0,0 +1,35 @@
+import type { Snippet } from "svelte";
+export type NavbarProps = {
+    disabledLogo?: boolean;
+    backIconPath?: string;
+    backButtonClassName?: string;
+    centerContainerClassName?: string;
+    centerSnippet?: Snippet<[]>;
+    children?: Snippet;
+    className?: String;
+    drawerButtonClassName?: string;
+    hasBack?: boolean;
+    hasLogo?: boolean;
+    hasMore?: boolean;
+    hasSubtitle?: boolean;
+    hasTitle?: boolean;
+    id?: string;
+    leftContainerClassName?: string;
+    leftSnippet?: Snippet<[]>;
+    logoButtonClassName?: string;
+    logoIconClassName?: string;
+    logoIconPath?: string;
+    logoImgClassName?: string;
+    logoImgSrc?: string;
+    moreIconPath?: string;
+    morePosition?: 'left' | 'right';
+    onLogo?: () => void;
+    onMore?: () => void;
+    onBack?: () => void;
+    rightContainerClassName?: string;
+    rightSnippet?: Snippet<[]>;
+    subtitle?: string;
+    subtitleClassName?: string;
+    title?: string;
+    titleClassName?: string;
+};

package/dist/views/core/navbar/types.js

@@ -0,0 +1 @@
+export {};

package/dist/views/core/toast/components/toast/toast.svelte

@@ -1,29 +1,11 @@
-<script module lang="ts">
-	import type { Snippet } from 'svelte';
-
-	export type ToastPropsType = {
-		id?: string;
-		msg: string;
-		duration?: number;
-		className?: string;
-		children?: Snippet;
-	};
-</script>
-
 <script lang="ts">
+	import type { ToastPropsType } from '../../types';
+
 	let isPlaced: boolean = $state(false);
 	let isOpened: boolean = $state(false);
 
 	let { id, msg, duration = 3000, className, children }: ToastPropsType = $props();
 
-	// export function toggleDialog() {
-	// 	if (isOpened) {
-	// 		closeDialog();
-	// 	} else {
-	// 		openDialog();
-	// 	}
-	// }
-
 	export function openToast() {
 		isPlaced = true;
 		setTimeout(() => {
@@ -45,7 +27,7 @@
 {#if isPlaced}
 	<div
 		{id}
-		class="fixed bottom-20 left-1/2 transform -translate-x-1/2 p-3 px-6 max-w-full text-gray-700 bg-white shadow-xl dark:shadow-neutral-700 dark:bg-neutral-600 dark:text-neutral-300 rounded-full transition-opacity duration-300 {isOpened
+		class="fixed bottom-20 left-1/2 max-w-full -translate-x-1/2 transform rounded-full bg-white p-3 px-6 text-gray-700 shadow-xl transition-opacity duration-300 dark:bg-neutral-600 dark:text-neutral-300 dark:shadow-neutral-700 {isOpened
 			? 'opacity-100'
 			: 'opacity-0'} toast {className}"
 	>

package/dist/views/core/toast/components/toast/toast.svelte.d.ts

@@ -1,11 +1,4 @@
-import type { Snippet } from 'svelte';
-export type ToastPropsType = {
-    id?: string;
-    msg: string;
-    duration?: number;
-    className?: string;
-    children?: Snippet;
-};
+import type { ToastPropsType } from '../../types';
 declare const Toast: import("svelte").Component<ToastPropsType, {
     openToast: () => void;
     closeClose: () => void;

package/dist/views/core/toast/index.d.ts

@@ -1,2 +1,3 @@
-import type { ToastPropsType } from './components/toast/toast.svelte';
-export { type ToastPropsType, };
+import Toast from './components/toast/toast.svelte';
+export * from './types';
+export { Toast };

package/dist/views/core/toast/index.js

@@ -1 +1,3 @@
-export {};
+import Toast from './components/toast/toast.svelte';
+export * from './types';
+export { Toast };

package/dist/views/core/toast/types.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export type ToastPropsType = {
+    id?: string;
+    msg: string;
+    duration?: number;
+    className?: string;
+    children?: Snippet;
+};

package/dist/views/core/toast/types.js

@@ -0,0 +1 @@
+export {};

package/dist/views/extra/index.d.ts

@@ -1,6 +1,6 @@
 import CountryComboboxField from "./fields/country-combobox-field.svelte";
 import TextCountry from "./texts/text-country.svelte";
 import TextCountryState from "./texts/text-country-state.svelte";
-import CountryLoader, { type Country } from "./loaders/country-loader.svelte";
-export type { Country };
+import CountryLoader from "./loaders/country-loader.svelte";
+export * from './types';
 export { CountryComboboxField, TextCountry, CountryLoader, TextCountryState, };

package/dist/views/extra/index.js

@@ -1,5 +1,6 @@
 import CountryComboboxField from "./fields/country-combobox-field.svelte";
 import TextCountry from "./texts/text-country.svelte";
 import TextCountryState from "./texts/text-country-state.svelte";
-import CountryLoader, {} from "./loaders/country-loader.svelte";
+import CountryLoader from "./loaders/country-loader.svelte";
+export * from './types';
 export { CountryComboboxField, TextCountry, CountryLoader, TextCountryState, };

package/dist/views/extra/loaders/country-loader.svelte

@@ -1,14 +1,8 @@
-<script lang="ts" module>
-	export type Country = {
-		isoCode: string;
-		dialCode: string;
-		name: string;
-	};
-</script>
-
+ 
 <script lang="ts">
 	import EasyScriptLoader from '@cloudparker/easy-script-loader-svelte';
 	import type { Snippet } from 'svelte';
+	import type { Country } from '../types';
 
 	type Props = {
 		countries?: Country[];

package/dist/views/extra/loaders/country-loader.svelte.d.ts

@@ -1,9 +1,5 @@
-export type Country = {
-    isoCode: string;
-    dialCode: string;
-    name: string;
-};
 import type { Snippet } from 'svelte';
+import type { Country } from '../types';
 type Props = {
     countries?: Country[];
     onLoad?: (countries?: Country[]) => void;