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

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

@@ -2,12 +2,14 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regenerator from '@babel/runtime/helpers/regenerator';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import styles from './styles.mjs';
 import { Button } from '../button/button.mjs';
 import React, { useRef, useMemo } from 'react';
 import Popover from '../popover/popover.mjs';
 import Menu from '../menu/menu.mjs';
 import Empty from '../empty/empty.mjs';
 import { useEvent, toArray } from '@aiszlab/relax';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 
 var Dropdown = function Dropdown(_ref) {
   var _items$get;
@@ -64,9 +66,7 @@ var Dropdown = function Dropdown(_ref) {
       selectedKeys: value
     });
   }, [items, onClick, value]);
-  var _styled = {
-    className: "musaex-1bl4301 musaex-b3r6kr musaex-lyipyv"
-  };
+  var _styled = props(styles.dropdown.label);
   return /*#__PURE__*/React.createElement(Popover, {
     content: content,
     triggerBy: "click",

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

@@ -2,8 +2,10 @@
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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 className = require('@aiszlab/relax/class-name');
 var useClassNames = require('../../hooks/use-class-names.cjs');
 
@@ -19,9 +21,7 @@ var RichTextEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     fallback = _ref.fallback,
     props = _objectWithoutProperties(_ref, _excluded);
-  var styled = {
-    className: "musaex-1v3n0qb musaex-92755x musaex-m9kfsm"
-  };
+  var styled = stylex.props(styles.default.root.loading);
   var classNames = useClassNames.useClassNames(CLASS_NAMES);
   return /*#__PURE__*/React.createElement(React.Suspense, {
     fallback: fallback !== null && fallback !== void 0 ? fallback : (/*#__PURE__*/React.createElement(skeleton.default, {

package/dist/components/rich-text-editor/index.mjs

@@ -1,7 +1,9 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import styles from './styles.mjs';
 import React, { forwardRef, Suspense, createElement, lazy } 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 { stringify } from '@aiszlab/relax/class-name';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
 
@@ -16,17 +18,15 @@ var RichTextEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     style = _ref.style,
     fallback = _ref.fallback,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var styled = {
-    className: "musaex-1v3n0qb musaex-92755x musaex-m9kfsm"
-  };
+    props$1 = _objectWithoutProperties(_ref, _excluded);
+  var styled = props(styles.root.loading);
   var classNames = useClassNames(CLASS_NAMES);
   return /*#__PURE__*/React.createElement(Suspense, {
     fallback: fallback !== null && fallback !== void 0 ? fallback : (/*#__PURE__*/React.createElement(Skeleton, {
       className: stringify(classNames.loading, className, styled.className),
       style: _objectSpread(_objectSpread({}, styled.style), style)
     }))
-  }, /*#__PURE__*/createElement(_RichTextEditor, _objectSpread(_objectSpread({}, props), {}, {
+  }, /*#__PURE__*/createElement(_RichTextEditor, _objectSpread(_objectSpread({}, props$1), {}, {
     className: className,
     style: style,
     ref: ref

package/dist/components/rich-text-editor/nodes/checkbox.cjs

@@ -9,9 +9,11 @@ var _inherits = require('@babel/runtime/helpers/inherits');
 var _classPrivateFieldInitSpec = require('@babel/runtime/helpers/classPrivateFieldInitSpec');
 var _classPrivateFieldSet = require('@babel/runtime/helpers/classPrivateFieldSet2');
 var _classPrivateFieldGet = require('@babel/runtime/helpers/classPrivateFieldGet2');
+var styles = require('../styles.cjs');
 var lexical = require('lexical');
 var React = require('react');
 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 _checked = /*#__PURE__*/new WeakMap();
 var CheckboxNode = /*#__PURE__*/function (_DecoratorNode) {
@@ -28,9 +30,7 @@ var CheckboxNode = /*#__PURE__*/function (_DecoratorNode) {
     key: "createDOM",
     value: function createDOM() {
       var _styled$className;
-      var styled = {
-        className: "musaex-10l6tqk musaex-1nd3h6z musaex-9g8htu musaex-78zum5 musaex-98m019"
-      };
+      var styled = stylex.props(styles.default.checkbox.base);
       var dom = document.createElement("span");
       dom.className = (_styled$className = styled.className) !== null && _styled$className !== void 0 ? _styled$className : "";
       return dom;

package/dist/components/rich-text-editor/nodes/checkbox.mjs

@@ -7,9 +7,11 @@ import _inherits from '@babel/runtime/helpers/inherits';
 import _classPrivateFieldInitSpec from '@babel/runtime/helpers/classPrivateFieldInitSpec';
 import _classPrivateFieldSet from '@babel/runtime/helpers/classPrivateFieldSet2';
 import _classPrivateFieldGet from '@babel/runtime/helpers/classPrivateFieldGet2';
+import styles from '../styles.mjs';
 import { DecoratorNode, $getNodeByKey } from 'lexical';
 import React from 'react';
 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';
 
 var _checked = /*#__PURE__*/new WeakMap();
 var CheckboxNode = /*#__PURE__*/function (_DecoratorNode) {
@@ -26,9 +28,7 @@ var CheckboxNode = /*#__PURE__*/function (_DecoratorNode) {
     key: "createDOM",
     value: function createDOM() {
       var _styled$className;
-      var styled = {
-        className: "musaex-10l6tqk musaex-1nd3h6z musaex-9g8htu musaex-78zum5 musaex-98m019"
-      };
+      var styled = props(styles.checkbox.base);
       var dom = document.createElement("span");
       dom.className = (_styled$className = styled.className) !== null && _styled$className !== void 0 ? _styled$className : "";
       return dom;

package/dist/components/rich-text-editor/plugins/floating-link-editor/index.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _regenerator = require('@babel/runtime/helpers/regenerator');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var styles = require('../../styles.cjs');
 var React = require('react');
 var popper = require('../../../popper/popper.cjs');
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
@@ -12,6 +13,7 @@ var getElementByNode = require('../../utils/get-element-by-node.cjs');
 var link = require('@lexical/link');
 var relax = require('@aiszlab/relax');
 var space = require('../../../space/space.cjs');
+var stylex = require('../../../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var button = require('../../../button/button.cjs');
 var index = require('../../../form/index.cjs');
 var input = require('../../../input/input.cjs');
@@ -36,9 +38,7 @@ var FloatingLinkEditorPlugin = function FloatingLinkEditorPlugin(_ref) {
   var trigger = React.useMemo(function () {
     return getElementByNode.getElementByNode(editor, link$1);
   }, [editor, link$1]);
-  var styled = {
-    className: "musaex-17p8e4n"
-  };
+  var styled = stylex.props(styles.default.floatingLinkEditor.popper);
   var updateLink = relax.useEvent(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
     var isValid, _form$getFieldsValue, href, title;
     return _regenerator().w(function (_context) {

package/dist/components/rich-text-editor/plugins/floating-link-editor/index.mjs

@@ -1,6 +1,7 @@
 import _regenerator from '@babel/runtime/helpers/regenerator';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import styles from '../../styles.mjs';
 import React, { useMemo } from 'react';
 import Popper from '../../../popper/popper.mjs';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
@@ -8,6 +9,7 @@ import { getElementByNode } from '../../utils/get-element-by-node.mjs';
 import { $createLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link';
 import { useBoolean, useEvent } from '@aiszlab/relax';
 import Space from '../../../space/space.mjs';
+import { props } from '../../../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { Button } from '../../../button/button.mjs';
 import { Form } from '../../../form/index.mjs';
 import Input from '../../../input/input.mjs';
@@ -32,9 +34,7 @@ var FloatingLinkEditorPlugin = function FloatingLinkEditorPlugin(_ref) {
   var trigger = useMemo(function () {
     return getElementByNode(editor, link);
   }, [editor, link]);
-  var styled = {
-    className: "musaex-17p8e4n"
-  };
+  var styled = props(styles.floatingLinkEditor.popper);
   var updateLink = useEvent(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
     var isValid, _form$getFieldsValue, href, title;
     return _regenerator().w(function (_context) {

package/dist/components/rich-text-editor/plugins/toolbar/index.cjs

@@ -4,7 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 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 divider = require('../../../divider/divider.cjs');
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
 var lexical = require('lexical');
@@ -134,9 +136,7 @@ var ToolbarPlugin = function ToolbarPlugin() {
       unregister();
     };
   });
-  var styled = {
-    className: "musaex-epu74c musaex-78zum5 musaex-1q0g3np musaex-6s0dn4 musaex-15wobh7 musaex-d1xpcx musaex-quqrak musaex-1q0q8m5 musaex-ysyzu8 musaex-9ezjre"
-  };
+  var styled = stylex.props(styles.default.toolbar.base);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     role: "toolbar",
     className: className.stringify(classNames.toolbar, styled.className),

package/dist/components/rich-text-editor/plugins/toolbar/index.mjs

@@ -1,6 +1,8 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import styles from '../../styles.mjs';
 import React, { useContext, useState } from 'react';
+import { props } from '../../../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import Divider from '../../../divider/divider.mjs';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { $getSelection, $isRangeSelection, CAN_UNDO_COMMAND, COMMAND_PRIORITY_CRITICAL, CAN_REDO_COMMAND, SELECTION_CHANGE_COMMAND } from 'lexical';
@@ -130,9 +132,7 @@ var ToolbarPlugin = function ToolbarPlugin() {
       unregister();
     };
   });
-  var styled = {
-    className: "musaex-epu74c musaex-78zum5 musaex-1q0g3np musaex-6s0dn4 musaex-15wobh7 musaex-d1xpcx musaex-quqrak musaex-1q0q8m5 musaex-ysyzu8 musaex-9ezjre"
-  };
+  var styled = props(styles.toolbar.base);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     role: "toolbar",
     className: stringify(classNames.toolbar, styled.className),

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var styles = require('./styles.cjs');
 var React = require('react');
 var LexicalComposer = require('@lexical/react/LexicalComposer');
 var LexicalContentEditable = require('@lexical/react/LexicalContentEditable');
@@ -31,17 +32,6 @@ var theme = require('../theme/theme.cjs');
 var useThemeColorVars = require('../../hooks/use-theme-color-vars.cjs');
 
 var _excluded = ["placeholder", "disabled", "defaultValue", "onChange", "value", "className", "style", "use"];
-var styles = {
-  editor: {
-    kWkggS: "musaex-17o6occ",
-    kaIpWk: "musaex-m9kfsm",
-    $$css: true
-  },
-  disabled: {
-    kWkggS: null,
-    $$css: true
-  }
-};
 var RichTextEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _props$ariaPlacehold;
   var placeholder = _ref.placeholder,
@@ -67,13 +57,8 @@ var RichTextEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var defaultValue = value !== null && value !== void 0 ? value : _defaultValue;
   var themeColorVars = useThemeColorVars.useThemeColorVars(["primary", "on-primary", "on-surface", "surface-container", "surface-container-highest", "outline", "outline-variant"]);
   var styled = {
-    editor: stylex.props(styles.editor, disabled && styles.disabled, theme.$body.medium),
-    textarea: {
-      0: {},
-      1: {
-        className: "musaex-1a2a7pz musaex-1v4gb6w musaex-s7sbuz musaex-1qm8y5n"
-      }
-    }[!!!disabled << 0]
+    editor: stylex.props(styles.default.richTextEditor.editor, disabled && styles.default.richTextEditor.disabled, theme.$body.medium),
+    textarea: stylex.props(!disabled && styles.default.richTextEditor.textarea)
   };
   var initialConfig = relax.useDefault(function () {
     return _objectSpread(_objectSpread({}, utils.usingEditor({

package/dist/components/rich-text-editor/rich-text-editor.mjs

@@ -1,6 +1,7 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import styles from './styles.mjs';
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { LexicalComposer } from '@lexical/react/LexicalComposer';
 import { ContentEditable } from '@lexical/react/LexicalContentEditable';
@@ -27,17 +28,6 @@ import { $body } from '../theme/theme.mjs';
 import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';
 
 var _excluded = ["placeholder", "disabled", "defaultValue", "onChange", "value", "className", "style", "use"];
-var styles = {
-  editor: {
-    kWkggS: "musaex-17o6occ",
-    kaIpWk: "musaex-m9kfsm",
-    $$css: true
-  },
-  disabled: {
-    kWkggS: null,
-    $$css: true
-  }
-};
 var RichTextEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _props$ariaPlacehold;
   var placeholder = _ref.placeholder,
@@ -63,13 +53,8 @@ var RichTextEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var defaultValue = value !== null && value !== void 0 ? value : _defaultValue;
   var themeColorVars = useThemeColorVars(["primary", "on-primary", "on-surface", "surface-container", "surface-container-highest", "outline", "outline-variant"]);
   var styled = {
-    editor: props(styles.editor, disabled && styles.disabled, $body.medium),
-    textarea: {
-      0: {},
-      1: {
-        className: "musaex-1a2a7pz musaex-1v4gb6w musaex-s7sbuz musaex-1qm8y5n"
-      }
-    }[!!!disabled << 0]
+    editor: props(styles.richTextEditor.editor, disabled && styles.richTextEditor.disabled, $body.medium),
+    textarea: props(!disabled && styles.richTextEditor.textarea)
   };
   var initialConfig = useDefault(function () {
     return _objectSpread(_objectSpread({}, usingEditor({

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

@@ -0,0 +1,188 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var richTextEditor = {
+  editor: {
+    kWkggS: "musaex-17o6occ",
+    kaIpWk: "musaex-m9kfsm",
+    $$css: true
+  },
+  disabled: {
+    kWkggS: null,
+    $$css: true
+  },
+  textarea: {
+    kI3sdo: "musaex-1a2a7pz",
+    kg3NbH: "musaex-1v4gb6w",
+    k8WAf4: "musaex-s7sbuz",
+    kAzted: "musaex-1qm8y5n",
+    $$css: true
+  }
+};
+var root = {
+  loading: {
+    kZKoxP: "musaex-1v3n0qb",
+    kzqmXN: "musaex-92755x",
+    kaIpWk: "musaex-m9kfsm",
+    $$css: true
+  }
+};
+var utils = {
+  list: {
+    base: {
+      base: {
+        kmVPX3: "musaex-1n775ky",
+        kogj98: "musaex-q3gua8",
+        kpqbRz: "musaex-43c9pm",
+        $$css: true
+      }
+    },
+    unordered: {
+      base: {
+        kH6xsr: "musaex-taz4m5",
+        $$css: true
+      },
+      checkable: {
+        kH6xsr: "musaex-3ct3a4",
+        $$css: true
+      }
+    },
+    ordered: {
+      base: {
+        kH6xsr: "musaex-3yw8vx",
+        $$css: true
+      }
+    },
+    item: {
+      base: {
+        kI3sdo: "musaex-1a2a7pz",
+        kVAEAm: "musaex-1n2onr6",
+        kUOVxO: "musaex-112b0ci",
+        $$css: true
+      },
+      checkable: {
+        kUOVxO: "musaex-3fojng",
+        kg3NbH: "musaex-1pyhihf",
+        $$css: true
+      },
+      checked: {
+        kybGjl: "musaex-mqliwb",
+        $$css: true
+      }
+    }
+  },
+  code: {
+    block: {
+      kWkggS: "musaex-1mu49yl",
+      k1xSpc: "musaex-1lliihq",
+      kVQacm: "musaex-ysyzu8",
+      kaIpWk: "musaex-1ezz4s",
+      k8WAf4: "musaex-a0rzc7",
+      kg3NbH: "musaex-1g3a7fl",
+      kqGvvJ: "musaex-1u2090n",
+      $$css: true
+    },
+    inline: {
+      kWkggS: "musaex-1mu49yl",
+      kaIpWk: "musaex-dshwmh",
+      k8WAf4: "musaex-15g5btq",
+      kg3NbH: "musaex-ipt7de",
+      kUOVxO: "musaex-15o2aup",
+      $$css: true
+    }
+  },
+  heading: {
+    base: {
+      k63SB2: "musaex-1xlr1w8",
+      $$css: true
+    },
+    h1: {
+      keoZOQ: "musaex-bvu51n",
+      k1K539: "musaex-y3aqht",
+      $$css: true
+    },
+    h2: {
+      keoZOQ: "musaex-13lcyz4",
+      k1K539: "musaex-zflt5p",
+      $$css: true
+    },
+    h3: {
+      keoZOQ: "musaex-wrh54p",
+      k1K539: "musaex-zflt5p",
+      $$css: true
+    },
+    h4: {
+      keoZOQ: "musaex-wss4xr",
+      k1K539: "musaex-zflt5p",
+      $$css: true
+    },
+    h5: {
+      keoZOQ: "musaex-1eodh35",
+      k1K539: "musaex-zflt5p",
+      $$css: true
+    },
+    h6: {
+      k1K539: "musaex-zflt5p",
+      $$css: true
+    }
+  },
+  link: {
+    base: {
+      kMwMTN: "musaex-14qql8p",
+      kkrTdU: "musaex-1ypdohk",
+      kybGjl: "musaex-1hl2dhg musaex-4ohgrr",
+      $$css: true
+    }
+  }
+};
+var dropdown = {
+  label: {
+    kzqmXN: "musaex-1bl4301",
+    kVQacm: "musaex-b3r6kr",
+    kg5iWk: "musaex-lyipyv",
+    $$css: true
+  }
+};
+var checkbox = {
+  base: {
+    kVAEAm: "musaex-10l6tqk",
+    kLqNvP: "musaex-1nd3h6z",
+    k87sOh: "musaex-9g8htu",
+    k1xSpc: "musaex-78zum5",
+    kmVPX3: "musaex-98m019",
+    $$css: true
+  }
+};
+var floatingLinkEditor = {
+  popper: {
+    kmVPX3: "musaex-17p8e4n",
+    $$css: true
+  }
+};
+var toolbar = {
+  base: {
+    kAzted: "musaex-epu74c",
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-1q0g3np",
+    kGNEyG: "musaex-6s0dn4",
+    kOIVth: "musaex-15wobh7",
+    kt9PQ7: "musaex-d1xpcx",
+    kL6WhQ: "musaex-quqrak",
+    kfdmCh: "musaex-1q0q8m5",
+    kVQacm: "musaex-ysyzu8",
+    kmVPX3: "musaex-9ezjre",
+    $$css: true
+  }
+};
+var styles = {
+  richTextEditor: richTextEditor,
+  root: root,
+  utils: utils,
+  dropdown: dropdown,
+  checkbox: checkbox,
+  floatingLinkEditor: floatingLinkEditor,
+  toolbar: toolbar
+};
+
+exports.default = styles;

package/dist/components/rich-text-editor/styles.d.ts

@@ -0,0 +1,153 @@
+declare const styles: {
+    richTextEditor: Readonly<{
+        readonly editor: Readonly<{
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-surface-container)">;
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+        }>;
+        readonly disabled: Readonly<{
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", null>;
+        }>;
+        readonly textarea: Readonly<{
+            readonly outline: import("@stylexjs/stylex").StyleXClassNameFor<"outline", "none">;
+            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+            readonly paddingBlock: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlock", string>;
+            readonly minHeight: import("@stylexjs/stylex").StyleXClassNameFor<"minHeight", string>;
+        }>;
+    }>;
+    root: Readonly<{
+        readonly loading: Readonly<{
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+        }>;
+    }>;
+    utils: {
+        list: {
+            base: Readonly<{
+                readonly base: Readonly<{
+                    readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+                    readonly margin: import("@stylexjs/stylex").StyleXClassNameFor<"margin", string>;
+                    readonly listStylePosition: import("@stylexjs/stylex").StyleXClassNameFor<"listStylePosition", "outside">;
+                }>;
+            }>;
+            unordered: Readonly<{
+                readonly base: Readonly<{
+                    readonly listStyleType: import("@stylexjs/stylex").StyleXClassNameFor<"listStyleType", "disc">;
+                }>;
+                readonly checkable: Readonly<{
+                    readonly listStyleType: import("@stylexjs/stylex").StyleXClassNameFor<"listStyleType", "none">;
+                }>;
+            }>;
+            ordered: Readonly<{
+                readonly base: Readonly<{
+                    readonly listStyleType: import("@stylexjs/stylex").StyleXClassNameFor<"listStyleType", "decimal">;
+                }>;
+            }>;
+            item: Readonly<{
+                readonly base: Readonly<{
+                    readonly outline: import("@stylexjs/stylex").StyleXClassNameFor<"outline", "none">;
+                    readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
+                    readonly marginInline: import("@stylexjs/stylex").StyleXClassNameFor<"marginInline", string>;
+                }>;
+                readonly checkable: Readonly<{
+                    readonly marginInline: import("@stylexjs/stylex").StyleXClassNameFor<"marginInline", string>;
+                    readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+                }>;
+                readonly checked: Readonly<{
+                    readonly textDecoration: import("@stylexjs/stylex").StyleXClassNameFor<"textDecoration", "line-through">;
+                }>;
+            }>;
+        };
+        code: Readonly<{
+            readonly block: Readonly<{
+                readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-surface-container-highest)">;
+                readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "block">;
+                readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "auto">;
+                readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+                readonly paddingBlock: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlock", string>;
+                readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+                readonly marginBlock: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlock", string>;
+            }>;
+            readonly inline: Readonly<{
+                readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-surface-container-highest)">;
+                readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+                readonly paddingBlock: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlock", string>;
+                readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+                readonly marginInline: import("@stylexjs/stylex").StyleXClassNameFor<"marginInline", string>;
+            }>;
+        }>;
+        heading: Readonly<{
+            readonly base: Readonly<{
+                readonly fontWeight: import("@stylexjs/stylex").StyleXClassNameFor<"fontWeight", 700>;
+            }>;
+            readonly h1: Readonly<{
+                readonly marginBlockStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlockStart", string>;
+                readonly marginBlockEnd: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlockEnd", string>;
+            }>;
+            readonly h2: Readonly<{
+                readonly marginBlockStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlockStart", string>;
+                readonly marginBlockEnd: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlockEnd", string>;
+            }>;
+            readonly h3: Readonly<{
+                readonly marginBlockStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlockStart", string>;
+                readonly marginBlockEnd: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlockEnd", string>;
+            }>;
+            readonly h4: Readonly<{
+                readonly marginBlockStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlockStart", string>;
+                readonly marginBlockEnd: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlockEnd", string>;
+            }>;
+            readonly h5: Readonly<{
+                readonly marginBlockStart: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlockStart", string>;
+                readonly marginBlockEnd: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlockEnd", string>;
+            }>;
+            readonly h6: Readonly<{
+                readonly marginBlockEnd: import("@stylexjs/stylex").StyleXClassNameFor<"marginBlockEnd", string>;
+            }>;
+        }>;
+        link: Readonly<{
+            readonly base: Readonly<{
+                readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-primary)">;
+                readonly cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "pointer">;
+                readonly textDecoration: import("@stylexjs/stylex").StyleXClassNameFor<"textDecoration", "none" | {
+                    readonly "@media (hover: hover)": "underline";
+                }>;
+            }>;
+        }>;
+    };
+    dropdown: Readonly<{
+        readonly label: Readonly<{
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", "var(--width)">;
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "hidden">;
+            readonly textOverflow: import("@stylexjs/stylex").StyleXClassNameFor<"textOverflow", "ellipsis">;
+        }>;
+    }>;
+    checkbox: Readonly<{
+        readonly base: Readonly<{
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "absolute">;
+            readonly insetInlineStart: import("@stylexjs/stylex").StyleXClassNameFor<"insetInlineStart", string>;
+            readonly insetBlockStart: import("@stylexjs/stylex").StyleXClassNameFor<"insetBlockStart", string>;
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+        }>;
+    }>;
+    floatingLinkEditor: Readonly<{
+        readonly popper: Readonly<{
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+        }>;
+    }>;
+    toolbar: Readonly<{
+        readonly base: Readonly<{
+            readonly minHeight: import("@stylexjs/stylex").StyleXClassNameFor<"minHeight", string>;
+            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 gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+            readonly borderBottomWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderBottomWidth", string>;
+            readonly borderBottomColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderBottomColor", "var(--color-outline-variant)">;
+            readonly borderBottomStyle: import("@stylexjs/stylex").StyleXClassNameFor<"borderBottomStyle", "solid">;
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "auto">;
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+        }>;
+    }>;
+};
+export default styles;