musae 0.2.1 → 0.2.3

package/dist/stylex.css

@@ -25,7 +25,7 @@
 .musae-1pk7hnv:not(#\#){grid:'leading description'}
 .musae-1js343y:not(#\#){grid:'leading title closer' 'leading description description'}
 .musae-1l2suiq:not(#\#){grid:'leading title' '. description'}
-.musae-10a8y8t:not(#\#){inset:0}
+.musae-ezip7x:not(#\#){inset:0px}
 .musae-1ug7cio:not(#\#){margin:var(--musae-15cw4i4)}
 .musae-ieb5ut:not(#\#){margin:var(--musae-1wblvyz)}
 .musae-1eddoca:not(#\#){margin:var(--musae-68a8pz)}
@@ -34,6 +34,7 @@
 .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-dv7uk4:nth-of-type(2n):not(#\#){grid:'description leading label'}
@@ -60,7 +61,7 @@
 .musae-1vkuzbb:not(#\#):not(#\#){gap:var(--musae-oohzsl)}
 .musae-29tp26:not(#\#):not(#\#){gap:var(--musae-qk2ac7)}
 .musae-vbka3v:not(#\#):not(#\#){gap:var(--musae-vk5id6)}
-.musae-17y0mx6:not(#\#):not(#\#){inset-inline:0}
+.musae-l33w4x:not(#\#):not(#\#){inset-inline:0px}
 .musae-e8uvvx:not(#\#):not(#\#){list-style:none}
 .musae-nweklb:not(#\#):not(#\#){margin-block:var(--musae-15cw4i4)}
 .musae-dbe9a9:not(#\#):not(#\#){margin-block:var(--musae-qk2ac7)}
@@ -150,8 +151,9 @@
 .musae-4qzwkw:not(#\#):not(#\#):not(#\#){grid-column-end:var(--gridColumnEnd,revert)}
 .musae-8a1x49:not(#\#):not(#\#):not(#\#){grid-column-start:auto}
 .musae-1aeqsfb:not(#\#):not(#\#):not(#\#){grid-template-columns:repeat(24,minmax(0,1fr))}
-.musae-tijo5x:not(#\#):not(#\#):not(#\#){inset-inline-end:0}
-.musae-1o0tod:not(#\#):not(#\#):not(#\#){inset-inline-start:0}
+.musae-hw0b42:not(#\#):not(#\#):not(#\#){inset-inline-end:0px}
+.musae-1at4hj2:not(#\#):not(#\#):not(#\#){inset-inline-start:0px}
+.musae-budbmw:not(#\#):not(#\#):not(#\#){inset-inline-start:50%}
 .musae-ncxdh4:not(#\#):not(#\#):not(#\#){inset-inline-start:calc(100% - var(--musae-rlgvtq) - var(--musae-1h5s2h0))}
 .musae-1auf0oo:not(#\#):not(#\#):not(#\#){inset-inline-start:var(--musae-1h5s2h0)}
 .musae-hf0782:not(#\#):not(#\#):not(#\#){inset-inline-start:var(--musae-h30iw9)}
@@ -177,15 +179,16 @@
 .musae-5agonf:not(#\#):not(#\#):not(#\#){line-height:52px}
 .musae-1kke7aa:not(#\#):not(#\#):not(#\#){line-height:64px}
 .musae-3ct3a4:not(#\#):not(#\#):not(#\#){list-style-type:none}
-.musae-14z9mp:not(#\#):not(#\#):not(#\#){margin-inline-end:0}
+.musae-fbia9g:not(#\#):not(#\#):not(#\#){margin-inline-end:0px}
 .musae-10qwhln:not(#\#):not(#\#):not(#\#){margin-inline-end:calc(-100% - var(--musae-rlgvtq) - var(--musae-jdzqnm) * 4 - var(--musae-jdzqnm))}
 .musae-16ph6eo:not(#\#):not(#\#):not(#\#){margin-inline-end:calc(100% + var(--musae-rlgvtq) + var(--musae-jdzqnm) * 4 + var(--musae-jdzqnm))}
-.musae-1lziwak:not(#\#):not(#\#):not(#\#){margin-inline-start:0}
+.musae-1tt3wx9:not(#\#):not(#\#):not(#\#){margin-inline-start:0px}
 .musae-1fns2s7:not(#\#):not(#\#):not(#\#){margin-inline-start:calc(-100% - var(--musae-rlgvtq) - var(--musae-jdzqnm) * 4 - var(--musae-jdzqnm))}
 .musae-5bta6d:not(#\#):not(#\#):not(#\#){margin-inline-start:calc(100% + var(--musae-rlgvtq) + var(--musae-jdzqnm) * 4 + var(--musae-jdzqnm))}
 .musae-1tmxnmp:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--musae-68a8pz)}
 .musae-1dzd4em:not(#\#):not(#\#):not(#\#){mix-blend-mode:hard-light}
 .musae-l1xv1r:not(#\#):not(#\#):not(#\#){object-fit:cover}
+.musae-byyjgo:not(#\#):not(#\#):not(#\#){opacity:.5}
 .musae-g01cxk:not(#\#):not(#\#):not(#\#){opacity:0}
 .musae-1hc1fzr:not(#\#):not(#\#):not(#\#){opacity:1}
 .musae-v8jbu9:not(#\#):not(#\#):not(#\#){opacity:var(--musae-abm5yj)}
@@ -219,6 +222,8 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .musae-1g0ag68:not(#\#):not(#\#):not(#\#){transform-origin:center}
 .musae-9tu13d:not(#\#):not(#\#):not(#\#){transform:rotate(-90deg)}
 .musae-1158fpu:not(#\#):not(#\#):not(#\#){transform:rotate(45deg)}
+.musae-1iffjtl:not(#\#):not(#\#):not(#\#){transform:rotate(90deg)}
+.musae-11lhmoz:not(#\#):not(#\#):not(#\#){transform:translate(-50%,-50%)}
 .musae-1v0jg1i:not(#\#):not(#\#):not(#\#){transform:var(--transform,revert)}
 .musae-1g2r6go:not(#\#):not(#\#):not(#\#){transition-duration:.1s}
 .musae-13dflua:not(#\#):not(#\#):not(#\#){transition-duration:.2s}
@@ -227,6 +232,7 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .musae-xy01e9:not(#\#):not(#\#):not(#\#){transition-property:background-color,border,color}
 .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}
@@ -239,6 +245,8 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .musae-1q1rmc8:not(#\#):not(#\#):not(#\#){will-change:transform,opacity}
 .musae-1so62im:not(#\#):not(#\#):not(#\#){will-change:transform}
 .musae-13faqbe:not(#\#):not(#\#):not(#\#){word-break:break-word}
+.musae-1ja2u2z:not(#\#):not(#\#):not(#\#){z-index:0}
+.musae-1vjfegm:not(#\#):not(#\#):not(#\#){z-index:1}
 .musae-1ac462h:not(#\#):not(#\#):not(#\#){z-index:var(--musae-11upij1)}
 .musae-16v8on1:not(#\#):not(#\#):not(#\#){z-index:var(--musae-1tyqau6)}
 .musae-1hqpmg9:not(#\#):not(#\#):not(#\#){z-index:var(--musae-7fr0d6)}
@@ -251,7 +259,7 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .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-192i3sz:not(:last-of-type):not(#\#):not(#\#):not(#\#)::after{inset-inline-end:0}
+.musae-1sd0t5p:not(:last-of-type):not(#\#):not(#\#):not(#\#)::after{inset-inline-end:0px}
 .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}
 .musae-1kmnipp:not(:last-of-type):not(#\#):not(#\#):not(#\#)::after{transform:translateY(-50%)}
@@ -263,12 +271,13 @@ 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-1ey2m1c:not(#\#):not(#\#):not(#\#):not(#\#){bottom:0}
+.musae-1sh2tzk:not(#\#):not(#\#):not(#\#):not(#\#){bottom:0px}
 .musae-1ii70tt:not(#\#):not(#\#):not(#\#):not(#\#){bottom:var(--musae-15cw4i4)}
 .musae-8wmlod:not(#\#):not(#\#):not(#\#):not(#\#){bottom:var(--musae-1wblvyz)}
 .musae-1dr59a3:not(#\#):not(#\#):not(#\#):not(#\#){height:100vh}
 .musae-1m3v4wt:not(#\#):not(#\#):not(#\#):not(#\#){height:200px}
 .musae-xk0z11:not(#\#):not(#\#):not(#\#):not(#\#){height:24px}
+.musae-t7dq6l:not(#\#):not(#\#):not(#\#):not(#\#){height:auto}
 .musae-1r05exa:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(100vh - var(--musae-xrqq76) - var(--musae-15cw4i4))}
 .musae-g7h5cd:not(#\#):not(#\#):not(#\#):not(#\#){height:fit-content}
 .musae-1jwls1v:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--height,revert)}
@@ -279,26 +288,28 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .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-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)}
 .musae-was1v5:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musae-laggmb)}
 .musae-1gfonl1:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musae-oohzsl)}
 .musae-lry4nc:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musae-rlgvtq)}
 .musae-b4kbli:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musae-xrqq76)}
-.musae-u96u03:not(#\#):not(#\#):not(#\#):not(#\#){left:0}
+.musae-1tjciyl:not(#\#):not(#\#):not(#\#):not(#\#){left:0px}
 .musae-101gtxs:not(#\#):not(#\#):not(#\#):not(#\#){left:var(--left,revert)}
 .musae-hq7bbv:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--musae-15cw4i4)}
 .musae-a4cli4:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--musae-1tzp6vk)}
 .musae-rsi211:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--musae-qk2ac7)}
 .musae-1vc729f:not(#\#):not(#\#):not(#\#):not(#\#){margin-right:var(--musae-qk2ac7)}
 .musae-ncydc0:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:-100%}
-.musae-dj266r:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:0}
+.musae-1q12cbh:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:0px}
 .musae-3yben5:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--musae-1wblvyz)}
 .musae-1lpmo0s:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--musae-vk5id6)}
 .musae-edbcy2:not(#\#):not(#\#):not(#\#):not(#\#){max-height:calc(100% - var(--musae-15cw4i4) * 2)}
 .musae-kfv0gj:not(#\#):not(#\#):not(#\#):not(#\#){max-width:var(--musae-1qj6wod)}
 .musae-1v3fk47:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musae-16n5srz)}
 .musae-jk1msx:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musae-1qj6wod)}
+.musae-oexrxm:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musae-1spnrok)}
 .musae-1infgec:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musae-cftog7)}
 .musae-1ee7i9g:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musae-laggmb)}
 .musae-1sal0kv:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--musae-rlgvtq)}
@@ -307,6 +318,7 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .musae-13to73x:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--minWidth,revert)}
 .musae-1fpxtso:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--musae-11uhodo)}
 .musae-yumy05:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--musae-1aj7t22)}
+.musae-h2iun8:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--musae-1spnrok)}
 .musae-ba7gwn:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--musae-cftog7)}
 .musae-1049mhy:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--musae-laggmb)}
 .musae-trrjuf:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--musae-rlgvtq)}
@@ -323,18 +335,18 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .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-15gpytn:not(#\#):not(#\#):not(#\#):not(#\#){right:0px}
 .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}
+.musae-9oc6z4:not(#\#):not(#\#):not(#\#):not(#\#){top:0px}
 .musae-wa60dl:not(#\#):not(#\#):not(#\#):not(#\#){top:50%}
 .musae-kwake1:not(#\#):not(#\#):not(#\#):not(#\#){top:calc(var(--musae-xrqq76) + var(--musae-15cw4i4))}
 .musae-1qtgrog:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--musae-15cw4i4)}
 .musae-9c655z:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--musae-oohzsl)}
 .musae-rzbxsz:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--top,revert)}
+.musae-h8yej3:not(#\#):not(#\#):not(#\#):not(#\#){width:100%}
 .musae-n9wirt:not(#\#):not(#\#):not(#\#):not(#\#){width:100vw}
 .musae-vy4d1p:not(#\#):not(#\#):not(#\#):not(#\#){width:24px}
-.musae-1l2rt3b:not(#\#):not(#\#):not(#\#):not(#\#){width:400px}
 .musae-10gxdq2:not(#\#):not(#\#):not(#\#):not(#\#){width:calc(1ch + var(--musae-1ncxh3n) * 2)}
 .musae-eq5yr9:not(#\#):not(#\#):not(#\#):not(#\#){width:fit-content}
 .musae-15xiyow:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musae-16n5srz)}
@@ -352,9 +364,11 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .musae-1o8gf8:not(:last-of-type):not(#\#):not(#\#):not(#\#):not(#\#)::after{top:50%}
 .musae-vpkyr8:not(:last-of-type):not(#\#):not(#\#):not(#\#):not(#\#)::after{width:var(--musae-1ax7z96)}
 .musae-cu8lob:first-child:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--musae-qk2ac7)}
+.musae-zm6erk:last-of-type:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:0px}
 .musae-r8ctv5:hover:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:auto}
 .musae-ynce87:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::view-transition-old(root){animation:none}
 .musae-goest1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::view-transition-new(root){animation:none}
+.musae-1799ia1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset:0px}
 .musae-123gkgz:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-color:var(--1il6zln,revert)}
 .musae-3yd8hb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-color:var(--joftei,revert)}
 .musae-11y6kk5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-scrollbar-thumb{border-radius:4px}
@@ -382,17 +396,17 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .musae-ilz4u6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{content:"*"}
 .musae-hkezso:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{display:block}
 .musae-1fgarty:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{display:block}
-.musae-typ5od:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline-end:0}
+.musae-1x8jx26:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline-end:0px}
 .musae-1gkks1t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline-end:50%}
-.musae-1682cnc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline-start:0}
+.musae-1kfboi8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline-start:0px}
 .musae-fbisj7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline-start:50%}
 .musae-xsadbs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-inline-start:calc((100% - var(--musae-1ax7z96)) / 2)}
 .musae-2utku0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{margin-inline-start:var(--musae-vk5id6)}
 .musae-15342hd:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::view-transition-old(root){mix-blend-mode:normal}
 .musae-1sgbmat:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::view-transition-new(root){mix-blend-mode:normal}
-.musae-1hmns74:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{position:absolute}
 .musae-1j6awrg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{position:absolute}
-.musae-1db1611:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transform:translate(100%,-150%) rotate(45deg)}
+.musae-1hmns74:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{position:absolute}
+.musae-q1m6zb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transform:translate(100%,-160%) rotate(45deg)}
 .musae-t0fc71:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition-duration:.2s}
 .musae-6orayw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition-property:border-color,border-width}
 .musae-170pinb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{visibility:visible}

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

@@ -44,7 +44,9 @@ export declare enum ComponentToken {
     Notification = 32,
     Progress = 33,
     Tooltip = 34,
-    Popover = 35
+    Popover = 35,
+    Loading = 36,
+    Collapse = 37
 }
 /**
  * @description
@@ -186,8 +188,8 @@ export declare enum SwitchClassToken {
 export declare enum RateClassToken {
     Rate = 0,
     Star = 1,
-    Leading = 2,
-    Trailing = 3
+    Half = 2,
+    Full = 3
 }
 export declare enum TourClassToken {
     Tour = 0,
@@ -240,6 +242,21 @@ export declare enum PopoverClassToken {
     Title = 1,
     Description = 2
 }
+export declare enum LoadingClassToken {
+    Loading = 0,
+    Spin = 1,
+    Content = 2
+}
+export declare enum CollapseClassToken {
+    Collapse = 0,
+    Item = 1,
+    ItemActive = 2,
+    Header = 3,
+    Panel = 4,
+    PanelActive = 5,
+    Content = 6,
+    Collapser = 7
+}
 /**
  * @description
  * class name collection
@@ -436,6 +453,21 @@ export declare const CLASS_NAMES: {
         1: string;
         2: string;
     };
+    36: {
+        0: string;
+        1: string;
+        2: string;
+    };
+    37: {
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        7: string;
+        4: string;
+        5: string;
+        6: string;
+    };
 };
 /**
  * @description
@@ -630,6 +662,21 @@ export declare const addPrefix: (classNames: ClassNames, prefix: string) => {
         1: string;
         2: string;
     };
+    36: {
+        0: string;
+        1: string;
+        2: string;
+    };
+    37: {
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        7: string;
+        4: string;
+        5: string;
+        6: string;
+    };
 };
 /**
  * @description
@@ -824,4 +871,19 @@ export declare const DEFAULT_CLASS_NAMES: {
         1: string;
         2: string;
     };
+    36: {
+        0: string;
+        1: string;
+        2: string;
+    };
+    37: {
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        7: string;
+        4: string;
+        5: string;
+        6: string;
+    };
 };

package/dist/utils/class-name.js

@@ -54,6 +54,8 @@ var ComponentToken;
     ComponentToken[ComponentToken["Progress"] = 33] = "Progress";
     ComponentToken[ComponentToken["Tooltip"] = 34] = "Tooltip";
     ComponentToken[ComponentToken["Popover"] = 35] = "Popover";
+    ComponentToken[ComponentToken["Loading"] = 36] = "Loading";
+    ComponentToken[ComponentToken["Collapse"] = 37] = "Collapse";
 })(ComponentToken || (ComponentToken = {}));
 /**
  * @description
@@ -222,8 +224,8 @@ var RateClassToken;
 (function (RateClassToken) {
     RateClassToken[RateClassToken["Rate"] = 0] = "Rate";
     RateClassToken[RateClassToken["Star"] = 1] = "Star";
-    RateClassToken[RateClassToken["Leading"] = 2] = "Leading";
-    RateClassToken[RateClassToken["Trailing"] = 3] = "Trailing";
+    RateClassToken[RateClassToken["Half"] = 2] = "Half";
+    RateClassToken[RateClassToken["Full"] = 3] = "Full";
 })(RateClassToken || (RateClassToken = {}));
 var TourClassToken;
 (function (TourClassToken) {
@@ -285,6 +287,23 @@ var PopoverClassToken;
     PopoverClassToken[PopoverClassToken["Title"] = 1] = "Title";
     PopoverClassToken[PopoverClassToken["Description"] = 2] = "Description";
 })(PopoverClassToken || (PopoverClassToken = {}));
+var LoadingClassToken;
+(function (LoadingClassToken) {
+    LoadingClassToken[LoadingClassToken["Loading"] = 0] = "Loading";
+    LoadingClassToken[LoadingClassToken["Spin"] = 1] = "Spin";
+    LoadingClassToken[LoadingClassToken["Content"] = 2] = "Content";
+})(LoadingClassToken || (LoadingClassToken = {}));
+var CollapseClassToken;
+(function (CollapseClassToken) {
+    CollapseClassToken[CollapseClassToken["Collapse"] = 0] = "Collapse";
+    CollapseClassToken[CollapseClassToken["Item"] = 1] = "Item";
+    CollapseClassToken[CollapseClassToken["ItemActive"] = 2] = "ItemActive";
+    CollapseClassToken[CollapseClassToken["Header"] = 3] = "Header";
+    CollapseClassToken[CollapseClassToken["Panel"] = 4] = "Panel";
+    CollapseClassToken[CollapseClassToken["PanelActive"] = 5] = "PanelActive";
+    CollapseClassToken[CollapseClassToken["Content"] = 6] = "Content";
+    CollapseClassToken[CollapseClassToken["Collapser"] = 7] = "Collapser";
+})(CollapseClassToken || (CollapseClassToken = {}));
 /**
  * @description
  * class name collection
@@ -429,8 +448,8 @@ const CLASS_NAMES = {
     [ComponentToken.Rate]: {
         [RateClassToken.Rate]: "rate",
         [RateClassToken.Star]: "rate__star",
-        [RateClassToken.Leading]: "rate__star-leading",
-        [RateClassToken.Trailing]: "rate__star-trailing",
+        [RateClassToken.Half]: "rate__star-half",
+        [RateClassToken.Full]: "rate__star-full",
     },
     [ComponentToken.Tour]: {
         [TourClassToken.Tour]: "tour",
@@ -481,6 +500,21 @@ const CLASS_NAMES = {
         [PopoverClassToken.Title]: "popover__title",
         [PopoverClassToken.Description]: "popover__description",
     },
+    [ComponentToken.Loading]: {
+        [LoadingClassToken.Loading]: "loading",
+        [LoadingClassToken.Spin]: "loading__spin",
+        [LoadingClassToken.Content]: "loading__content",
+    },
+    [ComponentToken.Collapse]: {
+        [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",
+    },
 };
 /**
  * @description
@@ -499,4 +533,4 @@ const addPrefix = (classNames, prefix) => {
  */
 const DEFAULT_CLASS_NAMES = addPrefix(CLASS_NAMES, Token.Prefix);
 
-export { AvatarClassToken, BreadcrumbClassToken, ButtonClassToken, CLASS_NAMES, CalendarClassToken, CascaderClassToken, CheckboxClassToken, ClockClassToken, ComponentToken, DEFAULT_CLASS_NAMES, DatePickerClassToken, DateRangePickerClassToken, DialogClassToken, DividerClassToken, DrawerClassToken, EmptyClassToken, FormClassToken, GridClassToken, IconClassToken, InputClassToken, MenuClassToken, NotificationClassToken, PaginationClassToken, PickerClassToken, PopoverClassToken, PopperClassToken, ProgressClassToken, RadioClassToken, RateClassToken, SelectClassToken, StepsClassToken, SwitchClassToken, TabsClassToken, TagClassToken, TimePickerClassToken, TimelineClassToken, TooltipClassToken, TourClassToken, TreeClassToken, 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, TreeClassToken, addPrefix, withPrefix };

package/dist/utils/styles.d.ts

@@ -3,4 +3,4 @@
  * stylex props always return a class name like string
  * in some case, i usally need an array of class names
  */
-export declare const toClassList: (className?: string) => string[];
+export declare const toClassList: (className?: string) => never[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",
@@ -23,13 +23,13 @@
     }
   },
   "dependencies": {
-    "@aiszlab/relax": "^1.2.50",
+    "@aiszlab/relax": "^1.2.55",
     "@floating-ui/dom": "^1.6.5",
     "@tanstack/react-table": "^8.16.0",
     "clsx": "^2.1.1",
-    "dayjs": "^1.11.10",
+    "dayjs": "^1.11.11",
     "deepmerge": "^4.3.1",
-    "framer-motion": "^11.2.10",
+    "framer-motion": "^11.2.11",
     "react-hook-form": "^7.47.0",
     "rxjs": "^7.8.1"
   },
@@ -42,8 +42,8 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
     "@stylexjs/babel-plugin": "^0.6.1",
-    "@stylexjs/rollup-plugin": "^0.5.1",
-    "@stylexjs/stylex": "^0.5.1",
+    "@stylexjs/rollup-plugin": "^0.6.1",
+    "@stylexjs/stylex": "^0.6.1",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
     "@testing-library/user-event": "^14.5.2",