@alfadocs/ui-kit 0.64.0 → 0.66.0

package/dist/_chunks/{date-range-picker-hcAMs1wO.js → date-range-picker-C5BWfH_T.js}

@@ -4,9 +4,10 @@ import { useTranslation as ee } from "react-i18next";
 import * as f from "@radix-ui/react-popover";
 import { u as te } from "./use-controllable-state-BiY4xTzM.js";
 import { u as ae } from "./form-field-context-B3APVHKx.js";
-import { b as ne, u as re, g as se, c as oe, e as T, s as W, d as ie, f as de, h as v, j as ce, C as le, k as pe, t as ge, p as ue, D as me, l as fe, m as he, n as ke } from "./date-picker-variants-CXEAx3O_.js";
-import { s as R } from "./subDays-Bs00akhK.js";
-import { u as ye } from "./registry-nPAVE19X.js";
+import { b as ne, u as re, g as se, c as oe, e as T, s as W, d as ie, f as de, h as v, j as ce, k as le, t as pe, p as ge, D as ue, C as me, l as fe, m as he } from "./date-picker-variants-DAcSLTua.js";
+import { s as R } from "./subDays-BcYv1Lxi.js";
+import { u as ke } from "./registry-nPAVE19X.js";
+import { C as ye } from "./calendar-B6soK1Yb.js";
 function be(a, s, i) {
   return ne(a, -1, i);
 }
@@ -92,20 +93,20 @@ const ve = {
     mergePresets: K = !1,
     size: D = "md",
     disabled: F,
-    placeholder: L,
-    className: j,
+    placeholder: j,
+    className: L,
     id: A
   }, B) => {
-    const { t: r, i18n: P } = ee(), c = ae(), k = A ?? c.id, w = c.disabled || F, H = c.invalid ? "error" : "default", o = re(P.language), y = se(P.language), _ = L ?? r("inputs.dateRangePicker.placeholder", "Select date range"), [$, C] = te({
+    const { t: r, i18n: w } = ee(), c = ae(), k = A ?? c.id, P = c.disabled || F, H = c.invalid ? "error" : "default", o = re(w.language), y = se(w.language), _ = j ?? r("inputs.dateRangePicker.placeholder", "Select date range"), [$, C] = te({
       value: a,
       defaultValue: s ?? {},
       onChange: i
-    }), t = $ ?? {}, [p, g] = I(!1), [Y, O] = I(t.from ?? /* @__PURE__ */ new Date()), q = U(null), d = X(
+    }), t = $ ?? {}, [p, g] = I(!1), [Y, x] = I(t.from ?? /* @__PURE__ */ new Date()), q = U(null), d = X(
       (e) => {
         C(e);
       },
       [C]
-    ), E = oe(l, V), x = [
+    ), E = oe(l, V), O = [
       {
         label: r("inputs.dateRangePicker.presets.today", "Today"),
         range: () => {
@@ -158,11 +159,11 @@ const ve = {
           to: /* @__PURE__ */ new Date()
         })
       }
-    ], S = h ? K ? [...x, ...h] : h : x, G = (e) => {
+    ], S = h ? K ? [...O, ...h] : h : O, G = (e) => {
       d(e ? { from: e.from, to: e.to } : {});
     }, J = (e) => {
       const u = e.range();
-      d(u), O(u.from), g(!1);
+      d(u), x(u.from), g(!1);
     }, N = (() => {
       if (t.from && t.to) {
         const e = v(t.from, y, { locale: o }), u = v(t.to, y, { locale: o });
@@ -188,30 +189,38 @@ const ve = {
       }),
       [t, d, p]
     );
-    return z(B, () => b, [b]), ye(ve, b, k), /* @__PURE__ */ n(f.Root, { open: p, onOpenChange: g, children: /* @__PURE__ */ m(
+    return z(B, () => b, [b]), ke(ve, b, k), /* @__PURE__ */ n(f.Root, { open: p, onOpenChange: g, children: /* @__PURE__ */ m(
       "div",
       {
-        className: j,
+        className: L,
         "data-component": "date-range-picker",
         "data-component-id": k,
         children: [
-          /* @__PURE__ */ n(f.Trigger, { asChild: !0, disabled: w, children: /* @__PURE__ */ m(
+          /* @__PURE__ */ n(f.Trigger, { asChild: !0, disabled: P, children: /* @__PURE__ */ m(
             "button",
             {
               ref: q,
               id: k,
               type: "button",
-              disabled: w,
+              disabled: P,
               "aria-describedby": c.describedBy || void 0,
               "aria-invalid": c.invalid || void 0,
               "aria-haspopup": "dialog",
               "aria-expanded": p,
-              className: ge({ size: D, tone: H }),
+              className: pe({ size: D, tone: H }),
               children: [
                 /* @__PURE__ */ n(
                   "span",
                   {
-                    className: N ? "ds:text-foreground" : "ds:text-muted-foreground",
+                    className: [
+                      // Truncate so a long value/placeholder ellipsises instead of
+                      // running under the absolutely-positioned calendar icon (the
+                      // trigger reserves the icon's space via `pe-10`). `min-w-0`
+                      // lets the flex child shrink below its content width so
+                      // `truncate` engages.
+                      "ds:min-w-0 ds:flex-1 ds:truncate ds:text-start",
+                      N ? "ds:text-foreground" : "ds:text-muted-foreground"
+                    ].join(" "),
                     children: N || _
                   }
                 ),
@@ -219,8 +228,8 @@ const ve = {
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: pe({ size: D }),
-                    children: /* @__PURE__ */ n(le, {})
+                    className: le({ size: D }),
+                    children: /* @__PURE__ */ n(ye, {})
                   }
                 )
               ]
@@ -231,35 +240,35 @@ const ve = {
             {
               sideOffset: 4,
               align: "start",
-              className: ke(),
+              className: he(),
               children: /* @__PURE__ */ m("div", { className: "ds:flex ds:gap-[var(--spacing-md)]", children: [
                 S.length > 0 ? /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-[8rem] ds:border-e ds:border-border ds:pe-[var(--spacing-md)]", children: S.map((e) => /* @__PURE__ */ n(
                   "button",
                   {
                     type: "button",
                     onClick: () => J(e),
-                    className: ue(),
+                    className: ge(),
                     children: e.label
                   },
                   e.label
                 )) }) : null,
                 /* @__PURE__ */ m("div", { children: [
                   /* @__PURE__ */ n(
-                    me,
+                    ue,
                     {
                       mode: "range",
                       selected: t.from ? { from: t.from, to: t.to } : void 0,
                       onSelect: G,
                       month: Y,
-                      onMonthChange: O,
+                      onMonthChange: x,
                       numberOfMonths: 2,
                       disabled: E,
                       locale: o,
                       showOutsideDays: !0,
                       fixedWeeks: !0,
                       pagedNavigation: !0,
-                      classNames: he,
-                      components: { Chevron: fe }
+                      classNames: fe,
+                      components: { Chevron: me }
                     }
                   ),
                   M ? /* @__PURE__ */ n(
@@ -285,4 +294,4 @@ export {
   Re as D,
   ve as d
 };
-//# sourceMappingURL=date-range-picker-hcAMs1wO.js.map
+//# sourceMappingURL=date-range-picker-C5BWfH_T.js.map

package/dist/_chunks/{date-time-picker-H-3Pwqlb.js → date-time-picker-Ze1My59T.js}

@@ -6,8 +6,9 @@ import * as k from "@radix-ui/react-popover";
 import { u as me } from "./use-controllable-state-BiY4xTzM.js";
 import { u as pe } from "./form-field-context-B3APVHKx.js";
 import { T as fe } from "./time-picker-B5umYwfv.js";
-import { u as ge, c as he, o as ve, i as be, h as ye, C as Te, k as ke, t as we, D as De, l as Ce, m as Pe, n as xe } from "./date-picker-variants-CXEAx3O_.js";
-import { u as Oe } from "./registry-nPAVE19X.js";
+import { u as ge, c as he, n as ve, i as be, h as ye, k as Te, t as ke, D as we, C as Ce, l as De, m as Pe } from "./date-picker-variants-DAcSLTua.js";
+import { u as xe } from "./registry-nPAVE19X.js";
+import { C as Oe } from "./calendar-B6soK1Yb.js";
 import { t as B } from "./isSameDay-DUEiAT0G.js";
 function K(e, t, r) {
   const i = B(e, r == null ? void 0 : r.in);
@@ -142,14 +143,14 @@ const Se = ce(
     className: E,
     id: U
   }, W) => {
-    const { t: l, i18n: N } = ue(), c = pe(), D = U ?? c.id, M = c.disabled || _, q = c.invalid ? "error" : "default", V = ge(N.language), G = z ?? l("inputs.dateTimePicker.placeholder", "Select date and time"), J = l("inputs.dateTimePicker.apply", "Apply"), Q = l(
+    const { t: l, i18n: N } = ue(), c = pe(), C = U ?? c.id, M = c.disabled || _, q = c.invalid ? "error" : "default", V = ge(N.language), G = z ?? l("inputs.dateTimePicker.placeholder", "Select date and time"), J = l("inputs.dateTimePicker.apply", "Apply"), Q = l(
       "inputs.dateTimePicker.outOfRange",
       "Date/time is out of allowed range"
     ), S = (w !== void 0 ? w : Ve(i)) ? Me(N.language, i) : "", [X, I] = me({
       value: e,
       defaultValue: t,
       onChange: r
-    }), n = X, [o, g] = T(n), [h, v] = T(!1), [Y, C] = T(n ?? /* @__PURE__ */ new Date()), [R, u] = T(!1), L = oe(null), b = F(
+    }), n = X, [o, g] = T(n), [h, v] = T(!1), [Y, D] = T(n ?? /* @__PURE__ */ new Date()), [R, u] = T(!1), L = oe(null), b = F(
       (a) => {
         I(a);
       },
@@ -158,7 +159,7 @@ const Se = ce(
       (a) => !(d && ve(a, d) || p && be(a, p)),
       [d, p]
     ), ee = (a) => {
-      a && (g(n ?? /* @__PURE__ */ new Date()), C(n ?? /* @__PURE__ */ new Date()), u(!1)), v(a);
+      a && (g(n ?? /* @__PURE__ */ new Date()), D(n ?? /* @__PURE__ */ new Date()), u(!1)), v(a);
     }, te = (a) => {
       if (!a) return;
       const O = o ?? /* @__PURE__ */ new Date(), m = A(
@@ -186,31 +187,31 @@ const Se = ce(
         isOpen: () => h,
         // Mirror the trigger's open behaviour so draft state seeds correctly.
         open: () => {
-          g(n ?? /* @__PURE__ */ new Date()), C(n ?? /* @__PURE__ */ new Date()), u(!1), v(!0);
+          g(n ?? /* @__PURE__ */ new Date()), D(n ?? /* @__PURE__ */ new Date()), u(!1), v(!0);
         },
         close: () => v(!1)
       }),
       [n, b, h]
     );
-    return le(W, () => x, [x]), Oe(Ne, x, D), /* @__PURE__ */ s(k.Root, { open: h, onOpenChange: ee, children: /* @__PURE__ */ y(
+    return le(W, () => x, [x]), xe(Ne, x, C), /* @__PURE__ */ s(k.Root, { open: h, onOpenChange: ee, children: /* @__PURE__ */ y(
       "div",
       {
         className: E,
         "data-component": "date-time-picker",
-        "data-component-id": D,
+        "data-component-id": C,
         children: [
           /* @__PURE__ */ s(k.Trigger, { asChild: !0, disabled: M, children: /* @__PURE__ */ y(
             "button",
             {
               ref: L,
-              id: D,
+              id: C,
               type: "button",
               disabled: M,
               "aria-describedby": c.describedBy || void 0,
               "aria-invalid": c.invalid || void 0,
               "aria-haspopup": "dialog",
               "aria-expanded": h,
-              className: we({ size: f, tone: q }),
+              className: ke({ size: f, tone: q }),
               children: [
                 /* @__PURE__ */ s(
                   "span",
@@ -223,8 +224,8 @@ const Se = ce(
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: ke({ size: f }),
-                    children: /* @__PURE__ */ s(Te, {})
+                    className: Te({ size: f }),
+                    children: /* @__PURE__ */ s(Oe, {})
                   }
                 )
               ]
@@ -235,21 +236,21 @@ const Se = ce(
             {
               sideOffset: 4,
               align: "start",
-              className: xe(),
+              className: Pe(),
               children: /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:sm:flex-row ds:gap-[var(--spacing-md)]", children: [
                 /* @__PURE__ */ s("div", { role: "region", "aria-label": re, children: /* @__PURE__ */ s(
-                  De,
+                  we,
                   {
                     mode: "single",
                     selected: o,
                     onSelect: te,
                     month: Y,
-                    onMonthChange: C,
+                    onMonthChange: D,
                     disabled: $,
                     locale: V,
                     showOutsideDays: !0,
                     fixedWeeks: !0,
-                    classNames: Pe,
+                    classNames: De,
                     components: { Chevron: Ce }
                   }
                 ) }),
@@ -308,4 +309,4 @@ export {
   Ie as D,
   Ne as d
 };
-//# sourceMappingURL=date-time-picker-H-3Pwqlb.js.map
+//# sourceMappingURL=date-time-picker-Ze1My59T.js.map

package/dist/_chunks/{de-DK4A9_a8.js → de-CrJs4ZsX.js}

@@ -1,4 +1,4 @@
-import { q as s, r as n, v as o, w as u } from "./date-picker-variants-CXEAx3O_.js";
+import { o as s, q as n, r as o, v as u } from "./date-picker-variants-DAcSLTua.js";
 const d = {
   lessThanXSeconds: {
     standalone: {
@@ -474,4 +474,4 @@ const d = {
 export {
   O as de
 };
-//# sourceMappingURL=de-DK4A9_a8.js.map
+//# sourceMappingURL=de-CrJs4ZsX.js.map

package/dist/_chunks/{description-list-BEbK2g93.js → description-list-gkNGWk5G.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as V } from "react/jsx-runtime";
 import { forwardRef as c, useMemo as x, Children as C, isValidElement as T, useContext as R, useState as b, useCallback as j, createContext as P } from "react";
 import { c as m } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
-import { I as A } from "./icon-button-CKEOrN37.js";
+import { I as A } from "./icon-button-LqoiKcUN.js";
 import { C as S } from "./check-DPdL_Sm7.js";
 import { C as B } from "./copy-B00HK7tj.js";
 function E(s) {
@@ -316,4 +316,4 @@ const Z = Object.assign(k, {
 export {
   Z as D
 };
-//# sourceMappingURL=description-list-BEbK2g93.js.map
+//# sourceMappingURL=description-list-gkNGWk5G.js.map

package/dist/_chunks/{due-date-calculator-Q8MIwEVV.js → due-date-calculator-CIG194vq.js}

@@ -5,12 +5,12 @@ import { useTranslation as W } from "react-i18next";
 import { R as m } from "./radio-TWf9Q-mp.js";
 import { R as T } from "./radio-group-CLjK-SlK.js";
 import { F as g } from "./form-field-BOm9hK35.js";
-import { D as b } from "./date-picker-BfHblqwA.js";
+import { D as b } from "./date-picker-oGg5BnXL.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-C1SYdueh.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";
+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-BfzFjEyb.js";
 const de = Q("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
   variants: {
     width: { full: "ds:w-full", auto: "ds:inline-flex" }
@@ -253,4 +253,4 @@ ce.displayName = "DueDateCalculator";
 export {
   ce as D
 };
-//# sourceMappingURL=due-date-calculator-Q8MIwEVV.js.map
+//# sourceMappingURL=due-date-calculator-CIG194vq.js.map