@smwb/ui-react 2.0.0

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

@@ -0,0 +1,38 @@
+import { jsxs as $, jsx as t } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import n from "clsx";
+const N = g(function({
+  className: o,
+  color: i = "primary",
+  badgeContent: s,
+  variant: e = "outside",
+  vertical: a = "top",
+  horizontal: l = "right",
+  max: r,
+  showZero: b = !1,
+  badgeAriaLabel: p,
+  children: c,
+  ...f
+}, _) {
+  const w = s === 0 || s === "0", d = (s == null || w && !b) === !0;
+  let m = s;
+  typeof s == "number" && r !== void 0 && s > r && (m = `${r}+`);
+  const u = n(
+    "smwb-badge",
+    `smwb-badge_${i}`,
+    `smwb-badge_${e}`,
+    `smwb-badge_${e}_${a}`,
+    `smwb-badge_${e}_${a}_${l}`,
+    o,
+    { "smwb-badge_no-content": d }
+  );
+  return /* @__PURE__ */ $("span", { className: "smwb-badge__wrapper", "data-testid": "badge", children: [
+    c,
+    /* @__PURE__ */ t("span", { ref: _, className: u, "aria-label": p, ...f, children: d ? null : m })
+  ] });
+});
+export {
+  N as Badge,
+  N as default
+};
+//# sourceMappingURL=badge.js.map

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 React, { forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\nimport cn from \"clsx\";\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  className?: string;\n  badgeContent?: React.ReactNode;\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}\n\nexport const Badge = forwardRef<HTMLSpanElement, PropsWithChildren<BadgeProps>>(function Badge(\n  {\n    className,\n    color = \"primary\",\n    badgeContent,\n    variant = \"outside\",\n    vertical = \"top\",\n    horizontal = \"right\",\n    max,\n    showZero = false,\n    badgeAriaLabel,\n    children,\n    ...rest\n  },\n  ref\n) {\n  const isZero = badgeContent === 0 || badgeContent === \"0\";\n  const hidden = (badgeContent === undefined || badgeContent === null || (isZero && !showZero)) === true;\n\n  let display: React.ReactNode = badgeContent;\n  if (typeof badgeContent === \"number\" && max !== undefined && badgeContent > max) {\n    display = `${max}+`;\n  }\n\n  const badgeClassname = cn(\n    \"smwb-badge\",\n    `smwb-badge_${color}`,\n    `smwb-badge_${variant}`,\n    `smwb-badge_${variant}_${vertical}`,\n    `smwb-badge_${variant}_${vertical}_${horizontal}`,\n    className,\n    { \"smwb-badge_no-content\": hidden }\n  );\n\n  return (\n    <span className=\"smwb-badge__wrapper\" data-testid=\"badge\">\n      {children}\n      <span ref={ref} className={badgeClassname} aria-label={badgeAriaLabel} {...rest}>\n        {hidden ? null : display}\n      </span>\n    </span>\n  );\n});\n\nexport default Badge;\n"],"names":["Badge","forwardRef","className","color","badgeContent","variant","vertical","horizontal","max","showZero","badgeAriaLabel","children","rest","ref","isZero","hidden","display","badgeClassname","cn","jsxs","jsx"],"mappings":";;;AAkBO,MAAMA,IAAQC,EAA2D,SAC9E;AAAA,EACE,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,KAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAASV,MAAiB,KAAKA,MAAiB,KAChDW,KAAwCX,KAAiB,QAASU,KAAU,CAACL,OAAe;AAElG,MAAIO,IAA2BZ;AAC/B,EAAI,OAAOA,KAAiB,YAAYI,MAAQ,UAAaJ,IAAeI,MAC1EQ,IAAU,GAAGR,CAAG;AAGlB,QAAMS,IAAiBC;AAAA,IACrB;AAAA,IACA,cAAcf,CAAK;AAAA,IACnB,cAAcE,CAAO;AAAA,IACrB,cAAcA,CAAO,IAAIC,CAAQ;AAAA,IACjC,cAAcD,CAAO,IAAIC,CAAQ,IAAIC,CAAU;AAAA,IAC/CL;AAAA,IACA,EAAE,yBAAyBa,EAAA;AAAA,EAAO;AAGpC,SACE,gBAAAI,EAAC,QAAA,EAAK,WAAU,uBAAsB,eAAY,SAC/C,UAAA;AAAA,IAAAR;AAAA,IACD,gBAAAS,EAAC,QAAA,EAAK,KAAAP,GAAU,WAAWI,GAAgB,cAAYP,GAAiB,GAAGE,GACxE,UAAAG,IAAS,OAAOC,EAAA,CACnB;AAAA,EAAA,GACF;AAEJ,CAAC;"}

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

@@ -0,0 +1,35 @@
+import { jsxs as _, jsx as i } from "react/jsx-runtime";
+import l from "react";
+import p from "clsx";
+const N = l.forwardRef(function({ className: m, variant: v = "elevated", children: f, disabled: t, title: s, footer: c, onClick: a, onKeyDown: e, ...o }, b) {
+  const r = !!a && !t, n = (d) => {
+    e == null || e(d), r && (d.key === "Enter" || d.key === " ") && (d.preventDefault(), a == null || a(d));
+  };
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      ref: b,
+      "data-testid": "card",
+      className: p("smwb-card", `smwb-card_${v}`, m, {
+        card_disabled: t,
+        "smwb-card_interactive": r
+      }),
+      role: r ? "button" : void 0,
+      tabIndex: r ? 0 : void 0,
+      "aria-disabled": t || void 0,
+      onClick: r ? a : void 0,
+      onKeyDown: n,
+      ...o,
+      children: [
+        s && /* @__PURE__ */ i("div", { className: "smwb-card__title", children: s }),
+        f,
+        c && /* @__PURE__ */ i("div", { className: "smwb-card__footer", children: c })
+      ]
+    }
+  );
+});
+export {
+  N as Card,
+  N as default
+};
+//# 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 React, { HTMLAttributes, PropsWithChildren, ReactNode } from \"react\";\nimport cn from \"clsx\";\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  variant?: \"filled\" | \"elevated\" | \"outlined\";\n  disabled?: boolean;\n  title?: string;\n  /** Footer slot rendered after the content. */\n  footer?: ReactNode;\n  /** Makes the card interactive (role=button, keyboard, focus ring). */\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n}\n\nexport const Card = React.forwardRef<HTMLDivElement, PropsWithChildren<CardProps>>(function Card(\n  { className, variant = \"elevated\", children, disabled, title, footer, onClick, onKeyDown, ...rest },\n  ref\n) {\n  const interactive = !!onClick && !disabled;\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (interactive && (e.key === \"Enter\" || e.key === \" \")) {\n      e.preventDefault();\n      onClick?.(e as unknown as React.MouseEvent<HTMLDivElement>);\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      data-testid=\"card\"\n      className={cn(\"smwb-card\", `smwb-card_${variant}`, className, {\n        card_disabled: disabled,\n        \"smwb-card_interactive\": interactive,\n      })}\n      role={interactive ? \"button\" : undefined}\n      tabIndex={interactive ? 0 : undefined}\n      aria-disabled={disabled || undefined}\n      onClick={interactive ? onClick : undefined}\n      onKeyDown={handleKeyDown}\n      {...rest}\n    >\n      {title && <div className=\"smwb-card__title\">{title}</div>}\n      {children}\n      {footer && <div className=\"smwb-card__footer\">{footer}</div>}\n    </div>\n  );\n});\n\nexport default Card;\n"],"names":["Card","React","className","variant","children","disabled","title","footer","onClick","onKeyDown","rest","ref","interactive","handleKeyDown","e","jsxs","cn","jsx"],"mappings":";;;AAcO,MAAMA,IAAOC,EAAM,WAAyD,SACjF,EAAE,WAAAC,GAAW,SAAAC,IAAU,YAAY,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,GAAGC,EAAA,GAC7FC,GACA;AACA,QAAMC,IAAc,CAAC,CAACJ,KAAW,CAACH,GAE5BQ,IAAgB,CAACC,MAA2C;AAChE,IAAAL,KAAA,QAAAA,EAAYK,IACRF,MAAgBE,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjDA,EAAE,eAAA,GACFN,KAAA,QAAAA,EAAUM;AAAA,EAEd;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,eAAY;AAAA,MACZ,WAAWK,EAAG,aAAa,aAAab,CAAO,IAAID,GAAW;AAAA,QAC5D,eAAeG;AAAA,QACf,yBAAyBO;AAAA,MAAA,CAC1B;AAAA,MACD,MAAMA,IAAc,WAAW;AAAA,MAC/B,UAAUA,IAAc,IAAI;AAAA,MAC5B,iBAAeP,KAAY;AAAA,MAC3B,SAASO,IAAcJ,IAAU;AAAA,MACjC,WAAWK;AAAA,MACV,GAAGH;AAAA,MAEH,UAAA;AAAA,QAAAJ,KAAS,gBAAAW,EAAC,OAAA,EAAI,WAAU,oBAAoB,UAAAX,GAAM;AAAA,QAClDF;AAAA,QACAG,KAAU,gBAAAU,EAAC,OAAA,EAAI,WAAU,qBAAqB,UAAAV,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D,CAAC;"}

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

@@ -0,0 +1,178 @@
+import { jsx as n, Fragment as J, jsxs as K } from "react/jsx-runtime";
+import X, { forwardRef as pt, useState as k, useRef as y, useId as xt, useEffect as It } from "react";
+import v from "clsx";
+import { useForkRef as Mt } from "../../../hooks/useForkRef.js";
+import { dragPrevent as Q, getStartSlide as Nt, getSlidesToShow as St, isMouseEvent as U, coordX as V, coordY as Z, getSlideStyle as Et, isTouchEvent as yt, getSlideWidth as At, getSlideIndexForMultipleParts as H } from "./utils.js";
+import { useSafeLayoutEffect as z } from "../../../hooks/useSafeLayoutEffect.js";
+import { useEventCallback as Y } from "../../../hooks/useEventCallback.js";
+import { Icon as C } from "../../base/icon/icon.js";
+const gt = {
+  isPressed: !1,
+  startX: 0,
+  startY: 0
+}, jt = pt(function({
+  slidesToShow: tt = 3,
+  startSlide: et = 0,
+  children: h,
+  className: st,
+  showNavigation: rt = !0,
+  showArrows: ot,
+  arrowsSize: f = 30,
+  navigationClassName: nt,
+  onSlideChange: i,
+  navigationDotRenderer: R,
+  "aria-label": it = "Carousel",
+  autoplay: D = !1,
+  autoplayInterval: W = 4e3,
+  pauseOnHover: b = !0
+}, ct) {
+  const r = X.Children.count(h), s = St(tt, r), p = Nt(et, r), $ = ot && r > 1, [c, A] = k(p), [j, x] = k({
+    animation: void 0
+  }), g = y(null), at = y(null), lt = Mt(ct, at), a = y(null), [F, B] = k(!1), P = y(gt);
+  z(() => {
+    x((t) => ({
+      ...t,
+      animation: !1
+    }));
+  }, [s]), z(() => {
+    A(p), i == null || i(p), j.animation !== void 0 && x((t) => ({
+      ...t,
+      animation: !0
+    }));
+  }, [p]);
+  const L = (t) => {
+    Object.assign(P.current, t);
+  }, G = Y((t) => {
+    if (r <= 1 || !a.current)
+      return;
+    const e = U(t);
+    if (e && t.button !== 0)
+      return;
+    t.stopPropagation();
+    const l = V(t), u = Z(t);
+    L({
+      isPressed: !0,
+      startX: l,
+      startY: u
+    }), a.current.addEventListener(e ? "mousemove" : "touchmove", O), a.current.addEventListener(e ? "mouseup" : "touchend", _), e && a.current.addEventListener("mouseleave", _);
+  }), O = Y((t) => {
+    if (!g.current)
+      return;
+    const { isPressed: e, startX: l, startY: u } = P.current;
+    if (!e)
+      return;
+    if (t.preventDefault(), t.stopPropagation(), yt(t) && t.touches.length > 1)
+      return _(t);
+    const o = V(t), m = Z(t), d = o - l, M = m - u, w = Math.abs(d), N = Math.abs(M);
+    if (w < N)
+      return;
+    const S = g.current.offsetWidth / s, ht = s === 1 ? 1.95 : 1.4;
+    if (w % S > S / ht) {
+      const _t = d < 0 ? 1 : -1, wt = r - s, E = c + _t;
+      if (E < 0 || E > wt)
+        return;
+      A(E), x((bt) => ({ ...bt, animation: !0 })), L({ startX: o, startY: m }), i == null || i(E);
+    }
+  }), _ = Y((t) => {
+    if (!a.current || !P.current.isPressed)
+      return;
+    L({ isPressed: !1 });
+    const e = U(t);
+    a.current.removeEventListener(e ? "mousemove" : "touchmove", O), a.current.removeEventListener(e ? "mouseup" : "touchend", _), e && a.current.removeEventListener("mouseleave", _);
+  }), I = (t) => () => {
+    A(t), x((e) => ({ ...e, animation: !0 })), i == null || i(t);
+  }, T = (t) => {
+    const e = s === 1, l = e ? r : Math.ceil(r / s), u = c + s, o = r - s <= c, d = (H(u, s, r, o) + t + l) % l;
+    return e ? d : d * s;
+  }, ut = () => {
+    if (!rt)
+      return /* @__PURE__ */ n(J, {});
+    const t = r - s <= c, e = s === 1, l = e ? r : Math.ceil(r / s), u = [];
+    for (let o = 0; o < l; o++) {
+      let m = o, d = c;
+      if (!e) {
+        const q = o === l - 1, S = c + s;
+        m = q ? r - s : o * s, d = H(S, s, r, t);
+      }
+      const M = d === o, w = I(m);
+      let N = /* @__PURE__ */ n("div", { className: v("smwb-carousel__navigation__dot", M && "current"), onClick: w }, o);
+      R && (N = R(o, M, w)), u.push(N);
+    }
+    return /* @__PURE__ */ n("div", { className: v("smwb-carousel__navigation", nt), children: u });
+  }, dt = () => {
+    const t = r - s, e = c > t ? t : c;
+    return At(s) * e;
+  }, ft = xt(), mt = Et(s), vt = {
+    transform: `translateX(-${dt()}%)`,
+    transition: j.animation ? "transform 500ms cubic-bezier(.1, 0, .25, 1)" : "none"
+  };
+  return X.useEffect(() => {
+    Array.isArray(h) || console.error("SMWB Material: The `children` prop was passed invalidly. It should contain an array of elements.");
+  }, [h]), It(() => {
+    if (!D || r <= 1 || b && F)
+      return;
+    const t = window.setInterval(() => {
+      I(T(1))();
+    }, W);
+    return () => window.clearInterval(t);
+  }, [D, W, b, F, r, c, s]), Array.isArray(h) ? /* @__PURE__ */ K(
+    "div",
+    {
+      className: v("smwb-carousel", st),
+      "data-testid": "carousel",
+      ref: lt,
+      role: "region",
+      "aria-roledescription": "carousel",
+      "aria-label": it,
+      onMouseEnter: b ? () => B(!0) : void 0,
+      onMouseLeave: b ? () => B(!1) : void 0,
+      children: [
+        /* @__PURE__ */ K("div", { className: v("smwb-carousel__inner"), ref: g, children: [
+          $ && /* @__PURE__ */ n(
+            C,
+            {
+              name: "chevron_left",
+              size: f,
+              className: v("smwb-carousel__arrow", "smwb-carousel__arrow_prev"),
+              style: {
+                top: `calc(50% - ${f / 2}px)`,
+                left: -f / 2
+              },
+              onClick: () => I(T(-1))()
+            }
+          ),
+          /* @__PURE__ */ n(
+            "div",
+            {
+              ref: a,
+              className: "smwb-carousel__track",
+              onMouseDown: G,
+              onTouchStart: G,
+              onDragStart: Q,
+              onDragEnd: Q,
+              children: /* @__PURE__ */ n("div", { className: "smwb-carousel__layer", style: vt, children: X.Children.map(h, (t, e) => /* @__PURE__ */ n("div", { id: `${ft}${e}`, className: "smwb-carousel__slide", style: mt, children: /* @__PURE__ */ n("div", { className: "smwb-carousel__slide-inner", children: t }) }, e)) })
+            }
+          ),
+          $ && /* @__PURE__ */ n(
+            C,
+            {
+              name: "chevron_right",
+              size: f,
+              className: v("smwb-carousel__arrow", "smwb-carousel__arrow_next"),
+              style: {
+                top: `calc(50% - ${f / 2}px)`,
+                right: -f / 2
+              },
+              onClick: () => I(T(1))()
+            }
+          )
+        ] }),
+        ut()
+      ]
+    }
+  ) : /* @__PURE__ */ n(J, {});
+});
+export {
+  jt 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 React, { forwardRef, ReactNode, useEffect, useId, useRef, useState } from \"react\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport {\n  coordX,\n  coordY,\n  dragPrevent,\n  getSlideIndexForMultipleParts,\n  getSlidesToShow,\n  getSlideStyle,\n  getSlideWidth,\n  getStartSlide,\n  isMouseEvent,\n  isTouchEvent,\n} from \"./utils\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useEventCallback } from \"../../../hooks/useEventCallback\";\n\nexport interface CarouselProps extends React.PropsWithChildren {\n  slidesToShow?: number;\n  startSlide?: number;\n  className?: 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) => ReactNode;\n  /** Accessible label for the carousel region. */\n  \"aria-label\"?: string;\n  /** Advance slides automatically. */\n  autoplay?: boolean;\n  /** Autoplay interval in ms. */\n  autoplayInterval?: number;\n  /** Pause autoplay while the pointer is over the carousel. */\n  pauseOnHover?: boolean;\n}\n\ninterface ShiftState {\n  animation: boolean | undefined;\n}\n\ninterface Motion {\n  isPressed: boolean;\n  startX: number;\n  startY: number;\n}\n\nconst MOTION_INITIAL_STATE: Motion = {\n  isPressed: false,\n  startX: 0,\n  startY: 0,\n};\n\nexport const Carousel = forwardRef<HTMLDivElement, CarouselProps>(function Carousel(\n  {\n    slidesToShow: slidesToShowProp = 3,\n    startSlide: startSlideProp = 0,\n    children,\n    className,\n    showNavigation = true,\n    showArrows: showArrowsProp,\n    arrowsSize = 30,\n    navigationClassName,\n    onSlideChange,\n    navigationDotRenderer,\n    \"aria-label\": ariaLabel = \"Carousel\",\n    autoplay = false,\n    autoplayInterval = 4000,\n    pauseOnHover = true,\n  },\n  ref\n) {\n  const slidesCount = React.Children.count(children);\n  const slidesToShow = getSlidesToShow(slidesToShowProp, slidesCount);\n  const startSlide = getStartSlide(startSlideProp, slidesCount);\n  const showArrows = showArrowsProp && slidesCount > 1;\n\n  const [activeSlideIndex, setActiveSlideIndex] = useState<number>(startSlide);\n  const [shiftState, setShiftState] = useState<ShiftState>({\n    animation: undefined,\n  });\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const outerRef = useRef<HTMLDivElement>(null);\n  const forkedOuterRef = useForkRef<HTMLDivElement>(ref, outerRef);\n  const trackRef = useRef<HTMLDivElement>(null);\n  const [isHovered, setIsHovered] = useState<boolean>(false);\n\n  const motion = useRef<Motion>(MOTION_INITIAL_STATE);\n\n  useSafeLayoutEffect(() => {\n    setShiftState((prevState) => ({\n      ...prevState,\n      animation: false,\n    }));\n  }, [slidesToShow]);\n\n  useSafeLayoutEffect(() => {\n    setActiveSlideIndex(startSlide);\n    onSlideChange?.(startSlide);\n\n    if (shiftState.animation !== undefined) {\n      setShiftState((prevState) => ({\n        ...prevState,\n        animation: true,\n      }));\n    }\n  }, [startSlide]);\n\n  const setMotion = (value: Partial<Motion>) => {\n    Object.assign<Motion, Partial<Motion>>(motion.current, value);\n  };\n\n  const onStart = useEventCallback((event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) => {\n    if (slidesCount <= 1) {\n      return;\n    }\n\n    if (!trackRef.current) {\n      return;\n    }\n\n    const isMouse = isMouseEvent(event);\n\n    if (isMouse && event.button !== 0) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    const clientX = coordX(event);\n    const clientY = coordY(event);\n\n    setMotion({\n      isPressed: true,\n      startX: clientX,\n      startY: clientY,\n    });\n\n    trackRef.current.addEventListener(isMouse ? \"mousemove\" : \"touchmove\", onMove);\n    trackRef.current.addEventListener(isMouse ? \"mouseup\" : \"touchend\", onEnd);\n\n    if (isMouse) {\n      trackRef.current.addEventListener(\"mouseleave\", onEnd);\n    }\n  });\n\n  const onMove = useEventCallback((event: MouseEvent | TouchEvent) => {\n    if (!rootRef.current) {\n      return;\n    }\n\n    const { isPressed, startX, startY } = motion.current;\n\n    if (!isPressed) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (isTouchEvent(event) && event.touches.length > 1) {\n      return onEnd(event);\n    }\n\n    const clientX = coordX(event);\n    const clientY = coordY(event);\n    const shiftX = clientX - startX;\n    const shiftY = clientY - startY;\n    const shiftXAbs = Math.abs(shiftX);\n    const shiftYAbs = Math.abs(shiftY);\n\n    if (shiftXAbs < shiftYAbs) {\n      return;\n    }\n\n    const viewWidth = rootRef.current.offsetWidth;\n    const widthPerSlide = viewWidth / slidesToShow;\n    const threshold = slidesToShow === 1 ? 1.95 : 1.4;\n\n    if (shiftXAbs % widthPerSlide > widthPerSlide / threshold) {\n      const direction = shiftX < 0 ? 1 : -1;\n      const shiftSlidesMax = slidesCount - slidesToShow;\n      const targetIndex = activeSlideIndex + direction;\n\n      if (targetIndex < 0 || targetIndex > shiftSlidesMax) {\n        return;\n      }\n\n      setActiveSlideIndex(targetIndex);\n      setShiftState((prevState) => ({ ...prevState, animation: true }));\n      setMotion({ startX: clientX, startY: clientY });\n      onSlideChange?.(targetIndex);\n    }\n  });\n\n  const onEnd = useEventCallback((event: MouseEvent | TouchEvent) => {\n    if (!trackRef.current) {\n      return;\n    }\n\n    if (!motion.current.isPressed) {\n      return;\n    }\n\n    setMotion({ isPressed: false });\n\n    const isMouse = isMouseEvent(event);\n\n    trackRef.current.removeEventListener(isMouse ? \"mousemove\" : \"touchmove\", onMove);\n    trackRef.current.removeEventListener(isMouse ? \"mouseup\" : \"touchend\", onEnd);\n\n    if (isMouse) {\n      trackRef.current.removeEventListener(\"mouseleave\", onEnd);\n    }\n  });\n\n  const onNavigationItemClick = (index: number) => () => {\n    setActiveSlideIndex(index);\n    setShiftState((prevState) => ({ ...prevState, animation: true }));\n    onSlideChange?.(index);\n  };\n\n  const getNextIndex = (direction: 1 | -1) => {\n    const isSingleSlide = slidesToShow === 1;\n    const totalGroups = isSingleSlide ? slidesCount : Math.ceil(slidesCount / slidesToShow);\n    const activeIndex = activeSlideIndex + slidesToShow;\n    const isNextSlideDisabled = slidesCount - slidesToShow <= activeSlideIndex;\n\n    const currentIndex = getSlideIndexForMultipleParts(activeIndex, slidesToShow, slidesCount, isNextSlideDisabled);\n    const nextIndex = (currentIndex + direction + totalGroups) % totalGroups;\n\n    return isSingleSlide ? nextIndex : nextIndex * slidesToShow;\n  };\n\n  const getNavigation = () => {\n    if (!showNavigation) {\n      return <></>;\n    }\n\n    const isNextSlideDisabled = slidesCount - slidesToShow <= activeSlideIndex;\n    const isSinglePartSlide = slidesToShow === 1;\n    const count = isSinglePartSlide ? slidesCount : Math.ceil(slidesCount / slidesToShow);\n    const indicators: React.ReactNode[] = [];\n\n    for (let index = 0; index < count; index++) {\n      let nextIndex = index;\n      let currentIndex = activeSlideIndex;\n\n      if (!isSinglePartSlide) {\n        const isLast = index === count - 1;\n        const activeIndex = activeSlideIndex + slidesToShow;\n\n        nextIndex = isLast ? slidesCount - slidesToShow : index * slidesToShow;\n        currentIndex = getSlideIndexForMultipleParts(activeIndex, slidesToShow, slidesCount, isNextSlideDisabled);\n      }\n\n      const isActive = currentIndex === index;\n      const onClick = onNavigationItemClick(nextIndex);\n\n      let indicator: ReactNode = (\n        <div key={index} className={cn(\"smwb-carousel__navigation__dot\", isActive && \"current\")} onClick={onClick} />\n      );\n\n      if (navigationDotRenderer) {\n        indicator = navigationDotRenderer(index, isActive, onClick);\n      }\n\n      indicators.push(indicator);\n    }\n\n    return <div className={cn(\"smwb-carousel__navigation\", navigationClassName)}>{indicators}</div>;\n  };\n\n  const getIndent = () => {\n    const shiftSlidesMax = slidesCount - slidesToShow;\n    const shiftSlides = activeSlideIndex > shiftSlidesMax ? shiftSlidesMax : activeSlideIndex;\n\n    return getSlideWidth(slidesToShow) * shiftSlides;\n  };\n\n  const slideId = useId();\n  const slideStyle = getSlideStyle(slidesToShow);\n\n  const indent = getIndent();\n\n  const layerStyle = {\n    transform: `translateX(-${indent}%)`,\n    transition: shiftState.animation ? `transform 500ms cubic-bezier(.1, 0, .25, 1)` : \"none\",\n  };\n\n  React.useEffect(() => {\n    if (!Array.isArray(children)) {\n      console.error(\"SMWB Material: The `children` prop was passed invalidly. It should contain an array of elements.\");\n    }\n  }, [children]);\n\n  useEffect(() => {\n    if (!autoplay || slidesCount <= 1 || (pauseOnHover && isHovered)) {\n      return;\n    }\n    const timer = window.setInterval(() => {\n      onNavigationItemClick(getNextIndex(1))();\n    }, autoplayInterval);\n\n    return () => window.clearInterval(timer);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [autoplay, autoplayInterval, pauseOnHover, isHovered, slidesCount, activeSlideIndex, slidesToShow]);\n\n  if (!Array.isArray(children)) {\n    return <></>;\n  }\n\n  return (\n    <div\n      className={cn(\"smwb-carousel\", className)}\n      data-testid=\"carousel\"\n      ref={forkedOuterRef}\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      aria-label={ariaLabel}\n      onMouseEnter={pauseOnHover ? () => setIsHovered(true) : undefined}\n      onMouseLeave={pauseOnHover ? () => setIsHovered(false) : undefined}\n    >\n      <div className={cn(\"smwb-carousel__inner\")} ref={rootRef}>\n        {showArrows && (\n          <Icon\n            name=\"chevron_left\"\n            size={arrowsSize}\n            className={cn(\"smwb-carousel__arrow\", \"smwb-carousel__arrow_prev\")}\n            style={{\n              top: `calc(50% - ${arrowsSize / 2}px)`,\n              left: -arrowsSize / 2,\n            }}\n            onClick={() => onNavigationItemClick(getNextIndex(-1))()}\n          />\n        )}\n        <div\n          ref={trackRef}\n          className=\"smwb-carousel__track\"\n          onMouseDown={onStart}\n          onTouchStart={onStart}\n          onDragStart={dragPrevent}\n          onDragEnd={dragPrevent}\n        >\n          <div className=\"smwb-carousel__layer\" style={layerStyle}>\n            {React.Children.map(children, (child, index) => (\n              <div key={index} id={`${slideId}${index}`} className=\"smwb-carousel__slide\" style={slideStyle}>\n                <div className=\"smwb-carousel__slide-inner\">{child}</div>\n              </div>\n            ))}\n          </div>\n        </div>\n        {showArrows && (\n          <Icon\n            name=\"chevron_right\"\n            size={arrowsSize}\n            className={cn(\"smwb-carousel__arrow\", \"smwb-carousel__arrow_next\")}\n            style={{\n              top: `calc(50% - ${arrowsSize / 2}px)`,\n              right: -arrowsSize / 2,\n            }}\n            onClick={() => onNavigationItemClick(getNextIndex(1))()}\n          />\n        )}\n      </div>\n      {getNavigation()}\n    </div>\n  );\n});\n\nexport default Carousel;\n"],"names":["MOTION_INITIAL_STATE","Carousel","forwardRef","slidesToShowProp","startSlideProp","children","className","showNavigation","showArrowsProp","arrowsSize","navigationClassName","onSlideChange","navigationDotRenderer","ariaLabel","autoplay","autoplayInterval","pauseOnHover","ref","slidesCount","React","slidesToShow","getSlidesToShow","startSlide","getStartSlide","showArrows","activeSlideIndex","setActiveSlideIndex","useState","shiftState","setShiftState","rootRef","useRef","outerRef","forkedOuterRef","useForkRef","trackRef","isHovered","setIsHovered","motion","useSafeLayoutEffect","prevState","setMotion","value","onStart","useEventCallback","event","isMouse","isMouseEvent","clientX","coordX","clientY","coordY","onMove","onEnd","isPressed","startX","startY","isTouchEvent","shiftX","shiftY","shiftXAbs","shiftYAbs","widthPerSlide","threshold","direction","shiftSlidesMax","targetIndex","onNavigationItemClick","index","getNextIndex","isSingleSlide","totalGroups","activeIndex","isNextSlideDisabled","nextIndex","getSlideIndexForMultipleParts","getNavigation","jsx","Fragment","isSinglePartSlide","count","indicators","currentIndex","isLast","isActive","onClick","indicator","cn","getIndent","shiftSlides","getSlideWidth","slideId","useId","slideStyle","getSlideStyle","layerStyle","useEffect","timer","jsxs","Icon","dragPrevent","child"],"mappings":"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"}

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

@@ -0,0 +1,57 @@
+function o(t, n) {
+  const r = Math.floor(t / n);
+  return t % n === 0 ? r - 1 : r;
+}
+function g(t, n, r, i) {
+  const u = o(r, n);
+  return t === r + n ? 0 : i || t < n && t !== 0 ? u : t === 0 ? r % n === 0 ? u : u - 1 : n > 0 ? Math.floor(t / n) - 1 : 0;
+}
+function e(t) {
+  return !(t instanceof Event);
+}
+function c(t) {
+  return e(t) && t.nativeEvent instanceof MouseEvent || t instanceof MouseEvent;
+}
+function f(t) {
+  return window.TouchEvent && (e(t) && t.nativeEvent instanceof TouchEvent || t instanceof TouchEvent);
+}
+function E(t) {
+  return c(t) ? t.clientX : f(t) ? t.changedTouches[0].clientX : 0;
+}
+function h(t) {
+  return c(t) ? t.clientY : f(t) ? t.changedTouches[0].clientY : 0;
+}
+function M(t) {
+  const n = t.target;
+  (n.tagName === "A" || n.tagName === "IMG") && t.preventDefault();
+}
+function m(t) {
+  return { width: `${a(t)}%` };
+}
+function a(t) {
+  return 100 / t;
+}
+function p(t, n) {
+  return t <= 0 || n === 0 ? 1 : t > n ? n : t;
+}
+function X(t, n) {
+  if (t <= 0 || n === 0)
+    return 0;
+  const r = n - 1;
+  return t > r ? r : t;
+}
+export {
+  E as coordX,
+  h as coordY,
+  M as dragPrevent,
+  o as getActiveSlideDotsLength,
+  g as getSlideIndexForMultipleParts,
+  m as getSlideStyle,
+  a as getSlideWidth,
+  p as getSlidesToShow,
+  X as getStartSlide,
+  c as isMouseEvent,
+  e as isReactEvent,
+  f 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 React from \"react\";\n\nexport function getActiveSlideDotsLength(slidesCount: number, slidesToShow: number): number {\n  const dots = Math.floor(slidesCount / slidesToShow);\n\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\n  if (activeIndex === slidesCount + slidesToShow) {\n    return 0;\n  }\n\n  if (isNextSlideDisabled || (activeIndex < slidesToShow && activeIndex !== 0)) {\n    return dotsLength;\n  }\n\n  if (activeIndex === 0) {\n    return slidesCount % slidesToShow === 0 ? dotsLength : dotsLength - 1;\n  }\n\n  return slidesToShow > 0 ? Math.floor(activeIndex / slidesToShow) - 1 : 0;\n}\n\nexport function isReactEvent(event: React.SyntheticEvent | Event): event is React.SyntheticEvent {\n  return !(event instanceof Event);\n}\n\nexport function isMouseEvent(\n  event: React.MouseEvent | React.TouchEvent | MouseEvent | TouchEvent\n): event is React.MouseEvent | MouseEvent {\n  return (isReactEvent(event) && event.nativeEvent instanceof MouseEvent) || event instanceof MouseEvent;\n}\n\nexport function isTouchEvent(\n  event: React.MouseEvent | React.TouchEvent | MouseEvent | TouchEvent\n): event is React.TouchEvent | TouchEvent {\n  return (\n    window.TouchEvent &&\n    ((isReactEvent(event) && event.nativeEvent instanceof TouchEvent) || event instanceof TouchEvent)\n  );\n}\n\nexport function coordX(event: React.MouseEvent | React.TouchEvent | MouseEvent | TouchEvent): number {\n  if (isMouseEvent(event)) {\n    return event.clientX;\n  }\n\n  if (isTouchEvent(event)) {\n    return event.changedTouches[0].clientX;\n  }\n\n  return 0;\n}\n\nexport function coordY(event: React.MouseEvent | React.TouchEvent | MouseEvent | TouchEvent): number {\n  if (isMouseEvent(event)) {\n    return event.clientY;\n  }\n\n  if (isTouchEvent(event)) {\n    return event.changedTouches[0].clientY;\n  }\n\n  return 0;\n}\n\nexport function dragPrevent(event: React.SyntheticEvent) {\n  const target = event.target as HTMLElement;\n\n  if (target.tagName === \"A\" || target.tagName === \"IMG\") {\n    event.preventDefault();\n  }\n}\n\nexport function getSlideStyle(slidesToShow: number): React.CSSProperties {\n  const width = `${getSlideWidth(slidesToShow)}%`;\n\n  return { width };\n}\n\nexport function getSlideWidth(slidesToShow: number): number {\n  return 100 / slidesToShow;\n}\n\nexport function getSlidesToShow(slidesToShow: number, slidesCount: number): number {\n  if (slidesToShow <= 0 || slidesCount === 0) {\n    return 1;\n  }\n\n  if (slidesToShow > slidesCount) {\n    return slidesCount;\n  }\n\n  return slidesToShow;\n}\n\nexport function getStartSlide(startSlide: number, slidesCount: number): number {\n  if (startSlide <= 0 || slidesCount === 0) {\n    return 0;\n  }\n\n  const maxIndex = slidesCount - 1;\n\n  if (startSlide > maxIndex) {\n    return maxIndex;\n  }\n\n  return startSlide;\n}\n"],"names":["getActiveSlideDotsLength","slidesCount","slidesToShow","dots","getSlideIndexForMultipleParts","activeIndex","isNextSlideDisabled","dotsLength","isReactEvent","event","isMouseEvent","isTouchEvent","coordX","coordY","dragPrevent","target","getSlideStyle","getSlideWidth","getSlidesToShow","getStartSlide","startSlide","maxIndex"],"mappings":"AAEO,SAASA,EAAyBC,GAAqBC,GAA8B;AAC1F,QAAMC,IAAO,KAAK,MAAMF,IAAcC,CAAY;AAElD,SAAOD,IAAcC,MAAiB,IAAIC,IAAO,IAAIA;AACvD;AAEO,SAASC,EACdC,GACAH,GACAD,GACAK,GACQ;AACR,QAAMC,IAAaP,EAAyBC,GAAaC,CAAY;AAErE,SAAIG,MAAgBJ,IAAcC,IACzB,IAGLI,KAAwBD,IAAcH,KAAgBG,MAAgB,IACjEE,IAGLF,MAAgB,IACXJ,IAAcC,MAAiB,IAAIK,IAAaA,IAAa,IAG/DL,IAAe,IAAI,KAAK,MAAMG,IAAcH,CAAY,IAAI,IAAI;AACzE;AAEO,SAASM,EAAaC,GAAoE;AAC/F,SAAO,EAAEA,aAAiB;AAC5B;AAEO,SAASC,EACdD,GACwC;AACxC,SAAQD,EAAaC,CAAK,KAAKA,EAAM,uBAAuB,cAAeA,aAAiB;AAC9F;AAEO,SAASE,EACdF,GACwC;AACxC,SACE,OAAO,eACLD,EAAaC,CAAK,KAAKA,EAAM,uBAAuB,cAAeA,aAAiB;AAE1F;AAEO,SAASG,EAAOH,GAA8E;AACnG,SAAIC,EAAaD,CAAK,IACbA,EAAM,UAGXE,EAAaF,CAAK,IACbA,EAAM,eAAe,CAAC,EAAE,UAG1B;AACT;AAEO,SAASI,EAAOJ,GAA8E;AACnG,SAAIC,EAAaD,CAAK,IACbA,EAAM,UAGXE,EAAaF,CAAK,IACbA,EAAM,eAAe,CAAC,EAAE,UAG1B;AACT;AAEO,SAASK,EAAYL,GAA6B;AACvD,QAAMM,IAASN,EAAM;AAErB,GAAIM,EAAO,YAAY,OAAOA,EAAO,YAAY,UAC/CN,EAAM,eAAA;AAEV;AAEO,SAASO,EAAcd,GAA2C;AAGvE,SAAO,EAAE,OAFK,GAAGe,EAAcf,CAAY,CAAC,IAEnC;AACX;AAEO,SAASe,EAAcf,GAA8B;AAC1D,SAAO,MAAMA;AACf;AAEO,SAASgB,EAAgBhB,GAAsBD,GAA6B;AACjF,SAAIC,KAAgB,KAAKD,MAAgB,IAChC,IAGLC,IAAeD,IACVA,IAGFC;AACT;AAEO,SAASiB,EAAcC,GAAoBnB,GAA6B;AAC7E,MAAImB,KAAc,KAAKnB,MAAgB;AACrC,WAAO;AAGT,QAAMoB,IAAWpB,IAAc;AAE/B,SAAImB,IAAaC,IACRA,IAGFD;AACT;"}

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

@@ -0,0 +1,182 @@
+import { jsx as t, jsxs as y, Fragment as dt } from "react/jsx-runtime";
+import { useMemo as Ct, useId as vt } from "react";
+import wt from "clsx";
+import { FloatingButton as _t } from "../../inputs/floatingButton/floatingButton.js";
+import { Icon as bt } from "../../base/icon/icon.js";
+import { useControllableState as A } from "../../../hooks/useControllableState.js";
+import { ChatComposer as yt } from "./chatComposer.js";
+import { ChatHeader as At } from "./chatHeader.js";
+import { ChatMessages as Bt } from "./chatMessages.js";
+import { ChatShell as Ft } from "./chatShell.js";
+import It from "./useChatFileUpload.js";
+import { CHAT_EXPAND_LAYOUTS as Nt } from "./types.js";
+import { resolveAllowedLayouts as Et, pickInitialLayout as B, shouldShowChatCloseButton as Ot } from "./utils.js";
+function qt({
+  className: F,
+  messages: I,
+  showAvatars: N = !1,
+  showAttachments: E = !1,
+  headerTitle: O,
+  headerSubtitle: U,
+  headerActions: x,
+  footer: n,
+  children: z,
+  anchor: r = "bottom-right",
+  themeMode: D = "inherit",
+  allowedLayouts: a,
+  layout: H,
+  defaultLayout: f,
+  onLayoutChange: M,
+  open: S,
+  defaultOpen: V = !1,
+  onOpenChange: j,
+  floatingTrigger: i = !1,
+  triggerIcon: c,
+  triggerLabel: h,
+  onLoadMore: k,
+  hasMore: R,
+  onSendMessage: d,
+  composerPlaceholder: X = "message",
+  composerDisabled: C,
+  composerShiftEnterNewline: Y = !0,
+  composerCtrlEnterNewline: $ = !0,
+  fileUpload: q = !1,
+  onUploadFiles: G,
+  fileUploadAccept: J,
+  fileUploadMaxFiles: K,
+  attachAriaLabel: Q,
+  loading: T,
+  loadingMore: W,
+  loadingSkeletonCount: Z,
+  renderMessage: L,
+  embedded: e = !1,
+  overlayContext: m = !1,
+  showStatus: P = !1,
+  statusIcons: g,
+  renderStatus: tt,
+  showCloseButton: et
+}) {
+  var b;
+  const u = Ct(
+    () => Et(a != null ? a : Nt),
+    [a]
+  ), [v, p] = A({
+    value: S,
+    defaultValue: V,
+    onChange: j
+  }), [s, w] = A({
+    value: H,
+    defaultValue: B(u, f),
+    onChange: M
+  }), l = e ? "fullHeight" : i ? v ? s : "closed" : s, ot = () => {
+    p(!0), s === "closed" && w(B(u, f));
+  }, at = () => {
+    p(!1);
+  }, st = (ft) => {
+    p(!0), w(ft);
+  }, {
+    enabled: o,
+    getRootProps: lt,
+    getInputProps: nt,
+    isDragActive: it
+  } = It({
+    enabled: q,
+    accept: J,
+    maxFiles: K,
+    onUploadFiles: G,
+    disabled: C
+  }), _ = vt(), ct = !!d || o, ht = o ? /* @__PURE__ */ t("input", { ...nt({ id: _ }), "data-testid": "chat-file-input" }) : null, mt = (b = n != null ? n : z) != null ? b : ct ? /* @__PURE__ */ y(dt, { children: [
+    ht,
+    /* @__PURE__ */ t(
+      yt,
+      {
+        onSendMessage: d,
+        placeholder: X,
+        disabled: C,
+        shiftEnterNewline: Y,
+        ctrlEnterNewline: $,
+        fileUpload: o,
+        attachInputId: o ? _ : void 0,
+        attachAriaLabel: Q
+      }
+    )
+  ] }) : void 0, ut = /* @__PURE__ */ t(
+    Bt,
+    {
+      messages: I,
+      showAvatars: N,
+      showAttachments: E,
+      showStatus: P,
+      statusIcons: g,
+      renderStatus: tt,
+      onLoadMore: k,
+      hasMore: R,
+      loading: T,
+      loadingMore: W,
+      loadingSkeletonCount: Z,
+      renderMessage: L
+    }
+  ), pt = o ? lt() : void 0, rt = Ot({
+    floatingTrigger: i,
+    embedded: e,
+    overlayContext: m,
+    effectiveLayout: l,
+    showCloseButton: et
+  });
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      className: wt(
+        "smwb-chat",
+        !e && `smwb-chat_${r}`,
+        e && "smwb-chat_embedded",
+        m && "smwb-chat_overlay-context",
+        F
+      ),
+      "data-testid": "chat",
+      children: [
+        i && !e && !v ? /* @__PURE__ */ t(
+          _t,
+          {
+            className: "smwb-chat__trigger",
+            "aria-label": h != null ? h : "Open chat",
+            "data-testid": "chat-trigger",
+            onClick: ot,
+            children: c != null ? c : /* @__PURE__ */ t(bt, { name: "chat", size: 24 })
+          }
+        ) : null,
+        /* @__PURE__ */ t(
+          Ft,
+          {
+            layout: l,
+            anchor: r,
+            themeMode: D,
+            embedded: e,
+            overlayContext: m,
+            fileDropzoneRootProps: pt,
+            fileDropzoneActive: o && it,
+            header: /* @__PURE__ */ t(
+              At,
+              {
+                title: O,
+                subtitle: U,
+                actions: x,
+                layout: l === "closed" ? s : l,
+                allowedLayouts: u,
+                onLayoutChange: st,
+                onClose: rt ? at : void 0
+              }
+            ),
+            footer: mt,
+            children: ut
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  qt as Chat,
+  qt as default
+};
+//# 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 React, { PropsWithChildren, ReactNode, useId, useMemo } from \"react\";\nimport cn from \"clsx\";\nimport type { Accept } from \"react-dropzone\";\nimport { FloatingButton } from \"../../inputs/floatingButton/floatingButton\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport ChatComposer from \"./chatComposer\";\nimport ChatHeader from \"./chatHeader\";\nimport ChatMessages, { ChatMessagesProps } from \"./chatMessages\";\nimport ChatShell from \"./chatShell\";\nimport useChatFileUpload from \"./useChatFileUpload\";\nimport {\n  ChatAnchor,\n  ChatLayoutMode,\n  ChatMessage,\n  ChatMessageRenderContext,\n  ChatThemeMode,\n  CHAT_EXPAND_LAYOUTS,\n} from \"./types\";\nimport { pickInitialLayout, resolveAllowedLayouts, shouldShowChatCloseButton } from \"./utils\";\n\nexport interface ChatProps\n  extends PropsWithChildren, Omit<ChatMessageRenderContext, \"showAvatars\" | \"showAttachments\"> {\n  className?: string;\n  messages: ChatMessage[];\n  showAvatars?: boolean;\n  showAttachments?: boolean;\n  headerTitle?: ReactNode;\n  headerSubtitle?: ReactNode;\n  headerActions?: ReactNode;\n  footer?: ReactNode;\n  anchor?: ChatAnchor;\n  themeMode?: ChatThemeMode;\n  allowedLayouts?: ChatLayoutMode[];\n  layout?: ChatLayoutMode;\n  defaultLayout?: ChatLayoutMode;\n  onLayoutChange?: (layout: ChatLayoutMode) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  floatingTrigger?: boolean;\n  triggerIcon?: ReactNode;\n  triggerLabel?: string;\n  onLoadMore?: () => void | Promise<void>;\n  hasMore?: boolean;\n  onSendMessage?: (text: string) => void | Promise<void>;\n  composerPlaceholder?: string;\n  composerDisabled?: boolean;\n  composerShiftEnterNewline?: boolean;\n  composerCtrlEnterNewline?: boolean;\n  fileUpload?: boolean;\n  onUploadFiles?: (files: File[]) => void | Promise<void>;\n  fileUploadAccept?: Accept;\n  fileUploadMaxFiles?: number;\n  attachAriaLabel?: string;\n  loading?: boolean;\n  loadingMore?: boolean;\n  loadingSkeletonCount?: number;\n  renderMessage?: ChatMessagesProps[\"renderMessage\"];\n  embedded?: boolean;\n  overlayContext?: boolean;\n  showStatus?: boolean;\n  statusIcons?: ChatMessageRenderContext[\"statusIcons\"];\n  renderStatus?: ChatMessageRenderContext[\"renderStatus\"];\n  showCloseButton?: boolean;\n}\n\nexport function Chat({\n  className,\n  messages,\n  showAvatars = false,\n  showAttachments = false,\n  headerTitle,\n  headerSubtitle,\n  headerActions,\n  footer,\n  children,\n  anchor = \"bottom-right\",\n  themeMode = \"inherit\",\n  allowedLayouts: allowedLayoutsProp,\n  layout: layoutProp,\n  defaultLayout,\n  onLayoutChange,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  floatingTrigger = false,\n  triggerIcon,\n  triggerLabel,\n  onLoadMore,\n  hasMore,\n  onSendMessage,\n  composerPlaceholder = \"message\",\n  composerDisabled,\n  composerShiftEnterNewline = true,\n  composerCtrlEnterNewline = true,\n  fileUpload = false,\n  onUploadFiles,\n  fileUploadAccept,\n  fileUploadMaxFiles,\n  attachAriaLabel,\n  loading,\n  loadingMore,\n  loadingSkeletonCount,\n  renderMessage,\n  embedded = false,\n  overlayContext = false,\n  showStatus = false,\n  statusIcons,\n  renderStatus,\n  showCloseButton,\n}: ChatProps) {\n  const allowedLayouts = useMemo(\n    () => resolveAllowedLayouts(allowedLayoutsProp ?? CHAT_EXPAND_LAYOUTS),\n    [allowedLayoutsProp]\n  );\n\n  const [open, setOpen] = useControllableState<boolean>({\n    value: openProp,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const [layout, setLayout] = useControllableState<ChatLayoutMode>({\n    value: layoutProp,\n    defaultValue: pickInitialLayout(allowedLayouts, defaultLayout),\n    onChange: onLayoutChange,\n  });\n\n  const effectiveLayout: ChatLayoutMode = embedded\n    ? \"fullHeight\"\n    : floatingTrigger\n      ? open\n        ? layout\n        : \"closed\"\n      : layout;\n\n  const handleOpen = () => {\n    setOpen(true);\n    if (layout === \"closed\") {\n      setLayout(pickInitialLayout(allowedLayouts, defaultLayout));\n    }\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  const handleLayoutChange = (next: ChatLayoutMode) => {\n    setOpen(true);\n    setLayout(next);\n  };\n\n  const {\n    enabled: fileUploadEnabled,\n    getRootProps,\n    getInputProps,\n    isDragActive,\n  } = useChatFileUpload({\n    enabled: fileUpload,\n    accept: fileUploadAccept,\n    maxFiles: fileUploadMaxFiles,\n    onUploadFiles,\n    disabled: composerDisabled,\n  });\n\n  const attachInputId = useId();\n\n  const showComposer = Boolean(onSendMessage) || fileUploadEnabled;\n\n  const fileInput = fileUploadEnabled ? (\n    <input {...getInputProps({ id: attachInputId })} data-testid=\"chat-file-input\" />\n  ) : null;\n\n  const resolvedFooter =\n    footer ??\n    children ??\n    (showComposer ? (\n      <>\n        {fileInput}\n        <ChatComposer\n          onSendMessage={onSendMessage}\n          placeholder={composerPlaceholder}\n          disabled={composerDisabled}\n          shiftEnterNewline={composerShiftEnterNewline}\n          ctrlEnterNewline={composerCtrlEnterNewline}\n          fileUpload={fileUploadEnabled}\n          attachInputId={fileUploadEnabled ? attachInputId : undefined}\n          attachAriaLabel={attachAriaLabel}\n        />\n      </>\n    ) : undefined);\n\n  const chatMessages = (\n    <ChatMessages\n      messages={messages}\n      showAvatars={showAvatars}\n      showAttachments={showAttachments}\n      showStatus={showStatus}\n      statusIcons={statusIcons}\n      renderStatus={renderStatus}\n      onLoadMore={onLoadMore}\n      hasMore={hasMore}\n      loading={loading}\n      loadingMore={loadingMore}\n      loadingSkeletonCount={loadingSkeletonCount}\n      renderMessage={renderMessage}\n    />\n  );\n\n  const chatBody = chatMessages;\n\n  const fileDropzoneRootProps = fileUploadEnabled ? getRootProps() : undefined;\n\n  const closeButtonVisible = shouldShowChatCloseButton({\n    floatingTrigger,\n    embedded,\n    overlayContext,\n    effectiveLayout,\n    showCloseButton,\n  });\n\n  return (\n    <div\n      className={cn(\n        \"smwb-chat\",\n        !embedded && `smwb-chat_${anchor}`,\n        embedded && \"smwb-chat_embedded\",\n        overlayContext && \"smwb-chat_overlay-context\",\n        className\n      )}\n      data-testid=\"chat\"\n    >\n      {floatingTrigger && !embedded && !open ? (\n        <FloatingButton\n          className=\"smwb-chat__trigger\"\n          aria-label={triggerLabel ?? \"Open chat\"}\n          data-testid=\"chat-trigger\"\n          onClick={handleOpen}\n        >\n          {triggerIcon ?? <Icon name=\"chat\" size={24} />}\n        </FloatingButton>\n      ) : null}\n      <ChatShell\n        layout={effectiveLayout}\n        anchor={anchor}\n        themeMode={themeMode}\n        embedded={embedded}\n        overlayContext={overlayContext}\n        fileDropzoneRootProps={fileDropzoneRootProps}\n        fileDropzoneActive={fileUploadEnabled && isDragActive}\n        header={\n          <ChatHeader\n            title={headerTitle}\n            subtitle={headerSubtitle}\n            actions={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        {chatBody}\n      </ChatShell>\n    </div>\n  );\n}\n\nexport default Chat;\n"],"names":["Chat","className","messages","showAvatars","showAttachments","headerTitle","headerSubtitle","headerActions","footer","children","anchor","themeMode","allowedLayoutsProp","layoutProp","defaultLayout","onLayoutChange","openProp","defaultOpen","onOpenChange","floatingTrigger","triggerIcon","triggerLabel","onLoadMore","hasMore","onSendMessage","composerPlaceholder","composerDisabled","composerShiftEnterNewline","composerCtrlEnterNewline","fileUpload","onUploadFiles","fileUploadAccept","fileUploadMaxFiles","attachAriaLabel","loading","loadingMore","loadingSkeletonCount","renderMessage","embedded","overlayContext","showStatus","statusIcons","renderStatus","showCloseButton","allowedLayouts","useMemo","resolveAllowedLayouts","CHAT_EXPAND_LAYOUTS","open","setOpen","useControllableState","layout","setLayout","pickInitialLayout","effectiveLayout","handleOpen","handleClose","handleLayoutChange","next","fileUploadEnabled","getRootProps","getInputProps","isDragActive","useChatFileUpload","attachInputId","useId","showComposer","fileInput","jsx","resolvedFooter","_a","jsxs","Fragment","ChatComposer","chatBody","ChatMessages","fileDropzoneRootProps","closeButtonVisible","shouldShowChatCloseButton","cn","FloatingButton","Icon","ChatShell","ChatHeader"],"mappings":"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"}