musae 0.3.1 → 0.3.3

package/dist/{components/divider/types.d.ts → types/divider.d.ts}

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import type { ComponentProps } from "musae/types/element";
-import type { Gutter } from "../../hooks/use-gutters";
+import type { Gutter } from "../hooks/use-gutters";
 export type Align = "center" | "left" | "right";
 export type Orientation = "horizontal" | "vertical";
 /**

package/dist/{components/drawer/types.d.ts → types/drawer.d.ts}

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { Closable } from "../../hooks/use-closable";
+import type { Closable } from "../hooks/use-closable";
 import type { ComponentProps } from "musae/types/element";
 export type Placement = "right" | "left" | "top" | "bottom";
 /**

package/dist/{components/floating-action-button/types.d.ts → types/fab.d.ts}

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { PortalProps } from "../portal/types";
+import type { PortalProps } from "./portal";
 /**
  * @description
  * floatable ref
@@ -15,7 +15,7 @@ export type FloatableRef = {
  * @description
  * props
  */
-export type FloatingActionButtonProps = {
+export type FabProps = {
     /**
      * @description
      * container
@@ -35,7 +35,7 @@ export type FloatableProps = {
     /**
      * @link {FloatingActionButtonProps.container}
      */
-    container?: FloatingActionButtonProps["container"];
+    container?: FabProps["container"];
     /**
      * @description
      * children

package/dist/{components/grid/types.d.ts → types/grid.d.ts}

@@ -1,6 +1,6 @@
 import type { CSSProperties, ReactNode } from "react";
 import type { ComponentProps } from "musae/types/element";
-import type { Gutter } from "../../hooks/use-gutters";
+import type { Gutter } from "../hooks/use-gutters";
 export interface RowProps extends ComponentProps {
     /**
      * @description

package/dist/{components/i18n-button/types.d.ts → types/i18n-button.d.ts}

@@ -1,10 +1,11 @@
 import type { Locale } from "musae/types/locale";
-import type { ButtonProps } from "../button/types";
+import type { ButtonProps } from "./button";
+import { ComponentProps } from "musae/types/element";
 /**
  * @description
  * i18n button props
  */
-export type I18nButtonProps = {
+export type I18nButtonProps = ComponentProps & {
     /**
      * @description
      * change handler

package/dist/types/menu.d.ts

@@ -65,7 +65,7 @@ export interface MenuProps extends ComponentProps {
      * selected keys
      * @default void 0
      */
-    selectedKeys?: Key[];
+    selectedKeys?: Key[] | Key;
     /**
      * @description
      * default selected keys

package/dist/{components/message/types.d.ts → types/message.d.ts}

@@ -1,4 +1,4 @@
-import type { NotificationConfig, Type } from "../notification";
+import type { NotificationConfig, Type } from "../components/notification";
 export type MessageConfig = Omit<NotificationConfig, "title" | "placement" | "closable">;
 export type OpenHandler = (config: Omit<MessageConfig, "type">) => Promise<void>;
 /**

package/dist/{components/pagination/types.d.ts → types/pagination.d.ts}

@@ -4,12 +4,7 @@ type UsedCounter = ReturnType<typeof useCounter>;
  * @description
  * pagiantion item type
  */
-export declare enum PaginationItemType {
-    Prev = "prev",
-    Next = "next",
-    MorePrev = "more-prev",
-    MoreNext = "more-next"
-}
+export type PaginationItemType = "prev" | "next" | "more-prev" | "more-next";
 /**
  * @author murukal
  *
@@ -47,8 +42,24 @@ export type PagiantionProps = {
      * @default [10, 20, 50, 100]
      */
     pageSizes?: number[];
+    /**
+     * @description
+     * current page at
+     * @default 1
+     */
+    at?: number;
+    /**
+     * @description
+     * change handler when current page `at` changed
+     */
+    onChange?: (at: number) => void;
+    /**
+     * @description
+     * change handler when `pageSize` changed
+     */
+    onPageSizeChange?: (pageSize: number) => void;
 };
-export type PaginationItems = [PaginationItemType.Prev, ...(PaginationItemType | number)[], PaginationItemType.Next];
+export type PaginationItems = (PaginationItemType | number)[];
 /**
  * @description
  * pagination item props
@@ -71,9 +82,9 @@ export type PaginationItemProps = {
     subtract: UsedCounter[1]["subtract"];
     /**
      * @description
-     * change
+     * click handler
      */
-    onPageChange: (page: number) => void;
+    onClick: (page: number) => void;
     /**
      * @description
      * checked

package/dist/{components/popconfirm/types.d.ts → types/popconfirm.d.ts}

@@ -1,6 +1,6 @@
 import type { DOMAttributes, RefAttributes } from "react";
-import type { PopoverProps } from "../popover";
-import { ComponentProps } from "musae/types/element";
+import type { PopoverProps } from "../components/popover";
+import type { ComponentProps } from "musae/types/element";
 export type ChildProps<T> = Pick<DOMAttributes<T>, "onClick"> & RefAttributes<T>;
 /**
  * @description

package/dist/{components/popper/types.d.ts → types/popper.d.ts}

@@ -2,7 +2,7 @@ import type { Nullable } from "@aiszlab/relax/types";
 import type { DOMAttributes, ReactNode } from "react";
 import type { ComponentProps } from "musae/types/element";
 import type { Derivable, OffsetOptions, Placement } from "@floating-ui/dom";
-import type { PortalProps } from "../portal/types";
+import type { PortalProps } from "./portal";
 /**
  * @author murukal
  *

package/dist/{components/quote/types.d.ts → types/quote.d.ts}

@@ -1,4 +1,4 @@
-import { ComponentProps } from "musae/types/element";
+import type { ComponentProps } from "musae/types/element";
 /**
  * @description
  * quote props

package/dist/{components/radio/types.d.ts → types/radio.d.ts}

@@ -1,5 +1,5 @@
 import type { ReactNode, JSX, Key } from "react";
-import { ComponentProps } from "musae/types/element";
+import type { ComponentProps } from "musae/types/element";
 /**
  * @author murukal
  *

package/dist/types/rich-text-editor.d.ts

@@ -2,12 +2,13 @@ import { type Props as ContentEditableProps } from "@lexical/react/LexicalConten
 import { type EditorThemeClasses as _EditorThemeClasses } from "lexical";
 import type { MenuItem } from "musae/types/menu";
 import type { HTMLAttributes, ReactNode } from "react";
+import { ComponentProps } from "./element";
 export type Use = "markdown" | "serialized";
 /**
  * @description
  * rich text editor props
  */
-export type RichTextEditorProps = Pick<HTMLAttributes<HTMLDivElement>, "aria-placeholder"> & {
+export type RichTextEditorProps = Pick<HTMLAttributes<HTMLDivElement>, "aria-placeholder"> & ComponentProps & {
     /**
      * @description
      * placeholder

package/dist/{components/skeleton/types.d.ts → types/skeleton.d.ts}

@@ -1,4 +1,4 @@
-import { ComponentProps } from "musae/types/element";
+import type { ComponentProps } from "musae/types/element";
 type Variant = "button" | "avatar" | "title";
 /**
  * @description

package/dist/{components/space/types.d.ts → types/space.d.ts}

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { Gutter } from "../../hooks/use-gutters";
+import type { Gutter } from "../hooks/use-gutters";
 import type { ComponentProps } from "musae/types/element";
 type Orientation = "horizontal" | "vertical";
 /**

package/dist/types/tour.d.ts

@@ -1,5 +1,5 @@
 import type { Nullable } from "@aiszlab/relax/types";
-import type { PopperProps } from "../components/popper/types";
+import type { PopperProps } from "./popper";
 import type { ReactNode } from "react";
 /**
  * @description

package/dist/utils/class-name.cjs

@@ -326,6 +326,15 @@ exports.QuoteClassToken = void 0;
 (function (QuoteClassToken) {
   QuoteClassToken[QuoteClassToken["Quote"] = 0] = "Quote";
 })(exports.QuoteClassToken || (exports.QuoteClassToken = {}));
+exports.RichTextEditorClassToken = void 0;
+(function (RichTextEditorClassToken) {
+  RichTextEditorClassToken[RichTextEditorClassToken["RichTextEditor"] = 0] = "RichTextEditor";
+  RichTextEditorClassToken[RichTextEditorClassToken["Loading"] = 1] = "Loading";
+})(exports.RichTextEditorClassToken || (exports.RichTextEditorClassToken = {}));
+exports.I18nButtonClassToken = void 0;
+(function (I18nButtonClassToken) {
+  I18nButtonClassToken[I18nButtonClassToken["I18nButton"] = 0] = "I18nButton";
+})(exports.I18nButtonClassToken || (exports.I18nButtonClassToken = {}));
 /**
  * @description
  * class name collection
@@ -333,7 +342,7 @@ exports.QuoteClassToken = void 0;
  * if u want change class name, must follow bem css
  * rule like: block__element--modifier
  */
-var CLASS_NAMES = (_CLASS_NAMES = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Picker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.PickerClassToken.Picker, "picker"), exports.PickerClassToken.Focused, "picker--focused"), exports.PickerClassToken.Invalid, "picker--invalid"), exports.PickerClassToken.Dropdown, "picker__dropdown")), componentToken.ComponentToken.Input, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.InputClassToken.Input, "input"), exports.InputClassToken.Wrapper, "input__wrapper"), exports.InputClassToken.Focused, "input__wrapper--focused"), exports.InputClassToken.Invalid, "input__wrapper--invalid")), componentToken.ComponentToken.Select, _defineProperty({}, exports.SelectClassToken.Select, "select")), componentToken.ComponentToken.Popper, _defineProperty(_defineProperty({}, exports.PopperClassToken.Dropdown, "dropdown"), exports.PopperClassToken.Arrow, "arrow")), componentToken.ComponentToken.Form, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.FormClassToken.Item, "form__item"), exports.FormClassToken.Field, "form__item-field"), exports.FormClassToken.FieldSupporting, "form__item-supporting"), exports.FormClassToken.FieldError, "form__item-field-error")), componentToken.ComponentToken.Grid, _defineProperty(_defineProperty({}, exports.GridClassToken.Row, "grid__row"), exports.GridClassToken.Col, "grid__col")), componentToken.ComponentToken.Radio, _defineProperty({}, exports.RadioClassToken.Radio, "radio")), componentToken.ComponentToken.Empty, _defineProperty(_defineProperty({}, exports.EmptyClassToken.Empty, "empty"), exports.EmptyClassToken.Description, "empty__description")), componentToken.ComponentToken.Button, _defineProperty(_defineProperty({}, exports.ButtonClassToken.Button, "button"), exports.ButtonClassToken.Prefix, "button__prefix")), componentToken.ComponentToken.Drawer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.DrawerClassToken.Drawer, "drawer"), exports.DrawerClassToken.Overlay, "drawer__overlay"), exports.DrawerClassToken.Panel, "drawer__panel"), exports.DrawerClassToken.Header, "drawer__header"), exports.DrawerClassToken.Body, "drawer__body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Divider, _defineProperty(_defineProperty({}, exports.DividerClassToken.Divider, "divider"), exports.DividerClassToken.Label, "divider__label")), componentToken.ComponentToken.Tag, _defineProperty({}, exports.TagClassToken.Tag, "tag")), componentToken.ComponentToken.Cascader, _defineProperty(_defineProperty({}, exports.CascaderClassToken.Cascader, "cascader"), exports.CascaderClassToken.Options, "cascader__options")), componentToken.ComponentToken.Dialog, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.DialogClassToken.Dialog, "dialog"), exports.DialogClassToken.Overlay, "dialog__overlay"), exports.DialogClassToken.Panel, "dialog__panel"), exports.DialogClassToken.Header, "dialog__header"), exports.DialogClassToken.Body, "dialog__body"), exports.DialogClassToken.Footer, "dialog__footer")), componentToken.ComponentToken.Calendar, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.CalendarClassToken.Header, "calendar__header"), exports.CalendarClassToken.Heading, "calendar__heading"), exports.CalendarClassToken.HeadCell, "calendar__head-cell"), exports.CalendarClassToken.DateCell, "calendar__date-cell"), exports.CalendarClassToken.DateCellSelected, "calendar__date-cell--selected"), exports.CalendarClassToken.DateCellInRange, "calendar__date--in-range"), exports.CalendarClassToken.DateCellRangeFrom, "calendar__date--range-from"), exports.CalendarClassToken.DateCellRangeTo, "calendar__date--range-to"), exports.CalendarClassToken.Date, "calendar__date")), componentToken.ComponentToken.Icon, _defineProperty({}, exports.IconClassToken.Icon, "icon")), componentToken.ComponentToken.DatePicker, _defineProperty(_defineProperty({}, exports.DatePickerClassToken.Picker, "date-picker"), exports.DatePickerClassToken.Input, "date-picker__input")), componentToken.ComponentToken.TimePicker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TimePickerClassToken.Picker, "time-picker"), exports.TimePickerClassToken.Input, "time-picker__input"), exports.TimePickerClassToken.Panel, "time-picker__panel"), exports.TimePickerClassToken.PanelFooter, "time-picker__panel-footer")), componentToken.ComponentToken.DateRangePicker, _defineProperty(_defineProperty(_defineProperty({}, exports.DateRangePickerClassToken.Picker, "date-range-picker"), exports.DateRangePickerClassToken.Input, "date-range-picker__input"), exports.DateRangePickerClassToken.Separator, "date-range-picker__separator")), componentToken.ComponentToken.Clock, _defineProperty(_defineProperty({}, exports.ClockClassToken.Clock, "clock"), exports.ClockClassToken.Column, "clock__column")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Menu, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.MenuClassToken.Menu, "menu"), exports.MenuClassToken.MenuHorizontal, "menu--horizontal"), exports.MenuClassToken.Group, "menu__group"), exports.MenuClassToken.GroupHidden, "menu__group--hidden"), exports.MenuClassToken.Collapser, "menu__collapser"), exports.MenuClassToken.Item, "menu__item")), componentToken.ComponentToken.Checkbox, _defineProperty({}, exports.CheckboxClassToken.Checkbox, "checkbox")), componentToken.ComponentToken.Tree, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TreeClassToken.Tree, "tree"), exports.TreeClassToken.List, "tree__list"), exports.TreeClassToken.ListHidden, "tree__list--hidden"), exports.TreeClassToken.Holder, "tree__holder"), exports.TreeClassToken.Node, "tree__node"), exports.TreeClassToken.Title, "tree__node-title"), exports.TreeClassToken.Expander, "tree__node-expander"), exports.TreeClassToken.Checkbox, "tree__node-checkbox")), componentToken.ComponentToken.Tabs, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TabsClassToken.Tabs, "tabs"), exports.TabsClassToken.TabsNavigation, "tabs__navigation"), exports.TabsClassToken.TabsNavigator, "tabs__navigator"), exports.TabsClassToken.TabList, "tabs__tab-list"), exports.TabsClassToken.Tab, "tabs__item"), exports.TabsClassToken.Indicator, "tabs__indicator"), exports.TabsClassToken.Panels, "tabs__panels"), exports.TabsClassToken.Panel, "tabs__panel")), componentToken.ComponentToken.Pagination, _defineProperty(_defineProperty({}, exports.PaginationClassToken.Pagination, "pagination"), exports.PaginationClassToken.SizeSelector, "pagination__size-selector")), componentToken.ComponentToken.Switch, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.SwitchClassToken.Switch, "switch"), exports.SwitchClassToken.Slider, "switch__slider"), exports.SwitchClassToken.Supporting, "switch__supporting"), exports.SwitchClassToken.Leading, "switch__supporting-leading"), exports.SwitchClassToken.Trailing, "switch__supporting-trailing")), componentToken.ComponentToken.Rate, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.RateClassToken.Rate, "rate"), exports.RateClassToken.Star, "rate__star"), exports.RateClassToken.Half, "rate__star-half"), exports.RateClassToken.Full, "rate__star-full")), componentToken.ComponentToken.Tour, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TourClassToken.Tour, "tour"), exports.TourClassToken.Overlay, "rate__overlay"), exports.TourClassToken.Spotlight, "rate__spotlight"), exports.TourClassToken.Title, "rate__title"), exports.TourClassToken.Description, "rate__description"), exports.TourClassToken.Footer, "rate__footer")), componentToken.ComponentToken.Steps, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.StepsClassToken.Steps, "steps"), exports.StepsClassToken.Item, "steps__item"), exports.StepsClassToken.Done, "steps__item--done"), exports.StepsClassToken.Doing, "steps__item--doing"), exports.StepsClassToken.Todo, "steps__item--todo"), exports.StepsClassToken.Leading, "steps__item-leading"), exports.StepsClassToken.Sign, "steps__item-leading-sign"), exports.StepsClassToken.Title, "steps__item-title"), exports.StepsClassToken.Description, "steps__item-description")), componentToken.ComponentToken.Timeline, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TimelineClassToken.Timeline, "timeline"), exports.TimelineClassToken.Item, "timeline__item"), exports.TimelineClassToken.Leading, "timeline__item-leading"), exports.TimelineClassToken.Sign, "timeline__item-leading-sign"), exports.TimelineClassToken.Dot, "timeline__item-leading-dot"), exports.TimelineClassToken.Label, "timeline__item-label"), exports.TimelineClassToken.Description, "timeline__item-description")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Breadcrumb, _defineProperty(_defineProperty(_defineProperty({}, exports.BreadcrumbClassToken.Breadcrumb, "breadcrumb"), exports.BreadcrumbClassToken.Item, "breadcrumb__item"), exports.BreadcrumbClassToken.Separator, "breadcrumb__separator")), componentToken.ComponentToken.Avatar, _defineProperty(_defineProperty({}, exports.AvatarClassToken.Avatar, "avatar"), exports.AvatarClassToken.Group, "avatar__group")), componentToken.ComponentToken.Notification, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.NotificationClassToken.Notification, "notification"), exports.NotificationClassToken.Title, "notification__title"), exports.NotificationClassToken.Description, "notification__description"), exports.NotificationClassToken.Closer, "notification__closer")), componentToken.ComponentToken.Progress, _defineProperty(_defineProperty({}, exports.ProgressClassToken.Progress, "progress"), exports.ProgressClassToken.Segment, "progress__segment")), componentToken.ComponentToken.Tooltip, _defineProperty({}, exports.TooltipClassToken.Tooltip, "tooltip")), componentToken.ComponentToken.Popover, _defineProperty(_defineProperty(_defineProperty({}, exports.PopoverClassToken.Popover, "popover"), exports.PopoverClassToken.Title, "popover__title"), exports.PopoverClassToken.Content, "popover__content")), componentToken.ComponentToken.Loading, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.LoadingClassToken.Loading, "loading"), exports.LoadingClassToken.Spin, "loading__spin"), exports.LoadingClassToken.Spinning, "loading__spin-spinning"), exports.LoadingClassToken.Content, "loading__content")), componentToken.ComponentToken.Collapse, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.CollapseClassToken.Collapse, "collapse"), exports.CollapseClassToken.Item, "collapse__item"), exports.CollapseClassToken.ItemActive, "collapse__item--active"), exports.CollapseClassToken.Header, "collapse__item-header"), exports.CollapseClassToken.Collapser, "collapse__header-collapser"), exports.CollapseClassToken.Panel, "collapse__item-panel"), exports.CollapseClassToken.PanelActive, "collapse__item-panel--active"), exports.CollapseClassToken.Content, "collapse__item-content")), componentToken.ComponentToken.Waterfall, _defineProperty(_defineProperty({}, exports.WaterfallClassToken.Waterfall, "waterfall"), exports.WaterfallClassToken.Sequential, "waterfall--sequential")), componentToken.ComponentToken.Transfer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TransferClassToken.Transfer, "transfer"), exports.TransferClassToken.Operation, "transfer__operation"), exports.TransferClassToken.List, "transfer__list"), exports.TransferClassToken.Title, "transfer__list-title"), exports.TransferClassToken.Item, "transfer__list-item"), exports.TransferClassToken.Header, "transfer__list-header"), exports.TransferClassToken.Body, "transfer__list-body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Badge, _defineProperty(_defineProperty({}, exports.BadgeClassToken.Badge, "badge"), exports.BadgeClassToken.Tail, "badge__tail")), componentToken.ComponentToken.Skeleton, _defineProperty(_defineProperty({}, exports.SkeletonClassToken.Skeleton, "skeleton"), exports.SkeletonClassToken.Circular, "skeleton--circular")), componentToken.ComponentToken.VisuallyHidden, _defineProperty({}, exports.VisuallyHiddenClassToken.VisuallyHidden, "visually-hidden")), componentToken.ComponentToken.Popconfirm, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.PopconfirmClassToken.Popconfirm, "popconfirm"), exports.PopconfirmClassToken.Title, "popconfirm__title"), exports.PopconfirmClassToken.Description, "popconfirm__description"), exports.PopconfirmClassToken.Footer, "popconfirm__footer")), componentToken.ComponentToken.Highlight, _defineProperty(_defineProperty({}, exports.HighlightClassToken.Highlight, "highlight"), exports.HighlightClassToken.Capture, "highlight__capture")), componentToken.ComponentToken.I18nButton, {}), componentToken.ComponentToken.Quote, _defineProperty({}, exports.QuoteClassToken.Quote, "quote")));
+var CLASS_NAMES = (_CLASS_NAMES = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Picker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.PickerClassToken.Picker, "picker"), exports.PickerClassToken.Focused, "picker--focused"), exports.PickerClassToken.Invalid, "picker--invalid"), exports.PickerClassToken.Dropdown, "picker__dropdown")), componentToken.ComponentToken.Input, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.InputClassToken.Input, "input"), exports.InputClassToken.Wrapper, "input__wrapper"), exports.InputClassToken.Focused, "input__wrapper--focused"), exports.InputClassToken.Invalid, "input__wrapper--invalid")), componentToken.ComponentToken.Select, _defineProperty({}, exports.SelectClassToken.Select, "select")), componentToken.ComponentToken.Popper, _defineProperty(_defineProperty({}, exports.PopperClassToken.Dropdown, "dropdown"), exports.PopperClassToken.Arrow, "arrow")), componentToken.ComponentToken.Form, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.FormClassToken.Item, "form__item"), exports.FormClassToken.Field, "form__item-field"), exports.FormClassToken.FieldSupporting, "form__item-supporting"), exports.FormClassToken.FieldError, "form__item-field-error")), componentToken.ComponentToken.Grid, _defineProperty(_defineProperty({}, exports.GridClassToken.Row, "grid__row"), exports.GridClassToken.Col, "grid__col")), componentToken.ComponentToken.Radio, _defineProperty({}, exports.RadioClassToken.Radio, "radio")), componentToken.ComponentToken.Empty, _defineProperty(_defineProperty({}, exports.EmptyClassToken.Empty, "empty"), exports.EmptyClassToken.Description, "empty__description")), componentToken.ComponentToken.Button, _defineProperty(_defineProperty({}, exports.ButtonClassToken.Button, "button"), exports.ButtonClassToken.Prefix, "button__prefix")), componentToken.ComponentToken.Drawer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.DrawerClassToken.Drawer, "drawer"), exports.DrawerClassToken.Overlay, "drawer__overlay"), exports.DrawerClassToken.Panel, "drawer__panel"), exports.DrawerClassToken.Header, "drawer__header"), exports.DrawerClassToken.Body, "drawer__body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Divider, _defineProperty(_defineProperty({}, exports.DividerClassToken.Divider, "divider"), exports.DividerClassToken.Label, "divider__label")), componentToken.ComponentToken.Tag, _defineProperty({}, exports.TagClassToken.Tag, "tag")), componentToken.ComponentToken.Cascader, _defineProperty(_defineProperty({}, exports.CascaderClassToken.Cascader, "cascader"), exports.CascaderClassToken.Options, "cascader__options")), componentToken.ComponentToken.Dialog, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.DialogClassToken.Dialog, "dialog"), exports.DialogClassToken.Overlay, "dialog__overlay"), exports.DialogClassToken.Panel, "dialog__panel"), exports.DialogClassToken.Header, "dialog__header"), exports.DialogClassToken.Body, "dialog__body"), exports.DialogClassToken.Footer, "dialog__footer")), componentToken.ComponentToken.Calendar, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.CalendarClassToken.Header, "calendar__header"), exports.CalendarClassToken.Heading, "calendar__heading"), exports.CalendarClassToken.HeadCell, "calendar__head-cell"), exports.CalendarClassToken.DateCell, "calendar__date-cell"), exports.CalendarClassToken.DateCellSelected, "calendar__date-cell--selected"), exports.CalendarClassToken.DateCellInRange, "calendar__date--in-range"), exports.CalendarClassToken.DateCellRangeFrom, "calendar__date--range-from"), exports.CalendarClassToken.DateCellRangeTo, "calendar__date--range-to"), exports.CalendarClassToken.Date, "calendar__date")), componentToken.ComponentToken.Icon, _defineProperty({}, exports.IconClassToken.Icon, "icon")), componentToken.ComponentToken.DatePicker, _defineProperty(_defineProperty({}, exports.DatePickerClassToken.Picker, "date-picker"), exports.DatePickerClassToken.Input, "date-picker__input")), componentToken.ComponentToken.TimePicker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TimePickerClassToken.Picker, "time-picker"), exports.TimePickerClassToken.Input, "time-picker__input"), exports.TimePickerClassToken.Panel, "time-picker__panel"), exports.TimePickerClassToken.PanelFooter, "time-picker__panel-footer")), componentToken.ComponentToken.DateRangePicker, _defineProperty(_defineProperty(_defineProperty({}, exports.DateRangePickerClassToken.Picker, "date-range-picker"), exports.DateRangePickerClassToken.Input, "date-range-picker__input"), exports.DateRangePickerClassToken.Separator, "date-range-picker__separator")), componentToken.ComponentToken.Clock, _defineProperty(_defineProperty({}, exports.ClockClassToken.Clock, "clock"), exports.ClockClassToken.Column, "clock__column")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Menu, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.MenuClassToken.Menu, "menu"), exports.MenuClassToken.MenuHorizontal, "menu--horizontal"), exports.MenuClassToken.Group, "menu__group"), exports.MenuClassToken.GroupHidden, "menu__group--hidden"), exports.MenuClassToken.Collapser, "menu__collapser"), exports.MenuClassToken.Item, "menu__item")), componentToken.ComponentToken.Checkbox, _defineProperty({}, exports.CheckboxClassToken.Checkbox, "checkbox")), componentToken.ComponentToken.Tree, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TreeClassToken.Tree, "tree"), exports.TreeClassToken.List, "tree__list"), exports.TreeClassToken.ListHidden, "tree__list--hidden"), exports.TreeClassToken.Holder, "tree__holder"), exports.TreeClassToken.Node, "tree__node"), exports.TreeClassToken.Title, "tree__node-title"), exports.TreeClassToken.Expander, "tree__node-expander"), exports.TreeClassToken.Checkbox, "tree__node-checkbox")), componentToken.ComponentToken.Tabs, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TabsClassToken.Tabs, "tabs"), exports.TabsClassToken.TabsNavigation, "tabs__navigation"), exports.TabsClassToken.TabsNavigator, "tabs__navigator"), exports.TabsClassToken.TabList, "tabs__tab-list"), exports.TabsClassToken.Tab, "tabs__item"), exports.TabsClassToken.Indicator, "tabs__indicator"), exports.TabsClassToken.Panels, "tabs__panels"), exports.TabsClassToken.Panel, "tabs__panel")), componentToken.ComponentToken.Pagination, _defineProperty(_defineProperty({}, exports.PaginationClassToken.Pagination, "pagination"), exports.PaginationClassToken.SizeSelector, "pagination__size-selector")), componentToken.ComponentToken.Switch, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.SwitchClassToken.Switch, "switch"), exports.SwitchClassToken.Slider, "switch__slider"), exports.SwitchClassToken.Supporting, "switch__supporting"), exports.SwitchClassToken.Leading, "switch__supporting-leading"), exports.SwitchClassToken.Trailing, "switch__supporting-trailing")), componentToken.ComponentToken.Rate, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.RateClassToken.Rate, "rate"), exports.RateClassToken.Star, "rate__star"), exports.RateClassToken.Half, "rate__star-half"), exports.RateClassToken.Full, "rate__star-full")), componentToken.ComponentToken.Tour, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TourClassToken.Tour, "tour"), exports.TourClassToken.Overlay, "rate__overlay"), exports.TourClassToken.Spotlight, "rate__spotlight"), exports.TourClassToken.Title, "rate__title"), exports.TourClassToken.Description, "rate__description"), exports.TourClassToken.Footer, "rate__footer")), componentToken.ComponentToken.Steps, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.StepsClassToken.Steps, "steps"), exports.StepsClassToken.Item, "steps__item"), exports.StepsClassToken.Done, "steps__item--done"), exports.StepsClassToken.Doing, "steps__item--doing"), exports.StepsClassToken.Todo, "steps__item--todo"), exports.StepsClassToken.Leading, "steps__item-leading"), exports.StepsClassToken.Sign, "steps__item-leading-sign"), exports.StepsClassToken.Title, "steps__item-title"), exports.StepsClassToken.Description, "steps__item-description")), componentToken.ComponentToken.Timeline, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TimelineClassToken.Timeline, "timeline"), exports.TimelineClassToken.Item, "timeline__item"), exports.TimelineClassToken.Leading, "timeline__item-leading"), exports.TimelineClassToken.Sign, "timeline__item-leading-sign"), exports.TimelineClassToken.Dot, "timeline__item-leading-dot"), exports.TimelineClassToken.Label, "timeline__item-label"), exports.TimelineClassToken.Description, "timeline__item-description")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Breadcrumb, _defineProperty(_defineProperty(_defineProperty({}, exports.BreadcrumbClassToken.Breadcrumb, "breadcrumb"), exports.BreadcrumbClassToken.Item, "breadcrumb__item"), exports.BreadcrumbClassToken.Separator, "breadcrumb__separator")), componentToken.ComponentToken.Avatar, _defineProperty(_defineProperty({}, exports.AvatarClassToken.Avatar, "avatar"), exports.AvatarClassToken.Group, "avatar__group")), componentToken.ComponentToken.Notification, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.NotificationClassToken.Notification, "notification"), exports.NotificationClassToken.Title, "notification__title"), exports.NotificationClassToken.Description, "notification__description"), exports.NotificationClassToken.Closer, "notification__closer")), componentToken.ComponentToken.Progress, _defineProperty(_defineProperty({}, exports.ProgressClassToken.Progress, "progress"), exports.ProgressClassToken.Segment, "progress__segment")), componentToken.ComponentToken.Tooltip, _defineProperty({}, exports.TooltipClassToken.Tooltip, "tooltip")), componentToken.ComponentToken.Popover, _defineProperty(_defineProperty(_defineProperty({}, exports.PopoverClassToken.Popover, "popover"), exports.PopoverClassToken.Title, "popover__title"), exports.PopoverClassToken.Content, "popover__content")), componentToken.ComponentToken.Loading, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.LoadingClassToken.Loading, "loading"), exports.LoadingClassToken.Spin, "loading__spin"), exports.LoadingClassToken.Spinning, "loading__spin-spinning"), exports.LoadingClassToken.Content, "loading__content")), componentToken.ComponentToken.Collapse, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.CollapseClassToken.Collapse, "collapse"), exports.CollapseClassToken.Item, "collapse__item"), exports.CollapseClassToken.ItemActive, "collapse__item--active"), exports.CollapseClassToken.Header, "collapse__item-header"), exports.CollapseClassToken.Collapser, "collapse__header-collapser"), exports.CollapseClassToken.Panel, "collapse__item-panel"), exports.CollapseClassToken.PanelActive, "collapse__item-panel--active"), exports.CollapseClassToken.Content, "collapse__item-content")), componentToken.ComponentToken.Waterfall, _defineProperty(_defineProperty({}, exports.WaterfallClassToken.Waterfall, "waterfall"), exports.WaterfallClassToken.Sequential, "waterfall--sequential")), componentToken.ComponentToken.Transfer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TransferClassToken.Transfer, "transfer"), exports.TransferClassToken.Operation, "transfer__operation"), exports.TransferClassToken.List, "transfer__list"), exports.TransferClassToken.Title, "transfer__list-title"), exports.TransferClassToken.Item, "transfer__list-item"), exports.TransferClassToken.Header, "transfer__list-header"), exports.TransferClassToken.Body, "transfer__list-body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Badge, _defineProperty(_defineProperty({}, exports.BadgeClassToken.Badge, "badge"), exports.BadgeClassToken.Tail, "badge__tail")), componentToken.ComponentToken.Skeleton, _defineProperty(_defineProperty({}, exports.SkeletonClassToken.Skeleton, "skeleton"), exports.SkeletonClassToken.Circular, "skeleton--circular")), componentToken.ComponentToken.VisuallyHidden, _defineProperty({}, exports.VisuallyHiddenClassToken.VisuallyHidden, "visually-hidden")), componentToken.ComponentToken.Popconfirm, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.PopconfirmClassToken.Popconfirm, "popconfirm"), exports.PopconfirmClassToken.Title, "popconfirm__title"), exports.PopconfirmClassToken.Description, "popconfirm__description"), exports.PopconfirmClassToken.Footer, "popconfirm__footer")), componentToken.ComponentToken.Highlight, _defineProperty(_defineProperty({}, exports.HighlightClassToken.Highlight, "highlight"), exports.HighlightClassToken.Capture, "highlight__capture")), componentToken.ComponentToken.I18nButton, _defineProperty({}, exports.I18nButtonClassToken.I18nButton, "i18n-button")), componentToken.ComponentToken.Quote, _defineProperty({}, exports.QuoteClassToken.Quote, "quote")), componentToken.ComponentToken.RichTextEditor, _defineProperty(_defineProperty({}, exports.RichTextEditorClassToken.RichTextEditor, "rich-text-editor"), exports.RichTextEditorClassToken.Loading, "rich-text-editor--loading")));
 /**
  * @description
  * add prefix

package/dist/utils/class-name.d.ts

@@ -1,4 +1,4 @@
-import { ClassNames } from "../components/config/types";
+import { ClassNames } from "../types/config";
 /**
  * @description
  * add prefix
@@ -265,6 +265,13 @@ export declare enum HighlightClassToken {
 export declare enum QuoteClassToken {
     Quote = 0
 }
+export declare enum RichTextEditorClassToken {
+    RichTextEditor = 0,
+    Loading = 1
+}
+export declare enum I18nButtonClassToken {
+    I18nButton = 0
+}
 /**
  * @description
  * class name collection
@@ -525,10 +532,16 @@ export declare const CLASS_NAMES: {
         0: string;
         1: string;
     };
-    45: {};
+    45: {
+        0: string;
+    };
     46: {
         0: string;
     };
+    47: {
+        0: string;
+        1: string;
+    };
 };
 /**
  * @description
@@ -792,8 +805,14 @@ export declare const DEFAULT_CLASS_NAMES: {
         0: string;
         1: string;
     };
-    45: {};
+    45: {
+        0: string;
+    };
     46: {
         0: string;
     };
+    47: {
+        0: string;
+        1: string;
+    };
 };

package/dist/utils/class-name.mjs

@@ -326,6 +326,15 @@ var QuoteClassToken;
 (function (QuoteClassToken) {
   QuoteClassToken[QuoteClassToken["Quote"] = 0] = "Quote";
 })(QuoteClassToken || (QuoteClassToken = {}));
+var RichTextEditorClassToken;
+(function (RichTextEditorClassToken) {
+  RichTextEditorClassToken[RichTextEditorClassToken["RichTextEditor"] = 0] = "RichTextEditor";
+  RichTextEditorClassToken[RichTextEditorClassToken["Loading"] = 1] = "Loading";
+})(RichTextEditorClassToken || (RichTextEditorClassToken = {}));
+var I18nButtonClassToken;
+(function (I18nButtonClassToken) {
+  I18nButtonClassToken[I18nButtonClassToken["I18nButton"] = 0] = "I18nButton";
+})(I18nButtonClassToken || (I18nButtonClassToken = {}));
 /**
  * @description
  * class name collection
@@ -333,7 +342,7 @@ var QuoteClassToken;
  * if u want change class name, must follow bem css
  * rule like: block__element--modifier
  */
-var CLASS_NAMES = (_CLASS_NAMES = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Picker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, PickerClassToken.Picker, "picker"), PickerClassToken.Focused, "picker--focused"), PickerClassToken.Invalid, "picker--invalid"), PickerClassToken.Dropdown, "picker__dropdown")), ComponentToken.Input, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, InputClassToken.Input, "input"), InputClassToken.Wrapper, "input__wrapper"), InputClassToken.Focused, "input__wrapper--focused"), InputClassToken.Invalid, "input__wrapper--invalid")), ComponentToken.Select, _defineProperty({}, SelectClassToken.Select, "select")), ComponentToken.Popper, _defineProperty(_defineProperty({}, PopperClassToken.Dropdown, "dropdown"), PopperClassToken.Arrow, "arrow")), ComponentToken.Form, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FormClassToken.Item, "form__item"), FormClassToken.Field, "form__item-field"), FormClassToken.FieldSupporting, "form__item-supporting"), FormClassToken.FieldError, "form__item-field-error")), ComponentToken.Grid, _defineProperty(_defineProperty({}, GridClassToken.Row, "grid__row"), GridClassToken.Col, "grid__col")), ComponentToken.Radio, _defineProperty({}, RadioClassToken.Radio, "radio")), ComponentToken.Empty, _defineProperty(_defineProperty({}, EmptyClassToken.Empty, "empty"), EmptyClassToken.Description, "empty__description")), ComponentToken.Button, _defineProperty(_defineProperty({}, ButtonClassToken.Button, "button"), ButtonClassToken.Prefix, "button__prefix")), ComponentToken.Drawer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DrawerClassToken.Drawer, "drawer"), DrawerClassToken.Overlay, "drawer__overlay"), DrawerClassToken.Panel, "drawer__panel"), DrawerClassToken.Header, "drawer__header"), DrawerClassToken.Body, "drawer__body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Divider, _defineProperty(_defineProperty({}, DividerClassToken.Divider, "divider"), DividerClassToken.Label, "divider__label")), ComponentToken.Tag, _defineProperty({}, TagClassToken.Tag, "tag")), ComponentToken.Cascader, _defineProperty(_defineProperty({}, CascaderClassToken.Cascader, "cascader"), CascaderClassToken.Options, "cascader__options")), ComponentToken.Dialog, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DialogClassToken.Dialog, "dialog"), DialogClassToken.Overlay, "dialog__overlay"), DialogClassToken.Panel, "dialog__panel"), DialogClassToken.Header, "dialog__header"), DialogClassToken.Body, "dialog__body"), DialogClassToken.Footer, "dialog__footer")), ComponentToken.Calendar, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CalendarClassToken.Header, "calendar__header"), CalendarClassToken.Heading, "calendar__heading"), CalendarClassToken.HeadCell, "calendar__head-cell"), CalendarClassToken.DateCell, "calendar__date-cell"), CalendarClassToken.DateCellSelected, "calendar__date-cell--selected"), CalendarClassToken.DateCellInRange, "calendar__date--in-range"), CalendarClassToken.DateCellRangeFrom, "calendar__date--range-from"), CalendarClassToken.DateCellRangeTo, "calendar__date--range-to"), CalendarClassToken.Date, "calendar__date")), ComponentToken.Icon, _defineProperty({}, IconClassToken.Icon, "icon")), ComponentToken.DatePicker, _defineProperty(_defineProperty({}, DatePickerClassToken.Picker, "date-picker"), DatePickerClassToken.Input, "date-picker__input")), ComponentToken.TimePicker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TimePickerClassToken.Picker, "time-picker"), TimePickerClassToken.Input, "time-picker__input"), TimePickerClassToken.Panel, "time-picker__panel"), TimePickerClassToken.PanelFooter, "time-picker__panel-footer")), ComponentToken.DateRangePicker, _defineProperty(_defineProperty(_defineProperty({}, DateRangePickerClassToken.Picker, "date-range-picker"), DateRangePickerClassToken.Input, "date-range-picker__input"), DateRangePickerClassToken.Separator, "date-range-picker__separator")), ComponentToken.Clock, _defineProperty(_defineProperty({}, ClockClassToken.Clock, "clock"), ClockClassToken.Column, "clock__column")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Menu, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MenuClassToken.Menu, "menu"), MenuClassToken.MenuHorizontal, "menu--horizontal"), MenuClassToken.Group, "menu__group"), MenuClassToken.GroupHidden, "menu__group--hidden"), MenuClassToken.Collapser, "menu__collapser"), MenuClassToken.Item, "menu__item")), ComponentToken.Checkbox, _defineProperty({}, CheckboxClassToken.Checkbox, "checkbox")), ComponentToken.Tree, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TreeClassToken.Tree, "tree"), TreeClassToken.List, "tree__list"), TreeClassToken.ListHidden, "tree__list--hidden"), TreeClassToken.Holder, "tree__holder"), TreeClassToken.Node, "tree__node"), TreeClassToken.Title, "tree__node-title"), TreeClassToken.Expander, "tree__node-expander"), TreeClassToken.Checkbox, "tree__node-checkbox")), ComponentToken.Tabs, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TabsClassToken.Tabs, "tabs"), TabsClassToken.TabsNavigation, "tabs__navigation"), TabsClassToken.TabsNavigator, "tabs__navigator"), TabsClassToken.TabList, "tabs__tab-list"), TabsClassToken.Tab, "tabs__item"), TabsClassToken.Indicator, "tabs__indicator"), TabsClassToken.Panels, "tabs__panels"), TabsClassToken.Panel, "tabs__panel")), ComponentToken.Pagination, _defineProperty(_defineProperty({}, PaginationClassToken.Pagination, "pagination"), PaginationClassToken.SizeSelector, "pagination__size-selector")), ComponentToken.Switch, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, SwitchClassToken.Switch, "switch"), SwitchClassToken.Slider, "switch__slider"), SwitchClassToken.Supporting, "switch__supporting"), SwitchClassToken.Leading, "switch__supporting-leading"), SwitchClassToken.Trailing, "switch__supporting-trailing")), ComponentToken.Rate, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, RateClassToken.Rate, "rate"), RateClassToken.Star, "rate__star"), RateClassToken.Half, "rate__star-half"), RateClassToken.Full, "rate__star-full")), ComponentToken.Tour, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TourClassToken.Tour, "tour"), TourClassToken.Overlay, "rate__overlay"), TourClassToken.Spotlight, "rate__spotlight"), TourClassToken.Title, "rate__title"), TourClassToken.Description, "rate__description"), TourClassToken.Footer, "rate__footer")), ComponentToken.Steps, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, StepsClassToken.Steps, "steps"), StepsClassToken.Item, "steps__item"), StepsClassToken.Done, "steps__item--done"), StepsClassToken.Doing, "steps__item--doing"), StepsClassToken.Todo, "steps__item--todo"), StepsClassToken.Leading, "steps__item-leading"), StepsClassToken.Sign, "steps__item-leading-sign"), StepsClassToken.Title, "steps__item-title"), StepsClassToken.Description, "steps__item-description")), ComponentToken.Timeline, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TimelineClassToken.Timeline, "timeline"), TimelineClassToken.Item, "timeline__item"), TimelineClassToken.Leading, "timeline__item-leading"), TimelineClassToken.Sign, "timeline__item-leading-sign"), TimelineClassToken.Dot, "timeline__item-leading-dot"), TimelineClassToken.Label, "timeline__item-label"), TimelineClassToken.Description, "timeline__item-description")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Breadcrumb, _defineProperty(_defineProperty(_defineProperty({}, BreadcrumbClassToken.Breadcrumb, "breadcrumb"), BreadcrumbClassToken.Item, "breadcrumb__item"), BreadcrumbClassToken.Separator, "breadcrumb__separator")), ComponentToken.Avatar, _defineProperty(_defineProperty({}, AvatarClassToken.Avatar, "avatar"), AvatarClassToken.Group, "avatar__group")), ComponentToken.Notification, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, NotificationClassToken.Notification, "notification"), NotificationClassToken.Title, "notification__title"), NotificationClassToken.Description, "notification__description"), NotificationClassToken.Closer, "notification__closer")), ComponentToken.Progress, _defineProperty(_defineProperty({}, ProgressClassToken.Progress, "progress"), ProgressClassToken.Segment, "progress__segment")), ComponentToken.Tooltip, _defineProperty({}, TooltipClassToken.Tooltip, "tooltip")), ComponentToken.Popover, _defineProperty(_defineProperty(_defineProperty({}, PopoverClassToken.Popover, "popover"), PopoverClassToken.Title, "popover__title"), PopoverClassToken.Content, "popover__content")), ComponentToken.Loading, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, LoadingClassToken.Loading, "loading"), LoadingClassToken.Spin, "loading__spin"), LoadingClassToken.Spinning, "loading__spin-spinning"), LoadingClassToken.Content, "loading__content")), ComponentToken.Collapse, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CollapseClassToken.Collapse, "collapse"), CollapseClassToken.Item, "collapse__item"), CollapseClassToken.ItemActive, "collapse__item--active"), CollapseClassToken.Header, "collapse__item-header"), CollapseClassToken.Collapser, "collapse__header-collapser"), CollapseClassToken.Panel, "collapse__item-panel"), CollapseClassToken.PanelActive, "collapse__item-panel--active"), CollapseClassToken.Content, "collapse__item-content")), ComponentToken.Waterfall, _defineProperty(_defineProperty({}, WaterfallClassToken.Waterfall, "waterfall"), WaterfallClassToken.Sequential, "waterfall--sequential")), ComponentToken.Transfer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TransferClassToken.Transfer, "transfer"), TransferClassToken.Operation, "transfer__operation"), TransferClassToken.List, "transfer__list"), TransferClassToken.Title, "transfer__list-title"), TransferClassToken.Item, "transfer__list-item"), TransferClassToken.Header, "transfer__list-header"), TransferClassToken.Body, "transfer__list-body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Badge, _defineProperty(_defineProperty({}, BadgeClassToken.Badge, "badge"), BadgeClassToken.Tail, "badge__tail")), ComponentToken.Skeleton, _defineProperty(_defineProperty({}, SkeletonClassToken.Skeleton, "skeleton"), SkeletonClassToken.Circular, "skeleton--circular")), ComponentToken.VisuallyHidden, _defineProperty({}, VisuallyHiddenClassToken.VisuallyHidden, "visually-hidden")), ComponentToken.Popconfirm, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, PopconfirmClassToken.Popconfirm, "popconfirm"), PopconfirmClassToken.Title, "popconfirm__title"), PopconfirmClassToken.Description, "popconfirm__description"), PopconfirmClassToken.Footer, "popconfirm__footer")), ComponentToken.Highlight, _defineProperty(_defineProperty({}, HighlightClassToken.Highlight, "highlight"), HighlightClassToken.Capture, "highlight__capture")), ComponentToken.I18nButton, {}), ComponentToken.Quote, _defineProperty({}, QuoteClassToken.Quote, "quote")));
+var CLASS_NAMES = (_CLASS_NAMES = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Picker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, PickerClassToken.Picker, "picker"), PickerClassToken.Focused, "picker--focused"), PickerClassToken.Invalid, "picker--invalid"), PickerClassToken.Dropdown, "picker__dropdown")), ComponentToken.Input, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, InputClassToken.Input, "input"), InputClassToken.Wrapper, "input__wrapper"), InputClassToken.Focused, "input__wrapper--focused"), InputClassToken.Invalid, "input__wrapper--invalid")), ComponentToken.Select, _defineProperty({}, SelectClassToken.Select, "select")), ComponentToken.Popper, _defineProperty(_defineProperty({}, PopperClassToken.Dropdown, "dropdown"), PopperClassToken.Arrow, "arrow")), ComponentToken.Form, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FormClassToken.Item, "form__item"), FormClassToken.Field, "form__item-field"), FormClassToken.FieldSupporting, "form__item-supporting"), FormClassToken.FieldError, "form__item-field-error")), ComponentToken.Grid, _defineProperty(_defineProperty({}, GridClassToken.Row, "grid__row"), GridClassToken.Col, "grid__col")), ComponentToken.Radio, _defineProperty({}, RadioClassToken.Radio, "radio")), ComponentToken.Empty, _defineProperty(_defineProperty({}, EmptyClassToken.Empty, "empty"), EmptyClassToken.Description, "empty__description")), ComponentToken.Button, _defineProperty(_defineProperty({}, ButtonClassToken.Button, "button"), ButtonClassToken.Prefix, "button__prefix")), ComponentToken.Drawer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DrawerClassToken.Drawer, "drawer"), DrawerClassToken.Overlay, "drawer__overlay"), DrawerClassToken.Panel, "drawer__panel"), DrawerClassToken.Header, "drawer__header"), DrawerClassToken.Body, "drawer__body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Divider, _defineProperty(_defineProperty({}, DividerClassToken.Divider, "divider"), DividerClassToken.Label, "divider__label")), ComponentToken.Tag, _defineProperty({}, TagClassToken.Tag, "tag")), ComponentToken.Cascader, _defineProperty(_defineProperty({}, CascaderClassToken.Cascader, "cascader"), CascaderClassToken.Options, "cascader__options")), ComponentToken.Dialog, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DialogClassToken.Dialog, "dialog"), DialogClassToken.Overlay, "dialog__overlay"), DialogClassToken.Panel, "dialog__panel"), DialogClassToken.Header, "dialog__header"), DialogClassToken.Body, "dialog__body"), DialogClassToken.Footer, "dialog__footer")), ComponentToken.Calendar, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CalendarClassToken.Header, "calendar__header"), CalendarClassToken.Heading, "calendar__heading"), CalendarClassToken.HeadCell, "calendar__head-cell"), CalendarClassToken.DateCell, "calendar__date-cell"), CalendarClassToken.DateCellSelected, "calendar__date-cell--selected"), CalendarClassToken.DateCellInRange, "calendar__date--in-range"), CalendarClassToken.DateCellRangeFrom, "calendar__date--range-from"), CalendarClassToken.DateCellRangeTo, "calendar__date--range-to"), CalendarClassToken.Date, "calendar__date")), ComponentToken.Icon, _defineProperty({}, IconClassToken.Icon, "icon")), ComponentToken.DatePicker, _defineProperty(_defineProperty({}, DatePickerClassToken.Picker, "date-picker"), DatePickerClassToken.Input, "date-picker__input")), ComponentToken.TimePicker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TimePickerClassToken.Picker, "time-picker"), TimePickerClassToken.Input, "time-picker__input"), TimePickerClassToken.Panel, "time-picker__panel"), TimePickerClassToken.PanelFooter, "time-picker__panel-footer")), ComponentToken.DateRangePicker, _defineProperty(_defineProperty(_defineProperty({}, DateRangePickerClassToken.Picker, "date-range-picker"), DateRangePickerClassToken.Input, "date-range-picker__input"), DateRangePickerClassToken.Separator, "date-range-picker__separator")), ComponentToken.Clock, _defineProperty(_defineProperty({}, ClockClassToken.Clock, "clock"), ClockClassToken.Column, "clock__column")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Menu, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MenuClassToken.Menu, "menu"), MenuClassToken.MenuHorizontal, "menu--horizontal"), MenuClassToken.Group, "menu__group"), MenuClassToken.GroupHidden, "menu__group--hidden"), MenuClassToken.Collapser, "menu__collapser"), MenuClassToken.Item, "menu__item")), ComponentToken.Checkbox, _defineProperty({}, CheckboxClassToken.Checkbox, "checkbox")), ComponentToken.Tree, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TreeClassToken.Tree, "tree"), TreeClassToken.List, "tree__list"), TreeClassToken.ListHidden, "tree__list--hidden"), TreeClassToken.Holder, "tree__holder"), TreeClassToken.Node, "tree__node"), TreeClassToken.Title, "tree__node-title"), TreeClassToken.Expander, "tree__node-expander"), TreeClassToken.Checkbox, "tree__node-checkbox")), ComponentToken.Tabs, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TabsClassToken.Tabs, "tabs"), TabsClassToken.TabsNavigation, "tabs__navigation"), TabsClassToken.TabsNavigator, "tabs__navigator"), TabsClassToken.TabList, "tabs__tab-list"), TabsClassToken.Tab, "tabs__item"), TabsClassToken.Indicator, "tabs__indicator"), TabsClassToken.Panels, "tabs__panels"), TabsClassToken.Panel, "tabs__panel")), ComponentToken.Pagination, _defineProperty(_defineProperty({}, PaginationClassToken.Pagination, "pagination"), PaginationClassToken.SizeSelector, "pagination__size-selector")), ComponentToken.Switch, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, SwitchClassToken.Switch, "switch"), SwitchClassToken.Slider, "switch__slider"), SwitchClassToken.Supporting, "switch__supporting"), SwitchClassToken.Leading, "switch__supporting-leading"), SwitchClassToken.Trailing, "switch__supporting-trailing")), ComponentToken.Rate, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, RateClassToken.Rate, "rate"), RateClassToken.Star, "rate__star"), RateClassToken.Half, "rate__star-half"), RateClassToken.Full, "rate__star-full")), ComponentToken.Tour, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TourClassToken.Tour, "tour"), TourClassToken.Overlay, "rate__overlay"), TourClassToken.Spotlight, "rate__spotlight"), TourClassToken.Title, "rate__title"), TourClassToken.Description, "rate__description"), TourClassToken.Footer, "rate__footer")), ComponentToken.Steps, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, StepsClassToken.Steps, "steps"), StepsClassToken.Item, "steps__item"), StepsClassToken.Done, "steps__item--done"), StepsClassToken.Doing, "steps__item--doing"), StepsClassToken.Todo, "steps__item--todo"), StepsClassToken.Leading, "steps__item-leading"), StepsClassToken.Sign, "steps__item-leading-sign"), StepsClassToken.Title, "steps__item-title"), StepsClassToken.Description, "steps__item-description")), ComponentToken.Timeline, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TimelineClassToken.Timeline, "timeline"), TimelineClassToken.Item, "timeline__item"), TimelineClassToken.Leading, "timeline__item-leading"), TimelineClassToken.Sign, "timeline__item-leading-sign"), TimelineClassToken.Dot, "timeline__item-leading-dot"), TimelineClassToken.Label, "timeline__item-label"), TimelineClassToken.Description, "timeline__item-description")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Breadcrumb, _defineProperty(_defineProperty(_defineProperty({}, BreadcrumbClassToken.Breadcrumb, "breadcrumb"), BreadcrumbClassToken.Item, "breadcrumb__item"), BreadcrumbClassToken.Separator, "breadcrumb__separator")), ComponentToken.Avatar, _defineProperty(_defineProperty({}, AvatarClassToken.Avatar, "avatar"), AvatarClassToken.Group, "avatar__group")), ComponentToken.Notification, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, NotificationClassToken.Notification, "notification"), NotificationClassToken.Title, "notification__title"), NotificationClassToken.Description, "notification__description"), NotificationClassToken.Closer, "notification__closer")), ComponentToken.Progress, _defineProperty(_defineProperty({}, ProgressClassToken.Progress, "progress"), ProgressClassToken.Segment, "progress__segment")), ComponentToken.Tooltip, _defineProperty({}, TooltipClassToken.Tooltip, "tooltip")), ComponentToken.Popover, _defineProperty(_defineProperty(_defineProperty({}, PopoverClassToken.Popover, "popover"), PopoverClassToken.Title, "popover__title"), PopoverClassToken.Content, "popover__content")), ComponentToken.Loading, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, LoadingClassToken.Loading, "loading"), LoadingClassToken.Spin, "loading__spin"), LoadingClassToken.Spinning, "loading__spin-spinning"), LoadingClassToken.Content, "loading__content")), ComponentToken.Collapse, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CollapseClassToken.Collapse, "collapse"), CollapseClassToken.Item, "collapse__item"), CollapseClassToken.ItemActive, "collapse__item--active"), CollapseClassToken.Header, "collapse__item-header"), CollapseClassToken.Collapser, "collapse__header-collapser"), CollapseClassToken.Panel, "collapse__item-panel"), CollapseClassToken.PanelActive, "collapse__item-panel--active"), CollapseClassToken.Content, "collapse__item-content")), ComponentToken.Waterfall, _defineProperty(_defineProperty({}, WaterfallClassToken.Waterfall, "waterfall"), WaterfallClassToken.Sequential, "waterfall--sequential")), ComponentToken.Transfer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TransferClassToken.Transfer, "transfer"), TransferClassToken.Operation, "transfer__operation"), TransferClassToken.List, "transfer__list"), TransferClassToken.Title, "transfer__list-title"), TransferClassToken.Item, "transfer__list-item"), TransferClassToken.Header, "transfer__list-header"), TransferClassToken.Body, "transfer__list-body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Badge, _defineProperty(_defineProperty({}, BadgeClassToken.Badge, "badge"), BadgeClassToken.Tail, "badge__tail")), ComponentToken.Skeleton, _defineProperty(_defineProperty({}, SkeletonClassToken.Skeleton, "skeleton"), SkeletonClassToken.Circular, "skeleton--circular")), ComponentToken.VisuallyHidden, _defineProperty({}, VisuallyHiddenClassToken.VisuallyHidden, "visually-hidden")), ComponentToken.Popconfirm, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, PopconfirmClassToken.Popconfirm, "popconfirm"), PopconfirmClassToken.Title, "popconfirm__title"), PopconfirmClassToken.Description, "popconfirm__description"), PopconfirmClassToken.Footer, "popconfirm__footer")), ComponentToken.Highlight, _defineProperty(_defineProperty({}, HighlightClassToken.Highlight, "highlight"), HighlightClassToken.Capture, "highlight__capture")), ComponentToken.I18nButton, _defineProperty({}, I18nButtonClassToken.I18nButton, "i18n-button")), ComponentToken.Quote, _defineProperty({}, QuoteClassToken.Quote, "quote")), ComponentToken.RichTextEditor, _defineProperty(_defineProperty({}, RichTextEditorClassToken.RichTextEditor, "rich-text-editor"), RichTextEditorClassToken.Loading, "rich-text-editor--loading")));
 /**
  * @description
  * add prefix
@@ -351,4 +360,4 @@ var addPrefix = function addPrefix(classNames, prefix) {
  */
 var DEFAULT_CLASS_NAMES = addPrefix(CLASS_NAMES, Token.Prefix);
 
-export { AvatarClassToken, BadgeClassToken, BreadcrumbClassToken, ButtonClassToken, CLASS_NAMES, CalendarClassToken, CascaderClassToken, CheckboxClassToken, ClockClassToken, CollapseClassToken, DEFAULT_CLASS_NAMES, DatePickerClassToken, DateRangePickerClassToken, DialogClassToken, DividerClassToken, DrawerClassToken, EmptyClassToken, FormClassToken, GridClassToken, HighlightClassToken, IconClassToken, InputClassToken, LoadingClassToken, MenuClassToken, NotificationClassToken, PaginationClassToken, PickerClassToken, PopconfirmClassToken, PopoverClassToken, PopperClassToken, ProgressClassToken, QuoteClassToken, RadioClassToken, RateClassToken, SelectClassToken, SkeletonClassToken, StepsClassToken, SwitchClassToken, TabsClassToken, TagClassToken, TimePickerClassToken, TimelineClassToken, TooltipClassToken, TourClassToken, TransferClassToken, TreeClassToken, VisuallyHiddenClassToken, WaterfallClassToken, addPrefix, withPrefix };
+export { AvatarClassToken, BadgeClassToken, BreadcrumbClassToken, ButtonClassToken, CLASS_NAMES, CalendarClassToken, CascaderClassToken, CheckboxClassToken, ClockClassToken, CollapseClassToken, DEFAULT_CLASS_NAMES, DatePickerClassToken, DateRangePickerClassToken, DialogClassToken, DividerClassToken, DrawerClassToken, EmptyClassToken, FormClassToken, GridClassToken, HighlightClassToken, I18nButtonClassToken, IconClassToken, InputClassToken, LoadingClassToken, MenuClassToken, NotificationClassToken, PaginationClassToken, PickerClassToken, PopconfirmClassToken, PopoverClassToken, PopperClassToken, ProgressClassToken, QuoteClassToken, RadioClassToken, RateClassToken, RichTextEditorClassToken, SelectClassToken, SkeletonClassToken, StepsClassToken, SwitchClassToken, TabsClassToken, TagClassToken, TimePickerClassToken, TimelineClassToken, TooltipClassToken, TourClassToken, TransferClassToken, TreeClassToken, VisuallyHiddenClassToken, WaterfallClassToken, addPrefix, withPrefix };

package/dist/utils/colors.cjs

@@ -68,5 +68,15 @@ var toColors = function toColors(palette, mode) {
   var isLight = mode === "light";
   return _ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, exports.ColorToken.Primary, isLight ? palette.primary[40] : palette.primary[80]), exports.ColorToken.OnPrimary, isLight ? palette.primary[100] : palette.primary[20]), exports.ColorToken.PrimaryContainer, isLight ? palette.primary[90] : palette.primary[30]), exports.ColorToken.OnPrimaryContainer, isLight ? palette.primary[10] : palette.primary[90]), exports.ColorToken.PrimaryFixed, palette.primary[90]), exports.ColorToken.PrimaryFixedDim, palette.primary[80]), exports.ColorToken.OnPrimaryFixed, palette.primary[10]), exports.ColorToken.OnPrimaryFixedVariant, palette.primary[30]), exports.ColorToken.Secondary, isLight ? palette.secondary[40] : palette.secondary[80]), exports.ColorToken.OnSecondary, isLight ? palette.secondary[100] : palette.secondary[20]), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, exports.ColorToken.SecondaryContainer, isLight ? palette.secondary[90] : palette.secondary[30]), exports.ColorToken.OnSecondaryContainer, isLight ? palette.secondary[10] : palette.secondary[90]), exports.ColorToken.SecondaryFixed, palette.secondary[90]), exports.ColorToken.SecondaryFixedDim, palette.secondary[80]), exports.ColorToken.OnSecondaryFixed, palette.secondary[10]), exports.ColorToken.OnSecondaryFixedVariant, palette.secondary[30]), exports.ColorToken.Tertiary, isLight ? palette.tertiary[40] : palette.tertiary[80]), exports.ColorToken.OnTertiary, isLight ? palette.tertiary[100] : palette.tertiary[20]), exports.ColorToken.TertiaryContainer, isLight ? palette.tertiary[90] : palette.tertiary[30]), exports.ColorToken.OnTertiaryContainer, isLight ? palette.tertiary[10] : palette.tertiary[90]), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, exports.ColorToken.TertiaryFixed, palette.tertiary[90]), exports.ColorToken.TertiaryFixedDim, palette.tertiary[80]), exports.ColorToken.OnTertiaryFixed, palette.tertiary[10]), exports.ColorToken.OnTertiaryFixedVariant, palette.tertiary[30]), exports.ColorToken.Error, isLight ? palette.error[40] : palette.error[80]), exports.ColorToken.OnError, isLight ? palette.error[100] : palette.error[20]), exports.ColorToken.ErrorContainer, isLight ? palette.error[90] : palette.error[30]), exports.ColorToken.OnErrorContainer, isLight ? palette.error[10] : palette.error[90]), exports.ColorToken.Surface, isLight ? palette.neutral[99] : palette.neutral[10]), exports.ColorToken.SurfaceVariant, isLight ? palette.neutralVariant[90] : palette.neutralVariant[30]), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, exports.ColorToken.SurfaceDim, isLight ? palette.neutral[90] : palette.neutral[10]), exports.ColorToken.SurfaceContainerLowest, isLight ? palette.neutral[100] : palette.neutral[0]), exports.ColorToken.SurfaceContainerLow, isLight ? palette.neutral[95] : palette.neutral[10]), exports.ColorToken.SurfaceContainer, isLight ? palette.neutral[95] : palette.neutral[10]), exports.ColorToken.SurfaceContainerHigh, isLight ? palette.neutral[95] : palette.neutral[10]), exports.ColorToken.SurfaceContainerHighest, isLight ? palette.neutral[90] : palette.neutral[20]), exports.ColorToken.OnSurface, isLight ? palette.neutral[10] : palette.neutral[90]), exports.ColorToken.OnSurfaceVariant, isLight ? palette.neutralVariant[30] : palette.neutralVariant[80]), exports.ColorToken.InverseSurface, isLight ? palette.neutral[20] : palette.neutral[90]), exports.ColorToken.InverseOnSurface, isLight ? palette.neutral[95] : palette.neutral[20]), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, exports.ColorToken.InversePrimary, isLight ? palette.primary[80] : palette.primary[40]), exports.ColorToken.Outline, isLight ? palette.neutralVariant[50] : palette.neutralVariant[60]), exports.ColorToken.OutlineVariant, isLight ? palette.neutralVariant[80] : palette.neutralVariant[30]), exports.ColorToken.Shadow, palette.neutral[0]), exports.ColorToken.Scrim, palette.neutral[0]), exports.ColorToken.Success, isLight ? palette.success[100] : palette.success[0]), exports.ColorToken.Warning, isLight ? palette.warning[100] : palette.warning[0]);
 };
+// TODO: add to relax
+var toRgba = function toRgba(color) {
+  var alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var hex = color.slice(1);
+  var r = parseInt(hex.slice(0, 2), 16);
+  var g = parseInt(hex.slice(2, 4), 16);
+  var b = parseInt(hex.slice(4, 6), 16);
+  return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
+};
 
 exports.toColors = toColors;
+exports.toRgba = toRgba;

package/dist/utils/colors.d.ts

@@ -62,3 +62,6 @@ export declare enum ColorToken {
  * here, musae provide some easy usage
  */
 export declare const toColors: (palette: Palette, mode: ContextValue["mode"]) => Record<ColorToken, string>;
+export declare const isHexColor: (color: string) => boolean;
+export declare const toHexColor: (color: string) => string;
+export declare const toRgba: (color: string, alpha?: number) => string;

package/dist/utils/colors.mjs

@@ -68,5 +68,14 @@ var toColors = function toColors(palette, mode) {
   var isLight = mode === "light";
   return _ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, ColorToken.Primary, isLight ? palette.primary[40] : palette.primary[80]), ColorToken.OnPrimary, isLight ? palette.primary[100] : palette.primary[20]), ColorToken.PrimaryContainer, isLight ? palette.primary[90] : palette.primary[30]), ColorToken.OnPrimaryContainer, isLight ? palette.primary[10] : palette.primary[90]), ColorToken.PrimaryFixed, palette.primary[90]), ColorToken.PrimaryFixedDim, palette.primary[80]), ColorToken.OnPrimaryFixed, palette.primary[10]), ColorToken.OnPrimaryFixedVariant, palette.primary[30]), ColorToken.Secondary, isLight ? palette.secondary[40] : palette.secondary[80]), ColorToken.OnSecondary, isLight ? palette.secondary[100] : palette.secondary[20]), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, ColorToken.SecondaryContainer, isLight ? palette.secondary[90] : palette.secondary[30]), ColorToken.OnSecondaryContainer, isLight ? palette.secondary[10] : palette.secondary[90]), ColorToken.SecondaryFixed, palette.secondary[90]), ColorToken.SecondaryFixedDim, palette.secondary[80]), ColorToken.OnSecondaryFixed, palette.secondary[10]), ColorToken.OnSecondaryFixedVariant, palette.secondary[30]), ColorToken.Tertiary, isLight ? palette.tertiary[40] : palette.tertiary[80]), ColorToken.OnTertiary, isLight ? palette.tertiary[100] : palette.tertiary[20]), ColorToken.TertiaryContainer, isLight ? palette.tertiary[90] : palette.tertiary[30]), ColorToken.OnTertiaryContainer, isLight ? palette.tertiary[10] : palette.tertiary[90]), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, ColorToken.TertiaryFixed, palette.tertiary[90]), ColorToken.TertiaryFixedDim, palette.tertiary[80]), ColorToken.OnTertiaryFixed, palette.tertiary[10]), ColorToken.OnTertiaryFixedVariant, palette.tertiary[30]), ColorToken.Error, isLight ? palette.error[40] : palette.error[80]), ColorToken.OnError, isLight ? palette.error[100] : palette.error[20]), ColorToken.ErrorContainer, isLight ? palette.error[90] : palette.error[30]), ColorToken.OnErrorContainer, isLight ? palette.error[10] : palette.error[90]), ColorToken.Surface, isLight ? palette.neutral[99] : palette.neutral[10]), ColorToken.SurfaceVariant, isLight ? palette.neutralVariant[90] : palette.neutralVariant[30]), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, ColorToken.SurfaceDim, isLight ? palette.neutral[90] : palette.neutral[10]), ColorToken.SurfaceContainerLowest, isLight ? palette.neutral[100] : palette.neutral[0]), ColorToken.SurfaceContainerLow, isLight ? palette.neutral[95] : palette.neutral[10]), ColorToken.SurfaceContainer, isLight ? palette.neutral[95] : palette.neutral[10]), ColorToken.SurfaceContainerHigh, isLight ? palette.neutral[95] : palette.neutral[10]), ColorToken.SurfaceContainerHighest, isLight ? palette.neutral[90] : palette.neutral[20]), ColorToken.OnSurface, isLight ? palette.neutral[10] : palette.neutral[90]), ColorToken.OnSurfaceVariant, isLight ? palette.neutralVariant[30] : palette.neutralVariant[80]), ColorToken.InverseSurface, isLight ? palette.neutral[20] : palette.neutral[90]), ColorToken.InverseOnSurface, isLight ? palette.neutral[95] : palette.neutral[20]), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, ColorToken.InversePrimary, isLight ? palette.primary[80] : palette.primary[40]), ColorToken.Outline, isLight ? palette.neutralVariant[50] : palette.neutralVariant[60]), ColorToken.OutlineVariant, isLight ? palette.neutralVariant[80] : palette.neutralVariant[30]), ColorToken.Shadow, palette.neutral[0]), ColorToken.Scrim, palette.neutral[0]), ColorToken.Success, isLight ? palette.success[100] : palette.success[0]), ColorToken.Warning, isLight ? palette.warning[100] : palette.warning[0]);
 };
+// TODO: add to relax
+var toRgba = function toRgba(color) {
+  var alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var hex = color.slice(1);
+  var r = parseInt(hex.slice(0, 2), 16);
+  var g = parseInt(hex.slice(2, 4), 16);
+  var b = parseInt(hex.slice(4, 6), 16);
+  return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
+};
 
-export { ColorToken, toColors };
+export { ColorToken, toColors, toRgba };

package/dist/utils/component-token.cjs

@@ -51,4 +51,5 @@ exports.ComponentToken = void 0;
   ComponentToken[ComponentToken["Highlight"] = 44] = "Highlight";
   ComponentToken[ComponentToken["I18nButton"] = 45] = "I18nButton";
   ComponentToken[ComponentToken["Quote"] = 46] = "Quote";
+  ComponentToken[ComponentToken["RichTextEditor"] = 47] = "RichTextEditor";
 })(exports.ComponentToken || (exports.ComponentToken = {}));

package/dist/utils/component-token.d.ts

@@ -49,5 +49,6 @@ export declare enum ComponentToken {
     VisuallyHidden = 43,
     Highlight = 44,
     I18nButton = 45,
-    Quote = 46
+    Quote = 46,
+    RichTextEditor = 47
 }

package/dist/utils/component-token.mjs

@@ -51,6 +51,7 @@ var ComponentToken;
   ComponentToken[ComponentToken["Highlight"] = 44] = "Highlight";
   ComponentToken[ComponentToken["I18nButton"] = 45] = "I18nButton";
   ComponentToken[ComponentToken["Quote"] = 46] = "Quote";
+  ComponentToken[ComponentToken["RichTextEditor"] = 47] = "RichTextEditor";
 })(ComponentToken || (ComponentToken = {}));
 
 export { ComponentToken };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",
@@ -24,7 +24,7 @@
       "import": "./dist/index.mjs",
       "default": "./dist/index.mjs"
     },
-    "./styles.css": "./dist/styles.css",
+    "./styles": "./dist/styles.css",
     "./locales": {
       "types": "./dist/locale/locales/index.d.ts",
       "require": "./dist/locale/locales/index.cjs",

package/dist/components/clock/hooks.cjs

@@ -1,12 +0,0 @@
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var types = require('./types.cjs');
-
-var useTimeUnit = function useTimeUnit(unit) {
-  var units = React.useMemo(function () {
-    return _defineProperty(_defineProperty(_defineProperty({}, types.TimeUnit.Hour, 24), types.TimeUnit.Minute, 60), types.TimeUnit.Second, 60);
-  }, []);
-  return units[unit];
-};
-
-exports.useTimeUnit = useTimeUnit;

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

@@ -1,2 +0,0 @@
-import { TimeUnit } from "./types";
-export declare const useTimeUnit: (unit: TimeUnit) => number;

package/dist/components/clock/hooks.mjs

@@ -1,12 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useMemo } from 'react';
-import { TimeUnit } from './types.mjs';
-
-var useTimeUnit = function useTimeUnit(unit) {
-  var units = useMemo(function () {
-    return _defineProperty(_defineProperty(_defineProperty({}, TimeUnit.Hour, 24), TimeUnit.Minute, 60), TimeUnit.Second, 60);
-  }, []);
-  return units[unit];
-};
-
-export { useTimeUnit };

package/dist/components/clock/types.cjs

@@ -1,6 +0,0 @@
-exports.TimeUnit = void 0;
-(function (TimeUnit) {
-  TimeUnit["Hour"] = "hour";
-  TimeUnit["Minute"] = "minute";
-  TimeUnit["Second"] = "second";
-})(exports.TimeUnit || (exports.TimeUnit = {}));

package/dist/components/clock/types.mjs

@@ -1,8 +0,0 @@
-var TimeUnit;
-(function (TimeUnit) {
-  TimeUnit["Hour"] = "hour";
-  TimeUnit["Minute"] = "minute";
-  TimeUnit["Second"] = "second";
-})(TimeUnit || (TimeUnit = {}));
-
-export { TimeUnit };

package/dist/components/floating-action-button/floating-action-button.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type { FloatingActionButtonProps } from "./types";
-declare const FloatingActionButton: ({ container, children }: FloatingActionButtonProps) => React.JSX.Element;
-export default FloatingActionButton;

package/dist/components/floating-action-button/index.d.ts

@@ -1,2 +0,0 @@
-import FloatingActionButton from "./floating-action-button";
-export { FloatingActionButton };