@alfadocs/ui-kit 0.1.9 → 0.2.0

package/dist/_chunks/{button-7mLWcMp_.js → button-DD_0Xdmr.js}

@@ -77,7 +77,17 @@ const N = B(
               viewBox: "0 0 24 24",
               fill: "none",
               children: [
-                /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeOpacity: "0.25", strokeWidth: "3" }),
+                /* @__PURE__ */ e(
+                  "circle",
+                  {
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeOpacity: "0.25",
+                    strokeWidth: "3"
+                  }
+                ),
                 /* @__PURE__ */ e(
                   "path",
                   {
@@ -116,4 +126,4 @@ C.displayName = "Button";
 export {
   C as B
 };
-//# sourceMappingURL=button-7mLWcMp_.js.map
+//# sourceMappingURL=button-DD_0Xdmr.js.map

package/dist/_chunks/{calendar-nGEgelJs.js → calendar-zy0tUUVG.js}

@@ -238,7 +238,10 @@ const Nt = {
 function le(r, s = "vertical") {
   if (It.has(r))
     return r;
-  const u = r.replace(/^resourceTimeGrid/, "").replace(/(Chair|Operator)$/, "");
+  const u = r.replace(/^resourceTimeGrid/, "").replace(
+    /(Chair|Operator)$/,
+    ""
+  );
   return At[s][u];
 }
 const Mt = {
@@ -477,13 +480,7 @@ const fe = [
            axe's `empty-heading` rule, so we substitute a decorative
            spacer that matches the h2's flex sizing. Once `title` is
            non-empty the h2 renders in the same slot. */
-        /* @__PURE__ */ a(
-          "div",
-          {
-            "aria-hidden": "true",
-            className: "ds:flex-1 ds:text-center"
-          }
-        )
+        /* @__PURE__ */ a("div", { "aria-hidden": "true", className: "ds:flex-1 ds:text-center" })
       ),
       h ? /* @__PURE__ */ a("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: h }) : null
     ] });
@@ -568,15 +565,13 @@ const ve = me(
       const t = () => {
         e.querySelectorAll(".fc-daygrid-more-link").forEach((c) => {
           c.getAttribute("role") || c.setAttribute("role", "button");
-        }), e.querySelectorAll('[aria-hidden="true"]').forEach(
-          (c) => {
-            c.querySelectorAll(
-              'a[href], button, [tabindex]:not([tabindex="-1"])'
-            ).forEach((i) => {
-              i.setAttribute("tabindex", "-1");
-            });
-          }
-        );
+        }), e.querySelectorAll('[aria-hidden="true"]').forEach((c) => {
+          c.querySelectorAll(
+            'a[href], button, [tabindex]:not([tabindex="-1"])'
+          ).forEach((i) => {
+            i.setAttribute("tabindex", "-1");
+          });
+        });
       };
       t();
       const n = new MutationObserver(t);
@@ -1038,4 +1033,4 @@ export {
   Nt as c,
   le as r
 };
-//# sourceMappingURL=calendar-nGEgelJs.js.map
+//# sourceMappingURL=calendar-zy0tUUVG.js.map

package/dist/_chunks/{card-BEy58ZKp.js → card-CWzuTLYE.js}

@@ -48,8 +48,8 @@ const u = I({
 ), m = o(
   ({
     variant: r = "default",
-    interactive: a = !1,
-    stretch: e = !1,
+    interactive: e = !1,
+    stretch: a = !1,
     asChild: i = !1,
     className: l,
     children: n,
@@ -57,40 +57,46 @@ const u = I({
     onKeyDown: c,
     ...C
   }, x) => {
-    const f = B(), [w, y] = _(!1), N = v(() => y(!0), []), j = a ? {
+    const f = B(), [w, y] = _(!1), N = v(() => y(!0), []), j = e ? {
       ...i ? {} : { role: "button", tabIndex: 0 },
       onKeyDown: (t) => {
-        a && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.currentTarget.click()), c == null || c(t);
+        e && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.currentTarget.click()), c == null || c(t);
       },
       onClick: s
-    } : { onClick: s }, H = i ? F : "article";
-    return /* @__PURE__ */ d(u.Provider, { value: { headerId: f, interactive: a ?? !1, registerHeader: N }, children: /* @__PURE__ */ d(
-      H,
+    } : { onClick: s }, H = i ? F : e ? "div" : "article";
+    return /* @__PURE__ */ d(
+      u.Provider,
       {
-        ref: x,
-        "aria-labelledby": w ? f : void 0,
-        "data-component": "card",
-        className: R({
-          variant: r,
-          interactive: a ?? !1,
-          stretch: e ?? !1,
-          className: l
-        }),
-        ...j,
-        ...C,
-        children: n
+        value: { headerId: f, interactive: e ?? !1, registerHeader: N },
+        children: /* @__PURE__ */ d(
+          H,
+          {
+            ref: x,
+            "aria-labelledby": w ? f : void 0,
+            "data-component": "card",
+            className: R({
+              variant: r,
+              interactive: e ?? !1,
+              stretch: a ?? !1,
+              className: l
+            }),
+            ...j,
+            ...C,
+            children: n
+          }
+        )
       }
-    ) });
+    );
   }
 );
 m.displayName = "Card";
 const p = o(
-  ({ className: r, ...a }, e) => {
+  ({ className: r, ...e }, a) => {
     const { headerId: i, registerHeader: l } = k(u), n = v(
       (s) => {
-        s && l(), typeof e == "function" ? e(s) : e && (e.current = s);
+        s && l(), typeof a == "function" ? a(s) : a && (a.current = s);
       },
-      [e, l]
+      [a, l]
     );
     return /* @__PURE__ */ d(
       "div",
@@ -102,47 +108,47 @@ const p = o(
           "ds:[&_*]:break-normal ds:[&_*]:[overflow-wrap:anywhere]",
           r
         ].filter(Boolean).join(" "),
-        ...a
+        ...e
       }
     );
   }
 );
 p.displayName = "Card.Header";
 const g = o(
-  ({ className: r, ...a }, e) => /* @__PURE__ */ d(
+  ({ className: r, ...e }, a) => /* @__PURE__ */ d(
     "div",
     {
-      ref: e,
+      ref: a,
       className: [
         "ds:overflow-hidden ds:[&_img]:w-full ds:[&_img]:h-auto ds:[&_img]:[object-fit:cover] ds:[&_video]:w-full",
         r
       ].filter(Boolean).join(" "),
-      ...a
+      ...e
     }
   )
 );
 g.displayName = "Card.Media";
 const h = o(
-  ({ className: r, ...a }, e) => /* @__PURE__ */ d(
+  ({ className: r, ...e }, a) => /* @__PURE__ */ d(
     "div",
     {
-      ref: e,
+      ref: a,
       className: ["ds:p-[var(--spacing-md)] ds:flex-1 ds:text-start", r].filter(Boolean).join(" "),
-      ...a
+      ...e
     }
   )
 );
 h.displayName = "Card.Body";
 const b = o(
-  ({ className: r, ...a }, e) => /* @__PURE__ */ d(
+  ({ className: r, ...e }, a) => /* @__PURE__ */ d(
     "div",
     {
-      ref: e,
+      ref: a,
       className: [
         "ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:pt-0",
         r
       ].filter(Boolean).join(" "),
-      ...a
+      ...e
     }
   )
 );
@@ -156,4 +162,4 @@ const O = Object.assign(m, {
 export {
   O as C
 };
-//# sourceMappingURL=card-BEy58ZKp.js.map
+//# sourceMappingURL=card-CWzuTLYE.js.map

package/dist/_chunks/{chart.agent-_pRYS17d.js → chart-BLvFl169.js}

@@ -1,12 +1,40 @@
 import { jsxs as b, jsx as s } from "react/jsx-runtime";
-import { forwardRef as q, useId as J, useMemo as c, useRef as K, useState as L, useEffect as O, useImperativeHandle as Q } from "react";
-import { c as X } from "./index-D2ZczOXr.js";
-import { useTranslation as tt } from "react-i18next";
-import et from "react-apexcharts";
-import E from "apexcharts";
-import { u as ot, g as N } from "./apexcharts-theme-BkSShpEy.js";
-import { u as rt } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-const at = X("ds:relative ds:block ds:w-full", {
+import { forwardRef as J, useId as K, useMemo as i, useRef as Q, useState as O, useEffect as E, useImperativeHandle as X } from "react";
+import { c as tt } from "./index-D2ZczOXr.js";
+import { useTranslation as et } from "react-i18next";
+import ot from "react-apexcharts";
+import N from "apexcharts";
+import { u as rt, g as P } from "./apexcharts-theme-BJigns_V.js";
+import { u as at } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as nt } from "./registry-C9nwlNyL.js";
+const st = {
+  id: "chart",
+  capabilities: [],
+  state: {},
+  actions: {
+    update_series: {
+      safety: "read",
+      argsType: "series",
+      description: "Replace the chart series without remounting.",
+      invoke: (a, l) => {
+        a.updateSeries(l.series);
+      }
+    },
+    export_png: {
+      safety: "read",
+      description: "Return a PNG data URI of the chart for export or screenshotting.",
+      invoke: (a) => a.dataURI()
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "chart" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, it = tt("ds:relative ds:block ds:w-full", {
   variants: {
     density: {
       compact: "ds:min-h-[var(--chart-min-height-compact)]",
@@ -14,62 +42,64 @@ const at = X("ds:relative ds:block ds:w-full", {
     }
   },
   defaultVariants: { density: "comfortable" }
-}), nt = [
+}), ct = [
   "verticalLines",
   "horizontalLines",
   "slantedLines",
   "squares",
   "circles"
-], st = ["line", "bar", "area"], it = ["pie", "donut", "radialBar"];
-function g(r) {
-  return it.includes(r);
+], lt = ["line", "bar", "area"], dt = ["pie", "donut", "radialBar"];
+function g(a) {
+  return dt.includes(a);
 }
-function ct(r) {
-  return st.includes(r);
+function mt(a) {
+  return lt.includes(a);
 }
-function dt(r, l) {
+function ut(a, l) {
   return g(l) ? [
     {
       name: "",
-      data: r
+      data: a
     }
-  ] : r;
+  ] : a;
 }
-const lt = q(
+const ht = J(
   ({
-    title: r,
+    title: a,
     id: l,
-    type: a,
-    series: m,
+    type: r,
+    series: u,
     categories: p,
     labels: f,
-    height: P,
-    width: $,
-    patterns: R = !1,
+    height: $,
+    width: k,
+    patterns: I = !1,
     toolbar: v = !1,
-    locale: k,
-    density: G,
+    locale: G,
+    density: H,
     className: V
   }, _) => {
-    const { t: o, i18n: F } = tt(), I = J(), u = c(
-      () => `chart-${I.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [I]
-    ), T = `${u}-summary`, x = K(null), [C, H] = L(0);
-    ot(x);
-    const d = k ?? F.language ?? "en", [w, M] = L(() => {
-      try {
-        return N();
-      } catch {
-        return {};
+    const { t: o, i18n: F } = et(), C = K(), d = i(
+      () => `chart-${C.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [C]
+    ), T = `${d}-summary`, x = Q(null), [w, M] = O(0);
+    rt(x);
+    const m = G ?? F.language ?? "en", [A, U] = O(
+      () => {
+        try {
+          return P();
+        } catch {
+          return {};
+        }
       }
-    });
-    O(() => {
+    );
+    E(() => {
       if (typeof document > "u") return;
       let t;
       const e = new MutationObserver(() => {
         clearTimeout(t), t = setTimeout(() => {
           try {
-            M(N());
+            U(P());
           } catch {
           }
         }, 50);
@@ -80,33 +110,38 @@ const lt = q(
       }), () => {
         clearTimeout(t), e.disconnect();
       };
-    }, []), O(() => {
+    }, []), E(() => {
       const t = x.current;
       if (!t || typeof ResizeObserver > "u") return;
       const e = new ResizeObserver((n) => {
-        const i = n[0];
-        i && H(Math.floor(i.contentRect.width));
+        const c = n[0];
+        c && M(Math.floor(c.contentRect.width));
       });
       return e.observe(t), () => e.disconnect();
-    }, []), Q(_, () => ({
-      async dataURI() {
-        const t = E.getChartByID(u);
-        return t ? (await t.dataURI()).imgURI : "";
-      },
-      updateSeries(t) {
-        const e = E.getChartByID(u);
-        e && (g(a), e.updateSeries(t));
-      }
-    }));
-    const y = typeof document < "u" && document.documentElement.dir === "rtl", z = c(
-      () => dt(m, a),
-      [m, a]
-    ), h = c(
-      () => new Intl.NumberFormat(d),
-      [d]
-    ), A = c(
+    }, []);
+    const y = i(
+      () => ({
+        async dataURI() {
+          const t = N.getChartByID(d);
+          return t ? (await t.dataURI()).imgURI : "";
+        },
+        updateSeries(t) {
+          const e = N.getChartByID(d);
+          e && (g(r), e.updateSeries(t));
+        }
+      }),
+      [d, r]
+    );
+    X(_, () => y, [y]), nt(st, y, l);
+    const R = typeof document < "u" && document.documentElement.dir === "rtl", z = i(
+      () => ut(u, r),
+      [u, r]
+    ), h = i(
+      () => new Intl.NumberFormat(m),
+      [m]
+    ), L = i(
       () => ({
-        name: d,
+        name: m,
         options: {
           toolbar: {
             download: o("chart.toolbar.download"),
@@ -122,21 +157,21 @@ const lt = q(
           }
         }
       }),
-      [d, o]
-    ), S = rt(), U = c(() => {
-      const t = w, e = {
+      [m, o]
+    ), S = at(), D = i(() => {
+      const t = A, e = {
         ...t,
         chart: {
           ...t.chart,
-          id: u,
+          id: d,
           toolbar: { show: v },
           zoom: { enabled: v },
           animations: {
             enabled: !S,
             dynamicAnimation: { enabled: !S }
           },
-          locales: [A],
-          defaultLocale: d,
+          locales: [L],
+          defaultLocale: m,
           parentHeightOffset: 0
         },
         labels: f,
@@ -147,7 +182,7 @@ const lt = q(
           // to the chart's own text flow. For RTL we flip via `yaxis.opposite`
           // and ApexCharts' own `direction: 'rtl'` handling; legend stays anchored
           // to the inline-start by asking for 'left' on LTR and 'right' on RTL.
-          horizontalAlign: y ? "right" : "left",
+          horizontalAlign: R ? "right" : "left",
           fontFamily: "inherit"
         },
         tooltip: {
@@ -160,77 +195,86 @@ const lt = q(
           text: o("chart.noData")
         }
       };
-      return ct(a) && (e.xaxis = {
+      return mt(r) && (e.xaxis = {
         ...t.xaxis,
         categories: p ?? []
       }, e.yaxis = {
         ...t.yaxis,
-        opposite: y,
+        opposite: R,
         labels: {
           formatter: (n) => h.format(n)
         }
       }, e.stroke = {
         curve: "smooth",
-        width: a === "bar" ? 0 : 2
-      }, e.dataLabels = { enabled: !1 }), R ? e.fill = {
+        width: r === "bar" ? 0 : 2
+      }, e.dataLabels = { enabled: !1 }), I ? e.fill = {
         type: "pattern",
-        opacity: a === "area" ? 0.3 : 1,
+        opacity: r === "area" ? 0.3 : 1,
         pattern: {
-          style: [...nt],
+          style: [...ct],
           strokeWidth: 2
         }
-      } : a === "area" && (e.fill = {
+      } : r === "area" && (e.fill = {
         type: "gradient",
         opacity: 0.3
       }), e;
     }, [
-      w,
-      u,
-      v,
-      S,
       A,
       d,
+      v,
+      S,
+      L,
+      m,
       f,
       h,
       o,
-      a,
+      r,
       p,
-      y,
-      R
-    ]), D = $ ?? (C > 0 ? C : "100%"), W = P ?? 320, B = c(() => {
-      const t = g(a) ? f ?? [] : p ?? [], e = z;
+      R,
+      I
+    ]), W = k ?? (w > 0 ? w : "100%"), B = $ ?? 320, Y = i(() => {
+      const t = g(r) ? f ?? [] : p ?? [], e = z;
       return /* @__PURE__ */ b("table", { id: T, className: "ds:sr-only", children: [
-        /* @__PURE__ */ s("caption", { children: r }),
+        /* @__PURE__ */ s("caption", { children: a }),
         /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ b("tr", { children: [
           /* @__PURE__ */ s("th", { scope: "col", children: o("chart.table.series") }),
-          t.map((n, i) => /* @__PURE__ */ s("th", { scope: "col", children: n }, `${n}-${i}`))
+          t.map((n, c) => /* @__PURE__ */ s("th", { scope: "col", children: n }, `${n}-${c}`))
         ] }) }),
-        /* @__PURE__ */ s("tbody", { children: e.map((n, i) => /* @__PURE__ */ b("tr", { children: [
+        /* @__PURE__ */ s("tbody", { children: e.map((n, c) => /* @__PURE__ */ b("tr", { children: [
           /* @__PURE__ */ s("th", { scope: "row", children: n.name || o("chart.table.value") }),
-          n.data.map((Z, j) => /* @__PURE__ */ s("td", { children: h.format(Z) }, `${i}-${j}`))
-        ] }, `${n.name}-${i}`)) })
+          n.data.map((j, q) => /* @__PURE__ */ s("td", { children: h.format(j) }, `${c}-${q}`))
+        ] }, `${n.name}-${c}`)) })
       ] });
-    }, [a, z, f, p, T, r, o, h]), Y = c(() => (g(a), m), [m, a]);
+    }, [
+      r,
+      z,
+      f,
+      p,
+      T,
+      a,
+      o,
+      h
+    ]), Z = i(() => (g(r), u), [u, r]);
     return /* @__PURE__ */ b(
       "div",
       {
         ref: x,
         role: "img",
-        "aria-label": r,
+        "aria-label": a,
         "aria-describedby": T,
-        className: at({ density: G, className: V }),
+        className: it({ density: H, className: V }),
         "data-component": "chart",
         "data-component-id": l,
         children: [
-          B,
+          Y,
           /* @__PURE__ */ s(
-            et,
+            ot,
             {
-              type: a,
-              series: Y,
-              options: U,
-              width: D,
-              height: W,
+              type: r,
+              series: Z,
+              options: D,
+              width: W,
+              height: B,
               "aria-hidden": "true"
             }
           )
@@ -239,38 +283,10 @@ const lt = q(
     );
   }
 );
-lt.displayName = "Chart";
-const Tt = {
-  id: "chart",
-  capabilities: [],
-  state: {},
-  actions: {
-    update_series: {
-      safety: "read",
-      argsType: "series",
-      description: "Replace the chart series without remounting.",
-      invoke: (r, l) => {
-        r.updateSeries(l.series);
-      }
-    },
-    export_png: {
-      safety: "read",
-      description: "Return a PNG data URI of the chart for export or screenshotting.",
-      invoke: (r) => r.dataURI()
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "chart" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-};
+ht.displayName = "Chart";
 export {
-  lt as C,
-  at as a,
-  Tt as c
+  ht as C,
+  it as a,
+  st as c
 };
-//# sourceMappingURL=chart.agent-_pRYS17d.js.map
+//# sourceMappingURL=chart-BLvFl169.js.map