@anoki/fse-ui 1.0.528 → 1.0.529

package/dist/index.es209.js

@@ -1,11 +1,11 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es328.js";
+import { composeEventHandlers as m } from "./index.es325.js";
 import { composeRefs as E } from "./index.es326.js";
 import { createContextScope as S } from "./index.es327.js";
-import { useControllableState as P } from "./index.es329.js";
-import { Primitive as y } from "./index.es333.js";
-import { createMenuScope as D, Anchor as O, Content as T, Group as j, Label as G, Item as k, CheckboxItem as L, RadioGroup as K, RadioItem as U, ItemIndicator as B, Separator as F, Arrow as H, SubTrigger as W, SubContent as $, Root as X, Portal as q } from "./index.es350.js";
-import { useId as g } from "./index.es337.js";
+import { useControllableState as P } from "./index.es328.js";
+import { Primitive as y } from "./index.es329.js";
+import { createMenuScope as D, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es330.js";
+import { useId as g } from "./index.es331.js";
 import { j as a } from "./index.es181.js";
 var M = "DropdownMenu", [z, bo] = S(
   M,
@@ -35,7 +35,7 @@ var M = "DropdownMenu", [z, bo] = S(
       onOpenChange: l,
       onOpenToggle: p.useCallback(() => l((C) => !C), [l]),
       modal: d,
-      children: /* @__PURE__ */ a.jsx(X, { ...u, open: w, onOpenChange: l, dir: e, modal: d, children: r })
+      children: /* @__PURE__ */ a.jsx(O, { ...u, open: w, onOpenChange: l, dir: e, modal: d, children: r })
     }
   );
 };
@@ -43,7 +43,7 @@ _.displayName = M;
 var x = "DropdownMenuTrigger", R = p.forwardRef(
   (o, n) => {
     const { __scopeDropdownMenu: r, disabled: e = !1, ...t } = o, i = v(x, r), c = s(r);
-    return /* @__PURE__ */ a.jsx(O, { asChild: !0, ...c, children: /* @__PURE__ */ a.jsx(
+    return /* @__PURE__ */ a.jsx(T, { asChild: !0, ...c, children: /* @__PURE__ */ a.jsx(
       y.button,
       {
         type: "button",
@@ -69,14 +69,14 @@ var x = "DropdownMenuTrigger", R = p.forwardRef(
 R.displayName = x;
 var Q = "DropdownMenuPortal", h = (o) => {
   const { __scopeDropdownMenu: n, ...r } = o, e = s(n);
-  return /* @__PURE__ */ a.jsx(q, { ...e, ...r });
+  return /* @__PURE__ */ a.jsx(j, { ...e, ...r });
 };
 h.displayName = Q;
 var I = "DropdownMenuContent", N = p.forwardRef(
   (o, n) => {
     const { __scopeDropdownMenu: r, ...e } = o, t = v(I, r), i = s(r), c = p.useRef(!1);
     return /* @__PURE__ */ a.jsx(
-      T,
+      G,
       {
         id: t.contentId,
         "aria-labelledby": t.triggerId,
@@ -107,65 +107,65 @@ N.displayName = I;
 var V = "DropdownMenuGroup", b = p.forwardRef(
   (o, n) => {
     const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-    return /* @__PURE__ */ a.jsx(j, { ...t, ...e, ref: n });
+    return /* @__PURE__ */ a.jsx(k, { ...t, ...e, ref: n });
   }
 );
 b.displayName = V;
 var Y = "DropdownMenuLabel", Z = p.forwardRef(
   (o, n) => {
     const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-    return /* @__PURE__ */ a.jsx(G, { ...t, ...e, ref: n });
+    return /* @__PURE__ */ a.jsx(K, { ...t, ...e, ref: n });
   }
 );
 Z.displayName = Y;
 var oo = "DropdownMenuItem", A = p.forwardRef(
   (o, n) => {
     const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-    return /* @__PURE__ */ a.jsx(k, { ...t, ...e, ref: n });
+    return /* @__PURE__ */ a.jsx(L, { ...t, ...e, ref: n });
   }
 );
 A.displayName = oo;
 var eo = "DropdownMenuCheckboxItem", ro = p.forwardRef((o, n) => {
   const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(L, { ...t, ...e, ref: n });
+  return /* @__PURE__ */ a.jsx(U, { ...t, ...e, ref: n });
 });
 ro.displayName = eo;
 var no = "DropdownMenuRadioGroup", to = p.forwardRef((o, n) => {
   const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(K, { ...t, ...e, ref: n });
+  return /* @__PURE__ */ a.jsx(B, { ...t, ...e, ref: n });
 });
 to.displayName = no;
 var ao = "DropdownMenuRadioItem", po = p.forwardRef((o, n) => {
   const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(U, { ...t, ...e, ref: n });
+  return /* @__PURE__ */ a.jsx(F, { ...t, ...e, ref: n });
 });
 po.displayName = ao;
 var so = "DropdownMenuItemIndicator", io = p.forwardRef((o, n) => {
   const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(B, { ...t, ...e, ref: n });
+  return /* @__PURE__ */ a.jsx(H, { ...t, ...e, ref: n });
 });
 io.displayName = so;
 var uo = "DropdownMenuSeparator", co = p.forwardRef((o, n) => {
   const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(F, { ...t, ...e, ref: n });
+  return /* @__PURE__ */ a.jsx(W, { ...t, ...e, ref: n });
 });
 co.displayName = uo;
 var wo = "DropdownMenuArrow", lo = p.forwardRef(
   (o, n) => {
     const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-    return /* @__PURE__ */ a.jsx(H, { ...t, ...e, ref: n });
+    return /* @__PURE__ */ a.jsx($, { ...t, ...e, ref: n });
   }
 );
 lo.displayName = wo;
 var mo = "DropdownMenuSubTrigger", fo = p.forwardRef((o, n) => {
   const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(W, { ...t, ...e, ref: n });
+  return /* @__PURE__ */ a.jsx(X, { ...t, ...e, ref: n });
 });
 fo.displayName = mo;
 var Mo = "DropdownMenuSubContent", go = p.forwardRef((o, n) => {
   const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
   return /* @__PURE__ */ a.jsx(
-    $,
+    q,
     {
       ...t,
       ...e,

package/dist/index.es213.js

@@ -3,7 +3,7 @@ import { Button as m } from "./index.es25.js";
 import { HeaderTopBanner as y } from "./index.es21.js";
 import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
 import { clsx as r } from "./index.es182.js";
-import { useFocusTrap as N } from "./index.es364.js";
+import { useFocusTrap as N } from "./index.es353.js";
 import { Container as k } from "./index.es6.js";
 import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
 import { Col as L } from "./index.es10.js";
@@ -17,21 +17,21 @@ const q = ({
   asLink: l = "a",
   navigatonItems: x,
   labels: t,
-  loginLink: b = "/"
+  loginLink: v = "/"
 }) => {
-  const v = l, [a, d] = g(!1), s = "main-navigation", c = w(null);
-  N(c, a);
+  const b = l, [n, d] = g(!1), s = "main-navigation", c = w(null);
+  N(c, n);
   const i = C(() => {
-    d(!a);
-  }, [a]);
-  u(() => (a ? document.body.classList.add("ui-body-overflow-hidden") : document.body.classList.remove("ui-body-overflow-hidden"), () => {
+    d(!n);
+  }, [n]);
+  u(() => (n ? document.body.classList.add("ui-body-overflow-hidden") : document.body.classList.remove("ui-body-overflow-hidden"), () => {
     document.body.classList.remove("ui-body-overflow-hidden");
-  }), [a]), u(() => {
-    const n = (o) => {
-      o.key === "Escape" && a && i();
+  }), [n]), u(() => {
+    const a = (o) => {
+      o.key === "Escape" && n && i();
     };
-    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-  }, [a, i]);
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [n, i]);
   const j = () => {
     d(!1);
   };
@@ -58,7 +58,7 @@ const q = ({
                 size: "3",
                 bg: "white",
                 textColor: "primary",
-                href: b,
+                href: v,
                 asLink: "a",
                 children: [
                   t.login,
@@ -69,7 +69,7 @@ const q = ({
             /* @__PURE__ */ e.jsx(
               "button",
               {
-                "aria-expanded": a,
+                "aria-expanded": n,
                 "aria-label": "Apri menu di navigazione",
                 onClick: i,
                 className: "ui-mobile-menu-toggle",
@@ -83,7 +83,7 @@ const q = ({
             {
               id: s,
               "aria-label": "Menu di navigazione",
-              className: r(a ? "ui-mobile-nav-panel" : "visually-hidden"),
+              className: r(n ? "ui-mobile-nav-panel" : "visually-hidden"),
               ref: c,
               children: [
                 /* @__PURE__ */ e.jsxs(L, { className: "ui-mobile-nav-header", children: [
@@ -104,28 +104,28 @@ const q = ({
                   ),
                   /* @__PURE__ */ e.jsx("h2", { className: "fs-3 text-slate-20", children: p })
                 ] }),
-                /* @__PURE__ */ e.jsx("ul", { className: "list-style-none p-x16", role: "list", children: x.map((n, o) => /* @__PURE__ */ e.jsx(
+                /* @__PURE__ */ e.jsx("ul", { className: "list-style-none p-x16", role: "list", children: x.map((a, o) => /* @__PURE__ */ e.jsx(
                   "li",
                   {
                     className: r(
                       "ui-mobile-nav-item",
-                      n.active && "active"
+                      a.active && "active"
                     ),
                     children: /* @__PURE__ */ e.jsxs(
-                      v,
+                      b,
                       {
-                        href: n.href,
-                        "aria-label": `Vai alla pagina ${n.label}`,
+                        href: a.href,
+                        "aria-label": `Vai alla pagina ${a.label}`,
                         className: r(
                           "text-decoration-none text-primary fs-5",
-                          n.active ? "fw-bold" : "fw-normal"
+                          a.active ? "fw-bold" : "fw-normal"
                         ),
                         onClick: j,
-                        target: n.isNewTab ? "_blank" : void 0,
-                        rel: n.isNewTab ? "noopener noreferrer" : void 0,
+                        target: a.isNewTab ? "_blank" : void 0,
+                        rel: a.isNewTab ? "noopener noreferrer" : void 0,
                         children: [
-                          n.label,
-                          n.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                          a.label,
+                          a.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
                         ]
                       }
                     )

package/dist/index.es214.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es181.js";
-import { Divider as v } from "./index.es203.js";
+import { Divider as u } from "./index.es203.js";
 import { LOGOS as d } from "./index.es24.js";
 import { HeaderSlim as N } from "./index.es17.js";
 import { clsx as n } from "./index.es182.js";
@@ -15,13 +15,13 @@ const O = ({
   labels: m,
   navigatonItems: h,
   supportLink: s,
-  loginLink: f = "/",
+  loginLink: j = "/",
   shortTitle: c,
-  headerTitleClassname: j,
+  headerTitleClassname: f,
   children: p,
   headerLogoUrl2: o
 }) => {
-  const i = x, b = d.nazionale, g = d[r];
+  const i = x, b = d.nazionale, v = d[r];
   return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header bg-white", children: [
     /* @__PURE__ */ e.jsxs(
       N,
@@ -68,11 +68,11 @@ const O = ({
               /* @__PURE__ */ e.jsxs(l, { gap: "x16", alignItems: "center", justifyContent: "center", children: [
                 /* @__PURE__ */ e.jsx(b, { height: 58 }),
                 r !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  /* @__PURE__ */ e.jsx(v, { bg: "border-divider", direction: "vertical" }),
-                  /* @__PURE__ */ e.jsx(g, { width: 58, height: 58 })
+                  /* @__PURE__ */ e.jsx(u, { bg: "border-divider", direction: "vertical" }),
+                  /* @__PURE__ */ e.jsx(v, { width: 58, height: 58 })
                 ] })
               ] }),
-              /* @__PURE__ */ e.jsx("h1", { className: n(j), children: /* @__PURE__ */ e.jsx(w, { children: /* @__PURE__ */ e.jsxs(
+              /* @__PURE__ */ e.jsx("h1", { className: n(f), children: /* @__PURE__ */ e.jsx(w, { children: /* @__PURE__ */ e.jsxs(
                 i,
                 {
                   href: "/",
@@ -84,7 +84,7 @@ const O = ({
                 }
               ) }) })
             ] }),
-            /* @__PURE__ */ e.jsxs(y, { size: "2", href: f, asLink: "a", children: [
+            /* @__PURE__ */ e.jsxs(y, { size: "2", href: j, asLink: "a", children: [
               m.login,
               /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
             ] })
@@ -92,7 +92,7 @@ const O = ({
         }
       ),
       /* @__PURE__ */ e.jsx("nav", { "aria-label": "Menu di navigazione", className: "shadow-bottom", children: /* @__PURE__ */ e.jsxs(I, { className: "base-row align-items-center justify-content-between max-h-x52", children: [
-        /* @__PURE__ */ e.jsx(l, { as: "ul", className: "list-style-none", role: "list", children: h.map((a, u) => /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx(l, { as: "ul", className: "list-style-none", role: "list", children: h.map((a, g) => /* @__PURE__ */ e.jsx(
           "li",
           {
             className: n(
@@ -117,7 +117,7 @@ const O = ({
               }
             )
           },
-          u
+          g
         )) }),
         s && /* @__PURE__ */ e.jsxs(
           i,

package/dist/index.es220.js

@@ -1,12 +1,12 @@
 import * as n from "react";
 import { useComposedRefs as N } from "./index.es326.js";
 import { createContextScope as M } from "./index.es327.js";
-import { composeEventHandlers as S } from "./index.es328.js";
-import { useControllableState as O } from "./index.es329.js";
-import { usePrevious as A } from "./index.es330.js";
-import { useSize as B } from "./index.es331.js";
-import { Presence as H } from "./index.es332.js";
-import { Primitive as j } from "./index.es333.js";
+import { composeEventHandlers as S } from "./index.es325.js";
+import { useControllableState as O } from "./index.es328.js";
+import { usePrevious as A } from "./index.es347.js";
+import { useSize as B } from "./index.es348.js";
+import { Presence as H } from "./index.es342.js";
+import { Primitive as j } from "./index.es329.js";
 import { j as f } from "./index.es181.js";
 var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
   (e, l) => {

package/dist/index.es231.js

@@ -1,18 +1,18 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es328.js";
+import { composeEventHandlers as p } from "./index.es325.js";
 import { useComposedRefs as C } from "./index.es326.js";
 import { createContextScope as B, createContext as H } from "./index.es327.js";
-import { useId as x } from "./index.es337.js";
-import { useControllableState as V } from "./index.es329.js";
-import { DismissableLayer as q } from "./index.es338.js";
+import { useId as x } from "./index.es331.js";
+import { useControllableState as V } from "./index.es328.js";
+import { DismissableLayer as q } from "./index.es337.js";
 import { FocusScope as K } from "./index.es339.js";
-import { Portal as U } from "./index.es340.js";
-import { Presence as R } from "./index.es332.js";
-import { Primitive as m } from "./index.es333.js";
-import { useFocusGuards as Y } from "./index.es341.js";
-import Z from "./index.es342.js";
-import { hideOthers as z } from "./index.es343.js";
-import { createSlot as J } from "./index.es344.js";
+import { Portal as U } from "./index.es341.js";
+import { Presence as R } from "./index.es342.js";
+import { Primitive as m } from "./index.es329.js";
+import { useFocusGuards as Y } from "./index.es338.js";
+import Z from "./index.es345.js";
+import { hideOthers as z } from "./index.es344.js";
+import { createSlot as J } from "./index.es334.js";
 import { j as i } from "./index.es181.js";
 var _ = "Dialog", [N, he] = B(_), [Q, u] = N(_), P = (e) => {
   const {

package/dist/index.es24.js

@@ -2,13 +2,13 @@ import { j as r } from "./index.es181.js";
 import { HeaderMobile as p } from "./index.es213.js";
 import { HeaderDesktop as f } from "./index.es214.js";
 import './components/navigations/Header/Header.css';/* empty css            */
-import { Fse as l } from "./index.es123.js";
+import { Lazio as l } from "./index.es126.js";
 import { Marche as H } from "./index.es127.js";
-import { Lazio as h } from "./index.es126.js";
+import { Fse as h } from "./index.es123.js";
 const v = {
-  nazionale: l,
+  nazionale: h,
   marche: H,
-  lazio: h
+  lazio: l
 }, D = ({
   title: t,
   region: o,

package/dist/index.es25.js

@@ -1,5 +1,5 @@
-import { j as o } from "./index.es181.js";
-import { createColorClasses as a } from "./index.es183.js";
+import { j as s } from "./index.es181.js";
+import { createColorClasses as d } from "./index.es183.js";
 import { clsx as w } from "./index.es182.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as B } from "./index.es150.js";
@@ -9,69 +9,69 @@ const R = ({
   bg: m = "primary",
   textColor: p = "white",
   border: i = "white",
-  size: f = "3",
-  className: c,
-  disabled: n,
-  loading: s,
-  onClick: l,
-  type: b = "button",
-  form: d = "",
-  asLink: r,
-  href: j,
-  target: C = void 0,
-  rel: S = void 0,
-  ...u
+  size: c = "3",
+  className: l,
+  disabled: r,
+  loading: o,
+  onClick: b,
+  type: f = "button",
+  form: j = "",
+  asLink: x,
+  href: C,
+  target: S = void 0,
+  rel: y = void 0,
+  ...n
 }) => {
-  const y = t ? "" : a({
+  const N = t ? "" : d({
     bg: m,
     text: p,
     border: i
-  }), x = w(
+  }), u = w(
     "ui-button",
     {
       2: "fs-6 py-x12 px-x24",
       3: "fs-7 py-x12 px-x24",
       4: "fs-6 py-x4 px-x8"
-    }[f],
+    }[c],
     // Apply variant class if provided
     t && `ui-button-${t}`,
     // Otherwise use traditional classes
-    !t && y,
+    !t && N,
     {
-      "ui-button-disabled": n || s
+      "ui-button-disabled": r || o
     },
     {
-      "ui-button-loading": s
+      "ui-button-loading": o
     },
-    c,
+    l,
     "fw-bold"
   );
-  if (r) {
-    const N = r;
-    return /* @__PURE__ */ o.jsx(
-      N,
+  if (x) {
+    const a = x;
+    return /* @__PURE__ */ s.jsx(
+      a,
       {
-        target: C,
-        rel: S,
-        href: j,
-        className: x,
-        ...u,
+        target: S,
+        rel: y,
+        href: C,
+        className: u,
+        ...n,
         children: e
       }
     );
   }
-  return /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ s.jsxs(
     "button",
     {
-      type: b,
-      form: d,
-      className: x,
-      onClick: l,
-      disabled: n || s,
-      ...u,
+      type: f,
+      form: j,
+      className: u,
+      onClick: b,
+      disabled: r || o,
+      ...n,
       children: [
         e,
-        s ? /* @__PURE__ */ o.jsx(B, {}) : null
+        o ? /* @__PURE__ */ s.jsx(B, {}) : null
       ]
     }
   );

package/dist/index.es258.js

@@ -1,32 +1,32 @@
-import * as n from "react";
-import { composeEventHandlers as T } from "./index.es328.js";
+import * as s from "react";
+import { composeEventHandlers as T } from "./index.es325.js";
 import { useComposedRefs as _ } from "./index.es326.js";
 import { createContextScope as H } from "./index.es327.js";
-import { useControllableState as I } from "./index.es329.js";
-import { usePrevious as M } from "./index.es330.js";
-import { useSize as N } from "./index.es331.js";
-import { Primitive as w } from "./index.es333.js";
-import { j as u } from "./index.es181.js";
-var k = "Switch", [B, J] = H(k), [q, z] = B(k), C = n.forwardRef(
-  (e, s) => {
+import { useControllableState as I } from "./index.es328.js";
+import { usePrevious as M } from "./index.es347.js";
+import { useSize as N } from "./index.es348.js";
+import { Primitive as w } from "./index.es329.js";
+import { j as p } from "./index.es181.js";
+var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
+  (e, n) => {
     const {
       __scopeSwitch: t,
       name: o,
       checked: r,
-      defaultChecked: p,
+      defaultChecked: u,
       required: a,
       disabled: c,
       value: i = "on",
-      onCheckedChange: m,
+      onCheckedChange: f,
       form: b,
       ...l
-    } = e, [d, R] = n.useState(null), E = _(s, (f) => R(f)), S = n.useRef(!1), v = d ? b || !!d.closest("form") : !0, [h = !1, g] = I({
+    } = e, [d, R] = s.useState(null), E = _(n, (m) => R(m)), v = s.useRef(!1), k = d ? b || !!d.closest("form") : !0, [h = !1, g] = I({
       prop: r,
-      defaultProp: p,
-      onChange: m
+      defaultProp: u,
+      onChange: f
     });
-    return /* @__PURE__ */ u.jsxs(q, { scope: t, checked: h, disabled: c, children: [
-      /* @__PURE__ */ u.jsx(
+    return /* @__PURE__ */ p.jsxs(q, { scope: t, checked: h, disabled: c, children: [
+      /* @__PURE__ */ p.jsx(
         w.button,
         {
           type: "button",
@@ -39,16 +39,16 @@ var k = "Switch", [B, J] = H(k), [q, z] = B(k), C = n.forwardRef(
           value: i,
           ...l,
           ref: E,
-          onClick: T(e.onClick, (f) => {
-            g((j) => !j), v && (S.current = f.isPropagationStopped(), S.current || f.stopPropagation());
+          onClick: T(e.onClick, (m) => {
+            g((j) => !j), k && (v.current = m.isPropagationStopped(), v.current || m.stopPropagation());
           })
         }
       ),
-      v && /* @__PURE__ */ u.jsx(
+      k && /* @__PURE__ */ p.jsx(
         A,
         {
           control: d,
-          bubbles: !S.current,
+          bubbles: !v.current,
           name: o,
           value: i,
           checked: h,
@@ -61,31 +61,31 @@ var k = "Switch", [B, J] = H(k), [q, z] = B(k), C = n.forwardRef(
     ] });
   }
 );
-C.displayName = k;
-var x = "SwitchThumb", P = n.forwardRef(
-  (e, s) => {
+C.displayName = S;
+var x = "SwitchThumb", P = s.forwardRef(
+  (e, n) => {
     const { __scopeSwitch: t, ...o } = e, r = z(x, t);
-    return /* @__PURE__ */ u.jsx(
+    return /* @__PURE__ */ p.jsx(
       w.span,
       {
         "data-state": y(r.checked),
         "data-disabled": r.disabled ? "" : void 0,
         ...o,
-        ref: s
+        ref: n
       }
     );
   }
 );
 P.displayName = x;
 var A = (e) => {
-  const { control: s, checked: t, bubbles: o = !0, ...r } = e, p = n.useRef(null), a = M(t), c = N(s);
-  return n.useEffect(() => {
-    const i = p.current, m = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(m, "checked").set;
+  const { control: n, checked: t, bubbles: o = !0, ...r } = e, u = s.useRef(null), a = M(t), c = N(n);
+  return s.useEffect(() => {
+    const i = u.current, f = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(f, "checked").set;
     if (a !== t && l) {
       const d = new Event("click", { bubbles: o });
       l.call(i, t), i.dispatchEvent(d);
     }
-  }, [a, t, o]), /* @__PURE__ */ u.jsx(
+  }, [a, t, o]), /* @__PURE__ */ p.jsx(
     "input",
     {
       type: "checkbox",
@@ -93,7 +93,7 @@ var A = (e) => {
       defaultChecked: t,
       ...r,
       tabIndex: -1,
-      ref: p,
+      ref: u,
       style: {
         ...e.style,
         ...c,