@spear-ai/spectral 1.3.56 → 1.3.58

package/dist/Drawer.js

@@ -1,12 +1,14 @@
 "use client";
 import "./styles/main.css";
 import { jsx as S, jsxs as gt, Fragment as te } from "react/jsx-runtime";
-import { SpectralProvider as je } from "./SpectralProvider.js";
+import { SpectralProvider as Ye } from "./SpectralProvider.js";
 import * as O from "react";
 import i, { useMemo as qe, useLayoutEffect as Xe, useEffect as Ge } from "react";
-import { c as Ke, f as Je, P as wt, b as kt, d as ht, D as Ze, h as Qe, a as tn, u as Pt } from "./index-DfFzqLW6.js";
-import { R as en, h as nn, u as rn, F as an } from "./index-BDYruyoU.js";
-import { P as Ht, a as on } from "./index-Ddc_4vXe.js";
+import { c as Ke, g as Je, P as wt, a as kt, e as ht, j as Ze, d as Qe, b as Pt } from "./index-CA7haECj.js";
+import { D as tn } from "./index-cCg4yNa8.js";
+import { R as en, h as nn, u as rn, F as an } from "./index-DUK1rxhf.js";
+import { P as on } from "./index-VXXKXen4.js";
+import { P as Ht } from "./index-CBwRmAsQ.js";
 var Tt = "Dialog", [oe] = Ke(Tt), [sn, q] = oe(Tt), ie = (t) => {
   const {
     __scopeDialog: n,
@@ -15,7 +17,7 @@ var Tt = "Dialog", [oe] = Ke(Tt), [sn, q] = oe(Tt), ie = (t) => {
     defaultOpen: o,
     onOpenChange: r,
     modal: l = !0
-  } = t, s = O.useRef(null), v = O.useRef(null), [D, g] = tn({
+  } = t, s = O.useRef(null), v = O.useRef(null), [D, g] = Qe({
     prop: a,
     defaultProp: o ?? !1,
     onChange: r,
@@ -157,7 +159,7 @@ var dn = O.forwardRef(
           onMountAutoFocus: o,
           onUnmountAutoFocus: r,
           children: /* @__PURE__ */ S(
-            Ze,
+            tn,
             {
               role: "dialog",
               id: s.contentId,
@@ -209,7 +211,7 @@ ve.displayName = we;
 function Ut(t) {
   return t ? "open" : "closed";
 }
-var ye = "DialogTitleWarning", [ar, be] = Qe(ye, {
+var ye = "DialogTitleWarning", [ir, be] = Ze(ye, {
   contentName: at,
   titleName: Wt,
   docsSlug: "dialog"
@@ -637,8 +639,8 @@ function Vn({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
       N(w[e.length - 1]);
       return;
     }
-    const F = w?.reduce((I, K) => typeof I != "number" || typeof K != "number" ? I : Math.abs(K - M) < Math.abs(I - M) ? K : I), Y = A(s) ? window.innerHeight : window.innerWidth;
-    if (b > xe && Math.abs(d) < Y * 0.4) {
+    const F = w?.reduce((I, K) => typeof I != "number" || typeof K != "number" ? I : Math.abs(K - M) < Math.abs(I - M) ? K : I), j = A(s) ? window.innerHeight : window.innerWidth;
+    if (b > xe && Math.abs(d) < j * 0.4) {
       const I = V ? 1 : -1;
       if (I > 0 && H && e) {
         N(w[e.length - 1]);
@@ -681,7 +683,7 @@ function Vn({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
 }
 const zn = () => () => {
 };
-function Yn() {
+function jn() {
   const { direction: t, isOpen: n, shouldScaleBackground: e, setBackgroundColorOnScale: a, noBodyStyles: o } = vt(), r = i.useRef(null), l = qe(() => document.body.style.backgroundColor, []);
   function s() {
     return (window.innerWidth - Ft) / window.innerWidth;
@@ -721,7 +723,7 @@ function Yn() {
   ]);
 }
 let mt = null;
-function jn({ isOpen: t, modal: n, nested: e, hasBeenOpened: a, preventScrollRestoration: o, noBodyStyles: r }) {
+function Yn({ isOpen: t, modal: n, nested: e, hasBeenOpened: a, preventScrollRestoration: o, noBodyStyles: r }) {
   const [l, s] = i.useState(() => typeof window < "u" ? window.location.href : ""), v = i.useRef(0), D = i.useCallback(() => {
     if (ee() && mt === null && t && !r) {
       mt = {
@@ -791,7 +793,7 @@ function jn({ isOpen: t, modal: n, nested: e, hasBeenOpened: a, preventScrollRes
 }
 function qn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, snapPoints: r, shouldScaleBackground: l = !1, setBackgroundColorOnScale: s = !0, closeThreshold: v = Bn, scrollLockTimeout: D = Wn, dismissible: g = !0, handleOnly: m = !1, fadeFromIndex: h = r && r.length - 1, activeSnapPoint: W, setActiveSnapPoint: H, fixed: x, modal: U = !0, onClose: w, nested: $, noBodyStyles: N = !1, direction: f = "bottom", defaultOpen: X = !1, disablePreventScroll: et = !0, snapToSequentialPoint: d = !1, preventScrollRestoration: R = !1, repositionInputs: b = !0, onAnimationEnd: L, container: M, autoFocus: z = !1 }) {
   var c, V;
-  const [F = !1, Y] = _e({
+  const [F = !1, j] = _e({
     defaultProp: X,
     prop: t,
     onChange: (u) => {
@@ -801,7 +803,7 @@ function qn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
         document.body.style.pointerEvents = "auto";
       }), u || (document.body.style.pointerEvents = "auto");
     }
-  }), [I, K] = i.useState(!1), [J, lt] = i.useState(!1), [Ne, zt] = i.useState(!1), ot = i.useRef(null), yt = i.useRef(null), xt = i.useRef(null), Ct = i.useRef(null), ut = i.useRef(null), ct = i.useRef(!1), Ot = i.useRef(null), _t = i.useRef(0), it = i.useRef(!1), Yt = i.useRef(!X), jt = i.useRef(0), p = i.useRef(null), qt = i.useRef(((c = p.current) == null ? void 0 : c.getBoundingClientRect().height) || 0), Xt = i.useRef(((V = p.current) == null ? void 0 : V.getBoundingClientRect().width) || 0), At = i.useRef(0), $e = i.useCallback((u) => {
+  }), [I, K] = i.useState(!1), [J, lt] = i.useState(!1), [Ne, zt] = i.useState(!1), ot = i.useRef(null), yt = i.useRef(null), xt = i.useRef(null), Ct = i.useRef(null), ut = i.useRef(null), ct = i.useRef(!1), Ot = i.useRef(null), _t = i.useRef(0), it = i.useRef(!1), jt = i.useRef(!X), Yt = i.useRef(0), p = i.useRef(null), qt = i.useRef(((c = p.current) == null ? void 0 : c.getBoundingClientRect().height) || 0), Xt = i.useRef(((V = p.current) == null ? void 0 : V.getBoundingClientRect().width) || 0), At = i.useRef(0), $e = i.useCallback((u) => {
     r && u === dt.length - 1 && (yt.current = /* @__PURE__ */ new Date());
   }, []), { activeSnapPoint: Me, activeSnapPointIndex: st, setActiveSnapPoint: Gt, onRelease: Ie, snapPointsOffset: dt, onDrag: Le, shouldFade: Kt, getPercentageDragged: Fe } = Vn({
     snapPoints: r,
@@ -818,7 +820,7 @@ function qn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
   Nn({
     isDisabled: !F || J || !U || Ne || !I || !b || !et
   });
-  const { restorePositionSetting: ke } = jn({
+  const { restorePositionSetting: ke } = Yn({
     isOpen: F,
     modal: U,
     nested: $ ?? !1,
@@ -867,9 +869,9 @@ function qn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
       const E = f === "bottom" || f === "right" ? 1 : -1, T = (_t.current - (A(f) ? u.pageY : u.pageX)) * E, y = T > 0, _ = r && !g && !y;
       if (_ && st === 0) return;
       const B = Math.abs(T), k = document.querySelector("[data-vaul-drawer-wrapper]"), Z = f === "bottom" || f === "top" ? qt.current : Xt.current;
-      let j = B / Z;
+      let Y = B / Z;
       const nt = Fe(B, y);
-      if (nt !== null && (j = nt), _ && j >= 1 || !ct.current && !Jt(u.target, y)) return;
+      if (nt !== null && (Y = nt), _ && Y >= 1 || !ct.current && !Jt(u.target, y)) return;
       if (p.current.classList.add(It), ct.current = !0, P(p.current, {
         transition: "none"
       }), P(ot.current, {
@@ -883,12 +885,12 @@ function qn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
         });
         return;
       }
-      const Q = 1 - j;
-      if ((Kt || h && st === h - 1) && (a?.(u, j), P(ot.current, {
+      const Q = 1 - Y;
+      if ((Kt || h && st === h - 1) && (a?.(u, Y), P(ot.current, {
         opacity: `${Q}`,
         transition: "none"
       }, !0)), k && ot.current && l) {
-        const G = Math.min(bt() + j * (1 - bt()), 1), Dt = 8 - j * 8, Qt = Math.max(0, 14 - j * 14);
+        const G = Math.min(bt() + Y * (1 - bt()), 1), Dt = 8 - Y * 8, Qt = Math.max(0, 14 - Y * 14);
         P(k, {
           borderRadius: `${Dt}px`,
           transform: A(f) ? `scale(${G}) translate3d(0, ${Qt}px, 0)` : `scale(${G}) translate3d(${Qt}px, 0, 0)`,
@@ -905,7 +907,7 @@ function qn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
   }
   i.useEffect(() => {
     window.requestAnimationFrame(() => {
-      Yt.current = !0;
+      jt.current = !0;
     });
   }, []), i.useEffect(() => {
     var u;
@@ -916,17 +918,17 @@ function qn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
         var y;
         const _ = ((y = window.visualViewport) == null ? void 0 : y.height) || 0, B = window.innerHeight;
         let k = B - _;
-        const Z = p.current.getBoundingClientRect().height || 0, j = Z > B * 0.8;
+        const Z = p.current.getBoundingClientRect().height || 0, Y = Z > B * 0.8;
         At.current || (At.current = Z);
         const nt = p.current.getBoundingClientRect().top;
-        if (Math.abs(jt.current - k) > 60 && (it.current = !it.current), r && r.length > 0 && dt && st) {
+        if (Math.abs(Yt.current - k) > 60 && (it.current = !it.current), r && r.length > 0 && dt && st) {
           const Q = dt[st] || 0;
           k += Q;
         }
-        if (jt.current = k, Z > _ || it.current) {
+        if (Yt.current = k, Z > _ || it.current) {
           const Q = p.current.getBoundingClientRect().height;
           let G = Q;
-          Q > _ && (G = _ - (j ? nt : Ft)), x ? p.current.style.height = `${Q - Math.max(k, 0)}px` : p.current.style.height = `${Math.max(G, _ - nt)}px`;
+          Q > _ && (G = _ - (Y ? nt : Ft)), x ? p.current.style.height = `${Q - Math.max(k, 0)}px` : p.current.style.height = `${Math.max(G, _ - nt)}px`;
         } else Tn() || (p.current.style.height = `${At.current}px`);
         r && r.length > 0 && !it.current ? p.current.style.bottom = "0px" : p.current.style.bottom = `${Math.max(k, 0)}px`;
       }
@@ -941,7 +943,7 @@ function qn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
     dt
   ]);
   function ft(u) {
-    We(), w?.(), u || Y(!1), setTimeout(() => {
+    We(), w?.(), u || j(!1), setTimeout(() => {
       r && Gt(r[0]);
     }, C.DURATION * 1e3);
   }
@@ -1000,8 +1002,8 @@ function qn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
     var B;
     const k = Math.min((B = p.current.getBoundingClientRect().height) != null ? B : 0, window.innerHeight);
     var Z;
-    const j = Math.min((Z = p.current.getBoundingClientRect().width) != null ? Z : 0, window.innerWidth), nt = f === "left" || f === "right";
-    if (Math.abs(E) >= (nt ? j : k) * v) {
+    const Y = Math.min((Z = p.current.getBoundingClientRect().width) != null ? Z : 0, window.innerWidth), nt = f === "left" || f === "right";
+    if (Math.abs(E) >= (nt ? Y : k) * v) {
       ft(), o?.(u, !1);
       return;
     }
@@ -1035,7 +1037,7 @@ function qn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
       transition: "none"
     });
   }
-  function Ye(u, E) {
+  function je(u, E) {
     const T = A(f) ? window.innerHeight : window.innerWidth, y = E ? (T - rt) / T : 1, _ = E ? -rt : 0;
     E && P(p.current, {
       transition: `transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,
@@ -1051,7 +1053,7 @@ function qn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
   ]), /* @__PURE__ */ i.createElement(hn, {
     defaultOpen: X,
     onOpenChange: (u) => {
-      !g && !u || (u ? K(!0) : ft(!0), Y(u));
+      !g && !u || (u ? K(!0) : ft(!0), j(u));
     },
     open: F
   }, /* @__PURE__ */ i.createElement(De.Provider, {
@@ -1066,7 +1068,7 @@ function qn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
       onRelease: Ue,
       onDrag: Be,
       dismissible: g,
-      shouldAnimate: Yt,
+      shouldAnimate: jt,
       handleOnly: m,
       isOpen: F,
       isDragging: J,
@@ -1074,7 +1076,7 @@ function qn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: o, sn
       closeDrawer: ft,
       onNestedDrag: ze,
       onNestedOpenChange: Ve,
-      onNestedRelease: Ye,
+      onNestedRelease: je,
       keyboardIsOpen: it,
       modal: U,
       snapPointsOffset: dt,
@@ -1108,17 +1110,17 @@ const Ae = /* @__PURE__ */ i.forwardRef(function({ ...t }, n) {
 Ae.displayName = "Drawer.Overlay";
 const Pe = /* @__PURE__ */ i.forwardRef(function({ onPointerDownOutside: t, style: n, onOpenAutoFocus: e, ...a }, o) {
   const { drawerRef: r, onPress: l, onRelease: s, onDrag: v, keyboardIsOpen: D, snapPointsOffset: g, activeSnapPointIndex: m, modal: h, isOpen: W, direction: H, snapPoints: x, container: U, handleOnly: w, shouldAnimate: $, autoFocus: N } = vt(), [f, X] = i.useState(!1), et = Se(o, r), d = i.useRef(null), R = i.useRef(null), b = i.useRef(!1), L = x && x.length > 0;
-  Yn();
+  jn();
   const M = (c, V, F = 0) => {
     if (b.current) return !0;
-    const Y = Math.abs(c.y), I = Math.abs(c.x), K = I > Y, J = [
+    const j = Math.abs(c.y), I = Math.abs(c.x), K = I > j, J = [
       "bottom",
       "right"
     ].includes(V) ? 1 : -1;
     if (V === "left" || V === "right") {
       if (!(c.x * J < 0) && I >= 0 && I <= F)
         return K;
-    } else if (!(c.y * J < 0) && Y >= 0 && Y <= F)
+    } else if (!(c.y * J < 0) && j >= 0 && j <= F)
       return !K;
     return b.current = !0, !0;
   };
@@ -1167,11 +1169,11 @@ const Pe = /* @__PURE__ */ i.forwardRef(function({ onPointerDownOutside: t, styl
     },
     onPointerMove: (c) => {
       if (R.current = c, w || (a.onPointerMove == null || a.onPointerMove.call(a, c), !d.current)) return;
-      const V = c.pageY - d.current.y, F = c.pageX - d.current.x, Y = c.pointerType === "touch" ? 10 : 2;
+      const V = c.pageY - d.current.y, F = c.pageX - d.current.x, j = c.pointerType === "touch" ? 10 : 2;
       M({
         x: F,
         y: V
-      }, H, Y) ? v(c) : (Math.abs(F) > Y || Math.abs(V) > Y) && (d.current = null);
+      }, H, j) ? v(c) : (Math.abs(F) > j || Math.abs(V) > j) && (d.current = null);
     },
     onPointerUp: (c) => {
       a.onPointerUp == null || a.onPointerUp.call(a, c), d.current = null, b.current = !1, s(c);
@@ -1259,7 +1261,7 @@ const tt = {
   Close: En,
   Title: Dn,
   Description: Rn
-}, or = ({ trigger: t, title: n, description: e, children: a, direction: o = "right", size: r = "380px" }) => {
+}, sr = ({ trigger: t, title: n, description: e, children: a, direction: o = "right", size: r = "380px" }) => {
   const l = "!font-sans fixed", s = {
     left: {
       className: `${l} top-0 bottom-0 left-0 shadow-[20px_0_20px_rgba(0,0,0,0.4)]`,
@@ -1278,7 +1280,7 @@ const tt = {
       style: { height: r }
     }
   }, { className: v, style: D } = s[o];
-  return /* @__PURE__ */ S(je, { children: /* @__PURE__ */ gt(tt.Root, { direction: o, children: [
+  return /* @__PURE__ */ S(Ye, { children: /* @__PURE__ */ gt(tt.Root, { direction: o, children: [
     /* @__PURE__ */ S(tt.Trigger, { asChild: !0, children: t }),
     /* @__PURE__ */ gt(tt.Portal, { children: [
       /* @__PURE__ */ S(tt.Overlay, { className: "fixed inset-0 bg-transparent" }),
@@ -1300,5 +1302,5 @@ const tt = {
   ] }) });
 };
 export {
-  or as Drawer
+  sr as Drawer
 };

package/dist/Popover.js

@@ -2,10 +2,12 @@
 import "./styles/main.css";
 import { jsx as s } from "react/jsx-runtime";
 import * as i from "react";
-import { a as L, c as z, u as G, b as x, P as O, d as P, f as H, D as K } from "./index-DfFzqLW6.js";
-import { h as j, R as U, u as V, F as W } from "./index-BDYruyoU.js";
-import { c as _, R as Z, a as b, C as q, A as B } from "./index-C18a1qz_.js";
-import { P as w, a as J } from "./index-Ddc_4vXe.js";
+import { d as L, c as z, b as G, a as x, P as O, e as P, g as H } from "./index-CA7haECj.js";
+import { D as K } from "./index-cCg4yNa8.js";
+import { h as j, R as U, u as V, F as W } from "./index-DUK1rxhf.js";
+import { c as _, R as Z, a as b, C as q, A as B } from "./index-FeGk8zep.js";
+import { P as J } from "./index-VXXKXen4.js";
+import { P as w } from "./index-CBwRmAsQ.js";
 import { c as Q } from "./twUtils-CRiPKpXj.js";
 var C = "Popover", [E] = z(C, [
   _
@@ -216,13 +218,13 @@ function $(e) {
   return e ? "open" : "closed";
 }
 var ce = F, ie = y, pe = D, le = M, ue = T;
-function me({ ...e }) {
+function Re({ ...e }) {
   return /* @__PURE__ */ s(ce, { "data-slot": "popover", ...e });
 }
-function Ce({ ...e }) {
+function Ae({ ...e }) {
   return /* @__PURE__ */ s(pe, { asChild: !0, "data-slot": "popover-trigger", ...e });
 }
-function Re({
+function xe({
   className: e,
   align: n = "center",
   side: r = "bottom",
@@ -252,12 +254,12 @@ function Re({
     }
   ) });
 }
-function Ae({ ...e }) {
+function Oe({ ...e }) {
   return /* @__PURE__ */ s(ie, { "data-slot": "popover-anchor", ...e });
 }
 export {
-  me as Popover,
-  Ae as PopoverAnchor,
-  Re as PopoverContent,
-  Ce as PopoverTrigger
+  Re as Popover,
+  Oe as PopoverAnchor,
+  xe as PopoverContent,
+  Ae as PopoverTrigger
 };

package/dist/RadioGroup.d.ts

@@ -1,11 +1,36 @@
-import { ComponentProps } from 'react';
-import * as RadioGroupPrimitive from './RadioGroupBase';
-type RadioGroupVariant = 'default' | 'unstyled';
-export type RadioGroupProps = ComponentProps<typeof RadioGroupPrimitive.RadioGroup> & {
-    variant?: RadioGroupVariant;
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+type RadioGroupVariant = 'default' | 'tiles' | 'unstyled';
+export type RadioGroupProps = Omit<ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, 'onChange' | 'disabled'> & {
+    readonly onValueChange: (selected: string) => void;
+    readonly selected?: string;
+    readonly name: string;
+    readonly required?: boolean;
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly variant?: RadioGroupVariant;
+    readonly className?: string;
+    readonly disabled?: boolean | readonly string[];
+    readonly itemClassName?: string;
 };
-export type RadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.RadioGroupItem>;
-export declare const RadioGroup: ({ className, variant, ...props }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RadioGroupItem: ({ className, children, ...props }: RadioGroupItemProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export interface RadioGroupItemProps extends ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
+    readonly className?: string;
+    readonly children?: ReactNode;
+    readonly id?: string;
+    readonly value: string;
+    readonly description?: string | ReactNode;
+}
+declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<Omit<RadioGroupPrimitive.RadioGroupProps & import('react').RefAttributes<HTMLDivElement>, "ref">, "onChange" | "disabled"> & {
+    readonly onValueChange: (selected: string) => void;
+    readonly selected?: string;
+    readonly name: string;
+    readonly required?: boolean;
+    readonly orientation?: "horizontal" | "vertical";
+    readonly variant?: RadioGroupVariant;
+    readonly className?: string;
+    readonly disabled?: boolean | readonly string[];
+    readonly itemClassName?: string;
+} & import('react').RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: import('react').ForwardRefExoticComponent<RadioGroupItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const RadioGroupLabel: import('react').ForwardRefExoticComponent<Omit<Omit<import('../Label/Label').LabelProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+export { RadioGroup, RadioGroupItem, RadioGroupLabel };
 //# sourceMappingURL=RadioGroup.d.ts.map