@cloudparker/moldex.js 4.1.6 → 4.1.8

package/dist/actions/ripple.js

@@ -1,4 +1,4 @@
-import { isTouchDevice } from '../services';
+import { isTouchDevice } from '../services/index.js';
 import './ripple.css';
 const DARK_RIPPLE_COLOR = 'rgba(0, 0, 0, 0.12)';
 const LIGHT_RIPPLE_COLOR = 'rgba(255, 255, 255, 0.12)';

package/dist/services/date/date-service.d.ts

@@ -31,22 +31,22 @@ export declare function daysDiff(startDate: Date, endDate?: Date): number;
 export declare function hoursDiff(startDate: Date, endDate?: Date): number;
 export declare function minutesDiff(startDate: Date, endDate?: Date): number;
 export declare function getPeriodDates(period: PeriodEnum, currentDate?: Date): {
-    startDate: Date | null;
-    endDate: Date | null;
+    startDate: any;
+    endDate: any;
 };
 export declare function padTo2Digits(num: number): string;
 export declare function millisToTimeString(milliseconds: number): string;
-export declare function timestampToMillis(timestamp: any): number | undefined;
-export declare function timestampToDate(timestamp: FirestoreTimestamp): Date | undefined;
-export declare function timestampToDateString(timestamp: FirestoreTimestamp): string | undefined;
-export declare function timestampToAgo(timestamp: FirestoreTimestamp): string | undefined;
+export declare function timestampToMillis(timestamp: any): number;
+export declare function timestampToDate(timestamp: FirestoreTimestamp): Date;
+export declare function timestampToDateString(timestamp: FirestoreTimestamp): string;
+export declare function timestampToAgo(timestamp: FirestoreTimestamp): string;
 export declare function dateToTimestamp(date: Date): {
     seconds: number;
     nanoseconds: number;
 };
-export declare function dateToAgo(date: Date): string | undefined;
-export declare function millisToDateString(millis: number): string | undefined;
-export declare function millisToDate(millis: number): Date | undefined;
-export declare function dateFormat(date: Date, format?: 'MM-DD-YYYY hh:mm a' | 'MM-DD-YYYY' | 'YYYY-MM-DD' | 'YYYY-MM-DDTHH:MM' | string): string | undefined;
+export declare function dateToAgo(date: Date): string;
+export declare function millisToDateString(millis: number): string;
+export declare function millisToDate(millis: number): Date;
+export declare function dateFormat(date: Date, format?: 'MM-DD-YYYY hh:mm a' | 'MM-DD-YYYY' | 'YYYY-MM-DD' | 'YYYY-MM-DDTHH:MM' | string): string;
 export declare function isDateBetween(date: Date, startDate: Date, endDate: Date): boolean;
-export declare function toDate(value: any): Date | undefined;
+export declare function toDate(value: any): Date;

package/dist/services/dialog/dialog-service.d.ts

@@ -1,7 +1,5 @@
-import { type DialogProps, type DialogSize, type InputFieldProps } from '../../views';
-import { type CropperDialogPropsType } from '../../views/core/dialog/components/cropper-dialog/cropper-dialog.svelte';
-import type { PickerDialogProps } from '../../views/core/dialog/components/picker-dialog/picker-dialog.svelte';
-import { ImageCapttureEnum, type ImageCapttures, type OutputImageFormats } from '../utils/image-service';
+import { ImageCaptureEnum, type ImageCaptures, type OutputImageFormats } from '../utils/image-service';
+import { type CropperDialogProps, type DialogProps, type DialogSize, type InputFieldProps, type PickerDialogProps } from '../../views/index.js';
 export declare enum DialogSizeEnum {
     XS = "xs",
     SM = "sm",
@@ -51,27 +49,13 @@ export declare function openLoadingDialog({ msg, loadingDialogContainerClassName
     loadingDialogClassName?: string;
     loadingDialogSpinnerClassName?: string;
     loadingDialogMsgClassName?: string;
-}): Promise<{
-    toggleDialog: () => void;
-    openDialog: () => void;
-    closeDialog: (value?: any) => Promise<any>;
-    setResult: (value: any) => void;
-    setOkEnabled: (value: boolean) => void;
-    setOkSpinner: (value: boolean) => void;
-    setOnData: (listener: (data: any) => void) => void;
-    setOnOkClick: (onclick: (event: MouseEvent | TouchEvent, options: import("../../views").DialogExports) => void) => void;
-    setOnCloseClick: (onclick: (ev: MouseEvent | TouchEvent) => Promise<boolean>) => void;
-    postData: (data: any) => void;
-    setHeaderSnippet: (snippet: import("svelte").Snippet) => void;
-    setFooterSnippet: (snippet: import("svelte").Snippet) => void;
-    setDialogTitle: (dialogTitle: string) => void;
-}>;
+}): Promise<any>;
 /**
  * Return Cropped Image DataUrl
  * @param props
  * @returns
  */
-export declare function openCropperDialog<T, R>({ outputWidth, outputFormat, outputQuality, outputType, inputImageFile, className, outputAspectRatio, ...params }: DialogProps & CropperDialogPropsType): Promise<R | string | File>;
+export declare function openCropperDialog<T, R>({ outputWidth, outputFormat, outputQuality, outputType, inputImageFile, className, outputAspectRatio, ...params }: DialogProps & CropperDialogProps): Promise<R | string | File>;
 /**
  * Opens a file picker dialog and returns the selected file or files.
  * This function uses native browser APIs to ensure compatibility across different browsers.
@@ -91,7 +75,7 @@ export declare function openFilePickerDialog<T extends File | File[]>(accepts?:
  */
 export declare function openImagePickerDialog<T extends File | File[]>(accepts?: string | string[], options?: {
     multiple?: boolean;
-    capture?: ImageCapttures;
+    capture?: ImageCaptures;
     maxWidth?: number;
     maxHeight?: number;
     maxSizeInBytes?: number;
@@ -104,7 +88,7 @@ export declare function openImagePickerDialogWithCropper({ outputFormat, outputW
     outputQuality?: number;
     outputAspectRatio?: number;
     dialogSize?: DialogSize;
-    capture?: ImageCapttureEnum;
+    capture?: ImageCaptureEnum;
     maxWidth?: number;
     maxHeight?: number;
     maxSizeInBytes?: number;

package/dist/services/dialog/dialog-service.js

@@ -1,14 +1,7 @@
-import { Dialog } from '../../views';
-import CropperDialog, {} from '../../views/core/dialog/components/cropper-dialog/cropper-dialog.svelte';
-import LoadingDialog from '../../views/core/dialog/components/loading-dialog/loading-dialog.svelte';
-import MsgDialog from '../../views/core/dialog/components/msg-dialog/msg-dialog.svelte';
-import NumberFieldDialog from '../../views/core/dialog/components/number-field-dialog/number-field-dialog.svelte';
-import PickerDialog from '../../views/core/dialog/components/picker-dialog/picker-dialog.svelte';
-import TextFieldDialog from '../../views/core/dialog/components/text-field-dialog/text-field-dialog.svelte';
-import TextareaFieldDialog from '../../views/core/dialog/components/textarea-field-dialog/textarea-field-dialog.svelte';
 import { mount } from 'svelte';
+import { cropImageFile, FilePickerAccepts, ImageCaptureEnum, OutputImageFormatEnum, processImageFile } from '../utils/image-service';
+import { CropperDialog, Dialog, LoadingDialog, MsgDialog, NumberFieldDialog, PickerDialog, TextareaFieldDialog, TextFieldDialog } from '../../views/index.js';
 import { getDialogSize, isMobileScreen } from '../screen/screen-service';
-import { cropImageFile, FilePickerAccepts, ImageCapttureEnum, OutputImageFormatEnum, processImageFile } from '../utils/image-service';
 export var DialogSizeEnum;
 (function (DialogSizeEnum) {
     DialogSizeEnum["XS"] = "xs";

package/dist/services/navigation/navigation-service.d.ts

@@ -22,7 +22,7 @@ export declare const referrer: {
 export declare const pushBackState: (obj: BackStateType) => void;
 export declare const popBackState: () => BackStateType | undefined;
 export declare const registerBackPress: (state: BackStateType) => void;
-export declare const addBackKeyListener: (callback: (event?: PopStateEvent) => boolean) => ((event: PopStateEvent) => void) | undefined;
+export declare const addBackKeyListener: (callback: (event?: PopStateEvent) => boolean) => (event: PopStateEvent) => void;
 export declare const removeBackKeyListener: (listener: () => boolean) => void;
 export declare function goBack(): void;
 /**

package/dist/services/navigation/navigation-service.js

@@ -1,9 +1,9 @@
 // import { goto, pushState } from '$app/navigation';
-import { createRefererStore } from '../../stores/referrer-store/referrer-store.svelte';
 import { BROWSER } from 'esm-env';
-import { playMelody } from '../utils/melody-service';
 import { goto } from '$app/navigation';
-import { vibrate } from '../utils/utils-service';
+import { createRefererStore } from '../../stores/referrer-store/referrer-store.svelte.js';
+import { vibrate } from '../utils/utils-service.js';
+import { playMelody } from '../utils/melody-service.js';
 export const referrer = createRefererStore();
 let backStateArray = [];
 export const pushBackState = (obj) => {

package/dist/services/screen/screen-service.d.ts

@@ -1,5 +1,5 @@
-import { ScreenSizeEnum } from "../../stores/screen-size/screen-size-store.svelte";
-import { DialogSizeEnum } from "../dialog/dialog-service";
+import { ScreenSizeEnum } from "../../stores/screen-size/screen-size-store.svelte.js";
+import { DialogSizeEnum } from "../dialog/dialog-service.js";
 export declare const screenSize: {
     size: ScreenSizeEnum;
     readonly isXXL: boolean;
@@ -8,7 +8,7 @@ export declare const screenSize: {
     readonly isMd: boolean;
     readonly isSm: boolean;
     readonly isXs: boolean;
-    readonly isMobileScreen: boolean;
+    readonly isMobileScreen: any;
 };
 export declare const handleScreenSizeUpdate: (size: number) => void;
 export declare function isSmallScreen(): boolean;

package/dist/services/screen/screen-service.js

@@ -1,6 +1,6 @@
-import { createScreenSizeStore, ScreenSizeEnum } from "../../stores/screen-size/screen-size-store.svelte";
+import { createScreenSizeStore, ScreenSizeEnum } from "../../stores/screen-size/screen-size-store.svelte.js";
 import { BROWSER } from "esm-env";
-import { DialogSizeEnum } from "../dialog/dialog-service";
+import { DialogSizeEnum } from "../dialog/dialog-service.js";
 export const screenSize = createScreenSizeStore();
 export const handleScreenSizeUpdate = (size) => {
     // console.log('screenSizeChanged', size)

package/dist/services/toast/toast-service.d.ts

@@ -1,4 +1,4 @@
-import type { ToastPropsType } from "../../views";
+import { type ToastPropsType } from "../../views";
 export declare function showToast(props: ToastPropsType | string): void;
 export declare function showSuccessToast(): void;
 export declare function showFailedToast(): void;

package/dist/services/toast/toast-service.js

@@ -1,4 +1,4 @@
-import Toast from "../../views/core/toast/components/toast/toast.svelte";
+import { Toast } from "../../views";
 import { mount } from "svelte";
 function addToast(props) {
     const toast = mount(Toast, { target: document.getElementsByTagName('body')[0], props });

package/dist/services/utils/image-service.d.ts

@@ -1,6 +1,6 @@
-import type { DialogSize } from "../../views";
-export type ImageCapttures = ImageCapttureEnum.USER | ImageCapttureEnum.ENVIRONMENT;
-export declare enum ImageCapttureEnum {
+import { DialogSizeEnum } from "../dialog/dialog-service.js";
+export type ImageCaptures = ImageCaptureEnum.USER | ImageCaptureEnum.ENVIRONMENT;
+export declare enum ImageCaptureEnum {
     USER = "user",
     ENVIRONMENT = "environment"
 }
@@ -103,5 +103,5 @@ export declare function cropImageFile({ inputImageFile, outputFormat, outputWidt
     outputWidth?: number;
     outputQuality?: number;
     outputAspectRatio?: number;
-    dialogSize?: DialogSize;
+    dialogSize?: DialogSizeEnum;
 }): Promise<File | null>;

package/dist/services/utils/image-service.js

@@ -1,11 +1,11 @@
-import { DialogSizeEnum, openCropperDialog } from "../dialog/dialog-service";
-import { getExtFromFileType, readFileAsDataURL } from "./file-service";
-import { nanoid } from 'nanoid';
-export var ImageCapttureEnum;
-(function (ImageCapttureEnum) {
-    ImageCapttureEnum["USER"] = "user";
-    ImageCapttureEnum["ENVIRONMENT"] = "environment";
-})(ImageCapttureEnum || (ImageCapttureEnum = {}));
+import { DialogSizeEnum, openCropperDialog } from "../dialog/dialog-service.js";
+import { getExtFromFileType, readFileAsDataURL } from "./file-service.js";
+import { nanoid } from "nanoid";
+export var ImageCaptureEnum;
+(function (ImageCaptureEnum) {
+    ImageCaptureEnum["USER"] = "user";
+    ImageCaptureEnum["ENVIRONMENT"] = "environment";
+})(ImageCaptureEnum || (ImageCaptureEnum = {}));
 export var OutputImageFormatEnum;
 (function (OutputImageFormatEnum) {
     OutputImageFormatEnum["WEBP"] = "image/webp";

package/dist/services/utils/utils-service.js

@@ -1,5 +1,5 @@
-import { toDate } from '../date/date-service';
 import { customAlphabet } from 'nanoid';
+import { toDate } from '../date/date-service.js';
 /**
  * Generates a random number between the specified minimum and maximum values (inclusive of the minimum and exclusive of the maximum).
  *

package/dist/stores/screen-size/screen-size-store.svelte.d.ts

@@ -14,5 +14,5 @@ export declare function createScreenSizeStore(initial?: ScreenSizeEnum): {
     readonly isMd: boolean;
     readonly isSm: boolean;
     readonly isXs: boolean;
-    readonly isMobileScreen: boolean;
+    readonly isMobileScreen: any;
 };

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

@@ -1,59 +1,11 @@
-<script module lang="ts">
-	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;
-	};
-</script>
-
+ 
 <script lang="ts">
 	import { ripple, type RipplePropsType } from '../../../../../actions/ripple.js';
 	import Icon from '../../../icon/components/icon/icon.svelte';
 	import { mdiOpenInNew } from '../../../icon/index.js';
 	import Spinner from '../../../spinner/components/spinner/spinner.svelte';
-	import type { Snippet } from 'svelte';
+	import type { ButtonProps } from '../../types';
+ 
 
 	let {
 		title,

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

@@ -1,42 +1,4 @@
-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;
-};
-import type { Snippet } from 'svelte';
+import type { ButtonProps } from '../../types';
 declare const Button: import("svelte").Component<ButtonProps, {}, "">;
 type Button = ReturnType<typeof Button>;
 export default Button;

package/dist/views/core/button/components/button-close/button-close.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-	import Button, { type ButtonProps } from '../button/button.svelte';
+	import type { ButtonProps } from '../../types';
+	import Button from '../button/button.svelte';
 
 	let { className, ...props }: ButtonProps = $props();
 </script>

package/dist/views/core/button/components/button-close/button-close.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonProps } from '../button/button.svelte';
+import type { ButtonProps } from '../../types';
 declare const ButtonClose: import("svelte").Component<ButtonProps, {}, "">;
 type ButtonClose = ReturnType<typeof ButtonClose>;
 export default ButtonClose;

package/dist/views/core/button/components/button-dropdown/button-dropdown.svelte

@@ -1,11 +1,8 @@
 <script lang="ts">
 	import { DropdownStateEnum } from '../../../../../types.js';
-	import Button, {
-		type ButtonAppearance,
-		type ButtonSize,
-		type ButtonType
-	} from '../button/button.svelte';
 	import { onMount, type Snippet } from 'svelte';
+	import type { ButtonAppearance, ButtonSize, ButtonType } from '../../types';
+	import Button from '../button/button.svelte';
 
 	export type ButtonDropdownProps = {
 		appearance?: ButtonAppearance;

package/dist/views/core/button/components/button-dropdown/button-dropdown.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type ButtonAppearance, type ButtonSize, type ButtonType } from '../button/button.svelte';
 import { type Snippet } from 'svelte';
+import type { ButtonAppearance, ButtonSize, ButtonType } from '../../types';
 export type ButtonDropdownProps = {
     appearance?: ButtonAppearance;
     size?: ButtonSize;

package/dist/views/core/button/components/button-list-item/button-list-item.svelte

@@ -1,60 +1,12 @@
-<script module lang="ts">
-	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;
-	};
-</script>
-
+ 
 <script lang="ts">
-	import {
-		Icon,
-		mdiCheckCircle,
-		mdiCheckCircleOutline,
-		mdiChevronRight
-	} from '../../../icon';
-	import type { Snippet } from 'svelte';
-	import Button, { type ButtonAppearance, type ButtonSize } from '../button/button.svelte';
-	import type { Menu } from '../button-menu/button-menu.svelte';
+
 	import ButtonMenu from '../button-menu/button-menu.svelte';
 	import IconCircle from '../../../icon/components/icon-circle/icon-circle.svelte';
+	import { mdiCheckCircle, mdiCheckCircleOutline, mdiChevronRight } from '../../../icon/index.js';
+	import Icon from '../../../icon/components/icon/icon.svelte';
+	import type { ButtonListItemProps } from '../../types';
+	import Button from '../button/button.svelte';
 
 	let {
 		appearance,

package/dist/views/core/button/components/button-list-item/button-list-item.svelte.d.ts

@@ -1,48 +1,4 @@
-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;
-};
-import type { Snippet } from 'svelte';
-import { type ButtonAppearance, type ButtonSize } from '../button/button.svelte';
-import type { Menu } from '../button-menu/button-menu.svelte';
+import type { ButtonListItemProps } from '../../types';
 declare const ButtonListItem: import("svelte").Component<ButtonListItemProps, {}, "">;
 type ButtonListItem = ReturnType<typeof ButtonListItem>;
 export default ButtonListItem;

package/dist/views/core/button/components/button-menu/button-menu.svelte

@@ -1,30 +1,13 @@
-<script lang="ts" module>
-	export type Menu = {
-		_id?: string;
-		title?: string;
-		subtitle?: string;
-		hasIcon?: boolean;
-		iconPath?: string;
-		iconClassName?: string;
-		hasCheckbox?: boolean;
-		checkboxClassName?: string;
-		isChecked?: boolean;
-	};
-</script>
-
 <script lang="ts">
-	import {
-		mdiDotsHorizontal,
-		type ButtonAppearance,
-		type ButtonProps,
-		type ButtonSize
-	} from '../../../../..';
 	import ButtonDropdown, {
 		type ButtonDropdownProps
 	} from '../button-dropdown/button-dropdown.svelte';
 	import Icon from '../../../icon/components/icon/icon.svelte';
 	import type { Snippet } from 'svelte';
 	import ButtonListItem from '../button-list-item/button-list-item.svelte';
+	 
+	import { mdiDotsHorizontal } from '../../../icon/index.js';
+	import type { ButtonAppearance, ButtonProps, ButtonSize, Menu } from '../../types';
 	type Props = {
 		label?: string;
 		className?: string;

package/dist/views/core/button/components/button-menu/button-menu.svelte.d.ts

@@ -1,17 +1,6 @@
-export type Menu = {
-    _id?: string;
-    title?: string;
-    subtitle?: string;
-    hasIcon?: boolean;
-    iconPath?: string;
-    iconClassName?: string;
-    hasCheckbox?: boolean;
-    checkboxClassName?: string;
-    isChecked?: boolean;
-};
-import { type ButtonAppearance, type ButtonProps, type ButtonSize } from '../../../../..';
 import { type ButtonDropdownProps } from '../button-dropdown/button-dropdown.svelte';
 import type { Snippet } from 'svelte';
+import type { ButtonAppearance, ButtonProps, ButtonSize, Menu } from '../../types';
 type Props = {
     label?: string;
     className?: string;

package/dist/views/core/button/components/button-ok/button-ok.svelte

@@ -1,6 +1,8 @@
 <script lang="ts">
-	import Button, { type ButtonProps } from '../button/button.svelte';
+	import type { ButtonProps } from "../../types";
+	import Button from "../button/button.svelte";
 
+ 
 	let { className, ...props }: ButtonProps = $props();
 </script>
 

package/dist/views/core/button/components/button-ok/button-ok.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonProps } from '../button/button.svelte';
+import type { ButtonProps } from "../../types";
 declare const ButtonOk: import("svelte").Component<ButtonProps, {}, "">;
 type ButtonOk = ReturnType<typeof ButtonOk>;
 export default ButtonOk;

package/dist/views/core/button/components/button-search/button-search.svelte

@@ -1,16 +1,13 @@
 <script lang="ts">
-	import {
-		mdiMagnify,
-		type ButtonAppearance,
-		type ButtonProps,
-		type ButtonSize,
-		type InputFieldAppearance,
-		type InputFieldSize
-	} from '../../../../..';
 	import ButtonDropdown from '../button-dropdown/button-dropdown.svelte';
 	import Icon from '../../../icon/components/icon/icon.svelte';
 	import SearchField from '../../../input/components/search-field/search-field.svelte';
 	import type { Snippet } from 'svelte';
+
+	import { mdiMagnify } from '../../../icon/index.js';
+	import type { ButtonAppearance, ButtonProps, ButtonSize } from '../../types';
+	import type { InputFieldAppearance, InputFieldSize } from '../../../input/types';
+	
 	type Props = {
 		searchAppearance?: InputFieldAppearance;
 		searchClassName?: string;

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

@@ -1,5 +1,6 @@
-import { type ButtonAppearance, type ButtonProps, type ButtonSize, type InputFieldAppearance, type InputFieldSize } from '../../../../..';
 import type { Snippet } from 'svelte';
+import type { ButtonAppearance, ButtonProps, ButtonSize } from '../../types';
+import type { InputFieldAppearance, InputFieldSize } from '../../../input/types';
 type Props = {
     searchAppearance?: InputFieldAppearance;
     searchClassName?: string;

package/dist/views/core/button/components/switch/switch.svelte

@@ -1,15 +1,7 @@
-<script module lang="ts">
-	export type SwitchProps = {
-		id?: string;
-		checked?: boolean;
-		disabled?: boolean;
-		className?: string;
-		size?: 'sm' | 'md' | 'lg';
-		onChange?: (checked: boolean) => void;
-	};
-</script>
-
+ 
 <script lang="ts">
+	import type { SwitchProps } from "../../types";
+
 	let {
 		id = '',
 		checked = false,

package/dist/views/core/button/components/switch/switch.svelte.d.ts

@@ -1,11 +1,4 @@
-export type SwitchProps = {
-    id?: string;
-    checked?: boolean;
-    disabled?: boolean;
-    className?: string;
-    size?: 'sm' | 'md' | 'lg';
-    onChange?: (checked: boolean) => void;
-};
+import type { SwitchProps } from "../../types";
 declare const Switch: import("svelte").Component<SwitchProps, {}, "">;
 type Switch = ReturnType<typeof Switch>;
 export default Switch;