@cfx-dev/ui-components 4.5.21 → 5.0.1

package/dist/components/Select/SelectShowcase.js

@@ -1,10 +1,10 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import o from "react";
+import d from "react";
 import a from "../Flex/Flex.js";
 import { Text as i } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
-import { Select as n } from "./Select.js";
-const t = [
+import { Select as t } from "./Select.js";
+const u = [
   {
     value: "value",
     label: "Label"
@@ -38,85 +38,58 @@ const t = [
     label: "Label7"
   }
 ];
-function d() {
-  const [c, r] = o.useState("value");
+function n() {
+  const [c, r] = d.useState("value");
   return /* @__PURE__ */ l(a, { gap: "large", vertical: !0, children: [
-    /* @__PURE__ */ l(a, { gap: "normal", vertical: !0, children: [
-      /* @__PURE__ */ e(i, { children: "Size small" }),
+    /* @__PURE__ */ l(a, { gap: "medium", vertical: !0, children: [
+      /* @__PURE__ */ e(i, { children: "Default" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        n,
+        t,
         {
-          size: "small",
           value: c,
           onChange: r,
-          options: t
+          options: u
         }
       ) })
     ] }),
-    /* @__PURE__ */ l(a, { gap: "normal", vertical: !0, children: [
-      /* @__PURE__ */ e(i, { children: "Size normal" }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        n,
-        {
-          value: c,
-          onChange: r,
-          options: t
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ l(a, { gap: "normal", vertical: !0, children: [
-      /* @__PURE__ */ e(i, { children: "Size large" }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        n,
-        {
-          size: "large",
-          value: c,
-          onChange: r,
-          options: t
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ l(a, { gap: "normal", vertical: !0, children: [
+    /* @__PURE__ */ l(a, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(i, { children: "Placeholder" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        n,
+        t,
         {
           placeholder: "Placeholder",
-          size: "large",
           onChange: r,
-          options: t
+          options: u
         }
       ) })
     ] }),
-    /* @__PURE__ */ l(a, { gap: "normal", vertical: !0, children: [
+    /* @__PURE__ */ l(a, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(i, { children: "Disabled" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        n,
+        t,
         {
           disabled: !0,
-          size: "large",
           value: c,
           onChange: r,
-          options: t
+          options: u
         }
       ) })
     ] }),
-    /* @__PURE__ */ l(a, { gap: "normal", vertical: !0, children: [
+    /* @__PURE__ */ l(a, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(i, { children: "Full Width" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        n,
+        t,
         {
           fullWidth: !0,
-          size: "large",
           value: c,
           onChange: r,
-          options: t
+          options: u
         }
       ) })
     ] })
   ] });
 }
-const b = o.memo(d);
+const s = d.memo(n);
 export {
-  b as default
+  s as default
 };

package/dist/components/Separator/Separator.d.ts

@@ -1,10 +1,9 @@
 import { default as React } from 'react';
-import { MPProps, OffsetType } from '../../utils/ui';
+import { MPProps } from '../../utils/ui';
 
 export interface SeparatorProps extends MPProps {
     thin?: boolean;
     vertical?: boolean;
     content?: React.ReactNode;
-    offset?: OffsetType;
 }
 export declare function Separator(props: SeparatorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Separator/Separator.js

@@ -1,50 +1,37 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import l from "react";
-import { clsx as x } from "../../utils/clsx.js";
-import { ui as s } from "../../utils/ui/ui.js";
-const m = "cfxui__Separator__root__3aea3", u = "cfxui__Separator__separator__5dbbd", d = "cfxui__Separator__content__7ade9", S = "cfxui__Separator__thin__628fd", h = "cfxui__Separator__text__d02da", v = "cfxui__Separator__vertical__8bd90", a = {
-  root: m,
-  "separator-offset-none": "cfxui__Separator__separator-offset-none__f2b70",
-  "separator-offset-hairthin": "cfxui__Separator__separator-offset-hairthin__56e9d",
-  "separator-offset-thin": "cfxui__Separator__separator-offset-thin__36d86",
-  "separator-offset-xxsmall": "cfxui__Separator__separator-offset-xxsmall__84364",
-  "separator-offset-xsmall": "cfxui__Separator__separator-offset-xsmall__6dba9",
-  "separator-offset-small": "cfxui__Separator__separator-offset-small__872f2",
-  "separator-offset-normal": "cfxui__Separator__separator-offset-normal__60e53",
-  "separator-offset-medium": "cfxui__Separator__separator-offset-medium__032b1",
-  "separator-offset-large": "cfxui__Separator__separator-offset-large__918a2",
-  "separator-offset-xlarge": "cfxui__Separator__separator-offset-xlarge__01c53",
-  "separator-offset-safezone": "cfxui__Separator__separator-offset-safezone__d28af",
-  separator: u,
-  content: d,
-  thin: S,
-  text: h,
-  vertical: v
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import p from "react";
+import { clsx as m } from "../../utils/clsx.js";
+import { ui as c } from "../../utils/ui/ui.js";
+const d = "cfxui__Separator__root__3aea3", f = "cfxui__Separator__separator__5dbbd", x = "cfxui__Separator__content__7ade9", u = "cfxui__Separator__thin__628fd", v = "cfxui__Separator__text__d02da", h = "cfxui__Separator__vertical__8bd90", t = {
+  root: d,
+  separator: f,
+  content: x,
+  thin: u,
+  text: v,
+  vertical: h
 };
-function M(f) {
+function M(_) {
   const {
-    content: r,
-    thin: p = !1,
+    content: e,
+    thin: n = !1,
     vertical: i = !1,
-    offset: c = "none",
-    ...e
-  } = f, o = x(
-    a.root,
-    a[`separator-offset-${c}`],
-    s.getAllMPClassnames(e),
+    ...r
+  } = _, o = m(
+    t.root,
+    c.getAllMPClassnames(r),
     {
-      [a.text]: !!r,
-      [a.thin]: p,
-      [a.vertical]: i
+      [t.text]: !!e,
+      [t.thin]: n,
+      [t.vertical]: i
     }
-  ), _ = l.useMemo(() => ({
-    ...s.getAllMPStyles(e)
-  }), [e]);
-  return r ? /* @__PURE__ */ n("div", { className: o, style: _, children: [
-    /* @__PURE__ */ t("div", { className: a.separator }),
-    /* @__PURE__ */ t("div", { className: a.content, children: r }),
-    /* @__PURE__ */ t("div", { className: a.separator })
-  ] }) : /* @__PURE__ */ t("div", { className: o, style: _, children: /* @__PURE__ */ t("div", { className: a.separator }) });
+  ), s = p.useMemo(() => ({
+    ...c.getAllMPStyles(r)
+  }), [r]);
+  return e ? /* @__PURE__ */ l("div", { className: o, style: s, children: [
+    /* @__PURE__ */ a("div", { className: t.separator }),
+    /* @__PURE__ */ a("div", { className: t.content, children: e }),
+    /* @__PURE__ */ a("div", { className: t.separator })
+  ] }) : /* @__PURE__ */ a("div", { className: o, style: s, children: /* @__PURE__ */ a("div", { className: t.separator }) });
 }
 export {
   M as Separator

package/dist/components/Skeleton/SkeletonShowcase.js

@@ -1,5 +1,5 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import f, { useState as n, useEffect as u } from "react";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import u, { useState as n, useEffect as f } from "react";
 import { Badge as t } from "../Badge/Badge.js";
 import p from "../Button/Button.js";
 import "../../utils/links.js";
@@ -16,7 +16,7 @@ const g = [
   { text: "Item" }
 ];
 function S() {
-  const [l, a] = n(!0), [d, s] = n([]), o = () => {
+  const [l, a] = n(!0), [d, s] = n([]), i = () => {
     a(!0);
     const h = setTimeout(() => {
       s([
@@ -27,30 +27,30 @@ function S() {
     }, 5e3);
     return () => clearTimeout(h);
   };
-  return u(() => {
-    o();
-  }, []), /* @__PURE__ */ i(m, { gap: "large", vertical: !0, children: [
+  return f(() => {
+    i();
+  }, []), /* @__PURE__ */ o(m, { gap: "large", vertical: !0, children: [
     /* @__PURE__ */ e(r, { children: "Skeleton within Table" }),
-    /* @__PURE__ */ e(m, { gap: "normal", vertical: !0, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(m, { gap: "medium", vertical: !0, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
       x,
       {
         loading: l,
         includeRadio: !0,
         headers: g,
-        data: l ? Array(3).fill(Array(5).fill(/* @__PURE__ */ e(c, { width: "100%", height: "normal" }))) : d
+        data: l ? Array(3).fill(Array(5).fill(/* @__PURE__ */ e(c, { width: "100%", height: "small" }))) : d
       }
     ) }) }),
     /* @__PURE__ */ e(r, { children: "Skeleton in Text" }),
-    /* @__PURE__ */ i(r, { children: [
+    /* @__PURE__ */ o(r, { children: [
       "This is a",
-      /* @__PURE__ */ e(c, { width: "200px", height: "normal" }),
+      /* @__PURE__ */ e(c, { width: "200px", height: "small" }),
       " ",
       "in Text"
     ] }),
-    /* @__PURE__ */ e(p, { theme: "secondary", onClick: o, text: "Restart Timer" })
+    /* @__PURE__ */ e(p, { theme: "secondary", onClick: i, text: "Restart Timer" })
   ] });
 }
-const y = f.memo(S);
+const y = u.memo(S);
 export {
   y as default
 };

package/dist/components/Slider/SliderShowcase.js

@@ -4,12 +4,12 @@ import a from "../Flex/Flex.js";
 import { Text as t } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
 import { Slider as l } from "./Slider.js";
-const m = "cfxui__SliderShowcase__track__9ceda", o = {
+const m = "cfxui__SliderShowcase__track__9ceda", s = {
   track: m
 };
-function s() {
+function c() {
   return /* @__PURE__ */ r(a, { gap: "large", vertical: !0, children: [
-    /* @__PURE__ */ r(a, { gap: "normal", vertical: !0, children: [
+    /* @__PURE__ */ r(a, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(t, { children: "Default Slider" }),
       /* @__PURE__ */ e(
         "div",
@@ -26,14 +26,14 @@ function s() {
               step: 1,
               ariaLabel: "Volume",
               className: "",
-              trackClassName: o.track,
+              trackClassName: s.track,
               name: "volume"
             }
           )
         }
       )
     ] }),
-    /* @__PURE__ */ r(a, { gap: "normal", vertical: !0, children: [
+    /* @__PURE__ */ r(a, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(t, { children: "Custom Slider" }),
       /* @__PURE__ */ e(
         "div",
@@ -59,7 +59,7 @@ function s() {
     ] })
   ] });
 }
-const x = i.memo(s);
+const x = i.memo(c);
 export {
   x as default
 };

package/dist/components/StyledInput/StyledInput.d.ts

@@ -1,12 +1,12 @@
 import { default as React } from 'react';
-import { InputSize, InputTheme } from '../Input/Input.types';
-import { ResponsiveValueType } from '../../utils/ui';
+import { InputTheme } from '../Input/Input.types';
 
+export type StateType = 'default' | 'success' | 'error';
 export interface StyledInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
     className?: string;
-    size?: ResponsiveValueType<InputSize>;
     theme?: InputTheme;
     ref?: React.Ref<HTMLInputElement>;
+    state?: StateType;
 }
 declare function StyledInput(props: StyledInputProps): import("react/jsx-runtime").JSX.Element;
 export default StyledInput;

package/dist/components/StyledInput/StyledInput.js

@@ -1,46 +1,30 @@
 import { jsx as n } from "react/jsx-runtime";
-import { clsx as m } from "../../utils/clsx.js";
-import { ui as p } from "../../utils/ui/ui.js";
-const s = "cfxui__StyledInput__root__37064", S = "cfxui__StyledInput__small__0f240", r = "cfxui__StyledInput__large__a3ad2", d = "cfxui__StyledInput__onlight__dcd8f", l = {
-  root: s,
-  small: S,
-  large: r,
-  onlight: d,
-  "inputSize-initial-large": "cfxui__StyledInput__inputSize-initial-large__43033",
-  "inputSize-initial-small": "cfxui__StyledInput__inputSize-initial-small__6e9de",
-  "inputSize-small-large": "cfxui__StyledInput__inputSize-small-large__77186",
-  "inputSize-small-small": "cfxui__StyledInput__inputSize-small-small__968a4",
-  "inputSize-small-medium-large": "cfxui__StyledInput__inputSize-small-medium-large__96f91",
-  "inputSize-small-medium-small": "cfxui__StyledInput__inputSize-small-medium-small__0a42b",
-  "inputSize-medium-large": "cfxui__StyledInput__inputSize-medium-large__e552f",
-  "inputSize-medium-small": "cfxui__StyledInput__inputSize-medium-small__28227",
-  "inputSize-medium-large-large": "cfxui__StyledInput__inputSize-medium-large-large__0c8e8",
-  "inputSize-medium-large-small": "cfxui__StyledInput__inputSize-medium-large-small__35702",
-  "inputSize-large-large": "cfxui__StyledInput__inputSize-large-large__7dfe8",
-  "inputSize-large-small": "cfxui__StyledInput__inputSize-large-small__69180",
-  "inputSize-xlarge-large": "cfxui__StyledInput__inputSize-xlarge-large__f4d6e",
-  "inputSize-xlarge-small": "cfxui__StyledInput__inputSize-xlarge-small__b60c7"
+import { clsx as l } from "../../utils/clsx.js";
+const u = "cfxui__StyledInput__root__37064", a = "cfxui__StyledInput__onlight__dcd8f", t = {
+  root: u,
+  onlight: a,
+  "state-error": "cfxui__StyledInput__state-error__79815"
 };
-function z(i) {
+function i(o) {
   const {
     className: e,
-    size: _ = "normal",
-    theme: t = "default",
-    ...u
-  } = i;
+    theme: r = "default",
+    state: s = "default",
+    ..._
+  } = o;
   return /* @__PURE__ */ n(
     "input",
     {
-      className: m(
+      className: l(
         e,
-        l.root,
-        l[t],
-        p.getResponsiveFlatClassnames("inputSize", _).map((a) => l[a])
+        t.root,
+        t[r],
+        t[`state-${s}`]
       ),
-      ...u
+      ..._
     }
   );
 }
 export {
-  z as default
+  i as default
 };

package/dist/components/Switch/Switch.d.ts

@@ -1,8 +1,14 @@
 import { default as React } from 'react';
 import * as SwitchUi from '@radix-ui/react-switch';
+export type ThemeType = 'primary' | 'secondary';
+export type ViewType = 'default' | 'alternative';
+export declare function getSwitchClassNames(classNameRoot?: string, theme?: ThemeType, view?: ViewType): string;
+export declare function getSwitchThumbClassNames(classNameThumb?: string, theme?: ThemeType, view?: ViewType): string;
 export interface SwitchProps extends SwitchUi.SwitchProps {
     classNameRoot?: string;
     classNameThumb?: string;
+    theme?: ThemeType;
+    view?: ViewType;
 }
 declare const _default: React.NamedExoticComponent<SwitchProps>;
 export default _default;

package/dist/components/Switch/Switch.js

@@ -1,112 +1,112 @@
-import { jsxs as P, jsx as i } from "react/jsx-runtime";
-import * as r from "react";
+import { jsxs as x, jsx as l } from "react/jsx-runtime";
+import * as u from "react";
 import M from "react";
-import { b as x, u as H, c as j, P as y, a as A, d as q } from "../../index-CfQtbUfi.js";
+import { b as R, u as H, c as j, P as k, a as A, d as q } from "../../index-CfQtbUfi.js";
 import { u as z } from "../../index-BZPx6jYI.js";
-import { clsx as k } from "../../utils/clsx.js";
-var w = "Switch", [L, et] = j(w), [O, $] = L(w), T = r.forwardRef(
-  (e, s) => {
+import { clsx as N } from "../../utils/clsx.js";
+var S = "Switch", [L, at] = j(S), [O, $] = L(S), P = u.forwardRef(
+  (e, c) => {
     const {
       __scopeSwitch: t,
       name: o,
-      checked: c,
-      defaultChecked: u,
-      required: h,
-      disabled: n,
-      value: d = "on",
-      onCheckedChange: _,
-      form: a,
-      ...S
-    } = e, [p, l] = r.useState(null), b = x(s, (m) => l(m)), v = r.useRef(!1), R = p ? a || !!p.closest("form") : !0, [f, U] = H({
-      prop: c,
-      defaultProp: u ?? !1,
-      onChange: _,
-      caller: w
+      checked: s,
+      defaultChecked: h,
+      required: a,
+      disabled: r,
+      value: i = "on",
+      onCheckedChange: f,
+      form: d,
+      ...b
+    } = e, [p, m] = u.useState(null), v = R(c, (w) => m(w)), y = u.useRef(!1), C = p ? d || !!p.closest("form") : !0, [_, U] = H({
+      prop: s,
+      defaultProp: h ?? !1,
+      onChange: f,
+      caller: S
     });
-    return /* @__PURE__ */ P(O, { scope: t, checked: f, disabled: n, children: [
-      /* @__PURE__ */ i(
-        y.button,
+    return /* @__PURE__ */ x(O, { scope: t, checked: _, disabled: r, children: [
+      /* @__PURE__ */ l(
+        k.button,
         {
           type: "button",
           role: "switch",
-          "aria-checked": f,
-          "aria-required": h,
-          "data-state": B(f),
-          "data-disabled": n ? "" : void 0,
-          disabled: n,
-          value: d,
-          ...S,
-          ref: b,
-          onClick: A(e.onClick, (m) => {
-            U((I) => !I), R && (v.current = m.isPropagationStopped(), v.current || m.stopPropagation());
+          "aria-checked": _,
+          "aria-required": a,
+          "data-state": B(_),
+          "data-disabled": r ? "" : void 0,
+          disabled: r,
+          value: i,
+          ...b,
+          ref: v,
+          onClick: A(e.onClick, (w) => {
+            U((I) => !I), C && (y.current = w.isPropagationStopped(), y.current || w.stopPropagation());
           })
         }
       ),
-      R && /* @__PURE__ */ i(
-        g,
+      C && /* @__PURE__ */ l(
+        E,
         {
           control: p,
-          bubbles: !v.current,
+          bubbles: !y.current,
           name: o,
-          value: d,
-          checked: f,
-          required: h,
-          disabled: n,
-          form: a,
+          value: i,
+          checked: _,
+          required: a,
+          disabled: r,
+          form: d,
           style: { transform: "translateX(-100%)" }
         }
       )
     ] });
   }
 );
-T.displayName = w;
-var N = "SwitchThumb", E = r.forwardRef(
-  (e, s) => {
-    const { __scopeSwitch: t, ...o } = e, c = $(N, t);
-    return /* @__PURE__ */ i(
-      y.span,
+P.displayName = S;
+var T = "SwitchThumb", g = u.forwardRef(
+  (e, c) => {
+    const { __scopeSwitch: t, ...o } = e, s = $(T, t);
+    return /* @__PURE__ */ l(
+      k.span,
       {
-        "data-state": B(c.checked),
-        "data-disabled": c.disabled ? "" : void 0,
+        "data-state": B(s.checked),
+        "data-disabled": s.disabled ? "" : void 0,
         ...o,
-        ref: s
+        ref: c
       }
     );
   }
 );
-E.displayName = N;
-var D = "SwitchBubbleInput", g = r.forwardRef(
+g.displayName = T;
+var D = "SwitchBubbleInput", E = u.forwardRef(
   ({
     __scopeSwitch: e,
-    control: s,
+    control: c,
     checked: t,
     bubbles: o = !0,
-    ...c
-  }, u) => {
-    const h = r.useRef(null), n = x(h, u), d = z(t), _ = q(s);
-    return r.useEffect(() => {
-      const a = h.current;
-      if (!a) return;
-      const S = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(
-        S,
+    ...s
+  }, h) => {
+    const a = u.useRef(null), r = R(a, h), i = z(t), f = q(c);
+    return u.useEffect(() => {
+      const d = a.current;
+      if (!d) return;
+      const b = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(
+        b,
         "checked"
       ).set;
-      if (d !== t && l) {
-        const b = new Event("click", { bubbles: o });
-        l.call(a, t), a.dispatchEvent(b);
+      if (i !== t && m) {
+        const v = new Event("click", { bubbles: o });
+        m.call(d, t), d.dispatchEvent(v);
       }
-    }, [d, t, o]), /* @__PURE__ */ i(
+    }, [i, t, o]), /* @__PURE__ */ l(
       "input",
       {
         type: "checkbox",
         "aria-hidden": !0,
         defaultChecked: t,
-        ...c,
+        ...s,
         tabIndex: -1,
-        ref: n,
+        ref: r,
         style: {
-          ...c.style,
-          ..._,
+          ...s.style,
+          ...f,
           position: "absolute",
           pointerEvents: "none",
           opacity: 0,
@@ -116,37 +116,51 @@ var D = "SwitchBubbleInput", g = r.forwardRef(
     );
   }
 );
-g.displayName = D;
+E.displayName = D;
 function B(e) {
   return e ? "checked" : "unchecked";
 }
-var F = T, W = E;
-const X = "cfxui__Switch__switchUnset__c8b03", G = "cfxui__Switch__switchRoot__f2911", J = "cfxui__Switch__switchThumb__9cbf5", C = {
+var F = P, W = g;
+const X = "cfxui__Switch__switchUnset__c8b03", G = "cfxui__Switch__switchRoot__f2911", J = "cfxui__Switch__primary__2653f", K = "cfxui__Switch__secondary__7f1cf", Q = "cfxui__Switch__alternative__33f60", V = "cfxui__Switch__switchThumb__9cbf5", n = {
   switchUnset: X,
   switchRoot: G,
-  switchThumb: J
+  primary: J,
+  secondary: K,
+  default: "cfxui__Switch__default__4e727",
+  alternative: Q,
+  switchThumb: V
 };
-function K(e) {
+function Y(e, c = "primary", t = "default") {
+  return N(n.switchRoot, n.switchUnset, e, n[c], n[t]);
+}
+function Z(e, c = "primary", t = "default") {
+  return N(n.switchThumb, e, n[c], n[t]);
+}
+function tt(e) {
   const {
-    classNameRoot: s,
+    classNameRoot: c,
     classNameThumb: t,
-    name: o,
-    checked: c,
-    ...u
-  } = e;
-  return /* @__PURE__ */ P(F, { ...u, className: k(C.switchRoot, C.switchUnset, s), children: [
-    o && /* @__PURE__ */ i(
+    theme: o = "primary",
+    view: s = "default",
+    name: h,
+    checked: a,
+    ...r
+  } = e, i = Y(c, o, s), f = Z(t, o, s);
+  return /* @__PURE__ */ x(F, { ...r, className: i, children: [
+    h && /* @__PURE__ */ l(
       "input",
       {
         type: "hidden",
-        name: o,
-        value: c ? "on" : ""
+        name: h,
+        value: a ? "on" : ""
       }
     ),
-    /* @__PURE__ */ i(W, { className: k(C.switchThumb, t) })
+    /* @__PURE__ */ l(W, { className: f })
   ] });
 }
-const ot = M.memo(K);
+const it = M.memo(tt);
 export {
-  ot as default
+  it as default,
+  Y as getSwitchClassNames,
+  Z as getSwitchThumbClassNames
 };