@mieweb/ui 0.10.0-dev.9 → 0.11.0-dev.0

package/dist/chunk-XNPDZANN.cjs

@@ -0,0 +1,238 @@
+'use strict';
+
+var chunkIVGI353O_cjs = require('./chunk-IVGI353O.cjs');
+var chunkGKDHMNUA_cjs = require('./chunk-GKDHMNUA.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+var luxon = require('luxon');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var defaultRatingLabels = {
+  value: (value, max) => `${value} out of ${max}`,
+  group: "Rating",
+  option: (value) => `${value} ${value === 1 ? "star" : "stars"}`
+};
+var starVariants = classVarianceAuthority.cva("shrink-0", {
+  variants: {
+    size: { sm: "h-3.5 w-3.5", md: "h-5 w-5", lg: "h-6 w-6" }
+  },
+  defaultVariants: { size: "md" }
+});
+function StarIcon({ fill, size }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative inline-flex", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      lucideReact.Star,
+      {
+        className: chunkS5RVSXDV_cjs.cn(starVariants({ size }), "text-muted-foreground/40")
+      }
+    ),
+    fill > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "absolute inset-y-0 start-0 overflow-hidden",
+        style: { width: `${fill * 100}%` },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.Star,
+          {
+            className: chunkS5RVSXDV_cjs.cn(starVariants({ size }), "text-warning-500"),
+            fill: "currentColor"
+          }
+        )
+      }
+    )
+  ] });
+}
+var Rating = React__namespace.forwardRef(
+  function Rating2({
+    value,
+    max = 5,
+    size = "md",
+    onChange,
+    disabled = false,
+    labels: labelOverrides,
+    className,
+    ...props
+  }, ref) {
+    const labels = { ...defaultRatingLabels, ...labelOverrides };
+    const radios = React__namespace.useRef([]);
+    const stars = Array.from({ length: max }, (_, i) => i + 1);
+    if (!onChange) {
+      const rounded = Math.min(max, Math.max(0, Math.round(value * 2) / 2));
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          role: "img",
+          "aria-label": labels.value(rounded, max),
+          "data-slot": "rating",
+          className: chunkS5RVSXDV_cjs.cn("inline-flex items-center gap-0.5", className),
+          ...props,
+          children: stars.map((n) => /* @__PURE__ */ jsxRuntime.jsx(
+            StarIcon,
+            {
+              size,
+              fill: Math.min(1, Math.max(0, rounded - n + 1))
+            },
+            n
+          ))
+        }
+      );
+    }
+    const current = Math.min(max, Math.max(0, Math.round(value)));
+    const select = (next) => {
+      const clamped = Math.min(max, Math.max(1, next));
+      onChange(clamped);
+      radios.current[clamped - 1]?.focus();
+    };
+    const onKeyDown = (e) => {
+      const rtl = getComputedStyle(e.currentTarget).direction === "rtl";
+      const step = {
+        ArrowUp: 1,
+        ArrowDown: -1,
+        ArrowRight: rtl ? -1 : 1,
+        ArrowLeft: rtl ? 1 : -1
+      };
+      if (e.key === "Home") select(1);
+      else if (e.key === "End") select(max);
+      else if (step[e.key]) select((current || 0) + step[e.key]);
+      else return;
+      e.preventDefault();
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        role: "radiogroup",
+        "aria-label": labels.group,
+        "aria-disabled": disabled || void 0,
+        "data-slot": "rating",
+        className: chunkS5RVSXDV_cjs.cn("inline-flex items-center gap-0.5", className),
+        ...props,
+        children: stars.map((n) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            ref: (el) => {
+              radios.current[n - 1] = el;
+            },
+            type: "button",
+            role: "radio",
+            "aria-checked": n === current,
+            "aria-label": labels.option(n, max),
+            tabIndex: n === (current || 1) ? 0 : -1,
+            disabled,
+            onClick: () => select(n),
+            onKeyDown: disabled ? void 0 : onKeyDown,
+            className: chunkS5RVSXDV_cjs.cn(
+              "rounded-sm disabled:cursor-not-allowed disabled:opacity-50",
+              "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+              "motion-safe:transition-transform motion-safe:enabled:hover:scale-110"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(StarIcon, { size, fill: n <= current ? 1 : 0 })
+          },
+          n
+        ))
+      }
+    );
+  }
+);
+var defaultReviewCardLabels = {
+  source: (source) => `via ${source}`,
+  reply: "Reply",
+  showMore: "Show more",
+  showLess: "Show less"
+};
+var ReviewCard = React__namespace.forwardRef(
+  function ReviewCard2({
+    author,
+    date,
+    dateStyle = "relative",
+    locale,
+    rating,
+    body,
+    source,
+    reply,
+    bodyLines = 4,
+    labels: labelOverrides,
+    ratingLabels,
+    className,
+    ...props
+  }, ref) {
+    const labels = { ...defaultReviewCardLabels, ...labelOverrides };
+    const parsed = typeof date === "string" ? luxon.DateTime.fromISO(date) : luxon.DateTime.fromJSDate(date);
+    const dt = locale ? parsed.setLocale(locale) : parsed;
+    const absolute = dt.toLocaleString(luxon.DateTime.DATE_MED);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "article",
+      {
+        ref,
+        "data-slot": "review-card",
+        className: chunkS5RVSXDV_cjs.cn(
+          "bg-card text-card-foreground border-border rounded-lg border p-4",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkGKDHMNUA_cjs.Avatar, { name: author.name, src: author.avatarUrl, alt: "", size: "md" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground truncate text-sm font-medium", children: author.name }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-muted-foreground flex flex-wrap items-center gap-x-2 gap-y-1 text-xs", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Rating, { value: rating, size: "sm", labels: ratingLabels }),
+                /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: dt.toISO() ?? void 0, title: absolute, children: dateStyle === "relative" ? dt.toRelative() : absolute }),
+                source && /* @__PURE__ */ jsxRuntime.jsx("span", { children: labels.source(source) })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkIVGI353O_cjs.ClampedText,
+            {
+              text: body,
+              lines: bodyLines,
+              showMoreLabel: labels.showMore,
+              showLessLabel: labels.showLess,
+              className: "text-foreground mt-3 block text-sm"
+            }
+          ),
+          reply && /* @__PURE__ */ jsxRuntime.jsx(
+            "section",
+            {
+              "aria-label": labels.reply,
+              "data-slot": "review-card-reply",
+              className: "border-border text-muted-foreground mt-3 border-s-2 ps-3 text-sm",
+              children: reply
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+exports.Rating = Rating;
+exports.ReviewCard = ReviewCard;
+exports.defaultRatingLabels = defaultRatingLabels;
+exports.defaultReviewCardLabels = defaultReviewCardLabels;
+//# sourceMappingURL=chunk-XNPDZANN.cjs.map
+//# sourceMappingURL=chunk-XNPDZANN.cjs.map

package/dist/chunk-XNPDZANN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Rating/Rating.tsx","../src/components/Rating/ReviewCard.tsx"],"names":["cva","jsxs","jsx","Star","cn","React","Rating","React2","ReviewCard","DateTime","Avatar","ClampedText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,IAAM,mBAAA,GAAoC;AAAA,EAC/C,OAAO,CAAC,KAAA,EAAO,QAAQ,CAAA,EAAG,KAAK,WAAW,GAAG,CAAA,CAAA;AAAA,EAC7C,KAAA,EAAO,QAAA;AAAA,EACP,MAAA,EAAQ,CAAC,KAAA,KAAU,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,KAAA,KAAU,CAAA,GAAI,MAAA,GAAS,OAAO,CAAA;AAC/D;AAEA,IAAM,YAAA,GAAeA,2BAAI,UAAA,EAAY;AAAA,EACnC,QAAA,EAAU;AAAA,IACR,MAAM,EAAE,EAAA,EAAI,eAAe,EAAA,EAAI,SAAA,EAAW,IAAI,SAAA;AAAU,GAC1D;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC,CAAA;AAoBD,SAAS,QAAA,CAAS,EAAE,IAAA,EAAM,IAAA,EAAK,EAAgD;AAC7E,EAAA,uBACEC,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sBAAA,EAAuB,eAAY,MAAA,EACjD,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,gBAAA;AAAA,MAAA;AAAA,QACC,WAAWC,oBAAA,CAAG,YAAA,CAAa,EAAE,IAAA,EAAM,GAAG,0BAA0B;AAAA;AAAA,KAClE;AAAA,IACC,OAAO,CAAA,oBACNF,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,4CAAA;AAAA,QACV,OAAO,EAAE,KAAA,EAAO,CAAA,EAAG,IAAA,GAAO,GAAG,CAAA,CAAA,CAAA,EAAI;AAAA,QAEjC,QAAA,kBAAAA,cAAA;AAAA,UAACC,gBAAA;AAAA,UAAA;AAAA,YACC,WAAWC,oBAAA,CAAG,YAAA,CAAa,EAAE,IAAA,EAAM,GAAG,kBAAkB,CAAA;AAAA,YACxD,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;AAYO,IAAM,MAAA,GAAeC,gBAAA,CAAA,UAAA;AAAA,EAC1B,SAASC,OAAAA,CACP;AAAA,IACE,KAAA;AAAA,IACA,GAAA,GAAM,CAAA;AAAA,IACN,IAAA,GAAO,IAAA;AAAA,IACP,QAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,MAAA,EAAQ,cAAA;AAAA,IACR,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,MAAA,GAAS,EAAE,GAAG,mBAAA,EAAqB,GAAG,cAAA,EAAe;AAC3D,IAAA,MAAM,MAAA,GAAeD,gBAAA,CAAA,MAAA,CAAqC,EAAE,CAAA;AAC5D,IAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,GAAA,EAAI,EAAG,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,GAAI,CAAC,CAAA;AAEzD,IAAA,IAAI,CAAC,QAAA,EAAU;AACb,MAAA,MAAM,OAAA,GAAU,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,KAAA,GAAQ,CAAC,CAAA,GAAI,CAAC,CAAC,CAAA;AACpE,MAAA,uBACEH,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,IAAA,EAAK,KAAA;AAAA,UACL,YAAA,EAAY,MAAA,CAAO,KAAA,CAAM,OAAA,EAAS,GAAG,CAAA;AAAA,UACrC,WAAA,EAAU,QAAA;AAAA,UACV,SAAA,EAAWE,oBAAA,CAAG,kCAAA,EAAoC,SAAS,CAAA;AAAA,UAC1D,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,CAAA,qBACVF,cAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cAEC,IAAA;AAAA,cACA,IAAA,EAAM,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,IAAI,CAAA,EAAG,OAAA,GAAU,CAAA,GAAI,CAAC,CAAC;AAAA,aAAA;AAAA,YAFzC;AAAA,WAIR;AAAA;AAAA,OACH;AAAA,IAEJ;AAEA,IAAA,MAAM,OAAA,GAAU,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,KAAK,CAAC,CAAC,CAAA;AAC5D,IAAA,MAAM,MAAA,GAAS,CAAC,IAAA,KAAiB;AAC/B,MAAA,MAAM,OAAA,GAAU,KAAK,GAAA,CAAI,GAAA,EAAK,KAAK,GAAA,CAAI,CAAA,EAAG,IAAI,CAAC,CAAA;AAC/C,MAAA,QAAA,CAAS,OAAO,CAAA;AAChB,MAAA,MAAA,CAAO,OAAA,CAAQ,OAAA,GAAU,CAAC,CAAA,EAAG,KAAA,EAAM;AAAA,IACrC,CAAA;AAEA,IAAA,MAAM,SAAA,GAAY,CAAC,CAAA,KAA8C;AAC/D,MAAA,MAAM,GAAA,GAAM,gBAAA,CAAiB,CAAA,CAAE,aAAa,EAAE,SAAA,KAAc,KAAA;AAC5D,MAAA,MAAM,IAAA,GAA+B;AAAA,QACnC,OAAA,EAAS,CAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,QACX,UAAA,EAAY,MAAM,EAAA,GAAK,CAAA;AAAA,QACvB,SAAA,EAAW,MAAM,CAAA,GAAI;AAAA,OACvB;AACA,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,MAAA,EAAQ,MAAA,CAAO,CAAC,CAAA;AAAA,WAAA,IACrB,CAAA,CAAE,GAAA,KAAQ,KAAA,EAAO,MAAA,CAAO,GAAG,CAAA;AAAA,WAAA,IAC3B,IAAA,CAAK,CAAA,CAAE,GAAG,CAAA,EAAG,MAAA,CAAA,CAAQ,WAAW,CAAA,IAAK,IAAA,CAAK,CAAA,CAAE,GAAG,CAAC,CAAA;AAAA,WACpD;AACL,MAAA,CAAA,CAAE,cAAA,EAAe;AAAA,IACnB,CAAA;AAEA,IAAA,uBACEA,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,YAAA;AAAA,QACL,cAAY,MAAA,CAAO,KAAA;AAAA,QACnB,iBAAe,QAAA,IAAY,MAAA;AAAA,QAC3B,WAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAWE,oBAAA,CAAG,kCAAA,EAAoC,SAAS,CAAA;AAAA,QAC1D,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,CAAA,qBACVF,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YAEC,GAAA,EAAK,CAAC,EAAA,KAAO;AACX,cAAA,MAAA,CAAO,OAAA,CAAQ,CAAA,GAAI,CAAC,CAAA,GAAI,EAAA;AAAA,YAC1B,CAAA;AAAA,YACA,IAAA,EAAK,QAAA;AAAA,YACL,IAAA,EAAK,OAAA;AAAA,YACL,gBAAc,CAAA,KAAM,OAAA;AAAA,YACpB,YAAA,EAAY,MAAA,CAAO,MAAA,CAAO,CAAA,EAAG,GAAG,CAAA;AAAA,YAChC,QAAA,EAAU,CAAA,MAAO,OAAA,IAAW,CAAA,CAAA,GAAK,CAAA,GAAI,EAAA;AAAA,YACrC,QAAA;AAAA,YACA,OAAA,EAAS,MAAM,MAAA,CAAO,CAAC,CAAA;AAAA,YACvB,SAAA,EAAW,WAAW,MAAA,GAAY,SAAA;AAAA,YAClC,SAAA,EAAWE,oBAAA;AAAA,cACT,4DAAA;AAAA,cACA,yEAAA;AAAA,cACA;AAAA,aACF;AAAA,YAEA,yCAAC,QAAA,EAAA,EAAS,IAAA,EAAY,MAAM,CAAA,IAAK,OAAA,GAAU,IAAI,CAAA,EAAG;AAAA,WAAA;AAAA,UAlB7C;AAAA,SAoBR;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AC9JO,IAAM,uBAAA,GAA4C;AAAA,EACvD,MAAA,EAAQ,CAAC,MAAA,KAAW,CAAA,IAAA,EAAO,MAAM,CAAA,CAAA;AAAA,EACjC,KAAA,EAAO,OAAA;AAAA,EACP,QAAA,EAAU,WAAA;AAAA,EACV,QAAA,EAAU;AACZ;AAoCO,IAAM,UAAA,GAAmBG,gBAAA,CAAA,UAAA;AAAA,EAC9B,SAASC,WAAAA,CACP;AAAA,IACE,MAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA,GAAY,UAAA;AAAA,IACZ,MAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA,GAAY,CAAA;AAAA,IACZ,MAAA,EAAQ,cAAA;AAAA,IACR,YAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,MAAA,GAAS,EAAE,GAAG,uBAAA,EAAyB,GAAG,cAAA,EAAe;AAC/D,IAAA,MAAM,MAAA,GACJ,OAAO,IAAA,KAAS,QAAA,GACZC,cAAA,CAAS,QAAQ,IAAI,CAAA,GACrBA,cAAA,CAAS,UAAA,CAAW,IAAI,CAAA;AAC9B,IAAA,MAAM,EAAA,GAAK,MAAA,GAAS,MAAA,CAAO,SAAA,CAAU,MAAM,CAAA,GAAI,MAAA;AAC/C,IAAA,MAAM,QAAA,GAAW,EAAA,CAAG,cAAA,CAAeA,cAAA,CAAS,QAAQ,CAAA;AAEpD,IAAA,uBACER,eAAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,aAAA;AAAA,QACV,SAAA,EAAWG,oBAAA;AAAA,UACT,kEAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAAH,eAAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,wBAAA,EAChB,QAAA,EAAA;AAAA,4BAAAC,cAAAA,CAACQ,wBAAA,EAAA,EAAO,IAAA,EAAM,MAAA,CAAO,IAAA,EAAM,GAAA,EAAK,MAAA,CAAO,SAAA,EAAW,GAAA,EAAI,EAAA,EAAG,IAAA,EAAK,IAAA,EAAK,CAAA;AAAA,4BACnET,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,8BAAAC,cAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8CAAA,EACV,iBAAO,IAAA,EACV,CAAA;AAAA,8BACAD,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2EAAA,EACb,QAAA,EAAA;AAAA,gCAAAC,eAAC,MAAA,EAAA,EAAO,KAAA,EAAO,QAAQ,IAAA,EAAK,IAAA,EAAK,QAAQ,YAAA,EAAc,CAAA;AAAA,gCACvDA,cAAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAU,GAAG,KAAA,EAAM,IAAK,MAAA,EAAW,KAAA,EAAO,UAC7C,QAAA,EAAA,SAAA,KAAc,UAAA,GAAa,EAAA,CAAG,UAAA,KAAe,QAAA,EAChD,CAAA;AAAA,gBACC,0BAAUA,cAAAA,CAAC,UAAM,QAAA,EAAA,MAAA,CAAO,MAAA,CAAO,MAAM,CAAA,EAAE;AAAA,eAAA,EAC1C;AAAA,aAAA,EACF;AAAA,WAAA,EACF,CAAA;AAAA,0BACAA,cAAAA;AAAA,YAACS,6BAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAM,IAAA;AAAA,cACN,KAAA,EAAO,SAAA;AAAA,cACP,eAAe,MAAA,CAAO,QAAA;AAAA,cACtB,eAAe,MAAA,CAAO,QAAA;AAAA,cACtB,SAAA,EAAU;AAAA;AAAA,WACZ;AAAA,UACC,yBACCT,cAAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,cAAY,MAAA,CAAO,KAAA;AAAA,cACnB,WAAA,EAAU,mBAAA;AAAA,cACV,SAAA,EAAU,kEAAA;AAAA,cAET,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF","file":"chunk-XNPDZANN.cjs","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Star } from 'lucide-react';\nimport { cn } from '../../utils/cn';\n\nexport interface RatingLabels {\n  /** Accessible text of the read-only display, e.g. `4.5 out of 5`. */\n  value: (value: number, max: number) => string;\n  /** Accessible name of the interactive radio group. */\n  group: string;\n  /** Accessible name of one option, e.g. `3 stars`. */\n  option: (value: number, max: number) => string;\n}\n\nexport const defaultRatingLabels: RatingLabels = {\n  value: (value, max) => `${value} out of ${max}`,\n  group: 'Rating',\n  option: (value) => `${value} ${value === 1 ? 'star' : 'stars'}`,\n};\n\nconst starVariants = cva('shrink-0', {\n  variants: {\n    size: { sm: 'h-3.5 w-3.5', md: 'h-5 w-5', lg: 'h-6 w-6' },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nexport interface RatingProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'onChange'\n> {\n  /** Current rating; read-only displays round to the nearest half. */\n  value: number;\n  /** Number of stars. */\n  max?: number;\n  /** Star size. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Makes the rating editable as a radio group of whole stars. */\n  onChange?: (value: number) => void;\n  /** Disables the interactive mode. */\n  disabled?: boolean;\n  /** Overrides for any user-facing string. */\n  labels?: Partial<RatingLabels>;\n}\n\nfunction StarIcon({ fill, size }: { fill: number; size: RatingProps['size'] }) {\n  return (\n    <span className=\"relative inline-flex\" aria-hidden=\"true\">\n      <Star\n        className={cn(starVariants({ size }), 'text-muted-foreground/40')}\n      />\n      {fill > 0 && (\n        <span\n          className=\"absolute inset-y-0 start-0 overflow-hidden\"\n          style={{ width: `${fill * 100}%` }}\n        >\n          <Star\n            className={cn(starVariants({ size }), 'text-warning-500')}\n            fill=\"currentColor\"\n          />\n        </span>\n      )}\n    </span>\n  );\n}\n\n/**\n * Star rating: a read-only display with half-star precision, or — with\n * `onChange` — a keyboard-operable radio group.\n *\n * @example\n * ```tsx\n * <Rating value={4.5} />\n * <Rating value={stars} onChange={setStars} />\n * ```\n */\nexport const Rating = React.forwardRef<HTMLDivElement, RatingProps>(\n  function Rating(\n    {\n      value,\n      max = 5,\n      size = 'md',\n      onChange,\n      disabled = false,\n      labels: labelOverrides,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const labels = { ...defaultRatingLabels, ...labelOverrides };\n    const radios = React.useRef<(HTMLButtonElement | null)[]>([]);\n    const stars = Array.from({ length: max }, (_, i) => i + 1);\n\n    if (!onChange) {\n      const rounded = Math.min(max, Math.max(0, Math.round(value * 2) / 2));\n      return (\n        <div\n          ref={ref}\n          role=\"img\"\n          aria-label={labels.value(rounded, max)}\n          data-slot=\"rating\"\n          className={cn('inline-flex items-center gap-0.5', className)}\n          {...props}\n        >\n          {stars.map((n) => (\n            <StarIcon\n              key={n}\n              size={size}\n              fill={Math.min(1, Math.max(0, rounded - n + 1))}\n            />\n          ))}\n        </div>\n      );\n    }\n\n    const current = Math.min(max, Math.max(0, Math.round(value)));\n    const select = (next: number) => {\n      const clamped = Math.min(max, Math.max(1, next));\n      onChange(clamped);\n      radios.current[clamped - 1]?.focus();\n    };\n\n    const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      const rtl = getComputedStyle(e.currentTarget).direction === 'rtl';\n      const step: Record<string, number> = {\n        ArrowUp: 1,\n        ArrowDown: -1,\n        ArrowRight: rtl ? -1 : 1,\n        ArrowLeft: rtl ? 1 : -1,\n      };\n      if (e.key === 'Home') select(1);\n      else if (e.key === 'End') select(max);\n      else if (step[e.key]) select((current || 0) + step[e.key]);\n      else return;\n      e.preventDefault();\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-label={labels.group}\n        aria-disabled={disabled || undefined}\n        data-slot=\"rating\"\n        className={cn('inline-flex items-center gap-0.5', className)}\n        {...props}\n      >\n        {stars.map((n) => (\n          <button\n            key={n}\n            ref={(el) => {\n              radios.current[n - 1] = el;\n            }}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={n === current}\n            aria-label={labels.option(n, max)}\n            tabIndex={n === (current || 1) ? 0 : -1}\n            disabled={disabled}\n            onClick={() => select(n)}\n            onKeyDown={disabled ? undefined : onKeyDown}\n            className={cn(\n              'rounded-sm disabled:cursor-not-allowed disabled:opacity-50',\n              'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n              'motion-safe:transition-transform motion-safe:enabled:hover:scale-110'\n            )}\n          >\n            <StarIcon size={size} fill={n <= current ? 1 : 0} />\n          </button>\n        ))}\n      </div>\n    );\n  }\n);\n","import * as React from 'react';\nimport { DateTime } from 'luxon';\nimport { cn } from '../../utils/cn';\nimport { Avatar } from '../Avatar/Avatar';\nimport { ClampedText } from '../ClampedText/ClampedText';\nimport { Rating, type RatingLabels } from './Rating';\n\nexport interface ReviewCardLabels {\n  /** Source line, e.g. `via Google`. */\n  source: (source: string) => string;\n  /** Accessible name of the reply region. */\n  reply: string;\n  showMore: string;\n  showLess: string;\n}\n\nexport const defaultReviewCardLabels: ReviewCardLabels = {\n  source: (source) => `via ${source}`,\n  reply: 'Reply',\n  showMore: 'Show more',\n  showLess: 'Show less',\n};\n\nexport interface ReviewCardProps extends React.HTMLAttributes<HTMLElement> {\n  /** Who wrote the review. */\n  author: { name: string; avatarUrl?: string | null };\n  /** When it was written — ISO string or Date. */\n  date: string | Date;\n  /** Show the date as `3 days ago` (default) or as a localized date. */\n  dateStyle?: 'relative' | 'absolute';\n  /** BCP 47 locale for the date; defaults to the runtime locale. */\n  locale?: string;\n  /** Star rating, half-star precision. */\n  rating: number;\n  /** Review text; long bodies clamp with a Show more toggle. */\n  body: string;\n  /** Where the review came from, e.g. `Google`. */\n  source?: string;\n  /** Owner response shown under the review. */\n  reply?: React.ReactNode;\n  /** Lines shown before the body clamps. */\n  bodyLines?: 2 | 3 | 4 | 5 | 6;\n  /** Overrides for any user-facing string. */\n  labels?: Partial<ReviewCardLabels>;\n  /** Forwarded to the embedded Rating. */\n  ratingLabels?: Partial<RatingLabels>;\n}\n\n/**\n * One review: author, star rating, date, source, clamped body and an optional\n * owner reply.\n *\n * @example\n * ```tsx\n * <ReviewCard author={{ name: 'Ann L.' }} date=\"2026-09-01\" rating={4} body={text} source=\"Google\" />\n * ```\n */\nexport const ReviewCard = React.forwardRef<HTMLElement, ReviewCardProps>(\n  function ReviewCard(\n    {\n      author,\n      date,\n      dateStyle = 'relative',\n      locale,\n      rating,\n      body,\n      source,\n      reply,\n      bodyLines = 4,\n      labels: labelOverrides,\n      ratingLabels,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const labels = { ...defaultReviewCardLabels, ...labelOverrides };\n    const parsed =\n      typeof date === 'string'\n        ? DateTime.fromISO(date)\n        : DateTime.fromJSDate(date);\n    const dt = locale ? parsed.setLocale(locale) : parsed;\n    const absolute = dt.toLocaleString(DateTime.DATE_MED);\n\n    return (\n      <article\n        ref={ref}\n        data-slot=\"review-card\"\n        className={cn(\n          'bg-card text-card-foreground border-border rounded-lg border p-4',\n          className\n        )}\n        {...props}\n      >\n        <header className=\"flex items-start gap-3\">\n          <Avatar name={author.name} src={author.avatarUrl} alt=\"\" size=\"md\" />\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-foreground truncate text-sm font-medium\">\n              {author.name}\n            </p>\n            <div className=\"text-muted-foreground flex flex-wrap items-center gap-x-2 gap-y-1 text-xs\">\n              <Rating value={rating} size=\"sm\" labels={ratingLabels} />\n              <time dateTime={dt.toISO() ?? undefined} title={absolute}>\n                {dateStyle === 'relative' ? dt.toRelative() : absolute}\n              </time>\n              {source && <span>{labels.source(source)}</span>}\n            </div>\n          </div>\n        </header>\n        <ClampedText\n          text={body}\n          lines={bodyLines}\n          showMoreLabel={labels.showMore}\n          showLessLabel={labels.showLess}\n          className=\"text-foreground mt-3 block text-sm\"\n        />\n        {reply && (\n          <section\n            aria-label={labels.reply}\n            data-slot=\"review-card-reply\"\n            className=\"border-border text-muted-foreground mt-3 border-s-2 ps-3 text-sm\"\n          >\n            {reply}\n          </section>\n        )}\n      </article>\n    );\n  }\n);\n"]}

package/dist/{chunk-XDIMTPZU.cjs → chunk-XPWFIDZM.cjs}

@@ -2,6 +2,7 @@
 
 var chunk4NCDU5IG_cjs = require('./chunk-4NCDU5IG.cjs');
 var chunkL7L5S2HO_cjs = require('./chunk-L7L5S2HO.cjs');
+var chunkZ3WMDVMR_cjs = require('./chunk-Z3WMDVMR.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
@@ -109,7 +110,7 @@ var ViewSwitcher = React__namespace.forwardRef(
     };
     const onKeyDown = (event) => {
       const enabled = options.filter((o) => !o.disabled);
-      const forward = getComputedStyle(event.currentTarget).direction === "rtl" ? -1 : 1;
+      const forward = chunkZ3WMDVMR_cjs.isRtl(event.currentTarget) ? -1 : 1;
       switch (event.key) {
         case "ArrowRight":
           event.preventDefault();
@@ -198,5 +199,5 @@ var ViewSwitcher = React__namespace.forwardRef(
 
 exports.ViewSwitcher = ViewSwitcher;
 exports.viewSwitcherVariants = viewSwitcherVariants;
-//# sourceMappingURL=chunk-XDIMTPZU.cjs.map
-//# sourceMappingURL=chunk-XDIMTPZU.cjs.map
+//# sourceMappingURL=chunk-XPWFIDZM.cjs.map
+//# sourceMappingURL=chunk-XPWFIDZM.cjs.map

package/dist/chunk-XPWFIDZM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ViewSwitcher/ViewSwitcher.tsx"],"names":["LayoutGrid","List","Columns","Calendar","BarChart3","Table","cva","React","ViewSwitcher","defaultViewLabels","isRtl","jsx","cn","jsxs"],"mappings":"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","file":"chunk-XPWFIDZM.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { isRtl } from '../../hooks/useDirection';\nimport { cn } from '../../utils/cn';\nimport {\n  CalendarIcon,\n  ChartIcon,\n  ColumnsIcon,\n  GridIcon,\n  ListIcon,\n  TableIcon,\n} from '../Icons';\nimport { defaultViewLabels, type ViewId } from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface ViewOption {\n  id: ViewId;\n  /** Overrides the built-in English label. */\n  label?: string;\n  /** Overrides the built-in icon. */\n  icon?: React.ComponentType<{ className?: string; 'aria-hidden'?: boolean }>;\n  disabled?: boolean;\n}\n\nexport interface ViewSwitcherProps extends VariantProps<\n  typeof viewSwitcherVariants\n> {\n  /** Views to offer, in order. Accepts bare ids or `ViewOption`s. */\n  views: readonly (ViewId | ViewOption)[];\n  value: ViewId;\n  onValueChange: (view: ViewId) => void;\n  /** Accessible name of the group. */\n  label?: string;\n  /** Show labels beside the icons. `responsive` hides them below `sm`. */\n  showLabels?: boolean | 'responsive';\n  className?: string;\n  classNames?: Partial<Record<'option' | 'activeOption', string>>;\n}\n\n// =============================================================================\n// Defaults\n// =============================================================================\n\nconst VIEW_META: Record<\n  ViewId,\n  {\n    label: string;\n    icon: React.ComponentType<{ className?: string; 'aria-hidden'?: boolean }>;\n  }\n> = {\n  overview: { label: 'Overview', icon: GridIcon },\n  list: { label: 'List', icon: ListIcon },\n  board: { label: 'Board', icon: ColumnsIcon },\n  calendar: { label: 'Calendar', icon: CalendarIcon },\n  gantt: { label: 'Gantt', icon: ChartIcon },\n  roadmap: { label: 'Roadmap', icon: ChartIcon },\n  table: { label: 'Table', icon: TableIcon },\n};\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst viewSwitcherVariants = cva(\n  [\n    'inline-flex items-center gap-0.5',\n    'rounded-lg border border-border bg-muted p-0.5',\n    'overflow-x-auto',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        md: 'text-sm',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  }\n);\n\nconst optionVariants = cva(\n  [\n    'inline-flex shrink-0 items-center gap-1.5 rounded-md font-medium',\n    'transition-colors',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background',\n    'disabled:pointer-events-none disabled:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        // 40px tall on touch, tighter once a pointer is likely.\n        sm: 'min-h-10 px-2 py-2 sm:min-h-0 sm:px-2 sm:py-1',\n        md: 'min-h-10 px-2.5 py-2 sm:min-h-0 sm:px-3 sm:py-1.5',\n      },\n      active: {\n        // A raised surface rather than tinted ink: an accent colour as text on\n        // its own wash fails AA contrast. Same treatment as Tabs' pills.\n        true: 'bg-background text-foreground shadow-sm',\n        false: 'text-muted-foreground hover:text-foreground',\n      },\n    },\n    defaultVariants: { size: 'md', active: false },\n  }\n);\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Keyboard model is a radio group: one tab stop, arrows move *and* select.\n * Every option is visible, so moving the selection is the whole interaction —\n * there is nothing to \"commit\" afterwards.\n */\nexport const ViewSwitcher = React.forwardRef<HTMLDivElement, ViewSwitcherProps>(\n  function ViewSwitcher(\n    {\n      views,\n      value,\n      onValueChange,\n      label = defaultViewLabels.viewSwitcher,\n      showLabels = 'responsive',\n      size,\n      className,\n      classNames,\n      ...rest\n    },\n    ref\n  ) {\n    const options = React.useMemo<ViewOption[]>(\n      () => views.map((v) => (typeof v === 'string' ? { id: v } : v)),\n      [views]\n    );\n    const refs = React.useRef<Record<string, HTMLButtonElement | null>>({});\n\n    const select = (next: ViewOption | undefined) => {\n      if (!next || next.id === value) return;\n      onValueChange(next.id);\n      // The selection owns the tab stop, so focus has to follow it.\n      requestAnimationFrame(() =>\n        refs.current[next.id]?.focus({ preventScroll: true })\n      );\n    };\n\n    // Stepping is relative to the selected view, not to whichever button received\n    // the key: focus moves asynchronously, and the two would drift apart.\n    const step = (delta: number) => {\n      const enabled = options.filter((o) => !o.disabled);\n      if (enabled.length === 0) return;\n      const current = enabled.findIndex((o) => o.id === value);\n      const from = current === -1 ? (delta > 0 ? -1 : 0) : current;\n      select(enabled[(from + delta + enabled.length) % enabled.length]);\n    };\n\n    const onKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n      const enabled = options.filter((o) => !o.disabled);\n      // Logical, not physical: ArrowRight moves to the visually next option,\n      // which is the previous one under RTL.\n      const forward = isRtl(event.currentTarget) ? -1 : 1;\n      switch (event.key) {\n        case 'ArrowRight':\n          event.preventDefault();\n          step(forward);\n          break;\n        case 'ArrowLeft':\n          event.preventDefault();\n          step(-forward);\n          break;\n        case 'ArrowDown':\n          event.preventDefault();\n          step(1);\n          break;\n        case 'ArrowUp':\n          event.preventDefault();\n          step(-1);\n          break;\n        case 'Home':\n          event.preventDefault();\n          select(enabled[0]);\n          break;\n        case 'End':\n          event.preventDefault();\n          select(enabled[enabled.length - 1]);\n          break;\n        default:\n          break;\n      }\n    };\n\n    // The roving tab stop has to land on an option the browser will actually\n    // focus. A disabled `<button>` is unfocusable, so if the active option is\n    // also disabled — a controlled caller, or a `defaultView` that later got\n    // disabled — putting the only `tabIndex={0}` on it leaves the radiogroup\n    // with no keyboard entry point at all. Fall back to the first enabled\n    // option; arrows then move from there.\n    const tabStopId =\n      options.find((o) => o.id === value && !o.disabled)?.id ??\n      options.find((o) => !o.disabled)?.id;\n\n    return (\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-label={label}\n        data-slot=\"view-switcher\"\n        className={cn(viewSwitcherVariants({ size }), className)}\n        {...rest}\n      >\n        {options.map((option) => {\n          const meta = VIEW_META[option.id];\n          const Icon = option.icon ?? meta.icon;\n          const text = option.label ?? meta.label;\n          const active = option.id === value;\n          return (\n            <button\n              key={option.id}\n              ref={(node) => {\n                refs.current[option.id] = node;\n              }}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={active}\n              aria-label={showLabels === true ? undefined : text}\n              title={text}\n              disabled={option.disabled}\n              tabIndex={option.id === tabStopId ? 0 : -1}\n              data-slot=\"view-switcher-option\"\n              data-view={option.id}\n              className={cn(\n                optionVariants({ size, active }),\n                classNames?.option,\n                active && classNames?.activeOption\n              )}\n              onClick={() => onValueChange(option.id)}\n              onKeyDown={onKeyDown}\n            >\n              <Icon className=\"size-4 shrink-0\" aria-hidden />\n              {showLabels !== false && (\n                <span\n                  data-slot=\"view-switcher-label\"\n                  className={cn(\n                    showLabels === 'responsive' && 'hidden sm:inline'\n                  )}\n                >\n                  {text}\n                </span>\n              )}\n            </button>\n          );\n        })}\n      </div>\n    );\n  }\n);\n\nexport { viewSwitcherVariants };\n"]}

package/dist/{chunk-FS4VZUFV.cjs → chunk-XRVMYT5G.cjs}

@@ -3,7 +3,7 @@
 var chunkPJ6CC53R_cjs = require('./chunk-PJ6CC53R.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var jsxRuntime = require('react/jsx-runtime');
-var React2 = require('react');
+var React3 = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var lucideReact = require('lucide-react');
 
@@ -25,7 +25,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
 
 var sizeClasses = {
   sm: "h-4 w-4",
@@ -238,9 +238,9 @@ function CollapsiblePill({
   children
 }) {
   const hasContent = Boolean(children);
-  const [isOpen, setIsOpen] = React2__namespace.useState(defaultOpen);
-  const contentId = React2__namespace.useId();
-  React2__namespace.useEffect(() => {
+  const [isOpen, setIsOpen] = React3__namespace.useState(defaultOpen);
+  const contentId = React3__namespace.useId();
+  React3__namespace.useEffect(() => {
     setIsOpen(defaultOpen);
   }, [defaultOpen]);
   const toggle = () => {
@@ -1097,12 +1097,17 @@ function ThinkingBlock({
   streaming,
   defaultCollapsed = false
 }) {
-  const startedAt = React2__namespace.useRef(Date.now());
-  const [elapsed, setElapsed] = React2__namespace.useState(null);
-  const prevStreaming = React2__namespace.useRef(streaming);
-  React2__namespace.useEffect(() => {
+  const startedAt = React3__namespace.useRef(Date.now());
+  const [elapsed, setElapsed] = React3__namespace.useState(null);
+  const [autoCollapsed, setAutoCollapsed] = React3__namespace.useState(false);
+  const prevStreaming = React3__namespace.useRef(streaming);
+  React3__namespace.useEffect(() => {
     if (prevStreaming.current && !streaming) {
       setElapsed(Math.round((Date.now() - startedAt.current) / 1e3));
+      setAutoCollapsed(true);
+    } else if (!prevStreaming.current && streaming) {
+      startedAt.current = Date.now();
+      setAutoCollapsed(false);
     }
     prevStreaming.current = streaming;
   }, [streaming]);
@@ -1119,7 +1124,7 @@ function ThinkingBlock({
     {
       label,
       leadingIcon: dot,
-      defaultOpen: !defaultCollapsed,
+      defaultOpen: !defaultCollapsed && !autoCollapsed,
       pillClassName: "bg-violet-50 border-violet-200 text-violet-600 hover:bg-violet-100 dark:bg-violet-950/30 dark:border-violet-800 dark:text-violet-400 dark:hover:bg-violet-950/50 focus-visible:ring-violet-500",
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-s-2 border-violet-200 ps-3 text-[13px] leading-relaxed text-neutral-600 italic dark:border-violet-700 dark:text-neutral-400", children: text })
     }
@@ -1304,7 +1309,7 @@ var bubbleVariants = classVarianceAuthority.cva("rounded-2xl px-4 py-2.5 w-fit m
     variant: "assistant"
   }
 });
-var ChatBubble = React2__namespace.forwardRef(
+var ChatBubble = React3__namespace.forwardRef(
   ({ className, variant, hasError, accent, style, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -1420,6 +1425,64 @@ function AIMessageDisplay({
     }
   );
 }
+var ButtonGroup = React3__namespace.forwardRef(
+  ({ orientation = "auto", split, className, children, ...props }, ref) => {
+    const innerRef = React3__namespace.useRef(null);
+    React3__namespace.useImperativeHandle(ref, () => innerRef.current);
+    const [stacked, setStacked] = React3__namespace.useState(false);
+    const requiredWidth = React3__namespace.useRef(0);
+    React3__namespace.useLayoutEffect(() => {
+      if (orientation !== "auto") return;
+      const el = innerRef.current;
+      if (!el) return;
+      const measure = () => {
+        if (!stacked) {
+          const overflow = Array.from(
+            el.querySelectorAll('[data-slot="button-label"]')
+          ).reduce(
+            (sum, label) => sum + Math.max(0, label.scrollWidth - label.clientWidth),
+            0
+          );
+          if (overflow > 0) {
+            requiredWidth.current = el.clientWidth + overflow;
+            setStacked(true);
+          }
+        } else if (el.clientWidth >= requiredWidth.current) {
+          setStacked(false);
+        }
+      };
+      measure();
+      if (typeof globalThis.ResizeObserver === "undefined") return;
+      const observer = new globalThis.ResizeObserver(measure);
+      observer.observe(el);
+      return () => observer.disconnect();
+    }, [orientation, stacked, children]);
+    const isStacked = orientation === "vertical" || orientation === "auto" && stacked;
+    const items = React3__namespace.Children.toArray(children);
+    const splitCount = split === true ? 1 : typeof split === "number" ? split : 0;
+    const splitIndex = !isStacked && splitCount > 0 && splitCount < items.length ? splitCount : 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: innerRef,
+        "data-slot": "button-group",
+        "data-orientation": isStacked ? "vertical" : "horizontal",
+        className: chunkS5RVSXDV_cjs.cn(
+          "flex gap-3",
+          isStacked ? "flex-col items-stretch" : "flex-row items-center justify-end",
+          className
+        ),
+        ...props,
+        children: splitIndex > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          items.slice(0, splitIndex),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", "aria-hidden": "true" }),
+          items.slice(splitIndex)
+        ] }) : children
+      }
+    );
+  }
+);
+ButtonGroup.displayName = "ButtonGroup";
 function JumpToBottomButton({
   hasNewMessages,
   onClick,
@@ -1451,6 +1514,7 @@ function JumpToBottomButton({
 exports.AILogoIcon = AILogoIcon;
 exports.AIMessageDisplay = AIMessageDisplay;
 exports.AITypingIndicator = AITypingIndicator;
+exports.ButtonGroup = ButtonGroup;
 exports.ChatBubble = ChatBubble;
 exports.ChevronIcon = ChevronIcon;
 exports.CloseIcon = CloseIcon;
@@ -1465,5 +1529,5 @@ exports.SparklesIcon = SparklesIcon;
 exports.SpinnerIcon = SpinnerIcon;
 exports.ToolStatusIcon = ToolStatusIcon;
 exports.getToolIcon = getToolIcon;
-//# sourceMappingURL=chunk-FS4VZUFV.cjs.map
-//# sourceMappingURL=chunk-FS4VZUFV.cjs.map
+//# sourceMappingURL=chunk-XRVMYT5G.cjs.map
+//# sourceMappingURL=chunk-XRVMYT5G.cjs.map