@smwb/ui-solid 0.1.0

package/dist/headless/components/feedBack/message/message.js

@@ -0,0 +1,53 @@
+import { use as p, spread as g, mergeProps as u, insert as a, createComponent as m, effect as f, setAttribute as v, template as n, delegateEvents as d } from "solid-js/web";
+import { mergeProps as b, splitProps as _, Show as $ } from "solid-js";
+import h from "clsx";
+import { mergeRefs as w } from "../../../primitives/mergeRefs.js";
+import { Icon as y } from "../../base/icon/icon.js";
+var C = /* @__PURE__ */ n("<button class=smwb-message__close-btn type=button>"), A = /* @__PURE__ */ n("<div>"), P = /* @__PURE__ */ n("<div class=smwb-message__header>");
+function L(l) {
+  const t = b({
+    variant: "filled",
+    closeAriaLabel: "Close"
+  }, l), [e, c] = _(t, ["class", "children", "type", "severity", "variant", "onClose", "closeAriaLabel", "ref"]), o = () => e.severity ?? e.type;
+  return (() => {
+    var r = A(), i = w(e.ref);
+    return typeof i == "function" && p(i, r), g(r, u(c, {
+      "data-testid": "message",
+      role: "alert",
+      get "aria-live"() {
+        return o() === "error" ? "assertive" : "polite";
+      },
+      get class() {
+        return h("smwb-message", `smwb-message_${e.variant}`, e.class, {
+          [`smwb-message_${o()}`]: !!o()
+        });
+      }
+    }), !1, !0), a(r, () => e.children, null), a(r, m($, {
+      get when() {
+        return e.onClose;
+      },
+      get children() {
+        var s = C();
+        return s.$$click = () => e.onClose?.(), a(s, m(y, {
+          name: "close",
+          weight: 1e3
+        })), f(() => v(s, "aria-label", e.closeAriaLabel)), s;
+      }
+    }), null), r;
+  })();
+}
+function k(l) {
+  return (() => {
+    var t = P();
+    return a(t, () => l.children), t;
+  })();
+}
+const E = Object.assign(L, {
+  Header: k
+});
+d(["click"]);
+export {
+  E as Message,
+  L as MessageContainer
+};
+//# sourceMappingURL=message.js.map

package/dist/headless/components/feedBack/message/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","sources":["../../../../../src/components/feedBack/message/message.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type MessageSeverity = \"success\" | \"error\" | \"warning\" | \"info\";\n\nexport interface MessageProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  variant?: \"outlined\" | \"filled\" | \"left-accent\";\n  onClose?: () => void;\n  /** @deprecated use `severity`. */\n  type?: MessageSeverity;\n  /** Semantic severity of the message. */\n  severity?: MessageSeverity;\n  /** Accessible label for the close button. */\n  closeAriaLabel?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function MessageContainer(props: ParentProps<MessageProps>): JSX.Element {\n  const merged = mergeProps({ variant: \"filled\" as const, closeAriaLabel: \"Close\" }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"type\",\n    \"severity\",\n    \"variant\",\n    \"onClose\",\n    \"closeAriaLabel\",\n    \"ref\",\n  ]);\n\n  const resolvedSeverity = (): MessageSeverity | undefined => local.severity ?? local.type;\n\n  return (\n    <div\n      {...rest}\n      data-testid=\"message\"\n      role=\"alert\"\n      aria-live={resolvedSeverity() === \"error\" ? \"assertive\" : \"polite\"}\n      class={cn(\"smwb-message\", `smwb-message_${local.variant}`, local.class, {\n        [`smwb-message_${resolvedSeverity()}`]: Boolean(resolvedSeverity()),\n      })}\n      ref={mergeRefs(local.ref)}\n    >\n      {local.children}\n      <Show when={local.onClose}>\n        <button\n          class=\"smwb-message__close-btn\"\n          onClick={() => local.onClose?.()}\n          aria-label={local.closeAriaLabel}\n          type=\"button\"\n        >\n          <Icon name=\"close\" weight={1000} />\n        </button>\n      </Show>\n    </div>\n  );\n}\n\nfunction Header(props: ParentProps): JSX.Element {\n  return <div class=\"smwb-message__header\">{props.children}</div>;\n}\n\nexport const Message = Object.assign(MessageContainer, { Header });\n\nexport default Message;\n"],"names":["MessageContainer","props","merged","mergeProps","variant","closeAriaLabel","local","rest","splitProps","resolvedSeverity","severity","type","_el$","_tmpl$2","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","Boolean","_$insert","children","_$createComponent","Show","when","onClose","_el$2","_tmpl$","$$click","Icon","name","weight","_$effect","_$setAttribute","Header","_el$3","_tmpl$3","Message","Object","assign","_$delegateEvents"],"mappings":";;;;;;AAmBO,SAASA,EAAiBC,GAA+C;AAC9E,QAAMC,IAASC,EAAW;AAAA,IAAEC,SAAS;AAAA,IAAmBC,gBAAgB;AAAA,EAAA,GAAWJ,CAAK,GAClF,CAACK,GAAOC,CAAI,IAAIC,EAAWN,GAAQ,CACvC,SACA,YACA,QACA,YACA,WACA,WACA,kBACA,KAAK,CACN,GAEKO,IAAmBA,MAAmCH,EAAMI,YAAYJ,EAAMK;AAEpF,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IASSC,EAAUT,EAAMU,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EAPrBZ,GAAI;AAAA,MAAA,eACI;AAAA,MAAS,MAChB;AAAA,MAAO,IAAA,cAAA;AAAA,eACDE,EAAAA,MAAuB,UAAU,cAAc;AAAA,MAAQ;AAAA,MAAA,IAAA,QAAA;AAAA,eAC3DW,EAAG,gBAAgB,gBAAgBd,EAAMF,OAAO,IAAIE,EAAMe,OAAO;AAAA,UACtE,CAAC,gBAAgBZ,EAAAA,CAAkB,EAAE,GAAGa,EAAQb;QAAkB,CACnE;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAc,EAAAX,GAAA,MAGDN,EAAMkB,UAAQ,IAAA,GAAAD,EAAAX,GAAAa,EACdC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAErB,EAAMsB;AAAAA,MAAO;AAAA,MAAA,IAAAJ,WAAA;AAAA,YAAAK,IAAAC,EAAAA;AAAAD,eAAAA,EAAAE,UAGZ,MAAMzB,EAAMsB,UAAAA,GAAWL,EAAAM,GAAAJ,EAI/BO,GAAI;AAAA,UAACC,MAAI;AAAA,UAASC,QAAQ;AAAA,QAAA,CAAI,CAAA,GAAAC,QAAAC,EAAAP,GAAA,cAHnBvB,EAAMD,cAAc,CAAA,GAAAwB;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAjB;AAAAA,EAAA,GAAA;AAQ1C;AAEA,SAASyB,EAAOpC,GAAiC;AAC/C,UAAA,MAAA;AAAA,QAAAqC,IAAAC,EAAAA;AAAAhB,WAAAA,EAAAe,GAAA,MAA0CrC,EAAMuB,QAAQ,GAAAc;AAAAA,EAAA,GAAA;AAC1D;AAEO,MAAME,IAAUC,OAAOC,OAAO1C,GAAkB;AAAA,EAAEqC,QAAAA;AAAO,CAAC;AAE1CM,EAAA,CAAA,OAAA,CAAA;"}

package/dist/headless/components/feedBack/modal/modal.js

@@ -0,0 +1,116 @@
+import { createComponent as d, Portal as f, addEventListener as b, insert as s, Dynamic as w, mergeProps as g, effect as l, className as i, template as y, delegateEvents as C } from "solid-js/web";
+import { mergeProps as k, splitProps as A, createEffect as E, onCleanup as h, Show as O } from "solid-js";
+import a from "clsx";
+import { createCssTransition as $ } from "../../../primitives/createCssTransition.js";
+import { createFocusTrap as x } from "../../../primitives/createFocusTrap.js";
+import { mergeRefs as P } from "../../../primitives/mergeRefs.js";
+var c = /* @__PURE__ */ y("<div>");
+const F = {
+  appear: "smwb-modal__overlay-appear",
+  appearActive: "smwb-modal__overlay-appear-active",
+  appearDone: "smwb-modal__overlay-appear-done",
+  enter: "smwb-modal__overlay-enter",
+  enterActive: "smwb-modal__overlay-enter-active",
+  enterDone: "smwb-modal__overlay-enter-done",
+  exit: "smwb-modal__overlay-exit",
+  exitActive: "smwb-modal__overlay-exit-active"
+};
+function L(o) {
+  const r = k({
+    animation: "fade",
+    backdrop: "dark",
+    size: "large",
+    closeOnOutsideClick: !0,
+    asForm: !1,
+    disableAppearAnimation: !1,
+    role: "dialog",
+    closeOnEsc: !0
+  }, o), [e, _] = A(r, ["children", "onClose", "open", "class", "animation", "backdrop", "size", "closeOnOutsideClick", "asForm", "disableAppearAnimation", "role", "closeOnEsc", "ref"]);
+  let p;
+  const m = $({
+    in: () => e.open,
+    timeout: {
+      appear: 225,
+      enter: 225,
+      exit: 150
+    },
+    classNames: F,
+    appear: !e.disableAppearAnimation
+  });
+  return x({
+    active: () => e.open && m.mounted(),
+    container: () => p
+  }), E(() => {
+    if (!e.open || !e.closeOnEsc || !e.onClose) return;
+    const t = (n) => {
+      n.key === "Escape" && e.onClose?.();
+    };
+    document.addEventListener("keydown", t), h(() => document.removeEventListener("keydown", t));
+  }), d(O, {
+    get when() {
+      return m.mounted();
+    },
+    get children() {
+      return d(f, {
+        get mount() {
+          return document.body;
+        },
+        get children() {
+          var t = c();
+          return b(t, "click", e.closeOnOutsideClick && e.onClose ? () => e.onClose?.() : void 0, !0), s(t, d(w, g({
+            get component() {
+              return e.asForm ? "form" : "div";
+            }
+          }, _, {
+            ref(n) {
+              var u = P(e.ref, (v) => p = v);
+              typeof u == "function" && u(n);
+            },
+            get class() {
+              return a("smwb-modal", `smwb-${e.size}`, `smwb-${e.animation}`, e.class);
+            },
+            onClick: (n) => n.stopPropagation(),
+            get role() {
+              return e.role;
+            },
+            "aria-modal": "true",
+            get children() {
+              return e.children;
+            }
+          }))), l(() => i(t, a("smwb-modal__overlay", `smwb-${e.backdrop}`, `smwb-${e.size}`, m.classes()))), t;
+        }
+      });
+    }
+  });
+}
+function z(o) {
+  return (() => {
+    var r = c();
+    return s(r, () => o.children), l(() => i(r, a("smwb-modal__header", o.class))), r;
+  })();
+}
+function D(o) {
+  return (() => {
+    var r = c();
+    return s(r, () => o.children), l(() => i(r, a("smwb-modal__content", o.class))), r;
+  })();
+}
+function S(o) {
+  return (() => {
+    var r = c();
+    return s(r, () => o.children), l(() => i(r, a("smwb-modal__footer", o.class))), r;
+  })();
+}
+const H = Object.assign(L, {
+  Footer: S,
+  Header: z,
+  Content: D
+});
+C(["click"]);
+export {
+  D as Content,
+  S as Footer,
+  z as Header,
+  H as Modal
+};
+//# sourceMappingURL=modal.js.map

package/dist/headless/components/feedBack/modal/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sources":["../../../../../src/components/feedBack/modal/modal.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, createEffect, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport { Dynamic, Portal } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { createCssTransition } from \"../../../primitives/createCssTransition\";\nimport { createFocusTrap } from \"../../../primitives/createFocusTrap\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface ModalProps {\n  size?: \"small\" | \"medium\" | \"large\" | \"fullscreen\";\n  closeOnOutsideClick?: boolean;\n  onClose?: () => void;\n  open: boolean;\n  animation?: \"fade\" | \"scale\" | \"drop\";\n  class?: string;\n  backdrop?: \"blured\" | \"dark\" | \"transparent\" | \"darkBlured\";\n  asForm?: boolean;\n  disableAppearAnimation?: boolean;\n  /** ARIA role of the dialog. */\n  role?: \"dialog\" | \"alertdialog\";\n  /** Close the modal when Escape is pressed. */\n  closeOnEsc?: boolean;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst OVERLAY_CLASSNAMES = {\n  appear: \"smwb-modal__overlay-appear\",\n  appearActive: \"smwb-modal__overlay-appear-active\",\n  appearDone: \"smwb-modal__overlay-appear-done\",\n  enter: \"smwb-modal__overlay-enter\",\n  enterActive: \"smwb-modal__overlay-enter-active\",\n  enterDone: \"smwb-modal__overlay-enter-done\",\n  exit: \"smwb-modal__overlay-exit\",\n  exitActive: \"smwb-modal__overlay-exit-active\",\n};\n\nfunction ModalBase(props: ParentProps<ModalProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      animation: \"fade\" as const,\n      backdrop: \"dark\" as const,\n      size: \"large\" as const,\n      closeOnOutsideClick: true,\n      asForm: false,\n      disableAppearAnimation: false,\n      role: \"dialog\" as const,\n      closeOnEsc: true,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"children\",\n    \"onClose\",\n    \"open\",\n    \"class\",\n    \"animation\",\n    \"backdrop\",\n    \"size\",\n    \"closeOnOutsideClick\",\n    \"asForm\",\n    \"disableAppearAnimation\",\n    \"role\",\n    \"closeOnEsc\",\n    \"ref\",\n  ]);\n\n  let contentEl: HTMLDivElement | undefined;\n\n  const transition = createCssTransition({\n    in: () => local.open,\n    timeout: { appear: 225, enter: 225, exit: 150 },\n    classNames: OVERLAY_CLASSNAMES,\n    appear: !local.disableAppearAnimation,\n  });\n\n  createFocusTrap({ active: () => local.open && transition.mounted(), container: () => contentEl });\n\n  createEffect(() => {\n    if (!local.open || !local.closeOnEsc || !local.onClose) return;\n    const onKeyDown = (event: KeyboardEvent): void => {\n      if (event.key === \"Escape\") local.onClose?.();\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  return (\n    <Show when={transition.mounted()}>\n      <Portal mount={document.body}>\n        <div\n          class={cn(\"smwb-modal__overlay\", `smwb-${local.backdrop}`, `smwb-${local.size}`, transition.classes())}\n          onClick={local.closeOnOutsideClick && local.onClose ? () => local.onClose?.() : undefined}\n        >\n          <Dynamic\n            component={local.asForm ? \"form\" : \"div\"}\n            {...rest}\n            ref={mergeRefs(local.ref, (el) => (contentEl = el as HTMLDivElement))}\n            class={cn(\"smwb-modal\", `smwb-${local.size}`, `smwb-${local.animation}`, local.class)}\n            onClick={(event: MouseEvent) => event.stopPropagation()}\n            role={local.role}\n            aria-modal=\"true\"\n          >\n            {local.children}\n          </Dynamic>\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n\nexport interface ModalSlotProps {\n  class?: string;\n}\n\nexport function Header(props: ParentProps<ModalSlotProps>): JSX.Element {\n  return <div class={cn(\"smwb-modal__header\", props.class)}>{props.children}</div>;\n}\n\nexport function Content(props: ParentProps<ModalSlotProps>): JSX.Element {\n  return <div class={cn(\"smwb-modal__content\", props.class)}>{props.children}</div>;\n}\n\nexport function Footer(props: ParentProps<ModalSlotProps>): JSX.Element {\n  return <div class={cn(\"smwb-modal__footer\", props.class)}>{props.children}</div>;\n}\n\nexport const Modal = Object.assign(ModalBase, { Footer, Header, Content });\n\nexport default Modal;\n"],"names":["OVERLAY_CLASSNAMES","appear","appearActive","appearDone","enter","enterActive","enterDone","exit","exitActive","ModalBase","props","merged","mergeProps","animation","backdrop","size","closeOnOutsideClick","asForm","disableAppearAnimation","role","closeOnEsc","local","rest","splitProps","contentEl","transition","createCssTransition","in","open","timeout","classNames","createFocusTrap","active","mounted","container","createEffect","onClose","onKeyDown","event","key","document","addEventListener","onCleanup","removeEventListener","_$createComponent","Show","when","children","Portal","mount","body","_el$","_tmpl$","_$addEventListener","undefined","_$insert","Dynamic","_$mergeProps","component","ref","r$","_ref$","mergeRefs","el","cn","class","onClick","stopPropagation","_$effect","_$className","classes","Header","_el$2","Content","_el$3","Footer","_el$4","Modal","Object","assign","_$delegateEvents"],"mappings":"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"}

package/dist/headless/components/feedBack/progressIndicator/progressIndicator.js

@@ -0,0 +1,79 @@
+import { createComponent as c, spread as n, mergeProps as u, insert as _, effect as f, style as b, template as i, use as v } from "solid-js/web";
+import { createEffect as $, mergeProps as w, splitProps as h, Show as m } from "solid-js";
+import p from "clsx";
+var y = /* @__PURE__ */ i("<svg class=smwb-indicator_circular__svg><circle class=smwb-indicator_circular__circle cx=24 cy=24 r=22>"), l = /* @__PURE__ */ i("<div>"), P = /* @__PURE__ */ i("<div><div class=smwb-indicator_linear__thumb>"), V = /* @__PURE__ */ i("<div class=smwb-indicator_circular__thumb>");
+function C(o) {
+  let a;
+  return $(() => {
+    const r = o.progressValue ?? 0;
+    if (!a || !a.r) return;
+    const t = a.r.baseVal.value;
+    if (t) {
+      const e = 2 * Math.PI * t;
+      a.style.strokeDasharray = `${e} ${e}`, a.style.strokeDashoffset = `${e - r / 100 * e}`;
+    }
+  }), (() => {
+    var r = y(), t = r.firstChild, e = a;
+    return typeof e == "function" ? v(e, t) : a = t, r;
+  })();
+}
+function D(o) {
+  const a = w({
+    progressValue: 0,
+    color: "primary",
+    size: "medium"
+  }, o), [r] = h(a, ["type", "variant", "class", "progressValue", "color", "size", "aria-label", "id"]), t = () => r.color !== "primary" ? `smwb-indicator_color-${r.color}` : void 0, e = () => ({
+    role: "progressbar",
+    "aria-label": r["aria-label"],
+    id: r.id,
+    ...r.type === "determinate" ? {
+      "aria-valuenow": r.progressValue,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100
+    } : {}
+  });
+  return c(m, {
+    get when() {
+      return r.variant === "circular";
+    },
+    get fallback() {
+      return (() => {
+        var s = P(), d = s.firstChild;
+        return n(s, u(e, {
+          get class() {
+            return p("smwb-indicator_linear", `smwb-${r.type}`, t(), r.class);
+          }
+        }), !1, !0), f((g) => b(d, r.type === "determinate" ? {
+          width: `${r.progressValue}%`
+        } : {}, g)), s;
+      })();
+    },
+    get children() {
+      var s = l();
+      return n(s, u(e, {
+        get class() {
+          return p("smwb-indicator_circular", `smwb-${r.type}`, t(), `smwb-indicator_size-${r.size}`, r.class);
+        }
+      }), !1, !0), _(s, c(m, {
+        get when() {
+          return r.type === "determinate";
+        },
+        get fallback() {
+          return [V(), l(), l(), l()];
+        },
+        get children() {
+          return c(C, {
+            get progressValue() {
+              return r.progressValue;
+            }
+          });
+        }
+      })), s;
+    }
+  });
+}
+export {
+  C as CircularProgress,
+  D as ProgressIndicator
+};
+//# sourceMappingURL=progressIndicator.js.map

package/dist/headless/components/feedBack/progressIndicator/progressIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressIndicator.js","sources":["../../../../../src/components/feedBack/progressIndicator/progressIndicator.tsx"],"sourcesContent":["import { type JSX, Show, createEffect, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\n\nexport type ProgressColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface ProgressIndicatorProps {\n  class?: string;\n  variant: \"circular\" | \"linear\";\n  type: \"determinate\" | \"indeterminate\";\n  progressValue?: number;\n  /** Semantic color. */\n  color?: ProgressColor;\n  /** Circular size preset. */\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Accessible name for the progress bar. */\n  \"aria-label\"?: string;\n  id?: string;\n}\n\nexport interface CircularProgressProps {\n  progressValue?: number;\n}\n\nexport function CircularProgress(props: CircularProgressProps): JSX.Element {\n  let circle: SVGCircleElement | undefined;\n\n  createEffect(() => {\n    const value = props.progressValue ?? 0;\n    if (!circle || !circle.r) return;\n    const radius = circle.r.baseVal.value;\n    if (radius) {\n      const length = 2 * Math.PI * radius;\n      circle.style.strokeDasharray = `${length} ${length}`;\n      circle.style.strokeDashoffset = `${length - (value / 100) * length}`;\n    }\n  });\n\n  return (\n    <svg class=\"smwb-indicator_circular__svg\">\n      <circle class=\"smwb-indicator_circular__circle\" cx=\"24\" cy=\"24\" r=\"22\" ref={circle} />\n    </svg>\n  );\n}\n\nexport function ProgressIndicator(props: ProgressIndicatorProps): JSX.Element {\n  const merged = mergeProps({ progressValue: 0, color: \"primary\" as ProgressColor, size: \"medium\" as const }, props);\n  const [local] = splitProps(merged, [\"type\", \"variant\", \"class\", \"progressValue\", \"color\", \"size\", \"aria-label\", \"id\"]);\n\n  const colorClass = (): string | undefined =>\n    local.color !== \"primary\" ? `smwb-indicator_color-${local.color}` : undefined;\n\n  const ariaProps = (): JSX.HTMLAttributes<HTMLDivElement> => ({\n    role: \"progressbar\",\n    \"aria-label\": local[\"aria-label\"],\n    id: local.id,\n    ...(local.type === \"determinate\"\n      ? { \"aria-valuenow\": local.progressValue, \"aria-valuemin\": 0, \"aria-valuemax\": 100 }\n      : {}),\n  });\n\n  return (\n    <Show\n      when={local.variant === \"circular\"}\n      fallback={\n        <div {...ariaProps()} class={cn(\"smwb-indicator_linear\", `smwb-${local.type}`, colorClass(), local.class)}>\n          <div\n            class=\"smwb-indicator_linear__thumb\"\n            style={local.type === \"determinate\" ? { width: `${local.progressValue}%` } : {}}\n          />\n        </div>\n      }\n    >\n      <div\n        {...ariaProps()}\n        class={cn(\n          \"smwb-indicator_circular\",\n          `smwb-${local.type}`,\n          colorClass(),\n          `smwb-indicator_size-${local.size}`,\n          local.class\n        )}\n      >\n        <Show\n          when={local.type === \"determinate\"}\n          fallback={\n            <>\n              <div class=\"smwb-indicator_circular__thumb\" />\n              <div />\n              <div />\n              <div />\n            </>\n          }\n        >\n          <CircularProgress progressValue={local.progressValue} />\n        </Show>\n      </div>\n    </Show>\n  );\n}\n\nexport default ProgressIndicator;\n"],"names":["CircularProgress","props","circle","createEffect","value","progressValue","r","radius","baseVal","length","Math","PI","style","strokeDasharray","strokeDashoffset","_el$","_tmpl$","_el$2","firstChild","_ref$","_$use","ProgressIndicator","merged","mergeProps","color","size","local","splitProps","colorClass","undefined","ariaProps","role","id","type","_$createComponent","Show","when","variant","fallback","_el$4","_tmpl$3","_el$5","_$spread","_$mergeProps","cn","class","_$effect","_$p","_$style","width","children","_el$3","_tmpl$2","_$insert","_tmpl$4"],"mappings":"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"}

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

@@ -0,0 +1,73 @@
+import { createComponent as o, use as g, insert as h, Dynamic as m, mergeProps as d, template as y } from "solid-js/web";
+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 C(n) {
+  const p = w({
+    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`
+    } : {}
+  });
+  return o(k, {
+    get when() {
+      return e.count > 1;
+    },
+    get fallback() {
+      return o(m, d({
+        get component() {
+          return e.component;
+        }
+      }, u, {
+        ref(t) {
+          var r = l(e.ref);
+          typeof r == "function" && r(t);
+        },
+        "data-testid": "skeleton",
+        "aria-hidden": "true",
+        get class() {
+          return a();
+        },
+        get style() {
+          return s(0);
+        }
+      }));
+    },
+    get children() {
+      var t = v(), r = l(e.ref);
+      return typeof r == "function" && g(r, t), h(t, o($, {
+        get each() {
+          return Array.from({
+            length: e.count
+          }, (i, f) => f);
+        },
+        children: (i) => o(m, {
+          get component() {
+            return e.component;
+          },
+          "data-testid": "skeleton",
+          "aria-hidden": "true",
+          get class() {
+            return a();
+          },
+          get style() {
+            return s(i);
+          }
+        })
+      })), t;
+    }
+  });
+}
+export {
+  C as Skeleton
+};
+//# sourceMappingURL=skeleton.js.map

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

@@ -0,0 +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":";;;;;AAuBA,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;"}

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

@@ -0,0 +1,221 @@
+import { createComponent as s, Dynamic as N, mergeProps as O, insert as C, memo as B, Portal as D, setAttribute as F, effect as I, className as L, template as b } from "solid-js/web";
+import { mergeProps as S, splitProps as h, onMount as M, onCleanup as j, Show as w, createSignal as E, For as p, useContext as K, createContext as q } from "solid-js";
+import A from "clsx";
+import { createSnackbarsPortal as z } from "./useSnackbarsPortal.js";
+import { createCssTransition as G } from "../../../primitives/createCssTransition.js";
+import { mergeRefs as H } from "../../../primitives/mergeRefs.js";
+var J = /* @__PURE__ */ b("<div class=smwb-snackbar__body>"), Q = /* @__PURE__ */ b("<div class=smwb-snackbar__action>"), U = /* @__PURE__ */ b("<div>");
+const T = q({
+  addSnackbar: () => "",
+  clearAllSnackbars: () => {
+  },
+  clearFirstSnackbar: () => {
+  },
+  clearLastSnackbar: () => {
+  },
+  clearByIdSnackbar: () => {
+  }
+});
+let V = 0;
+const W = {
+  appear: "smwb-snackbar-enter",
+  appearActive: "smwb-snackbar-enter-active",
+  appearDone: "smwb-snackbar-enter-done",
+  enter: "smwb-snackbar-enter",
+  enterActive: "smwb-snackbar-enter-active",
+  enterDone: "smwb-snackbar-enter-done",
+  exitActive: "smwb-snackbar-exit-active"
+};
+function X(t) {
+  const i = S({
+    variant: "dark",
+    position: "top-right",
+    component: "div"
+  }, t), [e, m] = h(i, ["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));
+  }), j(() => {
+    o !== void 0 && clearTimeout(o);
+  }), s(N, O({
+    get component() {
+      return e.component ?? "div";
+    }
+  }, m, {
+    ref(a) {
+      var u = H(e.ref);
+      typeof u == "function" && u(a);
+    },
+    get class() {
+      return A("smwb-snackbar", e.class, `smwb-${e.variant}`, `smwb-${e.position}`, e.transitionClass);
+    },
+    get onClick() {
+      return e.onClick;
+    },
+    role: "alert",
+    get "aria-live"() {
+      return e.variant === "danger" ? "assertive" : "polite";
+    },
+    "aria-atomic": "true",
+    get children() {
+      return [(() => {
+        var a = J();
+        return C(a, () => e.message), a;
+      })(), s(w, {
+        get when() {
+          return e.action != null;
+        },
+        get children() {
+          var a = Q();
+          return C(a, () => e.action), a;
+        }
+      })];
+    }
+  }));
+}
+function Y(t) {
+  const i = G({
+    in: () => !0,
+    appear: !0,
+    timeout: {
+      appear: 125,
+      enter: 125,
+      exit: 125
+    },
+    classNames: W
+  });
+  return s(X, {
+    get component() {
+      return t.snack.component ?? t.component;
+    },
+    get message() {
+      return t.snack.message;
+    },
+    get position() {
+      return t.snack.position ?? t.position;
+    },
+    get variant() {
+      return t.snack.variant ?? t.variant;
+    },
+    get class() {
+      return t.snack.class;
+    },
+    get transitionClass() {
+      return i.classes();
+    },
+    get isAutoClose() {
+      return t.snack.autoClose ?? t.autoClose;
+    },
+    get autoCloseTime() {
+      return t.snack.autoCloseTime ?? t.autoCloseTime;
+    },
+    onClick: () => t.onRemove(t.snack.id),
+    onClose: () => t.onClose(t.snack.id)
+  });
+}
+function oe(t) {
+  const i = S({
+    position: "top-right",
+    variant: "dark",
+    autoClose: !0,
+    autoCloseTime: 5e3,
+    closeOnClick: !0,
+    component: "div"
+  }, t), [e] = h(i, ["position", "variant", "class", "autoClose", "autoCloseTime", "closeOnClick", "onClick", "component", "children"]), [m, o] = E([]), a = z(), u = (n) => {
+    const {
+      key: c,
+      ...r
+    } = n, l = c ?? `snack-${++V}`, g = {
+      id: l,
+      ...r
+    };
+    return o((d) => {
+      const v = d.findIndex((R) => R.id === l);
+      if (v === -1) return [...d, g];
+      const f = [...d];
+      return f[v] = g, f;
+    }), l;
+  }, k = (n) => {
+    o((c) => c.filter((r) => r.id !== n));
+  }, $ = () => {
+    o([]);
+  }, _ = () => {
+    o((n) => n.slice(1));
+  }, x = () => {
+    o((n) => n.slice(0, -1));
+  }, P = (n) => {
+    e.closeOnClick && k(n);
+  }, y = () => {
+    const n = {};
+    for (const c of m()) {
+      const r = c.position ?? e.position;
+      (n[r] = n[r] ?? []).push(c);
+    }
+    return Object.entries(n);
+  };
+  return s(T.Provider, {
+    value: {
+      addSnackbar: u,
+      clearAllSnackbars: $,
+      clearFirstSnackbar: _,
+      clearLastSnackbar: x,
+      clearByIdSnackbar: k
+    },
+    get children() {
+      return [B(() => e.children), s(w, {
+        get when() {
+          return a();
+        },
+        get children() {
+          return s(D, {
+            get mount() {
+              return a();
+            },
+            get children() {
+              return s(p, {
+                get each() {
+                  return y();
+                },
+                children: ([n, c]) => (() => {
+                  var r = U();
+                  return F(r, "data-testid", `snackbars-${n}`), C(r, s(p, {
+                    each: c,
+                    children: (l) => s(Y, {
+                      snack: l,
+                      get position() {
+                        return e.position;
+                      },
+                      get variant() {
+                        return e.variant;
+                      },
+                      get component() {
+                        return e.component;
+                      },
+                      get autoClose() {
+                        return e.autoClose;
+                      },
+                      get autoCloseTime() {
+                        return e.autoCloseTime;
+                      },
+                      onRemove: P,
+                      onClose: k
+                    })
+                  })), I(() => L(r, A("smwb-snackbars", `smwb-${n}`))), r;
+                })()
+              });
+            }
+          });
+        }
+      })];
+    }
+  });
+}
+function se() {
+  return K(T);
+}
+export {
+  X as Snackbar,
+  oe as SnackbarProvider,
+  se as useSnackbar
+};
+//# sourceMappingURL=snackbar.js.map

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

@@ -0,0 +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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"}