myshell-react-lib 0.3.2 → 0.3.3

package/dist/index.cjs

@@ -12032,7 +12032,7 @@ var DialogOverlay = React25.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DialogPrimitive.Overlay, _object_spread({
         ref: ref,
-        className: cn("fixed inset-0 z-50 bg-opacity-90 md:bg-opacity-75 bg-Colors-Background-Utilities-Overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className)
+        className: cn("fixed inset-0 z-50 bg-opacity-90 md:bg-opacity-75 bg-Colors-Background-Utilities-Overlay backdrop-blur-xl data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className)
     }, props));
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
@@ -12057,12 +12057,12 @@ var DialogContent = React25.forwardRef(function(_param, ref) {
             }),
             /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(DialogPrimitive.Content, _object_spread_props(_object_spread({
                 ref: ref,
-                className: cn("fixed left-[50%] top-[50%] z-50 grid w-[90%] rounded-4xl max-w-lg translate-x-[-50%] translate-y-[-50%] bg-Colors-Background-Normal-Primary-Default shadow-modal-default duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] focus-visible-style", className)
+                className: cn("fixed left-[50%] top-[50%] z-50 grid w-[90%] rounded-4xl max-w-lg translate-x-[-50%] translate-y-[-50%] bg-Colors-Background-Utilities-Modal shadow-modal-default duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] focus-visible-style", className)
             }, props), {
                 children: [
                     children,
                     !hideClose && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(DialogPrimitive.Close, {
-                        className: cn("w-9 h-9 absolute right-5 top-3 flex justify-center items-center focus-visible:outline-0 rounded-full hover:bg-Colors-Background-Normal-Primary-Hover", iconClassName),
+                        className: cn("w-9 h-9 absolute right-5 top-3 flex justify-center items-center outline-none focus-visible:outline-0 rounded-full hover:bg-Colors-Background-Normal-Primary-Hover", iconClassName),
                         onClick: function() {
                             onClose && onClose();
                         },
@@ -12392,7 +12392,7 @@ var DrawerOverlay = React28.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_vaul.Drawer.Overlay, _object_spread({
         ref: ref,
-        className: cn("fixed inset-0 z-50 bg-Colors-Background-Utilities-Overlay", className)
+        className: cn("fixed inset-0 z-50 bg-Colors-Background-Utilities-Overlay backdrop-blur-xl", className)
     }, props));
 });
 DrawerOverlay.displayName = import_vaul.Drawer.Overlay.displayName;
@@ -12406,7 +12406,7 @@ var DrawerContent = React28.forwardRef(function(_param, ref) {
             /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DrawerOverlay, {}),
             /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_vaul.Drawer.Content, _object_spread_props(_object_spread({
                 ref: ref,
-                className: cn("fixed inset-x-0 bottom-0 z-50 flex h-auto max-h-[70%] flex-col rounded-t-2xl bg-Colors-Background-Normal-Primary-Default shadow-modal-default", className)
+                className: cn("fixed inset-x-0 bottom-0 z-50 flex h-auto max-h-[70%] flex-col rounded-t-2xl bg-Colors-Background-Utilities-Modal shadow-modal-default", className)
             }, props), {
                 children: children
             }))
@@ -13589,7 +13589,7 @@ var ModalOverlay = React37.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DialogPrimitive2.Overlay, _object_spread({
         ref: ref,
-        className: cn("fixed inset-0 z-50 bg-Colors-Background-Utilities-Overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
+        className: cn("fixed inset-0 z-50 bg-Colors-Background-Utilities-Overlay backdrop-blur-xl data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
         onClick: function(e) {
             onClick && onClick(e);
         }
@@ -13717,6 +13717,7 @@ var Modal = function(_param) {
                 }),
                 !hideClose && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_vaul2.Drawer.Close, {
                     asChild: true,
+                    className: "outline-none focus-visible:outline-none",
                     children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", {
                         className: cn("absolute right-4 top-3", closeClassName),
                         onClick: function() {
@@ -13800,7 +13801,7 @@ var Modal = function(_param) {
         }
     };
     var dialogContent = /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(ModalContent, {
-        className: cn("rounded-md border-Colors-Border-Opaque bg-Colors-Background-Utilities-Modal shadow-modal-default backdrop-blur-xl overflow-hidden", !isMobile2 ? modalVariants({
+        className: cn("rounded-md border-Colors-Border-Opaque bg-Colors-Background-Utilities-Modal shadow-modal-default overflow-hidden", !isMobile2 ? modalVariants({
             size: size,
             zIndex: zIndex
         }) : isLogin ? "w-[90%]" : "w-[80%]", isNotification && "w-[312px] md:w-[380px]", contentClassName),