@smwb/ui-solid 0.1.0

package/dist/headless/components/dataDisplay/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sources":["../../../../../src/components/dataDisplay/badge/badge.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface BadgeProps extends JSX.HTMLAttributes<HTMLSpanElement> {\n  badgeContent?: JSX.Element | number | string;\n  color?: \"primary\" | \"success\" | \"danger\";\n  variant?: \"inside\" | \"outside\";\n  vertical?: \"top\" | \"bottom\";\n  horizontal?: \"right\" | \"left\";\n  /** Cap numeric content, rendering `{max}+` when exceeded. */\n  max?: number;\n  /** Render the badge even when content is 0. */\n  showZero?: boolean;\n  /** Accessible label for the badge value. */\n  badgeAriaLabel?: string;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function Badge(props: ParentProps<BadgeProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      color: \"primary\" as const,\n      variant: \"outside\" as const,\n      vertical: \"top\" as const,\n      horizontal: \"right\" as const,\n      showZero: false,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"color\",\n    \"badgeContent\",\n    \"variant\",\n    \"vertical\",\n    \"horizontal\",\n    \"max\",\n    \"showZero\",\n    \"badgeAriaLabel\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  const isZero = (): boolean => local.badgeContent === 0 || local.badgeContent === \"0\";\n  const hidden = (): boolean =>\n    local.badgeContent === undefined || local.badgeContent === null || (isZero() && !local.showZero);\n\n  const display = (): JSX.Element | number | string | undefined =>\n    typeof local.badgeContent === \"number\" && local.max !== undefined && local.badgeContent > local.max\n      ? `${local.max}+`\n      : local.badgeContent;\n\n  return (\n    <span class=\"smwb-badge__wrapper\" data-testid=\"badge\">\n      {local.children}\n      <span\n        {...rest}\n        ref={mergeRefs(local.ref)}\n        class={cn(\n          \"smwb-badge\",\n          `smwb-badge_${local.color}`,\n          `smwb-badge_${local.variant}`,\n          `smwb-badge_${local.variant}_${local.vertical}`,\n          `smwb-badge_${local.variant}_${local.vertical}_${local.horizontal}`,\n          local.class,\n          { \"smwb-badge_no-content\": hidden() }\n        )}\n        aria-label={local.badgeAriaLabel}\n      >\n        <Show when={!hidden()}>{display()}</Show>\n      </span>\n    </span>\n  );\n}\n\nexport default Badge;\n"],"names":["Badge","props","merged","mergeProps","color","variant","vertical","horizontal","showZero","local","rest","splitProps","isZero","badgeContent","hidden","undefined","display","max","_el$","_tmpl$","_el$2","firstChild","_$insert","children","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","badgeAriaLabel","_$createComponent","Show","when"],"mappings":";;;;;AAmBO,SAASA,EAAMC,GAA6C;AACjE,QAAMC,IAASC,EACb;AAAA,IACEC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,UAAU;AAAA,EAAA,GAEZP,CACF,GACM,CAACQ,GAAOC,CAAI,IAAIC,EAAWT,GAAQ,CACvC,SACA,SACA,gBACA,WACA,YACA,cACA,OACA,YACA,kBACA,YACA,KAAK,CACN,GAEKU,IAASA,MAAeH,EAAMI,iBAAiB,KAAKJ,EAAMI,iBAAiB,KAC3EC,IAASA,MACbL,EAAMI,iBAAiBE,UAAaN,EAAMI,iBAAiB,QAASD,OAAY,CAACH,EAAMD,UAEnFQ,IAAUA,MACd,OAAOP,EAAMI,gBAAiB,YAAYJ,EAAMQ,QAAQF,UAAaN,EAAMI,eAAeJ,EAAMQ,MAC5F,GAAGR,EAAMQ,GAAG,MACZR,EAAMI;AAEZ,UAAA,MAAA;AAAA,QAAAK,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG;AAAAC,IAAAA,EAAAJ,GAAA,MAEKT,EAAMc,UAAQH,CAAA;AAAA,QAAAI,IAGRC,EAAUhB,EAAMiB,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAJ,CAAA,GAAAQ,EAAAR,GAAAS,EADrBnB,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAEDoB,EACL,cACA,cAAcrB,EAAML,KAAK,IACzB,cAAcK,EAAMJ,OAAO,IAC3B,cAAcI,EAAMJ,OAAO,IAAII,EAAMH,QAAQ,IAC7C,cAAcG,EAAMJ,OAAO,IAAII,EAAMH,QAAQ,IAAIG,EAAMF,UAAU,IACjEE,EAAMsB,OACN;AAAA,UAAE,yBAAyBjB,EAAAA;AAAAA,QAAO,CACpC;AAAA,MAAC;AAAA,MAAA,IAAA,eAAA;AAAA,eACWL,EAAMuB;AAAAA,MAAc;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAV,EAAAF,GAAAa,EAE/BC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE,CAACrB,EAAAA;AAAAA,MAAQ;AAAA,MAAA,IAAAS,WAAA;AAAA,eAAGP,EAAAA;AAAAA,MAAS;AAAA,IAAA,CAAA,CAAA,GAAAE;AAAAA,EAAA,GAAA;AAIzC;"}

package/dist/headless/components/dataDisplay/card/card.js

@@ -0,0 +1,58 @@
+import { use as p, spread as v, mergeProps as g, memo as _, insert as n, createComponent as i, template as a } from "solid-js/web";
+import { mergeProps as b, splitProps as w, Show as d } from "solid-js";
+import $ from "clsx";
+import { mergeRefs as h } from "../../../primitives/mergeRefs.js";
+import { callHandler as s } from "../../../primitives/callHandler.js";
+var k = /* @__PURE__ */ a("<div class=smwb-card__title>"), y = /* @__PURE__ */ a("<div class=smwb-card__footer>"), C = /* @__PURE__ */ a("<div>");
+function H(c) {
+  const m = b({
+    variant: "elevated"
+  }, c), [e, u] = w(m, ["class", "variant", "children", "disabled", "title", "footer", "onClick", "onKeyDown", "ref"]), t = () => !!e.onClick && !e.disabled, f = (r) => {
+    s(e.onKeyDown, r), t() && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), s(e.onClick, r));
+  };
+  return (() => {
+    var r = C(), l = h(e.ref);
+    return typeof l == "function" && p(l, r), v(r, g(u, {
+      "data-testid": "card",
+      get class() {
+        return $("smwb-card", `smwb-card_${e.variant}`, e.class, {
+          card_disabled: e.disabled,
+          "smwb-card_interactive": t()
+        });
+      },
+      get role() {
+        return t() ? "button" : void 0;
+      },
+      get tabindex() {
+        return t() ? 0 : void 0;
+      },
+      get "aria-disabled"() {
+        return e.disabled || void 0;
+      },
+      get onClick() {
+        return _(() => !!t())() ? e.onClick : void 0;
+      },
+      onKeyDown: f
+    }), !1, !0), n(r, i(d, {
+      get when() {
+        return e.title;
+      },
+      get children() {
+        var o = k();
+        return n(o, () => e.title), o;
+      }
+    }), null), n(r, () => e.children, null), n(r, i(d, {
+      get when() {
+        return e.footer;
+      },
+      get children() {
+        var o = y();
+        return n(o, () => e.footer), o;
+      }
+    }), null), r;
+  })();
+}
+export {
+  H as Card
+};
+//# sourceMappingURL=card.js.map

package/dist/headless/components/dataDisplay/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../../../../../src/components/dataDisplay/card/card.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport interface CardProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  variant?: \"filled\" | \"elevated\" | \"outlined\";\n  disabled?: boolean;\n  title?: string;\n  /** Footer slot rendered after the content. */\n  footer?: JSX.Element;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Card(props: ParentProps<CardProps>): JSX.Element {\n  const merged = mergeProps({ variant: \"elevated\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"variant\",\n    \"children\",\n    \"disabled\",\n    \"title\",\n    \"footer\",\n    \"onClick\",\n    \"onKeyDown\",\n    \"ref\",\n  ]);\n\n  const interactive = (): boolean => !!local.onClick && !local.disabled;\n\n  const handleKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    callHandler(local.onKeyDown, event);\n    if (interactive() && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      callHandler(local.onClick, event as unknown as MouseEvent & { currentTarget: HTMLDivElement; target: Element });\n    }\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"card\"\n      class={cn(\"smwb-card\", `smwb-card_${local.variant}`, local.class, {\n        card_disabled: local.disabled,\n        \"smwb-card_interactive\": interactive(),\n      })}\n      role={interactive() ? \"button\" : undefined}\n      tabindex={interactive() ? 0 : undefined}\n      aria-disabled={local.disabled || undefined}\n      onClick={interactive() ? local.onClick : undefined}\n      onKeyDown={handleKeyDown}\n    >\n      <Show when={local.title}>\n        <div class=\"smwb-card__title\">{local.title}</div>\n      </Show>\n      {local.children}\n      <Show when={local.footer}>\n        <div class=\"smwb-card__footer\">{local.footer}</div>\n      </Show>\n    </div>\n  );\n}\n\nexport default Card;\n"],"names":["Card","props","merged","mergeProps","variant","local","rest","splitProps","interactive","onClick","disabled","handleKeyDown","event","callHandler","onKeyDown","key","preventDefault","_el$","_tmpl$3","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","card_disabled","role","undefined","tabindex","_$memo","_$insert","_$createComponent","Show","when","title","children","_el$2","_tmpl$","footer","_el$3","_tmpl$2"],"mappings":";;;;;;AAcO,SAASA,EAAKC,GAA4C;AAC/D,QAAMC,IAASC,EAAW;AAAA,IAAEC,SAAS;AAAA,EAAA,GAAuBH,CAAK,GAC3D,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CACvC,SACA,WACA,YACA,YACA,SACA,UACA,WACA,aACA,KAAK,CACN,GAEKM,IAAcA,MAAe,CAAC,CAACH,EAAMI,WAAW,CAACJ,EAAMK,UAEvDC,IAAkEC,CAAAA,MAAU;AAChFC,IAAAA,EAAYR,EAAMS,WAAWF,CAAK,GAC9BJ,QAAkBI,EAAMG,QAAQ,WAAWH,EAAMG,QAAQ,SAC3DH,EAAMI,eAAAA,GACNH,EAAYR,EAAMI,SAASG,CAAmF;AAAA,EAElH;AAEA,UAAA,MAAA;AAAA,QAAAK,IAAAC,EAAAA,GAAAC,IAGSC,EAAUf,EAAMgB,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBlB,GAAI;AAAA,MAAA,eAEI;AAAA,MAAM,IAAA,QAAA;AAAA,eACXmB,EAAG,aAAa,aAAapB,EAAMD,OAAO,IAAIC,EAAMqB,OAAO;AAAA,UAChEC,eAAetB,EAAMK;AAAAA,UACrB,yBAAyBF,EAAAA;AAAAA,QAAY,CACtC;AAAA,MAAC;AAAA,MAAA,IACFoB,OAAI;AAAA,eAAEpB,EAAAA,IAAgB,WAAWqB;AAAAA,MAAS;AAAA,MAAA,IAC1CC,WAAQ;AAAA,eAAEtB,EAAAA,IAAgB,IAAIqB;AAAAA,MAAS;AAAA,MAAA,IAAA,kBAAA;AAAA,eACxBxB,EAAMK,YAAYmB;AAAAA,MAAS;AAAA,MAAA,IAC1CpB,UAAO;AAAA,eAAEsB,EAAA,MAAA,CAAA,CAAAvB,GAAa,MAAGH,EAAMI,UAAUoB;AAAAA,MAAS;AAAA,MAAA,WACvClB;AAAAA,IAAAA,CAAa,GAAA,IAAA,EAAA,GAAAqB,EAAAf,GAAAgB,EAEvBC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE9B,EAAM+B;AAAAA,MAAK;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,IAAAC,EAAAA;AAAAP,eAAAA,EAAAM,GAAA,MACUjC,EAAM+B,KAAK,GAAAE;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAN,EAAAf,GAAA,MAE3CZ,EAAMgC,UAAQ,IAAA,GAAAL,EAAAf,GAAAgB,EACdC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE9B,EAAMmC;AAAAA,MAAM;AAAA,MAAA,IAAAH,WAAA;AAAA,YAAAI,IAAAC,EAAAA;AAAAV,eAAAA,EAAAS,GAAA,MACUpC,EAAMmC,MAAM,GAAAC;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAxB;AAAAA,EAAA,GAAA;AAIpD;"}

package/dist/headless/components/dataDisplay/carousel/carousel.js

@@ -0,0 +1,175 @@
+import { addEventListener as I, use as P, insert as S, createComponent as w, effect as $, setAttribute as F, style as ne, className as A, setStyleProperty as q, template as H, delegateEvents as ie } from "solid-js/web";
+import { mergeProps as ae, splitProps as le, children as ce, createSignal as z, createUniqueId as de, createEffect as M, onCleanup as ue, Show as N, For as G } from "solid-js";
+import x from "clsx";
+import { dragPrevent as U, getSlideStyle as ve, getStartSlide as he, getSlidesToShow as me, getSlideIndexForMultipleParts as j, coordX as L, coordY as X, getSlideWidth as fe, isMouseEvent as B, isTouchEvent as ge } from "./utils.js";
+import { mergeRefs as we } from "../../../primitives/mergeRefs.js";
+import { Icon as J } from "../../base/icon/icon.js";
+var K = /* @__PURE__ */ H("<div>"), Se = /* @__PURE__ */ H("<div data-testid=carousel role=region aria-roledescription=carousel><div class=smwb-carousel__inner><div class=smwb-carousel__track><div class=smwb-carousel__layer>"), pe = /* @__PURE__ */ H("<div class=smwb-carousel__slide><div class=smwb-carousel__slide-inner>");
+function ye(Q) {
+  const V = ae({
+    slidesToShow: 3,
+    startSlide: 0,
+    showNavigation: !0,
+    arrowsSize: 30,
+    "aria-label": "Carousel",
+    autoplay: !1,
+    autoplayInterval: 4e3,
+    pauseOnHover: !0
+  }, Q), [t] = le(V, ["slidesToShow", "startSlide", "children", "class", "showNavigation", "showArrows", "arrowsSize", "navigationClassName", "onSlideChange", "navigationDotRenderer", "aria-label", "autoplay", "autoplayInterval", "pauseOnHover", "ref"]), Z = ce(() => t.children), T = () => Z.toArray(), a = () => T().length, o = () => me(t.slidesToShow, a()), Y = () => he(t.startSlide, a()), k = () => !!t.showArrows && a() > 1, [m, C] = z(Y()), [D, b] = z(void 0), [ee, O] = z(!1);
+  let y, h;
+  const u = {
+    isPressed: !1,
+    startX: 0,
+    startY: 0
+  }, te = de();
+  M(() => {
+    o(), b(!1);
+  }), M(() => {
+    const e = Y();
+    C(e), t.onSlideChange?.(e), D() !== void 0 && b(!0);
+  });
+  const R = (e) => {
+    if (!y || !u.isPressed) return;
+    if (e.preventDefault(), e.stopPropagation(), ge(e) && e.touches.length > 1) {
+      p(e);
+      return;
+    }
+    const r = L(e) - u.startX, l = X(e) - u.startY, d = Math.abs(r), c = Math.abs(l);
+    if (d < c) return;
+    const n = y.offsetWidth / o(), i = o() === 1 ? 1.95 : 1.4;
+    if (d % n > n / i) {
+      const f = r < 0 ? 1 : -1, v = a() - o(), g = m() + f;
+      if (g < 0 || g > v) return;
+      C(g), b(!0), u.startX = L(e), u.startY = X(e), t.onSlideChange?.(g);
+    }
+  }, p = (e) => {
+    if (!h || !u.isPressed) return;
+    u.isPressed = !1;
+    const r = B(e);
+    h.removeEventListener(r ? "mousemove" : "touchmove", R), h.removeEventListener(r ? "mouseup" : "touchend", p), r && h.removeEventListener("mouseleave", p);
+  }, W = (e) => {
+    if (a() <= 1 || !h) return;
+    const r = B(e);
+    r && e.button !== 0 || (e.stopPropagation(), u.isPressed = !0, u.startX = L(e), u.startY = X(e), h.addEventListener(r ? "mousemove" : "touchmove", R), h.addEventListener(r ? "mouseup" : "touchend", p), r && h.addEventListener("mouseleave", p));
+  }, _ = (e) => {
+    C(e), b(!0), t.onSlideChange?.(e);
+  }, E = (e) => {
+    const r = o() === 1, l = r ? a() : Math.ceil(a() / o()), d = m() + o(), c = a() - o() <= m(), n = (j(d, o(), a(), c) + e + l) % l;
+    return r ? n : n * o();
+  }, re = () => {
+    const e = a() - o() <= m(), r = o() === 1, l = r ? a() : Math.ceil(a() / o()), d = [];
+    for (let c = 0; c < l; c++) {
+      let s = c, n = m();
+      if (!r) {
+        const i = c === l - 1, f = m() + o();
+        s = i ? a() - o() : c * o(), n = j(f, o(), a(), e);
+      }
+      d.push({
+        index: c,
+        nextIndex: s,
+        isActive: n === c
+      });
+    }
+    return d;
+  }, se = () => {
+    const e = a() - o(), r = m() > e ? e : m();
+    return fe(o()) * r;
+  };
+  return M(() => {
+    if (!t.autoplay || a() <= 1 || t.pauseOnHover && ee()) return;
+    const e = window.setInterval(() => _(E(1)), t.autoplayInterval);
+    ue(() => window.clearInterval(e));
+  }), (() => {
+    var e = Se(), r = e.firstChild, l = r.firstChild, d = l.firstChild;
+    I(e, "mouseleave", t.pauseOnHover ? () => O(!1) : void 0), I(e, "mouseenter", t.pauseOnHover ? () => O(!0) : void 0);
+    var c = we(t.ref);
+    return typeof c == "function" && P(c, e), P((s) => y = s, r), S(r, w(N, {
+      get when() {
+        return k();
+      },
+      get children() {
+        return w(J, {
+          name: "chevron_left",
+          get size() {
+            return t.arrowsSize;
+          },
+          get class() {
+            return x("smwb-carousel__arrow", "smwb-carousel__arrow_prev");
+          },
+          get style() {
+            return {
+              top: `calc(50% - ${t.arrowsSize / 2}px)`,
+              left: `${-t.arrowsSize / 2}px`
+            };
+          },
+          onClick: () => _(E(-1))
+        });
+      }
+    }), l), I(l, "dragend", U), I(l, "dragstart", U), l.$$touchstart = W, l.$$mousedown = W, P((s) => h = s, l), S(d, w(G, {
+      get each() {
+        return T();
+      },
+      children: (s, n) => (() => {
+        var i = pe(), f = i.firstChild;
+        return S(f, s), $((v) => {
+          var g = `${te}${n()}`, oe = ve(o());
+          return g !== v.e && F(i, "id", v.e = g), v.t = ne(i, oe, v.t), v;
+        }, {
+          e: void 0,
+          t: void 0
+        }), i;
+      })()
+    })), S(r, w(N, {
+      get when() {
+        return k();
+      },
+      get children() {
+        return w(J, {
+          name: "chevron_right",
+          get size() {
+            return t.arrowsSize;
+          },
+          get class() {
+            return x("smwb-carousel__arrow", "smwb-carousel__arrow_next");
+          },
+          get style() {
+            return {
+              top: `calc(50% - ${t.arrowsSize / 2}px)`,
+              right: `${-t.arrowsSize / 2}px`
+            };
+          },
+          onClick: () => _(E(1))
+        });
+      }
+    }), null), S(e, w(N, {
+      get when() {
+        return t.showNavigation;
+      },
+      get children() {
+        var s = K();
+        return S(s, w(G, {
+          get each() {
+            return re();
+          },
+          children: (n) => t.navigationDotRenderer ? t.navigationDotRenderer(n.index, n.isActive, (i) => _(i)) : (() => {
+            var i = K();
+            return i.$$click = () => _(n.nextIndex), $(() => A(i, x("smwb-carousel__navigation__dot", n.isActive && "current"))), i;
+          })()
+        })), $(() => A(s, x("smwb-carousel__navigation", t.navigationClassName))), s;
+      }
+    }), null), $((s) => {
+      var n = x("smwb-carousel", t.class), i = t["aria-label"], f = `translateX(-${se()}%)`, v = D() ? "transform 500ms cubic-bezier(.1, 0, .25, 1)" : "none";
+      return n !== s.e && A(e, s.e = n), i !== s.t && F(e, "aria-label", s.t = i), f !== s.a && q(d, "transform", s.a = f), v !== s.o && q(d, "transition", s.o = v), s;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    }), e;
+  })();
+}
+ie(["mousedown", "touchstart", "click"]);
+export {
+  ye as Carousel
+};
+//# sourceMappingURL=carousel.js.map

package/dist/headless/components/dataDisplay/carousel/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sources":["../../../../../src/components/dataDisplay/carousel/carousel.tsx"],"sourcesContent":["import {\n  type JSX,\n  type ParentProps,\n  For,\n  Show,\n  children as resolveChildren,\n  createEffect,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport {\n  coordX,\n  coordY,\n  dragPrevent,\n  getSlideIndexForMultipleParts,\n  getSlideStyle,\n  getSlideWidth,\n  getSlidesToShow,\n  getStartSlide,\n  isMouseEvent,\n  isTouchEvent,\n} from \"./utils\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface CarouselProps {\n  slidesToShow?: number;\n  startSlide?: number;\n  class?: string;\n  showNavigation?: boolean;\n  showArrows?: boolean;\n  arrowsSize?: number;\n  navigationClassName?: string;\n  onSlideChange?: (slideIndex: number) => void;\n  navigationDotRenderer?: (index: number, isActive: boolean, onClick: (index: number) => void) => JSX.Element;\n  \"aria-label\"?: string;\n  autoplay?: boolean;\n  autoplayInterval?: number;\n  pauseOnHover?: boolean;\n  ref?: Ref<HTMLDivElement>;\n}\n\ninterface Motion {\n  isPressed: boolean;\n  startX: number;\n  startY: number;\n}\n\nexport function Carousel(props: ParentProps<CarouselProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      slidesToShow: 3,\n      startSlide: 0,\n      showNavigation: true,\n      arrowsSize: 30,\n      \"aria-label\": \"Carousel\",\n      autoplay: false,\n      autoplayInterval: 4000,\n      pauseOnHover: true,\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"slidesToShow\",\n    \"startSlide\",\n    \"children\",\n    \"class\",\n    \"showNavigation\",\n    \"showArrows\",\n    \"arrowsSize\",\n    \"navigationClassName\",\n    \"onSlideChange\",\n    \"navigationDotRenderer\",\n    \"aria-label\",\n    \"autoplay\",\n    \"autoplayInterval\",\n    \"pauseOnHover\",\n    \"ref\",\n  ]);\n\n  const resolved = resolveChildren(() => local.children);\n  const slides = (): unknown[] => resolved.toArray();\n  const slidesCount = (): number => slides().length;\n  const slidesToShow = (): number => getSlidesToShow(local.slidesToShow, slidesCount());\n  const startSlide = (): number => getStartSlide(local.startSlide, slidesCount());\n  const showArrows = (): boolean => !!local.showArrows && slidesCount() > 1;\n\n  const [activeSlideIndex, setActiveSlideIndex] = createSignal(startSlide());\n  const [animation, setAnimation] = createSignal<boolean | undefined>(undefined);\n  const [isHovered, setIsHovered] = createSignal(false);\n\n  let rootEl: HTMLDivElement | undefined;\n  let trackEl: HTMLDivElement | undefined;\n  const motion: Motion = { isPressed: false, startX: 0, startY: 0 };\n  const slideId = createUniqueId();\n\n  createEffect(() => {\n    slidesToShow();\n    setAnimation(false);\n  });\n\n  createEffect(() => {\n    const start = startSlide();\n    setActiveSlideIndex(start);\n    local.onSlideChange?.(start);\n    if (animation() !== undefined) setAnimation(true);\n  });\n\n  const onMove = (event: MouseEvent | TouchEvent): void => {\n    if (!rootEl || !motion.isPressed) return;\n    event.preventDefault();\n    event.stopPropagation();\n    if (isTouchEvent(event) && event.touches.length > 1) {\n      onEnd(event);\n      return;\n    }\n    const shiftX = coordX(event) - motion.startX;\n    const shiftY = coordY(event) - motion.startY;\n    const shiftXAbs = Math.abs(shiftX);\n    const shiftYAbs = Math.abs(shiftY);\n    if (shiftXAbs < shiftYAbs) return;\n    const viewWidth = rootEl.offsetWidth;\n    const widthPerSlide = viewWidth / slidesToShow();\n    const threshold = slidesToShow() === 1 ? 1.95 : 1.4;\n    if (shiftXAbs % widthPerSlide > widthPerSlide / threshold) {\n      const direction = shiftX < 0 ? 1 : -1;\n      const shiftSlidesMax = slidesCount() - slidesToShow();\n      const targetIndex = activeSlideIndex() + direction;\n      if (targetIndex < 0 || targetIndex > shiftSlidesMax) return;\n      setActiveSlideIndex(targetIndex);\n      setAnimation(true);\n      motion.startX = coordX(event);\n      motion.startY = coordY(event);\n      local.onSlideChange?.(targetIndex);\n    }\n  };\n\n  const onEnd = (event: MouseEvent | TouchEvent): void => {\n    if (!trackEl || !motion.isPressed) return;\n    motion.isPressed = false;\n    const mouse = isMouseEvent(event);\n    trackEl.removeEventListener(mouse ? \"mousemove\" : \"touchmove\", onMove as EventListener);\n    trackEl.removeEventListener(mouse ? \"mouseup\" : \"touchend\", onEnd as EventListener);\n    if (mouse) trackEl.removeEventListener(\"mouseleave\", onEnd as EventListener);\n  };\n\n  const onStart: JSX.EventHandler<HTMLDivElement, MouseEvent | TouchEvent> = (event) => {\n    if (slidesCount() <= 1 || !trackEl) return;\n    const mouse = isMouseEvent(event);\n    if (mouse && (event as MouseEvent).button !== 0) return;\n    event.stopPropagation();\n    motion.isPressed = true;\n    motion.startX = coordX(event);\n    motion.startY = coordY(event);\n    trackEl.addEventListener(mouse ? \"mousemove\" : \"touchmove\", onMove as EventListener);\n    trackEl.addEventListener(mouse ? \"mouseup\" : \"touchend\", onEnd as EventListener);\n    if (mouse) trackEl.addEventListener(\"mouseleave\", onEnd as EventListener);\n  };\n\n  const goTo = (index: number): void => {\n    setActiveSlideIndex(index);\n    setAnimation(true);\n    local.onSlideChange?.(index);\n  };\n\n  const getNextIndex = (direction: 1 | -1): number => {\n    const isSingle = slidesToShow() === 1;\n    const totalGroups = isSingle ? slidesCount() : Math.ceil(slidesCount() / slidesToShow());\n    const activeIndex = activeSlideIndex() + slidesToShow();\n    const isNextDisabled = slidesCount() - slidesToShow() <= activeSlideIndex();\n    const currentIndex = getSlideIndexForMultipleParts(activeIndex, slidesToShow(), slidesCount(), isNextDisabled);\n    const nextIndex = (currentIndex + direction + totalGroups) % totalGroups;\n    return isSingle ? nextIndex : nextIndex * slidesToShow();\n  };\n\n  const dots = (): Array<{ index: number; nextIndex: number; isActive: boolean }> => {\n    const isNextDisabled = slidesCount() - slidesToShow() <= activeSlideIndex();\n    const isSingle = slidesToShow() === 1;\n    const count = isSingle ? slidesCount() : Math.ceil(slidesCount() / slidesToShow());\n    const result: Array<{ index: number; nextIndex: number; isActive: boolean }> = [];\n    for (let index = 0; index < count; index++) {\n      let nextIndex = index;\n      let currentIndex = activeSlideIndex();\n      if (!isSingle) {\n        const isLast = index === count - 1;\n        const activeIndex = activeSlideIndex() + slidesToShow();\n        nextIndex = isLast ? slidesCount() - slidesToShow() : index * slidesToShow();\n        currentIndex = getSlideIndexForMultipleParts(activeIndex, slidesToShow(), slidesCount(), isNextDisabled);\n      }\n      result.push({ index, nextIndex, isActive: currentIndex === index });\n    }\n    return result;\n  };\n\n  const indent = (): number => {\n    const shiftSlidesMax = slidesCount() - slidesToShow();\n    const shiftSlides = activeSlideIndex() > shiftSlidesMax ? shiftSlidesMax : activeSlideIndex();\n    return getSlideWidth(slidesToShow()) * shiftSlides;\n  };\n\n  // Autoplay\n  createEffect(() => {\n    if (!local.autoplay || slidesCount() <= 1 || (local.pauseOnHover && isHovered())) return;\n    const timer = window.setInterval(() => goTo(getNextIndex(1)), local.autoplayInterval);\n    onCleanup(() => window.clearInterval(timer));\n  });\n\n  return (\n    <div\n      class={cn(\"smwb-carousel\", local.class)}\n      data-testid=\"carousel\"\n      ref={mergeRefs(local.ref)}\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      aria-label={local[\"aria-label\"]}\n      onMouseEnter={local.pauseOnHover ? () => setIsHovered(true) : undefined}\n      onMouseLeave={local.pauseOnHover ? () => setIsHovered(false) : undefined}\n    >\n      <div class=\"smwb-carousel__inner\" ref={(el) => (rootEl = el)}>\n        <Show when={showArrows()}>\n          <Icon\n            name=\"chevron_left\"\n            size={local.arrowsSize}\n            class={cn(\"smwb-carousel__arrow\", \"smwb-carousel__arrow_prev\")}\n            style={{ top: `calc(50% - ${local.arrowsSize / 2}px)`, left: `${-local.arrowsSize / 2}px` }}\n            onClick={() => goTo(getNextIndex(-1))}\n          />\n        </Show>\n        <div\n          ref={(el) => (trackEl = el)}\n          class=\"smwb-carousel__track\"\n          onMouseDown={onStart}\n          onTouchStart={onStart}\n          onDragStart={dragPrevent}\n          onDragEnd={dragPrevent}\n        >\n          <div\n            class=\"smwb-carousel__layer\"\n            style={{\n              transform: `translateX(-${indent()}%)`,\n              transition: animation() ? \"transform 500ms cubic-bezier(.1, 0, .25, 1)\" : \"none\",\n            }}\n          >\n            <For each={slides()}>\n              {(child, index) => (\n                <div id={`${slideId}${index()}`} class=\"smwb-carousel__slide\" style={getSlideStyle(slidesToShow())}>\n                  <div class=\"smwb-carousel__slide-inner\">{child as JSX.Element}</div>\n                </div>\n              )}\n            </For>\n          </div>\n        </div>\n        <Show when={showArrows()}>\n          <Icon\n            name=\"chevron_right\"\n            size={local.arrowsSize}\n            class={cn(\"smwb-carousel__arrow\", \"smwb-carousel__arrow_next\")}\n            style={{ top: `calc(50% - ${local.arrowsSize / 2}px)`, right: `${-local.arrowsSize / 2}px` }}\n            onClick={() => goTo(getNextIndex(1))}\n          />\n        </Show>\n      </div>\n      <Show when={local.showNavigation}>\n        <div class={cn(\"smwb-carousel__navigation\", local.navigationClassName)}>\n          <For each={dots()}>\n            {(dot) =>\n              local.navigationDotRenderer ? (\n                local.navigationDotRenderer(dot.index, dot.isActive, (i) => goTo(i))\n              ) : (\n                <div\n                  class={cn(\"smwb-carousel__navigation__dot\", dot.isActive && \"current\")}\n                  onClick={() => goTo(dot.nextIndex)}\n                />\n              )\n            }\n          </For>\n        </div>\n      </Show>\n    </div>\n  );\n}\n\nexport default Carousel;\n"],"names":["Carousel","props","merged","mergeProps","slidesToShow","startSlide","showNavigation","arrowsSize","autoplay","autoplayInterval","pauseOnHover","local","splitProps","resolved","resolveChildren","children","slides","toArray","slidesCount","length","getSlidesToShow","getStartSlide","showArrows","activeSlideIndex","setActiveSlideIndex","createSignal","animation","setAnimation","undefined","isHovered","setIsHovered","rootEl","trackEl","motion","isPressed","startX","startY","slideId","createUniqueId","createEffect","start","onSlideChange","onMove","event","preventDefault","stopPropagation","isTouchEvent","touches","onEnd","shiftX","coordX","shiftY","coordY","shiftXAbs","Math","abs","shiftYAbs","widthPerSlide","offsetWidth","threshold","direction","shiftSlidesMax","targetIndex","mouse","isMouseEvent","removeEventListener","onStart","button","addEventListener","goTo","index","getNextIndex","isSingle","totalGroups","ceil","activeIndex","isNextDisabled","nextIndex","getSlideIndexForMultipleParts","dots","count","result","currentIndex","isLast","push","isActive","indent","shiftSlides","getSlideWidth","timer","window","setInterval","onCleanup","clearInterval","_el$","_tmpl$2","_el$2","firstChild","_el$3","_el$4","_$addEventListener","_ref$","mergeRefs","ref","_$use","el","_$insert","_$createComponent","Show","when","Icon","name","size","cn","style","top","left","onClick","dragPrevent","$$touchstart","$$mousedown","For","each","child","_el$6","_tmpl$3","_el$7","_$effect","_p$","_v$5","_v$6","getSlideStyle","e","_$setAttribute","t","_$style","right","_el$5","_tmpl$","dot","navigationDotRenderer","i","_el$8","$$click","_$className","navigationClassName","_v$","class","_v$2","_v$3","_v$4","a","_$setStyleProperty","o","_$delegateEvents"],"mappings":"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"}

package/dist/headless/components/dataDisplay/carousel/utils.js

@@ -0,0 +1,52 @@
+function c(t, n) {
+  const r = Math.floor(t / n);
+  return t % n === 0 ? r - 1 : r;
+}
+function o(t, n, r, f) {
+  const e = c(r, n);
+  return t === r + n ? 0 : f || t < n && t !== 0 ? e : t === 0 ? r % n === 0 ? e : e - 1 : n > 0 ? Math.floor(t / n) - 1 : 0;
+}
+function g(t) {
+  return t instanceof MouseEvent;
+}
+function u(t) {
+  return typeof TouchEvent < "u" && t instanceof TouchEvent;
+}
+function a(t) {
+  return u(t) ? t.changedTouches[0]?.clientX ?? 0 : t.clientX;
+}
+function h(t) {
+  return u(t) ? t.changedTouches[0]?.clientY ?? 0 : t.clientY;
+}
+function M(t) {
+  const n = t.target;
+  (n.tagName === "A" || n.tagName === "IMG") && t.preventDefault();
+}
+function i(t) {
+  return 100 / t;
+}
+function E(t) {
+  return { width: `${i(t)}%` };
+}
+function p(t, n) {
+  return t <= 0 || n === 0 ? 1 : t > n ? n : t;
+}
+function m(t, n) {
+  if (t <= 0 || n === 0) return 0;
+  const r = n - 1;
+  return t > r ? r : t;
+}
+export {
+  a as coordX,
+  h as coordY,
+  M as dragPrevent,
+  c as getActiveSlideDotsLength,
+  o as getSlideIndexForMultipleParts,
+  E as getSlideStyle,
+  i as getSlideWidth,
+  p as getSlidesToShow,
+  m as getStartSlide,
+  g as isMouseEvent,
+  u as isTouchEvent
+};
+//# sourceMappingURL=utils.js.map

package/dist/headless/components/dataDisplay/carousel/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/dataDisplay/carousel/utils.ts"],"sourcesContent":["import type { JSX } from \"solid-js\";\n\nexport function getActiveSlideDotsLength(slidesCount: number, slidesToShow: number): number {\n  const dots = Math.floor(slidesCount / slidesToShow);\n  return slidesCount % slidesToShow === 0 ? dots - 1 : dots;\n}\n\nexport function getSlideIndexForMultipleParts(\n  activeIndex: number,\n  slidesToShow: number,\n  slidesCount: number,\n  isNextSlideDisabled: boolean\n): number {\n  const dotsLength = getActiveSlideDotsLength(slidesCount, slidesToShow);\n  if (activeIndex === slidesCount + slidesToShow) return 0;\n  if (isNextSlideDisabled || (activeIndex < slidesToShow && activeIndex !== 0)) return dotsLength;\n  if (activeIndex === 0) return slidesCount % slidesToShow === 0 ? dotsLength : dotsLength - 1;\n  return slidesToShow > 0 ? Math.floor(activeIndex / slidesToShow) - 1 : 0;\n}\n\nexport function isMouseEvent(event: Event): event is MouseEvent {\n  return event instanceof MouseEvent;\n}\n\nexport function isTouchEvent(event: Event): event is TouchEvent {\n  return typeof TouchEvent !== \"undefined\" && event instanceof TouchEvent;\n}\n\nexport function coordX(event: MouseEvent | TouchEvent): number {\n  if (isTouchEvent(event)) return event.changedTouches[0]?.clientX ?? 0;\n  return event.clientX;\n}\n\nexport function coordY(event: MouseEvent | TouchEvent): number {\n  if (isTouchEvent(event)) return event.changedTouches[0]?.clientY ?? 0;\n  return event.clientY;\n}\n\nexport function dragPrevent(event: Event): void {\n  const target = event.target as HTMLElement;\n  if (target.tagName === \"A\" || target.tagName === \"IMG\") {\n    event.preventDefault();\n  }\n}\n\nexport function getSlideWidth(slidesToShow: number): number {\n  return 100 / slidesToShow;\n}\n\nexport function getSlideStyle(slidesToShow: number): JSX.CSSProperties {\n  return { width: `${getSlideWidth(slidesToShow)}%` };\n}\n\nexport function getSlidesToShow(slidesToShow: number, slidesCount: number): number {\n  if (slidesToShow <= 0 || slidesCount === 0) return 1;\n  if (slidesToShow > slidesCount) return slidesCount;\n  return slidesToShow;\n}\n\nexport function getStartSlide(startSlide: number, slidesCount: number): number {\n  if (startSlide <= 0 || slidesCount === 0) return 0;\n  const maxIndex = slidesCount - 1;\n  if (startSlide > maxIndex) return maxIndex;\n  return startSlide;\n}\n"],"names":["getActiveSlideDotsLength","slidesCount","slidesToShow","dots","getSlideIndexForMultipleParts","activeIndex","isNextSlideDisabled","dotsLength","isMouseEvent","event","isTouchEvent","coordX","coordY","dragPrevent","target","getSlideWidth","getSlideStyle","getSlidesToShow","getStartSlide","startSlide","maxIndex"],"mappings":"AAEO,SAASA,EAAyBC,GAAqBC,GAA8B;AAC1F,QAAMC,IAAO,KAAK,MAAMF,IAAcC,CAAY;AAClD,SAAOD,IAAcC,MAAiB,IAAIC,IAAO,IAAIA;AACvD;AAEO,SAASC,EACdC,GACAH,GACAD,GACAK,GACQ;AACR,QAAMC,IAAaP,EAAyBC,GAAaC,CAAY;AACrE,SAAIG,MAAgBJ,IAAcC,IAAqB,IACnDI,KAAwBD,IAAcH,KAAgBG,MAAgB,IAAWE,IACjFF,MAAgB,IAAUJ,IAAcC,MAAiB,IAAIK,IAAaA,IAAa,IACpFL,IAAe,IAAI,KAAK,MAAMG,IAAcH,CAAY,IAAI,IAAI;AACzE;AAEO,SAASM,EAAaC,GAAmC;AAC9D,SAAOA,aAAiB;AAC1B;AAEO,SAASC,EAAaD,GAAmC;AAC9D,SAAO,OAAO,aAAe,OAAeA,aAAiB;AAC/D;AAEO,SAASE,EAAOF,GAAwC;AAC7D,SAAIC,EAAaD,CAAK,IAAUA,EAAM,eAAe,CAAC,GAAG,WAAW,IAC7DA,EAAM;AACf;AAEO,SAASG,EAAOH,GAAwC;AAC7D,SAAIC,EAAaD,CAAK,IAAUA,EAAM,eAAe,CAAC,GAAG,WAAW,IAC7DA,EAAM;AACf;AAEO,SAASI,EAAYJ,GAAoB;AAC9C,QAAMK,IAASL,EAAM;AACrB,GAAIK,EAAO,YAAY,OAAOA,EAAO,YAAY,UAC/CL,EAAM,eAAA;AAEV;AAEO,SAASM,EAAcb,GAA8B;AAC1D,SAAO,MAAMA;AACf;AAEO,SAASc,EAAcd,GAAyC;AACrE,SAAO,EAAE,OAAO,GAAGa,EAAcb,CAAY,CAAC,IAAA;AAChD;AAEO,SAASe,EAAgBf,GAAsBD,GAA6B;AACjF,SAAIC,KAAgB,KAAKD,MAAgB,IAAU,IAC/CC,IAAeD,IAAoBA,IAChCC;AACT;AAEO,SAASgB,EAAcC,GAAoBlB,GAA6B;AAC7E,MAAIkB,KAAc,KAAKlB,MAAgB,EAAG,QAAO;AACjD,QAAMmB,IAAWnB,IAAc;AAC/B,SAAIkB,IAAaC,IAAiBA,IAC3BD;AACT;"}

package/dist/headless/components/dataDisplay/chat/chat.js

@@ -0,0 +1,221 @@
+import { insert as h, createComponent as o, memo as a, effect as A, className as I, template as f, spread as _, mergeProps as x } from "solid-js/web";
+import { mergeProps as U, createMemo as P, Show as i } from "solid-js";
+import N from "clsx";
+import { createControllableState as m } from "../../../primitives/createControllableState.js";
+import { createId as T } from "../../../primitives/createId.js";
+import { ChatComposer as B } from "./chatComposer.js";
+import { ChatHeader as E } from "./chatHeader.js";
+import { ChatMessages as F } from "./chatMessages.js";
+import { ChatShell as O } from "./chatShell.js";
+import { createChatFileUpload as D } from "./useChatFileUpload.js";
+import { CHAT_EXPAND_LAYOUTS as $ } from "./types.js";
+import { resolveAllowedLayouts as k, pickInitialLayout as p, shouldShowChatCloseButton as z } from "./utils.js";
+import { FloatingButton as H } from "../../inputs/floatingButton/floatingButton.js";
+import { Icon as V } from "../../base/icon/icon.js";
+var R = /* @__PURE__ */ f("<input>"), X = /* @__PURE__ */ f("<div data-testid=chat>");
+function ne(b) {
+  const e = U({
+    showAvatars: !1,
+    showAttachments: !1,
+    anchor: "bottom-right",
+    themeMode: "inherit",
+    defaultOpen: !1,
+    floatingTrigger: !1,
+    composerPlaceholder: "message",
+    composerShiftEnterNewline: !0,
+    composerCtrlEnterNewline: !0,
+    fileUpload: !1,
+    embedded: !1,
+    overlayContext: !1,
+    showStatus: !1
+  }, b), s = P(() => k(e.allowedLayouts ?? $)), [u, d] = m({
+    value: () => e.open,
+    defaultValue: e.defaultOpen,
+    onChange: e.onOpenChange
+  }), [n, g] = m({
+    value: () => e.layout,
+    defaultValue: p(s(), e.defaultLayout),
+    onChange: e.onLayoutChange
+  }), l = () => e.embedded ? "fullHeight" : e.floatingTrigger ? u() ? n() : "closed" : n(), C = () => {
+    d(!0), n() === "closed" && g(p(s(), e.defaultLayout));
+  }, w = () => {
+    d(!1);
+  }, v = (r) => {
+    d(!0), g(r);
+  }, t = D({
+    enabled: () => e.fileUpload,
+    accept: e.fileUploadAccept,
+    maxFiles: e.fileUploadMaxFiles,
+    onUploadFiles: e.onUploadFiles,
+    disabled: () => !!e.composerDisabled
+  }), c = T(), y = () => !!e.onSendMessage || t.enabled(), L = () => o(i, {
+    get when() {
+      return t.enabled();
+    },
+    get children() {
+      var r = R();
+      return _(r, x(() => t.getInputProps({
+        id: c
+      }), {
+        "data-testid": "chat-file-input"
+      }), !1, !1), r;
+    }
+  }), S = () => e.footer ?? e.children ?? (y() ? [a(L), o(B, {
+    get onSendMessage() {
+      return e.onSendMessage;
+    },
+    get placeholder() {
+      return e.composerPlaceholder;
+    },
+    get disabled() {
+      return e.composerDisabled;
+    },
+    get shiftEnterNewline() {
+      return e.composerShiftEnterNewline;
+    },
+    get ctrlEnterNewline() {
+      return e.composerCtrlEnterNewline;
+    },
+    get fileUpload() {
+      return t.enabled();
+    },
+    get attachInputId() {
+      return t.enabled() ? c : void 0;
+    },
+    get attachAriaLabel() {
+      return e.attachAriaLabel;
+    }
+  })] : void 0), M = () => z({
+    floatingTrigger: e.floatingTrigger,
+    embedded: e.embedded,
+    overlayContext: e.overlayContext,
+    effectiveLayout: l(),
+    showCloseButton: e.showCloseButton
+  });
+  return (() => {
+    var r = X();
+    return h(r, o(i, {
+      get when() {
+        return a(() => !!(e.floatingTrigger && !e.embedded))() && !u();
+      },
+      get children() {
+        return o(H, {
+          class: "smwb-chat__trigger",
+          get "aria-label"() {
+            return e.triggerLabel ?? "Open chat";
+          },
+          "data-testid": "chat-trigger",
+          onClick: C,
+          get children() {
+            return o(i, {
+              get when() {
+                return e.triggerIcon;
+              },
+              get fallback() {
+                return o(V, {
+                  name: "chat",
+                  size: 24
+                });
+              },
+              get children() {
+                return e.triggerIcon;
+              }
+            });
+          }
+        });
+      }
+    }), null), h(r, o(O, {
+      get layout() {
+        return l();
+      },
+      get anchor() {
+        return e.anchor;
+      },
+      get themeMode() {
+        return e.themeMode;
+      },
+      get embedded() {
+        return e.embedded;
+      },
+      get overlayContext() {
+        return e.overlayContext;
+      },
+      get fileDropzoneRootProps() {
+        return a(() => !!t.enabled())() ? t.getRootProps() : void 0;
+      },
+      get fileDropzoneActive() {
+        return a(() => !!t.enabled())() && t.isDragActive();
+      },
+      get header() {
+        return o(E, {
+          get title() {
+            return e.headerTitle;
+          },
+          get subtitle() {
+            return e.headerSubtitle;
+          },
+          get actions() {
+            return e.headerActions;
+          },
+          get layout() {
+            return a(() => l() === "closed")() ? n() : l();
+          },
+          get allowedLayouts() {
+            return s();
+          },
+          onLayoutChange: v,
+          get onClose() {
+            return M() ? w : void 0;
+          }
+        });
+      },
+      get footer() {
+        return S();
+      },
+      get children() {
+        return o(F, {
+          get messages() {
+            return e.messages;
+          },
+          get showAvatars() {
+            return e.showAvatars;
+          },
+          get showAttachments() {
+            return e.showAttachments;
+          },
+          get showStatus() {
+            return e.showStatus;
+          },
+          get statusIcons() {
+            return e.statusIcons;
+          },
+          get renderStatus() {
+            return e.renderStatus;
+          },
+          get onLoadMore() {
+            return e.onLoadMore;
+          },
+          get hasMore() {
+            return e.hasMore;
+          },
+          get loading() {
+            return e.loading;
+          },
+          get loadingMore() {
+            return e.loadingMore;
+          },
+          get loadingSkeletonCount() {
+            return e.loadingSkeletonCount;
+          },
+          get renderMessage() {
+            return e.renderMessage;
+          }
+        });
+      }
+    }), null), A(() => I(r, N("smwb-chat", !e.embedded && `smwb-chat_${e.anchor}`, e.embedded && "smwb-chat_embedded", e.overlayContext && "smwb-chat_overlay-context", e.class))), r;
+  })();
+}
+export {
+  ne as Chat
+};
+//# sourceMappingURL=chat.js.map

package/dist/headless/components/dataDisplay/chat/chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.js","sources":["../../../../../src/components/dataDisplay/chat/chat.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, createMemo, mergeProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { FloatingButton } from \"../../inputs/floatingButton\";\nimport { Icon } from \"../../base/icon\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { createId } from \"../../../primitives/createId\";\nimport { ChatComposer } from \"./chatComposer\";\nimport { ChatHeader } from \"./chatHeader\";\nimport { ChatMessages } from \"./chatMessages\";\nimport { ChatShell } from \"./chatShell\";\nimport { createChatFileUpload } from \"./useChatFileUpload\";\nimport {\n  type ChatAnchor,\n  type ChatLayoutMode,\n  type ChatMessage,\n  type ChatMessageRenderContext,\n  type ChatThemeMode,\n  CHAT_EXPAND_LAYOUTS,\n} from \"./types\";\nimport { pickInitialLayout, resolveAllowedLayouts, shouldShowChatCloseButton } from \"./utils\";\n\nexport interface ChatProps extends ParentProps, Omit<ChatMessageRenderContext, \"showAvatars\" | \"showAttachments\"> {\n  class?: string | undefined;\n  messages: ChatMessage[];\n  showAvatars?: boolean | undefined;\n  showAttachments?: boolean | undefined;\n  headerTitle?: JSX.Element;\n  headerSubtitle?: JSX.Element;\n  headerActions?: JSX.Element;\n  footer?: JSX.Element;\n  anchor?: ChatAnchor | undefined;\n  themeMode?: ChatThemeMode | undefined;\n  allowedLayouts?: ChatLayoutMode[] | undefined;\n  layout?: ChatLayoutMode | undefined;\n  defaultLayout?: ChatLayoutMode | undefined;\n  onLayoutChange?: ((layout: ChatLayoutMode) => void) | undefined;\n  open?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  floatingTrigger?: boolean | undefined;\n  triggerIcon?: JSX.Element;\n  triggerLabel?: string | undefined;\n  onLoadMore?: (() => void | Promise<void>) | undefined;\n  hasMore?: boolean | undefined;\n  onSendMessage?: ((text: string) => void | Promise<void>) | undefined;\n  composerPlaceholder?: string | undefined;\n  composerDisabled?: boolean | undefined;\n  composerShiftEnterNewline?: boolean | undefined;\n  composerCtrlEnterNewline?: boolean | undefined;\n  fileUpload?: boolean | undefined;\n  onUploadFiles?: ((files: File[]) => void | Promise<void>) | undefined;\n  fileUploadAccept?: Record<string, string[]> | string | undefined;\n  fileUploadMaxFiles?: number | undefined;\n  attachAriaLabel?: string | undefined;\n  loading?: boolean | undefined;\n  loadingMore?: boolean | undefined;\n  loadingSkeletonCount?: number | undefined;\n  renderMessage?: ((message: ChatMessage, ctx: ChatMessageRenderContext) => JSX.Element) | undefined;\n  embedded?: boolean | undefined;\n  overlayContext?: boolean | undefined;\n  showCloseButton?: boolean | undefined;\n}\n\nexport function Chat(props: ChatProps): JSX.Element {\n  const p = mergeProps(\n    {\n      showAvatars: false,\n      showAttachments: false,\n      anchor: \"bottom-right\" as const,\n      themeMode: \"inherit\" as const,\n      defaultOpen: false,\n      floatingTrigger: false,\n      composerPlaceholder: \"message\",\n      composerShiftEnterNewline: true,\n      composerCtrlEnterNewline: true,\n      fileUpload: false,\n      embedded: false,\n      overlayContext: false,\n      showStatus: false,\n    },\n    props\n  );\n\n  const allowedLayouts = createMemo(() => resolveAllowedLayouts(p.allowedLayouts ?? CHAT_EXPAND_LAYOUTS));\n\n  const [open, setOpen] = createControllableState<boolean>({\n    value: () => p.open,\n    defaultValue: p.defaultOpen,\n    onChange: p.onOpenChange,\n  });\n\n  const [layout, setLayout] = createControllableState<ChatLayoutMode>({\n    value: () => p.layout,\n    defaultValue: pickInitialLayout(allowedLayouts(), p.defaultLayout),\n    onChange: p.onLayoutChange,\n  });\n\n  const effectiveLayout = (): ChatLayoutMode =>\n    p.embedded ? \"fullHeight\" : p.floatingTrigger ? (open() ? layout() : \"closed\") : layout();\n\n  const handleOpen = (): void => {\n    setOpen(true);\n    if (layout() === \"closed\") {\n      setLayout(pickInitialLayout(allowedLayouts(), p.defaultLayout));\n    }\n  };\n\n  const handleClose = (): void => {\n    setOpen(false);\n  };\n\n  const handleLayoutChange = (next: ChatLayoutMode): void => {\n    setOpen(true);\n    setLayout(next);\n  };\n\n  const fileUpload = createChatFileUpload({\n    enabled: () => p.fileUpload,\n    accept: p.fileUploadAccept,\n    maxFiles: p.fileUploadMaxFiles,\n    onUploadFiles: p.onUploadFiles,\n    disabled: () => Boolean(p.composerDisabled),\n  });\n\n  const attachInputId = createId();\n\n  const showComposer = (): boolean => Boolean(p.onSendMessage) || fileUpload.enabled();\n\n  const fileInput = (): JSX.Element => (\n    <Show when={fileUpload.enabled()}>\n      <input {...fileUpload.getInputProps({ id: attachInputId })} data-testid=\"chat-file-input\" />\n    </Show>\n  );\n\n  const resolvedFooter = (): JSX.Element =>\n    p.footer ??\n    p.children ??\n    (showComposer() ? (\n      <>\n        {fileInput()}\n        <ChatComposer\n          onSendMessage={p.onSendMessage}\n          placeholder={p.composerPlaceholder}\n          disabled={p.composerDisabled}\n          shiftEnterNewline={p.composerShiftEnterNewline}\n          ctrlEnterNewline={p.composerCtrlEnterNewline}\n          fileUpload={fileUpload.enabled()}\n          attachInputId={fileUpload.enabled() ? attachInputId : undefined}\n          attachAriaLabel={p.attachAriaLabel}\n        />\n      </>\n    ) : undefined);\n\n  const closeButtonVisible = (): boolean =>\n    shouldShowChatCloseButton({\n      floatingTrigger: p.floatingTrigger,\n      embedded: p.embedded,\n      overlayContext: p.overlayContext,\n      effectiveLayout: effectiveLayout(),\n      showCloseButton: p.showCloseButton,\n    });\n\n  return (\n    <div\n      class={cn(\n        \"smwb-chat\",\n        !p.embedded && `smwb-chat_${p.anchor}`,\n        p.embedded && \"smwb-chat_embedded\",\n        p.overlayContext && \"smwb-chat_overlay-context\",\n        p.class\n      )}\n      data-testid=\"chat\"\n    >\n      <Show when={p.floatingTrigger && !p.embedded && !open()}>\n        <FloatingButton\n          class=\"smwb-chat__trigger\"\n          aria-label={p.triggerLabel ?? \"Open chat\"}\n          data-testid=\"chat-trigger\"\n          onClick={handleOpen}\n        >\n          <Show when={p.triggerIcon} fallback={<Icon name=\"chat\" size={24} />}>\n            {p.triggerIcon}\n          </Show>\n        </FloatingButton>\n      </Show>\n      <ChatShell\n        layout={effectiveLayout()}\n        anchor={p.anchor}\n        themeMode={p.themeMode}\n        embedded={p.embedded}\n        overlayContext={p.overlayContext}\n        fileDropzoneRootProps={fileUpload.enabled() ? fileUpload.getRootProps() : undefined}\n        fileDropzoneActive={fileUpload.enabled() && fileUpload.isDragActive()}\n        header={\n          <ChatHeader\n            title={p.headerTitle}\n            subtitle={p.headerSubtitle}\n            actions={p.headerActions}\n            layout={effectiveLayout() === \"closed\" ? layout() : effectiveLayout()}\n            allowedLayouts={allowedLayouts()}\n            onLayoutChange={handleLayoutChange}\n            onClose={closeButtonVisible() ? handleClose : undefined}\n          />\n        }\n        footer={resolvedFooter()}\n      >\n        <ChatMessages\n          messages={p.messages}\n          showAvatars={p.showAvatars}\n          showAttachments={p.showAttachments}\n          showStatus={p.showStatus}\n          statusIcons={p.statusIcons}\n          renderStatus={p.renderStatus}\n          onLoadMore={p.onLoadMore}\n          hasMore={p.hasMore}\n          loading={p.loading}\n          loadingMore={p.loadingMore}\n          loadingSkeletonCount={p.loadingSkeletonCount}\n          renderMessage={p.renderMessage}\n        />\n      </ChatShell>\n    </div>\n  );\n}\n\nexport default Chat;\n"],"names":["Chat","props","p","mergeProps","showAvatars","showAttachments","anchor","themeMode","defaultOpen","floatingTrigger","composerPlaceholder","composerShiftEnterNewline","composerCtrlEnterNewline","fileUpload","embedded","overlayContext","showStatus","allowedLayouts","createMemo","resolveAllowedLayouts","CHAT_EXPAND_LAYOUTS","open","setOpen","createControllableState","value","defaultValue","onChange","onOpenChange","layout","setLayout","pickInitialLayout","defaultLayout","onLayoutChange","effectiveLayout","handleOpen","handleClose","handleLayoutChange","next","createChatFileUpload","enabled","accept","fileUploadAccept","maxFiles","fileUploadMaxFiles","onUploadFiles","disabled","Boolean","composerDisabled","attachInputId","createId","showComposer","onSendMessage","fileInput","_$createComponent","Show","when","children","_el$","_tmpl$","_$spread","_$mergeProps","getInputProps","id","resolvedFooter","footer","_$memo","ChatComposer","placeholder","shiftEnterNewline","ctrlEnterNewline","undefined","attachAriaLabel","closeButtonVisible","shouldShowChatCloseButton","showCloseButton","_el$2","_tmpl$2","_$insert","FloatingButton","triggerLabel","onClick","triggerIcon","fallback","Icon","name","size","ChatShell","fileDropzoneRootProps","getRootProps","fileDropzoneActive","isDragActive","header","ChatHeader","title","headerTitle","subtitle","headerSubtitle","actions","headerActions","onClose","ChatMessages","messages","statusIcons","renderStatus","onLoadMore","hasMore","loading","loadingMore","loadingSkeletonCount","renderMessage","_$effect","_$className","cn","class"],"mappings":"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"}