@adaptive-ds/solid-ui 0.11.0

package/dist/interactive/toast/Toast.js

@@ -0,0 +1,84 @@
+import { template, setAttribute, insert, createComponent, mergeProps, effect, className } from "solid-js/web";
+import { mdiClose } from "@mdi/js";
+import { Show } from "solid-js";
+import { ttt } from "../../i18n/ttt.js";
+import { ButtonIcon } from "../button/ButtonIcon.js";
+import { buttonVariant } from "../button/buttonCva.js";
+import { toastCva } from "./toastCva.js";
+import { toastDismiss } from "./toastDismiss.js";
+import { toastIconCva } from "./toastIconCva.js";
+import { Icon } from "../../static/icon/Icon.js";
+import { classMerge } from "../../utils/classMerge.js";
+var _tmpl$ = /* @__PURE__ */ template(`<p>`), _tmpl$2 = /* @__PURE__ */ template(`<li role=status aria-live=polite data-state=open>`), _tmpl$3 = /* @__PURE__ */ template(`<div><p>`);
+function Toast(p) {
+  const texts = p.texts ?? {
+    close: ttt("Close Toast")
+  };
+  return (() => {
+    var _el$ = _tmpl$2();
+    setAttribute(_el$, "aria-atomic", true);
+    insert(_el$, createComponent(ToastHeader, mergeProps(p, {
+      texts
+    })), null);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return p.description;
+      },
+      get children() {
+        var _el$2 = _tmpl$();
+        insert(_el$2, () => p.description);
+        effect(() => className(_el$2, classMerge("text-lg break-words", p.descriptionClass)));
+        return _el$2;
+      }
+    }), null);
+    insert(_el$, () => p.children, null);
+    effect(() => className(_el$, toastCva(p.variant, p.class)));
+    return _el$;
+  })();
+}
+function ToastHeader(p) {
+  return (() => {
+    var _el$3 = _tmpl$3(), _el$4 = _el$3.firstChild;
+    insert(_el$3, createComponent(Show, {
+      get when() {
+        return p.icon;
+      },
+      get children() {
+        return createComponent(Icon, {
+          get path() {
+            return p.icon;
+          },
+          get ["class"]() {
+            return toastIconCva(p.variant, p.iconClass);
+          }
+        });
+      }
+    }), _el$4);
+    insert(_el$4, () => p.title);
+    insert(_el$3, createComponent(ButtonIcon, {
+      get variant() {
+        return buttonVariant.ghost;
+      },
+      get title() {
+        return p.texts.close;
+      },
+      icon: mdiClose,
+      iconClass: "text-white fill-white",
+      onClick: () => toastDismiss(p.id)
+    }), null);
+    effect((_p$) => {
+      var _v$ = classMerge("flex flex-wrap", "gap-2", "items-center", "print:hidden"), _v$2 = classMerge("text-lg font-bold break-words flex-1", p.titleClass);
+      _v$ !== _p$.e && className(_el$3, _p$.e = _v$);
+      _v$2 !== _p$.t && className(_el$4, _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$3;
+  })();
+}
+export {
+  Toast
+};
+//# sourceMappingURL=Toast.js.map

package/dist/interactive/toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sources":["../../../lib/interactive/toast/Toast.tsx"],"sourcesContent":["import { mdiClose } from \"@mdi/js\"\nimport { Show } from \"solid-js\"\nimport { ttt } from \"~ui/i18n/ttt\"\nimport { ButtonIcon } from \"~ui/interactive/button/ButtonIcon\"\nimport { buttonVariant } from \"~ui/interactive/button/buttonCva\"\nimport type { ToastPropsInternal, ToastTexts } from \"~ui/interactive/toast/ToastProps\"\nimport { toastCva } from \"~ui/interactive/toast/toastCva\"\nimport { toastDismiss } from \"~ui/interactive/toast/toastDismiss\"\nimport { toastIconCva } from \"~ui/interactive/toast/toastIconCva\"\nimport { Icon } from \"~ui/static/icon/Icon\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nexport function Toast(p: ToastPropsInternal) {\n  const texts =\n    p.texts ??\n    ({\n      close: ttt(\"Close Toast\"),\n    } as const)\n\n  return (\n    <li role=\"status\" aria-live=\"polite\" aria-atomic={true} data-state={\"open\"} class={toastCva(p.variant, p.class)}>\n      <ToastHeader {...p} texts={texts} />\n      <Show when={p.description}>\n        <p class={classMerge(\"text-lg break-words\", p.descriptionClass)}>{p.description}</p>\n      </Show>\n      {p.children}\n    </li>\n  )\n}\n\ninterface ToastHeaderProps extends ToastPropsInternal {\n  texts: ToastTexts\n}\n\nfunction ToastHeader(p: ToastHeaderProps) {\n  return (\n    <div class={classMerge(\"flex flex-wrap\", \"gap-2\", \"items-center\", \"print:hidden\")}>\n      <Show when={p.icon}>\n        <Icon path={p.icon!} class={toastIconCva(p.variant, p.iconClass)} />\n      </Show>\n      <p class={classMerge(\"text-lg font-bold break-words flex-1\", p.titleClass)}>{p.title}</p>\n      <ButtonIcon\n        variant={buttonVariant.ghost}\n        title={p.texts.close}\n        icon={mdiClose}\n        iconClass={\"text-white fill-white\"}\n        onClick={() => toastDismiss(p.id)}\n      />\n    </div>\n  )\n}\n"],"names":["Toast","p","texts","close","ttt","_el$","_tmpl$2","_$setAttribute","_$insert","_$createComponent","ToastHeader","_$mergeProps","Show","when","description","children","_el$2","_tmpl$","_$effect","_$className","classMerge","descriptionClass","toastCva","variant","class","_el$3","_tmpl$3","_el$4","firstChild","icon","Icon","path","toastIconCva","iconClass","title","ButtonIcon","buttonVariant","ghost","mdiClose","onClick","toastDismiss","id","_p$","_v$","_v$2","titleClass","e","t","undefined"],"mappings":";;;;;;;;;;;;AAYO,SAASA,MAAMC,GAAuB;AAC3C,QAAMC,QACJD,EAAEC,SACD;AAAA,IACCC,OAAOC,IAAI,aAAa;AAAA,EAAA;AAG5B,UAAA,MAAA;AAAA,QAAAC,OAAAC,QAAAA;AAAAC,iBAAAF,MAAA,eACoD,IAAI;AAAAG,WAAAH,MAAAI,gBACnDC,aAAWC,WAAKV,GAAC;AAAA,MAAEC;AAAAA,IAAAA,CAAY,CAAA,GAAA,IAAA;AAAAM,WAAAH,MAAAI,gBAC/BG,MAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEZ,EAAEa;AAAAA,MAAW;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,QAAAC,OAAAA;AAAAT,eAAAQ,OAAA,MAC2Cf,EAAEa,WAAW;AAAAI,eAAA,MAAAC,UAAAH,OAArEI,WAAW,uBAAuBnB,EAAEoB,gBAAgB,CAAC,CAAA;AAAA,eAAAL;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA;AAAAR,WAAAH,MAAA,MAEhEJ,EAAEc,UAAQ,IAAA;AAAAG,WAAA,MAAAC,UAAAd,MALsEiB,SAASrB,EAAEsB,SAAStB,EAAEuB,KAAK,CAAC,CAAA;AAAA,WAAAnB;AAAAA,EAAA,GAAA;AAQnH;AAMA,SAASK,YAAYT,GAAqB;AACxC,UAAA,MAAA;AAAA,QAAAwB,QAAAC,QAAAA,GAAAC,QAAAF,MAAAG;AAAApB,WAAAiB,OAAAhB,gBAEKG,MAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEZ,EAAE4B;AAAAA,MAAI;AAAA,MAAA,IAAAd,WAAA;AAAA,eAAAN,gBACfqB,MAAI;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAE9B,EAAE4B;AAAAA,UAAK;AAAA,UAAA,KAAA,OAAA,IAAA;AAAA,mBAASG,aAAa/B,EAAEsB,SAAStB,EAAEgC,SAAS;AAAA,UAAC;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAAN,KAAA;AAAAnB,WAAAmB,OAAA,MAEW1B,EAAEiC,KAAK;AAAA1B,WAAAiB,OAAAhB,gBACnF0B,YAAU;AAAA,MAAA,IACTZ,UAAO;AAAA,eAAEa,cAAcC;AAAAA,MAAK;AAAA,MAAA,IAC5BH,QAAK;AAAA,eAAEjC,EAAEC,MAAMC;AAAAA,MAAK;AAAA,MACpB0B,MAAMS;AAAAA,MACNL,WAAW;AAAA,MACXM,SAASA,MAAMC,aAAavC,EAAEwC,EAAE;AAAA,IAAA,CAAC,GAAA,IAAA;AAAAvB,WAAAwB,CAAAA,QAAA;AAAA,UAAAC,MAVzBvB,WAAW,kBAAkB,SAAS,gBAAgB,cAAc,GAACwB,OAIrExB,WAAW,wCAAwCnB,EAAE4C,UAAU;AAACF,cAAAD,IAAAI,KAAA3B,UAAAM,OAAAiB,IAAAI,IAAAH,GAAA;AAAAC,eAAAF,IAAAK,KAAA5B,UAAAQ,OAAAe,IAAAK,IAAAH,IAAA;AAAA,aAAAF;AAAAA,IAAA,GAAA;AAAA,MAAAI,GAAAE;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA;AAAA,WAAAvB;AAAAA,EAAA,GAAA;AAUhF;"}

package/dist/interactive/toast/ToastProps.d.ts

@@ -0,0 +1,30 @@
+import { JSXElement } from 'solid-js';
+import { ToastVariant } from './toastVariant';
+import { HasTitle } from '../../utils/HasTitle';
+import { MayHaveChildren } from '../../utils/MayHaveChildren';
+import { MayHaveClass } from '../../utils/MayHaveClass';
+import { MayHaveIcon } from '../../utils/MayHaveIcon';
+import { MayHaveId } from '../../utils/MayHaveId';
+export interface AddToastProps extends MayHaveId, MayHaveIcon, HasTitle, MayHaveClass, MayHaveChildren {
+    variant?: ToastVariant;
+    duration?: number;
+    description?: string;
+    descriptionClass?: string;
+    texts?: ToastTexts;
+}
+export type ToastTexts = {
+    close: string;
+};
+export interface ToastPropsInternal extends AddToastProps {
+    id: string;
+}
+export type ToastProps = {
+    id: string;
+    variant?: ToastVariant;
+    duration?: number;
+    icon?: string;
+    iconCn?: string;
+    title?: JSXElement;
+    description?: JSXElement;
+};
+//# sourceMappingURL=ToastProps.d.ts.map

package/dist/interactive/toast/ToastProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProps.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/ToastProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe;IACpG,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,EAAE,EAAE,MAAM,CAAA;CAEX;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,WAAW,CAAC,EAAE,UAAU,CAAA;CACzB,CAAA"}

package/dist/interactive/toast/ToastProps.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=ToastProps.js.map

package/dist/interactive/toast/ToastProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProps.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/interactive/toast/Toaster.d.ts

@@ -0,0 +1,15 @@
+import { JSXElement } from 'solid-js';
+import { MayHaveClass } from '../../utils/MayHaveClass';
+/**
+ * radix-ui
+ * - demo - https://www.radix-ui.com/primitives/docs/components/toast
+ * - src - https://github.com/radix-ui/primitives/blob/main/packages/react/toast/src/Toast.tsx
+ * solid-toast
+ * - demo - https://www.solid-toast.com/
+ * - src - https://github.com/solidjs/solid-toast
+ * kobalte
+ * - demo - https://kobalte.netlify.app/docs/core/components/toast
+ * - src - https://github.com/kobaltedev/kobalte/blob/main/packages/core/src/toast/toast-list.tsx
+ */
+export declare function Toaster(p: MayHaveClass): JSXElement;
+//# sourceMappingURL=Toaster.d.ts.map

package/dist/interactive/toast/Toaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/Toaster.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAG1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAK1D;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,YAAY,GAAG,UAAU,CAiBnD"}

package/dist/interactive/toast/Toaster.js

@@ -0,0 +1,24 @@
+import { template, insert, createComponent, mergeProps, effect, className } from "solid-js/web";
+import { Key } from "@solid-primitives/keyed";
+import { Toast } from "./Toast.js";
+import { toasterState } from "./toasterState.js";
+import { classArr } from "../../utils/classArr.js";
+var _tmpl$ = /* @__PURE__ */ template(`<ul>`);
+function Toaster(p) {
+  return (() => {
+    var _el$ = _tmpl$();
+    insert(_el$, createComponent(Key, {
+      get each() {
+        return toasterState.get().toasts;
+      },
+      by: (t) => t.id,
+      children: (t) => createComponent(Toast, mergeProps(t))
+    }));
+    effect(() => className(_el$, classArr("fixed z-100 bottom-0 top-auto sm:right-0", "print:hidden", "p-4", "flex flex-col gap-4", "max-h-screen", p.class)));
+    return _el$;
+  })();
+}
+export {
+  Toaster
+};
+//# sourceMappingURL=Toaster.js.map

package/dist/interactive/toast/Toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.js","sources":["../../../lib/interactive/toast/Toaster.tsx"],"sourcesContent":["import { Key } from \"@solid-primitives/keyed\"\nimport type { JSXElement } from \"solid-js\"\nimport { Toast } from \"~ui/interactive/toast/Toast\"\nimport { toasterState } from \"~ui/interactive/toast/toasterState\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport { classArr } from \"~ui/utils/classArr\"\n\n// const log = true\nconst log = false\n/**\n * radix-ui\n * - demo - https://www.radix-ui.com/primitives/docs/components/toast\n * - src - https://github.com/radix-ui/primitives/blob/main/packages/react/toast/src/Toast.tsx\n * solid-toast\n * - demo - https://www.solid-toast.com/\n * - src - https://github.com/solidjs/solid-toast\n * kobalte\n * - demo - https://kobalte.netlify.app/docs/core/components/toast\n * - src - https://github.com/kobaltedev/kobalte/blob/main/packages/core/src/toast/toast-list.tsx\n */\nexport function Toaster(p: MayHaveClass): JSXElement {\n  return (\n    <ul\n      class={classArr(\n        \"fixed z-100 bottom-0 top-auto sm:right-0\",\n        \"print:hidden\",\n        \"p-4\",\n        \"flex flex-col gap-4\",\n        \"max-h-screen\",\n        p.class,\n      )}\n    >\n      <Key each={toasterState.get().toasts} by={(t) => t.id}>\n        {(t) => <Toast {...t()} />}\n      </Key>\n    </ul>\n  )\n}\n"],"names":["Toaster","p","_el$","_tmpl$","_$insert","_$createComponent","Key","each","toasterState","get","toasts","by","t","id","children","Toast","_$mergeProps","_$effect","_$className","classArr","class"],"mappings":";;;;;;AAoBO,SAASA,QAAQC,GAA6B;AACnD,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAAC,WAAAF,MAAAG,gBAWKC,KAAG;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEC,aAAaC,MAAMC;AAAAA,MAAM;AAAA,MAAEC,IAAKC,OAAMA,EAAEC;AAAAA,MAAEC,UACjDF,CAAAA,MAACP,gBAAMU,OAAKC,WAAKJ,CAAC,CAAA;AAAA,IAAA,CAAM,CAAA;AAAAK,WAAA,MAAAC,UAAAhB,MAVrBiB,SACL,4CACA,gBACA,OACA,uBACA,gBACAlB,EAAEmB,KACJ,CAAC,CAAA;AAAA,WAAAlB;AAAAA,EAAA,GAAA;AAOP;"}

package/dist/interactive/toast/generateToastId.d.ts

@@ -0,0 +1,2 @@
+export declare function generateToastId(): string;
+//# sourceMappingURL=generateToastId.d.ts.map

package/dist/interactive/toast/generateToastId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateToastId.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/generateToastId.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,WAG9B"}

package/dist/interactive/toast/generateToastId.js

@@ -0,0 +1,9 @@
+let count = 0;
+function generateToastId() {
+  count = (count + 1) % Number.MAX_VALUE;
+  return count.toFixed(0);
+}
+export {
+  generateToastId
+};
+//# sourceMappingURL=generateToastId.js.map

package/dist/interactive/toast/generateToastId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateToastId.js","sources":["../../../lib/interactive/toast/generateToastId.ts"],"sourcesContent":["let count = 0\n\nexport function generateToastId() {\n  count = (count + 1) % Number.MAX_VALUE\n  return count.toFixed(0)\n}\n"],"names":[],"mappings":"AAAA,IAAI,QAAQ;AAEL,SAAS,kBAAkB;AAChC,WAAS,QAAQ,KAAK,OAAO;AAC7B,SAAO,MAAM,QAAQ,CAAC;AACxB;"}

package/dist/interactive/toast/toastAdd.d.ts

@@ -0,0 +1,3 @@
+import { AddToastProps } from './ToastProps';
+export declare function toastAdd(addToast: AddToastProps, log?: boolean): string;
+//# sourceMappingURL=toastAdd.d.ts.map

package/dist/interactive/toast/toastAdd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastAdd.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/toastAdd.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAGrE,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,aAAa,EAAE,GAAG,GAAE,OAAe,GAAG,MAAM,CAgE9E"}

package/dist/interactive/toast/toastAdd.js

@@ -0,0 +1,69 @@
+import { generateToastId } from "./generateToastId.js";
+import { toastDismiss } from "./toastDismiss.js";
+import { toasterSettings } from "./toasterSettings.js";
+import { toasterState } from "./toasterState.js";
+import { toastVariantIcon, toastVariant } from "./toastVariant.js";
+function toastAdd(addToast, log = false) {
+  const op = "toastAdd";
+  const { toasts, timeouts } = toasterState.get();
+  if (log) {
+    console.group(op, addToast.title, addToast.id);
+    console.trace("given props:", addToast);
+    console.trace({ msg: "toaster", toasts, timeouts });
+  }
+  const toastId = addToast.id ?? generateToastId();
+  if (addToast.variant && addToast.icon == void 0) {
+    const variantIcon = toastVariantIcon[addToast.variant];
+    if (variantIcon) addToast.icon = variantIcon;
+  }
+  const foundToastIndex = toasts.findIndex((t) => t.id === toastId);
+  if (foundToastIndex >= 0) {
+    const timeout2 = timeouts[toastId];
+    if (timeout2) clearTimeout(timeout2);
+    const newTimeout = setTimeout(() => {
+      toastDismiss(toastId);
+    }, addToast.duration ?? toasterSettings.removeDelayMs);
+    const newTimeouts2 = { ...timeouts, [toastId]: newTimeout };
+    const newToasts2 = toasts.with(foundToastIndex, { ...addToast, id: toastId });
+    if (log) console.log("foundToast", toasts.at(foundToastIndex), "replacedByToast:", newToasts2.at(foundToastIndex));
+    toasterState.set({ toasts: newToasts2, timeouts: newTimeouts2 });
+    if (log) console.groupEnd();
+    return toastId;
+  }
+  const newToast = { ...addToast, id: toastId, duration: getDuration(addToast) };
+  if (log) console.log({ op, newToast });
+  const newToasts = [...toasts, newToast];
+  while (newToasts.length > toasterSettings.toastLimit) {
+    const deleteToast = newToasts.shift();
+    if (log) console.log({ op, size: newToasts.length, msg: "deleting toast ", deleteToast });
+    if (deleteToast) {
+      const deleteTimeout = timeouts[deleteToast.id];
+      if (deleteTimeout) clearTimeout(deleteTimeout);
+    }
+  }
+  const timeout = setTimeout(() => {
+    toastDismiss(toastId);
+  }, addToast.duration ?? toasterSettings.removeDelayMs);
+  const newTimeouts = { ...timeouts, [toastId]: timeout };
+  if (log) {
+    console.log({
+      op,
+      newToasterState: { toasts: newToasts, timeouts: newTimeouts },
+      previousToasterState: { toasts, timeouts }
+    });
+    console.groupEnd();
+  }
+  toasterState.set({ toasts: newToasts, timeouts: newTimeouts });
+  return toastId;
+}
+function getDuration(t) {
+  const d = t.duration;
+  if (t.variant === toastVariant.error) {
+    return d ? d : toasterSettings.removeDelayMs * 2;
+  }
+  return d;
+}
+export {
+  toastAdd
+};
+//# sourceMappingURL=toastAdd.js.map

package/dist/interactive/toast/toastAdd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastAdd.js","sources":["../../../lib/interactive/toast/toastAdd.ts"],"sourcesContent":["import { generateToastId } from \"~ui/interactive/toast/generateToastId\"\nimport { toastDismiss } from \"~ui/interactive/toast/toastDismiss\"\nimport { toasterSettings } from \"~ui/interactive/toast/toasterSettings\"\nimport { toasterState } from \"~ui/interactive/toast/toasterState\"\nimport type { AddToastProps } from \"~ui/interactive/toast/ToastProps\"\nimport { toastVariant, toastVariantIcon } from \"~ui/interactive/toast/toastVariant\"\n\nexport function toastAdd(addToast: AddToastProps, log: boolean = false): string {\n  const op = \"toastAdd\"\n  const { toasts, timeouts } = toasterState.get()\n  if (log) {\n    console.group(op, addToast.title, addToast.id)\n    console.trace(\"given props:\", addToast)\n    console.trace({ msg: \"toaster\", toasts, timeouts })\n  }\n  // console.trace({ op, title: addToast.title })\n\n  const toastId = addToast.id ?? generateToastId()\n\n  // add icon if variant\n  if (addToast.variant && addToast.icon == undefined) {\n    const variantIcon = toastVariantIcon[addToast.variant]\n    if (variantIcon) addToast.icon = variantIcon\n  }\n\n  const foundToastIndex = toasts.findIndex((t) => t.id === toastId)\n  if (foundToastIndex >= 0) {\n    // remove old timeout\n    const timeout = timeouts[toastId]\n    if (timeout) clearTimeout(timeout)\n    // create new timeout\n    const newTimeout = setTimeout(() => {\n      toastDismiss(toastId)\n    }, addToast.duration ?? toasterSettings.removeDelayMs)\n    // update list: timeouts\n    const newTimeouts = { ...timeouts, [toastId]: newTimeout }\n    // update list: toasts\n    const newToasts = toasts.with(foundToastIndex, { ...addToast, id: toastId })\n    if (log) console.log(\"foundToast\", toasts.at(foundToastIndex), \"replacedByToast:\", newToasts.at(foundToastIndex))\n    toasterState.set({ toasts: newToasts, timeouts: newTimeouts })\n    if (log) console.groupEnd()\n    return toastId\n  }\n\n  const newToast = { ...addToast, id: toastId, duration: getDuration(addToast) }\n  if (log) console.log({ op, newToast })\n\n  const newToasts = [...toasts, newToast]\n  while (newToasts.length > toasterSettings.toastLimit) {\n    const deleteToast = newToasts.shift()\n    if (log) console.log({ op, size: newToasts.length, msg: \"deleting toast \", deleteToast })\n    if (deleteToast) {\n      const deleteTimeout = timeouts[deleteToast.id]\n      if (deleteTimeout) clearTimeout(deleteTimeout)\n    }\n  }\n  const timeout = setTimeout(() => {\n    toastDismiss(toastId)\n  }, addToast.duration ?? toasterSettings.removeDelayMs)\n  const newTimeouts = { ...timeouts, [toastId]: timeout }\n\n  if (log) {\n    console.log({\n      op,\n      newToasterState: { toasts: newToasts, timeouts: newTimeouts },\n      previousToasterState: { toasts, timeouts },\n    })\n    console.groupEnd()\n  }\n  toasterState.set({ toasts: newToasts, timeouts: newTimeouts })\n  return toastId\n}\n\nfunction getDuration(t: AddToastProps) {\n  const d = t.duration\n  if (t.variant === toastVariant.error) {\n    return d ? d : toasterSettings.removeDelayMs * 2\n  }\n  return d\n}\n"],"names":["timeout","newTimeouts","newToasts"],"mappings":";;;;;AAOO,SAAS,SAAS,UAAyB,MAAe,OAAe;AAC9E,QAAM,KAAK;AACX,QAAM,EAAE,QAAQ,aAAa,aAAa,IAAA;AAC1C,MAAI,KAAK;AACP,YAAQ,MAAM,IAAI,SAAS,OAAO,SAAS,EAAE;AAC7C,YAAQ,MAAM,gBAAgB,QAAQ;AACtC,YAAQ,MAAM,EAAE,KAAK,WAAW,QAAQ,UAAU;AAAA,EACpD;AAGA,QAAM,UAAU,SAAS,MAAM,gBAAA;AAG/B,MAAI,SAAS,WAAW,SAAS,QAAQ,QAAW;AAClD,UAAM,cAAc,iBAAiB,SAAS,OAAO;AACrD,QAAI,sBAAsB,OAAO;AAAA,EACnC;AAEA,QAAM,kBAAkB,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO,OAAO;AAChE,MAAI,mBAAmB,GAAG;AAExB,UAAMA,WAAU,SAAS,OAAO;AAChC,QAAIA,uBAAsBA,QAAO;AAEjC,UAAM,aAAa,WAAW,MAAM;AAClC,mBAAa,OAAO;AAAA,IACtB,GAAG,SAAS,YAAY,gBAAgB,aAAa;AAErD,UAAMC,eAAc,EAAE,GAAG,UAAU,CAAC,OAAO,GAAG,WAAA;AAE9C,UAAMC,aAAY,OAAO,KAAK,iBAAiB,EAAE,GAAG,UAAU,IAAI,SAAS;AAC3E,QAAI,IAAK,SAAQ,IAAI,cAAc,OAAO,GAAG,eAAe,GAAG,oBAAoBA,WAAU,GAAG,eAAe,CAAC;AAChH,iBAAa,IAAI,EAAE,QAAQA,YAAW,UAAUD,cAAa;AAC7D,QAAI,aAAa,SAAA;AACjB,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,EAAE,GAAG,UAAU,IAAI,SAAS,UAAU,YAAY,QAAQ,EAAA;AAC3E,MAAI,IAAK,SAAQ,IAAI,EAAE,IAAI,UAAU;AAErC,QAAM,YAAY,CAAC,GAAG,QAAQ,QAAQ;AACtC,SAAO,UAAU,SAAS,gBAAgB,YAAY;AACpD,UAAM,cAAc,UAAU,MAAA;AAC9B,QAAI,IAAK,SAAQ,IAAI,EAAE,IAAI,MAAM,UAAU,QAAQ,KAAK,mBAAmB,YAAA,CAAa;AACxF,QAAI,aAAa;AACf,YAAM,gBAAgB,SAAS,YAAY,EAAE;AAC7C,UAAI,4BAA4B,aAAa;AAAA,IAC/C;AAAA,EACF;AACA,QAAM,UAAU,WAAW,MAAM;AAC/B,iBAAa,OAAO;AAAA,EACtB,GAAG,SAAS,YAAY,gBAAgB,aAAa;AACrD,QAAM,cAAc,EAAE,GAAG,UAAU,CAAC,OAAO,GAAG,QAAA;AAE9C,MAAI,KAAK;AACP,YAAQ,IAAI;AAAA,MACV;AAAA,MACA,iBAAiB,EAAE,QAAQ,WAAW,UAAU,YAAA;AAAA,MAChD,sBAAsB,EAAE,QAAQ,SAAA;AAAA,IAAS,CAC1C;AACD,YAAQ,SAAA;AAAA,EACV;AACA,eAAa,IAAI,EAAE,QAAQ,WAAW,UAAU,aAAa;AAC7D,SAAO;AACT;AAEA,SAAS,YAAY,GAAkB;AACrC,QAAM,IAAI,EAAE;AACZ,MAAI,EAAE,YAAY,aAAa,OAAO;AACpC,WAAO,IAAI,IAAI,gBAAgB,gBAAgB;AAAA,EACjD;AACA,SAAO;AACT;"}

package/dist/interactive/toast/toastCva.d.ts

@@ -0,0 +1,3 @@
+import { ToastVariant } from './toastVariant';
+export declare function toastCva(variant?: ToastVariant | null, ...customClasses: (string | boolean | undefined | null | 0)[]): string;
+//# sourceMappingURL=toastCva.d.ts.map

package/dist/interactive/toast/toastCva.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastCva.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/toastCva.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAqCpF,wBAAgB,QAAQ,CACtB,OAAO,GAAE,YAAY,GAAG,IAAqB,EAC7C,GAAG,aAAa,EAAE,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,EAAE,UAG9D"}

package/dist/interactive/toast/toastCva.js

@@ -0,0 +1,50 @@
+import { toastVariant } from "./toastVariant.js";
+import { classArr } from "../../utils/classArr.js";
+import { classMerge } from "../../utils/classMerge.js";
+const baseClasses = classArr(
+  "rounded-lg shadow-lg",
+  // card shadows/padding
+  "p-4"
+);
+const variantClasses = {
+  // filled grayscale
+  filled: classArr(
+    "dark:text-slate-100",
+    // text
+    "bg-white dark:bg-black",
+    // bg
+    "hover:bg-slate-50 dark:hover:bg-slate-900",
+    // bg hover
+    "border border-slate-200 dark:border-slate-700"
+    // border
+  ),
+  subtle: classArr(
+    "text-slate-900 dark:text-slate-100",
+    // text
+    "bg-slate-100 hover:bg-slate-200 dark:bg-slate-700"
+    // bg
+  ),
+  default: classArr(
+    "text-white dark:text-slate-900 dark:hover:text-slate-900",
+    // text
+    "bg-slate-900 dark:bg-slate-50",
+    // bg
+    "hover:bg-slate-700 dark:hover:bg-slate-300"
+    // bg hover
+  ),
+  // filled colors
+  primary: "bg-indigo-500 text-white hover:bg-indigo-700 dark:bg-slate-800 dark:border-slate-700",
+  // filled colors status
+  success: "bg-green-500 text-white border-green-500",
+  error: "bg-red-600 text-white border-red-600 dark:border-red-600",
+  info: "bg-sky-500 text-white border-sky-500",
+  warning: "bg-yellow-500 text-white border-yellow-500"
+};
+const defaultVariant = toastVariant.default;
+function toastCva(variant = defaultVariant, ...customClasses) {
+  return classMerge(baseClasses, variantClasses[variant ?? defaultVariant], customClasses);
+}
+export {
+  toastCva
+};
+//# sourceMappingURL=toastCva.js.map

package/dist/interactive/toast/toastCva.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastCva.js","sources":["../../../lib/interactive/toast/toastCva.ts"],"sourcesContent":["import { toastVariant, type ToastVariant } from \"~ui/interactive/toast/toastVariant\"\nimport { classArr } from \"~ui/utils/classArr\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nconst baseClasses = classArr(\n  \"rounded-lg shadow-lg\", // card shadows/padding\n  \"p-4\",\n)\n\nconst variantClasses = {\n  // filled grayscale\n  filled: classArr(\n    \"dark:text-slate-100\", // text\n    \"bg-white dark:bg-black\", // bg\n    \"hover:bg-slate-50 dark:hover:bg-slate-900\", // bg hover\n    \"border border-slate-200 dark:border-slate-700\", // border\n  ),\n  subtle: classArr(\n    \"text-slate-900 dark:text-slate-100\", // text\n    \"bg-slate-100 hover:bg-slate-200 dark:bg-slate-700\", // bg\n  ),\n  default: classArr(\n    \"text-white dark:text-slate-900 dark:hover:text-slate-900\", // text\n    \"bg-slate-900 dark:bg-slate-50\", // bg\n    \"hover:bg-slate-700 dark:hover:bg-slate-300\", // bg hover\n  ),\n  // filled colors\n  primary: \"bg-indigo-500 text-white hover:bg-indigo-700 dark:bg-slate-800 dark:border-slate-700\",\n  // filled colors status\n  success: \"bg-green-500 text-white border-green-500\",\n  error: \"bg-red-600 text-white border-red-600 dark:border-red-600\",\n  info: \"bg-sky-500 text-white border-sky-500\",\n  warning: \"bg-yellow-500 text-white border-yellow-500\",\n} as const satisfies Record<ToastVariant, string>\n\nconst defaultVariant = toastVariant.default\n\nexport function toastCva(\n  variant: ToastVariant | null = defaultVariant,\n  ...customClasses: (string | boolean | undefined | null | 0)[]\n) {\n  return classMerge(baseClasses, variantClasses[variant ?? defaultVariant], customClasses)\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,cAAc;AAAA,EAClB;AAAA;AAAA,EACA;AACF;AAEA,MAAM,iBAAiB;AAAA;AAAA,EAErB,QAAQ;AAAA,IACN;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA;AAAA,IACA;AAAA;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EAAA;AAAA;AAAA,EAGF,SAAS;AAAA;AAAA,EAET,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX;AAEA,MAAM,iBAAiB,aAAa;AAE7B,SAAS,SACd,UAA+B,mBAC5B,eACH;AACA,SAAO,WAAW,aAAa,eAAe,WAAW,cAAc,GAAG,aAAa;AACzF;"}

package/dist/interactive/toast/toastDismiss.d.ts

@@ -0,0 +1,3 @@
+export declare function toastDismiss(toastId: string, log?: boolean): void;
+export declare function toastDismissAll(): void;
+//# sourceMappingURL=toastDismiss.d.ts.map

package/dist/interactive/toast/toastDismiss.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastDismiss.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/toastDismiss.ts"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,UAAQ,QAQxD;AAED,wBAAgB,eAAe,SAG9B"}

package/dist/interactive/toast/toastDismiss.js

@@ -0,0 +1,19 @@
+import { createToasterState } from "./GlobalToasterState.js";
+import { toasterState } from "./toasterState.js";
+function toastDismiss(toastId, log = false) {
+  let op = "toastDismiss";
+  const { toasts, timeouts } = toasterState.get();
+  if (log) console.debug({ op, toastId });
+  const newToasts = toasts.filter((t) => t.id !== toastId);
+  const { [toastId]: _, ...newTimeouts } = timeouts;
+  if (toasts.length === newToasts.length && Object.keys(newTimeouts).length === Object.keys(timeouts).length) return;
+  toasterState.set({ toasts: newToasts, timeouts: newTimeouts });
+}
+function toastDismissAll() {
+  toasterState.set(createToasterState());
+}
+export {
+  toastDismiss,
+  toastDismissAll
+};
+//# sourceMappingURL=toastDismiss.js.map

package/dist/interactive/toast/toastDismiss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastDismiss.js","sources":["../../../lib/interactive/toast/toastDismiss.ts"],"sourcesContent":["import { createToasterState } from \"~ui/interactive/toast/GlobalToasterState\"\nimport { toasterState } from \"~ui/interactive/toast/toasterState\"\n\nexport function toastDismiss(toastId: string, log = false) {\n  let op = \"toastDismiss\"\n  const { toasts, timeouts } = toasterState.get()\n  if (log) console.debug({ op, toastId })\n  const newToasts = toasts.filter((t) => t.id !== toastId)\n  const { [toastId]: _, ...newTimeouts } = timeouts\n  if (toasts.length === newToasts.length && Object.keys(newTimeouts).length === Object.keys(timeouts).length) return\n  toasterState.set({ toasts: newToasts, timeouts: newTimeouts })\n}\n\nexport function toastDismissAll() {\n  let op = \"toastDismissAll\"\n  toasterState.set(createToasterState())\n}\n"],"names":[],"mappings":";;AAGO,SAAS,aAAa,SAAiB,MAAM,OAAO;AACzD,MAAI,KAAK;AACT,QAAM,EAAE,QAAQ,aAAa,aAAa,IAAA;AAC1C,MAAI,IAAK,SAAQ,MAAM,EAAE,IAAI,SAAS;AACtC,QAAM,YAAY,OAAO,OAAO,CAAC,MAAM,EAAE,OAAO,OAAO;AACvD,QAAM,EAAE,CAAC,OAAO,GAAG,GAAG,GAAG,gBAAgB;AACzC,MAAI,OAAO,WAAW,UAAU,UAAU,OAAO,KAAK,WAAW,EAAE,WAAW,OAAO,KAAK,QAAQ,EAAE,OAAQ;AAC5G,eAAa,IAAI,EAAE,QAAQ,WAAW,UAAU,aAAa;AAC/D;AAEO,SAAS,kBAAkB;AAEhC,eAAa,IAAI,oBAAoB;AACvC;"}

package/dist/interactive/toast/toastIconCva.d.ts

@@ -0,0 +1,3 @@
+import { ToastVariant } from './toastVariant';
+export declare function toastIconCva(variant?: ToastVariant | null, ...customClasses: (string | boolean | undefined | null | 0)[]): string;
+//# sourceMappingURL=toastIconCva.d.ts.map

package/dist/interactive/toast/toastIconCva.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastIconCva.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/toastIconCva.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAmCpF,wBAAgB,YAAY,CAC1B,OAAO,GAAE,YAAY,GAAG,IAAqB,EAC7C,GAAG,aAAa,EAAE,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,EAAE,UAK9D"}

package/dist/interactive/toast/toastIconCva.js

@@ -0,0 +1,44 @@
+import { toastVariant } from "./toastVariant.js";
+import { classArr } from "../../utils/classArr.js";
+import { classMerge } from "../../utils/classMerge.js";
+const classesTextFillBlack = "text-black fill-black";
+const classesTextFillWhite = "text-white fill-white";
+const classesBlackWhite = classArr(
+  classesTextFillBlack,
+  "dark:text-white",
+  // dark text
+  "dark:fill-white"
+  // dark fill
+);
+const classesWhiteWhite = classArr(
+  classesTextFillWhite,
+  "dark:text-white",
+  // dark text
+  "dark:fill-white"
+  // dark fill
+);
+const variants = {
+  // filled grayscale
+  filled: classesBlackWhite,
+  subtle: classesBlackWhite,
+  default: classArr(classesTextFillWhite, "dark:text-black dark:fill-black"),
+  // filled colors
+  primary: classArr(classesTextFillWhite, "dark:text-indigo-100 dark:fill-indigo-100"),
+  // filled colors status
+  success: classesWhiteWhite,
+  info: classesWhiteWhite,
+  warning: classesWhiteWhite,
+  error: classesWhiteWhite
+};
+const defaultVariant = toastVariant.default;
+function toastIconCva(variant = defaultVariant, ...customClasses) {
+  return classMerge(
+    "size-6 min-w-6 min-h-6",
+    variants[variant ?? defaultVariant],
+    ...customClasses
+  );
+}
+export {
+  toastIconCva
+};
+//# sourceMappingURL=toastIconCva.js.map

package/dist/interactive/toast/toastIconCva.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastIconCva.js","sources":["../../../lib/interactive/toast/toastIconCva.ts"],"sourcesContent":["import { toastVariant, type ToastVariant } from \"~ui/interactive/toast/toastVariant\"\nimport { classArr } from \"~ui/utils/classArr\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nconst classesTextFillBlack = \"text-black fill-black\"\nconst classesTextFillWhite = \"text-white fill-white\"\n\nconst classesBlackWhite = classArr(\n  classesTextFillBlack,\n  \"dark:text-white\", // dark text\n  \"dark:fill-white\", // dark fill\n)\n\nconst classesWhiteWhite = classArr(\n  classesTextFillWhite,\n  \"dark:text-white\", // dark text\n  \"dark:fill-white\", // dark fill\n)\n\nconst variants = {\n  // filled grayscale\n  filled: classesBlackWhite,\n  subtle: classesBlackWhite,\n  default: classArr(classesTextFillWhite, \"dark:text-black dark:fill-black\"),\n  // filled colors\n  primary: classArr(classesTextFillWhite, \"dark:text-indigo-100 dark:fill-indigo-100\"),\n  // filled colors status\n  success: classesWhiteWhite,\n  info: classesWhiteWhite,\n  warning: classesWhiteWhite,\n  error: classesWhiteWhite,\n} as const satisfies Record<ToastVariant, string>\n\nconst defaultVariant = toastVariant.default\n\nexport function toastIconCva(\n  variant: ToastVariant | null = defaultVariant,\n  ...customClasses: (string | boolean | undefined | null | 0)[]\n) {\n  return classMerge(\n    \"size-6 min-w-6 min-h-6\",\n    variants[variant ?? defaultVariant], ...customClasses)\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,uBAAuB;AAC7B,MAAM,uBAAuB;AAE7B,MAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACF;AAEA,MAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACF;AAEA,MAAM,WAAW;AAAA;AAAA,EAEf,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS,SAAS,sBAAsB,iCAAiC;AAAA;AAAA,EAEzE,SAAS,SAAS,sBAAsB,2CAA2C;AAAA;AAAA,EAEnF,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AACT;AAEA,MAAM,iBAAiB,aAAa;AAE7B,SAAS,aACd,UAA+B,mBAC5B,eACH;AACA,SAAO;AAAA,IACL;AAAA,IACA,SAAS,WAAW,cAAc;AAAA,IAAG,GAAG;AAAA,EAAA;AAC5C;"}

package/dist/interactive/toast/toastVariant.d.ts

@@ -0,0 +1,22 @@
+export type ToastVariant = keyof typeof toastVariant;
+export declare const toastVariant: {
+    readonly filled: "filled";
+    readonly subtle: "subtle";
+    readonly default: "default";
+    readonly primary: "primary";
+    readonly success: "success";
+    readonly info: "info";
+    readonly warning: "warning";
+    readonly error: "error";
+};
+export declare const toastVariantIcon: {
+    readonly filled: "";
+    readonly subtle: "";
+    readonly default: "";
+    readonly primary: "";
+    readonly success: string;
+    readonly info: string;
+    readonly warning: string;
+    readonly error: string;
+};
+//# sourceMappingURL=toastVariant.d.ts.map

package/dist/interactive/toast/toastVariant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastVariant.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/toastVariant.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAA;AAEpD,eAAO,MAAM,YAAY;;;;;;;;;CAYf,CAAA;AAEV,eAAO,MAAM,gBAAgB;;;;;;;;;CAYoB,CAAA"}

package/dist/interactive/toast/toastVariant.js

@@ -0,0 +1,32 @@
+import { mdiAlertOctagram, mdiAlertCircle, mdiInformationOutline, mdiCheckCircle } from "@mdi/js";
+const toastVariant = {
+  // filled grayscale
+  filled: "filled",
+  subtle: "subtle",
+  default: "default",
+  // filled colors
+  primary: "primary",
+  // filled colors status
+  success: "success",
+  info: "info",
+  warning: "warning",
+  error: "error"
+};
+const toastVariantIcon = {
+  // filled grayscale
+  filled: "",
+  subtle: "",
+  default: "",
+  // filled colors
+  primary: "",
+  // filled colors status
+  success: mdiCheckCircle,
+  info: mdiInformationOutline,
+  warning: mdiAlertCircle,
+  error: mdiAlertOctagram
+};
+export {
+  toastVariant,
+  toastVariantIcon
+};
+//# sourceMappingURL=toastVariant.js.map

package/dist/interactive/toast/toastVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastVariant.js","sources":["../../../lib/interactive/toast/toastVariant.ts"],"sourcesContent":["import { mdiAlertCircle, mdiAlertOctagram, mdiCheckCircle, mdiInformationOutline } from \"@mdi/js\"\n\nexport type ToastVariant = keyof typeof toastVariant\n\nexport const toastVariant = {\n  // filled grayscale\n  filled: \"filled\",\n  subtle: \"subtle\",\n  default: \"default\",\n  // filled colors\n  primary: \"primary\",\n  // filled colors status\n  success: \"success\",\n  info: \"info\",\n  warning: \"warning\",\n  error: \"error\",\n} as const\n\nexport const toastVariantIcon = {\n  // filled grayscale\n  filled: \"\",\n  subtle: \"\",\n  default: \"\",\n  // filled colors\n  primary: \"\",\n  // filled colors status\n  success: mdiCheckCircle,\n  info: mdiInformationOutline,\n  warning: mdiAlertCircle,\n  error: mdiAlertOctagram,\n} as const satisfies Record<ToastVariant, string>\n"],"names":[],"mappings":";AAIO,MAAM,eAAe;AAAA;AAAA,EAE1B,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AACT;AAEO,MAAM,mBAAmB;AAAA;AAAA,EAE9B,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AACT;"}

package/dist/interactive/toast/toasterSettings.d.ts

@@ -0,0 +1,5 @@
+export declare const toasterSettings: {
+    readonly toastLimit: 3;
+    readonly removeDelayMs: 5000 | 7000;
+};
+//# sourceMappingURL=toasterSettings.d.ts.map

package/dist/interactive/toast/toasterSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toasterSettings.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/toasterSettings.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;CAGlB,CAAA"}

package/dist/interactive/toast/toasterSettings.js

@@ -0,0 +1,9 @@
+import { isDevEnv } from "../../env/isDevEnv.js";
+const toasterSettings = {
+  toastLimit: 3,
+  removeDelayMs: isDevEnv() ? 5e3 : 7e3
+};
+export {
+  toasterSettings
+};
+//# sourceMappingURL=toasterSettings.js.map

package/dist/interactive/toast/toasterSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toasterSettings.js","sources":["../../../lib/interactive/toast/toasterSettings.ts"],"sourcesContent":["import { isDevEnv } from \"~ui/env/isDevEnv\"\n\nexport const toasterSettings = {\n  toastLimit: 3,\n  removeDelayMs: isDevEnv() ? 5000 : 7000,\n} as const\n"],"names":[],"mappings":";AAEO,MAAM,kBAAkB;AAAA,EAC7B,YAAY;AAAA,EACZ,eAAe,SAAA,IAAa,MAAO;AACrC;"}

package/dist/interactive/toast/toasterState.d.ts

@@ -0,0 +1,2 @@
+export declare const toasterState: import('../../utils/createSignalObject').SignalObject<import('./GlobalToasterState').GlobalToasterState>;
+//# sourceMappingURL=toasterState.d.ts.map

package/dist/interactive/toast/toasterState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toasterState.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/toasterState.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,4HAA2C,CAAA"}

package/dist/interactive/toast/toasterState.js

@@ -0,0 +1,7 @@
+import { createToasterState } from "./GlobalToasterState.js";
+import { createSignalObject } from "../../utils/createSignalObject.js";
+const toasterState = createSignalObject(createToasterState());
+export {
+  toasterState
+};
+//# sourceMappingURL=toasterState.js.map

package/dist/interactive/toast/toasterState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toasterState.js","sources":["../../../lib/interactive/toast/toasterState.ts"],"sourcesContent":["import { createToasterState } from \"~ui/interactive/toast/GlobalToasterState\"\nimport { createSignalObject } from \"~ui/utils/createSignalObject\"\n\nexport const toasterState = createSignalObject(createToasterState())\n"],"names":[],"mappings":";;AAGO,MAAM,eAAe,mBAAmB,mBAAA,CAAoB;"}

package/dist/interactive/toggle/ToggleButton.d.ts

@@ -0,0 +1,23 @@
+import { ComponentProps } from 'solid-js';
+import { MayHaveChildren } from '../../utils/MayHaveChildren';
+import { MayHaveClass } from '../../utils/MayHaveClass';
+import { MayHaveDisabledAccessor } from '../../utils/MayHaveDisabledAccessor';
+import { SignalObject } from '../../utils/createSignalObject';
+/**
+ * https://github.com/radix-ui/primitives/blob/main/packages/react/toggle/src/Toggle.tsx
+ * https://github.com/mui/base-ui/blob/master/packages/react/src/toggle/useToggle.ts
+ */
+export interface ToggleButtonProps extends ToggleButtonStateProps, MayHaveClass, MayHaveChildren, Omit<MayHaveDisabledAccessor, "disabled">, ComponentProps<"button"> {
+    title: string;
+    onClick?: (e: MouseEvent & {
+        currentTarget: HTMLButtonElement;
+        target: Element;
+    }) => void;
+    onPressedChange?: (pressed: boolean) => void;
+}
+type ToggleButtonStateProps = {
+    pressedSignal: SignalObject<boolean>;
+};
+export declare function ToggleButton(p: ToggleButtonProps): import("solid-js").JSX.Element;
+export {};
+//# sourceMappingURL=ToggleButton.d.ts.map

package/dist/interactive/toggle/ToggleButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toggle/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,UAAU,CAAA;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,KAAK,uBAAuB,EAAc,MAAM,mCAAmC,CAAA;AAC5F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEhE;;;GAGG;AACH,MAAM,WAAW,iBACf,SAAQ,sBAAsB,EAC5B,YAAY,EACZ,eAAe,EACf,IAAI,CAAC,uBAAuB,EAAE,UAAU,CAAC,EACzC,cAAc,CAAC,QAAQ,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG;QAAE,aAAa,EAAE,iBAAiB,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACzF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC7C;AAED,KAAK,sBAAsB,GAAG;IAC5B,aAAa,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;CACrC,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,iBAAiB,kCAqBhD"}