@alfadocs/ui-kit 0.41.2 → 0.42.0

package/dist/_chunks/pregnancy-weight-gain-B7kBK-ZR.js

@@ -0,0 +1,223 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { forwardRef as I, useState as f, useMemo as $, useEffect as A } from "react";
+import { c as F } from "./index-D2ZczOXr.js";
+import { useTranslation as _ } from "react-i18next";
+import { F as y } from "./form-field-BOm9hK35.js";
+import { N as x } from "./number-input-Dj5L3pXK.js";
+import { B as R } from "./badge-zsf5i5bH.js";
+import { I as k } from "./insert-result-DtQQeSSf.js";
+import { b as M, e as C } from "./bmi-BxD-tFzU.js";
+const j = {
+  underweight: { min: 12.5, max: 18 },
+  normal: { min: 11.5, max: 16 },
+  overweight: { min: 7, max: 11.5 },
+  obese: { min: 5, max: 9 }
+}, z = {
+  underweight: { min: 0.44, max: 0.58 },
+  normal: { min: 0.35, max: 0.5 },
+  overweight: { min: 0.23, max: 0.33 },
+  obese: { min: 0.17, max: 0.27 }
+}, G = { min: 0.5, max: 2 }, v = 13;
+function H(t, i) {
+  if (i <= 0) return { min: 0, max: 0 };
+  if (i <= v) {
+    const c = i / v;
+    return {
+      min: G.min * c,
+      max: G.max * c
+    };
+  }
+  const l = Math.min(i, 40) - v, r = z[t];
+  return {
+    min: G.min + r.min * l,
+    max: G.max + r.max * l
+  };
+}
+function L(t) {
+  const i = M(t.prePregnancyBmi), l = j[i], r = H(
+    i,
+    t.gestationalWeeks
+  ), c = t.currentWeightKg - t.prePregnancyWeightKg, W = c < r.min ? "below" : c > r.max ? "above" : "within";
+  return { category: i, totalRange: l, recommendedToDate: r, actualGainKg: c, status: W };
+}
+const O = F("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+  variants: {
+    width: { full: "ds:w-full", auto: "ds:inline-flex" }
+  },
+  defaultVariants: { width: "full" }
+}), U = {
+  below: "warning",
+  within: "success",
+  above: "warning"
+}, V = I(
+  ({
+    onResultChange: t,
+    onInsert: i,
+    insertVariant: l = "insert",
+    onCopy: r,
+    onError: c,
+    id: W,
+    width: w,
+    className: K
+  }, P) => {
+    const { t: e, i18n: N } = _(), [b, D] = f(null), [o, B] = f(null), [g, S] = f(null), [u, E] = f(null), p = C(o, b), n = $(() => p === null || o === null || g === null || u === null ? null : L({
+      prePregnancyBmi: p,
+      prePregnancyWeightKg: o,
+      currentWeightKg: g,
+      gestationalWeeks: u
+    }), [p, o, g, u]), d = $(
+      () => new Intl.NumberFormat(N.language, {
+        minimumFractionDigits: 1,
+        maximumFractionDigits: 1
+      }),
+      [N.language]
+    );
+    A(() => {
+      t == null || t(n);
+    }, [n, t]);
+    const m = e("pregnancyWeightGain.units.kg"), h = (T) => `${d.format(T.min)} – ${d.format(T.max)} ${m}`;
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: P,
+        "data-component": "pregnancy-weight-gain",
+        "data-component-id": W,
+        className: O({ width: w, className: K }),
+        children: [
+          /* @__PURE__ */ s("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ a(
+              y,
+              {
+                label: `${e("pregnancyWeightGain.height")} (${e("pregnancyWeightGain.units.cm")})`,
+                children: /* @__PURE__ */ a(
+                  x,
+                  {
+                    mode: "decimal",
+                    min: 0,
+                    step: 0.5,
+                    value: b,
+                    onChange: D
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ a(
+              y,
+              {
+                label: `${e("pregnancyWeightGain.prePregnancyWeight")} (${m})`,
+                children: /* @__PURE__ */ a(
+                  x,
+                  {
+                    mode: "decimal",
+                    min: 0,
+                    step: 0.1,
+                    value: o,
+                    onChange: B
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ a(
+              y,
+              {
+                label: `${e("pregnancyWeightGain.currentWeight")} (${m})`,
+                children: /* @__PURE__ */ a(
+                  x,
+                  {
+                    mode: "decimal",
+                    min: 0,
+                    step: 0.1,
+                    value: g,
+                    onChange: S
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ a(y, { label: e("pregnancyWeightGain.gestationalWeeks"), children: /* @__PURE__ */ a(
+              x,
+              {
+                mode: "integer",
+                min: 0,
+                max: 42,
+                value: u,
+                onChange: E
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ a("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: n ? `${e("pregnancyWeightGain.actualGain")}: ${d.format(
+            n.actualGainKg
+          )} ${m}. ${e(`pregnancyWeightGain.status.${n.status}`)}.` : "" }),
+          n ? /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ s("dl", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
+              /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("pregnancyWeightGain.prePregnancyBmi") }),
+                /* @__PURE__ */ s("dd", { className: "type-body ds:text-foreground", children: [
+                  d.format(p ?? 0),
+                  " ·",
+                  " ",
+                  e(`pregnancyWeightGain.category.${n.category}`)
+                ] })
+              ] }),
+              /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("pregnancyWeightGain.actualGain") }),
+                /* @__PURE__ */ s("dd", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]", children: [
+                  /* @__PURE__ */ s("span", { className: "type-metric ds:text-foreground", children: [
+                    d.format(n.actualGainKg),
+                    " ",
+                    m
+                  ] }),
+                  /* @__PURE__ */ a(R, { variant: U[n.status], size: "lg", children: e(`pregnancyWeightGain.status.${n.status}`) })
+                ] })
+              ] }),
+              /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("pregnancyWeightGain.recommendedToDate") }),
+                /* @__PURE__ */ a("dd", { className: "type-body ds:text-foreground", children: h(n.recommendedToDate) })
+              ] }),
+              /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("pregnancyWeightGain.recommendedTotal") }),
+                /* @__PURE__ */ a("dd", { className: "type-body ds:text-foreground", children: h(n.totalRange) })
+              ] })
+            ] }),
+            /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-muted-foreground", children: e("pregnancyWeightGain.disclaimer") }),
+            l === "copy" || i ? /* @__PURE__ */ a(
+              k,
+              {
+                onInsert: i,
+                variant: l,
+                onCopy: r,
+                onError: c,
+                card: {
+                  title: e("insert.title.weightGain"),
+                  highlight: e(`pregnancyWeightGain.status.${n.status}`),
+                  fields: [
+                    {
+                      label: e("pregnancyWeightGain.actualGain"),
+                      value: `${d.format(n.actualGainKg)} ${m}`
+                    },
+                    {
+                      label: e("pregnancyWeightGain.recommendedToDate"),
+                      value: h(n.recommendedToDate)
+                    },
+                    {
+                      label: e("pregnancyWeightGain.recommendedTotal"),
+                      value: h(n.totalRange)
+                    }
+                  ]
+                }
+              }
+            ) : null
+          ] }) : /* @__PURE__ */ a("p", { className: "type-body ds:text-muted-foreground", children: e("pregnancyWeightGain.empty") })
+        ]
+      }
+    );
+  }
+);
+V.displayName = "PregnancyWeightGain";
+export {
+  V as P,
+  z as R,
+  j as T,
+  L as a,
+  H as r
+};
+//# sourceMappingURL=pregnancy-weight-gain-B7kBK-ZR.js.map

package/dist/_chunks/{public-header.agent-B2dDg2_d.js → public-header.agent-BY6FH71R.js}

@@ -4,7 +4,7 @@ import { c as C } from "./index-D2ZczOXr.js";
 import { useTranslation as ss } from "react-i18next";
 import * as m from "@radix-ui/react-navigation-menu";
 import { I as es } from "./icon-button-CKEOrN37.js";
-import { S as f } from "./sheet-BV-yuLE2.js";
+import { S as f } from "./sheet-xbzu4YiY.js";
 import { C as I } from "./chevron-down-BX_NP2Yh.js";
 import { X as ds } from "./x-CCcI3eJp.js";
 import { M as as } from "./menu-XRhW3_99.js";
@@ -564,4 +564,4 @@ export {
   Cs as P,
   js as p
 };
-//# sourceMappingURL=public-header.agent-B2dDg2_d.js.map
+//# sourceMappingURL=public-header.agent-BY6FH71R.js.map

package/dist/_chunks/radio-group-CLjK-SlK.js

@@ -0,0 +1,167 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as q, useId as E, useMemo as k, useRef as z, useState as F } from "react";
+import * as J from "@radix-ui/react-radio-group";
+import { c as L } from "./index-D2ZczOXr.js";
+import { a as B } from "./radio-TWf9Q-mp.js";
+import { c as O } from "./compose-refs-C0k0tdqF.js";
+import { u as Q } from "./use-direction-Dp8h70PP.js";
+import { u as U } from "./registry-nPAVE19X.js";
+import { C as W } from "./circle-alert-ChA9opNA.js";
+const X = {
+  id: "radio-group",
+  capabilities: ["select_single"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.radioGroup.state.value",
+      description: "Currently selected radio value, or empty string when none.",
+      read: (t) => t.getValue()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      descriptionKey: "ui.agent.radioGroup.actions.setValue",
+      description: "Select the radio with the given value.",
+      invoke: (t, o) => {
+        t.setValue(o.value);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "radio-group",
+      description: "Marks the RadioGroup root."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-option-id",
+      description: "Stable opaque value emitted on each rendered Radio child."
+    }
+  }
+}, Y = L("ds:flex", {
+  variants: {
+    variant: {
+      vertical: "ds:flex-col ds:gap-[var(--spacing-sm)]",
+      horizontal: "ds:flex-row ds:flex-wrap ds:gap-[var(--spacing-md)]",
+      card: "ds:flex-col ds:gap-[var(--spacing-md)]"
+    }
+  },
+  defaultVariants: {
+    variant: "vertical"
+  }
+}), Z = q(
+  ({
+    children: t,
+    variant: o = "vertical",
+    label: n,
+    description: l,
+    error: a,
+    required: c,
+    disabled: S,
+    className: $,
+    id: p,
+    value: u,
+    defaultValue: v,
+    onValueChange: s,
+    ...j
+  }, A) => {
+    const m = E(), f = `${m}-legend`, g = `${m}-description`, h = `${m}-error`, C = [l ? g : null, a ? h : null].filter(Boolean).join(" ") || void 0, P = n ? f : void 0, H = o === "horizontal" ? "horizontal" : "vertical", x = k(
+      () => ({ variant: o }),
+      [o]
+    ), y = l ? /* @__PURE__ */ e("p", { id: g, className: "type-body-sm ds:text-muted-foreground", children: l }) : null, R = a ? /* @__PURE__ */ d(
+      "p",
+      {
+        id: h,
+        role: "alert",
+        className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
+        children: [
+          /* @__PURE__ */ e(W, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
+          /* @__PURE__ */ e("span", { children: a })
+        ]
+      }
+    ) : null, b = z(null), K = O(A, b), M = Q(b), r = u !== void 0, [_, D] = F(
+      v ?? ""
+    ), N = r ? u ?? "" : _, G = z(N);
+    G.current = N;
+    const V = (i) => {
+      r || D(i), s == null || s(i);
+    }, T = k(
+      () => ({
+        getValue: () => G.current,
+        setValue: (i) => V(i)
+      }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [r, s]
+    );
+    U(X, T, p);
+    const I = /* @__PURE__ */ e(
+      J.Root,
+      {
+        ref: K,
+        id: p,
+        orientation: H,
+        dir: M,
+        disabled: S,
+        required: c,
+        value: r ? u : void 0,
+        defaultValue: r ? void 0 : v,
+        onValueChange: V,
+        "aria-labelledby": P,
+        "aria-describedby": C,
+        "aria-invalid": !!a || void 0,
+        "aria-required": c || void 0,
+        className: Y({ variant: o, className: $ }),
+        "data-component": "radio-group",
+        "data-component-id": p,
+        ...j,
+        children: t
+      }
+    ), w = "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0";
+    return n ? /* @__PURE__ */ e(B.Provider, { value: x, children: /* @__PURE__ */ d(
+      "fieldset",
+      {
+        role: "presentation",
+        className: `${w} ds:border-0 ds:p-0 ds:m-0`,
+        children: [
+          /* @__PURE__ */ d(
+            "legend",
+            {
+              id: f,
+              className: "type-label ds:text-foreground ds:p-0",
+              children: [
+                n,
+                c ? /* @__PURE__ */ e(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:text-destructive ds:ms-[var(--spacing-xs)]",
+                    children: "*"
+                  }
+                ) : null
+              ]
+            }
+          ),
+          y,
+          I,
+          R
+        ]
+      }
+    ) }) : /* @__PURE__ */ e(B.Provider, { value: x, children: /* @__PURE__ */ d("div", { className: w, children: [
+      y,
+      I,
+      R
+    ] }) });
+  }
+);
+Z.displayName = "RadioGroup";
+export {
+  Z as R
+};
+//# sourceMappingURL=radio-group-CLjK-SlK.js.map

package/dist/_chunks/{rich-text-editor-DLbg2852.js → rich-text-editor-DhGIBd4a.js}

@@ -241,8 +241,8 @@ const Ze = S(
 ), G = S(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
-    "ds:min-block-size-[var(--min-target-size)]",
-    "ds:min-inline-size-[var(--min-target-size)]",
+    "ds:[min-block-size:var(--min-target-size)]",
+    "ds:[min-inline-size:var(--min-target-size)]",
     "ds:gap-[var(--spacing-xs)]",
     "ds:rounded-[var(--radius-sm)] ds:bg-transparent ds:text-[var(--foreground)]",
     "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
@@ -365,7 +365,7 @@ function Xe({
         "aria-label": M,
         className: [
           "ds:absolute ds:top-full ds:mt-[var(--spacing-xs)] ds:start-0 ds:z-[var(--z-dropdown)]",
-          "ds:min-inline-size-[8rem] ds:rounded-[var(--radius-md)]",
+          "ds:[min-inline-size:8rem] ds:rounded-[var(--radius-md)]",
           "ds:border ds:border-[color:var(--border)] ds:bg-[var(--background)]",
           "ds:shadow-[var(--shadow-lg)] ds:p-[var(--spacing-xs)]"
         ].join(" "),
@@ -379,7 +379,7 @@ function Xe({
             className: [
               "ds:flex ds:w-full ds:items-center",
               "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
-              "ds:min-block-size-[var(--min-target-size)]",
+              "ds:[min-block-size:var(--min-target-size)]",
               "ds:rounded-[var(--radius-sm)] ds:text-start",
               "ds:hover:bg-[var(--muted)]",
               "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
@@ -432,8 +432,8 @@ function Ye({
                 "aria-label": l("editor.shortcuts.close"),
                 className: [
                   "ds:inline-flex ds:items-center ds:justify-center",
-                  "ds:min-block-size-[var(--min-target-size)]",
-                  "ds:min-inline-size-[var(--min-target-size)]",
+                  "ds:[min-block-size:var(--min-target-size)]",
+                  "ds:[min-inline-size:var(--min-target-size)]",
                   "ds:rounded-[var(--radius-sm)]",
                   "ds:hover:bg-[var(--muted)]",
                   "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
@@ -869,11 +869,11 @@ const Je = se(
     const te = (() => {
       switch (y) {
         case "sm":
-          return "min-block-size-[8rem]";
+          return "ds:[min-block-size:8rem]";
         case "md":
-          return "min-block-size-[16rem]";
+          return "ds:[min-block-size:16rem]";
         case "lg":
-          return "min-block-size-[24rem]";
+          return "ds:[min-block-size:24rem]";
         default:
           return;
       }
@@ -918,4 +918,4 @@ export {
   G as t,
   Ze as w
 };
-//# sourceMappingURL=rich-text-editor-DLbg2852.js.map
+//# sourceMappingURL=rich-text-editor-DhGIBd4a.js.map

package/dist/_chunks/{sheet-BV-yuLE2.js → sheet-xbzu4YiY.js}

@@ -98,13 +98,13 @@ const P = {
 );
 function Y(e, t) {
   return e === "start" || e === "end" ? {
-    sm: "[inline-size:360px]",
-    md: "[inline-size:480px]",
-    lg: "[inline-size:640px]"
+    sm: "ds:[inline-size:360px]",
+    md: "ds:[inline-size:480px]",
+    lg: "ds:[inline-size:640px]"
   }[t] : {
-    sm: "[block-size:40dvh]",
-    md: "[block-size:60dvh]",
-    lg: "[block-size:80dvh]"
+    sm: "ds:[block-size:40dvh]",
+    md: "ds:[block-size:60dvh]",
+    lg: "ds:[block-size:80dvh]"
   }[t];
 }
 const b = A(void 0), m = ({
@@ -268,4 +268,4 @@ export {
   W as S,
   P as s
 };
-//# sourceMappingURL=sheet-BV-yuLE2.js.map
+//# sourceMappingURL=sheet-xbzu4YiY.js.map

package/dist/_chunks/{sign-document-CpLDZ6Db.js → sign-document-QHfcNKFj.js}

@@ -2,8 +2,8 @@ import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import { forwardRef as ie, useId as oe, useMemo as M, useRef as k, useState as b, useEffect as L, useCallback as c, useImperativeHandle as de } from "react";
 import { c as i } from "./index-D2ZczOXr.js";
 import { useTranslation as ce } from "react-i18next";
-import { P as le } from "./pdf-viewer-Cy6Ul3hZ.js";
-import { S as ge } from "./signature-capture-DoiBd6i3.js";
+import { P as le } from "./pdf-viewer-B6MC6VTx.js";
+import { S as ge } from "./signature-capture-CpMBhqQ9.js";
 import { u as me } from "./registry-nPAVE19X.js";
 import { C as O } from "./circle-check-9AeSgJD_.js";
 const ue = {
@@ -79,8 +79,8 @@ const ue = {
 ), xe = i(
   [
     "ds:inline-flex ds:inline-size-full ds:items-center ds:justify-center",
-    "ds:min-block-size-[var(--min-target-size)]",
-    "ds:min-inline-size-[var(--min-target-size)]",
+    "ds:[min-block-size:var(--min-target-size)]",
+    "ds:[min-inline-size:var(--min-target-size)]",
     "ds:gap-[var(--spacing-xs)]",
     "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
     "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
@@ -313,4 +313,4 @@ export {
   Se as S,
   ue as s
 };
-//# sourceMappingURL=sign-document-CpLDZ6Db.js.map
+//# sourceMappingURL=sign-document-QHfcNKFj.js.map

package/dist/_chunks/{signature-capture-DoiBd6i3.js → signature-capture-CpMBhqQ9.js}

@@ -84,8 +84,8 @@ const Pe = {
 ), ae = R(
   [
     "ds:inline-flex ds:flex-1 ds:items-center ds:justify-center",
-    "ds:min-block-size-[var(--min-target-size)]",
-    "ds:min-inline-size-[var(--min-target-size)]",
+    "ds:[min-block-size:var(--min-target-size)]",
+    "ds:[min-inline-size:var(--min-target-size)]",
     "ds:gap-[var(--spacing-xs)]",
     "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
     "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
@@ -105,8 +105,8 @@ const Pe = {
 ), Be = R(
   [
     "ds:inline-flex ds:flex-1 ds:items-center ds:justify-center",
-    "ds:min-block-size-[var(--min-target-size)]",
-    "ds:min-inline-size-[var(--min-target-size)]",
+    "ds:[min-block-size:var(--min-target-size)]",
+    "ds:[min-inline-size:var(--min-target-size)]",
     "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
     "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -124,7 +124,7 @@ const Pe = {
 ), $e = R(
   [
     "ds:block ds:inline-size-full",
-    "ds:min-block-size-[var(--min-target-size)]",
+    "ds:[min-block-size:var(--min-target-size)]",
     "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-sm)]",
     "ds:border ds:border-[color:var(--border)]",
@@ -490,4 +490,4 @@ export {
   Ue as S,
   Pe as s
 };
-//# sourceMappingURL=signature-capture-DoiBd6i3.js.map
+//# sourceMappingURL=signature-capture-CpMBhqQ9.js.map

package/dist/_chunks/tab-bar-C4II-7ej.js

@@ -0,0 +1,86 @@
+import { jsx as a, jsxs as c, Fragment as g } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { c as d } from "./index-D2ZczOXr.js";
+import { B as b } from "./badge-zsf5i5bH.js";
+function h(r) {
+  return r > 99 ? "99+" : String(r);
+}
+const x = d("ds:shrink-0", {
+  variants: {
+    position: {
+      top: "ds:pt-[var(--spacing-md)]",
+      bottom: "ds:pb-[var(--spacing-md)]"
+    },
+    fill: {
+      false: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+      true: ""
+    }
+  },
+  defaultVariants: { position: "top", fill: !1 }
+}), w = "ds:flex ds:[justify-content:safe_center] ds:overflow-x-auto ds:rounded-[var(--radius-lg)] ds:border ds:border-[color:var(--card-border)] ds:bg-[var(--card)]/80 ds:backdrop-blur-md ds:shadow-[var(--shadow-md)] ds:py-[var(--spacing-xs)]", C = d(
+  "ds:flex ds:items-stretch ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+  {
+    variants: {
+      fill: { false: "ds:shrink-0", true: "ds:w-full" }
+    },
+    defaultVariants: { fill: !1 }
+  }
+), p = d(
+  "ds:group ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:whitespace-nowrap ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-regular)] ds:text-[color:var(--foreground)] ds:no-underline ds:hover:bg-[var(--muted)]/20 ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]",
+  {
+    variants: {
+      fill: {
+        // Responsive: label under the icon below `sm`, beside it at `sm`+.
+        false: "ds:flex-col ds:sm:flex-row ds:sm:gap-[var(--spacing-sm)]",
+        // Fill the bar, always icon-over-label. No `min-w-0`, so a tab never
+        // shrinks below its label (labels never overlap); if the full set can't
+        // fit, the pill scrolls instead.
+        true: "ds:flex-1 ds:basis-0 ds:flex-col"
+      }
+    },
+    defaultVariants: { fill: !1 }
+  }
+), N = "ds:inline-flex ds:items-center ds:text-[color:var(--accent)] ds:[&>svg]:size-4", y = "ds:group-aria-[current=page]:underline ds:group-aria-[current=page]:decoration-2 ds:group-aria-[current=page]:decoration-[color:var(--accent)] ds:group-aria-[current=page]:underline-offset-[var(--spacing-xs)]", V = m(
+  ({ items: r, ariaLabel: u, onSelect: n, fill: e = !1, position: f = "top", className: i }, v) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: v,
+      "data-component": "tab-bar",
+      className: `${x({ position: f, fill: e })}${i ? ` ${i}` : ""}`,
+      children: /* @__PURE__ */ a("div", { className: w, children: /* @__PURE__ */ a("nav", { "aria-label": u, className: C({ fill: e }), children: r.map((s) => {
+        const o = typeof s.badgeCount == "number" && s.badgeCount > 0 ? s.badgeCount : void 0, t = s.isActive ? "page" : void 0, l = /* @__PURE__ */ c(g, { children: [
+          s.icon ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: N, children: s.icon }) : null,
+          /* @__PURE__ */ c("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ a("span", { className: y, children: s.label }),
+            o !== void 0 ? /* @__PURE__ */ a(b, { variant: "neutral", children: h(o) }) : null
+          ] })
+        ] });
+        return s.href ? /* @__PURE__ */ a(
+          "a",
+          {
+            href: s.href,
+            "aria-current": t,
+            className: p({ fill: e }),
+            children: l
+          },
+          s.id
+        ) : /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            "aria-current": t,
+            className: p({ fill: e }),
+            onClick: () => n == null ? void 0 : n(s.id),
+            children: l
+          },
+          s.id
+        );
+      }) }) })
+    }
+  )
+);
+V.displayName = "TabBar";
+export {
+  V as T
+};
+//# sourceMappingURL=tab-bar-C4II-7ej.js.map

package/dist/_chunks/{theme-toggle-DpC28kt5.js → theme-toggle-ClATnY4Q.js}

@@ -5,7 +5,7 @@ import { useTranslation as g } from "react-i18next";
 import { I as y } from "./icon-button-CKEOrN37.js";
 import { I as K } from "./icon-button-group-C48khLE0.js";
 import { S as x } from "./switch-BJ6HD3Mn.js";
-import { D as o } from "./dropdown-menu-BC5ZdOMo.js";
+import { D as o } from "./dropdown-menu-CUEXqKis.js";
 import { u as z } from "./use-theme-C2dHKUAN.js";
 import { u as D } from "./registry-nPAVE19X.js";
 import { M as v, S as C } from "./sun-BuXE0xUS.js";
@@ -352,4 +352,4 @@ export {
   O as T,
   H as t
 };
-//# sourceMappingURL=theme-toggle-DpC28kt5.js.map
+//# sourceMappingURL=theme-toggle-ClATnY4Q.js.map

package/dist/_chunks/{toast.agent-WHHfw5VX.js → toast.agent-B0MCsvdZ.js}

@@ -838,7 +838,7 @@ function Oe({
             "ds:forced-colors:border ds:forced-colors:border-[CanvasText]",
             "ds:rounded-[var(--radius-md)]",
             "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-sm)]",
-            "[max-inline-size:360px] max-sm:[max-inline-size:88dvw]",
+            "ds:[max-inline-size:360px] ds:max-sm:[max-inline-size:88dvw]",
             "break-words",
             "ds:z-[var(--z-toast)]",
             "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
@@ -985,4 +985,4 @@ export {
   Ze as e,
   aa as t
 };
-//# sourceMappingURL=toast.agent-WHHfw5VX.js.map
+//# sourceMappingURL=toast.agent-B0MCsvdZ.js.map