@alfadocs/ui-kit 1.66.0 → 1.68.0

package/dist/_chunks/{pregnancy-dating-B8wo4l_r.js → pregnancy-dating-EFcFUJkQ.js}

@@ -8,7 +8,7 @@ import { R as j } from "./radio-group-ChIKyeSJ.js";
 import { F as f } from "./form-field-Ani72sVY.js";
 import { D as V } from "./date-picker-KcoNNsM0.js";
 import { N as H } from "./number-input-CVwI1ltI.js";
-import { S as Ce } from "./select-k4gBdS8N.js";
+import { S as Ce } from "./select-4S-eYZUf.js";
 import { S as je } from "./switch-D--x7n6h.js";
 import { C as ie } from "./card-BA4Ig_kn.js";
 import { B as $ } from "./badge-BUk4RjTS.js";
@@ -767,4 +767,4 @@ Ue.displayName = "PregnancyDating";
 export {
   Ue as P
 };
-//# sourceMappingURL=pregnancy-dating-B8wo4l_r.js.map
+//# sourceMappingURL=pregnancy-dating-EFcFUJkQ.js.map

package/dist/_chunks/{privacy-mask-Ch7743uk.js → privacy-mask-CCz9zuIh.js}

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as t } from "react/jsx-runtime";
 import { useTranslation as n } from "react-i18next";
 import { E as c } from "./empty-state-pL1qum99.js";
-import { P as o } from "./panel-header-BJkaUwnl.js";
+import { P as o } from "./panel-header-CbtlTe85.js";
 import { S as l } from "./section-card-D5nWiTcK.js";
 import { V as p } from "./visually-hidden-BHxEUGyT.js";
 import { E as s } from "./eye-off-C_4xkbRP.js";
@@ -78,4 +78,4 @@ export {
   b as c,
   m as p
 };
-//# sourceMappingURL=privacy-mask-Ch7743uk.js.map
+//# sourceMappingURL=privacy-mask-CCz9zuIh.js.map

package/dist/_chunks/{product-hub-panel-C_ZosrBt.js → product-hub-panel-YuFbNPlT.js}

@@ -12,7 +12,7 @@ import { u as te, f as de } from "./non-modal-tab-exit-j3CPOuE3.js";
 import { u as ne } from "./use-controllable-state-BiY4xTzM.js";
 import { I as Q } from "./icon-button-C_1TgRiK.js";
 import { S as oe } from "./scroll-area-CY5SLYNw.js";
-import { S as R } from "./skeleton-B1KTdJ4N.js";
+import { S as R } from "./skeleton-tTWJpvAq.js";
 import { T as ie } from "./timestamp-DPLDWdxA.js";
 import { s as ce } from "./safe-image-src-DstKgCo7.js";
 import { c as le } from "./createLucideIcon-DhHxpK9K.js";
@@ -682,4 +682,4 @@ export {
   me as b,
   Ne as p
 };
-//# sourceMappingURL=product-hub-panel-C_ZosrBt.js.map
+//# sourceMappingURL=product-hub-panel-YuFbNPlT.js.map

package/dist/_chunks/progress-notice-DiHWZ8Ms.js

@@ -0,0 +1,279 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as ae, useMemo as V, useState as re, useRef as c, useEffect as oe } from "react";
+import { c as C } from "./index-D2ZczOXr.js";
+import { useTranslation as ne } from "react-i18next";
+import { u as F } from "./use-controllable-state-BiY4xTzM.js";
+import { c as L, u as de } from "./use-dismissed-CTOWqA0e.js";
+import { u as le } from "./registry-DvAUVLHh.js";
+import { A as z } from "./alert-9kEwDza3.js";
+import { C as ce, b as pe, a as ue } from "./collapsible-DVPM46bq.js";
+import { L as me } from "./live-region-C41SO3cA.js";
+import { P as ge } from "./progress-D_g_Sl2g.js";
+import { C as fe } from "./chevron-down-DWE7GSq9.js";
+import { C as he } from "./circle-check-BN6rz4NV.js";
+import { C as ye } from "./circle-dashed-CUj6o2cA.js";
+const ve = {
+  id: "progress-notice",
+  capabilities: ["expand", "dismiss"],
+  state: {
+    value: {
+      type: "number",
+      descriptionKey: "ui.agent.progressNotice.state.value",
+      description: "Progress so far, in the units of max.",
+      read: (s) => s.getState().value
+    },
+    max: {
+      type: "number",
+      descriptionKey: "ui.agent.progressNotice.state.max",
+      description: "The value at which the import is done.",
+      read: (s) => s.getState().max
+    },
+    complete: {
+      type: "boolean",
+      descriptionKey: "ui.agent.progressNotice.state.complete",
+      description: "True once every item is ready or the value has reached max.",
+      read: (s) => s.getState().complete
+    },
+    readyCount: {
+      type: "number",
+      descriptionKey: "ui.agent.progressNotice.state.readyCount",
+      description: "How many items in the details list are ready.",
+      read: (s) => s.getState().readyCount
+    },
+    itemCount: {
+      type: "number",
+      descriptionKey: "ui.agent.progressNotice.state.itemCount",
+      description: "How many items the details list has (0: no list).",
+      read: (s) => s.getState().itemCount
+    },
+    detailsOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.progressNotice.state.detailsOpen",
+      description: "Whether the details list is open.",
+      read: (s) => s.getState().detailsOpen
+    }
+  },
+  actions: {
+    set_details_open: {
+      // Shows or hides rows already on the page; changes no data.
+      safety: "read",
+      argsType: "open",
+      argsSchema: {
+        type: "object",
+        properties: {
+          open: {
+            type: "boolean",
+            description: "True to open the details list, false to close it."
+          }
+        },
+        required: ["open"]
+      },
+      returns: "boolean (applied)",
+      returnsSchema: {
+        type: "boolean",
+        description: "True when applied; false when the notice has no list."
+      },
+      idempotent: !0,
+      errors: ["No details list (itemCount is 0): returns false."],
+      descriptionKey: "ui.agent.progressNotice.actions.setDetailsOpen",
+      description: "Open or close the details list of the import.",
+      invoke: (s, p) => s.setDetailsOpen(p.open)
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "progress-notice",
+      description: 'Marks the ProgressNotice. Also carries data-complete="true" once the import is complete. The notice inside is a kit Alert; its close control is [data-alert-dismiss].'
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-item-id",
+      sourceProp: "items[].id",
+      description: 'Each row of the details list, from ProgressNoticeItem.id. A ready row also carries data-ready="true".'
+    }
+  }
+}, be = C("ds:block"), Ne = C(
+  [
+    "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:self-start",
+    "ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]",
+    "type-body-sm ds:font-semibold ds:text-current",
+    "ds:underline ds:underline-offset-2 ds:hover:no-underline",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:[&_svg]:size-4 ds:[&_svg]:shrink-0",
+    "ds:[&_svg]:transition-transform ds:[&_svg]:duration-[var(--animation-duration)] ds:motion-reduce:[&_svg]:transition-none",
+    "ds:data-[state=open]:[&_svg]:rotate-180"
+  ].join(" ")
+), xe = C(
+  "ds:flex ds:items-start ds:gap-[var(--spacing-sm)] ds:[&_svg]:mt-0.5 ds:[&_svg]:size-4 ds:[&_svg]:shrink-0"
+), Ce = ae(
+  ({
+    title: s,
+    headingLevel: p,
+    value: w,
+    max: f = 100,
+    summary: h,
+    items: O,
+    detailsOpen: H,
+    defaultDetailsOpen: I = !1,
+    onDetailsOpenChange: $,
+    open: E,
+    onOpenChange: R,
+    dismissKey: S,
+    dismissLifetimeMs: q,
+    dismissible: B = L(S) !== void 0,
+    onComplete: T,
+    completeAnnouncement: W,
+    id: D,
+    className: G,
+    ...J
+  }, Q) => {
+    const { t: a, i18n: U } = ne("ui"), y = L(S), [X, Y] = F({
+      value: E,
+      defaultValue: !0,
+      onChange: R
+    }), _ = X ?? !0, { dismissed: Z } = de(y), [ee, v] = F({
+      value: H,
+      defaultValue: I,
+      onChange: $
+    }), u = ee ?? !1, d = Number.isFinite(f) && f > 0 ? f : 100, l = Number.isFinite(w) ? w : 0, i = V(() => O ?? [], [O]), b = i.filter((e) => e.ready).length, n = l >= d || i.length > 0 && b === i.length, [se, N] = re(""), k = c(null), m = c(!1), g = c(T);
+    g.current = T;
+    const K = W ?? a("progressNotice.complete"), te = i.map((e) => `${e.id}:${e.ready ? 1 : 0}`).join("|");
+    oe(() => {
+      var M;
+      const e = k.current;
+      if (k.current = new Map(
+        i.map((r) => [r.id, r.ready])
+      ), n) {
+        if (m.current) return;
+        m.current = !0, (M = g.current) == null || M.call(g), e !== null && N(K);
+        return;
+      }
+      if (m.current && (m.current = !1, N("")), e === null) return;
+      const A = i.filter(
+        (r) => r.ready && e.get(r.id) === !1
+      );
+      A.length > 0 && N(
+        A.map((r) => a("progressNotice.itemReady", { name: r.name })).join(" ")
+      );
+    }, [te, n, K, a]);
+    const P = c({
+      value: l,
+      max: d,
+      complete: n,
+      readyCount: b,
+      itemCount: i.length,
+      detailsOpen: u
+    });
+    P.current = {
+      value: l,
+      max: d,
+      complete: n,
+      readyCount: b,
+      itemCount: i.length,
+      detailsOpen: u
+    };
+    const x = i.length > 0, j = c(x);
+    j.current = x;
+    const ie = V(
+      () => ({
+        getState: () => ({ ...P.current }),
+        setDetailsOpen: (e) => j.current ? (v(e), !0) : !1
+      }),
+      [v]
+    );
+    return le(ve, ie, D), !_ || Z ? null : /* @__PURE__ */ t(
+      "div",
+      {
+        ref: Q,
+        "data-component": "progress-notice",
+        "data-component-id": D,
+        "data-complete": n || void 0,
+        className: [be(), G].filter(Boolean).join(" "),
+        ...J,
+        children: /* @__PURE__ */ o(
+          z,
+          {
+            variant: n ? "success" : "info",
+            announce: "off",
+            open: _,
+            onOpenChange: y === void 0 ? Y : R,
+            dismissible: B,
+            dismissKey: y,
+            dismissLifetimeMs: q,
+            children: [
+              /* @__PURE__ */ t(
+                z.Title,
+                {
+                  as: p ? `h${p}` : void 0,
+                  children: s
+                }
+              ),
+              /* @__PURE__ */ o("div", { className: "ds:mt-[var(--spacing-sm)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ t(
+                  ge,
+                  {
+                    value: l,
+                    max: d,
+                    ariaLabel: s,
+                    ariaValueText: h,
+                    children: /* @__PURE__ */ o("div", { className: "ds:flex ds:items-baseline ds:justify-between ds:gap-[var(--spacing-sm)] type-body-sm", children: [
+                      h ? /* @__PURE__ */ t("span", { className: "ds:min-w-0", children: h }) : null,
+                      /* @__PURE__ */ t("span", { className: "ds:ms-auto ds:shrink-0 ds:tabular-nums", children: new Intl.NumberFormat(U.language, {
+                        style: "percent",
+                        maximumFractionDigits: 0
+                      }).format(Math.min(1, Math.max(0, l / d))) })
+                    ] })
+                  }
+                ),
+                x ? /* @__PURE__ */ o(ce, { open: u, onOpenChange: v, children: [
+                  /* @__PURE__ */ o(pe, { className: Ne(), children: [
+                    a(u ? "progressNotice.hideDetails" : "progressNotice.showDetails"),
+                    /* @__PURE__ */ t(fe, { "aria-hidden": "true" })
+                  ] }),
+                  /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ t(
+                    "ul",
+                    {
+                      role: "list",
+                      className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0 ds:pb-[var(--spacing-xs)]",
+                      children: i.map((e) => /* @__PURE__ */ o(
+                        "li",
+                        {
+                          "data-item-id": e.id,
+                          "data-ready": e.ready || void 0,
+                          className: xe(),
+                          children: [
+                            e.ready ? /* @__PURE__ */ t(he, { "aria-hidden": "true" }) : /* @__PURE__ */ t(ye, { "aria-hidden": "true" }),
+                            /* @__PURE__ */ o("div", { className: "ds:flex ds:min-w-0 ds:flex-col", children: [
+                              /* @__PURE__ */ t("span", { className: "ds:font-medium type-body-sm", children: e.name }),
+                              /* @__PURE__ */ t("span", { className: "ds:sr-only", children: e.ready ? a("progressNotice.ready") : a("progressNotice.notReady") }),
+                              e.status ? /* @__PURE__ */ t("span", { className: "type-body-sm", children: e.status }) : null
+                            ] })
+                          ]
+                        },
+                        e.id
+                      ))
+                    }
+                  ) })
+                ] }) : null
+              ] }),
+              /* @__PURE__ */ t(me, { politeness: "polite", children: se })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Ce.displayName = "ProgressNotice";
+export {
+  Ce as P,
+  ve as p
+};
+//# sourceMappingURL=progress-notice-DiHWZ8Ms.js.map

package/dist/_chunks/{province-select-Bd20Z9Br.js → province-select-CDjs5obD.js}

@@ -1,7 +1,7 @@
 import { jsx as P } from "react/jsx-runtime";
 import { forwardRef as y, useMemo as g, useCallback as R, useRef as D, useEffect as _ } from "react";
 import { useTranslation as k } from "react-i18next";
-import { C as x } from "./combobox-U5yfO6o0.js";
+import { C as x } from "./combobox-vF9O-QoG.js";
 import { n as t } from "./normalize-diacritics-BNGbFNlJ.js";
 import { u as K } from "./use-controllable-state-BiY4xTzM.js";
 import { u as j } from "./registry-DvAUVLHh.js";
@@ -271,4 +271,4 @@ export {
   Z as P,
   H as p
 };
-//# sourceMappingURL=province-select-Bd20Z9Br.js.map
+//# sourceMappingURL=province-select-CDjs5obD.js.map

package/dist/_chunks/{radiograph-panel.agent-8Ewv8-d7.js → radiograph-panel.agent-4UllIoTQ.js}

@@ -11,7 +11,7 @@ import { F as de } from "./file-upload-CxjCs7TX.js";
 import { D as te } from "./date-picker-KcoNNsM0.js";
 import { D as le } from "./date-range-picker-CjcjUJLW.js";
 import { E } from "./empty-state-pL1qum99.js";
-import { P as ne } from "./panel-header-BJkaUwnl.js";
+import { P as ne } from "./panel-header-CbtlTe85.js";
 import { c as $ } from "./createLucideIcon-DhHxpK9K.js";
 import { U as se } from "./upload-BfT2hzMg.js";
 import { E as ce } from "./eye-BjhN2nYf.js";
@@ -533,4 +533,4 @@ export {
   qe as R,
   Ae as r
 };
-//# sourceMappingURL=radiograph-panel.agent-8Ewv8-d7.js.map
+//# sourceMappingURL=radiograph-panel.agent-4UllIoTQ.js.map

package/dist/_chunks/{rating-C1Vrmpsi.js → rating-CGYpg5dj.js}

@@ -1,9 +1,10 @@
 import { jsxs as x, jsx as l } from "react/jsx-runtime";
-import { forwardRef as v, useMemo as o } from "react";
+import { forwardRef as k, useMemo as o } from "react";
 import { c as u } from "./index-D2ZczOXr.js";
-import { useTranslation as M } from "react-i18next";
-import { S as b } from "./star-Bf9L2Uot.js";
-const R = u(
+import { useTranslation as v } from "react-i18next";
+import { f as M, a as S } from "./format-number-DdzqwMs1.js";
+import { S as z } from "./star-Bf9L2Uot.js";
+const $ = u(
   [
     "ds:inline-flex ds:items-center ds:align-middle",
     "ds:gap-[var(--spacing-xs)]"
@@ -18,12 +19,12 @@ const R = u(
     },
     defaultVariants: { size: "md" }
   }
-), S = u(
+), T = u(
   [
     "ds:inline-flex ds:items-center ds:leading-none",
     "ds:gap-[var(--spacing-xs)]"
   ].join(" ")
-), F = u(
+), W = u(
   "ds:relative ds:inline-block ds:shrink-0 ds:leading-none",
   {
     variants: {
@@ -35,7 +36,7 @@ const R = u(
     },
     defaultVariants: { size: "md" }
   }
-), $ = u(
+), q = u(
   [
     "ds:pointer-events-none ds:absolute ds:start-0 ds:[inset-block:0]",
     "ds:overflow-hidden ds:text-warning"
@@ -50,7 +51,7 @@ const R = u(
     },
     defaultVariants: { fill: "none" }
   }
-), I = u("ds:text-muted-foreground ds:leading-none", {
+), H = u("ds:text-muted-foreground ds:leading-none", {
   variants: {
     size: {
       sm: "type-meta",
@@ -64,80 +65,78 @@ const R = u(
   },
   defaultVariants: { size: "md", underlined: !1 }
 });
-function T(t, s) {
-  const r = Math.max(0, Math.min(t, s)), n = Math.round(r * 2) / 2, e = [];
-  let a = n;
+function O(t, s) {
+  const r = Math.max(0, Math.min(t, s)), a = Math.round(r * 2) / 2, e = [];
+  let n = a;
   for (let m = 0; m < s; m += 1)
-    a >= 1 ? (e.push("full"), a -= 1) : a >= 0.5 ? (e.push("half"), a -= 0.5) : e.push("none");
+    n >= 1 ? (e.push("full"), n -= 1) : n >= 0.5 ? (e.push("half"), n -= 0.5) : e.push("none");
   return e;
 }
-const W = v(
+const A = k(
   ({
     value: t,
     max: s = 5,
     size: r = "md",
-    reviews: n,
+    reviews: a,
     underlined: e = !1,
-    decorative: a = !1,
+    decorative: n = !1,
     className: m,
     "aria-label": c,
-    ...z
+    ...b
   }, y) => {
-    const { t: d, i18n: f } = M("ui"), i = o(
-      () => new Intl.NumberFormat(f.language, {
-        maximumFractionDigits: 1
-      }).format(t),
+    const { t: d, i18n: f } = v("ui"), i = o(
+      () => M(t, f.language),
       [t, f.language]
     ), g = o(
-      () => new Intl.NumberFormat(f.language).format(s),
+      () => S(s, f.language),
       [s, f.language]
-    ), N = o(() => {
-      if (!a)
-        return c || (n ? d("rating.reviews", {
-          count: n.count,
+    ), V = o(() => {
+      if (!n)
+        return c || (a ? d("rating.reviews", {
+          count: a.count,
           value: i
         }) : d("rating.label", {
           value: i,
           max: g
         }));
-    }, [a, c, n, d, i, g]), V = o(() => T(t, s), [t, s]), p = o(() => {
-      if (n)
-        return n.label ? `${i} · ${n.count} ${n.label}` : d("rating.reviews", {
-          count: n.count,
+    }, [n, c, a, d, i, g]), N = o(() => O(t, s), [t, s]), p = o(() => {
+      if (a)
+        return a.label ? `${i} · ${a.count} ${a.label}` : d("rating.reviews", {
+          count: a.count,
           value: i
         });
-    }, [n, i, d]), j = a ? { "aria-hidden": !0 } : { role: "img", "aria-label": N };
+    }, [a, i, d]), R = n ? { "aria-hidden": !0 } : { role: "img", "aria-label": V };
     return /* @__PURE__ */ x(
       "span",
       {
         ref: y,
         "data-component": "rating",
-        className: R({ size: r, className: m }),
-        ...j,
-        ...z,
+        className: $({ size: r, className: m }),
+        ...R,
+        ...b,
         children: [
           /* @__PURE__ */ l(
             "span",
             {
               "aria-hidden": "true",
-              className: S(),
+              className: T(),
               "data-testid": "rating-stars",
-              children: V.map((h, k) => /* @__PURE__ */ x(
+              children: N.map((h, j) => /* @__PURE__ */ x(
                 "span",
                 {
-                  className: F({ size: r }),
+                  className: W({ size: r }),
                   "data-fill": h,
                   children: [
                     /* @__PURE__ */ l(
-                      b,
+                      z,
                       {
                         "aria-hidden": "true",
                         className: "ds:size-full ds:text-muted-foreground/30",
                         strokeWidth: 1.5
                       }
                     ),
-                    /* @__PURE__ */ l("span", { className: $({ fill: h }), children: /* @__PURE__ */ l(
-                      b,
+                    /* @__PURE__ */ l("span", { className: q({ fill: h }), children: /* @__PURE__ */ l(
+                      z,
                       {
                         "aria-hidden": "true",
                         className: "ds:size-full ds:text-warning ds:fill-current",
@@ -146,7 +145,7 @@ const W = v(
                     ) })
                   ]
                 },
-                k
+                j
               ))
             }
           ),
@@ -154,7 +153,7 @@ const W = v(
             "span",
             {
               "aria-hidden": "true",
-              className: I({ size: r, underlined: e }),
+              className: H({ size: r, underlined: e }),
               "data-testid": "rating-summary",
               children: p
             }
@@ -164,8 +163,8 @@ const W = v(
     );
   }
 );
-W.displayName = "Rating";
+A.displayName = "Rating";
 export {
-  W as R
+  A as R
 };
-//# sourceMappingURL=rating-C1Vrmpsi.js.map
+//# sourceMappingURL=rating-CGYpg5dj.js.map

package/dist/_chunks/{registration-form-BQyT_kBX.js → registration-form-1B0PTDal.js}

@@ -4,18 +4,18 @@ import { useTranslation as Qr, Trans as Lr } from "react-i18next";
 import { c as q } from "./index-D2ZczOXr.js";
 import { parsePhoneNumberFromString as qe } from "libphonenumber-js/min";
 import { i as Se, E as Or } from "./email-input-C7THAwh2.js";
-import { A as Tr } from "./alert-DdDpOi-P.js";
+import { A as Tr } from "./alert-9kEwDza3.js";
 import { B as Pe } from "./button-D-MQxsA_.js";
 import { C as _r } from "./card-BA4Ig_kn.js";
 import { C as ke } from "./checkbox-BjDv-r3o.js";
 import { D as ye } from "./dev-bypass-button--CPzzRSj.js";
-import { E as Be } from "./error-summary-DrUfuKu1.js";
+import { E as Be } from "./error-summary-mGxIyDAY.js";
 import { F as I } from "./form-field-Ani72sVY.js";
 import { P as $r } from "./password-input-BokZ_rnT.js";
 import { u as Me } from "./use-password-requirements-C8DdwPEy.js";
 import { P as Ae } from "./phone-input-O9camxkq.js";
 import { R as De } from "./recaptcha-widget-CsvwlYTE.js";
-import { S as je } from "./select-k4gBdS8N.js";
+import { S as je } from "./select-4S-eYZUf.js";
 import { S as zr } from "./state-backed-text-input-Cgh4ms3p.js";
 import { i as Le } from "./is-development-CLUAnsU7.js";
 import { u as Hr } from "./use-state-backed-input-DhRQo6gM.js";
@@ -816,4 +816,4 @@ export {
   Gr as R,
   os as a
 };
-//# sourceMappingURL=registration-form-BQyT_kBX.js.map
+//# sourceMappingURL=registration-form-1B0PTDal.js.map

package/dist/_chunks/{reviews-panel-AvsVgtJu.js → reviews-panel-CosDZyow.js}

@@ -3,14 +3,14 @@ import { forwardRef as J, useState as H, useCallback as L, useMemo as C, useRef
 import { c as _ } from "./index-D2ZczOXr.js";
 import { useTranslation as E } from "react-i18next";
 import { u as X } from "./registry-DvAUVLHh.js";
-import { R as k } from "./rating-C1Vrmpsi.js";
+import { R as k } from "./rating-CGYpg5dj.js";
 import { C as A } from "./card-BA4Ig_kn.js";
 import { C as Y, b as Z, a as ee } from "./collapsible-DVPM46bq.js";
 import { D as l } from "./description-list-Q8640NHu.js";
 import { E as te } from "./empty-state-pL1qum99.js";
-import { S as T } from "./skeleton-B1KTdJ4N.js";
+import { S as T } from "./skeleton-tTWJpvAq.js";
 import { B as se } from "./button-D-MQxsA_.js";
-import { P as re } from "./panel-header-BJkaUwnl.js";
+import { P as re } from "./panel-header-CbtlTe85.js";
 import { S as ae } from "./star-Bf9L2Uot.js";
 import { C as ne } from "./chevron-down-DWE7GSq9.js";
 const ie = {
@@ -330,7 +330,14 @@ function ce({ review: e, locale: i }) {
           ] }) : null,
           e.reply ? /* @__PURE__ */ n("div", { className: "ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]/40 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: [
             /* @__PURE__ */ t("p", { className: "type-label ds:m-0 ds:mb-[var(--spacing-2xs)] ds:text-[var(--muted-foreground)] ds:font-[var(--font-weight-semibold)]", children: a("reviewsPanel.replyTitle") }),
-            /* @__PURE__ */ t("p", { className: "type-body-sm ds:m-0 ds:text-[var(--foreground)] ds:[white-space:pre-line]", children: e.reply })
+            /* @__PURE__ */ t(
+              "p",
+              {
+                dir: "auto",
+                className: "type-body-sm ds:m-0 ds:text-[var(--foreground)] ds:[white-space:pre-line]",
+                children: e.reply
+              }
+            )
           ] }) : null
         ] }) }) : null
       ]
@@ -338,10 +345,24 @@ function ce({ review: e, locale: i }) {
   );
   return /* @__PURE__ */ n(A, { variant: "default", className: "ds:shadow-[var(--shadow-sm)]", children: [
     /* @__PURE__ */ t(A.Header, { children: /* @__PURE__ */ n("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ t("h4", { className: "type-title-item ds:m-0 ds:text-[var(--foreground)]", children: p }),
+      /* @__PURE__ */ t(
+        "h4",
+        {
+          dir: e.pseudonym ? "auto" : void 0,
+          className: "type-title-item ds:m-0 ds:text-[var(--foreground)]",
+          children: p
+        }
+      ),
       /* @__PURE__ */ t(k, { value: e.overallScore, size: "sm" })
     ] }) }),
-    e.comment ? /* @__PURE__ */ t(A.Body, { children: /* @__PURE__ */ t("p", { className: "type-body ds:m-0 ds:text-[var(--foreground)] ds:line-clamp-2", children: e.comment }) }) : null,
+    e.comment ? /* @__PURE__ */ t(A.Body, { children: /* @__PURE__ */ t(
+      "p",
+      {
+        dir: "auto",
+        className: "type-body ds:m-0 ds:text-[var(--foreground)] ds:line-clamp-2",
+        children: e.comment
+      }
+    ) }) : null,
     P
   ] });
 }
@@ -486,6 +507,7 @@ const z = _(
               icon: /* @__PURE__ */ t(ae, { "aria-hidden": "true" }),
               titleScale: "section",
               sticky: !0,
+              wrapActions: !0,
               actions: /* @__PURE__ */ n(K, { children: [
                 y,
                 /* @__PURE__ */ t(
@@ -556,4 +578,4 @@ export {
   me as R,
   ie as r
 };
-//# sourceMappingURL=reviews-panel-AvsVgtJu.js.map
+//# sourceMappingURL=reviews-panel-CosDZyow.js.map