musae 1.3.1-beta.2 → 1.3.1-beta.21

package/dist/components/switch/switch.cjs

@@ -4,8 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var styles = require('./styles.cjs');
 var React = require('react');
 var relax = require('@aiszlab/relax');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var tokens_stylex = require('../theme/tokens.stylex.cjs');
 var className = require('@aiszlab/relax/class-name');
 var useClassNames = require('../../hooks/use-class-names.cjs');
@@ -39,106 +41,11 @@ var Switch = function Switch(_ref) {
   });
   var _themeColorVars = useThemeColorVars.useThemeColorVars(["outline", "surface-container-highest", "on-surface-variant", "primary", "on-primary", "surface", "on-primary-container", ["on-surface", tokens_stylex.OPACITY.medium], ["surface-variant", tokens_stylex.OPACITY.medium], ["on-surface", tokens_stylex.OPACITY.thickest]]);
   var styled = {
-    "switch": {
-      0: {
-        className: "musaex-14lk58v musaex-eq5yr9 musaex-1si1pn3 musaex-78zum5 musaex-6s0dn4 musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-shxsqp musaex-1xm4y21 musaex-1y0btm7 musaex-1t7i6ks musaex-1mu49yl musaex-bq1wot musaex-1n775ky"
-      },
-      4: {
-        className: "musaex-14lk58v musaex-eq5yr9 musaex-1si1pn3 musaex-78zum5 musaex-6s0dn4 musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-shxsqp musaex-1xm4y21 musaex-1y0btm7 musaex-1n775ky musaex-9r1u3d musaex-19fix8x musaex-1szb5uh"
-      },
-      2: {
-        className: "musaex-14lk58v musaex-eq5yr9 musaex-1si1pn3 musaex-78zum5 musaex-6s0dn4 musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-shxsqp musaex-1xm4y21 musaex-1y0btm7 musaex-1n775ky musaex-1h6gzvc musaex-utl9qk musaex-1ag9dze musaex-1ldep6k"
-      },
-      6: {
-        className: "musaex-14lk58v musaex-eq5yr9 musaex-1si1pn3 musaex-78zum5 musaex-6s0dn4 musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-shxsqp musaex-1xm4y21 musaex-1y0btm7 musaex-1n775ky musaex-1h6gzvc musaex-utl9qk musaex-1ag9dze musaex-1ldep6k"
-      },
-      1: {
-        className: "musaex-14lk58v musaex-eq5yr9 musaex-1si1pn3 musaex-78zum5 musaex-6s0dn4 musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-shxsqp musaex-1xm4y21 musaex-1y0btm7 musaex-1t7i6ks musaex-1n775ky musaex-1j73dxc musaex-d8bn1n"
-      },
-      5: {
-        className: "musaex-14lk58v musaex-eq5yr9 musaex-1si1pn3 musaex-78zum5 musaex-6s0dn4 musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-shxsqp musaex-1xm4y21 musaex-1y0btm7 musaex-1n775ky musaex-9r1u3d musaex-1j73dxc musaex-d8bn1n"
-      },
-      3: {
-        className: "musaex-14lk58v musaex-eq5yr9 musaex-1si1pn3 musaex-78zum5 musaex-6s0dn4 musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-shxsqp musaex-1xm4y21 musaex-1y0btm7 musaex-1n775ky musaex-1h6gzvc musaex-utl9qk musaex-1j73dxc musaex-d8bn1n"
-      },
-      7: {
-        className: "musaex-14lk58v musaex-eq5yr9 musaex-1si1pn3 musaex-78zum5 musaex-6s0dn4 musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-shxsqp musaex-1xm4y21 musaex-1y0btm7 musaex-1n775ky musaex-1h6gzvc musaex-utl9qk musaex-1j73dxc musaex-d8bn1n"
-      }
-    }[!!isChecked << 2 | !!disabled << 1 | !!(disabled && isChecked) << 0],
-    slider: {
-      0: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-9ip8r5 musaex-14kusyn musaex-151xgyu musaex-1fdp3o3 musaex-lrh9k8 musaex-78zum5 musaex-6s0dn4 musaex-l56j7k"
-      },
-      8: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-9ip8r5 musaex-14kusyn musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-zwkl2s"
-      },
-      4: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-1q2mt7c musaex-cm04b4 musaex-pvxov6 musaex-t4hhhd musaex-16hpesl"
-      },
-      12: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-1q2mt7c musaex-cm04b4 musaex-pvxov6 musaex-t4hhhd musaex-16hpesl"
-      },
-      2: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-151xgyu musaex-1fdp3o3 musaex-lrh9k8 musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-1hpiskz musaex-t23fqg musaex-14kusyn"
-      },
-      10: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-zwkl2s musaex-1hpiskz musaex-t23fqg musaex-14kusyn"
-      },
-      6: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-16hpesl musaex-1hpiskz musaex-t23fqg musaex-14kusyn"
-      },
-      14: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-16hpesl musaex-1hpiskz musaex-t23fqg musaex-14kusyn"
-      },
-      1: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-151xgyu musaex-1fdp3o3 musaex-lrh9k8 musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-k7eln3 musaex-1ldep6k"
-      },
-      9: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-zwkl2s musaex-k7eln3 musaex-1ldep6k"
-      },
-      5: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-16hpesl musaex-k7eln3 musaex-1ldep6k"
-      },
-      13: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-16hpesl musaex-k7eln3 musaex-1ldep6k"
-      },
-      3: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-151xgyu musaex-1fdp3o3 musaex-lrh9k8 musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-1hpiskz musaex-k7eln3 musaex-1ldep6k"
-      },
-      11: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-zwkl2s musaex-1hpiskz musaex-k7eln3 musaex-1ldep6k"
-      },
-      7: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-16hpesl musaex-1hpiskz musaex-k7eln3 musaex-1ldep6k"
-      },
-      15: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-16hpesl musaex-1hpiskz musaex-k7eln3 musaex-1ldep6k"
-      }
-    }[!!icon << 3 | !!isChecked << 2 | !!disabled << 1 | !!(disabled && isChecked) << 0],
-    supporting: {
-      0: {
-        className: "musaex-qg7gut musaex-92755x musaex-b3r6kr musaex-78zum5 musaex-dt5ytf musaex-1heor9g musaex-bjh9w0 musaex-1ptezny musaex-4ufmrg musaex-10crppr"
-      },
-      1: {
-        className: "musaex-qg7gut musaex-92755x musaex-b3r6kr musaex-78zum5 musaex-dt5ytf musaex-1heor9g musaex-bjh9w0 musaex-1ptezny musaex-4qvwnj musaex-17ch5fk"
-      }
-    }[!!isChecked << 0],
-    leading: {
-      0: {
-        className: "musaex-qg7gut musaex-78zum5 musaex-1q0g3np musaex-6s0dn4 musaex-l56j7k musaex-1heor9g musaex-1ve1rmq musaex-1ptezny musaex-97orae musaex-1m6ogap"
-      },
-      1: {
-        className: "musaex-qg7gut musaex-78zum5 musaex-1q0g3np musaex-6s0dn4 musaex-l56j7k musaex-1heor9g musaex-1ve1rmq musaex-1ptezny musaex-1lziwak musaex-14z9mp"
-      }
-    }[!!isChecked << 0],
-    trailing: {
-      0: {
-        className: "musaex-qg7gut musaex-78zum5 musaex-1q0g3np musaex-6s0dn4 musaex-l56j7k musaex-1heor9g musaex-1ve1rmq musaex-1ptezny musaex-e3hmvk musaex-14z9mp musaex-1lziwak"
-      },
-      1: {
-        className: "musaex-qg7gut musaex-78zum5 musaex-1q0g3np musaex-6s0dn4 musaex-l56j7k musaex-1heor9g musaex-1ve1rmq musaex-1ptezny musaex-e3hmvk musaex-962lq5 musaex-1i3arqa"
-      }
-    }[!!isChecked << 0]
+    "switch": stylex.props(styles.default["switch"].base.base, isChecked && styles.default["switch"].base.checked, disabled && styles.default["switch"].disabled.base, disabled && isChecked && styles.default["switch"].disabled.checked),
+    slider: stylex.props(styles.default.slider.base.base, icon && styles.default.slider.base.icon, isChecked && styles.default.slider.base.checked, disabled && styles.default.slider.disabled.base, disabled && isChecked && styles.default.slider.disabled.checked),
+    supporting: stylex.props(styles.default.supporting.base, isChecked && styles.default.supporting.checked),
+    leading: stylex.props(styles.default.supporting.child, styles.default.leading.base, isChecked && styles.default.leading.checked),
+    trailing: stylex.props(styles.default.supporting.child, styles.default.trailing.base, isChecked && styles.default.trailing.checked)
   };
   return /*#__PURE__*/React.createElement("button", {
     role: "switch",

package/dist/components/switch/switch.mjs

@@ -1,7 +1,9 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import styles from './styles.mjs';
 import React from 'react';
 import { useControlledState, useEvent } from '@aiszlab/relax';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { OPACITY } from '../theme/tokens.stylex.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
@@ -35,106 +37,11 @@ var Switch = function Switch(_ref) {
   });
   var _themeColorVars = useThemeColorVars(["outline", "surface-container-highest", "on-surface-variant", "primary", "on-primary", "surface", "on-primary-container", ["on-surface", OPACITY.medium], ["surface-variant", OPACITY.medium], ["on-surface", OPACITY.thickest]]);
   var styled = {
-    "switch": {
-      0: {
-        className: "musaex-14lk58v musaex-eq5yr9 musaex-1si1pn3 musaex-78zum5 musaex-6s0dn4 musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-shxsqp musaex-1xm4y21 musaex-1y0btm7 musaex-1t7i6ks musaex-1mu49yl musaex-bq1wot musaex-1n775ky"
-      },
-      4: {
-        className: "musaex-14lk58v musaex-eq5yr9 musaex-1si1pn3 musaex-78zum5 musaex-6s0dn4 musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-shxsqp musaex-1xm4y21 musaex-1y0btm7 musaex-1n775ky musaex-9r1u3d musaex-19fix8x musaex-1szb5uh"
-      },
-      2: {
-        className: "musaex-14lk58v musaex-eq5yr9 musaex-1si1pn3 musaex-78zum5 musaex-6s0dn4 musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-shxsqp musaex-1xm4y21 musaex-1y0btm7 musaex-1n775ky musaex-1h6gzvc musaex-utl9qk musaex-1ag9dze musaex-1ldep6k"
-      },
-      6: {
-        className: "musaex-14lk58v musaex-eq5yr9 musaex-1si1pn3 musaex-78zum5 musaex-6s0dn4 musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-shxsqp musaex-1xm4y21 musaex-1y0btm7 musaex-1n775ky musaex-1h6gzvc musaex-utl9qk musaex-1ag9dze musaex-1ldep6k"
-      },
-      1: {
-        className: "musaex-14lk58v musaex-eq5yr9 musaex-1si1pn3 musaex-78zum5 musaex-6s0dn4 musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-shxsqp musaex-1xm4y21 musaex-1y0btm7 musaex-1t7i6ks musaex-1n775ky musaex-1j73dxc musaex-d8bn1n"
-      },
-      5: {
-        className: "musaex-14lk58v musaex-eq5yr9 musaex-1si1pn3 musaex-78zum5 musaex-6s0dn4 musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-shxsqp musaex-1xm4y21 musaex-1y0btm7 musaex-1n775ky musaex-9r1u3d musaex-1j73dxc musaex-d8bn1n"
-      },
-      3: {
-        className: "musaex-14lk58v musaex-eq5yr9 musaex-1si1pn3 musaex-78zum5 musaex-6s0dn4 musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-shxsqp musaex-1xm4y21 musaex-1y0btm7 musaex-1n775ky musaex-1h6gzvc musaex-utl9qk musaex-1j73dxc musaex-d8bn1n"
-      },
-      7: {
-        className: "musaex-14lk58v musaex-eq5yr9 musaex-1si1pn3 musaex-78zum5 musaex-6s0dn4 musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-shxsqp musaex-1xm4y21 musaex-1y0btm7 musaex-1n775ky musaex-1h6gzvc musaex-utl9qk musaex-1j73dxc musaex-d8bn1n"
-      }
-    }[!!isChecked << 2 | !!disabled << 1 | !!(disabled && isChecked) << 0],
-    slider: {
-      0: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-9ip8r5 musaex-14kusyn musaex-151xgyu musaex-1fdp3o3 musaex-lrh9k8 musaex-78zum5 musaex-6s0dn4 musaex-l56j7k"
-      },
-      8: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-9ip8r5 musaex-14kusyn musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-zwkl2s"
-      },
-      4: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-1q2mt7c musaex-cm04b4 musaex-pvxov6 musaex-t4hhhd musaex-16hpesl"
-      },
-      12: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-1q2mt7c musaex-cm04b4 musaex-pvxov6 musaex-t4hhhd musaex-16hpesl"
-      },
-      2: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-151xgyu musaex-1fdp3o3 musaex-lrh9k8 musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-1hpiskz musaex-t23fqg musaex-14kusyn"
-      },
-      10: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-zwkl2s musaex-1hpiskz musaex-t23fqg musaex-14kusyn"
-      },
-      6: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-16hpesl musaex-1hpiskz musaex-t23fqg musaex-14kusyn"
-      },
-      14: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-16hpesl musaex-1hpiskz musaex-t23fqg musaex-14kusyn"
-      },
-      1: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-151xgyu musaex-1fdp3o3 musaex-lrh9k8 musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-k7eln3 musaex-1ldep6k"
-      },
-      9: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-zwkl2s musaex-k7eln3 musaex-1ldep6k"
-      },
-      5: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-16hpesl musaex-k7eln3 musaex-1ldep6k"
-      },
-      13: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-16hpesl musaex-k7eln3 musaex-1ldep6k"
-      },
-      3: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-151xgyu musaex-1fdp3o3 musaex-lrh9k8 musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-1hpiskz musaex-k7eln3 musaex-1ldep6k"
-      },
-      11: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-zwkl2s musaex-1hpiskz musaex-k7eln3 musaex-1ldep6k"
-      },
-      7: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-16hpesl musaex-1hpiskz musaex-k7eln3 musaex-1ldep6k"
-      },
-      15: {
-        className: "musaex-shxsqp musaex-10l6tqk musaex-fagghw musaex-1ptezny musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-pvxov6 musaex-t4hhhd musaex-16hpesl musaex-1hpiskz musaex-k7eln3 musaex-1ldep6k"
-      }
-    }[!!icon << 3 | !!isChecked << 2 | !!disabled << 1 | !!(disabled && isChecked) << 0],
-    supporting: {
-      0: {
-        className: "musaex-qg7gut musaex-92755x musaex-b3r6kr musaex-78zum5 musaex-dt5ytf musaex-1heor9g musaex-bjh9w0 musaex-1ptezny musaex-4ufmrg musaex-10crppr"
-      },
-      1: {
-        className: "musaex-qg7gut musaex-92755x musaex-b3r6kr musaex-78zum5 musaex-dt5ytf musaex-1heor9g musaex-bjh9w0 musaex-1ptezny musaex-4qvwnj musaex-17ch5fk"
-      }
-    }[!!isChecked << 0],
-    leading: {
-      0: {
-        className: "musaex-qg7gut musaex-78zum5 musaex-1q0g3np musaex-6s0dn4 musaex-l56j7k musaex-1heor9g musaex-1ve1rmq musaex-1ptezny musaex-97orae musaex-1m6ogap"
-      },
-      1: {
-        className: "musaex-qg7gut musaex-78zum5 musaex-1q0g3np musaex-6s0dn4 musaex-l56j7k musaex-1heor9g musaex-1ve1rmq musaex-1ptezny musaex-1lziwak musaex-14z9mp"
-      }
-    }[!!isChecked << 0],
-    trailing: {
-      0: {
-        className: "musaex-qg7gut musaex-78zum5 musaex-1q0g3np musaex-6s0dn4 musaex-l56j7k musaex-1heor9g musaex-1ve1rmq musaex-1ptezny musaex-e3hmvk musaex-14z9mp musaex-1lziwak"
-      },
-      1: {
-        className: "musaex-qg7gut musaex-78zum5 musaex-1q0g3np musaex-6s0dn4 musaex-l56j7k musaex-1heor9g musaex-1ve1rmq musaex-1ptezny musaex-e3hmvk musaex-962lq5 musaex-1i3arqa"
-      }
-    }[!!isChecked << 0]
+    "switch": props(styles["switch"].base.base, isChecked && styles["switch"].base.checked, disabled && styles["switch"].disabled.base, disabled && isChecked && styles["switch"].disabled.checked),
+    slider: props(styles.slider.base.base, icon && styles.slider.base.icon, isChecked && styles.slider.base.checked, disabled && styles.slider.disabled.base, disabled && isChecked && styles.slider.disabled.checked),
+    supporting: props(styles.supporting.base, isChecked && styles.supporting.checked),
+    leading: props(styles.supporting.child, styles.leading.base, isChecked && styles.leading.checked),
+    trailing: props(styles.supporting.child, styles.trailing.base, isChecked && styles.trailing.checked)
   };
   return /*#__PURE__*/React.createElement("button", {
     role: "switch",

package/dist/components/table/body.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var styles = require('./styles.cjs');
 var React = require('react');
 var context = require('./context.cjs');
 var reactTable = require('@tanstack/react-table');
@@ -12,7 +13,6 @@ var empty = require('../empty/empty.cjs');
 var className = require('@aiszlab/relax/class-name');
 var theme = require('../theme/theme.cjs');
 var useThemeColorVars = require('../../hooks/use-theme-color-vars.cjs');
-var styles = require('./styles.cjs');
 
 var Body = function Body() {
   var _useTable = context.useTable(),
@@ -21,7 +21,7 @@ var Body = function Body() {
     classNames = _useTable.classNames;
   var _themeColorVars = useThemeColorVars.useThemeColorVars(["outline-variant"]);
   if (!table) return null;
-  var styled = stylex.props(styles.default.bodyCell["default"], bordered && styles.default.bodyCell.bordered, theme.$body.small);
+  var styled = stylex.props(styles.default.body.cell, bordered && styles.default.body.bordered, theme.$body.small);
   var rows = table.getRowModel().rows;
   var _isEmpty = relax.isEmpty(rows);
   return /*#__PURE__*/React.createElement("tbody", {
@@ -35,7 +35,7 @@ var Body = function Body() {
       className: className.stringify(row.getCanExpand() && classNames.expandableRow, row.depth > 0 && classNames.childRow)
     }, row.getVisibleCells().map(function (cell) {
       var isFirstChildDataCell = row.depth > 0 && cell.column.id !== context.EXPAND_COLUMN_ID && cell.column.getIndex() === 1;
-      var cellStyled = stylex.props(isFirstChildDataCell && styles.default.bodyCell.child);
+      var cellStyled = stylex.props(isFirstChildDataCell && styles.default.body.child);
       return /*#__PURE__*/React.createElement("td", {
         key: cell.id,
         className: className.stringify(styled.className, cellStyled.className, cell.column.id === context.EXPAND_COLUMN_ID && classNames.expandColumn),

package/dist/components/table/body.mjs

@@ -1,4 +1,5 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import styles from './styles.mjs';
 import React from 'react';
 import { useTable, EXPAND_COLUMN_ID } from './context.mjs';
 import { flexRender } from '@tanstack/react-table';
@@ -8,7 +9,6 @@ import Empty from '../empty/empty.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 import { $body } from '../theme/theme.mjs';
 import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';
-import styles from './styles.mjs';
 
 var Body = function Body() {
   var _useTable = useTable(),
@@ -17,7 +17,7 @@ var Body = function Body() {
     classNames = _useTable.classNames;
   var _themeColorVars = useThemeColorVars(["outline-variant"]);
   if (!table) return null;
-  var styled = props(styles.bodyCell["default"], bordered && styles.bodyCell.bordered, $body.small);
+  var styled = props(styles.body.cell, bordered && styles.body.bordered, $body.small);
   var rows = table.getRowModel().rows;
   var _isEmpty = isEmpty(rows);
   return /*#__PURE__*/React.createElement("tbody", {
@@ -31,7 +31,7 @@ var Body = function Body() {
       className: stringify(row.getCanExpand() && classNames.expandableRow, row.depth > 0 && classNames.childRow)
     }, row.getVisibleCells().map(function (cell) {
       var isFirstChildDataCell = row.depth > 0 && cell.column.id !== EXPAND_COLUMN_ID && cell.column.getIndex() === 1;
-      var cellStyled = props(isFirstChildDataCell && styles.bodyCell.child);
+      var cellStyled = props(isFirstChildDataCell && styles.body.child);
       return /*#__PURE__*/React.createElement("td", {
         key: cell.id,
         className: stringify(styled.className, cellStyled.className, cell.column.id === EXPAND_COLUMN_ID && classNames.expandColumn),

package/dist/components/table/header/cell.cjs

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var styles = require('../styles.cjs');
 var React = require('react');
 var relax = require('@aiszlab/relax');
 var stylex = require('../../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var context = require('../context.cjs');
 var useThemeColorVars = require('../../../hooks/use-theme-color-vars.cjs');
-var styles = require('../styles.cjs');
 var unfoldMore = require('../../icon/icons/navigation/unfold-more.cjs');
 
 var Cell = function Cell(_ref) {
@@ -47,9 +47,9 @@ var Cell = function Cell(_ref) {
     return children;
   }
   var styled = {
-    cell: stylex.props(styles.default.headerContent["default"]),
-    handlers: stylex.props(styles.default.headerContent.handlers),
-    sort: stylex.props(styles.default.sort["default"]),
+    cell: stylex.props(styles.default.cell.base),
+    handlers: stylex.props(styles.default.cell.handlers),
+    sort: stylex.props(styles.default.sort.base),
     fullSort: stylex.props(sort === "descending" && styles.default.sort.checked),
     halfSort: stylex.props(styles.default.sort.half, sort === "ascending" && styles.default.sort.checked)
   };

package/dist/components/table/header/cell.mjs

@@ -1,10 +1,10 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import styles from '../styles.mjs';
 import React, { useMemo } from 'react';
 import { toFunction, useEvent } from '@aiszlab/relax';
 import { props } from '../../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { useTable } from '../context.mjs';
 import { useThemeColorVars } from '../../../hooks/use-theme-color-vars.mjs';
-import styles from '../styles.mjs';
 import IconUnfoldMore from '../../icon/icons/navigation/unfold-more.mjs';
 
 var Cell = function Cell(_ref) {
@@ -43,9 +43,9 @@ var Cell = function Cell(_ref) {
     return children;
   }
   var styled = {
-    cell: props(styles.headerContent["default"]),
-    handlers: props(styles.headerContent.handlers),
-    sort: props(styles.sort["default"]),
+    cell: props(styles.cell.base),
+    handlers: props(styles.cell.handlers),
+    sort: props(styles.sort.base),
     fullSort: props(sort === "descending" && styles.sort.checked),
     halfSort: props(styles.sort.half, sort === "ascending" && styles.sort.checked)
   };

package/dist/components/table/header/header.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var styles = require('../styles.cjs');
 var React = require('react');
 var context = require('../context.cjs');
 var reactTable = require('@tanstack/react-table');
@@ -10,7 +11,6 @@ var stylex = require('../../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_m
 var className = require('@aiszlab/relax/class-name');
 var theme = require('../../theme/theme.cjs');
 var useThemeColorVars = require('../../../hooks/use-theme-color-vars.cjs');
-var styles = require('../styles.cjs');
 
 var Header = function Header(props) {
   var _useTable = context.useTable(),
@@ -20,7 +20,7 @@ var Header = function Header(props) {
   var _themeColorVars = useThemeColorVars.useThemeColorVars(["surface", "outline-variant"]);
   if (!table) return null;
   var headerGroups = table.getHeaderGroups();
-  var styled = stylex.props(styles.default.headerCell["default"], theme.$label.small, bordered && styles.default.headerCell.bordered, !bordered && styles.default.headerCell.unbordered);
+  var styled = stylex.props(styles.default.header.cell, theme.$label.small, bordered && styles.default.header.bordered, !bordered && styles.default.header.unbordered);
   return /*#__PURE__*/React.createElement("thead", {
     className: className.stringify(classNames.header, props.className),
     style: _objectSpread(_objectSpread({}, styled.style), _themeColorVars)

package/dist/components/table/header/header.mjs

@@ -1,4 +1,5 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import styles from '../styles.mjs';
 import React from 'react';
 import { useTable, EXPAND_COLUMN_ID } from '../context.mjs';
 import { flexRender } from '@tanstack/react-table';
@@ -6,7 +7,6 @@ import { props } from '../../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_
 import { stringify } from '@aiszlab/relax/class-name';
 import { $label } from '../../theme/theme.mjs';
 import { useThemeColorVars } from '../../../hooks/use-theme-color-vars.mjs';
-import styles from '../styles.mjs';
 
 var Header = function Header(props$1) {
   var _useTable = useTable(),
@@ -16,7 +16,7 @@ var Header = function Header(props$1) {
   var _themeColorVars = useThemeColorVars(["surface", "outline-variant"]);
   if (!table) return null;
   var headerGroups = table.getHeaderGroups();
-  var styled = props(styles.headerCell["default"], $label.small, bordered && styles.headerCell.bordered, !bordered && styles.headerCell.unbordered);
+  var styled = props(styles.header.cell, $label.small, bordered && styles.header.bordered, !bordered && styles.header.unbordered);
   return /*#__PURE__*/React.createElement("thead", {
     className: stringify(classNames.header, props$1.className),
     style: _objectSpread(_objectSpread({}, styled.style), _themeColorVars)

package/dist/components/table/styles.cjs

@@ -2,98 +2,103 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {
-  table: {
-    "default": {
-      kzqmXN: "musaex-h8yej3",
-      kLvRdT: "musaex-1mwwwfo",
-      $$css: true
-    }
+var table = {
+  base: {
+    kzqmXN: "musaex-h8yej3",
+    kLvRdT: "musaex-1mwwwfo",
+    $$css: true
+  }
+};
+var body = {
+  cell: {
+    kjGldf: "musaex-aafj1c",
+    kEafiO: "musaex-1ndz9a0",
+    kg3NbH: "musaex-1g3a7fl",
+    k8WAf4: "musaex-s7sbuz",
+    kVAM5u: "musaex-axmpxa",
+    ksu8eU: "musaex-1y0btm7",
+    kt9PQ7: "musaex-d1xpcx",
+    $$css: true
+  },
+  bordered: {
+    kjGldf: "musaex-imutj9",
+    $$css: true
+  },
+  child: {
+    kZCmMZ: "musaex-1sznsej",
+    $$css: true
+  }
+};
+var cell = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kjj79g: "musaex-1qughib",
+    kGNEyG: "musaex-6s0dn4",
+    $$css: true
   },
-  bodyCell: {
-    "default": {
-      kjGldf: "musaex-aafj1c",
-      kEafiO: "musaex-1ndz9a0",
-      kg3NbH: "musaex-1g3a7fl",
-      k8WAf4: "musaex-s7sbuz",
-      kVAM5u: "musaex-axmpxa",
-      ksu8eU: "musaex-1y0btm7",
-      kt9PQ7: "musaex-d1xpcx",
-      $$css: true
-    },
-    bordered: {
-      kjGldf: "musaex-imutj9",
-      $$css: true
-    },
-    child: {
-      kZCmMZ: "musaex-1sznsej",
-      $$css: true
-    }
+  handlers: {
+    k1xSpc: "musaex-3nfvp2",
+    kXwgrk: "musaex-1q0g3np",
+    kOIVth: "musaex-15wobh7",
+    kMwMTN: "musaex-14kusyn",
+    kfSwDN: "musaex-87ps6o",
+    $$css: true
+  }
+};
+var sort = {
+  base: {
+    kVAEAm: "musaex-1n2onr6",
+    kkrTdU: "musaex-1ypdohk",
+    $$css: true
   },
-  headerCell: {
-    "default": {
-      kMzoRj: "musaex-k59kd",
-      kWkggS: "musaex-k7eln3",
-      kVAM5u: "musaex-axmpxa",
-      k9WMMc: "musaex-1yc453h",
-      kVAEAm: "musaex-1n2onr6",
-      kg3NbH: "musaex-1g3a7fl",
-      k8WAf4: "musaex-s7sbuz",
-      ksu8eU: "musaex-1y0btm7",
-      kt9PQ7: "musaex-d1xpcx",
-      $$css: true
-    },
-    unbordered: {
-      kI9HWG: "musaex-x7gz8e",
-      ko2eyy: "musaex-no41pc",
-      kqR9dF: "musaex-1o8gf8",
-      kpPfZE: "musaex-1rvbi93",
-      kOSWPn: "musaex-8l2ero",
-      kQUujV: "musaex-11jkr13",
-      knGBE: "musaex-1kmnipp",
-      kpnlHG: "musaex-192i3sz",
-      $$css: true
-    },
-    bordered: {
-      kMzoRj: "musaex-1iyq3db",
-      $$css: true
-    }
+  half: {
+    kVAEAm: "musaex-10l6tqk",
+    k87sOh: "musaex-13vifvy",
+    kLqNvP: "musaex-1o0tod",
+    kZKoxP: "musaex-11g3na9",
+    kVQacm: "musaex-b3r6kr",
+    $$css: true
   },
-  headerContent: {
-    "default": {
-      k1xSpc: "musaex-78zum5",
-      kjj79g: "musaex-1qughib",
-      kGNEyG: "musaex-6s0dn4",
-      $$css: true
-    },
-    handlers: {
-      k1xSpc: "musaex-3nfvp2",
-      kXwgrk: "musaex-1q0g3np",
-      kOIVth: "musaex-15wobh7",
-      kMwMTN: "musaex-14kusyn",
-      kfSwDN: "musaex-87ps6o",
-      $$css: true
-    }
+  checked: {
+    kMwMTN: "musaex-14qql8p",
+    $$css: true
+  }
+};
+var header = {
+  cell: {
+    kMzoRj: "musaex-k59kd",
+    kWkggS: "musaex-k7eln3",
+    kVAM5u: "musaex-axmpxa",
+    k9WMMc: "musaex-1yc453h",
+    kVAEAm: "musaex-1n2onr6",
+    kg3NbH: "musaex-1g3a7fl",
+    k8WAf4: "musaex-s7sbuz",
+    ksu8eU: "musaex-1y0btm7",
+    kt9PQ7: "musaex-d1xpcx",
+    $$css: true
   },
-  sort: {
-    "default": {
-      kVAEAm: "musaex-1n2onr6",
-      kkrTdU: "musaex-1ypdohk",
-      $$css: true
-    },
-    half: {
-      kVAEAm: "musaex-10l6tqk",
-      k87sOh: "musaex-13vifvy",
-      kLqNvP: "musaex-1o0tod",
-      kZKoxP: "musaex-11g3na9",
-      kVQacm: "musaex-b3r6kr",
-      $$css: true
-    },
-    checked: {
-      kMwMTN: "musaex-14qql8p",
-      $$css: true
-    }
+  unbordered: {
+    kI9HWG: "musaex-x7gz8e",
+    ko2eyy: "musaex-no41pc",
+    kqR9dF: "musaex-1o8gf8",
+    kpPfZE: "musaex-1rvbi93",
+    kOSWPn: "musaex-8l2ero",
+    kQUujV: "musaex-11jkr13",
+    knGBE: "musaex-1kmnipp",
+    kpnlHG: "musaex-192i3sz",
+    $$css: true
+  },
+  bordered: {
+    kMzoRj: "musaex-1iyq3db",
+    $$css: true
   }
 };
+var styles = {
+  table: table,
+  body: body,
+  cell: cell,
+  sort: sort,
+  header: header
+};
 
 exports.default = styles;