musae 0.2.6 → 0.2.7

package/dist/stylex.css

@@ -1,7 +1,7 @@
 :root{--musae-1aj7t22:0px;--musae-1ax7z96:1px;--musae-jdzqnm:2px;--musae-1hydgie:4px;--musae-fwu7zn:8px;--musae-1l9c3uf:16px;--musae-cx2xv5:20px;--musae-rlgvtq:24px;--musae-1qsoxbc:28px;--musae-16n5srz:32px;--musae-wll1cf:36px;--musae-cftog7:40px;--musae-laggmb:48px;--musae-xrqq76:64px;--musae-1spnrok:96px;--musae-11uhodo:120px;--musae-2h23ia:190px;--musae-1rrllem:calc(Infinity * 1px);--musae-1qj6wod:100%;--musae-70uu0v:50%;--musae-1yg5bqe:auto;}
 :root{--musae-1hpqja9:0.08;--musae-1my6c2f:0.12;--musae-a796q7:0.16;--musae-abm5yj:0.38;}
 :root{--musae-1odcd6w:0px;--musae-bbiwro:0.1px;--musae-1x9q6du:0.15px;--musae-1fsxyg9:0.25px;--musae-2s74kj:0.4px;--musae-1ry795:0.5px;}
-:root{--musae-1vh8wei:1;--musae-11upij1:50;--musae-oqacdq:60;--musae-9gpkaf:1080;--musae-80rspi:1080;--musae-ah5ngi:1080;--musae-ymrixl:1080;--musae-1tyqau6:1090;--musae-7fr0d6:1200;--musae-dlxqgz:9999;}
+:root{--musae-1vh8wei:1;--musae-11upij1:50;--musae-oqacdq:60;--musae-if0yew:990;--musae-9gpkaf:1080;--musae-80rspi:1080;--musae-ah5ngi:1080;--musae-ymrixl:1080;--musae-1tyqau6:1090;--musae-7fr0d6:1200;--musae-dlxqgz:9999;}
 :root{--musae-1wblvyz:0px;--musae-dojqt2:1px;--musae-1h5s2h0:2px;--musae-qk2ac7:4px;--musae-h30iw9:6px;--musae-vk5id6:8px;--musae-1ncxh3n:12px;--musae-oohzsl:16px;--musae-1tzp6vk:24px;--musae-15cw4i4:32px;--musae-1n7xs5j:48px;--musae-68a8pz:auto;}
 :root{--musae-gmufu8:none;--musae-15zostt:0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);--musae-1trg6py:0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);--musae-4poz8g:0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);--musae-1vq77kn:0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15);--musae-1yt3x0a:0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15);}
 @keyframes musae-r5zuwi-B{from{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-110;}12%{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-110;}20%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-115;}40%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-195;}48%{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-220;}62%{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-220;}70%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-225;}90%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-305;}98%{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-330;}to{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-330;}}
@@ -20,19 +20,15 @@
 .musae-nyuz70:not(#\#){grid-area:title}
 .musae-1t1eshv:not(#\#){grid:'leading description closer'}
 .musae-1js343y:not(#\#){grid:'leading title closer' 'leading description description'}
-.musae-1l2suiq:not(#\#){grid:'leading title' '. description'}
 .musae-10a8y8t:not(#\#){inset:0}
 .musae-1ug7cio:not(#\#){margin:var(--musae-15cw4i4)}
 .musae-ieb5ut:not(#\#){margin:var(--musae-1wblvyz)}
 .musae-1eddoca:not(#\#){margin:var(--musae-68a8pz)}
-.musae-1f5cgw:not(#\#){padding:var(--musae-1ncxh3n) var(--musae-15cw4i4)}
 .musae-4cezjj:not(#\#){padding:var(--musae-1ncxh3n)}
 .musae-vtf0vn:not(#\#){padding:var(--musae-1tzp6vk)}
-.musae-aubp7:not(#\#){padding:var(--musae-1wblvyz) var(--musae-h30iw9)}
 .musae-1jb30j6:not(#\#){padding:var(--musae-1wblvyz)}
 .musae-12ldsqu:not(#\#){padding:var(--musae-oohzsl)}
 .musae-8kignx:not(#\#){padding:var(--musae-qk2ac7)}
-.musae-wygk8u:not(#\#){padding:var(--musae-vk5id6) var(--musae-1tzp6vk)}
 .musae-1eubc7e:hover:not(#\#){border:var(--1n3s2ii,revert)}
 .musae-9r1u3d:not(#\#):not(#\#){border-color:transparent}
 .musae-eqt46j:not(#\#):not(#\#){border-color:var(--borderColor,revert)}
@@ -50,6 +46,7 @@
 .musae-1i8jmgv:not(#\#):not(#\#){border-width:var(--musae-1ax7z96)}
 .musae-zkb1zs:not(#\#):not(#\#){border-width:var(--musae-jdzqnm)}
 .musae-98rzlu:not(#\#):not(#\#){flex:1}
+.musae-1isitws:not(#\#):not(#\#){flex:auto}
 .musae-ik99ff:not(#\#):not(#\#){gap:var(--musae-1ncxh3n)}
 .musae-oprw5n:not(#\#):not(#\#){gap:var(--musae-h30iw9)}
 .musae-1vkuzbb:not(#\#):not(#\#){gap:var(--musae-oohzsl)}
@@ -59,6 +56,7 @@
 .musae-196jfb2:not(#\#):not(#\#){grid-template-areas:'description leading'}
 .musae-1y7mvjm:not(#\#):not(#\#){grid-template-areas:'label leading description'}
 .musae-znaemz:not(#\#):not(#\#){grid-template-areas:'leading description'}
+.musae-1tdxyq7:not(#\#):not(#\#){grid-template-areas:'leading title' '. description'}
 .musae-17y0mx6:not(#\#):not(#\#){inset-inline:0}
 .musae-e8uvvx:not(#\#):not(#\#){list-style:none}
 .musae-nweklb:not(#\#):not(#\#){margin-block:var(--musae-15cw4i4)}
@@ -71,6 +69,7 @@
 .musae-b3r6kr:not(#\#):not(#\#){overflow:hidden}
 .musae-avjae4:not(#\#):not(#\#){padding-block:var(--musae-1ncxh3n)}
 .musae-1c9czsq:not(#\#):not(#\#){padding-block:var(--musae-1tzp6vk)}
+.musae-hwhe2e:not(#\#):not(#\#){padding-block:var(--musae-1wblvyz)}
 .musae-lfpk0v:not(#\#):not(#\#){padding-block:var(--musae-h30iw9)}
 .musae-mpfj0d:not(#\#):not(#\#){padding-block:var(--musae-oohzsl)}
 .musae-ovjknk:not(#\#):not(#\#){padding-block:var(--musae-qk2ac7)}
@@ -83,7 +82,6 @@
 .musae-381k9q:not(#\#):not(#\#){padding-inline:var(--musae-qk2ac7)}
 .musae-iujutg:not(#\#):not(#\#){padding-inline:var(--musae-vk5id6)}
 .musae-1ng1d19:not(#\#):not(#\#){transition:all .2s}
-.musae-nz68lp:not(#\#):not(#\#){transition:box-shadow .2s}
 .musae-1trvaba:not(#\#):not(#\#){transition:transform .2s}
 .musae-1yssd5k:not(#\#):not(#\#){transition:transform .3s}
 .musae-8gbvx8:not(#\#):not(#\#):not(#\#){align-content:flex-start}
@@ -106,9 +104,6 @@
 .musae-jbqb8w:not(#\#):not(#\#):not(#\#){background-color:transparent}
 .musae-q1mx2j:not(#\#):not(#\#):not(#\#){background-color:var(--backgroundColor,revert)}
 .musae-8hsaj5:not(#\#):not(#\#):not(#\#){background-color:var(--bcbnzo,revert)}
-.musae-is9nib:not(#\#):not(#\#):not(#\#){border-top-color:var(--borderTopColor,revert)}
-.musae-13fuv20:not(#\#):not(#\#):not(#\#){border-top-style:solid}
-.musae-1yeim8r:not(#\#):not(#\#):not(#\#){border-top-width:var(--musae-1ax7z96)}
 .musae-igitpm:not(#\#):not(#\#):not(#\#){box-shadow:var(--boxShadow,revert)}
 .musae-jdr3co:not(#\#):not(#\#):not(#\#){box-shadow:var(--musae-15zostt)}
 .musae-ezd0au:not(#\#):not(#\#):not(#\#){box-shadow:var(--musae-1trg6py)}
@@ -224,6 +219,8 @@
 .musae-2b8uid:not(#\#):not(#\#):not(#\#){text-align:center}
 html:not([dir='rtl']) .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:left}
 html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
+html:not([dir='rtl']) .musae-p4054r:not(#\#):not(#\#):not(#\#){text-align:right}
+html[dir='rtl'] .musae-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .musae-1bndym7:not(#\#):not(#\#):not(#\#){transform-origin:50% 50%}
 .musae-1g0ag68:not(#\#):not(#\#):not(#\#){transform-origin:center}
 .musae-9tu13d:not(#\#):not(#\#):not(#\#){transform:rotate(-90deg)}
@@ -236,12 +233,14 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .musae-1d8287x:not(#\#):not(#\#):not(#\#){transition-duration:.3s}
 .musae-fagghw:not(#\#):not(#\#):not(#\#){transition-property:all}
 .musae-xy01e9:not(#\#):not(#\#):not(#\#){transition-property:background-color,border,color}
+.musae-kdsq27:not(#\#):not(#\#):not(#\#){transition-property:box-shadow}
 .musae-1ve1rmq:not(#\#):not(#\#):not(#\#){transition-property:margin-inline-start,margin-inline-end}
 .musae-1c9o64o:not(#\#):not(#\#):not(#\#){transition-property:margin-top,transform}
 .musae-19991ni:not(#\#):not(#\#):not(#\#){transition-property:opacity}
 .musae-bjh9w0:not(#\#):not(#\#):not(#\#){transition-property:padding-inline-start,padding-inline-end}
 .musae-11xpdln:not(#\#):not(#\#):not(#\#){transition-property:transform}
 .musae-87ps6o:not(#\#):not(#\#):not(#\#){user-select:none}
+.musae-3ajldb:not(#\#):not(#\#):not(#\#){vertical-align:bottom}
 .musae-xymvpz:not(#\#):not(#\#):not(#\#){vertical-align:middle}
 .musae-lshs6z:not(#\#):not(#\#):not(#\#){visibility:hidden}
 .musae-uxw1ft:not(#\#):not(#\#):not(#\#){white-space:nowrap}
@@ -259,12 +258,13 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .musae-mn8nw1:not(#\#):not(#\#):not(#\#){z-index:var(--musae-80rspi)}
 .musae-1tv1kli:not(#\#):not(#\#):not(#\#){z-index:var(--musae-9gpkaf)}
 .musae-1q93749:not(#\#):not(#\#):not(#\#){z-index:var(--musae-ah5ngi)}
+.musae-aefx0h:not(#\#):not(#\#):not(#\#){z-index:var(--musae-if0yew)}
 .musae-1axsr4t:not(#\#):not(#\#):not(#\#){z-index:var(--musae-oqacdq)}
 .musae-5w6sei:not(#\#):not(#\#):not(#\#){z-index:var(--musae-ymrixl)}
 .musae-9cqmhv:not(:last-of-type):not(#\#):not(#\#):not(#\#)::after{background-color:var(--1sg3dqs,revert)}
 .musae-x7gz8e:not(:last-of-type):not(#\#):not(#\#):not(#\#)::after{content:""}
-.musae-13amitz:hover > span:last-child:not(#\#):not(#\#):not(#\#){display:inline-flex}
-.musae-1pqvcko:hover > span:first-child:not(#\#):not(#\#):not(#\#){display:none}
+.musae-1aldg33:hover > [role='separator']:not(#\#):not(#\#):not(#\#){display:none}
+.musae-1oew0n0:not(:hover) > [role='button']:not(#\#):not(#\#):not(#\#){display:none}
 .musae-192i3sz:not(:last-of-type):not(#\#):not(#\#):not(#\#)::after{inset-inline-end:0}
 .musae-1i5rff9:not(:first-child):not(#\#):not(#\#):not(#\#){margin-inline-start:calc(var(--musae-vk5id6) * -1)}
 .musae-no41pc:not(:last-of-type):not(#\#):not(#\#):not(#\#)::after{position:absolute}
@@ -277,9 +277,14 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .musae-43481e:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-color:var(--borderBottomColor,revert)}
 .musae-1q0q8m5:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-style:solid}
 .musae-lntmim:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:var(--musae-1ax7z96)}
+.musae-is9nib:not(#\#):not(#\#):not(#\#):not(#\#){border-top-color:var(--borderTopColor,revert)}
+.musae-13fuv20:not(#\#):not(#\#):not(#\#):not(#\#){border-top-style:solid}
+.musae-1yeim8r:not(#\#):not(#\#):not(#\#):not(#\#){border-top-width:var(--musae-1ax7z96)}
 .musae-1ey2m1c:not(#\#):not(#\#):not(#\#):not(#\#){bottom:0}
+.musae-jnlgov:not(#\#):not(#\#):not(#\#):not(#\#){bottom:20px}
 .musae-1ii70tt:not(#\#):not(#\#):not(#\#):not(#\#){bottom:var(--musae-15cw4i4)}
 .musae-8wmlod:not(#\#):not(#\#):not(#\#):not(#\#){bottom:var(--musae-1wblvyz)}
+.musae-qtp20y:not(#\#):not(#\#):not(#\#):not(#\#){height:0}
 .musae-1dr59a3:not(#\#):not(#\#):not(#\#):not(#\#){height:100vh}
 .musae-1m3v4wt:not(#\#):not(#\#):not(#\#):not(#\#){height:200px}
 .musae-xk0z11:not(#\#):not(#\#):not(#\#):not(#\#){height:24px}
@@ -288,12 +293,12 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .musae-g7h5cd:not(#\#):not(#\#):not(#\#):not(#\#){height:fit-content}
 .musae-1jwls1v:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--height,revert)}
 .musae-hfcj97:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musae-16n5srz)}
-.musae-ri8twg:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musae-1aj7t22)}
 .musae-1yri8c6:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musae-1ax7z96)}
 .musae-1k820er:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musae-1hydgie)}
 .musae-jazk0b:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musae-1l9c3uf)}
 .musae-b27hse:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musae-1qj6wod)}
 .musae-1vwksmh:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musae-1yg5bqe)}
+.musae-1ajdkb8:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musae-2h23ia)}
 .musae-1cj5796:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musae-70uu0v)}
 .musae-7kkngq:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musae-cftog7)}
 .musae-kzsoxx:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musae-jdzqnm)}
@@ -332,16 +337,15 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .musae-10wlt62:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:hidden}
 .musae-1244622:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--musae-1tzp6vk)}
 .musae-n01sgk:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--musae-oohzsl)}
-.musae-78w2x6:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--musae-qk2ac7)}
 .musae-16rezew:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--musae-vk5id6)}
 .musae-1k3zc6d:not(#\#):not(#\#):not(#\#):not(#\#){padding-left:var(--paddingLeft,revert)}
 .musae-sgdd5s:not(#\#):not(#\#):not(#\#):not(#\#){padding-right:var(--musae-1ncxh3n)}
 .musae-1y1aa1q:not(#\#):not(#\#):not(#\#):not(#\#){padding-right:var(--musae-oohzsl)}
 .musae-1teihh3:not(#\#):not(#\#):not(#\#):not(#\#){padding-right:var(--musae-vk5id6)}
 .musae-522f2k:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--musae-oohzsl)}
-.musae-1p848mt:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--musae-qk2ac7)}
 .musae-utp9vd:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--musae-vk5id6)}
 .musae-3m8u43:not(#\#):not(#\#):not(#\#):not(#\#){right:0}
+.musae-k6ci0l:not(#\#):not(#\#):not(#\#):not(#\#){right:20px}
 .musae-14l26ut:not(#\#):not(#\#):not(#\#):not(#\#){right:var(--musae-15cw4i4)}
 .musae-6al1c1:not(#\#):not(#\#):not(#\#):not(#\#){right:var(--musae-oohzsl)}
 .musae-13vifvy:not(#\#):not(#\#):not(#\#):not(#\#){top:0}
@@ -359,6 +363,7 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .musae-jz7u3w:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musae-1hydgie)}
 .musae-103s5vv:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musae-1l9c3uf)}
 .musae-wfgd1y:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musae-1qj6wod)}
+.musae-fx4e2q:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musae-2h23ia)}
 .musae-1gn8jaj:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musae-70uu0v)}
 .musae-1sgo4cp:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musae-cftog7)}
 .musae-1wmt73o:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musae-laggmb)}
@@ -394,7 +399,6 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .musae-27d4w3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--15iyedw,revert)}
 .musae-rr6jkh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{background-color:var(--1lrm08k,revert)}
 .musae-1cj4lvr:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar-thumb{background-color:var(--b44ld2,revert)}
-.musae-1dn9wut:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-top-width:var(--musae-1aj7t22)}
 html:not([dir='rtl']) .musae-15cyge6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.08)}
 html[dir='rtl'] .musae-15cyge6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.08)}
 html:not([dir='rtl']) .musae-91zhsk:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.08)}
@@ -434,6 +438,7 @@ html[dir='rtl'] .musae-91zhsk:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#
 .musae-9xs3e7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::view-transition-old(root){z-index:var(--musae-dlxqgz)}
 .musae-qotmtd:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::view-transition-new(root){z-index:var(--musae-dlxqgz)}
 .musae-1p9jk5k:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-left-width:var(--musae-1aj7t22)}
+.musae-1dn9wut:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-top-width:var(--musae-1aj7t22)}
 .musae-ec44on:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{height:calc(var(--musae-1l9c3uf) / 2)}
 .musae-17xd6cp:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{height:var(--12qatcd,revert)}
 .musae-1yecmy3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{height:var(--1whluux,revert)}

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

@@ -47,7 +47,8 @@ export declare enum ComponentToken {
     Popover = 35,
     Loading = 36,
     Collapse = 37,
-    Waterfall = 38
+    Waterfall = 38,
+    Transfer = 39
 }
 /**
  * @description
@@ -183,7 +184,8 @@ export declare enum TabsClassToken {
     Panel = 7
 }
 export declare enum PaginationClassToken {
-    Pagination = 0
+    Pagination = 0,
+    SizeSelector = 1
 }
 export declare enum SwitchClassToken {
     Switch = 0,
@@ -210,15 +212,21 @@ export declare enum StepsClassToken {
     Steps = 0,
     Item = 1,
     Leading = 2,
-    Title = 3,
-    Description = 4,
-    Done = 5,
-    Doing = 6,
-    Todo = 7
+    Sign = 3,
+    Title = 4,
+    Description = 5,
+    Done = 6,
+    Doing = 7,
+    Todo = 8
 }
 export declare enum TimelineClassToken {
     Timeline = 0,
-    Item = 1
+    Item = 1,
+    Leading = 2,
+    Sign = 3,
+    Dot = 4,
+    Label = 5,
+    Description = 6
 }
 export declare enum BreadcrumbClassToken {
     Breadcrumb = 0,
@@ -268,6 +276,15 @@ export declare enum WaterfallClassToken {
     Waterfall = 0,
     Sequential = 1
 }
+export declare enum TransferClassToken {
+    Transfer = 0,
+    List = 1,
+    Header = 2,
+    Title = 3,
+    Body = 4,
+    Item = 5,
+    Operation = 6
+}
 /**
  * @description
  * class name collection
@@ -407,6 +424,7 @@ export declare const CLASS_NAMES: {
     };
     24: {
         0: string;
+        1: string;
     };
     25: {
         0: string;
@@ -432,16 +450,22 @@ export declare const CLASS_NAMES: {
     28: {
         0: string;
         1: string;
-        5: string;
         6: string;
         7: string;
+        8: string;
         2: string;
         3: string;
         4: string;
+        5: string;
     };
     29: {
         0: string;
         1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
     };
     30: {
         0: string;
@@ -489,6 +513,15 @@ export declare const CLASS_NAMES: {
         0: string;
         1: string;
     };
+    39: {
+        0: string;
+        6: string;
+        1: string;
+        3: string;
+        5: string;
+        2: string;
+        4: string;
+    };
 };
 /**
  * @description
@@ -631,6 +664,7 @@ export declare const DEFAULT_CLASS_NAMES: {
     };
     24: {
         0: string;
+        1: string;
     };
     25: {
         0: string;
@@ -656,16 +690,22 @@ export declare const DEFAULT_CLASS_NAMES: {
     28: {
         0: string;
         1: string;
-        5: string;
         6: string;
         7: string;
+        8: string;
         2: string;
         3: string;
         4: string;
+        5: string;
     };
     29: {
         0: string;
         1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
     };
     30: {
         0: string;
@@ -713,4 +753,13 @@ export declare const DEFAULT_CLASS_NAMES: {
         0: string;
         1: string;
     };
+    39: {
+        0: string;
+        6: string;
+        1: string;
+        3: string;
+        5: string;
+        2: string;
+        4: string;
+    };
 };

package/dist/utils/class-name.js

@@ -57,6 +57,7 @@ var ComponentToken;
     ComponentToken[ComponentToken["Loading"] = 36] = "Loading";
     ComponentToken[ComponentToken["Collapse"] = 37] = "Collapse";
     ComponentToken[ComponentToken["Waterfall"] = 38] = "Waterfall";
+    ComponentToken[ComponentToken["Transfer"] = 39] = "Transfer";
 })(ComponentToken || (ComponentToken = {}));
 /**
  * @description
@@ -218,6 +219,7 @@ var TabsClassToken;
 var PaginationClassToken;
 (function (PaginationClassToken) {
     PaginationClassToken[PaginationClassToken["Pagination"] = 0] = "Pagination";
+    PaginationClassToken[PaginationClassToken["SizeSelector"] = 1] = "SizeSelector";
 })(PaginationClassToken || (PaginationClassToken = {}));
 var SwitchClassToken;
 (function (SwitchClassToken) {
@@ -248,16 +250,22 @@ var StepsClassToken;
     StepsClassToken[StepsClassToken["Steps"] = 0] = "Steps";
     StepsClassToken[StepsClassToken["Item"] = 1] = "Item";
     StepsClassToken[StepsClassToken["Leading"] = 2] = "Leading";
-    StepsClassToken[StepsClassToken["Title"] = 3] = "Title";
-    StepsClassToken[StepsClassToken["Description"] = 4] = "Description";
-    StepsClassToken[StepsClassToken["Done"] = 5] = "Done";
-    StepsClassToken[StepsClassToken["Doing"] = 6] = "Doing";
-    StepsClassToken[StepsClassToken["Todo"] = 7] = "Todo";
+    StepsClassToken[StepsClassToken["Sign"] = 3] = "Sign";
+    StepsClassToken[StepsClassToken["Title"] = 4] = "Title";
+    StepsClassToken[StepsClassToken["Description"] = 5] = "Description";
+    StepsClassToken[StepsClassToken["Done"] = 6] = "Done";
+    StepsClassToken[StepsClassToken["Doing"] = 7] = "Doing";
+    StepsClassToken[StepsClassToken["Todo"] = 8] = "Todo";
 })(StepsClassToken || (StepsClassToken = {}));
 var TimelineClassToken;
 (function (TimelineClassToken) {
     TimelineClassToken[TimelineClassToken["Timeline"] = 0] = "Timeline";
     TimelineClassToken[TimelineClassToken["Item"] = 1] = "Item";
+    TimelineClassToken[TimelineClassToken["Leading"] = 2] = "Leading";
+    TimelineClassToken[TimelineClassToken["Sign"] = 3] = "Sign";
+    TimelineClassToken[TimelineClassToken["Dot"] = 4] = "Dot";
+    TimelineClassToken[TimelineClassToken["Label"] = 5] = "Label";
+    TimelineClassToken[TimelineClassToken["Description"] = 6] = "Description";
 })(TimelineClassToken || (TimelineClassToken = {}));
 var BreadcrumbClassToken;
 (function (BreadcrumbClassToken) {
@@ -316,6 +324,16 @@ var WaterfallClassToken;
     WaterfallClassToken[WaterfallClassToken["Waterfall"] = 0] = "Waterfall";
     WaterfallClassToken[WaterfallClassToken["Sequential"] = 1] = "Sequential";
 })(WaterfallClassToken || (WaterfallClassToken = {}));
+var TransferClassToken;
+(function (TransferClassToken) {
+    TransferClassToken[TransferClassToken["Transfer"] = 0] = "Transfer";
+    TransferClassToken[TransferClassToken["List"] = 1] = "List";
+    TransferClassToken[TransferClassToken["Header"] = 2] = "Header";
+    TransferClassToken[TransferClassToken["Title"] = 3] = "Title";
+    TransferClassToken[TransferClassToken["Body"] = 4] = "Body";
+    TransferClassToken[TransferClassToken["Item"] = 5] = "Item";
+    TransferClassToken[TransferClassToken["Operation"] = 6] = "Operation";
+})(TransferClassToken || (TransferClassToken = {}));
 /**
  * @description
  * class name collection
@@ -455,6 +473,7 @@ const CLASS_NAMES = {
     },
     [ComponentToken.Pagination]: {
         [PaginationClassToken.Pagination]: "pagination",
+        [PaginationClassToken.SizeSelector]: "pagination__size-selector",
     },
     [ComponentToken.Switch]: {
         [SwitchClassToken.Switch]: "switch",
@@ -484,12 +503,18 @@ const CLASS_NAMES = {
         [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]: {
         [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",
     },
     [ComponentToken.Breadcrumb]: {
         [BreadcrumbClassToken.Breadcrumb]: "breadcrumb",
@@ -537,6 +562,15 @@ const CLASS_NAMES = {
         [WaterfallClassToken.Waterfall]: "waterfall",
         [WaterfallClassToken.Sequential]: "waterfall--sequential",
     },
+    [ComponentToken.Transfer]: {
+        [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",
+    },
 };
 /**
  * @description
@@ -555,4 +589,4 @@ const addPrefix = (classNames, prefix) => {
  */
 const DEFAULT_CLASS_NAMES = addPrefix(CLASS_NAMES, Token.Prefix);
 
-export { AvatarClassToken, BreadcrumbClassToken, ButtonClassToken, CLASS_NAMES, CalendarClassToken, CascaderClassToken, CheckboxClassToken, ClockClassToken, CollapseClassToken, ComponentToken, DEFAULT_CLASS_NAMES, DatePickerClassToken, DateRangePickerClassToken, DialogClassToken, DividerClassToken, DrawerClassToken, EmptyClassToken, FormClassToken, GridClassToken, IconClassToken, InputClassToken, LoadingClassToken, MenuClassToken, NotificationClassToken, PaginationClassToken, PickerClassToken, PopoverClassToken, PopperClassToken, ProgressClassToken, RadioClassToken, RateClassToken, SelectClassToken, StepsClassToken, SwitchClassToken, TabsClassToken, TagClassToken, TimePickerClassToken, TimelineClassToken, TooltipClassToken, TourClassToken, TreeClassToken, WaterfallClassToken, addPrefix, withPrefix };
+export { AvatarClassToken, BreadcrumbClassToken, ButtonClassToken, CLASS_NAMES, CalendarClassToken, CascaderClassToken, CheckboxClassToken, ClockClassToken, CollapseClassToken, ComponentToken, DEFAULT_CLASS_NAMES, DatePickerClassToken, DateRangePickerClassToken, DialogClassToken, DividerClassToken, DrawerClassToken, EmptyClassToken, FormClassToken, GridClassToken, IconClassToken, InputClassToken, LoadingClassToken, MenuClassToken, NotificationClassToken, PaginationClassToken, PickerClassToken, PopoverClassToken, PopperClassToken, ProgressClassToken, RadioClassToken, RateClassToken, SelectClassToken, StepsClassToken, SwitchClassToken, TabsClassToken, TagClassToken, TimePickerClassToken, TimelineClassToken, TooltipClassToken, TourClassToken, TransferClassToken, TreeClassToken, WaterfallClassToken, addPrefix, withPrefix };

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "musae",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",
   "type": "module",
   "scripts": {
+    "test": "jest",
     "dev": "rollup -c -w --environment NODE_ENV:development",
     "build": "rollup -c --environment NODE_ENV:production",
-    "prepublish": "rm -rf dist && npm run build",
-    "relink": "pnpm unlink && pnpm link",
-    "test": "jest"
+    "prepublishOnly": "rm -rf dist && npm run build",
+    "preinstall": "npx @aiszlab/watchdog preinstall"
   },
   "exports": {
     ".": {
@@ -22,8 +22,14 @@
       "default": "./dist/components/icon/icons/index.js"
     }
   },
+  "engines": {
+    "node": ">=18.0.0",
+    "pnpm": ">=9"
+  },
   "dependencies": {
-    "@aiszlab/relax": "^1.2.56",
+    "@aiszlab/relax": "^1.2.59",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/modifiers": "^7.0.0",
     "@floating-ui/dom": "^1.6.5",
     "@tanstack/react-table": "^8.16.0",
     "clsx": "^2.1.1",
@@ -31,6 +37,7 @@
     "deepmerge": "^4.3.1",
     "framer-motion": "^11.2.11",
     "react-hook-form": "^7.47.0",
+    "rrweb": "2.0.0-alpha.4",
     "rxjs": "^7.8.1"
   },
   "devDependencies": {
@@ -50,6 +57,7 @@
     "@testing-library/user-event": "^14.5.2",
     "@types/dom-view-transitions": "^1.0.4",
     "@types/jest": "^29.5.12",
+    "@types/node": "^20.14.10",
     "@types/react": "18",
     "@types/react-dom": "18",
     "babel-jest": "^29.7.0",

package/dist/hooks/use-expand-effect.d.ts

@@ -1,12 +0,0 @@
-import { useAnimate } from "framer-motion";
-type UsedAnimate = ReturnType<typeof useAnimate<HTMLElement>>;
-/**
- * @description
- * effect for expand handler
- */
-export declare const useExpandEffect: ({ expanded, target, animate, }: {
-    expanded: boolean;
-    target: UsedAnimate[0];
-    animate: UsedAnimate[1];
-}) => void;
-export {};

package/dist/hooks/use-expand-effect.js

@@ -1,34 +0,0 @@
-import { useUpdateEffect } from '@aiszlab/relax';
-
-/**
- * @description
- * effect for expand handler
- */
-const useExpandEffect = ({ expanded, target, animate, }) => {
-    useUpdateEffect(async () => {
-        if (expanded) {
-            target.current.style.height = "0";
-            target.current.style.overflow = "hidden";
-            target.current.style.display = "inherit";
-            await animate(target.current, {
-                height: "auto",
-            });
-            target.current.style.height = "";
-            target.current.style.overflow = "";
-            target.current.style.display = "";
-            return;
-        }
-        // style play like display: none
-        target.current.style.overflow = "hidden";
-        target.current.style.height = "auto";
-        target.current.style.display = "inherit";
-        await animate(target.current, {
-            height: 0,
-        });
-        target.current.style.height = "";
-        target.current.style.overflow = "";
-        target.current.style.display = "none";
-    }, [expanded]);
-};
-
-export { useExpandEffect };