@alfadocs/ui-kit 0.1.8 → 0.1.9

package/dist/_chunks/time-picker-B8AMIrX7.js

@@ -0,0 +1,410 @@
+import { jsxs as ve, jsx as B } from "react/jsx-runtime";
+import { forwardRef as ge, useState as O, useCallback as U, useRef as z, useEffect as ye, useMemo as be, useImperativeHandle as we } from "react";
+import { c as N } from "./index-D2ZczOXr.js";
+import { useTranslation as ke } from "react-i18next";
+import { u as xe } from "./form-field-context-94LwgYTQ.js";
+import { u as Te } from "./registry-C9nwlNyL.js";
+const De = {
+  id: "time-picker",
+  capabilities: ["pick", "open", "close"],
+  state: {
+    value: {
+      type: "HH:MM",
+      descriptionKey: "ui.agent.timePicker.state.value",
+      description: "Currently-selected time as 24h HH:MM (always present — defaults to 00:00 when unset).",
+      read: (t) => {
+        const n = t.getValue();
+        if (!n) return null;
+        const u = String(n.hours).padStart(2, "0"), f = String(n.minutes).padStart(2, "0");
+        return `${u}:${f}`;
+      }
+    },
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.timePicker.state.isOpen",
+      description: "Whether the time popover is open. TimePicker has no popover of its own; always false.",
+      read: (t) => t.isOpen()
+    }
+  },
+  actions: {
+    set_time: {
+      safety: "write",
+      argsType: "{ time: string }",
+      descriptionKey: "ui.agent.timePicker.actions.setTime",
+      description: "Set the time using a 24h HH:MM string.",
+      invoke: (t, n) => {
+        const [u, f] = n.time.split(":");
+        t.setValue({
+          hours: Number.parseInt(u ?? "0", 10),
+          minutes: Number.parseInt(f ?? "0", 10)
+        });
+      }
+    },
+    clear: {
+      safety: "destructive",
+      descriptionKey: "ui.agent.timePicker.actions.clear",
+      description: "Clear the time (resets to 00:00).",
+      invoke: (t) => {
+        t.clear();
+      }
+    },
+    open: {
+      safety: "read",
+      descriptionKey: "ui.agent.timePicker.actions.open",
+      description: "No-op: TimePicker has no popover of its own.",
+      invoke: (t) => {
+        t.open();
+      }
+    },
+    close: {
+      safety: "read",
+      descriptionKey: "ui.agent.timePicker.actions.close",
+      description: "No-op: TimePicker has no popover of its own.",
+      invoke: (t) => {
+        t.close();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "time-picker",
+      description: "Marks the TimePicker wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+};
+function Pe(t) {
+  try {
+    const n = new Intl.DateTimeFormat(t, {
+      hour: "numeric"
+    }).resolvedOptions();
+    return n.hourCycle === "h12" || n.hourCycle === "h11";
+  } catch {
+    return !1;
+  }
+}
+function Me(t) {
+  var n, u;
+  try {
+    const f = ((n = new Intl.DateTimeFormat(t, {
+      hour: "numeric",
+      hour12: !0
+    }).formatToParts(new Date(2e3, 0, 1, 9)).find((k) => k.type === "dayPeriod")) == null ? void 0 : n.value) ?? "AM", m = ((u = new Intl.DateTimeFormat(t, {
+      hour: "numeric",
+      hour12: !0
+    }).formatToParts(new Date(2e3, 0, 1, 15)).find((k) => k.type === "dayPeriod")) == null ? void 0 : u.value) ?? "PM";
+    return { am: f, pm: m };
+  } catch {
+    return { am: "AM", pm: "PM" };
+  }
+}
+function w(t, n, u) {
+  return Math.min(u, Math.max(n, t));
+}
+function S(t, n) {
+  return Math.round(t / n) * n;
+}
+function q(t) {
+  return t === 0 ? 12 : t > 12 ? t - 12 : t;
+}
+function C(t, n) {
+  return n ? t === 12 ? 12 : t + 12 : t === 12 ? 0 : t;
+}
+const He = N(
+  [
+    "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 = N(
+  [
+    "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" }
+  }
+), ze = N(
+  [
+    "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" }
+  }
+), Ke = N("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" }
+}), Ve = ge(
+  ({
+    value: t,
+    defaultValue: n,
+    onChange: u,
+    hour12: f,
+    minuteStep: m = 1,
+    fullWidthSeparator: k = !1,
+    periodLabels: J,
+    size: x = "md",
+    disabled: Q,
+    className: X,
+    id: Y
+  }, Z) => {
+    const { t: K, i18n: _ } = ke(), T = xe(), L = Y ?? T.id, p = T.disabled || Q, ee = T.invalid ? "error" : "default", i = f !== void 0 ? f : Pe(_.language), te = Me(_.language), V = J ?? te, R = t !== void 0, [re, se] = O(
+      t ?? n ?? { hours: 0, minutes: 0 }
+    ), r = R ? t : re, o = U(
+      (e) => {
+        R || se(e), u == null || u(e);
+      },
+      [R, u]
+    ), $ = z(null), D = z(null), I = z(null), [ne, P] = O(""), [ie, M] = O(""), h = z(null), v = z(null), j = U(() => {
+      P(""), h.current && (clearTimeout(h.current), h.current = null);
+    }, []), A = U(() => {
+      M(""), v.current && (clearTimeout(v.current), v.current = null);
+    }, []);
+    ye(() => () => {
+      h.current && clearTimeout(h.current), v.current && clearTimeout(v.current);
+    }, []);
+    const oe = k ? "：" : ":", E = i ? String(q(r.hours)).padStart(2, "0") : String(r.hours).padStart(2, "0"), W = String(r.minutes).padStart(2, "0"), l = r.hours >= 12, ae = (e) => {
+      var g, b, H;
+      if (!p) {
+        if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+          e.preventDefault();
+          const y = e.key === "ArrowUp" ? 1 : -1, d = 23;
+          let s = r.hours + y;
+          s < 0 && (s = d), s > d && (s = 0), o({ ...r, hours: s }), j();
+          return;
+        }
+        if (e.key === "Tab" && !e.shiftKey) {
+          e.preventDefault(), (g = D.current) == null || g.focus(), j();
+          return;
+        }
+        if (e.key >= "0" && e.key <= "9") {
+          e.preventDefault();
+          const y = ne + e.key;
+          P(y), h.current && clearTimeout(h.current);
+          const d = parseInt(y, 10), s = i ? 12 : 23;
+          if (y.length >= 2) {
+            const a = w(d, i ? 1 : 0, s), c = i ? C(a, l) : a;
+            o({ ...r, hours: c }), P(""), (b = D.current) == null || b.focus();
+          } else if (d > (i ? 1 : 2)) {
+            const a = w(d, i ? 1 : 0, s), c = i ? C(a, l) : a;
+            o({ ...r, hours: c }), P(""), (H = D.current) == null || H.focus();
+          } else
+            h.current = setTimeout(() => {
+              const a = w(d, i ? 1 : 0, s), c = i ? C(a, l) : a;
+              o({ ...r, hours: c }), P("");
+            }, 1e3);
+        }
+      }
+    }, ue = (e) => {
+      var g, b, H, y;
+      if (!p) {
+        if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+          e.preventDefault();
+          const d = e.key === "ArrowUp" ? m : -m;
+          let s = r.minutes + d;
+          s < 0 && (s = 60 + s), s >= 60 && (s = s - 60), o({ ...r, minutes: s }), A();
+          return;
+        }
+        if (e.key === "Tab" && !e.shiftKey && i) {
+          e.preventDefault(), (g = I.current) == null || g.focus(), A();
+          return;
+        }
+        if (e.key === "Tab" && e.shiftKey) {
+          e.preventDefault(), (b = $.current) == null || b.focus(), A();
+          return;
+        }
+        if (e.key >= "0" && e.key <= "9") {
+          e.preventDefault();
+          const d = ie + e.key;
+          M(d), v.current && clearTimeout(v.current);
+          const s = parseInt(d, 10);
+          if (d.length >= 2) {
+            const a = w(s, 0, 59), c = S(a, m);
+            o({ ...r, minutes: c }), M(""), i && ((H = I.current) == null || H.focus());
+          } else if (s > 5) {
+            const a = w(s, 0, 59), c = S(a, m);
+            o({ ...r, minutes: c }), M(""), i && ((y = I.current) == null || y.focus());
+          } else
+            v.current = setTimeout(() => {
+              const a = w(s, 0, 59), c = S(a, m);
+              o({ ...r, minutes: c }), M("");
+            }, 1e3);
+        }
+      }
+    }, de = (e) => {
+      var g;
+      if (!p) {
+        if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+          e.preventDefault();
+          const b = l ? r.hours - 12 : r.hours + 12;
+          o({ ...r, hours: w(b, 0, 23) });
+          return;
+        }
+        if (e.key === "Tab" && e.shiftKey) {
+          e.preventDefault(), (g = D.current) == null || g.focus();
+          return;
+        }
+        (e.key === "a" || e.key === "A") && (e.preventDefault(), l && o({ ...r, hours: r.hours - 12 })), (e.key === "p" || e.key === "P") && (e.preventDefault(), l || o({ ...r, hours: r.hours + 12 }));
+      }
+    }, ce = (e) => {
+      j();
+    }, le = () => {
+      A();
+      const e = S(r.minutes, m);
+      e !== r.minutes && o({ ...r, minutes: e });
+    }, fe = K("ui.inputs.timePicker.hour", "Hour"), me = K("ui.inputs.timePicker.minute", "Minute"), pe = K("ui.inputs.timePicker.period", "Period"), he = K("ui.inputs.timePicker.groupLabel", "Time"), F = be(
+      () => ({
+        getValue: () => r,
+        setValue: (e) => o(e),
+        clear: () => o({ hours: 0, minutes: 0 }),
+        isOpen: () => !1,
+        open: () => {
+        },
+        close: () => {
+        }
+      }),
+      [r, o]
+    );
+    return we(Z, () => F, [F]), Te(De, F, L), /* @__PURE__ */ ve(
+      "div",
+      {
+        id: L,
+        role: "group",
+        "aria-label": he,
+        "aria-describedby": T.describedBy || void 0,
+        "aria-invalid": T.invalid || void 0,
+        "aria-disabled": p || void 0,
+        "data-component": "time-picker",
+        "data-component-id": L,
+        className: He({
+          size: x,
+          tone: ee,
+          isDisabled: p ?? !1,
+          className: X
+        }),
+        children: [
+          /* @__PURE__ */ B(
+            "span",
+            {
+              ref: $,
+              role: "spinbutton",
+              "aria-label": fe,
+              "aria-valuemin": i ? 1 : 0,
+              "aria-valuemax": i ? 12 : 23,
+              "aria-valuenow": i ? q(r.hours) : r.hours,
+              "aria-valuetext": E,
+              tabIndex: p ? -1 : 0,
+              inputMode: "numeric",
+              onKeyDown: ae,
+              onBlur: ce,
+              className: G({ size: x }),
+              children: E
+            }
+          ),
+          /* @__PURE__ */ B("span", { "aria-hidden": "true", className: Ke({ size: x }), children: oe }),
+          /* @__PURE__ */ B(
+            "span",
+            {
+              ref: D,
+              role: "spinbutton",
+              "aria-label": me,
+              "aria-valuemin": 0,
+              "aria-valuemax": 59,
+              "aria-valuenow": r.minutes,
+              "aria-valuetext": W,
+              tabIndex: p ? -1 : 0,
+              inputMode: "numeric",
+              onKeyDown: ue,
+              onBlur: le,
+              className: G({ size: x }),
+              children: W
+            }
+          ),
+          i ? /* @__PURE__ */ B(
+            "span",
+            {
+              ref: I,
+              role: "spinbutton",
+              "aria-label": pe,
+              "aria-valuemin": 0,
+              "aria-valuemax": 1,
+              "aria-valuenow": l ? 1 : 0,
+              "aria-valuetext": l ? V.pm : V.am,
+              tabIndex: p ? -1 : 0,
+              onKeyDown: de,
+              className: ze({ size: x }),
+              children: l ? V.pm : V.am
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+Ve.displayName = "TimePicker";
+export {
+  Ve as T,
+  De as t
+};
+//# sourceMappingURL=time-picker-B8AMIrX7.js.map

package/dist/_chunks/timeline.agent-CRPza9wc.js

@@ -0,0 +1,279 @@
+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 { 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({
+  layout: "rail-start",
+  order: "newest-first"
+}), p = C({
+  type: "neutral"
+}), $ = g("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" }
+}), F = g(
+  "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" }
+  }
+), K = g(
+  [
+    "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" }
+  }
+), 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" })
+}, E = m(
+  ({
+    layout: t = "rail-start",
+    order: r = "newest-first",
+    className: s,
+    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}"]`
+      );
+      f == null || f.scrollIntoView({ block: "center", behavior: "auto" });
+    }, []);
+    return I(
+      a,
+      () => ({
+        getSelectedEvent: () => b.current,
+        selectEvent: h
+      }),
+      [h]
+    ), /* @__PURE__ */ e(u.Provider, { value: d, children: /* @__PURE__ */ e(
+      "ol",
+      {
+        ref: l,
+        "data-component": "timeline",
+        "data-component-id": n.id,
+        "data-selected-event": o ?? void 0,
+        className: $({ layout: t, order: r, className: s }),
+        ...n,
+        children: i
+      }
+    ) });
+  }
+);
+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(
+      "li",
+      {
+        ref: a,
+        "data-event-id": r,
+        className: ["ds:contents", s].filter(Boolean).join(" "),
+        ...n,
+        children: [
+          /* @__PURE__ */ e("span", { className: "ds:sr-only", children: l(`ui.timeline.type.${t}`) }),
+          i
+        ]
+      }
+    ) }) : /* @__PURE__ */ e(p.Provider, { value: o, children: /* @__PURE__ */ c(
+      "li",
+      {
+        ref: a,
+        "data-event-id": r,
+        className: F({ layout: d, className: s }),
+        ...n,
+        children: [
+          /* @__PURE__ */ e("span", { className: "ds:sr-only", children: l(`ui.timeline.type.${t}`) }),
+          i
+        ]
+      }
+    ) });
+  }
+);
+S.displayName = "Timeline.Event";
+const _ = m(
+  ({ icon: t, className: r, ...s }, i) => {
+    const { type: n } = v(p), { layout: a } = v(u), d = /* @__PURE__ */ e(
+      "div",
+      {
+        ref: i,
+        "aria-hidden": "true",
+        className: K({ type: n, className: r }),
+        ...s,
+        children: t ?? U[n]
+      }
+    );
+    return a === "alternating" ? /* @__PURE__ */ c(
+      "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;
+  }
+);
+_.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(
+      "div",
+      {
+        ref: d,
+        className: [
+          "ds:flex-1 ds:min-w-0 ds:pb-[var(--spacing-md)]",
+          "ds:[&_*]:break-normal ds:[&_*]:[overflow-wrap:anywhere]",
+          n
+        ].filter(Boolean).join(" "),
+        ...a,
+        children: /* @__PURE__ */ e(w, { variant: "outlined", children: /* @__PURE__ */ c(w.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: [
+            /* @__PURE__ */ e(P, { size: "xs", name: s.name, src: s.src }),
+            /* @__PURE__ */ e("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: s.name })
+          ] }),
+          i
+        ] }) })
+      }
+    );
+    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;
+  }
+);
+k.displayName = "Timeline.Content";
+const W = 1440 * 60 * 1e3, j = m(
+  ({
+    date: t,
+    relative: r = !0,
+    format: s = { dateStyle: "medium", timeStyle: "short" },
+    className: i,
+    ...n
+  }, a) => /* @__PURE__ */ e(
+    A,
+    {
+      ref: a,
+      value: t,
+      format: r ? "relative" : "absolute",
+      relativeWindow: r ? W : void 0,
+      absoluteFormat: s,
+      className: [
+        "ds:text-[var(--muted-foreground)]",
+        "ds:[font-variant-numeric:var(--font-feature-tabular)]",
+        i
+      ].filter(Boolean).join(" "),
+      ...n
+    }
+  )
+);
+j.displayName = "Timeline.Timestamp";
+const ie = 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
+};
+//# sourceMappingURL=timeline.agent-CRPza9wc.js.map