@marianmeres/stuic 2.3.2 → 2.4.0

package/README.md

@@ -6,4 +6,3 @@ OPINIONATED, UNSTABLE AND IN PROGRESS...
 
 Ongoing effort to build reusable Svelte UI primitives as I need them, inspired by many
 other libs -- cherry-picked, combined, adjusted and tweaked to my personal preference and needs.
-

package/dist/README.md

@@ -12,21 +12,22 @@ npm install @marianmeres/stuic
 
 ```svelte
 <script>
-  import { Button, Modal } from '@marianmeres/stuic';
+	import { Button, Modal } from "@marianmeres/stuic";
 
-  let modal;
+	let modal;
 </script>
 
 <Button onclick={() => modal.open()}>Open Modal</Button>
 
 <Modal bind:this={modal}>
-  <p>Hello from Modal!</p>
+	<p>Hello from Modal!</p>
 </Modal>
 ```
 
 ## Components
 
 ### Layout & Overlays
+
 - **AppShell** - Application layout wrapper with header, sidebar, main content
 - **Backdrop** - Fullscreen overlay with transitions
 - **Modal** - Dialog overlay with focus trap and scroll lock
@@ -34,6 +35,7 @@ npm install @marianmeres/stuic
 - **Drawer** - Slide-in panel from screen edges
 
 ### Forms & Inputs
+
 - **FieldInput** - Text input with label, validation, description
 - **FieldTextarea** - Multiline text input with autogrow support
 - **FieldSelect** - Native select dropdown
@@ -46,12 +48,14 @@ npm install @marianmeres/stuic
 - **Fieldset** - Group of form fields with legend
 
 ### Buttons & Controls
+
 - **Button** - Styled button with variants (primary, secondary, ghost)
 - **ButtonGroupRadio** - Radio-style button group
 - **Switch** - Toggle switch component
 - **X** - Close/dismiss button icon
 
 ### Feedback & Notifications
+
 - **Notifications** - Toast notification system
 - **AlertConfirmPrompt** - Modal dialogs for alerts, confirms, and prompts
 - **DismissibleMessage** - Closable message banner
@@ -59,11 +63,13 @@ npm install @marianmeres/stuic
 - **Spinner** - Loading spinner animation
 
 ### Navigation & Interaction
+
 - **CommandMenu** - Keyboard-driven command palette
 - **TypeaheadInput** - Autocomplete text input
 - **KbdShortcut** - Keyboard shortcut display
 
 ### Utilities
+
 - **ColorScheme** - Dark/light mode management
 - **Thc** - Render text, HTML, or component dynamically
 - **SlidingPanels** - Animated panel transitions
@@ -86,7 +92,7 @@ npm install @marianmeres/stuic
 ## Utilities
 
 ```ts
-import { debounce, throttle, twMerge, localStorageState } from '@marianmeres/stuic';
+import { debounce, throttle, twMerge, localStorageState } from "@marianmeres/stuic";
 ```
 
 - **debounce/throttle** - Function rate limiting
@@ -103,10 +109,10 @@ Components use CSS custom properties for theming. Override in your CSS:
 
 ```css
 :root {
-  --color-button-bg: theme('colors.blue.500');
-  --color-button-text: white;
-  --color-input-accent: theme('colors.blue.500');
-  /* ... */
+	--color-button-bg: theme("colors.blue.500");
+	--color-button-text: white;
+	--color-input-accent: theme("colors.blue.500");
+	/* ... */
 }
 ```
 
@@ -117,10 +123,10 @@ See `src/lib/theme.css` for all available custom properties.
 All components export their Props types:
 
 ```ts
-import type { ButtonProps, ModalProps } from '@marianmeres/stuic';
+import type { ButtonProps, ModalProps } from "@marianmeres/stuic";
 
 const buttonConfig: Partial<ButtonProps> = {
-  variant: 'primary',
-  size: 'lg',
+	variant: "primary",
+	size: "lg",
 };
 ```

package/dist/actions/autogrow.svelte.js

@@ -25,10 +25,10 @@
 export function autogrow(el, fn) {
     let lastValue = el.value;
     $effect(() => {
-        let { enabled = true, max = 250, immediate = true, value } = fn?.() || {};
+        const { enabled = true, max = 250, immediate = true, value } = fn?.() || {};
         if (!enabled)
             return;
-        function set_height(_e) {
+        function set_height() {
             // console.log(123, el.value);
             if (enabled) {
                 el.style.height = "auto"; // Reset height to auto to correctly calculate scrollHeight
@@ -38,14 +38,14 @@ export function autogrow(el, fn) {
         // eventlistener strategy (we're not passing value)
         if (value === undefined) {
             if (immediate)
-                set_height(null);
+                set_height();
             el.addEventListener("input", set_height);
             el.addEventListener("blur", set_height);
         }
         // strategy with provided value
         else {
             if (value !== lastValue) {
-                set_height(null);
+                set_height();
                 lastValue = value;
             }
         }

package/dist/actions/autoscroll.d.ts

@@ -12,8 +12,8 @@ interface StoreLike<T> extends StoreReadable<T> {
  * Options for the autoscroll action.
  */
 export type AutoscrollOptions = ScrollOptions & {
-    dependencies?: StoreReadable<any>[];
-    logger?: (...args: any[]) => void;
+    dependencies?: StoreReadable<unknown>[];
+    logger?: (...args: unknown[]) => void;
     newScrollableContentSignal?: StoreLike<boolean>;
     shouldScrollThresholdPx?: number;
     startScrollTimeout?: number;

package/dist/actions/autoscroll.js

@@ -43,16 +43,19 @@ export function autoscroll(node, options = {
     startScrollTimeout: DEFAULTS.startScrollTimeout,
 }) {
     // use "smooth" by default
-    options.behavior ??= 'smooth';
+    options.behavior ??= "smooth";
     options.shouldScrollThresholdPx ??= DEFAULTS.shouldScrollThresholdPx;
     options.startScrollTimeout ??= DEFAULTS.startScrollTimeout;
     const { behavior, shouldScrollThresholdPx, dependencies, logger, newScrollableContentSignal, startScrollTimeout, } = options || {};
     let origScrollHeight = 0;
-    const log = (...args) => typeof logger === 'function' && logger.apply(null, [...args]);
+    const log = (...args) => {
+        if (typeof logger === "function")
+            logger.apply(null, [...args]);
+    };
     const shouldScroll = () => {
         const { scrollTop, clientHeight } = node;
         const result = origScrollHeight - scrollTop - clientHeight < shouldScrollThresholdPx;
-        log('shouldScroll?', result, { scrollTop, origScrollHeight, clientHeight });
+        log("shouldScroll?", result, { scrollTop, origScrollHeight, clientHeight });
         return result;
     };
     const scroll = () => {
@@ -62,17 +65,23 @@ export function autoscroll(node, options = {
     };
     // for when children change sizes
     const resizeObserver = new ResizeObserver(() => {
-        log('observed resize...');
-        shouldScroll() && scroll();
+        log("observed resize...");
+        if (shouldScroll())
+            scroll();
     });
     // for when children
     const mutationObserver = new MutationObserver(() => {
-        log('observed mutation...');
-        shouldScroll() ? scroll() : newScrollableContentSignal?.set(true);
+        log("observed mutation...");
+        if (shouldScroll()) {
+            scroll();
+        }
+        else {
+            newScrollableContentSignal?.set(true);
+        }
         origScrollHeight = node.scrollHeight;
     });
     const unsubs = dependencies?.map((dep) => dep.subscribe((v) => {
-        log('dependency update...', v);
+        log("dependency update...", v);
         setTimeout(scroll, startScrollTimeout);
     })) ?? [];
     // observe size of all children

package/dist/actions/file-dropzone.svelte.d.ts

@@ -5,7 +5,7 @@ interface FileDropzoneOptions {
     enabled?: boolean;
     inputEl: HTMLInputElement;
     allowClick?: boolean;
-    processFiles?: (files: FileList | null, wasDrop?: boolean) => any | Promise<any>;
+    processFiles?: (files: FileList | null, wasDrop?: boolean) => void | Promise<void>;
 }
 /**
  * A Svelte action that turns any element into a file drop zone.

package/dist/actions/file-dropzone.svelte.js

@@ -40,7 +40,7 @@
  */
 export function fileDropzone(el, fn) {
     $effect(() => {
-        let { enabled = true, allowClick = true, inputEl, processFiles, } = fn?.() || {};
+        const { enabled = true, allowClick = true, inputEl, processFiles, } = fn?.() || {};
         if (!enabled)
             return;
         if (!inputEl) {

package/dist/actions/focus-trap.js

@@ -32,34 +32,36 @@ const defaults = { enabled: true, autoFocusFirst: true };
  * ```
  */
 export function focusTrap(node, options = {}) {
-    let { enabled, autoFocusFirst } = { ...defaults, ...(options || {}) };
+    let enabled;
+    const { enabled: _enabled, autoFocusFirst } = { ...defaults, ...(options || {}) };
+    enabled = _enabled ?? true;
     const focusableSelectors = [
-        '[contentEditable=true]',
+        "[contentEditable=true]",
         //
-        'button:not([disabled])',
-        'input:not([disabled])',
-        'select:not([disabled])',
-        'textarea:not([disabled])',
+        "button:not([disabled])",
+        "input:not([disabled])",
+        "select:not([disabled])",
+        "textarea:not([disabled])",
         //
-        'a[href]',
-        'area[href]',
-        'details',
-        'iframe',
+        "a[href]",
+        "area[href]",
+        "details",
+        "iframe",
         // see more below on tabindexes
         '[tabindex]:not([tabindex^="-"])',
-    ].join(',');
+    ].join(",");
     let first;
     let last;
     // When the first element is selected, shift+tab pressed, jump to the last selectable item.
     function onFirstElemKeydown(e) {
-        if (e.shiftKey && e.code === 'Tab') {
+        if (e.shiftKey && e.code === "Tab") {
             e.preventDefault();
             last.focus();
         }
     }
     // When the last item selected, tab pressed, jump to the first selectable item.
     function onLastElemKeydown(e) {
-        if (!e.shiftKey && e.code === 'Tab') {
+        if (!e.shiftKey && e.code === "Tab") {
             e.preventDefault();
             first.focus();
         }
@@ -68,15 +70,15 @@ export function focusTrap(node, options = {}) {
         if (enabled === false)
             return;
         let maxTabindex = 0;
-        let focusable = [...node.querySelectorAll(focusableSelectors)]
+        const focusable = [...node.querySelectorAll(focusableSelectors)]
             // filter negative tabindexes (afaik there is no :not([disabled] OR [tabindex^="-"]))
             .filter((e) => {
             // reusing loop for a side job here... see sort below
-            maxTabindex = Math.max(maxTabindex, parseInt(e.getAttribute('tabindex') || '0'));
+            maxTabindex = Math.max(maxTabindex, parseInt(e.getAttribute("tabindex") || "0"));
             //
-            if (e.getAttribute('disabled') === '')
+            if (e.getAttribute("disabled") === "")
                 return false;
-            if ((e.getAttribute('tabindex') || '').startsWith('-'))
+            if ((e.getAttribute("tabindex") || "").startsWith("-"))
                 return false;
             return true;
         })
@@ -84,8 +86,8 @@ export function focusTrap(node, options = {}) {
             // but must increase zero to max + 1 first, because browsers focus zeros as last...
             // https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
             .sort((e1, e2) => {
-            const a = parseInt(e1.getAttribute('tabindex') || '0') || maxTabindex + 1;
-            const b = parseInt(e2.getAttribute('tabindex') || '0') || maxTabindex + 1;
+            const a = parseInt(e1.getAttribute("tabindex") || "0") || maxTabindex + 1;
+            const b = parseInt(e2.getAttribute("tabindex") || "0") || maxTabindex + 1;
             return a - b;
         });
         if (focusable.length) {
@@ -95,14 +97,16 @@ export function focusTrap(node, options = {}) {
             if (!fromObserver && autoFocusFirst)
                 first.focus();
             // Listen for keydown on first & last element
-            first.addEventListener('keydown', onFirstElemKeydown);
-            last.addEventListener('keydown', onLastElemKeydown);
+            first.addEventListener("keydown", onFirstElemKeydown);
+            last.addEventListener("keydown", onLastElemKeydown);
         }
     };
     queryElements(false);
     function cleanup() {
-        first && first.removeEventListener('keydown', onFirstElemKeydown);
-        last && last.removeEventListener('keydown', onLastElemKeydown);
+        if (first)
+            first.removeEventListener("keydown", onFirstElemKeydown);
+        if (last)
+            last.removeEventListener("keydown", onLastElemKeydown);
     }
     // When children of node are changed (added or removed)
     const observer = new MutationObserver((mutations, observer) => {
@@ -117,7 +121,12 @@ export function focusTrap(node, options = {}) {
     return {
         update(options = {}) {
             enabled = !!options?.enabled;
-            enabled ? queryElements(false) : cleanup();
+            if (enabled) {
+                queryElements(false);
+            }
+            else {
+                cleanup();
+            }
         },
         destroy() {
             cleanup();

package/dist/actions/highlight-dragover.svelte.js

@@ -32,15 +32,16 @@ export function highlightDragover(el, fn) {
     // 	// Trigger change event for any listeners
     // 	el.dispatchEvent(new Event("change"));
     // }
-    function prevent(e) {
-        e.preventDefault();
-        // e.stopPropagation();
-    }
+    // function prevent(e: DragEvent) {
+    // 	e.preventDefault();
+    // 	// e.stopPropagation();
+    // }
     const HIGH = ["dragenter", "dragover"];
     const UNHIGH = ["dragleave", "drop"];
     // const ALL = [...HIGH, ...UNHIGH];
     $effect(() => {
-        let { classes = ["dragover"], enabled = true } = fn?.() || {};
+        const { enabled = true } = fn?.() || {};
+        let { classes = ["dragover"] } = fn?.() || {};
         if (!enabled)
             return;
         if (!Array.isArray(classes))

package/dist/actions/on-submit-validity-check.svelte.js

@@ -47,9 +47,9 @@ export function onSubmitValidityCheck(node) {
         e.preventDefault();
         // this will disable all other onsubmit listeners...
         e.stopImmediatePropagation();
-        let invalid = [];
+        const invalid = [];
         for (let i = 0; i < node.elements?.length; i++) {
-            let el = node.elements[i];
+            const el = node.elements[i];
             if (typeof el.checkValidity === "function") {
                 // hm... radios are tricky, as triggering change automatically checks the last
                 // input (last radio input), which is not desired

package/dist/actions/resizable-width.svelte.d.ts

@@ -16,7 +16,7 @@ export interface ResizableWidthOptions {
         units: "px" | "%";
         container: number;
     }) => void;
-    debug?: (...args: any[]) => void;
+    debug?: (...args: unknown[]) => void;
 }
 /**
  * A Svelte action that makes an element's width resizable via drag handle.

package/dist/actions/resizable-width.svelte.js

@@ -73,7 +73,8 @@ export function resizableWidth(el, fn) {
         return handle;
     }
     $effect(() => {
-        let { enabled = true, initial = 0, min = 0, max = 0, units = "px", key, storage = "session", handleClass = "", handleDragClass = "", onResize, debug, } = fn?.() || {};
+        const { enabled = true, initial: initialValue = 0, min = 0, max = 0, units = "px", key, storage = "session", handleClass = "", handleDragClass = "", onResize, debug, } = fn?.() || {};
+        let initial = initialValue;
         const _debug = (...args) => debug?.("[resizable-width]", ...args);
         _debug("$effect");
         if (!enabled)
@@ -108,7 +109,8 @@ export function resizableWidth(el, fn) {
                     value = Math.max(min, value);
                 if (max)
                     value = Math.min(max, value);
-                _initial !== value && _debug("clamped", value, units);
+                if (_initial !== value)
+                    _debug("clamped", value, units);
                 return value;
             };
             let width;
@@ -132,7 +134,7 @@ export function resizableWidth(el, fn) {
             e.preventDefault(); // prevent scrolling on touch devices
             isResizing = true;
             //
-            const clientX = e.touches ? e.touches[0].clientX : e.clientX;
+            const clientX = "touches" in e ? e.touches[0].clientX : e.clientX;
             startX = clientX;
             startWidth = parseInt(getComputedStyle(el).width, 10);
             containerW = container.offsetWidth;
@@ -145,9 +147,9 @@ export function resizableWidth(el, fn) {
                 return;
             e.preventDefault(); // prevent scrolling on touch devices
             //
-            const clientX = e.touches ? e.touches[0].clientX : e.clientX;
+            const clientX = "touches" in e ? e.touches[0].clientX : e.clientX;
             const deltaX = clientX - startX;
-            let width = startWidth + deltaX;
+            const width = startWidth + deltaX;
             set_width_px(width);
         }
         function resize_stop() {

package/dist/actions/tooltip/index.css

@@ -41,13 +41,8 @@
 		/* position-area is set via inline style based on position param */
 		/* fallbacks ensure tooltip stays within viewport */
 		position-try-fallbacks:
-			--tt-top-span-right,
-			--tt-top-span-left,
-			flip-block,
-			--tt-bottom-span-right,
-			--tt-bottom-span-left,
-			--tt-left,
-			--tt-right;
+			--tt-top-span-right, --tt-top-span-left, flip-block, --tt-bottom-span-right,
+			--tt-bottom-span-left, --tt-left, --tt-right;
 
 		&.tt-block {
 			display: block;

package/dist/actions/tooltip/tooltip.svelte.js

@@ -103,7 +103,8 @@ export function tooltip(anchorEl, fn) {
     anchorEl.setAttribute("aria-describedby", id);
     anchorEl.setAttribute("aria-expanded", "false");
     const debug = (...args) => {
-        do_debug && console.debug("[tooltip]", rnd, ...args);
+        if (do_debug)
+            console.debug("[tooltip]", rnd, ...args);
     };
     function ensure_tooltip() {
         debug("ensure_tooltip()", content, classTooltip);
@@ -132,7 +133,7 @@ export function tooltip(anchorEl, fn) {
             // update position-area in case it changed
             tooltipEl.style.setProperty("position-area", POSITION_MAP[position] || "top");
             if (classTooltip) {
-                let old = tooltipEl.className;
+                const old = tooltipEl.className;
                 tooltipEl.className = ""; // reset
                 tooltipEl.classList.add(...twMerge(old, classTooltip).split(/\s/));
             }
@@ -201,12 +202,12 @@ export function tooltip(anchorEl, fn) {
     }
     // "reactive" params re/set
     $effect(() => {
-        let { enabled: _enabled, content: _content, position: _position, debug: debugParam, class: _classTooltip, onShow, onHide, } = fn?.() || {};
+        const { enabled: _enabled, content: _content, position: _position, debug: debugParam, class: _classTooltip, onShow, onHide, } = fn?.() || {};
         // re/assign new params
         do_debug = !!debugParam;
         on_show = onShow;
         on_hide = onHide;
-        content = _content ||= anchorEl.getAttribute("aria-label");
+        content = _content || anchorEl.getAttribute("aria-label");
         classTooltip = _classTooltip;
         enabled = _enabled ?? true;
         position = _position || "top";

package/dist/actions/trim.svelte.d.ts

@@ -22,5 +22,5 @@
  */
 export declare function trim(el: HTMLInputElement | HTMLTextAreaElement, fn?: () => {
     enabled?: boolean;
-    setValue?: (v: string) => any;
+    setValue?: (v: string) => void;
 }): void;

package/dist/actions/trim.svelte.js

@@ -24,8 +24,8 @@ export function trim(el, fn) {
     // the node has been mounted in the DOM
     $effect(() => {
         // setup goes here
-        let { enabled, setValue } = fn?.() || { enabled: true };
-        function trim(e) {
+        const { enabled, setValue } = fn?.() || { enabled: true };
+        function trim() {
             if (enabled && typeof el.value === "string") {
                 el.value = el.value.trim();
                 setValue?.(el.value);

package/dist/actions/validate.svelte.d.ts

@@ -71,14 +71,14 @@ export interface ValidationResult {
     valid: boolean;
     message: string;
 }
-type ReasonTranslate = (reason: keyof ValidityStateFlags, value: any, fallback: string) => string;
+type ReasonTranslate = (reason: keyof ValidityStateFlags, value: unknown, fallback: string) => string;
 /**
  * Options for the validate action.
  */
 export interface ValidateOptions {
     enabled?: boolean;
-    context?: Record<string, any>;
-    customValidator?: (value: any, context: Record<string, any> | undefined, el: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement) => string | undefined;
+    context?: Record<string, unknown>;
+    customValidator?: (value: unknown, context: Record<string, unknown> | undefined, el: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement) => string | undefined;
     on?: "input" | "change";
     setValidationResult?: (res: ValidationResult) => void;
     t?: false | ReasonTranslate;
@@ -148,6 +148,6 @@ export interface ValidateOptions {
  */
 export declare function validate(el: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement, fn?: () => boolean | ValidateOptions): void;
 export declare namespace validate {
-    var t: null;
+    var t: ReasonTranslate | null;
 }
 export {};

package/dist/actions/validate.svelte.js

@@ -1,5 +1,3 @@
-import { tick } from "svelte";
-import { waitForNextRepaint, waitForTwoRepaints } from "../utils/paint.js";
 /**
  * Creates a ValidityStateLike object for testing/mocking validation states.
  *
@@ -133,8 +131,8 @@ const KNOWN_REASONS = [
 export function validate(el, fn) {
     $effect(() => {
         //
-        let fnResult = fn?.() ?? {};
-        let { enabled, context, customValidator, on = "change", setValidationResult, t, } = typeof fnResult === "boolean" ? { enabled: !!fnResult } : fnResult;
+        const fnResult = fn?.() ?? {};
+        const { enabled, context, customValidator, on = "change", setValidationResult, t, } = typeof fnResult === "boolean" ? { enabled: !!fnResult } : fnResult;
         //
         const _t = (reason, value, fallback) => {
             // explicit false
@@ -187,10 +185,13 @@ export function validate(el, fn) {
         el.addEventListener(on, _doValidate);
         //
         let _touchCount = 0;
-        const onFocus = (e) => _touchCount++;
+        const onFocus = () => _touchCount++;
         el.addEventListener("focus", onFocus);
         // also validate on first blur
-        const onBlur = (e) => _touchCount === 1 && _doValidate();
+        const onBlur = () => {
+            if (_touchCount === 1)
+                _doValidate();
+        };
         el.addEventListener("blur", onBlur);
         return () => {
             el.removeEventListener(on, _doValidate);
@@ -199,6 +200,5 @@ export function validate(el, fn) {
         };
     });
 }
-// ReasonTranslate
-const t = null;
-validate.t = t;
+// Global translation function - can be set by consumers
+validate.t = null;

package/dist/components/AlertConfirmPrompt/alert-confirm-prompt-stack.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { Component } from "svelte";
 import type { THC } from "../Thc/Thc.svelte";
 /**
  * Types of alert/confirm/prompt dialogs.
@@ -12,13 +13,13 @@ export declare enum AlertConfirmPromptType {
  */
 export type AlertConfirmPromptVariant = "info" | "success" | "warn" | "error";
 /** Callback type for OK button click. */
-export type FnOnOK = (value: any) => any;
+export type FnOnOK = (value: any) => void;
 /** Callback type for Cancel button click. */
-export type FnOnCancel = (value: false) => any;
+export type FnOnCancel = (value: false) => void;
 /** Callback type for Escape key press. */
 export type FnOnEscape = () => void;
 /** Callback type for custom button click. */
-export type FnOnCustom = (value: any) => any;
+export type FnOnCustom = (value: any) => void;
 /**
  * Configuration object for an alert/confirm/prompt dialog.
  */
@@ -38,9 +39,9 @@ export interface AlertConfirmPromptObj extends Record<string, any> {
     variant: AlertConfirmPromptVariant;
     iconFn: (() => string) | boolean;
     forceAsHtml?: boolean;
-    CmpButtonOk?: any;
-    CmpButtonCancel?: any;
-    CmpButtonCustom?: any;
+    CmpButtonOk?: Component;
+    CmpButtonCancel?: Component;
+    CmpButtonCustom?: Component;
 }
 /**
  * A reactive stack manager for alert, confirm, and prompt dialogs.

package/dist/components/AlertConfirmPrompt/alert-confirm-prompt-stack.svelte.js

@@ -1,5 +1,4 @@
-import { createClog } from "@marianmeres/clog";
-const clog = createClog("alert-confirm-prompt-stack").debug;
+// const clog = createClog("alert-confirm-prompt-stack").debug;
 /**
  * Types of alert/confirm/prompt dialogs.
  */

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

@@ -1,2 +1,2 @@
 export * from "./alert-confirm-prompt-stack.svelte.js";
-export { default as AlertConfirmPrompt, type Props as AlertConfirmPromptProps } from "./AlertConfirmPrompt.svelte";
+export { default as AlertConfirmPrompt, type Props as AlertConfirmPromptProps, } from "./AlertConfirmPrompt.svelte";

package/dist/components/AlertConfirmPrompt/index.js

@@ -1,2 +1,2 @@
 export * from "./alert-confirm-prompt-stack.svelte.js";
-export { default as AlertConfirmPrompt } from "./AlertConfirmPrompt.svelte";
+export { default as AlertConfirmPrompt, } from "./AlertConfirmPrompt.svelte";

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

@@ -1 +1 @@
-export { default as AnimatedEllipsis, type Props as AnimatedEllipsisProps } from "./AnimatedEllipsis.svelte";
+export { default as AnimatedEllipsis, type Props as AnimatedEllipsisProps, } from "./AnimatedEllipsis.svelte";

package/dist/components/AnimatedElipsis/index.js

@@ -1 +1 @@
-export { default as AnimatedEllipsis } from "./AnimatedEllipsis.svelte";
+export { default as AnimatedEllipsis, } from "./AnimatedEllipsis.svelte";

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

@@ -1 +1 @@
-export { default as Button, type Props as ButtonProps } from './Button.svelte';
+export { default as Button, type Props as ButtonProps } from "./Button.svelte";

package/dist/components/Button/index.js

@@ -1 +1 @@
-export { default as Button } from './Button.svelte';
+export { default as Button } from "./Button.svelte";

package/dist/components/ButtonGroupRadio/ButtonGroupRadio.svelte

@@ -30,7 +30,10 @@
 
 <script lang="ts">
 	import { ItemCollection } from "@marianmeres/item-collection";
-	type ItemCollectionItem = { id: string; option: import("../Input/types.js").FieldRadiosOption };
+	type ItemCollectionItem = {
+		id: string;
+		option: import("../Input/types.js").FieldRadiosOption;
+	};
 	import { twMerge } from "../../utils/tw-merge.js";
 	import Button from "../Button/Button.svelte";
 	//