@marianmeres/stuic 1.112.0 → 1.114.0

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { NOTIFICATIONS_POSX, NOTIFICATIONS_POSY } from '../Notifications/Notifications.svelte';
 import type { createNotificationsStore } from '../Notifications/notifications.js';
 import { createAlertConfirmPromptStore, type AlertConfirmPromptKnownClasses, type AlertConfirmPromptVariant } from './alert-confirm-prompt.js';
@@ -91,10 +91,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AlertConfirmPromptProps = typeof __propDef.props;
 export type AlertConfirmPromptEvents = typeof __propDef.events;
 export type AlertConfirmPromptSlots = typeof __propDef.slots;
-export default class AlertConfirmPrompt extends SvelteComponentTyped<AlertConfirmPromptProps, AlertConfirmPromptEvents, AlertConfirmPromptSlots> {
+export default class AlertConfirmPrompt extends SvelteComponent<AlertConfirmPromptProps, AlertConfirmPromptEvents, AlertConfirmPromptSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 export declare const appShellSetHtmlBodyHeight: () => (() => any);
 declare const __propDef: {
     props: {
@@ -33,10 +33,12 @@ declare const __propDef: {
         sidebarRight: {};
         footer: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AppShellProps = typeof __propDef.props;
 export type AppShellEvents = typeof __propDef.events;
 export type AppShellSlots = typeof __propDef.slots;
-export default class AppShell extends SvelteComponentTyped<AppShellProps, AppShellEvents, AppShellSlots> {
+export default class AppShell extends SvelteComponent<AppShellProps, AppShellEvents, AppShellSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 export declare class BackdropConfig {
     static class: string;
     static fadeInDuration: number;
@@ -28,10 +28,12 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BackdropProps = typeof __propDef.props;
 export type BackdropEvents = typeof __propDef.events;
 export type BackdropSlots = typeof __propDef.slots;
-export default class Backdrop extends SvelteComponentTyped<BackdropProps, BackdropEvents, BackdropSlots> {
+export default class Backdrop extends SvelteComponent<BackdropProps, BackdropEvents, BackdropSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { HTMLButtonAttributes } from 'svelte/elements';
 export declare class ButtonConfig {
     static defaultSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -71,10 +71,12 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type ButtonProps = typeof __propDef.props;
 export type ButtonEvents = typeof __propDef.events;
 export type ButtonSlots = typeof __propDef.slots;
-export default class Button extends SvelteComponentTyped<ButtonProps, ButtonEvents, ButtonSlots> {
+export default class Button extends SvelteComponent<ButtonProps, ButtonEvents, ButtonSlots> {
 }
 export {};

package/dist/components/ColorScheme/LocalColorScheme.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  LocalColorSchemeProps */
 /** @typedef {typeof __propDef.events}  LocalColorSchemeEvents */
 /** @typedef {typeof __propDef.slots}  LocalColorSchemeSlots */
-export default class LocalColorScheme extends SvelteComponentTyped<{
+export default class LocalColorScheme extends SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -10,7 +10,7 @@ export default class LocalColorScheme extends SvelteComponentTyped<{
 export type LocalColorSchemeProps = typeof __propDef.props;
 export type LocalColorSchemeEvents = typeof __propDef.events;
 export type LocalColorSchemeSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: never;
@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/ColorScheme/SystemAwareColorScheme.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  SystemAwareColorSchemeProps */
 /** @typedef {typeof __propDef.events}  SystemAwareColorSchemeEvents */
 /** @typedef {typeof __propDef.slots}  SystemAwareColorSchemeSlots */
-export default class SystemAwareColorScheme extends SvelteComponentTyped<{
+export default class SystemAwareColorScheme extends SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -10,7 +10,7 @@ export default class SystemAwareColorScheme extends SvelteComponentTyped<{
 export type SystemAwareColorSchemeProps = typeof __propDef.props;
 export type SystemAwareColorSchemeEvents = typeof __propDef.events;
 export type SystemAwareColorSchemeSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: never;
@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { TW_COLORS } from '../../utils/tw-types.js';
 import { type THC } from '../Thc/Thc.svelte';
 export declare class DismissibleMessageConfig {
@@ -27,10 +27,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DismissibleMessageProps = typeof __propDef.props;
 export type DismissibleMessageEvents = typeof __propDef.events;
 export type DismissibleMessageSlots = typeof __propDef.slots;
-export default class DismissibleMessage extends SvelteComponentTyped<DismissibleMessageProps, DismissibleMessageEvents, DismissibleMessageSlots> {
+export default class DismissibleMessage extends SvelteComponent<DismissibleMessageProps, DismissibleMessageEvents, DismissibleMessageSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { FocusTrapOptions } from '../../actions/focus-trap.js';
 export type DrawerStore = ReturnType<typeof createDrawerStore>;
 export declare const createDrawerStore: (open?: boolean) => import("@marianmeres/switch-store").SwitchStore<any>;
@@ -25,10 +25,12 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DrawerProps = typeof __propDef.props;
 export type DrawerEvents = typeof __propDef.events;
 export type DrawerSlots = typeof __propDef.slots;
-export default class Drawer extends SvelteComponentTyped<DrawerProps, DrawerEvents, DrawerSlots> {
+export default class Drawer extends SvelteComponent<DrawerProps, DrawerEvents, DrawerSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         enabled?: boolean | undefined;
@@ -23,10 +23,12 @@ declare const __propDef: {
             inTransition: boolean;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type HoverExpandableWidthProps = typeof __propDef.props;
 export type HoverExpandableWidthEvents = typeof __propDef.events;
 export type HoverExpandableWidthSlots = typeof __propDef.slots;
-export default class HoverExpandableWidth extends SvelteComponentTyped<HoverExpandableWidthProps, HoverExpandableWidthEvents, HoverExpandableWidthSlots> {
+export default class HoverExpandableWidth extends SvelteComponent<HoverExpandableWidthProps, HoverExpandableWidthEvents, HoverExpandableWidthSlots> {
 }
 export {};

package/dist/components/Input/Field.svelte

@@ -74,7 +74,8 @@ export class FieldConfig {
 }
 </script>
 
-<script>const clog = createClog("Field");
+<script>import PinInput from "./PinInput.svelte";
+const clog = createClog("Field");
 const dispatch = createEventDispatcher();
 const setType = (el, t) => el.type = t;
 let _class = {};
@@ -217,6 +218,37 @@ $:
 						on:mouseenter
 						on:mouseleave
 						{...$$restProps}
+					></textarea>
+				{:else if type === 'pin'}
+					<PinInput
+						bind:value
+						inputClass={_inputClass}
+						on:input_mounted
+						{id}
+						{name}
+						{disabled}
+						{readonly}
+						{required}
+						{autofocus}
+						{tabindex}
+						{placeholder}
+						{pattern}
+						{setValidationResult}
+						bind:validate
+						on:blur
+						on:change
+						on:click
+						on:focus
+						on:input
+						on:keydown
+						on:keyup
+						on:touchstart
+						on:touchend
+						on:touchmove
+						on:touchcancel
+						on:mouseenter
+						on:mouseleave
+						{...$$restProps}
 					/>
 				{:else}
 					<input

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { ValidateOptions } from '../../actions/validate.js';
 import type { THC } from '../Thc/Thc.svelte';
 export interface FieldConfigClasses {
@@ -71,6 +71,7 @@ declare const __propDef: {
         touchcancel: TouchEvent;
         mouseenter: MouseEvent;
         mouseleave: MouseEvent;
+        input_mounted: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;
     };
@@ -90,10 +91,12 @@ declare const __propDef: {
             id: string;
         };
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type FieldProps = typeof __propDef.props;
 export type FieldEvents = typeof __propDef.events;
 export type FieldSlots = typeof __propDef.slots;
-export default class Field extends SvelteComponentTyped<FieldProps, FieldEvents, FieldSlots> {
+export default class Field extends SvelteComponent<FieldProps, FieldEvents, FieldSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { ValidateOptions } from '../../actions/validate.js';
 import type { THC } from '../Thc/Thc.svelte';
 export interface FieldCheckboxConfigClasses {
@@ -54,10 +54,12 @@ declare const __propDef: {
     slots: {
         description: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FieldCheckboxProps = typeof __propDef.props;
 export type FieldCheckboxEvents = typeof __propDef.events;
 export type FieldCheckboxSlots = typeof __propDef.slots;
-export default class FieldCheckbox extends SvelteComponentTyped<FieldCheckboxProps, FieldCheckboxEvents, FieldCheckboxSlots> {
+export default class FieldCheckbox extends SvelteComponent<FieldCheckboxProps, FieldCheckboxEvents, FieldCheckboxSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 export interface FieldRadiosConfigClasses {
     group?: string;
     box?: string;
@@ -51,10 +51,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FieldRadiosProps = typeof __propDef.props;
 export type FieldRadiosEvents = typeof __propDef.events;
 export type FieldRadiosSlots = typeof __propDef.slots;
-export default class FieldRadios extends SvelteComponentTyped<FieldRadiosProps, FieldRadiosEvents, FieldRadiosSlots> {
+export default class FieldRadios extends SvelteComponent<FieldRadiosProps, FieldRadiosEvents, FieldRadiosSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { ValidateOptions } from '../../actions/validate.js';
 import type { THC } from '../Thc/Thc.svelte';
 export interface FieldSelectConfigClasses {
@@ -78,10 +78,12 @@ declare const __propDef: {
             id: string;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FieldSelectProps = typeof __propDef.props;
 export type FieldSelectEvents = typeof __propDef.events;
 export type FieldSelectSlots = typeof __propDef.slots;
-export default class FieldSelect extends SvelteComponentTyped<FieldSelectProps, FieldSelectEvents, FieldSelectSlots> {
+export default class FieldSelect extends SvelteComponent<FieldSelectProps, FieldSelectEvents, FieldSelectSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 export interface FieldsetConfigClasses {
     box?: string;
     legend?: string;
@@ -17,10 +17,12 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FieldsetProps = typeof __propDef.props;
 export type FieldsetEvents = typeof __propDef.events;
 export type FieldsetSlots = typeof __propDef.slots;
-export default class Fieldset extends SvelteComponentTyped<FieldsetProps, FieldsetEvents, FieldsetSlots> {
+export default class Fieldset extends SvelteComponent<FieldsetProps, FieldsetEvents, FieldsetSlots> {
 }
 export {};

package/dist/components/Input/PinInput.svelte

@@ -0,0 +1,147 @@
+<script>import { createClog } from "@marianmeres/clog";
+import { iconBsEye } from "@marianmeres/icons-fns/bootstrap/iconBsEye.js";
+import { iconBsEyeSlash } from "@marianmeres/icons-fns/bootstrap/iconBsEyeSlash.js";
+import { createEventDispatcher } from "svelte";
+import { twMerge } from "tailwind-merge";
+import { trim } from "../../actions/trim.js";
+import { validate as validateAction } from "../../actions/validate.js";
+import { getId } from "../../utils/get-id.js";
+import { iconBsX } from "@marianmeres/icons-fns/bootstrap/iconBsX.js";
+const dispatch = createEventDispatcher();
+const clog = createClog("PinInput");
+export let tabindex = 0;
+export let id = getId();
+export let name;
+export let value;
+export let inputClass;
+export let placeholder;
+export let length = 4;
+export let pattern = void 0;
+export let autofocus = void 0;
+export let disabled = false;
+export let readonly = false;
+export let required = false;
+export let validate = void 0;
+export let setValidationResult;
+export let masked = false;
+let _unmasked = false;
+export let showX = false;
+export let pinCellClass = "";
+let _inputEl;
+$:
+  if (_inputEl)
+    dispatch("input_mounted", _inputEl);
+$:
+  if (length < 2)
+    length = 2;
+$:
+  if (length > 12)
+    length = 12;
+$:
+  if (value.length > length)
+    value = value.slice(0, length);
+$:
+  _chars = value.split("").slice(0, length).map((c) => {
+    return masked && !_unmasked ? "*" : c;
+  });
+$:
+  _cells = new Array(length);
+let w = 0;
+const gridCols = [
+  "grid-cols-2",
+  "grid-cols-3",
+  "grid-cols-4",
+  "grid-cols-5",
+  "grid-cols-6",
+  "grid-cols-7",
+  "grid-cols-8",
+  "grid-cols-9",
+  "grid-cols-10",
+  "grid-cols-11",
+  "grid-cols-12"
+];
+</script>
+
+<div class="relative w-full">
+	<div class="absolute inset-0 grid {gridCols[length - 2]} pointer-events-none p-1 gap-1">
+		{#each _cells as c, idx (idx)}
+			<div
+				class={twMerge(
+					'flex items-center justify-center rounded bg-black/10 font-mono',
+					pinCellClass
+				)}
+			>
+				{#if _chars[idx]}
+					<span class="">{_chars[idx] || ''}</span>
+				{:else if !_chars.length}
+					<span class="opacity-25">{placeholder?.[idx] || ''}</span>
+				{/if}
+			</div>
+		{/each}
+	</div>
+	<div class="aboslute inset-0" bind:clientWidth={w}>
+		<input
+			bind:value
+			bind:this={_inputEl}
+			{id}
+			type="text"
+			spellcheck="false"
+			class={twMerge('caret-black', inputClass, `font-mono text-transparent`)}
+			class:cursor-not-allowed={disabled}
+			style="
+                padding-left: {100 / length / 2}%; 
+                padding-right: {100 / length / 2}%; 
+                letter-spacing: calc({w / length}px - 1ch);
+            "
+			{name}
+			minlength={length}
+			maxlength={length}
+			{disabled}
+			{readonly}
+			{required}
+			{autofocus}
+			{tabindex}
+			{pattern}
+			use:trim
+			use:validateAction={validate
+				? { ...(validate === true ? {} : validate), setValidationResult }
+				: undefined}
+			on:blur
+			on:change
+			on:click
+			on:focus
+			on:input
+			on:keydown
+			on:keyup
+			on:touchstart|passive
+			on:touchend|passive
+			on:touchmove|passive
+			on:touchcancel
+			on:mouseenter
+			on:mouseleave
+			{...$$restProps}
+		/>
+	</div>
+</div>
+{#if showX || masked}
+	<div class="flex items-center justify-center mr-1">
+		{#if showX}
+			<button type="button" class="p-2" on:click={() => (value = '')}>
+				{@html iconBsX()}
+			</button>
+		{/if}
+		{#if masked}
+			<button
+				type="button"
+				class="p-2 focus:outline-0"
+				on:click={() => (_unmasked = !_unmasked)}
+			>
+				{#if _unmasked}
+					{@html iconBsEye()}
+				{:else}
+					{@html iconBsEyeSlash()}
+				{/if}
+			</button>
+		{/if}
+	</div>
+{/if}

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

@@ -0,0 +1,51 @@
+import { SvelteComponent } from "svelte";
+import type { ValidateOptions } from '../../actions/validate.js';
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        tabindex?: number | undefined;
+        id?: string | undefined;
+        name: string;
+        value: string;
+        inputClass: string;
+        placeholder: string | undefined;
+        length?: number | undefined;
+        pattern?: string | undefined;
+        autofocus?: true | undefined;
+        disabled?: boolean | undefined;
+        readonly?: boolean | undefined;
+        required?: boolean | undefined;
+        validate?: ValidateOptions | true | undefined;
+        setValidationResult: any;
+        masked?: boolean | undefined;
+        showX?: boolean | undefined;
+        pinCellClass?: string | undefined;
+    };
+    events: {
+        blur: FocusEvent;
+        change: Event;
+        click: MouseEvent;
+        focus: FocusEvent;
+        input: Event;
+        keydown: KeyboardEvent;
+        keyup: KeyboardEvent;
+        touchstart: TouchEvent;
+        touchend: TouchEvent;
+        touchmove: TouchEvent;
+        touchcancel: TouchEvent;
+        mouseenter: MouseEvent;
+        mouseleave: MouseEvent;
+        input_mounted: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: undefined;
+    bindings?: undefined;
+};
+export type PinInputProps = typeof __propDef.props;
+export type PinInputEvents = typeof __propDef.events;
+export type PinInputSlots = typeof __propDef.slots;
+export default class PinInput extends SvelteComponent<PinInputProps, PinInputEvents, PinInputSlots> {
+}
+export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { ValidateOptions } from '../../actions/validate.js';
 import { type FieldRadiosConfigClasses, type FieldRadiosConfigClassesBySize } from './FieldRadios.svelte';
 declare const __propDef: {
@@ -34,10 +34,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type XFieldRadioInternalProps = typeof __propDef.props;
 export type XFieldRadioInternalEvents = typeof __propDef.events;
 export type XFieldRadioInternalSlots = typeof __propDef.slots;
-export default class XFieldRadioInternal extends SvelteComponentTyped<XFieldRadioInternalProps, XFieldRadioInternalEvents, XFieldRadioInternalSlots> {
+export default class XFieldRadioInternal extends SvelteComponent<XFieldRadioInternalProps, XFieldRadioInternalEvents, XFieldRadioInternalSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { type Writable } from 'svelte/store';
 export interface ModalDialogAPI {
     open: () => void;
@@ -24,11 +24,13 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ModalDialogProps = typeof __propDef.props;
 export type ModalDialogEvents = typeof __propDef.events;
 export type ModalDialogSlots = typeof __propDef.slots;
-export default class ModalDialog extends SvelteComponentTyped<ModalDialogProps, ModalDialogEvents, ModalDialogSlots> {
+export default class ModalDialog extends SvelteComponent<ModalDialogProps, ModalDialogEvents, ModalDialogSlots> {
     get toggle(): () => void;
     get open(): () => void;
     get close(): () => void;

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { NotificationKnownClasses, NotificationType, createNotificationsStore } from './notifications.js';
 declare const X_POSITIONS: readonly ["left", "center", "right"];
 declare const Y_POSITIONS: readonly ["top", "center", "bottom"];
@@ -43,11 +43,13 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type NotificationsProps = typeof __propDef.props;
 export type NotificationsEvents = typeof __propDef.events;
 export type NotificationsSlots = typeof __propDef.slots;
-export default class Notifications extends SvelteComponentTyped<NotificationsProps, NotificationsEvents, NotificationsSlots> {
+export default class Notifications extends SvelteComponent<NotificationsProps, NotificationsEvents, NotificationsSlots> {
     get getPositionConfig(): () => {
         posX: "center" | "left" | "right";
         posY: "center" | "top" | "bottom";

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { type TooltipOptions } from '../../actions/tooltip/tooltip.js';
 declare const __propDef: {
     props: {
@@ -11,10 +11,12 @@ declare const __propDef: {
         default: {};
         popover: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PopoverProps = typeof __propDef.props;
 export type PopoverEvents = typeof __propDef.events;
 export type PopoverSlots = typeof __propDef.slots;
-export default class Popover extends SvelteComponentTyped<PopoverProps, PopoverEvents, PopoverSlots> {
+export default class Popover extends SvelteComponent<PopoverProps, PopoverEvents, PopoverSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 export type SwitchPreHook = (previosValue: boolean) => Promise<void | boolean>;
 export declare class SwitchConfig {
     static defaultSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -56,10 +56,12 @@ declare const __propDef: {
         on: {};
         off: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SwitchProps = typeof __propDef.props;
 export type SwitchEvents = typeof __propDef.events;
 export type SwitchSlots = typeof __propDef.slots;
-export default class Switch extends SvelteComponentTyped<SwitchProps, SwitchEvents, SwitchSlots> {
+export default class Switch extends SvelteComponent<SwitchProps, SwitchEvents, SwitchSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 interface WithComponent {
     component: any;
     props?: Record<string, any>;
@@ -22,10 +22,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type ThcProps = typeof __propDef.props;
 export type ThcEvents = typeof __propDef.events;
 export type ThcSlots = typeof __propDef.slots;
-export default class Thc extends SvelteComponentTyped<ThcProps, ThcEvents, ThcSlots> {
+export default class Thc extends SvelteComponent<ThcProps, ThcEvents, ThcSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         class?: string | undefined;
@@ -8,10 +8,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type XProps = typeof __propDef.props;
 export type XEvents = typeof __propDef.events;
 export type XSlots = typeof __propDef.slots;
-export default class X extends SvelteComponentTyped<XProps, XEvents, XSlots> {
+export default class X extends SvelteComponent<XProps, XEvents, XSlots> {
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@marianmeres/stuic",
-	"version": "1.112.0",
+	"version": "1.114.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package && node ./scripts/date.js",
@@ -29,7 +29,7 @@
 		"!dist/**/*.spec.*"
 	],
 	"peerDependencies": {
-		"svelte": "^4.0.0 || <6.0.0"
+		"svelte": "^4.0.0 || ^5.0.0-next.1"
 	},
 	"devDependencies": {
 		"@marianmeres/parse-boolean": "^1.1.7",