musae 0.2.8 → 0.2.10

package/dist/stylex.css

@@ -4,6 +4,7 @@
 :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-1928g5l-B{from{background-position:100% 50%;}100%{background-position:0 50%;}}
 @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;}}
 @keyframes musae-f6d5zf-B{from{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:0;}8%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-5;}28%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-175;}36%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-220;}58%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-220;}66%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-225;}86%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-395;}94%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-440;}to{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-440;}}
 @keyframes musae-60a50w-B{from{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:0;}8%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:0;}16%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-5;}36%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-175;}44%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-220;}50%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-220;}58%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-225;}78%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-395;}86%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-440;}to{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-440;}}
@@ -91,12 +92,15 @@
 .musae-1bdtpbn:not(#\#):not(#\#):not(#\#){align-items:var(--alignItems,revert)}
 .musae-amitd3:not(#\#):not(#\#):not(#\#){align-self:center}
 .musae-qcrz7y:not(#\#):not(#\#):not(#\#){align-self:flex-start}
+.musae-mg6eyc:not(#\#):not(#\#):not(#\#){animation-duration:1.5s}
 .musae-1c74tu6:not(#\#):not(#\#):not(#\#){animation-duration:2s}
 .musae-a4qsjk:not(#\#):not(#\#):not(#\#){animation-iteration-count:infinite}
+.musae-9q1e4u:not(#\#):not(#\#):not(#\#){animation-name:musae-1928g5l-B}
 .musae-17fodkt:not(#\#):not(#\#):not(#\#){animation-name:musae-60a50w-B}
 .musae-wowzen:not(#\#):not(#\#):not(#\#){animation-name:musae-f6d5zf-B}
 .musae-1rxx6we:not(#\#):not(#\#):not(#\#){animation-name:musae-r5zuwi-B}
 .musae-1fnjvy4:not(#\#):not(#\#):not(#\#){animation-name:musae-rw80zm-B}
+.musae-1debuo4:not(#\#):not(#\#):not(#\#){animation-timing-function:ease}
 .musae-1esw782:not(#\#):not(#\#):not(#\#){animation-timing-function:linear}
 .musae-1plog1:not(#\#):not(#\#):not(#\#){aspect-ratio:1}
 .musae-1u5qhrl:not(#\#):not(#\#):not(#\#){background-color:#808080}
@@ -116,6 +120,7 @@
 .musae-1om1yv4:not(#\#):not(#\#):not(#\#){column-gap:var(--musae-h30iw9)}
 .musae-1ef45qx:not(#\#):not(#\#):not(#\#){column-gap:var(--musae-qk2ac7)}
 .musae-18jba3g:not(#\#):not(#\#):not(#\#){column-gap:var(--musae-vk5id6)}
+.musae-t0e3qv:not(#\#):not(#\#):not(#\#){cursor:default}
 .musae-mper1u:not(#\#):not(#\#):not(#\#){cursor:inherit}
 .musae-1h6gzvc:not(#\#):not(#\#):not(#\#){cursor:not-allowed}
 .musae-1ypdohk:not(#\#):not(#\#):not(#\#){cursor:pointer}
@@ -227,6 +232,10 @@ html[dir='rtl'] .musae-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .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-1i3z1r0:not(#\#):not(#\#):not(#\#){transform:translateX(-50%) translateY(-50%)}
+.musae-itovws:not(#\#):not(#\#):not(#\#){transform:translateX(-50%) translateY(50%)}
+.musae-rycbv3:not(#\#):not(#\#):not(#\#){transform:translateX(50%) translateY(-50%)}
+.musae-1vfo23u:not(#\#):not(#\#):not(#\#){transform:translateX(50%) translateY(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}
@@ -301,6 +310,7 @@ html[dir='rtl'] .musae-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .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-1v3ox18:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--musae-fwu7zn)}
 .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)}
@@ -329,6 +339,7 @@ html[dir='rtl'] .musae-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .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-70jws7:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--musae-1l9c3uf)}
 .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)}
@@ -366,6 +377,7 @@ html[dir='rtl'] .musae-p4054r:not(#\#):not(#\#):not(#\#){text-align:left}
 .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-2jq81:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musae-fwu7zn)}
 .musae-1wmt73o:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musae-laggmb)}
 .musae-r8isjd:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musae-oohzsl)}
 .musae-145rzd9:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--musae-rlgvtq)}

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

@@ -48,7 +48,10 @@ export declare enum ComponentToken {
     Loading = 36,
     Collapse = 37,
     Waterfall = 38,
-    Transfer = 39
+    Transfer = 39,
+    Badge = 40,
+    Skeleton = 41,
+    VisuallyHidden = 42
 }
 /**
  * @description
@@ -285,6 +288,17 @@ export declare enum TransferClassToken {
     Item = 5,
     Operation = 6
 }
+export declare enum BadgeClassToken {
+    Badge = 0,
+    Tail = 1
+}
+export declare enum SkeletonClassToken {
+    Skeleton = 0,
+    Circular = 1
+}
+export declare enum VisuallyHiddenClassToken {
+    VisuallyHidden = 0
+}
 /**
  * @description
  * class name collection
@@ -522,6 +536,17 @@ export declare const CLASS_NAMES: {
         2: string;
         4: string;
     };
+    40: {
+        0: string;
+        1: string;
+    };
+    41: {
+        0: string;
+        1: string;
+    };
+    42: {
+        0: string;
+    };
 };
 /**
  * @description
@@ -762,4 +787,15 @@ export declare const DEFAULT_CLASS_NAMES: {
         2: string;
         4: string;
     };
+    40: {
+        0: string;
+        1: string;
+    };
+    41: {
+        0: string;
+        1: string;
+    };
+    42: {
+        0: string;
+    };
 };

package/dist/utils/class-name.js

@@ -58,6 +58,9 @@ var ComponentToken;
     ComponentToken[ComponentToken["Collapse"] = 37] = "Collapse";
     ComponentToken[ComponentToken["Waterfall"] = 38] = "Waterfall";
     ComponentToken[ComponentToken["Transfer"] = 39] = "Transfer";
+    ComponentToken[ComponentToken["Badge"] = 40] = "Badge";
+    ComponentToken[ComponentToken["Skeleton"] = 41] = "Skeleton";
+    ComponentToken[ComponentToken["VisuallyHidden"] = 42] = "VisuallyHidden";
 })(ComponentToken || (ComponentToken = {}));
 /**
  * @description
@@ -334,6 +337,20 @@ var TransferClassToken;
     TransferClassToken[TransferClassToken["Item"] = 5] = "Item";
     TransferClassToken[TransferClassToken["Operation"] = 6] = "Operation";
 })(TransferClassToken || (TransferClassToken = {}));
+var BadgeClassToken;
+(function (BadgeClassToken) {
+    BadgeClassToken[BadgeClassToken["Badge"] = 0] = "Badge";
+    BadgeClassToken[BadgeClassToken["Tail"] = 1] = "Tail";
+})(BadgeClassToken || (BadgeClassToken = {}));
+var SkeletonClassToken;
+(function (SkeletonClassToken) {
+    SkeletonClassToken[SkeletonClassToken["Skeleton"] = 0] = "Skeleton";
+    SkeletonClassToken[SkeletonClassToken["Circular"] = 1] = "Circular";
+})(SkeletonClassToken || (SkeletonClassToken = {}));
+var VisuallyHiddenClassToken;
+(function (VisuallyHiddenClassToken) {
+    VisuallyHiddenClassToken[VisuallyHiddenClassToken["VisuallyHidden"] = 0] = "VisuallyHidden";
+})(VisuallyHiddenClassToken || (VisuallyHiddenClassToken = {}));
 /**
  * @description
  * class name collection
@@ -571,6 +588,17 @@ const CLASS_NAMES = {
         [TransferClassToken.Header]: "transfer__list-header",
         [TransferClassToken.Body]: "transfer__list-body",
     },
+    [ComponentToken.Badge]: {
+        [BadgeClassToken.Badge]: "badge",
+        [BadgeClassToken.Tail]: "badge__tail",
+    },
+    [ComponentToken.Skeleton]: {
+        [SkeletonClassToken.Skeleton]: "skeleton",
+        [SkeletonClassToken.Circular]: "skeleton--circular",
+    },
+    [ComponentToken.VisuallyHidden]: {
+        [VisuallyHiddenClassToken.VisuallyHidden]: "visually-hidden",
+    },
 };
 /**
  * @description
@@ -589,4 +617,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, TransferClassToken, TreeClassToken, WaterfallClassToken, addPrefix, withPrefix };
+export { AvatarClassToken, BadgeClassToken, 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, SkeletonClassToken, StepsClassToken, SwitchClassToken, TabsClassToken, TagClassToken, TimePickerClassToken, TimelineClassToken, TooltipClassToken, TourClassToken, TransferClassToken, TreeClassToken, VisuallyHiddenClassToken, WaterfallClassToken, addPrefix, withPrefix };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",
@@ -27,7 +27,7 @@
     "pnpm": ">=9"
   },
   "dependencies": {
-    "@aiszlab/relax": "^1.2.59",
+    "@aiszlab/relax": "^1.2.64",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^7.0.0",
     "@floating-ui/dom": "^1.6.5",

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

@@ -1,12 +0,0 @@
-import { type FocusEventHandler, type MouseEventHandler } from "react";
-/**
- * @description
- * use events for input
- */
-export declare const useEvents: ({ onBlur, onClick, }: {
-    onBlur: FocusEventHandler<HTMLDivElement>;
-    onClick: MouseEventHandler<HTMLDivElement>;
-}) => {
-    blur: FocusEventHandler<HTMLDivElement>;
-    click: MouseEventHandler<HTMLDivElement>;
-};

package/dist/components/picker/hooks.js

@@ -1,23 +0,0 @@
-import { useCallback } from 'react';
-
-/**
- * @description
- * use events for input
- */
-const useEvents = ({ onBlur, onClick, }) => {
-    const blur = useCallback((e) => {
-        onBlur?.(e);
-        e.stopPropagation();
-    }, [onBlur]);
-    /// click handler
-    const click = useCallback((e) => {
-        onClick?.(e);
-        e.stopPropagation();
-    }, [onClick]);
-    return {
-        blur,
-        click,
-    };
-};
-
-export { useEvents };

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

@@ -1,18 +0,0 @@
-import React, { KeyboardEvent } from "react";
-export type Dismissable = "esc" | "overlay" | "close";
-/**
- * @description
- * for dialog, dismiss means some events or some elements
- * in musae, we use a hook to handle this
- *
- * by default, dismissable may be different type, like `false` | ['esc'] | undefined
- * resolve these types, we convert to `Set<Dismissable>`
- */
-export declare const useDismissable: (props: {
-    onClose?: VoidFunction;
-    dismissable: boolean | Dismissable[];
-}) => {
-    closer: React.JSX.Element | null;
-    onOverlayClick: () => void;
-    onKeyDown: (e: KeyboardEvent<HTMLDivElement>) => void;
-};