@alfadocs/ui-kit 0.50.0 → 0.51.0

package/dist/_chunks/dropdown-menu-DwwPovMZ.js

@@ -0,0 +1,354 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as n, useContext as O, useRef as G, useEffect as P, useMemo as _, createContext as L } from "react";
+import * as o from "@radix-ui/react-dropdown-menu";
+import { c as f } from "./index-D2ZczOXr.js";
+import { S as A } from "./separator-CYU_bGFn.js";
+import { K as b } from "./kbd-D855ZXIW.js";
+import { u as E } from "./use-controllable-state-BiY4xTzM.js";
+import { C as K } from "./chevron-right-BrpYejk0.js";
+import { C as V } from "./check-DPdL_Sm7.js";
+import { a as B } from "./use-direction-Dp8h70PP.js";
+import { u as H } from "./registry-nPAVE19X.js";
+const q = {
+  id: "dropdown-menu",
+  capabilities: ["open", "close", "pick"],
+  state: {
+    isOpen: {
+      type: "boolean",
+      description: "True when the menu is currently open.",
+      read: (s) => s.getIsOpen()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      description: "Open the menu.",
+      invoke: (s) => {
+        s.open();
+      }
+    },
+    close: {
+      safety: "read",
+      description: "Close the menu.",
+      invoke: (s) => {
+        s.close();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "dropdown-menu" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on DropdownMenu.Root."
+    },
+    item: {
+      attr: "data-item-id",
+      description: "Each menu item emits its value as data-item-id."
+    }
+  }
+}, g = f(
+  [
+    "ds:z-[var(--z-dropdown)]",
+    // Roomier panel: wider floor, larger radius, deeper float and a
+    // breath more padding so menus read as elevated surfaces rather
+    // than flat lists hugging their trigger.
+    "ds:min-w-[14rem]",
+    "ds:rounded-[var(--radius-lg)]",
+    // Border kept (transparent) so the forced-colors override below can
+    // repaint a visible edge in HCM. In normal modes the soft drop-shadow
+    // carries the edge cue; the heavy `--border` (grey-800 since WCAG
+    // 1.4.11 bump in 67fef8c) made the menu read as a charcoal box.
+    "ds:border ds:border-transparent",
+    "ds:bg-[var(--popover)] ds:text-[color:var(--popover-foreground)]",
+    "ds:shadow-[var(--shadow-xl)]",
+    "ds:p-[var(--spacing-sm)]",
+    // Motion — gated on --animation-duration via Tailwind's animate-in
+    // preset. motion-reduce disables via the no-preference query.
+    "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
+    "ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out",
+    "ds:data-[state=open]:zoom-in-95 ds:data-[state=closed]:zoom-out-95",
+    "ds:data-[state=open]:slide-in-from-top-1",
+    "ds:motion-reduce:animate-none",
+    "ds:forced-colors:border-[CanvasText]"
+  ].join(" ")
+), l = f(
+  [
+    "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
+    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+    "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:min-h-[var(--min-target-size)]",
+    "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--foreground)]",
+    "ds:cursor-pointer ds:select-none ds:outline-none",
+    // Highlighted + hover state
+    "ds:data-[highlighted]:bg-[color:var(--muted)]/40",
+    "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]",
+    // Disabled
+    "ds:data-[disabled]:opacity-50 ds:data-[disabled]:cursor-not-allowed",
+    "ds:data-[disabled]:pointer-events-none"
+  ].join(" ")
+), F = f(
+  [
+    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+    "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-2xs)]",
+    // Quiet sentence-case caption — the shouty uppercase eyebrow made
+    // every menu read as a form. Groups should lean on separators first
+    // and reach for a Label only when the grouping is genuinely unclear.
+    "ds:text-[length:var(--font-size-xs)]",
+    "ds:font-[var(--font-weight-medium)]",
+    "ds:text-[color:var(--muted-foreground)]",
+    "ds:select-none"
+  ].join(" ")
+), x = "ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0", w = L(void 0), N = ({
+  dir: s,
+  id: a,
+  open: d,
+  defaultOpen: r,
+  onOpenChange: t,
+  ...i
+}) => {
+  const p = B(), [h, m] = E({
+    value: d,
+    defaultValue: r ?? !1,
+    onChange: t
+  }), u = h ?? !1, v = G(u);
+  P(() => {
+    v.current = u;
+  }, [u]);
+  const T = _(
+    () => ({
+      getIsOpen: () => v.current,
+      open: () => m(!0),
+      close: () => m(!1)
+    }),
+    [m]
+  );
+  return H(q, T, a), /* @__PURE__ */ e(w.Provider, { value: a, children: /* @__PURE__ */ e(
+    o.Root,
+    {
+      dir: s ?? p,
+      open: u,
+      onOpenChange: m,
+      ...i
+    }
+  ) });
+};
+N.displayName = "DropdownMenu.Root";
+const J = o.Trigger, Q = o.Portal, U = o.Group, W = o.RadioGroup, C = n(({ className: s, sideOffset: a = 8, ...d }, r) => {
+  const t = O(w);
+  return /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(
+    o.Content,
+    {
+      ref: r,
+      sideOffset: a,
+      className: g({ className: s }),
+      "data-component": "dropdown-menu",
+      "data-component-id": t,
+      ...d
+    }
+  ) });
+});
+C.displayName = "DropdownMenu.Content";
+const y = n(
+  ({
+    className: s,
+    startIcon: a,
+    endIcon: d,
+    description: r,
+    shortcut: t,
+    children: i,
+    ...p
+  }, h) => /* @__PURE__ */ c(
+    o.Item,
+    {
+      ref: h,
+      className: l({ className: s }),
+      ...p,
+      children: [
+        a ? /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center",
+            children: a
+          }
+        ) : null,
+        /* @__PURE__ */ c("span", { className: "ds:flex-1 ds:flex ds:flex-col ds:min-w-0", children: [
+          /* @__PURE__ */ e("span", { className: "ds:truncate", children: i }),
+          r ? /* @__PURE__ */ e("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:truncate", children: r }) : null
+        ] }),
+        t ? /* @__PURE__ */ e("span", { className: "ds:ms-auto", children: /* @__PURE__ */ e(b, { keys: t, size: "sm" }) }) : d ? /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "ds:ms-auto ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center",
+            children: d
+          }
+        ) : null
+      ]
+    }
+  )
+);
+y.displayName = "DropdownMenu.Item";
+const k = n(({ className: s, children: a, ...d }, r) => /* @__PURE__ */ c(
+  o.CheckboxItem,
+  {
+    ref: r,
+    className: l({ className: s }),
+    ...d,
+    children: [
+      /* @__PURE__ */ e("span", { className: x, children: /* @__PURE__ */ e(o.ItemIndicator, { children: /* @__PURE__ */ e(V, { "aria-hidden": !0, className: "ds:size-4" }) }) }),
+      /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: a })
+    ]
+  }
+));
+k.displayName = "DropdownMenu.CheckboxItem";
+const X = [
+  "ds:ms-auto ds:inline-flex ds:items-center ds:shrink-0",
+  "ds:h-4 ds:w-7 ds:p-[2px]",
+  "ds:rounded-[var(--radius-full)]",
+  "ds:border ds:border-[length:var(--border-width-sm)] ds:border-[color:var(--muted-foreground)]",
+  "ds:bg-[color:var(--muted)]",
+  "ds:[[data-state=checked]_&]:bg-[color:var(--primary)]",
+  "ds:[[data-state=checked]_&]:border-[color:var(--primary)]",
+  // Thumb slides via justify swap — logical-direction safe, no
+  // transform to fight under prefers-reduced-motion.
+  "ds:justify-start ds:[[data-state=checked]_&]:justify-end",
+  "ds:forced-colors:border-[CanvasText]",
+  // HCM strips fills — paint the checked track with the system
+  // selection colour so state isn't conveyed by thumb position alone.
+  "ds:forced-colors:[[data-state=checked]_&]:bg-[SelectedItem]"
+].join(" "), Y = [
+  "ds:block ds:size-3",
+  "ds:rounded-[var(--radius-full)]",
+  "ds:bg-[color:var(--background)]",
+  "ds:border ds:border-[length:var(--border-width-sm)] ds:border-[color:var(--muted-foreground)]",
+  "ds:[[data-state=checked]_&]:border-transparent",
+  "ds:shadow-[var(--shadow-sm)]",
+  "ds:forced-colors:bg-[CanvasText]"
+].join(" "), D = n(({ className: s, children: a, onSelect: d, ...r }, t) => /* @__PURE__ */ c(
+  o.CheckboxItem,
+  {
+    ref: t,
+    className: l({ className: s }),
+    onSelect: (i) => {
+      i.preventDefault(), d == null || d(i);
+    },
+    ...r,
+    children: [
+      /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: a }),
+      /* @__PURE__ */ e("span", { "aria-hidden": "true", className: X, children: /* @__PURE__ */ e("span", { className: Y }) })
+    ]
+  }
+));
+D.displayName = "DropdownMenu.SwitchItem";
+const Z = W, I = n(({ className: s, children: a, ...d }, r) => /* @__PURE__ */ c(
+  o.RadioItem,
+  {
+    ref: r,
+    className: l({ className: s }),
+    ...d,
+    children: [
+      /* @__PURE__ */ e("span", { className: x, "aria-hidden": "true", children: /* @__PURE__ */ e(
+        "span",
+        {
+          className: [
+            "ds:inline-flex ds:size-4 ds:items-center ds:justify-center ds:shrink-0",
+            "ds:rounded-[var(--radius-full)]",
+            "ds:border ds:border-[length:var(--border-width-sm)] ds:border-[color:var(--muted-foreground)]",
+            "ds:[[data-state=checked]_&]:border-[color:var(--accent)]",
+            "ds:forced-colors:border-[CanvasText]"
+          ].join(" "),
+          children: /* @__PURE__ */ e(o.ItemIndicator, { children: /* @__PURE__ */ e("span", { className: "ds:block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--accent)] ds:forced-colors:bg-[CanvasText]" }) })
+        }
+      ) }),
+      /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: a })
+    ]
+  }
+));
+I.displayName = "DropdownMenu.RadioItem";
+const R = n(({ className: s, ...a }, d) => /* @__PURE__ */ e(
+  o.Label,
+  {
+    ref: d,
+    className: F({ className: s }),
+    ...a
+  }
+));
+R.displayName = "DropdownMenu.Label";
+const S = n(({ className: s, ...a }, d) => /* @__PURE__ */ e(o.Separator, { ref: d, asChild: !0, ...a, children: /* @__PURE__ */ e(
+  A,
+  {
+    className: ["ds:my-[calc(var(--spacing-xs)/2)]", s ?? ""].filter(Boolean).join(" ")
+  }
+) }));
+S.displayName = "DropdownMenu.Separator";
+const z = n(
+  ({ keys: s, separator: a = "none" }, d) => /* @__PURE__ */ e("span", { ref: d, className: "ds:ms-auto ds:ps-[var(--spacing-sm)]", children: /* @__PURE__ */ e(b, { keys: s, separator: a, size: "sm" }) })
+);
+z.displayName = "DropdownMenu.Shortcut";
+const $ = o.Sub, M = n(({ className: s, startIcon: a, children: d, ...r }, t) => /* @__PURE__ */ c(
+  o.SubTrigger,
+  {
+    ref: t,
+    className: l({ className: s }),
+    ...r,
+    children: [
+      a ? /* @__PURE__ */ e(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center",
+          children: a
+        }
+      ) : null,
+      /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: d }),
+      /* @__PURE__ */ e(
+        K,
+        {
+          "aria-hidden": !0,
+          className: "ds:ms-auto ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100"
+        }
+      )
+    ]
+  }
+));
+M.displayName = "DropdownMenu.SubTrigger";
+const j = n(({ className: s, ...a }, d) => /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(
+  o.SubContent,
+  {
+    ref: d,
+    sideOffset: 8,
+    "data-component": "dropdown-menu-sub-content",
+    className: g({ className: s }),
+    ...a
+  }
+) }));
+j.displayName = "DropdownMenu.SubContent";
+const le = {
+  Root: N,
+  Trigger: J,
+  Portal: Q,
+  Content: C,
+  Group: U,
+  Item: y,
+  CheckboxItem: k,
+  SwitchItem: D,
+  RadioGroup: Z,
+  RadioItem: I,
+  Label: R,
+  Separator: S,
+  Shortcut: z,
+  Sub: $,
+  SubTrigger: M,
+  SubContent: j
+};
+export {
+  le as D,
+  q as d
+};
+//# sourceMappingURL=dropdown-menu-DwwPovMZ.js.map

package/dist/_chunks/{due-date-calculator-DykajWzh.js → due-date-calculator-CUm5KJbf.js}

@@ -9,7 +9,7 @@ import { D as b } from "./date-picker-BfHblqwA.js";
 import { N as S } from "./number-input-Dj5L3pXK.js";
 import { C as k } from "./card-DPmk26CL.js";
 import { B } from "./badge-zsf5i5bH.js";
-import { I as X } from "./insert-result-DNdi_JYW.js";
+import { I as X } from "./insert-result-njqBthzT.js";
 import { D as y, r as Z, c as ee, e as ae, f as te, A as le, h as re, i as se } from "./antenatal-schedule-timeline-CdiqkF05.js";
 const de = Q("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
   variants: {
@@ -253,4 +253,4 @@ ce.displayName = "DueDateCalculator";
 export {
   ce as D
 };
-//# sourceMappingURL=due-date-calculator-DykajWzh.js.map
+//# sourceMappingURL=due-date-calculator-CUm5KJbf.js.map

package/dist/_chunks/{editable-currency-cell-renderer-Bh48OHRv.js → editable-currency-cell-renderer-D5C5tCfu.js}

@@ -12,7 +12,7 @@ import { P as Z } from "./popover-Devce-tT.js";
 import { C as Re } from "./checkbox-DRcOdmXv.js";
 import { T as fe } from "./text-input-BaClJL8Y.js";
 import { T as ae } from "./tag-CdA0s_VV.js";
-import { D as Y } from "./dropdown-menu-CUEXqKis.js";
+import { D as Y } from "./dropdown-menu-DwwPovMZ.js";
 import { X as De } from "./x-CCcI3eJp.js";
 import { R as Ft } from "./refresh-cw-CC8jSKMr.js";
 import { S as pe } from "./search-BonnQsHv.js";
@@ -25,7 +25,7 @@ import { F as Et } from "./file-spreadsheet-zUkY8rJ2.js";
 import It from "i18next";
 import { S as Ee } from "./select-hsCaJSX3.js";
 import { u as zt } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as At } from "./use-theme-C2dHKUAN.js";
+import { u as At } from "./use-theme-CAuo6EYT.js";
 import { u as Pt } from "./registry-nPAVE19X.js";
 import { D as Ie } from "./date-range-picker-hcAMs1wO.js";
 import { M as Ot } from "./multi-select-DOLO3K_z.js";
@@ -2322,4 +2322,4 @@ export {
   Be as q,
   Cn as u
 };
-//# sourceMappingURL=editable-currency-cell-renderer-Bh48OHRv.js.map
+//# sourceMappingURL=editable-currency-cell-renderer-D5C5tCfu.js.map

package/dist/_chunks/{fetal-weight-Da-B4P4k.js → fetal-weight-Xf8-ZoDy.js}

@@ -6,7 +6,7 @@ import { F as D } from "./form-field-BOm9hK35.js";
 import { N as E } from "./number-input-Dj5L3pXK.js";
 import { C as N } from "./card-DPmk26CL.js";
 import { B as H } from "./badge-zsf5i5bH.js";
-import { I as S } from "./insert-result-DNdi_JYW.js";
+import { I as S } from "./insert-result-njqBthzT.js";
 function h(l) {
   return typeof l == "number" && Number.isFinite(l) && l > 0 ? l / 10 : null;
 }
@@ -119,4 +119,4 @@ export {
   G as F,
   q as e
 };
-//# sourceMappingURL=fetal-weight-Da-B4P4k.js.map
+//# sourceMappingURL=fetal-weight-Xf8-ZoDy.js.map

package/dist/_chunks/{freemium-paywall-BWaLWje-.js → freemium-paywall-gHGA44dW.js}

@@ -8,7 +8,7 @@ import { u as X } from "./use-controllable-state-BiY4xTzM.js";
 import { u as Y } from "./registry-nPAVE19X.js";
 import { B as I } from "./button-DD_0Xdmr.js";
 import { P as Z } from "./progress-kzIRcdaq.js";
-import { f as $ } from "./payment-form-xmeCkxas.js";
+import { f as $ } from "./payment-form-DJ9vnzrT.js";
 import { T as ee } from "./triangle-alert-CBPUIzQo.js";
 import { C as se } from "./check-DPdL_Sm7.js";
 const ae = {
@@ -265,4 +265,4 @@ export {
   te as F,
   ae as f
 };
-//# sourceMappingURL=freemium-paywall-BWaLWje-.js.map
+//# sourceMappingURL=freemium-paywall-gHGA44dW.js.map

package/dist/_chunks/{gestational-age-calculator-Bc55hq6t.js → gestational-age-calculator-830KJql3.js}

@@ -10,7 +10,7 @@ import { S as le } from "./select-hsCaJSX3.js";
 import { S as se } from "./switch-BJ6HD3Mn.js";
 import { C as R } from "./card-DPmk26CL.js";
 import { B as T } from "./badge-zsf5i5bH.js";
-import { I as ie } from "./insert-result-DNdi_JYW.js";
+import { I as ie } from "./insert-result-njqBthzT.js";
 import { c as ne, g as oe, e as re, f as de, A as ce, h as me, i as ge, G as ue } from "./antenatal-schedule-timeline-CdiqkF05.js";
 import { s as he } from "./subDays-Bs00akhK.js";
 import { i as pe } from "./date-picker-variants-CXEAx3O_.js";
@@ -308,4 +308,4 @@ ve.displayName = "GestationalAgeCalculator";
 export {
   ve as G
 };
-//# sourceMappingURL=gestational-age-calculator-Bc55hq6t.js.map
+//# sourceMappingURL=gestational-age-calculator-830KJql3.js.map

package/dist/_chunks/{hcg-doubling-DAnpbale.js → hcg-doubling-kVOpDfny.js}

@@ -7,7 +7,7 @@ import { N as L } from "./number-input-Dj5L3pXK.js";
 import { D as M } from "./date-time-picker-H-3Pwqlb.js";
 import { C as _ } from "./card-DPmk26CL.js";
 import { B as A } from "./badge-zsf5i5bH.js";
-import { I as C } from "./insert-result-DNdi_JYW.js";
+import { I as C } from "./insert-result-njqBthzT.js";
 const O = 1e3 * 60 * 60, z = 35;
 function G(D) {
   const { hcg1: r, hcg2: s, date1: d, date2: o } = D;
@@ -167,4 +167,4 @@ export {
   z as M,
   G as a
 };
-//# sourceMappingURL=hcg-doubling-DAnpbale.js.map
+//# sourceMappingURL=hcg-doubling-kVOpDfny.js.map

package/dist/_chunks/{header-settings-Bx0Biimh.js → header-settings-D5Z2B_Yz.js}

@@ -4,11 +4,11 @@ import { c as N } from "./index-D2ZczOXr.js";
 import { useTranslation as E } from "react-i18next";
 import { I as o } from "./icon-button-CKEOrN37.js";
 import { I as M } from "./icon-button-group-C48khLE0.js";
-import { D as r } from "./dropdown-menu-CUEXqKis.js";
+import { D as r } from "./dropdown-menu-DwwPovMZ.js";
 import { S as R } from "./switch-BJ6HD3Mn.js";
 import { c as v, a as H, L as _ } from "./locale-picker-D99UyZVJ.js";
 import { u as O } from "./use-locale-BkCIHujH.js";
-import { u as P } from "./use-theme-C2dHKUAN.js";
+import { u as P } from "./use-theme-CAuo6EYT.js";
 import { u as j } from "./registry-nPAVE19X.js";
 import { S as K } from "./settings-ca2Yi9R8.js";
 import { S as D, M as z } from "./sun-BuXE0xUS.js";
@@ -241,4 +241,4 @@ Y.displayName = "HeaderSettings";
 export {
   Y as H
 };
-//# sourceMappingURL=header-settings-Bx0Biimh.js.map
+//# sourceMappingURL=header-settings-D5Z2B_Yz.js.map