@smwb/ui-solid 0.12.1 → 0.14.0

package/dist/components/feedBack/skeleton/skeleton.js

@@ -1,75 +1,83 @@
-import { createComponent as o, use as g, insert as h, Dynamic as m, mergeProps as d, template as y } from "solid-js/web";
+import { createComponent as o, use as f, spread as h, mergeProps as l, insert as y, Dynamic as c, template as w } from "solid-js/web";
 import '../../../assets/styles/less/components/skeleton/skeleton.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
 /* empty css                                                           */
-import { mergeProps as w, splitProps as _, Show as k, For as $ } from "solid-js";
-import b from "clsx";
-import { mergeRefs as l } from "../../../primitives/mergeRefs.js";
-var v = /* @__PURE__ */ y("<span class=smwb-skeleton__group aria-hidden=true>");
-const c = (n) => typeof n == "number" ? `${n}px` : n;
-function z(n) {
-  const p = w({
+import { mergeProps as _, splitProps as k, Show as $, For as b } from "solid-js";
+import v from "clsx";
+import { mergeRefs as p } from "../../../primitives/mergeRefs.js";
+import { mergeStyle as S } from "../../../primitives/mergeStyle.js";
+var D = /* @__PURE__ */ w("<span>");
+const d = (n) => typeof n == "number" ? `${n}px` : n;
+function R(n) {
+  const u = _({
     variant: "text",
     animation: "pulse",
     count: 1,
     component: "span"
-  }, n), [e, u] = _(p, ["class", "variant", "width", "height", "animation", "count", "animationDelay", "component", "style", "ref"]), a = () => b("smwb-skeleton", `smwb-skeleton_${e.variant}`, e.animation === !1 ? "smwb-skeleton_no-animation" : `smwb-skeleton_${e.animation}`, e.class), s = (t) => ({
-    ...typeof e.style == "object" && e.style ? e.style : {},
-    width: c(e.width),
-    height: c(e.height),
-    ...e.animationDelay ? {
-      "animation-delay": `${t * e.animationDelay}ms`
+  }, n), [t, a] = k(u, ["class", "variant", "width", "height", "animation", "count", "animationDelay", "component", "style", "ref", "data-testid"]), s = () => v("smwb-skeleton", `smwb-skeleton_${t.variant}`, t.animation === !1 ? "smwb-skeleton_no-animation" : `smwb-skeleton_${t.animation}`, t.class), i = (e) => S(t.style, {
+    width: d(t.width),
+    height: d(t.height),
+    ...t.animationDelay ? {
+      "animation-delay": `${e * t.animationDelay}ms`
     } : {}
   });
-  return o(k, {
+  return o($, {
     get when() {
-      return e.count > 1;
+      return t.count > 1;
     },
     get fallback() {
-      return o(m, d({
+      return o(c, l({
         get component() {
-          return e.component;
+          return t.component;
         }
-      }, u, {
-        ref(t) {
-          var r = l(e.ref);
-          typeof r == "function" && r(t);
+      }, a, {
+        ref(e) {
+          var r = p(t.ref);
+          typeof r == "function" && r(e);
+        },
+        get "data-testid"() {
+          return t["data-testid"] ?? "skeleton";
         },
-        "data-testid": "skeleton",
         "aria-hidden": "true",
         get class() {
-          return a();
+          return s();
         },
         get style() {
-          return s(0);
+          return i(0);
         }
       }));
     },
     get children() {
-      var t = v(), r = l(e.ref);
-      return typeof r == "function" && g(r, t), h(t, o($, {
+      var e = D(), r = p(t.ref);
+      return typeof r == "function" && f(r, e), h(e, l(a, {
+        get "data-testid"() {
+          return t["data-testid"];
+        },
+        class: "smwb-skeleton__group",
+        "aria-hidden": "true"
+      }), !1, !0), y(e, o(b, {
         get each() {
           return Array.from({
-            length: e.count
-          }, (i, f) => f);
+            length: t.count
+          }, (m, g) => g);
         },
-        children: (i) => o(m, {
+        children: (m) => o(c, {
           get component() {
-            return e.component;
+            return t.component;
           },
           "data-testid": "skeleton",
           "aria-hidden": "true",
           get class() {
-            return a();
+            return s();
           },
           get style() {
-            return s(i);
+            return i(m);
           }
         })
-      })), t;
+      })), e;
     }
   });
 }
 export {
-  z as Skeleton
+  R as Skeleton
 };
 //# sourceMappingURL=skeleton.js.map

package/dist/components/feedBack/skeleton/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["../../../../src/components/feedBack/skeleton/skeleton.tsx"],"sourcesContent":["import { type JSX, For, Show, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface SkeletonProps extends JSX.HTMLAttributes<HTMLElement> {\n  /** Shape of the placeholder. */\n  variant?: \"text\" | \"circular\" | \"rounded\" | \"rectangular\";\n  /** Width — number (px) or any CSS length. */\n  width?: number | string;\n  /** Height — number (px) or any CSS length. */\n  height?: number | string;\n  /** Shimmer animation; pass false to disable. */\n  animation?: \"pulse\" | \"wave\" | false;\n  /** Render N stacked placeholders. */\n  count?: number;\n  /** Stagger consecutive items by N ms (with `count`). */\n  animationDelay?: number;\n  /** Root element. */\n  component?: \"span\" | \"div\";\n  ref?: Ref<HTMLElement>;\n}\n\nconst toCssSize = (value?: number | string): string | undefined => (typeof value === \"number\" ? `${value}px` : value);\n\nexport function Skeleton(props: SkeletonProps): JSX.Element {\n  const merged = mergeProps(\n    { variant: \"text\" as const, animation: \"pulse\" as const, count: 1, component: \"span\" as const },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"variant\",\n    \"width\",\n    \"height\",\n    \"animation\",\n    \"count\",\n    \"animationDelay\",\n    \"component\",\n    \"style\",\n    \"ref\",\n  ]);\n\n  const className = (): string =>\n    cn(\n      \"smwb-skeleton\",\n      `smwb-skeleton_${local.variant}`,\n      local.animation === false ? \"smwb-skeleton_no-animation\" : `smwb-skeleton_${local.animation}`,\n      local.class\n    );\n\n  const itemStyle = (index: number): JSX.CSSProperties => ({\n    ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n    width: toCssSize(local.width),\n    height: toCssSize(local.height),\n    ...(local.animationDelay ? { \"animation-delay\": `${index * local.animationDelay}ms` } : {}),\n  });\n\n  return (\n    <Show\n      when={local.count > 1}\n      fallback={\n        <Dynamic\n          component={local.component}\n          {...rest}\n          ref={mergeRefs(local.ref)}\n          data-testid=\"skeleton\"\n          aria-hidden=\"true\"\n          class={className()}\n          style={itemStyle(0)}\n        />\n      }\n    >\n      <span ref={mergeRefs(local.ref)} class=\"smwb-skeleton__group\" aria-hidden=\"true\">\n        <For each={Array.from({ length: local.count }, (_, i) => i)}>\n          {(index) => (\n            <Dynamic\n              component={local.component}\n              data-testid=\"skeleton\"\n              aria-hidden=\"true\"\n              class={className()}\n              style={itemStyle(index)}\n            />\n          )}\n        </For>\n      </span>\n    </Show>\n  );\n}\n\nexport default Skeleton;\n"],"names":["toCssSize","value","Skeleton","props","merged","mergeProps","variant","animation","count","component","local","rest","splitProps","className","cn","class","itemStyle","index","style","width","height","animationDelay","_$createComponent","Show","when","fallback","Dynamic","_$mergeProps","ref","r$","_ref$2","mergeRefs","children","_el$","_tmpl$","_ref$","_$use","_$insert","For","each","Array","from","length","_","i"],"mappings":";;;;;;;AAyBA,MAAMA,IAAYA,CAACC,MAAiD,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA;AAExG,SAASC,EAASC,GAAmC;AAC1D,QAAMC,IAASC,EACb;AAAA,IAAEC,SAAS;AAAA,IAAiBC,WAAW;AAAA,IAAkBC,OAAO;AAAA,IAAGC,WAAW;AAAA,EAAA,GAC9EN,CACF,GACM,CAACO,GAAOC,CAAI,IAAIC,EAAWR,GAAQ,CACvC,SACA,WACA,SACA,UACA,aACA,SACA,kBACA,aACA,SACA,KAAK,CACN,GAEKS,IAAYA,MAChBC,EACE,iBACA,iBAAiBJ,EAAMJ,OAAO,IAC9BI,EAAMH,cAAc,KAAQ,+BAA+B,iBAAiBG,EAAMH,SAAS,IAC3FG,EAAMK,KACR,GAEIC,IAAYA,CAACC,OAAsC;AAAA,IACvD,GAAI,OAAOP,EAAMQ,SAAU,YAAYR,EAAMQ,QAAQR,EAAMQ,QAAQ,CAAA;AAAA,IACnEC,OAAOnB,EAAUU,EAAMS,KAAK;AAAA,IAC5BC,QAAQpB,EAAUU,EAAMU,MAAM;AAAA,IAC9B,GAAIV,EAAMW,iBAAiB;AAAA,MAAE,mBAAmB,GAAGJ,IAAQP,EAAMW,cAAc;AAAA,IAAA,IAAS,CAAA;AAAA,EAAC;AAG3F,SAAAC,EACGC,GAAI;AAAA,IAAA,IACHC,OAAI;AAAA,aAAEd,EAAMF,QAAQ;AAAA,IAAC;AAAA,IAAA,IACrBiB,WAAQ;AAAA,aAAAH,EACLI,GAAOC,EAAA;AAAA,QAAA,IACNlB,YAAS;AAAA,iBAAEC,EAAMD;AAAAA,QAAS;AAAA,MAAA,GACtBE,GAAI;AAAA,QAAAiB,IAAAC,GAAA;AAAA,cAAAC,IACHC,EAAUrB,EAAMkB,GAAG;AAAC,iBAAAE,KAAA,cAAAA,EAAAD,CAAA;AAAA,QAAA;AAAA,QAAA,eAAA;AAAA,QAAA,eAAA;AAAA,QAAA,IAAA,QAAA;AAAA,iBAGlBhB,EAAAA;AAAAA,QAAW;AAAA,QAAA,IAClBK,QAAK;AAAA,iBAAEF,EAAU,CAAC;AAAA,QAAC;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,IAAA,IAAAgB,WAAA;AAAA,UAAAC,IAAAC,EAAAA,GAAAC,IAIZJ,EAAUrB,EAAMkB,GAAG;AAAC,oBAAAO,KAAA,cAAAC,EAAAD,GAAAF,CAAA,GAAAI,EAAAJ,GAAAX,EAC5BgB,GAAG;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEC,MAAMC,KAAK;AAAA,YAAEC,QAAQhC,EAAMF;AAAAA,UAAAA,GAAS,CAACmC,GAAGC,MAAMA,CAAC;AAAA,QAAC;AAAA,QAAAZ,UACvDf,CAAAA,MAAKK,EACJI,GAAO;AAAA,UAAA,IACNjB,YAAS;AAAA,mBAAEC,EAAMD;AAAAA,UAAS;AAAA,UAAA,eAAA;AAAA,UAAA,eAAA;AAAA,UAAA,IAAA,QAAA;AAAA,mBAGnBI,EAAAA;AAAAA,UAAW;AAAA,UAAA,IAClBK,QAAK;AAAA,mBAAEF,EAAUC,CAAK;AAAA,UAAC;AAAA,QAAA,CAAA;AAAA,MAAA,CAE1B,CAAA,GAAAgB;AAAAA,IAAA;AAAA,EAAA,CAAA;AAKX;"}
+{"version":3,"file":"skeleton.js","sources":["../../../../src/components/feedBack/skeleton/skeleton.tsx"],"sourcesContent":["import { type JSX, For, Show, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { mergeStyle } from \"../../../primitives/mergeStyle\";\n\nexport interface SkeletonProps extends JSX.HTMLAttributes<HTMLElement> {\n  /** Shape of the placeholder. */\n  variant?: \"text\" | \"circular\" | \"rounded\" | \"rectangular\";\n  /** Width — number (px) or any CSS length. */\n  width?: number | string;\n  /** Height — number (px) or any CSS length. */\n  height?: number | string;\n  /** Shimmer animation; pass false to disable. */\n  animation?: \"pulse\" | \"wave\" | false;\n  /**\n   * Render N stacked placeholders. With `count` > 1 they sit in a group `<span>`, which takes the `ref` and the\n   * other HTML attributes; `class` and `style` go on each placeholder.\n   */\n  count?: number;\n  /** Stagger consecutive items by N ms (with `count`). */\n  animationDelay?: number;\n  /** Element of each placeholder. */\n  component?: \"span\" | \"div\";\n  /**\n   * Test id of the placeholder; `skeleton` unless given. With `count` > 1 it\n   * marks the group, and each placeholder keeps `skeleton`.\n   */\n  \"data-testid\"?: string | undefined;\n  ref?: Ref<HTMLElement>;\n}\n\nconst toCssSize = (value?: number | string): string | undefined => (typeof value === \"number\" ? `${value}px` : value);\n\nexport function Skeleton(props: SkeletonProps): JSX.Element {\n  const merged = mergeProps(\n    { variant: \"text\" as const, animation: \"pulse\" as const, count: 1, component: \"span\" as const },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"variant\",\n    \"width\",\n    \"height\",\n    \"animation\",\n    \"count\",\n    \"animationDelay\",\n    \"component\",\n    \"style\",\n    \"ref\",\n    \"data-testid\",\n  ]);\n\n  const className = (): string =>\n    cn(\n      \"smwb-skeleton\",\n      `smwb-skeleton_${local.variant}`,\n      local.animation === false ? \"smwb-skeleton_no-animation\" : `smwb-skeleton_${local.animation}`,\n      local.class\n    );\n\n  const itemStyle = (index: number): JSX.CSSProperties | string | undefined =>\n    mergeStyle(local.style, {\n      width: toCssSize(local.width),\n      height: toCssSize(local.height),\n      ...(local.animationDelay ? { \"animation-delay\": `${index * local.animationDelay}ms` } : {}),\n    });\n\n  return (\n    <Show\n      when={local.count > 1}\n      fallback={\n        <Dynamic\n          component={local.component}\n          {...rest}\n          ref={mergeRefs(local.ref)}\n          data-testid={local[\"data-testid\"] ?? \"skeleton\"}\n          aria-hidden=\"true\"\n          class={className()}\n          style={itemStyle(0)}\n        />\n      }\n    >\n      <span\n        {...rest}\n        ref={mergeRefs(local.ref)}\n        data-testid={local[\"data-testid\"]}\n        class=\"smwb-skeleton__group\"\n        aria-hidden=\"true\"\n      >\n        <For each={Array.from({ length: local.count }, (_, i) => i)}>\n          {(index) => (\n            <Dynamic\n              component={local.component}\n              data-testid=\"skeleton\"\n              aria-hidden=\"true\"\n              class={className()}\n              style={itemStyle(index)}\n            />\n          )}\n        </For>\n      </span>\n    </Show>\n  );\n}\n\nexport default Skeleton;\n"],"names":["toCssSize","value","Skeleton","props","merged","mergeProps","variant","animation","count","component","local","rest","splitProps","className","cn","class","itemStyle","index","mergeStyle","style","width","height","animationDelay","_$createComponent","Show","when","fallback","Dynamic","_$mergeProps","ref","r$","_ref$2","mergeRefs","children","_el$","_tmpl$","_ref$","_$use","_$spread","_$insert","For","each","Array","from","length","_","i"],"mappings":";;;;;;;;AAkCA,MAAMA,IAAYA,CAACC,MAAiD,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA;AAExG,SAASC,EAASC,GAAmC;AAC1D,QAAMC,IAASC,EACb;AAAA,IAAEC,SAAS;AAAA,IAAiBC,WAAW;AAAA,IAAkBC,OAAO;AAAA,IAAGC,WAAW;AAAA,EAAA,GAC9EN,CACF,GACM,CAACO,GAAOC,CAAI,IAAIC,EAAWR,GAAQ,CACvC,SACA,WACA,SACA,UACA,aACA,SACA,kBACA,aACA,SACA,OACA,aAAa,CACd,GAEKS,IAAYA,MAChBC,EACE,iBACA,iBAAiBJ,EAAMJ,OAAO,IAC9BI,EAAMH,cAAc,KAAQ,+BAA+B,iBAAiBG,EAAMH,SAAS,IAC3FG,EAAMK,KACR,GAEIC,IAAYA,CAACC,MACjBC,EAAWR,EAAMS,OAAO;AAAA,IACtBC,OAAOpB,EAAUU,EAAMU,KAAK;AAAA,IAC5BC,QAAQrB,EAAUU,EAAMW,MAAM;AAAA,IAC9B,GAAIX,EAAMY,iBAAiB;AAAA,MAAE,mBAAmB,GAAGL,IAAQP,EAAMY,cAAc;AAAA,IAAA,IAAS,CAAA;AAAA,EAAC,CAC1F;AAEH,SAAAC,EACGC,GAAI;AAAA,IAAA,IACHC,OAAI;AAAA,aAAEf,EAAMF,QAAQ;AAAA,IAAC;AAAA,IAAA,IACrBkB,WAAQ;AAAA,aAAAH,EACLI,GAAOC,EAAA;AAAA,QAAA,IACNnB,YAAS;AAAA,iBAAEC,EAAMD;AAAAA,QAAS;AAAA,MAAA,GACtBE,GAAI;AAAA,QAAAkB,IAAAC,GAAA;AAAA,cAAAC,IACHC,EAAUtB,EAAMmB,GAAG;AAAC,iBAAAE,KAAA,cAAAA,EAAAD,CAAA;AAAA,QAAA;AAAA,QAAA,IAAA,gBAAA;AAAA,iBACZpB,EAAM,aAAa,KAAK;AAAA,QAAU;AAAA,QAAA,eAAA;AAAA,QAAA,IAAA,QAAA;AAAA,iBAExCG,EAAAA;AAAAA,QAAW;AAAA,QAAA,IAClBM,QAAK;AAAA,iBAAEH,EAAU,CAAC;AAAA,QAAC;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,IAAA,IAAAiB,WAAA;AAAA,UAAAC,IAAAC,EAAAA,GAAAC,IAMhBJ,EAAUtB,EAAMmB,GAAG;AAAC,oBAAAO,KAAA,cAAAC,EAAAD,GAAAF,CAAA,GAAAI,EAAAJ,GAAAN,EADrBjB,GAAI;AAAA,QAAA,IAAA,gBAAA;AAAA,iBAEKD,EAAM,aAAa;AAAA,QAAC;AAAA,QAAA,OAC3B;AAAA,QAAsB,eAChB;AAAA,MAAA,CAAM,GAAA,IAAA,EAAA,GAAA6B,EAAAL,GAAAX,EAEjBiB,GAAG;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEC,MAAMC,KAAK;AAAA,YAAEC,QAAQlC,EAAMF;AAAAA,UAAAA,GAAS,CAACqC,GAAGC,MAAMA,CAAC;AAAA,QAAC;AAAA,QAAAb,UACvDhB,CAAAA,MAAKM,EACJI,GAAO;AAAA,UAAA,IACNlB,YAAS;AAAA,mBAAEC,EAAMD;AAAAA,UAAS;AAAA,UAAA,eAAA;AAAA,UAAA,eAAA;AAAA,UAAA,IAAA,QAAA;AAAA,mBAGnBI,EAAAA;AAAAA,UAAW;AAAA,UAAA,IAClBM,QAAK;AAAA,mBAAEH,EAAUC,CAAK;AAAA,UAAC;AAAA,QAAA,CAAA;AAAA,MAAA,CAE1B,CAAA,GAAAiB;AAAAA,IAAA;AAAA,EAAA,CAAA;AAKX;"}

package/dist/components/feedBack/snackbar/snackbar.js

@@ -29,11 +29,11 @@ const W = {
   exitActive: "smwb-snackbar-exit-active"
 };
 function X(t) {
-  const c = S({
+  const l = S({
     variant: "dark",
     position: "top-right",
     component: "div"
-  }, t), [e, m] = h(c, ["class", "message", "variant", "position", "onClick", "component", "isAutoClose", "autoCloseTime", "onClose", "action", "transitionClass", "ref"]);
+  }, t), [e, c] = h(l, ["class", "message", "variant", "position", "onClick", "component", "isAutoClose", "autoCloseTime", "onClose", "action", "transitionClass", "ref"]);
   let o;
   return M(() => {
     e.onClose && e.isAutoClose && e.autoCloseTime && (o = setTimeout(() => e.onClose?.(), e.autoCloseTime));
@@ -43,10 +43,10 @@ function X(t) {
     get component() {
       return e.component ?? "div";
     }
-  }, m, {
+  }, c, {
     ref(a) {
-      var u = H(e.ref);
-      typeof u == "function" && u(a);
+      var m = H(e.ref);
+      typeof m == "function" && m(a);
     },
     get class() {
       return A("smwb-snackbar", e.class, `smwb-${e.variant}`, `smwb-${e.position}`, e.transitionClass);
@@ -54,11 +54,15 @@ function X(t) {
     get onClick() {
       return e.onClick;
     },
-    role: "alert",
+    get role() {
+      return c.role ?? "alert";
+    },
     get "aria-live"() {
-      return e.variant === "danger" ? "assertive" : "polite";
+      return c["aria-live"] ?? (e.variant === "danger" ? "assertive" : "polite");
+    },
+    get "aria-atomic"() {
+      return c["aria-atomic"] ?? "true";
     },
-    "aria-atomic": "true",
     get children() {
       return [(() => {
         var a = J();
@@ -76,7 +80,7 @@ function X(t) {
   }));
 }
 function Y(t) {
-  const c = G({
+  const l = G({
     in: () => !0,
     appear: !0,
     timeout: {
@@ -103,7 +107,7 @@ function Y(t) {
       return t.snack.class;
     },
     get transitionClass() {
-      return c.classes();
+      return l.classes();
     },
     get isAutoClose() {
       return t.snack.autoClose ?? t.autoClose;
@@ -116,27 +120,27 @@ function Y(t) {
   });
 }
 function ie(t) {
-  const c = S({
+  const l = S({
     position: "top-right",
     variant: "dark",
     autoClose: !0,
     autoCloseTime: 5e3,
     closeOnClick: !0,
     component: "div"
-  }, t), [e] = h(c, ["position", "variant", "class", "autoClose", "autoCloseTime", "closeOnClick", "onClick", "component", "children"]), [m, o] = E([]), a = z(), u = (n) => {
+  }, t), [e] = h(l, ["position", "variant", "class", "autoClose", "autoCloseTime", "closeOnClick", "onClick", "component", "children"]), [c, o] = E([]), a = z(), m = (n) => {
     const {
       key: i,
       ...r
-    } = n, l = i ?? `snack-${++V}`, g = {
-      id: l,
+    } = n, u = i ?? `snack-${++V}`, g = {
+      id: u,
       ...r
     };
     return o((d) => {
-      const v = d.findIndex((R) => R.id === l);
+      const v = d.findIndex((R) => R.id === u);
       if (v === -1) return [...d, g];
       const p = [...d];
       return p[v] = g, p;
-    }), l;
+    }), u;
   }, k = (n) => {
     o((i) => i.filter((r) => r.id !== n));
   }, $ = () => {
@@ -149,7 +153,7 @@ function ie(t) {
     e.closeOnClick && k(n);
   }, y = () => {
     const n = {};
-    for (const i of m()) {
+    for (const i of c()) {
       const r = i.position ?? e.position;
       (n[r] = n[r] ?? []).push(i);
     }
@@ -157,7 +161,7 @@ function ie(t) {
   };
   return s(T.Provider, {
     value: {
-      addSnackbar: u,
+      addSnackbar: m,
       clearAllSnackbars: $,
       clearFirstSnackbar: _,
       clearLastSnackbar: x,
@@ -182,8 +186,8 @@ function ie(t) {
                   var r = U();
                   return F(r, "data-testid", `snackbars-${n}`), C(r, s(f, {
                     each: i,
-                    children: (l) => s(Y, {
-                      snack: l,
+                    children: (u) => s(Y, {
+                      snack: u,
                       get position() {
                         return e.position;
                       },

package/dist/components/feedBack/snackbar/snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.js","sources":["../../../../src/components/feedBack/snackbar/snackbar.tsx"],"sourcesContent":["import {\n  type JSX,\n  type ParentProps,\n  For,\n  Show,\n  createContext,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { Dynamic, Portal } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { createSnackbarsPortal } from \"./useSnackbarsPortal\";\nimport { createCssTransition } from \"../../../primitives/createCssTransition\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport const variants = [\"dark\", \"light\", \"danger\", \"success\", \"warning\", \"info\"] as const;\nexport const positions = [\"top\", \"bottom\", \"top-left\", \"top-right\", \"bottom-right\", \"bottom-left\"] as const;\n\nexport type Variants = (typeof variants)[number];\nexport type Position = (typeof positions)[number];\n\nexport interface SnackbarsProviderProps extends JSX.HTMLAttributes<HTMLElement> {\n  variant?: Variants;\n  position?: Position;\n  autoCloseTime?: number;\n  closeOnClick?: boolean;\n  autoClose?: boolean;\n  component?: string;\n}\n\ninterface Snack {\n  id: string;\n  message: JSX.Element;\n  variant?: Variants | undefined;\n  position?: Position | undefined;\n  autoClose?: boolean | undefined;\n  autoCloseTime?: number | undefined;\n  component?: string | undefined;\n  class?: string | undefined;\n}\n\nexport interface AddSnackbarOptions {\n  key?: string;\n  message: JSX.Element;\n  variant?: Variants | undefined;\n  position?: Position | undefined;\n  autoClose?: boolean | undefined;\n  autoCloseTime?: number | undefined;\n  component?: string | undefined;\n  class?: string;\n}\n\nexport type AddSnackbar = (options: AddSnackbarOptions) => string;\n\nexport interface SnackbarOptions {\n  addSnackbar: AddSnackbar;\n  clearAllSnackbars: () => void;\n  clearFirstSnackbar: () => void;\n  clearLastSnackbar: () => void;\n  clearByIdSnackbar: (id: string) => void;\n}\n\nconst SnackbarContext = createContext<SnackbarOptions>({\n  addSnackbar: () => \"\",\n  clearAllSnackbars: () => undefined,\n  clearFirstSnackbar: () => undefined,\n  clearLastSnackbar: () => undefined,\n  clearByIdSnackbar: () => undefined,\n});\n\nlet snackCounter = 0;\n\nconst SNACKBAR_CLASSNAMES = {\n  appear: \"smwb-snackbar-enter\",\n  appearActive: \"smwb-snackbar-enter-active\",\n  appearDone: \"smwb-snackbar-enter-done\",\n  enter: \"smwb-snackbar-enter\",\n  enterActive: \"smwb-snackbar-enter-active\",\n  enterDone: \"smwb-snackbar-enter-done\",\n  exitActive: \"smwb-snackbar-exit-active\",\n};\n\nexport interface SnackbarProps extends JSX.HTMLAttributes<HTMLElement> {\n  message?: JSX.Element;\n  variant?: Variants;\n  position?: Position;\n  component?: string;\n  isAutoClose?: boolean;\n  autoCloseTime?: number;\n  onClose?: () => void;\n  /** Optional action node rendered after the message (e.g. an Undo button). */\n  action?: JSX.Element;\n  /** Enter-transition classes for the appear animation. */\n  transitionClass?: string;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function Snackbar(props: SnackbarProps): JSX.Element {\n  const merged = mergeProps({ variant: \"dark\" as Variants, position: \"top-right\" as Position, component: \"div\" }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"message\",\n    \"variant\",\n    \"position\",\n    \"onClick\",\n    \"component\",\n    \"isAutoClose\",\n    \"autoCloseTime\",\n    \"onClose\",\n    \"action\",\n    \"transitionClass\",\n    \"ref\",\n  ]);\n\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  onMount(() => {\n    if (local.onClose && local.isAutoClose && local.autoCloseTime) {\n      timer = setTimeout(() => local.onClose?.(), local.autoCloseTime);\n    }\n  });\n  onCleanup(() => {\n    if (timer !== undefined) clearTimeout(timer);\n  });\n\n  return (\n    <Dynamic\n      component={local.component ?? \"div\"}\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-snackbar\", local.class, `smwb-${local.variant}`, `smwb-${local.position}`, local.transitionClass)}\n      onClick={local.onClick}\n      role=\"alert\"\n      aria-live={local.variant === \"danger\" ? \"assertive\" : \"polite\"}\n      aria-atomic=\"true\"\n    >\n      <div class=\"smwb-snackbar__body\">{local.message}</div>\n      <Show when={local.action != null}>\n        <div class=\"smwb-snackbar__action\">{local.action}</div>\n      </Show>\n    </Dynamic>\n  );\n}\n\nfunction AnimatedSnack(props: {\n  snack: Snack;\n  position: Position;\n  variant: Variants;\n  component: string;\n  autoClose: boolean;\n  autoCloseTime: number;\n  onRemove: (id: string) => void;\n  onClose: (id: string) => void;\n}): JSX.Element {\n  const transition = createCssTransition({\n    in: () => true,\n    appear: true,\n    timeout: { appear: 125, enter: 125, exit: 125 },\n    classNames: SNACKBAR_CLASSNAMES,\n  });\n  return (\n    <Snackbar\n      component={props.snack.component ?? props.component}\n      message={props.snack.message}\n      position={props.snack.position ?? props.position}\n      variant={props.snack.variant ?? props.variant}\n      class={props.snack.class}\n      transitionClass={transition.classes()}\n      isAutoClose={props.snack.autoClose ?? props.autoClose}\n      autoCloseTime={props.snack.autoCloseTime ?? props.autoCloseTime}\n      onClick={() => props.onRemove(props.snack.id)}\n      onClose={() => props.onClose(props.snack.id)}\n    />\n  );\n}\n\nexport function SnackbarProvider(props: ParentProps<SnackbarsProviderProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      position: \"top-right\" as Position,\n      variant: \"dark\" as Variants,\n      autoClose: true,\n      autoCloseTime: 5000,\n      closeOnClick: true,\n      component: \"div\",\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"position\",\n    \"variant\",\n    \"class\",\n    \"autoClose\",\n    \"autoCloseTime\",\n    \"closeOnClick\",\n    \"onClick\",\n    \"component\",\n    \"children\",\n  ]);\n\n  const [snacks, setSnacks] = createSignal<Snack[]>([]);\n  const portalRoot = createSnackbarsPortal();\n\n  const addSnackbar: AddSnackbar = (options) => {\n    const { key, ...optionRest } = options;\n    const id = key ?? `snack-${++snackCounter}`;\n    const snack: Snack = { id, ...optionRest };\n    setSnacks((prev) => {\n      const index = prev.findIndex((item) => item.id === id);\n      if (index === -1) return [...prev, snack];\n      const next = [...prev];\n      next[index] = snack;\n      return next;\n    });\n    return id;\n  };\n\n  const clearByIdSnackbar = (id: string): void => {\n    setSnacks((prev) => prev.filter((item) => item.id !== id));\n  };\n  const clearAllSnackbars = (): void => {\n    setSnacks([]);\n  };\n  const clearFirstSnackbar = (): void => {\n    setSnacks((prev) => prev.slice(1));\n  };\n  const clearLastSnackbar = (): void => {\n    setSnacks((prev) => prev.slice(0, -1));\n  };\n\n  const onRemove = (id: string): void => {\n    if (local.closeOnClick) clearByIdSnackbar(id);\n  };\n\n  const grouped = (): Array<[Position, Snack[]]> => {\n    const acc = {} as Record<Position, Snack[]>;\n    for (const snack of snacks()) {\n      const pos = snack.position ?? local.position;\n      (acc[pos] = acc[pos] ?? []).push(snack);\n    }\n    return Object.entries(acc) as Array<[Position, Snack[]]>;\n  };\n\n  return (\n    <SnackbarContext.Provider\n      value={{ addSnackbar, clearAllSnackbars, clearFirstSnackbar, clearLastSnackbar, clearByIdSnackbar }}\n    >\n      {local.children}\n      <Show when={portalRoot()}>\n        <Portal mount={portalRoot()!}>\n          <For each={grouped()}>\n            {([pos, list]) => (\n              <div class={cn(\"smwb-snackbars\", `smwb-${pos}`)} data-testid={`snackbars-${pos}`}>\n                <For each={list}>\n                  {(snack) => (\n                    <AnimatedSnack\n                      snack={snack}\n                      position={local.position}\n                      variant={local.variant}\n                      component={local.component}\n                      autoClose={local.autoClose}\n                      autoCloseTime={local.autoCloseTime}\n                      onRemove={onRemove}\n                      onClose={clearByIdSnackbar}\n                    />\n                  )}\n                </For>\n              </div>\n            )}\n          </For>\n        </Portal>\n      </Show>\n    </SnackbarContext.Provider>\n  );\n}\n\nexport function useSnackbar(): SnackbarOptions {\n  return useContext(SnackbarContext);\n}\n\nexport default SnackbarProvider;\n"],"names":["SnackbarContext","createContext","addSnackbar","clearAllSnackbars","clearFirstSnackbar","clearLastSnackbar","clearByIdSnackbar","snackCounter","SNACKBAR_CLASSNAMES","appear","appearActive","appearDone","enter","enterActive","enterDone","exitActive","Snackbar","props","merged","mergeProps","variant","position","component","local","rest","splitProps","timer","onMount","onClose","isAutoClose","autoCloseTime","setTimeout","onCleanup","undefined","clearTimeout","_$createComponent","Dynamic","_$mergeProps","ref","r$","_ref$","mergeRefs","cn","class","transitionClass","onClick","role","children","_el$","_tmpl$","_$insert","message","Show","when","action","_el$2","_tmpl$2","AnimatedSnack","transition","createCssTransition","in","timeout","exit","classNames","snack","classes","autoClose","onRemove","id","SnackbarProvider","closeOnClick","snacks","setSnacks","createSignal","portalRoot","createSnackbarsPortal","options","key","optionRest","prev","index","findIndex","item","next","filter","slice","grouped","acc","pos","push","Object","entries","Provider","value","_$memo","Portal","mount","For","each","list","_el$3","_tmpl$3","_$setAttribute","_$effect","_$className","useSnackbar","useContext"],"mappings":"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"}
+{"version":3,"file":"snackbar.js","sources":["../../../../src/components/feedBack/snackbar/snackbar.tsx"],"sourcesContent":["import {\n  type JSX,\n  type ParentProps,\n  For,\n  Show,\n  createContext,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { Dynamic, Portal } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { createSnackbarsPortal } from \"./useSnackbarsPortal\";\nimport { createCssTransition } from \"../../../primitives/createCssTransition\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport const variants = [\"dark\", \"light\", \"danger\", \"success\", \"warning\", \"info\"] as const;\nexport const positions = [\"top\", \"bottom\", \"top-left\", \"top-right\", \"bottom-right\", \"bottom-left\"] as const;\n\nexport type Variants = (typeof variants)[number];\nexport type Position = (typeof positions)[number];\n\nexport interface SnackbarsProviderProps extends JSX.HTMLAttributes<HTMLElement> {\n  variant?: Variants;\n  position?: Position;\n  autoCloseTime?: number;\n  closeOnClick?: boolean;\n  autoClose?: boolean;\n  component?: string;\n}\n\ninterface Snack {\n  id: string;\n  message: JSX.Element;\n  variant?: Variants | undefined;\n  position?: Position | undefined;\n  autoClose?: boolean | undefined;\n  autoCloseTime?: number | undefined;\n  component?: string | undefined;\n  class?: string | undefined;\n}\n\nexport interface AddSnackbarOptions {\n  key?: string;\n  message: JSX.Element;\n  variant?: Variants | undefined;\n  position?: Position | undefined;\n  autoClose?: boolean | undefined;\n  autoCloseTime?: number | undefined;\n  component?: string | undefined;\n  class?: string;\n}\n\nexport type AddSnackbar = (options: AddSnackbarOptions) => string;\n\nexport interface SnackbarOptions {\n  addSnackbar: AddSnackbar;\n  clearAllSnackbars: () => void;\n  clearFirstSnackbar: () => void;\n  clearLastSnackbar: () => void;\n  clearByIdSnackbar: (id: string) => void;\n}\n\nconst SnackbarContext = createContext<SnackbarOptions>({\n  addSnackbar: () => \"\",\n  clearAllSnackbars: () => undefined,\n  clearFirstSnackbar: () => undefined,\n  clearLastSnackbar: () => undefined,\n  clearByIdSnackbar: () => undefined,\n});\n\nlet snackCounter = 0;\n\nconst SNACKBAR_CLASSNAMES = {\n  appear: \"smwb-snackbar-enter\",\n  appearActive: \"smwb-snackbar-enter-active\",\n  appearDone: \"smwb-snackbar-enter-done\",\n  enter: \"smwb-snackbar-enter\",\n  enterActive: \"smwb-snackbar-enter-active\",\n  enterDone: \"smwb-snackbar-enter-done\",\n  exitActive: \"smwb-snackbar-exit-active\",\n};\n\nexport interface SnackbarProps extends JSX.HTMLAttributes<HTMLElement> {\n  message?: JSX.Element;\n  variant?: Variants;\n  position?: Position;\n  component?: string;\n  isAutoClose?: boolean;\n  autoCloseTime?: number;\n  onClose?: () => void;\n  /** Optional action node rendered after the message (e.g. an Undo button). */\n  action?: JSX.Element;\n  /** Enter-transition classes for the appear animation. */\n  transitionClass?: string;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function Snackbar(props: SnackbarProps): JSX.Element {\n  const merged = mergeProps({ variant: \"dark\" as Variants, position: \"top-right\" as Position, component: \"div\" }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"message\",\n    \"variant\",\n    \"position\",\n    \"onClick\",\n    \"component\",\n    \"isAutoClose\",\n    \"autoCloseTime\",\n    \"onClose\",\n    \"action\",\n    \"transitionClass\",\n    \"ref\",\n  ]);\n\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  onMount(() => {\n    if (local.onClose && local.isAutoClose && local.autoCloseTime) {\n      timer = setTimeout(() => local.onClose?.(), local.autoCloseTime);\n    }\n  });\n  onCleanup(() => {\n    if (timer !== undefined) clearTimeout(timer);\n  });\n\n  return (\n    <Dynamic\n      component={local.component ?? \"div\"}\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-snackbar\", local.class, `smwb-${local.variant}`, `smwb-${local.position}`, local.transitionClass)}\n      onClick={local.onClick}\n      // Defaults: the caller's own role, aria-live and aria-atomic win, and an\n      // explicit undefined keeps these.\n      role={rest.role ?? \"alert\"}\n      aria-live={rest[\"aria-live\"] ?? (local.variant === \"danger\" ? \"assertive\" : \"polite\")}\n      aria-atomic={rest[\"aria-atomic\"] ?? \"true\"}\n    >\n      <div class=\"smwb-snackbar__body\">{local.message}</div>\n      <Show when={local.action != null}>\n        <div class=\"smwb-snackbar__action\">{local.action}</div>\n      </Show>\n    </Dynamic>\n  );\n}\n\nfunction AnimatedSnack(props: {\n  snack: Snack;\n  position: Position;\n  variant: Variants;\n  component: string;\n  autoClose: boolean;\n  autoCloseTime: number;\n  onRemove: (id: string) => void;\n  onClose: (id: string) => void;\n}): JSX.Element {\n  const transition = createCssTransition({\n    in: () => true,\n    appear: true,\n    timeout: { appear: 125, enter: 125, exit: 125 },\n    classNames: SNACKBAR_CLASSNAMES,\n  });\n  return (\n    <Snackbar\n      component={props.snack.component ?? props.component}\n      message={props.snack.message}\n      position={props.snack.position ?? props.position}\n      variant={props.snack.variant ?? props.variant}\n      class={props.snack.class}\n      transitionClass={transition.classes()}\n      isAutoClose={props.snack.autoClose ?? props.autoClose}\n      autoCloseTime={props.snack.autoCloseTime ?? props.autoCloseTime}\n      onClick={() => props.onRemove(props.snack.id)}\n      onClose={() => props.onClose(props.snack.id)}\n    />\n  );\n}\n\nexport function SnackbarProvider(props: ParentProps<SnackbarsProviderProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      position: \"top-right\" as Position,\n      variant: \"dark\" as Variants,\n      autoClose: true,\n      autoCloseTime: 5000,\n      closeOnClick: true,\n      component: \"div\",\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"position\",\n    \"variant\",\n    \"class\",\n    \"autoClose\",\n    \"autoCloseTime\",\n    \"closeOnClick\",\n    \"onClick\",\n    \"component\",\n    \"children\",\n  ]);\n\n  const [snacks, setSnacks] = createSignal<Snack[]>([]);\n  const portalRoot = createSnackbarsPortal();\n\n  const addSnackbar: AddSnackbar = (options) => {\n    const { key, ...optionRest } = options;\n    const id = key ?? `snack-${++snackCounter}`;\n    const snack: Snack = { id, ...optionRest };\n    setSnacks((prev) => {\n      const index = prev.findIndex((item) => item.id === id);\n      if (index === -1) return [...prev, snack];\n      const next = [...prev];\n      next[index] = snack;\n      return next;\n    });\n    return id;\n  };\n\n  const clearByIdSnackbar = (id: string): void => {\n    setSnacks((prev) => prev.filter((item) => item.id !== id));\n  };\n  const clearAllSnackbars = (): void => {\n    setSnacks([]);\n  };\n  const clearFirstSnackbar = (): void => {\n    setSnacks((prev) => prev.slice(1));\n  };\n  const clearLastSnackbar = (): void => {\n    setSnacks((prev) => prev.slice(0, -1));\n  };\n\n  const onRemove = (id: string): void => {\n    if (local.closeOnClick) clearByIdSnackbar(id);\n  };\n\n  const grouped = (): Array<[Position, Snack[]]> => {\n    const acc = {} as Record<Position, Snack[]>;\n    for (const snack of snacks()) {\n      const pos = snack.position ?? local.position;\n      (acc[pos] = acc[pos] ?? []).push(snack);\n    }\n    return Object.entries(acc) as Array<[Position, Snack[]]>;\n  };\n\n  return (\n    <SnackbarContext.Provider\n      value={{ addSnackbar, clearAllSnackbars, clearFirstSnackbar, clearLastSnackbar, clearByIdSnackbar }}\n    >\n      {local.children}\n      <Show when={portalRoot()}>\n        <Portal mount={portalRoot()!}>\n          <For each={grouped()}>\n            {([pos, list]) => (\n              <div class={cn(\"smwb-snackbars\", `smwb-${pos}`)} data-testid={`snackbars-${pos}`}>\n                <For each={list}>\n                  {(snack) => (\n                    <AnimatedSnack\n                      snack={snack}\n                      position={local.position}\n                      variant={local.variant}\n                      component={local.component}\n                      autoClose={local.autoClose}\n                      autoCloseTime={local.autoCloseTime}\n                      onRemove={onRemove}\n                      onClose={clearByIdSnackbar}\n                    />\n                  )}\n                </For>\n              </div>\n            )}\n          </For>\n        </Portal>\n      </Show>\n    </SnackbarContext.Provider>\n  );\n}\n\nexport function useSnackbar(): SnackbarOptions {\n  return useContext(SnackbarContext);\n}\n\nexport default SnackbarProvider;\n"],"names":["SnackbarContext","createContext","addSnackbar","clearAllSnackbars","clearFirstSnackbar","clearLastSnackbar","clearByIdSnackbar","snackCounter","SNACKBAR_CLASSNAMES","appear","appearActive","appearDone","enter","enterActive","enterDone","exitActive","Snackbar","props","merged","mergeProps","variant","position","component","local","rest","splitProps","timer","onMount","onClose","isAutoClose","autoCloseTime","setTimeout","onCleanup","undefined","clearTimeout","_$createComponent","Dynamic","_$mergeProps","ref","r$","_ref$","mergeRefs","cn","class","transitionClass","onClick","role","children","_el$","_tmpl$","_$insert","message","Show","when","action","_el$2","_tmpl$2","AnimatedSnack","transition","createCssTransition","in","timeout","exit","classNames","snack","classes","autoClose","onRemove","id","SnackbarProvider","closeOnClick","snacks","setSnacks","createSignal","portalRoot","createSnackbarsPortal","options","key","optionRest","prev","index","findIndex","item","next","filter","slice","grouped","acc","pos","push","Object","entries","Provider","value","_$memo","Portal","mount","For","each","list","_el$3","_tmpl$3","_$setAttribute","_$effect","_$className","useSnackbar","useContext"],"mappings":";;;;;;;;;AAoEA,MAAMA,IAAkBC,EAA+B;AAAA,EACrDC,aAAaA,MAAM;AAAA,EACnBC,mBAAmBA,MAAAA;AAAAA;AAAAA,EACnBC,oBAAoBA,MAAAA;AAAAA;AAAAA,EACpBC,mBAAmBA,MAAAA;AAAAA;AAAAA,EACnBC,mBAAmBA,MAAAA;AAAAA;AACrB,CAAC;AAED,IAAIC,IAAe;AAEnB,MAAMC,IAAsB;AAAA,EAC1BC,QAAQ;AAAA,EACRC,cAAc;AAAA,EACdC,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,aAAa;AAAA,EACbC,WAAW;AAAA,EACXC,YAAY;AACd;AAiBO,SAASC,EAASC,GAAmC;AAC1D,QAAMC,IAASC,EAAW;AAAA,IAAEC,SAAS;AAAA,IAAoBC,UAAU;AAAA,IAAyBC,WAAW;AAAA,EAAA,GAASL,CAAK,GAC/G,CAACM,GAAOC,CAAI,IAAIC,EAAWP,GAAQ,CACvC,SACA,WACA,WACA,YACA,WACA,aACA,eACA,iBACA,WACA,UACA,mBACA,KAAK,CACN;AAED,MAAIQ;AACJC,SAAAA,EAAQ,MAAM;AACZ,IAAIJ,EAAMK,WAAWL,EAAMM,eAAeN,EAAMO,kBAC9CJ,IAAQK,WAAW,MAAMR,EAAMK,UAAAA,GAAaL,EAAMO,aAAa;AAAA,EAEnE,CAAC,GACDE,EAAU,MAAM;AACd,IAAIN,MAAUO,UAAWC,aAAaR,CAAK;AAAA,EAC7C,CAAC,GAEDS,EACGC,GAAOC,EAAA;AAAA,IAAA,IACNf,YAAS;AAAA,aAAEC,EAAMD,aAAa;AAAA,IAAK;AAAA,EAAA,GAC/BE,GAAI;AAAA,IAAAc,IAAAC,GAAA;AAAA,UAAAC,IACHC,EAAUlB,EAAMe,GAAG;AAAC,aAAAE,KAAA,cAAAA,EAAAD,CAAA;AAAA,IAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAClBG,EAAG,iBAAiBnB,EAAMoB,OAAO,QAAQpB,EAAMH,OAAO,IAAI,QAAQG,EAAMF,QAAQ,IAAIE,EAAMqB,eAAe;AAAA,IAAC;AAAA,IAAA,IACjHC,UAAO;AAAA,aAAEtB,EAAMsB;AAAAA,IAAO;AAAA,IAAA,IAGtBC,OAAI;AAAA,aAAEtB,EAAKsB,QAAQ;AAAA,IAAO;AAAA,IAAA,IAAA,cAAA;AAAA,aACftB,EAAK,WAAW,MAAMD,EAAMH,YAAY,WAAW,cAAc;AAAA,IAAS;AAAA,IAAA,IAAA,gBAAA;AAAA,aACxEI,EAAK,aAAa,KAAK;AAAA,IAAM;AAAA,IAAA,IAAAuB,WAAA;AAAA,aAAA,EAAA,MAAA;AAAA,YAAAC,IAAAC,EAAAA;AAAAC,eAAAA,EAAAF,GAAA,MAERzB,EAAM4B,OAAO,GAAAH;AAAAA,MAAA,GAAA,GAAAb,EAC9CiB,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAE9B,EAAM+B,UAAU;AAAA,QAAI;AAAA,QAAA,IAAAP,WAAA;AAAA,cAAAQ,IAAAC,EAAAA;AAAAN,iBAAAA,EAAAK,GAAA,MACMhC,EAAM+B,MAAM,GAAAC;AAAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAIxD;AAEA,SAASE,EAAcxC,GASP;AACd,QAAMyC,IAAaC,EAAoB;AAAA,IACrCC,IAAIA,MAAM;AAAA,IACVnD,QAAQ;AAAA,IACRoD,SAAS;AAAA,MAAEpD,QAAQ;AAAA,MAAKG,OAAO;AAAA,MAAKkD,MAAM;AAAA,IAAA;AAAA,IAC1CC,YAAYvD;AAAAA,EAAAA,CACb;AACD,SAAA2B,EACGnB,GAAQ;AAAA,IAAA,IACPM,YAAS;AAAA,aAAEL,EAAM+C,MAAM1C,aAAaL,EAAMK;AAAAA,IAAS;AAAA,IAAA,IACnD6B,UAAO;AAAA,aAAElC,EAAM+C,MAAMb;AAAAA,IAAO;AAAA,IAAA,IAC5B9B,WAAQ;AAAA,aAAEJ,EAAM+C,MAAM3C,YAAYJ,EAAMI;AAAAA,IAAQ;AAAA,IAAA,IAChDD,UAAO;AAAA,aAAEH,EAAM+C,MAAM5C,WAAWH,EAAMG;AAAAA,IAAO;AAAA,IAAA,IAAA,QAAA;AAAA,aACtCH,EAAM+C,MAAMrB;AAAAA,IAAK;AAAA,IAAA,IACxBC,kBAAe;AAAA,aAAEc,EAAWO,QAAAA;AAAAA,IAAS;AAAA,IAAA,IACrCpC,cAAW;AAAA,aAAEZ,EAAM+C,MAAME,aAAajD,EAAMiD;AAAAA,IAAS;AAAA,IAAA,IACrDpC,gBAAa;AAAA,aAAEb,EAAM+C,MAAMlC,iBAAiBb,EAAMa;AAAAA,IAAa;AAAA,IAC/De,SAASA,MAAM5B,EAAMkD,SAASlD,EAAM+C,MAAMI,EAAE;AAAA,IAC5CxC,SAASA,MAAMX,EAAMW,QAAQX,EAAM+C,MAAMI,EAAE;AAAA,EAAA,CAAC;AAGlD;AAEO,SAASC,GAAiBpD,GAAyD;AACxF,QAAMC,IAASC,EACb;AAAA,IACEE,UAAU;AAAA,IACVD,SAAS;AAAA,IACT8C,WAAW;AAAA,IACXpC,eAAe;AAAA,IACfwC,cAAc;AAAA,IACdhD,WAAW;AAAA,EAAA,GAEbL,CACF,GACM,CAACM,CAAK,IAAIE,EAAWP,GAAQ,CACjC,YACA,WACA,SACA,aACA,iBACA,gBACA,WACA,aACA,UAAU,CACX,GAEK,CAACqD,GAAQC,CAAS,IAAIC,EAAsB,CAAA,CAAE,GAC9CC,IAAaC,EAAAA,GAEbzE,IAA4B0E,CAAAA,MAAY;AAC5C,UAAM;AAAA,MAAEC,KAAAA;AAAAA,MAAK,GAAGC;AAAAA,IAAAA,IAAeF,GACzBR,IAAKS,KAAO,SAAS,EAAEtE,CAAY,IACnCyD,IAAe;AAAA,MAAEI,IAAAA;AAAAA,MAAI,GAAGU;AAAAA,IAAAA;AAC9BN,WAAAA,EAAWO,CAAAA,MAAS;AAClB,YAAMC,IAAQD,EAAKE,UAAWC,CAAAA,MAASA,EAAKd,OAAOA,CAAE;AACrD,UAAIY,MAAU,GAAI,QAAO,CAAC,GAAGD,GAAMf,CAAK;AACxC,YAAMmB,IAAO,CAAC,GAAGJ,CAAI;AACrBI,aAAAA,EAAKH,CAAK,IAAIhB,GACPmB;AAAAA,IACT,CAAC,GACMf;AAAAA,EACT,GAEM9D,IAAoBA,CAAC8D,MAAqB;AAC9CI,IAAAA,EAAWO,OAASA,EAAKK,OAAQF,OAASA,EAAKd,OAAOA,CAAE,CAAC;AAAA,EAC3D,GACMjE,IAAoBA,MAAY;AACpCqE,IAAAA,EAAU,CAAA,CAAE;AAAA,EACd,GACMpE,IAAqBA,MAAY;AACrCoE,IAAAA,EAAWO,CAAAA,MAASA,EAAKM,MAAM,CAAC,CAAC;AAAA,EACnC,GACMhF,IAAoBA,MAAY;AACpCmE,IAAAA,EAAWO,CAAAA,MAASA,EAAKM,MAAM,GAAG,EAAE,CAAC;AAAA,EACvC,GAEMlB,IAAWA,CAACC,MAAqB;AACrC,IAAI7C,EAAM+C,gBAAchE,EAAkB8D,CAAE;AAAA,EAC9C,GAEMkB,IAAUA,MAAkC;AAChD,UAAMC,IAAM,CAAA;AACZ,eAAWvB,KAASO,KAAU;AAC5B,YAAMiB,IAAMxB,EAAM3C,YAAYE,EAAMF;AACpC,OAACkE,EAAIC,CAAG,IAAID,EAAIC,CAAG,KAAK,CAAA,GAAIC,KAAKzB,CAAK;AAAA,IACxC;AACA,WAAO0B,OAAOC,QAAQJ,CAAG;AAAA,EAC3B;AAEA,SAAApD,EACGnC,EAAgB4F,UAAQ;AAAA,IACvBC,OAAO;AAAA,MAAE3F,aAAAA;AAAAA,MAAaC,mBAAAA;AAAAA,MAAmBC,oBAAAA;AAAAA,MAAoBC,mBAAAA;AAAAA,MAAmBC,mBAAAA;AAAAA,IAAAA;AAAAA,IAAmB,IAAAyC,WAAA;AAAA,aAAA,CAAA+C,QAElGvE,EAAMwB,QAAQ,GAAAZ,EACdiB,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEqB,EAAAA;AAAAA,QAAY;AAAA,QAAA,IAAA3B,WAAA;AAAA,iBAAAZ,EACrB4D,GAAM;AAAA,YAAA,IAACC,QAAK;AAAA,qBAAEtB,EAAAA;AAAAA,YAAa;AAAA,YAAA,IAAA3B,WAAA;AAAA,qBAAAZ,EACzB8D,GAAG;AAAA,gBAAA,IAACC,OAAI;AAAA,yBAAEZ,EAAAA;AAAAA,gBAAS;AAAA,gBAAAvC,UACjBA,CAAC,CAACyC,GAAKW,CAAI,OAAC,MAAA;AAAA,sBAAAC,IAAAC,EAAAA;AAAAC,yBAAAA,EAAAF,GAAA,eACmD,aAAaZ,CAAG,EAAE,GAAAtC,EAAAkD,GAAAjE,EAC7E8D,GAAG;AAAA,oBAACC,MAAMC;AAAAA,oBAAIpD,UACXiB,CAAAA,MAAK7B,EACJsB,GAAa;AAAA,sBACZO,OAAAA;AAAAA,sBAAY,IACZ3C,WAAQ;AAAA,+BAAEE,EAAMF;AAAAA,sBAAQ;AAAA,sBAAA,IACxBD,UAAO;AAAA,+BAAEG,EAAMH;AAAAA,sBAAO;AAAA,sBAAA,IACtBE,YAAS;AAAA,+BAAEC,EAAMD;AAAAA,sBAAS;AAAA,sBAAA,IAC1B4C,YAAS;AAAA,+BAAE3C,EAAM2C;AAAAA,sBAAS;AAAA,sBAAA,IAC1BpC,gBAAa;AAAA,+BAAEP,EAAMO;AAAAA,sBAAa;AAAA,sBAClCqC,UAAAA;AAAAA,sBACAvC,SAAStB;AAAAA,oBAAAA,CAAiB;AAAA,kBAAA,CAE7B,CAAA,GAAAiG,EAAA,MAAAC,EAAAJ,GAbO1D,EAAG,kBAAkB,QAAQ8C,CAAG,EAAE,CAAC,CAAA,GAAAY;AAAAA,gBAAA,GAAA;AAAA,cAAA,CAgBhD;AAAA,YAAA;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAMb;AAEO,SAASK,KAA+B;AAC7C,SAAOC,EAAW1G,CAAe;AACnC;"}

package/dist/components/feedBack/tooltip/tooltip.d.ts

@@ -8,13 +8,21 @@ export interface TooltipProps {
         offsetX?: number;
         offsetY?: number;
     };
+    /** What the tip says: text or markup. */
     message: JSX.Element;
     placement?: Placement;
     /** Controls tooltip visibility when trigger is manual. */
     open?: boolean;
-    /** hover (default): show on pointer enter; click: toggle; manual: use open only. */
+    /**
+     * What shows the tooltip. `hover` (default): the pointer over the target or keyboard focus
+     * in it, until both have left. Keyboard focus is focus with a focus ring (`:focus-visible`),
+     * not the focus a mouse press gives a button. `click`: a click on the target shows or hides
+     * it. `manual`: `open` alone. Escape hides a `hover` or `click` tooltip.
+     */
     trigger?: TooltipTrigger;
+    /** Milliseconds from the pointer entering the target, or keyboard focus moving into it, until a hover tooltip shows. */
     openDelay?: number;
+    /** Milliseconds from the pointer and keyboard focus both leaving the target until a hover tooltip hides. */
     closeDelay?: number;
     ref?: Ref<HTMLDivElement>;
 }

package/dist/components/feedBack/tooltip/tooltip.js

@@ -1,15 +1,23 @@
-import { use as p, addEventListener as m, insert as u, createComponent as F, effect as P, className as R, style as S, template as _, delegateEvents as A } from "solid-js/web";
+import { use as g, insert as d, createComponent as N, effect as X, className as Y, style as H, memo as V, template as F, delegateEvents as j } from "solid-js/web";
 import '../../../assets/styles/less/components/tooltip/tooltip.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
 /* empty css                                                         */
-import { mergeProps as E, splitProps as M, createSignal as y, onCleanup as X, Show as Y } from "solid-js";
-import H from "clsx";
-import { offset as L, flip as N, shift as V } from "@floating-ui/dom";
-import { resolvePlacement as j } from "../../../utils/floating.js";
-import { createFloating as q } from "../../../primitives/createFloating.js";
-import { mergeRefs as z } from "../../../primitives/mergeRefs.js";
-var B = /* @__PURE__ */ _("<div>"), G = /* @__PURE__ */ _("<div class=smwb-tooltip__wrapper role=tooltip><div class=smwb-tooltip__ref>");
-function oe(w) {
-  const D = E({
+import { mergeProps as q, splitProps as z, createSignal as v, onCleanup as B, onMount as G, Show as J } from "solid-js";
+import K from "clsx";
+import { offset as Q, flip as U, shift as W } from "@floating-ui/dom";
+import { resolvePlacement as Z } from "../../../utils/floating.js";
+import { createFloating as ee } from "../../../primitives/createFloating.js";
+import { mergeRefs as te } from "../../../primitives/mergeRefs.js";
+import { createDismissOnEscape as C } from "../../../primitives/createDismissOnEscape.js";
+var re = /* @__PURE__ */ F("<div>"), oe = /* @__PURE__ */ F("<div class=smwb-tooltip__wrapper role=tooltip><div class=smwb-tooltip__ref>");
+function ne(u) {
+  try {
+    return u.matches(":focus-visible");
+  } catch {
+    return !0;
+  }
+}
+function de(u) {
+  const b = q({
     placement: "top",
     offset: {
       offsetX: 0,
@@ -18,61 +26,77 @@ function oe(w) {
     trigger: "hover",
     openDelay: 0,
     closeDelay: 0
-  }, w), [e] = M(D, ["class", "children", "placement", "offset", "message", "open", "trigger", "openDelay", "closeDelay", "ref"]), [T, i] = y(!1), [k, $] = y(!1);
-  let n = null, s = null;
-  const c = () => {
-    n !== null && (clearTimeout(n), n = null), s !== null && (clearTimeout(s), s = null);
+  }, u), [e] = z(b, ["class", "children", "placement", "offset", "message", "open", "trigger", "openDelay", "closeDelay", "ref"]), [h, n] = v(!1), [y, T] = v(!1);
+  let a = null, c = null, m = !1, s = !1;
+  const f = () => {
+    a !== null && (clearTimeout(a), a = null), c !== null && (clearTimeout(c), c = null);
   };
-  X(c);
-  const C = () => {
-    if (c(), e.openDelay <= 0) {
-      i(!0);
+  B(f);
+  const $ = () => {
+    if (f(), e.openDelay <= 0) {
+      n(!0);
       return;
     }
-    n = setTimeout(() => i(!0), e.openDelay);
-  }, O = () => {
-    if (c(), e.closeDelay <= 0) {
-      i(!1);
+    a = setTimeout(() => n(!0), e.openDelay);
+  }, _ = () => {
+    if (f(), e.closeDelay <= 0) {
+      n(!1);
       return;
     }
-    s = setTimeout(() => i(!1), e.closeDelay);
-  }, f = () => j(e.placement), r = q({
-    placement: () => f().placement,
+    c = setTimeout(() => n(!1), e.closeDelay);
+  };
+  C(() => e.trigger === "hover" && h(), () => {
+    f(), s = !1, n(!1);
+  }), C(() => e.trigger === "click" && y(), () => T(!1));
+  const p = () => Z(e.placement), l = ee({
+    placement: () => p().placement,
     middleware: () => [
-      L({
+      Q({
         mainAxis: e.offset?.offsetY ?? 0,
         crossAxis: e.offset?.offsetX ?? 0
       }),
       // A fixed placement turns to the other side, and slides along it, when the
       // viewport has no room for it.
-      ...f().autoMiddleware ? [f().autoMiddleware] : [N(), V({
+      ...p().autoMiddleware ? [p().autoMiddleware] : [U(), W({
         padding: 8
       })]
     ]
-  }), b = () => e.trigger === "manual" ? e.open === !0 : e.trigger === "click" ? k() : T();
+  }), E = () => e.trigger === "manual" ? e.open === !0 : e.trigger === "click" ? y() : h(), [P, M] = v(!1);
+  G(() => M(!0));
+  const R = () => {
+    m = !0, e.trigger === "hover" && $();
+  }, x = () => {
+    m = !1, e.trigger === "hover" && !s && _();
+  }, I = (t) => {
+    t.currentTarget.contains(t.target) && (s = ne(t.target), e.trigger === "hover" && s && $());
+  }, L = (t) => {
+    t.relatedTarget instanceof Node && t.currentTarget.contains(t.relatedTarget) || (s = !1, e.trigger === "hover" && !m && _());
+  }, S = () => {
+    e.trigger === "click" && T((t) => !t);
+  };
   return (() => {
-    var a = G(), o = a.firstChild, g = z(e.ref);
-    typeof g == "function" && p(g, a), m(o, "click", e.trigger === "click" ? () => $((t) => !t) : void 0, !0), m(o, "pointerleave", e.trigger === "hover" ? O : void 0), m(o, "pointerenter", e.trigger === "hover" ? C : void 0);
-    var d = r.setReference;
-    return typeof d == "function" ? p(d, o) : r.setReference = o, u(o, () => e.children), u(a, F(Y, {
+    var t = oe(), r = t.firstChild, w = te(e.ref);
+    typeof w == "function" && g(w, t), r.$$click = S, r.$$focusout = L, r.$$focusin = I, r.addEventListener("pointerleave", x), r.addEventListener("pointerenter", R);
+    var D = l.setReference;
+    return typeof D == "function" ? g(D, r) : l.setReference = r, d(r, () => e.children), d(t, N(J, {
       get when() {
-        return b();
+        return V(() => !!P())() && E();
       },
       get children() {
-        var t = B(), v = r.setFloating;
-        return typeof v == "function" ? p(v, t) : r.setFloating = t, u(t, () => e.message), P((l) => {
-          var h = H("smwb-tooltip", e.class), x = r.floatingStyles();
-          return h !== l.e && R(t, l.e = h), l.t = S(t, x, l.t), l;
+        var o = re(), k = l.setFloating;
+        return typeof k == "function" ? g(k, o) : l.setFloating = o, d(o, () => e.message), X((i) => {
+          var O = K("smwb-tooltip", e.class), A = l.floatingStyles();
+          return O !== i.e && Y(o, i.e = O), i.t = H(o, A, i.t), i;
         }, {
           e: void 0,
           t: void 0
-        }), t;
+        }), o;
       }
-    }), null), a;
+    }), null), t;
   })();
 }
-A(["click"]);
+j(["focusin", "focusout", "click"]);
 export {
-  oe as Tooltip
+  de as Tooltip
 };
 //# sourceMappingURL=tooltip.js.map

package/dist/components/feedBack/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../../src/components/feedBack/tooltip/tooltip.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, createSignal, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { flip, offset as offsetMiddleware, shift } from \"@floating-ui/dom\";\nimport { type Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type TooltipTrigger = \"hover\" | \"click\" | \"manual\";\n\nexport interface TooltipProps {\n  class?: string;\n  offset?: {\n    offsetX?: number;\n    offsetY?: number;\n  };\n  message: JSX.Element;\n  placement?: Placement;\n  /** Controls tooltip visibility when trigger is manual. */\n  open?: boolean;\n  /** hover (default): show on pointer enter; click: toggle; manual: use open only. */\n  trigger?: TooltipTrigger;\n  openDelay?: number;\n  closeDelay?: number;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Tooltip(props: ParentProps<TooltipProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      placement: \"top\" as Placement,\n      offset: { offsetX: 0, offsetY: 0 },\n      trigger: \"hover\" as TooltipTrigger,\n      openDelay: 0,\n      closeDelay: 0,\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"placement\",\n    \"offset\",\n    \"message\",\n    \"open\",\n    \"trigger\",\n    \"openDelay\",\n    \"closeDelay\",\n    \"ref\",\n  ]);\n\n  const [hoverOpen, setHoverOpen] = createSignal(false);\n  const [clickOpen, setClickOpen] = createSignal(false);\n  let openTimer: ReturnType<typeof setTimeout> | null = null;\n  let closeTimer: ReturnType<typeof setTimeout> | null = null;\n\n  const clearTimers = (): void => {\n    if (openTimer !== null) {\n      clearTimeout(openTimer);\n      openTimer = null;\n    }\n    if (closeTimer !== null) {\n      clearTimeout(closeTimer);\n      closeTimer = null;\n    }\n  };\n  onCleanup(clearTimers);\n\n  const scheduleOpen = (): void => {\n    clearTimers();\n    if (local.openDelay <= 0) {\n      setHoverOpen(true);\n      return;\n    }\n    openTimer = setTimeout(() => setHoverOpen(true), local.openDelay);\n  };\n  const scheduleClose = (): void => {\n    clearTimers();\n    if (local.closeDelay <= 0) {\n      setHoverOpen(false);\n      return;\n    }\n    closeTimer = setTimeout(() => setHoverOpen(false), local.closeDelay);\n  };\n\n  const resolved = () => resolvePlacement(local.placement);\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => [\n      offsetMiddleware({ mainAxis: local.offset?.offsetY ?? 0, crossAxis: local.offset?.offsetX ?? 0 }),\n      // A fixed placement turns to the other side, and slides along it, when the\n      // viewport has no room for it.\n      ...(resolved().autoMiddleware ? [resolved().autoMiddleware] : [flip(), shift({ padding: 8 })]),\n    ],\n  });\n\n  const isVisible = (): boolean =>\n    local.trigger === \"manual\" ? local.open === true : local.trigger === \"click\" ? clickOpen() : hoverOpen();\n\n  return (\n    <div class=\"smwb-tooltip__wrapper\" role=\"tooltip\" ref={mergeRefs(local.ref)}>\n      <div\n        class=\"smwb-tooltip__ref\"\n        ref={floating.setReference}\n        onPointerEnter={local.trigger === \"hover\" ? scheduleOpen : undefined}\n        onPointerLeave={local.trigger === \"hover\" ? scheduleClose : undefined}\n        onClick={local.trigger === \"click\" ? () => setClickOpen((prev) => !prev) : undefined}\n      >\n        {local.children}\n      </div>\n      <Show when={isVisible()}>\n        <div ref={floating.setFloating} class={cn(\"smwb-tooltip\", local.class)} style={floating.floatingStyles()}>\n          {local.message}\n        </div>\n      </Show>\n    </div>\n  );\n}\n\nexport default Tooltip;\n"],"names":["Tooltip","props","merged","mergeProps","placement","offset","offsetX","offsetY","trigger","openDelay","closeDelay","local","splitProps","hoverOpen","setHoverOpen","createSignal","clickOpen","setClickOpen","openTimer","closeTimer","clearTimers","clearTimeout","onCleanup","scheduleOpen","setTimeout","scheduleClose","resolved","resolvePlacement","floating","createFloating","middleware","offsetMiddleware","mainAxis","crossAxis","autoMiddleware","flip","shift","padding","isVisible","open","_el$","_tmpl$2","_el$2","firstChild","_ref$","mergeRefs","ref","_$use","_$addEventListener","prev","undefined","_ref$2","setReference","_$insert","children","_$createComponent","Show","when","_el$3","_tmpl$","_ref$3","setFloating","message","_$effect","_p$","_v$","cn","class","_v$2","floatingStyles","e","_$className","t","_$style","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","sources":["../../../../src/components/feedBack/tooltip/tooltip.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, createSignal, mergeProps, onCleanup, onMount, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { flip, offset as offsetMiddleware, shift } from \"@floating-ui/dom\";\nimport { type Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { createDismissOnEscape } from \"../../../primitives/createDismissOnEscape\";\n\nexport type TooltipTrigger = \"hover\" | \"click\" | \"manual\";\n\nexport interface TooltipProps {\n  class?: string;\n  offset?: {\n    offsetX?: number;\n    offsetY?: number;\n  };\n  /** What the tip says: text or markup. */\n  message: JSX.Element;\n  placement?: Placement;\n  /** Controls tooltip visibility when trigger is manual. */\n  open?: boolean;\n  /**\n   * What shows the tooltip. `hover` (default): the pointer over the target or keyboard focus\n   * in it, until both have left. Keyboard focus is focus with a focus ring (`:focus-visible`),\n   * not the focus a mouse press gives a button. `click`: a click on the target shows or hides\n   * it. `manual`: `open` alone. Escape hides a `hover` or `click` tooltip.\n   */\n  trigger?: TooltipTrigger;\n  /** Milliseconds from the pointer entering the target, or keyboard focus moving into it, until a hover tooltip shows. */\n  openDelay?: number;\n  /** Milliseconds from the pointer and keyboard focus both leaving the target until a hover tooltip hides. */\n  closeDelay?: number;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * Whether focus on `element` draws a focus ring (`:focus-visible`): focus from the keyboard,\n * not the focus a mouse press gives a button. An engine without the selector counts any focus.\n */\nfunction hasFocusRing(element: Element): boolean {\n  try {\n    return element.matches(\":focus-visible\");\n  } catch {\n    return true;\n  }\n}\n\nexport function Tooltip(props: ParentProps<TooltipProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      placement: \"top\" as Placement,\n      offset: { offsetX: 0, offsetY: 0 },\n      trigger: \"hover\" as TooltipTrigger,\n      openDelay: 0,\n      closeDelay: 0,\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"placement\",\n    \"offset\",\n    \"message\",\n    \"open\",\n    \"trigger\",\n    \"openDelay\",\n    \"closeDelay\",\n    \"ref\",\n  ]);\n\n  const [hoverOpen, setHoverOpen] = createSignal(false);\n  const [clickOpen, setClickOpen] = createSignal(false);\n  let openTimer: ReturnType<typeof setTimeout> | null = null;\n  let closeTimer: ReturnType<typeof setTimeout> | null = null;\n  // The pointer over the target and keyboard focus in it each keep a hover tooltip shown.\n  let pointerInside = false;\n  let focusInside = false;\n\n  const clearTimers = (): void => {\n    if (openTimer !== null) {\n      clearTimeout(openTimer);\n      openTimer = null;\n    }\n    if (closeTimer !== null) {\n      clearTimeout(closeTimer);\n      closeTimer = null;\n    }\n  };\n  onCleanup(clearTimers);\n\n  const scheduleOpen = (): void => {\n    clearTimers();\n    if (local.openDelay <= 0) {\n      setHoverOpen(true);\n      return;\n    }\n    openTimer = setTimeout(() => setHoverOpen(true), local.openDelay);\n  };\n  const scheduleClose = (): void => {\n    clearTimers();\n    if (local.closeDelay <= 0) {\n      setHoverOpen(false);\n      return;\n    }\n    closeTimer = setTimeout(() => setHoverOpen(false), local.closeDelay);\n  };\n\n  // Escape hides a tooltip shown on hover or focus wherever focus is (WCAG 1.4.13), and the\n  // window, panel, Modal or Sheet around it stays open until the next press. Focus left in\n  // the target no longer keeps it: the pointer alone shows and hides it until focus moves.\n  createDismissOnEscape(\n    () => local.trigger === \"hover\" && hoverOpen(),\n    () => {\n      clearTimers();\n      focusInside = false;\n      setHoverOpen(false);\n    }\n  );\n  // A click tooltip hides on Escape the same way.\n  createDismissOnEscape(\n    () => local.trigger === \"click\" && clickOpen(),\n    () => setClickOpen(false)\n  );\n\n  const resolved = () => resolvePlacement(local.placement);\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => [\n      offsetMiddleware({ mainAxis: local.offset?.offsetY ?? 0, crossAxis: local.offset?.offsetX ?? 0 }),\n      // A fixed placement turns to the other side, and slides along it, when the\n      // viewport has no room for it.\n      ...(resolved().autoMiddleware ? [resolved().autoMiddleware] : [flip(), shift({ padding: 8 })]),\n    ],\n  });\n\n  const isVisible = (): boolean =>\n    local.trigger === \"manual\" ? local.open === true : local.trigger === \"click\" ? clickOpen() : hoverOpen();\n\n  // The tip mounts in the browser, after hydration, as in React: its place is\n  // measured there, and a tip drawn by the server would cover its trigger.\n  const [mounted, setMounted] = createSignal(false);\n  onMount(() => setMounted(true));\n\n  // Solid binds event handlers once, so they are always attached and check\n  // `trigger` themselves: it can change after the tooltip renders.\n  const onPointerEnter = (): void => {\n    pointerInside = true;\n    if (local.trigger === \"hover\") scheduleOpen();\n  };\n  const onPointerLeave = (): void => {\n    pointerInside = false;\n    if (local.trigger === \"hover\" && !focusInside) scheduleClose();\n  };\n  // focusin/focusout, as Solid's onFocus/onBlur don't bubble from the controls inside. Focus\n  // without a focus ring doesn't count: the focus a mouse press gives a button would keep the\n  // tooltip shown after the pointer leaves.\n  const onFocusIn: JSX.EventHandler<HTMLDivElement, FocusEvent> = (event) => {\n    // Focus in a portal the target renders (a menu, a picker panel) reaches here through the\n    // portal's host, but it is not in the target.\n    if (!event.currentTarget.contains(event.target)) return;\n    focusInside = hasFocusRing(event.target);\n    if (local.trigger === \"hover\" && focusInside) scheduleOpen();\n  };\n  const onFocusOut: JSX.EventHandler<HTMLDivElement, FocusEvent> = (event) => {\n    // Focus moving to another control in the target keeps the tooltip.\n    if (event.relatedTarget instanceof Node && event.currentTarget.contains(event.relatedTarget)) return;\n    focusInside = false;\n    if (local.trigger === \"hover\" && !pointerInside) scheduleClose();\n  };\n  const onClick = (): void => {\n    if (local.trigger === \"click\") setClickOpen((prev) => !prev);\n  };\n\n  return (\n    <div class=\"smwb-tooltip__wrapper\" role=\"tooltip\" ref={mergeRefs(local.ref)}>\n      <div\n        class=\"smwb-tooltip__ref\"\n        ref={floating.setReference}\n        onPointerEnter={onPointerEnter}\n        onPointerLeave={onPointerLeave}\n        onFocusIn={onFocusIn}\n        onFocusOut={onFocusOut}\n        onClick={onClick}\n      >\n        {local.children}\n      </div>\n      <Show when={mounted() && isVisible()}>\n        <div ref={floating.setFloating} class={cn(\"smwb-tooltip\", local.class)} style={floating.floatingStyles()}>\n          {local.message}\n        </div>\n      </Show>\n    </div>\n  );\n}\n\nexport default Tooltip;\n"],"names":["hasFocusRing","element","matches","Tooltip","props","merged","mergeProps","placement","offset","offsetX","offsetY","trigger","openDelay","closeDelay","local","splitProps","hoverOpen","setHoverOpen","createSignal","clickOpen","setClickOpen","openTimer","closeTimer","pointerInside","focusInside","clearTimers","clearTimeout","onCleanup","scheduleOpen","setTimeout","scheduleClose","createDismissOnEscape","resolved","resolvePlacement","floating","createFloating","middleware","offsetMiddleware","mainAxis","crossAxis","autoMiddleware","flip","shift","padding","isVisible","open","mounted","setMounted","onMount","onPointerEnter","onPointerLeave","onFocusIn","event","currentTarget","contains","target","onFocusOut","relatedTarget","Node","onClick","prev","_el$","_tmpl$2","_el$2","firstChild","_ref$","mergeRefs","ref","_$use","$$click","$$focusout","$$focusin","addEventListener","_ref$2","setReference","_$insert","children","_$createComponent","Show","when","_$memo","_el$3","_tmpl$","_ref$3","setFloating","message","_$effect","_p$","_v$","cn","class","_v$2","floatingStyles","e","_$className","t","_$style","undefined","_$delegateEvents"],"mappings":"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"}

package/dist/components/inputs/button/button.d.ts

@@ -18,6 +18,18 @@ export interface ButtonProps extends JSX.HTMLAttributes<HTMLButtonElement | HTML
     color?: "primary" | "secondary" | "error" | "success" | "warning" | "info";
     /** When set, the component renders as an <a>. */
     href?: string;
+    /**
+     * Where a link (with `href`) opens. By default `"_blank"`: a new tab. `null` leaves the `target`
+     * attribute out, so the link opens in place, like an internal one; an empty string does the same, and
+     * any other string is used as is.
+     */
+    target?: string | null | undefined;
+    /**
+     * The `rel` of a link (with `href`). By default `"noreferrer"` for a link that opens another tab or
+     * window, and none for one that opens in place. Your own value replaces the default, so add `noreferrer` yourself
+     * if you still want it; an empty string drops the attribute.
+     */
+    rel?: string | undefined;
     disabled?: boolean;
     type?: "button" | "submit" | "reset";
     /** Stretch to the full width of the container. */
@@ -26,6 +38,8 @@ export interface ButtonProps extends JSX.HTMLAttributes<HTMLButtonElement | HTML
     rippleCenter?: boolean;
     /** Disable the ripple effect. */
     disableRipple?: boolean;
+    /** Test id of the root; `button`, or `button-link` for a link, unless given. */
+    "data-testid"?: string | undefined;
     ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;
 }
 export declare function Button(props: ParentProps<ButtonProps>): JSX.Element;