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

package/dist/components/collapse/item.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _regenerator = require('@babel/runtime/helpers/regenerator');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+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 relax = require('@aiszlab/relax');
@@ -15,28 +16,6 @@ var className = require('@aiszlab/relax/class-name');
 var theme = require('../theme/theme.cjs');
 var keyboardArrowRight = require('../icon/icons/hardware/keyboard-arrow-right.cjs');
 
-var styles = {
-  header: {
-    "default": {
-      kg3NbH: "musaex-1v4gb6w",
-      k8WAf4: "musaex-s7sbuz",
-      k1xSpc: "musaex-78zum5",
-      kXwgrk: "musaex-1q0g3np",
-      kGNEyG: "musaex-6s0dn4",
-      kOIVth: "musaex-1wm2zkp",
-      kkrTdU: "musaex-1ypdohk",
-      $$css: true
-    }
-  },
-  content: {
-    "default": {
-      kEafiO: "musaex-uvson1",
-      kPef9Z: "musaex-13fuv20",
-      kLZC3w: "musaex-6ogecl",
-      kmVPX3: "musaex-1atb43h",
-      $$css: true
-    }
-  }};
 var CollapseItem = function CollapseItem(_ref) {
   var children = _ref.children,
     label = _ref.label,
@@ -72,27 +51,11 @@ var CollapseItem = function CollapseItem(_ref) {
     }, _callee);
   })), [isExpanded]);
   var styled = {
-    item: {
-      className: "musaex-d1xpcx musaex-1q0q8m5 musaex-quqrak musaex-xt7lk8"
-    },
-    header: stylex.props(styles.header["default"], theme.$title.medium),
-    panel: {
-      0: {
-        className: "musaex-t7dq6l"
-      },
-      1: {
-        className: "musaex-t7dq6l musaex-1s85apg"
-      }
-    }[!!!isExpanded << 0],
-    content: stylex.props(styles.content["default"], theme.$body.medium),
-    collapser: {
-      0: {
-        className: "musaex-1so62im musaex-11xpdln musaex-1ptezny"
-      },
-      1: {
-        className: "musaex-1so62im musaex-11xpdln musaex-1ptezny musaex-1iffjtl"
-      }
-    }[!!isExpanded << 0]
+    item: stylex.props(styles.default.item.base),
+    header: stylex.props(styles.default.header.base, theme.$title.medium),
+    panel: stylex.props(styles.default.panel.base, !isExpanded && styles.default.panel.hidden),
+    content: stylex.props(styles.default.content.base, theme.$body.medium),
+    collapser: stylex.props(styles.default.collapser.base, isExpanded && styles.default.collapser.expanded)
   };
   var onClick = relax.useEvent(function () {
     toggle(value);

package/dist/components/collapse/item.mjs

@@ -1,6 +1,7 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _regenerator from '@babel/runtime/helpers/regenerator';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import styles from './styles.mjs';
 import React, { useContext } from 'react';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
 import { useUpdateEffect, useEvent } from '@aiszlab/relax';
@@ -11,28 +12,6 @@ import { stringify } from '@aiszlab/relax/class-name';
 import { $body, $title } from '../theme/theme.mjs';
 import IconKeyboardArrowRight from '../icon/icons/hardware/keyboard-arrow-right.mjs';
 
-var styles = {
-  header: {
-    "default": {
-      kg3NbH: "musaex-1v4gb6w",
-      k8WAf4: "musaex-s7sbuz",
-      k1xSpc: "musaex-78zum5",
-      kXwgrk: "musaex-1q0g3np",
-      kGNEyG: "musaex-6s0dn4",
-      kOIVth: "musaex-1wm2zkp",
-      kkrTdU: "musaex-1ypdohk",
-      $$css: true
-    }
-  },
-  content: {
-    "default": {
-      kEafiO: "musaex-uvson1",
-      kPef9Z: "musaex-13fuv20",
-      kLZC3w: "musaex-6ogecl",
-      kmVPX3: "musaex-1atb43h",
-      $$css: true
-    }
-  }};
 var CollapseItem = function CollapseItem(_ref) {
   var children = _ref.children,
     label = _ref.label,
@@ -68,27 +47,11 @@ var CollapseItem = function CollapseItem(_ref) {
     }, _callee);
   })), [isExpanded]);
   var styled = {
-    item: {
-      className: "musaex-d1xpcx musaex-1q0q8m5 musaex-quqrak musaex-xt7lk8"
-    },
-    header: props(styles.header["default"], $title.medium),
-    panel: {
-      0: {
-        className: "musaex-t7dq6l"
-      },
-      1: {
-        className: "musaex-t7dq6l musaex-1s85apg"
-      }
-    }[!!!isExpanded << 0],
-    content: props(styles.content["default"], $body.medium),
-    collapser: {
-      0: {
-        className: "musaex-1so62im musaex-11xpdln musaex-1ptezny"
-      },
-      1: {
-        className: "musaex-1so62im musaex-11xpdln musaex-1ptezny musaex-1iffjtl"
-      }
-    }[!!isExpanded << 0]
+    item: props(styles.item.base),
+    header: props(styles.header.base, $title.medium),
+    panel: props(styles.panel.base, !isExpanded && styles.panel.hidden),
+    content: props(styles.content.base, $body.medium),
+    collapser: props(styles.collapser.base, isExpanded && styles.collapser.expanded)
   };
   var onClick = useEvent(function () {
     toggle(value);

package/dist/components/collapse/styles.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var item = {
+  base: {
+    kt9PQ7: "musaex-d1xpcx",
+    kfdmCh: "musaex-1q0q8m5",
+    kL6WhQ: "musaex-quqrak",
+    kr608P: "musaex-xt7lk8",
+    $$css: true
+  }
+};
+var header = {
+  base: {
+    kg3NbH: "musaex-1v4gb6w",
+    k8WAf4: "musaex-s7sbuz",
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-1q0g3np",
+    kGNEyG: "musaex-6s0dn4",
+    kOIVth: "musaex-1wm2zkp",
+    kkrTdU: "musaex-1ypdohk",
+    $$css: true
+  }
+};
+var panel = {
+  base: {
+    kZKoxP: "musaex-t7dq6l",
+    $$css: true
+  },
+  hidden: {
+    k1xSpc: "musaex-1s85apg",
+    $$css: true
+  }
+};
+var content = {
+  base: {
+    kEafiO: "musaex-uvson1",
+    kPef9Z: "musaex-13fuv20",
+    kLZC3w: "musaex-6ogecl",
+    kmVPX3: "musaex-1atb43h",
+    $$css: true
+  }
+};
+var collapser = {
+  base: {
+    k6sLGO: "musaex-1so62im",
+    k1ekBW: "musaex-11xpdln",
+    kIyJzY: "musaex-1ptezny",
+    $$css: true
+  },
+  expanded: {
+    k3aq6I: "musaex-1iffjtl",
+    $$css: true
+  }
+};
+var collapse = {
+  base: {
+    kMzoRj: "musaex-1iyq3db",
+    ksu8eU: "musaex-1y0btm7",
+    kVAM5u: "musaex-axmpxa",
+    kaIpWk: "musaex-m9kfsm",
+    $$css: true
+  }
+};
+var styles = {
+  item: item,
+  header: header,
+  panel: panel,
+  content: content,
+  collapser: collapser,
+  collapse: collapse
+};
+
+exports.default = styles;

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

@@ -0,0 +1,58 @@
+declare const styles: {
+    item: Readonly<{
+        readonly base: Readonly<{
+            readonly borderBottomWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderBottomWidth", string>;
+            readonly borderBottomStyle: import("@stylexjs/stylex").StyleXClassNameFor<"borderBottomStyle", "solid">;
+            readonly borderBottomColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderBottomColor", "var(--color-outline-variant)">;
+            readonly ":last-of-type": import("@stylexjs/stylex").StyleXClassNameFor<":last-of-type", {
+                readonly borderBottomWidth: 0;
+            }>;
+        }>;
+    }>;
+    header: Readonly<{
+        readonly base: Readonly<{
+            readonly paddingInline: import("@stylexjs/stylex").StyleXClassNameFor<"paddingInline", string>;
+            readonly paddingBlock: import("@stylexjs/stylex").StyleXClassNameFor<"paddingBlock", 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 cursor: import("@stylexjs/stylex").StyleXClassNameFor<"cursor", "pointer">;
+        }>;
+    }>;
+    panel: Readonly<{
+        readonly base: Readonly<{
+            readonly height: import("@stylexjs/stylex").StyleXClassNameFor<"height", "auto">;
+        }>;
+        readonly hidden: Readonly<{
+            readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "none">;
+        }>;
+    }>;
+    content: Readonly<{
+        readonly base: Readonly<{
+            readonly borderTopWidth: import("@stylexjs/stylex").StyleXClassNameFor<"borderTopWidth", string>;
+            readonly borderTopStyle: import("@stylexjs/stylex").StyleXClassNameFor<"borderTopStyle", "solid">;
+            readonly borderTopColor: import("@stylexjs/stylex").StyleXClassNameFor<"borderTopColor", "var(--color-outline-variant)">;
+            readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+        }>;
+    }>;
+    collapser: Readonly<{
+        readonly base: Readonly<{
+            readonly willChange: import("@stylexjs/stylex").StyleXClassNameFor<"willChange", "transform">;
+            readonly transitionProperty: import("@stylexjs/stylex").StyleXClassNameFor<"transitionProperty", "transform">;
+            readonly transitionDuration: import("@stylexjs/stylex").StyleXClassNameFor<"transitionDuration", string>;
+        }>;
+        readonly expanded: Readonly<{
+            readonly transform: import("@stylexjs/stylex").StyleXClassNameFor<"transform", "rotate(90deg)">;
+        }>;
+    }>;
+    collapse: Readonly<{
+        readonly base: Readonly<{
+            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 borderRadius: import("@stylexjs/stylex").StyleXClassNameFor<"borderRadius", string>;
+        }>;
+    }>;
+};
+export default styles;

package/dist/components/collapse/styles.mjs

@@ -0,0 +1,71 @@
+var item = {
+  base: {
+    kt9PQ7: "musaex-d1xpcx",
+    kfdmCh: "musaex-1q0q8m5",
+    kL6WhQ: "musaex-quqrak",
+    kr608P: "musaex-xt7lk8",
+    $$css: true
+  }
+};
+var header = {
+  base: {
+    kg3NbH: "musaex-1v4gb6w",
+    k8WAf4: "musaex-s7sbuz",
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-1q0g3np",
+    kGNEyG: "musaex-6s0dn4",
+    kOIVth: "musaex-1wm2zkp",
+    kkrTdU: "musaex-1ypdohk",
+    $$css: true
+  }
+};
+var panel = {
+  base: {
+    kZKoxP: "musaex-t7dq6l",
+    $$css: true
+  },
+  hidden: {
+    k1xSpc: "musaex-1s85apg",
+    $$css: true
+  }
+};
+var content = {
+  base: {
+    kEafiO: "musaex-uvson1",
+    kPef9Z: "musaex-13fuv20",
+    kLZC3w: "musaex-6ogecl",
+    kmVPX3: "musaex-1atb43h",
+    $$css: true
+  }
+};
+var collapser = {
+  base: {
+    k6sLGO: "musaex-1so62im",
+    k1ekBW: "musaex-11xpdln",
+    kIyJzY: "musaex-1ptezny",
+    $$css: true
+  },
+  expanded: {
+    k3aq6I: "musaex-1iffjtl",
+    $$css: true
+  }
+};
+var collapse = {
+  base: {
+    kMzoRj: "musaex-1iyq3db",
+    ksu8eU: "musaex-1y0btm7",
+    kVAM5u: "musaex-axmpxa",
+    kaIpWk: "musaex-m9kfsm",
+    $$css: true
+  }
+};
+var styles = {
+  item: item,
+  header: header,
+  panel: panel,
+  content: content,
+  collapser: collapser,
+  collapse: collapse
+};
+
+export { styles as default };

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

@@ -5,8 +5,7 @@
  * class names
  */
 var CLASS_NAMES = {
-  picker: "date-picker",
-  input: "date-picker__input"
+  picker: "date-picker"
 };
 
 exports.CLASS_NAMES = CLASS_NAMES;

package/dist/components/date-picker/context.d.ts

@@ -4,5 +4,4 @@
  */
 export declare const CLASS_NAMES: {
     picker: string;
-    input: string;
 };

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

@@ -3,8 +3,7 @@
  * class names
  */
 var CLASS_NAMES = {
-  picker: "date-picker",
-  input: "date-picker__input"
+  picker: "date-picker"
 };
 
 export { CLASS_NAMES };

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

@@ -2,53 +2,60 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var styles = require('./styles.cjs');
 var React = require('react');
 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.19.0/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');
 var relax = require('@aiszlab/relax');
 
 var DatePicker = function DatePicker(props) {
-  var _value$format;
-  var ref = React.useRef(null);
-  var _useValue = hooks.useValue([props.value, props.onChange, ref]),
+  var _useValue = hooks.useValue([props.value, props.onChange]),
     onChange = _useValue.onChange,
     value = _useValue.value;
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
   var calendarRef = React.useRef(null);
   var styled = {
-    input: stylex.props(input.styles.input),
-    calendar: {
-      className: "musaex-1nskiab"
-    }
+    calendar: stylex.props(styles.default.calendar)
   };
   var reset = relax.useEvent(function () {
     var _calendarRef$current;
     (_calendarRef$current = calendarRef.current) === null || _calendarRef$current === void 0 || _calendarRef$current.reset();
   });
   return /*#__PURE__*/React.createElement(picker.default, {
-    ref: ref,
-    className: classNames.picker,
-    pickable: /*#__PURE__*/React.createElement(calendar.default, {
-      ref: calendarRef,
-      className: styled.calendar.className,
-      style: styled.calendar.style,
-      value: value,
-      onClick: onChange
-    }),
+    pickable: function pickable(_ref) {
+      var close = _ref.close;
+      return /*#__PURE__*/React.createElement(calendar.default, {
+        ref: calendarRef,
+        className: styled.calendar.className,
+        style: styled.calendar.style,
+        value: value,
+        onClick: function onClick(value) {
+          onChange(value);
+          close();
+        }
+      });
+    },
     onPopperEnter: reset,
     popupWidth: false
-  }, /*#__PURE__*/React.createElement("input", {
-    className: className.stringify(classNames.input, styled.input.className),
-    style: styled.input.style,
-    value: (_value$format = value === null || value === void 0 ? void 0 : value.format("YYYY-MM-DD")) !== null && _value$format !== void 0 ? _value$format : "",
-    readOnly: true
-  }));
+  }, function (_ref2) {
+    var _value$format;
+    var close = _ref2.close,
+      toggle = _ref2.toggle,
+      triggerRef = _ref2.triggerRef;
+    return /*#__PURE__*/React.createElement(input.default, {
+      ref: triggerRef,
+      className: classNames.picker,
+      value: (_value$format = value === null || value === void 0 ? void 0 : value.format("YYYY-MM-DD")) !== null && _value$format !== void 0 ? _value$format : "",
+      onBlur: close,
+      onClick: toggle,
+      readOnly: true
+    });
+  });
 };
 
 exports.default = DatePicker;

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

@@ -1,50 +1,57 @@
+import styles from './styles.mjs';
 import React, { useRef } from 'react';
 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.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
-import { stringify } from '@aiszlab/relax/class-name';
-import { styles } from '../input/input.mjs';
+import Input from '../input/input.mjs';
 import { CLASS_NAMES } from './context.mjs';
 import { useEvent } from '@aiszlab/relax';
 
 var DatePicker = function DatePicker(props$1) {
-  var _value$format;
-  var ref = useRef(null);
-  var _useValue = useValue([props$1.value, props$1.onChange, ref]),
+  var _useValue = useValue([props$1.value, props$1.onChange]),
     onChange = _useValue.onChange,
     value = _useValue.value;
   var classNames = useClassNames(CLASS_NAMES);
   var calendarRef = useRef(null);
   var styled = {
-    input: props(styles.input),
-    calendar: {
-      className: "musaex-1nskiab"
-    }
+    calendar: props(styles.calendar)
   };
   var reset = useEvent(function () {
     var _calendarRef$current;
     (_calendarRef$current = calendarRef.current) === null || _calendarRef$current === void 0 || _calendarRef$current.reset();
   });
   return /*#__PURE__*/React.createElement(Picker, {
-    ref: ref,
-    className: classNames.picker,
-    pickable: /*#__PURE__*/React.createElement(Calendar, {
-      ref: calendarRef,
-      className: styled.calendar.className,
-      style: styled.calendar.style,
-      value: value,
-      onClick: onChange
-    }),
+    pickable: function pickable(_ref) {
+      var close = _ref.close;
+      return /*#__PURE__*/React.createElement(Calendar, {
+        ref: calendarRef,
+        className: styled.calendar.className,
+        style: styled.calendar.style,
+        value: value,
+        onClick: function onClick(value) {
+          onChange(value);
+          close();
+        }
+      });
+    },
     onPopperEnter: reset,
     popupWidth: false
-  }, /*#__PURE__*/React.createElement("input", {
-    className: stringify(classNames.input, styled.input.className),
-    style: styled.input.style,
-    value: (_value$format = value === null || value === void 0 ? void 0 : value.format("YYYY-MM-DD")) !== null && _value$format !== void 0 ? _value$format : "",
-    readOnly: true
-  }));
+  }, function (_ref2) {
+    var _value$format;
+    var close = _ref2.close,
+      toggle = _ref2.toggle,
+      triggerRef = _ref2.triggerRef;
+    return /*#__PURE__*/React.createElement(Input, {
+      ref: triggerRef,
+      className: classNames.picker,
+      value: (_value$format = value === null || value === void 0 ? void 0 : value.format("YYYY-MM-DD")) !== null && _value$format !== void 0 ? _value$format : "",
+      onBlur: close,
+      onClick: toggle,
+      readOnly: true
+    });
+  });
 };
 
 export { DatePicker as default };

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

@@ -5,25 +5,22 @@ var relax = require('@aiszlab/relax');
 var React = require('react');
 
 /**
- * @description
- * value
+ * @zh 管理日期选择值
+ * @en Manage the selected date value
  */
-var useValue = function useValue(_ref2) {
-  var _ref3 = _slicedToArray(_ref2, 3),
-    _value = _ref3[0],
-    _change = _ref3[1],
-    _ref = _ref3[2];
+var useValue = function useValue(_ref) {
+  var _ref2 = _slicedToArray(_ref, 2),
+    _value = _ref2[0],
+    _change = _ref2[1];
   var _useControlledState = relax.useControlledState(_value),
     _useControlledState2 = _slicedToArray(_useControlledState, 2),
     value = _useControlledState2[0],
     setValue = _useControlledState2[1];
   // change handler
   var onChange = React.useCallback(function (_value) {
-    var _ref$current;
     setValue(_value);
     _change === null || _change === void 0 || _change(_value);
-    (_ref$current = _ref.current) === null || _ref$current === void 0 || _ref$current.close();
-  }, [_change, setValue, _ref]);
+  }, [_change, setValue]);
   return {
     value: value,
     onChange: onChange

package/dist/components/date-picker/hooks.d.ts

@@ -1,12 +1,9 @@
 import type { DatePickerProps } from "../../types/date-picker";
-import { type RefObject } from "react";
-import type { PickerRef } from "../../types/picker";
-import type { Nullable } from "@aiszlab/relax/types";
 /**
- * @description
- * value
+ * @zh 管理日期选择值
+ * @en Manage the selected date value
  */
-export declare const useValue: ([_value, _change, _ref]: [DatePickerProps["value"], DatePickerProps["onChange"], RefObject<Nullable<PickerRef>>]) => {
+export declare const useValue: ([_value, _change]: [DatePickerProps["value"], DatePickerProps["onChange"]]) => {
     value: import("dayjs").Dayjs | undefined;
     onChange: (value: import("dayjs").Dayjs) => void;
 };

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

@@ -3,25 +3,22 @@ import { useControlledState } from '@aiszlab/relax';
 import { useCallback } from 'react';
 
 /**
- * @description
- * value
+ * @zh 管理日期选择值
+ * @en Manage the selected date value
  */
-var useValue = function useValue(_ref2) {
-  var _ref3 = _slicedToArray(_ref2, 3),
-    _value = _ref3[0],
-    _change = _ref3[1],
-    _ref = _ref3[2];
+var useValue = function useValue(_ref) {
+  var _ref2 = _slicedToArray(_ref, 2),
+    _value = _ref2[0],
+    _change = _ref2[1];
   var _useControlledState = useControlledState(_value),
     _useControlledState2 = _slicedToArray(_useControlledState, 2),
     value = _useControlledState2[0],
     setValue = _useControlledState2[1];
   // change handler
   var onChange = useCallback(function (_value) {
-    var _ref$current;
     setValue(_value);
     _change === null || _change === void 0 || _change(_value);
-    (_ref$current = _ref.current) === null || _ref$current === void 0 || _ref$current.close();
-  }, [_change, setValue, _ref]);
+  }, [_change, setValue]);
   return {
     value: value,
     onChange: onChange

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {
+  calendar: {
+    kmVPX3: "musaex-1nskiab",
+    $$css: true
+  }
+};
+
+exports.default = styles;

package/dist/components/date-picker/styles.d.ts

@@ -0,0 +1,6 @@
+declare const styles: Readonly<{
+    readonly calendar: Readonly<{
+        readonly padding: import("@stylexjs/stylex").StyleXClassNameFor<"padding", string>;
+    }>;
+}>;
+export default styles;

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

@@ -0,0 +1,8 @@
+var styles = {
+  calendar: {
+    kmVPX3: "musaex-1nskiab",
+    $$css: true
+  }
+};
+
+export { styles as default };