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

package/dist/components/transfer/transfer.mjs

@@ -1,7 +1,9 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import styles from './styles.mjs';
 import React, { useMemo } from 'react';
 import { useTransfer } from './hooks.mjs';
 import List from './list.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { Context, CLASS_NAMES } from './context.mjs';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
@@ -35,12 +37,8 @@ var Transfer = function Transfer(_ref) {
     setSelectedUntransferKeys = _useTransfer.setSelectedUntransferKeys;
   var classNames = useClassNames(CLASS_NAMES);
   var styled = {
-    transfer: {
-      className: "musaex-78zum5 musaex-1q0g3np musaex-1qjc9v5 musaex-1wm2zkp"
-    },
-    operation: {
-      className: "musaex-78zum5 musaex-dt5ytf musaex-1wm2zkp musaex-amitd3"
-    }
+    transfer: props(styles.transfer.base),
+    operation: props(styles.transfer.operation)
   };
   var contextValue = useMemo(function () {
     return {

package/dist/components/tree/list.cjs

@@ -7,6 +7,8 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _regenerator = require('@babel/runtime/helpers/regenerator');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var styles = require('./styles.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var React = require('react');
 var node = require('./node.cjs');
 var context = require('./context.cjs');
@@ -52,14 +54,7 @@ var _List = function List(_ref) {
       }
     }, _callee);
   })), [expanded]);
-  var styled = {
-    0: {
-      className: "musaex-q3gua8 musaex-1n775ky musaex-3ct3a4"
-    },
-    1: {
-      className: "musaex-q3gua8 musaex-1n775ky musaex-3ct3a4 musaex-1s85apg"
-    }
-  }[!!!expanded << 0];
+  var styled = stylex.props(styles.default.list.base, !expanded && styles.default.list.hidden);
   return /*#__PURE__*/React.createElement("ul", {
     className: className.stringify(_defineProperty(_defineProperty(_defineProperty({}, classNames.tree, level === 0), classNames.list, level > 0), classNames.listHidden, !expanded), className$1, styled.className),
     style: _objectSpread(_objectSpread({}, styled.style), style),

package/dist/components/tree/list.mjs

@@ -3,6 +3,8 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _regenerator from '@babel/runtime/helpers/regenerator';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import styles from './styles.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import React, { useContext } from 'react';
 import Node from './node.mjs';
 import Context from './context.mjs';
@@ -48,14 +50,7 @@ var _List = function List(_ref) {
       }
     }, _callee);
   })), [expanded]);
-  var styled = {
-    0: {
-      className: "musaex-q3gua8 musaex-1n775ky musaex-3ct3a4"
-    },
-    1: {
-      className: "musaex-q3gua8 musaex-1n775ky musaex-3ct3a4 musaex-1s85apg"
-    }
-  }[!!!expanded << 0];
+  var styled = props(styles.list.base, !expanded && styles.list.hidden);
   return /*#__PURE__*/React.createElement("ul", {
     className: stringify(_defineProperty(_defineProperty(_defineProperty({}, classNames.tree, level === 0), classNames.list, level > 0), classNames.listHidden, !expanded), className, styled.className),
     style: _objectSpread(_objectSpread({}, styled.style), style),

package/dist/components/tree/node.cjs

@@ -4,9 +4,11 @@ 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 context = require('./context.cjs');
 var index = require('../checkbox/index.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var relax = require('@aiszlab/relax');
 var className = require('@aiszlab/relax/class-name');
 var useThemeColorVars = require('../../hooks/use-theme-color-vars.cjs');
@@ -32,31 +34,9 @@ var Node = function Node(_ref) {
   var isSelected = selectedKeys.has(value);
   var _themeColorVars = useThemeColorVars.useThemeColorVars(["surface-container", "primary"]);
   var styled = {
-    node: {
-      className: "musaex-78zum5 musaex-6s0dn4 musaex-15wobh7 musaex-a0rzc7 musaex-13k7ju"
-    },
-    title: {
-      0: {
-        className: "musaex-ipt7de musaex-db68te musaex-5hbbe5 musaex-t0e3qv"
-      },
-      2: {
-        className: "musaex-ipt7de musaex-db68te musaex-t0e3qv musaex-17o6occ musaex-14qql8p"
-      },
-      1: {
-        className: "musaex-ipt7de musaex-db68te musaex-5hbbe5 musaex-1ypdohk"
-      },
-      3: {
-        className: "musaex-ipt7de musaex-db68te musaex-17o6occ musaex-14qql8p musaex-1ypdohk"
-      }
-    }[!!isSelected << 1 | !!selectable << 0],
-    expander: {
-      0: {
-        className: "musaex-vy4d1p musaex-xk0z11 musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-1ypdohk musaex-1yssd5k musaex-87ps6o"
-      },
-      1: {
-        className: "musaex-vy4d1p musaex-xk0z11 musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-1ypdohk musaex-1yssd5k musaex-87ps6o musaex-1iffjtl"
-      }
-    }[!!isExpanded << 0]
+    node: stylex.props(styles.default.node.base),
+    title: stylex.props(styles.default.title.base, isSelected && styles.default.title.selected, selectable && styles.default.title.selectable),
+    expander: stylex.props(styles.default.expander.base, isExpanded && styles.default.expander.expanded)
   };
   var check = relax.useEvent(function () {
     onCheck === null || onCheck === void 0 || onCheck(value);

package/dist/components/tree/node.mjs

@@ -1,8 +1,10 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import styles from './styles.mjs';
 import React, { useContext } from 'react';
 import Context from './context.mjs';
 import { Checkbox } from '../checkbox/index.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { useEvent } from '@aiszlab/relax';
 import { stringify } from '@aiszlab/relax/class-name';
 import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';
@@ -14,7 +16,7 @@ var Node = function Node(_ref) {
     children = _ref.children,
     level = _ref.level,
     onExpand = _ref.onExpand,
-    props = _objectWithoutProperties(_ref, _excluded);
+    props$1 = _objectWithoutProperties(_ref, _excluded);
   var _useContext = useContext(Context),
     checkedKeys = _useContext.checkedKeys,
     onCheck = _useContext.onCheck,
@@ -28,31 +30,9 @@ var Node = function Node(_ref) {
   var isSelected = selectedKeys.has(value);
   var _themeColorVars = useThemeColorVars(["surface-container", "primary"]);
   var styled = {
-    node: {
-      className: "musaex-78zum5 musaex-6s0dn4 musaex-15wobh7 musaex-a0rzc7 musaex-13k7ju"
-    },
-    title: {
-      0: {
-        className: "musaex-ipt7de musaex-db68te musaex-5hbbe5 musaex-t0e3qv"
-      },
-      2: {
-        className: "musaex-ipt7de musaex-db68te musaex-t0e3qv musaex-17o6occ musaex-14qql8p"
-      },
-      1: {
-        className: "musaex-ipt7de musaex-db68te musaex-5hbbe5 musaex-1ypdohk"
-      },
-      3: {
-        className: "musaex-ipt7de musaex-db68te musaex-17o6occ musaex-14qql8p musaex-1ypdohk"
-      }
-    }[!!isSelected << 1 | !!selectable << 0],
-    expander: {
-      0: {
-        className: "musaex-vy4d1p musaex-xk0z11 musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-1ypdohk musaex-1yssd5k musaex-87ps6o"
-      },
-      1: {
-        className: "musaex-vy4d1p musaex-xk0z11 musaex-78zum5 musaex-6s0dn4 musaex-l56j7k musaex-1ypdohk musaex-1yssd5k musaex-87ps6o musaex-1iffjtl"
-      }
-    }[!!isExpanded << 0]
+    node: props(styles.node.base),
+    title: props(styles.title.base, isSelected && styles.title.selected, selectable && styles.title.selectable),
+    expander: props(styles.expander.base, isExpanded && styles.expander.expanded)
   };
   var check = useEvent(function () {
     onCheck === null || onCheck === void 0 || onCheck(value);
@@ -85,7 +65,7 @@ var Node = function Node(_ref) {
     className: stringify(classNames.title, styled.title.className),
     style: styled.title.style,
     onClick: select
-  }, props.title)), children);
+  }, props$1.title)), children);
 };
 
 export { Node as default };

package/dist/components/tree/styles.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var list = {
+  base: {
+    kogj98: "musaex-q3gua8",
+    kmVPX3: "musaex-1n775ky",
+    kH6xsr: "musaex-3ct3a4",
+    $$css: true
+  },
+  hidden: {
+    k1xSpc: "musaex-1s85apg",
+    $$css: true
+  }
+};
+var node = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kOIVth: "musaex-15wobh7",
+    k8WAf4: "musaex-a0rzc7",
+    kE3dHu: "musaex-13k7ju",
+    $$css: true
+  }
+};
+var expander = {
+  base: {
+    kzqmXN: "musaex-vy4d1p",
+    kZKoxP: "musaex-xk0z11",
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kkrTdU: "musaex-1ypdohk",
+    kmkexE: "musaex-1yssd5k",
+    kfSwDN: "musaex-87ps6o",
+    $$css: true
+  },
+  expanded: {
+    k3aq6I: "musaex-1iffjtl",
+    $$css: true
+  }
+};
+var title = {
+  base: {
+    kg3NbH: "musaex-ipt7de",
+    kaIpWk: "musaex-db68te",
+    kWkggS: "musaex-5hbbe5",
+    kkrTdU: "musaex-t0e3qv",
+    $$css: true
+  },
+  selected: {
+    kWkggS: "musaex-17o6occ",
+    kMwMTN: "musaex-14qql8p",
+    $$css: true
+  },
+  selectable: {
+    kkrTdU: "musaex-1ypdohk",
+    $$css: true
+  }
+};
+var styles = {
+  list: list,
+  node: node,
+  expander: expander,
+  title: title
+};
+
+exports.default = styles;

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

@@ -0,0 +1,56 @@
+declare const styles: {
+    list: Readonly<{
+        readonly base: Readonly<{
+            readonly margin: import("@stylexjs/stylex").StyleXClassNameFor<"margin", string>;
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+            readonly listStyleType: import("@stylexjs/stylex").StyleXClassNameFor<"listStyleType", "none">;
+        }>;
+        readonly hidden: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "none">;
+        }>;
+    }>;
+    node: Readonly<{
+        readonly base: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+            readonly paddingBlock: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlock", string>;
+            readonly paddingLeft: import("@stylexjs/stylex").StyleXClassNameFor<"paddingLeft", `calc(${import("@stylexjs/stylex").StyleXVar<string>} + var(--level) * ${import("@stylexjs/stylex").StyleXVar<string>})`>;
+        }>;
+    }>;
+    expander: Readonly<{
+        readonly base: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", 24>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", 24>;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "center">;
+            readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "pointer">;
+            readonly transition: import("@stylexjs/stylex").StyleXClassNameFor<"transition", "transform 0.3s">;
+            readonly userSelect: import("@stylexjs/stylex").StyleXClassNameFor<"userSelect", "none">;
+        }>;
+        readonly expanded: Readonly<{
+            readonly transform: import("@stylexjs/stylex").StyleXClassNameFor<"transform", "rotate(90deg)">;
+        }>;
+    }>;
+    title: Readonly<{
+        readonly base: Readonly<{
+            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", {
+                readonly ":hover": {
+                    readonly "@media (hover: hover)": "var(--color-surface-container)";
+                };
+            }>;
+            readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "default">;
+        }>;
+        readonly selected: Readonly<{
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-surface-container)">;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-primary)">;
+        }>;
+        readonly selectable: Readonly<{
+            readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "pointer">;
+        }>;
+    }>;
+};
+export default styles;

package/dist/components/tree/styles.mjs

@@ -0,0 +1,65 @@
+var list = {
+  base: {
+    kogj98: "musaex-q3gua8",
+    kmVPX3: "musaex-1n775ky",
+    kH6xsr: "musaex-3ct3a4",
+    $$css: true
+  },
+  hidden: {
+    k1xSpc: "musaex-1s85apg",
+    $$css: true
+  }
+};
+var node = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kOIVth: "musaex-15wobh7",
+    k8WAf4: "musaex-a0rzc7",
+    kE3dHu: "musaex-13k7ju",
+    $$css: true
+  }
+};
+var expander = {
+  base: {
+    kzqmXN: "musaex-vy4d1p",
+    kZKoxP: "musaex-xk0z11",
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kkrTdU: "musaex-1ypdohk",
+    kmkexE: "musaex-1yssd5k",
+    kfSwDN: "musaex-87ps6o",
+    $$css: true
+  },
+  expanded: {
+    k3aq6I: "musaex-1iffjtl",
+    $$css: true
+  }
+};
+var title = {
+  base: {
+    kg3NbH: "musaex-ipt7de",
+    kaIpWk: "musaex-db68te",
+    kWkggS: "musaex-5hbbe5",
+    kkrTdU: "musaex-t0e3qv",
+    $$css: true
+  },
+  selected: {
+    kWkggS: "musaex-17o6occ",
+    kMwMTN: "musaex-14qql8p",
+    $$css: true
+  },
+  selectable: {
+    kkrTdU: "musaex-1ypdohk",
+    $$css: true
+  }
+};
+var styles = {
+  list: list,
+  node: node,
+  expander: expander,
+  title: title
+};
+
+export { styles as default };

package/dist/components/upload/styles.cjs

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var upload = {
+  uploader: {
+    k1xSpc: "musaex-1rg5ohu",
+    $$css: true
+  },
+  input: {
+    k1xSpc: "musaex-1s85apg",
+    $$css: true
+  },
+  upload: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kOIVth: "musaex-1wm2zkp",
+    kzqmXN: "musaex-1yklyfh",
+    $$css: true
+  }
+};
+var uploadedList = {
+  list: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kOIVth: "musaex-1wm2zkp",
+    $$css: true
+  },
+  item: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kOIVth: "musaex-1wm2zkp",
+    $$css: true
+  },
+  filename: {
+    kUk6DE: "musaex-98rzlu",
+    kVQacm: "musaex-b3r6kr",
+    kg5iWk: "musaex-lyipyv",
+    $$css: true
+  }
+};
+var item = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kOIVth: "musaex-1wm2zkp",
+    $$css: true
+  }
+};
+var filename = {
+  base: {
+    kUk6DE: "musaex-98rzlu",
+    kVQacm: "musaex-b3r6kr",
+    kg5iWk: "musaex-lyipyv",
+    $$css: true
+  }
+};
+var picture = {
+  base: {
+    kzqmXN: "musaex-11mck8i",
+    kZKoxP: "musaex-10vnh4r",
+    $$css: true
+  },
+  wrapper: {
+    kMzoRj: "musaex-1iyq3db",
+    ksu8eU: "musaex-1y0btm7",
+    kVAM5u: "musaex-axmpxa",
+    kaIpWk: "musaex-db68te",
+    kmVPX3: "musaex-17p8e4n",
+    $$css: true
+  }
+};
+var styles = {
+  upload: upload,
+  uploadedList: uploadedList,
+  item: item,
+  filename: filename,
+  picture: picture
+};
+
+exports.default = styles;

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

@@ -0,0 +1,61 @@
+declare const styles: {
+    upload: Readonly<{
+        readonly uploader: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "inline-block">;
+        }>;
+        readonly input: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "none">;
+        }>;
+        readonly upload: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "column">;
+            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+        }>;
+    }>;
+    uploadedList: Readonly<{
+        readonly list: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "column">;
+            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+        }>;
+        readonly item: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+        }>;
+        readonly filename: Readonly<{
+            readonly flex: import("@stylexjs/stylex").StyleXClassNameFor<"flex", 1>;
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "hidden">;
+            readonly textOverflow: import("@stylexjs/stylex").StyleXClassNameFor<"textOverflow", "ellipsis">;
+        }>;
+    }>;
+    item: Readonly<{
+        readonly base: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+        }>;
+    }>;
+    filename: Readonly<{
+        readonly base: Readonly<{
+            readonly flex: import("@stylexjs/stylex").StyleXClassNameFor<"flex", 1>;
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "hidden">;
+            readonly textOverflow: import("@stylexjs/stylex").StyleXClassNameFor<"textOverflow", "ellipsis">;
+        }>;
+    }>;
+    picture: Readonly<{
+        readonly base: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+        }>;
+        readonly wrapper: Readonly<{
+            readonly borderWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderWidth", string>;
+            readonly borderStyle: import("@stylexjs/stylex").StyleXClassNameFor<"borderStyle", "solid">;
+            readonly borderColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderColor", "var(--color-outline-variant)">;
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+        }>;
+    }>;
+};
+export default styles;

package/dist/components/upload/styles.mjs

@@ -0,0 +1,77 @@
+var upload = {
+  uploader: {
+    k1xSpc: "musaex-1rg5ohu",
+    $$css: true
+  },
+  input: {
+    k1xSpc: "musaex-1s85apg",
+    $$css: true
+  },
+  upload: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kOIVth: "musaex-1wm2zkp",
+    kzqmXN: "musaex-1yklyfh",
+    $$css: true
+  }
+};
+var uploadedList = {
+  list: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kOIVth: "musaex-1wm2zkp",
+    $$css: true
+  },
+  item: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kOIVth: "musaex-1wm2zkp",
+    $$css: true
+  },
+  filename: {
+    kUk6DE: "musaex-98rzlu",
+    kVQacm: "musaex-b3r6kr",
+    kg5iWk: "musaex-lyipyv",
+    $$css: true
+  }
+};
+var item = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kOIVth: "musaex-1wm2zkp",
+    $$css: true
+  }
+};
+var filename = {
+  base: {
+    kUk6DE: "musaex-98rzlu",
+    kVQacm: "musaex-b3r6kr",
+    kg5iWk: "musaex-lyipyv",
+    $$css: true
+  }
+};
+var picture = {
+  base: {
+    kzqmXN: "musaex-11mck8i",
+    kZKoxP: "musaex-10vnh4r",
+    $$css: true
+  },
+  wrapper: {
+    kMzoRj: "musaex-1iyq3db",
+    ksu8eU: "musaex-1y0btm7",
+    kVAM5u: "musaex-axmpxa",
+    kaIpWk: "musaex-db68te",
+    kmVPX3: "musaex-17p8e4n",
+    $$css: true
+  }
+};
+var styles = {
+  upload: upload,
+  uploadedList: uploadedList,
+  item: item,
+  filename: filename,
+  picture: picture
+};
+
+export { styles as default };

package/dist/components/upload/upload.cjs

@@ -4,7 +4,9 @@ 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 stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var relax = require('@aiszlab/relax');
 var keyboard = require('../../utils/keyboard.cjs');
 var uploadedList = require('./uploaded-list.cjs');
@@ -66,15 +68,9 @@ var Upload = function Upload(_ref) {
     add(isMultiple ? files : files.slice(0, 1));
   };
   var styled = {
-    upload: {
-      className: "musaex-78zum5 musaex-dt5ytf musaex-1wm2zkp musaex-1yklyfh"
-    },
-    input: {
-      className: "musaex-1s85apg"
-    },
-    uploader: {
-      className: "musaex-1rg5ohu"
-    }
+    upload: stylex.props(styles.default.upload.upload),
+    input: stylex.props(styles.default.upload.input),
+    uploader: stylex.props(styles.default.upload.uploader)
   };
   var children = React.useMemo(function () {
     if (!_children) {

package/dist/components/upload/upload.mjs

@@ -1,6 +1,8 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import styles from './styles.mjs';
 import React, { useRef, useMemo, isValidElement, cloneElement } from 'react';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { useEvent } from '@aiszlab/relax';
 import { Keyboard } from '../../utils/keyboard.mjs';
 import UploadedList from './uploaded-list.mjs';
@@ -62,15 +64,9 @@ var Upload = function Upload(_ref) {
     add(isMultiple ? files : files.slice(0, 1));
   };
   var styled = {
-    upload: {
-      className: "musaex-78zum5 musaex-dt5ytf musaex-1wm2zkp musaex-1yklyfh"
-    },
-    input: {
-      className: "musaex-1s85apg"
-    },
-    uploader: {
-      className: "musaex-1rg5ohu"
-    }
+    upload: props(styles.upload.upload),
+    input: props(styles.upload.input),
+    uploader: props(styles.upload.uploader)
   };
   var children = useMemo(function () {
     if (!_children) {