musae 1.0.27-beta.4 → 1.0.27-beta.40

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/bottom-sheet/__test__/index.test.d.ts

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

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

@@ -0,0 +1,66 @@
+'use strict';
+
+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 sheet = require('../sheet/sheet.cjs');
+var useClassNames = require('../../hooks/use-class-names.cjs');
+var className = require('@aiszlab/relax/class-name');
+var useThemeColorVars = require('../../hooks/use-theme-color-vars.cjs');
+var context = require('./context.cjs');
+
+var _excluded = ["open", "height", "closable", "modal"];
+/**
+ * @zh BottomSheet 专用样式：居中的拖拽手柄条，以及面板背景和圆角。
+ * @en BottomSheet-specific styles: a centered drag handle pill, and panel background/border-radius.
+ */
+
+/**
+ * @zh BottomSheet 组件。从底部滑入的模态面板，带有拖拽手柄指示器。
+ * 基于共享的 Sheet 基础组件构建。
+ * @en BottomSheet component. A modal panel that slides up from the bottom
+ * with a drag handle indicator. Built on the shared Sheet base component.
+ */
+var BottomSheet = function BottomSheet(_ref) {
+  var open = _ref.open,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? "50vh" : _ref$height,
+    _ref$closable = _ref.closable,
+    closable = _ref$closable === void 0 ? true : _ref$closable,
+    _ref$modal = _ref.modal,
+    modal = _ref$modal === void 0 ? true : _ref$modal,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
+  var themeColorVars = useThemeColorVars.useThemeColorVars(["on-surface-variant"]);
+  var styled = {
+    handle: {
+      className: "musaex-1po6ib musaex-rntz3j musaex-1xa9b2s musaex-9ip8r5 musaex-1eodh35 musaex-19i5tse musaex-vueqy4 musaex-2lah0s"
+    },
+    panel: {
+      className: "musaex-17o6occ musaex-zbxit7 musaex-1ei9pc5 musaex-15q9lfd"
+    }
+  };
+  /**
+   * @zh BottomSheet 专用头部：居中的拖拽手柄条。
+   * @en BottomSheet-specific header: a centered drag handle pill.
+   */
+  var header = /*#__PURE__*/React.createElement("div", {
+    className: className.stringify(classNames.handle, styled.handle.className),
+    style: _objectSpread(_objectSpread({}, styled.handle.style), themeColorVars)
+  });
+  return /*#__PURE__*/React.createElement(sheet.default, {
+    visible: open,
+    placement: "bottom",
+    size: height,
+    closable: closable,
+    modal: modal,
+    onClose: props.onClose,
+    className: classNames.sheet,
+    header: header,
+    panelClassName: styled.panel.className
+  }, props.children);
+};
+
+exports.default = BottomSheet;

package/dist/components/bottom-sheet/bottom-sheet.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { BottomSheetProps } from "../../types/bottom-sheet";
+/**
+ * @zh BottomSheet 组件。从底部滑入的模态面板，带有拖拽手柄指示器。
+ * 基于共享的 Sheet 基础组件构建。
+ * @en BottomSheet component. A modal panel that slides up from the bottom
+ * with a drag handle indicator. Built on the shared Sheet base component.
+ */
+declare const BottomSheet: ({ open, height, closable, modal, ...props }: BottomSheetProps) => React.JSX.Element;
+export default BottomSheet;

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

@@ -0,0 +1,62 @@
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React from 'react';
+import Sheet from '../sheet/sheet.mjs';
+import { useClassNames } from '../../hooks/use-class-names.mjs';
+import { stringify } from '@aiszlab/relax/class-name';
+import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';
+import { CLASS_NAMES } from './context.mjs';
+
+var _excluded = ["open", "height", "closable", "modal"];
+/**
+ * @zh BottomSheet 专用样式：居中的拖拽手柄条，以及面板背景和圆角。
+ * @en BottomSheet-specific styles: a centered drag handle pill, and panel background/border-radius.
+ */
+
+/**
+ * @zh BottomSheet 组件。从底部滑入的模态面板，带有拖拽手柄指示器。
+ * 基于共享的 Sheet 基础组件构建。
+ * @en BottomSheet component. A modal panel that slides up from the bottom
+ * with a drag handle indicator. Built on the shared Sheet base component.
+ */
+var BottomSheet = function BottomSheet(_ref) {
+  var open = _ref.open,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? "50vh" : _ref$height,
+    _ref$closable = _ref.closable,
+    closable = _ref$closable === void 0 ? true : _ref$closable,
+    _ref$modal = _ref.modal,
+    modal = _ref$modal === void 0 ? true : _ref$modal,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var classNames = useClassNames(CLASS_NAMES);
+  var themeColorVars = useThemeColorVars(["on-surface-variant"]);
+  var styled = {
+    handle: {
+      className: "musaex-1po6ib musaex-rntz3j musaex-1xa9b2s musaex-9ip8r5 musaex-1eodh35 musaex-19i5tse musaex-vueqy4 musaex-2lah0s"
+    },
+    panel: {
+      className: "musaex-17o6occ musaex-zbxit7 musaex-1ei9pc5 musaex-15q9lfd"
+    }
+  };
+  /**
+   * @zh BottomSheet 专用头部：居中的拖拽手柄条。
+   * @en BottomSheet-specific header: a centered drag handle pill.
+   */
+  var header = /*#__PURE__*/React.createElement("div", {
+    className: stringify(classNames.handle, styled.handle.className),
+    style: _objectSpread(_objectSpread({}, styled.handle.style), themeColorVars)
+  });
+  return /*#__PURE__*/React.createElement(Sheet, {
+    visible: open,
+    placement: "bottom",
+    size: height,
+    closable: closable,
+    modal: modal,
+    onClose: props.onClose,
+    className: classNames.sheet,
+    header: header,
+    panelClassName: styled.panel.className
+  }, props.children);
+};
+
+export { BottomSheet as default };

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

@@ -0,0 +1,12 @@
+'use strict';
+
+/**
+ * @zh BottomSheet 的 class 名称
+ * @en class names for BottomSheet
+ */
+var CLASS_NAMES = {
+  sheet: "bottom-sheet",
+  handle: "bottom-sheet__drag-handle"
+};
+
+exports.CLASS_NAMES = CLASS_NAMES;

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

@@ -0,0 +1,8 @@
+/**
+ * @zh BottomSheet 的 class 名称
+ * @en class names for BottomSheet
+ */
+export declare const CLASS_NAMES: {
+    readonly sheet: "bottom-sheet";
+    readonly handle: "bottom-sheet__drag-handle";
+};

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

@@ -0,0 +1,10 @@
+/**
+ * @zh BottomSheet 的 class 名称
+ * @en class names for BottomSheet
+ */
+var CLASS_NAMES = {
+  sheet: "bottom-sheet",
+  handle: "bottom-sheet__drag-handle"
+};
+
+export { CLASS_NAMES };

package/dist/components/bottom-sheet/index.d.ts

@@ -0,0 +1,2 @@
+import BottomSheet from "./bottom-sheet";
+export { BottomSheet };

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');
@@ -38,6 +38,7 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className$1 = _ref.className,
     style = _ref.style,
     value = _ref.value,
+    disabledDate = _ref.disabledDate,
     _onClick = _ref.onClick;
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
   var _useValue = hooks.useValue({
@@ -58,7 +59,8 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var dateCells = hooks.useDateCells({
     timespan: timespan,
     focusedAt: focusedAt,
-    click: onClick,
+    onClick: onClick,
+    disabledDate: disabledDate,
     classNames: classNames
   });
   var headCells = hooks.useHeadCells({
@@ -72,7 +74,7 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     header: stylex.props(theme.$label.large, styles.header),
     heading: stylex.props(styles.heading, theme.$body.medium),
     body: {
-      className: "musaex-1mwwwfo"
+      className: "musaex-1vathgz musaex-4jqler"
     }
   };
   React.useImperativeHandle(ref, function () {

package/dist/components/calendar/calendar.d.ts

@@ -3,5 +3,6 @@ import type { CalendarRef } from "../../types/calendar";
 declare const Calendar: React.ForwardRefExoticComponent<import("../../types/element").ComponentProps & {
     value?: import("dayjs").Dayjs | [import("@aiszlab/relax/types").Partialable<import("dayjs").Dayjs>, import("@aiszlab/relax/types").Partialable<import("dayjs").Dayjs>];
     onClick?: (value: import("dayjs").Dayjs) => void;
+    disabledDate?: (date: import("dayjs").Dayjs) => boolean;
 } & React.RefAttributes<CalendarRef>>;
 export default Calendar;

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';
@@ -34,6 +34,7 @@ var Calendar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     style = _ref.style,
     value = _ref.value,
+    disabledDate = _ref.disabledDate,
     _onClick = _ref.onClick;
   var classNames = useClassNames(CLASS_NAMES);
   var _useValue = useValue({
@@ -54,7 +55,8 @@ var Calendar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var dateCells = useDateCells({
     timespan: timespan,
     focusedAt: focusedAt,
-    click: onClick,
+    onClick: onClick,
+    disabledDate: disabledDate,
     classNames: classNames
   });
   var headCells = useHeadCells({
@@ -68,7 +70,7 @@ var Calendar = /*#__PURE__*/forwardRef(function (_ref, ref) {
     header: props($label.large, styles.header),
     heading: props(styles.heading, $body.medium),
     body: {
-      className: "musaex-1mwwwfo"
+      className: "musaex-1vathgz musaex-4jqler"
     }
   };
   useImperativeHandle(ref, function () {

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';