@spear-ai/spectral 1.4.25 → 1.4.27

package/dist/Tray.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { ComponentPropsWithoutRef, ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
+import { ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
 import { Drawer as TrayBase } from 'vaul';
 declare const TrayContentVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "full" | null | undefined;
@@ -8,25 +8,57 @@ export type TrayBaseProps = ComponentPropsWithoutRef<typeof TrayBase.Root> & {
     size?: 'sm' | 'md' | 'lg' | 'full';
     children?: ReactNode;
 };
-export declare const Tray: ForwardRefExoticComponent<TrayBaseProps & RefAttributes<never>>;
-export declare const TrayTrigger: ForwardRefExoticComponent<ComponentPropsWithoutRef<typeof TrayBase.Trigger> & RefAttributes<HTMLButtonElement>>;
-export declare const TrayClose: ForwardRefExoticComponent<ComponentPropsWithoutRef<typeof TrayBase.Close> & RefAttributes<HTMLButtonElement>>;
+export declare const Tray: {
+    ({ size, children, ...props }: TrayBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const TrayTrigger: {
+    ({ ref, className, ...props }: ComponentPropsWithoutRef<typeof TrayBase.Trigger> & {
+        ref?: Ref<HTMLButtonElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const TrayClose: {
+    ({ ref, className, ...props }: ComponentPropsWithoutRef<typeof TrayBase.Close> & {
+        ref?: Ref<HTMLButtonElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export type TrayContentProps = ComponentPropsWithoutRef<typeof TrayBase.Content> & VariantProps<typeof TrayContentVariants> & {
     children?: ReactNode;
 };
-export declare const TrayContent: ForwardRefExoticComponent<TrayContentProps & RefAttributes<HTMLDivElement>>;
-export declare const TrayHeader: ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
-export declare const TrayTitle: ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
-    asChild?: boolean;
-} & RefAttributes<HTMLHeadingElement>>;
-export declare const TraySubtitle: ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
-    asChild?: boolean;
-} & RefAttributes<HTMLParagraphElement>>;
+export declare const TrayContent: {
+    ({ ref, className, size: sizeProp, children, ...props }: TrayContentProps & {
+        ref?: Ref<HTMLDivElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const TrayHeader: {
+    ({ ref, className, children, ...props }: ComponentPropsWithoutRef<"div"> & {
+        ref?: Ref<HTMLDivElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const TrayTitle: {
+    ({ ref, className, children, ...props }: ComponentPropsWithoutRef<"h2"> & {
+        ref?: Ref<HTMLHeadingElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const TraySubtitle: {
+    ({ ref, className, ...props }: ComponentPropsWithoutRef<"p"> & {
+        ref?: Ref<HTMLParagraphElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export type TrayBodyProps = ComponentPropsWithoutRef<'div'> & {
     animationKey?: string | number;
 };
-export declare const TrayBody: ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    animationKey?: string | number;
-} & RefAttributes<HTMLDivElement>>;
+export declare const TrayBody: {
+    ({ ref, className, children, animationKey: keyProp, ...props }: TrayBodyProps & {
+        ref?: Ref<HTMLDivElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=Tray.d.ts.map

package/dist/Tray.js

@@ -1,7 +1,7 @@
 "use client";
 import "./styles/main.css";
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { ButtonIcon as M } from "./ButtonIcon.js";
+import { jsx as r, jsxs as x } from "react/jsx-runtime";
+import { ButtonIcon as K } from "./ButtonIcon.js";
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/ApprovedIcon.js";
@@ -64,12 +64,12 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { cn as s } from "./utils/twUtils.js";
-import { c as H } from "./index-D29mdTf5.js";
-import { createContext as I, forwardRef as a, useRef as T, useMemo as v, useContext as O } from "react";
-import { j as g, m as N, A as j } from "./index-BvRlXSJj.js";
-import { D as l } from "./index-jgQ7sgLl.js";
-const B = H("fixed bottom-4 left-1/2 z-10 -translate-x-1/2 overflow-hidden rounded-2xl bg-drawer-bg outline-none w-full sm:max-md:max-w-full", {
+import { cn as i } from "./utils/twUtils.js";
+import { c as M } from "./index-D29mdTf5.js";
+import { createContext as H, useRef as f, useMemo as T, useContext as I } from "react";
+import { j as v, m as g, A as O } from "./index-BvRlXSJj.js";
+import { D as n } from "./index-D4jMMaAi.js";
+const j = M("fixed bottom-4 left-1/2 z-10 -translate-x-1/2 overflow-hidden rounded-2xl bg-drawer-bg outline-none w-full sm:max-md:max-w-full", {
   variants: {
     size: {
       sm: "max-w-[400px]",
@@ -81,92 +81,130 @@ const B = H("fixed bottom-4 left-1/2 z-10 -translate-x-1/2 overflow-hidden round
   defaultVariants: {
     size: "sm"
   }
-}), b = I(void 0), C = () => {
-  const t = O(b);
+}), N = H(void 0), b = () => {
+  const t = I(N);
   if (!t)
     throw new Error("Tray components must be used within Tray root");
   return t;
-}, S = a(({ size: t = "sm", children: o, ...r }, i) => {
-  const n = T("default"), c = v(
+}, B = ({ size: t = "sm", children: e, ...o }) => {
+  const a = f("default"), m = T(
     () => ({
       size: t,
-      animationKey: n.current,
-      setAnimationKey: (m) => {
-        n.current = m;
+      animationKey: a.current,
+      setAnimationKey: (p) => {
+        a.current = p;
       }
     }),
     [t]
   );
-  return /* @__PURE__ */ e(b.Provider, { value: c, children: /* @__PURE__ */ e(l.Root, { "data-testid": "spectral-tray", ...r, children: o }) });
-});
-S.displayName = "Tray";
-const V = a(({ className: t, ...o }, r) => /* @__PURE__ */ e(l.Trigger, { className: s(t), "data-testid": "spectral-tray-trigger", "data-vaul-no-drag": "", ref: r, ...o }));
-V.displayName = "TrayTrigger";
-const w = a(({ className: t, ...o }, r) => /* @__PURE__ */ e(l.Close, { asChild: !0, className: s(t), "data-testid": "spectral-tray-close", "data-vaul-no-drag": "", ref: r, ...o, children: /* @__PURE__ */ e(h, {}) }));
-w.displayName = "TrayClose";
-const R = a(({ className: t, ...o }, r) => /* @__PURE__ */ e(l.Overlay, { className: s("fixed inset-0 z-10 bg-overlay", t), ref: r, ...o }));
-R.displayName = "TrayOverlay";
-const _ = a(({ className: t, size: o, children: r, ...i }, n) => {
-  const { size: c } = C(), m = o || c, [p, d] = g();
-  return /* @__PURE__ */ f(l.Portal, { children: [
-    /* @__PURE__ */ e(R, {}),
-    /* @__PURE__ */ e(l.Content, { asChild: !0, className: s(B({ size: m }), t), "data-testid": "spectral-tray-content", ref: n, ...i, children: /* @__PURE__ */ e(
-      N.div,
+  return /* @__PURE__ */ r(N.Provider, { value: m, children: /* @__PURE__ */ r(n.Root, { "data-testid": "spectral-tray", ...o, children: e }) });
+};
+B.displayName = "Tray";
+const S = ({
+  ref: t,
+  className: e,
+  ...o
+}) => /* @__PURE__ */ r(n.Trigger, { className: i(e), "data-testid": "spectral-tray-trigger", "data-vaul-no-drag": "", ref: t, ...o });
+S.displayName = "TrayTrigger";
+const C = ({
+  ref: t,
+  className: e,
+  ...o
+}) => /* @__PURE__ */ r(n.Close, { asChild: !0, className: i(e), "data-testid": "spectral-tray-close", "data-vaul-no-drag": "", ref: t, ...o, children: /* @__PURE__ */ r(h, {}) });
+C.displayName = "TrayClose";
+const w = ({
+  ref: t,
+  className: e,
+  ...o
+}) => /* @__PURE__ */ r(n.Overlay, { className: i("bg-overlay fixed inset-0 z-10", e), ref: t, ...o });
+w.displayName = "TrayOverlay";
+const V = ({
+  ref: t,
+  className: e,
+  size: o,
+  children: a,
+  ...m
+}) => {
+  const { size: p } = b(), l = o || p, [s, c] = v();
+  return /* @__PURE__ */ x(n.Portal, { children: [
+    /* @__PURE__ */ r(w, {}),
+    /* @__PURE__ */ r(n.Content, { asChild: !0, className: i(j({ size: l }), e), "data-testid": "spectral-tray-content", ref: t, ...m, children: /* @__PURE__ */ r(
+      g.div,
       {
         animate: {
-          height: d.height,
+          height: c.height,
           transition: {
             duration: 0.27,
             ease: [0.25, 1, 0.5, 1]
           }
         },
-        children: /* @__PURE__ */ e("div", { ref: p, className: "px-6 pb-6 pt-2.5 antialiased", children: r })
+        children: /* @__PURE__ */ r("div", { ref: s, className: "px-6 pt-2.5 pb-6 antialiased", children: a })
       }
     ) })
   ] });
-});
-_.displayName = "TrayContent";
-const P = a(({ className: t, children: o, ...r }, i) => /* @__PURE__ */ f("div", { className: s("flex flex-col space-y-1.5 text-start pb-4 relative", t), "data-testid": "spectral-tray-header", ref: i, ...r, children: [
+};
+V.displayName = "TrayContent";
+const P = ({
+  ref: t,
+  className: e,
+  children: o,
+  ...a
+}) => /* @__PURE__ */ x("div", { className: i("relative flex flex-col space-y-1.5 pb-4 text-start", e), "data-testid": "spectral-tray-header", ref: t, ...a, children: [
   o,
-  /* @__PURE__ */ e(w, { className: "absolute text-neutral-400 right-[-14px] cursor-pointer hover:bg-level-four hover:text-neutral-100 hover:scale-110 rounded-full p-1 top-0 transition-colors z-10", children: /* @__PURE__ */ e(M, { icon: /* @__PURE__ */ e(h, {}), label: "Close tray", shape: "circle" }) })
-] }));
+  /* @__PURE__ */ r(C, { className: "hover:bg-level-four absolute top-0 right-[-14px] z-10 cursor-pointer rounded-full p-1 text-neutral-400 transition-colors hover:scale-110 hover:text-neutral-100", children: /* @__PURE__ */ r(K, { icon: /* @__PURE__ */ r(h, {}), label: "Close tray", shape: "circle" }) })
+] });
 P.displayName = "TrayHeader";
-const U = a(({ className: t, children: o, ...r }, i) => /* @__PURE__ */ e("h2", { className: s("text-xl font-semibold text-text-primary", t), "data-testid": "spectral-tray-title", ref: i, ...r, children: o }));
+const U = ({
+  ref: t,
+  className: e,
+  children: o,
+  ...a
+}) => /* @__PURE__ */ r("h2", { className: i("text-text-primary text-xl font-semibold", e), "data-testid": "spectral-tray-title", ref: t, ...a, children: o });
 U.displayName = "TrayTitle";
-const E = a(({ className: t, ...o }, r) => /* @__PURE__ */ e("p", { className: s("text-sm text-text-secondary", t), "data-testid": "spectral-tray-subtitle", ref: r, ...o }));
-E.displayName = "TraySubtitle";
-const L = a(({ className: t, children: o, animationKey: r, ...i }, n) => {
-  const { animationKey: c } = C(), m = r !== void 0 ? r : c, p = T(null), [d, u] = g(), z = v(() => {
-    const y = u.height, A = p.current, x = 0.15, D = 0.27;
-    if (!p.current)
-      return p.current = y, x;
-    const K = Math.abs(y - A);
-    return p.current = y, Math.min(Math.max(K / 500, x), D);
-  }, [u.height]);
-  return /* @__PURE__ */ e("div", { ref: n, "data-testid": "spectral-tray-body", className: s(t), ...i, children: /* @__PURE__ */ e(j, { initial: !1, mode: "popLayout", custom: m, children: /* @__PURE__ */ e(
-    N.div,
+const _ = ({
+  ref: t,
+  className: e,
+  ...o
+}) => /* @__PURE__ */ r("p", { className: i("text-text-secondary text-sm", e), "data-testid": "spectral-tray-subtitle", ref: t, ...o });
+_.displayName = "TraySubtitle";
+const E = ({
+  ref: t,
+  className: e,
+  children: o,
+  animationKey: a,
+  ...m
+}) => {
+  const { animationKey: p } = b(), l = a !== void 0 ? a : p, s = f(null), [c, y] = v(), z = T(() => {
+    const d = y.height, R = s.current, u = 0.15, A = 0.27;
+    if (!s.current)
+      return s.current = d, u;
+    const D = Math.abs(d - R);
+    return s.current = d, Math.min(Math.max(D / 500, u), A);
+  }, [y.height]);
+  return /* @__PURE__ */ r("div", { ref: t, "data-testid": "spectral-tray-body", className: i(e), ...m, children: /* @__PURE__ */ r(O, { initial: !1, mode: "popLayout", custom: l, children: /* @__PURE__ */ r(
+    g.div,
     {
       animate: { opacity: 1, scale: 1, y: 0 },
       exit: { opacity: 0, scale: 0.96 },
       initial: { opacity: 0, scale: 0.96 },
-      ref: d,
+      ref: c,
       transition: {
         duration: z,
         ease: [0.26, 0.08, 0.25, 1]
       },
       children: o
     },
-    m
+    l
   ) }) });
-});
-L.displayName = "TrayBody";
+};
+E.displayName = "TrayBody";
 export {
-  S as Tray,
-  L as TrayBody,
-  w as TrayClose,
-  _ as TrayContent,
+  B as Tray,
+  E as TrayBody,
+  C as TrayClose,
+  V as TrayContent,
   P as TrayHeader,
-  E as TraySubtitle,
+  _ as TraySubtitle,
   U as TrayTitle,
-  V as TrayTrigger
+  S as TrayTrigger
 };

package/dist/hooks/useAccordionAutoScroll.d.ts

@@ -5,5 +5,5 @@ import { MouseEvent, RefObject } from 'react';
  * @param triggerRef Reference to the accordion trigger element
  * @returns A click event handler for the accordion trigger
  */
-export declare const useAccordionAutoScroll: (triggerRef: RefObject<HTMLElement>) => (_event?: MouseEvent<HTMLButtonElement>) => void;
+export declare const useAccordionAutoScroll: (triggerRef: RefObject<HTMLElement> | null) => (_event?: MouseEvent<HTMLButtonElement>) => void;
 //# sourceMappingURL=useAccordionAutoScroll.d.ts.map

package/dist/hooks/useAccordionAutoScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAccordionAutoScroll.d.ts","sourceRoot":"","sources":["../../src/hooks/useAccordionAutoScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAA;AAOvF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,YAAY,SAAS,CAAC,WAAW,CAAC,eA4G1C,UAAU,CAAC,iBAAiB,CAAC,SAI3D,CAAA"}
+{"version":3,"file":"useAccordionAutoScroll.d.ts","sourceRoot":"","sources":["../../src/hooks/useAccordionAutoScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAOvF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,YAAY,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,eA6GjD,UAAU,CAAC,iBAAiB,CAAC,SAI3D,CAAA"}

package/dist/hooks/useAccordionAutoScroll.js

@@ -1,52 +1,53 @@
 "use client";
-import { useRef as h, useCallback as g, useEffect as E } from "react";
-const A = (u) => {
-  const o = h(null), l = h(null), a = g((t) => {
+import { useRef as h, useCallback as v, useEffect as O } from "react";
+const A = (d) => {
+  const o = h(null), c = h(null), u = v((t) => {
     if (!t || t === document.body) return window;
-    const { overflow: d, overflowY: s } = window.getComputedStyle(t);
-    return /(auto|scroll)/.test(d) || /(auto|scroll)/.test(s) ? t : a(t.parentElement);
+    const { overflow: s, overflowY: a } = window.getComputedStyle(t);
+    return /(auto|scroll)/.test(s) || /(auto|scroll)/.test(a) ? t : u(t.parentElement);
   }, []);
-  return E(() => {
-    if (!u.current) return;
-    const t = new MutationObserver((d) => {
-      d.forEach((s) => {
-        if (s.attributeName === "data-state") {
-          const e = s.target, f = e.getAttribute("data-state"), w = e.closest("[data-scroll-options]");
-          if (!w) return;
+  return O(() => {
+    const t = d?.current ?? null;
+    if (!t) return;
+    const s = new MutationObserver((a) => {
+      a.forEach((f) => {
+        if (f.attributeName === "data-state") {
+          const r = f.target, w = r.getAttribute("data-state"), p = r.closest("[data-scroll-options]");
+          if (!p) return;
           try {
-            const i = w.getAttribute("data-scroll-options");
+            const i = p.getAttribute("data-scroll-options");
             if (!i) return;
-            const v = JSON.parse(i), { autoScroll: p, scrollPadding: T } = v;
-            if (p === "never") return;
-            const n = a(e);
-            if (f === "open") {
-              if (p === "mobile" && window.innerHeight >= 768) return;
-              n === window ? o.current = window.scrollY : o.current = n.scrollTop, l.current = n, setTimeout(() => {
-                if (!e) return;
-                const r = e.getBoundingClientRect(), b = 0, m = T;
+            const T = JSON.parse(i), { autoScroll: m, scrollPadding: S } = T;
+            if (m === "never") return;
+            const n = u(r);
+            if (w === "open") {
+              if (m === "mobile" && window.innerHeight >= 768) return;
+              n === window ? o.current = window.scrollY : o.current = n.scrollTop, c.current = n, setTimeout(() => {
+                if (!r) return;
+                const e = r.getBoundingClientRect(), b = 0, g = S;
                 if (n === window) {
-                  const c = window.scrollY + r.top + m - b;
+                  const l = window.scrollY + e.top + g - b;
                   window.scrollTo({
-                    top: c,
+                    top: l,
                     behavior: "smooth"
                   });
                 } else {
-                  const c = n, S = c.getBoundingClientRect(), C = r.top - S.top;
-                  c.scrollTo({
-                    top: c.scrollTop + C + m - b,
+                  const l = n, C = l.getBoundingClientRect(), E = e.top - C.top;
+                  l.scrollTo({
+                    top: l.scrollTop + E + g - b,
                     behavior: "smooth"
                   });
                 }
               }, 100);
-            } else f === "closed" && o.current !== null && l.current && setTimeout(() => {
-              const r = l.current;
-              r === window ? window.scrollTo({
+            } else w === "closed" && o.current !== null && c.current && setTimeout(() => {
+              const e = c.current;
+              e === window ? window.scrollTo({
                 top: o.current,
                 behavior: "smooth"
-              }) : r instanceof HTMLElement && r.scrollTo({
+              }) : e instanceof HTMLElement && e.scrollTo({
                 top: o.current,
                 behavior: "smooth"
-              }), o.current = null, l.current = null;
+              }), o.current = null, c.current = null;
             }, 100);
           } catch (i) {
             console.error("Error handling accordion scroll:", { error: i });
@@ -54,10 +55,10 @@ const A = (u) => {
         }
       });
     });
-    return t.observe(u.current, { attributes: !0 }), () => {
-      t.disconnect();
+    return s.observe(t, { attributes: !0 }), () => {
+      s.disconnect();
     };
-  }, [u, a]), g((t) => {
+  }, [d, u]), v((t) => {
   }, []);
 };
 export {

package/dist/{index-BSCg4Mei.js → index-B0Kp8R0j.js}

@@ -4,7 +4,7 @@ import * as be from "react-dom";
 import { c as Re } from "./index-rKs9bXHr.js";
 import { e as Ee, c as st, u as k, P as M, b as R, f as Y, a as ct } from "./index-CfypDjr2.js";
 import { u as lt, c as at } from "./index-DvqEQspb.js";
-import { D as it, P as dt } from "./index-D-PVGGln.js";
+import { P as it, D as dt } from "./index-D-PVGGln.js";
 import { h as ut, u as pt, R as ft, F as mt } from "./index-CpUJ8sN0.js";
 import { u as Ie } from "./index-CDYW5LDR.js";
 import { c as _e, R as ht, A as vt, C as gt, a as St } from "./index-DMDsy0y2.js";
@@ -170,7 +170,7 @@ var bt = "SelectIcon", Le = t.forwardRef(
   }
 );
 Le.displayName = bt;
-var _t = "SelectPortal", ke = (o) => /* @__PURE__ */ p(dt, { asChild: !0, ...o });
+var _t = "SelectPortal", ke = (o) => /* @__PURE__ */ p(it, { asChild: !0, ...o });
 ke.displayName = _t;
 var Q = "SelectContent", Ve = t.forwardRef(
   (o, l) => {
@@ -307,7 +307,7 @@ var O = 10, [Be, q] = te(Q), Nt = "SelectContentImpl", Mt = ct("SelectContent.Re
               m.trigger?.focus({ preventScroll: !0 }), u.preventDefault();
             }),
             children: /* @__PURE__ */ p(
-              it,
+              dt,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: !0,

package/dist/{index-jgQ7sgLl.js → index-D4jMMaAi.js}

@@ -1,4 +1,4 @@
-import { O as me, a as pe, b as we, C as he, R as ge, P as ve, T as ye, D as be } from "./index-BFu0M-5-.js";
+import { O as me, a as pe, b as we, C as he, T as ge, D as ve, R as ye, P as be } from "./index-BFu0M-5-.js";
 import * as Se from "react";
 import r, { useMemo as Te, useLayoutEffect as Re, useEffect as Ee } from "react";
 function De(t) {
@@ -820,7 +820,7 @@ function Xe({ open: t, onOpenChange: n, children: e, onDrag: o, onRelease: i, sn
     });
   }, [
     U
-  ]), /* @__PURE__ */ r.createElement(ge, {
+  ]), /* @__PURE__ */ r.createElement(ye, {
     defaultOpen: Y,
     onOpenChange: (s) => {
       !h && !s || (s ? q(!0) : st(!0), z(s));
@@ -1017,7 +1017,7 @@ const Ke = 250, Ge = 120, Je = /* @__PURE__ */ r.forwardRef(function({ preventCy
 Je.displayName = "Drawer.Handle";
 function Qe(t) {
   const n = ct(), { container: e = n.container, ...o } = t;
-  return /* @__PURE__ */ r.createElement(ve, {
+  return /* @__PURE__ */ r.createElement(be, {
     container: e,
     ...o
   });
@@ -1029,8 +1029,8 @@ const en = {
   Trigger: we,
   Portal: Qe,
   Close: he,
-  Title: ye,
-  Description: be
+  Title: ge,
+  Description: ve
 };
 export {
   en as D

package/dist/primitives/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/primitives/input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,eAAO,MAAM,KAAK,GAAI,+BAA+B,cAAc,CAAC,OAAO,CAAC,4CAe3E,CAAA"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/primitives/input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,eAAO,MAAM,KAAK,GAAI,+BAA+B,cAAc,CAAC,OAAO,CAAC,4CAY3E,CAAA"}

package/dist/primitives/input.js

@@ -7,10 +7,7 @@ const a = ({ className: e, type: t, ...i }) => /* @__PURE__ */ n(
     type: t,
     "data-slot": "input",
     className: o(
-      `file:text-input-text placeholder:text-input-text-placeholder selection:bg-input-bg--selected selection:text-input-text border-input-primitive-border h-9 w-full min-w-0 rounded-md border
-        bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] focus:ring-none focus:outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm
-        file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 focus-visible:border-accent focus-visible:outline-offset-2 focus-visible:outline-2
-        focus-visible:outline-accent aria-invalid:ring-danger-400 aria-invalid:border-danger-400`,
+      "file:text-input-text placeholder:text-input-text-placeholder selection:bg-input-bg--selected selection:text-input-text border-input-primitive-border focus:ring-none focus-visible:border-accent focus-visible:outline-accent aria-invalid:ring-danger-400 aria-invalid:border-danger-400 h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
       e
     ),
     ...i

package/dist/primitives/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/primitives/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAExE;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAE9E;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAE9E;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAClD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,2CAuBA;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAmB,EAAE,KAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAsB9I;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEzF;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAoBjG;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAEjG;AAED,iBAAS,oBAAoB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAM3G;AAED,iBAAS,sBAAsB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAM/G;AAED,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/primitives/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAExE;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAE9E;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAE9E;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAClD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,2CAoBA;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAmB,EAAE,KAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAoB9I;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEzF;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAkBjG;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAEjG;AAED,iBAAS,oBAAoB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAM3G;AAED,iBAAS,sBAAsB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAM/G;AAED,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EAAE,CAAA"}

package/dist/primitives/select.js

@@ -61,7 +61,7 @@ import "../Icons/WarningIcon.js";
 import "../Icons/ZoomAllIcon.js";
 import "../Icons/ZoomXIcon.js";
 import "../Icons/ZoomYIcon.js";
-import { R as c, P as d, C as u, V as f, G as x, I as g, a as h, b as v, L as b, S as y, c as w, d as S, T as z, e as N, f as I } from "../index-BSCg4Mei.js";
+import { R as c, P as d, C as u, V as f, G as x, I as g, a as h, b as v, L as b, S as y, c as w, d as S, T as z, e as N, f as I } from "../index-B0Kp8R0j.js";
 import { cn as o } from "../utils/twUtils.js";
 import "react";
 function At({ ...t }) {
@@ -86,10 +86,7 @@ function Ht({
       "data-slot": "select-trigger",
       "data-size": r,
       className: o(
-        `border-input data-[placeholder]:text-input-text-placeholder [&_svg:not([class*='text-'])]:text-text-placeholder focus-visible:border-ring focus-visible:ring-ring/50
-        aria-invalid:ring-danger-400 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow]
-        outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1
-        *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
+        "border-input data-[placeholder]:text-input-text-placeholder [&_svg:not([class*='text-'])]:text-text-placeholder focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-danger-400 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         t
       ),
       asChild: i,
@@ -107,9 +104,7 @@ function Jt({ className: t, children: r, position: a = "popper", align: i = "cen
     {
       "data-slot": "select-content",
       className: o(
-        `bg-popover text-text-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95
-          data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2
-          relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border shadow-md`,
+        "bg-popover text-text-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
         a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         t
       ),
@@ -133,9 +128,7 @@ function Mt({ className: t, children: r, ...a }) {
     {
       "data-slot": "select-item",
       className: o(
-        `focus:bg-accent focus:text-primary-inverse [&_svg:not([class*='text-'])]:text-primary-inverse relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm
-        outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex
-        *:[span]:last:items-center *:[span]:last:gap-2`,
+        "focus:bg-accent focus:text-primary-inverse [&_svg:not([class*='text-'])]:text-primary-inverse relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         t
       ),
       ...a,

package/dist/primitives/slot.d.ts

@@ -1,11 +1,18 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode, Ref } from 'react';
+type SlotBaseProps = HTMLAttributes<HTMLElement> & {
+    children?: ReactNode;
+};
 export declare function Slottable(props: {
     children?: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-export declare const Slot: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
-    children?: ReactNode;
-} & import('react').RefAttributes<HTMLElement>>;
+export declare const Slot: {
+    ({ ref: forwardedRef, children, ...slotProps }: SlotBaseProps & {
+        ref?: Ref<HTMLElement>;
+    }): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
 export type AsChildProp = {
     asChild?: boolean;
 };
+export {};
 //# sourceMappingURL=slot.d.ts.map

package/dist/primitives/slot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/primitives/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgE,KAAK,cAAc,EAAqB,KAAK,SAAS,EAAiC,MAAM,OAAO,CAAA;AA4B3K,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,2CAExD;AAED,eAAO,MAAM,IAAI;eAPJ,SAAS;+CA6CpB,CAAA;AAGF,MAAM,MAAM,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA"}
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/primitives/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,cAAc,EAAqB,KAAK,SAAS,EAAE,KAAK,GAAG,EAAuB,MAAM,OAAO,CAAA;AAwB/J,KAAK,aAAa,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,2CAExD;AAED,eAAO,MAAM,IAAI;oDAId,aAAa,GAAG;QACjB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;KACvB;;CAsCA,CAAA;AAGD,MAAM,MAAM,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA"}