@cloudparker/moldex.js 4.1.6 → 4.1.8

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

@@ -1,16 +1,12 @@
-import ButtonBack from './components/button-back/button-back.svelte';
+export * from './types';
 import ButtonCloseIcon from './components/button-close-icon/button-close-icon.svelte';
 import ButtonClose from './components/button-close/button-close.svelte';
 import ButtonListItem from './components/button-list-item/button-list-item.svelte';
 import ButtonDropdown from './components/button-dropdown/button-dropdown.svelte';
 import ButtonOk from './components/button-ok/button-ok.svelte';
 import Button from './components/button/button.svelte';
+import ButtonBack from './components/button-back/button-back.svelte';
 import ButtonSearch from './components/button-search/button-search.svelte';
 import ButtonMenu from './components/button-menu/button-menu.svelte';
 import Switch from './components/switch/switch.svelte';
-import type { ButtonListItemProps } from './components/button-list-item/button-list-item.svelte';
-import type { ButtonDropdownProps } from './components/button-dropdown/button-dropdown.svelte';
-import type { ButtonAppearance, ButtonProps, ButtonSize } from './components/button/button.svelte';
-import type { SwitchProps } from './components/switch/switch.svelte';
-export type { ButtonDropdownProps, ButtonListItemProps, ButtonAppearance, ButtonProps, ButtonSize, SwitchProps, };
 export { Button, ButtonBack, ButtonClose, ButtonCloseIcon, ButtonListItem, ButtonDropdown, ButtonOk, ButtonSearch, ButtonMenu, Switch };

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

@@ -1,10 +1,11 @@
-import ButtonBack from './components/button-back/button-back.svelte';
+export * from './types';
 import ButtonCloseIcon from './components/button-close-icon/button-close-icon.svelte';
 import ButtonClose from './components/button-close/button-close.svelte';
 import ButtonListItem from './components/button-list-item/button-list-item.svelte';
 import ButtonDropdown from './components/button-dropdown/button-dropdown.svelte';
 import ButtonOk from './components/button-ok/button-ok.svelte';
 import Button from './components/button/button.svelte';
+import ButtonBack from './components/button-back/button-back.svelte';
 import ButtonSearch from './components/button-search/button-search.svelte';
 import ButtonMenu from './components/button-menu/button-menu.svelte';
 import Switch from './components/switch/switch.svelte';

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

@@ -0,0 +1,100 @@
+import type { Snippet } from "svelte";
+export type ButtonAppearance = 'none' | 'primary' | 'neutral' | 'border' | 'border-neutral' | 'border-primary';
+export type ButtonSize = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type ButtonType = 'button' | 'submit' | 'reset';
+export type ButtonProps = {
+    title?: string;
+    id?: string;
+    type?: ButtonType;
+    appearance?: ButtonAppearance;
+    size?: ButtonSize;
+    form?: string | null;
+    className?: string;
+    iconPath?: string;
+    iconClassName?: string;
+    label?: string;
+    rightIconPath?: string;
+    rightIconClassName?: string;
+    spinner?: boolean;
+    disabled?: boolean;
+    spinnerClassName?: string;
+    onlySpinner?: boolean;
+    children?: Snippet;
+    hasRipple?: boolean;
+    rippleColor?: string | 'light' | 'dark';
+    url?: string;
+    target?: string;
+    hasOpenInNew?: boolean;
+    openInNewIconClassName?: string;
+    openInNewIcon?: string;
+    onClick?: (ev: MouseEvent) => void;
+    onDblClick?: (ev: MouseEvent) => void;
+    onContextMenu?: (ev: MouseEvent) => void;
+    onDrop?: (ev: DragEvent) => void;
+    onDragStart?: (ev: DragEvent) => void;
+    onDragEnd?: (ev: DragEvent) => void;
+    onDragEnter?: (ev: DragEvent) => void;
+    onDragLeave?: (ev: DragEvent) => void;
+    onDragOver?: (ev: DragEvent) => void;
+};
+export type ButtonListItemProps = {
+    appearance?: ButtonAppearance;
+    size?: ButtonSize;
+    index?: number;
+    id?: string;
+    className?: string;
+    checkboxIconPath?: string;
+    uncheckboxIconPath?: string;
+    checkboxIconClassName?: string;
+    uncheckboxIconClassName?: string;
+    hasIcon?: boolean;
+    iconClassName?: string;
+    hasImg?: boolean;
+    imgClassName?: string;
+    hasArrow?: boolean;
+    arrowIconPath?: string;
+    arrowClassName?: string;
+    title?: string;
+    subtitle?: string;
+    titleClassName?: string;
+    subtitleClassName?: string;
+    url?: string;
+    disabled?: boolean;
+    iconPath?: string;
+    isCircularIcon?: boolean;
+    circularIconClassName?: string;
+    imgSrc?: string;
+    hasCheckbox?: boolean;
+    checkboxClassName?: string;
+    isChecked?: boolean;
+    hasMenu?: boolean;
+    menus?: Menu[] | string[];
+    menuIconPath?: string;
+    menuIconClassName?: string;
+    menuButtonClassName?: string;
+    menuButtonLabel?: string;
+    hasDivider?: boolean;
+    dividerClassName?: string;
+    onMenu?: (ev: Event, menu: Menu | string) => void;
+    onClick?: (ev: MouseEvent) => void;
+    children?: Snippet;
+};
+export type Menu = {
+    _id?: string;
+    title?: string;
+    subtitle?: string;
+    hasIcon?: boolean;
+    iconPath?: string;
+    iconClassName?: string;
+    hasCheckbox?: boolean;
+    checkboxClassName?: string;
+    isChecked?: boolean;
+};
+export type SwitchProps = {
+    id?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+    onChange?: (checked: boolean) => void;
+};

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

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

package/dist/views/core/dialog/components/cropper-dialog/cropper-dialog.svelte

@@ -1,19 +1,7 @@
-<script module lang="ts">
-	export type CropperDialogPropsType = {
-		outputAspectRatio?: number;
-		outputWidth?: number;
-		outputFormat?: OutputImageFormats;
-		outputQuality?: number;
-		outputType?: 'file' | 'base64';
-		inputImageFile?: File | null;
-		className?: string;
-	};
-</script>
-
 <script lang="ts">
 	import EasyCropperjs from '@cloudparker/easy-cropperjs-svelte';
-	import type { DialogExports } from '../dialog/dialog.svelte';
-	import { OutputImageFormatEnum, type OutputImageFormats } from '../../../../../services';
+	import { OutputImageFormatEnum } from '../../../../../services/index.js';
+	import type { CropperDialogProps, DialogExports } from '../../types';
 
 	let {
 		outputWidth,
@@ -28,7 +16,7 @@
 		closeDialog,
 		setOnData,
 		...props
-	}: CropperDialogPropsType & DialogExports = $props();
+	}: CropperDialogProps & DialogExports = $props();
 
 	let easyCropperjsRef: EasyCropperjs | null = $state(null);
 

package/dist/views/core/dialog/components/cropper-dialog/cropper-dialog.svelte.d.ts

@@ -1,15 +1,5 @@
-export type CropperDialogPropsType = {
-    outputAspectRatio?: number;
-    outputWidth?: number;
-    outputFormat?: OutputImageFormats;
-    outputQuality?: number;
-    outputType?: 'file' | 'base64';
-    inputImageFile?: File | null;
-    className?: string;
-};
-import type { DialogExports } from '../dialog/dialog.svelte';
-import { type OutputImageFormats } from '../../../../../services';
-type $$ComponentProps = CropperDialogPropsType & DialogExports;
+import type { CropperDialogProps, DialogExports } from '../../types';
+type $$ComponentProps = CropperDialogProps & DialogExports;
 declare const CropperDialog: import("svelte").Component<$$ComponentProps, {}, "">;
 type CropperDialog = ReturnType<typeof CropperDialog>;
 export default CropperDialog;

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

@@ -1,96 +1,11 @@
-<script module lang="ts">
+<script lang="ts">
+	import { DialogSizeEnum, isMobileScreen } from '../../../../../services/index.js';
 	import ButtonBack from '../../../button/components/button-back/button-back.svelte';
 	import ButtonClose from '../../../button/components/button-close-icon/button-close-icon.svelte';
-
-	/**
-	 * Return a Promise<boolean> value, whic=h will indiacate dialog to close or not.
-	 * false -> Dont close Dialog
-	 * true -> Close dialog
-	 */
-	type DialogCloseButtonClickFunction = (ev: MouseEvent | TouchEvent) => Promise<boolean>;
-
-	export type DialogSize =
-		| DialogSizeEnum.XS
-		| DialogSizeEnum.SM
-		| DialogSizeEnum.MD
-		| DialogSizeEnum.LG
-		| DialogSizeEnum.XL
-		| DialogSizeEnum.FULL;
-
-	export type DialogProps = {
-		backdropClassName?: string;
-		bodyClassName?: string;
-		bodyComponent?: any;
-		cancelable?: boolean;
-		scrollable?: boolean;
-		children?: Snippet;
-		className?: string;
-		component?: any;
-		containerClassName?: string;
-		footerClassName?: string;
-		footerCloseButtonClassName?: string;
-		footerCloseButtonLabel?: string;
-		footerOkButtonClassName?: string;
-		footerOkButtonEnabled?: boolean;
-		footerOkButtonSpinner?: boolean;
-		footerOkButtonType?: 'button' | 'submit' | 'reset';
-		footerOkButtonLabel?: string;
-		hasFooter?: boolean;
-		hasFooterCloseButton?: boolean;
-		hasFooterOkButton?: boolean;
-		hasFooterShadow?: boolean;
-		hasHeader?: boolean;
-		hasHeaderBack?: boolean;
-		hasHeaderClose?: boolean;
-		hasHeaderShadow?: boolean;
-		hasSubtitle?: boolean;
-		hasTitle?: boolean;
-		hasHeaderOkButton?: boolean;
-		headerBackButtonClassName?: string;
-		headerBackIconClassName?: string;
-		headerBackIconPath?: string;
-		headerClassName?: string;
-		headerCloseButtonClassName?: string;
-		headerCloseIconClassName?: string;
-		headerCloseIconPath?: string;
-		headerOkButtonClassName?: string;
-		headerOkButtonLabel?: string;
-		headerOkButtonIconPath?: string;
-		headerOkButtonIconClassName?: string;
-		id?: string;
-		onClose?: () => void;
-		onCloseClick?: DialogCloseButtonClickFunction;
-		onOkClick?: (ev: MouseEvent | TouchEvent, options: DialogExports) => void;
-		onResult?: (value: any) => void;
-		onData?: (data: any) => void;
-		props?: any;
-		size?: DialogSize;
-		targetFormId?: string;
-		subtitle?: string;
-		subtitleClassName?: string;
-		title?: string;
-		titleClassName?: string;
-	};
-
-	export type DialogExports = {
-		closeDialog: (result?: any) => void;
-		setResult: (result: any) => void;
-		setOkSpinner: (enable: boolean) => void;
-		setOkEnabled: (enable: boolean) => void;
-		setOnOkClick: (onclick: (ev: MouseEvent | TouchEvent) => void) => void;
-		setOnCloseClick: (onclick: DialogCloseButtonClickFunction) => void;
-		setOnData: (listener: (data: any) => void) => void;
-		setHeaderSnippet: (snippet: Snippet) => void;
-		setFooterSnippet: (snippet: Snippet) => void;
-		setDialogTitle: (title: string) => void;
-	};
-</script>
-
-<script lang="ts">
 	import Button from '../../../button/components/button/button.svelte';
+	import { mdiArrowLeft, mdiClose } from '../../../icon/index.js';
 	import { type Component as ComponetType, type Snippet } from 'svelte';
-	import { mdiArrowLeft, mdiClose } from '../../../icon';
-	import { DialogSizeEnum, isMobileScreen } from '../../../../../services';
+	import type { DialogCloseButtonClickFunction, DialogExports, DialogProps } from '../../types';
 
 	let {
 		backdropClassName = '',
@@ -305,12 +220,12 @@
 	<!-- svelte-ignore a11y_no_static_element_interactions -->
 	<div
 		tabindex="-1"
-		class="relative flex flex-col transform overflow-hidden bg-neutral-50 dark:bg-neutral-800 text-left transition-all outline-none {size ==
+		class="relative flex transform flex-col overflow-hidden bg-neutral-50 text-left transition-all outline-none dark:bg-neutral-800 {size ==
 		DialogSizeEnum.FULL
 			? 'max-h-dvh max-w-dvw'
 			: 'max-h-[90dvh] max-w-[90dvw]'} {screenSizeClassNameMap[size]} {isOpened
-			? 'ease-out duration-300 opacity-100 translate-y-0 sm:scale-100'
-			: 'ease-in duration-200 opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95'} {size ==
+			? 'translate-y-0 opacity-100 duration-300 ease-out sm:scale-100'
+			: 'translate-y-4 opacity-0 duration-200 ease-in sm:translate-y-0 sm:scale-95'} {size ==
 		DialogSizeEnum.FULL
 			? ''
 			: 'rounded-lg shadow-xl dark:shadow-black'} {className}"
@@ -321,7 +236,7 @@
 		{:else}
 			{#if hasHeader}
 				<div
-					class="flex items-center gap-4 w-full cursor-default py-2 {hasHeaderShadow
+					class="flex w-full cursor-default items-center gap-4 py-2 {hasHeaderShadow
 						? 'border-b shadow-sm'
 						: ''} {headerClassName}"
 				>
@@ -335,7 +250,7 @@
 							/>
 						{/if}
 					</div>
-					<div class="py-2 flex-grow">
+					<div class="flex-grow py-2">
 						{#if hasTitle}
 							<div class="text-xl text-neutral-800 dark:text-neutral-300 {titleClassName}">
 								{@html customTitle || title || ''}
@@ -380,7 +295,7 @@
 
 			{#if hasFooter}
 				<div
-					class="flex items-center justify-end p-4 gap-4 {hasFooterShadow
+					class="flex items-center justify-end gap-4 p-4 {hasFooterShadow
 						? 'border-t'
 						: ''} {footerClassName}"
 				>
@@ -408,7 +323,7 @@
 						<Button
 							id="btn-close"
 							type="button"
-							appearance="base"
+							appearance="neutral"
 							className=" {footerCloseButtonClassName}"
 							label={footerCloseButtonLabel}
 							onClick={handleClose}
@@ -430,9 +345,9 @@
 	>
 		<div
 			id="backdrop"
-			class="fixed inset-0 bg-gray-500/20 dark:bg-gray-900/30 transition-opacity backdrop-blur-sm {isOpened
-				? 'ease-out duration-300 opacity-100'
-				: 'ease-in duration-200 opacity-0'} {backdropClassName}"
+			class="fixed inset-0 bg-gray-500/20 backdrop-blur-sm transition-opacity dark:bg-gray-900/30 {isOpened
+				? 'opacity-100 duration-300 ease-out'
+				: 'opacity-0 duration-200 ease-in'} {backdropClassName}"
 			aria-hidden="true"
 		></div>
 
@@ -443,7 +358,7 @@
 			onclick={handleBackdropClick}
 			onkeydown={handleKeyDown}
 		>
-			<div class="flex min-h-full justify-center items-center">
+			<div class="flex min-h-full items-center justify-center">
 				{@render dialogContent()}
 			</div>
 		</div>

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

@@ -1,78 +1,5 @@
-/**
- * Return a Promise<boolean> value, whic=h will indiacate dialog to close or not.
- * false -> Dont close Dialog
- * true -> Close dialog
- */
-type DialogCloseButtonClickFunction = (ev: MouseEvent | TouchEvent) => Promise<boolean>;
-export type DialogSize = DialogSizeEnum.XS | DialogSizeEnum.SM | DialogSizeEnum.MD | DialogSizeEnum.LG | DialogSizeEnum.XL | DialogSizeEnum.FULL;
-export type DialogProps = {
-    backdropClassName?: string;
-    bodyClassName?: string;
-    bodyComponent?: any;
-    cancelable?: boolean;
-    scrollable?: boolean;
-    children?: Snippet;
-    className?: string;
-    component?: any;
-    containerClassName?: string;
-    footerClassName?: string;
-    footerCloseButtonClassName?: string;
-    footerCloseButtonLabel?: string;
-    footerOkButtonClassName?: string;
-    footerOkButtonEnabled?: boolean;
-    footerOkButtonSpinner?: boolean;
-    footerOkButtonType?: 'button' | 'submit' | 'reset';
-    footerOkButtonLabel?: string;
-    hasFooter?: boolean;
-    hasFooterCloseButton?: boolean;
-    hasFooterOkButton?: boolean;
-    hasFooterShadow?: boolean;
-    hasHeader?: boolean;
-    hasHeaderBack?: boolean;
-    hasHeaderClose?: boolean;
-    hasHeaderShadow?: boolean;
-    hasSubtitle?: boolean;
-    hasTitle?: boolean;
-    hasHeaderOkButton?: boolean;
-    headerBackButtonClassName?: string;
-    headerBackIconClassName?: string;
-    headerBackIconPath?: string;
-    headerClassName?: string;
-    headerCloseButtonClassName?: string;
-    headerCloseIconClassName?: string;
-    headerCloseIconPath?: string;
-    headerOkButtonClassName?: string;
-    headerOkButtonLabel?: string;
-    headerOkButtonIconPath?: string;
-    headerOkButtonIconClassName?: string;
-    id?: string;
-    onClose?: () => void;
-    onCloseClick?: DialogCloseButtonClickFunction;
-    onOkClick?: (ev: MouseEvent | TouchEvent, options: DialogExports) => void;
-    onResult?: (value: any) => void;
-    onData?: (data: any) => void;
-    props?: any;
-    size?: DialogSize;
-    targetFormId?: string;
-    subtitle?: string;
-    subtitleClassName?: string;
-    title?: string;
-    titleClassName?: string;
-};
-export type DialogExports = {
-    closeDialog: (result?: any) => void;
-    setResult: (result: any) => void;
-    setOkSpinner: (enable: boolean) => void;
-    setOkEnabled: (enable: boolean) => void;
-    setOnOkClick: (onclick: (ev: MouseEvent | TouchEvent) => void) => void;
-    setOnCloseClick: (onclick: DialogCloseButtonClickFunction) => void;
-    setOnData: (listener: (data: any) => void) => void;
-    setHeaderSnippet: (snippet: Snippet) => void;
-    setFooterSnippet: (snippet: Snippet) => void;
-    setDialogTitle: (title: string) => void;
-};
 import { type Component as ComponetType, type Snippet } from 'svelte';
-import { DialogSizeEnum } from '../../../../../services';
+import type { DialogCloseButtonClickFunction, DialogExports, DialogProps } from '../../types';
 declare const Dialog: ComponetType<DialogProps, {
     toggleDialog: () => void;
     openDialog: () => void;

package/dist/views/core/dialog/components/loading-dialog/loading-dialog.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { Spinner } from '../../../spinner';
-	import type { DialogExports } from '../dialog/dialog.svelte';
-
+	import Spinner from '../../../spinner/components/spinner/spinner.svelte';
+	import type { DialogExports } from '../../types';
+ 	 
 	type PropsType = {
 		msg?: string;
 		msgClassName?: string;

package/dist/views/core/dialog/components/loading-dialog/loading-dialog.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { DialogExports } from '../dialog/dialog.svelte';
+import type { DialogExports } from '../../types';
 type PropsType = {
     msg?: string;
     msgClassName?: string;

package/dist/views/core/dialog/components/msg-dialog/msg-dialog.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { DialogExports } from '../dialog/dialog.svelte';
+	import type { DialogExports } from '../../types';
 
 	type PropsType = {
 		className?: string;

package/dist/views/core/dialog/components/msg-dialog/msg-dialog.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { DialogExports } from '../dialog/dialog.svelte';
+import type { DialogExports } from '../../types';
 type PropsType = {
     className?: string;
     msg?: string;

package/dist/views/core/dialog/components/number-field-dialog/number-field-dialog.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { showToast } from '../../../../../services';
+	import { showToast } from '../../../../../services/index.js';
 	import NumberField from '../../../input/components/number-field/number-field.svelte';
-	import type { DialogExports } from '../dialog/dialog.svelte';
+	import type { DialogExports } from '../../types';
 
 	type PropsType = {
 		value?: number;

package/dist/views/core/dialog/components/number-field-dialog/number-field-dialog.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { DialogExports } from '../dialog/dialog.svelte';
+import type { DialogExports } from '../../types';
 type PropsType = {
     value?: number;
     label?: string;

package/dist/views/core/dialog/components/picker-dialog/picker-dialog.svelte

@@ -1,43 +1,17 @@
-<script lang="ts" module>
-	export type PickerDialogProps = {
-		items?: string[] | any[];
-		multiple?: boolean;
-		value?: any;
-		identityFieldName?: string;
-		titleFieldName?: string;
-		searchFieldName?: string;
-		subtitleFieldName?: string;
-		hasCheckbox?: boolean;
-		hasArrow?: boolean;
-		maxlength?: number;
-		maxlengthMsg?: string;
-		checkboxIconPath?: string;
-		uncheckboxIconPath?: string;
-		checkboxIconClassName?: string;
-		uncheckboxIconClassName?: string;
-		checkboxClassName?: string;
-		arrowIconPath?: string;
-		arrowClassName?: string;
-		hasIcon?: boolean;
-		iconPath?: string;
-		iconClassName?: string;
-		isCircularIcon?: boolean;
-		circularIconClassName?: string;
-		itemTileSnippet?: Snippet<[item: any, index: number]>;
-	};
-</script>
-
 <script lang="ts">
-	import { showToast } from '../../../../../services';
-
+	import { showToast } from '../../../../../services/index.js';
 	import ButtonListItem from '../../../button/components/button-list-item/button-list-item.svelte';
 	import ButtonSearch from '../../../button/components/button-search/button-search.svelte';
 	import VirtualScrollingList from '../../../common/components/virtual-scrolling/virtual-scrolling-list.svelte';
-	import { mdiCheckCircle, mdiCheckCircleOutline, mdiChevronRight } from '../../../icon';
 	import Icon from '../../../icon/components/icon/icon.svelte';
-	import { onMount, type Snippet } from 'svelte';
+	import {
+		mdiCheckCircle,
+		mdiCheckCircleOutline,
+		mdiChevronRight
+	} from '../../../icon/index.js';
+	import { onMount } from 'svelte';
 	import { SvelteSet } from 'svelte/reactivity';
-	import type { DialogExports } from '../dialog/dialog.svelte';
+	import type { DialogExports, PickerDialogProps } from '../../types';
 
 	let {
 		value,
@@ -154,7 +128,7 @@
 	<ButtonSearch className="rounded-full !p-3 " onSearch={handleSearch} />
 {/snippet}
 
-<div class="mb-4 min-h-96 h-full" bind:clientHeight={containerHeight}>
+<div class="mb-4 h-full min-h-96" bind:clientHeight={containerHeight}>
 	<VirtualScrollingList items={filteredRecords} {containerHeight} itemHeight={56}>
 		{#snippet itemSnippet(item: any, index: number)}
 			{@const isSelected = selectedSet.has(item[identityFieldName])}

package/dist/views/core/dialog/components/picker-dialog/picker-dialog.svelte.d.ts

@@ -1,31 +1,4 @@
-export type PickerDialogProps = {
-    items?: string[] | any[];
-    multiple?: boolean;
-    value?: any;
-    identityFieldName?: string;
-    titleFieldName?: string;
-    searchFieldName?: string;
-    subtitleFieldName?: string;
-    hasCheckbox?: boolean;
-    hasArrow?: boolean;
-    maxlength?: number;
-    maxlengthMsg?: string;
-    checkboxIconPath?: string;
-    uncheckboxIconPath?: string;
-    checkboxIconClassName?: string;
-    uncheckboxIconClassName?: string;
-    checkboxClassName?: string;
-    arrowIconPath?: string;
-    arrowClassName?: string;
-    hasIcon?: boolean;
-    iconPath?: string;
-    iconClassName?: string;
-    isCircularIcon?: boolean;
-    circularIconClassName?: string;
-    itemTileSnippet?: Snippet<[item: any, index: number]>;
-};
-import { type Snippet } from 'svelte';
-import type { DialogExports } from '../dialog/dialog.svelte';
+import type { DialogExports, PickerDialogProps } from '../../types';
 type $$ComponentProps = DialogExports & PickerDialogProps;
 declare const PickerDialog: import("svelte").Component<$$ComponentProps, {}, "">;
 type PickerDialog = ReturnType<typeof PickerDialog>;

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

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { showToast } from '../../../../../services';
-	import { TextField } from '../../../input';
-	import type { InputValue } from '../../../input/components/input-field/input-field.svelte';
-	import type { DialogExports } from '../dialog/dialog.svelte';
+	import { showToast } from '../../../../../services/index.js';
+	import type { InputValue } from '../../../input';
+	import TextField from '../../../input/components/text-field/text-field.svelte';
+	import type { DialogExports } from '../../types';
 
 	type PropsType = {
 		value?: InputValue;

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

@@ -1,5 +1,5 @@
-import type { InputValue } from '../../../input/components/input-field/input-field.svelte';
-import type { DialogExports } from '../dialog/dialog.svelte';
+import type { InputValue } from '../../../input';
+import type { DialogExports } from '../../types';
 type PropsType = {
     value?: InputValue;
     label?: string;

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

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { showToast } from '../../../../../services';
-	import { TextareaField, TextField } from '../../../input';
-	import type { InputValue } from '../../../input/components/input-field/input-field.svelte';
-	import type { DialogExports } from '../dialog/dialog.svelte';
+	import { showToast } from '../../../../../services/index.js';
+	import type { InputValue } from '../../../input';
+	import TextareaField from '../../../input/components/textarea-field/textarea-field.svelte';
+	import type { DialogExports } from '../../types';
 
 	type PropsType = {
 		value?: InputValue;

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

@@ -1,5 +1,5 @@
-import type { InputValue } from '../../../input/components/input-field/input-field.svelte';
-import type { DialogExports } from '../dialog/dialog.svelte';
+import type { InputValue } from '../../../input';
+import type { DialogExports } from '../../types';
 type PropsType = {
     value?: InputValue;
     label?: string;

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

@@ -1,4 +1,9 @@
-import type { DialogExports, DialogProps, DialogSize } from './components/dialog/dialog.svelte';
-import Dialog from './components/dialog/dialog.svelte';
-export { Dialog, };
-export type { DialogExports, DialogProps, DialogSize };
+export { default as CropperDialog } from './components/cropper-dialog/cropper-dialog.svelte';
+export { default as Dialog } from './components/dialog/dialog.svelte';
+export { default as LoadingDialog } from './components/loading-dialog/loading-dialog.svelte';
+export { default as MsgDialog } from './components/msg-dialog/msg-dialog.svelte';
+export { default as NumberFieldDialog } from './components/number-field-dialog/number-field-dialog.svelte';
+export { default as PickerDialog } from './components/picker-dialog/picker-dialog.svelte';
+export { default as TextFieldDialog } from './components/text-field-dialog/text-field-dialog.svelte';
+export { default as TextareaFieldDialog } from './components/textarea-field-dialog/textarea-field-dialog.svelte';
+export * from './types';