@ims360/svelte-ivory 0.0.4 → 0.0.7

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

@@ -0,0 +1,41 @@
+import { type Snippet } from 'svelte';
+import type { ClassValue } from 'svelte/elements';
+type Props<T> = {
+    class?: ClassValue;
+    data: T[];
+    children: Snippet<[{
+        row: T;
+        domIndex: number;
+        index: number;
+    }]>;
+    header?: Snippet;
+    b_scrollTop?: number;
+    rowHeight: number;
+    overscan?: number;
+};
+declare class __sveltets_Render<T extends {
+    id: string;
+}> {
+    props(): Props<T>;
+    events(): {};
+    slots(): {};
+    bindings(): "b_scrollTop";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends {
+        id: string;
+    }>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends {
+        id: string;
+    }>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const VirtualList: $$IsomorphicComponent;
+type VirtualList<T extends {
+    id: string;
+}> = InstanceType<typeof VirtualList<T>>;
+export default VirtualList;
+//# sourceMappingURL=VirtualList.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualList.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/table/VirtualList.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAI9C,KAAK,KAAK,CAAC,CAAC,IAAI;IACZ,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,QAAQ,EAAE,OAAO,CAAC,CAAC;QAAE,GAAG,EAAE,CAAC,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AA+EN,cAAM,iBAAiB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IAC5C,KAAK;IAGL,MAAM;IAGN,KAAK;IAGL,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACnZ,CAAC,CAAC,SAAS;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAClJ,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,WAAW,EAAE,qBAAmC,CAAC;AACrC,KAAK,WAAW,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AACnF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,21 @@
+import type { Snippet } from 'svelte';
+export interface ColumnConfig {
+    id: string;
+    width?: number;
+    minWidth?: number;
+    resizable?: boolean;
+    header: Snippet | string;
+}
+export declare class Column {
+    id: string;
+    header: string | Snippet<[]>;
+    width: number | undefined;
+    private minimalWidth;
+    hovering: boolean;
+    resizable: boolean;
+    dragging: boolean;
+    constructor(conf: ColumnConfig);
+    updateConfig(conf: ColumnConfig): void;
+    resize(newWidth?: number): void;
+}
+//# sourceMappingURL=column.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"column.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/table/column.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKtC,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B;AAED,qBAAa,MAAM;IACf,EAAE,SAAc;IAChB,MAAM,uBAAgC;IAGtC,KAAK,qBAAoB;IACzB,OAAO,CAAC,YAAY,CAAyB;IAC7C,QAAQ,UAAiB;IACzB,SAAS,UAAiB;IAC1B,QAAQ,UAAiB;gBAEb,IAAI,EAAE,YAAY;IAS9B,YAAY,CAAC,IAAI,EAAE,YAAY;IAiB/B,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM;CAQ3B"}

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

@@ -0,0 +1,47 @@
+const DEFAULT_WIDTH = 250;
+const MINIMAL_WIDTH_MULTIPLIER = 0.5;
+export class Column {
+    id = $state('');
+    header = $state('');
+    // resizing
+    width = $state();
+    minimalWidth = $state(DEFAULT_WIDTH);
+    hovering = $state(false);
+    resizable = $state(false);
+    dragging = $state(false);
+    constructor(conf) {
+        this.id = conf.id;
+        this.updateConfig(conf);
+        $effect(() => {
+            this.updateConfig(conf);
+        });
+    }
+    updateConfig(conf) {
+        if (conf.minWidth !== undefined) {
+            this.minimalWidth = conf.minWidth;
+        }
+        else {
+            this.minimalWidth = (conf.width ?? DEFAULT_WIDTH) * MINIMAL_WIDTH_MULTIPLIER;
+        }
+        if (this.width === undefined) {
+            const newWidth = conf.width ?? DEFAULT_WIDTH;
+            this.width = newWidth;
+        }
+        if (!this.header)
+            this.header = conf.header;
+        const newResizable = conf.resizable ?? false;
+        if (newResizable !== this.resizable) {
+            this.resizable = newResizable;
+        }
+    }
+    resize(newWidth) {
+        if (newWidth === undefined)
+            return;
+        if (newWidth < this.minimalWidth) {
+            this.width = this.minimalWidth;
+        }
+        else {
+            this.width = newWidth;
+        }
+    }
+}

package/dist/components/table/table/index.js

@@ -0,0 +1,11 @@
+import Column from './Column.svelte';
+import Row from './Row.svelte';
+import TableComponent, { getTableContext } from './Table.svelte';
+import { TableController } from './table.svelte';
+const Table = Object.assign((TableComponent), {
+    Column,
+    Row,
+    getContext: getTableContext,
+    Controller: TableController
+});
+export default Table;

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

@@ -0,0 +1,36 @@
+import { Column, type ColumnConfig } from './column.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>[];
+}
+export interface TableState<T extends TableRow<T>> {
+    data: T[];
+    expanded: Set<string>;
+}
+interface TreeRow<T> {
+    node: T;
+    nestingLevel: number;
+    id: string;
+}
+export declare class TableController<T extends TableRow<T>> {
+    columns: Column[];
+    data: T[];
+    expanded: Set<string>;
+    scrollTop: number;
+    readonly results: {
+        entries: TreeRow<T>[];
+        someHaveChildren: boolean;
+        maxNestingLevel: number;
+    };
+    refresh(conf: TableConfig<T>): void;
+    registerColumn(config: ColumnConfig): Column;
+    toggleExpansion(id: string): void;
+}
+export declare function getAllIds<T extends TableRow<T>>(...nodes: T[]): string[];
+export {};
+//# sourceMappingURL=table.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/table/table.svelte.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE5D,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;CAC9B;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;AAED,qBAAa,eAAe,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IAC9C,OAAO,WAAwB;IAC/B,IAAI,MAAmB;IACvB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAA2B;IAChD,SAAS,SAAa;IAEtB,QAAQ,CAAC,OAAO;;;;MAAkD;IAElE,OAAO,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAc5B,cAAc,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM;IAc5C,eAAe,CAAC,EAAE,EAAE,MAAM;CAI7B;AAuDD,wBAAgB,SAAS,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,EAAE,GAAG,MAAM,EAAE,CAMxE"}

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

@@ -0,0 +1,92 @@
+import { SvelteSet } from 'svelte/reactivity';
+import { Column } from './column.svelte';
+export class TableController {
+    columns = $state([]);
+    data = $state([]);
+    expanded = new SvelteSet();
+    scrollTop = $state(0);
+    results = $derived(treeWalker(this.data, this.expanded));
+    refresh(conf) {
+        let intitalState = {
+            data: structuredClone(conf.data),
+            expanded: this.expanded
+        };
+        for (const plugin of conf.plugins ?? []) {
+            intitalState = plugin(intitalState);
+        }
+        this.data = intitalState.data;
+        this.expanded = new SvelteSet(intitalState.expanded);
+    }
+    registerColumn(config) {
+        // only register a column once
+        let existingColumn = 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) {
+        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(data, expanded) {
+    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/toast/Toast.svelte.d.ts

@@ -14,3 +14,4 @@ type Props = {
 declare const Toast: import("svelte").Component<Props, {}, "">;
 type Toast = ReturnType<typeof Toast>;
 export default Toast;
+//# sourceMappingURL=Toast.svelte.d.ts.map

package/dist/components/toast/Toast.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toast/Toast.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGzD,KAAK,KAAK,GAAG;IACT,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,EAAE,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC,CAAC;CACtE,CAAC;AA+EN;;;GAGG;AACH,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/components/toast/index.d.ts

@@ -1,2 +1,3 @@
 export { default as ToastUI } from './Toast.svelte';
 export { Toasts } from './toasts.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/toast/toasts.svelte.d.ts

@@ -24,3 +24,4 @@ declare class ToastStore {
 /** Exposes functions to manage toasts, contains currently active toasts */
 export declare const Toasts: ToastStore;
 export {};
+//# sourceMappingURL=toasts.svelte.d.ts.map

package/dist/components/toast/toasts.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toasts.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toast/toasts.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;CACrD,CAAC;AAEF,KAAK,KAAK,GAAG,aAAa,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;CAC7C,CAAC;AASF,cAAM,UAAU;IACZ,MAAM,UAAuB;IAE7B,OAAO,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,GAA0B,MAAM;IAWhE,KAAK,CAAC,EAAE,EAAE,MAAM;IAOhB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa;IAiBvC,MAAM,CAAC,EAAE,EAAE,MAAM;IAMjB,QAAQ,CAAC,EAAE,EAAE,MAAM;IAMnB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,YAAY;CAKvB;AAED,2EAA2E;AAC3E,eAAO,MAAM,MAAM,YAAmB,CAAC"}

package/dist/index.d.ts

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

package/dist/index.d.ts.map

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

package/dist/utils/actions/clickOutside.d.ts

@@ -9,3 +9,4 @@ export declare function clickOutside(node: Element, params: ((e: MouseEvent) =>
     destroy(): void;
 };
 export {};
+//# sourceMappingURL=clickOutside.d.ts.map

package/dist/utils/actions/clickOutside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickOutside.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/actions/clickOutside.ts"],"names":[],"mappings":"AAAA,UAAU,kBAAkB;IACxB,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,8CAA8C;AAC9C,wBAAgB,YAAY,CACxB,IAAI,EAAE,OAAO,EACb,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC,GAAG,kBAAkB;;EA2BzD"}

package/dist/utils/actions/focusTrap.d.ts

@@ -2,3 +2,4 @@ export declare function focusTrap(node: HTMLElement, enabled: boolean): {
     update(newArgs: boolean): void;
     destroy(): void;
 };
+//# sourceMappingURL=focusTrap.d.ts.map

package/dist/utils/actions/focusTrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusTrap.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/actions/focusTrap.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO;oBAsDrC,OAAO;;EAU9B"}

package/dist/utils/actions/index.d.ts

@@ -1,5 +1,7 @@
 export { clickOutside } from './clickOutside';
 export { focusTrap } from './focusTrap';
 export { portal } from './portal';
+export { resize } from './resize';
 export { shortcut } from './shortcut';
 export { onFirstVisible } from './visible';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/actions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/actions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC"}

package/dist/utils/actions/index.js

@@ -1,5 +1,6 @@
 export { clickOutside } from './clickOutside';
 export { focusTrap } from './focusTrap';
 export { portal } from './portal';
+export { resize } from './resize';
 export { shortcut } from './shortcut';
 export { onFirstVisible } from './visible';

package/dist/utils/actions/portal.d.ts

@@ -7,3 +7,4 @@ export declare function portal(el: HTMLElement, target?: HTMLElement | string):
     update: (newTarget: HTMLElement | string) => Promise<void>;
     destroy: () => void;
 };
+//# sourceMappingURL=portal.d.ts.map

package/dist/utils/actions/portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/actions/portal.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EAAE,EAAE,WAAW,EAAE,MAAM,GAAE,WAAW,GAAG,MAAe;wBAExC,WAAW,GAAG,MAAM;;EAiCxD"}

package/dist/utils/actions/resize.d.ts

@@ -0,0 +1,6 @@
+import type { Action } from 'svelte/action';
+export declare const resize: Action<HTMLElement, {
+    resized: (mouseX: number) => void;
+    dragging: (dragging: boolean) => void;
+}>;
+//# sourceMappingURL=resize.d.ts.map

package/dist/utils/actions/resize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/actions/resize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,MAAM,EAAE,MAAM,CACvB,WAAW,EACX;IAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE,CA8B/E,CAAC"}

package/dist/utils/actions/resize.js

@@ -0,0 +1,25 @@
+export const resize = (node, { resized, dragging }) => {
+    const onResize = (e) => {
+        resized(e.clientX);
+    };
+    const onResizeEnd = () => {
+        dragging(false);
+        window.removeEventListener('pointermove', onResize);
+        window.removeEventListener('pointerup', onResizeEnd);
+        window.removeEventListener('pointercancel', onResizeEnd);
+        document.getElementsByTagName('html')[0].style.userSelect = '';
+    };
+    const onResizeStart = () => {
+        dragging(true);
+        window.addEventListener('pointermove', onResize);
+        window.addEventListener('pointerup', onResizeEnd);
+        window.addEventListener('pointercancel', onResizeEnd);
+        document.getElementsByTagName('html')[0].style.userSelect = 'none';
+    };
+    node.addEventListener('pointerdown', onResizeStart);
+    return {
+        destroy() {
+            node.removeEventListener('pointerdown', onResizeStart);
+        }
+    };
+};

package/dist/utils/actions/shortcut.d.ts

@@ -8,3 +8,4 @@ export declare const shortcut: (node: HTMLElement, params?: {
     update: () => void;
     destroy: () => void;
 } | undefined;
+//# sourceMappingURL=shortcut.d.ts.map

package/dist/utils/actions/shortcut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortcut.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/actions/shortcut.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,GACjB,MAAM,WAAW,EACjB,SAAS;IACL,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;;;aA0BJ,CAAC"}

package/dist/utils/actions/visible.d.ts

@@ -3,3 +3,4 @@ export declare const onFirstVisible: Action<HTMLElement, {
     callback: () => void;
     options?: Partial<IntersectionObserverInit>;
 }>;
+//# sourceMappingURL=visible.d.ts.map

package/dist/utils/actions/visible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visible.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/actions/visible.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,cAAc,EAAE,MAAM,CAC/B,WAAW,EACX;IACI,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAC;CAC/C,CAoBJ,CAAC"}

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

@@ -10,3 +10,4 @@ export declare const cookie: {
     set: typeof setCookie;
 };
 export {};
+//# sourceMappingURL=cookie.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cookie.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/functions/cookie.ts"],"names":[],"mappings":"AAAA,iBAAS,SAAS,CAAC,IAAI,EAAE,MAAM,UAqB9B;AAED,UAAU,eAAe;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,SAAS,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,CAWlD;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}

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

@@ -1,3 +1,4 @@
 export { cookie } from './cookie';
 export { pseudoRandomId } from './pseudoRandomId';
 export { queryParams } from './queryParams';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/functions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

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

@@ -1 +1,2 @@
 export declare const pseudoRandomId: (prefix?: string) => string;
+//# sourceMappingURL=pseudoRandomId.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pseudoRandomId.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/functions/pseudoRandomId.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,GAAI,SAAQ,MAAW,WAGd,CAAC"}

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

@@ -1 +1,2 @@
 export declare const queryParams: <T extends Record<string, string | number | undefined | null>>(params: T) => string;
+//# sourceMappingURL=queryParams.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queryParams.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/functions/queryParams.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,EACpF,QAAQ,CAAC,KACV,MAYF,CAAC"}

package/package.json

@@ -59,6 +59,10 @@
             "types": "./dist/components/toast/index.d.ts",
             "svelte": "./dist/components/toast/index.js"
         },
+        "./components/table": {
+            "types": "./dist/components/table/index.d.ts",
+            "svelte": "./dist/components/table/index.js"
+        },
         "./utils/actions": {
             "types": "./dist/utils/actions/index.d.ts",
             "svelte": "./dist/utils/actions/index.js"
@@ -72,7 +76,10 @@
         "dist",
         "src/lib",
         "!dist/**/*.test.*",
-        "!dist/**/*.spec.*"
+        "!dist/**/*.spec.*",
+        "src/lib",
+        "!src/lib/**/*.test.*",
+        "!src/lib/**/*.spec.*"
     ],
     "keywords": [
         "svelte"
@@ -103,5 +110,5 @@
     "svelte": "./dist/index.js",
     "type": "module",
     "types": "./dist/index.d.ts",
-    "version": "0.0.4"
+    "version": "0.0.7"
 }

package/src/lib/components/basic/toggle/Toggle.svelte

@@ -21,8 +21,10 @@
     this={onclick ? 'button' : 'div'}
     class={twMerge(
         clsx(
-            'flex h-5 w-9 items-center rounded-full border p-0.5',
-            value ? 'bg-primary-500 border-primary-500' : 'bg-surface-500/30 border-surface-500/60',
+            'group flex h-5 w-9 items-center rounded-full border p-0.5 transition-colors duration-100',
+            value
+                ? 'bg-primary-500 border-primary-500'
+                : 'bg-surface-500/30 border-surface-500/60 hover:border-surface-500/80',
             clazz
         )
     )}
@@ -36,7 +38,7 @@
         <div
             class={[
                 'relative flex aspect-square h-full items-center justify-center rounded-full transition-all',
-                value ? 'bg-surface-50' : 'bg-surface-600'
+                value ? 'bg-surface-50' : 'bg-surface-600-400 group-hover:bg-surface-700-300'
             ]}
             style={value ? `left: calc(100% - ${thumbWidth}px);` : 'left: 0;'}
             bind:clientWidth={thumbWidth}

package/src/lib/components/layout/heading/Heading.svelte

@@ -28,6 +28,6 @@
     If you set the `defaultClasses`, make sure to call it before using a component that uses the heading component (e.g. your root `+layout.svelte`).
 -->
 
-<h2 class={twMerge(clsx('truncate text-lg font-bold select-none', defaultClasses, clazz))}>
+<h2 class={twMerge(clsx('shrink-0 truncate text-lg font-bold select-none', defaultClasses, clazz))}>
     {@render children()}
 </h2>

package/src/lib/components/layout/hiddenBackground/HiddenBackground.svelte

@@ -13,16 +13,16 @@
     }
 
     export const TEST_ID = 'background';
-</script>
 
-<script lang="ts">
-    interface Props {
+    export interface Props {
         class?: ClassValue;
         /** Gets called when the dialog is clicked */
         onclose?: () => void;
         children: Snippet;
     }
+</script>
 
+<script lang="ts">
     let { class: clazz, onclose, children }: Props = $props();
 </script>
 

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

@@ -1,7 +1,7 @@
 export { default as Drawer } from './drawer/Drawer.svelte';
 export { default as Heading } from './heading/index';
 export { default as HiddenBackground } from './hiddenBackground/index';
-export { default as Modal } from './modal/Modal.svelte';
+export { default as Modal, type ModalProps } from './modal/Modal.svelte';
 export { default as Popover } from './popover/Popover.svelte';
 export { default as Portal } from './portal/Portal.svelte';
 export { default as Tabs } from './tabs/index';