mimir-ui-kit 1.34.4-t → 1.34.4

package/dist/components/Slider/index.d.ts

@@ -1 +1 @@
-export declare const Slider: import('react').LazyExoticComponent<typeof import('./Slider').default>;
+export { Slider } from './Slider';

package/dist/components/Slider/index.js

@@ -1,5 +1,4 @@
-import { lazy as o } from "react";
-const t = o(() => import("./Slider.js"));
+import { Slider } from "./Slider.js";
 export {
-  t as Slider
+  Slider
 };

package/dist/components/Steps/Steps.js

@@ -1,122 +1,168 @@
-import { jsx as E } from "react/jsx-runtime";
-import { c as y } from "../../index-DIxK0V-G.js";
-import { forwardRef as V, useId as G, useState as N, useRef as J, useEffect as C } from "react";
-import { ZERO_STEP as A, EStepsSize as K, ID_SEPARATOR as R, STEP_ICONS_MAP as Q, StepSize as U, DIFF_BETWEEN_STEP_AND_INDEX as Y } from "./constants.js";
-import { Icon as x } from "../../icons/Icon.js";
-import '../../assets/Steps.css';const ee = "_container_1cq8d_2", oe = "_step_1cq8d_6", te = "_editable_1cq8d_9", ne = "_resizable_1cq8d_12", se = "_XS_1cq8d_17", re = "_XS1_1cq8d_20", le = "_S_1cq8d_23", ce = "_M_1cq8d_26", ae = "_L_1cq8d_29", ie = "_XL_1cq8d_32", l = {
-  container: ee,
-  step: oe,
-  editable: te,
-  resizable: ne,
-  XS: se,
-  XS1: re,
-  S: le,
-  M: ce,
-  L: ae,
-  XL: ie
-}, ue = V(
-  (T, k) => {
+import { jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { forwardRef, useId, useState, useRef, useEffect } from "react";
+import { ZERO_STEP, EStepsSize, ID_SEPARATOR, STEP_ICONS_MAP, StepSize, DIFF_BETWEEN_STEP_AND_INDEX } from "./constants.js";
+import { Icon } from "../../icons/Icon.js";
+import '../../assets/Steps.css';const container = "_container_1cq8d_2";
+const step = "_step_1cq8d_6";
+const editable = "_editable_1cq8d_9";
+const resizable = "_resizable_1cq8d_12";
+const XS = "_XS_1cq8d_17";
+const XS1 = "_XS1_1cq8d_20";
+const S = "_S_1cq8d_23";
+const M = "_M_1cq8d_26";
+const L = "_L_1cq8d_29";
+const XL = "_XL_1cq8d_32";
+const cls = {
+  container,
+  step,
+  editable,
+  resizable,
+  XS,
+  XS1,
+  S,
+  M,
+  L,
+  XL
+};
+const Steps = forwardRef(
+  (props, ref) => {
     const {
-      rootClassName: D,
-      stepClassName: Z,
-      quantity: z,
-      needZeroValue: O = !0,
-      current: _ = A,
-      editable: q = !1,
-      size: d = K.M,
-      onClick: f,
-      customSize: p,
-      resizable: i,
-      disabled: M = !1,
-      zones: r = [{ color: "#ff0000", to: z }],
-      unselectedColor: S = "#ffffff",
-      fillByActualZone: c,
-      onStepMouseEnter: v,
-      onStepMouseLeave: X,
-      setParentColor: u,
-      classNameIconStep: $,
-      ...w
-    } = T, B = G(), [t, m] = N(_), [a, L] = N(null), b = J(null), [I, h] = N(null);
-    C(() => {
-      m(_);
-    }, [_]), C(() => {
-      if (c) {
-        const o = r.find((e) => e.to >= (t || 0));
-        o && h(o.color);
+      rootClassName,
+      stepClassName,
+      quantity,
+      needZeroValue = true,
+      current = ZERO_STEP,
+      editable: editable2 = false,
+      size = EStepsSize.M,
+      onClick,
+      customSize,
+      resizable: resizable2,
+      disabled = false,
+      zones = [{ color: "#ff0000", to: quantity }],
+      unselectedColor = "#ffffff",
+      fillByActualZone,
+      onStepMouseEnter,
+      onStepMouseLeave,
+      setParentColor,
+      classNameIconStep,
+      ...otherProps
+    } = props;
+    const idPrefix = useId();
+    const [step2, setStep] = useState(current);
+    const [hoveredStep, setHoveredStep] = useState(null);
+    const stepWasChangedRef = useRef(null);
+    const [currentColor, setCurrentColor] = useState(null);
+    useEffect(() => {
+      setStep(current);
+    }, [current]);
+    useEffect(() => {
+      if (fillByActualZone) {
+        const zone = zones.find((zone2) => zone2.to >= (step2 || 0));
+        zone && setCurrentColor(zone.color);
+      }
+    }, [fillByActualZone, step2, zones]);
+    const handleClick = (idx) => {
+      const clickedStep = idx + DIFF_BETWEEN_STEP_AND_INDEX;
+      stepWasChangedRef.current = true;
+      if (needZeroValue) {
+        return setStep(clickedStep !== step2 ? clickedStep : ZERO_STEP);
+      }
+      setStep(clickedStep);
+    };
+    useEffect(() => {
+      if (stepWasChangedRef.current === true) {
+        onClick && onClick(step2);
+        stepWasChangedRef.current = false;
+      }
+    }, [onClick, step2]);
+    const handleMouseEnter = (evt) => {
+      const hoveredIdx = Number(evt.currentTarget.id.split(ID_SEPARATOR)[1]);
+      setHoveredStep(hoveredIdx);
+      onStepMouseEnter && onStepMouseEnter(hoveredIdx);
+      const zone = zones.find((zone2) => zone2.to >= (hoveredIdx + 1 || 0));
+      if (zone) {
+        setParentColor && setParentColor(zone.color);
+        if (fillByActualZone) {
+          setCurrentColor(zone.color);
+        }
       }
-    }, [c, t, r]);
-    const F = (o) => {
-      const e = o + Y;
-      if (b.current = !0, O)
-        return m(e !== t ? e : A);
-      m(e);
     };
-    C(() => {
-      b.current === !0 && (f && f(t), b.current = !1);
-    }, [f, t]);
-    const W = (o) => {
-      const e = Number(o.currentTarget.id.split(R)[1]);
-      L(e), v && v(e);
-      const n = r.find((s) => s.to >= (e + 1 || 0));
-      n && (u && u(n.color), c && h(n.color));
-    }, j = () => {
-      L(null), X && X();
-      const o = r.find((e) => e.to >= (t || 0));
-      o && (u && u(o.color), c && h(o.color));
-    }, H = Array.from({ length: z }, (o, e) => {
-      var P, g;
-      let n = 0;
-      for (; n < r.length && r[n].to <= e; )
-        n++;
-      let s;
-      return c && a !== null ? s = e <= a ? I : S : c ? s = t > e ? I : S : s = a !== null && e <= a ? (P = r[n]) == null ? void 0 : P.color : t > e && a === null ? (g = r[n]) == null ? void 0 : g.color : S, /* @__PURE__ */ E(
+    const handleMouseLeave = () => {
+      setHoveredStep(null);
+      onStepMouseLeave && onStepMouseLeave();
+      const zone = zones.find((zone2) => zone2.to >= (step2 || 0));
+      if (zone) {
+        setParentColor && setParentColor(zone.color);
+        if (fillByActualZone) {
+          setCurrentColor(zone.color);
+        }
+      }
+    };
+    const buttons = Array.from({ length: quantity }, (_, idx) => {
+      var _a, _b;
+      let currentZone = 0;
+      while (currentZone < zones.length && zones[currentZone].to <= idx) {
+        currentZone++;
+      }
+      let color;
+      if (fillByActualZone && hoveredStep !== null) {
+        color = idx <= hoveredStep ? currentColor : unselectedColor;
+      } else {
+        if (fillByActualZone) {
+          color = step2 > idx ? currentColor : unselectedColor;
+        } else {
+          color = hoveredStep !== null && idx <= hoveredStep ? (_a = zones[currentZone]) == null ? void 0 : _a.color : step2 > idx && hoveredStep === null ? (_b = zones[currentZone]) == null ? void 0 : _b.color : unselectedColor;
+        }
+      }
+      return /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
           style: {
-            backgroundColor: i && s !== null ? s : void 0,
-            color: s !== null ? s : void 0,
-            height: p == null ? void 0 : p.height
+            backgroundColor: resizable2 ? color !== null ? color : void 0 : void 0,
+            color: color !== null ? color : void 0,
+            height: customSize == null ? void 0 : customSize.height
           },
-          id: `${B}${R}${e}`,
-          className: y(l.step, l[d], Z, {
-            [l.editable]: q && !M,
-            [l.resizable]: i,
-            [l.disabled]: M || !q && e + 1 > t
+          id: `${idPrefix}${ID_SEPARATOR}${idx}`,
+          className: classNames(cls.step, cls[size], stepClassName, {
+            [cls.editable]: editable2 && !disabled,
+            [cls.resizable]: resizable2,
+            [cls.disabled]: disabled || !editable2 && idx + 1 > step2
           }),
-          onClick: () => F(e),
-          onMouseEnter: W,
-          onMouseLeave: j,
-          children: !i && /* @__PURE__ */ E(
-            x,
+          onClick: () => handleClick(idx),
+          onMouseEnter: handleMouseEnter,
+          onMouseLeave: handleMouseLeave,
+          children: !resizable2 && /* @__PURE__ */ jsx(
+            Icon,
             {
-              iconName: Q[d].icon,
-              ...U[d],
-              className: $
+              iconName: STEP_ICONS_MAP[size].icon,
+              ...StepSize[size],
+              className: classNameIconStep
             }
           )
         },
-        e
+        idx
       );
     });
-    return /* @__PURE__ */ E(
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        ...w,
-        className: y(
-          l.container,
+        ...otherProps,
+        className: classNames(
+          cls.container,
           {
-            [l.resizable]: i
+            [cls.resizable]: resizable2
           },
-          D
+          rootClassName
         ),
-        ref: k,
-        children: H
+        ref,
+        children: buttons
       }
     );
   }
 );
-ue.displayName = "Steps";
+Steps.displayName = "Steps";
 export {
-  ue as Steps
+  Steps
 };

package/dist/components/Steps/constants.js

@@ -1,6 +1,16 @@
-const S = 0, X = 1, n = "-//-";
-var t = /* @__PURE__ */ ((h) => (h.XS = "XS", h.XS1 = "XS1", h.S = "S", h.M = "M", h.L = "L", h.XL = "XL", h))(t || {});
-const c = {
+const ZERO_STEP = 0;
+const DIFF_BETWEEN_STEP_AND_INDEX = 1;
+const ID_SEPARATOR = "-//-";
+var EStepsSize = /* @__PURE__ */ ((EStepsSize2) => {
+  EStepsSize2["XS"] = "XS";
+  EStepsSize2["XS1"] = "XS1";
+  EStepsSize2["S"] = "S";
+  EStepsSize2["M"] = "M";
+  EStepsSize2["L"] = "L";
+  EStepsSize2["XL"] = "XL";
+  return EStepsSize2;
+})(EStepsSize || {});
+const StepSize = {
   XS: {
     width: 19,
     height: 8
@@ -25,33 +35,59 @@ const c = {
     width: 72,
     height: 12
   }
-}, L = {
-  XS: {
+};
+const STEP_ICONS_MAP = {
+  [
+    "XS"
+    /* XS */
+  ]: {
     icon: "Step"
   },
-  XS1: {
+  [
+    "XS1"
+    /* XS1 */
+  ]: {
     icon: "Step"
   },
-  S: {
+  [
+    "S"
+    /* S */
+  ]: {
     icon: "Step"
   },
-  M: {
+  [
+    "M"
+    /* M */
+  ]: {
     icon: "Step"
   },
-  L: {
+  [
+    "L"
+    /* L */
+  ]: {
     icon: "Step"
   },
-  XL: {
+  [
+    "XL"
+    /* XL */
+  ]: {
     icon: "StepXL"
   }
 };
-var i = /* @__PURE__ */ ((h) => (h.ASPHALT = "#333333", h.CITRINE = "#ff7900", h.SAPPHIRE = "#2355d7", h.GREEN = "#1b770c", h.DISABLED = "#b2b2b2", h))(i || {});
+var EStepColor = /* @__PURE__ */ ((EStepColor2) => {
+  EStepColor2["ASPHALT"] = "#333333";
+  EStepColor2["CITRINE"] = "#ff7900";
+  EStepColor2["SAPPHIRE"] = "#2355d7";
+  EStepColor2["GREEN"] = "#1b770c";
+  EStepColor2["DISABLED"] = "#b2b2b2";
+  return EStepColor2;
+})(EStepColor || {});
 export {
-  X as DIFF_BETWEEN_STEP_AND_INDEX,
-  i as EStepColor,
-  t as EStepsSize,
-  n as ID_SEPARATOR,
-  L as STEP_ICONS_MAP,
-  c as StepSize,
-  S as ZERO_STEP
+  DIFF_BETWEEN_STEP_AND_INDEX,
+  EStepColor,
+  EStepsSize,
+  ID_SEPARATOR,
+  STEP_ICONS_MAP,
+  StepSize,
+  ZERO_STEP
 };

package/dist/components/Steps/index.js

@@ -1,7 +1,7 @@
-import { Steps as p } from "./Steps.js";
-import { EStepColor as t, EStepsSize as S } from "./constants.js";
+import { Steps } from "./Steps.js";
+import { EStepColor, EStepsSize } from "./constants.js";
 export {
-  t as EStepColor,
-  S as EStepsSize,
-  p as Steps
+  EStepColor,
+  EStepsSize,
+  Steps
 };

package/dist/components/Switcher/Switcher.js

@@ -1,95 +1,106 @@
-import { jsxs as N, jsx as H } from "react/jsx-runtime";
-import { H as Z } from "../../field-FJ34aSs4.js";
-import { K as L, w as ee, z as te, U as re, u as se, a as ae, b as ce, T as le, I as oe, G as ie, j as ne, p as ue } from "../../label-y3ANLTNC.js";
-import { W as he, H as j, y as me, p as de, o as g, $ as pe, b as fe, D as be, c as I } from "../../keyboard-B0lm_zyn.js";
-import u, { createContext as we, useState as G, useMemo as K, useId as _e, useContext as ge, useRef as ve, useCallback as $e, Fragment as ke, forwardRef as xe } from "react";
-import { w as ye } from "../../use-active-press-86hajhdd.js";
-import { T as Pe } from "../../use-resolve-button-type-BAxjHhds.js";
-import { r as Te } from "../../bugs-diTMAGNw.js";
-import { c as v } from "../../index-DIxK0V-G.js";
-import { ELabelPositions as Ce } from "./constants.js";
-import '../../assets/Switcher.css';let x = we(null);
-x.displayName = "GroupContext";
-let De = ke;
-function Ee(s) {
-  var l;
-  let [e, n] = G(null), [h, m] = te(), [d, t] = re(), a = K(() => ({ switch: e, setSwitch: n }), [e, n]), c = {}, p = s;
-  return u.createElement(t, { name: "Switch.Description", value: d }, u.createElement(m, { name: "Switch.Label", value: h, props: { htmlFor: (l = a.switch) == null ? void 0 : l.id, onClick(o) {
-    e && (o.currentTarget instanceof HTMLLabelElement && o.preventDefault(), e.click(), e.focus({ preventScroll: !0 }));
-  } } }, u.createElement(x.Provider, { value: a }, j({ ourProps: c, theirProps: p, slot: {}, defaultTag: De, name: "Switch.Group" }))));
+import { jsxs, jsx } from "react/jsx-runtime";
+import { H as H$1 } from "../../field-bS4z9Sdl.js";
+import { K, w, z, U, u, a, b as l, T, I, G, j, p as p$1 } from "../../label-P7Xsi5N7.js";
+import { W, H, y, p, o, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, c as o$1 } from "../../keyboard-B256ZoM-.js";
+import React__default, { createContext, useState, useMemo, useId, useContext, useRef, useCallback, Fragment, forwardRef } from "react";
+import { w as w$1 } from "../../use-active-press-B6yeSopF.js";
+import { T as T$1 } from "../../use-resolve-button-type-B6LE6gU3.js";
+import { r } from "../../bugs-CSBdWk0R.js";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { ELabelPositions } from "./constants.js";
+import '../../assets/Switcher.css';let S = createContext(null);
+S.displayName = "GroupContext";
+let _e = Fragment;
+function Pe(n) {
+  var a2;
+  let [o2, p2] = useState(null), [f, b] = z(), [h, t] = U(), c = useMemo(() => ({ switch: o2, setSwitch: p2 }), [o2, p2]), T2 = {}, y2 = n;
+  return React__default.createElement(t, { name: "Switch.Description", value: h }, React__default.createElement(b, { name: "Switch.Label", value: f, props: { htmlFor: (a2 = c.switch) == null ? void 0 : a2.id, onClick(u2) {
+    o2 && (u2.currentTarget instanceof HTMLLabelElement && u2.preventDefault(), o2.click(), o2.focus({ preventScroll: true }));
+  } } }, React__default.createElement(S.Provider, { value: c }, H({ ourProps: T2, theirProps: y2, slot: {}, defaultTag: _e, name: "Switch.Group" }))));
 }
-let Fe = "button";
-function Se(s, l) {
-  var e;
-  let n = _e(), h = se(), m = ae(), { id: d = h || `headlessui-switch-${n}`, disabled: t = m || !1, checked: a, defaultChecked: c, onChange: p, name: o, value: $, form: k, autoFocus: _ = !1, ...R } = s, y = ge(x), P = ve(null), M = me(P, l, y === null ? null : y.setSwitch), f = ce(c), [b, w] = le(a, p, f ?? !1), U = de(), [T, C] = G(!1), D = g(() => {
-    C(!0), w == null || w(!b), U.nextFrame(() => {
-      C(!1);
+let Ee = "button";
+function De(n, o$2) {
+  var C;
+  let p$2 = useId(), f = u(), b = a(), { id: h = f || `headlessui-switch-${p$2}`, disabled: t = b || false, checked: c, defaultChecked: T$2, onChange: y$1, name: a$1, value: u$1, form: F, autoFocus: d = false, ...k } = n, w2 = useContext(S), _ = useRef(null), H$12 = y(_, o$2, w2 === null ? null : w2.setSwitch), l$1 = l(T$2), [s, r$1] = T(c, y$1, l$1 != null ? l$1 : false), M = p(), [P, E] = useState(false), D$1 = o(() => {
+    E(true), r$1 == null || r$1(!s), M.nextFrame(() => {
+      E(false);
     });
-  }), O = g((r) => {
-    if (Te(r.currentTarget)) return r.preventDefault();
-    r.preventDefault(), D();
-  }), V = g((r) => {
-    r.key === I.Space ? (r.preventDefault(), D()) : r.key === I.Enter && ue(r.currentTarget);
-  }), W = g((r) => r.preventDefault()), q = oe(), z = ie(), { isFocusVisible: E, focusProps: B } = pe({ autoFocus: _ }), { isHovered: F, hoverProps: J } = fe({ isDisabled: t }), { pressed: S, pressProps: X } = ye({ disabled: t }), A = K(() => ({ checked: b, disabled: t, hover: F, focus: E, active: S, autofocus: _, changing: T }), [b, F, E, S, t, T, _]), Q = be({ id: d, ref: M, role: "switch", type: Pe(s, P), tabIndex: s.tabIndex === -1 ? 0 : (e = s.tabIndex) != null ? e : 0, "aria-checked": b, "aria-labelledby": q, "aria-describedby": z, disabled: t || void 0, autoFocus: _, onClick: O, onKeyUp: V, onKeyPress: W }, B, J, X), Y = $e(() => {
-    if (f !== void 0) return w == null ? void 0 : w(f);
-  }, [w, f]);
-  return u.createElement(u.Fragment, null, o != null && u.createElement(ne, { disabled: t, data: { [o]: $ || "on" }, overrides: { type: "checkbox", checked: b }, form: k, onReset: Y }), j({ ourProps: Q, theirProps: R, slot: A, defaultTag: Fe, name: "Switch" }));
+  }), U2 = o((e) => {
+    if (r(e.currentTarget)) return e.preventDefault();
+    e.preventDefault(), D$1();
+  }), I$1 = o((e) => {
+    e.key === o$1.Space ? (e.preventDefault(), D$1()) : e.key === o$1.Enter && p$1(e.currentTarget);
+  }), B = o((e) => e.preventDefault()), K2 = I(), W2 = G(), { isFocusVisible: g, focusProps: O } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: d }), { isHovered: v, hoverProps: N } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: t }), { pressed: x, pressProps: J } = w$1({ disabled: t }), V = useMemo(() => ({ checked: s, disabled: t, hover: v, focus: g, active: x, autofocus: d, changing: P }), [s, v, g, x, t, P, d]), X = D({ id: h, ref: H$12, role: "switch", type: T$1(n, _), tabIndex: n.tabIndex === -1 ? 0 : (C = n.tabIndex) != null ? C : 0, "aria-checked": s, "aria-labelledby": K2, "aria-describedby": W2, disabled: t || void 0, autoFocus: d, onClick: U2, onKeyUp: I$1, onKeyPress: B }, O, N, J), j$1 = useCallback(() => {
+    if (l$1 !== void 0) return r$1 == null ? void 0 : r$1(l$1);
+  }, [r$1, l$1]);
+  return React__default.createElement(React__default.Fragment, null, a$1 != null && React__default.createElement(j, { disabled: t, data: { [a$1]: u$1 || "on" }, overrides: { type: "checkbox", checked: s }, form: F, onReset: j$1 }), H({ ourProps: X, theirProps: k, slot: V, defaultTag: Ee, name: "Switch" }));
 }
-let Ne = he(Se), He = Ee, Ie = L, Le = ee, je = Object.assign(Ne, { Group: He, Label: Ie, Description: Le });
-const Ge = "_left_gu0m2_14", Ke = "_right_gu0m2_17", Re = "_label_gu0m2_21", Me = "_switcher_gu0m2_2", i = {
+let ge = W(De), ve = Pe, xe = K, Ce = w, qe = Object.assign(ge, { Group: ve, Label: xe, Description: Ce });
+const left = "_left_gu0m2_14";
+const right = "_right_gu0m2_17";
+const label = "_label_gu0m2_21";
+const switcher = "_switcher_gu0m2_2";
+const cls = {
   "switcher-wrapper": "_switcher-wrapper_gu0m2_2",
-  left: Ge,
-  right: Ke,
-  label: Re,
-  switcher: Me,
+  left,
+  right,
+  label,
+  switcher,
   "switcher-checked": "_switcher-checked_gu0m2_45",
   "switcher-thumb": "_switcher-thumb_gu0m2_55",
   "switcher-checked-thumb": "_switcher-checked-thumb_gu0m2_65"
-}, Qe = xe(
+};
+const Switcher = forwardRef(
   ({
-    id: s,
-    label: l,
-    hasLabel: e = !1,
-    labelPosition: n = Ce.LEFT,
-    className: h,
-    labelClassName: m,
-    switcherThumbClassName: d,
-    wrapperClassName: t,
-    children: a,
-    checked: c,
-    ...p
-  }, o) => {
-    const $ = (k) => typeof a == "function" ? a({ ...k, checked: c }) : a;
-    return /* @__PURE__ */ N(
-      Z,
+    id,
+    label: label2,
+    hasLabel = false,
+    labelPosition = ELabelPositions.LEFT,
+    className,
+    labelClassName,
+    switcherThumbClassName,
+    wrapperClassName,
+    children,
+    checked,
+    ...props
+  }, ref) => {
+    const renderChildren = (bag) => {
+      if (typeof children === "function") {
+        return children({ ...bag, checked });
+      } else {
+        return children;
+      }
+    };
+    return /* @__PURE__ */ jsxs(
+      H$1,
       {
-        className: v(
-          i["switcher-wrapper"],
-          t,
-          i[n]
+        className: classNames(
+          cls["switcher-wrapper"],
+          wrapperClassName,
+          cls[labelPosition]
         ),
         children: [
-          l && e && /* @__PURE__ */ H(L, { className: v(i.label, m), htmlFor: s, children: l }),
-          /* @__PURE__ */ N(
-            je,
+          label2 && hasLabel && /* @__PURE__ */ jsx(K, { className: classNames(cls.label, labelClassName), htmlFor: id, children: label2 }),
+          /* @__PURE__ */ jsxs(
+            qe,
             {
-              ...p,
-              id: s,
-              ref: o,
-              className: v(i.switcher, h, {
-                [i["switcher-checked"]]: c
+              ...props,
+              id,
+              ref,
+              className: classNames(cls.switcher, className, {
+                [cls["switcher-checked"]]: checked
               }),
               children: [
-                $({ checked: c }),
-                /* @__PURE__ */ H(
+                renderChildren({ checked }),
+                /* @__PURE__ */ jsx(
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: v(
-                      i["switcher-thumb"],
-                      d,
+                    className: classNames(
+                      cls["switcher-thumb"],
+                      switcherThumbClassName,
                       {
-                        [i["switcher-checked-thumb"]]: c
+                        [cls["switcher-checked-thumb"]]: checked
                       }
                     )
                   }
@@ -103,5 +114,5 @@ const Ge = "_left_gu0m2_14", Ke = "_right_gu0m2_17", Re = "_label_gu0m2_21", Me
   }
 );
 export {
-  Qe as Switcher
+  Switcher
 };

package/dist/components/Switcher/constants.js

@@ -1,4 +1,8 @@
-var t = /* @__PURE__ */ ((r) => (r.LEFT = "left", r.RIGHT = "right", r))(t || {});
+var ELabelPositions = /* @__PURE__ */ ((ELabelPositions2) => {
+  ELabelPositions2["LEFT"] = "left";
+  ELabelPositions2["RIGHT"] = "right";
+  return ELabelPositions2;
+})(ELabelPositions || {});
 export {
-  t as ELabelPositions
+  ELabelPositions
 };

package/dist/components/Switcher/index.js

@@ -1,6 +1,6 @@
-import { Switcher as e } from "./Switcher.js";
-import { ELabelPositions as i } from "./constants.js";
+import { Switcher } from "./Switcher.js";
+import { ELabelPositions } from "./constants.js";
 export {
-  i as ELabelPositions,
-  e as Switcher
+  ELabelPositions,
+  Switcher
 };