@marianmeres/stuic 1.114.0 → 1.116.0

package/dist/actions/drag-drop.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { Writable } from 'svelte/store';
 export type EffectAllowed = 'copy' | 'none' | 'copyLink' | 'copyMove' | 'link' | 'linkMove' | 'move' | 'all' | 'uninitialized';
 export type DropEffect = 'copy' | 'none' | 'link' | 'move';

package/dist/actions/tooltip/tooltip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { type Readable, type Writable } from 'svelte/store';
 import type { Alignment } from '../../utils/calculate-alignment.js';
 export declare class TooltipConfig {

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

@@ -79,13 +79,13 @@ declare const __propDef: {
             posXMobile: NOTIFICATIONS_POSX;
             posY: NOTIFICATIONS_POSY;
             posYMobile: NOTIFICATIONS_POSY;
-        }> | undefined;
+        }>;
         acp: ReturnType<typeof createAlertConfirmPromptStore>;
         forceAsHtml?: boolean | undefined;
-        defaultIcons?: Partial<AlertConfirmPromptIcons> | undefined;
-        classes?: Partial<AlertConfirmPromptKnownClasses> | undefined;
-        classesByVariant?: Partial<Record<AlertConfirmPromptVariant, Partial<AlertConfirmPromptKnownClasses>>> | undefined;
-        backdropFadeIn?: boolean | undefined;
+        defaultIcons?: Partial<AlertConfirmPromptIcons>;
+        classes?: Partial<AlertConfirmPromptKnownClasses>;
+        classesByVariant?: Partial<Record<AlertConfirmPromptVariant, Partial<AlertConfirmPromptKnownClasses>>>;
+        backdropFadeIn?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -2,20 +2,20 @@ import { SvelteComponent } from "svelte";
 export declare const appShellSetHtmlBodyHeight: () => (() => any);
 declare const __propDef: {
     props: {
-        class?: string | undefined;
-        railClass?: string | undefined;
-        headerClass?: string | undefined;
-        contentClass?: string | undefined;
-        sidebarLeftClass?: string | undefined;
-        pageClass?: string | undefined;
-        pageHeaderClass?: string | undefined;
-        pageMainClass?: string | undefined;
-        pageFooterClass?: string | undefined;
-        sidebarRightClass?: string | undefined;
-        footerClass?: string | undefined;
-        scrollbarGutter?: string | undefined;
-        id?: string | undefined;
-        pageFlexGrow?: 0 | 1 | 2 | 3 | 4 | 5 | undefined;
+        class?: string;
+        railClass?: string;
+        headerClass?: string;
+        contentClass?: string;
+        sidebarLeftClass?: string;
+        pageClass?: string;
+        pageHeaderClass?: string;
+        pageMainClass?: string;
+        pageFooterClass?: string;
+        sidebarRightClass?: string;
+        footerClass?: string;
+        scrollbarGutter?: string;
+        id?: string;
+        pageFlexGrow?: 0 | 1 | 2 | 3 | 4 | 5;
     };
     events: {
         scroll: Event;

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

@@ -7,12 +7,12 @@ export declare class BackdropConfig {
 import { type FocusTrapOptions } from '../../actions/focus-trap.js';
 declare const __propDef: {
     props: {
-        useFocusTrap?: boolean | undefined;
-        focusTrapOptions?: Partial<FocusTrapOptions> | undefined;
-        class?: string | undefined;
-        fadeInDuration?: number | undefined;
-        fadeOutDuration?: number | undefined;
-        transitionEnabled?: boolean | undefined;
+        useFocusTrap?: boolean;
+        focusTrapOptions?: Partial<FocusTrapOptions>;
+        class?: string;
+        fadeInDuration?: number;
+        fadeOutDuration?: number;
+        transitionEnabled?: boolean;
     };
     events: {
         click: MouseEvent;

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

@@ -43,14 +43,14 @@ declare const __propDef: {
         [x: string]: any;
         class?: string | undefined;
         href?: string | undefined;
-        type?: HTMLButtonAttributes['type'];
+        type?: HTMLButtonAttributes["type"];
         shadow?: boolean | undefined;
-        rounded?: boolean | "full" | undefined;
+        rounded?: (boolean | "full") | undefined;
         variant?: string | undefined;
         square?: boolean | undefined;
         disabled?: boolean | undefined;
         value?: string | undefined;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        size?: ("xs" | "sm" | "md" | "lg" | "xl") | undefined;
     };
     events: {
         focus: FocusEvent;

package/dist/components/DismissibleMessage/DismissibleMessage.svelte

@@ -58,6 +58,9 @@ export let message;
 export let onDismiss = () => message = "";
 export let theme = "primary";
 export let forceAsHtml = false;
+$:
+  if (message instanceof Error)
+    message = message.toString();
 let show = false;
 $:
   if (isTHCNotEmpty(message)) {

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

@@ -12,16 +12,16 @@ export declare class DismissibleMessageConfig {
 declare const __propDef: {
     props: {
         class?: {
-            box?: string | undefined;
-            content?: string | undefined;
-            dismiss?: string | undefined;
-            x?: string | undefined;
-        } | undefined;
-        duration?: number | undefined;
-        message: THC;
-        onDismiss?: false | (() => void) | null | undefined;
-        theme?: "primary" | TW_COLORS | "secondary" | undefined;
-        forceAsHtml?: boolean | undefined;
+            box?: string;
+            content?: string;
+            dismiss?: string;
+            x?: string;
+        };
+        duration?: number;
+        message: THC | Error;
+        onDismiss?: (() => void) | null | false;
+        theme?: "primary" | "secondary" | TW_COLORS;
+        forceAsHtml?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -4,16 +4,16 @@ export type DrawerStore = ReturnType<typeof createDrawerStore>;
 export declare const createDrawerStore: (open?: boolean) => import("@marianmeres/switch-store").SwitchStore<any>;
 declare const __propDef: {
     props: {
-        drawer: import("@marianmeres/switch-store").SwitchStore<any>;
-        position?: "left" | "right" | "top" | "bottom" | undefined;
-        class?: string | undefined;
-        backdropClass?: string | undefined;
-        labelledby?: string | undefined;
-        describedby?: string | undefined;
-        transitionDuration?: number | undefined;
-        transitionEnabled?: boolean | undefined;
-        animOffset?: string | number | undefined;
-        backdropFocusTrapOptions?: Partial<FocusTrapOptions> | undefined;
+        drawer: DrawerStore;
+        position?: "left" | "top" | "right" | "bottom";
+        class?: string;
+        backdropClass?: string;
+        labelledby?: string;
+        describedby?: string;
+        transitionDuration?: number;
+        transitionEnabled?: boolean;
+        animOffset?: string | number;
+        backdropFocusTrapOptions?: Partial<FocusTrapOptions>;
     };
     events: {
         escape: CustomEvent<any>;

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

@@ -2,12 +2,12 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         enabled?: boolean | undefined;
-        shadowOpacity?: number | undefined;
-        duration?: number | undefined;
-        targetWidth?: number | undefined;
-        delayIn?: number | undefined;
-        delayOut?: number | undefined;
-        class?: string | undefined;
+        shadowOpacity?: number;
+        duration?: number;
+        targetWidth?: number;
+        delayIn?: number;
+        delayOut?: number;
+        class?: string;
     };
     events: {
         click: MouseEvent;

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

@@ -30,7 +30,7 @@ declare const __propDef: {
         [x: string]: any;
         class?: FieldConfigClasses | undefined;
         classBySize?: FieldConfigClassesBySize | undefined;
-        size?: "sm" | "md" | "lg" | undefined;
+        size?: ("sm" | "md" | "lg") | undefined;
         id?: string | undefined;
         value: string;
         label?: THC | undefined;
@@ -53,7 +53,7 @@ declare const __propDef: {
         useTrim?: boolean | undefined;
         textareaAutoEnlarge?: boolean | undefined;
         labelLeft?: boolean | undefined;
-        labelLeftWidth?: "normal" | "wide" | undefined;
+        labelLeftWidth?: ("normal" | "wide") | undefined;
         validate?: ValidateOptions | true | undefined;
         showAsterixOnRequired?: boolean | undefined;
     };

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

@@ -20,15 +20,15 @@ export declare class FieldCheckboxConfig {
 }
 declare const __propDef: {
     props: {
-        class?: FieldCheckboxConfigClasses | undefined;
-        classBySize?: FieldCheckboxConfigClassesBySize | undefined;
-        size?: "sm" | "md" | "lg" | undefined;
-        id?: string | undefined;
-        checked?: boolean | undefined;
-        label?: THC | undefined;
-        name?: string | undefined;
-        description?: THC | undefined;
-        tabindex?: number | undefined;
+        class?: FieldCheckboxConfigClasses;
+        classBySize?: FieldCheckboxConfigClassesBySize;
+        size?: "sm" | "md" | "lg";
+        id?: string;
+        checked?: boolean;
+        label?: THC;
+        name?: string;
+        description?: THC;
+        tabindex?: number;
         disabled?: boolean | undefined;
         readonly?: boolean | undefined;
         required?: boolean | undefined;

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

@@ -21,17 +21,17 @@ declare const __propDef: {
     props: {
         options?: (string | {
             label: string;
-            value?: string | undefined;
-            description?: string | undefined;
-        })[] | undefined;
-        class?: FieldRadiosConfigClasses | undefined;
-        classBySize?: FieldRadiosConfigClassesBySize | undefined;
-        size?: "sm" | "md" | "lg" | undefined;
-        name?: string | undefined;
+            value?: string;
+            description?: string;
+        })[];
+        class?: FieldRadiosConfigClasses;
+        classBySize?: FieldRadiosConfigClassesBySize;
+        size?: "sm" | "md" | "lg";
+        name?: string;
         value: any;
-        disabled?: boolean | undefined;
-        required?: boolean | undefined;
-        tabindex?: number | undefined;
+        disabled?: boolean;
+        required?: boolean;
+        tabindex?: number;
     };
     events: {
         blur: FocusEvent;

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

@@ -29,25 +29,25 @@ declare const __propDef: {
     props: {
         options?: (string | {
             label: string;
-            value?: string | undefined;
-            optgroup?: string | undefined;
-        })[] | undefined;
-        class?: FieldSelectConfigClasses | undefined;
-        classBySize?: FieldSelectConfigClassesBySize | undefined;
-        size?: "sm" | "md" | "lg" | undefined;
-        id?: string | undefined;
+            value?: string;
+            optgroup?: string;
+        })[];
+        class?: FieldSelectConfigClasses;
+        classBySize?: FieldSelectConfigClassesBySize;
+        size?: "sm" | "md" | "lg";
+        id?: string;
         value: any;
-        label?: THC | undefined;
-        name?: string | undefined;
-        tabindex?: number | undefined;
-        description?: THC | undefined;
-        disabled?: boolean | undefined;
-        required?: boolean | undefined;
+        label?: THC;
+        name?: string;
+        tabindex?: number;
+        description?: THC;
+        disabled?: boolean;
+        required?: boolean;
         autofocus?: true | undefined;
         validate?: ValidateOptions | true | undefined;
-        showAsterixOnRequired?: boolean | undefined;
-        labelLeft?: boolean | undefined;
-        labelLeftWidth?: "normal" | "wide" | undefined;
+        showAsterixOnRequired?: boolean;
+        labelLeft?: boolean;
+        labelLeftWidth?: "normal" | "wide";
     };
     events: {
         blur: FocusEvent;

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

@@ -8,8 +8,8 @@ export declare class FieldsetConfig {
 }
 declare const __propDef: {
     props: {
-        class?: FieldsetConfigClasses | undefined;
-        legend?: string | undefined;
+        class?: FieldsetConfigClasses;
+        legend?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/Input/PinInput.svelte

@@ -86,7 +86,11 @@ const gridCols = [
 			{id}
 			type="text"
 			spellcheck="false"
-			class={twMerge('caret-black', inputClass, `font-mono text-transparent`)}
+			class={twMerge(
+				'caret-black',
+				inputClass,
+				`font-mono text-transparent black:text-transparent`
+			)}
 			class:cursor-not-allowed={disabled}
 			style="
                 padding-left: {100 / length / 2}%; 

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

@@ -3,17 +3,17 @@ import type { ValidateOptions } from '../../actions/validate.js';
 import { type FieldRadiosConfigClasses, type FieldRadiosConfigClassesBySize } from './FieldRadios.svelte';
 declare const __propDef: {
     props: {
-        class?: FieldRadiosConfigClasses | undefined;
-        classBySize?: FieldRadiosConfigClassesBySize | undefined;
-        size?: "sm" | "md" | "lg" | undefined;
+        class?: FieldRadiosConfigClasses;
+        classBySize?: FieldRadiosConfigClassesBySize;
+        size?: "sm" | "md" | "lg";
         value: any;
         group: any;
         label: string;
         name: string;
-        description?: string | undefined;
-        tabindex?: number | undefined;
-        disabled?: boolean | undefined;
-        required?: boolean | undefined;
+        description?: string;
+        tabindex?: number;
+        disabled?: boolean;
+        required?: boolean;
         validate?: ValidateOptions | true | undefined;
     };
     events: {

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

@@ -7,16 +7,16 @@ export interface ModalDialogAPI {
 }
 declare const __propDef: {
     props: {
-        openOnMount?: boolean | undefined;
-        closeOnOutsideClick?: boolean | undefined;
-        closeOnEscape?: boolean | undefined;
-        class?: string | undefined;
-        style?: string | undefined;
-        backdropFadeIn?: false | "normal" | "slow" | undefined;
-        toggle?: (() => void) | undefined;
-        open?: (() => void) | undefined;
-        close?: (() => void) | undefined;
-        isOpen?: Writable<boolean> | undefined;
+        openOnMount?: boolean;
+        closeOnOutsideClick?: boolean;
+        closeOnEscape?: boolean;
+        class?: string;
+        style?: string;
+        backdropFadeIn?: false | "normal" | "slow";
+        toggle?: () => void;
+        open?: () => void;
+        close?: () => void;
+        isOpen?: Writable<boolean>;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -24,20 +24,20 @@ declare const __propDef: {
     props: {
         notifications: ReturnType<typeof createNotificationsStore>;
         forceAsHtml?: boolean | undefined;
-        defaultIcons?: Partial<Record<string, () => string>> | undefined;
-        classes?: Partial<NotificationKnownClasses> | undefined;
-        classesByType?: Partial<Record<string, Partial<NotificationKnownClasses>>> | undefined;
-        ariaCloseLabel?: string | undefined;
-        posX?: "center" | "left" | "right" | undefined;
-        posXMobile?: "center" | "left" | "right" | undefined;
-        posY?: "center" | "top" | "bottom" | undefined;
-        posYMobile?: "center" | "top" | "bottom" | undefined;
-        getPositionConfig?: (() => {
+        defaultIcons?: Partial<Record<NotificationType, () => string>>;
+        classes?: Partial<NotificationKnownClasses>;
+        classesByType?: Partial<Record<NotificationType, Partial<NotificationKnownClasses>>>;
+        ariaCloseLabel?: string;
+        posX?: NOTIFICATIONS_POSX;
+        posXMobile?: NOTIFICATIONS_POSX;
+        posY?: NOTIFICATIONS_POSY;
+        posYMobile?: NOTIFICATIONS_POSY;
+        getPositionConfig?: () => {
             posX: "center" | "left" | "right";
             posY: "center" | "top" | "bottom";
             posXMobile: "center" | "left" | "right";
             posYMobile: "center" | "top" | "bottom";
-        }) | undefined;
+        };
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 import { type TooltipOptions } from '../../actions/tooltip/tooltip.js';
 declare const __propDef: {
     props: {
-        options?: Partial<TooltipOptions> | undefined;
+        options?: Partial<TooltipOptions>;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -26,17 +26,17 @@ export declare class SwitchConfig {
 }
 declare const __propDef: {
     props: {
-        class?: string | undefined;
-        classDot?: string | undefined;
-        label?: string | undefined;
-        checked?: boolean | undefined;
-        disabled?: boolean | undefined;
-        tabindex?: number | undefined;
+        class?: string;
+        classDot?: string;
+        label?: string;
+        checked?: boolean;
+        disabled?: boolean;
+        tabindex?: number;
         variant?: string | undefined;
-        stopPropagation?: boolean | undefined;
-        preventDefault?: boolean | undefined;
-        preHook?: SwitchPreHook | undefined;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        stopPropagation?: boolean;
+        preventDefault?: boolean;
+        preHook?: SwitchPreHook;
+        size?: "xs" | "sm" | "md" | "lg" | "xl";
     };
     events: {
         click: MouseEvent;

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

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        class?: string | undefined;
-        strokeWidth?: 1 | 2 | 3 | 4 | 1.5 | 2.5 | 3.5 | undefined;
+        class?: string;
+        strokeWidth?: 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/utils/prefers-reduced-motion.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 /**
  * Indicates that the user has enabled reduced motion on their device.
  *

package/dist/utils/window-size.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 export declare const windowSize: {
     touch: () => void;
     subscribe(this: void, run: import("svelte/store").Subscriber<{

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@marianmeres/stuic",
-	"version": "1.114.0",
+	"version": "1.116.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package && node ./scripts/date.js",