@ims360/svelte-ivory 0.0.42 → 0.0.45

package/src/lib/components/table/Table.svelte

@@ -4,12 +4,14 @@
     import clsx from 'clsx';
     import { getContext, setContext, type Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';
+    import { SvelteSet } from 'svelte/reactivity';
     import { twMerge } from 'tailwind-merge';
-    import { Column, type TableConfig, type TablePlugin, type TableRow } from '.';
+    import { Column as ColumnComponent, type TablePlugin, type TableRow } from '.';
     import ColumnHead from './ColumnHead.svelte';
     import Row from './Row.svelte';
     import VirtualList from './VirtualList.svelte';
-    import { createTableConfig } from './controller.svelte';
+    import { ColumnController, type ColumnConfig } from './columnController.svelte';
+    import { treeWalker, type TableState } from './controller';
 
     export interface TableProps<T extends TableRow<T>> {
         class?: ClassValue;
@@ -24,7 +26,11 @@
         rowClass?: ClassValue;
         headerClass?: ClassValue;
         plugins?: TablePlugin<T>[];
-        config?: TableConfig<T>;
+        /**
+         * **Bindable**
+         */
+        b_columns?: ColumnController[];
+        expanded?: SvelteSet<string>;
         /**
          * **Bindable**
          */
@@ -35,9 +41,11 @@
 
     const TABLE_CONTEXT = {};
     export type TableContext<T extends TableRow<T>> = {
-        table: TableConfig<T>;
+        registerColumn: (config: ColumnConfig) => ColumnController;
+        toggleExpansion: (id: string) => void;
         nestingInset: number;
     };
+
     function setTableContext<T extends TableRow<T>>(context: TableContext<T>) {
         setContext(TABLE_CONTEXT, context);
     }
@@ -48,8 +56,6 @@
 </script>
 
 <script lang="ts" generics="T extends TableRow<T>">
-    interface Props<TI extends { id: string }> extends TableProps<TI> {}
-
     let {
         class: clazz,
         data,
@@ -61,31 +67,57 @@
         onclick,
         href,
         plugins = [],
-        config: table = createTableConfig<T>(),
-        nestingInset = 4
-    }: Props<T> = $props();
+        expanded: expanded = new SvelteSet<string>(),
+        nestingInset = 4,
+        b_columns: externalColumns = $bindable(),
+        b_scrollTop = $bindable()
+    }: TableProps<T> = $props();
 
-    $effect(() => {
-        table.data = data;
-        table.plugins = plugins;
-    });
+    let columns = $state<ColumnController[]>(externalColumns ?? []);
+    const results = $derived(computeResults(data, expanded, plugins));
+
+    function toggleExpansion(id: string) {
+        if (expanded.has(id)) expanded.delete(id);
+        else expanded.add(id);
+    }
 
     setTableContext({
-        get table() {
-            return table;
+        toggleExpansion,
+        registerColumn(config: ColumnConfig) {
+            let existingColumn: ColumnController | undefined = undefined;
+            for (const column of existingColumn || columns) {
+                if (column.id !== config.id) continue;
+                existingColumn = column;
+                break;
+            }
+            if (existingColumn) return existingColumn;
+            const col = new ColumnController(config);
+            (externalColumns || columns).push(col);
+            return col;
         },
         get nestingInset() {
             return nestingInset;
         }
     });
 
+    function computeResults(data: T[], expanded: Set<string>, plugins: TablePlugin<T>[]) {
+        let state: TableState<T> = {
+            data,
+            expanded
+        };
+        for (const plugin of plugins) {
+            state = plugin(state);
+        }
+        return treeWalker(state);
+    }
+
     const treeIndicatorId = pseudoRandomId('tree-indicator-');
 </script>
 
 <VirtualList
-    data={table.results.entries}
+    data={results.entries}
     class={twMerge(clsx(['flex flex-col overflow-hidden border-transparent', clazz]))}
-    bind:b_scrollTop={table.scrollTop}
+    bind:b_scrollTop
     {rowHeight}
 >
     {#snippet header()}
@@ -97,7 +129,7 @@
                 )
             )}
         >
-            {#each table.columns as column (column.id)}
+            {#each externalColumns || columns as column (column.id)}
                 <ColumnHead {column}>
                     {#if typeof column.header === 'function'}
                         {@render column.header()}
@@ -119,15 +151,15 @@
             class={rowClass}
         >
             {@render firstColumn?.({ row: node })}
-            <Column
+            <ColumnComponent
                 id={treeIndicatorId}
                 resizable={false}
                 header=""
                 onclick={() => {
-                    table.toggleExpansion(node.id);
+                    toggleExpansion(node.id);
                 }}
-                ignoreWidth={table.results.someHaveChildren}
-                width={table.results.someHaveChildren ? 24 : 0}
+                ignoreWidth={results.someHaveChildren}
+                width={results.someHaveChildren ? 24 : 0}
                 minWidth={0}
             >
                 <div
@@ -138,12 +170,12 @@
                         <ChevronRight
                             class={[
                                 'ml-auto aspect-square shrink-0 transition-transform duration-100',
-                                table.expanded.has(id) && 'rotate-90'
+                                expanded.has(id) && 'rotate-90'
                             ]}
                         />
                     {/if}
                 </div>
-            </Column>
+            </ColumnComponent>
             {@render passedChildren?.({ row: node, nestingLevel, index })}
         </Row>
     {/snippet}

package/src/lib/components/table/VirtualList.svelte

@@ -19,12 +19,12 @@
         data,
         children,
         header,
-        b_scrollTop = $bindable(0),
+        b_scrollTop = $bindable(),
         rowHeight,
         overscan = 2
     }: Props<T> = $props();
 
-    let scroll_top = $state(b_scrollTop);
+    let scroll_top = $state(b_scrollTop ?? 0);
     let scroll_left = $state(0);
     let header_width = $state(0);
     let viewport = $state<HTMLElement>();
@@ -53,7 +53,7 @@
     }
 
     onMount(() => {
-        if (!viewport) return;
+        if (!viewport || typeof b_scrollTop === 'undefined') return;
         viewport.scrollTop = b_scrollTop;
     });
 </script>

package/src/lib/components/table/columnController.svelte.ts

@@ -11,7 +11,7 @@ export interface ColumnConfig {
     header: Snippet | string;
 }
 
-export class Column {
+export class ColumnController {
     id = $state('');
     header = $state<Snippet | string>('');
 

package/src/lib/components/table/controller.ts

@@ -0,0 +1,75 @@
+export type TableRow<T> = { id: string; children?: T[] };
+export type TablePlugin<T extends TableRow<T>> = (state: TableState<T>) => TableState<T>;
+
+export interface TableState<T extends TableRow<T>> {
+    data: T[];
+    expanded: Set<string>;
+}
+
+interface TreeRow<T> {
+    node: T;
+    nestingLevel: number;
+    id: string;
+}
+
+/** Walks though a tree strucure and turns it into a flat list, needed since the `VirtualList` needs a list, not a tree */
+export function treeWalker<T extends TableRow<T>>(config: TableState<T>) {
+    const { data, expanded } = config;
+    const stack: { node: T; nestingLevel: number }[] = [];
+
+    // push the root nodes of the trees onto the stack
+    for (let i = 0; i < data.length; i++) {
+        stack.push({
+            node: data[data.length - i - 1],
+            nestingLevel: 0
+        });
+    }
+
+    const entries: TreeRow<T>[] = []; // the final result
+
+    let someHaveChildren = false; // used to determine whether to show the tree utility buttons
+    let maxNestingLevel = 0;
+    while (stack.length !== 0) {
+        const stackEntry = stack.pop();
+        if (!stackEntry) break;
+
+        const { node, nestingLevel } = stackEntry;
+        const children = node.children;
+
+        if (children && children.length > 0) {
+            someHaveChildren = true;
+            // only show the children of expanded elements
+            if (expanded.has(node.id)) {
+                maxNestingLevel = Math.max(maxNestingLevel, nestingLevel + 1);
+                stack.push(
+                    ...children
+                        .map((c) => ({
+                            node: c,
+                            nestingLevel: nestingLevel + 1
+                        }))
+                        .reverse()
+                );
+            }
+        }
+
+        entries.push({
+            id: node.id,
+            node,
+            nestingLevel
+        });
+    }
+
+    return {
+        entries,
+        someHaveChildren,
+        maxNestingLevel
+    };
+}
+
+export function getAllIds<T extends TableRow<T>>(...nodes: T[]): string[] {
+    const ids = nodes.map((n) => n.id);
+    for (const node of nodes) {
+        ids.push(...getAllIds(...(node.children ?? [])));
+    }
+    return ids;
+}

package/src/lib/components/table/index.ts

@@ -1,14 +1,7 @@
 export { default as Column, type ColumnProps } from './Column.svelte';
+export { ColumnController, type ColumnConfig } from './columnController.svelte';
 export { getColumnHeadContext } from './ColumnHead.svelte';
-export {
-    createTableConfig,
-    getAllIds,
-    type TableConfig,
-    type TablePlugin,
-    type TableRow,
-    type TableState
-} from './controller.svelte';
-export { expandAllPlugin } from './plugins/expandAll.svelte';
+export { getAllIds, type TablePlugin, type TableRow, type TableState } from './controller';
 export { searchPlugin } from './plugins/search.svelte';
 export {
     getTableContext,

package/src/lib/components/table/plugins/search.svelte.ts

@@ -19,17 +19,12 @@ export function searchPlugin<T extends TableRow<T>>(conf: SearchConfig<T>): Tabl
                 expanded: expandedBeforeSearch
             };
         }
-
         if (!conf.search) return state;
-
         // ensure we store the state before the we started searching
         if (conf.search && !prevSearch) expandedBeforeSearch = state.expanded;
-
         // figure out which nodes to expand and hide
         const { expanded, hidden } = search(state.data, conf.search, conf.matches);
         prevSearch = conf.search;
-        console.log(hidden);
-
         return {
             data: state.data.filter((d) => !hidden.has(d.id)),
             expanded: new SvelteSet(expanded)
@@ -45,29 +40,25 @@ export const search = <T extends TableRow<T>>(
     stringsMatch: (a: T, b: string) => boolean
 ) => {
     const search = searchString.trim().toLowerCase();
-    const hidden = new Set<string>();
-    const expanded = new Set<string>();
+    const hidden = new SvelteSet<string>();
+    const expanded = new SvelteSet<string>();
 
     function nodeMatches(node: T, childOfMatch = false): boolean {
         const matches = stringsMatch(node, search);
-
         let intermediate = false;
         for (const child of node.children || []) {
             const childMatches = nodeMatches(child, matches || childOfMatch);
-            if (childMatches && !intermediate) intermediate = true;
+            if (childMatches) intermediate = true;
         }
-
         if (intermediate) {
             expanded.add(node.id);
         } else if (!childOfMatch && !matches) {
             hidden.add(node.id);
         }
-
         return matches || intermediate;
     }
 
     nodes.forEach((n) => nodeMatches(n));
-
     return {
         hidden,
         expanded

package/src/lib/components/toast/Toast.svelte

@@ -51,8 +51,6 @@
     >
         {#each Toasts.toasts as toast (toast.id)}
             {@const VariantIcon = getIcon(toast.variant, toast.icon)}
-
-            <!-- svelte-ignore a11y_no_static_element_interactions -->
             <div
                 in:fly={{ y: '-100%', duration }}
                 out:scale={{ duration }}

package/src/lib/utils/functions/cookie.ts

@@ -4,7 +4,7 @@ function getCookie(name: string) {
 
     try {
         decodedCookie = decodeURIComponent(document.cookie);
-    } catch (error) {
+    } catch {
         return '';
     }
 

package/dist/components/layout/modal/ModalTest.svelte

@@ -1,9 +0,0 @@
-<script lang="ts">
-    import Modal, { type ModalProps } from './Modal.svelte';
-
-    let { open, ...props }: ModalProps & { open: boolean } = $props();
-
-    let b_open = $state(open);
-</script>
-
-<Modal {...props} bind:b_open />

package/dist/components/layout/modal/ModalTest.svelte.d.ts

@@ -1,8 +0,0 @@
-import { type ModalProps } from './Modal.svelte';
-type $$ComponentProps = ModalProps & {
-    open: boolean;
-};
-declare const ModalTest: import("svelte").Component<$$ComponentProps, {}, "">;
-type ModalTest = ReturnType<typeof ModalTest>;
-export default ModalTest;
-//# sourceMappingURL=ModalTest.svelte.d.ts.map

package/dist/components/layout/modal/ModalTest.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalTest.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/modal/ModalTest.svelte.ts"],"names":[],"mappings":"AAGA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEvD,KAAK,gBAAgB,GAAI,UAAU,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC;AAazD,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/table/controller.svelte.d.ts

@@ -1,37 +0,0 @@
-import { SvelteSet } from 'svelte/reactivity';
-import { Column, type ColumnConfig } from './columnController.svelte';
-export type TableRow<T> = {
-    id: string;
-    children?: T[];
-};
-export type TablePlugin<T extends TableRow<T>> = (state: TableState<T>) => TableState<T>;
-export interface TableConfig<T extends TableRow<T>> {
-    data: T[];
-    plugins?: TablePlugin<T>[];
-    id?: string;
-    expanded: SvelteSet<string>;
-    columns: Column[];
-    scrollTop: number;
-    readonly results: ReturnType<typeof treeWalker<T>>;
-    readonly registerColumn: (config: ColumnConfig) => Column;
-    readonly toggleExpansion: (id: string) => void;
-}
-export declare function createTableConfig<T extends TableRow<T>>(): TableConfig<T>;
-export interface TableState<T extends TableRow<T>> {
-    data: T[];
-    expanded: Set<string>;
-}
-interface TreeRow<T> {
-    node: T;
-    nestingLevel: number;
-    id: string;
-}
-/** Walks though a tree strucure and turns it into a flat list, needed since the `VirtualList` needs a list, not a tree */
-declare function treeWalker<T extends TableRow<T>>(config: TableState<T>): {
-    entries: TreeRow<T>[];
-    someHaveChildren: boolean;
-    maxNestingLevel: number;
-};
-export declare function getAllIds<T extends TableRow<T>>(...nodes: T[]): string[];
-export {};
-//# sourceMappingURL=controller.svelte.d.ts.map

package/dist/components/table/controller.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"controller.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/controller.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEtE,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CAAE,CAAC;AACzD,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC;AAEzF,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IAC9C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC5B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACnD,QAAQ,CAAC,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,MAAM,CAAC;IAC1D,QAAQ,CAAC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,CA+DzE;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IAC7C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;AAED,UAAU,OAAO,CAAC,CAAC;IACf,IAAI,EAAE,CAAC,CAAC;IACR,YAAY,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;CACd;AAkDD,0HAA0H;AAC1H,iBAAS,UAAU,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;;;;EAmD/D;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,EAAE,GAAG,MAAM,EAAE,CAMxE"}

package/dist/components/table/controller.svelte.js

@@ -1,160 +0,0 @@
-import { SvelteSet } from 'svelte/reactivity';
-import { Column } from './columnController.svelte';
-export function createTableConfig() {
-    let data = $state([]);
-    let plugins = $state([]);
-    let scrollTop = $state(0);
-    const expanded = new SvelteSet();
-    const columns = $state([]);
-    const results = $derived.by(() => {
-        let state = {
-            data,
-            expanded
-        };
-        for (const plugin of plugins) {
-            state = plugin(state);
-        }
-        return treeWalker(state);
-    });
-    return {
-        get data() {
-            return data;
-        },
-        set data(d) {
-            data = d;
-        },
-        get plugins() {
-            return plugins;
-        },
-        set plugins(p) {
-            plugins = p;
-        },
-        get scrollTop() {
-            return scrollTop;
-        },
-        set scrollTop(s) {
-            scrollTop = s;
-        },
-        get expanded() {
-            return expanded;
-        },
-        get columns() {
-            return columns;
-        },
-        get results() {
-            return results;
-        },
-        registerColumn(config) {
-            let existingColumn = undefined;
-            for (const column of columns) {
-                if (column.id !== config.id)
-                    continue;
-                existingColumn = column;
-                break;
-            }
-            if (existingColumn)
-                return existingColumn;
-            const col = new Column(config);
-            columns.push(col);
-            return col;
-        },
-        toggleExpansion(id) {
-            if (expanded.has(id))
-                expanded.delete(id);
-            else
-                expanded.add(id);
-        }
-    };
-}
-// export class TableController<T extends TableRow<T>> {
-//     id = $state();
-//     columns = $state<Column[]>([]);
-//     data = $state<T[]>([]);
-//     expanded: Set<string> = new SvelteSet<string>();
-//     scrollTop = $state(0);
-//     constructor(id?: string) {
-//         this.id = id;
-//     }
-//     readonly results = $derived(treeWalker(this.data, this.expanded));
-//     refresh(conf: TableConfig<T>) {
-//         let intitalState: TableState<T> = {
-//             data: [...(conf.data ?? [])],
-//             expanded: this.expanded
-//         };
-//         for (const plugin of conf.plugins ?? []) {
-//             intitalState = plugin(intitalState);
-//         }
-//         this.data = intitalState.data;
-//         this.expanded = new SvelteSet(intitalState.expanded);
-//         this.id = conf.id ?? this.id ?? pseudoRandomId('table-');
-//     }
-//     registerColumn(config: ColumnConfig): Column {
-//         // only register a column once
-//         let existingColumn: Column | undefined = undefined;
-//         for (const column of this.columns) {
-//             if (column.id !== config.id) continue;
-//             existingColumn = column;
-//             break;
-//         }
-//         if (existingColumn) return existingColumn;
-//         const col = new Column(config);
-//         this.columns.push(col);
-//         return col;
-//     }
-//     toggleExpansion(id: string) {
-//         if (this.expanded.has(id)) this.expanded.delete(id);
-//         else this.expanded.add(id);
-//     }
-// }
-/** Walks though a tree strucure and turns it into a flat list, needed since the `VirtualList` needs a list, not a tree */
-function treeWalker(config) {
-    const { data, expanded } = config;
-    const stack = [];
-    // push the root nodes of the trees onto the stack
-    for (let i = 0; i < data.length; i++) {
-        stack.push({
-            node: data[data.length - i - 1],
-            nestingLevel: 0
-        });
-    }
-    const entries = []; // the final result
-    let someHaveChildren = false; // used to determine whether to show the tree utility buttons
-    let maxNestingLevel = 0;
-    while (stack.length !== 0) {
-        const stackEntry = stack.pop();
-        if (!stackEntry)
-            break;
-        const { node, nestingLevel } = stackEntry;
-        const children = node.children;
-        if (children && children.length > 0) {
-            someHaveChildren = true;
-            // only show the children of expanded elements
-            if (expanded.has(node.id)) {
-                maxNestingLevel = Math.max(maxNestingLevel, nestingLevel + 1);
-                stack.push(...children
-                    .map((c) => ({
-                    node: c,
-                    nestingLevel: nestingLevel + 1
-                }))
-                    .reverse());
-            }
-        }
-        entries.push({
-            id: node.id,
-            node,
-            nestingLevel
-        });
-    }
-    return {
-        entries,
-        someHaveChildren,
-        maxNestingLevel
-    };
-}
-export function getAllIds(...nodes) {
-    const ids = nodes.map((n) => n.id);
-    for (const node of nodes) {
-        ids.push(...getAllIds(...(node.children ?? [])));
-    }
-    return ids;
-}

package/dist/components/table/plugins/expandAll.svelte.d.ts

@@ -1,7 +0,0 @@
-import { type TablePlugin, type TableRow } from '../controller.svelte';
-interface ExpandAllConfig {
-    enabled: boolean;
-}
-export declare function expandAllPlugin<T extends TableRow<T>>(conf: Partial<ExpandAllConfig>): TablePlugin<T>;
-export {};
-//# sourceMappingURL=expandAll.svelte.d.ts.map

package/dist/components/table/plugins/expandAll.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"expandAll.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/plugins/expandAll.svelte.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAElF,UAAU,eAAe;IACrB,OAAO,EAAE,OAAO,CAAC;CACpB;AAMD,wBAAgB,eAAe,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EACjD,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,GAC/B,WAAW,CAAC,CAAC,CAAC,CAoBhB"}

package/dist/components/table/plugins/expandAll.svelte.js

@@ -1,24 +0,0 @@
-import { SvelteSet } from 'svelte/reactivity';
-import { getAllIds } from '../controller.svelte';
-const DEFAULT_CONFIG = {
-    enabled: true
-};
-export function expandAllPlugin(conf) {
-    let initialized = false;
-    const config = {
-        ...DEFAULT_CONFIG,
-        ...conf
-    };
-    const middleware = (state) => {
-        if (initialized || !config.enabled)
-            return state;
-        initialized = true;
-        const allIds = getAllIds(...state.data);
-        const newExpanded = new SvelteSet(allIds);
-        return {
-            data: state.data,
-            expanded: newExpanded
-        };
-    };
-    return middleware;
-}

package/dist/utils/functions/transitionProps.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=transitionProps.d.ts.map

package/dist/utils/functions/transitionProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"transitionProps.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/functions/transitionProps.ts"],"names":[],"mappings":""}

package/dist/utils/functions/transitionProps.js

@@ -1 +0,0 @@
-"use strict";

package/src/lib/components/layout/modal/ModalTest.svelte

@@ -1,9 +0,0 @@
-<script lang="ts">
-    import Modal, { type ModalProps } from './Modal.svelte';
-
-    let { open, ...props }: ModalProps & { open: boolean } = $props();
-
-    let b_open = $state(open);
-</script>
-
-<Modal {...props} bind:b_open />