@alfadocs/ui-kit 0.1.9 → 0.2.0

package/dist/_chunks/{timeline.agent-CRPza9wc.js → timeline-BvmnQadS.js}

@@ -1,21 +1,60 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as m, useMemo as N, useRef as T, useState as R, useCallback as V, useImperativeHandle as I, useContext as v, createContext as C } from "react";
-import { c as g } from "./index-D2ZczOXr.js";
-import { useTranslation as O } from "react-i18next";
+import { forwardRef as m, useMemo as p, useRef as w, useState as V, useCallback as I, useImperativeHandle as O, useContext as u, createContext as C } from "react";
+import { c as b } from "./index-D2ZczOXr.js";
+import { useTranslation as A } from "react-i18next";
 import { A as P } from "./avatar-Dcr6XuDQ.js";
-import { C as w } from "./card-BEy58ZKp.js";
-import { T as A } from "./timestamp-BV2lC-wV.js";
-import { C as B } from "./circle-BkqTgYmt.js";
-import { X as q } from "./x-CCcI3eJp.js";
-import { T as D } from "./triangle-alert-CBPUIzQo.js";
-import { C as H } from "./check-DPdL_Sm7.js";
-import { I as M } from "./info-B9XNKn05.js";
-const u = C({
+import { C as N } from "./card-CWzuTLYE.js";
+import { T as B } from "./timestamp-BV2lC-wV.js";
+import { u as H } from "./registry-C9nwlNyL.js";
+import { C as q } from "./circle-BkqTgYmt.js";
+import { X as D } from "./x-CCcI3eJp.js";
+import { T as M } from "./triangle-alert-CBPUIzQo.js";
+import { C as $ } from "./check-DPdL_Sm7.js";
+import { I as F } from "./info-B9XNKn05.js";
+const K = {
+  id: "timeline",
+  capabilities: ["pick", "range_navigate"],
+  state: {
+    selectedEvent: {
+      type: "string | null",
+      descriptionKey: "ui.agent.timeline.state.selectedEvent",
+      description: "Opaque event id of the currently-active event, or null.",
+      read: (t) => t.getSelectedEvent()
+    }
+  },
+  actions: {
+    select_event: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.timeline.actions.selectEvent",
+      description: "Scroll the given event into view and mark it as selected.",
+      invoke: (t, r) => {
+        t.selectEvent(r.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "timeline",
+      description: "Marks the Timeline root."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-event-id",
+      description: "Opaque event id emitted on each Timeline.Event when the `eventId` prop is provided."
+    }
+  }
+}, v = C({
   layout: "rail-start",
   order: "newest-first"
-}), p = C({
+}), g = C({
   type: "neutral"
-}), $ = g("ds:flex ds:flex-col", {
+}), U = b("ds:flex ds:flex-col", {
   variants: {
     layout: {
       "rail-start": "ds:ps-4",
@@ -28,7 +67,7 @@ const u = C({
     }
   },
   defaultVariants: { layout: "rail-start", order: "newest-first" }
-}), F = g(
+}), W = b(
   "ds:relative ds:flex ds:gap-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
   {
     variants: {
@@ -53,7 +92,7 @@ const u = C({
     },
     defaultVariants: { layout: "rail-start" }
   }
-), K = g(
+), Y = b(
   [
     "ds:relative ds:z-10 ds:flex ds:items-center ds:justify-center",
     "ds:rounded-[var(--radius-full)] ds:shrink-0",
@@ -72,12 +111,12 @@ const u = C({
     },
     defaultVariants: { type: "neutral" }
   }
-), U = {
-  info: /* @__PURE__ */ e(M, { size: 16, "aria-hidden": "true" }),
-  success: /* @__PURE__ */ e(H, { size: 16, "aria-hidden": "true" }),
-  warning: /* @__PURE__ */ e(D, { size: 16, "aria-hidden": "true" }),
-  error: /* @__PURE__ */ e(q, { size: 16, "aria-hidden": "true" }),
-  neutral: /* @__PURE__ */ e(B, { size: 16, "aria-hidden": "true" })
+), X = {
+  info: /* @__PURE__ */ e(F, { size: 16, "aria-hidden": "true" }),
+  success: /* @__PURE__ */ e($, { size: 16, "aria-hidden": "true" }),
+  warning: /* @__PURE__ */ e(M, { size: 16, "aria-hidden": "true" }),
+  error: /* @__PURE__ */ e(D, { size: 16, "aria-hidden": "true" }),
+  neutral: /* @__PURE__ */ e(q, { size: 16, "aria-hidden": "true" })
 }, E = m(
   ({
     layout: t = "rail-start",
@@ -86,31 +125,30 @@ const u = C({
     children: i,
     ...n
   }, a) => {
-    const d = N(() => ({ layout: t, order: r }), [t, r]), l = T(null), [o, z] = R(null), b = T(null);
-    b.current = o;
-    const h = V((x) => {
-      var y;
-      z(x);
-      const f = (y = l.current) == null ? void 0 : y.querySelector(
-        `[data-event-id="${x}"]`
+    const d = p(() => ({ layout: t, order: r }), [t, r]), o = w(null), [l, z] = V(null), h = w(null);
+    h.current = l;
+    const x = I((y) => {
+      var T;
+      z(y);
+      const f = (T = o.current) == null ? void 0 : T.querySelector(
+        `[data-event-id="${y}"]`
       );
       f == null || f.scrollIntoView({ block: "center", behavior: "auto" });
-    }, []);
-    return I(
-      a,
+    }, []), R = p(
       () => ({
-        getSelectedEvent: () => b.current,
-        selectEvent: h
+        getSelectedEvent: () => h.current,
+        selectEvent: x
       }),
-      [h]
-    ), /* @__PURE__ */ e(u.Provider, { value: d, children: /* @__PURE__ */ e(
+      [x]
+    );
+    return O(a, () => o.current, []), H(K, R, n.id), /* @__PURE__ */ e(v.Provider, { value: d, children: /* @__PURE__ */ e(
       "ol",
       {
-        ref: l,
+        ref: o,
         "data-component": "timeline",
         "data-component-id": n.id,
-        "data-selected-event": o ?? void 0,
-        className: $({ layout: t, order: r, className: s }),
+        "data-selected-event": l ?? void 0,
+        className: U({ layout: t, order: r, className: s }),
         ...n,
         children: i
       }
@@ -120,8 +158,8 @@ const u = C({
 E.displayName = "Timeline";
 const S = m(
   ({ type: t = "neutral", eventId: r, className: s, children: i, ...n }, a) => {
-    const { layout: d } = v(u), { t: l } = O(), o = N(() => ({ type: t }), [t]);
-    return d === "alternating" ? /* @__PURE__ */ e(p.Provider, { value: o, children: /* @__PURE__ */ c(
+    const { layout: d } = u(v), { t: o } = A(), l = p(() => ({ type: t }), [t]);
+    return d === "alternating" ? /* @__PURE__ */ e(g.Provider, { value: l, children: /* @__PURE__ */ c(
       "li",
       {
         ref: a,
@@ -129,19 +167,19 @@ const S = m(
         className: ["ds:contents", s].filter(Boolean).join(" "),
         ...n,
         children: [
-          /* @__PURE__ */ e("span", { className: "ds:sr-only", children: l(`ui.timeline.type.${t}`) }),
+          /* @__PURE__ */ e("span", { className: "ds:sr-only", children: o(`ui.timeline.type.${t}`) }),
           i
         ]
       }
-    ) }) : /* @__PURE__ */ e(p.Provider, { value: o, children: /* @__PURE__ */ c(
+    ) }) : /* @__PURE__ */ e(g.Provider, { value: l, children: /* @__PURE__ */ c(
       "li",
       {
         ref: a,
         "data-event-id": r,
-        className: F({ layout: d, className: s }),
+        className: W({ layout: d, className: s }),
         ...n,
         children: [
-          /* @__PURE__ */ e("span", { className: "ds:sr-only", children: l(`ui.timeline.type.${t}`) }),
+          /* @__PURE__ */ e("span", { className: "ds:sr-only", children: o(`ui.timeline.type.${t}`) }),
           i
         ]
       }
@@ -151,14 +189,14 @@ const S = m(
 S.displayName = "Timeline.Event";
 const _ = m(
   ({ icon: t, className: r, ...s }, i) => {
-    const { type: n } = v(p), { layout: a } = v(u), d = /* @__PURE__ */ e(
+    const { type: n } = u(g), { layout: a } = u(v), d = /* @__PURE__ */ e(
       "div",
       {
         ref: i,
         "aria-hidden": "true",
-        className: K({ type: n, className: r }),
+        className: Y({ type: n, className: r }),
         ...s,
-        children: t ?? U[n]
+        children: t ?? X[n]
       }
     );
     return a === "alternating" ? /* @__PURE__ */ c(
@@ -178,7 +216,7 @@ const _ = m(
 _.displayName = "Timeline.Dot";
 const k = m(
   ({ title: t, description: r, actor: s, children: i, className: n, ...a }, d) => {
-    const { layout: l } = v(u), o = /* @__PURE__ */ e(
+    const { layout: o } = u(v), l = /* @__PURE__ */ e(
       "div",
       {
         ref: d,
@@ -188,7 +226,7 @@ const k = m(
           n
         ].filter(Boolean).join(" "),
         ...a,
-        children: /* @__PURE__ */ e(w, { variant: "outlined", children: /* @__PURE__ */ c(w.Body, { children: [
+        children: /* @__PURE__ */ e(N, { variant: "outlined", children: /* @__PURE__ */ c(N.Body, { children: [
           /* @__PURE__ */ e("p", { className: "type-label ds:text-[var(--foreground)]", children: t }),
           r && /* @__PURE__ */ e("p", { className: "ds:mt-[var(--spacing-xs)] type-body-sm ds:text-[var(--muted-foreground)]", children: r }),
           s && /* @__PURE__ */ c("div", { className: "ds:mt-[var(--spacing-sm)] ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
@@ -199,11 +237,11 @@ const k = m(
         ] }) })
       }
     );
-    return l === "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: o }) : o;
+    return o === "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: l }) : l;
   }
 );
 k.displayName = "Timeline.Content";
-const W = 1440 * 60 * 1e3, j = m(
+const G = 1440 * 60 * 1e3, j = m(
   ({
     date: t,
     relative: r = !0,
@@ -211,12 +249,12 @@ const W = 1440 * 60 * 1e3, j = m(
     className: i,
     ...n
   }, a) => /* @__PURE__ */ e(
-    A,
+    B,
     {
       ref: a,
       value: t,
       format: r ? "relative" : "absolute",
-      relativeWindow: r ? W : void 0,
+      relativeWindow: r ? G : void 0,
       absoluteFormat: s,
       className: [
         "ds:text-[var(--muted-foreground)]",
@@ -228,52 +266,14 @@ const W = 1440 * 60 * 1e3, j = m(
   )
 );
 j.displayName = "Timeline.Timestamp";
-const ie = Object.assign(E, {
+const le = Object.assign(E, {
   Event: S,
   Dot: _,
   Content: k,
   Timestamp: j
-}), ae = {
-  id: "timeline",
-  capabilities: ["pick", "range_navigate"],
-  state: {
-    selectedEvent: {
-      type: "string | null",
-      descriptionKey: "ui.agent.timeline.state.selectedEvent",
-      description: "Opaque event id of the currently-active event, or null.",
-      read: (t) => t.getSelectedEvent()
-    }
-  },
-  actions: {
-    select_event: {
-      safety: "read",
-      argsType: "{ id: string }",
-      descriptionKey: "ui.agent.timeline.actions.selectEvent",
-      description: "Scroll the given event into view and mark it as selected.",
-      invoke: (t, r) => {
-        t.selectEvent(r.id);
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "timeline",
-      description: "Marks the Timeline root."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    },
-    item: {
-      attr: "data-event-id",
-      description: "Opaque event id emitted on each Timeline.Event when the `eventId` prop is provided."
-    }
-  }
-};
+});
 export {
-  ie as T,
-  ae as t
+  le as T,
+  K as t
 };
-//# sourceMappingURL=timeline.agent-CRPza9wc.js.map
+//# sourceMappingURL=timeline-BvmnQadS.js.map

package/dist/_chunks/{toast.agent-BjEGuq1Z.js → toast.agent-BwKXA0km.js}

@@ -2,7 +2,7 @@ import { jsx as P, jsxs as Ht } from "react/jsx-runtime";
 import s, { useState as Ot, useEffect as jt } from "react";
 import te from "react-dom";
 import { useTranslation as ee } from "react-i18next";
-import { I as ae } from "./icon-button-Wnnde5lc.js";
+import { I as ae } from "./icon-button-C4CGcYuz.js";
 import { X as se } from "./x-CCcI3eJp.js";
 import { C as oe } from "./circle-x-Du2CmjaU.js";
 import { T as ne } from "./triangle-alert-CBPUIzQo.js";
@@ -748,10 +748,38 @@ const Ae = /* @__PURE__ */ s.forwardRef(function(a, e) {
     })) : null;
   }));
 }), ze = {
-  info: /* @__PURE__ */ P(ie, { "aria-hidden": "true", size: 20, className: "ds:shrink-0 ds:text-[var(--info)]" }),
-  success: /* @__PURE__ */ P(re, { "aria-hidden": "true", size: 20, className: "ds:shrink-0 ds:text-[var(--success)]" }),
-  warning: /* @__PURE__ */ P(ne, { "aria-hidden": "true", size: 20, className: "ds:shrink-0 ds:text-[var(--warning)]" }),
-  error: /* @__PURE__ */ P(oe, { "aria-hidden": "true", size: 20, className: "ds:shrink-0 ds:text-[var(--destructive)]" })
+  info: /* @__PURE__ */ P(
+    ie,
+    {
+      "aria-hidden": "true",
+      size: 20,
+      className: "ds:shrink-0 ds:text-[var(--info)]"
+    }
+  ),
+  success: /* @__PURE__ */ P(
+    re,
+    {
+      "aria-hidden": "true",
+      size: 20,
+      className: "ds:shrink-0 ds:text-[var(--success)]"
+    }
+  ),
+  warning: /* @__PURE__ */ P(
+    ne,
+    {
+      "aria-hidden": "true",
+      size: 20,
+      className: "ds:shrink-0 ds:text-[var(--warning)]"
+    }
+  ),
+  error: /* @__PURE__ */ P(
+    oe,
+    {
+      "aria-hidden": "true",
+      size: 20,
+      className: "ds:shrink-0 ds:text-[var(--destructive)]"
+    }
+  )
 };
 let $t = "Close", Nt = !1;
 const et = /* @__PURE__ */ new Set();
@@ -785,7 +813,10 @@ function Oe({
     const i = new MutationObserver(() => {
       b(document.documentElement.dir || "ltr");
     });
-    return i.observe(document.documentElement, { attributes: !0, attributeFilter: ["dir"] }), () => i.disconnect();
+    return i.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["dir"]
+    }), () => i.disconnect();
   }, [c]), c ? /* @__PURE__ */ P(
     Ae,
     {
@@ -825,7 +856,14 @@ function je(o, a, e, n) {
     ze[o],
     /* @__PURE__ */ Ht("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
       /* @__PURE__ */ P("span", { dir: "auto", className: "type-label ds:leading-snug ds:break-words", children: a }),
-      n && /* @__PURE__ */ P("span", { dir: "auto", className: "type-body-sm ds:text-[var(--muted-foreground)] ds:break-words", children: n })
+      n && /* @__PURE__ */ P(
+        "span",
+        {
+          dir: "auto",
+          className: "type-body-sm ds:text-[var(--muted-foreground)] ds:break-words",
+          children: n
+        }
+      )
     ] }),
     /* @__PURE__ */ P(
       ae,
@@ -942,4 +980,4 @@ export {
   Je as e,
   ea as t
 };
-//# sourceMappingURL=toast.agent-BjEGuq1Z.js.map
+//# sourceMappingURL=toast.agent-BwKXA0km.js.map