@actioneer/ads 0.5.6 → 0.5.8

package/components/toast.js

@@ -1,65 +1,65 @@
 "use client";
-import { jsxs as T, jsx as a } from "react/jsx-runtime";
+import { jsxs as P, jsx as c } from "react/jsx-runtime";
 import * as o from "react";
-import { createPortal as A } from "react-dom";
-import { MotionConfig as O, AnimatePresence as W, motion as F } from "motion/react";
-import { WarningCircle as B, Warning as D, Info as N, CheckCircle as U, Close as V } from "../lib/icons.js";
+import { createPortal as W } from "react-dom";
+import { MotionConfig as A, AnimatePresence as F, motion as B } from "motion/react";
+import { WarningCircle as D, Warning as V, Info as E, CheckCircle as q, Close as G } from "../lib/icons.js";
 import { cn as g } from "../lib/cn.js";
-import { toastSpring as q, EASE_OUT as G } from "../lib/motion.js";
+import { springOverlay as z } from "../lib/motion.js";
 import { Ripple as J } from "./ripple.js";
 import { Button as K } from "./button.js";
 import { Spinner as Q } from "./spinner.js";
-const z = o.createContext(null);
-function lt() {
-  const b = o.useContext(z);
+const S = o.createContext(null);
+function at() {
+  const b = o.useContext(S);
   if (!b)
     throw new Error("useToast must be used within a <ToastProvider>.");
-  const { push: c, close: p, clear: f } = b;
+  const { push: a, close: p, clear: d } = b;
   return { toast: o.useMemo(() => {
     const s = ((r, i) => {
       if (r !== null && typeof r == "object" && !o.isValidElement(r)) {
-        const { title: d, ...m } = r;
-        return c(d, { ...m, ...i });
+        const { title: f, ...m } = r;
+        return a(f, { ...m, ...i });
       }
-      return c(r, i);
-    }), l = (r) => (i, d) => c(i, { ...d, variant: r });
-    return s.success = l("success"), s.info = l("info"), s.warning = l("warning"), s.danger = l("danger"), s.close = p, s.clear = f, s.promise = (r, i) => {
-      const d = c(i.loading, { isLoading: !0, timeout: 0 });
+      return a(r, i);
+    }), l = (r) => (i, f) => a(i, { ...f, variant: r });
+    return s.success = l("success"), s.info = l("info"), s.warning = l("warning"), s.danger = l("danger"), s.close = p, s.clear = d, s.promise = (r, i) => {
+      const f = a(i.loading, { isLoading: !0, timeout: 0 });
       return r.then((m) => {
-        p(d), c(
+        p(f), a(
           typeof i.success == "function" ? i.success(m) : i.success,
           { variant: "success" }
         );
       }).catch((m) => {
-        p(d), c(
+        p(f), a(
           typeof i.error == "function" ? i.error(m) : i.error,
           { variant: "danger" }
         );
       }), r;
     }, s;
-  }, [c, p, f]) };
+  }, [a, p, d]) };
 }
-const X = {
-  default: { icon: N, accent: "text-foreground" },
-  success: { icon: U, accent: "text-success-700" },
-  info: { icon: N, accent: "text-info-700" },
-  warning: { icon: D, accent: "text-warning-700" },
-  danger: { icon: B, accent: "text-danger-700" }
-}, Y = {
+const U = {
+  default: { icon: E, accent: "text-foreground" },
+  success: { icon: q, accent: "text-success-700" },
+  info: { icon: E, accent: "text-info-700" },
+  warning: { icon: V, accent: "text-warning-700" },
+  danger: { icon: D, accent: "text-danger-700" }
+}, X = {
   "bottom-end": "bottom-4 right-4",
   bottom: "bottom-4 left-1/2 -translate-x-1/2",
   "bottom-start": "bottom-4 left-4",
   "top-end": "top-4 right-4",
   top: "top-4 left-1/2 -translate-x-1/2",
   "top-start": "top-4 left-4"
-}, S = 12, Z = 0.05;
-function ut({
+}, R = 12, Y = 0.05;
+function lt({
   children: b,
-  placement: c = "bottom-end",
+  placement: a = "bottom-end",
   maxVisible: p = 3
 }) {
-  var k;
-  const [f, y] = o.useState([]), s = o.useRef(/* @__PURE__ */ new Map()), l = o.useRef(/* @__PURE__ */ new Map()), r = o.useCallback((t) => {
+  var M;
+  const [d, y] = o.useState([]), s = o.useRef(/* @__PURE__ */ new Map()), l = o.useRef(/* @__PURE__ */ new Map()), r = o.useCallback((t) => {
     y((u) => u.filter((h) => h.id !== t));
     const n = s.current.get(t);
     n && (clearTimeout(n), s.current.delete(t));
@@ -71,7 +71,7 @@ function ut({
       const e = s.current.get(n.id);
       e && clearTimeout(e), s.current.delete(n.id), (u = l.current.get(n.id)) == null || u(), l.current.delete(n.id);
     }), []));
-  }, []), d = o.useCallback(
+  }, []), f = o.useCallback(
     (t, n = {}) => {
       const e = Math.random().toString(36).slice(2), u = { variant: "default", ...n, id: e, title: t };
       y((x) => [...x, u]), l.current.set(e, n.onClose);
@@ -86,40 +86,40 @@ function ut({
       t.forEach((n) => clearTimeout(n)), t.clear();
     };
   }, []);
-  const m = o.useMemo(() => ({ push: d, close: r, clear: i }), [d, r, i]), [R, L] = o.useState(!1);
-  o.useEffect(() => L(!0), []);
-  const [w, P] = o.useState(null), E = o.useRef(null), j = (k = f[f.length - 1]) == null ? void 0 : k.id;
+  const m = o.useMemo(() => ({ push: f, close: r, clear: i }), [f, r, i]), [j, H] = o.useState(!1);
+  o.useEffect(() => H(!0), []);
+  const [w, T] = o.useState(null), k = o.useRef(null), L = (M = d[d.length - 1]) == null ? void 0 : M.id;
   o.useLayoutEffect(() => {
-    const t = E.current;
+    const t = k.current;
     if (!t) {
-      P(null);
+      T(null);
       return;
     }
-    const n = () => P(t.offsetHeight);
+    const n = () => T(t.offsetHeight);
     n();
     const e = new ResizeObserver(n);
     return e.observe(t), () => e.disconnect();
-  }, [j]);
-  const v = c.startsWith("top"), H = v ? 1 : -1, _ = Math.min(p, Math.max(f.length, 1)), I = w != null ? w + S * (_ - 1) : void 0;
-  return /* @__PURE__ */ T(z.Provider, { value: m, children: [
+  }, [L]);
+  const v = a.startsWith("top"), I = v ? 1 : -1, _ = Math.min(p, Math.max(d.length, 1)), $ = w != null ? w + R * (_ - 1) : void 0;
+  return /* @__PURE__ */ P(S.Provider, { value: m, children: [
     b,
-    R && A(
-      /* @__PURE__ */ a(
+    j && d.length > 0 && W(
+      /* @__PURE__ */ c(
         "div",
         {
           className: g(
             "pointer-events-none fixed z-50 w-full max-w-sm",
-            Y[c]
+            X[a]
           ),
-          style: { height: I },
+          style: { height: $ },
           role: "region",
           "aria-label": "Notifications",
-          children: /* @__PURE__ */ a(O, { reducedMotion: "user", children: /* @__PURE__ */ a(W, { children: f.map((t, n) => {
-            const e = f.length - 1 - n, u = e === 0, h = e >= p, x = X[t.variant ?? "default"], $ = x.icon;
-            return /* @__PURE__ */ T(
-              F.div,
+          children: /* @__PURE__ */ c(A, { reducedMotion: "user", children: /* @__PURE__ */ c(F, { children: d.map((t, n) => {
+            const e = d.length - 1 - n, u = e === 0, h = e >= p, x = U[t.variant ?? "default"], O = x.icon;
+            return /* @__PURE__ */ P(
+              B.div,
               {
-                ref: u ? E : void 0,
+                ref: u ? k : void 0,
                 layout: !1,
                 role: "status",
                 "aria-live": "polite",
@@ -129,14 +129,14 @@ function ut({
                 },
                 animate: {
                   opacity: h ? 0 : 1,
-                  transform: `translate3d(0, ${H * e * S}px, 0) scale(${1 - e * Z})`
+                  transform: `translate3d(0, ${I * e * R}px, 0) scale(${1 - e * Y})`
                 },
                 exit: {
                   opacity: 0,
                   transform: `translate3d(0, ${v ? -16 : 16}px, 0) scale(0.98)`,
-                  transition: { duration: 0.14, ease: G }
+                  transition: z
                 },
-                transition: q,
+                transition: z,
                 className: g(
                   "group/toast absolute inset-x-0 flex items-start gap-1.5",
                   v ? "top-0" : "bottom-0",
@@ -150,35 +150,35 @@ function ut({
                   height: !u && w != null ? w : void 0
                 },
                 children: [
-                  /* @__PURE__ */ a(J, { origin: v ? "top" : "bottom" }),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ c(J, { origin: v ? "top" : "bottom" }),
+                  /* @__PURE__ */ c(
                     "span",
                     {
                       className: g(
                         "flex shrink-0 select-none items-center justify-center p-1 [&_svg]:size-4",
                         x.accent
                       ),
-                      children: t.isLoading ? /* @__PURE__ */ a(Q, { size: "sm", "aria-label": "Loading" }) : t.indicator ?? /* @__PURE__ */ a($, { "aria-hidden": !0 })
+                      children: t.isLoading ? /* @__PURE__ */ c(Q, { variant: "action", size: "sm", "aria-hidden": !0 }) : t.indicator ?? /* @__PURE__ */ c(O, { "aria-hidden": !0 })
                     }
                   ),
-                  /* @__PURE__ */ T("div", { className: "flex min-w-0 grow flex-col items-start self-center", children: [
-                    /* @__PURE__ */ a("p", { className: g("text-xs font-normal leading-5", x.accent), children: t.title }),
-                    t.description && /* @__PURE__ */ a("p", { className: "text-xs text-muted-foreground", children: t.description })
+                  /* @__PURE__ */ P("div", { className: "flex min-w-0 grow flex-col items-start self-center", children: [
+                    /* @__PURE__ */ c("p", { className: g("text-xs font-normal leading-5", x.accent), children: t.title }),
+                    t.description && /* @__PURE__ */ c("p", { className: "text-xs text-muted-foreground", children: t.description })
                   ] }),
-                  t.actionProps && /* @__PURE__ */ a(
+                  t.actionProps && /* @__PURE__ */ c(
                     K,
                     {
                       size: "sm",
                       variant: t.actionProps.variant ?? "soft",
                       className: g("ml-2 shrink-0 self-center rounded-full", t.actionProps.className),
                       onClick: () => {
-                        var C, M;
-                        return (M = (C = t.actionProps) == null ? void 0 : C.onClick) == null ? void 0 : M.call(C);
+                        var C, N;
+                        return (N = (C = t.actionProps) == null ? void 0 : C.onClick) == null ? void 0 : N.call(C);
                       },
                       children: t.actionProps.children
                     }
                   ),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ c(
                     "button",
                     {
                       type: "button",
@@ -187,13 +187,13 @@ function ut({
                       className: g(
                         "absolute -right-1 -top-1 inline-flex size-5 items-center justify-center",
                         "rounded-full border border-border bg-elevated text-muted-foreground shadow-elevation",
-                        "opacity-0 transition-opacity duration-(--duration-fast) ease-out",
+                        "opacity-0 transition-opacity duration-150 ease-out",
                         "group-hover/toast:opacity-100 focus-visible:opacity-100",
                         "hover:bg-muted hover:text-foreground",
                         "outline-none focus-visible:ring-2 focus-visible:ring-ring",
                         "[&_svg]:size-3 [&_svg]:shrink-0"
                       ),
-                      children: /* @__PURE__ */ a(V, { "aria-hidden": !0 })
+                      children: /* @__PURE__ */ c(G, { "aria-hidden": !0 })
                     }
                   )
                 ]
@@ -208,6 +208,6 @@ function ut({
   ] });
 }
 export {
-  ut as ToastProvider,
-  lt as useToast
+  lt as ToastProvider,
+  at as useToast
 };

package/components/tooltip.js

@@ -115,7 +115,7 @@ function Y({
             transformOrigin: W[a]
           },
           className: S(
-            "relative z-50 max-w-xs rounded-md bg-foreground px-2 py-1",
+            "relative z-50 max-w-xs rounded-sm bg-foreground px-2 py-1",
             "text-xs text-background",
             "pointer-events-none select-none",
             A
@@ -127,7 +127,7 @@ function Y({
               {
                 "aria-hidden": !0,
                 className: S(
-                  "absolute size-2 rotate-45 rounded-[1px] bg-foreground",
+                  "absolute size-2 rotate-45 rounded-xs bg-foreground",
                   V[a]
                 )
               }

package/components/tree.js

@@ -1,89 +1,100 @@
 "use client";
-import { jsx as e, jsxs as x, Fragment as N } from "react/jsx-runtime";
+import { jsx as e, jsxs as h, Fragment as y } from "react/jsx-runtime";
 import * as t from "react";
-import { cn as s } from "../lib/cn.js";
-import { ChevronRight as _, FileText as z } from "../lib/icons.js";
-const S = t.forwardRef(({ className: i, ...d }, f) => /* @__PURE__ */ e(
+import { MotionConfig as M, AnimatePresence as _, motion as z } from "motion/react";
+import { cn as a } from "../lib/cn.js";
+import { ChevronRight as D, FileText as S } from "../lib/icons.js";
+import { springDisclosure as V } from "../lib/motion.js";
+const W = t.forwardRef(({ className: s, ...c }, d) => /* @__PURE__ */ e(
   "div",
   {
-    ref: f,
+    ref: d,
     role: "tree",
-    className: s("flex flex-col gap-0.5 text-xs", i),
-    ...d
+    className: a("flex flex-col gap-0.5 text-xs", s),
+    ...c
   }
 ));
-S.displayName = "Tree";
-const V = t.forwardRef(
+W.displayName = "Tree";
+const q = t.forwardRef(
   ({
-    className: i,
-    label: d,
-    icon: f,
+    className: s,
+    label: c,
+    icon: d,
     count: p,
-    endContent: w,
-    defaultExpanded: y = !1,
-    expanded: h,
-    onExpandedChange: c,
+    endContent: N,
+    defaultExpanded: w = !1,
+    expanded: x,
+    onExpandedChange: f,
     href: g,
     isActive: o,
     onSelect: C,
     children: n,
     ...I
   }, k) => {
-    const r = t.Children.count(n) > 0, v = h !== void 0, [T, R] = t.useState(y), l = v ? h : T, j = (a) => {
-      v || R(a), c == null || c(a);
-    }, m = s(
+    const r = t.Children.count(n) > 0, v = x !== void 0, [T, R] = t.useState(w), i = v ? x : T, j = (l) => {
+      v || R(l), f == null || f(l);
+    }, m = a(
       "flex h-9 w-full items-center gap-2 rounded-md px-2 text-left",
       "outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring",
       "[&_svg]:size-4 [&_svg]:shrink-0",
       o ? "bg-fill font-normal text-foreground" : "text-muted-foreground hover:bg-fill/60 hover:text-foreground"
-    ), u = f ?? (r ? null : /* @__PURE__ */ e(z, { className: "text-tertiary" })), F = o && t.isValidElement(u) ? t.cloneElement(
+    ), u = d ?? (r ? null : /* @__PURE__ */ e(S, { className: "text-tertiary" })), F = o && t.isValidElement(u) ? t.cloneElement(
       u,
       { weight: "fill" }
-    ) : u, b = /* @__PURE__ */ x(N, { children: [
+    ) : u, b = /* @__PURE__ */ h(y, { children: [
       F,
-      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate", children: d }),
-      w,
-      r && /* @__PURE__ */ x(N, { children: [
+      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate", children: c }),
+      N,
+      r && /* @__PURE__ */ h(y, { children: [
         (p ?? t.Children.count(n)) > 0 && /* @__PURE__ */ e("span", { className: "shrink-0 tabular-nums text-xs text-tertiary", children: p ?? t.Children.count(n) }),
         /* @__PURE__ */ e(
-          _,
+          D,
           {
-            className: s(
-              "text-muted-foreground transition-transform duration-(--duration-fast) motion-reduce:transition-none",
-              l && "rotate-90"
+            className: a(
+              "text-muted-foreground transition-transform duration-150 motion-reduce:transition-none",
+              i && "rotate-90"
             ),
             strokeWidth: 2
           }
         )
       ] })
     ] });
-    return /* @__PURE__ */ x("div", { ref: k, role: "treeitem", "aria-expanded": r ? l : void 0, "aria-selected": o, className: i, ...I, children: [
-      r ? /* @__PURE__ */ e("button", { type: "button", className: m, onClick: () => j(!l), children: b }) : g ? /* @__PURE__ */ e("a", { href: g, className: m, "aria-current": o ? "page" : void 0, children: b }) : /* @__PURE__ */ e("button", { type: "button", className: m, onClick: C, children: b }),
-      r && l && // ml-4 aligns the rail under the parent icon; each child carries the
-      // elbow (before) + rail continuation (after), hidden on the last.
-      /* @__PURE__ */ e("div", { role: "group", className: "ml-4 flex flex-col gap-0.5", children: t.Children.map(n, (a) => /* @__PURE__ */ e(
-        "div",
+    return /* @__PURE__ */ h("div", { ref: k, role: "treeitem", "aria-expanded": r ? i : void 0, "aria-selected": o, className: s, ...I, children: [
+      r ? /* @__PURE__ */ e("button", { type: "button", className: m, onClick: () => j(!i), children: b }) : g ? /* @__PURE__ */ e("a", { href: g, className: m, "aria-current": o ? "page" : void 0, children: b }) : /* @__PURE__ */ e("button", { type: "button", className: m, onClick: C, children: b }),
+      /* @__PURE__ */ e(M, { reducedMotion: "user", children: /* @__PURE__ */ e(_, { initial: !1, children: r && i && /* @__PURE__ */ e(
+        z.div,
         {
-          className: s(
-            "relative ps-5",
-            // Continuous vertical rail — a straight line (no radius) so it
-            // never breaks between children. The LAST child needs no rail
-            // at all: the elbow's own left border draws its final vertical
-            // segment, so a rail there would poke through the curve.
-            "before:absolute before:left-0 before:top-0 before:bottom-0 before:border-l before:border-border before:content-['']",
-            "last:before:hidden",
-            // Rounded elbow branching off the rail to this child. Its own
-            // left border overlaps the rail, so the curve reads cleanly.
-            "after:absolute after:left-0 after:top-0 after:h-4 after:w-4 after:rounded-bl-[9px] after:border-b after:border-l after:border-border after:content-['']"
-          ),
-          children: a
+          role: "group",
+          initial: { height: 0, opacity: 0, y: -4 },
+          animate: { height: "auto", opacity: 1, y: 0 },
+          exit: { height: 0, opacity: 0, y: -4 },
+          transition: V,
+          className: "ml-4 flex flex-col gap-0.5 overflow-hidden",
+          children: t.Children.map(n, (l) => /* @__PURE__ */ e(
+            "div",
+            {
+              className: a(
+                "relative ps-5",
+                // Continuous vertical rail — a straight line (no radius) so it
+                // never breaks between children. The LAST child needs no rail
+                // at all: the elbow's own left border draws its final vertical
+                // segment, so a rail there would poke through the curve.
+                "before:absolute before:left-0 before:top-0 before:bottom-0 before:border-l before:border-border before:content-['']",
+                "last:before:hidden",
+                // Rounded elbow branching off the rail to this child. Its own
+                // left border overlaps the rail, so the curve reads cleanly.
+                "after:absolute after:left-0 after:top-0 after:h-4 after:w-4 after:rounded-bl-[9px] after:border-b after:border-l after:border-border after:content-['']"
+              ),
+              children: l
+            }
+          ))
         }
-      )) })
+      ) }) })
     ] });
   }
 );
-V.displayName = "TreeItem";
+q.displayName = "TreeItem";
 export {
-  S as Tree,
-  V as TreeItem
+  W as Tree,
+  q as TreeItem
 };

package/components/typography.d.ts

@@ -11,7 +11,8 @@ declare const textSizes: {
 };
 declare const textWeights: {
     readonly regular: "font-normal";
-    readonly bold: "font-semibold";
+    readonly medium: "font-medium";
+    readonly bold: "font-medium";
 };
 declare const textColors: {
     readonly primary: "text-primary";

package/components/typography.js

@@ -1,52 +1,53 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
-import * as i from "react";
+import { jsx as i } from "react/jsx-runtime";
+import * as d from "react";
 import { cn as c } from "../lib/cn.js";
-const p = {
-  1: { tag: "h1", className: "text-2xl font-semibold tracking-tight" },
-  2: { tag: "h2", className: "text-xl font-semibold tracking-tight" },
-  3: { tag: "h3", className: "text-lg font-semibold" },
-  4: { tag: "h4", className: "text-base font-semibold" }
-}, y = i.forwardRef(
-  ({ className: e, level: s = 1, children: t, ...o }, a) => {
-    const { tag: r, className: l } = p[s];
-    return /* @__PURE__ */ n(r, { ref: a, className: c(l, e), ...o, children: t });
+const u = {
+  1: { tag: "h1", className: "text-2xl font-medium tracking-tight" },
+  2: { tag: "h2", className: "text-xl font-medium tracking-tight" },
+  3: { tag: "h3", className: "text-lg font-medium" },
+  4: { tag: "h4", className: "text-base font-medium" }
+}, p = d.forwardRef(
+  ({ className: e, level: a = 1, children: t, ...m }, s) => {
+    const { tag: r, className: o } = u[a];
+    return /* @__PURE__ */ i(r, { ref: s, className: c(o, e), ...m, children: t });
   }
 );
-y.displayName = "Heading";
-const N = {
+p.displayName = "Heading";
+const y = {
   xs: "text-xs",
   sm: "text-xs",
   md: "text-base",
   lg: "text-lg"
-}, b = {
+}, N = {
   regular: "font-normal",
-  bold: "font-semibold"
-}, m = {
+  medium: "font-medium",
+  bold: "font-medium"
+}, n = {
   primary: "text-primary",
   secondary: "text-secondary",
   tertiary: "text-tertiary"
-}, u = i.forwardRef(
-  ({ className: e, size: s = "md", color: t, muted: o = !1, weight: a, as: r = "p", children: l, ...x }, d) => {
-    const g = r, f = t ? m[t] : o ? m.tertiary : m.primary;
-    return /* @__PURE__ */ n(
+}, h = d.forwardRef(
+  ({ className: e, size: a = "md", color: t, muted: m = !1, weight: s, as: r = "p", children: o, ...l }, x) => {
+    const g = r, f = t ? n[t] : m ? n.tertiary : n.primary;
+    return /* @__PURE__ */ i(
       g,
       {
-        ref: d,
+        ref: x,
         className: c(
-          N[s],
-          a && b[a],
+          y[a],
+          s && N[s],
           f,
           e
         ),
-        ...x,
-        children: l
+        ...l,
+        children: o
       }
     );
   }
 );
-u.displayName = "Text";
-const h = i.forwardRef(({ className: e, ...s }, t) => /* @__PURE__ */ n(
+h.displayName = "Text";
+const b = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ i(
   "code",
   {
     ref: t,
@@ -54,12 +55,12 @@ const h = i.forwardRef(({ className: e, ...s }, t) => /* @__PURE__ */ n(
       "rounded bg-muted px-1.5 py-0.5 tabular-nums text-xs",
       e
     ),
-    ...s
+    ...a
   }
 ));
-h.displayName = "Code";
+b.displayName = "Code";
 export {
-  h as Code,
-  y as Heading,
-  u as Text
+  b as Code,
+  p as Heading,
+  h as Text
 };

package/components/ui/button.d.ts

@@ -1,8 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
-    size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-sm" | "icon-xs" | "icon-lg" | null | undefined;
+    variant?: "default" | "outline" | "link" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-sm" | "icon-xs" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;

package/components/ui/button.js

@@ -1,28 +1,28 @@
 "use client";
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { cva as a } from "class-variance-authority";
 import { Slot as d } from "radix-ui";
 import { cn as c } from "../../lib/cn.js";
 const u = a(
-  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-xs font-medium whitespace-nowrap transition-[background-color,border-color,color,box-shadow,transform] duration-(--duration-fast) ease-out outline-none motion-reduce:transition-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-xs font-medium whitespace-nowrap transition-[background-color,border-color,color,box-shadow,transform] duration-150 ease-out outline-none motion-reduce:transition-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
         default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        xs: "h-6 gap-1 rounded-sm px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
         sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
         lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
         icon: "size-9",
-        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-8",
+        "icon-xs": "size-6 rounded-sm [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8 rounded-sm",
         "icon-lg": "size-10"
       }
     },
@@ -32,26 +32,26 @@ const u = a(
     }
   }
 );
-function p({
-  className: t,
+function f({
+  className: o,
   variant: e = "default",
-  size: r = "default",
-  asChild: o = !1,
-  ...i
+  size: t = "default",
+  asChild: r = !1,
+  ...s
 }) {
-  const n = o ? d.Root : "button";
-  return /* @__PURE__ */ s(
+  const n = r ? d.Root : "button";
+  return /* @__PURE__ */ i(
     n,
     {
       "data-slot": "button",
       "data-variant": e,
-      "data-size": r,
-      className: c(u({ variant: e, size: r, className: t })),
-      ...i
+      "data-size": t,
+      className: c(u({ variant: e, size: t, className: o })),
+      ...s
     }
   );
 }
 export {
-  p as Button,
+  f as Button,
   u as buttonVariants
 };

package/components/ui/collapsible.d.ts

@@ -1,5 +1 @@
-import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
-declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react").JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react").JSX.Element;
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react").JSX.Element;
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+export { Collapsible, CollapsibleTrigger, CollapsibleContent, } from '../collapsible';