@spear-ai/spectral 1.3.62 → 1.3.63

package/dist/MultiSelect/MultiSelectBase.js

@@ -1,7 +1,7 @@
 "use client";
 import "../styles/main.css";
 import { jsxs as a, jsx as s, Fragment as ue } from "react/jsx-runtime";
-import { c as p } from "../twUtils-CRiPKpXj.js";
+import { cn as p } from "../utils/twUtils.js";
 import { forwardRef as pe, useId as me, useState as I, useRef as P, useMemo as F, useCallback as b, useEffect as be } from "react";
 import { X as K } from "../x-BBpi7a_7.js";
 import { c as O } from "../createLucideIcon-CI1yJrZf.js";
@@ -57,24 +57,24 @@ const ve = [
   }, [t]), l;
 }, Oe = (t, l, i) => {
   const [o, m] = I(-1), u = b(
-    (c) => {
+    (d) => {
       const y = {
         ArrowDown: () => {
-          c.preventDefault(), m((f) => Math.min(f + 1, t.length - 1));
+          d.preventDefault(), m((f) => Math.min(f + 1, t.length - 1));
         },
         ArrowUp: () => {
-          c.preventDefault(), m((f) => Math.max(f - 1, -1));
+          d.preventDefault(), m((f) => Math.max(f - 1, -1));
         },
         Enter: () => {
-          c.preventDefault(), o >= 0 && t[o] && l(t[o].value);
+          d.preventDefault(), o >= 0 && t[o] && l(t[o].value);
         },
         " ": () => {
-          c.preventDefault(), o >= 0 && t[o] && l(t[o].value);
+          d.preventDefault(), o >= 0 && t[o] && l(t[o].value);
         },
         Escape: () => {
-          c.preventDefault(), i();
+          d.preventDefault(), i();
         }
-      }[c.key];
+      }[d.key];
       y && y();
     },
     [t, o, l, i]
@@ -88,7 +88,7 @@ const ve = [
     placeholder: o = "Select options",
     maxCount: m = 3,
     state: u = "default",
-    errorMessage: c,
+    errorMessage: d,
     emptyMessage: D = "No options found",
     loadingMessage: y = "Loading options...",
     searchPlaceholder: f = "Search options...",
@@ -119,8 +119,8 @@ const ve = [
       k || v((e) => (e || setTimeout(() => R.current?.focus(), 0), !e));
     }, [k]);
     function N(e) {
-      if (i.find((d) => d.value === e)?.disabled) return;
-      const r = t.includes(e) ? t.filter((d) => d !== e) : [...t, e];
+      if (i.find((c) => c.value === e)?.disabled) return;
+      const r = t.includes(e) ? t.filter((c) => c !== e) : [...t, e];
       l(r), Z && v(!1);
     }
     const ae = b(() => {
@@ -135,26 +135,26 @@ const ve = [
         n.stopPropagation(), N(e);
       },
       [N]
-    ), ce = () => {
+    ), de = () => {
       if (t.length === 0)
         return /* @__PURE__ */ s("span", { className: "text-input-text-placeholder", children: o });
       const e = t.slice(0, m), n = t.length - m;
       return /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-1", children: [
         e.map((r) => {
-          const d = i.find((C) => C.value === r);
-          return d ? /* @__PURE__ */ a(
+          const c = i.find((C) => C.value === r);
+          return c ? /* @__PURE__ */ a(
             "span",
             {
               className: "bg-input-bg--selected text-input-text inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs",
               children: [
-                d.label,
+                c.label,
                 /* @__PURE__ */ s(
                   "button",
                   {
                     type: "button",
                     onClick: (C) => oe(r, C),
                     className: "hover:text-danger focus:outline-none",
-                    "aria-label": `Remove ${d.label}`,
+                    "aria-label": `Remove ${c.label}`,
                     children: /* @__PURE__ */ s(K, { className: "h-3 w-3" })
                   }
                 )
@@ -199,7 +199,7 @@ const ve = [
         },
         e.value
       );
-    }, de = () => ({
+    }, ce = () => ({
       "--multiselect-border-radius": "0.5rem",
       "--multiselect-trigger-height": "3rem",
       "--multiselect-dropdown-max-height": "20rem"
@@ -228,10 +228,10 @@ const ve = [
                 "aria-expanded": g,
                 "aria-haspopup": "listbox",
                 "data-state": u,
-                style: de(),
+                style: ce(),
                 ..._,
                 children: [
-                  /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: ce() }),
+                  /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: de() }),
                   /* @__PURE__ */ a("div", { className: "ml-2 flex items-center gap-2", children: [
                     t.length > 0 && /* @__PURE__ */ s(
                       "button",
@@ -295,7 +295,7 @@ const ve = [
                 Object.entries(x.groups).map(([e, n]) => /* @__PURE__ */ a("div", { className: "mb-1", children: [
                   (x.ungrouped.length > 0 || Object.keys(x.groups).indexOf(e) > 0) && /* @__PURE__ */ s("div", { className: "bg-input-border mx-3 my-1 h-px" }),
                   /* @__PURE__ */ s("div", { className: "text-input-text-secondary px-3 py-1 text-xs font-semibold tracking-wide uppercase", children: e }),
-                  n.map((r, d) => A(r, h.indexOf(r)))
+                  n.map((r, c) => A(r, h.indexOf(r)))
                 ] }, e)),
                 H && t.length > 0 && /* @__PURE__ */ a("div", { className: "mt-1", children: [
                   /* @__PURE__ */ s("div", { className: "bg-input-border mx-3 my-1 h-px" }),
@@ -314,7 +314,7 @@ const ve = [
           ]
         }
       ),
-      u === "error" && c && /* @__PURE__ */ s(
+      u === "error" && d && /* @__PURE__ */ s(
         "p",
         {
           id: M,
@@ -322,7 +322,7 @@ const ve = [
           "data-testid": "multiselect-error-message",
           "aria-live": "polite",
           "aria-atomic": "true",
-          children: c
+          children: d
         }
       )
     ] });

package/dist/Popover.d.ts

@@ -1,11 +1,10 @@
-import { ComponentProps } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-export type PopoverContentProps = ComponentProps<typeof PopoverPrimitive.Content> & {
+export type PopoverContentProps = ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
     width?: number | string;
 };
-declare function Popover({ ...props }: ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverTrigger({ ...props }: ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverContent({ className, align, side, sideOffset, width, ...props }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
-declare function PopoverAnchor({ ...props }: ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
-export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+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 PopoverAnchor: ({ ...props }: ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Popover.d.ts.map

package/dist/Popover.js

@@ -1,14 +1,14 @@
 "use client";
 import "./styles/main.css";
 import { jsx as s } from "react/jsx-runtime";
-import * as i from "react";
-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";
+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 { P as w } from "./index-6Abv_Flm.js";
+import { cn as Q } from "./utils/twUtils.js";
 var C = "Popover", [E] = z(C, [
   _
 ]), g = _(), [X, l] = E(C), F = (e) => {
@@ -19,40 +19,40 @@ var C = "Popover", [E] = z(C, [
     defaultOpen: o,
     onOpenChange: t,
     modal: c = !1
-  } = e, p = g(n), f = i.useRef(null), [v, h] = i.useState(!1), [m, u] = L({
+  } = e, i = g(n), f = p.useRef(null), [v, h] = p.useState(!1), [m, u] = L({
     prop: a,
     defaultProp: o ?? !1,
     onChange: t,
     caller: C
   });
-  return /* @__PURE__ */ s(Z, { ...p, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(q, { ...i, children: /* @__PURE__ */ s(
     X,
     {
       scope: n,
-      contentId: G(),
+      contentId: Z(),
       triggerRef: f,
       open: m,
       onOpenChange: u,
-      onOpenToggle: i.useCallback(() => u((R) => !R), [u]),
+      onOpenToggle: p.useCallback(() => u((R) => !R), [u]),
       hasCustomAnchor: v,
-      onCustomAnchorAdd: i.useCallback(() => h(!0), []),
-      onCustomAnchorRemove: i.useCallback(() => h(!1), []),
+      onCustomAnchorAdd: p.useCallback(() => h(!0), []),
+      onCustomAnchorRemove: p.useCallback(() => h(!1), []),
       modal: c,
       children: r
     }
   ) });
 };
 F.displayName = C;
-var N = "PopoverAnchor", y = i.forwardRef(
+var N = "PopoverAnchor", y = p.forwardRef(
   (e, n) => {
-    const { __scopePopover: r, ...a } = e, o = l(N, r), t = g(r), { onCustomAnchorAdd: c, onCustomAnchorRemove: p } = o;
-    return i.useEffect(() => (c(), () => p()), [c, p]), /* @__PURE__ */ s(b, { ...t, ...a, ref: n });
+    const { __scopePopover: r, ...a } = e, o = l(N, r), t = g(r), { onCustomAnchorAdd: c, onCustomAnchorRemove: i } = o;
+    return p.useEffect(() => (c(), () => i()), [c, i]), /* @__PURE__ */ s(b, { ...t, ...a, ref: n });
   }
 );
 y.displayName = N;
-var S = "PopoverTrigger", D = i.forwardRef(
+var S = "PopoverTrigger", D = p.forwardRef(
   (e, n) => {
-    const { __scopePopover: r, ...a } = e, o = l(S, r), t = g(r), c = x(n, o.triggerRef), p = /* @__PURE__ */ s(
+    const { __scopePopover: r, ...a } = e, o = l(S, r), t = g(r), c = x(n, o.triggerRef), i = /* @__PURE__ */ s(
       O.button,
       {
         type: "button",
@@ -65,7 +65,7 @@ var S = "PopoverTrigger", D = i.forwardRef(
         onClick: P(e.onClick, o.onOpenToggle)
       }
     );
-    return o.hasCustomAnchor ? p : /* @__PURE__ */ s(b, { asChild: !0, ...t, children: p });
+    return o.hasCustomAnchor ? i : /* @__PURE__ */ s(b, { asChild: !0, ...t, children: i });
   }
 );
 D.displayName = S;
@@ -73,20 +73,20 @@ var A = "PopoverPortal", [Y, ee] = E(A, {
   forceMount: void 0
 }), M = (e) => {
   const { __scopePopover: n, forceMount: r, children: a, container: o } = e, t = l(A, n);
-  return /* @__PURE__ */ s(Y, { scope: n, forceMount: r, children: /* @__PURE__ */ s(w, { present: r || t.open, children: /* @__PURE__ */ s(J, { asChild: !0, container: o, children: a }) }) });
+  return /* @__PURE__ */ s(Y, { scope: n, forceMount: r, children: /* @__PURE__ */ s(w, { present: r || t.open, children: /* @__PURE__ */ s(H, { asChild: !0, container: o, children: a }) }) });
 };
 M.displayName = A;
-var d = "PopoverContent", T = i.forwardRef(
+var d = "PopoverContent", T = p.forwardRef(
   (e, n) => {
     const r = ee(d, e.__scopePopover), { forceMount: a = r.forceMount, ...o } = e, t = l(d, e.__scopePopover);
     return /* @__PURE__ */ s(w, { present: a || t.open, children: t.modal ? /* @__PURE__ */ s(te, { ...o, ref: n }) : /* @__PURE__ */ s(re, { ...o, ref: n }) });
   }
 );
 T.displayName = d;
-var oe = H("PopoverContent.RemoveScroll"), te = i.forwardRef(
+var oe = G("PopoverContent.RemoveScroll"), te = p.forwardRef(
   (e, n) => {
-    const r = l(d, e.__scopePopover), a = i.useRef(null), o = x(n, a), t = i.useRef(!1);
-    return i.useEffect(() => {
+    const r = l(d, e.__scopePopover), a = p.useRef(null), o = x(n, a), t = p.useRef(!1);
+    return p.useEffect(() => {
       const c = a.current;
       if (c) return j(c);
     }, []), /* @__PURE__ */ s(U, { as: oe, allowPinchZoom: !0, children: /* @__PURE__ */ s(
@@ -102,7 +102,7 @@ var oe = H("PopoverContent.RemoveScroll"), te = i.forwardRef(
         onPointerDownOutside: P(
           e.onPointerDownOutside,
           (c) => {
-            const p = c.detail.originalEvent, f = p.button === 0 && p.ctrlKey === !0, v = p.button === 2 || f;
+            const i = c.detail.originalEvent, f = i.button === 0 && i.ctrlKey === !0, v = i.button === 2 || f;
             t.current = v;
           },
           { checkForDefaultPrevented: !1 }
@@ -115,9 +115,9 @@ var oe = H("PopoverContent.RemoveScroll"), te = i.forwardRef(
       }
     ) });
   }
-), re = i.forwardRef(
+), re = p.forwardRef(
   (e, n) => {
-    const r = l(d, e.__scopePopover), a = i.useRef(!1), o = i.useRef(!1);
+    const r = l(d, e.__scopePopover), a = p.useRef(!1), o = p.useRef(!1);
     return /* @__PURE__ */ s(
       k,
       {
@@ -136,7 +136,7 @@ var oe = H("PopoverContent.RemoveScroll"), te = i.forwardRef(
       }
     );
   }
-), k = i.forwardRef(
+), k = p.forwardRef(
   (e, n) => {
     const {
       __scopePopover: r,
@@ -144,7 +144,7 @@ var oe = H("PopoverContent.RemoveScroll"), te = i.forwardRef(
       onOpenAutoFocus: o,
       onCloseAutoFocus: t,
       disableOutsidePointerEvents: c,
-      onEscapeKeyDown: p,
+      onEscapeKeyDown: i,
       onPointerDownOutside: f,
       onFocusOutside: v,
       onInteractOutside: h,
@@ -164,12 +164,12 @@ var oe = H("PopoverContent.RemoveScroll"), te = i.forwardRef(
             asChild: !0,
             disableOutsidePointerEvents: c,
             onInteractOutside: h,
-            onEscapeKeyDown: p,
+            onEscapeKeyDown: i,
             onPointerDownOutside: f,
             onFocusOutside: v,
             onDismiss: () => u.onOpenChange(!1),
             children: /* @__PURE__ */ s(
-              q,
+              B,
               {
                 "data-state": $(u.open),
                 role: "dialog",
@@ -192,7 +192,7 @@ var oe = H("PopoverContent.RemoveScroll"), te = i.forwardRef(
       }
     );
   }
-), I = "PopoverClose", ne = i.forwardRef(
+), I = "PopoverClose", ne = p.forwardRef(
   (e, n) => {
     const { __scopePopover: r, ...a } = e, o = l(I, r);
     return /* @__PURE__ */ s(
@@ -207,56 +207,45 @@ var oe = H("PopoverContent.RemoveScroll"), te = i.forwardRef(
   }
 );
 ne.displayName = I;
-var ae = "PopoverArrow", se = i.forwardRef(
+var ae = "PopoverArrow", se = p.forwardRef(
   (e, n) => {
     const { __scopePopover: r, ...a } = e, o = g(r);
-    return /* @__PURE__ */ s(B, { ...o, ...a, ref: n });
+    return /* @__PURE__ */ s(J, { ...o, ...a, ref: n });
   }
 );
 se.displayName = ae;
 function $(e) {
   return e ? "open" : "closed";
 }
-var ce = F, ie = y, pe = D, le = M, ue = T;
-function Re({ ...e }) {
-  return /* @__PURE__ */ s(ce, { "data-slot": "popover", ...e });
-}
-function Ae({ ...e }) {
-  return /* @__PURE__ */ s(pe, { asChild: !0, "data-slot": "popover-trigger", ...e });
-}
-function xe({
-  className: e,
-  align: n = "center",
+var ce = F, pe = y, ie = D, le = M, ue = T;
+const Re = ({ ...e }) => /* @__PURE__ */ s(ce, { "data-slot": "popover", ...e }), Ae = ({ ...e }) => /* @__PURE__ */ s(ie, { "data-slot": "popover-trigger", ...e }), xe = ({
+  align: e = "center",
+  className: n,
   side: r = "bottom",
   sideOffset: a = 4,
   width: o = "w-fit",
   ...t
-}) {
-  return /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(
-    ue,
-    {
-      "data-slot": "popover-content",
-      align: n,
-      side: r,
-      sideOffset: a,
-      className: Q(
-        "bg-popover-bg text-popover-text 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 z-50 h-fit",
-        "max-h-[var(--radix-popover-content-max-height)] origin-(--radix-popover-content-transform-origin) rounded-lg border-none p-4 shadow-md outline-hidden",
-        "w-[var(--popover-width)]",
-        e
-      ),
-      style: {
-        "--popover-width": typeof o == "number" ? `${o}px` : o === "w-fit" ? "320px" : o
-      },
-      ...t
-    }
-  ) });
-}
-function Oe({ ...e }) {
-  return /* @__PURE__ */ s(ie, { "data-slot": "popover-anchor", ...e });
-}
+}) => /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(
+  ue,
+  {
+    align: e,
+    "data-slot": "popover-content",
+    side: r,
+    sideOffset: a,
+    className: Q(
+      "bg-popover-bg text-popover-text 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 z-50 h-fit",
+      "max-h-[var(--radix-popover-content-max-height)] origin-[--radix-popover-content-transform-origin] rounded-lg border-none p-4",
+      "w-[var(--popover-width)] shadow-md outline-none",
+      n
+    ),
+    style: {
+      "--popover-width": typeof o == "number" ? `${o}px` : o === "w-fit" ? "320px" : o
+    },
+    ...t
+  }
+) }), Oe = ({ ...e }) => /* @__PURE__ */ s(pe, { "data-slot": "popover-anchor", ...e });
 export {
   Re as Popover,
   Oe as PopoverAnchor,

package/dist/RadioButtonGroup/RadioButtonGroupBase.js

@@ -2,7 +2,7 @@
 import "../styles/main.css";
 import { jsx as s } from "react/jsx-runtime";
 import { Slot as x } from "../primitives/slot.js";
-import { c } from "../twUtils-CRiPKpXj.js";
+import { cn as c } from "../utils/twUtils.js";
 import { createContext as h, useContext as w } from "react";
 const g = h(null), R = ({
   value: e,

package/dist/RadioButtonGroup.js

@@ -1,7 +1,7 @@
 import "./styles/main.css";
 import { jsx as e } from "react/jsx-runtime";
 import { RadioButtonGroupItem as n, RadioButtonGroupBase as u } from "./RadioButtonGroup/RadioButtonGroupBase.js";
-import { c as m } from "./twUtils-CRiPKpXj.js";
+import { cn as m } from "./utils/twUtils.js";
 import "react";
 const s = ({ className: t, children: o, ...r }) => /* @__PURE__ */ e(
   u,

package/dist/RadioGroup.d.ts

@@ -31,6 +31,6 @@ declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<Omit<Ra
     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>>;
+declare const RadioGroupLabel: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import('react').RefAttributes<HTMLLabelElement>, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
 export { RadioGroup, RadioGroupItem, RadioGroupLabel };
 //# sourceMappingURL=RadioGroup.d.ts.map