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

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

@@ -0,0 +1,81 @@
+declare const styles: {
+    navigation: Readonly<{
+        readonly base: Readonly<{
+            readonly borderBottomColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderBottomColor", "var(--color-outline-variant)">;
+            readonly borderBottomWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderBottomWidth", string>;
+            readonly borderBottomStyle: import("@stylexjs/stylex").StyleXClassNameFor<"borderBottomStyle", "solid">;
+        }>;
+    }>;
+    navigator: Readonly<{
+        readonly base: Readonly<{
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "relative">;
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "hidden">;
+        }>;
+        readonly leading: Readonly<{
+            readonly "::before": import("@stylexjs/stylex").StyleXClassNameFor<"::before", {
+                readonly content: "''";
+                readonly position: "absolute";
+                readonly insetBlock: 0;
+                readonly insetInlineStart: 0;
+                readonly pointerEvents: "none";
+                readonly width: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly boxShadow: "inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)";
+            }>;
+        }>;
+        readonly trailing: Readonly<{
+            readonly "::after": import("@stylexjs/stylex").StyleXClassNameFor<"::after", {
+                readonly content: "''";
+                readonly position: "absolute";
+                readonly insetBlock: 0;
+                readonly insetInlineEnd: 0;
+                readonly pointerEvents: "none";
+                readonly width: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly boxShadow: "inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)";
+            }>;
+        }>;
+    }>;
+    list: Readonly<{
+        readonly base: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", "fit-content">;
+            readonly transform: import("@stylexjs/stylex").StyleXClassNameFor<"transform", "translateX(calc(var(--offset) * -1))">;
+            readonly transition: import("@stylexjs/stylex").StyleXClassNameFor<"transition", "transform 0.3s ease-in-out">;
+        }>;
+    }>;
+    indicator: Readonly<{
+        readonly base: Readonly<{
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-primary)">;
+            readonly position: import("@stylexjs/stylex").StyleXClassNameFor<"position", "absolute">;
+            readonly bottom: import("@stylexjs/stylex").StyleXClassNameFor<"bottom", string>;
+            readonly borderTopLeftRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderTopLeftRadius", string>;
+            readonly borderTopRightRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderTopRightRadius", string>;
+        }>;
+        readonly medium: Readonly<{
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+        }>;
+        readonly small: Readonly<{
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+        }>;
+        readonly large: Readonly<{
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+        }>;
+    }>;
+    panels: Readonly<{
+        readonly base: Readonly<{
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+        }>;
+    }>;
+    panel: Readonly<{
+        readonly hidden: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "none">;
+        }>;
+    }>;
+    tab: Readonly<{
+        readonly button: Readonly<{
+            readonly ":not(#\\#)": import("@stylexjs/stylex").StyleXClassNameFor<":not(#\\#)", {
+                readonly borderRadius: 0;
+            }>;
+        }>;
+    }>;
+};
+export default styles;

package/dist/components/tabs/styles.mjs

@@ -0,0 +1,95 @@
+var navigation = {
+  base: {
+    kL6WhQ: "musaex-quqrak",
+    kt9PQ7: "musaex-d1xpcx",
+    kfdmCh: "musaex-1q0q8m5",
+    $$css: true
+  }
+};
+var navigator = {
+  base: {
+    kVAEAm: "musaex-1n2onr6",
+    kVQacm: "musaex-b3r6kr",
+    $$css: true
+  },
+  leading: {
+    kgeoSG: "musaex-10tli2e",
+    kEoFBp: "musaex-1hmns74",
+    kGOzcv: "musaex-1nc033x",
+    kSJ0CW: "musaex-1682cnc",
+    km8f2m: "musaex-kk1bqk",
+    kOlAkY: "musaex-1oz5qqk",
+    ktNmms: "musaex-91zhsk",
+    $$css: true
+  },
+  trailing: {
+    k5JduY: "musaex-100rkj9",
+    kwXMNM: "musaex-1j6awrg",
+    kSy8m5: "musaex-d54j2p",
+    kH8aOt: "musaex-1unh1gc",
+    kloYau: "musaex-2q1x1w",
+    kkgrvl: "musaex-39xywt",
+    kbMawA: "musaex-15cyge6",
+    $$css: true
+  }
+};
+var list = {
+  base: {
+    k1xSpc: "musaex-78zum5",
+    kzqmXN: "musaex-eq5yr9",
+    k3aq6I: "musaex-12eyqs9",
+    kmkexE: "musaex-bngzmg",
+    $$css: true
+  }
+};
+var indicator = {
+  base: {
+    kWkggS: "musaex-19fix8x",
+    kVAEAm: "musaex-10l6tqk",
+    krVfgx: "musaex-1c1gxxa",
+    kIxVMA: "musaex-421gk9",
+    ksF3WI: "musaex-4izuhl",
+    $$css: true
+  },
+  medium: {
+    kZKoxP: "musaex-rftw1c",
+    $$css: true
+  },
+  small: {
+    kZKoxP: "musaex-12yrczq",
+    $$css: true
+  },
+  large: {
+    kZKoxP: "musaex-rntz3j",
+    $$css: true
+  }
+};
+var panels = {
+  base: {
+    kmVPX3: "musaex-1y9dh0z",
+    $$css: true
+  }
+};
+var panel = {
+  hidden: {
+    k1xSpc: "musaex-1s85apg",
+    $$css: true
+  }
+};
+var tab = {
+  button: {
+    k7rxBM: "musaex-101nlry",
+    $$css: true
+  }
+};
+var styles = {
+  navigation: navigation,
+  navigator: navigator,
+  list: list,
+  indicator: indicator,
+  panels: panels,
+  panel: panel,
+  tab: tab
+};
+
+export { styles as default };

package/dist/components/tabs/tab.cjs

@@ -2,8 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var styles = require('./styles.cjs');
 var React = require('react');
 var button = require('../button/button.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 relax = require('@aiszlab/relax');
 var useTabsContext = require('./hooks/use-tabs-context.cjs');
@@ -18,9 +20,7 @@ var Tab = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var click = relax.useEvent(function () {
     onClick(value);
   });
-  var styled = {
-    className: "musaex-101nlry"
-  };
+  var styled = stylex.props(styles.default.tab.button);
   return /*#__PURE__*/React.createElement(button.Button, {
     variant: "text",
     ref: ref,

package/dist/components/tabs/tab.mjs

@@ -1,5 +1,7 @@
+import styles from './styles.mjs';
 import React, { forwardRef } from 'react';
 import { Button } from '../button/button.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 { useEvent } from '@aiszlab/relax';
 import { useTabsContext } from './hooks/use-tabs-context.mjs';
@@ -14,9 +16,7 @@ var Tab = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var click = useEvent(function () {
     onClick(value);
   });
-  var styled = {
-    className: "musaex-101nlry"
-  };
+  var styled = props(styles.tab.button);
   return /*#__PURE__*/React.createElement(Button, {
     variant: "text",
     ref: ref,

package/dist/components/tag/styles.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tag = {
+  base: {
+    k1xSpc: "musaex-3nfvp2",
+    kXwgrk: "musaex-1q0g3np",
+    kGNEyG: "musaex-6s0dn4",
+    kzqmXN: "musaex-1yklyfh",
+    kB7OPa: "musaex-9f619",
+    $$css: true
+  }
+};
+var size = {
+  small: {
+    kaIpWk: "musaex-dshwmh",
+    kOIVth: "musaex-15wobh7",
+    kZKoxP: "musaex-1ksoi14",
+    "--padding-inline": "musaex-1rb5leg",
+    $$css: true
+  },
+  medium: {
+    kaIpWk: "musaex-1ezz4s",
+    kOIVth: "musaex-wcf3z5",
+    kZKoxP: "musaex-1si1pn3",
+    "--padding-inline": "musaex-1ur110t",
+    $$css: true
+  },
+  large: {
+    kg3NbH: "musaex-1v4gb6w",
+    kaIpWk: "musaex-142dr1e",
+    kOIVth: "musaex-1wm2zkp",
+    kZKoxP: "musaex-4etbzz",
+    "--padding-inline": "musaex-58z396",
+    $$css: true
+  }
+};
+var variant = {
+  filled: {
+    kWkggS: "musaex-1ncffr6",
+    kMwMTN: "musaex-cm04b4",
+    kg3NbH: "musaex-1ioy7le",
+    $$css: true
+  },
+  outlined: {
+    kWkggS: "musaex-k7eln3",
+    kMzoRj: "musaex-1iyq3db",
+    ksu8eU: "musaex-1y0btm7",
+    kVAM5u: "musaex-axmpxa",
+    kMwMTN: "musaex-1heor9g",
+    kg3NbH: "musaex-13bwjiu",
+    $$css: true
+  }
+};
+var styles = {
+  tag: tag,
+  size: size,
+  variant: variant
+};
+
+exports.default = styles;

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

@@ -0,0 +1,48 @@
+declare const styles: {
+    tag: Readonly<{
+        readonly base: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "inline-flex">;
+            readonly flexDirection: import("@stylexjs/stylex").StyleXClassNameFor<"flexDirection", "row">;
+            readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly boxSizing: import("@stylexjs/stylex").StyleXClassNameFor<"boxSizing", "border-box">;
+        }>;
+    }>;
+    size: Readonly<{
+        readonly small: Readonly<{
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly "--padding-inline": import("@stylexjs/stylex").StyleXClassNameFor<"--padding-inline", string>;
+        }>;
+        readonly medium: Readonly<{
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly "--padding-inline": import("@stylexjs/stylex").StyleXClassNameFor<"--padding-inline", string>;
+        }>;
+        readonly large: Readonly<{
+            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+            readonly borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+            readonly gap: import("@stylexjs/stylex").StyleXClassNameFor<"gap", string>;
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly "--padding-inline": import("@stylexjs/stylex").StyleXClassNameFor<"--padding-inline", string>;
+        }>;
+    }>;
+    variant: Readonly<{
+        readonly filled: Readonly<{
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-primary-container)">;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-primary-container)">;
+            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", "var(--padding-inline)">;
+        }>;
+        readonly outlined: Readonly<{
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-surface)">;
+            readonly borderWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderWidth", string>;
+            readonly borderStyle: import("@stylexjs/stylex").StyleXClassNameFor<"borderStyle", "solid">;
+            readonly borderColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderColor", "var(--color-outline-variant)">;
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "inherit">;
+            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", `calc(var(--padding-inline) - ${import("@stylexjs/stylex").StyleXVar<string>})`>;
+        }>;
+    }>;
+};
+export default styles;

package/dist/components/tag/styles.mjs

@@ -0,0 +1,58 @@
+var tag = {
+  base: {
+    k1xSpc: "musaex-3nfvp2",
+    kXwgrk: "musaex-1q0g3np",
+    kGNEyG: "musaex-6s0dn4",
+    kzqmXN: "musaex-1yklyfh",
+    kB7OPa: "musaex-9f619",
+    $$css: true
+  }
+};
+var size = {
+  small: {
+    kaIpWk: "musaex-dshwmh",
+    kOIVth: "musaex-15wobh7",
+    kZKoxP: "musaex-1ksoi14",
+    "--padding-inline": "musaex-1rb5leg",
+    $$css: true
+  },
+  medium: {
+    kaIpWk: "musaex-1ezz4s",
+    kOIVth: "musaex-wcf3z5",
+    kZKoxP: "musaex-1si1pn3",
+    "--padding-inline": "musaex-1ur110t",
+    $$css: true
+  },
+  large: {
+    kg3NbH: "musaex-1v4gb6w",
+    kaIpWk: "musaex-142dr1e",
+    kOIVth: "musaex-1wm2zkp",
+    kZKoxP: "musaex-4etbzz",
+    "--padding-inline": "musaex-58z396",
+    $$css: true
+  }
+};
+var variant = {
+  filled: {
+    kWkggS: "musaex-1ncffr6",
+    kMwMTN: "musaex-cm04b4",
+    kg3NbH: "musaex-1ioy7le",
+    $$css: true
+  },
+  outlined: {
+    kWkggS: "musaex-k7eln3",
+    kMzoRj: "musaex-1iyq3db",
+    ksu8eU: "musaex-1y0btm7",
+    kVAM5u: "musaex-axmpxa",
+    kMwMTN: "musaex-1heor9g",
+    kg3NbH: "musaex-13bwjiu",
+    $$css: true
+  }
+};
+var styles = {
+  tag: tag,
+  size: size,
+  variant: variant
+};
+
+export { styles as default };

package/dist/components/tag/tag.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 className = require('@aiszlab/relax/class-name');
 var useClassNames = require('../../hooks/use-class-names.cjs');
@@ -12,59 +13,6 @@ var theme = require('../theme/theme.cjs');
 var useThemeColorVars = require('../../hooks/use-theme-color-vars.cjs');
 var close = require('../icon/icons/navigation/close.cjs');
 
-var styles = {
-  tag: {
-    "default": {
-      k1xSpc: "musaex-3nfvp2",
-      kXwgrk: "musaex-1q0g3np",
-      kGNEyG: "musaex-6s0dn4",
-      kzqmXN: "musaex-1yklyfh",
-      kB7OPa: "musaex-9f619",
-      $$css: true
-    }
-  },
-  size: {
-    small: {
-      kaIpWk: "musaex-dshwmh",
-      kOIVth: "musaex-15wobh7",
-      kZKoxP: "musaex-1ksoi14",
-      "--padding-inline": "musaex-1rb5leg",
-      $$css: true
-    },
-    medium: {
-      kaIpWk: "musaex-1ezz4s",
-      kOIVth: "musaex-wcf3z5",
-      kZKoxP: "musaex-1si1pn3",
-      "--padding-inline": "musaex-1ur110t",
-      $$css: true
-    },
-    large: {
-      kg3NbH: "musaex-1v4gb6w",
-      kaIpWk: "musaex-142dr1e",
-      kOIVth: "musaex-1wm2zkp",
-      kZKoxP: "musaex-4etbzz",
-      "--padding-inline": "musaex-58z396",
-      $$css: true
-    }
-  },
-  variant: {
-    filled: {
-      kWkggS: "musaex-1ncffr6",
-      kMwMTN: "musaex-cm04b4",
-      kg3NbH: "musaex-1ioy7le",
-      $$css: true
-    },
-    outlined: {
-      kWkggS: "musaex-k7eln3",
-      kMzoRj: "musaex-1iyq3db",
-      ksu8eU: "musaex-1y0btm7",
-      kVAM5u: "musaex-axmpxa",
-      kMwMTN: "musaex-1heor9g",
-      kg3NbH: "musaex-13bwjiu",
-      $$css: true
-    }
-  }
-};
 var Tag = function Tag(_ref) {
   var children = _ref.children,
     _ref$variant = _ref.variant,
@@ -80,7 +28,7 @@ var Tag = function Tag(_ref) {
     leading = _ref.leading;
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
   var _themeColorVars = useThemeColorVars.useThemeColorVars(["primary-container", "on-primary-container", "surface", "on-surface-variant", "outline"]);
-  var styled = stylex.props(theme.$label[size], styles.tag["default"], styles.size[size], styles.variant[variant]);
+  var styled = stylex.props(theme.$label[size], styles.default.tag.base, styles.default.size[size], styles.default.variant[variant]);
   return /*#__PURE__*/React.createElement("span", {
     className: className.stringify(classNames.tag, className$1, styled.className),
     style: _objectSpread(_objectSpread(_objectSpread({}, styled.style), _themeColorVars), style),

package/dist/components/tag/tag.mjs

@@ -1,4 +1,5 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import styles from './styles.mjs';
 import React from 'react';
 import { stringify } from '@aiszlab/relax/class-name';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
@@ -8,59 +9,6 @@ import { $label } from '../theme/theme.mjs';
 import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';
 import IconClose from '../icon/icons/navigation/close.mjs';
 
-var styles = {
-  tag: {
-    "default": {
-      k1xSpc: "musaex-3nfvp2",
-      kXwgrk: "musaex-1q0g3np",
-      kGNEyG: "musaex-6s0dn4",
-      kzqmXN: "musaex-1yklyfh",
-      kB7OPa: "musaex-9f619",
-      $$css: true
-    }
-  },
-  size: {
-    small: {
-      kaIpWk: "musaex-dshwmh",
-      kOIVth: "musaex-15wobh7",
-      kZKoxP: "musaex-1ksoi14",
-      "--padding-inline": "musaex-1rb5leg",
-      $$css: true
-    },
-    medium: {
-      kaIpWk: "musaex-1ezz4s",
-      kOIVth: "musaex-wcf3z5",
-      kZKoxP: "musaex-1si1pn3",
-      "--padding-inline": "musaex-1ur110t",
-      $$css: true
-    },
-    large: {
-      kg3NbH: "musaex-1v4gb6w",
-      kaIpWk: "musaex-142dr1e",
-      kOIVth: "musaex-1wm2zkp",
-      kZKoxP: "musaex-4etbzz",
-      "--padding-inline": "musaex-58z396",
-      $$css: true
-    }
-  },
-  variant: {
-    filled: {
-      kWkggS: "musaex-1ncffr6",
-      kMwMTN: "musaex-cm04b4",
-      kg3NbH: "musaex-1ioy7le",
-      $$css: true
-    },
-    outlined: {
-      kWkggS: "musaex-k7eln3",
-      kMzoRj: "musaex-1iyq3db",
-      ksu8eU: "musaex-1y0btm7",
-      kVAM5u: "musaex-axmpxa",
-      kMwMTN: "musaex-1heor9g",
-      kg3NbH: "musaex-13bwjiu",
-      $$css: true
-    }
-  }
-};
 var Tag = function Tag(_ref) {
   var children = _ref.children,
     _ref$variant = _ref.variant,
@@ -76,7 +24,7 @@ var Tag = function Tag(_ref) {
     leading = _ref.leading;
   var classNames = useClassNames(CLASS_NAMES);
   var _themeColorVars = useThemeColorVars(["primary-container", "on-primary-container", "surface", "on-surface-variant", "outline"]);
-  var styled = props($label[size], styles.tag["default"], styles.size[size], styles.variant[variant]);
+  var styled = props($label[size], styles.tag.base, styles.size[size], styles.variant[variant]);
   return /*#__PURE__*/React.createElement("span", {
     className: stringify(classNames.tag, className, styled.className),
     style: _objectSpread(_objectSpread(_objectSpread({}, styled.style), _themeColorVars), style),

package/dist/components/textarea/styles.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var textarea = {
+  base: {
+    k8WAf4: null,
+    kg3NbH: null,
+    kzqmXN: "musaex-92755x",
+    kVQacm: "musaex-b3r6kr",
+    $$css: true
+  },
+  unbordered: {
+    kGVxlE: "musaex-1gnnqk1",
+    $$css: true
+  }
+};
+var input = {
+  base: {
+    kZKoxP: "musaex-qg7gut",
+    k8WAf4: "musaex-11owsmz",
+    kg3NbH: "musaex-81lxrv",
+    kUk6DE: "musaex-98rzlu",
+    kWkggS: "musaex-jbqb8w",
+    kHenm0: "musaex-tt52l0",
+    ksu8eU: "musaex-ng3xce",
+    kI3sdo: "musaex-1a2a7pz",
+    $$css: true
+  },
+  resizable: {
+    kHenm0: null,
+    $$css: true
+  }
+};
+var styles = {
+  textarea: textarea,
+  input: input
+};
+
+exports.default = styles;

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

@@ -0,0 +1,29 @@
+declare const styles: {
+    textarea: Readonly<{
+        readonly base: Readonly<{
+            readonly paddingBlock: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlock", null>;
+            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", null>;
+            readonly width: import("@stylexjs/stylex").StyleXClassNameFor<"width", string>;
+            readonly overflow: import("@stylexjs/stylex").StyleXClassNameFor<"overflow", "hidden">;
+        }>;
+        readonly unbordered: Readonly<{
+            readonly boxShadow: import("@stylexjs/stylex").StyleXClassNameFor<"boxShadow", "none">;
+        }>;
+    }>;
+    input: Readonly<{
+        readonly base: Readonly<{
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", string>;
+            readonly paddingBlock: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlock", string>;
+            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+            readonly flex: import("@stylexjs/stylex").StyleXClassNameFor<"flex", 1>;
+            readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "transparent">;
+            readonly resize: import("@stylexjs/stylex").StyleXClassNameFor<"resize", "none">;
+            readonly borderStyle: import("@stylexjs/stylex").StyleXClassNameFor<"borderStyle", "none">;
+            readonly outline: import("@stylexjs/stylex").StyleXClassNameFor<"outline", "none">;
+        }>;
+        readonly resizable: Readonly<{
+            readonly resize: import("@stylexjs/stylex").StyleXClassNameFor<"resize", null>;
+        }>;
+    }>;
+};
+export default styles;

package/dist/components/textarea/styles.mjs

@@ -0,0 +1,36 @@
+var textarea = {
+  base: {
+    k8WAf4: null,
+    kg3NbH: null,
+    kzqmXN: "musaex-92755x",
+    kVQacm: "musaex-b3r6kr",
+    $$css: true
+  },
+  unbordered: {
+    kGVxlE: "musaex-1gnnqk1",
+    $$css: true
+  }
+};
+var input = {
+  base: {
+    kZKoxP: "musaex-qg7gut",
+    k8WAf4: "musaex-11owsmz",
+    kg3NbH: "musaex-81lxrv",
+    kUk6DE: "musaex-98rzlu",
+    kWkggS: "musaex-jbqb8w",
+    kHenm0: "musaex-tt52l0",
+    ksu8eU: "musaex-ng3xce",
+    kI3sdo: "musaex-1a2a7pz",
+    $$css: true
+  },
+  resizable: {
+    kHenm0: null,
+    $$css: true
+  }
+};
+var styles = {
+  textarea: textarea,
+  input: input
+};
+
+export { styles as default };