musae 0.2.1 → 0.2.2

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

@@ -3,8 +3,6 @@ import type { AvatarProps } from "./types";
 /**
  * @description
  * `Avatar`
- *
- * component
  */
 declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
 export default Avatar;

package/dist/components/avatar/avatar.js

@@ -7,6 +7,7 @@ import { useClassNames } from '../../hooks/use-class-names.js';
 import { ComponentToken, AvatarClassToken } from '../../utils/class-name.js';
 import clsx from 'clsx';
 import { typography } from '../theme/theme.js';
+import { useImage } from '../../hooks/use-image.js';
 
 const styles = {
   avatar: props => [{
@@ -124,15 +125,12 @@ const styles = {
 /**
  * @description
  * `Avatar`
- *
- * component
  */
 const Avatar = forwardRef(({
   src,
   alt,
   shape: _shape = "circular",
   size: _size = "medium",
-  fallback,
   ...props$1
 }, ref) => {
   const theme = useTheme();
@@ -141,6 +139,9 @@ const Avatar = forwardRef(({
   const size = group?.size ?? _size;
   const shape = group?.shape ?? _shape;
   const classNames = useClassNames(ComponentToken.Avatar);
+  const isLoaded = useImage({
+    src
+  });
   const styled = {
     avatar: props(typography.label[size], styles.avatar({
       backgroundColor: theme.colors[ColorToken.PrimaryContainer],
@@ -157,13 +158,13 @@ const Avatar = forwardRef(({
     className: clsx(classNames[AvatarClassToken.Avatar], styled.avatar.className),
     style: styled.avatar.style,
     ref: ref
-  }, !!src ? React.createElement("img", {
+  }, isLoaded === "loaded" ? React.createElement("img", {
     draggable: false,
     src: src,
     alt: alt,
     className: styled.image.className,
     style: styled.image.style
-  }) : fallback);
+  }) : alt?.slice(0, 2).toUpperCase());
 });
 
 export { Avatar as default };

package/dist/components/avatar/group.js

@@ -37,7 +37,7 @@ const Group = ({
         key: "avatars-hidden",
         placement: "top"
       }, React.createElement(Avatar, {
-        fallback: `+${hidden.length}`
+        alt: `+${hidden.length}`
       })));
     }
     return visible;

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

@@ -14,7 +14,9 @@ export type AvatarProps = {
     src?: string;
     /**
      * @description
-     * alt
+     * alt, (fallback usage)
+     * if user do not provide `src`, or `src` is invalid
+     * show `alt`
      * @default void 0
      */
     alt?: string;
@@ -30,14 +32,6 @@ export type AvatarProps = {
      * @default "circular"
      */
     shape?: Shape;
-    /**
-     * @description
-     * fallback node
-     * if user do not provide `src`, or `src` is invalid
-     * show `fallback`
-     * @default void 0
-     */
-    fallback?: ReactNode;
 };
 /**
  * @description

package/dist/components/calendar/hooks.js

@@ -41,21 +41,21 @@ const styles = {
     $$css: true
   },
   range: {
-    "::before_insetInlineStart": "musae-1682cnc",
+    "::before_insetInlineStart": "musae-1kfboi8",
     "::before_left": null,
     "::before_right": null,
-    "::before_insetInlineEnd": "musae-typ5od",
+    "::before_insetInlineEnd": "musae-1x8jx26",
     $$css: true
   },
   from: {
     "::before_insetInlineStart": "musae-fbisj7",
     "::before_left": null,
     "::before_right": null,
-    "::before_insetInlineEnd": "musae-typ5od",
+    "::before_insetInlineEnd": "musae-1x8jx26",
     $$css: true
   },
   to: {
-    "::before_insetInlineStart": "musae-1682cnc",
+    "::before_insetInlineStart": "musae-1kfboi8",
     "::before_left": null,
     "::before_right": null,
     "::before_insetInlineEnd": "musae-1gkks1t",

package/dist/components/dialog/popup.js

@@ -19,8 +19,8 @@ const styles = {
   },
   overlay: props => [{
     position: "musae-10l6tqk",
-    top: "musae-13vifvy",
-    left: "musae-u96u03",
+    top: "musae-9oc6z4",
+    left: "musae-1tjciyl",
     insetInlineStart: null,
     insetInlineEnd: null,
     width: "musae-n9wirt",
@@ -137,7 +137,7 @@ const Popup = ({
   }, [open]);
   const styled = {
     popup: {
-      className: "musae-ixxii4 musae-13vifvy musae-u96u03 musae-n9wirt musae-1dr59a3 musae-47corl musae-1tv1kli musae-78zum5 musae-l56j7k musae-6s0dn4"
+      className: "musae-ixxii4 musae-9oc6z4 musae-1tjciyl musae-n9wirt musae-1dr59a3 musae-47corl musae-1tv1kli musae-78zum5 musae-l56j7k musae-6s0dn4"
     },
     overlay: props(styles.overlay({
       backgroundColor: theme.colors[ColorToken.SurfaceDim]

package/dist/components/drawer/popup.js

@@ -14,7 +14,7 @@ import { contains } from '../../node_modules/@aiszlab/relax/dist/dom/contains.js
 const styles = {
   popup: {
     position: "musae-ixxii4",
-    inset: "musae-10a8y8t",
+    inset: "musae-ezip7x",
     insetInline: null,
     insetInlineStart: null,
     insetInlineEnd: null,
@@ -29,7 +29,7 @@ const styles = {
   },
   overlay: props => [{
     position: "musae-10l6tqk",
-    inset: "musae-10a8y8t",
+    inset: "musae-ezip7x",
     insetInline: null,
     insetInlineStart: null,
     insetInlineEnd: null,
@@ -61,44 +61,44 @@ const styles = {
     "--transform": props.transform != null ? props.transform : "initial"
   }],
   right: props => [{
-    right: "musae-3m8u43",
+    right: "musae-15gpytn",
     insetInlineStart: null,
     insetInlineEnd: null,
-    top: "musae-13vifvy",
-    bottom: "musae-1ey2m1c",
+    top: "musae-9oc6z4",
+    bottom: "musae-1sh2tzk",
     width: "musae-17fnjtu",
     $$css: true
   }, {
     "--width": (val => typeof val === "number" ? val + "px" : val != null ? val : "initial")(props.size)
   }],
   left: props => [{
-    left: "musae-u96u03",
+    left: "musae-1tjciyl",
     insetInlineStart: null,
     insetInlineEnd: null,
-    top: "musae-13vifvy",
-    bottom: "musae-1ey2m1c",
+    top: "musae-9oc6z4",
+    bottom: "musae-1sh2tzk",
     width: "musae-17fnjtu",
     $$css: true
   }, {
     "--width": (val => typeof val === "number" ? val + "px" : val != null ? val : "initial")(props.size)
   }],
   bottom: props => [{
-    bottom: "musae-1ey2m1c",
-    left: "musae-u96u03",
+    bottom: "musae-1sh2tzk",
+    left: "musae-1tjciyl",
     insetInlineStart: null,
     insetInlineEnd: null,
-    right: "musae-3m8u43",
+    right: "musae-15gpytn",
     height: "musae-1jwls1v",
     $$css: true
   }, {
     "--height": (val => typeof val === "number" ? val + "px" : val != null ? val : "initial")(props.size)
   }],
   top: props => [{
-    top: "musae-13vifvy",
-    left: "musae-u96u03",
+    top: "musae-9oc6z4",
+    left: "musae-1tjciyl",
     insetInlineStart: null,
     insetInlineEnd: null,
-    right: "musae-3m8u43",
+    right: "musae-15gpytn",
     height: "musae-1jwls1v",
     $$css: true
   }, {
@@ -187,7 +187,7 @@ const Popup = ({
   }, [open]);
   const styled = {
     popup: {
-      className: "musae-ixxii4 musae-10a8y8t musae-47corl musae-mn8nw1"
+      className: "musae-ixxii4 musae-ezip7x musae-47corl musae-mn8nw1"
     },
     overlay: props(styles.overlay({
       backgroundColor: theme.colors[ColorToken.SurfaceDim]

package/dist/components/image/preview/operations.js

@@ -13,10 +13,10 @@ import KeyboardArrowRight from '../../icon/icons/hardware/keyboard-arrow-right.j
 const styles = {
   footer: props => [{
     position: "musae-ixxii4",
-    left: "musae-u96u03",
+    left: "musae-1tjciyl",
     insetInlineStart: null,
     insetInlineEnd: null,
-    right: "musae-3m8u43",
+    right: "musae-15gpytn",
     bottom: "musae-1ii70tt",
     display: "musae-78zum5",
     flexDirection: "musae-dt5ytf",
@@ -74,7 +74,7 @@ const Operations = ({
       className: "musae-1qtgrog musae-14l26ut"
     },
     navigations: {
-      className: "musae-ixxii4 musae-u96u03 musae-3m8u43 musae-wa60dl musae-gj1dgu musae-78zum5 musae-1q0g3np musae-1qughib musae-6s0dn4"
+      className: "musae-ixxii4 musae-1tjciyl musae-15gpytn musae-wa60dl musae-gj1dgu musae-78zum5 musae-1q0g3np musae-1qughib musae-6s0dn4"
     },
     footer: _stylex.props(styles.footer({
       color: theme.colors[ColorToken.OnSurface]

package/dist/components/layout/header.js

@@ -14,7 +14,7 @@ const styles = {
     paddingRight: null,
     marginBottom: "musae-hq7bbv",
     position: "musae-7wzq59",
-    top: "musae-13vifvy",
+    top: "musae-9oc6z4",
     zIndex: "musae-1ac462h",
     display: "musae-78zum5",
     alignItems: "musae-6s0dn4",

package/dist/components/notification/holder.js

@@ -25,8 +25,8 @@ const styles = {
     $$css: true
   },
   top: {
-    top: "musae-13vifvy",
-    insetInline: "musae-17y0mx6",
+    top: "musae-9oc6z4",
+    insetInline: "musae-l33w4x",
     insetInlineStart: null,
     insetInlineEnd: null,
     left: null,
@@ -35,22 +35,22 @@ const styles = {
     $$css: true
   },
   topRight: {
-    top: "musae-13vifvy",
-    insetInlineEnd: "musae-tijo5x",
+    top: "musae-9oc6z4",
+    insetInlineEnd: "musae-hw0b42",
     left: null,
     right: null,
     $$css: true
   },
   topLeft: {
-    top: "musae-13vifvy",
-    insetInlineStart: "musae-1o0tod",
+    top: "musae-9oc6z4",
+    insetInlineStart: "musae-1at4hj2",
     left: null,
     right: null,
     $$css: true
   },
   bottom: {
-    bottom: "musae-1ey2m1c",
-    insetInline: "musae-17y0mx6",
+    bottom: "musae-1sh2tzk",
+    insetInline: "musae-l33w4x",
     insetInlineStart: null,
     insetInlineEnd: null,
     left: null,
@@ -59,15 +59,15 @@ const styles = {
     $$css: true
   },
   bottomLeft: {
-    bottom: "musae-1ey2m1c",
-    insetInlineStart: "musae-1o0tod",
+    bottom: "musae-1sh2tzk",
+    insetInlineStart: "musae-1at4hj2",
     left: null,
     right: null,
     $$css: true
   },
   bottomRight: {
-    bottom: "musae-1ey2m1c",
-    insetInlineEnd: "musae-tijo5x",
+    bottom: "musae-1sh2tzk",
+    insetInlineEnd: "musae-hw0b42",
     left: null,
     right: null,
     $$css: true

package/dist/components/notification/notification.js

@@ -52,7 +52,7 @@ const styles = {
       transitionDuration: "musae-13dflua",
       transform: "musae-1v0jg1i",
       opacity: "musae-g01cxk",
-      marginTop: "musae-dj266r",
+      marginTop: "musae-1q12cbh",
       display: "musae-rvj5dj",
       gap: "musae-vbka3v",
       rowGap: null,

package/dist/components/popper/dropdown.js

@@ -16,8 +16,8 @@ const styles = {
       zIndex: "musae-1axsr4t",
       position: "musae-10l6tqk",
       backgroundColor: "musae-q1mx2j",
-      top: "musae-13vifvy",
-      insetInlineStart: "musae-1o0tod",
+      top: "musae-9oc6z4",
+      insetInlineStart: "musae-1at4hj2",
       left: null,
       right: null,
       boxShadow: "musae-ezd0au",

package/dist/components/rate/star.js

@@ -36,10 +36,10 @@ const styles = {
       position: "musae-10l6tqk",
       width: "musae-1gn8jaj",
       height: "musae-b27hse",
-      insetInlineStart: "musae-1o0tod",
+      insetInlineStart: "musae-1at4hj2",
       left: null,
       right: null,
-      top: "musae-13vifvy",
+      top: "musae-9oc6z4",
       opacity: "musae-g01cxk",
       userSelect: "musae-87ps6o",
       overflow: "musae-b3r6kr",

package/dist/components/switch/switch.js

@@ -192,20 +192,20 @@ const styles = {
       $$css: true
     },
     checked: {
-      marginInlineStart: "musae-1lziwak",
+      marginInlineStart: "musae-1tt3wx9",
       marginLeft: null,
       marginRight: null,
-      marginInlineEnd: "musae-14z9mp",
+      marginInlineEnd: "musae-fbia9g",
       $$css: true
     }
   },
   trailing: {
     default: {
       marginTop: "musae-ncydc0",
-      marginInlineEnd: "musae-14z9mp",
+      marginInlineEnd: "musae-fbia9g",
       marginLeft: null,
       marginRight: null,
-      marginInlineStart: "musae-1lziwak",
+      marginInlineStart: "musae-1tt3wx9",
       $$css: true
     },
     checked: {

package/dist/components/table/header.js

@@ -24,7 +24,7 @@ const styles = {
     ":not(:last-of-type)::after_height": "musae-1su0kt9",
     ":not(:last-of-type)::after_backgroundColor": "musae-9cqmhv",
     ":not(:last-of-type)::after_transform": "musae-1kmnipp",
-    ":not(:last-of-type)::after_insetInlineEnd": "musae-192i3sz",
+    ":not(:last-of-type)::after_insetInlineEnd": "musae-1sd0t5p",
     ":not(:last-of-type)::after_left": null,
     ":not(:last-of-type)::after_right": null,
     $$css: true

package/dist/components/tour/tour.js

@@ -17,7 +17,7 @@ import { useGutters } from '../../hooks/use-gutters.js';
 const styles = {
   overlay: props => [{
     position: "musae-10l6tqk",
-    inset: "musae-10a8y8t",
+    inset: "musae-ezip7x",
     insetInline: null,
     insetInlineStart: null,
     insetInlineEnd: null,

package/dist/hooks/use-image.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributeReferrerPolicy } from "react";
+/**
+ * @description
+ * prefetch image
+ * if image load failed, get fail status
+ */
+export declare const useImage: ({ src, crossOrigin, referrerPolicy, }: {
+    src?: string;
+    crossOrigin?: string;
+    referrerPolicy?: HTMLAttributeReferrerPolicy;
+}) => false | "error" | "loaded";

package/dist/hooks/use-image.js

@@ -0,0 +1,34 @@
+import { useState, useEffect } from 'react';
+
+/**
+ * @description
+ * prefetch image
+ * if image load failed, get fail status
+ */
+const useImage = ({ src, crossOrigin, referrerPolicy = "no-referrer", }) => {
+    const [isLoaded, setIsLoaded] = useState(false);
+    useEffect(() => {
+        if (!src) {
+            return;
+        }
+        setIsLoaded(false);
+        const image = new Image();
+        image.onload = () => {
+            setIsLoaded("loaded");
+        };
+        image.onerror = () => {
+            setIsLoaded("error");
+        };
+        image.crossOrigin = crossOrigin ?? null;
+        image.referrerPolicy = referrerPolicy;
+        image.src = src;
+        return () => {
+            image.onload = null;
+            image.onerror = null;
+            image.remove();
+        };
+    }, [src, crossOrigin, referrerPolicy]);
+    return isLoaded;
+};
+
+export { useImage };

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)}
@@ -60,7 +60,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 +150,8 @@
 .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-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,10 +177,10 @@
 .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)}
@@ -251,7 +251,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,7 +263,7 @@ 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}
@@ -285,14 +285,14 @@ html[dir='rtl'] .musae-1yc453h:not(#\#):not(#\#):not(#\#){text-align:right}
 .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)}
@@ -323,10 +323,10 @@ 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)}
@@ -382,9 +382,9 @@ 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)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",
@@ -27,7 +27,7 @@
     "@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",
     "react-hook-form": "^7.47.0",
@@ -42,7 +42,7 @@
     "@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/rollup-plugin": "^0.6.1",
     "@stylexjs/stylex": "^0.5.1",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",