musae 1.0.27-beta.23 → 1.0.27-beta.26

package/dist/components/avatar/avatar.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var context = require('./context.cjs');
 var hooks = require('../theme/hooks.cjs');
 var theme = require('../theme/theme.cjs');

package/dist/components/avatar/avatar.mjs

@@ -1,7 +1,7 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React, { forwardRef, useContext } from 'react';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import Context, { CLASS_NAMES } from './context.mjs';
 import { useTheme } from '../theme/hooks.mjs';
 import { $label } from '../theme/theme.mjs';

package/dist/components/badge/badge.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var React = require('react');
 var useClassNames = require('../../hooks/use-class-names.cjs');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var theme = require('../theme/theme.cjs');
 var hooks = require('../theme/hooks.cjs');
 var relax = require('@aiszlab/relax');

package/dist/components/badge/badge.mjs

@@ -1,7 +1,7 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import React from 'react';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { $label } from '../theme/theme.mjs';
 import { useTheme } from '../theme/hooks.mjs';
 import { isVoid } from '@aiszlab/relax';

package/dist/components/bench/bench.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var React = require('react');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var hooks = require('./hooks.cjs');
 var theme = require('../theme/theme.cjs');
 var className = require('@aiszlab/relax/class-name');

package/dist/components/bench/bench.mjs

@@ -1,6 +1,6 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import React from 'react';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { useLogo, useNavigations, useMenuKeys, useMenuItems } from './hooks.mjs';
 import { $title } from '../theme/theme.mjs';
 import { stringify } from '@aiszlab/relax/class-name';

package/dist/components/breadcrumb/breadcrumb.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var React = require('react');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var theme = require('../theme/theme.cjs');
 var hooks = require('../theme/hooks.cjs');
 var useClassNames = require('../../hooks/use-class-names.cjs');

package/dist/components/breadcrumb/breadcrumb.mjs

@@ -1,6 +1,6 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import React from 'react';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { $label } from '../theme/theme.mjs';
 import { useTheme } from '../theme/hooks.mjs';
 import { useClassNames } from '../../hooks/use-class-names.mjs';

package/dist/components/breadcrumb/item.cjs

@@ -23,11 +23,14 @@ var Item = function Item(_ref) {
         className: "musaex-tem6mo"
       },
       1: {
-        className: "musaex-tem6mo musaex-ipt7de musaex-db68te musaex-10rslkf musaex-1nx0wnt musaex-fagghw musaex-1ptezny"
+        className: "musaex-tem6mo musaex-ipt7de musaex-db68te musaex-5nhjnm musaex-1i6b086 musaex-fagghw musaex-1ptezny"
       }
     }[!!isLink << 0],
     separator: {
       className: "musaex-1erkn4t"
+    },
+    anchor: {
+      className: "musaex-1hl2dhg musaex-1heor9g"
     }
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", {
@@ -36,9 +39,9 @@ var Item = function Item(_ref) {
       "--color-surface": theme.colors.surface,
       "--color-on-surface": theme.colors["on-surface"]
     })
-  }, isLink && /*#__PURE__*/React.createElement("a", {
+  }, isLink && (/*#__PURE__*/React.createElement("a", _objectSpread(_objectSpread({}, styled.anchor), {}, {
     href: href
-  }, label), !isLink && label), !max && (/*#__PURE__*/React.createElement("li", {
+  }), label)), !isLink && label), !max && (/*#__PURE__*/React.createElement("li", {
     role: "separator",
     className: className.stringify(classNames.separator, styled.separator.className),
     style: styled.separator.style

package/dist/components/breadcrumb/item.mjs

@@ -19,11 +19,14 @@ var Item = function Item(_ref) {
         className: "musaex-tem6mo"
       },
       1: {
-        className: "musaex-tem6mo musaex-ipt7de musaex-db68te musaex-10rslkf musaex-1nx0wnt musaex-fagghw musaex-1ptezny"
+        className: "musaex-tem6mo musaex-ipt7de musaex-db68te musaex-5nhjnm musaex-1i6b086 musaex-fagghw musaex-1ptezny"
       }
     }[!!isLink << 0],
     separator: {
       className: "musaex-1erkn4t"
+    },
+    anchor: {
+      className: "musaex-1hl2dhg musaex-1heor9g"
     }
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", {
@@ -32,9 +35,9 @@ var Item = function Item(_ref) {
       "--color-surface": theme.colors.surface,
       "--color-on-surface": theme.colors["on-surface"]
     })
-  }, isLink && /*#__PURE__*/React.createElement("a", {
+  }, isLink && (/*#__PURE__*/React.createElement("a", _objectSpread(_objectSpread({}, styled.anchor), {}, {
     href: href
-  }, label), !isLink && label), !max && (/*#__PURE__*/React.createElement("li", {
+  }), label)), !isLink && label), !max && (/*#__PURE__*/React.createElement("li", {
     role: "separator",
     className: stringify(classNames.separator, styled.separator.className),
     style: styled.separator.style

package/dist/components/button/button.cjs

@@ -6,7 +6,7 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var className = require('@aiszlab/relax/class-name');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var tokens_stylex = require('../theme/tokens.stylex.cjs');
 var hooks = require('../theme/hooks.cjs');
 var hooks$1 = require('./hooks.cjs');

package/dist/components/button/button.mjs

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React, { forwardRef } from 'react';
 import { stringify } from '@aiszlab/relax/class-name';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { OPACITY } from '../theme/tokens.stylex.mjs';
 import { useTheme } from '../theme/hooks.mjs';
 import { useButton } from './hooks.mjs';

package/dist/components/button/styles.cjs

@@ -36,7 +36,7 @@ var styles = {
       kMzoRj: "musaex-k59kd",
       kWkggS: "musaex-onffnr",
       kMwMTN: "musaex-1nt3oiv",
-      kwh8RV: "musaex-8eoi9k",
+      kkqDRM: "musaex-52rqan",
       $$css: true
     },
     outlined: {
@@ -44,12 +44,12 @@ var styles = {
       ksu8eU: "musaex-1y0btm7",
       kVAM5u: "musaex-1u22kak",
       kMwMTN: "musaex-erz01e",
-      kGzVvX: "musaex-liky03",
+      kHE3J0: "musaex-iy4r31",
       $$css: true
     },
     text: {
       kMwMTN: "musaex-erz01e",
-      kGzVvX: "musaex-liky03",
+      kHE3J0: "musaex-iy4r31",
       $$css: true
     }
   },
@@ -117,7 +117,7 @@ var styles = {
       kGVxlE: null,
       kVAM5u: null,
       kWkggS: null,
-      kwh8RV: null,
+      kkqDRM: null,
       $$css: true
     },
     filled: {
@@ -129,7 +129,7 @@ var styles = {
       $$css: true
     },
     text: {
-      kGzVvX: null,
+      kHE3J0: null,
       $$css: true
     }
   }

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

@@ -31,7 +31,9 @@ declare const styles: {
             readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", "var(--color-button)">;
             readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-button)">;
             readonly ":hover": import("@stylexjs/stylex").StyleXClassNameFor<":hover", {
-                readonly boxShadow: import("@stylexjs/stylex").StyleXVar<string>;
+                readonly "@media (hover: hover)": {
+                    readonly boxShadow: import("@stylexjs/stylex").StyleXVar<string>;
+                };
             }>;
         }>;
         readonly outlined: Readonly<{
@@ -40,13 +42,17 @@ declare const styles: {
             readonly borderColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderColor", "var(--color-button)">;
             readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-button)">;
             readonly ":hover": import("@stylexjs/stylex").StyleXClassNameFor<":hover", {
-                readonly backgroundColor: "var(--color-button-opacity-08)";
+                readonly "@media (hover: hover)": {
+                    readonly backgroundColor: "var(--color-button-opacity-08)";
+                };
             }>;
         }>;
         readonly text: Readonly<{
             readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-button)">;
             readonly ":hover": import("@stylexjs/stylex").StyleXClassNameFor<":hover", {
-                readonly backgroundColor: "var(--color-button-opacity-08)";
+                readonly "@media (hover: hover)": {
+                    readonly backgroundColor: "var(--color-button-opacity-08)";
+                };
             }>;
         }>;
     }>;
@@ -116,7 +122,9 @@ declare const styles: {
             readonly borderColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderColor", null>;
             readonly backgroundColor: import("@stylexjs/stylex").StyleXClassNameFor<"backgroundColor", null>;
             readonly ":hover": import("@stylexjs/stylex").StyleXClassNameFor<":hover", {
-                readonly boxShadow: null;
+                readonly "@media (hover: hover)": {
+                    readonly boxShadow: null;
+                };
             }>;
         }>;
         readonly filled: Readonly<{
@@ -127,7 +135,9 @@ declare const styles: {
         }>;
         readonly text: Readonly<{
             readonly ":hover": import("@stylexjs/stylex").StyleXClassNameFor<":hover", {
-                readonly backgroundColor: null;
+                readonly "@media (hover: hover)": {
+                    readonly backgroundColor: null;
+                };
             }>;
         }>;
     }>;

package/dist/components/button/styles.mjs

@@ -32,7 +32,7 @@ var styles = {
       kMzoRj: "musaex-k59kd",
       kWkggS: "musaex-onffnr",
       kMwMTN: "musaex-1nt3oiv",
-      kwh8RV: "musaex-8eoi9k",
+      kkqDRM: "musaex-52rqan",
       $$css: true
     },
     outlined: {
@@ -40,12 +40,12 @@ var styles = {
       ksu8eU: "musaex-1y0btm7",
       kVAM5u: "musaex-1u22kak",
       kMwMTN: "musaex-erz01e",
-      kGzVvX: "musaex-liky03",
+      kHE3J0: "musaex-iy4r31",
       $$css: true
     },
     text: {
       kMwMTN: "musaex-erz01e",
-      kGzVvX: "musaex-liky03",
+      kHE3J0: "musaex-iy4r31",
       $$css: true
     }
   },
@@ -113,7 +113,7 @@ var styles = {
       kGVxlE: null,
       kVAM5u: null,
       kWkggS: null,
-      kwh8RV: null,
+      kkqDRM: null,
       $$css: true
     },
     filled: {
@@ -125,7 +125,7 @@ var styles = {
       $$css: true
     },
     text: {
-      kGzVvX: null,
+      kHE3J0: null,
       $$css: true
     }
   }

package/dist/components/calendar/calendar.cjs

@@ -6,7 +6,7 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var React = require('react');
 var hooks = require('./hooks.cjs');
 var useClassNames = require('../../hooks/use-class-names.cjs');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var className = require('@aiszlab/relax/class-name');
 var hooks$1 = require('../theme/hooks.cjs');
 var iconButton = require('../icon-button/icon-button.cjs');

package/dist/components/calendar/calendar.mjs

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import React, { forwardRef, useImperativeHandle } from 'react';
 import { useValue, useFocusedAt, useDateCells, useHeadCells } from './hooks.mjs';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 import { useTheme } from '../theme/hooks.mjs';
 import IconButton from '../icon-button/icon-button.mjs';

package/dist/components/calendar/contribution.cjs

@@ -6,7 +6,7 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var dayjs = require('dayjs');
 var React = require('react');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var hooks = require('../theme/hooks.cjs');
 var tooltip = require('../tooltip/tooltip.cjs');
 var relax = require('@aiszlab/relax');

package/dist/components/calendar/contribution.mjs

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import dayjs from 'dayjs';
 import React, { useMemo } from 'react';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { useTheme } from '../theme/hooks.mjs';
 import Tooltip from '../tooltip/tooltip.mjs';
 import { min, clamp, toFunction } from '@aiszlab/relax';

package/dist/components/calendar/hooks.cjs

@@ -8,7 +8,7 @@ var React = require('react');
 var relax = require('@aiszlab/relax');
 var timespan = require('../../utils/timespan.cjs');
 var className = require('@aiszlab/relax/class-name');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var iconButton = require('../icon-button/icon-button.cjs');
 var theme = require('../theme/theme.cjs');
 var useThemeColorVars = require('../../hooks/use-theme-color-vars.cjs');

package/dist/components/calendar/hooks.mjs

@@ -6,7 +6,7 @@ import React, { useCallback, useMemo, useState } from 'react';
 import { toArray } from '@aiszlab/relax';
 import { Timespan } from '../../utils/timespan.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import IconButton from '../icon-button/icon-button.mjs';
 import { $body } from '../theme/theme.mjs';
 import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';

package/dist/components/chat/chat.cjs

@@ -10,7 +10,7 @@ var relax = require('@aiszlab/relax');
 var item = require('./item.cjs');
 var useClassNames = require('../../hooks/use-class-names.cjs');
 var context = require('./context.cjs');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var className = require('@aiszlab/relax/class-name');
 var iconButton = require('../icon-button/icon-button.cjs');
 var theme = require('../theme/theme.cjs');

package/dist/components/chat/chat.mjs

@@ -6,7 +6,7 @@ import { useIdentity } from '@aiszlab/relax';
 import Item from './item.mjs';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
 import { Context, CLASS_NAMES } from './context.mjs';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 import IconButton from '../icon-button/icon-button.mjs';
 import { $body } from '../theme/theme.mjs';

package/dist/components/checkbox/checkbox.cjs

@@ -7,7 +7,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var relax = require('@aiszlab/relax');
 var context = require('./context.cjs');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var styles = require('./styles.cjs');
 var useClassNames = require('../../hooks/use-class-names.cjs');
 var className = require('@aiszlab/relax/class-name');

package/dist/components/checkbox/checkbox.mjs

@@ -3,7 +3,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React, { useContext, useMemo } from 'react';
 import { useControlledState, isUndefined, useEvent } from '@aiszlab/relax';
 import Context, { CLASS_NAMES } from './context.mjs';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import styles from './styles.mjs';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
 import { stringify } from '@aiszlab/relax/class-name';

package/dist/components/checkbox/styles.cjs

@@ -42,25 +42,25 @@ var styles = {
         k1ekBW: "musaex-15406qy",
         kIyJzY: "musaex-1ptezny",
         kMwMTN: "musaex-pejtax",
-        kGzVvX: "musaex-1xlx92",
+        kHE3J0: "musaex-1rfa64k",
         kL3a3j: "musaex-1mo4pyh",
         $$css: true
       },
       checked: {
         kMwMTN: "musaex-m2cafy",
-        kGzVvX: "musaex-1e5hcpw",
+        kHE3J0: "musaex-1bg01ek",
         kL3a3j: "musaex-18y8zgt",
         $$css: true
       },
       invalid: {
         kMwMTN: "musaex-d98ulw",
-        kGzVvX: "musaex-10ubgxl",
+        kHE3J0: "musaex-1ft0i7c",
         kL3a3j: "musaex-2nkecy",
         $$css: true
       },
       disabled: {
         kMwMTN: null,
-        kGzVvX: null,
+        kHE3J0: null,
         kL3a3j: null,
         $$css: true
       }

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

@@ -35,7 +35,9 @@ declare const styles: {
                 readonly transitionDuration: import("@stylexjs/stylex").StyleXClassNameFor<"transitionDuration", string>;
                 readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-primary-opacity-20)">;
                 readonly ":hover": import("@stylexjs/stylex").StyleXClassNameFor<":hover", {
-                    readonly backgroundColor: "var(--color-on-surface-opacity-08)";
+                    readonly "@media (hover: hover)": {
+                        readonly backgroundColor: "var(--color-on-surface-opacity-08)";
+                    };
                 }>;
                 readonly ":focus": import("@stylexjs/stylex").StyleXClassNameFor<":focus", {
                     readonly backgroundColor: "var(--color-on-surface-opacity-12)";
@@ -44,7 +46,9 @@ declare const styles: {
             readonly checked: Readonly<{
                 readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface-opacity-20)">;
                 readonly ":hover": import("@stylexjs/stylex").StyleXClassNameFor<":hover", {
-                    readonly backgroundColor: "var(--color-primary-opacity-08)";
+                    readonly "@media (hover: hover)": {
+                        readonly backgroundColor: "var(--color-primary-opacity-08)";
+                    };
                 }>;
                 readonly ":focus": import("@stylexjs/stylex").StyleXClassNameFor<":focus", {
                     readonly backgroundColor: "var(--color-primary-opacity-12)";
@@ -53,7 +57,9 @@ declare const styles: {
             readonly invalid: Readonly<{
                 readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-error-opacity-20)">;
                 readonly ":hover": import("@stylexjs/stylex").StyleXClassNameFor<":hover", {
-                    readonly backgroundColor: "var(--color-error-opacity-08)";
+                    readonly "@media (hover: hover)": {
+                        readonly backgroundColor: "var(--color-error-opacity-08)";
+                    };
                 }>;
                 readonly ":focus": import("@stylexjs/stylex").StyleXClassNameFor<":focus", {
                     readonly backgroundColor: "var(--color-error-opacity-12)";
@@ -62,7 +68,9 @@ declare const styles: {
             readonly disabled: Readonly<{
                 readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", null>;
                 readonly ":hover": import("@stylexjs/stylex").StyleXClassNameFor<":hover", {
-                    readonly backgroundColor: null;
+                    readonly "@media (hover: hover)": {
+                        readonly backgroundColor: null;
+                    };
                 }>;
                 readonly ":focus": import("@stylexjs/stylex").StyleXClassNameFor<":focus", {
                     readonly backgroundColor: null;

package/dist/components/checkbox/styles.mjs

@@ -38,25 +38,25 @@ var styles = {
         k1ekBW: "musaex-15406qy",
         kIyJzY: "musaex-1ptezny",
         kMwMTN: "musaex-pejtax",
-        kGzVvX: "musaex-1xlx92",
+        kHE3J0: "musaex-1rfa64k",
         kL3a3j: "musaex-1mo4pyh",
         $$css: true
       },
       checked: {
         kMwMTN: "musaex-m2cafy",
-        kGzVvX: "musaex-1e5hcpw",
+        kHE3J0: "musaex-1bg01ek",
         kL3a3j: "musaex-18y8zgt",
         $$css: true
       },
       invalid: {
         kMwMTN: "musaex-d98ulw",
-        kGzVvX: "musaex-10ubgxl",
+        kHE3J0: "musaex-1ft0i7c",
         kL3a3j: "musaex-2nkecy",
         $$css: true
       },
       disabled: {
         kMwMTN: null,
-        kGzVvX: null,
+        kHE3J0: null,
         kL3a3j: null,
         $$css: true
       }

package/dist/components/clock/column.cjs

@@ -6,7 +6,7 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var React = require('react');
 var menu = require('../menu/menu.cjs');
 var relax = require('@aiszlab/relax');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var hooks = require('../theme/hooks.cjs');
 var className = require('@aiszlab/relax/class-name');
 var context = require('./context.cjs');
@@ -20,7 +20,7 @@ var UNITS = {
 var styles = {
   menu: {
     kXHlph: "musaex-6ikm8r",
-    kORKVm: "musaex-10wlt62 musaex-r8ctv5",
+    kORKVm: "musaex-10wlt62 musaex-1fjziz3",
     kzqmXN: "musaex-108untq",
     kqGvvJ: "musaex-1yke8k6",
     $$css: true

package/dist/components/clock/column.mjs

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import React, { useContext, useRef, useCallback, useEffect } from 'react';
 import Menu from '../menu/menu.mjs';
 import { isVoid } from '@aiszlab/relax';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { useTheme } from '../theme/hooks.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 import { Context } from './context.mjs';
@@ -16,7 +16,7 @@ var UNITS = {
 var styles = {
   menu: {
     kXHlph: "musaex-6ikm8r",
-    kORKVm: "musaex-10wlt62 musaex-r8ctv5",
+    kORKVm: "musaex-10wlt62 musaex-1fjziz3",
     kzqmXN: "musaex-108untq",
     kqGvvJ: "musaex-1yke8k6",
     $$css: true

package/dist/components/collapse/item.cjs

@@ -6,7 +6,7 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _regenerator = require('@babel/runtime/helpers/regenerator');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var React = require('react');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var relax = require('@aiszlab/relax');
 var context = require('./context.cjs');
 var useExpandable = require('../../hooks/use-expandable.cjs');

package/dist/components/collapse/item.mjs

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _regenerator from '@babel/runtime/helpers/regenerator';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import React, { useContext } from 'react';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { useUpdateEffect, useEvent } from '@aiszlab/relax';
 import { Context } from './context.mjs';
 import { useExpandable } from '../../hooks/use-expandable.mjs';

package/dist/components/date-picker/date-picker.cjs

@@ -7,7 +7,7 @@ var picker = require('../picker/picker.cjs');
 var calendar = require('../calendar/calendar.cjs');
 var hooks = require('./hooks.cjs');
 var useClassNames = require('../../hooks/use-class-names.cjs');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var className = require('@aiszlab/relax/class-name');
 var input = require('../input/input.cjs');
 var context = require('./context.cjs');

package/dist/components/date-picker/date-picker.mjs

@@ -3,7 +3,7 @@ import Picker from '../picker/picker.mjs';
 import Calendar from '../calendar/calendar.mjs';
 import { useValue } from './hooks.mjs';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 import { styles } from '../input/input.mjs';
 import { CLASS_NAMES } from './context.mjs';

package/dist/components/dialog/popup.cjs

@@ -10,7 +10,7 @@ var React = require('react');
 var hooks$1 = require('./hooks.cjs');
 var react = require('motion/react');
 var useClassNames = require('../../hooks/use-class-names.cjs');
-var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
 var hooks = require('../theme/hooks.cjs');
 var className = require('@aiszlab/relax/class-name');
 var dom = require('@aiszlab/relax/dom');

package/dist/components/dialog/popup.mjs

@@ -6,7 +6,7 @@ import React, { forwardRef, useRef, useEffect } from 'react';
 import { useFooter } from './hooks.mjs';
 import { animate } from 'motion/react';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
-import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.18.3/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { useTheme } from '../theme/hooks.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
 import { contains } from '@aiszlab/relax/dom';