@marianmeres/stuic 1.40.0 → 1.42.0

package/dist/components/AlertConfirmPrompt/AlertConfirmPrompt.svelte

@@ -1,16 +1,16 @@
-<script context="module">import { onMount } from "svelte";
+<script context="module">import { createClog } from "@marianmeres/clog";
+import { onMount } from "svelte";
+import { twMerge } from "tailwind-merge";
 import {
   AlertConfirmPromptType,
   Button,
+  Field,
   FieldSelect,
+  Thc,
   createAlertConfirmPromptStore,
-  focusTrap,
-  Field,
-  Thc
+  focusTrap
 } from "../../index.js";
-import { twMerge } from "tailwind-merge";
 import { acpDefaultIcons } from "./acp-icons.js";
-import { createClog } from "@marianmeres/clog";
 export class AlertConfirmPromptConfig {
   // sane defaults which perhaps should stay untouched
   static preset = {
@@ -69,85 +69,13 @@ export class AlertConfirmPromptConfig {
 				bg-white/75
 			`.trim()
   };
-  // main userland configuration
-  static class = {
-    dialog: "",
-    icon: "",
-    contentBlock: "",
-    title: "",
-    content: "",
-    inputBox: "",
-    inputField: "",
-    menu: "",
-    // menuLi: '',
-    button: "",
-    spinnerBox: ""
-  };
-  // 'info' | 'success' | 'warn' | 'error'
-  // userlang variant fine tuning
-  static variant = {
-    info: {
-      dialog: "",
-      icon: "",
-      contentBlock: "",
-      title: "",
-      content: "",
-      inputBox: "",
-      inputField: "",
-      menu: "",
-      // menuLi: '',
-      button: "",
-      spinnerBox: ""
-    },
-    success: {
-      dialog: "",
-      icon: "",
-      contentBlock: "",
-      title: "",
-      content: "",
-      inputBox: "",
-      inputField: "",
-      menu: "",
-      // menuLi: '',
-      button: "",
-      spinnerBox: ""
-    },
-    warn: {
-      dialog: "",
-      icon: "",
-      contentBlock: "",
-      title: "",
-      content: "",
-      inputBox: "",
-      inputField: "",
-      menu: "",
-      // menuLi: '',
-      button: "",
-      spinnerBox: ""
-    },
-    error: {
-      dialog: "",
-      icon: "",
-      contentBlock: "",
-      title: "",
-      content: "",
-      inputBox: "",
-      inputField: "",
-      menu: "",
-      // menuLi: '',
-      button: "",
-      spinnerBox: ""
-    }
-  };
-  static iconFn = {
-    info: void 0,
-    success: void 0,
-    warn: void 0,
-    error: void 0,
-    spinner: void 0
+  // prettier-ignore
+  static presetByVariant = {
+    info: { dialog: "", icon: "", contentBlock: "", title: "", content: "", inputBox: "", inputField: "", menu: "", button: "", spinnerBox: "" },
+    success: { dialog: "", icon: "", contentBlock: "", title: "", content: "", inputBox: "", inputField: "", menu: "", button: "", spinnerBox: "" },
+    warn: { dialog: "", icon: "", contentBlock: "", title: "", content: "", inputBox: "", inputField: "", menu: "", button: "", spinnerBox: "" },
+    error: { dialog: "", icon: "", contentBlock: "", title: "", content: "", inputBox: "", inputField: "", menu: "", button: "", spinnerBox: "" }
   };
-  // conveniently hoisted THC option, since all content is rendered via THC
-  static forceAsHtml = void 0;
 }
 const _isFn = (v) => typeof v === "function";
 </script>
@@ -155,15 +83,12 @@ const _isFn = (v) => typeof v === "function";
 <script>const { ALERT, CONFIRM, PROMPT } = AlertConfirmPromptType;
 const clog = createClog("AlertConfirmPrompt");
 export let acp;
+export let forceAsHtml = void 0;
+export let defaultIcons = acpDefaultIcons;
+export let classes = {};
+export let classesByVariant = {};
 $:
   dialog = $acp[0];
-let forceAsHtml = void 0;
-$:
-  if (dialog) {
-    forceAsHtml = dialog.forceAsHtml ?? AlertConfirmPromptConfig.forceAsHtml;
-  } else {
-    forceAsHtml = void 0;
-  }
 let _dialogEl;
 let _formEl;
 let value = null;
@@ -191,97 +116,43 @@ const onKeyDown = (e) => {
   }
 };
 onMount(() => {
-  _dialogEl.addEventListener("close", async (e) => {
-  });
   _dialogEl.addEventListener("cancel", (e) => {
     e.preventDefault();
   });
   document.addEventListener("keydown", onKeyDown, true);
   return () => document.removeEventListener("keydown", onKeyDown, true);
 });
+const _collectClasses = (k) => [
+  AlertConfirmPromptConfig?.preset?.[k] || "",
+  classes?.[k] || "",
+  AlertConfirmPromptConfig.presetByVariant?.[dialog?.variant]?.[k] || "",
+  classesByVariant?.[dialog?.variant]?.[k] || "",
+  dialog?.class?.[k] || ""
+];
 $:
-  _dialogClass = twMerge(
-    AlertConfirmPromptConfig.preset.dialog,
-    AlertConfirmPromptConfig.class.dialog,
-    dialog?.class?.dialog || "",
-    AlertConfirmPromptConfig.variant?.[dialog?.variant]?.dialog || ""
-  );
+  _dialogClass = twMerge(..._collectClasses("dialog"));
 $:
-  _iconClass = twMerge(
-    AlertConfirmPromptConfig.preset.icon,
-    AlertConfirmPromptConfig.class.icon,
-    dialog?.class?.icon || "",
-    AlertConfirmPromptConfig.variant?.[dialog?.variant]?.icon || ""
-  );
+  _iconClass = twMerge(..._collectClasses("icon"));
 $:
-  _contentBlockClass = twMerge(
-    AlertConfirmPromptConfig.preset.contentBlock,
-    AlertConfirmPromptConfig.class.contentBlock,
-    dialog?.class?.contentBlock || "",
-    AlertConfirmPromptConfig.variant?.[dialog?.variant]?.contentBlock || ""
-  );
+  _contentBlockClass = twMerge(..._collectClasses("contentBlock"));
 $:
-  _titleClass = twMerge(
-    AlertConfirmPromptConfig.preset.title,
-    AlertConfirmPromptConfig.class.title,
-    dialog?.class?.title || "",
-    AlertConfirmPromptConfig.variant?.[dialog?.variant]?.title || ""
-  );
+  _titleClass = twMerge(..._collectClasses("title"));
 $:
-  _contentClass = twMerge(
-    AlertConfirmPromptConfig.preset.content,
-    AlertConfirmPromptConfig.class.content,
-    dialog?.class?.content || "",
-    AlertConfirmPromptConfig.variant?.[dialog?.variant]?.content || ""
-  );
+  _contentClass = twMerge(..._collectClasses("content"));
 $:
-  _inputBoxClass = twMerge(
-    AlertConfirmPromptConfig.preset.inputBox,
-    AlertConfirmPromptConfig.class.inputBox,
-    dialog?.class?.inputBox || "",
-    AlertConfirmPromptConfig.variant?.[dialog?.variant]?.inputBox || ""
-  );
+  _inputBoxClass = twMerge(..._collectClasses("inputBox"));
 $:
-  _inputFieldClass = twMerge(
-    AlertConfirmPromptConfig.preset.inputField,
-    AlertConfirmPromptConfig.class.inputField,
-    dialog?.class?.inputField || "",
-    AlertConfirmPromptConfig.variant?.[dialog?.variant]?.inputField || ""
-  );
+  _inputFieldClass = twMerge(..._collectClasses("inputField"));
 $:
-  _menuClass = twMerge(
-    AlertConfirmPromptConfig.preset.menu,
-    AlertConfirmPromptConfig.class.menu,
-    dialog?.class?.menu || "",
-    AlertConfirmPromptConfig.variant?.[dialog?.variant]?.menu || ""
-  );
+  _menuClass = twMerge(..._collectClasses("menu"));
 $:
   _menuLiClass = twMerge(AlertConfirmPromptConfig.preset.menuLi);
 $:
-  _buttonClass = twMerge(
-    AlertConfirmPromptConfig.preset.button,
-    AlertConfirmPromptConfig.class.button,
-    dialog?.class?.button || "",
-    AlertConfirmPromptConfig.variant?.[dialog?.variant]?.button || ""
-  );
+  _buttonClass = twMerge(..._collectClasses("button"));
 $:
-  _spinnerBoxClass = twMerge(
-    AlertConfirmPromptConfig.preset.spinnerBox,
-    AlertConfirmPromptConfig.class.spinnerBox,
-    dialog?.class?.spinnerBox || "",
-    AlertConfirmPromptConfig.variant?.[dialog?.variant]?.spinnerBox || ""
-  );
-let iconFn = false;
+  _spinnerBoxClass = twMerge(..._collectClasses("spinnerBox"));
 $:
-  if (dialog?.iconFn === true) {
-    iconFn = // either runtime config
-    AlertConfirmPromptConfig.iconFn[dialog?.variant] || // or fixed default
-    acpDefaultIcons[dialog?.variant];
-  } else if (dialog?.iconFn) {
-    iconFn = dialog.iconFn;
-  } else {
-    iconFn = false;
-  }
+  iconFn = dialog?.iconFn ?? defaultIcons?.[dialog?.variant];
 </script>
 
 <dialog

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

@@ -1,5 +1,9 @@
 import { SvelteComponent } from "svelte";
 import { createAlertConfirmPromptStore } from '../../index.js';
+import type { AlertConfirmPromptKnownClasses, AlertConfirmPromptVariant } from './alert-confirm-prompt.js';
+export interface AlertConfirmPromptIcons extends Record<AlertConfirmPromptVariant, () => string> {
+    spinner: () => string;
+}
 export declare class AlertConfirmPromptConfig {
     static preset: {
         dialog: string;
@@ -14,19 +18,7 @@ export declare class AlertConfirmPromptConfig {
         button: string;
         spinnerBox: string;
     };
-    static class: {
-        dialog: string;
-        icon: string;
-        contentBlock: string;
-        title: string;
-        content: string;
-        inputBox: string;
-        inputField: string;
-        menu: string;
-        button: string;
-        spinnerBox: string;
-    };
-    static variant: {
+    static presetByVariant: {
         info: {
             dialog: string;
             icon: string;
@@ -76,18 +68,14 @@ export declare class AlertConfirmPromptConfig {
             spinnerBox: string;
         };
     };
-    static iconFn: {
-        info: undefined;
-        success: undefined;
-        warn: undefined;
-        error: undefined;
-        spinner: undefined;
-    };
-    static forceAsHtml: boolean | undefined;
 }
 declare const __propDef: {
     props: {
         acp: ReturnType<typeof createAlertConfirmPromptStore>;
+        forceAsHtml?: boolean | undefined;
+        defaultIcons?: Partial<AlertConfirmPromptIcons> | undefined;
+        classes?: Partial<AlertConfirmPromptKnownClasses> | undefined;
+        classesByVariant?: Partial<Record<AlertConfirmPromptVariant, Partial<AlertConfirmPromptKnownClasses>>> | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/AlertConfirmPrompt/acp-icons.d.ts

@@ -1,8 +1,3 @@
+import type { AlertConfirmPromptIcons } from './AlertConfirmPrompt.svelte';
 export declare function iconFeatherAlertTriangle(props: any): string;
-export declare const acpDefaultIcons: {
-    info: () => string;
-    success: () => string;
-    warn: () => string;
-    error: () => string;
-    spinner: () => string;
-};
+export declare const acpDefaultIcons: AlertConfirmPromptIcons;

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

@@ -9,7 +9,7 @@ type FnOnOK = (value: any) => any;
 type FnOnCancel = (value: false) => any;
 type FnOnEscape = () => undefined;
 type FnOnCustom = (value: any) => any;
-interface KnownClasses {
+export interface AlertConfirmPromptKnownClasses {
     dialog: string;
     icon: string;
     contentBlock: string;
@@ -36,13 +36,10 @@ export interface AlertConfirmPromptOptions extends Record<string, any> {
     promptFieldProps?: any;
     variant: AlertConfirmPromptVariant;
     iconFn: (() => string) | boolean;
-    class?: Partial<KnownClasses>;
+    class?: Partial<AlertConfirmPromptKnownClasses>;
     forceAsHtml?: boolean;
 }
-export interface AlertConfirmPromptFactoryStoreOptions extends Partial<AlertConfirmPromptOptions> {
-    classByVariant: Record<AlertConfirmPromptVariant, Partial<KnownClasses>>;
-}
-export declare const createAlertConfirmPromptStore: (defaults?: Partial<AlertConfirmPromptFactoryStoreOptions>) => {
+export declare const createAlertConfirmPromptStore: (defaults?: Partial<AlertConfirmPromptOptions>) => {
     subscribe: (cb: import("@marianmeres/store").Subscribe<AlertConfirmPromptOptions[]>) => import("@marianmeres/store").Unsubscribe;
     get: () => AlertConfirmPromptOptions[];
     push: (o: Partial<AlertConfirmPromptOptions>) => void;

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

@@ -1,6 +1,5 @@
 import { createClog } from '@marianmeres/clog';
 import { createStore } from '@marianmeres/store';
-import { twMerge } from 'tailwind-merge';
 const clog = createClog('alert-confirm-prompt');
 export var AlertConfirmPromptType;
 (function (AlertConfirmPromptType) {
@@ -36,21 +35,10 @@ export const createAlertConfirmPromptStore = (defaults) => {
         o.labelOk ??= defaults.labelOk;
         o.labelCancel ??= defaults.labelCancel;
         o.title ??= defaults.title;
-        o.iconFn ??= defaults.iconFn;
-        o.forceAsHtml ??= defaults.forceAsHtml;
         // variant defaults to info
         if (!['info', 'success', 'warn', 'error'].includes(o?.variant)) {
             o.variant = 'info';
         }
-        o.class ??= {};
-        // prettier-ignore
-        const clsKeys = [
-            'dialog', 'icon', 'contentBlock', 'title', 'content', 'inputBox',
-            'inputField', 'menu', 'button', 'spinnerBox'
-        ];
-        clsKeys.forEach((k) => {
-            o.class[k] = twMerge(defaults?.class?.[k] || '', defaults?.classByVariant?.[o.variant]?.[k] || '', o?.class?.[k] || '');
-        });
         //
         _stack.update((old) => [...old, o]);
     };

package/dist/components/Notifications/Notifications.svelte

@@ -1,9 +1,9 @@
-<script context="module">import { fade } from "svelte/transition";
+<script context="module">import { createClog } from "@marianmeres/clog";
+import { fade } from "svelte/transition";
 import { twMerge } from "tailwind-merge";
 import Thc from "../Thc/Thc.svelte";
 import X from "../X/X.svelte";
 import { notificationsDefaultIcons } from "./notifications-icons.js";
-import { createClog } from "@marianmeres/clog";
 const X_POSITIONS = ["left", "center", "right"];
 const Y_POSITIONS = ["top", "center", "bottom"];
 const DEFAULT = {
@@ -72,33 +72,15 @@ export class NotificationsConfig {
     warn: { box: ``, count: ``, icon: ``, content: ``, button: ``, x: `` },
     error: { box: `bg-red-700`, count: ``, icon: ``, content: ``, button: ``, x: `` }
   };
-  static class = {
-    wrap: "",
-    wrapInner: "",
-    notification: { box: ``, count: ``, icon: ``, content: ``, button: ``, x: `` }
-  };
-  // prettier-ignore
-  static classByType = {
-    info: { box: ``, count: ``, icon: ``, content: ``, button: ``, x: `` },
-    success: { box: ``, count: ``, icon: ``, content: ``, button: ``, x: `` },
-    warn: { box: ``, count: ``, icon: ``, content: ``, button: ``, x: `` },
-    error: { box: ``, count: ``, icon: ``, content: ``, button: ``, x: `` }
-  };
-  static iconFn = {
-    info: void 0,
-    success: void 0,
-    warn: void 0,
-    error: void 0
-  };
-  // conveniently hoisted THC option, since all content is rendered via THC
-  static forceAsHtml = void 0;
 }
 </script>
 
 <script>const clog = createClog("Notifications");
 export let notifications;
-let _class = "";
-export { _class as class };
+export let forceAsHtml = void 0;
+export let defaultIcons = notificationsDefaultIcons;
+export let classes = {};
+export let classesByType = {};
 export let ariaCloseLabel = "Discard";
 export let posX = DEFAULT.posX;
 export let posXMobile = DEFAULT.posXMobile;
@@ -116,7 +98,6 @@ $:
 $:
   _wrapClass = twMerge(
     NotificationsConfig.preset.wrap,
-    NotificationsConfig.class.wrap,
     `flex flex-row inset-0 
         pointer-events-none bg-transparent`,
     YMAP_M[yMobile],
@@ -125,71 +106,28 @@ $:
 $:
   _wrapInnerClass = twMerge(
     NotificationsConfig.preset.wrapInner,
-    NotificationsConfig.class.wrapInner,
     `flex flex-col w-full 
         pointer-events-none bg-transparent`,
     XMAP_M[xMobile],
     XMAP[x]
   );
-const _boxClass = (n) => twMerge(
-  NotificationsConfig?.preset?.notification?.box || "",
-  NotificationsConfig?.class?.notification?.box || "",
-  NotificationsConfig?.presetByType?.[n.type]?.box || "",
-  NotificationsConfig?.classByType?.[n.type]?.box || "",
-  n.class?.box || ""
-);
-const _countClass = (n) => twMerge(
-  NotificationsConfig?.preset?.notification?.count || "",
-  NotificationsConfig?.class?.notification?.count || "",
-  NotificationsConfig?.presetByType?.[n.type]?.count || "",
-  NotificationsConfig?.classByType?.[n.type]?.count || "",
-  n.class?.count || ""
-);
-const _iconClass = (n) => twMerge(
-  NotificationsConfig?.preset?.notification?.icon || "",
-  NotificationsConfig?.class?.notification?.icon || "",
-  NotificationsConfig?.presetByType?.[n.type]?.icon || "",
-  NotificationsConfig?.classByType?.[n.type]?.icon || "",
-  n.class?.icon || ""
-);
-const _contentClass = (n) => twMerge(
-  NotificationsConfig?.preset?.notification?.content || "",
-  NotificationsConfig?.class?.notification?.content || "",
-  NotificationsConfig?.presetByType?.[n.type]?.content || "",
-  NotificationsConfig?.classByType?.[n.type]?.content || "",
-  n.class?.content || ""
-);
-const _buttonClass = (n) => twMerge(
-  NotificationsConfig?.preset?.notification?.button || "",
-  NotificationsConfig?.class?.notification?.button || "",
-  NotificationsConfig?.presetByType?.[n.type]?.button || "",
-  NotificationsConfig?.classByType?.[n.type]?.button || "",
-  n.class?.button || ""
-);
-const _xClass = (n) => twMerge(
-  NotificationsConfig?.preset?.notification?.x || "",
-  NotificationsConfig?.class?.notification?.x || "",
-  NotificationsConfig?.presetByType?.[n.type]?.x || "",
-  NotificationsConfig?.classByType?.[n.type]?.x || "",
-  n.class?.x || ""
-);
-const _iconFn = (n) => {
-  let iconFn = false;
-  if (n?.iconFn === true) {
-    iconFn = // either runtime config
-    NotificationsConfig.iconFn[n?.type] || // or fixed default
-    notificationsDefaultIcons[n?.type];
-  } else if (n?.iconFn) {
-    iconFn = n.iconFn;
-  } else {
-    iconFn = false;
-  }
-  return iconFn;
-};
+const _collectClasses = (n, k) => [
+  NotificationsConfig?.preset?.notification?.[k] || "",
+  classes?.[k] || "",
+  NotificationsConfig?.presetByType?.[n.type]?.[k] || "",
+  classesByType?.[n.type]?.[k] || "",
+  n.class?.[k] || ""
+];
+const _boxClass = (n) => twMerge(..._collectClasses(n, "box"));
+const _countClass = (n) => twMerge(..._collectClasses(n, "count"));
+const _iconClass = (n) => twMerge(..._collectClasses(n, "icon"));
+const _contentClass = (n) => twMerge(..._collectClasses(n, "content"));
+const _buttonClass = (n) => twMerge(..._collectClasses(n, "button"));
+const _xClass = (n) => twMerge(..._collectClasses(n, "x"));
+const _iconFn = (o) => o.iconFn ?? defaultIcons?.[o.type];
 const _isFn = (v) => typeof v === "function";
 </script>
 
-<!-- {#if $notifications.length} -->
 <div class={_wrapClass} aria-live="assertive">
 	<div class={_wrapInnerClass}>
 		{#if $notifications.length}
@@ -232,7 +170,7 @@ const _isFn = (v) => typeof v === "function";
 						<div class={_contentClass(n)}>
 							<Thc
 								thc={n.content}
-								forceAsHtml={n.forceAsHtml ?? NotificationsConfig.forceAsHtml}
+								forceAsHtml={n.forceAsHtml ?? forceAsHtml}
 								notification={n}
 								{notifications}
 							/>
@@ -251,4 +189,3 @@ const _isFn = (v) => typeof v === "function";
 		{/if}
 	</div>
 </div>
-<!-- {/if} -->

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

@@ -1,13 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { NotificationType, createNotificationsStore } from './notifications.js';
-interface NotifClasses {
-    box: string;
-    count: string;
-    icon: string;
-    content: string;
-    button: string;
-    x: string;
-}
+import type { NotificationKnownClasses, NotificationType, createNotificationsStore } from './notifications.js';
 export declare class NotificationsConfig {
     static preset: {
         wrap: string;
@@ -21,27 +13,15 @@ export declare class NotificationsConfig {
             x: string;
         };
     };
-    static presetByType: Record<NotificationType, NotifClasses>;
-    static class: {
-        wrap: string;
-        wrapInner: string;
-        notification: {
-            box: string;
-            count: string;
-            icon: string;
-            content: string;
-            button: string;
-            x: string;
-        };
-    };
-    static classByType: Record<NotificationType, NotifClasses>;
-    static iconFn: Record<NotificationType, undefined | (() => string)>;
-    static forceAsHtml: boolean | undefined;
+    static presetByType: Record<NotificationType, NotificationKnownClasses>;
 }
 declare const __propDef: {
     props: {
         notifications: ReturnType<typeof createNotificationsStore>;
-        class?: string | undefined;
+        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;

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

@@ -6,7 +6,7 @@ interface ComponentWrap {
     component: Function;
     props?: any;
 }
-interface KnownClasses {
+export interface NotificationKnownClasses {
     box: string;
     count: string;
     icon: string;
@@ -24,7 +24,7 @@ export interface NotificationInput extends Record<string, any> {
     count: number;
     component?: Function | ComponentWrap;
     iconFn: (() => string) | boolean;
-    class?: Partial<KnownClasses>;
+    class?: Partial<NotificationKnownClasses>;
     forceAsHtml: boolean | undefined;
 }
 export interface Notification extends NotificationInput {
@@ -36,10 +36,6 @@ export interface NotiticationsCreateStoreOptions {
     defaultType: string;
     defaultTtl: number;
     sortOrder?: NotificationsSortOrder;
-    defaultIcons?: Record<NotificationType, () => string> | boolean;
-    forceAsHtml?: boolean | undefined;
-    class?: Partial<KnownClasses>;
-    classByType?: Record<NotificationType, Partial<KnownClasses>>;
     logger: (...v: any) => void;
 }
 export declare const NOTIFICATION_EVENT: {
@@ -62,10 +58,6 @@ export declare const createNotificationsStore: (initial?: NotificationCreatePara
         defaultType?: string | undefined;
         defaultTtl?: number | undefined;
         sortOrder?: NotificationsSortOrder | undefined;
-        defaultIcons?: boolean | Record<string, () => string> | undefined;
-        forceAsHtml?: boolean | undefined;
-        class?: Partial<KnownClasses> | undefined;
-        classByType?: Record<string, Partial<KnownClasses>> | undefined;
         logger?: ((...v: any) => void) | undefined;
     };
     EVENT: {

package/dist/components/Notifications/notifications.js

@@ -1,14 +1,12 @@
 import { createClog } from '@marianmeres/clog';
 import { createStore } from '@marianmeres/store';
 import { createTicker } from '@marianmeres/ticker';
-import { twMerge } from 'tailwind-merge';
 const isFn = (v) => typeof v === 'function';
 const DEFAULT_OPTIONS = {
     maxCapacity: 5,
     defaultTtl: 10,
     defaultType: 'info',
     sortOrder: 'asc',
-    defaultIcons: true,
     logger: createClog('notifications'),
 };
 export const NOTIFICATION_EVENT = {
@@ -68,26 +66,9 @@ export const createNotificationsStore = (initial = [], opts = {}) => {
         o.id ||= _id(o.type, [o.content].join());
         o.created = new Date(o.created || Date.now());
         o.count ??= 1;
-        o.forceAsHtml ??= opts.forceAsHtml;
-        // classes merge dance
-        o.class ??= {};
-        // prettier-ignore
-        const clsKeys = ['box', 'count', 'icon', 'content', 'button', 'x'];
-        clsKeys.forEach((k) => {
-            o.class[k] = twMerge(opts?.class?.[k] || '', opts?.classByType?.[o.type]?.[k] || '', o?.class?.[k] || '');
-        });
         //
         if (o.ttl === undefined)
             o.ttl = opts.defaultTtl;
-        //
-        if (o.iconFn === undefined) {
-            if (typeof opts.defaultIcons === 'boolean') {
-                o.iconFn = opts.defaultIcons;
-            }
-            else {
-                o.iconFn = opts.defaultIcons?.[o.type];
-            }
-        }
         return o;
     };
     const _findIndexById = (notifs, id) => notifs.findIndex((n) => n.id === id);

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { default as AlertConfirmPrompt, AlertConfirmPromptConfig, } from './components/AlertConfirmPrompt/AlertConfirmPrompt.svelte';
-export { createAlertConfirmPromptStore, createAlert, createConfirm, createPrompt, AlertConfirmPromptType, type AlertConfirmPromptVariant, type AlertConfirmPromptOptions, type AlertConfirmPromptFactoryStoreOptions, } from './components/AlertConfirmPrompt/alert-confirm-prompt.js';
+export { createAlertConfirmPromptStore, createAlert, createConfirm, createPrompt, AlertConfirmPromptType, type AlertConfirmPromptVariant, type AlertConfirmPromptOptions, type AlertConfirmPromptKnownClasses, } from './components/AlertConfirmPrompt/alert-confirm-prompt.js';
 export { default as AppShell, appShellSetHtmlBodyHeight, } from './components/AppShell/AppShell.svelte';
 export { default as Backdrop, BackdropConfig, } from './components/Backdrop/Backdrop.svelte';
 export { default as Button, ButtonConfig } from './components/Button/Button.svelte';
@@ -13,7 +13,7 @@ export { default as FieldCheckbox } from './components/Input/FieldCheckbox.svelt
 export { default as FieldRadios } from './components/Input/FieldRadios.svelte';
 export { default as FieldSelect } from './components/Input/FieldSelect.svelte';
 export { default as Fieldset } from './components/Input/Fieldset.svelte';
-export { createNotificationsStore, NOTIFICATION_EVENT, type NotiticationsCreateStoreOptions, type NotificationCreateParam, type Notification, type NotificationInput, type NotificationType, type NotificationOnEventHandler, type NotificationsSortOrder, } from './components/Notifications/notifications.js';
+export { createNotificationsStore, NOTIFICATION_EVENT, type NotiticationsCreateStoreOptions, type NotificationCreateParam, type Notification, type NotificationInput, type NotificationType, type NotificationOnEventHandler, type NotificationsSortOrder, type NotificationKnownClasses, } from './components/Notifications/notifications.js';
 export { default as Notifications, NotificationsConfig, } from './components/Notifications/Notifications.svelte';
 export { default as Popover } from './components/Popover/Popover.svelte';
 export { default as Switch, SwitchConfig } from './components/Switch/Switch.svelte';

package/package.json

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