@alfadocs/ui-kit 0.1.7 → 0.1.9

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

@@ -1,12 +1,12 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { forwardRef as j, useId as q, useMemo as c, useRef as J, useState as A, useEffect as L, useImperativeHandle as K } from "react";
-import { c as Q } from "./index-D2ZczOXr.js";
-import { useTranslation as X } from "react-i18next";
-import tt from "react-apexcharts";
-import O from "apexcharts";
-import { u as et, g as E } from "./apexcharts-theme-BkSShpEy.js";
+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 ot = Q("ds:relative ds:block ds:w-full", {
+const at = X("ds:relative ds:block ds:w-full", {
   variants: {
     density: {
       compact: "ds:min-h-[var(--chart-min-height-compact)]",
@@ -14,61 +14,62 @@ const ot = Q("ds:relative ds:block ds:w-full", {
     }
   },
   defaultVariants: { density: "comfortable" }
-}), at = [
+}), nt = [
   "verticalLines",
   "horizontalLines",
   "slantedLines",
   "squares",
   "circles"
-], nt = ["line", "bar", "area"], st = ["pie", "donut", "radialBar"];
-function b(a) {
-  return st.includes(a);
+], st = ["line", "bar", "area"], it = ["pie", "donut", "radialBar"];
+function g(r) {
+  return it.includes(r);
 }
-function it(a) {
-  return nt.includes(a);
+function ct(r) {
+  return st.includes(r);
 }
-function ct(a, r) {
-  return b(r) ? [
+function dt(r, l) {
+  return g(l) ? [
     {
       name: "",
-      data: a
+      data: r
     }
-  ] : a;
+  ] : r;
 }
-const lt = j(
+const lt = q(
   ({
-    title: a,
-    type: r,
-    series: l,
-    categories: h,
+    title: r,
+    id: l,
+    type: a,
+    series: m,
+    categories: p,
     labels: f,
-    height: N,
+    height: P,
     width: $,
     patterns: R = !1,
-    toolbar: g = !1,
-    locale: P,
-    density: k,
-    className: G
-  }, V) => {
-    const { t: o, i18n: _ } = X(), S = q(), m = c(
-      () => `chart-${S.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [S]
-    ), v = `${m}-summary`, T = J(null), [I, F] = A(0);
-    et(T);
-    const d = P ?? _.language ?? "en", [C, H] = A(() => {
+    toolbar: v = !1,
+    locale: k,
+    density: G,
+    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 E();
+        return N();
       } catch {
         return {};
       }
     });
-    L(() => {
+    O(() => {
       if (typeof document > "u") return;
       let t;
       const e = new MutationObserver(() => {
         clearTimeout(t), t = setTimeout(() => {
           try {
-            H(E());
+            M(N());
           } catch {
           }
         }, 50);
@@ -79,31 +80,31 @@ const lt = j(
       }), () => {
         clearTimeout(t), e.disconnect();
       };
-    }, []), L(() => {
-      const t = T.current;
+    }, []), O(() => {
+      const t = x.current;
       if (!t || typeof ResizeObserver > "u") return;
       const e = new ResizeObserver((n) => {
         const i = n[0];
-        i && F(Math.floor(i.contentRect.width));
+        i && H(Math.floor(i.contentRect.width));
       });
       return e.observe(t), () => e.disconnect();
-    }, []), K(V, () => ({
+    }, []), Q(_, () => ({
       async dataURI() {
-        const t = O.getChartByID(m);
+        const t = E.getChartByID(u);
         return t ? (await t.dataURI()).imgURI : "";
       },
       updateSeries(t) {
-        const e = O.getChartByID(m);
-        e && (b(r), e.updateSeries(t));
+        const e = E.getChartByID(u);
+        e && (g(a), e.updateSeries(t));
       }
     }));
-    const x = typeof document < "u" && document.documentElement.dir === "rtl", w = c(
-      () => ct(l, r),
-      [l, r]
-    ), u = c(
+    const y = typeof document < "u" && document.documentElement.dir === "rtl", z = c(
+      () => dt(m, a),
+      [m, a]
+    ), h = c(
       () => new Intl.NumberFormat(d),
       [d]
-    ), z = c(
+    ), A = c(
       () => ({
         name: d,
         options: {
@@ -122,19 +123,19 @@ const lt = j(
         }
       }),
       [d, o]
-    ), y = rt(), M = c(() => {
-      const t = C, e = {
+    ), S = rt(), U = c(() => {
+      const t = w, e = {
         ...t,
         chart: {
           ...t.chart,
-          id: m,
-          toolbar: { show: g },
-          zoom: { enabled: g },
+          id: u,
+          toolbar: { show: v },
+          zoom: { enabled: v },
           animations: {
-            enabled: !y,
-            dynamicAnimation: { enabled: !y }
+            enabled: !S,
+            dynamicAnimation: { enabled: !S }
           },
-          locales: [z],
+          locales: [A],
           defaultLocale: d,
           parentHeightOffset: 0
         },
@@ -146,89 +147,90 @@ const lt = j(
           // 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: x ? "right" : "left",
+          horizontalAlign: y ? "right" : "left",
           fontFamily: "inherit"
         },
         tooltip: {
           ...t.tooltip,
           y: {
-            formatter: (n) => u.format(n)
+            formatter: (n) => h.format(n)
           }
         },
         noData: {
           text: o("chart.noData")
         }
       };
-      return it(r) && (e.xaxis = {
+      return ct(a) && (e.xaxis = {
         ...t.xaxis,
-        categories: h ?? []
+        categories: p ?? []
       }, e.yaxis = {
         ...t.yaxis,
-        opposite: x,
+        opposite: y,
         labels: {
-          formatter: (n) => u.format(n)
+          formatter: (n) => h.format(n)
         }
       }, e.stroke = {
         curve: "smooth",
-        width: r === "bar" ? 0 : 2
+        width: a === "bar" ? 0 : 2
       }, e.dataLabels = { enabled: !1 }), R ? e.fill = {
         type: "pattern",
-        opacity: r === "area" ? 0.3 : 1,
+        opacity: a === "area" ? 0.3 : 1,
         pattern: {
-          style: [...at],
+          style: [...nt],
           strokeWidth: 2
         }
-      } : r === "area" && (e.fill = {
+      } : a === "area" && (e.fill = {
         type: "gradient",
         opacity: 0.3
       }), e;
     }, [
-      C,
-      m,
-      g,
-      y,
-      z,
+      w,
+      u,
+      v,
+      S,
+      A,
       d,
       f,
-      u,
-      o,
-      r,
       h,
-      x,
+      o,
+      a,
+      p,
+      y,
       R
-    ]), U = $ ?? (I > 0 ? I : "100%"), D = N ?? 320, W = c(() => {
-      const t = b(r) ? f ?? [] : h ?? [], e = w;
-      return /* @__PURE__ */ p("table", { id: v, className: "ds:sr-only", children: [
-        /* @__PURE__ */ s("caption", { children: a }),
-        /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ p("tr", { children: [
+    ]), D = $ ?? (C > 0 ? C : "100%"), W = P ?? 320, B = c(() => {
+      const t = g(a) ? f ?? [] : p ?? [], e = z;
+      return /* @__PURE__ */ b("table", { id: T, className: "ds:sr-only", children: [
+        /* @__PURE__ */ s("caption", { children: r }),
+        /* @__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}`))
         ] }) }),
-        /* @__PURE__ */ s("tbody", { children: e.map((n, i) => /* @__PURE__ */ p("tr", { children: [
+        /* @__PURE__ */ s("tbody", { children: e.map((n, i) => /* @__PURE__ */ b("tr", { children: [
           /* @__PURE__ */ s("th", { scope: "row", children: n.name || o("chart.table.value") }),
-          n.data.map((Y, Z) => /* @__PURE__ */ s("td", { children: u.format(Y) }, `${i}-${Z}`))
+          n.data.map((Z, j) => /* @__PURE__ */ s("td", { children: h.format(Z) }, `${i}-${j}`))
         ] }, `${n.name}-${i}`)) })
       ] });
-    }, [r, w, f, h, v, a, o, u]), B = c(() => (b(r), l), [l, r]);
-    return /* @__PURE__ */ p(
+    }, [a, z, f, p, T, r, o, h]), Y = c(() => (g(a), m), [m, a]);
+    return /* @__PURE__ */ b(
       "div",
       {
-        ref: T,
+        ref: x,
         role: "img",
-        "aria-label": a,
-        "aria-describedby": v,
-        className: ot({ density: k, className: G }),
+        "aria-label": r,
+        "aria-describedby": T,
+        className: at({ density: G, className: V }),
         "data-component": "chart",
+        "data-component-id": l,
         children: [
-          W,
+          B,
           /* @__PURE__ */ s(
-            tt,
+            et,
             {
-              type: r,
-              series: B,
-              options: M,
-              width: U,
-              height: D,
+              type: a,
+              series: Y,
+              options: U,
+              width: D,
+              height: W,
               "aria-hidden": "true"
             }
           )
@@ -238,7 +240,7 @@ const lt = j(
   }
 );
 lt.displayName = "Chart";
-const vt = {
+const Tt = {
   id: "chart",
   capabilities: [],
   state: {},
@@ -247,23 +249,28 @@ const vt = {
       safety: "read",
       argsType: "series",
       description: "Replace the chart series without remounting.",
-      invoke: (a, r) => {
-        a.updateSeries(r.series);
+      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: (a) => a.dataURI()
+      invoke: (r) => r.dataURI()
     }
   },
   domHooks: {
-    root: { attr: "data-component", value: "chart" }
+    root: { attr: "data-component", value: "chart" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
   }
 };
 export {
   lt as C,
-  ot as a,
-  vt as c
+  at as a,
+  Tt as c
 };
-//# sourceMappingURL=chart.agent-BdS-_8MO.js.map
+//# sourceMappingURL=chart.agent-_pRYS17d.js.map

package/dist/_chunks/{chat-container-Cm3SlR2p.js → chat-container-Dl0Kfy5a.js}

@@ -1,12 +1,12 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { forwardRef as z, useRef as h, useState as R, useCallback as V, useImperativeHandle as L, useEffect as B, useLayoutEffect as C } from "react";
+import { forwardRef as R, useRef as h, useState as V, useCallback as L, useImperativeHandle as B, useEffect as C, useLayoutEffect as E } from "react";
 import { c as b } from "./index-D2ZczOXr.js";
-import { useTranslation as E } from "react-i18next";
-import { u as O } from "./index-CJE9uQmb.js";
-import { F as j } from "./floating-action-button-Cnw-f6AG.js";
-import { u as H } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { C as M } from "./chevron-down-BX_NP2Yh.js";
-const S = b(
+import { useTranslation as O } from "react-i18next";
+import { u as j } from "./index-CJE9uQmb.js";
+import { F as H } from "./floating-action-button-Cnw-f6AG.js";
+import { u as M } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { C as S } from "./chevron-down-BX_NP2Yh.js";
+const $ = b(
   "ds:relative ds:flex ds:w-full ds:flex-col ds:overflow-hidden ds:bg-background",
   {
     variants: {
@@ -17,7 +17,7 @@ const S = b(
     },
     defaultVariants: { density: "default" }
   }
-), $ = b(
+), D = b(
   [
     "ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden",
     "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
@@ -37,17 +37,18 @@ const S = b(
     "ds:[.theme-accessible_&]:[mask-image:none]",
     "ds:forced-colors:[mask-image:none]"
   ].join(" ")
-), D = 100, F = 48, K = z(
+), F = 100, K = 48, P = R(
   ({
     messages: a,
     composer: m,
     density: x = "default",
     className: w,
+    id: N,
     onAutoScrollChange: o,
-    showScrollToLatest: N = !1,
-    ...k
-  }, I) => {
-    const { t: u } = E(), n = h(null), f = h(null), [d, y] = R(!0), p = H(), i = V(
+    showScrollToLatest: k = !1,
+    ...I
+  }, y) => {
+    const { t: u } = O(), n = h(null), f = h(null), [d, T] = V(!0), p = M(), i = L(
       (s) => {
         const e = n.current;
         if (!e) return;
@@ -56,35 +57,35 @@ const S = b(
       },
       [p]
     );
-    L(
-      I,
+    B(
+      y,
       () => ({
         scrollToBottom: i,
         getScrollViewport: () => n.current
       }),
       [i]
-    ), B(() => {
+    ), C(() => {
       const s = n.current, e = f.current;
       if (!s || !e) return;
       const r = new IntersectionObserver(
-        (_) => {
-          const g = _[0];
-          y(g.isIntersecting), o == null || o(g.isIntersecting);
+        (z) => {
+          const g = z[0];
+          T(g.isIntersecting), o == null || o(g.isIntersecting);
         },
         {
           root: s,
           // Fire when the sentinel is within BOTTOM_SLACK_PX of being visible.
-          rootMargin: `0px 0px ${F}px 0px`,
+          rootMargin: `0px 0px ${K}px 0px`,
           threshold: 0
         }
       );
       return r.observe(e), () => r.disconnect();
     }, [o]);
-    const T = a.length;
-    C(() => {
+    const _ = a.length;
+    E(() => {
       d && i({ smooth: !1 });
-    }, [T, d, i]);
-    const v = a.length > D, l = O({
+    }, [_, d, i]);
+    const v = a.length > F, l = j({
       count: v ? a.length : 0,
       getScrollElement: () => n.current,
       estimateSize: () => 80,
@@ -94,7 +95,7 @@ const S = b(
         return ((e = a[s]) == null ? void 0 : e.id) ?? s;
       }
     });
-    return /* @__PURE__ */ c("div", { className: S({ density: x, className: w }), "data-component": "chat-container", ...k, children: [
+    return /* @__PURE__ */ c("div", { className: $({ density: x, className: w }), "data-component": "chat-container", "data-component-id": N, ...I, children: [
       /* @__PURE__ */ c("div", { className: "ds:relative ds:flex-1 ds:min-h-0 ds:flex ds:flex-col", children: [
         /* @__PURE__ */ c(
           "div",
@@ -105,7 +106,7 @@ const S = b(
             "aria-relevant": "additions",
             "aria-label": u("ui.chat.container"),
             tabIndex: 0,
-            className: $(),
+            className: D(),
             children: [
               v ? /* @__PURE__ */ t(
                 "ol",
@@ -132,7 +133,7 @@ const S = b(
             ]
           }
         ),
-        N && !d ? /* @__PURE__ */ t(
+        k && !d ? /* @__PURE__ */ t(
           "div",
           {
             className: [
@@ -150,9 +151,9 @@ const S = b(
               "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
             ].join(" "),
             children: /* @__PURE__ */ t("div", { className: "ds:pointer-events-auto", children: /* @__PURE__ */ t(
-              j,
+              H,
               {
-                icon: /* @__PURE__ */ t(M, {}),
+                icon: /* @__PURE__ */ t(S, {}),
                 "aria-label": u("ui.chat.scrollToLatest"),
                 size: "sm",
                 variant: "secondary",
@@ -167,8 +168,8 @@ const S = b(
     ] });
   }
 );
-K.displayName = "ChatContainer";
+P.displayName = "ChatContainer";
 export {
-  K as C
+  P as C
 };
-//# sourceMappingURL=chat-container-Cm3SlR2p.js.map
+//# sourceMappingURL=chat-container-Dl0Kfy5a.js.map

package/dist/_chunks/{chat-container.agent-Dhw9xCJt.js → chat-container.agent-CM4WModE.js}

@@ -1,4 +1,4 @@
-const a = {
+const e = {
   id: "chat-container",
   capabilities: ["navigate"],
   state: {},
@@ -13,10 +13,15 @@ const a = {
     }
   },
   domHooks: {
-    root: { attr: "data-component", value: "chat-container" }
+    root: { attr: "data-component", value: "chat-container" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
   }
 };
 export {
-  a as c
+  e as c
 };
-//# sourceMappingURL=chat-container.agent-Dhw9xCJt.js.map
+//# sourceMappingURL=chat-container.agent-CM4WModE.js.map