@tedi-design-system/react 19.2.0-rc.5 → 19.2.0-rc.7

package/src/tedi/components/form/toggle/toggle.es.js

@@ -1,12 +1,12 @@
-import { jsxs as c, Fragment as w, jsx as l } from "react/jsx-runtime";
+import { jsxs as c, Fragment as P, jsx as l } from "react/jsx-runtime";
 import n from "../../../../../external/classnames/index.es.js";
-import { forwardRef as P, useState as R } from "react";
-import { Icon as q } from "../../base/icon/icon.es.js";
-import { Spinner as A } from "../../loaders/spinner/spinner.es.js";
-import { FeedbackText as B } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as D } from "../form-label/form-label.es.js";
+import { forwardRef as R, useState as q } from "react";
+import { Icon as A } from "../../base/icon/icon.es.js";
+import { Spinner as B } from "../../loaders/spinner/spinner.es.js";
+import { FeedbackText as D } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as E } from "../form-label/form-label.es.js";
 import e from "./toggle.module.scss.es.js";
-const E = P((k, N) => {
+const G = R((k, N) => {
   const {
     id: a,
     label: t,
@@ -24,36 +24,38 @@ const E = P((k, N) => {
     disabled: f = !1,
     isLoading: i = !1,
     tooltip: $,
-    ...F
-  } = k, h = o ? `${a}-helper` : void 0, [I, L] = R(m ?? !1), s = typeof g < "u", d = s ? g : I, _ = v || (p ? "large" : "default"), S = (b) => {
-    i || (s || L(b.target.checked), r == null || r(b.target.checked));
-  }, T = n(
+    labelProps: F,
+    ...I
+  } = k, h = o ? `${a}-helper` : void 0, [L, S] = q(m ?? !1), s = typeof g < "u", d = s ? g : L, b = v || (p ? "large" : "default"), T = (_) => {
+    i || (s || S(_.target.checked), r == null || r(_.target.checked));
+  }, j = n(
     e["tedi-toggle"],
-    e[`tedi-toggle--${_}`],
+    e[`tedi-toggle--${b}`],
     e[`tedi-toggle--${x}-${z}`],
     {
       [e["tedi-toggle--active"]]: d,
       [e["tedi-toggle--disabled"]]: f || i
     },
     y
-  ), j = n(e["tedi-toggle__control"], e[`tedi-toggle__control--label-${C}`]);
-  return /* @__PURE__ */ c(w, { children: [
-    /* @__PURE__ */ c("div", { className: j, children: [
+  ), w = n(e["tedi-toggle__control"], e[`tedi-toggle__control--label-${C}`]);
+  return /* @__PURE__ */ c(P, { children: [
+    /* @__PURE__ */ c("div", { className: w, children: [
       t && /* @__PURE__ */ l(
-        D,
+        E,
         {
           id: a,
           className: e["tedi-toggle__label"],
           hideLabel: u,
           label: t,
-          tooltip: $
+          tooltip: $,
+          labelProps: F
         }
       ),
-      /* @__PURE__ */ c("div", { className: T, children: [
+      /* @__PURE__ */ c("div", { className: j, children: [
         /* @__PURE__ */ l(
           "input",
           {
-            ...F,
+            ...I,
             ref: N,
             id: a,
             type: "checkbox",
@@ -64,16 +66,16 @@ const E = P((k, N) => {
             checked: s ? d : void 0,
             defaultChecked: s ? void 0 : m,
             disabled: f || i,
-            onChange: S
+            onChange: T
           }
         ),
-        /* @__PURE__ */ l("span", { className: e["tedi-toggle__slider"], children: i ? /* @__PURE__ */ l(A, { size: _ === "large" ? 16 : 10, className: e["tedi-toggle__icon"] }) : p ? /* @__PURE__ */ l(q, { name: d ? "lock_open" : "lock", size: 16, color: "inherit" }) : null })
+        /* @__PURE__ */ l("span", { className: e["tedi-toggle__slider"], children: i ? /* @__PURE__ */ l(B, { size: b === "large" ? 16 : 10, className: e["tedi-toggle__icon"] }) : p ? /* @__PURE__ */ l(A, { name: d ? "lock_open" : "lock", size: 16, color: "inherit" }) : null })
       ] })
     ] }),
-    o && /* @__PURE__ */ l(B, { id: h, ...o, className: n(e["tedi-toggle__helper"], o.className) })
+    o && /* @__PURE__ */ l(D, { id: h, ...o, className: n(e["tedi-toggle__helper"], o.className) })
   ] });
 });
-E.displayName = "Toggle";
+G.displayName = "Toggle";
 export {
-  E as Toggle
+  G as Toggle
 };