@spear-ai/spectral 1.4.12 → 1.4.13

package/dist/Dialog/DialogBase.js

@@ -1,99 +1,100 @@
 "use client";
 import "../styles/main.css";
 import { jsx as r, jsxs as I } from "react/jsx-runtime";
-import { CloseIcon as V } from "../Icons/CloseIcon.js";
-import { cn as g } from "../utils/twUtils.js";
-import { c as $ } from "../index-D29mdTf5.js";
-import { createContext as j, useContext as W, useState as O, useMemo as B, useCallback as C, cloneElement as N, useEffect as h, useRef as D, useLayoutEffect as M, isValidElement as R } from "react";
-import { createPortal as S } from "react-dom";
-const z = j(null);
+import { CloseIcon as $ } from "../Icons/CloseIcon.js";
+import { cn as m } from "../utils/twUtils.js";
+import { c as j } from "../index-D29mdTf5.js";
+import { createContext as S, useContext as W, useState as N, useMemo as B, useCallback as k, cloneElement as z, useEffect as C, useRef as h, useLayoutEffect as M, isValidElement as O } from "react";
+import { createPortal as A } from "react-dom";
+import { R as F } from "../Combination-BtmnusWq.js";
+const P = S(null);
 function p() {
-  const t = W(z);
+  const t = W(P);
   if (!t)
     throw new Error("Dialog components must be used within <Dialog>");
   return t;
 }
-function P(t) {
-  return R(t) && typeof t.type != "string" ? !0 : R(t);
+function T(t) {
+  return O(t) && typeof t.type != "string" ? !0 : O(t);
 }
 let E = 0;
-function Q({ isOpen: t, defaultOpen: o = !1, onOpenChange: e, children: n, modal: a = !1 }) {
-  const [l, u] = O(o), s = t !== void 0, f = s ? t : l, y = B(
+function Z({ isOpen: t, defaultOpen: o = !1, onOpenChange: e, children: n, modal: a = !1 }) {
+  const [l, u] = N(o), s = t !== void 0, f = s ? t : l, b = B(
     () => ({
       contentId: `dialog-content-${++E}`,
       descriptionId: `dialog-description-${E}`,
       titleId: `dialog-title-${E}`
     }),
     []
-  ), b = C(
+  ), y = k(
     (c) => {
       s || u(c), e?.(c);
     },
     [s, e]
-  ), k = B(
+  ), D = B(
     () => ({
       modal: a,
       isOpen: f,
-      setIsOpen: b,
-      ...y
+      setIsOpen: y,
+      ...b
     }),
-    [f, b, a, y]
+    [f, y, a, b]
   );
-  return /* @__PURE__ */ r(z.Provider, { value: k, children: n });
+  return /* @__PURE__ */ r(P.Provider, { value: D, children: n });
 }
-function X({ children: t, asChild: o = !0, dataTestId: e }) {
-  const { setIsOpen: n } = p(), a = C(() => {
+function _({ children: t, asChild: o = !0, dataTestId: e }) {
+  const { setIsOpen: n } = p(), a = k(() => {
     n(!0);
   }, [n]);
   if (!o)
     return /* @__PURE__ */ r("button", { "data-slot": "dialog-trigger", "data-testid": e, onClick: a, tabIndex: 0, children: t });
-  if (!P(t))
+  if (!T(t))
     throw new Error("DialogTrigger expects a single React element as child");
   const l = t.props.onClick;
-  return N(t, {
+  return z(t, {
     onClick: (...u) => {
       l?.(...u), a();
     }
   });
 }
-function A({ children: t, asChild: o = !0, dataTestId: e }) {
-  const { setIsOpen: n } = p(), a = C(() => {
+function H({ children: t, asChild: o = !0, dataTestId: e }) {
+  const { setIsOpen: n } = p(), a = k(() => {
     n(!1);
   }, [n]);
   if (!o)
     return /* @__PURE__ */ r("button", { className: "cursor-pointer focus-visible:outline-none outline-transparent focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1", "data-slot": "dialog-close", "data-testid": e, onClick: a, tabIndex: 0, children: t });
-  if (!P(t))
+  if (!T(t))
     throw new Error("DialogClose expects a single React element as child");
   const l = t.props.onClick;
-  return N(t, {
+  return z(t, {
     onClick: (...u) => {
       l?.(...u), a();
     }
   });
 }
-function T({ children: t, container: o }) {
-  const [e, n] = O(!1);
-  return h(() => (n(!0), () => n(!1)), []), e ? S(t, o ?? document.body) : null;
+function L({ children: t, container: o }) {
+  const [e, n] = N(!1);
+  return C(() => (n(!0), () => n(!1)), []), e ? A(t, o ?? document.body) : null;
 }
-function Y({ className: t, dataTestId: o }) {
-  const { isOpen: e, setIsOpen: n } = p(), a = C(
+function tt({ className: t, dataTestId: o }) {
+  const { isOpen: e, setIsOpen: n } = p(), a = k(
     (l) => {
       l.target === l.currentTarget && n(!1);
     },
     [n]
   );
-  return e ? /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(
+  return e ? /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
     "div",
     {
       "aria-hidden": "true",
-      className: g("fixed inset-0 z-40 bg-black/50 backdrop-blur-sm data-[state=open]:animate-in data-[state=open]:fade-in-0", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0", t),
+      className: m("fixed inset-0 z-40 bg-black/50 backdrop-blur-sm data-[state=open]:animate-in data-[state=open]:fade-in-0", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0", t),
       "data-state": e ? "open" : "closed",
       "data-testid": o,
       onClick: a
     }
   ) }) : null;
 }
-const F = $(
+const U = j(
   [
     "fixed left-1/2 top-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 rounded-lg shadow-lg outline-none data-[state=open]:animate-in data-[state=open]:fade-in-0",
     "data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 max-h-[80vh] overflow-y-auto"
@@ -113,22 +114,22 @@ const F = $(
     }
   }
 );
-function Z({ children: t, className: o, dataTestId: e, onEscapeKeyDown: n, onInteractOutside: a, onPointerDownOutside: l, size: u }) {
-  const { isOpen: s, setIsOpen: f, contentId: y, titleId: b, descriptionId: k, modal: c } = p(), m = D(null), x = D(null), w = D(!1);
-  return h(() => {
+function et({ children: t, className: o, dataTestId: e, onEscapeKeyDown: n, onInteractOutside: a, onPointerDownOutside: l, size: u }) {
+  const { isOpen: s, setIsOpen: f, contentId: b, titleId: y, descriptionId: D, modal: c } = p(), g = h(null), R = h(null), x = h(null), v = h(!1);
+  return C(() => {
     if (!s) {
-      w.current && x.current && typeof x.current.focus == "function" && x.current.focus(), x.current = null, w.current = !1;
+      v.current && x.current && typeof x.current.focus == "function" && x.current.focus(), x.current = null, v.current = !1;
       return;
     }
-    if (!m.current || w.current) return;
-    w.current = !0;
-    const d = m.current;
+    if (!g.current || v.current) return;
+    v.current = !0;
+    const d = g.current;
     x.current = document.activeElement, setTimeout(() => {
-      if (!d || !m.current) return;
+      if (!d || !g.current) return;
       const i = document.activeElement;
       (!d.contains(i) || i === document.body) && d.focus();
     }, 0);
-  }, [s, f]), h(() => {
+  }, [s, f]), C(() => {
     if (!s) return;
     const d = (i) => {
       i.key === "Escape" && (n?.(i), a?.(i), i.defaultPrevented || (i.preventDefault(), f(!1)));
@@ -136,80 +137,80 @@ function Z({ children: t, className: o, dataTestId: e, onEscapeKeyDown: n, onInt
     return document.addEventListener("keydown", d, { capture: !0 }), () => {
       document.removeEventListener("keydown", d, { capture: !0 });
     };
-  }, [s, n, a]), h(() => {
+  }, [s, n, a]), C(() => {
     if (!s) return;
     const d = (i) => {
-      const v = i.target;
-      m.current && !m.current.contains(v) && (l?.(i), a?.(i), !c && !i.defaultPrevented && f(!1));
+      const w = i.target;
+      g.current && !g.current.contains(w) && (l?.(i), a?.(i), !c && !i.defaultPrevented && f(!1));
     };
     return document.addEventListener("pointerdown", d), () => document.removeEventListener("pointerdown", d);
   }, [s, l, a, f, c]), M(() => {
     if (!s || !c || typeof window > "u") return;
-    const d = document.body.style.overflow, i = document.body.style.paddingRight, v = window.innerWidth - document.documentElement.clientWidth;
-    if (document.body.style.overflow = "hidden", v > 0) {
-      const L = window.getComputedStyle(document.body).paddingRight;
-      document.body.style.paddingRight = `calc(${L} + ${v}px)`;
+    const d = document.body.style.overflow, i = document.body.style.paddingRight, w = window.innerWidth - document.documentElement.clientWidth;
+    if (document.body.style.overflow = "hidden", w > 0) {
+      const V = window.getComputedStyle(document.body).paddingRight;
+      document.body.style.paddingRight = `calc(${V} + ${w}px)`;
     }
     return () => {
       document.body.style.overflow = d, document.body.style.paddingRight = i;
     };
-  }, [s, c]), s ? /* @__PURE__ */ r(T, { children: /* @__PURE__ */ I(
+  }, [s, c]), s ? /* @__PURE__ */ r(L, { children: /* @__PURE__ */ I(
     "div",
     {
-      "aria-describedby": k,
-      "aria-labelledby": b,
+      "aria-describedby": D,
+      "aria-labelledby": y,
       "aria-modal": c ? "true" : void 0,
-      className: g(F({ size: u }), o),
+      className: m(U({ size: u }), o),
       "data-slot": "dialog-content",
       "data-state": s ? "open" : "closed",
       "data-testid": e,
-      id: y,
-      ref: m,
+      id: b,
+      ref: g,
       role: "dialog",
       tabIndex: -1,
       children: [
-        /* @__PURE__ */ r(A, { asChild: !0, children: /* @__PURE__ */ I(
+        /* @__PURE__ */ r(H, { asChild: !0, children: /* @__PURE__ */ I(
           "button",
           {
             "aria-label": "Close dialog",
-            className: g("absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100", "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none cursor-pointer"),
+            className: m("absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100", "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none cursor-pointer"),
             "data-slot": "dialog-close",
             "data-testid": "spectral-dialog-close-icon",
             children: [
-              /* @__PURE__ */ r(V, { size: 16 }),
+              /* @__PURE__ */ r($, { size: 16 }),
               /* @__PURE__ */ r("span", { className: "sr-only", children: "Close" })
             ]
           }
         ) }),
-        t
+        /* @__PURE__ */ r(F, { shards: [R], children: /* @__PURE__ */ r("div", { ref: R, children: t }) })
       ]
     }
   ) }) : null;
 }
-function _({ children: t, className: o, dataTestId: e }) {
+function nt({ children: t, className: o, dataTestId: e }) {
   const { titleId: n } = p();
-  return /* @__PURE__ */ r("h2", { className: g("text-base font-semibold leading-none tracking-tight", o), "data-slot": "dialog-title", "data-testid": e, id: n, children: t });
+  return /* @__PURE__ */ r("h2", { className: m("text-base font-semibold leading-none tracking-tight", o), "data-slot": "dialog-title", "data-testid": e, id: n, children: t });
 }
-function tt({ children: t, className: o, dataTestId: e }) {
+function ot({ children: t, className: o, dataTestId: e }) {
   const { descriptionId: n } = p();
-  return /* @__PURE__ */ r("p", { className: g("text-sm text-text-secondary", o), "data-slot": "dialog-description", "data-testid": e, id: n, children: t });
+  return /* @__PURE__ */ r("p", { className: m("text-sm text-text-secondary", o), "data-slot": "dialog-description", "data-testid": e, id: n, children: t });
 }
-function et({ children: t, className: o, dataTestId: e }) {
-  return /* @__PURE__ */ r("div", { className: g("flex flex-col space-y-1.5 text-center text-left", o), "data-slot": "dialog-header", "data-testid": e, children: t });
+function at({ children: t, className: o, dataTestId: e }) {
+  return /* @__PURE__ */ r("div", { className: m("flex flex-col space-y-1.5 text-center text-left", o), "data-slot": "dialog-header", "data-testid": e, children: t });
 }
-function nt({ children: t, className: o, dataTestId: e }) {
-  return /* @__PURE__ */ r("div", { className: g("flex flex-col-reverse flex-row justify-end space-x-2", o), "data-slot": "dialog-footer", "data-testid": e, children: t });
+function it({ children: t, className: o, dataTestId: e }) {
+  return /* @__PURE__ */ r("div", { className: m("flex flex-col-reverse flex-row justify-end space-x-2", o), "data-slot": "dialog-footer", "data-testid": e, children: t });
 }
 export {
-  Q as DialogBase,
-  A as DialogCloseBase,
-  Z as DialogContentBase,
-  tt as DialogDescriptionBase,
-  nt as DialogFooterBase,
-  et as DialogHeaderBase,
-  Y as DialogOverlayBase,
-  T as DialogPortalBase,
-  _ as DialogTitleBase,
-  X as DialogTriggerBase,
+  Z as DialogBase,
+  H as DialogCloseBase,
+  et as DialogContentBase,
+  ot as DialogDescriptionBase,
+  it as DialogFooterBase,
+  at as DialogHeaderBase,
+  tt as DialogOverlayBase,
+  L as DialogPortalBase,
+  nt as DialogTitleBase,
+  _ as DialogTriggerBase,
   p as useDialogContext
 };

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-CAKA12cC.js";
+import { D as e } from "./index-Dc8KxzeM.js";
 const u = ({ children: d, defaultOpen: o = !1, description: i, direction: l = "right", dismissible: c = !0, modal: p = !0, onOpenChange: n, open: m, size: r = "380px", title: x, trigger: h }) => {
   const a = "!font-sans fixed", w = {
     left: {

package/dist/Icons/IconBase.d.ts

@@ -1,12 +1,11 @@
 import { IconProps } from './iconTypes';
-import { ComponentPropsWithoutRef, CSSProperties, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 export declare const SvgIdContext: import('react').Context<string>;
 interface IconBaseProps extends Omit<IconProps, 'strokeWidth'>, ComponentPropsWithoutRef<'svg'> {
     children: ReactNode;
     className?: string;
     size?: number;
     title?: string;
-    style?: CSSProperties;
     color?: string;
 }
 declare const IconBase: import('react').ForwardRefExoticComponent<IconBaseProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/Icons/IconBase.js

@@ -1,16 +1,16 @@
 "use client";
 import "../styles/main.css";
-import { jsxs as w, jsx as t } from "react/jsx-runtime";
-import { createContext as x, forwardRef as B, useId as g } from "react";
-const m = x(""), p = B(function({ children: c, title: o, size: n = 24, ariaHidden: r = !0, description: d = "", className: a = "", style: f, ...h }, v) {
-  const s = g(), e = o !== void 0 ? !1 : r, i = !e && o ? `${s}_title` : "", l = !e && d ? `${s}_desc` : "", u = [i, l].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ w("svg", { height: n, width: n, xmlns: "http://www.w3.org/2000/svg", className: a, role: "img", "aria-hidden": e, "aria-labelledby": u, ref: v, style: f, fill: "none", viewBox: "0 0 24 24", ...h, children: [
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { createContext as w, forwardRef as x, useId as B } from "react";
+const g = w(""), A = x(function({ children: c, title: o, size: n = 24, ariaHidden: r = !0, description: d, className: a, ...f }, h) {
+  const s = B(), e = o !== void 0 ? !1 : r, i = !e && o ? `${s}_title` : "", l = !e && d ? `${s}_desc` : "", v = [i, l].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ u("svg", { height: n, width: n, xmlns: "http://www.w3.org/2000/svg", className: a, role: "img", "aria-hidden": e, "aria-labelledby": v, ref: h, fill: "none", viewBox: "0 0 24 24", ...f, children: [
     !e && o && /* @__PURE__ */ t("title", { id: i, children: o }),
     !e && d && /* @__PURE__ */ t("desc", { id: l, children: d }),
-    /* @__PURE__ */ t(m.Provider, { value: s, children: c })
+    /* @__PURE__ */ t(g.Provider, { value: s, children: c })
   ] });
 });
 export {
-  m as SvgIdContext,
-  p as default
+  g as SvgIdContext,
+  A as default
 };

package/dist/Popover.js

@@ -4,10 +4,11 @@ import { jsx as s } from "react/jsx-runtime";
 import * as p from "react";
 import { u as L, c as z, a as x, P as O, b as P, e as G } from "./index-BhufZRa2.js";
 import { P as H, D as K } from "./index-B2oBi8ng.js";
-import { h as j, R as U, u as V, F as W } from "./index-B-GQStVW.js";
-import { u as Z } from "./index-CVSxKOPp.js";
-import { c as _, R as q, A as b, C as B, a as J } from "./index-NzygPVvJ.js";
+import { h as j, u as U, F as V } from "./index-MZS7zxk4.js";
+import { u as W } from "./index-CVSxKOPp.js";
+import { c as _, R as Z, A as b, C as q, a as B } from "./index-NzygPVvJ.js";
 import { P as w } from "./index-6Abv_Flm.js";
+import { R as J } from "./Combination-BtmnusWq.js";
 import { cn as Q } from "./utils/twUtils.js";
 var C = "Popover", [E] = z(C, [
   _
@@ -19,24 +20,24 @@ var C = "Popover", [E] = z(C, [
     defaultOpen: o,
     onOpenChange: t,
     modal: c = !1
-  } = e, i = g(n), f = p.useRef(null), [v, h] = p.useState(!1), [m, u] = L({
+  } = e, i = g(n), f = p.useRef(null), [v, m] = p.useState(!1), [h, u] = L({
     prop: a,
     defaultProp: o ?? !1,
     onChange: t,
     caller: C
   });
-  return /* @__PURE__ */ s(q, { ...i, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(Z, { ...i, children: /* @__PURE__ */ s(
     X,
     {
       scope: n,
-      contentId: Z(),
+      contentId: W(),
       triggerRef: f,
-      open: m,
+      open: h,
       onOpenChange: u,
       onOpenToggle: p.useCallback(() => u((R) => !R), [u]),
       hasCustomAnchor: v,
-      onCustomAnchorAdd: p.useCallback(() => h(!0), []),
-      onCustomAnchorRemove: p.useCallback(() => h(!1), []),
+      onCustomAnchorAdd: p.useCallback(() => m(!0), []),
+      onCustomAnchorRemove: p.useCallback(() => m(!1), []),
       modal: c,
       children: r
     }
@@ -89,7 +90,7 @@ var oe = G("PopoverContent.RemoveScroll"), te = p.forwardRef(
     return p.useEffect(() => {
       const c = a.current;
       if (c) return j(c);
-    }, []), /* @__PURE__ */ s(U, { as: oe, allowPinchZoom: !0, children: /* @__PURE__ */ s(
+    }, []), /* @__PURE__ */ s(J, { as: oe, allowPinchZoom: !0, children: /* @__PURE__ */ s(
       k,
       {
         ...e,
@@ -147,11 +148,11 @@ var oe = G("PopoverContent.RemoveScroll"), te = p.forwardRef(
       onEscapeKeyDown: i,
       onPointerDownOutside: f,
       onFocusOutside: v,
-      onInteractOutside: h,
-      ...m
+      onInteractOutside: m,
+      ...h
     } = e, u = l(d, r), R = g(r);
-    return V(), /* @__PURE__ */ s(
-      W,
+    return U(), /* @__PURE__ */ s(
+      V,
       {
         asChild: !0,
         loop: !0,
@@ -163,22 +164,22 @@ var oe = G("PopoverContent.RemoveScroll"), te = p.forwardRef(
           {
             asChild: !0,
             disableOutsidePointerEvents: c,
-            onInteractOutside: h,
+            onInteractOutside: m,
             onEscapeKeyDown: i,
             onPointerDownOutside: f,
             onFocusOutside: v,
             onDismiss: () => u.onOpenChange(!1),
             children: /* @__PURE__ */ s(
-              B,
+              q,
               {
                 "data-state": $(u.open),
                 role: "dialog",
                 id: u.contentId,
                 ...R,
-                ...m,
+                ...h,
                 ref: n,
                 style: {
-                  ...m.style,
+                  ...h.style,
                   "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
                   "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
                   "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
@@ -210,7 +211,7 @@ ne.displayName = I;
 var ae = "PopoverArrow", se = p.forwardRef(
   (e, n) => {
     const { __scopePopover: r, ...a } = e, o = g(r);
-    return /* @__PURE__ */ s(J, { ...o, ...a, ref: n });
+    return /* @__PURE__ */ s(B, { ...o, ...a, ref: n });
   }
 );
 se.displayName = ae;
@@ -218,7 +219,7 @@ function $(e) {
   return e ? "open" : "closed";
 }
 var ce = F, pe = y, ie = D, le = M, ue = T;
-const Re = ({ ...e }) => /* @__PURE__ */ s(ce, { "data-slot": "popover", "data-testid": "spectral-popover", ...e }), Ae = ({ ...e }) => /* @__PURE__ */ s(ie, { "data-slot": "popover-trigger", "data-testid": "spectral-popover-trigger", ...e }), xe = ({ align: e = "center", className: n, side: r = "bottom", sideOffset: a = 4, width: o = "w-fit", ...t }) => /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(
+const Ae = ({ ...e }) => /* @__PURE__ */ s(ce, { "data-slot": "popover", "data-testid": "spectral-popover", ...e }), xe = ({ ...e }) => /* @__PURE__ */ s(ie, { "data-slot": "popover-trigger", "data-testid": "spectral-popover-trigger", ...e }), Oe = ({ align: e = "center", className: n, side: r = "bottom", sideOffset: a = 4, width: o = "w-fit", ...t }) => /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(
   ue,
   {
     align: e,
@@ -239,10 +240,10 @@ const Re = ({ ...e }) => /* @__PURE__ */ s(ce, { "data-slot": "popover", "data-t
     },
     ...t
   }
-) }), Oe = ({ ...e }) => /* @__PURE__ */ s(pe, { "data-slot": "popover-anchor", ...e });
+) }), _e = ({ ...e }) => /* @__PURE__ */ s(pe, { "data-slot": "popover-anchor", ...e });
 export {
-  Re as Popover,
-  Oe as PopoverAnchor,
-  xe as PopoverContent,
-  Ae as PopoverTrigger
+  Ae as Popover,
+  _e as PopoverAnchor,
+  Oe as PopoverContent,
+  xe as PopoverTrigger
 };

package/dist/Select.js

@@ -64,7 +64,7 @@ import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
 import { Label as C } from "./Label.js";
-import { R as X, T as Y, f as Z, e as _, C as $, c as tt, V as et, S as rt, d as I, G as at, I as it, b as st, a as ot } from "./index-CevVJ05e.js";
+import { R as X, T as Y, f as Z, e as _, C as $, c as tt, V as et, S as rt, d as I, G as at, I as it, b as st, a as ot } from "./index-7IR9qVCR.js";
 import { useFormFieldId as lt, useFormFieldState as dt, getAriaProps as mt, getErrorMessageId as ct, groupOptions as pt, getFormFieldCSSProperties as nt, getStateClasses as ut, getTriggerClasses as ht, ErrorMessage as gt, LoadingState as bt, EmptyState as ft, getOptionClasses as xt } from "./utils/formFieldUtils.js";
 import { cn as s } from "./utils/twUtils.js";
 import { forwardRef as yt, useState as Nt } from "react";

package/dist/Tray.js

@@ -68,7 +68,7 @@ import { cn as rt } from "./utils/twUtils.js";
 import { c as $r } from "./index-D29mdTf5.js";
 import * as re from "react";
 import { createContext as mt, useRef as z, useLayoutEffect as zr, useEffect as nt, useId as Ye, useContext as O, useInsertionEffect as Zi, useMemo as Y, useCallback as Ji, Children as Hr, isValidElement as _r, useState as Ae, Fragment as Qi, createElement as Gr, forwardRef as q, Component as Xr } from "react";
-import { D as Pt } from "./index-CAKA12cC.js";
+import { D as Pt } from "./index-Dc8KxzeM.js";
 const qe = mt({});
 function Ze(t) {
   const e = z(null);

package/dist/{index-CevVJ05e.js → index-7IR9qVCR.js}

@@ -5,12 +5,13 @@ import { c as Re } from "./index-rKs9bXHr.js";
 import { u as Ee, c as st, a as k, P as M, b as R, d as Y, e as ct } from "./index-BhufZRa2.js";
 import { u as lt, c as at } from "./index-UEFPWH8U.js";
 import { D as it, P as dt } from "./index-B2oBi8ng.js";
-import { h as ut, u as pt, R as ft, F as mt } from "./index-B-GQStVW.js";
+import { h as ut, u as pt, F as ft } from "./index-MZS7zxk4.js";
 import { u as Ie } from "./index-CVSxKOPp.js";
-import { c as _e, R as ht, A as vt, C as gt, a as St } from "./index-NzygPVvJ.js";
-import { u as wt } from "./index-0ioNhtNM.js";
-import { u as Ct } from "./index-BZPx6jYI.js";
-import { V as xt } from "./index-CGALWSq_.js";
+import { c as _e, R as mt, A as ht, C as vt, a as gt } from "./index-NzygPVvJ.js";
+import { u as St } from "./index-0ioNhtNM.js";
+import { u as wt } from "./index-BZPx6jYI.js";
+import { V as Ct } from "./index-CGALWSq_.js";
+import { R as xt } from "./Combination-BtmnusWq.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,
@@ -42,7 +43,7 @@ var yt = [" ", "Enter", "ArrowUp", "ArrowDown"], It = [" ", "Enter"], J = "Selec
     onChange: c,
     caller: J
   }), V = t.useRef(null), B = h ? y || !!h.closest("form") : !0, [G, H] = t.useState(/* @__PURE__ */ new Set()), F = Array.from(G).map((_) => _.props.value).join(";");
-  return /* @__PURE__ */ p(ht, { ...i, children: /* @__PURE__ */ le(
+  return /* @__PURE__ */ p(mt, { ...i, children: /* @__PURE__ */ le(
     Pt,
     {
       required: T,
@@ -113,7 +114,7 @@ var Me = "SelectTrigger", Ae = t.forwardRef(
         y: Math.round(i.pageY)
       });
     };
-    return /* @__PURE__ */ p(vt, { asChild: !0, ...d, children: /* @__PURE__ */ p(
+    return /* @__PURE__ */ p(ht, { asChild: !0, ...d, children: /* @__PURE__ */ p(
       M.button,
       {
         type: "button",
@@ -295,8 +296,8 @@ var O = 10, [Be, q] = te(Q), Nt = "SelectContentImpl", Mt = ct("SelectContent.Re
         position: a,
         isPositioned: G,
         searchRef: pe,
-        children: /* @__PURE__ */ p(ft, { as: Mt, allowPinchZoom: !0, children: /* @__PURE__ */ p(
-          mt,
+        children: /* @__PURE__ */ p(xt, { as: Mt, allowPinchZoom: !0, children: /* @__PURE__ */ p(
+          ft,
           {
             asChild: !0,
             trapped: m.open,
@@ -470,7 +471,7 @@ var Ot = "SelectPopperPosition", Se = t.forwardRef((o, l) => {
     ...d
   } = o, n = ue(e);
   return /* @__PURE__ */ p(
-    gt,
+    vt,
     {
       ...n,
       ...d,
@@ -743,13 +744,13 @@ et.displayName = Bt;
 var ye = "SelectArrow", Ht = t.forwardRef(
   (o, l) => {
     const { __scopeSelect: e, ...a } = o, s = ue(e), d = j(ye, e), n = q(ye, e);
-    return d.open && n.position === "popper" ? /* @__PURE__ */ p(St, { ...s, ...a, ref: l }) : null;
+    return d.open && n.position === "popper" ? /* @__PURE__ */ p(gt, { ...s, ...a, ref: l }) : null;
   }
 );
 Ht.displayName = ye;
 var Ft = "SelectBubbleInput", tt = t.forwardRef(
   ({ __scopeSelect: o, value: l, ...e }, a) => {
-    const s = t.useRef(null), d = k(a, s), n = Ct(l);
+    const s = t.useRef(null), d = k(a, s), n = wt(l);
     return t.useEffect(() => {
       const r = s.current;
       if (!r) return;
@@ -765,7 +766,7 @@ var Ft = "SelectBubbleInput", tt = t.forwardRef(
       M.select,
       {
         ...e,
-        style: { ...xt, ...e.style },
+        style: { ...Ct, ...e.style },
         ref: d,
         defaultValue: l
       }
@@ -777,7 +778,7 @@ function ot(o) {
   return o === "" || o === void 0;
 }
 function nt(o) {
-  const l = wt(o), e = t.useRef(""), a = t.useRef(0), s = t.useCallback(
+  const l = St(o), e = t.useRef(""), a = t.useRef(0), s = t.useCallback(
     (n) => {
       const r = e.current + n;
       l(r), (function c(f) {
@@ -802,21 +803,21 @@ function rt(o, l, e) {
 function Ut(o, l) {
   return o.map((e, a) => o[(l + a) % o.length]);
 }
-var Qt = Ne, eo = Ae, to = De, oo = Le, no = ke, ro = Ve, so = Ue, co = Ke, lo = ze, ao = je, io = qe, uo = Ze, po = $e, fo = Je, mo = et;
+var eo = Ne, to = Ae, oo = De, no = Le, ro = ke, so = Ve, co = Ue, lo = Ke, ao = ze, io = je, uo = qe, po = Ze, fo = $e, mo = Je, ho = et;
 export {
-  ro as C,
-  co as G,
-  ao as I,
-  lo as L,
-  no as P,
-  Qt as R,
-  fo as S,
-  eo as T,
-  so as V,
-  uo as a,
-  io as b,
-  po as c,
-  mo as d,
-  oo as e,
-  to as f
+  so as C,
+  lo as G,
+  io as I,
+  ao as L,
+  ro as P,
+  eo as R,
+  mo as S,
+  to as T,
+  co as V,
+  po as a,
+  uo as b,
+  fo as c,
+  ho as d,
+  no as e,
+  oo as f
 };