@arcadeai/design-system 3.39.4 → 3.41.1

package/dist/components/ui/atoms/switch.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as T, jsx as f } from "react/jsx-runtime";
 import { cn as E } from "../../../lib/utils.js";
-import * as d from "react";
+import * as i from "react";
 import { u as ce } from "../../../useControlled-Sx-_x7Sz.js";
 import { u as le } from "../../../useStableCallback-CudqoENs.js";
 import { f as ue, c as fe, m as pe, E as me, u as _ } from "../../../useRenderElement-DNB2vtF1.js";
@@ -14,10 +14,10 @@ import { u as Ee } from "../../../useLabelableId-DF_d91GP.js";
 import { c as Ne, n as ze } from "../../../createBaseUIEventDetails-CqidROtw.js";
 import { u as Pe } from "../../../useValueChanged-Bissqjjn.js";
 import { a as Re } from "../../../useButton-JYPKQKj4.js";
-const N = /* @__PURE__ */ d.createContext(void 0);
+const N = /* @__PURE__ */ i.createContext(void 0);
 process.env.NODE_ENV !== "production" && (N.displayName = "SwitchRootContext");
 function Ie() {
-  const e = d.useContext(N);
+  const e = i.useContext(N);
   if (e === void 0)
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SwitchRootContext is missing. Switch parts must be placed within <Switch.Root>." : ue(63));
   return e;
@@ -34,7 +34,7 @@ const j = {
       [L.unchecked]: ""
     };
   }
-}, H = /* @__PURE__ */ d.forwardRef(function(s, n) {
+}, H = /* @__PURE__ */ i.forwardRef(function(s, n) {
   const {
     checked: p,
     className: k,
@@ -68,7 +68,7 @@ const j = {
     validation: r
   } = q(), {
     labelId: te
-  } = xe(), i = ee || D, o = ae ?? J, I = le(Y), c = d.useRef(null), B = fe(c, y, r.inputRef), b = d.useRef(null), V = ge(), S = Ee({
+  } = xe(), d = ee || D, o = ae ?? J, I = le(Y), c = i.useRef(null), B = fe(c, y, r.inputRef), b = i.useRef(null), V = ge(), S = Ee({
     id: v,
     implicit: !1,
     controlRef: b
@@ -94,24 +94,24 @@ const j = {
     getButtonProps: ne,
     buttonRef: re
   } = Re({
-    disabled: i,
+    disabled: d,
     native: m
-  }), ie = we(g, te, c, !m, w), de = {
+  }), de = we(g, te, c, !m, w), ie = {
     id: m ? S : V,
     role: "switch",
     "aria-checked": a,
     "aria-readonly": h || void 0,
     "aria-required": u || void 0,
-    "aria-labelledby": ie,
+    "aria-labelledby": de,
     onFocus() {
-      i || R(!0);
+      d || R(!0);
     },
     onBlur() {
       const t = c.current;
-      !t || i || (W(!0), R(!1), A === "onBlur" && r.commit(t.checked));
+      !t || d || (W(!0), R(!1), A === "onBlur" && r.commit(t.checked));
     },
     onClick(t) {
-      h || i || (t.preventDefault(), c.current?.dispatchEvent(new PointerEvent("click", {
+      h || d || (t.preventDefault(), c.current?.dispatchEvent(new PointerEvent("click", {
         bubbles: !0,
         shiftKey: t.shiftKey,
         ctrlKey: t.ctrlKey,
@@ -119,10 +119,10 @@ const j = {
         metaKey: t.metaKey
       })));
     }
-  }, se = d.useMemo(() => pe(
+  }, se = i.useMemo(() => pe(
     {
       checked: a,
-      disabled: i,
+      disabled: d,
       id: w,
       name: o,
       required: u,
@@ -147,16 +147,16 @@ const j = {
     x !== void 0 ? {
       value: x
     } : me
-  ), [a, i, B, w, o, I, u, K, r, x]), M = d.useMemo(() => ({
+  ), [a, d, B, w, o, I, u, K, r, x]), M = i.useMemo(() => ({
     ...P,
     checked: a,
-    disabled: i,
+    disabled: d,
     readOnly: h,
     required: u
-  }), [P, a, i, h, u]), oe = _("span", s, {
+  }), [P, a, d, h, u]), oe = _("span", s, {
     state: M,
     ref: [n, b, re],
-    props: [de, r.getValidationProps, G, ne],
+    props: [ie, r.getValidationProps, G, ne],
     stateAttributesMapping: j
   });
   return /* @__PURE__ */ T(N.Provider, {
@@ -171,7 +171,7 @@ const j = {
   });
 });
 process.env.NODE_ENV !== "production" && (H.displayName = "SwitchRoot");
-const U = /* @__PURE__ */ d.forwardRef(function(s, n) {
+const U = /* @__PURE__ */ i.forwardRef(function(s, n) {
   const {
     render: p,
     className: k,
@@ -203,7 +203,7 @@ function Ye({
     {
       "aria-busy": n || void 0,
       className: E(
-        "peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent outline-none transition-all after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=sm]:h-[14px] data-[size=default]:w-[32px] data-[size=sm]:w-[24px] data-disabled:cursor-not-allowed data-checked:bg-primary data-unchecked:bg-input data-disabled:opacity-50 dark:data-unchecked:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        "peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-foreground/10 outline-none transition-all after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=sm]:h-[14px] data-[size=default]:w-[32px] data-[size=sm]:w-[24px] data-disabled:cursor-not-allowed data-checked:bg-primary data-unchecked:bg-input data-disabled:opacity-50 dark:border-transparent dark:data-unchecked:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
         e
       ),
       "data-loading": n || void 0,