@spear-ai/spectral 1.3.67 → 1.3.68

package/dist/RadioGroup.js

@@ -398,46 +398,30 @@ const le = Re({
   variant: "default",
   disabledValues: [],
   groupDisabled: !1
-}), A = "pointer-events-none opacity-60", Xe = G(
-  ({
-    className: e,
-    itemClassName: t,
-    onValueChange: o,
-    orientation: r = "vertical",
-    disabled: a,
-    selected: s,
-    variant: i = "default",
-    ...v
-  }, b) => {
-    const f = ge(
-      () => ({
-        orientation: r,
-        variant: i,
-        disabledValues: Array.isArray(a) ? a : [],
-        groupDisabled: typeof a == "boolean" ? a : !1,
-        itemClassName: t,
-        selected: s
-      }),
-      [r, i, a, t, s]
-    );
-    return /* @__PURE__ */ n(le.Provider, { value: f, children: /* @__PURE__ */ n(
-      $e,
-      {
-        className: F(
-          "text-text-primary flex w-full",
-          r === "vertical" ? "flex-col gap-4" : "flex-row gap-5",
-          i === "unstyled" && "w-fit gap-2.5",
-          e
-        ),
-        ref: b,
-        onValueChange: o,
-        value: s,
-        disabled: f.groupDisabled,
-        ...v
-      }
-    ) });
-  }
-);
+}), A = "pointer-events-none opacity-60", Xe = G(({ className: e, itemClassName: t, onValueChange: o, orientation: r = "vertical", disabled: a, selected: s, variant: i = "default", ...v }, b) => {
+  const f = ge(
+    () => ({
+      orientation: r,
+      variant: i,
+      disabledValues: Array.isArray(a) ? a : [],
+      groupDisabled: typeof a == "boolean" ? a : !1,
+      itemClassName: t,
+      selected: s
+    }),
+    [r, i, a, t, s]
+  );
+  return /* @__PURE__ */ n(le.Provider, { value: f, children: /* @__PURE__ */ n(
+    $e,
+    {
+      className: F("flex text-text-primary w-full", r === "vertical" ? "flex-col gap-4" : "flex-row gap-5", i === "unstyled" && "gap-2.5 w-fit", e),
+      ref: b,
+      onValueChange: o,
+      value: s,
+      disabled: f.groupDisabled,
+      ...v
+    }
+  ) });
+});
 Xe.displayName = "RadioGroup";
 const B = he(
   G(({ value: e, id: t, isDisabled: o, className: r, ...a }, s) => /* @__PURE__ */ n(
@@ -445,7 +429,7 @@ const B = he(
     {
       ref: s,
       className: F(
-        "border-border-subtle bg-radio-bg relative aspect-square h-4.5 w-4.5 cursor-pointer rounded-full border-2 ring-black transition-colors",
+        "relative aspect-square h-4.5 w-4.5 rounded-full border-2 border-border-subtle bg-radio-bg ring-black transition-colors cursor-pointer",
         "hover:border-radio-border--hover focus-visible:ring-1 focus-visible:ring-offset-2",
         "[&[data-state=checked]]:border-radio-border--selected [&[data-state=checked]]:bg-radio-bg",
         o && A,
@@ -455,62 +439,26 @@ const B = he(
       value: e,
       id: t,
       ...a,
-      children: /* @__PURE__ */ n(We, { className: "after:bg-radio-bg--selected transition-colors after:absolute after:inset-0 after:m-auto after:h-2.5 after:w-2.5 after:rounded-full after:content-['']" })
+      children: /* @__PURE__ */ n(We, { className: "after:absolute after:inset-0 after:m-auto after:content-[''] transition-colors after:h-2.5 after:w-2.5 after:rounded-full after:bg-radio-bg--selected" })
     }
   ))
 );
 B.displayName = "RadioButton";
-const Je = G(
-  ({ className: e, children: t, value: o, description: r, disabled: a, ...s }, i) => {
-    const { disabledValues: v, groupDisabled: b, itemClassName: f, variant: d, selected: R, orientation: g } = Ie(le), l = o.toString(), p = s.id?.toString() || l, m = b || v.includes(l) || !!a, u = R === l;
-    return d === "tiles" ? /* @__PURE__ */ n(
-      _,
-      {
-        htmlFor: p,
-        className: F(
-          "border-border-subtle flex w-full cursor-pointer items-start rounded-xl border p-4",
-          u && "border-tile-border--selected bg-tile-bg--selected",
-          m && A,
-          f,
-          e
-        ),
-        children: /* @__PURE__ */ N("div", { className: "flex w-full items-start justify-between gap-4", children: [
-          /* @__PURE__ */ n("div", { className: "relative top-0.75 mr-3 flex-shrink-0", children: /* @__PURE__ */ n(B, { ref: i, value: l, id: p, isDisabled: m, ...s }) }),
-          /* @__PURE__ */ N("div", { className: "flex flex-grow flex-col", children: [
-            /* @__PURE__ */ n("div", { className: "font-bold", children: t }),
-            r && /* @__PURE__ */ n("div", { className: "mt-1 text-sm", children: r })
-          ] })
-        ] })
-      }
-    ) : d === "unstyled" ? /* @__PURE__ */ n(de, { ref: i, value: l, id: p, disabled: m, asChild: !0, ...s, children: /* @__PURE__ */ n(
-      _,
-      {
-        htmlFor: p,
-        className: F(
-          "[&[data-state=checked]]:border-radio-border--selected flex h-fit w-fit rounded border-2 border-transparent",
-          m && A,
-          f,
-          e
-        ),
-        children: t
-      }
-    ) }) : /* @__PURE__ */ N("div", { className: F("flex items-center", m && A, f, e, g), children: [
-      /* @__PURE__ */ n(B, { ref: i, value: l, id: p, isDisabled: m, ...s }),
-      t && /* @__PURE__ */ n(
-        _,
-        {
-          className: F("text-md cursor-pointer font-normal", g === "vertical" ? "ml-2" : "ml-1"),
-          htmlFor: p,
-          children: t
-        }
-      )
-    ] });
-  }
-);
+const Je = G(({ className: e, children: t, value: o, description: r, disabled: a, ...s }, i) => {
+  const { disabledValues: v, groupDisabled: b, itemClassName: f, variant: d, selected: R, orientation: g } = Ie(le), l = o.toString(), p = s.id?.toString() || l, m = b || v.includes(l) || !!a, u = R === l;
+  return d === "tiles" ? /* @__PURE__ */ n(_, { htmlFor: p, className: F("flex items-start p-4 rounded-xl border w-full border-border-subtle cursor-pointer", u && "border-tile-border--selected bg-tile-bg--selected", m && A, f, e), children: /* @__PURE__ */ N("div", { className: "flex w-full gap-4 items-start justify-between", children: [
+    /* @__PURE__ */ n("div", { className: "flex-shrink-0 mr-3 relative top-0.75", children: /* @__PURE__ */ n(B, { ref: i, value: l, id: p, isDisabled: m, ...s }) }),
+    /* @__PURE__ */ N("div", { className: "flex flex-col flex-grow", children: [
+      /* @__PURE__ */ n("div", { className: "font-bold", children: t }),
+      r && /* @__PURE__ */ n("div", { className: "text-sm mt-1", children: r })
+    ] })
+  ] }) }) : d === "unstyled" ? /* @__PURE__ */ n(de, { ref: i, value: l, id: p, disabled: m, asChild: !0, ...s, children: /* @__PURE__ */ n(_, { htmlFor: p, className: F("h-fit w-fit border-2 border-transparent rounded [&[data-state=checked]]:border-radio-border--selected flex", m && A, f, e), children: t }) }) : /* @__PURE__ */ N("div", { className: F("flex items-center", m && A, f, e, g), children: [
+    /* @__PURE__ */ n(B, { ref: i, value: l, id: p, isDisabled: m, ...s }),
+    t && /* @__PURE__ */ n(_, { className: F("text-md cursor-pointer font-normal", g === "vertical" ? "ml-2" : "ml-1"), htmlFor: p, children: t })
+  ] });
+});
 Je.displayName = "RadioGroup.Item";
-const Qe = G(
-  ({ className: e, ...t }, o) => /* @__PURE__ */ n(_, { ref: o, className: F("text-md block font-medium", e), ...t })
-);
+const Qe = G(({ className: e, ...t }, o) => /* @__PURE__ */ n(_, { ref: o, className: F("block text-md font-medium", e), ...t }));
 Qe.displayName = "RadioGroup.Label";
 export {
   Xe as RadioGroup,

package/dist/Select.d.ts

@@ -1,26 +1,27 @@
 import { BaseFormFieldProps, BaseOption } from '../../utils/formFieldUtils';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 type SelectOption = BaseOption;
-type Side = 'top' | 'bottom' | 'left' | 'right';
 type Align = 'start' | 'center' | 'end';
+type Side = 'top' | 'bottom' | 'left' | 'right';
 export interface SelectProps extends Omit<ComponentPropsWithoutRef<'button'>, 'value' | 'onChange'>, BaseFormFieldProps {
     defaultValue?: string;
     emptyMessage?: ReactNode;
+    id?: string;
+    label?: string;
+    labelClassName?: string;
     loadingMessage?: string;
     onChange?: (value: string) => void;
     options: SelectOption[];
     placeholder?: string;
-    id?: string;
-    label?: string;
     value?: string;
 }
 export interface SelectExtendedProps extends SelectProps {
-    position?: 'popper' | 'item-aligned';
-    side?: Side;
     align?: Align;
-    sideOffset?: number;
     alignOffset?: number;
     collisionPadding?: number | Partial<Record<Side, number>>;
+    position?: 'popper' | 'item-aligned';
+    side?: Side;
+    sideOffset?: number;
 }
 export declare const Select: import('react').ForwardRefExoticComponent<SelectExtendedProps & import('react').RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/Select.js

@@ -1,13 +1,13 @@
 "use client";
 import "./styles/main.css";
-import { jsxs as r, jsx as e, Fragment as v } from "react/jsx-runtime";
+import { jsxs as r, jsx as e, Fragment as S } from "react/jsx-runtime";
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/ApprovedIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
-import { CheckmarkIcon as U } from "./Icons/CheckmarkIcon.js";
+import { CheckmarkIcon as J } from "./Icons/CheckmarkIcon.js";
 import { ChevronDownIcon as l } from "./Icons/ChevronDownIcon.js";
 import "./Icons/ChevronUpIcon.js";
 import "./Icons/ClockIcon.js";
@@ -32,7 +32,7 @@ import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
 import "./Icons/LineToolIcon2.js";
 import "./Icons/LiveViewIcon.js";
-import { LoaderIcon as J } from "./Icons/LoaderIcon.js";
+import { LoaderIcon as K } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
 import "./Icons/LogoutIcon.js";
 import "./Icons/MessagesIcon.js";
@@ -58,154 +58,100 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { Label as S } from "./Label.js";
-import { R as K, T as Q, f as W, e as X, C as Y, c as Z, V as _, S as $, d as C, G as ee, I as te, b as re, a as ie } from "./index-CevVJ05e.js";
-import { useFormFieldId as oe, useFormFieldState as ae, getAriaProps as se, getErrorMessageId as me, groupOptions as de, getFormFieldCSSProperties as le, getStateClasses as ne, getTriggerClasses as pe, ErrorMessage as ce, LoadingState as ue, EmptyState as he, getOptionClasses as fe } from "./utils/formFieldUtils.js";
-import { cn as a } from "./utils/twUtils.js";
+import { Label as I } from "./Label.js";
+import { R as Q, T as W, f as X, e as Y, C as Z, c as _, V as $, S as ee, d as C, G as te, I as re, b as ie, a as oe } from "./index-CevVJ05e.js";
+import { useFormFieldId as ae, useFormFieldState as se, getAriaProps as me, getErrorMessageId as de, groupOptions as le, getFormFieldCSSProperties as ne, getStateClasses as pe, getTriggerClasses as ce, ErrorMessage as ue, LoadingState as he, EmptyState as fe, getOptionClasses as ge } from "./utils/formFieldUtils.js";
+import { cn as o } from "./utils/twUtils.js";
 import { forwardRef as be } from "react";
-const ge = be(
+const xe = be(
   ({
-    align: I = "start",
-    alignOffset: w = 0,
-    className: z,
-    collisionPadding: F = 10,
-    defaultValue: j,
-    emptyMessage: k = "No options found",
+    align: w = "start",
+    alignOffset: z = 0,
+    className: F,
+    collisionPadding: j = 10,
+    defaultValue: k,
+    emptyMessage: O = "No options found",
     errorMessage: n,
-    id: O,
+    id: L,
     label: s,
-    loadingMessage: L = "Loading…",
-    name: p,
-    onChange: T,
-    options: c = [],
-    placeholder: V = "Select an option",
-    position: D = "popper",
-    side: E = "bottom",
-    sideOffset: P = 4,
+    labelClassName: p,
+    loadingMessage: T = "Loading…",
+    name: c,
+    onChange: V,
+    options: u = [],
+    placeholder: D = "Select an option",
+    position: E = "popper",
+    side: P = "bottom",
+    sideOffset: R = 4,
     state: i = "default",
-    value: u,
-    "aria-label": R,
-    "aria-describedby": q,
+    value: h,
+    "aria-label": q,
+    "aria-describedby": B,
     ...m
-  }, B) => {
-    const o = oe(O, p), h = me(o), { isDisabled: f, isLoading: b, isInvalid: g } = ae(m.disabled, i), G = se(i, g, h, q), { groups: x, ungrouped: y } = de(c), M = () => {
+  }, G) => {
+    const a = ae(L, c), f = de(a), { isDisabled: g, isLoading: b, isInvalid: x } = se(m.disabled, i), M = me(i, x, f, B), { groups: y, ungrouped: N } = le(u), A = () => {
       if (b)
-        return /* @__PURE__ */ e(ue, { message: L });
-      if (c.length === 0)
-        return /* @__PURE__ */ e(he, { message: k });
-      const N = (t) => {
-        const d = u === t.value;
-        return /* @__PURE__ */ r(
-          te,
-          {
-            value: t.value,
-            disabled: t.disabled,
-            className: a(
-              fe(d, !1, t.disabled),
-              "relative flex w-full cursor-pointer items-center"
-            ),
-            children: [
-              /* @__PURE__ */ e(re, { className: "block truncate", children: t.label }),
-              /* @__PURE__ */ e(ie, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ e(U, { size: 16 }) }) })
-            ]
-          },
-          t.value
-        );
+        return /* @__PURE__ */ e(he, { message: T });
+      if (u.length === 0)
+        return /* @__PURE__ */ e(fe, { message: O });
+      const v = (t) => {
+        const d = h === t.value;
+        return /* @__PURE__ */ r(re, { className: o(ge(d, !1, t.disabled), "relative flex w-full cursor-pointer items-center"), disabled: t.disabled, value: t.value, children: [
+          /* @__PURE__ */ e(ie, { className: "block truncate", children: t.label }),
+          /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ e(J, { size: 16 }) }) })
+        ] }, t.value);
       };
-      return /* @__PURE__ */ r(v, { children: [
-        y.length > 0 && /* @__PURE__ */ r(v, { children: [
-          y.map(N),
-          Object.keys(x).length > 0 && /* @__PURE__ */ e(C, { className: "bg-border-secondary -mx-1 my-1 h-px" })
+      return /* @__PURE__ */ r(S, { children: [
+        N.length > 0 && /* @__PURE__ */ r(S, { children: [
+          N.map(v),
+          Object.keys(y).length > 0 && /* @__PURE__ */ e(C, { className: "-mx-1 my-1 h-px bg-border-secondary" })
         ] }),
-        Object.entries(x).map(([t, d], A) => /* @__PURE__ */ r(ee, { children: [
-          A > 0 && /* @__PURE__ */ e(C, { className: "bg-border-secondary -mx-1 my-1 h-px" }),
-          /* @__PURE__ */ e(S, { htmlFor: o, className: "text-text-primary px-2 py-1.5 text-base font-semibold", children: t }),
-          d.map((H) => N(H))
+        Object.entries(y).map(([t, d], H) => /* @__PURE__ */ r(te, { children: [
+          H > 0 && /* @__PURE__ */ e(C, { className: "-mx-1 my-1 h-px bg-border-secondary" }),
+          /* @__PURE__ */ e(I, { htmlFor: a, className: o("px-2 py-1.5 text-base font-semibold text-text-primary", p), children: t }),
+          d.map((U) => v(U))
         ] }, t))
       ] });
     };
     return /* @__PURE__ */ r("div", { className: "w-full", "data-testid": "select-root", children: [
-      s && /* @__PURE__ */ e(S, { htmlFor: o, className: a("text-text-primary mb-4 block", f && "text-text-secondary"), children: s }),
-      /* @__PURE__ */ r(
-        K,
-        {
-          value: u,
-          defaultValue: j,
-          onValueChange: T,
-          disabled: f,
-          name: p,
-          required: m.required,
-          children: [
-            /* @__PURE__ */ e(
-              Q,
-              {
-                ref: B,
-                id: o,
-                className: a(pe(i, !1), ne(i), z),
-                "aria-label": R || s,
-                "data-state": i,
-                style: le(),
-                ...G,
-                ...m,
-                asChild: !0,
-                children: /* @__PURE__ */ r("button", { type: "button", children: [
-                  /* @__PURE__ */ e(W, { placeholder: V, className: "block truncate" }),
-                  /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex items-center", children: b ? /* @__PURE__ */ e(J, { size: 20 }) : /* @__PURE__ */ e(
-                    l,
-                    {
-                      className: "transition-transform duration-200 data-[state=open]:rotate-180",
-                      size: 20
-                    }
-                  ) }) })
-                ] })
-              }
+      s && /* @__PURE__ */ e(I, { htmlFor: a, className: o("block mb-4 text-text-primary", p, g && "text-text-secondary"), children: s }),
+      /* @__PURE__ */ r(Q, { defaultValue: k, disabled: g, name: c, onValueChange: V, required: m.required, value: h, children: [
+        /* @__PURE__ */ e(W, { "aria-label": q || s, asChild: !0, className: o(ce(i, !1), pe(i), F), "data-state": i, id: a, ref: G, style: ne(), ...M, ...m, children: /* @__PURE__ */ r("button", { type: "button", children: [
+          /* @__PURE__ */ e(X, { placeholder: D, className: "block truncate" }),
+          /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex items-center", children: b ? /* @__PURE__ */ e(K, { size: 20 }) : /* @__PURE__ */ e(l, { className: "transition-transform duration-200 data-[state=open]:rotate-180", size: 20 }) }) })
+        ] }) }),
+        /* @__PURE__ */ e(Z, { align: w, alignOffset: z, asChild: !0, collisionPadding: j, position: E, side: P, sideOffset: R, children: /* @__PURE__ */ r(
+          "div",
+          {
+            className: o(
+              "z-50 rounded-lg border border-input-border bg-input-bg shadow-md",
+              "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"
             ),
-            /* @__PURE__ */ e(
-              Y,
-              {
-                position: D,
-                side: E,
-                align: I,
-                sideOffset: P,
-                alignOffset: w,
-                collisionPadding: F,
-                asChild: !0,
-                children: /* @__PURE__ */ r(
-                  "div",
-                  {
-                    className: a(
-                      "border-input-border bg-input-bg z-50 rounded-lg border shadow-md",
-                      "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"
-                    ),
-                    style: {
-                      position: "fixed",
-                      boxSizing: "border-box",
-                      width: "var(--radix-select-trigger-width)",
-                      maxHeight: "var(--radix-select-content-available-height)"
-                    },
-                    children: [
-                      /* @__PURE__ */ e(Z, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ e(l, { className: "rotate-180", size: 18 }) }),
-                      /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "max-h-96 p-1", style: { position: "relative", overflow: "hidden auto" }, children: M() }) }),
-                      /* @__PURE__ */ e($, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ e(l, { size: 18 }) })
-                    ]
-                  }
-                )
-              }
-            )
-          ]
-        }
-      ),
-      g && n && /* @__PURE__ */ e(ce, { id: h, message: n })
+            style: {
+              boxSizing: "border-box",
+              maxHeight: "var(--radix-select-content-available-height)",
+              position: "fixed",
+              width: "var(--radix-select-trigger-width)"
+            },
+            children: [
+              /* @__PURE__ */ e(_, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ e(l, { className: "rotate-180", size: 18 }) }),
+              /* @__PURE__ */ e($, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "p-1 max-h-96", style: { position: "relative", overflow: "hidden auto" }, children: A() }) }),
+              /* @__PURE__ */ e(ee, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ e(l, { size: 18 }) })
+            ]
+          }
+        ) })
+      ] }),
+      x && n && /* @__PURE__ */ e(ue, { id: f, message: n })
     ] });
   }
 );
-ge.displayName = "Select";
+xe.displayName = "Select";
 export {
-  ge as Select
+  xe as Select
 };

package/dist/Separator.js

@@ -3,21 +3,19 @@ import "./styles/main.css";
 import { jsx as i } from "react/jsx-runtime";
 import { cn as p } from "./utils/twUtils.js";
 import { forwardRef as l } from "react";
-const n = l(
-  ({ className: o, orientation: r = "horizontal", decorative: a = !0, ...t }, e) => /* @__PURE__ */ i(
-    "div",
-    {
-      ref: e,
-      "data-slot": "separator",
-      "data-orientation": r,
-      role: a ? "none" : "separator",
-      "aria-hidden": a ? "true" : void 0,
-      "aria-orientation": a ? void 0 : r,
-      className: p("bg-border shrink-0", r === "horizontal" ? "h-px w-full" : "h-full w-px", o),
-      ...t
-    }
-  )
-);
+const n = l(({ className: o, orientation: r = "horizontal", decorative: a = !0, ...t }, e) => /* @__PURE__ */ i(
+  "div",
+  {
+    ref: e,
+    "data-slot": "separator",
+    "data-orientation": r,
+    role: a ? "none" : "separator",
+    "aria-hidden": a ? "true" : void 0,
+    "aria-orientation": a ? void 0 : r,
+    className: p("bg-border shrink-0", r === "horizontal" ? "h-px w-full" : "h-full w-px", o),
+    ...t
+  }
+));
 n.displayName = "Separator";
 export {
   n as Separator