@joyautomation/salt 0.0.13 → 0.0.15

package/dist/components/ThemeButton.svelte

@@ -1,8 +1,9 @@
-<script lang="ts">import { enhance } from "$app/forms";
-import Moon from "./icons/Moon.svelte";
-import Sun from "./icons/Sun.svelte";
-export let theme;
-export let action = "setTheme";
+<script lang="ts">
+  import { enhance } from '$app/forms'
+  import Moon from './icons/Moon.svelte'
+  import Sun from './icons/Sun.svelte'
+  export let theme: string
+  export let action = 'setTheme'
 </script>
 
 <form method="POST" action={`?/${action}`} use:enhance>

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

@@ -1,17 +1,21 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        theme: string;
-        action?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ThemeButtonProps = typeof __propDef.props;
-export type ThemeButtonEvents = typeof __propDef.events;
-export type ThemeButtonSlots = typeof __propDef.slots;
-export default class ThemeButton extends SvelteComponent<ThemeButtonProps, ThemeButtonEvents, ThemeButtonSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ThemeButton: $$__sveltets_2_IsomorphicComponent<{
+    theme: string;
+    action?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ThemeButton = InstanceType<typeof ThemeButton>;
+export default ThemeButton;

package/dist/components/Toast.svelte

@@ -1,18 +1,24 @@
-<script lang="ts">import { page } from "$app/stores";
-import { notifications, addNotification } from "../stores/notifications.js";
-import { slide } from "svelte/transition";
-let notifications_value;
-$:
-  if ($page.form && $page.form?.message) {
-    addNotification($page.form);
-  }
-notifications.subscribe((value) => {
-  notifications_value = value;
-});
+<script lang="ts">
+	import { page } from '$app/state'
+	import { notifications, addNotification } from '../state/notifications.svelte'
+	import { slide } from 'svelte/transition'
+
+	let lastProcessedTime = 0
+
+	$effect(() => {
+		const formData = page.form
+		const now = Date.now()
+		// Only process if we have new form data with a message
+		// and enough time has passed since the last notification (e.g., 50ms)
+		if (formData?.message && now - lastProcessedTime > 50) {
+			lastProcessedTime = now
+			addNotification(formData)
+		}
+	})
 </script>
 
 <div class="toast">
-	{#each notifications_value as notification}
+	{#each notifications.current as notification}
 		<div
 			class:toast--success={notification.type === 'success'}
 			class:toast--error={notification.type === 'error'}

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

@@ -1,14 +1,3 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ToastProps = typeof __propDef.props;
-export type ToastEvents = typeof __propDef.events;
-export type ToastSlots = typeof __propDef.slots;
-export default class Toast extends SvelteComponent<ToastProps, ToastEvents, ToastSlots> {
-}
-export {};
+declare const Toast: import("svelte").Component<Record<string, never>, {}, "">;
+type Toast = ReturnType<typeof Toast>;
+export default Toast;

package/dist/components/Toggle.svelte

@@ -1,10 +1,12 @@
-<script lang="ts">import { enhance } from "$app/forms";
-export let id;
-export let checked = false;
-export let name;
-export let selector = null;
-export let selectorName = "";
-export let buttonType = "button";
+<script lang="ts">
+	import { enhance } from '$app/forms';
+
+	export let id: string;
+	export let checked = false;
+	export let name: string;
+	export let selector: string | null = null;
+	export let selectorName: string = '';
+  export let buttonType: 'button' | 'submit' = 'button';
 </script>
 
 <button

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

@@ -1,21 +1,25 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        id: string;
-        checked?: boolean | undefined;
-        name: string;
-        selector?: string | null | undefined;
-        selectorName?: string | undefined;
-        buttonType?: "button" | "submit" | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ToggleProps = typeof __propDef.props;
-export type ToggleEvents = typeof __propDef.events;
-export type ToggleSlots = typeof __propDef.slots;
-export default class Toggle extends SvelteComponent<ToggleProps, ToggleEvents, ToggleSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Toggle: $$__sveltets_2_IsomorphicComponent<{
+    id: string;
+    checked?: boolean;
+    name: string;
+    selector?: string | null;
+    selectorName?: string;
+    buttonType?: "button" | "submit";
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Toggle = InstanceType<typeof Toggle>;
+export default Toggle;

package/dist/components/icons/ArrowPath.svelte.d.ts

@@ -1,23 +1,26 @@
-/** @typedef {typeof __propDef.props}  ArrowPathProps */
-/** @typedef {typeof __propDef.events}  ArrowPathEvents */
-/** @typedef {typeof __propDef.slots}  ArrowPathSlots */
-export default class ArrowPath extends SvelteComponent<{
+export default ArrowPath;
+type ArrowPath = SvelteComponent<{
     size?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type ArrowPathProps = typeof __propDef.props;
-export type ArrowPathEvents = typeof __propDef.events;
-export type ArrowPathSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+declare const ArrowPath: $$__sveltets_2_IsomorphicComponent<{
+    size?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/icons/Bars.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	export let size = '1.5rem'
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	viewBox="0 0 24 24"
+	stroke-width="1.5"
+	stroke="currentColor"
+	style:height={size}
+	style:width={size}
+>
+	<path
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
+	/>
+</svg>

package/dist/components/icons/Bars.svelte.d.ts

@@ -0,0 +1,20 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Bars: $$__sveltets_2_IsomorphicComponent<{
+    size?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Bars = InstanceType<typeof Bars>;
+export default Bars;

package/dist/components/icons/ChevronDown.svelte.d.ts

@@ -1,23 +1,26 @@
-/** @typedef {typeof __propDef.props}  ChevronDownProps */
-/** @typedef {typeof __propDef.events}  ChevronDownEvents */
-/** @typedef {typeof __propDef.slots}  ChevronDownSlots */
-export default class ChevronDown extends SvelteComponent<{
+export default ChevronDown;
+type ChevronDown = SvelteComponent<{
     size?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type ChevronDownProps = typeof __propDef.props;
-export type ChevronDownEvents = typeof __propDef.events;
-export type ChevronDownSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+declare const ChevronDown: $$__sveltets_2_IsomorphicComponent<{
+    size?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/icons/ChevronRight.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">export let size = "1rem";
+<script lang="ts">
+	export let size = '1rem'
 </script>
 
 <svg

package/dist/components/icons/ChevronRight.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ChevronRightProps = typeof __propDef.props;
-export type ChevronRightEvents = typeof __propDef.events;
-export type ChevronRightSlots = typeof __propDef.slots;
-export default class ChevronRight extends SvelteComponent<ChevronRightProps, ChevronRightEvents, ChevronRightSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ChevronRight: $$__sveltets_2_IsomorphicComponent<{
+    size?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ChevronRight = InstanceType<typeof ChevronRight>;
+export default ChevronRight;

package/dist/components/icons/ChevronUpDown.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">export let size = "1.5rem";
+<script lang="ts">
+	export let size = '1.5rem';
 </script>
 
 <svg

package/dist/components/icons/ChevronUpDown.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ChevronUpDownProps = typeof __propDef.props;
-export type ChevronUpDownEvents = typeof __propDef.events;
-export type ChevronUpDownSlots = typeof __propDef.slots;
-export default class ChevronUpDown extends SvelteComponent<ChevronUpDownProps, ChevronUpDownEvents, ChevronUpDownSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ChevronUpDown: $$__sveltets_2_IsomorphicComponent<{
+    size?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ChevronUpDown = InstanceType<typeof ChevronUpDown>;
+export default ChevronUpDown;

package/dist/components/icons/DocumentMinus.svelte.d.ts

@@ -1,23 +1,26 @@
-/** @typedef {typeof __propDef.props}  DocumentMinusProps */
-/** @typedef {typeof __propDef.events}  DocumentMinusEvents */
-/** @typedef {typeof __propDef.slots}  DocumentMinusSlots */
-export default class DocumentMinus extends SvelteComponent<{
+export default DocumentMinus;
+type DocumentMinus = SvelteComponent<{
     size?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type DocumentMinusProps = typeof __propDef.props;
-export type DocumentMinusEvents = typeof __propDef.events;
-export type DocumentMinusSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+declare const DocumentMinus: $$__sveltets_2_IsomorphicComponent<{
+    size?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/icons/DocumentPlus.svelte.d.ts

@@ -1,23 +1,26 @@
-/** @typedef {typeof __propDef.props}  DocumentPlusProps */
-/** @typedef {typeof __propDef.events}  DocumentPlusEvents */
-/** @typedef {typeof __propDef.slots}  DocumentPlusSlots */
-export default class DocumentPlus extends SvelteComponent<{
+export default DocumentPlus;
+type DocumentPlus = SvelteComponent<{
     size?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type DocumentPlusProps = typeof __propDef.props;
-export type DocumentPlusEvents = typeof __propDef.events;
-export type DocumentPlusSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+declare const DocumentPlus: $$__sveltets_2_IsomorphicComponent<{
+    size?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/icons/Link.svelte.d.ts

@@ -1,23 +1,26 @@
-/** @typedef {typeof __propDef.props}  LinkProps */
-/** @typedef {typeof __propDef.events}  LinkEvents */
-/** @typedef {typeof __propDef.slots}  LinkSlots */
-export default class Link extends SvelteComponent<{
+export default Link;
+type Link = SvelteComponent<{
     size?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type LinkProps = typeof __propDef.props;
-export type LinkEvents = typeof __propDef.events;
-export type LinkSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+declare const Link: $$__sveltets_2_IsomorphicComponent<{
+    size?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/icons/Minus.svelte.d.ts

@@ -1,23 +1,26 @@
-/** @typedef {typeof __propDef.props}  MinusProps */
-/** @typedef {typeof __propDef.events}  MinusEvents */
-/** @typedef {typeof __propDef.slots}  MinusSlots */
-export default class Minus extends SvelteComponent<{
+export default Minus;
+type Minus = SvelteComponent<{
     size?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type MinusProps = typeof __propDef.props;
-export type MinusEvents = typeof __propDef.events;
-export type MinusSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+declare const Minus: $$__sveltets_2_IsomorphicComponent<{
+    size?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/icons/Moon.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">export let size = "1.5rem";
+<script lang="ts">
+	export let size = '1.5rem';
 </script>
 
 <svg

package/dist/components/icons/Moon.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type MoonProps = typeof __propDef.props;
-export type MoonEvents = typeof __propDef.events;
-export type MoonSlots = typeof __propDef.slots;
-export default class Moon extends SvelteComponent<MoonProps, MoonEvents, MoonSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Moon: $$__sveltets_2_IsomorphicComponent<{
+    size?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Moon = InstanceType<typeof Moon>;
+export default Moon;

package/dist/components/icons/PauseCircle.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">export let size = "1.5rem";
+<script lang="ts">
+	export let size = '1.5rem';
 </script>
 
 <svg

package/dist/components/icons/PauseCircle.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type PauseCircleProps = typeof __propDef.props;
-export type PauseCircleEvents = typeof __propDef.events;
-export type PauseCircleSlots = typeof __propDef.slots;
-export default class PauseCircle extends SvelteComponent<PauseCircleProps, PauseCircleEvents, PauseCircleSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const PauseCircle: $$__sveltets_2_IsomorphicComponent<{
+    size?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type PauseCircle = InstanceType<typeof PauseCircle>;
+export default PauseCircle;

package/dist/components/icons/Pencil.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">export let size = "1.5rem";
+<script lang="ts">
+	export let size = '1.5rem';
 </script>
 
 <svg

package/dist/components/icons/Pencil.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type PencilProps = typeof __propDef.props;
-export type PencilEvents = typeof __propDef.events;
-export type PencilSlots = typeof __propDef.slots;
-export default class Pencil extends SvelteComponent<PencilProps, PencilEvents, PencilSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Pencil: $$__sveltets_2_IsomorphicComponent<{
+    size?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Pencil = InstanceType<typeof Pencil>;
+export default Pencil;

package/dist/components/icons/PlayCircle.svelte.d.ts

@@ -1,23 +1,26 @@
-/** @typedef {typeof __propDef.props}  PlayCircleProps */
-/** @typedef {typeof __propDef.events}  PlayCircleEvents */
-/** @typedef {typeof __propDef.slots}  PlayCircleSlots */
-export default class PlayCircle extends SvelteComponent<{
+export default PlayCircle;
+type PlayCircle = SvelteComponent<{
     size?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type PlayCircleProps = typeof __propDef.props;
-export type PlayCircleEvents = typeof __propDef.events;
-export type PlayCircleSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+declare const PlayCircle: $$__sveltets_2_IsomorphicComponent<{
+    size?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/icons/Plus.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">export let size = "1.5rem";
+<script lang="ts">
+	export let size = '1.5rem';
 </script>
 
 <svg

package/dist/components/icons/Plus.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type PlusProps = typeof __propDef.props;
-export type PlusEvents = typeof __propDef.events;
-export type PlusSlots = typeof __propDef.slots;
-export default class Plus extends SvelteComponent<PlusProps, PlusEvents, PlusSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Plus: $$__sveltets_2_IsomorphicComponent<{
+    size?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Plus = InstanceType<typeof Plus>;
+export default Plus;

package/dist/components/icons/Sun.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">export let size = "1.5rem";
+<script lang="ts">
+	export let size = '1.5rem';
 </script>
 
 <svg

package/dist/components/icons/Sun.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type SunProps = typeof __propDef.props;
-export type SunEvents = typeof __propDef.events;
-export type SunSlots = typeof __propDef.slots;
-export default class Sun extends SvelteComponent<SunProps, SunEvents, SunSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Sun: $$__sveltets_2_IsomorphicComponent<{
+    size?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Sun = InstanceType<typeof Sun>;
+export default Sun;

package/dist/components/icons/Trash.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">export let size = "1rem";
+<script lang="ts">
+	export let size = '1rem';
 </script>
 
 <svg

package/dist/components/icons/Trash.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type TrashProps = typeof __propDef.props;
-export type TrashEvents = typeof __propDef.events;
-export type TrashSlots = typeof __propDef.slots;
-export default class Trash extends SvelteComponent<TrashProps, TrashEvents, TrashSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Trash: $$__sveltets_2_IsomorphicComponent<{
+    size?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Trash = InstanceType<typeof Trash>;
+export default Trash;

package/dist/components/icons/WrenchScrewdriver.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">export let size = "1.5rem";
+<script lang="ts">
+	export let size = '1.5rem';
 </script>
 
 <svg

package/dist/components/icons/WrenchScrewdriver.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type WrenchScrewdriverProps = typeof __propDef.props;
-export type WrenchScrewdriverEvents = typeof __propDef.events;
-export type WrenchScrewdriverSlots = typeof __propDef.slots;
-export default class WrenchScrewdriver extends SvelteComponent<WrenchScrewdriverProps, WrenchScrewdriverEvents, WrenchScrewdriverSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const WrenchScrewdriver: $$__sveltets_2_IsomorphicComponent<{
+    size?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type WrenchScrewdriver = InstanceType<typeof WrenchScrewdriver>;
+export default WrenchScrewdriver;

package/dist/components/icons/Xmark.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">export let size = "1.5rem";
+<script lang="ts">
+	export let size = '1.5rem';
 </script>
 
 <svg

package/dist/components/icons/Xmark.svelte.d.ts

@@ -1,16 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type XmarkProps = typeof __propDef.props;
-export type XmarkEvents = typeof __propDef.events;
-export type XmarkSlots = typeof __propDef.slots;
-export default class Xmark extends SvelteComponent<XmarkProps, XmarkEvents, XmarkSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Xmark: $$__sveltets_2_IsomorphicComponent<{
+    size?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Xmark = InstanceType<typeof Xmark>;
+export default Xmark;

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

@@ -15,4 +15,4 @@ export { default as Trash } from "./Trash.svelte";
 export { default as WrenchScrewdriver } from "./WrenchScrewdriver.svelte";
 export { default as Xmark } from "./Xmark.svelte";
 export { default as Minus } from "./Minus.svelte";
-export { default as ShoppingCart } from "./ShoppingCart.svelte";
+export { default as Bars } from "./Bars.svelte";

package/dist/components/icons/index.js

@@ -15,4 +15,4 @@ export { default as Trash } from "./Trash.svelte";
 export { default as WrenchScrewdriver } from "./WrenchScrewdriver.svelte";
 export { default as Xmark } from "./Xmark.svelte";
 export { default as Minus } from "./Minus.svelte";
-export { default as ShoppingCart } from "./ShoppingCart.svelte";
+export { default as Bars } from "./Bars.svelte";

package/dist/index.d.ts

@@ -4,3 +4,4 @@ export { default as Toggle } from "./components/Toggle.svelte";
 export { default as ThemeButton } from "./components/ThemeButton.svelte";
 export { default as Toast } from "./components/Toast.svelte";
 export * as icons from "./components/icons/index.js";
+export * as state from "./state/notifications.svelte";

package/dist/index.js

@@ -4,3 +4,4 @@ export { default as Toggle } from "./components/Toggle.svelte";
 export { default as ThemeButton } from "./components/ThemeButton.svelte";
 export { default as Toast } from "./components/Toast.svelte";
 export * as icons from "./components/icons/index.js";
+export * as state from "./state/notifications.svelte";

package/dist/state/notifications.svelte.d.ts

@@ -0,0 +1,13 @@
+export interface NotificationInput {
+    type: string;
+    message: string;
+}
+export interface Notification {
+    id: string;
+    type: string;
+    message: string;
+}
+export declare const notifications: {
+    current: Notification[];
+};
+export declare function addNotification(notification: NotificationInput): string;

package/dist/state/notifications.svelte.js

@@ -0,0 +1,20 @@
+import { writable } from 'svelte/store';
+import { nanoid } from 'nanoid';
+const initializer = [];
+export const notifications = $state({
+    current: initializer,
+});
+export function addNotification(notification) {
+    const id = nanoid();
+    notifications.current = [
+        ...notifications.current,
+        {
+            id,
+            ...notification,
+        },
+    ];
+    setTimeout(() => {
+        notifications.current = notifications.current.filter((n) => n.id !== id);
+    }, 5000);
+    return id;
+}

package/dist/stores/notifications.d.ts

@@ -0,0 +1,11 @@
+export interface NotificationInput {
+    type: string;
+    message: string;
+}
+export interface Notification {
+    id: string;
+    type: string;
+    message: string;
+}
+export declare const notifications: import("svelte/store").Writable<Notification[]>;
+export declare function addNotification(notification: NotificationInput): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@joyautomation/salt",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "exports": {
     ".": [
       "./dist/index.js",
@@ -22,37 +22,37 @@
     "svelte": "5.0.0-next.244"
   },
   "devDependencies": {
-    "@playwright/test": "^1.28.1",
-    "@sveltejs/adapter-auto": "^3.0.0",
-    "@sveltejs/kit": "^2.5.26",
-    "@sveltejs/package": "^2.0.0",
-    "@sveltejs/vite-plugin-svelte": "^3.0.0",
-    "@types/eslint": "^8.56.10",
-    "@typescript-eslint/eslint-plugin": "^7.7.1",
-    "@typescript-eslint/parser": "^7.7.1",
-    "eslint": "^9.1.1",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-svelte": "^2.38.0",
-    "globals": "^15.0.0",
-    "prettier": "^3.2.5",
-    "prettier-plugin-svelte": "^3.2.3",
-    "publint": "^0.1.9",
-    "svelte": "5.0.0-next.244",
-    "svelte-check": "^3.6.0",
-    "tslib": "^2.4.1",
-    "typescript": "^5.4.5",
-    "typescript-eslint": "^7.7.1",
-    "vite": "^5.0.11",
-    "vitest": "^1.2.0"
+    "@playwright/test": "^1.50.1",
+    "@sveltejs/adapter-auto": "^4.0.0",
+    "@sveltejs/kit": "^2.17.2",
+    "@sveltejs/package": "^2.3.10",
+    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@types/eslint": "^9.6.1",
+    "@typescript-eslint/eslint-plugin": "^8.24.1",
+    "@typescript-eslint/parser": "^8.24.1",
+    "eslint": "^9.21.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-svelte": "^2.46.1",
+    "globals": "^16.0.0",
+    "prettier": "^3.5.2",
+    "prettier-plugin-svelte": "^3.3.3",
+    "publint": "^0.3.6",
+    "svelte": "5.20.2",
+    "svelte-check": "^4.1.4",
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.24.1",
+    "vite": "^6.1.1",
+    "vitest": "^3.0.6"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
   "dependencies": {
-    "@sveltejs/adapter-node": "^5.0.1",
-    "nanoid": "^5.0.7",
-    "sass": "^1.75.0"
+    "@sveltejs/adapter-node": "^5.2.12",
+    "nanoid": "^5.1.0",
+    "sass": "^1.85.0"
   },
   "scripts": {
     "dev": "vite dev",

package/dist/components/icons/ShoppingCart.svelte

@@ -1,18 +0,0 @@
-<script lang="ts">export let size = "1.5rem";
-</script>
-
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	fill="none"
-	viewBox="0 0 24 24"
-	stroke-width="1.5"
-	stroke="currentColor"
-	width={size}
-	height={size}
->
-	<path
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"
-	/>
-</svg>

package/dist/components/icons/ShoppingCart.svelte.d.ts

@@ -1,16 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        size?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ShoppingCartProps = typeof __propDef.props;
-export type ShoppingCartEvents = typeof __propDef.events;
-export type ShoppingCartSlots = typeof __propDef.slots;
-export default class ShoppingCart extends SvelteComponent<ShoppingCartProps, ShoppingCartEvents, ShoppingCartSlots> {
-}
-export {};