@joyautomation/salt 0.0.19 → 0.0.20

package/dist/components/Icon.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+  export let path: string;
+  export let size = 24;
+  export let className = '';
+
+  let svgContent = '';
+  const basePath = '/src/lib/components/icons/svg';
+
+  async function loadSvg() {
+    try {
+      const fullPath = `${basePath}/${path}.svg`;
+      const response = await fetch(fullPath);
+      if (!response.ok) throw new Error('Failed to load SVG');
+      svgContent = await response.text();
+    } catch (error) {
+      console.error('Error loading SVG:', error);
+    }
+  }
+
+  $: if (path) {
+    loadSvg();
+  }
+</script>
+
+{#if svgContent}
+  <div 
+    class={className}
+    style:width={size}
+    style:height={size}
+  >
+    {@html svgContent}
+  </div>
+{/if}
+
+<style>
+  div :global(svg) {
+    width: 100%;
+    height: 100%;
+  }
+</style>

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

@@ -0,0 +1,22 @@
+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 Icon: $$__sveltets_2_IsomorphicComponent<{
+    path: string;
+    size?: number;
+    className?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Icon = InstanceType<typeof Icon>;
+export default Icon;

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,15 +1,20 @@
-<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();
-  if (formData?.message && now - lastProcessedTime > 50) {
-    lastProcessedTime = now;
-    addNotification(formData);
-  }
-});
+<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">

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/forms/Input.svelte

@@ -1,5 +1,8 @@
-<script lang="ts">const { id, name, label, type, value, validation } = $props();
-const validationResult = $derived(validation(value));
+<script lang="ts">
+	import type { InputProps } from './types.js'
+
+	const { id, name, label, type, value, validation }: InputProps = $props()
+	const validationResult = $derived(validation(value))
 </script>
 
 <div class="input">

package/dist/components/forms/Input.svelte.d.ts

@@ -1,15 +1,4 @@
-import { SvelteComponent } from "svelte";
 import type { InputProps } from './types.js';
-declare const __propDef: {
-    props: InputProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type InputProps_ = typeof __propDef.props;
-export { InputProps_ as InputProps };
-export type InputEvents = typeof __propDef.events;
-export type InputSlots = typeof __propDef.slots;
-export default class Input extends SvelteComponent<InputProps_, InputEvents, InputSlots> {
-}
+declare const Input: import("svelte").Component<InputProps, {}, "">;
+type Input = ReturnType<typeof Input>;
+export default Input;

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

@@ -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/Bars.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 BarsProps = typeof __propDef.props;
-export type BarsEvents = typeof __propDef.events;
-export type BarsSlots = typeof __propDef.slots;
-export default class Bars extends SvelteComponent<BarsProps, BarsEvents, BarsSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+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/CheckCircle.svelte.d.ts

@@ -1,23 +1,26 @@
-/** @typedef {typeof __propDef.props}  CheckCircleProps */
-/** @typedef {typeof __propDef.events}  CheckCircleEvents */
-/** @typedef {typeof __propDef.slots}  CheckCircleSlots */
-export default class CheckCircle extends SvelteComponent<{
+export default CheckCircle;
+type CheckCircle = SvelteComponent<{
     size?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type CheckCircleProps = typeof __propDef.props;
-export type CheckCircleEvents = typeof __propDef.events;
-export type CheckCircleSlots = 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 CheckCircle: $$__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/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;
+}