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

package/dist/components/sheet/styles.mjs

@@ -0,0 +1,77 @@
+var stackLevel = {
+  base: {
+    kY2c9j: "musaex-pje0qt",
+    $$css: true
+  }
+};
+var container = {
+  base: {
+    kVAEAm: "musaex-ixxii4",
+    kpwlN0: "musaex-10a8y8t",
+    kfzvcC: "musaex-47corl",
+    $$css: true
+  },
+  modal: {
+    kZeWKH: "musaex-ish69e",
+    kVQacm: "musaex-b3r6kr",
+    $$css: true
+  }
+};
+var overlay = {
+  base: {
+    kVAEAm: "musaex-10l6tqk",
+    kpwlN0: "musaex-10a8y8t",
+    kfzvcC: "musaex-67bb7w",
+    kSiTet: "musaex-g01cxk",
+    kWkggS: "musaex-11we2rp",
+    $$css: true
+  }
+};
+var panel = {
+  base: {
+    kVAEAm: "musaex-10l6tqk",
+    kfzvcC: "musaex-67bb7w",
+    k6sLGO: "musaex-1so62im",
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kVQacm: "musaex-b3r6kr",
+    k3aq6I: "musaex-n7yqov",
+    $$css: true
+  },
+  right: {
+    kCIrl2: "musaex-3m8u43",
+    k87sOh: "musaex-13vifvy",
+    krVfgx: "musaex-1ey2m1c",
+    kzqmXN: "musaex-1fjlwjz",
+    $$css: true
+  },
+  left: {
+    kbCHJM: "musaex-u96u03",
+    k87sOh: "musaex-13vifvy",
+    krVfgx: "musaex-1ey2m1c",
+    kzqmXN: "musaex-1fjlwjz",
+    $$css: true
+  },
+  bottom: {
+    krVfgx: "musaex-1ey2m1c",
+    kbCHJM: "musaex-u96u03",
+    kCIrl2: "musaex-3m8u43",
+    kZKoxP: "musaex-188dgw3",
+    $$css: true
+  },
+  top: {
+    k87sOh: "musaex-13vifvy",
+    kbCHJM: "musaex-u96u03",
+    kCIrl2: "musaex-3m8u43",
+    kZKoxP: "musaex-188dgw3",
+    $$css: true
+  }
+};
+var styles = {
+  stackLevel: stackLevel,
+  container: container,
+  overlay: overlay,
+  panel: panel
+};
+
+export { styles as default };

package/dist/components/side-sheet/context.cjs

@@ -9,7 +9,8 @@ var CLASS_NAMES = {
   header: "side-sheet__header",
   title: "side-sheet__title",
   content: "side-sheet__content",
-  actions: "side-sheet__actions"
+  actions: "side-sheet__actions",
+  buttons: "side-sheet__buttons"
 };
 
 exports.CLASS_NAMES = CLASS_NAMES;

package/dist/components/side-sheet/context.d.ts

@@ -8,4 +8,5 @@ export declare const CLASS_NAMES: {
     readonly title: "side-sheet__title";
     readonly content: "side-sheet__content";
     readonly actions: "side-sheet__actions";
+    readonly buttons: "side-sheet__buttons";
 };

package/dist/components/side-sheet/context.mjs

@@ -7,7 +7,8 @@ var CLASS_NAMES = {
   header: "side-sheet__header",
   title: "side-sheet__title",
   content: "side-sheet__content",
-  actions: "side-sheet__actions"
+  actions: "side-sheet__actions",
+  buttons: "side-sheet__buttons"
 };
 
 export { CLASS_NAMES };

package/dist/components/side-sheet/side-sheet.cjs

@@ -18,6 +18,7 @@ var className = require('@aiszlab/relax/class-name');
 var theme = require('../theme/theme.cjs');
 var context = require('./context.cjs');
 var styles = require('./styles.cjs');
+var relax = require('@aiszlab/relax');
 var arrowBack = require('../icon/icons/navigation/arrow-back.cjs');
 
 /**
@@ -61,13 +62,13 @@ var SideSheet = function SideSheet(_ref) {
     }),
     closer = _useClosable.closer;
   var styled = {
-    panel: stylex.props(styles.styles.panel["default"]),
-    standard: stylex.props(styles.styles.standard["default"], styles.styles.standard[placement]),
-    header: stylex.props(styles.styles.header["default"], onBack ? styles.styles.header.withBack : styles.styles.header.withTitle),
-    title: stylex.props(theme.$title.large, styles.styles.title["default"]),
-    content: stylex.props(styles.styles.content["default"]),
-    actions: stylex.props(styles.styles.actions["default"]),
-    actionsRow: stylex.props(styles.styles.actions.row)
+    panel: stylex.props(styles.styles.panel.base),
+    standard: stylex.props(styles.styles.standard.base, styles.styles.standard[placement]),
+    header: stylex.props(styles.styles.header.base, !!onBack && styles.styles.header["with-back"], !onBack && styles.styles.header["with-title"]),
+    title: stylex.props(theme.$title.large, styles.styles.title.base),
+    content: stylex.props(styles.styles.content.base),
+    actions: stylex.props(styles.styles.actions.base),
+    buttons: stylex.props(styles.styles.buttons.base)
   };
   /**
    * @zh 头部栏：可选的返回按钮、标题和关闭按钮。
@@ -76,7 +77,7 @@ var SideSheet = function SideSheet(_ref) {
    * Not rendered when all three are absent, avoiding empty placeholder space.
    */
   var hasHeader = !!title || !!onBack || !!onConfirm || !!closer;
-  var header = hasHeader ? (/*#__PURE__*/React.createElement("div", {
+  var header = hasHeader && (/*#__PURE__*/React.createElement("div", {
     className: className.stringify(classNames.header, styled.header.className),
     style: styled.header.style
   }, onBack && (/*#__PURE__*/React.createElement(iconButton.default, {
@@ -87,20 +88,20 @@ var SideSheet = function SideSheet(_ref) {
     style: styled.title.style
   }, title), onConfirm && /*#__PURE__*/React.createElement(button.Button, {
     onClick: onConfirm
-  }, locale.confirm), closer)) : null;
+  }, locale.confirm), closer));
   /**
    * @zh 底部操作区：分割线 + 操作按钮行。
    * @en Footer actions: a divider above the actions row.
    */
-  var footer = actions ? (/*#__PURE__*/React.createElement("div", {
+  var footer = !!actions && (/*#__PURE__*/React.createElement("div", {
     className: className.stringify(classNames.actions, styled.actions.className),
     style: styled.actions.style
   }, /*#__PURE__*/React.createElement(divider.default, {
     margin: 0
   }), /*#__PURE__*/React.createElement("div", {
-    className: styled.actionsRow.className,
-    style: styled.actionsRow.style
-  }, actions))) : null;
+    className: className.stringify(classNames.buttons, styled.buttons.className),
+    style: styled.buttons.style
+  }, actions)));
   /**
    * @zh 标准类型：内嵌在布局中展示，无遮罩层，停靠边缘带分割线。
    * @en Standard type: rendered inline in the layout, without a scrim,
@@ -110,9 +111,9 @@ var SideSheet = function SideSheet(_ref) {
     if (!open) return null;
     return /*#__PURE__*/React.createElement("div", {
       className: className.stringify(classNames.sideSheet, className$1, styled.standard.className),
-      style: _objectSpread(_objectSpread(_objectSpread({}, styled.standard.style), themeColorVars), {}, {
-        "--size": typeof size === "number" ? "".concat(size, "px") : size
-      }, style)
+      style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, styled.standard.style), style), themeColorVars), {}, {
+        "--size": relax.isNumber(size) ? "".concat(size, "px") : size
+      })
     }, header, /*#__PURE__*/React.createElement("div", {
       className: className.stringify(classNames.content, styled.content.className),
       style: styled.content.style
@@ -133,8 +134,11 @@ var SideSheet = function SideSheet(_ref) {
     header: header,
     footer: footer,
     panelClassName: styled.panel.className,
-    panelStyle: _objectSpread(_objectSpread({}, themeColorVars), styled.panel.style)
-  }, children);
+    panelStyle: _objectSpread(_objectSpread({}, styled.panel.style), themeColorVars)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: className.stringify(classNames.content, styled.content.className),
+    style: styled.content.style
+  }, children));
 };
 
 exports.default = SideSheet;

package/dist/components/side-sheet/side-sheet.mjs

@@ -14,6 +14,7 @@ import { stringify } from '@aiszlab/relax/class-name';
 import { $title } from '../theme/theme.mjs';
 import { CLASS_NAMES } from './context.mjs';
 import { styles } from './styles.mjs';
+import { isNumber } from '@aiszlab/relax';
 import IconArrowBack from '../icon/icons/navigation/arrow-back.mjs';
 
 /**
@@ -57,13 +58,13 @@ var SideSheet = function SideSheet(_ref) {
     }),
     closer = _useClosable.closer;
   var styled = {
-    panel: props(styles.panel["default"]),
-    standard: props(styles.standard["default"], styles.standard[placement]),
-    header: props(styles.header["default"], onBack ? styles.header.withBack : styles.header.withTitle),
-    title: props($title.large, styles.title["default"]),
-    content: props(styles.content["default"]),
-    actions: props(styles.actions["default"]),
-    actionsRow: props(styles.actions.row)
+    panel: props(styles.panel.base),
+    standard: props(styles.standard.base, styles.standard[placement]),
+    header: props(styles.header.base, !!onBack && styles.header["with-back"], !onBack && styles.header["with-title"]),
+    title: props($title.large, styles.title.base),
+    content: props(styles.content.base),
+    actions: props(styles.actions.base),
+    buttons: props(styles.buttons.base)
   };
   /**
    * @zh 头部栏：可选的返回按钮、标题和关闭按钮。
@@ -72,7 +73,7 @@ var SideSheet = function SideSheet(_ref) {
    * Not rendered when all three are absent, avoiding empty placeholder space.
    */
   var hasHeader = !!title || !!onBack || !!onConfirm || !!closer;
-  var header = hasHeader ? (/*#__PURE__*/React.createElement("div", {
+  var header = hasHeader && (/*#__PURE__*/React.createElement("div", {
     className: stringify(classNames.header, styled.header.className),
     style: styled.header.style
   }, onBack && (/*#__PURE__*/React.createElement(IconButton, {
@@ -83,20 +84,20 @@ var SideSheet = function SideSheet(_ref) {
     style: styled.title.style
   }, title), onConfirm && /*#__PURE__*/React.createElement(Button, {
     onClick: onConfirm
-  }, locale.confirm), closer)) : null;
+  }, locale.confirm), closer));
   /**
    * @zh 底部操作区：分割线 + 操作按钮行。
    * @en Footer actions: a divider above the actions row.
    */
-  var footer = actions ? (/*#__PURE__*/React.createElement("div", {
+  var footer = !!actions && (/*#__PURE__*/React.createElement("div", {
     className: stringify(classNames.actions, styled.actions.className),
     style: styled.actions.style
   }, /*#__PURE__*/React.createElement(Divider, {
     margin: 0
   }), /*#__PURE__*/React.createElement("div", {
-    className: styled.actionsRow.className,
-    style: styled.actionsRow.style
-  }, actions))) : null;
+    className: stringify(classNames.buttons, styled.buttons.className),
+    style: styled.buttons.style
+  }, actions)));
   /**
    * @zh 标准类型：内嵌在布局中展示，无遮罩层，停靠边缘带分割线。
    * @en Standard type: rendered inline in the layout, without a scrim,
@@ -106,9 +107,9 @@ var SideSheet = function SideSheet(_ref) {
     if (!open) return null;
     return /*#__PURE__*/React.createElement("div", {
       className: stringify(classNames.sideSheet, className, styled.standard.className),
-      style: _objectSpread(_objectSpread(_objectSpread({}, styled.standard.style), themeColorVars), {}, {
-        "--size": typeof size === "number" ? "".concat(size, "px") : size
-      }, style)
+      style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, styled.standard.style), style), themeColorVars), {}, {
+        "--size": isNumber(size) ? "".concat(size, "px") : size
+      })
     }, header, /*#__PURE__*/React.createElement("div", {
       className: stringify(classNames.content, styled.content.className),
       style: styled.content.style
@@ -129,8 +130,11 @@ var SideSheet = function SideSheet(_ref) {
     header: header,
     footer: footer,
     panelClassName: styled.panel.className,
-    panelStyle: _objectSpread(_objectSpread({}, themeColorVars), styled.panel.style)
-  }, children);
+    panelStyle: _objectSpread(_objectSpread({}, styled.panel.style), themeColorVars)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: stringify(classNames.content, styled.content.className),
+    style: styled.content.style
+  }, children));
 };
 
 export { SideSheet as default };

package/dist/components/side-sheet/styles.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
 var panel = {
-  "default": {
+  base: {
     kWkggS: "musaex-1eai1fy",
     kGO01o: "musaex-1oxn6w8",
     $$css: true
   }
 };
 var standard = {
-  "default": {
+  base: {
     k1xSpc: "musaex-78zum5",
     kXwgrk: "musaex-dt5ytf",
     kzqmXN: "musaex-1fjlwjz",
@@ -44,7 +44,7 @@ var standard = {
   }
 };
 var header = {
-  "default": {
+  base: {
     k1xSpc: "musaex-78zum5",
     kGNEyG: "musaex-1cy8zhl",
     kLKAdn: "musaex-h1u3e4",
@@ -52,26 +52,17 @@ var header = {
     kwRFfy: "musaex-1max5gj",
     $$css: true
   },
-  withTitle: {
+  "with-title": {
     kZCmMZ: "musaex-150i2hq",
     $$css: true
   },
-  withBack: {
+  "with-back": {
     kZCmMZ: "musaex-1rl4tsp",
     $$css: true
   }
 };
-var content = {
-  "default": {
-    kUk6DE: "musaex-98rzlu",
-    kAzted: "musaex-2lwn1j",
-    kVQacm: "musaex-ysyzu8",
-    kZeWKH: "musaex-ish69e",
-    $$css: true
-  }
-};
 var title = {
-  "default": {
+  base: {
     kUk6DE: "musaex-98rzlu",
     k7Eaqz: "musaex-euugli",
     kLKAdn: "musaex-h1u3e4",
@@ -79,13 +70,23 @@ var title = {
     $$css: true
   }
 };
+var content = {
+  base: {
+    kUk6DE: "musaex-98rzlu",
+    kVQacm: "musaex-ysyzu8",
+    kmVPX3: "musaex-1y9dh0z",
+    $$css: true
+  }
+};
 var actions = {
-  "default": {
+  base: {
     k1xSpc: "musaex-78zum5",
     kXwgrk: "musaex-dt5ytf",
     $$css: true
-  },
-  row: {
+  }
+};
+var buttons = {
+  base: {
     k1xSpc: "musaex-78zum5",
     kGNEyG: "musaex-6s0dn4",
     kOIVth: "musaex-1wm2zkp",
@@ -100,7 +101,8 @@ var styles = {
   header: header,
   title: title,
   content: content,
-  actions: actions
+  actions: actions,
+  buttons: buttons
 };
 
 exports.styles = styles;

package/dist/components/side-sheet/styles.d.ts

@@ -1,12 +1,12 @@
 export declare const styles: {
     panel: Readonly<{
-        readonly default: Readonly<{
+        readonly base: Readonly<{
             readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-surface-container-low)">;
             readonly paddingBottom: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBottom", string>;
         }>;
     }>;
     standard: Readonly<{
-        readonly default: Readonly<{
+        readonly base: Readonly<{
             readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
             readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "column">;
             readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", "var(--size)">;
@@ -37,22 +37,22 @@ export declare const styles: {
         }>;
     }>;
     header: Readonly<{
-        readonly default: Readonly<{
+        readonly base: Readonly<{
             readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
             readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "flex-start">;
             readonly paddingTop: import("@stylexjs/stylex").StyleXClassNameFor<"paddingTop", string>;
             readonly paddingBottom: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBottom", string>;
             readonly paddingInlineEnd: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInlineEnd", string>;
         }>;
-        readonly withTitle: Readonly<{
+        readonly "with-title": Readonly<{
             readonly paddingInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInlineStart", string>;
         }>;
-        readonly withBack: Readonly<{
+        readonly "with-back": Readonly<{
             readonly paddingInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInlineStart", string>;
         }>;
     }>;
     title: Readonly<{
-        readonly default: Readonly<{
+        readonly base: Readonly<{
             readonly flex: import("@stylexjs/stylex").StyleXClassNameFor<"flex", 1>;
             readonly minWidth: import("@stylexjs/stylex").StyleXClassNameFor<"minWidth", 0>;
             readonly paddingTop: import("@stylexjs/stylex").StyleXClassNameFor<"paddingTop", string>;
@@ -60,19 +60,20 @@ export declare const styles: {
         }>;
     }>;
     content: Readonly<{
-        readonly default: Readonly<{
+        readonly base: Readonly<{
             readonly flex: import("@stylexjs/stylex").StyleXClassNameFor<"flex", 1>;
-            readonly minHeight: import("@stylexjs/stylex").StyleXClassNameFor<"minHeight", 0>;
             readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "auto">;
-            readonly overscrollBehavior: import("@stylexjs/stylex").StyleXClassNameFor<"overscrollBehavior", "contain">;
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
         }>;
     }>;
     actions: Readonly<{
-        readonly default: Readonly<{
+        readonly base: Readonly<{
             readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
             readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "column">;
         }>;
-        readonly row: Readonly<{
+    }>;
+    buttons: 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>;

package/dist/components/side-sheet/styles.mjs

@@ -1,12 +1,12 @@
 var panel = {
-  "default": {
+  base: {
     kWkggS: "musaex-1eai1fy",
     kGO01o: "musaex-1oxn6w8",
     $$css: true
   }
 };
 var standard = {
-  "default": {
+  base: {
     k1xSpc: "musaex-78zum5",
     kXwgrk: "musaex-dt5ytf",
     kzqmXN: "musaex-1fjlwjz",
@@ -42,7 +42,7 @@ var standard = {
   }
 };
 var header = {
-  "default": {
+  base: {
     k1xSpc: "musaex-78zum5",
     kGNEyG: "musaex-1cy8zhl",
     kLKAdn: "musaex-h1u3e4",
@@ -50,26 +50,17 @@ var header = {
     kwRFfy: "musaex-1max5gj",
     $$css: true
   },
-  withTitle: {
+  "with-title": {
     kZCmMZ: "musaex-150i2hq",
     $$css: true
   },
-  withBack: {
+  "with-back": {
     kZCmMZ: "musaex-1rl4tsp",
     $$css: true
   }
 };
-var content = {
-  "default": {
-    kUk6DE: "musaex-98rzlu",
-    kAzted: "musaex-2lwn1j",
-    kVQacm: "musaex-ysyzu8",
-    kZeWKH: "musaex-ish69e",
-    $$css: true
-  }
-};
 var title = {
-  "default": {
+  base: {
     kUk6DE: "musaex-98rzlu",
     k7Eaqz: "musaex-euugli",
     kLKAdn: "musaex-h1u3e4",
@@ -77,13 +68,23 @@ var title = {
     $$css: true
   }
 };
+var content = {
+  base: {
+    kUk6DE: "musaex-98rzlu",
+    kVQacm: "musaex-ysyzu8",
+    kmVPX3: "musaex-1y9dh0z",
+    $$css: true
+  }
+};
 var actions = {
-  "default": {
+  base: {
     k1xSpc: "musaex-78zum5",
     kXwgrk: "musaex-dt5ytf",
     $$css: true
-  },
-  row: {
+  }
+};
+var buttons = {
+  base: {
     k1xSpc: "musaex-78zum5",
     kGNEyG: "musaex-6s0dn4",
     kOIVth: "musaex-1wm2zkp",
@@ -98,7 +99,8 @@ var styles = {
   header: header,
   title: title,
   content: content,
-  actions: actions
+  actions: actions,
+  buttons: buttons
 };
 
 export { styles };

package/dist/components/skeleton/skeleton.cjs

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+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 className = require('@aiszlab/relax/class-name');
 var tokens_stylex = require('../theme/tokens.stylex.cjs');
@@ -18,14 +20,7 @@ var Skeleton = function Skeleton(_ref) {
     children = _ref.children;
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
   var _themeColorVars = useThemeColorVars.useThemeColorVars([["shadow", tokens_stylex.OPACITY.thin], ["shadow", tokens_stylex.OPACITY.thick]]);
-  var styled = {
-    0: {
-      className: "musaex-c26kkz"
-    },
-    1: {
-      className: "musaex-1arl9ob musaex-1db4oza musaex-pxjozy musaex-mg6eyc musaex-1debuo4 musaex-a4qsjk"
-    }
-  }[!!animation << 0];
+  var styled = stylex.props(styles.default.skeleton, animation && styles.default.animation);
   return /*#__PURE__*/React.createElement("div", {
     className: className.stringify(classNames.skeleton, className$1, styled.className),
     style: _objectSpread(_objectSpread(_objectSpread({}, styled.style), _themeColorVars), style)

package/dist/components/skeleton/skeleton.mjs

@@ -1,4 +1,6 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+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 from 'react';
 import { stringify } from '@aiszlab/relax/class-name';
 import { OPACITY } from '../theme/tokens.stylex.mjs';
@@ -14,14 +16,7 @@ var Skeleton = function Skeleton(_ref) {
     children = _ref.children;
   var classNames = useClassNames(CLASS_NAMES);
   var _themeColorVars = useThemeColorVars([["shadow", OPACITY.thin], ["shadow", OPACITY.thick]]);
-  var styled = {
-    0: {
-      className: "musaex-c26kkz"
-    },
-    1: {
-      className: "musaex-1arl9ob musaex-1db4oza musaex-pxjozy musaex-mg6eyc musaex-1debuo4 musaex-a4qsjk"
-    }
-  }[!!animation << 0];
+  var styled = props(styles.skeleton, animation && styles.animation);
   return /*#__PURE__*/React.createElement("div", {
     className: stringify(classNames.skeleton, className, styled.className),
     style: _objectSpread(_objectSpread(_objectSpread({}, styled.style), _themeColorVars), style)

package/dist/components/skeleton/styles.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {
+  skeleton: {
+    kWkggS: "musaex-c26kkz",
+    $$css: true
+  }};
+
+exports.default = styles;

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

@@ -0,0 +1,15 @@
+declare const styles: Readonly<{
+    readonly skeleton: Readonly<{
+        readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-shadow-opacity-08)">;
+    }>;
+    readonly skeleton_animation: Readonly<{
+        readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", null>;
+        readonly backgroundImage: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundImage", "linear-gradient(90deg, var(--color-shadow-opacity-08) 25%, var(--color-shadow-opacity-16) 37%, var(--color-shadow-opacity-08) 63%)">;
+        readonly backgroundSize: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundSize", "400% 100%">;
+        readonly animationName: import("@stylexjs/stylex").StyleXClassNameFor<"animationName", string>;
+        readonly animationDuration: import("@stylexjs/stylex").StyleXClassNameFor<"animationDuration", "1.5s">;
+        readonly animationTimingFunction: import("@stylexjs/stylex").StyleXClassNameFor<"animationTimingFunction", "ease">;
+        readonly animationIterationCount: import("@stylexjs/stylex").StyleXClassNameFor<"animationIterationCount", "infinite">;
+    }>;
+}>;
+export default styles;

package/dist/components/skeleton/styles.mjs

@@ -0,0 +1,7 @@
+var styles = {
+  skeleton: {
+    kWkggS: "musaex-c26kkz",
+    $$css: true
+  }};
+
+export { styles as default };

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

@@ -0,0 +1,30 @@
+declare const styles: {
+    slider: Readonly<{
+        readonly base: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "row">;
+            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+        }>;
+    }>;
+    track: Readonly<{
+        readonly base: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", "100%">;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", "100%">;
+        }>;
+        readonly flexible: Readonly<{
+            readonly flex: import("@stylexjs/stylex").StyleXClassNameFor<"flex", 1>;
+        }>;
+        readonly sized: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", "var(--size)">;
+        }>;
+    }>;
+    handle: Readonly<{
+        readonly base: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-primary)">;
+        }>;
+    }>;
+};
+export default styles;