@agent-factory-platform/ui-kit 0.7.1 → 0.9.0

package/dist/components/popover-menu.js

@@ -0,0 +1,164 @@
+import { jsxs as s, jsx as r, Fragment as S } from "react/jsx-runtime";
+import { useId as P, useRef as z } from "react";
+import { X as $, Check as T } from "lucide-react";
+import { ContextMenu as u, DropdownMenu as l, Slot as R, Popover as m } from "radix-ui";
+import { cn as f } from "../lib/cn.js";
+const I = "relative z-50 min-w-48 rounded-panel border border-border bg-surface-raised p-1 font-sohne text-body-sm text-ink shadow-pop outline-none", N = "flex h-row-default cursor-default select-none items-center rounded-control px-3 outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-surface-hover";
+function B({
+  trigger: i,
+  title: d,
+  closeLabel: n,
+  children: o,
+  open: a,
+  onOpenChange: b,
+  size: c = "sm",
+  align: g = "center",
+  side: v = "bottom",
+  sideOffset: x = 4,
+  contentClassName: h
+}) {
+  return /* @__PURE__ */ s(m.Root, { open: a, onOpenChange: b, children: [
+    /* @__PURE__ */ r(m.Trigger, { asChild: !0, children: i }),
+    /* @__PURE__ */ r(m.Portal, { children: /* @__PURE__ */ s(
+      m.Content,
+      {
+        role: "dialog",
+        "aria-label": d,
+        sideOffset: x,
+        collisionPadding: 8,
+        align: g,
+        side: v,
+        className: f(I, "af-popup-bound p-3", c === "command" ? "w-overlay-command" : "w-overlay-sm", h),
+        children: [
+          n && /* @__PURE__ */ r(m.Close, { asChild: !0, children: /* @__PURE__ */ r("button", { type: "button", "aria-label": n, className: "absolute right-2 top-2 z-10 grid size-7 place-items-center rounded-control text-graphite outline-none hover:bg-surface-hover hover:text-ink focus-visible:ring-2 focus-visible:ring-rust/35", children: /* @__PURE__ */ r($, { size: 14, "aria-hidden": !0 }) }) }),
+          o
+        ]
+      }
+    ) })
+  ] });
+}
+function D({ label: i, className: d, children: n, ...o }) {
+  return /* @__PURE__ */ r("div", { role: "menu", "aria-label": i, className: d, ...o, children: n });
+}
+function X({ selected: i, asChild: d = !1, children: n, ...o }) {
+  const a = d ? R.Root : "button";
+  return /* @__PURE__ */ r(a, { role: "menuitemradio", "aria-checked": i, ...o, children: n });
+}
+function E({ asChild: i = !1, children: d, ...n }) {
+  const o = i ? R.Root : "button";
+  return /* @__PURE__ */ r(o, { role: "menuitem", ...n, children: d });
+}
+function H({
+  trigger: i,
+  label: d,
+  items: n,
+  value: o,
+  onValueChange: a,
+  open: b,
+  onOpenChange: c,
+  align: g = "start",
+  side: v = "bottom",
+  contentClassName: x
+}) {
+  const h = P(), C = z(null), p = n.filter((e) => e.kind === "radio"), M = n.filter((e) => e.kind !== "radio"), y = (e, t = !1) => /* @__PURE__ */ s(S, { children: [
+    e.leading && /* @__PURE__ */ r("span", { className: "shrink-0", "aria-hidden": !0, children: e.leading }),
+    /* @__PURE__ */ r("span", { className: "min-w-0 flex-1 truncate", children: e.label }),
+    e.trailing,
+    t && !e.trailing && /* @__PURE__ */ r(T, { size: 14, className: "shrink-0 text-ink", "aria-hidden": !0 })
+  ] });
+  return /* @__PURE__ */ s(
+    l.Root,
+    {
+      modal: !1,
+      open: b,
+      onOpenChange: (e) => {
+        c == null || c(e), e && requestAnimationFrame(() => {
+          var t;
+          return (t = C.current) == null ? void 0 : t.focus();
+        });
+      },
+      children: [
+        /* @__PURE__ */ r(l.Trigger, { asChild: !0, children: i }),
+        /* @__PURE__ */ r(l.Portal, { children: /* @__PURE__ */ s(
+          l.Content,
+          {
+            "aria-labelledby": h,
+            sideOffset: 4,
+            collisionPadding: 8,
+            align: g,
+            side: v,
+            className: f(I, x),
+            children: [
+              /* @__PURE__ */ r("span", { id: h, className: "sr-only", children: d }),
+              p.length > 0 && /* @__PURE__ */ r(
+                l.RadioGroup,
+                {
+                  value: o,
+                  onValueChange: (e) => {
+                    var t, k;
+                    a == null || a(e), (k = (t = p.find((w) => w.id === e)) == null ? void 0 : t.onSelect) == null || k.call(t);
+                  },
+                  children: p.map((e, t) => /* @__PURE__ */ r(
+                    l.RadioItem,
+                    {
+                      value: e.id,
+                      ref: t === 0 ? C : void 0,
+                      disabled: e.disabled,
+                      className: f(N, "gap-2", e.danger && "text-danger"),
+                      children: y(e, o === e.id)
+                    },
+                    e.id
+                  ))
+                }
+              ),
+              M.map((e, t) => /* @__PURE__ */ s("div", { children: [
+                e.separatorBefore && /* @__PURE__ */ r(l.Separator, { className: "my-1 h-px bg-divider" }),
+                /* @__PURE__ */ r(
+                  l.Item,
+                  {
+                    ref: p.length === 0 && t === 0 ? C : void 0,
+                    disabled: e.disabled,
+                    onSelect: e.onSelect,
+                    className: f(N, "gap-2", e.danger && "text-danger"),
+                    children: y(e)
+                  }
+                )
+              ] }, e.id))
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function J({
+  children: i,
+  label: d,
+  items: n
+}) {
+  const o = P();
+  return /* @__PURE__ */ s(u.Root, { children: [
+    /* @__PURE__ */ r(u.Trigger, { asChild: !0, children: i }),
+    /* @__PURE__ */ r(u.Portal, { children: /* @__PURE__ */ s(u.Content, { "aria-labelledby": o, collisionPadding: 8, className: I, children: [
+      /* @__PURE__ */ r("span", { id: o, className: "sr-only", children: d }),
+      n.map((a) => /* @__PURE__ */ r(
+        u.Item,
+        {
+          disabled: a.disabled,
+          onSelect: a.onSelect,
+          className: `${N} ${a.danger ? "text-danger" : ""}`,
+          children: a.label
+        },
+        a.id
+      ))
+    ] }) })
+  ] });
+}
+export {
+  J as ContextMenu,
+  H as Menu,
+  D as MenuChoiceGroup,
+  X as MenuChoiceItem,
+  E as MenuCommandItem,
+  B as Popover
+};

package/dist/components/progress.js

@@ -0,0 +1,23 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Progress as e } from "radix-ui";
+function n({ value: o, label: l }) {
+  const r = Math.min(100, Math.max(0, o));
+  return /* @__PURE__ */ a(
+    e.Root,
+    {
+      value: r,
+      "aria-label": l,
+      className: "relative h-1 w-full overflow-hidden rounded-full bg-surface-hover",
+      children: /* @__PURE__ */ a(
+        e.Indicator,
+        {
+          className: "h-full w-full origin-left bg-rust transition-transform",
+          style: { transform: `translateX(-${100 - r}%)` }
+        }
+      )
+    }
+  );
+}
+export {
+  n as Progress
+};

package/dist/components/resizable-pane.js

@@ -0,0 +1,73 @@
+import { jsxs as P, jsx as p } from "react/jsx-runtime";
+import { useRef as R, useId as g } from "react";
+import { cn as x } from "../lib/cn.js";
+function A(a, c, u) {
+  return Math.min(u, Math.max(c, a));
+}
+function M({
+  value: a,
+  onValueChange: c,
+  label: u,
+  first: y,
+  second: D,
+  direction: o = "horizontal",
+  minimum: d = 20,
+  maximum: h = 80,
+  step: s = 5,
+  className: I
+}) {
+  const w = R(null), m = g(), v = g(), n = (e, r = !1) => c(A(r ? Math.round(e / s) * s : e, d, h)), L = (e) => {
+    if (e.button !== 0) return;
+    e.preventDefault();
+    const r = e.currentTarget;
+    r.setPointerCapture(e.pointerId);
+    const l = (i) => {
+      var b;
+      const t = (b = w.current) == null ? void 0 : b.getBoundingClientRect(), z = o === "horizontal" ? t == null ? void 0 : t.width : t == null ? void 0 : t.height;
+      if (!t || !z) return;
+      const E = o === "horizontal" ? i.clientX - t.left : i.clientY - t.top;
+      n(E / z * 100, !0);
+    }, f = (i) => {
+      r.hasPointerCapture(i.pointerId) && r.releasePointerCapture(i.pointerId), r.removeEventListener("pointermove", l), r.removeEventListener("pointerup", f), r.removeEventListener("pointercancel", f);
+    };
+    r.addEventListener("pointermove", l), r.addEventListener("pointerup", f), r.addEventListener("pointercancel", f);
+  }, k = (e) => {
+    const r = o === "horizontal" ? "ArrowLeft" : "ArrowUp", l = o === "horizontal" ? "ArrowRight" : "ArrowDown";
+    e.key === r ? (e.preventDefault(), n(a - s)) : e.key === l ? (e.preventDefault(), n(a + s)) : e.key === "Home" ? (e.preventDefault(), n(d)) : e.key === "End" && (e.preventDefault(), n(h));
+  };
+  return /* @__PURE__ */ P(
+    "div",
+    {
+      ref: w,
+      className: x("flex min-h-0 min-w-0 overflow-hidden", o === "horizontal" ? "flex-row" : "flex-col", I),
+      "data-slot": "resizable-pane-group",
+      "data-direction": o,
+      children: [
+        /* @__PURE__ */ p("div", { id: m, "data-slot": "resizable-pane-first", className: "min-h-0 min-w-0 shrink-0 overflow-auto", style: { flexBasis: `${a}%` }, children: y }),
+        /* @__PURE__ */ p(
+          "div",
+          {
+            role: "separator",
+            tabIndex: 0,
+            "aria-label": u,
+            "aria-orientation": o === "horizontal" ? "vertical" : "horizontal",
+            "aria-valuemin": d,
+            "aria-valuemax": h,
+            "aria-valuenow": a,
+            "aria-controls": `${m} ${v}`,
+            onPointerDown: L,
+            onKeyDown: k,
+            className: x(
+              "group relative z-10 shrink-0 touch-none bg-divider outline-none after:absolute after:rounded-full after:bg-graphite/60 hover:after:bg-rust focus-visible:after:bg-rust",
+              o === "horizontal" ? "w-1 cursor-col-resize after:inset-y-2 after:left-1/2 after:w-0.5 after:-translate-x-1/2" : "h-1 cursor-row-resize after:inset-x-2 after:top-1/2 after:h-0.5 after:-translate-y-1/2"
+            )
+          }
+        ),
+        /* @__PURE__ */ p("div", { id: v, "data-slot": "resizable-pane-second", className: "min-h-0 min-w-0 flex-1 overflow-auto", children: D })
+      ]
+    }
+  );
+}
+export {
+  M as ResizablePaneGroup
+};

package/dist/components/scroll-load-more.js

@@ -0,0 +1,61 @@
+import { jsxs as o, jsx as r, Fragment as g } from "react/jsx-runtime";
+import { useRef as m, useEffect as N } from "react";
+import { cn as k } from "../lib/cn.js";
+function w(t) {
+  let e = (t == null ? void 0 : t.parentElement) ?? null;
+  for (; e; ) {
+    const { overflowY: n } = getComputedStyle(e);
+    if ((n === "auto" || n === "scroll" || n === "overlay") && e.scrollHeight > e.clientHeight + 1)
+      return e;
+    e = e.parentElement;
+  }
+  return null;
+}
+function E({
+  hasMore: t,
+  loading: e = !1,
+  onLoadMore: n,
+  loadingLabel: l,
+  endLabel: s,
+  hintLabel: a,
+  loadingSlot: x,
+  className: d,
+  rootMargin: u = "320px 0px"
+}) {
+  const f = m(null), p = m(e);
+  return p.current = e, N(() => {
+    if (!t) return;
+    const c = f.current;
+    if (!c) return;
+    const v = w(c), h = new IntersectionObserver(
+      ([i]) => {
+        i != null && i.isIntersecting && !p.current && n();
+      },
+      { root: v, rootMargin: u, threshold: 0 }
+    );
+    return h.observe(c), () => h.disconnect();
+  }, [t, n, u]), !t && !e && !s ? null : /* @__PURE__ */ o("div", { className: k("flex flex-col gap-3", d), children: [
+    e && x,
+    /* @__PURE__ */ r(
+      "div",
+      {
+        ref: f,
+        className: "flex min-h-12 flex-col items-center justify-center gap-2 py-3",
+        "aria-live": "polite",
+        children: e ? /* @__PURE__ */ o(g, { children: [
+          /* @__PURE__ */ r(R, {}),
+          l && /* @__PURE__ */ r("span", { className: "text-caption font-sohne text-graphite", children: l })
+        ] }) : t ? a ? /* @__PURE__ */ r("span", { className: "text-[11px] font-sohne text-graphite", children: a }) : /* @__PURE__ */ r("span", { className: "h-1 w-full", "aria-hidden": !0 }) : s ? /* @__PURE__ */ r("span", { className: "text-[11px] font-sohne text-graphite", children: s }) : null
+      }
+    )
+  ] });
+}
+function R() {
+  return /* @__PURE__ */ o("svg", { width: 22, height: 22, viewBox: "0 0 24 24", fill: "none", className: "animate-spin text-graphite", "aria-hidden": !0, children: [
+    /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeOpacity: 0.2, strokeWidth: "2.5" }),
+    /* @__PURE__ */ r("path", { d: "M21 12a9 9 0 0 0-9-9", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" })
+  ] });
+}
+export {
+  E as ScrollLoadMore
+};

package/dist/components/seg-slider.js

@@ -0,0 +1,42 @@
+import { jsxs as h, jsx as l } from "react/jsx-runtime";
+import { cn as o } from "../lib/cn.js";
+import { useSlideIndicator as v } from "./sliding-tabs.js";
+function S({
+  options: s,
+  value: t,
+  onChange: d,
+  onBlocked: n,
+  className: c,
+  size: r = "md",
+  ariaLabel: p
+}) {
+  var a;
+  const { listRef: u, indRef: f, setBtn: m } = v(t), x = r === "sm" ? "gap-0.5 rounded-lg p-0.5" : "gap-1 rounded-xl p-1", g = r === "sm" ? "rounded-md py-1 text-caption font-[450]" : "rounded-lg py-1.5 text-[14px] font-[450]", b = r === "sm" ? "t-seg-pill t-seg-pill-sm" : "t-seg-pill", y = ((a = s.find((e) => e.key === t)) == null ? void 0 : a.tone) ?? "neutral";
+  return /* @__PURE__ */ h("div", { ref: u, role: "tablist", "aria-label": p, className: o("relative flex bg-surface-muted/50", x, c), children: [
+    /* @__PURE__ */ l("span", { ref: f, className: b, "data-tone": y, "aria-hidden": !0 }),
+    s.map((e) => {
+      const i = t === e.key;
+      return /* @__PURE__ */ l(
+        "button",
+        {
+          ref: m(e.key),
+          type: "button",
+          role: "tab",
+          "aria-selected": i,
+          onClick: () => e.disabled ? n == null ? void 0 : n(e.key) : d(e.key),
+          className: o(
+            "relative z-[1] flex-1 text-center font-sohne outline-none transition-colors focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-rust/35",
+            g,
+            i ? e.tone === "up" ? "text-up" : e.tone === "down" ? "text-down" : "text-ink" : "text-graphite hover:text-ink",
+            e.disabled && !i && "cursor-not-allowed opacity-45 hover:text-graphite"
+          ),
+          children: e.label
+        },
+        e.key
+      );
+    })
+  ] });
+}
+export {
+  S as SegSlider
+};

package/dist/components/segmented-control.js

@@ -0,0 +1,46 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cn as a } from "../lib/cn.js";
+function f({
+  value: i,
+  options: l,
+  onChange: s,
+  ariaLabel: c,
+  density: o = "default",
+  semantics: t = "selection",
+  className: d
+}) {
+  const u = o === "compact" ? "min-h-control-compact py-1 text-caption" : o === "touch" ? "min-h-control-touch py-1.5 text-body" : "min-h-control-default py-1 text-body-sm";
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      role: t === "tabs" ? "tablist" : "group",
+      "aria-label": c,
+      "data-density": o,
+      className: a("inline-flex min-w-0 items-center rounded-selection bg-surface-muted p-0.5", d),
+      children: l.map((e) => {
+        const n = e.value === i;
+        return /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            role: t === "tabs" ? "tab" : void 0,
+            "aria-selected": t === "tabs" ? n : void 0,
+            "aria-pressed": t === "selection" ? n : void 0,
+            disabled: e.disabled,
+            onClick: () => s(e.value),
+            className: a(
+              "min-w-0 flex-1 rounded-control px-3 font-sohne font-[500] outline-none transition-[background-color,color,box-shadow,transform] duration-150 active:scale-[0.98] focus-visible:ring-2 focus-visible:ring-rust/35 disabled:pointer-events-none disabled:opacity-45",
+              u,
+              n ? "bg-surface-raised text-ink shadow-subtle" : "text-graphite hover:text-ink"
+            ),
+            children: /* @__PURE__ */ r("span", { className: "flex min-w-0 items-center justify-center whitespace-normal break-words text-center", children: e.label })
+          },
+          e.value
+        );
+      })
+    }
+  );
+}
+export {
+  f as SegmentedControl
+};

package/dist/components/selection-controls.js

@@ -0,0 +1,119 @@
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import { Check as g } from "lucide-react";
+import { Checkbox as f, RadioGroup as c, Switch as h, ToggleGroup as m } from "radix-ui";
+import { cn as o } from "../lib/cn.js";
+function N({ label: l, checked: t, onCheckedChange: i, disabled: s = !1, className: e }) {
+  return /* @__PURE__ */ u("label", { className: o("inline-flex min-h-control-default items-center gap-2 font-sohne text-body-sm text-ink", e), children: [
+    /* @__PURE__ */ a(
+      f.Root,
+      {
+        checked: t,
+        onCheckedChange: (n) => i(n === !0),
+        disabled: s,
+        className: "inline-flex size-4 shrink-0 items-center justify-center rounded-indicator border border-border bg-surface-raised text-on-accent outline-none transition-colors hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-rust disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-rust data-[state=checked]:bg-rust",
+        children: /* @__PURE__ */ a(f.Indicator, { children: /* @__PURE__ */ a(g, { size: 12, strokeWidth: 3, "aria-hidden": !0 }) })
+      }
+    ),
+    /* @__PURE__ */ a("span", { children: l })
+  ] });
+}
+function w({
+  label: l,
+  checked: t,
+  onCheckedChange: i,
+  disabled: s = !1,
+  labelPosition: e = "end",
+  hideLabel: n = !1,
+  className: d,
+  labelClassName: r
+}) {
+  const b = /* @__PURE__ */ a("span", { className: o(n && "sr-only", r), children: l });
+  return /* @__PURE__ */ u("label", { className: o("inline-flex min-h-control-default items-center gap-2 font-sohne text-body-sm text-ink", d), children: [
+    e === "start" && b,
+    /* @__PURE__ */ a(
+      h.Root,
+      {
+        checked: t,
+        onCheckedChange: i,
+        disabled: s,
+        className: "relative h-5 w-9 shrink-0 rounded-full border border-border bg-surface-hover outline-none transition-colors focus-visible:ring-2 focus-visible:ring-rust disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-rust",
+        children: /* @__PURE__ */ a(h.Thumb, { className: "block size-4 translate-x-0.5 rounded-full bg-surface-raised shadow-subtle transition-transform data-[state=checked]:translate-x-4" })
+      }
+    ),
+    e === "end" && b
+  ] });
+}
+function y({
+  label: l,
+  value: t,
+  options: i,
+  onValueChange: s,
+  appearance: e = "control",
+  className: n,
+  optionClassName: d
+}) {
+  return /* @__PURE__ */ a(
+    c.Root,
+    {
+      "aria-label": l,
+      value: t,
+      onValueChange: (r) => s(r),
+      className: o(e === "card" ? "grid min-w-0 gap-2" : "flex min-w-0 flex-wrap items-center gap-3", n),
+      children: i.map((r) => e === "card" ? /* @__PURE__ */ a(
+        c.Item,
+        {
+          value: r.value,
+          disabled: r.disabled,
+          className: o(
+            "min-w-0 rounded-panel border border-border bg-surface-card p-2 text-left text-ink outline-none transition-colors hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-rust data-[state=checked]:border-rust data-[state=checked]:ring-1 data-[state=checked]:ring-rust",
+            d
+          ),
+          children: r.label
+        },
+        r.value
+      ) : /* @__PURE__ */ u("label", { className: "inline-flex min-h-control-default items-center gap-2 font-sohne text-body-sm text-ink", children: [
+        /* @__PURE__ */ a(
+          c.Item,
+          {
+            value: r.value,
+            disabled: r.disabled,
+            onFocus: () => {
+              r.value !== t && s(r.value);
+            },
+            className: "inline-flex size-4 shrink-0 items-center justify-center rounded-full border border-border bg-surface-raised outline-none transition-colors hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-rust disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-rust",
+            children: /* @__PURE__ */ a(c.Indicator, { className: "size-2 rounded-full bg-rust" })
+          }
+        ),
+        /* @__PURE__ */ a("span", { children: r.label })
+      ] }, r.value))
+    }
+  );
+}
+function C({ label: l, value: t, options: i, onValueChange: s }) {
+  return /* @__PURE__ */ a(
+    m.Root,
+    {
+      type: "multiple",
+      "aria-label": l,
+      value: t,
+      onValueChange: (e) => s(e),
+      className: "inline-flex items-center gap-1 rounded-panel border border-border bg-surface-fog p-1",
+      children: i.map((e) => /* @__PURE__ */ a(
+        m.Item,
+        {
+          value: e.value,
+          "aria-label": e.label,
+          className: "inline-flex size-control-compact items-center justify-center rounded-control text-graphite outline-none transition-colors hover:bg-surface-hover hover:text-ink focus-visible:ring-2 focus-visible:ring-rust data-[state=on]:bg-surface-raised data-[state=on]:text-ink",
+          children: e.label
+        },
+        e.value
+      ))
+    }
+  );
+}
+export {
+  N as Checkbox,
+  y as RadioGroup,
+  w as Switch,
+  C as ToggleGroup
+};

package/dist/components/sidebar.js

@@ -0,0 +1,23 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { cn as i } from "../lib/cn.js";
+function s({ label: e, className: r, ...n }) {
+  return /* @__PURE__ */ t("aside", { "aria-label": e, className: i("flex min-h-0 w-64 shrink-0 flex-col border-r border-divider bg-surface-fog", r), ...n });
+}
+function d({ className: e, ...r }) {
+  return /* @__PURE__ */ t("div", { className: i("flex min-h-row-touch shrink-0 items-center border-b border-divider px-4 font-product text-body-sm font-[600] text-ink", e), ...r });
+}
+function f({ className: e, ...r }) {
+  return /* @__PURE__ */ t("div", { className: i("min-h-0 flex-1 overflow-y-auto p-2", e), ...r });
+}
+function m({ label: e, children: r, className: n }) {
+  return /* @__PURE__ */ o("section", { className: i("py-2", n), children: [
+    /* @__PURE__ */ t("h2", { className: "px-2 pb-1 font-product text-micro font-[600] uppercase text-graphite", children: e }),
+    /* @__PURE__ */ t("div", { className: "min-w-0", children: r })
+  ] });
+}
+export {
+  s as Sidebar,
+  f as SidebarContent,
+  d as SidebarHeader,
+  m as SidebarSection
+};

package/dist/components/skeleton.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { cn as e } from "../lib/cn.js";
+function d({ className: r, style: o }) {
+  return /* @__PURE__ */ t("div", { "aria-hidden": !0, className: e("t-shimmer rounded-control", r), style: o });
+}
+export {
+  d as Skeleton
+};