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

package/dist/components/divider/divider.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 hooks = require('./hooks.cjs');
 var useClassNames = require('../../hooks/use-class-names.cjs');
@@ -13,78 +14,6 @@ var useGutters = require('../../hooks/use-gutters.cjs');
 var context = require('./context.cjs');
 var theme = require('../theme/theme.cjs');
 
-var styles = {
-  divider: {
-    horizontal: {
-      kzqmXN: "musaex-92755x",
-      keoZOQ: "musaex-1fsyr1f",
-      k1K539: "musaex-ivmwn",
-      $$css: true
-    },
-    vertical: {
-      kAzted: "musaex-586omu",
-      kskxy: "musaex-15q9lfd",
-      keTefX: "musaex-8ohpd8",
-      k71WvV: "musaex-ps6m5",
-      kSGwAc: "musaex-kh2ocl",
-      $$css: true
-    }
-  },
-  simple: {
-    horizontal: {
-      kZKoxP: "musaex-12yrczq",
-      kWkggS: "musaex-8o78ro",
-      $$css: true
-    },
-    vertical: {
-      kzqmXN: "musaex-1yv54sy",
-      kWkggS: "musaex-8o78ro",
-      $$css: true
-    }
-  },
-  labeled: {
-    horizontal: {
-      k1xSpc: "musaex-78zum5",
-      kXwgrk: "musaex-1q0g3np",
-      kGNEyG: "musaex-6s0dn4",
-      kgzTxl: "musaex-1b0b1n",
-      kOlAkY: "musaex-12h7zwo",
-      kLkRvE: "musaex-qk7imu",
-      kgeoSG: "musaex-10tli2e",
-      k4zj60: "musaex-1uvvyix",
-      kkgrvl: "musaex-op16zr",
-      ks3ayO: "musaex-bph93a",
-      k5JduY: "musaex-100rkj9",
-      $$css: true
-    },
-    vertical: {
-      k1xSpc: "musaex-78zum5",
-      kXwgrk: "musaex-1q0g3np",
-      kGNEyG: "musaex-6s0dn4",
-      kOlAkY: "musaex-n6auv0",
-      kgzTxl: "musaex-1ankt15",
-      kLkRvE: "musaex-qk7imu",
-      kgeoSG: "musaex-10tli2e",
-      kkgrvl: "musaex-1qndy6a",
-      k4zj60: "musaex-2ri80o",
-      ks3ayO: "musaex-bph93a",
-      k5JduY: "musaex-100rkj9",
-      $$css: true
-    }
-  },
-  label: {
-    horizontal: {
-      kUOVxO: "musaex-1erkn4t",
-      khDVqt: "musaex-uxw1ft",
-      $$css: true
-    },
-    vertical: {
-      kqGvvJ: "musaex-j9z1fe",
-      khDVqt: "musaex-uxw1ft",
-      $$css: true
-    }
-  }
-};
 var Divider = function Divider(_ref) {
   var _ref$align = _ref.align,
     align = _ref$align === void 0 ? "center" : _ref$align,
@@ -106,8 +35,8 @@ var Divider = function Divider(_ref) {
   // only in horizontal, divider will be labeled
   var isLabeled = !!children && orientation === "horizontal";
   var styled = {
-    divider: stylex.props(styles.divider[orientation], !isLabeled && styles.simple[orientation], isLabeled && styles.labeled[orientation]),
-    label: stylex.props(styles.label[orientation], theme.$body.small)
+    divider: stylex.props(styles.default.divider[orientation], !isLabeled && styles.default.simple[orientation], isLabeled && styles.default.labeled[orientation]),
+    label: stylex.props(styles.default.label[orientation], theme.$body.small)
   };
   return /*#__PURE__*/React.createElement("div", {
     className: className.stringify(classNames.divider, className$1, styled.divider.className),

package/dist/components/divider/divider.mjs

@@ -1,4 +1,5 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import styles from './styles.mjs';
 import React from 'react';
 import { useOffset } from './hooks.mjs';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
@@ -9,78 +10,6 @@ import { useGutters } from '../../hooks/use-gutters.mjs';
 import { CLASS_NAMES } from './context.mjs';
 import { $body } from '../theme/theme.mjs';
 
-var styles = {
-  divider: {
-    horizontal: {
-      kzqmXN: "musaex-92755x",
-      keoZOQ: "musaex-1fsyr1f",
-      k1K539: "musaex-ivmwn",
-      $$css: true
-    },
-    vertical: {
-      kAzted: "musaex-586omu",
-      kskxy: "musaex-15q9lfd",
-      keTefX: "musaex-8ohpd8",
-      k71WvV: "musaex-ps6m5",
-      kSGwAc: "musaex-kh2ocl",
-      $$css: true
-    }
-  },
-  simple: {
-    horizontal: {
-      kZKoxP: "musaex-12yrczq",
-      kWkggS: "musaex-8o78ro",
-      $$css: true
-    },
-    vertical: {
-      kzqmXN: "musaex-1yv54sy",
-      kWkggS: "musaex-8o78ro",
-      $$css: true
-    }
-  },
-  labeled: {
-    horizontal: {
-      k1xSpc: "musaex-78zum5",
-      kXwgrk: "musaex-1q0g3np",
-      kGNEyG: "musaex-6s0dn4",
-      kgzTxl: "musaex-1b0b1n",
-      kOlAkY: "musaex-12h7zwo",
-      kLkRvE: "musaex-qk7imu",
-      kgeoSG: "musaex-10tli2e",
-      k4zj60: "musaex-1uvvyix",
-      kkgrvl: "musaex-op16zr",
-      ks3ayO: "musaex-bph93a",
-      k5JduY: "musaex-100rkj9",
-      $$css: true
-    },
-    vertical: {
-      k1xSpc: "musaex-78zum5",
-      kXwgrk: "musaex-1q0g3np",
-      kGNEyG: "musaex-6s0dn4",
-      kOlAkY: "musaex-n6auv0",
-      kgzTxl: "musaex-1ankt15",
-      kLkRvE: "musaex-qk7imu",
-      kgeoSG: "musaex-10tli2e",
-      kkgrvl: "musaex-1qndy6a",
-      k4zj60: "musaex-2ri80o",
-      ks3ayO: "musaex-bph93a",
-      k5JduY: "musaex-100rkj9",
-      $$css: true
-    }
-  },
-  label: {
-    horizontal: {
-      kUOVxO: "musaex-1erkn4t",
-      khDVqt: "musaex-uxw1ft",
-      $$css: true
-    },
-    vertical: {
-      kqGvvJ: "musaex-j9z1fe",
-      khDVqt: "musaex-uxw1ft",
-      $$css: true
-    }
-  }
-};
 var Divider = function Divider(_ref) {
   var _ref$align = _ref.align,
     align = _ref$align === void 0 ? "center" : _ref$align,

package/dist/components/divider/styles.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var divider = {
+  horizontal: {
+    kzqmXN: "musaex-92755x",
+    keoZOQ: "musaex-1fsyr1f",
+    k1K539: "musaex-ivmwn",
+    $$css: true
+  },
+  vertical: {
+    kAzted: "musaex-586omu",
+    kskxy: "musaex-15q9lfd",
+    keTefX: "musaex-8ohpd8",
+    k71WvV: "musaex-ps6m5",
+    kSGwAc: "musaex-kh2ocl",
+    $$css: true
+  }
+};
+var simple = {
+  horizontal: {
+    kZKoxP: "musaex-12yrczq",
+    kWkggS: "musaex-8o78ro",
+    $$css: true
+  },
+  vertical: {
+    kzqmXN: "musaex-1yv54sy",
+    kWkggS: "musaex-8o78ro",
+    $$css: true
+  }
+};
+var labeled = {
+  horizontal: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-1q0g3np",
+    kGNEyG: "musaex-6s0dn4",
+    kgzTxl: "musaex-1b0b1n",
+    kOlAkY: "musaex-12h7zwo",
+    kLkRvE: "musaex-qk7imu",
+    kgeoSG: "musaex-10tli2e",
+    k4zj60: "musaex-1uvvyix",
+    kkgrvl: "musaex-op16zr",
+    ks3ayO: "musaex-bph93a",
+    k5JduY: "musaex-100rkj9",
+    $$css: true
+  },
+  vertical: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-1q0g3np",
+    kGNEyG: "musaex-6s0dn4",
+    kOlAkY: "musaex-n6auv0",
+    kgzTxl: "musaex-1ankt15",
+    kLkRvE: "musaex-qk7imu",
+    kgeoSG: "musaex-10tli2e",
+    kkgrvl: "musaex-1qndy6a",
+    k4zj60: "musaex-2ri80o",
+    ks3ayO: "musaex-bph93a",
+    k5JduY: "musaex-100rkj9",
+    $$css: true
+  }
+};
+var label = {
+  horizontal: {
+    kUOVxO: "musaex-1erkn4t",
+    khDVqt: "musaex-uxw1ft",
+    $$css: true
+  },
+  vertical: {
+    kqGvvJ: "musaex-j9z1fe",
+    khDVqt: "musaex-uxw1ft",
+    $$css: true
+  }
+};
+var styles = {
+  divider: divider,
+  simple: simple,
+  labeled: labeled,
+  label: label
+};
+
+exports.default = styles;

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

@@ -0,0 +1,73 @@
+declare const styles: {
+    divider: Readonly<{
+        readonly horizontal: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly marginBlockStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlockStart", "var(--margin-start)">;
+            readonly marginBlockEnd: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlockEnd", "var(--margin-end)">;
+        }>;
+        readonly vertical: Readonly<{
+            readonly minHeight: import("@stylexjs/stylex").StyleXClassNameFor<"minHeight", string>;
+            readonly maxHeight: import("@stylexjs/stylex").StyleXClassNameFor<"maxHeight", string>;
+            readonly marginInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginInlineStart", "var(--margin-start)">;
+            readonly marginInlineEnd: import("@stylexjs/stylex").StyleXClassNameFor<"marginInlineEnd", "var(--margin-end)">;
+            readonly alignSelf: import("@stylexjs/stylex").StyleXClassNameFor<"alignSelf", "stretch">;
+        }>;
+    }>;
+    simple: Readonly<{
+        readonly horizontal: Readonly<{
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-outline-variant)">;
+        }>;
+        readonly vertical: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-outline-variant)">;
+        }>;
+    }>;
+    labeled: Readonly<{
+        readonly horizontal: 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 "::before": import("@stylexjs/stylex").StyleXClassNameFor<"::before", {
+                readonly height: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly width: "var(--offset)";
+                readonly backgroundColor: "var(--color-outline-variant)";
+                readonly content: "''";
+            }>;
+            readonly "::after": import("@stylexjs/stylex").StyleXClassNameFor<"::after", {
+                readonly height: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly width: "calc(100% - var(--offset))";
+                readonly backgroundColor: "var(--color-outline-variant)";
+                readonly content: "''";
+            }>;
+        }>;
+        readonly vertical: 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 "::before": import("@stylexjs/stylex").StyleXClassNameFor<"::before", {
+                readonly width: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly height: "var(--offset)";
+                readonly backgroundColor: "var(--color-outline-variant)";
+                readonly content: "''";
+            }>;
+            readonly "::after": import("@stylexjs/stylex").StyleXClassNameFor<"::after", {
+                readonly width: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly height: "calc(100% - var(--offset))";
+                readonly backgroundColor: "var(--color-outline-variant)";
+                readonly content: "''";
+            }>;
+        }>;
+    }>;
+    label: Readonly<{
+        readonly horizontal: Readonly<{
+            readonly marginInline: import("@stylexjs/stylex").StyleXClassNameFor<"marginInline", string>;
+            readonly whiteSpace: import("@stylexjs/stylex").StyleXClassNameFor<"whiteSpace", "nowrap">;
+        }>;
+        readonly vertical: Readonly<{
+            readonly marginBlock: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlock", string>;
+            readonly whiteSpace: import("@stylexjs/stylex").StyleXClassNameFor<"whiteSpace", "nowrap">;
+        }>;
+    }>;
+};
+export default styles;

package/dist/components/divider/styles.mjs

@@ -0,0 +1,78 @@
+var divider = {
+  horizontal: {
+    kzqmXN: "musaex-92755x",
+    keoZOQ: "musaex-1fsyr1f",
+    k1K539: "musaex-ivmwn",
+    $$css: true
+  },
+  vertical: {
+    kAzted: "musaex-586omu",
+    kskxy: "musaex-15q9lfd",
+    keTefX: "musaex-8ohpd8",
+    k71WvV: "musaex-ps6m5",
+    kSGwAc: "musaex-kh2ocl",
+    $$css: true
+  }
+};
+var simple = {
+  horizontal: {
+    kZKoxP: "musaex-12yrczq",
+    kWkggS: "musaex-8o78ro",
+    $$css: true
+  },
+  vertical: {
+    kzqmXN: "musaex-1yv54sy",
+    kWkggS: "musaex-8o78ro",
+    $$css: true
+  }
+};
+var labeled = {
+  horizontal: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-1q0g3np",
+    kGNEyG: "musaex-6s0dn4",
+    kgzTxl: "musaex-1b0b1n",
+    kOlAkY: "musaex-12h7zwo",
+    kLkRvE: "musaex-qk7imu",
+    kgeoSG: "musaex-10tli2e",
+    k4zj60: "musaex-1uvvyix",
+    kkgrvl: "musaex-op16zr",
+    ks3ayO: "musaex-bph93a",
+    k5JduY: "musaex-100rkj9",
+    $$css: true
+  },
+  vertical: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-1q0g3np",
+    kGNEyG: "musaex-6s0dn4",
+    kOlAkY: "musaex-n6auv0",
+    kgzTxl: "musaex-1ankt15",
+    kLkRvE: "musaex-qk7imu",
+    kgeoSG: "musaex-10tli2e",
+    kkgrvl: "musaex-1qndy6a",
+    k4zj60: "musaex-2ri80o",
+    ks3ayO: "musaex-bph93a",
+    k5JduY: "musaex-100rkj9",
+    $$css: true
+  }
+};
+var label = {
+  horizontal: {
+    kUOVxO: "musaex-1erkn4t",
+    khDVqt: "musaex-uxw1ft",
+    $$css: true
+  },
+  vertical: {
+    kqGvvJ: "musaex-j9z1fe",
+    khDVqt: "musaex-uxw1ft",
+    $$css: true
+  }
+};
+var styles = {
+  divider: divider,
+  simple: simple,
+  labeled: labeled,
+  label: label
+};
+
+export { styles as default };

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

@@ -0,0 +1,23 @@
+/**
+ * @zh Drawer 专用样式：包含关闭按钮、标题和确认按钮的头部栏，以及面板背景。
+ * @en Drawer-specific styles: header bar with closer, title, confirm button, and panel background.
+ */
+declare const styles: Readonly<{
+    readonly header: Readonly<{
+        readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+        readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+        readonly paddingBlock: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlock", string>;
+        readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+        readonly borderBottomWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderBottomWidth", string>;
+        readonly borderBottomStyle: import("@stylexjs/stylex").StyleXClassNameFor<"borderBottomStyle", "solid">;
+        readonly borderBottomColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderBottomColor", "var(--color-outline-variant)">;
+    }>;
+    readonly actions: Readonly<{
+        readonly marginInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginInlineStart", "auto">;
+    }>;
+    readonly panel: Readonly<{
+        readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-on-primary)">;
+    }>;
+}>;
+export default styles;

package/dist/components/ellipsis/ellipsis.cjs

@@ -4,6 +4,8 @@ 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 stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var tooltip = require('../tooltip/tooltip.cjs');
 var React = require('react');
 var utils = require('./utils.cjs');
@@ -27,12 +29,8 @@ var Ellipsis = function Ellipsis(_ref) {
     _setValue = _useState2[1];
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
   var styled = {
-    ellipsis: {
-      className: "musaex-b3r6kr"
-    },
-    virtual: {
-      className: "musaex-ixxii4 musaex-lshs6z"
-    }
+    ellipsis: stylex.props(styles.default.ellipsis),
+    virtual: stylex.props(styles.default.virtual)
   };
   React.useLayoutEffect(function () {
     var _container = ref.current;

package/dist/components/ellipsis/ellipsis.mjs

@@ -1,5 +1,7 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+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 Tooltip from '../tooltip/tooltip.mjs';
 import React, { useRef, useState, useLayoutEffect } from 'react';
 import { exceedAt } from './utils.mjs';
@@ -23,12 +25,8 @@ var Ellipsis = function Ellipsis(_ref) {
     _setValue = _useState2[1];
   var classNames = useClassNames(CLASS_NAMES);
   var styled = {
-    ellipsis: {
-      className: "musaex-b3r6kr"
-    },
-    virtual: {
-      className: "musaex-ixxii4 musaex-lshs6z"
-    }
+    ellipsis: props(styles.ellipsis),
+    virtual: props(styles.virtual)
   };
   useLayoutEffect(function () {
     var _container = ref.current;

package/dist/components/ellipsis/styles.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {
+  ellipsis: {
+    kVQacm: "musaex-b3r6kr",
+    $$css: true
+  },
+  virtual: {
+    kVAEAm: "musaex-ixxii4",
+    k33iCy: "musaex-lshs6z",
+    $$css: true
+  }
+};
+
+exports.default = styles;

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

@@ -0,0 +1,10 @@
+declare const styles: Readonly<{
+    readonly ellipsis: Readonly<{
+        readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+    readonly virtual: Readonly<{
+        readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "fixed">;
+        readonly visibility: import("@stylexjs/stylex").StyleXClassNameFor<"visibility", "hidden">;
+    }>;
+}>;
+export default styles;

package/dist/components/ellipsis/styles.mjs

@@ -0,0 +1,13 @@
+var styles = {
+  ellipsis: {
+    kVQacm: "musaex-b3r6kr",
+    $$css: true
+  },
+  virtual: {
+    kVAEAm: "musaex-ixxii4",
+    k33iCy: "musaex-lshs6z",
+    $$css: true
+  }
+};
+
+export { styles as default };

package/dist/components/empty/empty.cjs

@@ -4,6 +4,7 @@ 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 useClassNames = require('../../hooks/use-class-names.cjs');
 var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
@@ -12,12 +13,6 @@ var useLocale = require('../../locale/use-locale.cjs');
 var context = require('./context.cjs');
 var theme = require('../theme/theme.cjs');
 
-var styles = {
-  label: {
-    keoZOQ: "musaex-1eodh35",
-    $$css: true
-  }
-};
 /**
  * @description
  * empty component
@@ -30,10 +25,8 @@ var Empty = function Empty(_ref) {
     _useLocale2 = _slicedToArray(_useLocale, 1),
     locale = _useLocale2[0];
   var styled = {
-    empty: {
-      className: "musaex-78zum5 musaex-dt5ytf musaex-6s0dn4 musaex-l56j7k musaex-10t7w11 musaex-1erkn4t"
-    },
-    label: stylex.props(theme.$body.small, styles.label)
+    empty: stylex.props(styles.default.empty),
+    label: stylex.props(theme.$body.small, styles.default.label)
   };
   return /*#__PURE__*/React.createElement("div", {
     className: className.stringify(classNames.empty, className$1, styled.empty.className),

package/dist/components/empty/empty.mjs

@@ -1,5 +1,6 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import styles from './styles.mjs';
 import React from 'react';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
@@ -8,12 +9,6 @@ import { useLocale } from '../../locale/use-locale.mjs';
 import { CLASS_NAMES } from './context.mjs';
 import { $body } from '../theme/theme.mjs';
 
-var styles = {
-  label: {
-    keoZOQ: "musaex-1eodh35",
-    $$css: true
-  }
-};
 /**
  * @description
  * empty component
@@ -26,9 +21,7 @@ var Empty = function Empty(_ref) {
     _useLocale2 = _slicedToArray(_useLocale, 1),
     locale = _useLocale2[0];
   var styled = {
-    empty: {
-      className: "musaex-78zum5 musaex-dt5ytf musaex-6s0dn4 musaex-l56j7k musaex-10t7w11 musaex-1erkn4t"
-    },
+    empty: props(styles.empty),
     label: props($body.small, styles.label)
   };
   return /*#__PURE__*/React.createElement("div", {

package/dist/components/empty/styles.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {
+  empty: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kqGvvJ: "musaex-10t7w11",
+    kUOVxO: "musaex-1erkn4t",
+    $$css: true
+  },
+  label: {
+    keoZOQ: "musaex-1eodh35",
+    $$css: true
+  }
+};
+
+exports.default = styles;

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

@@ -0,0 +1,14 @@
+declare const styles: Readonly<{
+    readonly empty: Readonly<{
+        readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "column">;
+        readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: import("@stylexjs/stylex").StyleXClassNameFor<"justifyContent", "center">;
+        readonly marginBlock: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlock", string>;
+        readonly marginInline: import("@stylexjs/stylex").StyleXClassNameFor<"marginInline", string>;
+    }>;
+    readonly label: Readonly<{
+        readonly marginBlockStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlockStart", string>;
+    }>;
+}>;
+export default styles;

package/dist/components/empty/styles.mjs

@@ -0,0 +1,17 @@
+var styles = {
+  empty: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kqGvvJ: "musaex-10t7w11",
+    kUOVxO: "musaex-1erkn4t",
+    $$css: true
+  },
+  label: {
+    keoZOQ: "musaex-1eodh35",
+    $$css: true
+  }
+};
+
+export { styles as default };