mimir-ui-kit 1.34.4 → 1.34.5

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

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

package/dist/components/Slider/index.js

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

package/dist/components/Steps/Steps.js

@@ -1,168 +1,122 @@
-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) => {
+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) => {
     const {
-      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);
-        }
+      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);
       }
+    }, [c, t, r]);
+    const F = (o) => {
+      const e = o + Y;
+      if (b.current = !0, O)
+        return m(e !== t ? e : A);
+      m(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(
+    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(
         "button",
         {
           type: "button",
           style: {
-            backgroundColor: resizable2 ? color !== null ? color : void 0 : void 0,
-            color: color !== null ? color : void 0,
-            height: customSize == null ? void 0 : customSize.height
+            backgroundColor: i && s !== null ? s : void 0,
+            color: s !== null ? s : void 0,
+            height: p == null ? void 0 : p.height
           },
-          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
+          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
           }),
-          onClick: () => handleClick(idx),
-          onMouseEnter: handleMouseEnter,
-          onMouseLeave: handleMouseLeave,
-          children: !resizable2 && /* @__PURE__ */ jsx(
-            Icon,
+          onClick: () => F(e),
+          onMouseEnter: W,
+          onMouseLeave: j,
+          children: !i && /* @__PURE__ */ E(
+            x,
             {
-              iconName: STEP_ICONS_MAP[size].icon,
-              ...StepSize[size],
-              className: classNameIconStep
+              iconName: Q[d].icon,
+              ...U[d],
+              className: $
             }
           )
         },
-        idx
+        e
       );
     });
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ E(
       "div",
       {
-        ...otherProps,
-        className: classNames(
-          cls.container,
+        ...w,
+        className: y(
+          l.container,
           {
-            [cls.resizable]: resizable2
+            [l.resizable]: i
           },
-          rootClassName
+          D
         ),
-        ref,
-        children: buttons
+        ref: k,
+        children: H
       }
     );
   }
 );
-Steps.displayName = "Steps";
+ue.displayName = "Steps";
 export {
-  Steps
+  ue as Steps
 };

package/dist/components/Steps/constants.js

@@ -1,16 +1,6 @@
-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 = {
+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 = {
   XS: {
     width: 19,
     height: 8
@@ -35,59 +25,33 @@ const StepSize = {
     width: 72,
     height: 12
   }
-};
-const STEP_ICONS_MAP = {
-  [
-    "XS"
-    /* XS */
-  ]: {
+}, L = {
+  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 EStepColor = /* @__PURE__ */ ((EStepColor2) => {
-  EStepColor2["ASPHALT"] = "#333333";
-  EStepColor2["CITRINE"] = "#ff7900";
-  EStepColor2["SAPPHIRE"] = "#2355d7";
-  EStepColor2["GREEN"] = "#1b770c";
-  EStepColor2["DISABLED"] = "#b2b2b2";
-  return EStepColor2;
-})(EStepColor || {});
+var i = /* @__PURE__ */ ((h) => (h.ASPHALT = "#333333", h.CITRINE = "#ff7900", h.SAPPHIRE = "#2355d7", h.GREEN = "#1b770c", h.DISABLED = "#b2b2b2", h))(i || {});
 export {
-  DIFF_BETWEEN_STEP_AND_INDEX,
-  EStepColor,
-  EStepsSize,
-  ID_SEPARATOR,
-  STEP_ICONS_MAP,
-  StepSize,
-  ZERO_STEP
+  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
 };

package/dist/components/Steps/index.js

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

package/dist/components/Switcher/Switcher.js

@@ -1,106 +1,95 @@
-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" }))));
+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" }))));
 }
-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);
+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);
     });
-  }), 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" }));
+  }), 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" }));
 }
-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 = {
+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 = {
   "switcher-wrapper": "_switcher-wrapper_gu0m2_2",
-  left,
-  right,
-  label,
-  switcher,
+  left: Ge,
+  right: Ke,
+  label: Re,
+  switcher: Me,
   "switcher-checked": "_switcher-checked_gu0m2_45",
   "switcher-thumb": "_switcher-thumb_gu0m2_55",
   "switcher-checked-thumb": "_switcher-checked-thumb_gu0m2_65"
-};
-const Switcher = forwardRef(
+}, Qe = xe(
   ({
-    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,
+    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,
       {
-        className: classNames(
-          cls["switcher-wrapper"],
-          wrapperClassName,
-          cls[labelPosition]
+        className: v(
+          i["switcher-wrapper"],
+          t,
+          i[n]
         ),
         children: [
-          label2 && hasLabel && /* @__PURE__ */ jsx(K, { className: classNames(cls.label, labelClassName), htmlFor: id, children: label2 }),
-          /* @__PURE__ */ jsxs(
-            qe,
+          l && e && /* @__PURE__ */ H(L, { className: v(i.label, m), htmlFor: s, children: l }),
+          /* @__PURE__ */ N(
+            je,
             {
-              ...props,
-              id,
-              ref,
-              className: classNames(cls.switcher, className, {
-                [cls["switcher-checked"]]: checked
+              ...p,
+              id: s,
+              ref: o,
+              className: v(i.switcher, h, {
+                [i["switcher-checked"]]: c
               }),
               children: [
-                renderChildren({ checked }),
-                /* @__PURE__ */ jsx(
+                $({ checked: c }),
+                /* @__PURE__ */ H(
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: classNames(
-                      cls["switcher-thumb"],
-                      switcherThumbClassName,
+                    className: v(
+                      i["switcher-thumb"],
+                      d,
                       {
-                        [cls["switcher-checked-thumb"]]: checked
+                        [i["switcher-checked-thumb"]]: c
                       }
                     )
                   }
@@ -114,5 +103,5 @@ const Switcher = forwardRef(
   }
 );
 export {
-  Switcher
+  Qe as Switcher
 };

package/dist/components/Switcher/constants.js

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

package/dist/components/Switcher/index.js

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