asma-ui-core 3.21.0 → 3.22.0

package/dist/components/inputs/switch/base-ui/StyledSwitch.js

@@ -1,9 +1,9 @@
-import { IconTemplate as x } from "../../../icons/IconTemplate.js";
-import c from "./StyledSwitch.module.js";
-import { forwardRef as N, useState as k } from "react";
+import { getSvgIconStyle as C } from "../../../icons/iconStyle.js";
+import r from "./StyledSwitch.module.js";
+import { forwardRef as y, useState as N } from "react";
 import { jsx as t } from "react/jsx-runtime";
 import { Switch as d } from "@base-ui/react/switch";
-var I = ({ className: e }) => /* @__PURE__ */ t("svg", {
+var b = ({ className: e }) => /* @__PURE__ */ t("svg", {
   viewBox: "0 0 24 24",
   className: e,
   fill: "none",
@@ -15,43 +15,50 @@ var I = ({ className: e }) => /* @__PURE__ */ t("svg", {
     fill: "currentColor",
     rx: "0.75"
   })
-}), b = ({ width: e = 11, height: o = 11, className: n = "", onClick: r, color: a }) => /* @__PURE__ */ t(x, {
-  icon: "fa-solid:check",
+}), I = ({ width: e = 11, height: o = 11, className: c = "", onClick: n, color: s }) => /* @__PURE__ */ t("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
   width: e,
   height: o,
-  className: n,
-  onClick: r,
-  color: a
-}), P = N(({ checked: e, defaultChecked: o = !1, onChange: n, disabled: r, readOnly: a, required: f, id: s, dataTest: u, ...p }, v) => {
-  const [S, w] = k(o), i = e !== void 0, m = i ? e : S, C = (l) => {
-    i || w(l), n?.({ target: {
-      checked: l,
-      name: s
-    } }, l);
-  }, g = i ? { checked: m } : { defaultChecked: o }, h = c.iconContent;
+  viewBox: "0 0 448 512",
+  className: c,
+  onClick: n,
+  style: C(s),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ t("path", {
+    fill: "currentColor",
+    d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7L393.4 105.4c12.5-12.5 32.8-12.5 45.2 0"
+  })
+}), M = y(({ checked: e, defaultChecked: o = !1, onChange: c, disabled: n, readOnly: s, required: f, id: a, dataTest: u, ...v }, w) => {
+  const [g, p] = N(o), l = e !== void 0, h = l ? e : g, S = (i) => {
+    l || p(i), c?.({ target: {
+      checked: i,
+      name: a
+    } }, i);
+  }, x = l ? { checked: h } : { defaultChecked: o }, m = r.iconContent;
   return /* @__PURE__ */ t(d.Root, {
-    ...p,
-    ...g,
+    ...v,
+    ...x,
     nativeButton: !0,
     render: /* @__PURE__ */ t("button", {}),
-    ref: v,
-    className: c.switch,
-    onCheckedChange: C,
-    disabled: r,
-    readOnly: a,
+    ref: w,
+    className: r.switch,
+    onCheckedChange: S,
+    disabled: n,
+    readOnly: s,
     required: f,
-    id: s,
-    name: s,
+    id: a,
+    name: a,
     "data-testid": u,
     children: /* @__PURE__ */ t(d.Thumb, {
-      className: c.thumb,
+      className: r.thumb,
       children: /* @__PURE__ */ t("span", {
-        className: c.icon,
-        children: m ? /* @__PURE__ */ t(b, { className: h }) : /* @__PURE__ */ t(I, { className: h })
+        className: r.icon,
+        children: h ? /* @__PURE__ */ t(I, { className: m }) : /* @__PURE__ */ t(b, { className: m })
       })
     })
   });
 });
 export {
-  P as StyledSwitch
+  M as StyledSwitch
 };