@alfadocs/ui-kit 0.1.9 → 0.2.0

package/dist/_chunks/{date-range-picker-B2hGsffw.js → date-range-picker-mix2nEVC.js}

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as g } from "react/jsx-runtime";
 import { forwardRef as Q, useState as v, useRef as U, useCallback as X, useMemo as Z, useImperativeHandle as z } from "react";
 import { useTranslation as ee } from "react-i18next";
 import * as m from "@radix-ui/react-popover";
-import { u as te } from "./form-field-context-94LwgYTQ.js";
+import { u as te } from "./form-field-context-B3APVHKx.js";
 import { a as ae, g as ne, b as re, e as I, c as se, C as oe, d as ie, t as de, p as ce, D as le, f as pe, h as ue } from "./react-day-picker-C04L_28V.js";
 import { c as fe, b as N, s as ge, f as R, d as me } from "./isSameMonth-5wNF2f4I.js";
 import { u as ye } from "./registry-C9nwlNyL.js";
@@ -100,9 +100,7 @@ const ke = {
   }, j) => {
     const { t: o, i18n: A } = ee(), c = te(), h = F ?? c.id, w = c.disabled || V, B = c.invalid ? "error" : "default", i = ne(A.language), H = K ?? o("ui.inputs.dateRangePicker.placeholder", "Select date range"), k = t !== void 0, [_, $] = v(
       t ?? s ?? {}
-    ), a = k ? t : _, [p, u] = v(!1), [Y, M] = v(
-      a.from ?? /* @__PURE__ */ new Date()
-    ), q = U(null), d = X(
+    ), a = k ? t : _, [p, u] = v(!1), [Y, M] = v(a.from ?? /* @__PURE__ */ new Date()), q = U(null), d = X(
       (e) => {
         k || $(e), n == null || n(e);
       },
@@ -174,7 +172,9 @@ const ke = {
     })(), C = (() => {
       if (a.from && a.to) {
         const e = me(a.to, a.from) + 1;
-        return o("ui.inputs.dateRangePicker.days", "{{count}} days", { count: e });
+        return o("ui.inputs.dateRangePicker.days", "{{count}} days", {
+          count: e
+        });
       }
       return "";
     })(), b = Z(
@@ -208,8 +208,21 @@ const ke = {
               "aria-expanded": p,
               className: de({ size: P, tone: B }),
               children: [
-                /* @__PURE__ */ r("span", { className: S ? "ds:text-foreground" : "ds:text-muted-foreground", children: S || H }),
-                /* @__PURE__ */ r("span", { "aria-hidden": "true", className: ie({ size: P }), children: /* @__PURE__ */ r(oe, {}) })
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    className: S ? "ds:text-foreground" : "ds:text-muted-foreground",
+                    children: S || H
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: ie({ size: P }),
+                    children: /* @__PURE__ */ r(oe, {})
+                  }
+                )
               ]
             }
           ) }),
@@ -271,4 +284,4 @@ export {
   be as D,
   ke as d
 };
-//# sourceMappingURL=date-range-picker-B2hGsffw.js.map
+//# sourceMappingURL=date-range-picker-mix2nEVC.js.map

package/dist/_chunks/{date-time-picker-Bzt0S8yO.js → date-time-picker-Dnong_BY.js}

@@ -3,8 +3,8 @@ import { forwardRef as oe, useState as p, useRef as de, useCallback as F, useMem
 import { c as ue } from "./index-D2ZczOXr.js";
 import { useTranslation as me } from "react-i18next";
 import * as k from "@radix-ui/react-popover";
-import { u as pe } from "./form-field-context-94LwgYTQ.js";
-import { T as fe } from "./time-picker-B8AMIrX7.js";
+import { u as pe } from "./form-field-context-B3APVHKx.js";
+import { T as fe } from "./time-picker-DvPUmHH-.js";
 import { g as ge, b as he, i as ve, j as be, C as ye, d as Te, t as ke, D as we, f as De, h as Pe } from "./react-day-picker-C04L_28V.js";
 import { f as xe } from "./isSameMonth-5wNF2f4I.js";
 import { u as Ce } from "./registry-C9nwlNyL.js";
@@ -89,7 +89,9 @@ function Me(e, s) {
   var a;
   try {
     const i = { timeZoneName: "short" };
-    return s && s !== "local" && (i.timeZone = s === "utc" ? "UTC" : s), ((a = new Intl.DateTimeFormat(e, i).formatToParts(/* @__PURE__ */ new Date()).find((d) => d.type === "timeZoneName")) == null ? void 0 : a.value) ?? "";
+    return s && s !== "local" && (i.timeZone = s === "utc" ? "UTC" : s), ((a = new Intl.DateTimeFormat(e, i).formatToParts(
+      /* @__PURE__ */ new Date()
+    ).find((d) => d.type === "timeZoneName")) == null ? void 0 : a.value) ?? "";
   } catch {
     return "";
   }
@@ -157,7 +159,10 @@ const Ve = ue(
       t && (h(n ?? /* @__PURE__ */ new Date()), x(n ?? /* @__PURE__ */ new Date()), u(!1)), b(t);
     }, se = (t) => {
       if (!t) return;
-      const M = o ?? /* @__PURE__ */ new Date(), m = A(K(t, M.getHours()), M.getMinutes());
+      const M = o ?? /* @__PURE__ */ new Date(), m = A(
+        K(t, M.getHours()),
+        M.getMinutes()
+      );
       h(m), u(!C(m));
     }, ae = (t) => {
       const m = A(K(o ?? /* @__PURE__ */ new Date(), t.hours), t.minutes);
@@ -205,8 +210,21 @@ const Ve = ue(
               "aria-expanded": v,
               className: ke({ size: g, tone: q }),
               children: [
-                /* @__PURE__ */ r("span", { className: H ? "ds:text-foreground" : "ds:text-muted-foreground", children: H || G }),
-                /* @__PURE__ */ r("span", { "aria-hidden": "true", className: Te({ size: g }), children: /* @__PURE__ */ r(ye, {}) })
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    className: H ? "ds:text-foreground" : "ds:text-muted-foreground",
+                    children: H || G
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: Te({ size: g }),
+                    children: /* @__PURE__ */ r(ye, {})
+                  }
+                )
               ]
             }
           ) }),
@@ -242,20 +260,17 @@ const Ve = ue(
                       /* @__PURE__ */ r(
                         fe,
                         {
-                          value: o ? { hours: o.getHours(), minutes: o.getMinutes() } : { hours: 0, minutes: 0 },
+                          value: o ? {
+                            hours: o.getHours(),
+                            minutes: o.getMinutes()
+                          } : { hours: 0, minutes: 0 },
                           onChange: ae,
                           hour12: B,
                           minuteStep: Z,
                           size: g
                         }
                       ),
-                      S ? /* @__PURE__ */ r(
-                        "span",
-                        {
-                          className: "type-meta ds:text-muted-foreground",
-                          children: S
-                        }
-                      ) : null,
+                      S ? /* @__PURE__ */ r("span", { className: "type-meta ds:text-muted-foreground", children: S }) : null,
                       L ? /* @__PURE__ */ r(
                         "span",
                         {
@@ -290,4 +305,4 @@ export {
   Ie as D,
   Oe as d
 };
-//# sourceMappingURL=date-time-picker-Bzt0S8yO.js.map
+//# sourceMappingURL=date-time-picker-Dnong_BY.js.map

package/dist/_chunks/{description-list-DvJbp6Yg.js → description-list-BYA77Yud.js}

@@ -2,7 +2,7 @@ import { jsx as i, jsxs as C } from "react/jsx-runtime";
 import { forwardRef as n, useContext as V, useState as u, useCallback as k, createContext as R } from "react";
 import { c as d } from "./index-D2ZczOXr.js";
 import { useTranslation as _ } from "react-i18next";
-import { I as T } from "./icon-button-Wnnde5lc.js";
+import { I as T } from "./icon-button-C4CGcYuz.js";
 import { C as P } from "./check-DPdL_Sm7.js";
 import { C as j } from "./copy-B00HK7tj.js";
 const f = R({
@@ -87,7 +87,12 @@ const f = R({
     "dl",
     {
       ref: m,
-      className: A({ layout: e, density: s, divider: a, className: t }),
+      className: A({
+        layout: e,
+        density: s,
+        divider: a,
+        className: t
+      }),
       "data-component": "description-list",
       ...c,
       children: l
@@ -96,14 +101,7 @@ const f = R({
 );
 v.displayName = "DescriptionList";
 const y = n(
-  ({
-    copyable: e = !1,
-    copyText: s,
-    copyLabel: a,
-    className: t,
-    children: l,
-    ...c
-  }, m) => {
+  ({ copyable: e = !1, copyText: s, copyLabel: a, className: t, children: l, ...c }, m) => {
     const { layout: g, divider: w } = V(f), { t: r } = _(), [D, p] = u(!1), [L, o] = u(""), N = k(async () => {
       if (s)
         try {
@@ -113,12 +111,19 @@ const y = n(
         } catch {
           o(r("ui.keyValuePair.notAvailable")), setTimeout(() => o(""), 3e3);
         }
-    }, [s, r]), h = r("ui.keyValuePair.copy", { label: a ?? s ?? "" });
+    }, [s, r]), h = r("ui.keyValuePair.copy", {
+      label: a ?? s ?? ""
+    });
     return /* @__PURE__ */ C(
       "div",
       {
         ref: m,
-        className: I({ layout: g, divider: w, copyable: e, className: t }),
+        className: I({
+          layout: g,
+          divider: w,
+          copyable: e,
+          className: t
+        }),
         ...c,
         children: [
           l,
@@ -166,16 +171,14 @@ const z = d(
   )
 );
 x.displayName = "DescriptionList.Term";
-const b = n(
-  ({ numeric: e = !1, className: s, ...a }, t) => /* @__PURE__ */ i(
-    "dd",
-    {
-      ref: t,
-      className: B({ numeric: e, className: s }),
-      ...a
-    }
-  )
-);
+const b = n(({ numeric: e = !1, className: s, ...a }, t) => /* @__PURE__ */ i(
+  "dd",
+  {
+    ref: t,
+    className: B({ numeric: e, className: s }),
+    ...a
+  }
+));
 b.displayName = "DescriptionList.Detail";
 const J = Object.assign(v, {
   Row: y,
@@ -185,4 +188,4 @@ const J = Object.assign(v, {
 export {
   J as D
 };
-//# sourceMappingURL=description-list-DvJbp6Yg.js.map
+//# sourceMappingURL=description-list-BYA77Yud.js.map

package/dist/_chunks/dialog-BPD7wlGE.js

@@ -0,0 +1,211 @@
+import { jsx as a, jsxs as D } from "react/jsx-runtime";
+import { useState as k, useRef as z, useEffect as E, useCallback as I, useMemo as O, forwardRef as d, useContext as B, createContext as S } from "react";
+import * as t from "@radix-ui/react-dialog";
+import { c as A } from "./index-D2ZczOXr.js";
+import { useTranslation as H } from "react-i18next";
+import { I as F } from "./icon-button-C4CGcYuz.js";
+import { u as L } from "./registry-C9nwlNyL.js";
+import { X as V } from "./x-CCcI3eJp.js";
+const $ = {
+  id: "dialog",
+  capabilities: ["open", "close", "dismiss"],
+  state: {
+    isOpen: {
+      type: "boolean",
+      description: "True when the dialog is currently open.",
+      read: (o) => o.getIsOpen()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      description: "Open the dialog.",
+      invoke: (o) => {
+        o.open();
+      }
+    },
+    close: {
+      safety: "write",
+      description: "Close the dialog. Reversible by reopening.",
+      invoke: (o) => {
+        o.close();
+      }
+    },
+    dismiss: {
+      safety: "destructive",
+      description: "Dismiss the dialog. Loses any in-progress input that has not been committed.",
+      invoke: (o) => {
+        o.close();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "dialog" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on Dialog.Root."
+    }
+  }
+}, P = [
+  "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
+  "ds:bg-[var(--background)]/[var(--opacity-70)]",
+  "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(" "), _ = [
+  "ds:fixed ds:z-[var(--z-modal)]",
+  "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
+  "ds:shadow-[var(--shadow-xl)]",
+  "ds:p-[var(--spacing-lg)]",
+  "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(" "), u = "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]", M = A(_, {
+  variants: {
+    size: {
+      sm: `${u} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
+      md: `${u} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
+      lg: `${u} ds:max-w-[720px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
+      fullscreen: "ds:start-0 ds:top-0 ds:w-[100dvw] ds:h-[100dvh] ds:max-w-none ds:rounded-none ds:overflow-y-auto"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), y = S(void 0), v = ({
+  children: o,
+  id: e,
+  open: s,
+  defaultOpen: r,
+  onOpenChange: i,
+  ...p
+}) => {
+  const l = s !== void 0, [m, g] = k(
+    r ?? !1
+  ), n = l ? !!s : m, f = z(n);
+  E(() => {
+    f.current = n;
+  }, [n]);
+  const c = I(
+    (x) => {
+      l || g(x), i == null || i(x);
+    },
+    [l, i]
+  ), j = O(
+    () => ({
+      getIsOpen: () => f.current,
+      open: () => c(!0),
+      close: () => c(!1)
+    }),
+    [c]
+  );
+  return L($, j, e), /* @__PURE__ */ a(y.Provider, { value: e, children: /* @__PURE__ */ a(t.Root, { open: n, onOpenChange: c, ...p, children: o }) });
+};
+v.displayName = "Dialog.Root";
+const h = d(({ children: o, ...e }, s) => /* @__PURE__ */ a(t.Trigger, { ref: s, ...e, children: o }));
+h.displayName = "Dialog.Trigger";
+const b = d(({ children: o, ...e }, s) => /* @__PURE__ */ a(t.Close, { ref: s, ...e, children: o }));
+b.displayName = "Dialog.Close";
+const N = d(
+  ({
+    size: o = "md",
+    variant: e = "default",
+    hideCloseButton: s = !0,
+    className: r,
+    children: i,
+    ...p
+  }, l) => {
+    const { t: m } = H(), g = B(y), n = e === "alert" ? { role: "alertdialog" } : {};
+    return /* @__PURE__ */ D(t.Portal, { children: [
+      /* @__PURE__ */ a(t.Overlay, { className: P }),
+      /* @__PURE__ */ D(
+        t.Content,
+        {
+          ref: l,
+          ...n,
+          "data-component": "dialog",
+          "data-component-id": g,
+          className: M({ size: o, className: r }),
+          ...p,
+          children: [
+            i,
+            !s && /* @__PURE__ */ a("div", { className: "ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]", children: /* @__PURE__ */ a(t.Close, { asChild: !0, children: /* @__PURE__ */ a(
+              F,
+              {
+                icon: /* @__PURE__ */ a(V, {}),
+                intent: "ghost",
+                size: "sm",
+                "aria-label": m("ui.common.close", "Close")
+              }
+            ) }) })
+          ]
+        }
+      )
+    ] });
+  }
+);
+N.displayName = "Dialog.Content";
+const w = d(
+  ({ className: o, ...e }, s) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: s,
+      className: [
+        "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pe-[var(--spacing-xl)]",
+        o
+      ].filter(Boolean).join(" "),
+      ...e
+    }
+  )
+);
+w.displayName = "Dialog.Header";
+const C = d(({ className: o, ...e }, s) => /* @__PURE__ */ a(
+  t.Title,
+  {
+    ref: s,
+    className: ["type-title-card ds:break-words", o].filter(Boolean).join(" "),
+    ...e
+  }
+));
+C.displayName = "Dialog.Title";
+const R = d(({ className: o, ...e }, s) => /* @__PURE__ */ a(
+  t.Description,
+  {
+    ref: s,
+    className: ["type-body-sm ds:text-[var(--muted-foreground)]", o].filter(Boolean).join(" "),
+    ...e
+  }
+));
+R.displayName = "Dialog.Description";
+const T = d(
+  ({ className: o, divider: e = !1, ...s }, r) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: r,
+      className: [
+        "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
+        "ds:mt-[var(--spacing-md)]",
+        e && "ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]",
+        o
+      ].filter(Boolean).join(" "),
+      ...s
+    }
+  )
+);
+T.displayName = "Dialog.Footer";
+const U = Object.assign(v, {
+  Root: v,
+  Trigger: h,
+  Content: N,
+  Header: w,
+  Title: C,
+  Description: R,
+  Footer: T,
+  Close: b
+});
+export {
+  U as D,
+  $ as d
+};
+//# sourceMappingURL=dialog-BPD7wlGE.js.map