fuma 0.1.34 → 0.2.2

package/dist/Meta.svelte

@@ -1,7 +1,9 @@
 <script>import {} from "svelte";
-import { Card, Table, Icon } from "./index.js";
-import { mdiEyeOffOutline, mdiEyeOutline } from "@mdi/js";
 import { slide } from "svelte/transition";
+import { mdiEyeOffOutline, mdiEyeOutline } from "@mdi/js";
+import { Card } from "./ui/card/index.js";
+import { Table } from "./ui/table/index.js";
+import { Icon } from "./ui/icon/index.js";
 export let name = "";
 export let description = "";
 export let component;

package/dist/ui/{ButtonCopy.svelte → button/ButtonCopy.svelte}

@@ -1,6 +1,6 @@
 <script>import { mdiClipboardTextOutline } from "@mdi/js";
 import { toast } from "svelte-sonner";
-import { Icon } from "./index.js";
+import { Icon } from "../icon/index.js";
 export let value;
 export let title;
 export let icon = mdiClipboardTextOutline;

package/dist/ui/button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ButtonCopy } from './ButtonCopy.svelte';
+export { default as ButtonDelete } from './ButtonDelete.svelte';

package/dist/ui/button/index.js

@@ -0,0 +1,2 @@
+export { default as ButtonCopy } from './ButtonCopy.svelte';
+export { default as ButtonDelete } from './ButtonDelete.svelte';

package/dist/ui/card/Card.svelte

@@ -1,5 +1,5 @@
 <script>import { mdiArrowLeft } from "@mdi/js";
-import { Icon } from "../../index.js";
+import { Icon } from "../icon/index.js";
 import { contextContainer } from "../context.js";
 let klass = "";
 export { klass as class };

package/dist/ui/card/CardCollapse.svelte

@@ -1,7 +1,7 @@
 <script>import { onDestroy } from "svelte";
 import { slide } from "svelte/transition";
 import { mdiChevronRight } from "@mdi/js";
-import { Icon } from "../../index.js";
+import { Icon } from "../icon/index.js";
 import { urlParam } from "../../store/index.js";
 export let value;
 let klass = "";

package/dist/ui/card/CardFullScreen.svelte

@@ -1,5 +1,6 @@
-<script>import { Card, Icon } from "../../index.js";
-import { mdiArrowCollapse, mdiArrowExpand } from "@mdi/js";
+<script>import { mdiArrowCollapse, mdiArrowExpand } from "@mdi/js";
+import { Icon } from "../icon/index.js";
+import { Card } from "./index.js";
 export let isFullScreen = false;
 let klass = "";
 export { klass as class };

package/dist/ui/{Dialog.svelte → dialog/Dialog.svelte}

@@ -1,6 +1,6 @@
 <script>import { createEventDispatcher, onMount } from "svelte";
 import { mdiClose } from "@mdi/js";
-import { Icon } from "../index.js";
+import { Icon } from "../icon/index.js";
 export let dialog;
 export let hideCloseButton = false;
 let klass = "";
@@ -33,8 +33,8 @@ onMount(() => {
 </script>
 
 <dialog bind:this={dialog} class="modal" tabindex="-1">
-	<div class="modal-box p-0 rounded-lg flex flex-col border bordered">
-		<div class="p-4 border-b flex relative items-center">
+	<div class="modal-box bordered flex flex-col rounded-lg border p-0">
+		<div class="relative flex items-center border-b p-4">
 			<div class="grow">
 				<slot name="header" />
 			</div>
@@ -42,14 +42,14 @@ onMount(() => {
 			{#if !hideCloseButton}
 				<button
 					type="button"
-					class="btn btn-square btn-ghost btn-sm ml"
+					class="ml btn btn-square btn-ghost btn-sm"
 					on:click={() => dialog.close()}
 				>
 					<Icon path={mdiClose} />
 				</button>
 			{/if}
 		</div>
-		<div class="p-4 grow overflow-auto {klass}">
+		<div class="grow overflow-auto p-4 {klass}">
 			<slot />
 		</div>
 

package/dist/ui/{DialogConfirm.svelte → dialog/DialogConfirm.svelte}

@@ -1,4 +1,4 @@
-<script>import { Dialog } from "../index.js";
+<script>import { Dialog } from "./index.js";
 let dialog;
 let klass = "";
 export { klass as class };

package/dist/ui/dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Dialog } from './Dialog.svelte';
+export { default as DialogConfirm } from './DialogConfirm.svelte';

package/dist/ui/dialog/index.js

@@ -0,0 +1,2 @@
+export { default as Dialog } from './Dialog.svelte';
+export { default as DialogConfirm } from './DialogConfirm.svelte';

package/dist/ui/drawer/Drawer.svelte

@@ -3,7 +3,7 @@ import { fade, fly } from "svelte/transition";
 import { mdiClose } from "@mdi/js";
 import { goto } from "$app/navigation";
 import { urlParam } from "../../store/param.js";
-import { Icon } from "../index.js";
+import { Icon } from "../icon/index.js";
 import { subscibeDrawerLayers } from "./layers.js";
 import { contextContainer } from "../context.js";
 export let title = "";
@@ -15,43 +15,32 @@ export let maxWidth = "32rem";
 export let classHeader = "";
 export let classBody = "";
 export function open() {
-  goto($urlParam.with({ [key]: value }), { replaceState: true });
+  goto($urlParam.with({ [key]: value }), { replaceState: true, noScroll: true });
 }
 export function close() {
-  goto($urlParam.without(key), { replaceState: true });
+  goto($urlParam.without(key), { replaceState: true, noScroll: true });
 }
 const { offset, destroy, isActive } = subscibeDrawerLayers(key, value);
 onDestroy(destroy);
 contextContainer.set("drawer");
 </script>
 
-<svelte:head>
-	{#if $isActive}
-		<style>
-			:root {
-				scrollbar-width: none;
-			}
-		</style>
-	{/if}
-</svelte:head>
-
 {#if $isActive}
 	<!-- svelte-ignore a11y-no-static-element-interactions -->
 	<div
 		on:click={close}
 		on:keyup={close}
 		transition:fade={{ duration: 200 }}
-		class="
-			fixed inset-0 z-10 bg-black/15 backdrop-blur-[1.5px]
-			 dark:bg-white/15"
+		class="fixed inset-0 z-10 bg-black/15 backdrop-blur-[1.5px] dark:bg-white/15"
 	/>
 
 	<aside
-		transition:fly|local={{ x: 500, duration: 200 }}
+		transition:fly|local={{ x: 500, duration: 200, opacity: 1 }}
 		style="max-width: min(100%, {maxWidth}); transform: translateX({-$offset * 4}rem);"
 		class="{klass}
-      fixed bottom-0 right-0 top-0 z-10 flex w-full
-			flex-col overflow-y-scroll bg-base-100 transition-transform
+      fixed bottom-0 right-0 top-0 z-10 flex
+			w-full flex-col overflow-y-scroll bg-base-100
+			transition-transform
     "
 	>
 		<div

package/dist/ui/drawer/layers.js

@@ -1,26 +1,43 @@
-import { derived, writable } from 'svelte/store';
+import { derived, get, writable } from 'svelte/store';
 import { page } from '$app/stores';
+import { browser } from '$app/environment';
 const layers = writable([]);
-const layersOffset = derived(layers, (ids) => {
-    const nbDrawer = ids.length;
-    return ids.reduce((acc, id, index) => {
+const layersOffset = derived(layers, ($layers) => {
+    const nbDrawer = $layers.length;
+    return $layers.reduce((acc, layer, index) => {
         const drawerOffset = nbDrawer - index - 1;
-        return { ...acc, [id]: drawerOffset };
+        console.log({ drawerOffset });
+        return { ...acc, [layer]: drawerOffset };
     }, {});
 });
 export function subscibeDrawerLayers(key, value) {
     const layerId = Math.random().toString().slice(2, 12);
-    const isActive = derived(page, ({ url }) => url.searchParams.get(key) === value);
-    const isActiveUnsubscribe = isActive.subscribe((_isActive) => {
-        if (_isActive)
-            layers.update((ids) => [...ids, layerId]);
-        else
+    let isInitialized = false;
+    const isActive = derived(page, ({ url }) => url.searchParams.get(key) === value, false);
+    const isActiveUnsubscribe = isActive.subscribe(($isActive) => {
+        if ($isActive)
+            addLayer();
+        else if (isInitialized)
             removeLayer();
+        isInitialized = true;
     });
+    function addLayer() {
+        layers.update(($layers) => {
+            if ($layers.length === 0)
+                hideRootScrollBar();
+            return [...$layers, layerId];
+        });
+    }
     function removeLayer() {
-        layers.update((ids) => {
-            const index = ids.indexOf(layerId);
-            return ids.toSpliced(index, 1);
+        layers.update(($layers) => {
+            if (!$layers.length)
+                return $layers;
+            if ($layers.length === 1) {
+                restoreRootScrollBar();
+                return [];
+            }
+            const index = $layers.indexOf(layerId);
+            return $layers.toSpliced(index, 1);
         });
     }
     return {
@@ -32,3 +49,20 @@ export function subscibeDrawerLayers(key, value) {
         }
     };
 }
+function hideRootScrollBar() {
+    if (!browser)
+        return;
+    const root = document.documentElement;
+    const scrollbarWidth = window.innerWidth - root.offsetWidth;
+    if (!scrollbarWidth)
+        return;
+    root.style.scrollbarWidth = 'none';
+    root.style.paddingRight = `${scrollbarWidth}px`;
+}
+function restoreRootScrollBar() {
+    if (!browser)
+        return;
+    const root = document.documentElement;
+    root.style.scrollbarWidth = '';
+    root.style.paddingRight = '';
+}

package/dist/ui/form/FormSection.svelte

@@ -1,6 +1,6 @@
 <script>import { slide } from "svelte/transition";
 import { mdiChevronRight } from "@mdi/js";
-import { Icon } from "../index.js";
+import { Icon } from "../icon/index.js";
 export let title = "";
 export let isActive = false;
 export let isReducible = false;

package/dist/ui/form/formInput.d.ts

@@ -1,5 +1,16 @@
 import type { ComponentProps } from 'svelte';
-import { InputText, InputTextarea, InputBoolean, InputDate, InputDatetime, InputNumber, InputPassword, InputRadio, InputSelect, InputRelation, InputRelations, InputTextRich } from '../input/index.js';
+import InputText from '../input/InputText.svelte';
+import InputTextarea from '../input/InputTextarea.svelte';
+import InputBoolean from '../input/InputBoolean.svelte';
+import InputDate from '../input/InputDate.svelte';
+import InputDatetime from '../input/InputDatetime.svelte';
+import InputNumber from '../input/InputNumber.svelte';
+import InputPassword from '../input/InputPassword.svelte';
+import InputRadio from '../input/InputRadio.svelte';
+import InputSelect from '../input/InputSelect.svelte';
+import InputRelation from '../input/InputRelation.svelte';
+import InputRelations from '../input/InputRelations.svelte';
+import InputTextRich from '../input/textRich/InputTextRich.svelte';
 export declare const formInputs: {
     readonly text: typeof InputText;
     readonly textarea: typeof InputTextarea;
@@ -20,7 +31,7 @@ export type FormInputProps<T extends FormInputsType> = ComponentProps<InstanceTy
 export type FormInputsProps = {
     [T in FormInputsType]: FormInputProps<T>;
 };
-export declare const formInputsType: ("number" | "boolean" | "select" | "date" | "textarea" | "text" | "password" | "radio" | "textrich" | "datetime" | "relation" | "relations")[];
+export declare const formInputsType: ("number" | "boolean" | "select" | "textarea" | "date" | "text" | "password" | "radio" | "textrich" | "datetime" | "relation" | "relations")[];
 export declare function relationProps<Item extends {
     id: string;
 }>(props: ComponentProps<InstanceType<typeof InputRelation<Item>>>): {

package/dist/ui/form/formInput.js

@@ -1,4 +1,15 @@
-import { InputText, InputTextarea, InputBoolean, InputDate, InputDatetime, InputNumber, InputPassword, InputRadio, InputSelect, InputRelation, InputRelations, InputTextRich } from '../input/index.js';
+import InputText from '../input/InputText.svelte';
+import InputTextarea from '../input/InputTextarea.svelte';
+import InputBoolean from '../input/InputBoolean.svelte';
+import InputDate from '../input/InputDate.svelte';
+import InputDatetime from '../input/InputDatetime.svelte';
+import InputNumber from '../input/InputNumber.svelte';
+import InputPassword from '../input/InputPassword.svelte';
+import InputRadio from '../input/InputRadio.svelte';
+import InputSelect from '../input/InputSelect.svelte';
+import InputRelation from '../input/InputRelation.svelte';
+import InputRelations from '../input/InputRelations.svelte';
+import InputTextRich from '../input/textRich/InputTextRich.svelte';
 export const formInputs = {
     text: InputText,
     textarea: InputTextarea,

package/dist/ui/{Icon.svelte → icon/Icon.svelte}

@@ -1,4 +1,4 @@
-<script>import { tippy } from "../utils/tippy.js";
+<script>import { tippy } from "../../utils/tippy.js";
 import { onMount } from "svelte";
 export let path;
 export let title = "";

package/dist/ui/{Icon.svelte.d.ts → icon/Icon.svelte.d.ts}

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { type TippyProps } from '../utils/tippy.js';
+import { type TippyProps } from '../../utils/tippy.js';
 declare const __propDef: {
     props: {
         path: string;

package/dist/ui/icon/index.d.ts

@@ -0,0 +1 @@
+export { default as Icon } from './Icon.svelte';

package/dist/ui/icon/index.js

@@ -0,0 +1 @@
+export { default as Icon } from './Icon.svelte';

package/dist/ui/index.d.ts

@@ -6,15 +6,11 @@ export * from './menu/index.js';
 export * from './period/index.js';
 export * from './table/index.js';
 export * from './tabs/index.js';
-export { default as ButtonCopy } from './ButtonCopy.svelte';
-export { default as ButtonDelete } from './ButtonDelete.svelte';
-export { default as Dialog } from './Dialog.svelte';
-export { default as DialogConfirm } from './DialogConfirm.svelte';
-export { default as Icon } from './Icon.svelte';
-export { default as Pagination } from './Pagination.svelte';
-export { default as Placeholder } from './Placeholder.svelte';
-export { default as PlaceholderImage } from './PlaceholderImage.svelte';
-export { default as Login } from './Login.svelte';
-export { default as ToggleMode } from './ToggleMode.svelte';
-export { default as Slot } from './Slot.svelte';
-export { mode, setMode, resetMode, toggleMode, userPrefersMode, systemPrefersMode } from 'mode-watcher';
+export * from './button/index.js';
+export * from './dialog/index.js';
+export * from './placeholder/index.js';
+export * from './icon/index.js';
+export * from './login/index.js';
+export * from './slot/index.js';
+export * from './pagination/index.js';
+export * from './mode/index.js';

package/dist/ui/index.js

@@ -6,15 +6,11 @@ export * from './menu/index.js';
 export * from './period/index.js';
 export * from './table/index.js';
 export * from './tabs/index.js';
-export { default as ButtonCopy } from './ButtonCopy.svelte';
-export { default as ButtonDelete } from './ButtonDelete.svelte';
-export { default as Dialog } from './Dialog.svelte';
-export { default as DialogConfirm } from './DialogConfirm.svelte';
-export { default as Icon } from './Icon.svelte';
-export { default as Pagination } from './Pagination.svelte';
-export { default as Placeholder } from './Placeholder.svelte';
-export { default as PlaceholderImage } from './PlaceholderImage.svelte';
-export { default as Login } from './Login.svelte';
-export { default as ToggleMode } from './ToggleMode.svelte';
-export { default as Slot } from './Slot.svelte';
-export { mode, setMode, resetMode, toggleMode, userPrefersMode, systemPrefersMode } from 'mode-watcher';
+export * from './button/index.js';
+export * from './dialog/index.js';
+export * from './placeholder/index.js';
+export * from './icon/index.js';
+export * from './login/index.js';
+export * from './slot/index.js';
+export * from './pagination/index.js';
+export * from './mode/index.js';

package/dist/ui/input/FormControl.svelte.d.ts

@@ -12,7 +12,7 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "left" | "right") | undefined;
+        labelPosition?: ("top" | "right" | "left") | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/ui/input/InputBoolean.svelte.d.ts

@@ -11,7 +11,7 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "left" | "right") | undefined;
+        labelPosition?: ("top" | "right" | "left") | undefined;
     } & {
         input?: HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;

package/dist/ui/input/InputCheckboxs.svelte.d.ts

@@ -11,7 +11,7 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "left" | "right") | undefined;
+        labelPosition?: ("top" | "right" | "left") | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;

package/dist/ui/input/InputCheckboxsMenu.svelte

@@ -3,7 +3,8 @@ import { page } from "$app/stores";
 import { mdiClose } from "@mdi/js";
 import { urlParam } from "../../store/index.js";
 import { jsonParse, parseOptions } from "../../utils/index.js";
-import { DropDown, Icon } from "../index.js";
+import { Icon } from "../icon/index.js";
+import { DropDown } from "../menu/index.js";
 import { FormControl } from "./index.js";
 $:
   ({

package/dist/ui/input/InputCheckboxsMenu.svelte.d.ts

@@ -11,7 +11,7 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "left" | "right") | undefined;
+        labelPosition?: ("top" | "right" | "left") | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;

package/dist/ui/input/InputCombo.svelte

@@ -1,6 +1,8 @@
 <script>import { createEventDispatcher, tick } from "svelte";
 import { parseOptions } from "../../utils/options.js";
-import { FormControl, DropDown, Icon, SelectorList } from "../index.js";
+import { FormControl, SelectorList } from "./index.js";
+import { DropDown } from "../menu/index.js";
+import { Icon } from "../icon/index.js";
 $:
   ({ input, value: _value, options, tippyProps, ...props } = $$props);
 $:

package/dist/ui/input/InputCombo.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { TippyProps } from '../../index.js';
+import type { TippyProps } from '../../utils/tippy.js';
 import { type Options } from '../../utils/options.js';
 declare const __propDef: {
     props: {
@@ -8,13 +8,13 @@ declare const __propDef: {
         class?: string | undefined;
         classLabel?: string | undefined;
         key?: string | undefined;
-        label?: string | import("svelte").ComponentType | import("../../index.js").ComponentAndProps | undefined;
+        label?: string | import("svelte").ComponentType | import("../..").ComponentAndProps | undefined;
         error?: string | undefined;
         hint?: string | undefined;
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "left" | "right") | undefined;
+        labelPosition?: ("top" | "right" | "left") | undefined;
     } & {
         input?: import("svelte/elements").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;

package/dist/ui/input/InputImage.svelte

@@ -3,7 +3,9 @@
 <script>import { onMount, createEventDispatcher } from "svelte";
 import Cropper from "svelte-easy-crop";
 import { mdiTrayArrowUp } from "@mdi/js";
-import { Dialog, DropDown, Icon } from "../index.js";
+import { Icon } from "../icon/index.js";
+import { DropDown } from "../menu/index.js";
+import { Dialog } from "../dialog/index.js";
 export let aspect = 1;
 export let title = "Image";
 export let formaction = void 0;

package/dist/ui/input/InputImagePreview.svelte

@@ -1,5 +1,5 @@
 <script>import { InputImage } from "./index.js";
-import { PlaceholderImage } from "../index.js";
+import { PlaceholderImage } from "../placeholder/index.js";
 export let key = "";
 export let src = "";
 export let alt = "";

package/dist/ui/input/InputOptionInParam.svelte

@@ -1,4 +1,4 @@
-<script>import { Icon } from "../index.js";
+<script>import { Icon } from "../icon/index.js";
 import { parseOptions } from "../../utils/options.js";
 import { urlParam } from "../../store/param.js";
 let klass = "";

package/dist/ui/input/InputOptions.svelte

@@ -1,7 +1,7 @@
 <script>import { slide } from "svelte/transition";
 import { mdiPlus, mdiTrashCanOutline } from "@mdi/js";
 import { toast } from "svelte-sonner";
-import { Icon } from "../index.js";
+import { Icon } from "../icon/index.js";
 import { listEditable } from "../../action/list/index.js";
 export let key;
 export let value = "[]";

package/dist/ui/input/InputPassword.svelte.d.ts

@@ -10,7 +10,7 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "left" | "right") | undefined;
+        labelPosition?: ("top" | "right" | "left") | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;

package/dist/ui/input/InputRadio.svelte.d.ts

@@ -11,7 +11,7 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "left" | "right") | undefined;
+        labelPosition?: ("top" | "right" | "left") | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;

package/dist/ui/input/InputRelation.svelte

@@ -2,7 +2,10 @@
 import debounce from "debounce";
 import { toast } from "svelte-sonner";
 import { mdiClose } from "@mdi/js";
-import { FormControl, DropDown, Icon, SelectorList, Slot } from "../index.js";
+import { Icon } from "../icon/index.js";
+import { Slot } from "../slot/index.js";
+import { DropDown } from "../menu/index.js";
+import { FormControl, SelectorList } from "./index.js";
 import RelationAfter from "./RelationAfter.svelte";
 export let key = Math.random().toString();
 export let label = "";

package/dist/ui/input/InputRelation.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
 import type { TippyProps } from '../../utils/tippy.js';
-import type { ComponentAndProps } from '../../index.js';
+import type { ComponentAndProps } from '../../utils/component.js';
 declare class __sveltets_Render<RelationItem extends {
     id: string;
 }> {

package/dist/ui/input/InputRelations.svelte

@@ -3,7 +3,10 @@ import { slide } from "svelte/transition";
 import { toast } from "svelte-sonner";
 import { mdiClose } from "@mdi/js";
 import debounce from "debounce";
-import { FormControl, Icon, DropDown, SelectorList, Slot } from "../index.js";
+import { Icon } from "../icon/index.js";
+import { Slot } from "../slot/index.js";
+import { FormControl, SelectorList } from "./index.js";
+import { DropDown } from "../menu/index.js";
 import RelationAfter from "./RelationAfter.svelte";
 export let key = "";
 export let label = "";

package/dist/ui/input/InputRelations.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ComponentAndProps } from '../../index.js';
+import type { ComponentAndProps } from '../../utils/component.js';
 declare class __sveltets_Render<RelationItem extends {
     id: string;
 }> {

package/dist/ui/input/InputSearch.svelte

@@ -1,7 +1,8 @@
 <script>import { mdiClose } from "@mdi/js";
 import { browser } from "$app/environment";
 import { page } from "$app/stores";
-import { Icon, InputText } from "../index.js";
+import { Icon } from "../icon/index.js";
+import { InputText } from "./index.js";
 let klass = "";
 export { klass as class };
 export let key = "search";

package/dist/ui/input/InputSelect.svelte

@@ -1,7 +1,9 @@
 <script>import { createEventDispatcher, onMount } from "svelte";
-import { SelectorList, DropDown, Icon, FormControl } from "../index.js";
-import { parseOptions } from "../../utils/options.js";
 import { mdiUnfoldMoreHorizontal } from "@mdi/js";
+import { Icon } from "../icon/index.js";
+import { DropDown } from "../menu/index.js";
+import { SelectorList, FormControl } from "./index.js";
+import { parseOptions } from "../../utils/options.js";
 $:
   ({ value: _value, options, tippyProps, placeholder, ...props } = $$props);
 export let value = _value;

package/dist/ui/input/InputSelect.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
-import { type InputProps } from '../index.js';
+import { type InputProps } from './index.js';
 import { type Options } from '../../utils/options.js';
-import type { TippyProps } from '../../index.js';
+import type { TippyProps } from '../../utils/tippy.js';
 declare const __propDef: {
     props: Omit<InputProps, "input" | "inputElement"> & {
         options: Options;

package/dist/ui/input/RelationAfter.svelte

@@ -1,7 +1,7 @@
 <script>import { fade } from "svelte/transition";
 import { createEventDispatcher } from "svelte";
 import { mdiLoading, mdiPlus } from "@mdi/js";
-import Icon from "../Icon.svelte";
+import Icon from "../icon/Icon.svelte";
 export let isLoading;
 export let createUrl = "";
 export let createTitle = "";

package/dist/ui/input/action.js

@@ -1,6 +1,6 @@
 import { get } from 'svelte/store';
 import debounce from 'debounce';
-import { urlParam } from '../../index.js';
+import { urlParam } from '../../store/param.js';
 import { goto } from '$app/navigation';
 export function bindValueWithParams(node, { bindEnable = false, debounceTime = 200, initValue = (initalValue) => (node.value = initalValue), listenerType = 'input' }) {
     const { name } = node;