@alfadocs/ui-kit 0.1.8 → 0.1.9

package/dist/_chunks/time-picker-D-EueWUG.js

@@ -1,322 +0,0 @@
-import { jsxs as ve, jsx as K } from "react/jsx-runtime";
-import { forwardRef as he, useState as F, useCallback as U, useRef as P, useEffect as ge } from "react";
-import { c as j } from "./index-D2ZczOXr.js";
-import { useTranslation as be } from "react-i18next";
-import { u as ye } from "./form-field-context-94LwgYTQ.js";
-function we(r) {
-  try {
-    const i = new Intl.DateTimeFormat(r, {
-      hour: "numeric"
-    }).resolvedOptions();
-    return i.hourCycle === "h12" || i.hourCycle === "h11";
-  } catch {
-    return !1;
-  }
-}
-function xe(r) {
-  var i, l;
-  try {
-    const H = ((i = new Intl.DateTimeFormat(r, {
-      hour: "numeric",
-      hour12: !0
-    }).formatToParts(new Date(2e3, 0, 1, 9)).find((w) => w.type === "dayPeriod")) == null ? void 0 : i.value) ?? "AM", f = ((l = new Intl.DateTimeFormat(r, {
-      hour: "numeric",
-      hour12: !0
-    }).formatToParts(new Date(2e3, 0, 1, 15)).find((w) => w.type === "dayPeriod")) == null ? void 0 : l.value) ?? "PM";
-    return { am: H, pm: f };
-  } catch {
-    return { am: "AM", pm: "PM" };
-  }
-}
-function y(r, i, l) {
-  return Math.min(l, Math.max(i, r));
-}
-function L(r, i) {
-  return Math.round(r / i) * i;
-}
-function C(r) {
-  return r === 0 ? 12 : r > 12 ? r - 12 : r;
-}
-function S(r, i) {
-  return i ? r === 12 ? 12 : r + 12 : r === 12 ? 0 : r;
-}
-const ke = j(
-  [
-    "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
-    "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-background",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
-    "ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:forced-colors:focus-within:outline-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:h-8 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-sm)]",
-        md: "ds:h-[var(--min-target-size)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-base)]",
-        lg: "ds:h-12 ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-lg)]"
-      },
-      tone: {
-        default: "ds:border-border",
-        error: "ds:border-destructive"
-      },
-      isDisabled: {
-        true: "ds:cursor-not-allowed ds:opacity-50",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      tone: "default",
-      isDisabled: !1
-    }
-  }
-), G = j(
-  [
-    "ds:inline-flex ds:items-center ds:justify-center",
-    "ds:rounded-[var(--radius-sm)] ds:text-center ds:tabular-nums",
-    "ds:bg-transparent ds:text-foreground",
-    "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:select-none"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:min-w-6 ds:h-6 ds:text-[length:var(--font-size-sm)]",
-        md: "ds:min-w-8 ds:h-8 ds:text-[length:var(--font-size-base)]",
-        lg: "ds:min-w-10 ds:h-10 ds:text-[length:var(--font-size-lg)]"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), De = j(
-  [
-    "ds:inline-flex ds:items-center ds:justify-center",
-    "ds:rounded-[var(--radius-sm)] ds:text-center",
-    "ds:bg-transparent ds:text-foreground ds:cursor-pointer",
-    "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:select-none",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:hover:bg-muted"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:min-w-8 ds:h-6 ds:text-[length:var(--font-size-sm)] ds:ps-1 ds:pe-1",
-        md: "ds:min-w-10 ds:h-8 ds:text-[length:var(--font-size-base)] ds:ps-1.5 ds:pe-1.5",
-        lg: "ds:min-w-12 ds:h-10 ds:text-[length:var(--font-size-lg)] ds:ps-2 ds:pe-2"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), Te = j("ds:text-muted-foreground ds:select-none", {
-  variants: {
-    size: {
-      sm: "ds:text-[length:var(--font-size-sm)]",
-      md: "ds:text-[length:var(--font-size-base)]",
-      lg: "ds:text-[length:var(--font-size-lg)]"
-    }
-  },
-  defaultVariants: { size: "md" }
-}), ze = he(
-  ({
-    value: r,
-    defaultValue: i,
-    onChange: l,
-    hour12: H,
-    minuteStep: f = 1,
-    fullWidthSeparator: w = !1,
-    periodLabels: J,
-    size: x = "md",
-    disabled: Q,
-    className: W,
-    id: X
-  }, Y) => {
-    const { t: B, i18n: E } = be(), k = ye(), Z = X ?? k.id, m = k.disabled || Q, $ = k.invalid ? "error" : "default", s = H !== void 0 ? H : we(E.language), ee = xe(E.language), A = J ?? ee, R = r !== void 0, [te, re] = F(
-      r ?? i ?? { hours: 0, minutes: 0 }
-    ), t = R ? r : te, u = U(
-      (e) => {
-        R || re(e), l == null || l(e);
-      },
-      [R, l]
-    ), O = P(null), D = P(null), V = P(null), [ne, T] = F(""), [se, z] = F(""), p = P(null), v = P(null), N = U(() => {
-      T(""), p.current && (clearTimeout(p.current), p.current = null);
-    }, []), I = U(() => {
-      z(""), v.current && (clearTimeout(v.current), v.current = null);
-    }, []);
-    ge(() => () => {
-      p.current && clearTimeout(p.current), v.current && clearTimeout(v.current);
-    }, []);
-    const ie = w ? "：" : ":", _ = s ? String(C(t.hours)).padStart(2, "0") : String(t.hours).padStart(2, "0"), q = String(t.minutes).padStart(2, "0"), c = t.hours >= 12, oe = (e) => {
-      var h, b, M;
-      if (!m) {
-        if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-          e.preventDefault();
-          const g = e.key === "ArrowUp" ? 1 : -1, a = 23;
-          let n = t.hours + g;
-          n < 0 && (n = a), n > a && (n = 0), u({ ...t, hours: n }), N();
-          return;
-        }
-        if (e.key === "Tab" && !e.shiftKey) {
-          e.preventDefault(), (h = D.current) == null || h.focus(), N();
-          return;
-        }
-        if (e.key >= "0" && e.key <= "9") {
-          e.preventDefault();
-          const g = ne + e.key;
-          T(g), p.current && clearTimeout(p.current);
-          const a = parseInt(g, 10), n = s ? 12 : 23;
-          if (g.length >= 2) {
-            const o = y(a, s ? 1 : 0, n), d = s ? S(o, c) : o;
-            u({ ...t, hours: d }), T(""), (b = D.current) == null || b.focus();
-          } else if (a > (s ? 1 : 2)) {
-            const o = y(a, s ? 1 : 0, n), d = s ? S(o, c) : o;
-            u({ ...t, hours: d }), T(""), (M = D.current) == null || M.focus();
-          } else
-            p.current = setTimeout(() => {
-              const o = y(a, s ? 1 : 0, n), d = s ? S(o, c) : o;
-              u({ ...t, hours: d }), T("");
-            }, 1e3);
-        }
-      }
-    }, ae = (e) => {
-      var h, b, M, g;
-      if (!m) {
-        if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-          e.preventDefault();
-          const a = e.key === "ArrowUp" ? f : -f;
-          let n = t.minutes + a;
-          n < 0 && (n = 60 + n), n >= 60 && (n = n - 60), u({ ...t, minutes: n }), I();
-          return;
-        }
-        if (e.key === "Tab" && !e.shiftKey && s) {
-          e.preventDefault(), (h = V.current) == null || h.focus(), I();
-          return;
-        }
-        if (e.key === "Tab" && e.shiftKey) {
-          e.preventDefault(), (b = O.current) == null || b.focus(), I();
-          return;
-        }
-        if (e.key >= "0" && e.key <= "9") {
-          e.preventDefault();
-          const a = se + e.key;
-          z(a), v.current && clearTimeout(v.current);
-          const n = parseInt(a, 10);
-          if (a.length >= 2) {
-            const o = y(n, 0, 59), d = L(o, f);
-            u({ ...t, minutes: d }), z(""), s && ((M = V.current) == null || M.focus());
-          } else if (n > 5) {
-            const o = y(n, 0, 59), d = L(o, f);
-            u({ ...t, minutes: d }), z(""), s && ((g = V.current) == null || g.focus());
-          } else
-            v.current = setTimeout(() => {
-              const o = y(n, 0, 59), d = L(o, f);
-              u({ ...t, minutes: d }), z("");
-            }, 1e3);
-        }
-      }
-    }, ue = (e) => {
-      var h;
-      if (!m) {
-        if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-          e.preventDefault();
-          const b = c ? t.hours - 12 : t.hours + 12;
-          u({ ...t, hours: y(b, 0, 23) });
-          return;
-        }
-        if (e.key === "Tab" && e.shiftKey) {
-          e.preventDefault(), (h = D.current) == null || h.focus();
-          return;
-        }
-        (e.key === "a" || e.key === "A") && (e.preventDefault(), c && u({ ...t, hours: t.hours - 12 })), (e.key === "p" || e.key === "P") && (e.preventDefault(), c || u({ ...t, hours: t.hours + 12 }));
-      }
-    }, de = (e) => {
-      N();
-    }, le = () => {
-      I();
-      const e = L(t.minutes, f);
-      e !== t.minutes && u({ ...t, minutes: e });
-    }, ce = B("ui.inputs.timePicker.hour", "Hour"), fe = B("ui.inputs.timePicker.minute", "Minute"), me = B("ui.inputs.timePicker.period", "Period"), pe = B("ui.inputs.timePicker.groupLabel", "Time");
-    return /* @__PURE__ */ ve(
-      "div",
-      {
-        ref: Y,
-        id: Z,
-        role: "group",
-        "aria-label": pe,
-        "aria-describedby": k.describedBy || void 0,
-        "aria-invalid": k.invalid || void 0,
-        "aria-disabled": m || void 0,
-        "data-component": "time-picker",
-        className: ke({
-          size: x,
-          tone: $,
-          isDisabled: m ?? !1,
-          className: W
-        }),
-        children: [
-          /* @__PURE__ */ K(
-            "span",
-            {
-              ref: O,
-              role: "spinbutton",
-              "aria-label": ce,
-              "aria-valuemin": s ? 1 : 0,
-              "aria-valuemax": s ? 12 : 23,
-              "aria-valuenow": s ? C(t.hours) : t.hours,
-              "aria-valuetext": _,
-              tabIndex: m ? -1 : 0,
-              inputMode: "numeric",
-              onKeyDown: oe,
-              onBlur: de,
-              className: G({ size: x }),
-              children: _
-            }
-          ),
-          /* @__PURE__ */ K("span", { "aria-hidden": "true", className: Te({ size: x }), children: ie }),
-          /* @__PURE__ */ K(
-            "span",
-            {
-              ref: D,
-              role: "spinbutton",
-              "aria-label": fe,
-              "aria-valuemin": 0,
-              "aria-valuemax": 59,
-              "aria-valuenow": t.minutes,
-              "aria-valuetext": q,
-              tabIndex: m ? -1 : 0,
-              inputMode: "numeric",
-              onKeyDown: ae,
-              onBlur: le,
-              className: G({ size: x }),
-              children: q
-            }
-          ),
-          s ? /* @__PURE__ */ K(
-            "span",
-            {
-              ref: V,
-              role: "spinbutton",
-              "aria-label": me,
-              "aria-valuemin": 0,
-              "aria-valuemax": 1,
-              "aria-valuenow": c ? 1 : 0,
-              "aria-valuetext": c ? A.pm : A.am,
-              tabIndex: m ? -1 : 0,
-              onKeyDown: ue,
-              className: De({ size: x }),
-              children: c ? A.pm : A.am
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-ze.displayName = "TimePicker";
-export {
-  ze as T
-};
-//# sourceMappingURL=time-picker-D-EueWUG.js.map

package/dist/_chunks/timeline-RgAIzpMd.js

@@ -1,220 +0,0 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as l, useMemo as g, useContext as c, createContext as x } from "react";
-import { c as v } from "./index-D2ZczOXr.js";
-import { useTranslation as C } from "react-i18next";
-import { A as j } from "./avatar-Dcr6XuDQ.js";
-import { C as b } from "./card-BEy58ZKp.js";
-import { T as _ } from "./timestamp-BV2lC-wV.js";
-import { C as z } from "./circle-BkqTgYmt.js";
-import { X as E } from "./x-CCcI3eJp.js";
-import { T as V } from "./triangle-alert-CBPUIzQo.js";
-import { C as S } from "./check-DPdL_Sm7.js";
-import { I as k } from "./info-B9XNKn05.js";
-const f = x({
-  layout: "rail-start",
-  order: "newest-first"
-}), u = x({
-  type: "neutral"
-}), B = v("ds:flex ds:flex-col", {
-  variants: {
-    layout: {
-      "rail-start": "ds:ps-4",
-      "rail-end": "ds:pe-4",
-      alternating: "ds:grid ds:grid-cols-[1fr_2rem_1fr] ds:gap-x-[var(--spacing-md)]"
-    },
-    order: {
-      "newest-first": "ds:flex-col",
-      "oldest-first": "ds:flex-col-reverse"
-    }
-  },
-  defaultVariants: { layout: "rail-start", order: "newest-first" }
-}), O = v(
-  "ds:relative ds:flex ds:gap-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
-  {
-    variants: {
-      layout: {
-        "rail-start": [
-          "ds:flex-row",
-          // Rail: continuous border on the inline-start of the event list
-          "ds:before:absolute ds:before:top-8 ds:before:bottom-0",
-          "ds:before:border-inline-start-[2px] ds:before:border-[color:var(--border)]",
-          "ds:before:inset-inline-start-[-1rem]",
-          "ds:last:before:hidden"
-        ].join(" "),
-        "rail-end": [
-          "ds:flex-row-reverse",
-          "ds:before:absolute ds:before:top-8 ds:before:bottom-0",
-          "ds:before:border-inline-end-[2px] ds:before:border-[color:var(--border)]",
-          "ds:before:inset-inline-end-[-1rem]",
-          "ds:last:before:hidden"
-        ].join(" "),
-        alternating: "ds:contents"
-      }
-    },
-    defaultVariants: { layout: "rail-start" }
-  }
-), P = v(
-  [
-    "ds:relative ds:z-10 ds:flex ds:items-center ds:justify-center",
-    "ds:rounded-[var(--radius-full)] ds:shrink-0",
-    "ds:size-8",
-    "ds:ring-2 ds:ring-[var(--background)]"
-  ].join(" "),
-  {
-    variants: {
-      type: {
-        info: "ds:bg-[var(--info)] ds:text-[var(--info-solid-foreground)]",
-        success: "ds:bg-[var(--success)] ds:text-[var(--success-solid-foreground)]",
-        warning: "ds:bg-[var(--warning)] ds:text-[var(--warning-solid-foreground)]",
-        error: "ds:bg-[var(--destructive)] ds:text-[var(--destructive-foreground)]",
-        neutral: "ds:bg-[var(--muted)] ds:text-[var(--muted-foreground)]"
-      }
-    },
-    defaultVariants: { type: "neutral" }
-  }
-), R = {
-  info: /* @__PURE__ */ e(k, { size: 16, "aria-hidden": "true" }),
-  success: /* @__PURE__ */ e(S, { size: 16, "aria-hidden": "true" }),
-  warning: /* @__PURE__ */ e(V, { size: 16, "aria-hidden": "true" }),
-  error: /* @__PURE__ */ e(E, { size: 16, "aria-hidden": "true" }),
-  neutral: /* @__PURE__ */ e(z, { size: 16, "aria-hidden": "true" })
-}, h = l(
-  ({
-    layout: r = "rail-start",
-    order: s = "newest-first",
-    className: t,
-    children: i,
-    ...a
-  }, n) => {
-    const d = g(() => ({ layout: r, order: s }), [r, s]);
-    return /* @__PURE__ */ e(f.Provider, { value: d, children: /* @__PURE__ */ e(
-      "ol",
-      {
-        ref: n,
-        "data-component": "timeline",
-        className: B({ layout: r, order: s, className: t }),
-        ...a,
-        children: i
-      }
-    ) });
-  }
-);
-h.displayName = "Timeline";
-const y = l(
-  ({ type: r = "neutral", className: s, children: t, ...i }, a) => {
-    const { layout: n } = c(f), { t: d } = C(), m = g(() => ({ type: r }), [r]);
-    return n === "alternating" ? /* @__PURE__ */ e(u.Provider, { value: m, children: /* @__PURE__ */ o(
-      "li",
-      {
-        ref: a,
-        className: ["ds:contents", s].filter(Boolean).join(" "),
-        ...i,
-        children: [
-          /* @__PURE__ */ e("span", { className: "ds:sr-only", children: d(`ui.timeline.type.${r}`) }),
-          t
-        ]
-      }
-    ) }) : /* @__PURE__ */ e(u.Provider, { value: m, children: /* @__PURE__ */ o(
-      "li",
-      {
-        ref: a,
-        className: O({ layout: n, className: s }),
-        ...i,
-        children: [
-          /* @__PURE__ */ e("span", { className: "ds:sr-only", children: d(`ui.timeline.type.${r}`) }),
-          t
-        ]
-      }
-    ) });
-  }
-);
-y.displayName = "Timeline.Event";
-const T = l(
-  ({ icon: r, className: s, ...t }, i) => {
-    const { type: a } = c(u), { layout: n } = c(f), d = /* @__PURE__ */ e(
-      "div",
-      {
-        ref: i,
-        "aria-hidden": "true",
-        className: P({ type: a, className: s }),
-        ...t,
-        children: r ?? R[a]
-      }
-    );
-    return n === "alternating" ? /* @__PURE__ */ o(
-      "div",
-      {
-        "aria-hidden": "true",
-        className: "ds:col-start-2 ds:flex ds:flex-col ds:items-center",
-        children: [
-          /* @__PURE__ */ e("div", { className: "ds:w-[var(--border-width-md)] ds:flex-1 ds:bg-[var(--border)] ds:first:hidden" }),
-          d,
-          /* @__PURE__ */ e("div", { className: "ds:w-[var(--border-width-md)] ds:flex-1 ds:bg-[var(--border)]" })
-        ]
-      }
-    ) : d;
-  }
-);
-T.displayName = "Timeline.Dot";
-const N = l(
-  ({ title: r, description: s, actor: t, children: i, className: a, ...n }, d) => {
-    const { layout: m } = c(f), p = /* @__PURE__ */ e(
-      "div",
-      {
-        ref: d,
-        className: [
-          "ds:flex-1 ds:min-w-0 ds:pb-[var(--spacing-md)]",
-          "ds:[&_*]:break-normal ds:[&_*]:[overflow-wrap:anywhere]",
-          a
-        ].filter(Boolean).join(" "),
-        ...n,
-        children: /* @__PURE__ */ e(b, { variant: "outlined", children: /* @__PURE__ */ o(b.Body, { children: [
-          /* @__PURE__ */ e("p", { className: "type-label ds:text-[var(--foreground)]", children: r }),
-          s && /* @__PURE__ */ e("p", { className: "ds:mt-[var(--spacing-xs)] type-body-sm ds:text-[var(--muted-foreground)]", children: s }),
-          t && /* @__PURE__ */ o("div", { className: "ds:mt-[var(--spacing-sm)] ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ e(j, { size: "xs", name: t.name, src: t.src }),
-            /* @__PURE__ */ e("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: t.name })
-          ] }),
-          i
-        ] }) })
-      }
-    );
-    return m === "alternating" ? /* @__PURE__ */ e("div", { className: "ds:col-span-1 ds:[li:nth-child(even)_&]:col-start-3 ds:[li:nth-child(odd)_&]:col-start-1", children: p }) : p;
-  }
-);
-N.displayName = "Timeline.Content";
-const A = 1440 * 60 * 1e3, w = l(
-  ({
-    date: r,
-    relative: s = !0,
-    format: t = { dateStyle: "medium", timeStyle: "short" },
-    className: i,
-    ...a
-  }, n) => /* @__PURE__ */ e(
-    _,
-    {
-      ref: n,
-      value: r,
-      format: s ? "relative" : "absolute",
-      relativeWindow: s ? A : void 0,
-      absoluteFormat: t,
-      className: [
-        "ds:text-[var(--muted-foreground)]",
-        "ds:[font-variant-numeric:var(--font-feature-tabular)]",
-        i
-      ].filter(Boolean).join(" "),
-      ...a
-    }
-  )
-);
-w.displayName = "Timeline.Timestamp";
-const J = Object.assign(h, {
-  Event: y,
-  Dot: T,
-  Content: N,
-  Timestamp: w
-});
-export {
-  J as T
-};
-//# sourceMappingURL=timeline-RgAIzpMd.js.map