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

package/dist/components/loading/loading.mjs

@@ -1,82 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+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 { useClassNames } from '../../hooks/use-class-names.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 import { CLASS_NAMES } from './context.mjs';
 
-var styles = {
-  circle: {
-    k44tkh: "musaex-1c74tu6",
-    kyAemX: "musaex-1esw782",
-    ko0y90: "musaex-a4qsjk",
-    kDwRjp: "musaex-bh8q5q",
-    kU5bRw: "musaex-1owpc8m",
-    $$css: true
-  },
-  top: {
-    kKVMdj: "musaex-1ygrg12",
-    kjVXCG: "musaex-1rd0bzx",
-    $$css: true
-  },
-  bottom: {
-    kKVMdj: "musaex-s32ixd",
-    kjVXCG: "musaex-1op1030",
-    $$css: true
-  },
-  left: {
-    kKVMdj: "musaex-1dxjbsd",
-    kjVXCG: "musaex-1pomg4v",
-    $$css: true
-  },
-  right: {
-    kKVMdj: "musaex-1dppd5q",
-    kjVXCG: "musaex-197s2ti",
-    $$css: true
-  },
-  small: {
-    kzqmXN: "musaex-19dbm5w",
-    kZKoxP: "musaex-12ez60q",
-    $$css: true
-  },
-  medium: {
-    kzqmXN: "musaex-108untq",
-    kZKoxP: "musaex-tbkiit",
-    $$css: true
-  },
-  large: {
-    kzqmXN: "musaex-170iu1w",
-    kZKoxP: "musaex-1x9caio",
-    $$css: true
-  },
-  loading: {
-    kVAEAm: "musaex-1n2onr6",
-    k7Eaqz: "musaex-193eezx",
-    kAzted: "musaex-aumc07",
-    $$css: true
-  },
-  spin: {
-    kVAEAm: "musaex-10l6tqk",
-    kzqmXN: "musaex-92755x",
-    kZKoxP: "musaex-qg7gut",
-    k87sOh: "musaex-13vifvy",
-    kLqNvP: "musaex-1o0tod",
-    k1xSpc: "musaex-78zum5",
-    kjj79g: "musaex-l56j7k",
-    kGNEyG: "musaex-6s0dn4",
-    kY2c9j: "musaex-qgk00j",
-    $$css: true
-  },
-  overlay: {
-    kSiTet: "musaex-byyjgo",
-    kfSwDN: "musaex-87ps6o",
-    kfzvcC: "musaex-47corl",
-    k1ekBW: "musaex-19991ni",
-    kIyJzY: "musaex-1d8287x",
-    $$css: true
-  }
-};
 var Loading = function Loading(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? "medium" : _ref$size,
@@ -89,49 +19,32 @@ var Loading = function Loading(_ref) {
     loading = _ref$loading === void 0 ? true : _ref$loading;
   var classNames = useClassNames(CLASS_NAMES);
   var circles = {
-    top: _objectSpread(_objectSpread({}, {
-      className: "musaex-1c74tu6 musaex-1esw782 musaex-a4qsjk musaex-bh8q5q musaex-1owpc8m musaex-1ygrg12 musaex-1rd0bzx"
-    }), {}, {
+    top: _objectSpread(_objectSpread({}, props(styles.circle, styles.top)), {}, {
       cx: "120",
       cy: "120",
       r: "105"
     }),
-    bottom: _objectSpread(_objectSpread({}, {
-      className: "musaex-1c74tu6 musaex-1esw782 musaex-a4qsjk musaex-bh8q5q musaex-1owpc8m musaex-s32ixd musaex-1op1030"
-    }), {}, {
+    bottom: _objectSpread(_objectSpread({}, props(styles.circle, styles.bottom)), {}, {
       cx: "120",
       cy: "120",
       r: "35"
     }),
-    left: _objectSpread(_objectSpread({}, {
-      className: "musaex-1c74tu6 musaex-1esw782 musaex-a4qsjk musaex-bh8q5q musaex-1owpc8m musaex-1dxjbsd musaex-1pomg4v"
-    }), {}, {
+    left: _objectSpread(_objectSpread({}, props(styles.circle, styles.left)), {}, {
       cx: "85",
       cy: "120",
       r: "70"
     }),
-    right: _objectSpread(_objectSpread({}, {
-      className: "musaex-1c74tu6 musaex-1esw782 musaex-a4qsjk musaex-bh8q5q musaex-1owpc8m musaex-1dppd5q musaex-197s2ti"
-    }), {}, {
+    right: _objectSpread(_objectSpread({}, props(styles.circle, styles.right)), {}, {
       cx: "155",
       cy: "120",
       r: "70"
     })
   };
   var styled = {
-    loading: {
-      className: "musaex-1n2onr6 musaex-193eezx musaex-aumc07"
-    },
-    spin: {
-      className: "musaex-10l6tqk musaex-92755x musaex-qg7gut musaex-13vifvy musaex-1o0tod musaex-78zum5 musaex-l56j7k musaex-6s0dn4 musaex-qgk00j"
-    },
+    loading: props(styles.loading),
+    spin: props(styles.spin),
     spinning: props(styles[size]),
-    content: {
-      0: {},
-      1: {
-        className: "musaex-byyjgo musaex-87ps6o musaex-47corl musaex-19991ni musaex-1d8287x"
-      }
-    }[!!(loading && overlay) << 0]
+    content: props(loading && overlay && styles.overlay)
   };
   return /*#__PURE__*/React.createElement("div", {
     className: stringify(classNames.loading, styled.loading.className),

package/dist/components/loading/styles.cjs

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {
+  circle: {
+    k44tkh: "musaex-1c74tu6",
+    kyAemX: "musaex-1esw782",
+    ko0y90: "musaex-a4qsjk",
+    kDwRjp: "musaex-bh8q5q",
+    kU5bRw: "musaex-1owpc8m",
+    $$css: true
+  },
+  loading_top: {
+    kKVMdj: "musaex-1ygrg12",
+    kjVXCG: "musaex-1rd0bzx",
+    $$css: true
+  },
+  loading_bottom: {
+    kKVMdj: "musaex-s32ixd",
+    kjVXCG: "musaex-1op1030",
+    $$css: true
+  },
+  loading_left: {
+    kKVMdj: "musaex-1dxjbsd",
+    kjVXCG: "musaex-1pomg4v",
+    $$css: true
+  },
+  loading_right: {
+    kKVMdj: "musaex-1dppd5q",
+    kjVXCG: "musaex-197s2ti",
+    $$css: true
+  },
+  small: {
+    kzqmXN: "musaex-19dbm5w",
+    kZKoxP: "musaex-12ez60q",
+    $$css: true
+  },
+  medium: {
+    kzqmXN: "musaex-108untq",
+    kZKoxP: "musaex-tbkiit",
+    $$css: true
+  },
+  large: {
+    kzqmXN: "musaex-170iu1w",
+    kZKoxP: "musaex-1x9caio",
+    $$css: true
+  },
+  loading: {
+    kVAEAm: "musaex-1n2onr6",
+    k7Eaqz: "musaex-193eezx",
+    kAzted: "musaex-aumc07",
+    $$css: true
+  },
+  spin: {
+    kVAEAm: "musaex-10l6tqk",
+    kzqmXN: "musaex-92755x",
+    kZKoxP: "musaex-qg7gut",
+    k87sOh: "musaex-13vifvy",
+    kLqNvP: "musaex-1o0tod",
+    k1xSpc: "musaex-78zum5",
+    kjj79g: "musaex-l56j7k",
+    kGNEyG: "musaex-6s0dn4",
+    kY2c9j: "musaex-qgk00j",
+    $$css: true
+  },
+  overlay: {
+    kSiTet: "musaex-byyjgo",
+    kfSwDN: "musaex-87ps6o",
+    kfzvcC: "musaex-47corl",
+    k1ekBW: "musaex-19991ni",
+    kIyJzY: "musaex-1d8287x",
+    $$css: true
+  }
+};
+
+exports.default = styles;

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

@@ -0,0 +1,61 @@
+declare const styles: Readonly<{
+    readonly circle: Readonly<{
+        readonly animationDuration: import("@stylexjs/stylex").StyleXClassNameFor<"animationDuration", "2s">;
+        readonly animationTimingFunction: import("@stylexjs/stylex").StyleXClassNameFor<"animationTimingFunction", "linear">;
+        readonly animationIterationCount: import("@stylexjs/stylex").StyleXClassNameFor<"animationIterationCount", "infinite">;
+        readonly fill: import("@stylexjs/stylex").StyleXClassNameFor<"fill", "none">;
+        readonly strokeLinecap: import("@stylexjs/stylex").StyleXClassNameFor<"strokeLinecap", "round">;
+    }>;
+    readonly loading_top: Readonly<{
+        readonly animationName: import("@stylexjs/stylex").StyleXClassNameFor<"animationName", string>;
+        readonly stroke: import("@stylexjs/stylex").StyleXClassNameFor<"stroke", "#f42f25">;
+    }>;
+    readonly loading_bottom: Readonly<{
+        readonly animationName: import("@stylexjs/stylex").StyleXClassNameFor<"animationName", string>;
+        readonly stroke: import("@stylexjs/stylex").StyleXClassNameFor<"stroke", "#f49725">;
+    }>;
+    readonly loading_left: Readonly<{
+        readonly animationName: import("@stylexjs/stylex").StyleXClassNameFor<"animationName", string>;
+        readonly stroke: import("@stylexjs/stylex").StyleXClassNameFor<"stroke", "#255ff4">;
+    }>;
+    readonly loading_right: Readonly<{
+        readonly animationName: import("@stylexjs/stylex").StyleXClassNameFor<"animationName", string>;
+        readonly stroke: import("@stylexjs/stylex").StyleXClassNameFor<"stroke", "#f42582">;
+    }>;
+    readonly small: Readonly<{
+        readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+        readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+    }>;
+    readonly medium: Readonly<{
+        readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+        readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+    }>;
+    readonly large: Readonly<{
+        readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+        readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+    }>;
+    readonly loading: Readonly<{
+        readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
+        readonly minWidth: import("@stylexjs/stylex").StyleXClassNameFor<"minWidth", string>;
+        readonly minHeight: import("@stylexjs/stylex").StyleXClassNameFor<"minHeight", string>;
+    }>;
+    readonly spin: 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 insetBlockStart: import("@stylexjs/stylex").StyleXClassNameFor<"insetBlockStart", 0>;
+        readonly insetInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"insetInlineStart", 0>;
+        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 zIndex: import("@stylexjs/stylex").StyleXClassNameFor<"zIndex", string>;
+    }>;
+    readonly overlay: Readonly<{
+        readonly opacity: import("@stylexjs/stylex").StyleXClassNameFor<"opacity", 0.5>;
+        readonly userSelect: import("@stylexjs/stylex").StyleXClassNameFor<"userSelect", "none">;
+        readonly pointerEvents: import("@stylexjs/stylex").StyleXClassNameFor<"pointerEvents", "none">;
+        readonly transitionProperty: import("@stylexjs/stylex").StyleXClassNameFor<"transitionProperty", "opacity">;
+        readonly transitionDuration: import("@stylexjs/stylex").StyleXClassNameFor<"transitionDuration", "0.3s">;
+    }>;
+}>;
+export default styles;

package/dist/components/loading/styles.mjs

@@ -0,0 +1,73 @@
+var styles = {
+  circle: {
+    k44tkh: "musaex-1c74tu6",
+    kyAemX: "musaex-1esw782",
+    ko0y90: "musaex-a4qsjk",
+    kDwRjp: "musaex-bh8q5q",
+    kU5bRw: "musaex-1owpc8m",
+    $$css: true
+  },
+  loading_top: {
+    kKVMdj: "musaex-1ygrg12",
+    kjVXCG: "musaex-1rd0bzx",
+    $$css: true
+  },
+  loading_bottom: {
+    kKVMdj: "musaex-s32ixd",
+    kjVXCG: "musaex-1op1030",
+    $$css: true
+  },
+  loading_left: {
+    kKVMdj: "musaex-1dxjbsd",
+    kjVXCG: "musaex-1pomg4v",
+    $$css: true
+  },
+  loading_right: {
+    kKVMdj: "musaex-1dppd5q",
+    kjVXCG: "musaex-197s2ti",
+    $$css: true
+  },
+  small: {
+    kzqmXN: "musaex-19dbm5w",
+    kZKoxP: "musaex-12ez60q",
+    $$css: true
+  },
+  medium: {
+    kzqmXN: "musaex-108untq",
+    kZKoxP: "musaex-tbkiit",
+    $$css: true
+  },
+  large: {
+    kzqmXN: "musaex-170iu1w",
+    kZKoxP: "musaex-1x9caio",
+    $$css: true
+  },
+  loading: {
+    kVAEAm: "musaex-1n2onr6",
+    k7Eaqz: "musaex-193eezx",
+    kAzted: "musaex-aumc07",
+    $$css: true
+  },
+  spin: {
+    kVAEAm: "musaex-10l6tqk",
+    kzqmXN: "musaex-92755x",
+    kZKoxP: "musaex-qg7gut",
+    k87sOh: "musaex-13vifvy",
+    kLqNvP: "musaex-1o0tod",
+    k1xSpc: "musaex-78zum5",
+    kjj79g: "musaex-l56j7k",
+    kGNEyG: "musaex-6s0dn4",
+    kY2c9j: "musaex-qgk00j",
+    $$css: true
+  },
+  overlay: {
+    kSiTet: "musaex-byyjgo",
+    kfSwDN: "musaex-87ps6o",
+    kfzvcC: "musaex-47corl",
+    k1ekBW: "musaex-19991ni",
+    kIyJzY: "musaex-1d8287x",
+    $$css: true
+  }
+};
+
+export { styles as default };

package/dist/components/markdown/loading.cjs

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var styles = require('./styles.cjs');
 var React = require('react');
 var skeleton = require('../skeleton/skeleton.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var space = require('../space/space.cjs');
 var context = require('./context.cjs');
 var className = require('@aiszlab/relax/class-name');
@@ -13,21 +15,11 @@ var Loading = function Loading() {
   var _useContext = React.useContext(context.default),
     classNames = _useContext.classNames;
   var styled = {
-    loading: {
-      className: "musaex-6b7nyu"
-    },
-    heading: {
-      className: "musaex-11mck8i musaex-1si1pn3 musaex-m9kfsm"
-    },
-    content: {
-      className: "musaex-14rvwrp musaex-pvxov6 musaex-m9kfsm"
-    },
-    newline: {
-      className: "musaex-qhwcoo musaex-pvxov6 musaex-m9kfsm"
-    },
-    footer: {
-      className: "musaex-11mck8i musaex-1ksoi14 musaex-m9kfsm"
-    }
+    loading: stylex.props(styles.default.loading.base),
+    heading: stylex.props(styles.default.loading.heading),
+    content: stylex.props(styles.default.loading.content),
+    newline: stylex.props(styles.default.loading.newline),
+    footer: stylex.props(styles.default.loading.footer)
   };
   return /*#__PURE__*/React.createElement(space.default, {
     className: (className.stringify(classNames.loading), styled.loading.className),

package/dist/components/markdown/loading.mjs

@@ -1,6 +1,8 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import styles from './styles.mjs';
 import React, { useContext } from 'react';
 import Skeleton from '../skeleton/skeleton.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import Space from '../space/space.mjs';
 import Context from './context.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
@@ -9,21 +11,11 @@ var Loading = function Loading() {
   var _useContext = useContext(Context),
     classNames = _useContext.classNames;
   var styled = {
-    loading: {
-      className: "musaex-6b7nyu"
-    },
-    heading: {
-      className: "musaex-11mck8i musaex-1si1pn3 musaex-m9kfsm"
-    },
-    content: {
-      className: "musaex-14rvwrp musaex-pvxov6 musaex-m9kfsm"
-    },
-    newline: {
-      className: "musaex-qhwcoo musaex-pvxov6 musaex-m9kfsm"
-    },
-    footer: {
-      className: "musaex-11mck8i musaex-1ksoi14 musaex-m9kfsm"
-    }
+    loading: props(styles.loading.base),
+    heading: props(styles.loading.heading),
+    content: props(styles.loading.content),
+    newline: props(styles.loading.newline),
+    footer: props(styles.loading.footer)
   };
   return /*#__PURE__*/React.createElement(Space, {
     className: (stringify(classNames.loading), styled.loading.className),

package/dist/components/markdown/markdown.cjs

@@ -5,21 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _regenerator = require('@babel/runtime/helpers/regenerator');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var styles = require('./styles.cjs');
 var React = require('react');
 var utils = require('./utils.cjs');
 var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var theme = require('../theme/theme.cjs');
 var className = require('@aiszlab/relax/class-name');
 
-var styles = {
-  markdown: {
-    kzqmXN: "musaex-eq5yr9",
-    kVQacm: "musaex-ysyzu8",
-    k7Eaqz: "musaex-gqtt45",
-    kIP73R: "musaex-1h6ixn3",
-    $$css: true
-  }
-};
 var Markdown = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(_ref) {
     var value, className$1, style, isInClient, _html, styled, _t;
@@ -41,7 +33,7 @@ var Markdown = /*#__PURE__*/function () {
           _t = value;
         case 3:
           _html = _t;
-          styled = stylex.props(styles.markdown, theme.$body.medium);
+          styled = stylex.props(styles.default.markdown.base, theme.$body.medium);
           return _context.a(2, /*#__PURE__*/React.createElement("div", {
             dangerouslySetInnerHTML: {
               __html: _html

package/dist/components/markdown/markdown.mjs

@@ -1,21 +1,13 @@
 import _regenerator from '@babel/runtime/helpers/regenerator';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import styles from './styles.mjs';
 import React from 'react';
 import { toHtml } from './utils.mjs';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { $body } from '../theme/theme.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 
-var styles = {
-  markdown: {
-    kzqmXN: "musaex-eq5yr9",
-    kVQacm: "musaex-ysyzu8",
-    k7Eaqz: "musaex-gqtt45",
-    kIP73R: "musaex-1h6ixn3",
-    $$css: true
-  }
-};
 var Markdown = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(_ref) {
     var value, className, style, isInClient, _html, styled, _t;
@@ -37,7 +29,7 @@ var Markdown = /*#__PURE__*/function () {
           _t = value;
         case 3:
           _html = _t;
-          styled = props(styles.markdown, $body.medium);
+          styled = props(styles.markdown.base, $body.medium);
           return _context.a(2, /*#__PURE__*/React.createElement("div", {
             dangerouslySetInnerHTML: {
               __html: _html

package/dist/components/markdown/styles.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var loading = {
+  base: {
+    kmVPX3: "musaex-6b7nyu",
+    $$css: true
+  },
+  heading: {
+    kzqmXN: "musaex-11mck8i",
+    kZKoxP: "musaex-1si1pn3",
+    kaIpWk: "musaex-m9kfsm",
+    $$css: true
+  },
+  content: {
+    kzqmXN: "musaex-14rvwrp",
+    kZKoxP: "musaex-pvxov6",
+    kaIpWk: "musaex-m9kfsm",
+    $$css: true
+  },
+  newline: {
+    kzqmXN: "musaex-qhwcoo",
+    kZKoxP: "musaex-pvxov6",
+    kaIpWk: "musaex-m9kfsm",
+    $$css: true
+  },
+  footer: {
+    kzqmXN: "musaex-11mck8i",
+    kZKoxP: "musaex-1ksoi14",
+    kaIpWk: "musaex-m9kfsm",
+    $$css: true
+  }
+};
+var markdown = {
+  base: {
+    kzqmXN: "musaex-eq5yr9",
+    kVQacm: "musaex-ysyzu8",
+    k7Eaqz: "musaex-gqtt45",
+    kIP73R: "musaex-1h6ixn3",
+    $$css: true
+  }
+};
+var styles = {
+  loading: loading,
+  markdown: markdown
+};
+
+exports.default = styles;

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

@@ -0,0 +1,38 @@
+declare const styles: {
+    loading: Readonly<{
+        readonly base: Readonly<{
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+        }>;
+        readonly heading: 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 content: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", 600>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+        }>;
+        readonly newline: 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 footer: 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>;
+        }>;
+    }>;
+    markdown: Readonly<{
+        readonly base: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", "fit-content">;
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "auto">;
+            readonly minWidth: import("@stylexjs/stylex").StyleXClassNameFor<"minWidth", "100%">;
+            readonly ":not(#\\#) pre": import("@stylexjs/stylex").StyleXClassNameFor<":not(#\\#) pre", {
+                readonly padding: import("@stylexjs/stylex").StyleXVar<string>;
+            }>;
+        }>;
+    }>;
+};
+export default styles;

package/dist/components/markdown/styles.mjs

@@ -0,0 +1,45 @@
+var loading = {
+  base: {
+    kmVPX3: "musaex-6b7nyu",
+    $$css: true
+  },
+  heading: {
+    kzqmXN: "musaex-11mck8i",
+    kZKoxP: "musaex-1si1pn3",
+    kaIpWk: "musaex-m9kfsm",
+    $$css: true
+  },
+  content: {
+    kzqmXN: "musaex-14rvwrp",
+    kZKoxP: "musaex-pvxov6",
+    kaIpWk: "musaex-m9kfsm",
+    $$css: true
+  },
+  newline: {
+    kzqmXN: "musaex-qhwcoo",
+    kZKoxP: "musaex-pvxov6",
+    kaIpWk: "musaex-m9kfsm",
+    $$css: true
+  },
+  footer: {
+    kzqmXN: "musaex-11mck8i",
+    kZKoxP: "musaex-1ksoi14",
+    kaIpWk: "musaex-m9kfsm",
+    $$css: true
+  }
+};
+var markdown = {
+  base: {
+    kzqmXN: "musaex-eq5yr9",
+    kVQacm: "musaex-ysyzu8",
+    k7Eaqz: "musaex-gqtt45",
+    kIP73R: "musaex-1h6ixn3",
+    $$css: true
+  }
+};
+var styles = {
+  loading: loading,
+  markdown: markdown
+};
+
+export { styles as default };

package/dist/components/menu/__test__/index.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";