@spear-ai/spectral 1.3.67 → 1.3.68

package/dist/Slider/SliderBase.js

@@ -38,26 +38,7 @@ function nt(r) {
   return [t, o];
 }
 const z = W(null), rt = E(
-  ({
-    asChild: r,
-    className: i,
-    value: e,
-    defaultValue: a,
-    onValueChange: l,
-    onValueCommit: n,
-    min: s = 0,
-    max: t = 100,
-    step: o = 1,
-    minStepsBetweenThumbs: u = 0,
-    orientation: d = "horizontal",
-    dir: S = "ltr",
-    disabled: b = !1,
-    name: h,
-    form: N,
-    required: T,
-    children: V,
-    ...$
-  }, c) => {
+  ({ asChild: r, className: i, value: e, defaultValue: a, onValueChange: l, onValueCommit: n, min: s = 0, max: t = 100, step: o = 1, minStepsBetweenThumbs: u = 0, orientation: d = "horizontal", dir: S = "ltr", disabled: b = !1, name: h, form: N, required: T, children: V, ...$ }, c) => {
     const [m, p] = nt({
       value: e,
       defaultValue: a && a.length > 0 ? a : [s],
@@ -94,36 +75,21 @@ const z = W(null), rt = E(
       setActiveIndex: C,
       updateAtIndex: K
     }, J = r ? P : "div", O = c;
-    return /* @__PURE__ */ k(z.Provider, { value: M, children: /* @__PURE__ */ Q(
-      J,
-      {
-        ref: O,
-        role: "presentation",
-        "data-orientation": d,
-        "data-disabled": b ? "" : void 0,
-        className: x(
-          "relative touch-none select-none",
-          d === "horizontal" ? "h-6 w-full" : "h-full w-6",
-          i
-        ),
-        ...$,
-        children: [
-          h && M.values.map((g, R) => /* @__PURE__ */ k(
-            "input",
-            {
-              type: "hidden",
-              name: M.values.length > 1 ? `${h}[]` : h,
-              value: String(g),
-              form: N,
-              required: T && R === 0,
-              "aria-hidden": "true"
-            },
-            R
-          )),
-          V
-        ]
-      }
-    ) });
+    return /* @__PURE__ */ k(z.Provider, { value: M, children: /* @__PURE__ */ Q(J, { ref: O, role: "presentation", "data-orientation": d, "data-disabled": b ? "" : void 0, className: x("relative touch-none select-none", d === "horizontal" ? "h-6 w-full" : "h-full w-6", i), ...$, children: [
+      h && M.values.map((g, R) => /* @__PURE__ */ k(
+        "input",
+        {
+          type: "hidden",
+          name: M.values.length > 1 ? `${h}[]` : h,
+          value: String(g),
+          form: N,
+          required: T && R === 0,
+          "aria-hidden": "true"
+        },
+        R
+      )),
+      V
+    ] }) });
   }
 );
 rt.displayName = "SliderBase";
@@ -135,147 +101,122 @@ function X(r, i) {
     s[o] - s[o - 1] < t && (s[o] = I(s[o - 1] + t, e, a));
   return s;
 }
-const ot = E(
-  ({ asChild: r, className: i, onPointerDown: e, ...a }, l) => {
-    const n = F(z);
-    if (!n) throw new Error("SliderTrack must be used within Slider");
-    const s = r ? P : "div", t = (u) => {
-      n.trackRef.current = u, typeof l == "function" ? l(u) : l && "current" in l && (l.current = u);
-    }, o = A(
-      (u) => {
-        if (e?.(u), u.defaultPrevented || n.disabled) return;
-        const d = n.trackRef.current;
-        if (!d) return;
-        d.setPointerCapture?.(u.pointerId), u.preventDefault();
-        const S = d.getBoundingClientRect(), b = Y(u.clientX, u.clientY, S, n), h = et(n.values, b);
-        n.setActiveIndex(h), n.updateAtIndex(h, b), H(h, n);
-      },
-      [n, e]
-    );
-    return /* @__PURE__ */ k(
-      s,
-      {
-        ref: t,
-        "data-orientation": n.orientation,
-        className: x(
-          "bg-secondary relative grow rounded-full",
-          n.orientation === "horizontal" ? "h-2" : "w-2",
-          i
-        ),
-        style: { touchAction: "none" },
-        onPointerDown: o,
-        ...a
-      }
-    );
-  }
-);
+const ot = E(({ asChild: r, className: i, onPointerDown: e, ...a }, l) => {
+  const n = F(z);
+  if (!n) throw new Error("SliderTrack must be used within Slider");
+  const s = r ? P : "div", t = (u) => {
+    n.trackRef.current = u, typeof l == "function" ? l(u) : l && "current" in l && (l.current = u);
+  }, o = A(
+    (u) => {
+      if (e?.(u), u.defaultPrevented || n.disabled) return;
+      const d = n.trackRef.current;
+      if (!d) return;
+      d.setPointerCapture?.(u.pointerId), u.preventDefault();
+      const S = d.getBoundingClientRect(), b = Y(u.clientX, u.clientY, S, n), h = et(n.values, b);
+      n.setActiveIndex(h), n.updateAtIndex(h, b), H(h, n);
+    },
+    [n, e]
+  );
+  return /* @__PURE__ */ k(
+    s,
+    {
+      ref: t,
+      "data-orientation": n.orientation,
+      className: x("bg-secondary relative grow rounded-full", n.orientation === "horizontal" ? "h-2" : "w-2", i),
+      style: { touchAction: "none" },
+      onPointerDown: o,
+      ...a
+    }
+  );
+});
 ot.displayName = "SliderTrack";
-const it = E(
-  ({ asChild: r, className: i, style: e, ...a }, l) => {
-    const n = F(z);
-    if (!n) throw new Error("SliderRange must be used within Slider");
-    const s = r ? P : "div", t = L(n.values[0], n.min, n.max), o = L(n.values[n.values.length - 1], n.min, n.max), u = n.orientation === "horizontal" ? { left: `${t}%`, width: `${o - t}%` } : { bottom: `${t}%`, height: `${o - t}%` };
-    return /* @__PURE__ */ k(
-      s,
-      {
-        ref: l,
-        "data-orientation": n.orientation,
-        className: x("bg-primary absolute rounded-full", n.orientation === "horizontal" ? "h-2" : "w-2", i),
-        style: { ...u, ...e },
-        ...a
-      }
-    );
-  }
-);
+const it = E(({ asChild: r, className: i, style: e, ...a }, l) => {
+  const n = F(z);
+  if (!n) throw new Error("SliderRange must be used within Slider");
+  const s = r ? P : "div", t = L(n.values[0], n.min, n.max), o = L(n.values[n.values.length - 1], n.min, n.max), u = n.orientation === "horizontal" ? { left: `${t}%`, width: `${o - t}%` } : { bottom: `${t}%`, height: `${o - t}%` };
+  return /* @__PURE__ */ k(s, { ref: l, "data-orientation": n.orientation, className: x("bg-primary absolute rounded-full", n.orientation === "horizontal" ? "h-2" : "w-2", i), style: { ...u, ...e }, ...a });
+});
 it.displayName = "SliderRange";
-const at = E(
-  ({ asChild: r, className: i, index: e, onKeyDown: a, onPointerDown: l, ...n }, s) => {
-    const t = F(z);
-    if (!t) throw new Error("SliderThumb must be used within Slider");
-    const [o] = B(() => {
-      const c = typeof e == "number" ? e : t.thumbsRef.current.length;
-      return t.thumbsRef.current[c] || (t.thumbsRef.current[c] = _()), c;
-    }), u = t.values[o] ?? t.values[t.values.length - 1], d = L(u, t.min, t.max), S = r ? P : "button", b = (c) => {
-      t.thumbsRef.current[o].current = c, typeof s == "function" ? s(c) : s && "current" in s && (s.current = c);
-    }, N = (t.activeIndex === null || t.activeIndex === o) && !t.disabled ? 0 : -1, T = A(
-      (c) => {
-        if (a?.(c), c.defaultPrevented || t.disabled) return;
-        const m = Math.max(t.step * 10, t.step), p = (w) => w === "inc" ? 1 : -1, v = (w) => st(o, w, t), f = c.key;
-        if (f === "Home") {
-          c.preventDefault(), t.updateAtIndex(o, t.min, { commit: !0 });
-          return;
-        }
-        if (f === "End") {
-          c.preventDefault(), t.updateAtIndex(o, t.max, { commit: !0 });
-          return;
-        }
-        const y = t.orientation === "horizontal", C = t.dir === "rtl";
-        if (f === "ArrowRight" && y) {
-          c.preventDefault(), v(t.step * (C ? -1 : 1));
-          return;
-        }
-        if (f === "ArrowLeft" && y) {
-          c.preventDefault(), v(t.step * (C ? 1 : -1));
-          return;
-        }
-        if (f === "ArrowUp" && !y) {
-          c.preventDefault(), v(t.step);
-          return;
-        }
-        if (f === "ArrowDown" && !y) {
-          c.preventDefault(), v(-t.step);
-          return;
-        }
-        if (f === "PageUp") {
-          c.preventDefault(), v(p("inc") * m);
-          return;
-        }
-        if (f === "PageDown") {
-          c.preventDefault(), v(p("dec") * m);
-          return;
-        }
-      },
-      [t, o, a]
-    ), V = A(
-      (c) => {
-        if (l?.(c), c.defaultPrevented || t.disabled) return;
-        const m = t.trackRef.current, p = t.thumbsRef.current[o].current;
-        !m || !p || (p.setPointerCapture?.(c.pointerId), c.preventDefault(), t.setActiveIndex(o), H(o, t));
-      },
-      [t, o, l]
-    ), $ = t.orientation === "horizontal" ? { left: `${d}%`, transform: "translate(-50%, -50%)" } : { bottom: `${d}%`, transform: "translate(-50%, 50%)" };
-    return /* @__PURE__ */ k(
-      S,
-      {
-        ref: b,
-        role: "slider",
-        tabIndex: N,
-        "aria-valuemin": t.min,
-        "aria-valuemax": t.max,
-        "aria-valuenow": u,
-        "aria-orientation": t.orientation,
-        "aria-disabled": t.disabled || void 0,
-        "data-orientation": t.orientation,
-        "data-disabled": t.disabled ? "" : void 0,
-        className: x(
-          "absolute grid place-items-center rounded-full shadow",
-          "border-input border outline-none",
-          "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2",
-          "h-5 w-5",
-          i
-        ),
-        style: {
-          ...$,
-          ...t.orientation === "horizontal" ? { top: "50%" } : { left: "50%" },
-          touchAction: "none"
-        },
-        onKeyDown: T,
-        onPointerDown: V,
-        ...n
+const at = E(({ asChild: r, className: i, index: e, onKeyDown: a, onPointerDown: l, ...n }, s) => {
+  const t = F(z);
+  if (!t) throw new Error("SliderThumb must be used within Slider");
+  const [o] = B(() => {
+    const c = typeof e == "number" ? e : t.thumbsRef.current.length;
+    return t.thumbsRef.current[c] || (t.thumbsRef.current[c] = _()), c;
+  }), u = t.values[o] ?? t.values[t.values.length - 1], d = L(u, t.min, t.max), S = r ? P : "button", b = (c) => {
+    t.thumbsRef.current[o].current = c, typeof s == "function" ? s(c) : s && "current" in s && (s.current = c);
+  }, N = (t.activeIndex === null || t.activeIndex === o) && !t.disabled ? 0 : -1, T = A(
+    (c) => {
+      if (a?.(c), c.defaultPrevented || t.disabled) return;
+      const m = Math.max(t.step * 10, t.step), p = (w) => w === "inc" ? 1 : -1, v = (w) => st(o, w, t), f = c.key;
+      if (f === "Home") {
+        c.preventDefault(), t.updateAtIndex(o, t.min, { commit: !0 });
+        return;
       }
-    );
-  }
-);
+      if (f === "End") {
+        c.preventDefault(), t.updateAtIndex(o, t.max, { commit: !0 });
+        return;
+      }
+      const y = t.orientation === "horizontal", C = t.dir === "rtl";
+      if (f === "ArrowRight" && y) {
+        c.preventDefault(), v(t.step * (C ? -1 : 1));
+        return;
+      }
+      if (f === "ArrowLeft" && y) {
+        c.preventDefault(), v(t.step * (C ? 1 : -1));
+        return;
+      }
+      if (f === "ArrowUp" && !y) {
+        c.preventDefault(), v(t.step);
+        return;
+      }
+      if (f === "ArrowDown" && !y) {
+        c.preventDefault(), v(-t.step);
+        return;
+      }
+      if (f === "PageUp") {
+        c.preventDefault(), v(p("inc") * m);
+        return;
+      }
+      if (f === "PageDown") {
+        c.preventDefault(), v(p("dec") * m);
+        return;
+      }
+    },
+    [t, o, a]
+  ), V = A(
+    (c) => {
+      if (l?.(c), c.defaultPrevented || t.disabled) return;
+      const m = t.trackRef.current, p = t.thumbsRef.current[o].current;
+      !m || !p || (p.setPointerCapture?.(c.pointerId), c.preventDefault(), t.setActiveIndex(o), H(o, t));
+    },
+    [t, o, l]
+  ), $ = t.orientation === "horizontal" ? { left: `${d}%`, transform: "translate(-50%, -50%)" } : { bottom: `${d}%`, transform: "translate(-50%, 50%)" };
+  return /* @__PURE__ */ k(
+    S,
+    {
+      ref: b,
+      role: "slider",
+      tabIndex: N,
+      "aria-valuemin": t.min,
+      "aria-valuemax": t.max,
+      "aria-valuenow": u,
+      "aria-orientation": t.orientation,
+      "aria-disabled": t.disabled || void 0,
+      "data-orientation": t.orientation,
+      "data-disabled": t.disabled ? "" : void 0,
+      className: x("absolute grid place-items-center rounded-full shadow", "border-input border outline-none", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2", "h-5 w-5", i),
+      style: {
+        ...$,
+        ...t.orientation === "horizontal" ? { top: "50%" } : { left: "50%" },
+        touchAction: "none"
+      },
+      onKeyDown: T,
+      onPointerDown: V,
+      ...n
+    }
+  );
+});
 at.displayName = "SliderThumb";
 function Y(r, i, e, a) {
   let l;

package/dist/Slider.js

@@ -423,25 +423,8 @@ function Ke(e, t) {
   return Math.round(e * o) / o;
 }
 var Ie = Q, Be = oe, Te = re, ke = ie;
-const Ye = ({
-  className: e,
-  defaultValue: t,
-  disabled: o,
-  max: n = 100,
-  min: i = 0,
-  minStepsBetweenThumbs: l = 1,
-  name: a,
-  onValueChange: s,
-  onValueCommit: u,
-  orientation: b = "horizontal",
-  step: h = 1,
-  value: r,
-  ...d
-}) => {
-  const p = de(
-    () => Array.isArray(r) ? r : Array.isArray(t) ? t : [i, n],
-    [r, t, i, n]
-  );
+const Ye = ({ className: e, defaultValue: t, disabled: o, max: n = 100, min: i = 0, minStepsBetweenThumbs: l = 1, name: a, onValueChange: s, onValueCommit: u, orientation: b = "horizontal", step: h = 1, value: r, ...d }) => {
+  const p = de(() => Array.isArray(r) ? r : Array.isArray(t) ? t : [i, n], [r, t, i, n]);
   return /* @__PURE__ */ j(
     Ie,
     {
@@ -457,30 +440,10 @@ const Ye = ({
       onValueCommit: u,
       disabled: o,
       name: a,
-      className: H(
-        "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
-        e
-      ),
+      className: H("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", e),
       ...d,
       children: [
-        /* @__PURE__ */ m(
-          Be,
-          {
-            "data-slot": "slider-track",
-            className: H(
-              "bg-slider-track relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
-            ),
-            children: /* @__PURE__ */ m(
-              Te,
-              {
-                "data-slot": "slider-range",
-                className: H(
-                  "bg-slider-range absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
-                )
-              }
-            )
-          }
-        ),
+        /* @__PURE__ */ m(Be, { "data-slot": "slider-track", className: H("bg-slider-track relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"), children: /* @__PURE__ */ m(Te, { "data-slot": "slider-range", className: H("bg-slider-range absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full") }) }),
         Array.from({ length: p.length }, (R, S) => /* @__PURE__ */ m(
           ke,
           {

package/dist/Switch/SwitchBase.js

@@ -5,108 +5,90 @@ import { useControllableState as M } from "../hooks/useControllableState.js";
 import { Slot as g } from "../primitives/slot.js";
 import { cn as x } from "../utils/twUtils.js";
 import { createContext as O, forwardRef as y, useRef as V, useId as $, useEffect as k, useCallback as d, useContext as z } from "react";
-const C = O(null), A = y(
-  ({
-    asChild: u,
-    className: l,
-    checked: f,
-    defaultChecked: n = !1,
-    onCheckedChange: o,
-    name: m,
-    value: p = "on",
-    required: E,
-    form: S,
-    disabled: r,
-    id: R,
-    onClick: b,
-    onKeyDown: w,
-    children: I,
-    ...N
-  }, P) => {
-    const c = V(null), T = $(), j = R ?? `swt-${T}`, [t, s] = M({
-      value: f,
-      defaultValue: n,
-      onChange: o
-    });
-    k(() => {
-      c.current && (c.current.checked = t);
-    }, [t]), k(() => {
-      const e = c.current?.form ?? null;
-      if (!e) return;
-      const a = () => s(n);
-      return e.addEventListener("reset", a), () => e.removeEventListener("reset", a);
-    }, [n, s]);
-    const v = d(() => {
-      const e = c.current;
-      if (!e) return;
-      e.checked = t;
-      const a = new Event("change", { bubbles: !0 });
-      e.dispatchEvent(a);
-    }, [t]), i = d(() => {
-      r || (s(!t), queueMicrotask(() => v()));
-    }, [r, v, t, s]), D = d(
-      (e) => {
-        b?.(e), !e.defaultPrevented && i();
-      },
-      [b, i]
-    ), L = d(
-      (e) => {
-        w?.(e), !e.defaultPrevented && (e.key === " " || e.key === "Enter") && (e.preventDefault(), i());
-      },
-      [w, i]
-    ), q = u ? g : "button", F = P;
-    return /* @__PURE__ */ h(C.Provider, { value: { checked: t, disabled: r }, children: /* @__PURE__ */ K(
-      q,
-      {
-        id: j,
-        ref: F,
-        type: "button",
-        role: "switch",
-        "aria-checked": t,
-        "aria-disabled": r || void 0,
-        "data-state": t ? "checked" : "unchecked",
-        "data-disabled": r || void 0,
-        onClick: D,
-        onKeyDown: L,
-        disabled: r,
-        className: x(
-          "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",
-          l
-        ),
-        ...N,
-        children: [
-          /* @__PURE__ */ h(
-            "input",
-            {
-              ref: c,
-              type: "checkbox",
-              name: m,
-              value: p,
-              required: E,
-              disabled: r,
-              form: S,
-              checked: t,
-              readOnly: !0,
-              tabIndex: -1,
-              "aria-hidden": "true",
-              style: {
-                position: "absolute",
-                opacity: 0,
-                width: 0,
-                height: 0,
-                pointerEvents: "none"
-              }
+const C = O(null), A = y(({ asChild: u, className: l, checked: f, defaultChecked: n = !1, onCheckedChange: o, name: m, value: p = "on", required: E, form: S, disabled: r, id: R, onClick: b, onKeyDown: w, children: I, ...N }, P) => {
+  const c = V(null), T = $(), j = R ?? `swt-${T}`, [t, s] = M({
+    value: f,
+    defaultValue: n,
+    onChange: o
+  });
+  k(() => {
+    c.current && (c.current.checked = t);
+  }, [t]), k(() => {
+    const e = c.current?.form ?? null;
+    if (!e) return;
+    const a = () => s(n);
+    return e.addEventListener("reset", a), () => e.removeEventListener("reset", a);
+  }, [n, s]);
+  const v = d(() => {
+    const e = c.current;
+    if (!e) return;
+    e.checked = t;
+    const a = new Event("change", { bubbles: !0 });
+    e.dispatchEvent(a);
+  }, [t]), i = d(() => {
+    r || (s(!t), queueMicrotask(() => v()));
+  }, [r, v, t, s]), D = d(
+    (e) => {
+      b?.(e), !e.defaultPrevented && i();
+    },
+    [b, i]
+  ), L = d(
+    (e) => {
+      w?.(e), !e.defaultPrevented && (e.key === " " || e.key === "Enter") && (e.preventDefault(), i());
+    },
+    [w, i]
+  ), q = u ? g : "button", F = P;
+  return /* @__PURE__ */ h(C.Provider, { value: { checked: t, disabled: r }, children: /* @__PURE__ */ K(
+    q,
+    {
+      id: j,
+      ref: F,
+      type: "button",
+      role: "switch",
+      "aria-checked": t,
+      "aria-disabled": r || void 0,
+      "data-state": t ? "checked" : "unchecked",
+      "data-disabled": r || void 0,
+      onClick: D,
+      onKeyDown: L,
+      disabled: r,
+      className: x(
+        "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",
+        l
+      ),
+      ...N,
+      children: [
+        /* @__PURE__ */ h(
+          "input",
+          {
+            ref: c,
+            type: "checkbox",
+            name: m,
+            value: p,
+            required: E,
+            disabled: r,
+            form: S,
+            checked: t,
+            readOnly: !0,
+            tabIndex: -1,
+            "aria-hidden": "true",
+            style: {
+              position: "absolute",
+              opacity: 0,
+              width: 0,
+              height: 0,
+              pointerEvents: "none"
             }
-          ),
-          I
-        ]
-      }
-    ) });
-  }
-);
+          }
+        ),
+        I
+      ]
+    }
+  ) });
+});
 A.displayName = "Switch";
 const B = y(({ asChild: u, className: l, ...f }, n) => {
   const o = z(C);
@@ -117,11 +99,7 @@ const B = y(({ asChild: u, className: l, ...f }, n) => {
       ref: n,
       "data-state": o.checked ? "checked" : "unchecked",
       "data-disabled": o.disabled || void 0,
-      className: x(
-        "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",
-        l
-      ),
+      className: x("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", l),
       ...f
     }
   );

package/dist/Switch.d.ts

@@ -1,12 +1,12 @@
 import { SwitchProps as SwitchBaseProps } from './SwitchBase';
 export declare const Switch: import('react').ForwardRefExoticComponent<Omit<SwitchBaseProps, "onCheckedChange"> & {
-    readonly labelPosition?: "left" | "right";
-    readonly labelText: string;
-    readonly id: string;
-    readonly hideLabel?: boolean;
+    labelPosition?: "left" | "right";
+    labelText: string;
+    id: string;
+    hideLabel?: boolean;
     onChange?: (checked: boolean) => void;
-    readonly required?: boolean;
+    required?: boolean;
     value?: string;
-    readonly variant?: "default" | "squared";
+    variant?: "default" | "squared";
 } & import('react').RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Switch.d.ts.map