@alfadocs/ui-kit 0.89.0 → 0.94.0

package/dist/_chunks/{cycle-calculator-DXSNIWFk.js → cycle-calculator-DNvvr0bP.js}

@@ -3,12 +3,12 @@ import { forwardRef as A, useState as C, useMemo as N, useEffect as I } from "re
 import { c as S } from "./index-D2ZczOXr.js";
 import { useTranslation as k } from "react-i18next";
 import { F as L } from "./form-field-M5UpX65Z.js";
-import { D as z } from "./date-picker-ffmyjvlI.js";
+import { D as z } from "./date-picker-BP_W6VtE.js";
 import { N as D } from "./number-input-DjWzmlEY.js";
 import { C as E } from "./card-DPmk26CL.js";
 import { B as P } from "./badge-DCOqV9mI.js";
 import { I as B } from "./insert-result-D074GtHX.js";
-import { a as i } from "./date-picker-variants-D9B6hg15.js";
+import { a as i } from "./date-picker-variants-eL6HjWvw.js";
 import { C as G } from "./check-DrFSN__t.js";
 import { H as R } from "./heart--qCA4ffe.js";
 import { c as Y } from "./createLucideIcon-DhHxpK9K.js";
@@ -249,4 +249,4 @@ export {
   U as L,
   O as p
 };
-//# sourceMappingURL=cycle-calculator-DXSNIWFk.js.map
+//# sourceMappingURL=cycle-calculator-DNvvr0bP.js.map

package/dist/_chunks/date-picker-BP_W6VtE.js

@@ -0,0 +1,265 @@
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
+import { forwardRef as ae, useState as y, useRef as K, useEffect as re, useCallback as R, useMemo as ne, useImperativeHandle as se } from "react";
+import { useTranslation as ie } from "react-i18next";
+import * as k from "@radix-ui/react-popover";
+import { u as oe } from "./use-controllable-state-BiY4xTzM.js";
+import { u as de } from "./form-field-context-B3APVHKx.js";
+import { u as ce } from "./registry-DvAUVLHh.js";
+import { u as le, g as pe, f as T, b as ue, c as fe, i as me, t as he, d as ge, p as ve, D as ye, C as ke, e as be, h as Ce, j as De } from "./date-picker-variants-eL6HjWvw.js";
+import { C as Pe } from "./calendar-days-BGWklvE-.js";
+import { C as Se } from "./check-DrFSN__t.js";
+import { p as xe } from "./parse-DvA97ro9.js";
+import { i as we } from "./isSameDay-DUEiAT0G.js";
+const Ie = {
+  id: "date-picker",
+  // Persisted single date (value state + set_date) → select_single + set_value,
+  // plus open/close of the calendar popover.
+  capabilities: ["select_single", "set_value", "open", "close"],
+  state: {
+    value: {
+      type: "iso-date",
+      descriptionKey: "ui.agent.datePicker.state.value",
+      description: "Currently-selected ISO date, or null.",
+      read: (a) => {
+        var c;
+        return ((c = a.getValue()) == null ? void 0 : c.toISOString()) ?? null;
+      }
+    },
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.datePicker.state.isOpen",
+      description: "Whether the calendar popover is open.",
+      read: (a) => a.isOpen()
+    }
+  },
+  actions: {
+    set_date: {
+      safety: "write",
+      argsType: "{ date: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          date: {
+            type: "string",
+            format: "date",
+            description: 'ISO date, e.g. "2026-06-23".'
+          }
+        },
+        required: ["date"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.datePicker.actions.setDate",
+      description: "Select a specific date (ISO yyyy-mm-dd).",
+      examples: [{ args: { date: "2026-06-23" }, note: "Select 23 Jun 2026." }],
+      invoke: (a, c) => {
+        a.setValue(new Date(c.date));
+      }
+    },
+    clear: {
+      // Discards the selected date — loses the user's input.
+      safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.datePicker.actions.clear",
+      description: "Clear the selected date.",
+      invoke: (a) => {
+        a.clear();
+      }
+    },
+    open: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.datePicker.actions.open",
+      description: "Open the calendar popover.",
+      invoke: (a) => {
+        a.open();
+      }
+    },
+    close: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.datePicker.actions.close",
+      description: "Close the calendar popover.",
+      invoke: (a) => {
+        a.close();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "date-picker",
+      description: "Marks the DatePicker wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, Oe = ae(
+  ({
+    value: a,
+    defaultValue: c,
+    onChange: F,
+    minDate: m,
+    maxDate: h,
+    disabledDates: l,
+    weekStartsOn: M,
+    presets: b,
+    size: x = "md",
+    disabled: j,
+    placeholder: q,
+    className: B,
+    id: E
+  }, L) => {
+    const { t: w, i18n: I } = ie(), p = de(), C = E ?? p.id, O = p.disabled || j, _ = p.invalid ? "error" : "default", u = le(I.language), f = pe(I.language), H = q ?? w("inputs.datePicker.placeholder", "Select date"), [W, N] = oe({
+      value: a,
+      defaultValue: c,
+      onChange: F
+    }), n = W, [i, s] = y(!1), [J, D] = y(
+      n ? T(n, f, { locale: u }) : ""
+    ), [V, g] = y(!1), [z, P] = y(n ?? /* @__PURE__ */ new Date()), S = K(null);
+    re(() => {
+      n ? (D(T(n, f, { locale: u })), g(!1)) : D("");
+    }, [n, f, u]);
+    const G = ue(
+      m,
+      h,
+      l
+    ), Q = R(
+      (e) => m && fe(e, m) || h && me(e, h) ? !0 : Array.isArray(l) ? l.some(
+        (t) => t.toDateString() === e.toDateString()
+      ) : typeof l == "function" ? l(e) : !1,
+      [m, h, l]
+    ), o = R(
+      (e) => {
+        N(e);
+      },
+      [N]
+    ), U = (e) => {
+      const t = e.target.value;
+      if (D(t), t.length === 0) {
+        g(!1), o(void 0);
+        return;
+      }
+      const d = xe(t, f, /* @__PURE__ */ new Date(), { locale: u });
+      De(d) && !Q(d) ? (g(!1), o(d), P(d)) : t.length === f.length && g(!0);
+    }, X = (e) => {
+      e.key === "Enter" && i && (e.preventDefault(), s(!1)), e.key === "Escape" && i && (e.preventDefault(), s(!1)), e.key === "ArrowDown" && !i && (e.preventDefault(), s(!0));
+    }, Y = (e) => {
+      var t;
+      e && (o(e), s(!1), (t = S.current) == null || t.focus());
+    }, Z = (e) => {
+      var d;
+      const t = e.date();
+      o(t), P(t), s(!1), (d = S.current) == null || d.focus();
+    }, $ = (e) => n ? we(e.date(), n) : !1, ee = w("inputs.datePicker.gridLabel", "Calendar"), te = ne(
+      () => ({
+        getValue: () => n,
+        setValue: (e) => o(e),
+        clear: () => o(void 0),
+        isOpen: () => i,
+        open: () => s(!0),
+        close: () => s(!1)
+      }),
+      [n, o, i]
+    ), A = K(null);
+    return se(L, () => A.current, []), ce(Ie, te, C), /* @__PURE__ */ r(k.Root, { open: i, onOpenChange: s, children: /* @__PURE__ */ v(
+      "div",
+      {
+        ref: A,
+        className: B,
+        "data-component": "date-picker",
+        "data-component-id": C,
+        children: [
+          /* @__PURE__ */ v("div", { className: "ds:relative", children: [
+            /* @__PURE__ */ r(k.Trigger, { asChild: !0, disabled: O, children: /* @__PURE__ */ r(
+              "input",
+              {
+                ref: S,
+                id: C,
+                type: "text",
+                role: "combobox",
+                value: J,
+                placeholder: H,
+                disabled: O,
+                "aria-describedby": p.describedBy || void 0,
+                "aria-invalid": p.invalid || V || void 0,
+                "aria-required": p.required || void 0,
+                "aria-haspopup": "dialog",
+                "aria-expanded": i,
+                onChange: U,
+                onKeyDown: X,
+                onClick: () => !i && s(!0),
+                className: he({
+                  size: x,
+                  tone: V ? "error" : _
+                })
+              }
+            ) }),
+            /* @__PURE__ */ r("span", { "aria-hidden": "true", className: ge({ size: x }), children: /* @__PURE__ */ r(Pe, {}) })
+          ] }),
+          /* @__PURE__ */ r(k.Portal, { children: /* @__PURE__ */ r(
+            k.Content,
+            {
+              sideOffset: 4,
+              align: "start",
+              className: Ce(),
+              onOpenAutoFocus: (e) => {
+                e.preventDefault();
+              },
+              children: /* @__PURE__ */ v("div", { className: "ds:flex ds:gap-[var(--spacing-md)]", children: [
+                b && b.length > 0 ? /* @__PURE__ */ r("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: b.map((e) => {
+                  const t = $(e);
+                  return /* @__PURE__ */ v(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-pressed": t,
+                      onClick: () => Z(e),
+                      className: ve({ active: t }),
+                      children: [
+                        /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate", children: e.label }),
+                        t ? /* @__PURE__ */ r(
+                          Se,
+                          {
+                            "aria-hidden": "true",
+                            className: "ds:size-4 ds:shrink-0 ds:text-primary"
+                          }
+                        ) : null
+                      ]
+                    },
+                    e.label
+                  );
+                }) }) : null,
+                /* @__PURE__ */ r("div", { role: "region", "aria-label": ee, children: /* @__PURE__ */ r(
+                  ye,
+                  {
+                    mode: "single",
+                    selected: n,
+                    onSelect: Y,
+                    month: z,
+                    onMonthChange: P,
+                    disabled: G,
+                    weekStartsOn: M,
+                    locale: u,
+                    showOutsideDays: !0,
+                    fixedWeeks: !0,
+                    classNames: be,
+                    components: { Chevron: ke }
+                  }
+                ) })
+              ] })
+            }
+          ) })
+        ]
+      }
+    ) });
+  }
+);
+Oe.displayName = "DatePicker";
+export {
+  Oe as D,
+  Ie as d
+};
+//# sourceMappingURL=date-picker-BP_W6VtE.js.map