@alfadocs/ui-kit 1.53.0 → 1.54.0

package/dist/_chunks/spinner-a0FTYX9Q.js

@@ -0,0 +1,211 @@
+import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { c as t } from "./index-D2ZczOXr.js";
+import { useTranslation as f } from "react-i18next";
+import { P as v } from "./use-prism-DaspP8w-.js";
+const g = t("ds:inline-block ds:shrink-0 ds:text-current", {
+  variants: {
+    size: {
+      sm: "ds:size-3",
+      md: "ds:size-4",
+      lg: "ds:size-5"
+    },
+    variant: {
+      pulse: "",
+      chase: "",
+      // The prism's drift comes from the shared tables in `hooks/use-prism`,
+      // which pace themselves off `--prism-duration`. The spinner's own
+      // `--spinner-duration` stays the public knob and feeds it.
+      prism: "ds:[--prism-duration:var(--spinner-duration)]",
+      static: ""
+    },
+    speed: {
+      slower: "",
+      slow: "",
+      normal: "",
+      fast: "",
+      faster: ""
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "pulse",
+      speed: "slower",
+      class: "ds:[--spinner-duration:2400ms]"
+    },
+    {
+      variant: "pulse",
+      speed: "slow",
+      class: "ds:[--spinner-duration:1800ms]"
+    },
+    {
+      variant: "pulse",
+      speed: "normal",
+      class: "ds:[--spinner-duration:1200ms]"
+    },
+    { variant: "pulse", speed: "fast", class: "ds:[--spinner-duration:900ms]" },
+    {
+      variant: "pulse",
+      speed: "faster",
+      class: "ds:[--spinner-duration:600ms]"
+    },
+    {
+      variant: "chase",
+      speed: "slower",
+      class: "ds:[--spinner-duration:2400ms]"
+    },
+    {
+      variant: "chase",
+      speed: "slow",
+      class: "ds:[--spinner-duration:1800ms]"
+    },
+    {
+      variant: "chase",
+      speed: "normal",
+      class: "ds:[--spinner-duration:1200ms]"
+    },
+    { variant: "chase", speed: "fast", class: "ds:[--spinner-duration:900ms]" },
+    {
+      variant: "chase",
+      speed: "faster",
+      class: "ds:[--spinner-duration:600ms]"
+    },
+    // prism runs 2× so each of the 4 brand hues has room to read. These are
+    // `PRISM_DURATION_MS` in `hooks/use-prism`; `spinner.test.tsx` holds the
+    // two equal.
+    {
+      variant: "prism",
+      speed: "slower",
+      class: "ds:[--spinner-duration:4800ms]"
+    },
+    {
+      variant: "prism",
+      speed: "slow",
+      class: "ds:[--spinner-duration:3600ms]"
+    },
+    {
+      variant: "prism",
+      speed: "normal",
+      class: "ds:[--spinner-duration:2400ms]"
+    },
+    {
+      variant: "prism",
+      speed: "fast",
+      class: "ds:[--spinner-duration:1800ms]"
+    },
+    {
+      variant: "prism",
+      speed: "faster",
+      class: "ds:[--spinner-duration:1200ms]"
+    }
+  ],
+  defaultVariants: { size: "md", variant: "prism", speed: "normal" }
+}), i = "ds:[animation-delay:calc(var(--spinner-duration)/4*var(--spinner-position))]", w = t(
+  [
+    "ds:fill-current",
+    "ds:[transform-box:fill-box] ds:[transform-origin:center]",
+    // Every variant holds still under reduced motion: the mark at rest,
+    // with the label still announced. Nothing else stops it: a loading
+    // indicator is essential motion.
+    "ds:motion-reduce:animate-none"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        pulse: `ds:animate-[spinner-pulse_var(--spinner-duration)_ease-in-out_infinite] ${i}`,
+        chase: `ds:animate-[spinner-chase_var(--spinner-duration)_ease-out_infinite] ${i}`,
+        // The drift itself is `PRISM_LOOP_CLASS`, added per shape below.
+        // Here: what a still prism looks like in a spinner, the brand
+        // primary.
+        prism: "ds:motion-reduce:fill-[var(--primary)]",
+        // No animation — the brand mark at rest (a static logo glyph). Inherits
+        // currentColor via the base `fill-current`.
+        static: ""
+      },
+      position: {
+        top: "ds:[--spinner-position:0]",
+        right: "ds:[--spinner-position:1]",
+        bottom: "ds:[--spinner-position:2]",
+        left: "ds:[--spinner-position:3]"
+      }
+    },
+    defaultVariants: { variant: "prism", position: "top" }
+  }
+);
+function r(n, a) {
+  return w({
+    variant: n,
+    position: a,
+    className: n === "prism" ? v[a] : void 0
+  });
+}
+const x = h(
+  ({
+    size: n = "md",
+    variant: a = "prism",
+    speed: o = "normal",
+    label: d,
+    className: p,
+    ...l
+  }, m) => {
+    const { t: c } = f("ui"), u = d ?? c("common.loading", "Loading…");
+    return /* @__PURE__ */ e(
+      "span",
+      {
+        ref: m,
+        role: "status",
+        "aria-live": "polite",
+        "data-component": "spinner",
+        className: g({ size: n, variant: a, speed: o, className: p }),
+        ...l,
+        children: [
+          /* @__PURE__ */ e("svg", { "aria-hidden": "true", viewBox: "0 0 148 148", className: "ds:size-full", children: [
+            /* @__PURE__ */ s("g", { "data-shape": "top", className: r(a, "top"), children: /* @__PURE__ */ s(
+              "rect",
+              {
+                x: "53.04",
+                y: "2.54",
+                width: "33.99",
+                height: "49.34",
+                rx: "4.56",
+                ry: "4.56",
+                transform: "translate(-4.66 19.05) rotate(-15)"
+              }
+            ) }),
+            /* @__PURE__ */ s("g", { "data-shape": "right", className: r(a, "right"), children: /* @__PURE__ */ s(
+              "rect",
+              {
+                x: "96.12",
+                y: "53.04",
+                width: "49.34",
+                height: "33.99",
+                rx: "4.56",
+                ry: "4.56",
+                transform: "translate(-14.01 33.65) rotate(-15)"
+              }
+            ) }),
+            /* @__PURE__ */ s("g", { "data-shape": "bottom", className: r(a, "bottom"), children: /* @__PURE__ */ s(
+              "rect",
+              {
+                x: "60.97",
+                y: "96.12",
+                width: "33.99",
+                height: "49.34",
+                rx: "4.56",
+                ry: "4.56",
+                transform: "translate(-28.61 24.29) rotate(-15)"
+              }
+            ) }),
+            /* @__PURE__ */ s("g", { "data-shape": "left", className: r(a, "left"), children: /* @__PURE__ */ s("path", { d: "M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z" }) })
+          ] }),
+          /* @__PURE__ */ s("span", { className: "ds:sr-only", children: u })
+        ]
+      }
+    );
+  }
+);
+x.displayName = "Spinner";
+export {
+  x as S
+};
+//# sourceMappingURL=spinner-a0FTYX9Q.js.map

package/dist/_chunks/{streaming-text-D0IJeRBg.js → streaming-text-BAPn_sZs.js}

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as i } from "react/jsx-runtime";
 import { forwardRef as y, useState as v, useEffect as b, Fragment as m } from "react";
 import { c as x } from "./index-D2ZczOXr.js";
-import { s as g, C } from "./code-block-NtHjtagI.js";
+import { s as g, C } from "./code-block-CRVa-Thh.js";
 const z = x(
   "type-body ds:block ds:whitespace-pre-wrap ds:break-words",
   {
@@ -128,4 +128,4 @@ j.displayName = "StreamingText";
 export {
   j as S
 };
-//# sourceMappingURL=streaming-text-D0IJeRBg.js.map
+//# sourceMappingURL=streaming-text-BAPn_sZs.js.map

package/dist/_chunks/{switch-DXGD2Drz.js → switch-D--x7n6h.js}

@@ -1,11 +1,11 @@
 import { jsxs as B, jsx as t } from "react/jsx-runtime";
-import { forwardRef as T, useContext as q, useState as I, useRef as K, useMemo as _ } from "react";
+import { forwardRef as I, useContext as T, useState as q, useRef as K, useMemo as _ } from "react";
 import * as w from "@radix-ui/react-switch";
 import { c as o } from "./index-D2ZczOXr.js";
 import { useTranslation as A } from "react-i18next";
-import { u as H, F as M } from "./form-field-context-B3APVHKx.js";
-import { u as O } from "./registry-DvAUVLHh.js";
-const D = {
+import { u as H, F as M, a as O } from "./form-field-context-DtiROUJV.js";
+import { u as D } from "./registry-DvAUVLHh.js";
+const P = {
   id: "switch",
   capabilities: ["set_value"],
   state: {
@@ -53,7 +53,7 @@ const D = {
       description: "Sourced from the id prop."
     }
   }
-}, P = o(
+}, W = o(
   [
     "ds:inline-flex ds:shrink-0 ds:cursor-pointer ds:items-center",
     "ds:rounded-[var(--radius-full)]",
@@ -75,7 +75,7 @@ const D = {
     },
     defaultVariants: { size: "md" }
   }
-), W = o(
+), $ = o(
   [
     "ds:pointer-events-none ds:flex ds:items-center ds:justify-center ds:rounded-full ds:bg-background ds:text-foreground ds:shadow-[var(--shadow-sm)]",
     "ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
@@ -92,7 +92,7 @@ const D = {
     },
     defaultVariants: { size: "md" }
   }
-), $ = o(
+), E = o(
   "ds:inline-flex ds:items-center ds:gap-3 ds:min-h-[var(--min-target-size)]",
   {
     variants: {
@@ -103,7 +103,7 @@ const D = {
     },
     defaultVariants: { labelSide: "end" }
   }
-), E = o("type-label ds:text-foreground ds:select-none", {
+), G = o("type-label ds:text-foreground ds:select-none", {
   variants: {
     disabled: {
       true: "ds:cursor-not-allowed ds:opacity-50",
@@ -111,11 +111,11 @@ const D = {
     }
   },
   defaultVariants: { disabled: !1 }
-}), G = {
+}), J = {
   sm: "ds:size-2",
   md: "ds:size-2.5",
   lg: "ds:size-3"
-}, J = T(
+}, L = I(
   ({
     label: e,
     labelSide: r = "end",
@@ -130,26 +130,26 @@ const D = {
     className: x,
     ...S
   }, z) => {
-    const { t: b } = A("ui"), s = H(), F = q(M) !== null, g = f ?? s.id, [V, j] = I(
+    const { t: b } = A("ui"), s = H(), F = T(M) !== null, g = O(s, f), [C, V] = q(
       i ?? p ?? !1
-    ), d = typeof i == "boolean", a = d ? i : V, h = (n) => {
-      d || j(n), u == null || u(n);
-    }, v = s.disabled || y, C = s.describedBy || void 0, m = K(a);
-    m.current = a;
+    ), d = typeof i == "boolean", a = d ? i : C, m = (n) => {
+      d || V(n), u == null || u(n);
+    }, v = s.disabled || y, j = s.describedBy || void 0, h = K(a);
+    h.current = a;
     const N = _(
       () => ({
-        getChecked: () => m.current,
-        setChecked: (n) => h(n),
-        toggle: () => h(!m.current)
+        getChecked: () => h.current,
+        setChecked: (n) => m(n),
+        toggle: () => m(!h.current)
       }),
       // handleCheckedChange closes over isControlled / onCheckedChange and is
       // recreated each render; we accept the re-registration cost.
       // eslint-disable-next-line react-hooks/exhaustive-deps
       []
     );
-    O(D, N, f);
+    D(P, N, f);
     const R = a ? b("inputs.switch.on", "On") : b("inputs.switch.off", "Off");
-    return /* @__PURE__ */ B("div", { className: $({ labelSide: r }), children: [
+    return /* @__PURE__ */ B("div", { className: E({ labelSide: r }), children: [
       /* @__PURE__ */ t(
         w.Root,
         {
@@ -157,20 +157,20 @@ const D = {
           id: g,
           checked: d ? i : void 0,
           defaultChecked: d ? void 0 : p,
-          onCheckedChange: h,
+          onCheckedChange: m,
           disabled: v,
-          "aria-describedby": C,
+          "aria-describedby": j,
           "aria-invalid": s.invalid || void 0,
           "aria-required": s.required || void 0,
           "data-component": "switch",
           "data-component-id": f,
-          className: P({ size: c, className: x }),
+          className: W({ size: c, className: x }),
           ...S,
-          children: /* @__PURE__ */ t(w.Thumb, { className: W({ size: c }), children: l ? /* @__PURE__ */ t(
+          children: /* @__PURE__ */ t(w.Thumb, { className: $({ size: c }), children: l ? /* @__PURE__ */ t(
             "span",
             {
               "aria-hidden": "true",
-              className: `${G[c]} ds:inline-flex ds:items-center ds:justify-center ds:[&_svg]:size-full`,
+              className: `${J[c]} ds:inline-flex ds:items-center ds:justify-center ds:[&_svg]:size-full`,
               children: a ? l.on : l.off
             }
           ) : null })
@@ -188,15 +188,15 @@ const D = {
         "label",
         {
           htmlFor: g,
-          className: E({ disabled: !!v }),
+          className: G({ disabled: !!v }),
           children: e
         }
       )
     ] });
   }
 );
-J.displayName = "Switch";
+L.displayName = "Switch";
 export {
-  J as S
+  L as S
 };
-//# sourceMappingURL=switch-DXGD2Drz.js.map
+//# sourceMappingURL=switch-D--x7n6h.js.map

package/dist/_chunks/{tabs-DLXVEDsa.js → tabs-yIY-RySP.js}

@@ -4,7 +4,7 @@ import * as S from "@radix-ui/react-tabs";
 import { a as A, c as G } from "./index-D2ZczOXr.js";
 import { useTranslation as te } from "react-i18next";
 import { c as se } from "./compose-refs-C0k0tdqF.js";
-import { S as ae } from "./select-Br88h070.js";
+import { S as ae } from "./select-DHPmASkG.js";
 import { D as V } from "./dropdown-menu-B5mgV1kV.js";
 import { u as re } from "./registry-DvAUVLHh.js";
 import { X as oe } from "./x-B5YnXwCz.js";
@@ -410,4 +410,4 @@ export {
   Q as c,
   de as t
 };
-//# sourceMappingURL=tabs-DLXVEDsa.js.map
+//# sourceMappingURL=tabs-yIY-RySP.js.map

package/dist/_chunks/{task-card-Cfl08MCS.js → task-card-C02Km4Gb.js}

@@ -3,7 +3,7 @@ import { forwardRef as C } from "react";
 import { c as w } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
 import { V as p } from "./visually-hidden-BHxEUGyT.js";
-import { p as z } from "./privacy-mask-CK-9sxeI.js";
+import { p as z } from "./privacy-mask-H8yYwgIb.js";
 import { c as S } from "./createLucideIcon-DhHxpK9K.js";
 import { B as V } from "./building-2-D33bLCWL.js";
 import { U as g } from "./user-B12p7bVF.js";
@@ -187,4 +187,4 @@ export {
   O as T,
   q as i
 };
-//# sourceMappingURL=task-card-Cfl08MCS.js.map
+//# sourceMappingURL=task-card-C02Km4Gb.js.map

package/dist/_chunks/{task-editor-CxF-sBnu.js → task-editor-Dl27rI3J.js}

@@ -4,28 +4,28 @@ import { c as ft } from "./index-D2ZczOXr.js";
 import { useTranslation as gt } from "react-i18next";
 import { A as M } from "./alert-BhCstf2h.js";
 import { B as Me } from "./button-CYPx2xFq.js";
-import { I as We } from "./icon-button-JAXAkqWC.js";
-import { C as Qe } from "./combobox-Iel8y3u6.js";
+import { I as We } from "./icon-button-mKIvw90h.js";
+import { C as Qe } from "./combobox-DppVSuUm.js";
 import { D as ce } from "./dialog-D52AI4nF.js";
-import { D as Bt } from "./date-picker-p9yz3pxc.js";
-import { F as H } from "./form-field-YUJl_U5l.js";
-import { I as Ft } from "./icon-button-group-DHRz90jY.js";
+import { D as Bt } from "./date-picker-BnhBmcH6.js";
+import { F as H } from "./form-field-D9WfDpYB.js";
+import { I as Ft } from "./icon-button-group-BsQkbCX4.js";
 import { P as Pt } from "./panel-header-D_mTdhUp.js";
-import { P as Ot } from "./panel-subview-DAY-ToM3.js";
-import { R as Pe } from "./radio-6fml-pWk.js";
-import { R as jt } from "./radio-group-CIjmyioi.js";
+import { P as Ot } from "./panel-subview-D8HGXaUa.js";
+import { R as Pe } from "./radio-BBbMdbE_.js";
+import { R as jt } from "./radio-group-BT97ty7o.js";
 import { S as Mt } from "./scroll-area-BZOvUhwQ.js";
-import { S as Ke } from "./select-Br88h070.js";
+import { S as Ke } from "./select-DHPmASkG.js";
 import { S as He } from "./skeleton-B1KTdJ4N.js";
-import { S as $t } from "./switch-DXGD2Drz.js";
-import { T as zt } from "./text-area-Cjtw7mna.js";
-import { T as Oe } from "./text-input-CLaItY93.js";
-import { T as qt } from "./time-picker-BG7G3ujX.js";
+import { S as $t } from "./switch-D--x7n6h.js";
+import { T as zt } from "./text-area-CDuItrvL.js";
+import { T as Oe } from "./text-input-lZ2-t-p2.js";
+import { T as qt } from "./time-picker-DKKmpFh3.js";
 import { u as Vt } from "./registry-DvAUVLHh.js";
 import { u as Lt } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { c as Ut } from "./compose-refs-C0k0tdqF.js";
 import { n as Wt } from "./normalize-diacritics-BNGbFNlJ.js";
-import { p as Kt, P as Ht } from "./privacy-mask-CK-9sxeI.js";
+import { p as Kt, P as Ht } from "./privacy-mask-H8yYwgIb.js";
 import { g as je, h as Gt } from "./handled-rejection-6gqCf5vt.js";
 import { L as Qt } from "./lock-ClAFG1gy.js";
 import { X as Yt } from "./x-B5YnXwCz.js";
@@ -1240,4 +1240,4 @@ export {
   vo as T,
   lo as t
 };
-//# sourceMappingURL=task-editor-CxF-sBnu.js.map
+//# sourceMappingURL=task-editor-Dl27rI3J.js.map

package/dist/_chunks/{task-tray-rAGslT2C.js → task-tray-By6DPwbT.js}

@@ -2,10 +2,10 @@ import { jsx as t, jsxs as v } from "react/jsx-runtime";
 import { forwardRef as B, useRef as N, useMemo as E, useImperativeHandle as P } from "react";
 import { c as H } from "./index-D2ZczOXr.js";
 import { useTranslation as M } from "react-i18next";
-import { I as A } from "./icon-button-JAXAkqWC.js";
+import { I as A } from "./icon-button-mKIvw90h.js";
 import { S as V } from "./skeleton-B1KTdJ4N.js";
-import { E as F } from "./empty-state-C62P_6kr.js";
-import { T as G } from "./task-card-Cfl08MCS.js";
+import { E as F } from "./empty-state-CgvmPPvW.js";
+import { T as G } from "./task-card-C02Km4Gb.js";
 import { u as J } from "./registry-DvAUVLHh.js";
 import { S as L } from "./square-check-big-dj0o8yA3.js";
 import { P as Q } from "./plus-DzMQ_c6b.js";
@@ -236,4 +236,4 @@ export {
   X as T,
   U as t
 };
-//# sourceMappingURL=task-tray-rAGslT2C.js.map
+//# sourceMappingURL=task-tray-By6DPwbT.js.map

package/dist/_chunks/{tasks-panel-Dkm8SnmV.js → tasks-panel-BkN9sROF.js}

@@ -5,14 +5,14 @@ import { useTranslation as qs } from "react-i18next";
 import { A as He } from "./alert-BhCstf2h.js";
 import { B as $s } from "./badge-hnBt8o7n.js";
 import { B as Pe } from "./button-CYPx2xFq.js";
-import { I as qe } from "./icon-button-JAXAkqWC.js";
-import { B as Et } from "./button-group-DnSR6eN6.js";
+import { I as qe } from "./icon-button-mKIvw90h.js";
+import { B as Et } from "./button-group-CpEycMps.js";
 import { P as Ws } from "./panel-header-D_mTdhUp.js";
-import { S as Ot } from "./select-Br88h070.js";
-import { S as Ks } from "./switch-DXGD2Drz.js";
+import { S as Ot } from "./select-DHPmASkG.js";
+import { S as Ks } from "./switch-D--x7n6h.js";
 import { S as Vs } from "./skeleton-B1KTdJ4N.js";
-import { E as $e } from "./empty-state-C62P_6kr.js";
-import { T as Cs } from "./task-card-Cfl08MCS.js";
+import { E as $e } from "./empty-state-CgvmPPvW.js";
+import { T as Cs } from "./task-card-C02Km4Gb.js";
 import { V as Gs } from "./visually-hidden-BHxEUGyT.js";
 import { u as Us } from "./use-check-animation--I3cS00X.js";
 import { a as Ys, u as Dt, R as _t } from "./use-list-reflow-C7O4Uqnl.js";
@@ -1240,4 +1240,4 @@ export {
   En as T,
   dn as t
 };
-//# sourceMappingURL=tasks-panel-Dkm8SnmV.js.map
+//# sourceMappingURL=tasks-panel-BkN9sROF.js.map

package/dist/_chunks/{text-area-Cjtw7mna.js → text-area-CDuItrvL.js}

@@ -1,11 +1,11 @@
-import { jsxs as N, jsx as K } from "react/jsx-runtime";
-import { forwardRef as de, useRef as O, useCallback as F, useState as P, useMemo as ce, useEffect as ue } from "react";
+import { jsxs as F, jsx as K } from "react/jsx-runtime";
+import { forwardRef as de, useRef as O, useCallback as I, useState as P, useMemo as ce, useEffect as ue } from "react";
 import { c as le } from "./index-D2ZczOXr.js";
 import { useTranslation as pe } from "react-i18next";
-import { u as fe } from "./form-field-context-B3APVHKx.js";
-import { u as me } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as ve } from "./registry-DvAUVLHh.js";
-const ge = {
+import { u as fe, a as me } from "./form-field-context-DtiROUJV.js";
+import { u as ve } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as ge } from "./registry-DvAUVLHh.js";
+const be = {
   id: "text-area",
   capabilities: ["set_value", "edit_inline"],
   state: {
@@ -68,7 +68,7 @@ const ge = {
       description: "Sourced from the id prop."
     }
   }
-}, be = le(
+}, he = le(
   [
     "ds:block ds:w-full ds:border ds:rounded-[var(--radius-sm)] ds:bg-input ds:text-foreground",
     "ds:shadow-[var(--shadow-input)]",
@@ -101,7 +101,7 @@ const ge = {
     },
     defaultVariants: { size: "md", tone: "default", resize: "manual" }
   }
-), he = (t) => t >= 1 ? "ds:text-destructive" : t >= 0.9 ? "ds:text-warning" : "ds:text-muted-foreground", ye = (t) => [...t].length, xe = de(
+), ye = (t) => t >= 1 ? "ds:text-destructive" : t >= 0.9 ? "ds:text-warning" : "ds:text-muted-foreground", xe = (t) => [...t].length, Te = de(
   ({
     size: t = "md",
     tone: v = "default",
@@ -112,7 +112,7 @@ const ge = {
     className: _,
     id: h,
     disabled: q,
-    value: I,
+    value: N,
     defaultValue: k,
     maxLength: a,
     rows: W,
@@ -122,14 +122,14 @@ const ge = {
     onInput: D,
     ...$
   }, c) => {
-    const { t: E } = pe("ui"), o = fe(), j = h ?? o.id, Y = o.disabled || q, G = o.invalid ? "error" : v, u = O(null), J = F(
+    const { t: E } = pe("ui"), o = fe(), j = me(o, h), Y = o.disabled || q, G = o.invalid ? "error" : v, u = O(null), J = I(
       (e) => {
         u.current = e, typeof c == "function" ? c(e) : c && (c.current = e);
       },
       [c]
-    ), l = I !== void 0, [Q, z] = P(
+    ), l = N !== void 0, [Q, z] = P(
       String(k ?? "")
-    ), T = l ? String(I) : Q, f = O(!1), w = F(() => {
+    ), T = l ? String(N) : Q, f = O(!1), w = I(() => {
       const e = u.current;
       if (!e || !s) return;
       const r = window.getComputedStyle(e), d = parseFloat(r.lineHeight), p = parseFloat(r.paddingTop), m = parseFloat(r.paddingBottom), se = parseFloat(r.borderTopWidth), ae = parseFloat(r.borderBottomWidth), M = p + m + se + ae, ne = (Number.isFinite(d) ? d : 24) * g + M, oe = typeof b == "number" ? (Number.isFinite(d) ? d : 24) * b + M : Number.POSITIVE_INFINITY;
@@ -137,7 +137,7 @@ const ge = {
       const ie = Math.max(ne, Math.min(e.scrollHeight, oe));
       e.style.height = `${ie}px`;
     }, [s, g, b]);
-    me(() => {
+    ve(() => {
       s && w();
     }, [s, w, T]);
     const U = (e) => {
@@ -152,7 +152,7 @@ const ge = {
         target: r,
         currentTarget: r
       }), s && w();
-    }, A = F((e) => {
+    }, A = I((e) => {
       var m;
       const r = u.current;
       if (!r) return;
@@ -173,8 +173,8 @@ const ge = {
       }),
       [A]
     );
-    ve(ge, L, h);
-    const i = typeof a == "number" && (S ?? !0) && a > 0, V = ye(T), B = i ? Math.max(0, a - V) : 0, R = i ? V / a : 0, [C, ee] = P("");
+    ge(be, L, h);
+    const i = typeof a == "number" && (S ?? !0) && a > 0, V = xe(T), B = i ? Math.max(0, a - V) : 0, R = i ? V / a : 0, [C, ee] = P("");
     ue(() => {
       if (!i) return;
       const e = window.setTimeout(() => {
@@ -188,7 +188,7 @@ const ge = {
       return () => window.clearTimeout(e);
     }, [i, B, E]);
     const H = i ? `${j}-counter` : void 0, te = [o.describedBy || void 0, H].filter(Boolean).join(" ") || void 0, re = s ? "auto" : "manual";
-    return /* @__PURE__ */ N(
+    return /* @__PURE__ */ F(
       "div",
       {
         "data-component": "text-area",
@@ -212,7 +212,7 @@ const ge = {
               onCompositionStart: X,
               onCompositionEnd: Z,
               onInput: D,
-              className: be({
+              className: he({
                 size: t,
                 tone: G,
                 resize: re,
@@ -221,13 +221,13 @@ const ge = {
               ...$
             }
           ),
-          i ? /* @__PURE__ */ N(
+          i ? /* @__PURE__ */ F(
             "div",
             {
               id: H,
               className: "ds:flex ds:justify-end type-meta ds:tabular-nums",
               children: [
-                /* @__PURE__ */ N("span", { "aria-hidden": "true", className: he(R), children: [
+                /* @__PURE__ */ F("span", { "aria-hidden": "true", className: ye(R), children: [
                   V,
                   " / ",
                   a
@@ -241,8 +241,8 @@ const ge = {
     );
   }
 );
-xe.displayName = "TextArea";
+Te.displayName = "TextArea";
 export {
-  xe as T
+  Te as T
 };
-//# sourceMappingURL=text-area-Cjtw7mna.js.map
+//# sourceMappingURL=text-area-CDuItrvL.js.map