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

package/dist/components/radio/radio.mjs

@@ -1,6 +1,7 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import styles from './styles.mjs';
 import React, { useContext, useMemo, useCallback } from 'react';
 import { Context, CLASS_NAMES } from './context.mjs';
 import { useControlledState } from '@aiszlab/relax';
@@ -11,14 +12,6 @@ import { $body } from '../theme/theme.mjs';
 import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';
 
 var _excluded = ["children", "value", "checked", "disabled"];
-var styles = {
-  label: {
-    "default": {
-      kg3NbH: "musaex-1kvmt37",
-      $$css: true
-    }
-  }
-};
 var Radio = function Radio(_ref) {
   var children = _ref.children,
     value = _ref.value,
@@ -62,41 +55,9 @@ var Radio = function Radio(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isChecked, contextValue, value, isDisabled]);
   var styled = {
-    radio: {
-      0: {
-        className: "musaex-78zum5 musaex-6s0dn4 musaex-1ypdohk"
-      },
-      1: {
-        className: "musaex-78zum5 musaex-6s0dn4 musaex-1h6gzvc"
-      }
-    }[!!isDisabled << 0],
-    input: {
-      0: {
-        className: "musaex-lshs6z musaex-151xgyu musaex-1fdp3o3 musaex-78zum5 musaex-l56j7k musaex-6s0dn4 musaex-mper1u musaex-q3gua8 musaex-100rkj9 musaex-170pinb musaex-hkezso musaex-78q1ud musaex-l0urhf musaex-x38sju musaex-1oqwzx8 musaex-86avzo musaex-10d3x5w musaex-81ks7e musaex-yttlx6 musaex-6orayw musaex-mbwe65"
-      },
-      4: {
-        className: "musaex-lshs6z musaex-151xgyu musaex-1fdp3o3 musaex-78zum5 musaex-l56j7k musaex-6s0dn4 musaex-mper1u musaex-q3gua8 musaex-100rkj9 musaex-170pinb musaex-hkezso musaex-78q1ud musaex-l0urhf musaex-x38sju musaex-86avzo musaex-81ks7e musaex-yttlx6 musaex-6orayw musaex-mbwe65 musaex-4z7c0w musaex-vn5jsv"
-      },
-      2: {
-        className: "musaex-lshs6z musaex-151xgyu musaex-1fdp3o3 musaex-78zum5 musaex-l56j7k musaex-6s0dn4 musaex-mper1u musaex-q3gua8 musaex-100rkj9 musaex-170pinb musaex-hkezso musaex-78q1ud musaex-l0urhf musaex-x38sju musaex-86avzo musaex-81ks7e musaex-yttlx6 musaex-6orayw musaex-mbwe65 musaex-1oqwzx8 musaex-xpv2yf musaex-10tli2e musaex-1hmns74 musaex-11srvyv musaex-1vd6n00 musaex-ppt4qs musaex-1l043wi musaex-1yqvhn5"
-      },
-      6: {
-        className: "musaex-lshs6z musaex-151xgyu musaex-1fdp3o3 musaex-78zum5 musaex-l56j7k musaex-6s0dn4 musaex-mper1u musaex-q3gua8 musaex-100rkj9 musaex-170pinb musaex-hkezso musaex-78q1ud musaex-l0urhf musaex-x38sju musaex-86avzo musaex-81ks7e musaex-yttlx6 musaex-6orayw musaex-mbwe65 musaex-1oqwzx8 musaex-xpv2yf musaex-10tli2e musaex-1hmns74 musaex-11srvyv musaex-1vd6n00 musaex-ppt4qs musaex-1l043wi musaex-1yqvhn5"
-      },
-      1: {
-        className: "musaex-lshs6z musaex-151xgyu musaex-1fdp3o3 musaex-78zum5 musaex-l56j7k musaex-6s0dn4 musaex-mper1u musaex-q3gua8 musaex-100rkj9 musaex-170pinb musaex-hkezso musaex-78q1ud musaex-l0urhf musaex-x38sju musaex-1oqwzx8 musaex-86avzo musaex-10d3x5w musaex-81ks7e musaex-yttlx6 musaex-6orayw musaex-mbwe65 musaex-15ozc13"
-      },
-      5: {
-        className: "musaex-lshs6z musaex-151xgyu musaex-1fdp3o3 musaex-78zum5 musaex-l56j7k musaex-6s0dn4 musaex-mper1u musaex-q3gua8 musaex-100rkj9 musaex-170pinb musaex-hkezso musaex-78q1ud musaex-l0urhf musaex-x38sju musaex-86avzo musaex-81ks7e musaex-yttlx6 musaex-6orayw musaex-mbwe65 musaex-4z7c0w musaex-vn5jsv musaex-15ozc13"
-      },
-      3: {
-        className: "musaex-lshs6z musaex-151xgyu musaex-1fdp3o3 musaex-78zum5 musaex-l56j7k musaex-6s0dn4 musaex-mper1u musaex-q3gua8 musaex-100rkj9 musaex-170pinb musaex-hkezso musaex-78q1ud musaex-l0urhf musaex-x38sju musaex-86avzo musaex-81ks7e musaex-yttlx6 musaex-6orayw musaex-mbwe65 musaex-1oqwzx8 musaex-xpv2yf musaex-10tli2e musaex-1hmns74 musaex-11srvyv musaex-1vd6n00 musaex-ppt4qs musaex-1l043wi musaex-1yqvhn5 musaex-15ozc13"
-      },
-      7: {
-        className: "musaex-lshs6z musaex-151xgyu musaex-1fdp3o3 musaex-78zum5 musaex-l56j7k musaex-6s0dn4 musaex-mper1u musaex-q3gua8 musaex-100rkj9 musaex-170pinb musaex-hkezso musaex-78q1ud musaex-l0urhf musaex-x38sju musaex-86avzo musaex-81ks7e musaex-yttlx6 musaex-6orayw musaex-mbwe65 musaex-1oqwzx8 musaex-xpv2yf musaex-10tli2e musaex-1hmns74 musaex-11srvyv musaex-1vd6n00 musaex-ppt4qs musaex-1l043wi musaex-1yqvhn5 musaex-15ozc13"
-      }
-    }[!!isChecked << 2 | !!isDisabled << 1 | !!!isChecked << 0],
-    label: props($body.medium, styles.label["default"])
+    radio: props(styles.radio.base, isDisabled && styles.radio.disabled),
+    input: props(styles.input.base, isChecked && styles.input.checked, isDisabled && styles.input.disabled, !isChecked && styles.input.unckecked),
+    label: props($body.medium, styles.label.base)
   };
   return /*#__PURE__*/React.createElement("label", {
     className: stringify(classNames.radio, props$1.className, styled.radio.className),

package/dist/components/radio/styles.cjs

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var radio = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kkrTdU: "musaex-1ypdohk",
+    $$css: true
+  },
+  disabled: {
+    kkrTdU: "musaex-1h6gzvc",
+    $$css: true
+  }
+};
+var input = {
+  base: {
+    k33iCy: "musaex-lshs6z",
+    kZKoxP: "musaex-151xgyu",
+    kzqmXN: "musaex-1fdp3o3",
+    k1xSpc: "musaex-78zum5",
+    kjj79g: "musaex-l56j7k",
+    kGNEyG: "musaex-6s0dn4",
+    kkrTdU: "musaex-mper1u",
+    kogj98: "musaex-q3gua8",
+    k5JduY: "musaex-100rkj9",
+    kMEsQN: "musaex-170pinb",
+    kc3QkE: "musaex-hkezso",
+    k4zj60: "musaex-78q1ud",
+    kkgrvl: "musaex-l0urhf",
+    kWgvks: "musaex-x38sju",
+    kPGmMm: "musaex-1oqwzx8",
+    kbwMcY: "musaex-86avzo",
+    kXtpa: "musaex-10d3x5w",
+    kUfP38: "musaex-81ks7e",
+    kWkaDd: "musaex-yttlx6",
+    kRicXK: "musaex-6orayw",
+    kPNhGg: "musaex-mbwe65",
+    $$css: true
+  },
+  checked: {
+    kXtpa: "musaex-4z7c0w",
+    kPGmMm: "musaex-vn5jsv",
+    $$css: true
+  },
+  disabled: {
+    kPGmMm: "musaex-1oqwzx8",
+    kXtpa: "musaex-xpv2yf",
+    kgeoSG: "musaex-10tli2e",
+    kEoFBp: "musaex-1hmns74",
+    ktHQil: "musaex-11srvyv",
+    kgzTxl: "musaex-1vd6n00",
+    kOlAkY: "musaex-ppt4qs",
+    kLkRvE: "musaex-1l043wi",
+    kPB484: "musaex-1yqvhn5",
+    $$css: true
+  },
+  unckecked: {
+    kP1sEF: "musaex-15ozc13",
+    $$css: true
+  }
+};
+var label = {
+  base: {
+    kg3NbH: "musaex-1kvmt37",
+    $$css: true
+  }
+};
+var styles = {
+  radio: radio,
+  input: input,
+  label: label
+};
+
+exports.default = styles;

package/dist/components/radio/styles.d.ts

@@ -0,0 +1,71 @@
+declare const styles: {
+    radio: Readonly<{
+        readonly base: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "pointer">;
+        }>;
+        readonly disabled: Readonly<{
+            readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "not-allowed">;
+        }>;
+    }>;
+    input: Readonly<{
+        readonly base: Readonly<{
+            readonly visibility: import("@stylexjs/stylex").StyleXClassNameFor<"visibility", "hidden">;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "center">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "inherit">;
+            readonly margin: import("@stylexjs/stylex").StyleXClassNameFor<"margin", string>;
+            readonly "::after": import("@stylexjs/stylex").StyleXClassNameFor<"::after", {
+                readonly content: "''";
+                readonly visibility: "visible";
+                readonly display: "block";
+                readonly height: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly width: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly boxSizing: "border-box";
+                readonly borderWidth: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly borderStyle: "solid";
+                readonly borderColor: "var(--color-outline)";
+                readonly borderRadius: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly willChange: "border-color, border-width";
+                readonly transitionProperty: "border-color, border-width";
+                readonly transitionDuration: import("@stylexjs/stylex").StyleXVar<string>;
+            }>;
+        }>;
+        readonly checked: Readonly<{
+            readonly "::after": import("@stylexjs/stylex").StyleXClassNameFor<"::after", {
+                readonly borderColor: "var(--color-primary)";
+                readonly borderWidth: import("@stylexjs/stylex").StyleXVar<string>;
+            }>;
+        }>;
+        readonly disabled: Readonly<{
+            readonly "::after": import("@stylexjs/stylex").StyleXClassNameFor<"::after", {
+                readonly borderWidth: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly borderColor: "var(--color-inverse-primary)";
+            }>;
+            readonly "::before": import("@stylexjs/stylex").StyleXClassNameFor<"::before", {
+                readonly content: "''";
+                readonly position: "absolute";
+                readonly visibility: "visible";
+                readonly height: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly width: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly backgroundColor: "var(--color-inverse-primary)";
+                readonly borderRadius: import("@stylexjs/stylex").StyleXVar<string>;
+            }>;
+        }>;
+        readonly unckecked: Readonly<{
+            readonly "::before": import("@stylexjs/stylex").StyleXClassNameFor<"::before", {
+                readonly display: "none";
+            }>;
+        }>;
+    }>;
+    label: Readonly<{
+        readonly base: Readonly<{
+            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+        }>;
+    }>;
+};
+export default styles;

package/dist/components/radio/styles.mjs

@@ -0,0 +1,72 @@
+var radio = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kkrTdU: "musaex-1ypdohk",
+    $$css: true
+  },
+  disabled: {
+    kkrTdU: "musaex-1h6gzvc",
+    $$css: true
+  }
+};
+var input = {
+  base: {
+    k33iCy: "musaex-lshs6z",
+    kZKoxP: "musaex-151xgyu",
+    kzqmXN: "musaex-1fdp3o3",
+    k1xSpc: "musaex-78zum5",
+    kjj79g: "musaex-l56j7k",
+    kGNEyG: "musaex-6s0dn4",
+    kkrTdU: "musaex-mper1u",
+    kogj98: "musaex-q3gua8",
+    k5JduY: "musaex-100rkj9",
+    kMEsQN: "musaex-170pinb",
+    kc3QkE: "musaex-hkezso",
+    k4zj60: "musaex-78q1ud",
+    kkgrvl: "musaex-l0urhf",
+    kWgvks: "musaex-x38sju",
+    kPGmMm: "musaex-1oqwzx8",
+    kbwMcY: "musaex-86avzo",
+    kXtpa: "musaex-10d3x5w",
+    kUfP38: "musaex-81ks7e",
+    kWkaDd: "musaex-yttlx6",
+    kRicXK: "musaex-6orayw",
+    kPNhGg: "musaex-mbwe65",
+    $$css: true
+  },
+  checked: {
+    kXtpa: "musaex-4z7c0w",
+    kPGmMm: "musaex-vn5jsv",
+    $$css: true
+  },
+  disabled: {
+    kPGmMm: "musaex-1oqwzx8",
+    kXtpa: "musaex-xpv2yf",
+    kgeoSG: "musaex-10tli2e",
+    kEoFBp: "musaex-1hmns74",
+    ktHQil: "musaex-11srvyv",
+    kgzTxl: "musaex-1vd6n00",
+    kOlAkY: "musaex-ppt4qs",
+    kLkRvE: "musaex-1l043wi",
+    kPB484: "musaex-1yqvhn5",
+    $$css: true
+  },
+  unckecked: {
+    kP1sEF: "musaex-15ozc13",
+    $$css: true
+  }
+};
+var label = {
+  base: {
+    kg3NbH: "musaex-1kvmt37",
+    $$css: true
+  }
+};
+var styles = {
+  radio: radio,
+  input: input,
+  label: label
+};
+
+export { styles as default };

package/dist/components/rate/rate.cjs

@@ -4,7 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var styles = require('./styles.cjs');
 var React = require('react');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var className = require('@aiszlab/relax/class-name');
 var hooks = require('./hooks.cjs');
 var star = require('./star.cjs');
@@ -35,9 +37,7 @@ var Rate = function Rate(_ref) {
     hovered = _useHover.hovered,
     leave = _useHover.leave;
   var styled = {
-    rate: {
-      className: "musaex-78zum5 musaex-1q0g3np musaex-6s0dn4 musaex-3ct3a4 musaex-q3gua8 musaex-1n775ky"
-    }
+    rate: stylex.props(styles.default.rate.base)
   };
   return /*#__PURE__*/React.createElement(context.default.Provider, {
     value: {

package/dist/components/rate/rate.mjs

@@ -1,6 +1,8 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import styles from './styles.mjs';
 import React from 'react';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 import { useValue, useHover } from './hooks.mjs';
 import Star from './star.mjs';
@@ -17,11 +19,11 @@ var Rate = function Rate(_ref) {
     halfable = _ref$halfable === void 0 ? true : _ref$halfable,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    props = _objectWithoutProperties(_ref, _excluded);
+    props$1 = _objectWithoutProperties(_ref, _excluded);
   var classNames = useClassNames(CLASS_NAMES);
   var _useValue = useValue({
-      value: props.value,
-      onChange: props.onChange,
+      value: props$1.value,
+      onChange: props$1.onChange,
       halfable: halfable
     }),
     value = _useValue.value,
@@ -31,9 +33,7 @@ var Rate = function Rate(_ref) {
     hovered = _useHover.hovered,
     leave = _useHover.leave;
   var styled = {
-    rate: {
-      className: "musaex-78zum5 musaex-1q0g3np musaex-6s0dn4 musaex-3ct3a4 musaex-q3gua8 musaex-1n775ky"
-    }
+    rate: props(styles.rate.base)
   };
   return /*#__PURE__*/React.createElement(Context.Provider, {
     value: {

package/dist/components/rate/star.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 className = require('@aiszlab/relax/class-name');
 var context = require('./context.cjs');
 var useThemeColorVars = require('../../hooks/use-theme-color-vars.cjs');
@@ -48,30 +50,9 @@ var Star = function Star(_ref) {
     _useHover4 = _slicedToArray(_useHover3, 2),
     fullHoverProps = _useHover4[1];
   var styled = {
-    star: {
-      0: {
-        className: "musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-1ypdohk musaex-14kusyn musaex-18hjjrl"
-      },
-      1: {
-        className: "musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-14kusyn"
-      }
-    }[!!disabled << 0],
-    half: {
-      0: {
-        className: "musaex-10l6tqk musaex-quhvmm musaex-qg7gut musaex-1o0tod musaex-13vifvy musaex-g01cxk musaex-87ps6o musaex-b3r6kr"
-      },
-      1: {
-        className: "musaex-10l6tqk musaex-quhvmm musaex-qg7gut musaex-1o0tod musaex-13vifvy musaex-87ps6o musaex-b3r6kr musaex-1hc1fzr musaex-14qql8p"
-      }
-    }[!!isHalf << 0],
-    full: {
-      0: {
-        className: "musaex-87ps6o"
-      },
-      1: {
-        className: "musaex-87ps6o musaex-14qql8p"
-      }
-    }[!!isFull << 0]
+    star: stylex.props(styles.default.star.base, disabled && styles.default.star.disabled),
+    half: stylex.props(styles.default.half.base, isHalf && styles.default.half.checked),
+    full: stylex.props(styles.default.full.base, isFull && styles.default.full.checked)
   };
   return /*#__PURE__*/React.createElement("li", {
     className: className.stringify(classNames.star, styled.star.className),

package/dist/components/rate/star.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, { useContext, createElement } from 'react';
 import { useEvent, useHover } from '@aiszlab/relax';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 import Context from './context.mjs';
 import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';
@@ -44,30 +46,9 @@ var Star = function Star(_ref) {
     _useHover4 = _slicedToArray(_useHover3, 2),
     fullHoverProps = _useHover4[1];
   var styled = {
-    star: {
-      0: {
-        className: "musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-1ypdohk musaex-14kusyn musaex-18hjjrl"
-      },
-      1: {
-        className: "musaex-1n2onr6 musaex-fagghw musaex-1ptezny musaex-14kusyn"
-      }
-    }[!!disabled << 0],
-    half: {
-      0: {
-        className: "musaex-10l6tqk musaex-quhvmm musaex-qg7gut musaex-1o0tod musaex-13vifvy musaex-g01cxk musaex-87ps6o musaex-b3r6kr"
-      },
-      1: {
-        className: "musaex-10l6tqk musaex-quhvmm musaex-qg7gut musaex-1o0tod musaex-13vifvy musaex-87ps6o musaex-b3r6kr musaex-1hc1fzr musaex-14qql8p"
-      }
-    }[!!isHalf << 0],
-    full: {
-      0: {
-        className: "musaex-87ps6o"
-      },
-      1: {
-        className: "musaex-87ps6o musaex-14qql8p"
-      }
-    }[!!isFull << 0]
+    star: props(styles.star.base, disabled && styles.star.disabled),
+    half: props(styles.half.base, isHalf && styles.half.checked),
+    full: props(styles.full.base, isFull && styles.full.checked)
   };
   return /*#__PURE__*/React.createElement("li", {
     className: stringify(classNames.star, styled.star.className),

package/dist/components/rate/styles.cjs

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var rate = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-1q0g3np",
+    kGNEyG: "musaex-6s0dn4",
+    kH6xsr: "musaex-3ct3a4",
+    kogj98: "musaex-q3gua8",
+    kmVPX3: "musaex-1n775ky",
+    $$css: true
+  }
+};
+var star = {
+  base: {
+    kVAEAm: "musaex-1n2onr6",
+    k1ekBW: "musaex-fagghw",
+    kIyJzY: "musaex-1ptezny",
+    kkrTdU: "musaex-1ypdohk",
+    kMwMTN: "musaex-14kusyn",
+    khYwDc: "musaex-18hjjrl",
+    $$css: true
+  },
+  disabled: {
+    kkrTdU: null,
+    khYwDc: null,
+    $$css: true
+  }
+};
+var half = {
+  base: {
+    kVAEAm: "musaex-10l6tqk",
+    kzqmXN: "musaex-quhvmm",
+    kZKoxP: "musaex-qg7gut",
+    kLqNvP: "musaex-1o0tod",
+    k87sOh: "musaex-13vifvy",
+    kSiTet: "musaex-g01cxk",
+    kfSwDN: "musaex-87ps6o",
+    kVQacm: "musaex-b3r6kr",
+    $$css: true
+  },
+  checked: {
+    kSiTet: "musaex-1hc1fzr",
+    kMwMTN: "musaex-14qql8p",
+    $$css: true
+  }
+};
+var full = {
+  base: {
+    kfSwDN: "musaex-87ps6o",
+    $$css: true
+  },
+  checked: {
+    kMwMTN: "musaex-14qql8p",
+    $$css: true
+  }
+};
+var styles = {
+  rate: rate,
+  star: star,
+  half: half,
+  full: full
+};
+
+exports.default = styles;

package/dist/components/rate/styles.d.ts

@@ -0,0 +1,59 @@
+declare const styles: {
+    rate: Readonly<{
+        readonly base: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "row">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly listStyleType: import("@stylexjs/stylex").StyleXClassNameFor<"listStyleType", "none">;
+            readonly margin: import("@stylexjs/stylex").StyleXClassNameFor<"margin", string>;
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+        }>;
+    }>;
+    star: Readonly<{
+        readonly base: Readonly<{
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
+            readonly transitionProperty: import("@stylexjs/stylex").StyleXClassNameFor<"transitionProperty", "all">;
+            readonly transitionDuration: import("@stylexjs/stylex").StyleXClassNameFor<"transitionDuration", string>;
+            readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "pointer">;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-surface-container-highest)">;
+            readonly ":hover": import("@stylexjs/stylex").StyleXClassNameFor<":hover", {
+                readonly "@media (hover: hover)": {
+                    readonly transform: "scale(1.1)";
+                };
+            }>;
+        }>;
+        readonly disabled: Readonly<{
+            readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", null>;
+            readonly ":hover": import("@stylexjs/stylex").StyleXClassNameFor<":hover", {
+                readonly "@media (hover: hover)": {
+                    readonly transform: null;
+                };
+            }>;
+        }>;
+    }>;
+    half: Readonly<{
+        readonly base: Readonly<{
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "absolute">;
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly insetInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"insetInlineStart", 0>;
+            readonly insetBlockStart: import("@stylexjs/stylex").StyleXClassNameFor<"insetBlockStart", 0>;
+            readonly opacity: import("@stylexjs/stylex").StyleXClassNameFor<"opacity", 0>;
+            readonly userSelect: import("@stylexjs/stylex").StyleXClassNameFor<"userSelect", "none">;
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "hidden">;
+        }>;
+        readonly checked: Readonly<{
+            readonly opacity: import("@stylexjs/stylex").StyleXClassNameFor<"opacity", 1>;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-primary)">;
+        }>;
+    }>;
+    full: Readonly<{
+        readonly base: Readonly<{
+            readonly userSelect: import("@stylexjs/stylex").StyleXClassNameFor<"userSelect", "none">;
+        }>;
+        readonly checked: Readonly<{
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-primary)">;
+        }>;
+    }>;
+};
+export default styles;

package/dist/components/rate/styles.mjs

@@ -0,0 +1,63 @@
+var rate = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-1q0g3np",
+    kGNEyG: "musaex-6s0dn4",
+    kH6xsr: "musaex-3ct3a4",
+    kogj98: "musaex-q3gua8",
+    kmVPX3: "musaex-1n775ky",
+    $$css: true
+  }
+};
+var star = {
+  base: {
+    kVAEAm: "musaex-1n2onr6",
+    k1ekBW: "musaex-fagghw",
+    kIyJzY: "musaex-1ptezny",
+    kkrTdU: "musaex-1ypdohk",
+    kMwMTN: "musaex-14kusyn",
+    khYwDc: "musaex-18hjjrl",
+    $$css: true
+  },
+  disabled: {
+    kkrTdU: null,
+    khYwDc: null,
+    $$css: true
+  }
+};
+var half = {
+  base: {
+    kVAEAm: "musaex-10l6tqk",
+    kzqmXN: "musaex-quhvmm",
+    kZKoxP: "musaex-qg7gut",
+    kLqNvP: "musaex-1o0tod",
+    k87sOh: "musaex-13vifvy",
+    kSiTet: "musaex-g01cxk",
+    kfSwDN: "musaex-87ps6o",
+    kVQacm: "musaex-b3r6kr",
+    $$css: true
+  },
+  checked: {
+    kSiTet: "musaex-1hc1fzr",
+    kMwMTN: "musaex-14qql8p",
+    $$css: true
+  }
+};
+var full = {
+  base: {
+    kfSwDN: "musaex-87ps6o",
+    $$css: true
+  },
+  checked: {
+    kMwMTN: "musaex-14qql8p",
+    $$css: true
+  }
+};
+var styles = {
+  rate: rate,
+  star: star,
+  half: half,
+  full: full
+};
+
+export { styles as default };

package/dist/components/rich-text-editor/dropdown.cjs

@@ -6,12 +6,14 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _regenerator = require('@babel/runtime/helpers/regenerator');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var styles = require('./styles.cjs');
 var button = require('../button/button.cjs');
 var React = require('react');
 var popover = require('../popover/popover.cjs');
 var menu = require('../menu/menu.cjs');
 var empty = require('../empty/empty.cjs');
 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 Dropdown = function Dropdown(_ref) {
   var _items$get;
@@ -68,9 +70,7 @@ var Dropdown = function Dropdown(_ref) {
       selectedKeys: value
     });
   }, [items, onClick, value]);
-  var _styled = {
-    className: "musaex-1bl4301 musaex-b3r6kr musaex-lyipyv"
-  };
+  var _styled = stylex.props(styles.default.dropdown.label);
   return /*#__PURE__*/React.createElement(popover.default, {
     content: content,
     triggerBy: "click",