@spear-ai/spectral 1.8.1 → 1.8.3

package/README.md

@@ -1,4 +1,4 @@
-![for-github](https://github.com/user-attachments/assets/57165f04-2b17-4b15-81d0-b5f0d72daee0)
+![spectral-logo](https://spectral.s3.us-gov-west-1.amazonaws.com/logo-for-github.svg)
 
 
 # Spear AI's Component Library

package/dist/Accordion.js

@@ -70,12 +70,12 @@ import "./Icons/ZoomYIcon.js";
 import { useAccordionAutoScroll as Ce } from "./hooks/useAccordionAutoScroll.js";
 import * as f from "react";
 import u, { createContext as ge, Children as be, isValidElement as Ae, cloneElement as he, useRef as xe, useCallback as Ie, useContext as ye } from "react";
-import { c as F, P as y, b as z, e as M, u as B, f as Re } from "./index-OnYbwQjk.js";
-import { c as Ne, u as we } from "./index-DSXuB1g3.js";
-import { P as _e } from "./index-D6HcSXrq.js";
-import { u as U } from "./index-C12FUuIW.js";
+import { P as y, c as F, e as M, a as z, u as B, f as Re } from "./index-9OmOYyjJ.js";
+import { c as Ne, u as we } from "./index-Cgdmxb3F.js";
+import { P as _e } from "./index-CtqlhLRO.js";
+import { u as U } from "./index-obMGvcdD.js";
 import { cn as w } from "./utils/twUtils.js";
-var _ = "Collapsible", [Pe, q] = F(_), [Ee, V] = Pe(_), J = f.forwardRef(
+var _ = "Collapsible", [Pe, q] = z(_), [Ee, V] = Pe(_), J = f.forwardRef(
   (e, a) => {
     const {
       __scopeCollapsible: o,
@@ -126,7 +126,7 @@ var Y = "CollapsibleTrigger", Q = f.forwardRef(
         disabled: n.disabled,
         ...t,
         ref: a,
-        onClick: z(e.onClick, n.onOpenToggle)
+        onClick: F(e.onClick, n.onOpenToggle)
       }
     );
   }
@@ -175,7 +175,7 @@ var Se = f.forwardRef((e, a) => {
 function H(e) {
   return e ? "open" : "closed";
 }
-var Oe = J, Te = Q, ke = W, C = "Accordion", De = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [L, Me, Ve] = Ne(C), [P] = F(C, [
+var Oe = J, Te = Q, ke = W, C = "Accordion", De = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [L, Me, Ve] = Ne(C), [P] = z(C, [
   Ve,
   q
 ]), j = q(), X = u.forwardRef(
@@ -245,7 +245,7 @@ var [Z, $e] = P(C), [ee, He] = P(
   );
 }), [Ge, E] = P(C), oe = u.forwardRef(
   (e, a) => {
-    const { __scopeAccordion: o, disabled: t, dir: n, orientation: r = "vertical", ...c } = e, s = u.useRef(null), l = B(s, a), p = Me(o), v = we(n) === "ltr", x = z(e.onKeyDown, (g) => {
+    const { __scopeAccordion: o, disabled: t, dir: n, orientation: r = "vertical", ...c } = e, s = u.useRef(null), l = B(s, a), p = Me(o), v = we(n) === "ltr", x = F(e.onKeyDown, (g) => {
       if (!De.includes(g.key)) return;
       const R = g.target, b = p().filter((k) => !k.ref.current?.disabled), A = b.findIndex((k) => k.ref.current === R), h = b.length;
       if (A === -1) return;

package/dist/{Combination-CK_g12Qb.js → Combination-CQ5bXZqE.js}

@@ -1,7 +1,7 @@
 import "./styles/main.css";
 import * as u from "react";
 import { useState as ge } from "react";
-import { u as ye, P as be } from "./index-OnYbwQjk.js";
+import { u as ye, P as be } from "./index-9OmOYyjJ.js";
 import { u as q } from "./index-0ioNhtNM.js";
 import { jsx as Ee } from "react/jsx-runtime";
 var _ = 0;

package/dist/Dialog.js

@@ -1,10 +1,10 @@
 import "./styles/main.css";
 import { jsx as o, jsxs as l } from "react/jsx-runtime";
 import { CloseIcon as m } from "./Icons/CloseIcon.js";
-import { R as p, C as i, a as f, D as u, O as x, P as b, T as h, b as v } from "./index-CqbPiOid.js";
+import { R as p, C as i, a as f, D as u, O as x, P as b, T as h, b as v } from "./index-CmWCa9Ae.js";
 import { cn as e } from "./utils/twUtils.js";
 import "react";
-import { R as y } from "./Combination-CK_g12Qb.js";
+import { R as y } from "./Combination-CQ5bXZqE.js";
 const j = ({
   isOpen: t,
   modal: a = !1,

package/dist/Drawer.js

@@ -1,7 +1,7 @@
 import "./styles/main.css";
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import { SpectralProvider as f } from "./SpectralProvider.js";
-import { D as e } from "./index-CrjD9cAD.js";
+import { D as e } from "./index-D2Qxe4uK.js";
 const u = ({ children: l, defaultOpen: d = !1, description: i, direction: o = "right", dismissible: c = !0, modal: n = !0, onOpenChange: p, open: x, size: r = "380px", title: h, trigger: m }) => {
   const a = "font-sans! fixed", w = {
     left: {

package/dist/HoverCard.js

@@ -3,14 +3,14 @@ import "./styles/main.css";
 import { jsx as i } from "react/jsx-runtime";
 import * as s from "react";
 import { createContext as I, useContext as B } from "react";
-import { e as U, c as $, b as m, P as W, u as z } from "./index-OnYbwQjk.js";
-import { c as O, R as G, A as K, C as j, a as V } from "./index-B3FZpM60.js";
-import { P as q, D as J } from "./index-u1k2AYWy.js";
-import { P as T } from "./index-D6HcSXrq.js";
+import { e as U, c as m, P as $, u as W, a as z } from "./index-9OmOYyjJ.js";
+import { R as G, A as K, c as O, C as j, a as V } from "./index-CJKg3MVV.js";
+import { P as q, D as J } from "./index-BJ6qs9i5.js";
+import { P as T } from "./index-CtqlhLRO.js";
 import { cn as E } from "./utils/twUtils.js";
-var H, b = "HoverCard", [N] = $(b, [
+var H, x = "HoverCard", [N] = z(x, [
   O
-]), x = O(), [Q, R] = N(b), _ = (e) => {
+]), R = O(), [Q, b] = N(x), _ = (e) => {
   const {
     __scopeHoverCard: o,
     children: r,
@@ -19,11 +19,11 @@ var H, b = "HoverCard", [N] = $(b, [
     onOpenChange: c,
     openDelay: u = 700,
     closeDelay: f = 300
-  } = e, d = x(o), l = s.useRef(0), p = s.useRef(0), C = s.useRef(!1), v = s.useRef(!1), [h, t] = U({
+  } = e, d = R(o), l = s.useRef(0), p = s.useRef(0), C = s.useRef(!1), v = s.useRef(!1), [h, t] = U({
     prop: a,
     defaultProp: n ?? !1,
     onChange: c,
-    caller: b
+    caller: x
   }), g = s.useCallback(() => {
     clearTimeout(p.current), l.current = window.setTimeout(() => t(!0), u);
   }, [u, t]), S = s.useCallback(() => {
@@ -46,12 +46,12 @@ var H, b = "HoverCard", [N] = $(b, [
     }
   );
 };
-_.displayName = b;
+_.displayName = x;
 var D = "HoverCardTrigger", A = s.forwardRef(
   (e, o) => {
-    const { __scopeHoverCard: r, ...a } = e, n = R(D, r), c = x(r);
+    const { __scopeHoverCard: r, ...a } = e, n = b(D, r), c = R(r);
     return /* @__PURE__ */ i(K, { asChild: !0, ...c, children: /* @__PURE__ */ i(
-      W.a,
+      $.a,
       {
         "data-state": n.open ? "open" : "closed",
         ...a,
@@ -69,13 +69,13 @@ A.displayName = D;
 var y = "HoverCardPortal", [X, Y] = N(y, {
   forceMount: void 0
 }), L = (e) => {
-  const { __scopeHoverCard: o, forceMount: r, children: a, container: n } = e, c = R(y, o);
+  const { __scopeHoverCard: o, forceMount: r, children: a, container: n } = e, c = b(y, o);
   return /* @__PURE__ */ i(X, { scope: o, forceMount: r, children: /* @__PURE__ */ i(T, { present: r || c.open, children: /* @__PURE__ */ i(q, { asChild: !0, container: n, children: a }) }) });
 };
 L.displayName = y;
 var P = "HoverCardContent", M = s.forwardRef(
   (e, o) => {
-    const r = Y(P, e.__scopeHoverCard), { forceMount: a = r.forceMount, ...n } = e, c = R(P, e.__scopeHoverCard);
+    const r = Y(P, e.__scopeHoverCard), { forceMount: a = r.forceMount, ...n } = e, c = b(P, e.__scopeHoverCard);
     return /* @__PURE__ */ i(T, { present: a || c.open, children: /* @__PURE__ */ i(
       Z,
       {
@@ -97,7 +97,7 @@ var Z = s.forwardRef((e, o) => {
     onFocusOutside: c,
     onInteractOutside: u,
     ...f
-  } = e, d = R(P, r), l = x(r), p = s.useRef(null), C = z(o, p), [v, h] = s.useState(!1);
+  } = e, d = b(P, r), l = R(r), p = s.useRef(null), C = W(o, p), [v, h] = s.useState(!1);
   return s.useEffect(() => {
     if (v) {
       const t = document.body;
@@ -156,7 +156,7 @@ var Z = s.forwardRef((e, o) => {
   );
 }), ee = "HoverCardArrow", te = s.forwardRef(
   (e, o) => {
-    const { __scopeHoverCard: r, ...a } = e, n = x(r);
+    const { __scopeHoverCard: r, ...a } = e, n = R(r);
     return /* @__PURE__ */ i(V, { ...n, ...a, ref: o });
   }
 );

package/dist/Input/InputUtils.js

@@ -1,5 +1,5 @@
 "use client";
-import { useState as u, useRef as l, useLayoutEffect as d, useCallback as f } from "react";
+import { useState as u, useCallback as f, useRef as l, useLayoutEffect as d } from "react";
 const h = (t) => {
   const [r, s] = u(0), e = l(null);
   return d(() => {

package/dist/InputOTP.d.ts

@@ -16,7 +16,7 @@ export interface InputOTPBaseProps extends Omit<OTPInputProps, 'textAlign' | 'pu
     state?: FormFieldState;
     variant?: 'outlined' | 'filled';
 }
-type InputOTPProps = InputOTPBaseProps & ({
+export type InputOTPProps = InputOTPBaseProps & ({
     value: number | string;
     onChange: (newValue: number | string) => void;
 } | {

package/dist/InputOTP.js

@@ -67,7 +67,7 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { useFormFieldId as Gt, useFormFieldState as Lt, ErrorMessage as $t, getErrorMessageId as zt } from "./utils/formFieldUtils.js";
+import { useFormFieldId as Gt, ErrorMessage as Lt, getErrorMessageId as $t, useFormFieldState as zt } from "./utils/formFieldUtils.js";
 import { cn as wt } from "./utils/twUtils.js";
 import * as n from "react";
 import { createContext as St, useContext as yt } from "react";
@@ -283,7 +283,7 @@ const Mt = St({}), Tt = St(null), ot = () => {
   variant: h = "outlined",
   ...P
 }) => {
-  const T = Gt(v, m), { isInvalid: s } = Lt(!1, g), F = j ?? (i === "numeric" ? ae : void 0), J = (O) => {
+  const T = Gt(v, m), { isInvalid: s } = zt(!1, g), F = j ?? (i === "numeric" ? ae : void 0), J = (O) => {
     let W = O.clipboardData.getData("text/plain").trim().replaceAll("-", "");
     i === "numeric" && (W = W.replace(/\D/g, "")), W.length === d && typeof E == "function" && E(W);
   };
@@ -315,7 +315,7 @@ const Mt = St({}), Tt = St(null), ot = () => {
         render: ({ slots: O }) => /* @__PURE__ */ w(Tt.Provider, { value: { slots: O, variant: h, maxLength: d }, children: e ?? /* @__PURE__ */ w(at, { children: /* @__PURE__ */ w(it, {}) }) })
       }
     ),
-    s && l && /* @__PURE__ */ w($t, { dataTestId: "spectral-input-otp-error-message", id: zt(T), message: l })
+    s && l && /* @__PURE__ */ w(Lt, { dataTestId: "spectral-input-otp-error-message", id: $t(T), message: l })
   ] }) });
 };
 kt.displayName = "InputOTP";

package/dist/MultiSelect/MultiSelectBase.js

@@ -67,7 +67,7 @@ import "../Icons/WarningIcon.js";
 import "../Icons/ZoomAllIcon.js";
 import "../Icons/ZoomXIcon.js";
 import "../Icons/ZoomYIcon.js";
-import { R as be, T as ge, P as he, C as xe } from "../index-Q3N6lgwg.js";
+import { R as be, T as ge, P as he, C as xe } from "../index-CXltlPV-.js";
 import { ErrorMessage as ye } from "../utils/formFieldUtils.js";
 import { cn as y } from "../utils/twUtils.js";
 import { useId as ve, useState as V, useRef as we, useMemo as v, useCallback as w, useEffect as Ne } from "react";

package/dist/Popover.d.ts

@@ -5,6 +5,6 @@ export type PopoverContentProps = ComponentPropsWithoutRef<typeof PopoverPrimiti
 };
 export declare const Popover: ({ ...props }: ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
 export declare const PopoverTrigger: ({ ...props }: ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>) => import("react/jsx-runtime").JSX.Element;
-export declare const PopoverContent: ({ align, className, side, sideOffset, width, ...props }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverContent: ({ align, className, collisionPadding, side, sideOffset, width, ...props }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
 export declare const PopoverAnchor: ({ ...props }: ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Popover.d.ts.map

package/dist/Popover.js

@@ -1,33 +1,34 @@
 import "./styles/main.css";
 import { jsx as t } from "react/jsx-runtime";
-import { R as s, P as p, C as d, T as m, A as f } from "./index-Q3N6lgwg.js";
-import { cn as l } from "./utils/twUtils.js";
+import { R as p, P as d, C as m, T as f, A as l } from "./index-CXltlPV-.js";
+import { cn as c } from "./utils/twUtils.js";
 import "react";
-const u = ({ ...o }) => /* @__PURE__ */ t(s, { "data-slot": "popover", "data-testid": "spectral-popover", ...o }), x = ({ ...o }) => /* @__PURE__ */ t(m, { "data-slot": "popover-trigger", "data-testid": "spectral-popover-trigger", ...o }), b = ({ align: o = "center", className: a, side: r = "bottom", sideOffset: n = 4, width: e = "w-fit", ...i }) => /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
-  d,
+const x = ({ ...o }) => /* @__PURE__ */ t(p, { "data-slot": "popover", "data-testid": "spectral-popover", ...o }), b = ({ ...o }) => /* @__PURE__ */ t(f, { "data-slot": "popover-trigger", "data-testid": "spectral-popover-trigger", ...o }), P = ({ align: o = "center", className: a, collisionPadding: r = 8, side: n = "bottom", sideOffset: i = 4, width: e = "w-fit", ...s }) => /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(
+  m,
   {
     align: o,
+    collisionPadding: r,
     "data-slot": "popover-content",
     "data-testid": "spectral-popover-content",
-    side: r,
-    sideOffset: n,
-    className: l(
+    side: n,
+    sideOffset: i,
+    className: c(
       "bg-popover-bg text-popover-text motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0",
       "motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[side=bottom]:slide-in-from-top-2",
       "motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 z-50 h-fit",
-      "max-h-(--radix-popover-content-max-height) origin-[--radix-popover-content-transform-origin] rounded-lg border-none p-4",
+      "max-h-(--radix-popover-content-available-height) origin-[--radix-popover-content-transform-origin] rounded-lg border-none p-4",
       "w-(--popover-width) overflow-x-hidden overflow-y-auto shadow-md outline-none",
       a
     ),
     style: {
       "--popover-width": typeof e == "number" ? `${e}px` : e === "w-fit" ? "320px" : e
     },
-    ...i
+    ...s
   }
-) }), P = ({ ...o }) => /* @__PURE__ */ t(f, { "data-slot": "popover-anchor", ...o });
+) }), w = ({ ...o }) => /* @__PURE__ */ t(l, { "data-slot": "popover-anchor", ...o });
 export {
-  u as Popover,
-  P as PopoverAnchor,
-  b as PopoverContent,
-  x as PopoverTrigger
+  x as Popover,
+  w as PopoverAnchor,
+  P as PopoverContent,
+  b as PopoverTrigger
 };

package/dist/RadioGroup.js

@@ -4,13 +4,13 @@ import { jsx as a, jsxs as Y } from "react/jsx-runtime";
 import { Label as D } from "./Label.js";
 import * as c from "react";
 import { useState as ge, createContext as he, memo as Ie, useMemo as ye, useContext as we, useId as Ce } from "react";
-import { c as L, P as F, b as y, u as _, e as $ } from "./index-OnYbwQjk.js";
-import { c as Ee, u as j } from "./index-DSXuB1g3.js";
-import { u as Se } from "./index-C12FUuIW.js";
+import { P as F, c as y, a as L, u as _, e as $ } from "./index-9OmOYyjJ.js";
+import { c as Ee, u as j } from "./index-Cgdmxb3F.js";
+import { u as Se } from "./index-obMGvcdD.js";
 import { u as Fe } from "./index-0ioNhtNM.js";
-import { u as Ae } from "./index-ZExQO1ax.js";
+import { u as Ae } from "./index-WBfSMXvE.js";
 import { u as Ne } from "./index-BZPx6jYI.js";
-import { P as _e } from "./index-D6HcSXrq.js";
+import { P as _e } from "./index-CtqlhLRO.js";
 import { cn as E } from "./utils/twUtils.js";
 import { h as Pe, c as Te, p as xe, w as Ge, m as V } from "./proxy-CO_-Vget.js";
 import { A as ke } from "./index-Cl8VeY0o.js";

package/dist/Select.js

@@ -68,8 +68,8 @@ import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
 import { Label as I } from "./Label.js";
-import { R as Z, T as _, V as $, I as tt, P as et, C as rt, S as at, a as it, b as st, c as C, G as ot, d as lt, e as dt, f as mt } from "./index-CpovUAO-.js";
-import { useFormFieldId as ct, useFormFieldState as pt, getAriaProps as nt, groupOptions as ut, getFormFieldCSSProperties as gt, getStateClasses as ht, getTriggerClasses as ft, ErrorMessage as bt, getErrorMessageId as xt, LoadingState as yt, EmptyState as Nt, getOptionClasses as vt } from "./utils/formFieldUtils.js";
+import { R as Z, T as _, V as $, I as tt, P as et, C as rt, S as at, a as it, b as st, c as C, G as ot, d as lt, e as dt, f as mt } from "./index-DqvTB1Bv.js";
+import { useFormFieldId as ct, useFormFieldState as pt, getAriaProps as nt, groupOptions as ut, getFormFieldCSSProperties as gt, getStateClasses as ht, getTriggerClasses as ft, ErrorMessage as bt, LoadingState as xt, EmptyState as yt, getErrorMessageId as Nt, getOptionClasses as vt } from "./utils/formFieldUtils.js";
 import { cn as a } from "./utils/twUtils.js";
 import { useState as St } from "react";
 const wt = ({
@@ -100,11 +100,11 @@ const wt = ({
   "aria-describedby": A,
   ...s
 }) => {
-  const [b, U] = St(!1), o = ct(V, g), x = xt(o), { isDisabled: m, isLoading: y, isInvalid: H } = pt(s.disabled, i), J = nt(i, A, s.required, x), { groups: N, ungrouped: v } = ut(h), K = () => {
+  const [b, U] = St(!1), o = ct(V, g), x = Nt(o), { isDisabled: m, isLoading: y, isInvalid: H } = pt(s.disabled, i), J = nt(i, A, s.required, x), { groups: N, ungrouped: v } = ut(h), K = () => {
     if (y)
-      return /* @__PURE__ */ t(yt, { "data-testid": "spectral-select-loading", message: q });
+      return /* @__PURE__ */ t(xt, { "data-testid": "spectral-select-loading", message: q });
     if (h.length === 0)
-      return /* @__PURE__ */ t(Nt, { "data-testid": "spectral-select-empty", message: T });
+      return /* @__PURE__ */ t(yt, { "data-testid": "spectral-select-empty", message: T });
     const S = (e) => {
       const c = f === e.value;
       return /* @__PURE__ */ r(lt, { className: a(vt(!!e.disabled, !1, c), "relative flex w-full cursor-pointer items-center"), "data-testid": "spectral-select-item", disabled: e.disabled, value: e.value, children: [

package/dist/Slider.js

@@ -5,10 +5,10 @@ import { Input as Q } from "./primitives/input.js";
 import * as p from "react";
 import { useMemo as Se, useState as Z, useEffect as ge, useCallback as U } from "react";
 import { c as te } from "./index-rKs9bXHr.js";
-import { e as ve, c as be, b as N, P as L, u as T } from "./index-OnYbwQjk.js";
-import { c as we, u as ye } from "./index-DSXuB1g3.js";
+import { e as ve, c as N, P as L, u as T, a as be } from "./index-9OmOYyjJ.js";
+import { c as we, u as ye } from "./index-Cgdmxb3F.js";
 import { u as xe } from "./index-BZPx6jYI.js";
-import { u as Re } from "./index-ZExQO1ax.js";
+import { u as Re } from "./index-WBfSMXvE.js";
 import { cn as ee } from "./utils/twUtils.js";
 var ne = ["PageUp", "PageDown"], re = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], oe = {
   "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],

package/dist/Tabs/TabsBase.js

@@ -3,12 +3,12 @@ import "../styles/main.css";
 import { jsx as p, jsxs as E } from "react/jsx-runtime";
 import { generateId as K, prefersReducedMotion as $, calculateIndicatorStyle as S, debounce as j } from "./tabsUtils.js";
 import { cn as x } from "../utils/twUtils.js";
-import { createContext as k, useContext as U, useState as M, useId as F, useCallback as T, useRef as q, useMemo as B, useEffect as R } from "react";
+import { createContext as k, useState as M, useId as U, useCallback as T, useRef as F, useMemo as q, useEffect as R, useContext as B } from "react";
 import { j as H } from "../index-DEYs15GP.js";
 import { m as D } from "../proxy-CO_-Vget.js";
 import { A as G } from "../index-Cl8VeY0o.js";
 const N = k(null), A = (y = "Tabs") => {
-  const d = U(N);
+  const d = B(N);
   if (d === null)
     throw new Error(`${y} components must be used within a Tabs.Root`);
   return d;
@@ -25,7 +25,7 @@ const N = k(null), A = (y = "Tabs") => {
   value: t,
   ...C
 }) {
-  const [w, I] = M(s ?? ""), v = F() ?? K("tabs"), h = t !== void 0, c = h ? t : w, r = T(
+  const [w, I] = M(s ?? ""), v = U() ?? K("tabs"), h = t !== void 0, c = h ? t : w, r = T(
     (e) => {
       u || (h || I(e), n?.(e));
     },
@@ -49,10 +49,10 @@ const N = k(null), A = (y = "Tabs") => {
   rightSlot: f,
   ...u
 }) {
-  const { orientation: n, disabled: m, value: b } = A("TabsList"), [t, C] = M(null), w = q(null), I = $(), v = T(() => {
+  const { orientation: n, disabled: m, value: b } = A("TabsList"), [t, C] = M(null), w = F(null), I = $(), v = T(() => {
     const r = S(w);
     (r.width > 0 || r.height > 0) && C(r);
-  }, []), h = B(() => j(v, 16), [v]);
+  }, []), h = q(() => j(v, 16), [v]);
   R(() => {
     if (v(), typeof ResizeObserver > "u" || typeof MutationObserver > "u")
       return;

package/dist/Tooltip.js

@@ -2,15 +2,15 @@
 import "./styles/main.css";
 import { jsx as u, jsxs as S } from "react/jsx-runtime";
 import * as a from "react";
-import { c as J, e as Q, u as G, P as Z, b as C, g as ee } from "./index-OnYbwQjk.js";
-import { P as te, D as oe } from "./index-u1k2AYWy.js";
-import { u as re } from "./index-C12FUuIW.js";
-import { c as j, R as ne, a as ae, A as se, C as ie } from "./index-B3FZpM60.js";
-import { P as V } from "./index-D6HcSXrq.js";
-import { R as le } from "./index-Cd9V_YZ4.js";
+import { e as J, u as G, P as Q, c as C, a as Z, g as ee } from "./index-9OmOYyjJ.js";
+import { P as te, D as oe } from "./index-BJ6qs9i5.js";
+import { u as re } from "./index-obMGvcdD.js";
+import { R as ne, a as ae, A as se, c as j, C as ie } from "./index-CJKg3MVV.js";
+import { P as V } from "./index-CtqlhLRO.js";
+import { R as le } from "./index-CDkQCeZY.js";
 import { cn as H } from "./utils/twUtils.js";
 import { c as F } from "./index-D29mdTf5.js";
-var [O] = J("Tooltip", [
+var [O] = Z("Tooltip", [
   j
 ]), A = j(), z = "TooltipProvider", ce = 700, D = "tooltip.open", [ue, k] = O(z), $ = (e) => {
   const {
@@ -57,7 +57,7 @@ var R = "Tooltip", [pe, _] = O(R), B = (e) => {
     onOpenChange: s,
     disableHoverableContent: i,
     delayDuration: v
-  } = e, l = k(R, e.__scopeTooltip), d = A(o), [c, f] = a.useState(null), m = re(), p = a.useRef(0), h = i ?? l.disableHoverableContent, T = v ?? l.delayDuration, g = a.useRef(!1), [y, x] = Q({
+  } = e, l = k(R, e.__scopeTooltip), d = A(o), [c, f] = a.useState(null), m = re(), p = a.useRef(0), h = i ?? l.disableHoverableContent, T = v ?? l.delayDuration, g = a.useRef(!1), [y, x] = J({
     prop: r,
     defaultProp: n ?? !1,
     onChange: (I) => {
@@ -102,7 +102,7 @@ var L = "TooltipTrigger", U = a.forwardRef(
   (e, o) => {
     const { __scopeTooltip: t, ...r } = e, n = _(L, t), s = k(L, t), i = A(t), v = a.useRef(null), l = G(o, v, n.onTriggerChange), d = a.useRef(!1), c = a.useRef(!1), f = a.useCallback(() => d.current = !1, []);
     return a.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ u(se, { asChild: !0, ...i, children: /* @__PURE__ */ u(
-      Z.button,
+      Q.button,
       {
         "aria-describedby": n.open ? n.contentId : void 0,
         "data-state": n.stateAttribute,

package/dist/Tray.js

@@ -72,7 +72,7 @@ import { cn as a } from "./utils/twUtils.js";
 import { c as M } from "./index-D29mdTf5.js";
 import { createContext as H, useRef as h, useMemo as T, useContext as I } from "react";
 import { j as g } from "./index-DEYs15GP.js";
-import { D as s } from "./index-CrjD9cAD.js";
+import { D as s } from "./index-D2Qxe4uK.js";
 import { m as v } from "./proxy-CO_-Vget.js";
 import { A as O } from "./index-Cl8VeY0o.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", {

package/dist/{index-OnYbwQjk.js → index-9OmOYyjJ.js}

@@ -220,9 +220,9 @@ function B(e, t) {
 }
 export {
   k as P,
-  R as a,
-  L as b,
-  A as c,
+  A as a,
+  R as b,
+  L as c,
   W as d,
   T as e,
   O as f,

package/dist/{index-u1k2AYWy.js → index-BJ6qs9i5.js}

@@ -1,6 +1,6 @@
 import "./styles/main.css";
 import * as r from "react";
-import { u as T, P as m, b as h, h as k, f as M } from "./index-OnYbwQjk.js";
+import { u as T, P as m, c as h, h as k, f as M } from "./index-9OmOYyjJ.js";
 import { u as b } from "./index-0ioNhtNM.js";
 import { jsx as P } from "react/jsx-runtime";
 import U from "react-dom";

package/dist/{index-Cd9V_YZ4.js → index-CDkQCeZY.js}

@@ -1,6 +1,6 @@
 import "./styles/main.css";
 import * as i from "react";
-import { P as o } from "./index-OnYbwQjk.js";
+import { P as o } from "./index-9OmOYyjJ.js";
 import { jsx as t } from "react/jsx-runtime";
 var d = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss

package/dist/{index-B3FZpM60.js → index-CJKg3MVV.js}

@@ -2,10 +2,10 @@ import "./styles/main.css";
 import * as R from "react";
 import { useLayoutEffect as Ae } from "react";
 import * as Re from "react-dom";
-import { P as At, c as Ce, u as Yt, f as $t } from "./index-OnYbwQjk.js";
+import { P as At, u as Yt, a as Ce, f as $t } from "./index-9OmOYyjJ.js";
 import { jsx as j } from "react/jsx-runtime";
 import { u as Pe } from "./index-0ioNhtNM.js";
-import { u as Oe } from "./index-ZExQO1ax.js";
+import { u as Oe } from "./index-WBfSMXvE.js";
 const Se = ["top", "right", "bottom", "left"], Z = Math.min, W = Math.max, at = Math.round, ct = Math.floor, I = (t) => ({
   x: t,
   y: t

package/dist/{index-Q3N6lgwg.js → index-CXltlPV-.js}

@@ -1,15 +1,15 @@
 import "./styles/main.css";
 import * as c from "react";
-import { e as G, c as H, u as O, P as _, b as P, a as K } from "./index-OnYbwQjk.js";
-import { P as $, D as j } from "./index-u1k2AYWy.js";
-import { h as U, R as V, u as W, F as Z } from "./Combination-CK_g12Qb.js";
-import { u as q } from "./index-C12FUuIW.js";
-import { c as x, R as z, A as w, C as B, a as J } from "./index-B3FZpM60.js";
-import { P as E } from "./index-D6HcSXrq.js";
+import { e as G, u as O, P as _, c as P, a as H, b as K } from "./index-9OmOYyjJ.js";
+import { P as $, D as j } from "./index-BJ6qs9i5.js";
+import { h as U, R as V, u as W, F as Z } from "./Combination-CQ5bXZqE.js";
+import { u as q } from "./index-obMGvcdD.js";
+import { R as z, A as x, c as w, C as B, a as J } from "./index-CJKg3MVV.js";
+import { P as E } from "./index-CtqlhLRO.js";
 import { jsx as p } from "react/jsx-runtime";
 var m = "Popover", [b] = H(m, [
-  x
-]), g = x(), [Q, u] = b(m), F = (e) => {
+  w
+]), g = w(), [Q, u] = b(m), F = (e) => {
   const {
     __scopePopover: n,
     children: t,
@@ -44,7 +44,7 @@ F.displayName = m;
 var N = "PopoverAnchor", S = c.forwardRef(
   (e, n) => {
     const { __scopePopover: t, ...a } = e, o = u(N, t), r = g(t), { onCustomAnchorAdd: s, onCustomAnchorRemove: i } = o;
-    return c.useEffect(() => (s(), () => i()), [s, i]), /* @__PURE__ */ p(w, { ...r, ...a, ref: n });
+    return c.useEffect(() => (s(), () => i()), [s, i]), /* @__PURE__ */ p(x, { ...r, ...a, ref: n });
   }
 );
 S.displayName = N;
@@ -63,7 +63,7 @@ var y = "PopoverTrigger", D = c.forwardRef(
         onClick: P(e.onClick, o.onOpenToggle)
       }
     );
-    return o.hasCustomAnchor ? i : /* @__PURE__ */ p(w, { asChild: !0, ...r, children: i });
+    return o.hasCustomAnchor ? i : /* @__PURE__ */ p(x, { asChild: !0, ...r, children: i });
   }
 );
 D.displayName = y;

package/dist/{index-DSXuB1g3.js → index-Cgdmxb3F.js}

@@ -1,9 +1,9 @@
 import "./styles/main.css";
 import * as A from "react";
 import r from "react";
-import { c as D, u as S, a as M } from "./index-OnYbwQjk.js";
+import { a as D, u as S, b as M } from "./index-9OmOYyjJ.js";
 import { jsx as d } from "react/jsx-runtime";
-function h(l) {
+function g(l) {
   const i = l + "CollectionProvider", [N, _] = D(i), [v, f] = N(
     i,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -46,11 +46,11 @@ function h(l) {
   ];
 }
 var P = A.createContext(void 0);
-function b(l) {
+function h(l) {
   const i = A.useContext(P);
   return l || i || "ltr";
 }
 export {
-  h as c,
-  b as u
+  g as c,
+  h as u
 };

package/dist/{index-CqbPiOid.js → index-CmWCa9Ae.js}

@@ -1,10 +1,10 @@
 import "./styles/main.css";
 import * as i from "react";
-import { c as V, a as q, P as p, u as _, b as g, d as K, e as U } from "./index-OnYbwQjk.js";
-import { u as R } from "./index-C12FUuIW.js";
-import { D as Y, P as Z } from "./index-u1k2AYWy.js";
-import { R as z, h as J, u as Q, F as X } from "./Combination-CK_g12Qb.js";
-import { P as h } from "./index-D6HcSXrq.js";
+import { P as p, u as _, c as g, a as V, b as q, d as K, e as U } from "./index-9OmOYyjJ.js";
+import { u as R } from "./index-obMGvcdD.js";
+import { D as Y, P as Z } from "./index-BJ6qs9i5.js";
+import { R as z, h as J, u as Q, F as X } from "./Combination-CQ5bXZqE.js";
+import { P as h } from "./index-CtqlhLRO.js";
 import { jsx as s, jsxs as N, Fragment as O } from "react/jsx-runtime";
 var v = "Dialog", [I] = V(v), [ee, u] = I(v), x = (e) => {
   const {

package/dist/{index-D6HcSXrq.js → index-CtqlhLRO.js}

@@ -1,5 +1,5 @@
 import * as o from "react";
-import { u as y, f as A } from "./index-OnYbwQjk.js";
+import { u as y, f as A } from "./index-9OmOYyjJ.js";
 function T(n, e) {
   return o.useReducer((t, r) => e[t][r] ?? t, n);
 }

package/dist/{index-CrjD9cAD.js → index-D2Qxe4uK.js}

@@ -1,4 +1,4 @@
-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-CqbPiOid.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-CmWCa9Ae.js";
 import * as Se from "react";
 import r, { useMemo as Te, useLayoutEffect as Re, useEffect as Ee } from "react";
 function De(t) {

package/dist/{index-CpovUAO-.js → index-DqvTB1Bv.js}

@@ -2,15 +2,15 @@ import "./styles/main.css";
 import * as t from "react";
 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-OnYbwQjk.js";
-import { u as lt, c as at } from "./index-DSXuB1g3.js";
-import { P as it, D as dt } from "./index-u1k2AYWy.js";
-import { h as ut, u as pt, R as ft, F as mt } from "./Combination-CK_g12Qb.js";
-import { u as Ie } from "./index-C12FUuIW.js";
-import { c as _e, R as ht, A as vt, C as gt, a as St } from "./index-B3FZpM60.js";
+import { e as Ee, u as k, P as M, c as R, f as Y, a as st, b as ct } from "./index-9OmOYyjJ.js";
+import { u as lt, c as at } from "./index-Cgdmxb3F.js";
+import { P as it, D as dt } from "./index-BJ6qs9i5.js";
+import { h as ut, u as pt, R as ft, F as mt } from "./Combination-CQ5bXZqE.js";
+import { u as Ie } from "./index-obMGvcdD.js";
+import { R as ht, A as vt, c as _e, C as gt, a as St } from "./index-CJKg3MVV.js";
 import { u as wt } from "./index-0ioNhtNM.js";
 import { u as Ct } from "./index-BZPx6jYI.js";
-import { V as xt } from "./index-Cd9V_YZ4.js";
+import { V as xt } from "./index-CDkQCeZY.js";
 import { jsx as p, jsxs as le, Fragment as Te } from "react/jsx-runtime";
 var yt = [" ", "Enter", "ArrowUp", "ArrowDown"], It = [" ", "Enter"], J = "Select", [ie, de, Tt] = at(J), [te] = st(J, [
   Tt,

package/dist/{index-ZExQO1ax.js → index-WBfSMXvE.js}

@@ -1,5 +1,5 @@
 import * as u from "react";
-import { f as z } from "./index-OnYbwQjk.js";
+import { f as z } from "./index-9OmOYyjJ.js";
 function n(r) {
   const [h, e] = u.useState(void 0);
   return z(() => {