musae 0.3.2 → 0.3.3

package/dist/components/avatar/context.d.ts

@@ -1,4 +1,4 @@
-import { type ContextValue } from "./types";
+import type { ContextValue } from "musae/types/avatar";
 /**
  * @description
  * context

package/dist/components/avatar/group.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { type AvatarGroupProps } from "./types";
+import type { AvatarGroupProps } from "musae/types/avatar";
 declare const Group: ({ children: _children, shape, size, max, }: AvatarGroupProps) => React.JSX.Element;
 export default Group;

package/dist/components/avatar/index.d.ts

@@ -1,3 +1,3 @@
-import type { TypedAvatar } from "./types";
+import type { TypedAvatar } from "musae/types/avatar";
 declare const Avatar: TypedAvatar;
 export { Avatar };

package/dist/components/badge/badge.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { BadgeProps } from "./types";
+import type { BadgeProps } from "musae/types/badge";
 declare const Badge: ({ className, style, children, content, invisible, placement, }: BadgeProps) => React.JSX.Element;
 export default Badge;

package/dist/components/bench/bench.cjs

@@ -138,24 +138,22 @@ var Bench = function Bench(_ref) {
   }))), /*#__PURE__*/React.createElement("span", {
     className: styled.title.className,
     style: styled.title.style
-  }, title), /*#__PURE__*/React.createElement(menu.default, _objectSpread({
+  }, title), /*#__PURE__*/React.createElement(menu.default, {
     items: topMenuItems,
     onClick: navigate,
     mode: "horizontal",
     className: styled.headerNavigation.className,
-    style: styled.headerNavigation.style
-  }, !!selectedKeys[0] && {
-    selectedKeys: [selectedKeys[0]]
-  })), trailing), sideMenuItems.length > 0 && (/*#__PURE__*/React.createElement(Sider, {
+    style: styled.headerNavigation.style,
+    selectedKeys: selectedKeys[0]
+  }), trailing), sideMenuItems.length > 0 && (/*#__PURE__*/React.createElement(Sider, {
     className: styled.sider.className,
     style: styled.sider.style
-  }, /*#__PURE__*/React.createElement(menu.default, _objectSpread({
+  }, /*#__PURE__*/React.createElement(menu.default, {
     items: sideMenuItems,
     onClick: navigate,
-    defaultExpandedKeys: defaultExpandedKeys
-  }, !!selectedKeys[1] && {
-    selectedKeys: [selectedKeys[1]]
-  })))), /*#__PURE__*/React.createElement(Main, {
+    defaultExpandedKeys: defaultExpandedKeys,
+    selectedKeys: selectedKeys[1]
+  }))), /*#__PURE__*/React.createElement(Main, {
     className: relax.clsx(mainClassName, styled.main.className),
     style: styled.main.style
   }, children));

package/dist/components/bench/bench.mjs

@@ -136,24 +136,22 @@ var Bench = function Bench(_ref) {
   }))), /*#__PURE__*/React.createElement("span", {
     className: styled.title.className,
     style: styled.title.style
-  }, title), /*#__PURE__*/React.createElement(Menu, _objectSpread({
+  }, title), /*#__PURE__*/React.createElement(Menu, {
     items: topMenuItems,
     onClick: navigate,
     mode: "horizontal",
     className: styled.headerNavigation.className,
-    style: styled.headerNavigation.style
-  }, !!selectedKeys[0] && {
-    selectedKeys: [selectedKeys[0]]
-  })), trailing), sideMenuItems.length > 0 && (/*#__PURE__*/React.createElement(Sider, {
+    style: styled.headerNavigation.style,
+    selectedKeys: selectedKeys[0]
+  }), trailing), sideMenuItems.length > 0 && (/*#__PURE__*/React.createElement(Sider, {
     className: styled.sider.className,
     style: styled.sider.style
-  }, /*#__PURE__*/React.createElement(Menu, _objectSpread({
+  }, /*#__PURE__*/React.createElement(Menu, {
     items: sideMenuItems,
     onClick: navigate,
-    defaultExpandedKeys: defaultExpandedKeys
-  }, !!selectedKeys[1] && {
-    selectedKeys: [selectedKeys[1]]
-  })))), /*#__PURE__*/React.createElement(Main, {
+    defaultExpandedKeys: defaultExpandedKeys,
+    selectedKeys: selectedKeys[1]
+  }))), /*#__PURE__*/React.createElement(Main, {
     className: clsx(mainClassName, styled.main.className),
     style: styled.main.style
   }, children));

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { BreadcrumbProps } from "./types";
+import type { BreadcrumbProps } from "musae/types/breadcrumb";
 declare const Breadcrumb: ({ items, className, separator, style }: BreadcrumbProps) => React.JSX.Element | null;
 export default Breadcrumb;

package/dist/components/breadcrumb/item.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { type BreadcrumbItemProps } from "./types";
+import type { BreadcrumbItemProps } from "musae/types/breadcrumb";
 declare const Item: ({ href, label, max, separator }: BreadcrumbItemProps) => React.JSX.Element;
 export default Item;

package/dist/components/button/button.cjs

@@ -6,12 +6,12 @@ var React = require('react');
 var className = require('../../utils/class-name.cjs');
 var relax = require('@aiszlab/relax');
 var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/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');
 var ripple = require('../ripple/ripple.cjs');
 var theme = require('../theme/theme.cjs');
 var colors = require('../../utils/colors.cjs');
-var layer = require('../../utils/layer.cjs');
 var useClassNames = require('../../hooks/use-class-names.cjs');
 var componentToken = require('../../utils/component-token.cjs');
 
@@ -267,18 +267,18 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       color: theme$1.colors["on-".concat(color)]
     }), variant === "outlined" && styles.outlined({
       color: theme$1.colors[color],
-      hoveredBackgroundColor: layer.layer(theme$1.colors[colors.ColorToken.Primary], "thin")
+      hoveredBackgroundColor: colors.toRgba(theme$1.colors[colors.ColorToken.Primary], tokens_stylex.OPACITY.thin)
     }), variant === "text" && styles.text({
       color: theme$1.colors[color],
-      hoveredBackgroundColor: layer.layer(theme$1.colors[colors.ColorToken.Primary], "thin")
+      hoveredBackgroundColor: colors.toRgba(theme$1.colors[colors.ColorToken.Primary], tokens_stylex.OPACITY.thin)
     }),
     // shape
     styles[shape],
     // disabled
     disabled && styles.disabled({
-      backgroundColor: variant === "filled" ? layer.layer(theme$1.colors[colors.ColorToken.OnSurface], "medium") : "transparent",
-      color: layer.layer(theme$1.colors[colors.ColorToken.OnSurface], "thicker"),
-      outlineColor: variant === "outlined" ? layer.layer(theme$1.colors[colors.ColorToken.OnSurface], "thicker") : null
+      backgroundColor: variant === "filled" ? colors.toRgba(theme$1.colors[colors.ColorToken.OnSurface], tokens_stylex.OPACITY.medium) : "transparent",
+      color: colors.toRgba(theme$1.colors[colors.ColorToken.OnSurface], tokens_stylex.OPACITY.thicker),
+      outlineColor: variant === "outlined" ? colors.toRgba(theme$1.colors[colors.ColorToken.OnSurface], tokens_stylex.OPACITY.thicker) : null
     }))
   };
   return /*#__PURE__*/React.createElement("button", _objectSpread({

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

@@ -1,4 +1,4 @@
-import type { ButtonProps } from "./types";
+import type { ButtonProps } from "musae/types/button";
 import React from "react";
 /**
  * @author murukal

package/dist/components/button/button.mjs

@@ -4,12 +4,12 @@ import React, { forwardRef } from 'react';
 import { ButtonClassToken } from '../../utils/class-name.mjs';
 import { clsx } from '@aiszlab/relax';
 import _stylex from '../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/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';
 import Ripple from '../ripple/ripple.mjs';
 import { typography } from '../theme/theme.mjs';
-import { ColorToken } from '../../utils/colors.mjs';
-import { layer } from '../../utils/layer.mjs';
+import { toRgba, ColorToken } from '../../utils/colors.mjs';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
 import { ComponentToken } from '../../utils/component-token.mjs';
 
@@ -265,18 +265,18 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
       color: theme.colors["on-".concat(color)]
     }), variant === "outlined" && styles.outlined({
       color: theme.colors[color],
-      hoveredBackgroundColor: layer(theme.colors[ColorToken.Primary], "thin")
+      hoveredBackgroundColor: toRgba(theme.colors[ColorToken.Primary], OPACITY.thin)
     }), variant === "text" && styles.text({
       color: theme.colors[color],
-      hoveredBackgroundColor: layer(theme.colors[ColorToken.Primary], "thin")
+      hoveredBackgroundColor: toRgba(theme.colors[ColorToken.Primary], OPACITY.thin)
     }),
     // shape
     styles[shape],
     // disabled
     disabled && styles.disabled({
-      backgroundColor: variant === "filled" ? layer(theme.colors[ColorToken.OnSurface], "medium") : "transparent",
-      color: layer(theme.colors[ColorToken.OnSurface], "thicker"),
-      outlineColor: variant === "outlined" ? layer(theme.colors[ColorToken.OnSurface], "thicker") : null
+      backgroundColor: variant === "filled" ? toRgba(theme.colors[ColorToken.OnSurface], OPACITY.medium) : "transparent",
+      color: toRgba(theme.colors[ColorToken.OnSurface], OPACITY.thicker),
+      outlineColor: variant === "outlined" ? toRgba(theme.colors[ColorToken.OnSurface], OPACITY.thicker) : null
     }))
   };
   return /*#__PURE__*/React.createElement("button", _objectSpread({

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

@@ -1,11 +1,11 @@
 import { type MouseEvent } from "react";
-import type { ButtonProps } from "./types";
+import type { ButtonProps } from "musae/types/button";
 /**
  * @description
  * hooks for button component
  */
 export declare const useButton: (props: Pick<ButtonProps, "onClick">) => {
-    ripples: import("../ripple/types").Ripple[];
+    ripples: import("../../types/ripple").Ripple[];
     onClick: (e: MouseEvent<HTMLButtonElement>) => void;
     clear: (key: import("react").Key) => void;
 };

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

@@ -1,4 +1,4 @@
 import React from "react";
-import type { CalendarProps } from "./types";
+import type { CalendarProps } from "musae/types/calendar";
 declare const Calendar: ({ className, style, value, onClick: _onClick, focusedAt: _focusedAt, }: CalendarProps) => React.JSX.Element;
 export default Calendar;

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

@@ -1,7 +1,7 @@
 import dayjs, { type Dayjs } from "dayjs";
 import React from "react";
 import { Timespan } from "../../utils/timespan";
-import type { CalendarProps } from "./types";
+import type { CalendarProps } from "musae/types/calendar";
 /**
  * @description
  * head cells

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

@@ -1,3 +1,2 @@
 import Calendar from "./calendar";
-import type { CalendarProps } from "./types";
-export { Calendar, type CalendarProps };
+export { Calendar };

package/dist/components/cascader/cascader.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { CascaderProps } from "./types";
+import type { CascaderProps } from "musae/types/cascader";
 declare const Cascader: ({ mode, separator, options, complex, ...props }: CascaderProps) => React.JSX.Element;
 export default Cascader;

package/dist/components/cascader/hooks.d.ts

@@ -1,6 +1,6 @@
 import { type Dispatch, type SetStateAction } from "react";
 import type { MenuItem } from "musae/types/menu";
-import type { CascaderProps, ReadableOptions, ReadablePaths } from "./types";
+import type { CascaderProps, ReadableOptions, ReadablePaths } from "musae/types/cascader";
 import type { Option } from "musae/types/option";
 /**
  * @description

package/dist/components/cascader/utils.d.ts

@@ -1,4 +1,4 @@
-import type { KeyOrOption, Optionable, ReadBy, ReadableOption, ReadableOptions, ReadablePaths, Value, ValueOrValues } from "./types";
+import type { KeyOrOption, Optionable, ReadBy, ReadableOption, ReadableOptions, ReadablePaths, Value, ValueOrValues } from "musae/types/cascader";
 import type { MenuItem } from "musae/types/menu";
 /**
  * @description

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CheckboxProps } from "./types";
+import type { CheckboxProps } from "musae/types/checkbox";
 import styles from "./styles";
 declare const Checkbox: ({ value, className, style, children, onChange, disabled, checked, }: CheckboxProps) => React.JSX.Element;
 export default Checkbox;

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

@@ -1,3 +1,3 @@
-import type { ContextValue } from "./types";
+import type { ContextValue } from "musae/types/checkbox";
 declare const Context: import("react").Context<ContextValue | null>;
 export default Context;

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

@@ -1,4 +1,4 @@
 import React from "react";
-import type { CheckboxGroupProps } from "./types";
+import type { CheckboxGroupProps } from "musae/types/checkbox";
 declare const Group: ({ value: controlledValue, children, onChange, disabled, }: CheckboxGroupProps) => React.JSX.Element;
 export default Group;

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

@@ -1,5 +1,5 @@
 import styles from "./styles";
-export declare const Checkbox: (({ value, className, style, children, onChange, disabled, checked, }: import("./types").CheckboxProps) => import("react").JSX.Element) & {
-    Group: ({ value: controlledValue, children, onChange, disabled, }: import("./types").CheckboxGroupProps) => import("react").JSX.Element;
+export declare const Checkbox: (({ value, className, style, children, onChange, disabled, checked, }: import("../../types/checkbox").CheckboxProps) => import("react").JSX.Element) & {
+    Group: ({ value: controlledValue, children, onChange, disabled, }: import("../../types/checkbox").CheckboxGroupProps) => import("react").JSX.Element;
 };
 export { styles };

package/dist/components/checkbox/styles.cjs

@@ -10,7 +10,7 @@ var styles = {
       $$css: true
     },
     disabled: {
-      opacity: "musaex-niy1rt",
+      opacity: "musaex-1n1gcw9",
       cursor: "musaex-1h6gzvc",
       $$css: true
     },

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

@@ -7,7 +7,7 @@ declare const styles: {
             readonly userSelect: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"userSelect", "none">;
         }>;
         readonly disabled: Readonly<{
-            readonly opacity: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"opacity", string>;
+            readonly opacity: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"opacity", number>;
             readonly cursor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"cursor", "not-allowed">;
         }>;
         readonly variables: (props: {

package/dist/components/checkbox/styles.mjs

@@ -8,7 +8,7 @@ var styles = {
       $$css: true
     },
     disabled: {
-      opacity: "musaex-niy1rt",
+      opacity: "musaex-1n1gcw9",
       cursor: "musaex-1h6gzvc",
       $$css: true
     },

package/dist/components/clock/clock.cjs

@@ -5,7 +5,6 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var React = require('react');
 var useClassNames = require('../../hooks/use-class-names.cjs');
 var className = require('../../utils/class-name.cjs');
-var types = require('./types.cjs');
 var column = require('./column.cjs');
 var relax = require('@aiszlab/relax');
 var divider = require('../divider/divider.cjs');
@@ -18,7 +17,7 @@ var Clock = function Clock(_ref) {
   var styled = {
     className: "musaex-78zum5 musaex-1m3v4wt musaex-13bbkc7"
   };
-  var columns = [types.TimeUnit.Hour, types.TimeUnit.Minute, types.TimeUnit.Second];
+  var columns = ["hour", "minute", "second"];
   return /*#__PURE__*/React.createElement("div", {
     className: relax.clsx(classNames[className.ClockClassToken.Clock], styled.className),
     style: styled.style

package/dist/components/clock/clock.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { ClockProps } from "./types";
+import type { ClockProps } from "musae/types/clock";
 declare const Clock: ({ value, onChange }: ClockProps) => React.JSX.Element;
 export default Clock;

package/dist/components/clock/clock.mjs

@@ -3,7 +3,6 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import React from 'react';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
 import { ClockClassToken } from '../../utils/class-name.mjs';
-import { TimeUnit } from './types.mjs';
 import Column from './column.mjs';
 import { clsx } from '@aiszlab/relax';
 import Divider from '../divider/divider.mjs';
@@ -16,7 +15,7 @@ var Clock = function Clock(_ref) {
   var styled = {
     className: "musaex-78zum5 musaex-1m3v4wt musaex-13bbkc7"
   };
-  var columns = [TimeUnit.Hour, TimeUnit.Minute, TimeUnit.Second];
+  var columns = ["hour", "minute", "second"];
   return /*#__PURE__*/React.createElement("div", {
     className: clsx(classNames[ClockClassToken.Clock], styled.className),
     style: styled.style

package/dist/components/clock/column.cjs

@@ -1,16 +1,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var hooks = require('./hooks.cjs');
 var menu = require('../menu/menu.cjs');
 var useClassNames = require('../../hooks/use-class-names.cjs');
 var className = require('../../utils/class-name.cjs');
 var relax = require('@aiszlab/relax');
 var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.7.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
-var hooks$1 = require('../theme/hooks.cjs');
+var hooks = require('../theme/hooks.cjs');
 var colors = require('../../utils/colors.cjs');
 var componentToken = require('../../utils/component-token.cjs');
 
+var UNITS = {
+  hour: 24,
+  minute: 60,
+  second: 60
+};
 var styles = {
   menu: function menu(props) {
     return [{
@@ -42,10 +46,10 @@ var Column = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var unit = _ref.unit,
     value = _ref.value,
     onChange = _ref.onChange;
-  var timeUnit = hooks.useTimeUnit(unit);
+  var timeUnit = UNITS[unit];
   var classNames = useClassNames.useClassNames(componentToken.ComponentToken.Clock);
   var menuRef = React.useRef(null);
-  var theme = hooks$1.useTheme();
+  var theme = hooks.useTheme();
   var onClick = React.useCallback(function (key) {
     var _menuRef$current;
     onChange === null || onChange === void 0 || onChange(key);
@@ -59,10 +63,6 @@ var Column = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (relax.isVoid(value)) return;
     (_menuRef$current2 = menuRef.current) === null || _menuRef$current2 === void 0 || _menuRef$current2.scrollTo(value || 0, 100);
   }, [value]);
-  var selectedKeys = React.useMemo(function () {
-    if (relax.isVoid(value)) return void 0;
-    return [value];
-  }, [value]);
   var styled = {
     menu: stylex.default.props(styles.menu({
       scrollbarThumbColor: theme.colors[colors.ColorToken.Secondary],
@@ -73,7 +73,7 @@ var Column = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   };
   return /*#__PURE__*/React.createElement(menu.default, {
-    selectedKeys: selectedKeys,
+    selectedKeys: value,
     ref: menuRef,
     className: relax.clsx(styled.menu.className, classNames[className.ClockClassToken.Column]),
     style: styled.menu.style,

package/dist/components/clock/column.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { ColumnProps } from "./types";
+import { ColumnProps } from "musae/types/clock";
 declare const Column: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<{}>>;
 export default Column;

package/dist/components/clock/column.mjs

@@ -1,5 +1,4 @@
-import React, { forwardRef, useRef, useCallback, useImperativeHandle, useEffect, useMemo } from 'react';
-import { useTimeUnit } from './hooks.mjs';
+import React, { forwardRef, useRef, useCallback, useImperativeHandle, useEffect } from 'react';
 import Menu from '../menu/menu.mjs';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
 import { ClockClassToken } from '../../utils/class-name.mjs';
@@ -9,6 +8,11 @@ import { useTheme } from '../theme/hooks.mjs';
 import { ColorToken } from '../../utils/colors.mjs';
 import { ComponentToken } from '../../utils/component-token.mjs';
 
+var UNITS = {
+  hour: 24,
+  minute: 60,
+  second: 60
+};
 var styles = {
   menu: function menu(props) {
     return [{
@@ -40,7 +44,7 @@ var Column = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var unit = _ref.unit,
     value = _ref.value,
     onChange = _ref.onChange;
-  var timeUnit = useTimeUnit(unit);
+  var timeUnit = UNITS[unit];
   var classNames = useClassNames(ComponentToken.Clock);
   var menuRef = useRef(null);
   var theme = useTheme();
@@ -57,10 +61,6 @@ var Column = /*#__PURE__*/forwardRef(function (_ref, ref) {
     if (isVoid(value)) return;
     (_menuRef$current2 = menuRef.current) === null || _menuRef$current2 === void 0 || _menuRef$current2.scrollTo(value || 0, 100);
   }, [value]);
-  var selectedKeys = useMemo(function () {
-    if (isVoid(value)) return void 0;
-    return [value];
-  }, [value]);
   var styled = {
     menu: _stylex.props(styles.menu({
       scrollbarThumbColor: theme.colors[ColorToken.Secondary],
@@ -71,7 +71,7 @@ var Column = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   };
   return /*#__PURE__*/React.createElement(Menu, {
-    selectedKeys: selectedKeys,
+    selectedKeys: value,
     ref: menuRef,
     className: clsx(styled.menu.className, classNames[ClockClassToken.Column]),
     style: styled.menu.style,

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

@@ -1,4 +1,4 @@
 import React from "react";
-import type { CollapseProps } from "./types";
+import type { CollapseProps } from "musae/types/collapse";
 declare const Collapse: ({ items, className, defaultActiveKey, activeKey, onChange, style, accordion, }: CollapseProps) => React.JSX.Element | null;
 export default Collapse;

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

@@ -1,4 +1,4 @@
-import type { ContextValue } from "./types";
+import type { ContextValue } from "musae/types/collapse";
 /**
  * @description
  * `Collapse` Context

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

@@ -1,5 +1,5 @@
 import { type Key } from "react";
-import type { Value } from "./types";
+import type { Value } from "musae/types/collapse";
 /**
  * @description
  * `Collapse` active key hook

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

@@ -1,4 +1,4 @@
 import React from "react";
-import type { CollapseItemProps } from "./types";
+import type { CollapseItemProps } from "musae/types/collapse";
 declare const CollapseItem: ({ children, label, value }: CollapseItemProps) => React.JSX.Element;
 export default CollapseItem;

package/dist/components/config/context.d.ts

@@ -1,3 +1,3 @@
-import type { ContextValue } from "./types";
+import type { ContextValue } from "musae/types/config";
 declare const Context: import("react").Context<ContextValue>;
 export default Context;

package/dist/components/config/hooks.d.ts

@@ -2,4 +2,4 @@
  * @description
  * configuration
  */
-export declare const useConfiguration: () => import("./types").ContextValue;
+export declare const useConfiguration: () => import("../../types/config").ContextValue;

package/dist/components/config/provider.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { ConfigProps } from "./types";
+import type { ConfigProps } from "musae/types/config";
 declare const ConfigProvider: ({ children, prefix, locale: _locale }: ConfigProps) => React.JSX.Element;
 export default ConfigProvider;

package/dist/components/countdown/countdown.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { CountableProps } from "./types";
-declare const Countdown: ({ count, children, interval: _interval, disabled, variant, color, shape, size, ripple, className, style, }: CountableProps) => React.JSX.Element;
+import type { CountdownProps } from "musae/types/countdown";
+declare const Countdown: ({ count, children, interval: _interval, disabled, variant, color, shape, size, ripple, className, style, }: CountdownProps) => React.JSX.Element;
 export default Countdown;

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

@@ -1,4 +1,4 @@
 import React from "react";
-import type { DatePickerProps } from "./types";
+import type { DatePickerProps } from "musae/types/date-picker";
 declare const DatePicker: (props: DatePickerProps) => React.JSX.Element;
 export default DatePicker;

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

@@ -1,4 +1,4 @@
-import type { DatePickerProps } from "./types";
+import type { DatePickerProps } from "musae/types/date-picker";
 import { type RefObject } from "react";
 import type { PickerRef } from "musae/types/picker";
 /**

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

@@ -1,4 +1,4 @@
 import React from "react";
-import { DateRangePickerProps } from "./types";
+import type { DateRangePickerProps } from "musae/types/date-range-picker";
 declare const DateRangePicker: (props: DateRangePickerProps) => React.JSX.Element;
 export default DateRangePicker;

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

@@ -1,4 +1,4 @@
-import type { DateRangePickerProps } from "./types";
+import type { DateRangePickerProps } from "musae/types/date-range-picker";
 import { type RefObject } from "react";
 import { Dayjs } from "dayjs";
 import type { PickerRef } from "musae/types/picker";

package/dist/components/dialog/dialog.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { DialogProps } from "./types";
+import type { DialogProps } from "musae/types/dialog";
 declare const Dialog: ({ open, closable, ...props }: DialogProps) => React.JSX.Element;
 export default Dialog;

package/dist/components/dialog/hooks.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { PopupProps } from "./types";
+import type { PopupProps } from "musae/types/dialog";
 /**
  * @description
  * footer

package/dist/components/dialog/popup.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { PopupProps } from "./types";
+import type { PopupProps } from "musae/types/dialog";
 declare const Popup: ({ onClose, open, closable, onClosed, className, ...props }: PopupProps) => React.JSX.Element;
 export default Popup;

package/dist/components/divider/divider.d.ts

@@ -1,4 +1,4 @@
-import { type DividerProps } from "./types";
+import type { DividerProps } from "musae/types/divider";
 import React from "react";
 declare const Divider: ({ align, children, orientation, className, style, margin, }: DividerProps) => React.JSX.Element;
 export default Divider;

package/dist/components/divider/hooks.d.ts

@@ -1,4 +1,4 @@
-import { Align } from "./types";
+import type { Align } from "musae/types/divider";
 interface UseOffsetProps {
     align: Align;
 }

package/dist/components/drawer/drawer.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { DrawerProps } from "./types";
+import type { DrawerProps } from "musae/types/drawer";
 declare const Drawer: ({ open, size, closable, placement, ...props }: DrawerProps) => React.JSX.Element;
 export default Drawer;

package/dist/components/drawer/hooks.d.ts

@@ -1,2 +1,2 @@
-import type { Placement } from "./types";
+import type { Placement } from "musae/types/drawer";
 export declare const PLACEMENTS: Record<Placement, [hidden: string, appeared: string]>;

package/dist/components/drawer/popup.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import type { PopupProps } from "./types";
+import type { PopupProps } from "musae/types/drawer";
 declare const Popup: ({ open, onClose, placement, closable, onClosed, size, className, ...props }: PopupProps) => React.JSX.Element;
 export default Popup;