@orderly.network/ui 3.0.0-beta.3 → 3.0.0-beta.5

package/dist/index.mjs

@@ -8,7 +8,7 @@ import { isValid, format } from 'date-fns';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import makeBlockie from 'ethereum-blockies-base64';
 import { findLongestCommonSubString, Decimal, getPrecisionByNumber, numberToHumanStyle, commify, todpIfNeed, formatNum } from '@orderly.network/utils';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { enUS } from 'date-fns/locale';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -5242,22 +5242,22 @@ var modalActions = {
   setStates,
   updateArgs
 };
-var Sheet = DialogPrimitive.Root;
-var SheetTrigger = DialogPrimitive.Trigger;
-var SheetClose = DialogPrimitive.Close;
-var SheetPortal = DialogPrimitive.Portal;
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
 var SheetOverlay = React79.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Overlay,
+  SheetPrimitive.Overlay,
   {
     className: cnBase(
-      "oui-sheet-overlay oui-fixed oui-inset-0 oui-z-50 oui-bg-black/60 oui-backdrop-blur-sm data-[state=open]:oui-animate-in data-[state=closed]:oui-animate-out data-[state=closed]:oui-fade-out-0 data-[state=open]:oui-fade-in-0",
+      "oui-sheet-overlay oui-fixed oui-inset-0 oui-z-50 oui-bg-black/50 oui-backdrop-blur-sm data-[state=open]:oui-animate-in data-[state=closed]:oui-animate-out data-[state=closed]:oui-fade-out-0 data-[state=open]:oui-fade-in-0",
       className
     ),
     ...props,
     ref
   }
 ));
-SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
 var sheetVariants = tv$1({
   base: "oui-sheet-content oui-fixed oui-z-50 oui-gap-4 oui-bg-base-8 oui-px-4 oui-shadow-lg oui-transition oui-ease-in-out data-[state=closed]:oui-duration-260 data-[state=open]:oui-duration-300 data-[state=open]:oui-animate-in data-[state=closed]:oui-animate-out",
   variants: {
@@ -5285,7 +5285,7 @@ var SheetContent = React79.forwardRef(
   }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
     /* @__PURE__ */ jsx(SheetOverlay, { className: overlayClassName }),
     /* @__PURE__ */ jsxs(
-      DialogPrimitive.Content,
+      SheetPrimitive.Content,
       {
         ref,
         className: cnBase(sheetVariants({ side }), className),
@@ -5294,7 +5294,7 @@ var SheetContent = React79.forwardRef(
         ...props,
         children: [
           closeable && /* @__PURE__ */ jsxs(
-            DialogPrimitive.Close,
+            SheetPrimitive.Close,
             {
               className: cnBase(
                 "oui-sheet-close-btn oui-ring-offset-base-700 focus:oui-ring-ring oui-absolute oui-right-4 oui-top-4 oui-z-10 oui-rounded-sm oui-transition-opacity focus:oui-outline-none focus:oui-ring-2 focus:oui-ring-offset-2 active:oui-outline-none focus:orderly-outline-none disabled:oui-pointer-events-none data-[state=open]:oui-bg-secondary",
@@ -5320,7 +5320,7 @@ var SheetContent = React79.forwardRef(
     )
   ] })
 );
-SheetContent.displayName = DialogPrimitive.Content.displayName;
+SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   leading,
@@ -5368,29 +5368,24 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React79.forwardRef(({ className, leading, ...props }, ref) => /* @__PURE__ */ jsxs(
-  "div",
-  {
-    className: "oui-sheet-header oui-grid oui-grid-cols-[40px_1fr_40px] oui-items-center",
-    ref,
-    children: [
-      /* @__PURE__ */ jsx("div", { children: leading }),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cnBase(
-            "oui-flex oui-flex-col oui-space-y-2 oui-text-center oui-text-lg oui-text-base-contrast",
-            className
-          ),
-          ...props
-        }
-      )
-    ]
-  }
-));
-SheetTitle.displayName = DialogPrimitive.Title.displayName;
+var SheetTitle = React79.forwardRef(({ className, leading, children, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "oui-sheet-header oui-grid oui-grid-cols-[40px_1fr_40px] oui-items-center", children: [
+  /* @__PURE__ */ jsx("div", { children: leading }),
+  /* @__PURE__ */ jsx(
+    SheetPrimitive.Title,
+    {
+      ref,
+      className: cnBase(
+        "oui-flex oui-flex-col oui-space-y-2 oui-text-center oui-text-lg oui-text-base-contrast",
+        className
+      ),
+      ...props,
+      children
+    }
+  )
+] }));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
 var SheetDescription = React79.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Description,
+  SheetPrimitive.Description,
   {
     ref,
     className: cnBase(
@@ -5400,7 +5395,7 @@ var SheetDescription = React79.forwardRef(({ className, ...props }, ref) => /* @
     ...props
   }
 ));
-SheetDescription.displayName = DialogPrimitive.Description.displayName;
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
 function createSheetComponent(Comp) {
   return modal.create((props) => {
     const { title, leading, classNames, contentProps, closable, ...rest } = props;
@@ -5660,10 +5655,10 @@ var SimpleSheet = (props) => {
       closeable: closable,
       ...contentProps,
       children: [
-        title && /* @__PURE__ */ jsxs(Fragment, { children: [
+        title ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(SheetHeader, { leading: props.leading, children: /* @__PURE__ */ jsx(SheetTitle, { children: title }) }),
           /* @__PURE__ */ jsx(Divider, {})
-        ] }),
+        ] }) : /* @__PURE__ */ jsx(SheetPrimitive.Title, { className: "oui-sr-only", children: "sheet title" }),
         /* @__PURE__ */ jsx(SheetBody, { className: classNames?.body, children: props.children })
       ]
     }
@@ -5683,7 +5678,7 @@ var dialogVariants = tv$1({
       "oui-fixed",
       "oui-inset-0",
       "oui-z-50",
-      "oui-bg-black/60",
+      "oui-bg-black/50",
       "oui-backdrop-blur-sm",
       "data-[state=open]:oui-animate-in",
       "data-[state=closed]:oui-animate-out",
@@ -5828,14 +5823,14 @@ var dialogVariants = tv$1({
     intensity: 800
   }
 });
-var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogClose = DialogPrimitive.Close;
+var Dialog = SheetPrimitive.Root;
+var DialogTrigger = SheetPrimitive.Trigger;
+var DialogPortal = SheetPrimitive.Portal;
+var DialogClose = SheetPrimitive.Close;
 var DialogOverlay = React79.forwardRef(({ className, ...props }, ref) => {
   const { overlay } = dialogVariants();
   return /* @__PURE__ */ jsx(
-    DialogPrimitive.Overlay,
+    SheetPrimitive.Overlay,
     {
       ref,
       className: overlay({ className }),
@@ -5843,7 +5838,7 @@ var DialogOverlay = React79.forwardRef(({ className, ...props }, ref) => {
     }
   );
 });
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+DialogOverlay.displayName = SheetPrimitive.Overlay.displayName;
 var DialogContent = React79.forwardRef(
   ({
     overlyClassName,
@@ -5858,7 +5853,7 @@ var DialogContent = React79.forwardRef(
     return /* @__PURE__ */ jsxs(DialogPortal, { children: [
       /* @__PURE__ */ jsx(DialogOverlay, { className: overlyClassName }),
       /* @__PURE__ */ jsxs(
-        DialogPrimitive.Content,
+        SheetPrimitive.Content,
         {
           ref,
           className: content({ className }),
@@ -5866,7 +5861,7 @@ var DialogContent = React79.forwardRef(
           children: [
             children,
             closable && /* @__PURE__ */ jsxs(
-              DialogPrimitive.Close,
+              SheetPrimitive.Close,
               {
                 className: close(),
                 "data-testid": "oui-testid-dialog-content-close-btn",
@@ -5882,7 +5877,7 @@ var DialogContent = React79.forwardRef(
     ] });
   }
 );
-DialogContent.displayName = DialogPrimitive.Content.displayName;
+DialogContent.displayName = SheetPrimitive.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
@@ -5909,7 +5904,7 @@ DialogFooter.displayName = "DialogFooter";
 var DialogTitle = React79.forwardRef(({ className, ...props }, ref) => {
   const { title } = dialogVariants();
   return /* @__PURE__ */ jsx(
-    DialogPrimitive.Title,
+    SheetPrimitive.Title,
     {
       ref,
       className: title({ className }),
@@ -5917,11 +5912,11 @@ var DialogTitle = React79.forwardRef(({ className, ...props }, ref) => {
     }
   );
 });
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
+DialogTitle.displayName = SheetPrimitive.Title.displayName;
 var DialogDescription = React79.forwardRef(({ className, ...props }, ref) => {
   const { desc } = dialogVariants();
   return /* @__PURE__ */ jsx(
-    DialogPrimitive.Description,
+    SheetPrimitive.Description,
     {
       ref,
       className: desc({ className }),
@@ -5929,7 +5924,7 @@ var DialogDescription = React79.forwardRef(({ className, ...props }, ref) => {
     }
   );
 });
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
+DialogDescription.displayName = SheetPrimitive.Description.displayName;
 var SimpleDialogFooter = (props) => {
   const { actions } = props;
   const [primaryLoading, setPrimaryLoading] = useState(
@@ -6019,10 +6014,10 @@ var SimpleDialog = (props) => {
       overlyClassName: props.classNames?.overlay,
       ...props.contentProps,
       children: [
-        title && /* @__PURE__ */ jsxs(Fragment, { children: [
+        title ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) }),
           /* @__PURE__ */ jsx(Divider, {})
-        ] }),
+        ] }) : /* @__PURE__ */ jsx(SheetPrimitive.Title, { className: "oui-sr-only", children: "dialog title" }),
         /* @__PURE__ */ jsx(DialogBody, { className: props.classNames?.body, children: props.children }),
         typeof props.description !== "undefined" && /* @__PURE__ */ jsx(DialogDescription, { children: props.description }),
         /* @__PURE__ */ jsx(