@spear-ai/spectral 1.7.0 → 1.8.1

package/dist/Select.js

@@ -34,7 +34,6 @@ import "./Icons/KeyboardIcon.js";
 import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
-import "./Icons/LineToolIcon2.js";
 import "./Icons/LiveViewIcon.js";
 import { LoaderIcon as Y } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
@@ -48,6 +47,7 @@ import "./Icons/PanelIconClose.js";
 import "./Icons/PanelIconOpen.js";
 import "./Icons/PlayIcon.js";
 import "./Icons/PlusIcon.js";
+import "./Icons/PolygonIcon.js";
 import "./Icons/ResetIcon.js";
 import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";
@@ -68,65 +68,65 @@ 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, C as et, S as rt, a as at, b as it, c as C, G as st, d as ot, e as lt, f as dt } from "./index-CpovUAO-.js";
-import { useFormFieldId as mt, useFormFieldState as ct, getAriaProps as pt, groupOptions as nt, getFormFieldCSSProperties as ut, getStateClasses as gt, getTriggerClasses as ft, ErrorMessage as ht, getErrorMessageId as bt, LoadingState as xt, EmptyState as yt, getOptionClasses as Nt } 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-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 { cn as a } from "./utils/twUtils.js";
 import { useState as St } from "react";
-const vt = ({
+const wt = ({
   align: z = "start",
   alignOffset: F = 0,
   avoidCollisions: O = !0,
   className: j,
   collisionBoundary: k,
   collisionPadding: L = 10,
-  defaultValue: T,
-  emptyMessage: V = "No options found",
+  defaultValue: P,
+  emptyMessage: T = "No options found",
   errorMessage: n,
-  id: q,
+  id: V,
   label: l,
   labelClassName: u,
-  loadingMessage: D = "Loading…",
+  loadingMessage: q = "Loading…",
   name: g,
-  onChange: E,
-  options: f = [],
-  placeholder: P = "Select an option",
+  onChange: D,
+  options: h = [],
+  placeholder: E = "Select an option",
   position: d = "popper",
   ref: B,
   side: G = "bottom",
   sideOffset: M = 4,
   state: i = "default",
-  value: h,
+  value: f,
   "aria-label": R,
   "aria-describedby": A,
   ...s
 }) => {
-  const [b, U] = St(!1), o = mt(q, g), x = bt(o), { isDisabled: m, isLoading: y, isInvalid: H } = ct(s.disabled, i), J = pt(i, A, s.required, x), { groups: N, ungrouped: S } = nt(f), K = () => {
+  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 = () => {
     if (y)
-      return /* @__PURE__ */ t(xt, { "data-testid": "spectral-select-loading", message: D });
-    if (f.length === 0)
-      return /* @__PURE__ */ t(yt, { "data-testid": "spectral-select-empty", message: V });
-    const v = (e) => {
-      const c = h === e.value;
-      return /* @__PURE__ */ r(ot, { className: a(Nt(!!e.disabled, !1, c), "relative flex w-full cursor-pointer items-center"), "data-testid": "spectral-select-item", disabled: e.disabled, value: e.value, children: [
-        /* @__PURE__ */ t(lt, { "data-testid": "spectral-select-item-text", className: "block truncate", children: e.label }),
-        /* @__PURE__ */ t(dt, { "data-testid": "spectral-select-item-selected-indicator", asChild: !0, children: /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ t(X, { size: 16 }) }) })
+      return /* @__PURE__ */ t(yt, { "data-testid": "spectral-select-loading", message: q });
+    if (h.length === 0)
+      return /* @__PURE__ */ t(Nt, { "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: [
+        /* @__PURE__ */ t(dt, { "data-testid": "spectral-select-item-text", className: "block truncate", children: e.label }),
+        /* @__PURE__ */ t(mt, { "data-testid": "spectral-select-item-selected-indicator", asChild: !0, children: /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ t(X, { size: 16 }) }) })
       ] }, e.value);
     };
     return /* @__PURE__ */ r(w, { children: [
-      S.length > 0 && /* @__PURE__ */ r(w, { children: [
-        S.map(v),
+      v.length > 0 && /* @__PURE__ */ r(w, { children: [
+        v.map(S),
         Object.keys(N).length > 0 && /* @__PURE__ */ t(C, { className: "bg-border-secondary -mx-1 my-1 h-px", "data-testid": "spectral-select-separator" })
       ] }),
-      Object.entries(N).map(([e, c], Q) => /* @__PURE__ */ r(st, { "data-testid": "spectral-select-group", children: [
+      Object.entries(N).map(([e, c], Q) => /* @__PURE__ */ r(ot, { "data-testid": "spectral-select-group", children: [
         Q > 0 && /* @__PURE__ */ t(C, { className: "bg-border-secondary -mx-1 my-1 h-px", "data-testid": "spectral-select-group-separator" }),
         /* @__PURE__ */ t(I, { className: a("text-text-primary px-2 py-1.5 text-base font-semibold", u), "data-testid": "spectral-select-group-label", children: e }),
-        c.map((W) => v(W))
+        c.map((W) => S(W))
       ] }, e))
     ] });
   };
   return /* @__PURE__ */ r("div", { className: "w-full", children: [
     l && /* @__PURE__ */ t(I, { className: a("text-text-primary mb-2 block", u, m && "text-text-secondary"), "data-testid": "spectral-select-label", htmlFor: o, children: l }),
-    /* @__PURE__ */ r(Z, { "data-testid": "spectral-select", defaultValue: T, disabled: m, name: g, onOpenChange: U, onValueChange: E, open: b, required: s.required, value: h, children: [
+    /* @__PURE__ */ r(Z, { "data-testid": "spectral-select", defaultValue: P, disabled: m, name: g, onOpenChange: U, onValueChange: D, open: b, required: s.required, value: f, children: [
       /* @__PURE__ */ t(
         _,
         {
@@ -134,24 +134,24 @@ const vt = ({
           "aria-expanded": b,
           "aria-label": R ?? l,
           asChild: !0,
-          className: a(ft(!1, i), gt(i), j),
+          className: a(ft(!1, i), ht(i), j),
           "data-slot": "select-trigger",
           "data-state": i,
           "data-testid": "spectral-select-trigger",
           id: o,
           ref: B,
           role: "combobox",
-          style: ut(),
+          style: gt(),
           ...J,
           ...s,
           children: /* @__PURE__ */ r("button", { type: "button", disabled: m, children: [
-            /* @__PURE__ */ t($, { className: "block truncate", "data-testid": "spectral-select-value", placeholder: P }),
+            /* @__PURE__ */ t($, { className: "block truncate", "data-testid": "spectral-select-value", placeholder: E }),
             /* @__PURE__ */ t(tt, { asChild: !0, children: /* @__PURE__ */ t("div", { className: "flex items-center", children: y ? /* @__PURE__ */ t(Y, { size: 20 }) : /* @__PURE__ */ t(p, { className: "transition-transform duration-200 data-[state=open]:rotate-180", size: 20 }) }) })
           ] })
         }
       ),
-      /* @__PURE__ */ r(
-        et,
+      /* @__PURE__ */ t(et, { children: /* @__PURE__ */ r(
+        rt,
         {
           align: z,
           alignOffset: F,
@@ -159,7 +159,7 @@ const vt = ({
           className: a(
             "border-input-border bg-input-bg motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out relative z-50 rounded-lg border shadow-md",
             "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=top]:slide-in-from-bottom-2 max-h-(--radix-select-content-available-height)",
+            "motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 max-h-[min(var(--radix-select-content-available-height),300px)]",
             "min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto",
             d === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1"
           ),
@@ -171,17 +171,17 @@ const vt = ({
           side: G,
           sideOffset: M,
           children: [
-            /* @__PURE__ */ t(rt, { className: "flex cursor-default items-center justify-center py-1", "data-testid": "spectral-select-scroll-up-button", children: /* @__PURE__ */ t(p, { "aria-hidden": "true", className: "rotate-180", size: 18 }) }),
-            /* @__PURE__ */ t(at, { asChild: !0, children: /* @__PURE__ */ t("div", { className: a("p-1", d === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"), "data-testid": "spectral-select-items", children: K() }) }),
-            /* @__PURE__ */ t(it, { className: "flex cursor-default items-center justify-center py-1", "data-testid": "spectral-select-scroll-down-button", children: /* @__PURE__ */ t(p, { "aria-hidden": "true", size: 18 }) })
+            /* @__PURE__ */ t(at, { className: "flex cursor-default items-center justify-center py-1", "data-testid": "spectral-select-scroll-up-button", children: /* @__PURE__ */ t(p, { "aria-hidden": "true", className: "rotate-180", size: 18 }) }),
+            /* @__PURE__ */ t(it, { asChild: !0, children: /* @__PURE__ */ t("div", { className: a("p-1", d === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"), "data-testid": "spectral-select-items", children: K() }) }),
+            /* @__PURE__ */ t(st, { className: "flex cursor-default items-center justify-center py-1", "data-testid": "spectral-select-scroll-down-button", children: /* @__PURE__ */ t(p, { "aria-hidden": "true", size: 18 }) })
           ]
         }
-      )
+      ) })
     ] }),
-    H && n && /* @__PURE__ */ t(ht, { "data-testid": "spectral-select-error-message", id: x, message: n })
+    H && n && /* @__PURE__ */ t(bt, { "data-testid": "spectral-select-error-message", id: x, message: n })
   ] });
 };
-vt.displayName = "Select";
+wt.displayName = "Select";
 export {
-  vt as Select
+  wt as Select
 };

package/dist/Switch/SwitchBase.js

@@ -1,132 +1,96 @@
 "use client";
 import "../styles/main.css";
-import { jsx as f, jsxs as F } from "react/jsx-runtime";
-import { useControllableState as K } from "../hooks/useControllableState.js";
+import { jsx as a, jsxs as L, Fragment as N } from "react/jsx-runtime";
+import { useControllableState as q } from "../hooks/useControllableState.js";
 import { Slot as v } from "../primitives/slot.js";
-import { cn as w } from "../utils/twUtils.js";
-import { createContext as M, useRef as O, useId as V, useEffect as k, useCallback as a, useContext as $ } from "react";
-const g = M(null), z = ({
+import { createContext as K, useRef as M, useId as O, useEffect as V, useCallback as i, useContext as $ } from "react";
+const w = K(null), z = ({
   asChild: u,
   checked: d,
-  children: l,
-  className: h,
-  defaultChecked: r = !1,
-  disabled: t,
-  form: x,
-  id: y,
-  name: C,
-  onCheckedChange: E,
-  onClick: m,
+  children: h,
+  className: l,
+  defaultChecked: t = !1,
+  disabled: n,
+  form: b,
+  id: C,
+  name: y,
+  onCheckedChange: x,
+  onClick: f,
   onKeyDown: p,
-  ref: S,
-  required: I,
-  value: N = "on",
-  ...P
+  ref: E,
+  required: S,
+  value: g = "on",
+  ...I
 }) => {
-  const c = O(null), R = V(), T = y ?? `swt-${R}`, [n, s] = K({
+  const m = M(null), P = O(), R = C ?? `swt-${P}`, [r, c] = q({
     value: d,
-    defaultValue: r,
-    onChange: E
+    defaultValue: t,
+    onChange: x
   });
-  k(() => {
-    c.current && (c.current.checked = n);
-  }, [n]), k(() => {
-    const e = c.current?.form ?? null;
+  V(() => {
+    const e = m.current?.form ?? null;
     if (!e) return;
-    const o = () => s(r);
+    const o = () => c(t);
     return e.addEventListener("reset", o), () => e.removeEventListener("reset", o);
-  }, [r, s]);
-  const b = a((e) => {
-    const o = c.current;
+  }, [t, c]);
+  const k = i((e) => {
+    const o = m.current;
     if (!o) return;
     o.checked = e;
-    const q = new Event("change", { bubbles: !0 });
-    o.dispatchEvent(q);
-  }, []), i = a(() => {
-    if (t) return;
-    const e = !n;
-    s(e), queueMicrotask(() => b(e));
-  }, [t, b, n, s]), j = a(
+    const F = new Event("change", { bubbles: !0 });
+    o.dispatchEvent(F);
+  }, []), s = i(() => {
+    if (n) return;
+    const e = !r;
+    c(e), queueMicrotask(() => k(e));
+  }, [n, k, r, c]), T = i(
     (e) => {
-      m?.(e), !e.defaultPrevented && i();
+      f?.(e), !e.defaultPrevented && s();
     },
-    [m, i]
-  ), D = a(
+    [f, s]
+  ), j = i(
     (e) => {
-      p?.(e), !e.defaultPrevented && (e.key === " " || e.key === "Enter") && (e.preventDefault(), i());
+      p?.(e), !e.defaultPrevented && (e.key === " " || e.key === "Enter") && (e.preventDefault(), s());
     },
-    [p, i]
-  ), L = u ? v : "button";
-  return /* @__PURE__ */ f(g.Provider, { value: { checked: n, disabled: t }, children: /* @__PURE__ */ F(
-    L,
-    {
-      "aria-checked": n,
-      "aria-disabled": t ?? void 0,
-      className: w(
-        "peer border-input inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border",
-        "bg-input focus-visible:ring-ring transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        "data-[state=checked]:bg-primary",
-        h
-      ),
-      "data-disabled": t ?? void 0,
-      "data-state": n ? "checked" : "unchecked",
-      disabled: t,
-      id: T,
-      onClick: j,
-      onKeyDown: D,
-      ref: S,
-      role: "switch",
-      type: "button",
-      ...P,
-      children: [
-        /* @__PURE__ */ f(
-          "input",
-          {
-            "aria-hidden": "true",
-            checked: n,
-            disabled: t,
-            form: x,
-            name: C,
-            readOnly: !0,
-            ref: c,
-            required: I,
-            tabIndex: -1,
-            type: "checkbox",
-            value: N,
-            style: {
-              height: 0,
-              opacity: 0,
-              pointerEvents: "none",
-              position: "absolute",
-              width: 0
-            }
-          }
-        ),
-        l
-      ]
-    }
-  ) });
+    [p, s]
+  ), D = u ? v : "button";
+  return /* @__PURE__ */ a(w.Provider, { value: { checked: r, disabled: n }, children: /* @__PURE__ */ L(N, { children: [
+    /* @__PURE__ */ a(D, { "aria-checked": r, className: l, "data-disabled": n ?? void 0, "data-state": r ? "checked" : "unchecked", disabled: n, id: R, onClick: T, onKeyDown: j, ref: E, role: "switch", type: "button", ...I, children: h }),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        "aria-hidden": "true",
+        checked: r,
+        disabled: n,
+        form: b,
+        name: y,
+        readOnly: !0,
+        ref: m,
+        required: S,
+        tabIndex: -1,
+        type: "checkbox",
+        value: g,
+        style: {
+          height: 0,
+          opacity: 0,
+          pointerEvents: "none",
+          position: "absolute",
+          width: 0
+        }
+      }
+    )
+  ] }) });
 };
 z.displayName = "Switch";
 const A = ({
   asChild: u,
   className: d,
-  ref: l,
-  ...h
+  ref: h,
+  ...l
 }) => {
-  const r = $(g);
-  if (!r) throw new Error("SwitchThumb must be used within Switch");
-  return /* @__PURE__ */ f(
-    u ? v : "span",
-    {
-      className: w("bg-background pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform", "translate-x-0 data-[state=checked]:translate-x-5", d),
-      "data-disabled": r.disabled ?? void 0,
-      "data-state": r.checked ? "checked" : "unchecked",
-      ref: l,
-      ...h
-    }
-  );
+  const t = $(w);
+  if (!t) throw new Error("SwitchThumb must be used within Switch");
+  return /* @__PURE__ */ a(u ? v : "span", { className: d, "data-disabled": t.disabled ?? void 0, "data-state": t.checked ? "checked" : "unchecked", ref: h, ...l });
 };
 A.displayName = "SwitchThumb";
 export {

package/dist/Switch.d.ts

@@ -9,7 +9,7 @@ export type SwitchProps = Omit<SwitchBaseProps, 'onCheckedChange'> & {
     ref?: Ref<HTMLButtonElement>;
     required?: boolean;
     value?: string;
-    variant?: 'default' | 'squared';
+    variant?: 'default' | 'squared' | 'permanent-indicator';
 };
 export declare const Switch: {
     ({ className, disabled, hideLabel, id, labelPosition, labelText, name, onChange, ref, required, value, variant, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;

package/dist/Switch.js

@@ -1,45 +1,134 @@
+"use client";
 import "./styles/main.css";
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { Switch as w, SwitchThumb as k } from "./Switch/SwitchBase.js";
-import { Label as r } from "./Label.js";
-import { cn as l } from "./utils/twUtils.js";
-import "react";
-const x = ({ className: o, disabled: d, hideLabel: s = !1, id: e, labelPosition: i = "right", labelText: a, name: h, onChange: b, ref: u, required: c, value: m, variant: f, ...g }) => {
-  const n = f === "squared";
-  return /* @__PURE__ */ p("div", { className: "flex items-center", "data-testid": "spectral-switch-container", children: [
-    i === "left" && !s && /* @__PURE__ */ t(r, { className: "mr-2", "data-testid": "spectral-switch-label-left", htmlFor: e, children: a }),
-    /* @__PURE__ */ t(
-      w,
+import { jsxs as w, jsx as s } from "react/jsx-runtime";
+import { Switch as k, SwitchThumb as x } from "./Switch/SwitchBase.js";
+import { Label as m } from "./Label.js";
+import { cn as u } from "./utils/twUtils.js";
+import { forwardRef as N, createElement as b } from "react";
+const A = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), _ = (t) => t.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (e, r, a) => a ? a.toUpperCase() : r.toLowerCase()
+), v = (t) => {
+  const e = _(t);
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}, y = (...t) => t.filter((e, r, a) => !!e && e.trim() !== "" && a.indexOf(e) === r).join(" ").trim(), $ = (t) => {
+  for (const e in t)
+    if (e.startsWith("aria-") || e === "role" || e === "title")
+      return !0;
+};
+var j = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const S = N(
+  ({
+    color: t = "currentColor",
+    size: e = 24,
+    strokeWidth: r = 2,
+    absoluteStrokeWidth: a,
+    className: n = "",
+    children: i,
+    iconNode: d,
+    ...o
+  }, l) => b(
+    "svg",
+    {
+      ref: l,
+      ...j,
+      width: e,
+      height: e,
+      stroke: t,
+      strokeWidth: a ? Number(r) * 24 / Number(e) : r,
+      className: y("lucide", n),
+      ...!i && !$(o) && { "aria-hidden": "true" },
+      ...o
+    },
+    [
+      ...d.map(([c, h]) => b(c, h)),
+      ...Array.isArray(i) ? i : [i]
+    ]
+  )
+);
+const z = (t, e) => {
+  const r = N(
+    ({ className: a, ...n }, i) => b(S, {
+      ref: i,
+      iconNode: e,
+      className: y(
+        `lucide-${A(v(t))}`,
+        `lucide-${t}`,
+        a
+      ),
+      ...n
+    })
+  );
+  return r.displayName = v(t), r;
+};
+const I = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], L = z("check", I);
+const B = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], F = z("x", B), C = "bg-switch-thumb--checked data-[state=checked]:bg-switch-thumb pointer-events-none block rounded-full ring-0 transition-transform motion-reduce:transition-none", P = ({ className: t, disabled: e, hideLabel: r = !1, id: a, labelPosition: n = "right", labelText: i, name: d, onChange: o, ref: l, required: c, value: h, variant: f, ...p }) => {
+  const g = f === "squared";
+  return /* @__PURE__ */ w("div", { className: "flex items-center", "data-testid": "spectral-switch-container", children: [
+    n === "left" && !r && /* @__PURE__ */ s(m, { className: "mr-2", "data-testid": "spectral-switch-label-left", htmlFor: a, children: i }),
+    f === "permanent-indicator" ? /* @__PURE__ */ w("div", { className: "relative inline-grid h-7 grid-cols-[1fr_1fr] items-center text-sm font-medium", children: [
+      /* @__PURE__ */ s(
+        k,
+        {
+          "aria-required": c,
+          className: u(
+            "peer data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg/50 focus-visible:ring-ring focus-visible:ring-offset-background absolute inset-0 inline-flex h-[inherit] w-14 items-center",
+            "cursor-pointer rounded-full border-2 border-transparent shadow-2xs transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            t
+          ),
+          "data-testid": "spectral-switch",
+          disabled: e,
+          id: a,
+          name: d,
+          onCheckedChange: o,
+          ref: l,
+          required: c,
+          value: h,
+          ...p,
+          children: /* @__PURE__ */ s(x, { className: u(C, "relative z-10 size-6.5 shadow-xs duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] data-[state=checked]:translate-x-[26px] motion-reduce:duration-0 data-[state=checked]:rtl:-translate-x-[26px]") })
+        }
+      ),
+      /* @__PURE__ */ s("span", { className: "pointer-events-none relative ml-0.5 flex min-w-8 items-center justify-center text-center transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] peer-data-[state=checked]:invisible peer-data-[state=unchecked]:translate-x-6 motion-reduce:translate-x-0 motion-reduce:transition-none motion-reduce:duration-0 peer-data-[state=unchecked]:rtl:-translate-x-6", children: /* @__PURE__ */ s(F, { "aria-hidden": "true", className: "size-4" }) }),
+      /* @__PURE__ */ s("span", { className: "peer-data-[state=checked]:text-background pointer-events-none relative flex min-w-8 items-center justify-center text-center transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] peer-data-[state=checked]:-translate-x-full peer-data-[state=unchecked]:invisible motion-reduce:translate-x-0 motion-reduce:transition-none motion-reduce:duration-0 peer-data-[state=checked]:rtl:translate-x-full", children: /* @__PURE__ */ s(L, { "aria-hidden": "true", className: "size-4" }) })
+    ] }) : /* @__PURE__ */ s(
+      k,
       {
         "aria-required": c,
-        className: l(
-          n ? "peer data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg inline-flex h-6 w-10 shrink-0 items-center rounded-sm border-2 border-transparent transition-all outline-none focus-visible:ring-[3px] focus-visible:ring-black disabled:cursor-not-allowed disabled:opacity-50 [&_span]:rounded-[4px]" : "focus-visible:ring-ring focus-visible:ring-offset-background peer data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg inline-flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-2xs transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
-          o
+        className: u(
+          g ? "peer data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg inline-flex h-6 w-10 shrink-0 items-center rounded-sm border-2 border-transparent transition-all outline-none focus-visible:ring-[3px] focus-visible:ring-black disabled:cursor-not-allowed disabled:opacity-50 [&_span]:rounded-[4px]" : "focus-visible:ring-ring focus-visible:ring-offset-background peer data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg inline-flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-2xs transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+          t
         ),
         "data-testid": "spectral-switch",
-        disabled: d,
-        id: e,
-        name: h,
-        onCheckedChange: b,
-        ref: u,
+        disabled: e,
+        id: a,
+        name: d,
+        onCheckedChange: o,
+        ref: l,
         required: c,
-        value: m,
-        ...g,
-        children: /* @__PURE__ */ t(
-          k,
-          {
-            className: l(
-              n ? "bg-switch-thumb pointer-events-none block size-5 rounded-full shadow-xs ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0 data-[state=checked]:rtl:-translate-x-4" : "bg-switch-thumb pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
-            )
-          }
-        )
+        value: h,
+        ...p,
+        children: /* @__PURE__ */ s(x, { className: u(C, g ? "size-5 shadow-xs data-[state=checked]:translate-x-4 data-[state=checked]:rtl:-translate-x-4" : "h-5 w-5 shadow-lg data-[state=checked]:translate-x-4") })
       }
     ),
-    i === "right" && !s && /* @__PURE__ */ t(r, { className: "ml-2", "data-testid": "spectral-switch-label-right", htmlFor: e, id: `${e}-label`, children: a }),
-    s && /* @__PURE__ */ t(r, { className: "sr-only", "data-testid": "spectral-switch-label-hidden", htmlFor: e, children: a })
+    n === "right" && !r && /* @__PURE__ */ s(m, { className: "ml-2", "data-testid": "spectral-switch-label-right", htmlFor: a, id: `${a}-label`, children: i }),
+    r && /* @__PURE__ */ s(m, { className: "sr-only", "data-testid": "spectral-switch-label-hidden", htmlFor: a, children: i })
   ] });
 };
-x.displayName = "Switch";
+P.displayName = "Switch";
 export {
-  x as Switch
+  P as Switch
 };

package/dist/Tabs/TabsBase.js

@@ -5,8 +5,8 @@ import { generateId as K, prefersReducedMotion as $, calculateIndicatorStyle as
 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 { j as H } from "../index-DEYs15GP.js";
-import { m as D } from "../proxy-CgaCj1WQ.js";
-import { A as G } from "../index-DdFoGvON.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);
   if (d === null)

package/dist/Textarea.js

@@ -35,7 +35,6 @@ import "./Icons/KeyboardIcon.js";
 import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
-import "./Icons/LineToolIcon2.js";
 import "./Icons/LiveViewIcon.js";
 import { LoaderIcon as B } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
@@ -49,6 +48,7 @@ import "./Icons/PanelIconClose.js";
 import "./Icons/PanelIconOpen.js";
 import "./Icons/PlayIcon.js";
 import "./Icons/PlusIcon.js";
+import "./Icons/PolygonIcon.js";
 import "./Icons/ResetIcon.js";
 import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";

package/dist/Toast.js

@@ -34,7 +34,6 @@ import "./Icons/KeyboardIcon.js";
 import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
-import "./Icons/LineToolIcon2.js";
 import "./Icons/LiveViewIcon.js";
 import "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
@@ -48,6 +47,7 @@ import "./Icons/PanelIconClose.js";
 import "./Icons/PanelIconOpen.js";
 import "./Icons/PlayIcon.js";
 import "./Icons/PlusIcon.js";
+import "./Icons/PolygonIcon.js";
 import "./Icons/ResetIcon.js";
 import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";

package/dist/Tray.js

@@ -35,7 +35,6 @@ import "./Icons/KeyboardIcon.js";
 import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
-import "./Icons/LineToolIcon2.js";
 import "./Icons/LiveViewIcon.js";
 import "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
@@ -49,6 +48,7 @@ import "./Icons/PanelIconClose.js";
 import "./Icons/PanelIconOpen.js";
 import "./Icons/PlayIcon.js";
 import "./Icons/PlusIcon.js";
+import "./Icons/PolygonIcon.js";
 import "./Icons/ResetIcon.js";
 import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";
@@ -73,8 +73,8 @@ 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 { m as v } from "./proxy-CgaCj1WQ.js";
-import { A as O } from "./index-DdFoGvON.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", {
   variants: {
     size: {