@alfadocs/ui-kit 0.1.8 → 0.1.9

package/dist/_chunks/date-range-picker-BcNDJI7m.js

@@ -1,183 +0,0 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as Q, useState as g, useRef as U, useCallback as X } from "react";
-import { useTranslation as Z } from "react-i18next";
-import * as f from "@radix-ui/react-popover";
-import { u as _ } from "./form-field-context-94LwgYTQ.js";
-import { a as z, g as ee, b as te, e as C, c as ae, C as se, d as re, t as ne, p as oe, D as de, f as ie, h as le } from "./react-day-picker-C04L_28V.js";
-import { c as ce, b as N, s as fe, f as y, d as ue } from "./isSameMonth-5wNF2f4I.js";
-function h(o, i, r) {
-  return ce(o, -i, r);
-}
-function me(o, i, r) {
-  return z(o, -1, r);
-}
-const pe = Q(
-  ({
-    value: o,
-    defaultValue: i,
-    onChange: r,
-    minDate: O,
-    maxDate: T,
-    presets: u,
-    mergePresets: W = !1,
-    size: b = "md",
-    disabled: S,
-    placeholder: V,
-    className: I,
-    id: L
-  }, F) => {
-    const { t: s, i18n: j } = Z(), d = _(), B = L ?? d.id, k = d.disabled || S, $ = d.invalid ? "error" : "default", n = ee(j.language), Y = V ?? s("ui.inputs.dateRangePicker.placeholder", "Select date range"), m = o !== void 0, [q, A] = g(
-      o ?? i ?? {}
-    ), t = m ? o : q, [D, v] = g(!1), [E, w] = g(
-      t.from ?? /* @__PURE__ */ new Date()
-    ), G = U(null), p = X(
-      (e) => {
-        m || A(e), r == null || r(e);
-      },
-      [m, r]
-    ), H = te(O, T), M = [
-      {
-        label: s("ui.inputs.dateRangePicker.presets.today", "Today"),
-        range: () => {
-          const e = /* @__PURE__ */ new Date();
-          return { from: e, to: e };
-        }
-      },
-      {
-        label: s("ui.inputs.dateRangePicker.presets.yesterday", "Yesterday"),
-        range: () => {
-          const e = h(/* @__PURE__ */ new Date(), 1);
-          return { from: e, to: e };
-        }
-      },
-      {
-        label: s("ui.inputs.dateRangePicker.presets.last7", "Last 7 days"),
-        range: () => ({
-          from: h(/* @__PURE__ */ new Date(), 6),
-          to: /* @__PURE__ */ new Date()
-        })
-      },
-      {
-        label: s("ui.inputs.dateRangePicker.presets.thisWeek", "This week"),
-        range: () => ({
-          from: N(/* @__PURE__ */ new Date(), { locale: n }),
-          to: C(/* @__PURE__ */ new Date(), { locale: n })
-        })
-      },
-      {
-        label: s("ui.inputs.dateRangePicker.presets.lastWeek", "Last week"),
-        range: () => {
-          const e = me(/* @__PURE__ */ new Date());
-          return {
-            from: N(e, { locale: n }),
-            to: C(e, { locale: n })
-          };
-        }
-      },
-      {
-        label: s("ui.inputs.dateRangePicker.presets.thisMonth", "This month"),
-        range: () => ({
-          from: fe(/* @__PURE__ */ new Date()),
-          to: ae(/* @__PURE__ */ new Date())
-        })
-      },
-      {
-        label: s("ui.inputs.dateRangePicker.presets.last30", "Last 30 days"),
-        range: () => ({
-          from: h(/* @__PURE__ */ new Date(), 29),
-          to: /* @__PURE__ */ new Date()
-        })
-      }
-    ], x = u ? W ? [...M, ...u] : u : M, J = (e) => {
-      p(e ? { from: e.from, to: e.to } : {});
-    }, K = (e) => {
-      const l = e.range();
-      p(l), w(l.from), v(!1);
-    }, R = (() => {
-      if (t.from && t.to) {
-        const e = y(t.from, "MMM d, yyyy", { locale: n }), l = y(t.to, "MMM d, yyyy", { locale: n });
-        return `${e} – ${l}`;
-      }
-      return t.from ? y(t.from, "MMM d, yyyy", { locale: n }) : "";
-    })(), P = (() => {
-      if (t.from && t.to) {
-        const e = ue(t.to, t.from) + 1;
-        return s("ui.inputs.dateRangePicker.days", "{{count}} days", { count: e });
-      }
-      return "";
-    })();
-    return /* @__PURE__ */ a(f.Root, { open: D, onOpenChange: v, children: /* @__PURE__ */ c("div", { ref: F, className: I, "data-component": "date-range-picker", children: [
-      /* @__PURE__ */ a(f.Trigger, { asChild: !0, disabled: k, children: /* @__PURE__ */ c(
-        "button",
-        {
-          ref: G,
-          id: B,
-          type: "button",
-          disabled: k,
-          "aria-describedby": d.describedBy || void 0,
-          "aria-invalid": d.invalid || void 0,
-          "aria-haspopup": "dialog",
-          "aria-expanded": D,
-          className: ne({ size: b, tone: $ }),
-          children: [
-            /* @__PURE__ */ a("span", { className: R ? "ds:text-foreground" : "ds:text-muted-foreground", children: R || Y }),
-            /* @__PURE__ */ a("span", { "aria-hidden": "true", className: re({ size: b }), children: /* @__PURE__ */ a(se, {}) })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ a(f.Portal, { children: /* @__PURE__ */ a(
-        f.Content,
-        {
-          sideOffset: 4,
-          align: "start",
-          className: le(),
-          children: /* @__PURE__ */ c("div", { className: "ds:flex ds:gap-[var(--spacing-md)]", children: [
-            x.length > 0 ? /* @__PURE__ */ a("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: x.map((e) => /* @__PURE__ */ a(
-              "button",
-              {
-                type: "button",
-                onClick: () => K(e),
-                className: oe(),
-                children: e.label
-              },
-              e.label
-            )) }) : null,
-            /* @__PURE__ */ c("div", { children: [
-              /* @__PURE__ */ a(
-                de,
-                {
-                  mode: "range",
-                  selected: t.from ? { from: t.from, to: t.to } : void 0,
-                  onSelect: J,
-                  month: E,
-                  onMonthChange: w,
-                  numberOfMonths: 2,
-                  disabled: H,
-                  locale: n,
-                  showOutsideDays: !0,
-                  fixedWeeks: !0,
-                  pagedNavigation: !0,
-                  components: { Chevron: ie }
-                }
-              ),
-              P ? /* @__PURE__ */ a(
-                "div",
-                {
-                  role: "status",
-                  "aria-live": "polite",
-                  className: "type-body-sm ds:text-muted-foreground ds:mt-[var(--spacing-sm)] ds:text-center",
-                  children: P
-                }
-              ) : null
-            ] })
-          ] })
-        }
-      ) })
-    ] }) });
-  }
-);
-pe.displayName = "DateRangePicker";
-export {
-  pe as D
-};
-//# sourceMappingURL=date-range-picker-BcNDJI7m.js.map

package/dist/_chunks/date-time-picker-CmGiTU__.js

@@ -1,202 +0,0 @@
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
-import { forwardRef as ie, useState as f, useRef as oe, useCallback as F } from "react";
-import { c as de } from "./index-D2ZczOXr.js";
-import { useTranslation as le } from "react-i18next";
-import * as v from "@radix-ui/react-popover";
-import { u as ce } from "./form-field-context-94LwgYTQ.js";
-import { T as ue } from "./time-picker-D-EueWUG.js";
-import { g as fe, b as me, i as pe, j as ge, C as he, d as ve, t as be, D as ye, f as Te, h as we } from "./react-day-picker-C04L_28V.js";
-import { f as De } from "./isSameMonth-5wNF2f4I.js";
-import { t as j } from "./isSameDay-ecuM8PBB.js";
-function H(s, r, t) {
-  const n = j(s, t == null ? void 0 : t.in);
-  return n.setHours(r), n;
-}
-function I(s, r, t) {
-  const n = j(s, t == null ? void 0 : t.in);
-  return n.setMinutes(r), n;
-}
-function xe(s, r) {
-  var t;
-  try {
-    const n = { timeZoneName: "short" };
-    return r && r !== "local" && (n.timeZone = r === "utc" ? "UTC" : r), ((t = new Intl.DateTimeFormat(s, n).formatToParts(/* @__PURE__ */ new Date()).find((o) => o.type === "timeZoneName")) == null ? void 0 : t.value) ?? "";
-  } catch {
-    return "";
-  }
-}
-function Ce(s) {
-  if (!s || s === "local") return !1;
-  try {
-    const r = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    return s === "utc" ? r !== "UTC" : r !== s;
-  } catch {
-    return !1;
-  }
-}
-const ke = de(
-  [
-    "ds:w-full ds:rounded-[var(--radius-sm)]",
-    "ds:bg-primary ds:text-primary-foreground",
-    "ds:hover:bg-primary-hover ds:cursor-pointer",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:h-8 ds:text-[length:var(--font-size-sm)]",
-        md: "ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]",
-        lg: "ds:h-12 ds:text-[length:var(--font-size-lg)]"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), Ne = ie(
-  ({
-    value: s,
-    defaultValue: r,
-    onChange: t,
-    timezone: n,
-    showTimezone: b,
-    minDate: o,
-    maxDate: m,
-    hour12: B,
-    minuteStep: S = 1,
-    size: p = "md",
-    disabled: Z,
-    placeholder: A,
-    className: z,
-    id: E
-  }, U) => {
-    const { t: l, i18n: x } = le(), c = ce(), _ = E ?? c.id, C = c.disabled || Z, W = c.invalid ? "error" : "default", k = fe(x.language), q = A ?? l("ui.inputs.dateTimePicker.placeholder", "Select date and time"), G = l("ui.inputs.dateTimePicker.apply", "Apply"), J = l(
-      "ui.inputs.dateTimePicker.outOfRange",
-      "Date/time is out of allowed range"
-    ), N = (b !== void 0 ? b : Ce(n)) ? xe(x.language, n) : "", y = s !== void 0, [K, Q] = f(
-      s ?? r
-    ), d = y ? s : K, [i, T] = f(d), [M, P] = f(!1), [X, L] = f(d ?? /* @__PURE__ */ new Date()), [R, g] = f(!1), V = oe(null), Y = F(
-      (e) => {
-        y || Q(e), t == null || t(e);
-      },
-      [y, t]
-    ), $ = me(o, m), w = F(
-      (e) => !(o && pe(e, o) || m && ge(e, m)),
-      [o, m]
-    ), ee = (e) => {
-      e && (T(d ?? /* @__PURE__ */ new Date()), L(d ?? /* @__PURE__ */ new Date()), g(!1)), P(e);
-    }, te = (e) => {
-      if (!e) return;
-      const D = i ?? /* @__PURE__ */ new Date(), u = I(H(e, D.getHours()), D.getMinutes());
-      T(u), g(!w(u));
-    }, se = (e) => {
-      const u = I(H(i ?? /* @__PURE__ */ new Date(), e.hours), e.minutes);
-      T(u), g(!w(u));
-    }, re = () => {
-      var e;
-      if (i) {
-        if (!w(i)) {
-          g(!0);
-          return;
-        }
-        Y(i), P(!1), (e = V.current) == null || e.focus();
-      }
-    }, O = d ? De(d, "MMM d, yyyy HH:mm", { locale: k }) : "", ae = l("ui.inputs.datePicker.gridLabel", "Calendar"), ne = l("ui.inputs.timePicker.groupLabel", "Time");
-    return /* @__PURE__ */ a(v.Root, { open: M, onOpenChange: ee, children: /* @__PURE__ */ h("div", { ref: U, className: z, "data-component": "date-time-picker", children: [
-      /* @__PURE__ */ a(v.Trigger, { asChild: !0, disabled: C, children: /* @__PURE__ */ h(
-        "button",
-        {
-          ref: V,
-          id: _,
-          type: "button",
-          disabled: C,
-          "aria-describedby": c.describedBy || void 0,
-          "aria-invalid": c.invalid || void 0,
-          "aria-haspopup": "dialog",
-          "aria-expanded": M,
-          className: be({ size: p, tone: W }),
-          children: [
-            /* @__PURE__ */ a("span", { className: O ? "ds:text-foreground" : "ds:text-muted-foreground", children: O || q }),
-            /* @__PURE__ */ a("span", { "aria-hidden": "true", className: ve({ size: p }), children: /* @__PURE__ */ a(he, {}) })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ a(v.Portal, { children: /* @__PURE__ */ a(
-        v.Content,
-        {
-          sideOffset: 4,
-          align: "start",
-          className: we(),
-          children: /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:sm:flex-row ds:gap-[var(--spacing-md)]", children: [
-            /* @__PURE__ */ a("div", { role: "region", "aria-label": ae, children: /* @__PURE__ */ a(
-              ye,
-              {
-                mode: "single",
-                selected: i,
-                onSelect: te,
-                month: X,
-                onMonthChange: L,
-                disabled: $,
-                locale: k,
-                showOutsideDays: !0,
-                fixedWeeks: !0,
-                components: { Chevron: Te }
-              }
-            ) }),
-            /* @__PURE__ */ h(
-              "div",
-              {
-                role: "region",
-                "aria-label": ne,
-                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:sm:border-s ds:sm:border-border ds:sm:ps-[var(--spacing-md)] ds:min-w-[10rem]",
-                children: [
-                  /* @__PURE__ */ a(
-                    ue,
-                    {
-                      value: i ? { hours: i.getHours(), minutes: i.getMinutes() } : { hours: 0, minutes: 0 },
-                      onChange: se,
-                      hour12: B,
-                      minuteStep: S,
-                      size: p
-                    }
-                  ),
-                  N ? /* @__PURE__ */ a(
-                    "span",
-                    {
-                      className: "type-meta ds:text-muted-foreground",
-                      children: N
-                    }
-                  ) : null,
-                  R ? /* @__PURE__ */ a(
-                    "span",
-                    {
-                      role: "alert",
-                      className: "type-meta ds:text-destructive",
-                      children: J
-                    }
-                  ) : null,
-                  /* @__PURE__ */ a(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: re,
-                      disabled: !i || R,
-                      className: ke({ size: p }),
-                      children: G
-                    }
-                  )
-                ]
-              }
-            )
-          ] })
-        }
-      ) })
-    ] }) });
-  }
-);
-Ne.displayName = "DateTimePicker";
-export {
-  Ne as D
-};
-//# sourceMappingURL=date-time-picker-CmGiTU__.js.map

package/dist/_chunks/dialog.agent-DEG_fVzG.js

@@ -1,147 +0,0 @@
-import { jsx as d, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import * as t from "@radix-ui/react-dialog";
-import { c as h } from "./index-D2ZczOXr.js";
-import { useTranslation as w } from "react-i18next";
-import { I as C } from "./icon-button-Wnnde5lc.js";
-import { X as T } from "./x-CCcI3eJp.js";
-const j = [
-  "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(" "), z = [
-  "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(" "), r = "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)]", R = h(z, {
-  variants: {
-    size: {
-      sm: `${r} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      md: `${r} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      lg: `${r} 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" }
-}), n = ({
-  children: a,
-  ...o
-}) => /* @__PURE__ */ d(t.Root, { ...o, children: a });
-n.displayName = "Dialog.Root";
-const c = e(({ children: a, ...o }, s) => /* @__PURE__ */ d(t.Trigger, { ref: s, ...o, children: a }));
-c.displayName = "Dialog.Trigger";
-const m = e(({ children: a, ...o }, s) => /* @__PURE__ */ d(t.Close, { ref: s, ...o, children: a }));
-m.displayName = "Dialog.Close";
-const p = e(
-  ({
-    size: a = "md",
-    variant: o = "default",
-    hideCloseButton: s = !0,
-    className: i,
-    children: x,
-    ...D
-  }, y) => {
-    const { t: N } = w(), b = o === "alert" ? "alertdialog" : void 0;
-    return /* @__PURE__ */ l(t.Portal, { children: [
-      /* @__PURE__ */ d(t.Overlay, { className: j }),
-      /* @__PURE__ */ l(
-        t.Content,
-        {
-          ref: y,
-          role: b,
-          className: R({ size: a, className: i }),
-          ...D,
-          children: [
-            x,
-            !s && /* @__PURE__ */ d("div", { className: "ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]", children: /* @__PURE__ */ d(t.Close, { asChild: !0, children: /* @__PURE__ */ d(
-              C,
-              {
-                icon: /* @__PURE__ */ d(T, {}),
-                intent: "ghost",
-                size: "sm",
-                "aria-label": N("ui.common.close", "Close")
-              }
-            ) }) })
-          ]
-        }
-      )
-    ] });
-  }
-);
-p.displayName = "Dialog.Content";
-const g = e(
-  ({ className: a, ...o }, s) => /* @__PURE__ */ d(
-    "div",
-    {
-      ref: s,
-      className: ["ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pe-[var(--spacing-xl)]", a].filter(Boolean).join(" "),
-      ...o
-    }
-  )
-);
-g.displayName = "Dialog.Header";
-const v = e(({ className: a, ...o }, s) => /* @__PURE__ */ d(
-  t.Title,
-  {
-    ref: s,
-    className: ["type-title-card ds:break-words", a].filter(Boolean).join(" "),
-    ...o
-  }
-));
-v.displayName = "Dialog.Title";
-const u = e(({ className: a, ...o }, s) => /* @__PURE__ */ d(
-  t.Description,
-  {
-    ref: s,
-    className: ["type-body-sm ds:text-[var(--muted-foreground)]", a].filter(Boolean).join(" "),
-    ...o
-  }
-));
-u.displayName = "Dialog.Description";
-const f = e(
-  ({ className: a, divider: o = !1, ...s }, i) => /* @__PURE__ */ d(
-    "div",
-    {
-      ref: i,
-      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)]",
-        a
-      ].filter(Boolean).join(" "),
-      ...s
-    }
-  )
-);
-f.displayName = "Dialog.Footer";
-const S = Object.assign(n, {
-  Root: n,
-  Trigger: c,
-  Content: p,
-  Header: g,
-  Title: v,
-  Description: u,
-  Footer: f,
-  Close: m
-}), F = {
-  id: "dialog",
-  capabilities: ["open", "close", "dismiss"],
-  state: {},
-  actions: {},
-  domHooks: {
-    root: { attr: "data-component", value: "dialog" }
-  }
-};
-export {
-  S as D,
-  F as d
-};
-//# sourceMappingURL=dialog.agent-DEG_fVzG.js.map

package/dist/_chunks/dropdown-menu.agent-Cry4Nmes.js

@@ -1,17 +0,0 @@
-const t = {
-  id: "dropdown-menu",
-  capabilities: ["open", "close", "pick"],
-  state: {},
-  actions: {},
-  domHooks: {
-    root: { attr: "data-component", value: "dropdown-menu" },
-    item: {
-      attr: "data-item-id",
-      description: "Each menu item emits its value as data-item-id."
-    }
-  }
-};
-export {
-  t as d
-};
-//# sourceMappingURL=dropdown-menu.agent-Cry4Nmes.js.map