musae 0.3.3 → 0.3.6

package/dist/styles.css

@@ -4,6 +4,8 @@
 :root{--musaex-1odcd6w:0px;--musaex-bbiwro:0.1px;--musaex-1x9q6du:0.15px;--musaex-1fsxyg9:0.25px;--musaex-2s74kj:0.4px;--musaex-1ry795:0.5px;}
 :root{--musaex-1wblvyz:0px;--musaex-dojqt2:1px;--musaex-1h5s2h0:2px;--musaex-qk2ac7:4px;--musaex-h30iw9:6px;--musaex-vk5id6:8px;--musaex-1ncxh3n:12px;--musaex-oohzsl:16px;--musaex-1tzp6vk:24px;--musaex-15cw4i4:32px;--musaex-1n7xs5j:48px;--musaex-68a8pz:auto;}
 :root{--musaex-gmufu8:none;--musaex-15zostt:rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;--musaex-1trg6py:rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;--musaex-4poz8g:rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;--musaex-1vq77kn:rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;--musaex-1yt3x0a:rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px;}
+.musaex-1utc1yc{--cell-color:var(----cell-color,revert)}
+.musaex-1erll0c{--cell-size:calc(var(--musaex-cx2xv5) / 2)}
 .musaex-1gm2eyx{--code-background-color:var(----code-background-color,revert)}
 .musaex-p8ugqh{--lighter-shadow:var(----lighter-shadow,revert)}
 .musaex-1i66ttz{--on-primary-color:var(----on-primary-color,revert)}
@@ -37,6 +39,7 @@
 .musaex-p8vts:not(#\#){margin:var(--musaex-1wblvyz)}
 .musaex-gnae0u:not(#\#){margin:var(--musaex-68a8pz)}
 .musaex-9qdtsz:not(#\#){margin:var(--musaex-dojqt2)}
+.musaex-1717udv:not(#\#){padding:0}
 .musaex-2wmp0v:not(#\#){padding:var(--musaex-1ncxh3n)}
 .musaex-ox8tdy:not(#\#){padding:var(--musaex-1tzp6vk)}
 .musaex-j8pfrn:not(#\#){padding:var(--musaex-1wblvyz)}
@@ -54,6 +57,7 @@
 .musaex-z7qqyb:not(#\#):not(#\#){border-radius:var(--musaex-1rrllem)}
 .musaex-qwu505:not(#\#):not(#\#){border-radius:var(--musaex-fwu7zn)}
 .musaex-18pg0zq:not(#\#):not(#\#){border-radius:var(--musaex-h30iw9)}
+.musaex-llun4g:not(#\#):not(#\#){border-radius:var(--musaex-jdzqnm)}
 .musaex-1fioaya:not(#\#):not(#\#){border-radius:var(--musaex-qk2ac7)}
 .musaex-1u07kge:not(#\#):not(#\#){border-radius:var(--musaex-vk5id6)}
 .musaex-1y0btm7:not(#\#):not(#\#){border-style:solid}
@@ -82,8 +86,8 @@
 .musaex-3hncxx:not(#\#):not(#\#){outline:var(--musaex-1aj7t22)}
 .musaex-ysyzu8:not(#\#):not(#\#){overflow:auto}
 .musaex-b3r6kr:not(#\#):not(#\#){overflow:hidden}
+.musaex-1rea2x4:not(#\#):not(#\#){overflow:visible}
 .musaex-qhkzqn:not(#\#):not(#\#){padding-block:var(--musaex-1ncxh3n)}
-.musaex-1daajqp:not(#\#):not(#\#){padding-block:var(--musaex-1tzp6vk)}
 .musaex-133qg4p:not(#\#):not(#\#){padding-block:var(--musaex-1wblvyz)}
 .musaex-4bkepr:not(#\#):not(#\#){padding-block:var(--musaex-h30iw9)}
 .musaex-4g05pm:not(#\#):not(#\#){padding-block:var(--musaex-oohzsl)}
@@ -125,8 +129,11 @@
 .musaex-jbqb8w:not(#\#):not(#\#):not(#\#){background-color:transparent}
 .musaex-q1mx2j:not(#\#):not(#\#):not(#\#){background-color:var(--backgroundColor,revert)}
 .musaex-8hsaj5:not(#\#):not(#\#):not(#\#){background-color:var(--bcbnzo,revert)}
+.musaex-1204rnj:not(#\#):not(#\#):not(#\#){background-color:var(--cell-color)}
 .musaex-1x8l0va:not(#\#):not(#\#):not(#\#){background-color:var(--code-background-color)}
 .musaex-1db4oza:not(#\#):not(#\#):not(#\#){background-size:400% 100%}
+.musaex-1vathgz:not(#\#):not(#\#):not(#\#){border-collapse:separate}
+.musaex-g5hwcv:not(#\#):not(#\#):not(#\#){border-spacing:var(--musaex-qk2ac7)}
 .musaex-igitpm:not(#\#):not(#\#):not(#\#){box-shadow:var(--boxShadow,revert)}
 .musaex-sgc7hx:not(#\#):not(#\#):not(#\#){box-shadow:var(--musaex-15zostt)}
 .musaex-1bhjvst:not(#\#):not(#\#):not(#\#){box-shadow:var(--musaex-1trg6py)}
@@ -216,6 +223,7 @@
 .musaex-1kwx3ox:not(#\#):not(#\#):not(#\#){margin-inline-end:calc(100% + var(--musaex-rlgvtq) + var(--musaex-jdzqnm) * 4 + var(--musaex-jdzqnm))}
 .musaex-1uoloo9:not(#\#):not(#\#):not(#\#){margin-inline-end:var(--marginInlineEnd,revert)}
 .musaex-1lziwak:not(#\#):not(#\#):not(#\#){margin-inline-start:0}
+.musaex-vc5jky:not(#\#):not(#\#):not(#\#){margin-inline-start:auto}
 .musaex-xsxsn7:not(#\#):not(#\#):not(#\#){margin-inline-start:calc(-100% - var(--musaex-rlgvtq) - var(--musaex-jdzqnm) * 4 - var(--musaex-jdzqnm))}
 .musaex-1bec1b4:not(#\#):not(#\#):not(#\#){margin-inline-start:calc(100% + var(--musaex-rlgvtq) + var(--musaex-jdzqnm) * 4 + var(--musaex-jdzqnm))}
 .musaex-1f2nheo:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--marginInlineStart,revert)}
@@ -266,6 +274,7 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-rycbv3:not(#\#):not(#\#):not(#\#){transform:translateX(50%) translateY(-50%)}
 .musaex-1vfo23u:not(#\#):not(#\#):not(#\#){transform:translateX(50%) translateY(50%)}
 .musaex-1v0jg1i:not(#\#):not(#\#):not(#\#){transform:var(--transform,revert)}
+.musaex-1g2r6go:not(#\#):not(#\#):not(#\#){transition-duration:.1s}
 .musaex-13dflua:not(#\#):not(#\#):not(#\#){transition-duration:.2s}
 .musaex-1d8287x:not(#\#):not(#\#):not(#\#){transition-duration:.3s}
 .musaex-fagghw:not(#\#):not(#\#):not(#\#){transition-property:all}
@@ -276,6 +285,7 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-19991ni:not(#\#):not(#\#):not(#\#){transition-property:opacity}
 .musaex-bjh9w0:not(#\#):not(#\#):not(#\#){transition-property:padding-inline-start,padding-inline-end}
 .musaex-11xpdln:not(#\#):not(#\#):not(#\#){transition-property:transform}
+.musaex-qzan4j:not(#\#):not(#\#):not(#\#){transition-property:translate,opacity}
 .musaex-87ps6o:not(#\#):not(#\#):not(#\#){user-select:none}
 .musaex-3ajldb:not(#\#):not(#\#):not(#\#){vertical-align:bottom}
 .musaex-xymvpz:not(#\#):not(#\#):not(#\#){vertical-align:middle}
@@ -285,7 +295,7 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-19v51jg:not(#\#):not(#\#):not(#\#){will-change:background-color,color,box-shadow}
 .musaex-1o9dqaq:not(#\#):not(#\#):not(#\#){will-change:box-shadow,transform}
 .musaex-1so62im:not(#\#):not(#\#):not(#\#){will-change:transform}
-.musaex-19wnzia:not(#\#):not(#\#):not(#\#){will-change:translate}
+.musaex-1enemt:not(#\#):not(#\#):not(#\#){will-change:translate,opacity}
 .musaex-13faqbe:not(#\#):not(#\#):not(#\#){word-break:break-word}
 .musaex-cjiq3g:not(#\#):not(#\#):not(#\#){z-index:var(--musaex-11upij1)}
 .musaex-18enb72:not(#\#):not(#\#):not(#\#){z-index:var(--musaex-127010g)}
@@ -332,6 +342,7 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-t7dq6l:not(#\#):not(#\#):not(#\#):not(#\#){height:auto}
 .musaex-bmf846:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(100vh - var(--musaex-xrqq76) - var(--musaex-15cw4i4))}
 .musaex-g7h5cd:not(#\#):not(#\#):not(#\#):not(#\#){height:fit-content}
+.musaex-sahybl:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--cell-size)}
 .musaex-1jwls1v:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--height,revert)}
 .musaex-1dql3xx:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-16n5srz)}
 .musaex-18eqiv3:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-1ax7z96)}
@@ -342,7 +353,6 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-h22aca:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-2h23ia)}
 .musaex-r8va6l:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-70uu0v)}
 .musaex-19ak84k:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-cftog7)}
-.musaex-1bti5vo:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-cx2xv5)}
 .musaex-drj9st:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-fwu7zn)}
 .musaex-26n3vf:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-jdzqnm)}
 .musaex-1q1utna:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musaex-laggmb)}
@@ -364,8 +374,10 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-19h4m1:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--musaex-qk2ac7)}
 .musaex-11m1c1s:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--musaex-vk5id6)}
 .musaex-fi9ciw:not(#\#):not(#\#):not(#\#):not(#\#){max-height:calc(100% - var(--musaex-15cw4i4) * 2)}
+.musaex-193iq5w:not(#\#):not(#\#):not(#\#):not(#\#){max-width:100%}
 .musaex-16xn7b0:not(#\#):not(#\#):not(#\#):not(#\#){max-width:100vw}
 .musaex-77asx0:not(#\#):not(#\#):not(#\#):not(#\#){max-width:var(--musaex-1qj6wod)}
+.musaex-189dakb:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--cell-size)}
 .musaex-tynr54:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musaex-16n5srz)}
 .musaex-1mjul0d:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musaex-1spnrok)}
 .musaex-ktxt4i:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musaex-2h23ia)}
@@ -374,6 +386,7 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-1ite1z3:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musaex-rlgvtq)}
 .musaex-1jzhcrs:not(#\#):not(#\#):not(#\#):not(#\#){min-width:200px}
 .musaex-15cq3s0:not(#\#):not(#\#):not(#\#):not(#\#){min-width:480px}
+.musaex-1q6qbx2:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--cell-size)}
 .musaex-13to73x:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--minWidth,revert)}
 .musaex-1kc4xvm:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--musaex-16n5srz)}
 .musaex-1n0e6fi:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--musaex-1aj7t22)}
@@ -397,12 +410,10 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-3m8u43:not(#\#):not(#\#):not(#\#):not(#\#){right:0}
 .musaex-k6ci0l:not(#\#):not(#\#):not(#\#):not(#\#){right:20px}
 .musaex-l9l3z8:not(#\#):not(#\#):not(#\#):not(#\#){right:var(--musaex-15cw4i4)}
-.musaex-134unf5:not(#\#):not(#\#):not(#\#):not(#\#){right:var(--musaex-oohzsl)}
 .musaex-13vifvy:not(#\#):not(#\#):not(#\#):not(#\#){top:0}
 .musaex-wa60dl:not(#\#):not(#\#):not(#\#):not(#\#){top:50%}
 .musaex-98oeat:not(#\#):not(#\#):not(#\#):not(#\#){top:calc(var(--musaex-xrqq76) + var(--musaex-15cw4i4))}
 .musaex-1mjgxse:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--musaex-15cw4i4)}
-.musaex-167ikqz:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--musaex-oohzsl)}
 .musaex-13op6mf:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--musaex-qk2ac7)}
 .musaex-rzbxsz:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--top,revert)}
 .musaex-h8yej3:not(#\#):not(#\#):not(#\#):not(#\#){width:100%}
@@ -410,7 +421,6 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-vy4d1p:not(#\#):not(#\#):not(#\#):not(#\#){width:24px}
 .musaex-16b21pk:not(#\#):not(#\#):not(#\#):not(#\#){width:calc(1ch + var(--musaex-1ncxh3n) * 2)}
 .musaex-eq5yr9:not(#\#):not(#\#):not(#\#):not(#\#){width:fit-content}
-.musaex-1fvqbsf:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-11uhodo)}
 .musaex-zx3e9c:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-16n5srz)}
 .musaex-1k7lhcj:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-1ax7z96)}
 .musaex-ohro5l:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-1hydgie)}
@@ -419,7 +429,6 @@ html[dir='rtl'] .musaex-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musaex-1doc0eo:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-2h23ia)}
 .musaex-1um6o8b:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-70uu0v)}
 .musaex-1opwmbq:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-cftog7)}
-.musaex-rdd3y:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-cx2xv5)}
 .musaex-1ankuk0:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-fwu7zn)}
 .musaex-yueg9c:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-laggmb)}
 .musaex-v4a0uj:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musaex-oohzsl)}

package/dist/types/drawer.d.ts

@@ -52,6 +52,11 @@ export type DrawerProps = Pick<ComponentProps, "className"> & {
      * @default void 0
      */
     onClose?: VoidFunction;
+    /**
+     * @description
+     * on confirm handler
+     */
+    onConfirm?: VoidFunction;
 };
 /**
  * @description

package/dist/types/element.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, RefCallback } from "react";
+import type { CSSProperties } from "react";
 /**
  * @author
  * @description
@@ -17,58 +17,3 @@ export interface ComponentProps {
      */
     style?: CSSProperties;
 }
-/**
- * @author murukal
- * @description
- * field need pass some props
- * use this props as common
- */
-export interface FieldRenderProps<T = unknown> {
-    /**
-     * @description
-     * name
-     */
-    name: string;
-    /**
-     * @description
-     * value
-     */
-    value: unknown;
-    /**
-     * @description
-     * invalid
-     */
-    invalid?: boolean;
-    /**
-     * @description
-     * ref
-     */
-    ref?: RefCallback<T>;
-    /**
-     * @description
-     * change handler
-     */
-    onChange: (...args: unknown[]) => void;
-    /**
-     * @description
-     * blur handler
-     */
-    onBlur: (...args: unknown[]) => void;
-}
-/**
- * @description
- * with level
- */
-export type WithLevel<T extends Object> = T & {
-    /**
-     * @description
-     * level
-     */
-    level: number;
-};
-/**
- * @description
- * size
- * in musae, we always use three size
- */
-export type Size = "small" | "medium" | "large";

package/dist/types/form.d.ts

@@ -1,6 +1,44 @@
-import type { PropsWithoutRef, ReactNode, RefAttributes } from "react";
+import type { PropsWithoutRef, ReactNode, RefAttributes, RefCallback } from "react";
 import type { DeepPartial, FieldValues, UseFormReturn } from "react-hook-form";
 import type { ComponentProps } from "./element";
+/**
+ * @author murukal
+ * @description
+ * field need pass some props
+ * use this props as common
+ */
+export interface FieldRenderProps<T = unknown> {
+    /**
+     * @description
+     * name
+     */
+    name: string;
+    /**
+     * @description
+     * value
+     */
+    value: unknown;
+    /**
+     * @description
+     * invalid
+     */
+    invalid?: boolean;
+    /**
+     * @description
+     * ref
+     */
+    ref?: RefCallback<T>;
+    /**
+     * @description
+     * change handler
+     */
+    onChange: (...args: unknown[]) => void;
+    /**
+     * @description
+     * blur handler
+     */
+    onBlur: (...args: unknown[]) => void;
+}
 /**
  * @author murukal
  * @description

package/dist/types/image.d.ts

@@ -12,6 +12,7 @@ export type ImageProps = ComponentProps & Pick<ImgHTMLAttributes<HTMLImageElemen
      * @requires
      */
     src: string;
+    previewable?: boolean;
 };
 /**
  * @description

package/dist/types/locale.d.ts

@@ -29,4 +29,10 @@ export interface Locale {
         unit: string;
     };
     [ComponentToken.I18nButton]: Record<LocaleCode, string>;
+    [ComponentToken.Drawer]: {
+        confirm: string;
+    };
+    [ComponentToken.Upload]: {
+        upload: string;
+    };
 }

package/dist/types/menu.d.ts

@@ -1,6 +1,6 @@
 import type { Key, ReactNode } from "react";
-import type { ComponentProps, Size } from "./element";
-import type { WithLevel } from "./element";
+import type { ComponentProps } from "./element";
+export type Size = "small" | "medium" | "large";
 export type Mode = "vertical" | "horizontal" | "inline";
 /**
  * @author murukal
@@ -129,7 +129,7 @@ export type MenuItem = ComponentProps & {
  * @description
  * menu item render props
  */
-export type MenuItemProps = WithLevel<Omit<MenuItem, "key" | "children">> & ComponentProps & {
+export type MenuItemProps = Omit<MenuItem, "key" | "children"> & ComponentProps & {
     /**
      * @description
      * value
@@ -156,6 +156,11 @@ export type MenuItemProps = WithLevel<Omit<MenuItem, "key" | "children">> & Comp
      * mode
      */
     mode: Mode;
+    /**
+     * @description
+     * level
+     */
+    level: number;
 };
 /**
  * @author murukal

package/dist/types/popper.d.ts

@@ -66,7 +66,7 @@ export interface PopperProps extends Pick<DOMAttributes<HTMLDivElement>, "onMous
      *
      * @default true
      *
-     * default case, popper will auto disappear after open change
+     * default case, popper will auto disappear after private `open` state change to `false`
      * but sometimes, you want to control popper disappear animation
      * set `disappearable` to false, and use popper.ref to disappear
      */

package/dist/types/skeleton.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentProps } from "musae/types/element";
-type Variant = "button" | "avatar" | "title";
 /**
  * @description
  * skeleton props
@@ -10,10 +9,4 @@ export type SkeletonProps = ComponentProps & {
      * animation
      */
     animation?: boolean;
-    /**
-     * @description
-     * variant
-     */
-    variant?: Variant;
 };
-export {};

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

@@ -1,5 +1,5 @@
 import type { MouseEvent, ReactNode } from "react";
-import type { toColors } from "../../utils/colors";
+import type { toColors } from "../utils/colors";
 export type Theme = {
     palette: Palette;
 };

package/dist/types/tree.d.ts

@@ -1,5 +1,5 @@
 import type { Key, ReactNode } from "react";
-import type { ComponentProps, WithLevel } from "./element";
+import type { ComponentProps } from "./element";
 /**
  * @description
  * tree node
@@ -97,7 +97,7 @@ export type TreeProps = ComponentProps & {
  * @description
  * tree node props
  */
-export type TreeNodeProps = WithLevel<Omit<TreeNode, "children" | "key">> & {
+export type TreeNodeProps = Omit<TreeNode, "children" | "key"> & {
     /**
      * @description
      * value
@@ -113,6 +113,11 @@ export type TreeNodeProps = WithLevel<Omit<TreeNode, "children" | "key">> & {
      * expand handler
      */
     onExpand?: (key: Key) => void;
+    /**
+     * @description
+     * level
+     */
+    level: number;
 };
 /**
  * @description

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

@@ -1,4 +1,44 @@
-import type { ReactNode } from "react";
+import type { Key, ReactNode } from "react";
+/**
+ * @description
+ * status
+ */
+export type UploadStatus = "success" | "error" | "loading";
+export type ControlledValue = {
+    url: string;
+    key?: Key;
+};
+/**
+ * @description
+ * uploaded item
+ */
+export type UploadedItem = {
+    /**
+     * @description
+     * unique key
+     */
+    key: Key;
+    /**
+     * @description
+     * file
+     */
+    file?: File;
+    /**
+     * {@link UploadStatus}
+     */
+    status: UploadStatus;
+    /**
+     * @description
+     * url
+     */
+    url?: string;
+    /**
+     * @description
+     * error
+     */
+    error?: Error;
+};
+export type Value = UploadedItem | ControlledValue;
 /**
  * @description
  * `Upload` props
@@ -40,6 +80,23 @@ export type UploadProps = {
      * @default void 0
      */
     onError?: (error: unknown) => void;
+    /**
+     * @description
+     * value
+     */
+    value?: Value[];
+    /**
+     * @description
+     * value change handler
+     */
+    onChange?: (value: Value[]) => void;
+    /**
+     * @description
+     * limit
+     * @default
+     * Infinity
+     */
+    limit?: number;
 };
 /**
  * @description
@@ -56,24 +113,4 @@ export type UploadedsRef = {
  * @description
  * uploaded list props
  */
-export type UploadedsProps = Pick<UploadProps, "uploader" | "onError">;
-/**
- * @description
- * status
- */
-export type UploadStatus = "success" | "error" | "loading";
-/**
- * @description
- * uploaded item
- */
-export type UploadedItem = {
-    /**
-     * @description
-     * file
-     */
-    file: File;
-    /**
-     * {@link UploadStatus}
-     */
-    status: UploadStatus;
-};
+export type UploadedsProps = Pick<UploadProps, "uploader" | "onError" | "value" | "onChange" | "limit">;

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

@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
-import { ComponentProps } from "musae/types/element";
-import { type Gutter } from "../../hooks/use-gutters";
+import type { ReactNode } from "react";
+import type { ComponentProps } from "musae/types/element";
+import type { Gutter } from "../hooks/use-gutters";
 /**
  * @description
  * waterfall props

package/dist/utils/class-name.cjs

@@ -335,6 +335,10 @@ exports.I18nButtonClassToken = void 0;
 (function (I18nButtonClassToken) {
   I18nButtonClassToken[I18nButtonClassToken["I18nButton"] = 0] = "I18nButton";
 })(exports.I18nButtonClassToken || (exports.I18nButtonClassToken = {}));
+exports.ImageClassToken = void 0;
+(function (ImageClassToken) {
+  ImageClassToken[ImageClassToken["Image"] = 0] = "Image";
+})(exports.ImageClassToken || (exports.ImageClassToken = {}));
 /**
  * @description
  * class name collection
@@ -342,7 +346,7 @@ exports.I18nButtonClassToken = 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(_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")));
+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(_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")), componentToken.ComponentToken.Upload, {}), componentToken.ComponentToken.Image, _defineProperty({}, exports.ImageClassToken.Image, "image")));
 /**
  * @description
  * add prefix

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

@@ -1,4 +1,4 @@
-import { ClassNames } from "../types/config";
+import type { ClassNames } from "musae/types/config";
 /**
  * @description
  * add prefix
@@ -272,6 +272,9 @@ export declare enum RichTextEditorClassToken {
 export declare enum I18nButtonClassToken {
     I18nButton = 0
 }
+export declare enum ImageClassToken {
+    Image = 0
+}
 /**
  * @description
  * class name collection
@@ -542,6 +545,10 @@ export declare const CLASS_NAMES: {
         0: string;
         1: string;
     };
+    48: {};
+    49: {
+        0: string;
+    };
 };
 /**
  * @description
@@ -815,4 +822,8 @@ export declare const DEFAULT_CLASS_NAMES: {
         0: string;
         1: string;
     };
+    48: {};
+    49: {
+        0: string;
+    };
 };