@alfadocs/ui-kit 0.42.0 → 0.44.0

package/dist/_chunks/{date-range-picker-U9fn1g9d.js → date-range-picker-DcXuI9y7.js}

@@ -4,13 +4,13 @@ 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, f as ie, h as de, j as v, d as ce, C as le, k as pe, t as ge, p as ue, D as me, l as fe, m as he } from "./react-day-picker-CdtIiKjx.js";
-import { s as R } from "./subDays-_T9YeKPX.js";
-import { u as ke } from "./registry-nPAVE19X.js";
-function ye(a, s, i) {
+import { b as ne, u as re, g as se, c as oe, e as T, s as W, f as ie, h as de, j as v, d 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-DLi1Va_e.js";
+import { s as R } from "./subDays-Dv7q9S7u.js";
+import { u as ye } from "./registry-nPAVE19X.js";
+function be(a, s, i) {
   return ne(a, -1, i);
 }
-const be = {
+const ve = {
   id: "date-range-picker",
   capabilities: ["range_pick", "open", "close"],
   state: {
@@ -81,7 +81,7 @@ const be = {
       description: "Sourced from the id prop."
     }
   }
-}, ve = Q(
+}, Re = Q(
   ({
     value: a,
     defaultValue: s,
@@ -137,7 +137,7 @@ const be = {
       {
         label: r("inputs.dateRangePicker.presets.lastWeek", "Last week"),
         range: () => {
-          const e = ye(/* @__PURE__ */ new Date());
+          const e = be(/* @__PURE__ */ new Date());
           return {
             from: W(e, { locale: o }),
             to: T(e, { locale: o })
@@ -163,13 +163,13 @@ const be = {
     }, J = (e) => {
       const u = e.range();
       d(u), O(u.from), g(!1);
-    }, M = (() => {
+    }, N = (() => {
       if (t.from && t.to) {
         const e = v(t.from, y, { locale: o }), u = v(t.to, y, { locale: o });
         return `${e} – ${u}`;
       }
       return t.from ? v(t.from, y, { locale: o }) : "";
-    })(), N = (() => {
+    })(), M = (() => {
       if (t.from && t.to) {
         const e = ce(t.to, t.from) + 1;
         return r("inputs.dateRangePicker.days", "{{count}} days", {
@@ -188,7 +188,7 @@ const be = {
       }),
       [t, d, p]
     );
-    return z(B, () => b, [b]), ke(be, b, k), /* @__PURE__ */ n(f.Root, { open: p, onOpenChange: g, children: /* @__PURE__ */ m(
+    return z(B, () => b, [b]), ye(ve, b, k), /* @__PURE__ */ n(f.Root, { open: p, onOpenChange: g, children: /* @__PURE__ */ m(
       "div",
       {
         className: j,
@@ -211,8 +211,8 @@ const be = {
                 /* @__PURE__ */ n(
                   "span",
                   {
-                    className: M ? "ds:text-foreground" : "ds:text-muted-foreground",
-                    children: M || _
+                    className: N ? "ds:text-foreground" : "ds:text-muted-foreground",
+                    children: N || _
                   }
                 ),
                 /* @__PURE__ */ n(
@@ -231,7 +231,7 @@ const be = {
             {
               sideOffset: 4,
               align: "start",
-              className: he(),
+              className: ke(),
               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",
@@ -258,16 +258,17 @@ const be = {
                       showOutsideDays: !0,
                       fixedWeeks: !0,
                       pagedNavigation: !0,
+                      classNames: he,
                       components: { Chevron: fe }
                     }
                   ),
-                  N ? /* @__PURE__ */ n(
+                  M ? /* @__PURE__ */ n(
                     "div",
                     {
                       role: "status",
                       "aria-live": "polite",
                       className: "type-body-sm ds:text-muted-foreground ds:mt-[var(--spacing-sm)] ds:text-center",
-                      children: N
+                      children: M
                     }
                   ) : null
                 ] })
@@ -279,9 +280,9 @@ const be = {
     ) });
   }
 );
-ve.displayName = "DateRangePicker";
+Re.displayName = "DateRangePicker";
 export {
-  ve as D,
-  be as d
+  Re as D,
+  ve as d
 };
-//# sourceMappingURL=date-range-picker-U9fn1g9d.js.map
+//# sourceMappingURL=date-range-picker-DcXuI9y7.js.map

package/dist/_chunks/{date-time-picker-Cva0ZCWw.js → date-time-picker-RimumeLR.js}

@@ -6,8 +6,8 @@ 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, n as ve, i as be, j as ye, C as Te, k as ke, t as we, D as De, l as Ce, m as Pe } from "./react-day-picker-CdtIiKjx.js";
-import { u as xe } from "./registry-nPAVE19X.js";
+import { u as ge, c as he, o as ve, i as be, j 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-DLi1Va_e.js";
+import { u as Oe } from "./registry-nPAVE19X.js";
 import { t as j } from "./isSameDay-DUEiAT0G.js";
 function K(e, t, r) {
   const i = j(e, r == null ? void 0 : r.in);
@@ -17,7 +17,7 @@ function A(e, t, r) {
   const i = j(e, r == null ? void 0 : r.in);
   return i.setMinutes(t), i;
 }
-const Oe = {
+const Ne = {
   id: "date-time-picker",
   capabilities: ["pick", "open", "close"],
   state: {
@@ -96,7 +96,7 @@ function Me(e, t) {
     return "";
   }
 }
-function Ne(e) {
+function Ve(e) {
   if (!e || e === "local") return !1;
   try {
     const t = Intl.DateTimeFormat().resolvedOptions().timeZone;
@@ -105,7 +105,7 @@ function Ne(e) {
     return !1;
   }
 }
-const Ve = ce(
+const Se = ce(
   [
     "ds:w-full ds:rounded-[var(--radius-sm)]",
     "ds:bg-primary ds:text-primary-foreground",
@@ -125,7 +125,7 @@ const Ve = ce(
     },
     defaultVariants: { size: "md" }
   }
-), Se = ne(
+), Ie = ne(
   ({
     value: e,
     defaultValue: t,
@@ -142,10 +142,10 @@ const Ve = ce(
     className: E,
     id: U
   }, W) => {
-    const { t: l, i18n: M } = ue(), c = pe(), D = U ?? c.id, N = c.disabled || _, q = c.invalid ? "error" : "default", V = ge(M.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(), 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(
       "inputs.dateTimePicker.outOfRange",
       "Date/time is out of allowed range"
-    ), S = (w !== void 0 ? w : Ne(i)) ? Me(M.language, i) : "", [X, I] = me({
+    ), S = (w !== void 0 ? w : Ve(i)) ? Me(N.language, i) : "", [X, I] = me({
       value: e,
       defaultValue: t,
       onChange: r
@@ -192,20 +192,20 @@ const Ve = ce(
       }),
       [n, b, h]
     );
-    return le(W, () => x, [x]), xe(Oe, x, D), /* @__PURE__ */ s(k.Root, { open: h, onOpenChange: ee, children: /* @__PURE__ */ y(
+    return le(W, () => x, [x]), Oe(Ne, x, D), /* @__PURE__ */ s(k.Root, { open: h, onOpenChange: ee, children: /* @__PURE__ */ y(
       "div",
       {
         className: E,
         "data-component": "date-time-picker",
         "data-component-id": D,
         children: [
-          /* @__PURE__ */ s(k.Trigger, { asChild: !0, disabled: N, children: /* @__PURE__ */ y(
+          /* @__PURE__ */ s(k.Trigger, { asChild: !0, disabled: M, children: /* @__PURE__ */ y(
             "button",
             {
               ref: L,
               id: D,
               type: "button",
-              disabled: N,
+              disabled: M,
               "aria-describedby": c.describedBy || void 0,
               "aria-invalid": c.invalid || void 0,
               "aria-haspopup": "dialog",
@@ -235,7 +235,7 @@ const Ve = ce(
             {
               sideOffset: 4,
               align: "start",
-              className: Pe(),
+              className: xe(),
               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,
@@ -249,6 +249,7 @@ const Ve = ce(
                     locale: V,
                     showOutsideDays: !0,
                     fixedWeeks: !0,
+                    classNames: Pe,
                     components: { Chevron: Ce }
                   }
                 ) }),
@@ -287,7 +288,7 @@ const Ve = ce(
                           type: "button",
                           onClick: se,
                           disabled: !o || R,
-                          className: Ve({ size: f }),
+                          className: Se({ size: f }),
                           children: J
                         }
                       )
@@ -302,9 +303,9 @@ const Ve = ce(
     ) });
   }
 );
-Se.displayName = "DateTimePicker";
+Ie.displayName = "DateTimePicker";
 export {
-  Se as D,
-  Oe as d
+  Ie as D,
+  Ne as d
 };
-//# sourceMappingURL=date-time-picker-Cva0ZCWw.js.map
+//# sourceMappingURL=date-time-picker-RimumeLR.js.map

package/dist/_chunks/{de-BMM2H7Bs.js → de-bTBGdjPS.js}

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

package/dist/_chunks/dialog-BTpZV6It.js

@@ -0,0 +1,223 @@
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { useRef as j, useEffect as O, useMemo as T, forwardRef as i, useContext as x, createContext as B } from "react";
+import * as s from "@radix-ui/react-dialog";
+import { c as k } from "./index-D2ZczOXr.js";
+import { useTranslation as S } from "react-i18next";
+import { u as w } from "./use-controllable-state-BiY4xTzM.js";
+import { u as A } from "./registry-nPAVE19X.js";
+import { X as E } from "./x-CCcI3eJp.js";
+const H = {
+  id: "dialog",
+  capabilities: ["open", "close", "dismiss"],
+  state: {
+    isOpen: {
+      type: "boolean",
+      description: "True when the dialog is currently open.",
+      read: (e) => e.getIsOpen()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      description: "Open the dialog.",
+      invoke: (e) => {
+        e.open();
+      }
+    },
+    close: {
+      safety: "write",
+      description: "Close the dialog. Reversible by reopening.",
+      invoke: (e) => {
+        e.close();
+      }
+    },
+    dismiss: {
+      safety: "destructive",
+      description: "Dismiss the dialog. Loses any in-progress input that has not been committed.",
+      invoke: (e) => {
+        e.close();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "dialog" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on Dialog.Root."
+    }
+  }
+}, I = [
+  "ds-dialog__backdrop",
+  "ds:backdrop-blur-sm",
+  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
+  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
+  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" "), z = [
+  "ds:focus-visible:outline-none",
+  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95",
+  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95",
+  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" "), F = k(`ds-dialog ds-dialog__surface ${z}`, {
+  variants: {
+    size: {
+      sm: "ds-dialog__surface--sm",
+      md: "",
+      lg: "ds-dialog__surface--lg",
+      fullscreen: "ds-dialog__surface--fullscreen"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), f = B(void 0), g = ({
+  children: e,
+  id: o,
+  open: a,
+  defaultOpen: r,
+  onOpenChange: c,
+  ...m
+}) => {
+  const [p, n] = w({
+    value: a,
+    defaultValue: r ?? !1,
+    onChange: c
+  }), d = p ?? !1, l = j(d);
+  O(() => {
+    l.current = d;
+  }, [d]);
+  const R = T(
+    () => ({
+      getIsOpen: () => l.current,
+      open: () => n(!0),
+      close: () => n(!1)
+    }),
+    [n]
+  );
+  return A(H, R, o), /* @__PURE__ */ t(f.Provider, { value: o, children: /* @__PURE__ */ t(s.Root, { open: d, onOpenChange: n, ...m, children: e }) });
+};
+g.displayName = "Dialog.Root";
+const D = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Trigger, { ref: a, ...o, children: e }));
+D.displayName = "Dialog.Trigger";
+const y = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Close, { ref: a, ...o, children: e }));
+y.displayName = "Dialog.Close";
+const v = i(
+  ({
+    size: e = "md",
+    variant: o = "default",
+    hideCloseButton: a = !0,
+    className: r,
+    children: c,
+    ...m
+  }, p) => {
+    const { t: n } = S(), d = x(f), l = o === "alert" ? { role: "alertdialog" } : {};
+    return /* @__PURE__ */ u(s.Portal, { children: [
+      /* @__PURE__ */ t(
+        s.Overlay,
+        {
+          "data-component": "dialog-overlay",
+          className: I
+        }
+      ),
+      /* @__PURE__ */ u(
+        s.Content,
+        {
+          ref: p,
+          ...l,
+          "data-component": "dialog",
+          "data-component-id": d,
+          className: F({ size: e, className: r }),
+          ...m,
+          children: [
+            c,
+            !a && // The close is a plain button carrying the `ds-dialog__close`
+            // contract class — the SAME class a vanilla host renders. The CSS
+            // (src/styles.css) owns its position, sizing, glyph size, hover
+            // wash, and focus ring from tokens, so the React and non-React
+            // close buttons are identical and can't drift.
+            /* @__PURE__ */ t(
+              s.Close,
+              {
+                type: "button",
+                className: "ds-dialog__close",
+                "aria-label": n("common.close", "Close"),
+                children: /* @__PURE__ */ t(E, { "aria-hidden": "true" })
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+v.displayName = "Dialog.Content";
+const C = i(
+  ({ className: e, ...o }, a) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: a,
+      className: ["ds-dialog__header", e].filter(Boolean).join(" "),
+      ...o
+    }
+  )
+);
+C.displayName = "Dialog.Header";
+const _ = i(
+  ({ className: e, ...o }, a) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: a,
+      className: ["ds-dialog__body", e].filter(Boolean).join(" "),
+      ...o
+    }
+  )
+);
+_.displayName = "Dialog.Body";
+const b = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
+  s.Title,
+  {
+    ref: a,
+    className: ["ds-dialog__title type-title-card ds:break-words", e].filter(Boolean).join(" "),
+    ...o
+  }
+));
+b.displayName = "Dialog.Title";
+const h = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
+  s.Description,
+  {
+    ref: a,
+    className: ["type-body-sm ds:text-[var(--muted-foreground)]", e].filter(Boolean).join(" "),
+    ...o
+  }
+));
+h.displayName = "Dialog.Description";
+const N = i(
+  ({ className: e, divider: o = !1, ...a }, r) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: r,
+      className: [
+        "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
+        "ds:mt-[var(--spacing-md)]",
+        o && "ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]",
+        e
+      ].filter(Boolean).join(" "),
+      ...a
+    }
+  )
+);
+N.displayName = "Dialog.Footer";
+const $ = Object.assign(g, {
+  Root: g,
+  Trigger: D,
+  Content: v,
+  Header: C,
+  Title: b,
+  Description: h,
+  Body: _,
+  Footer: N,
+  Close: y
+});
+export {
+  $ as D,
+  H as d
+};
+//# sourceMappingURL=dialog-BTpZV6It.js.map