@fileverse/ui 4.1.2-patch-1 → 4.1.2-patch-2

package/dist/index.css

@@ -1088,9 +1088,6 @@ video {
 .right-5 {
   right: 1.25rem;
 }
-.right-6 {
-  right: 1.5rem;
-}
 .top-0 {
   top: 0px;
 }
@@ -1103,12 +1100,6 @@ video {
 .top-3 {
   top: 0.75rem;
 }
-.top-5 {
-  top: 1.25rem;
-}
-.top-6 {
-  top: 1.5rem;
-}
 .top-\[50\%\] {
   top: 50%;
 }

package/dist/index.es.d.ts

@@ -306,6 +306,7 @@ export declare const DrawerContent: React_2.ForwardRefExoticComponent<DrawerCont
 declare interface DrawerContentProps extends React_2.ComponentPropsWithoutRef<typeof Drawer_2.Content> {
     hasCloseIcon?: boolean;
     overlayClasses?: string;
+    onClose?: (open: boolean) => void;
 }
 
 export declare const DrawerDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
@@ -383,7 +384,7 @@ export declare const DynamicModal: ({ open, onOpenChange, title, description, co
 export declare interface DynamicModalProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
-    title: string | default_2.ReactNode;
+    title?: string | default_2.ReactNode;
     description?: string;
     content?: default_2.ReactNode;
     primaryAction?: {

package/dist/index.es.js

@@ -38719,7 +38719,7 @@ const j0 = p.forwardRef(
         ...o,
         children: [
           t,
-          a && /* @__PURE__ */ u.jsx(h3, { className: "absolute right-5 top-5 rounded-sm ring-offset-white hover:color-bg-default-hover p-1 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focused focus-visible:ring-offset-2 disabled:pointer-events-none data-[state=open]:color-bg-default-selected data-[state=open]:color-text-default", children: /* @__PURE__ */ u.jsx(To, { name: "Close", className: "h-5 w-5", fill: "#363B3F" }) })
+          a && /* @__PURE__ */ u.jsx(h3, { className: "absolute top-2 right-4 rounded-sm ring-offset-white hover:color-bg-default-hover p-1 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focused focus-visible:ring-offset-2 disabled:pointer-events-none data-[state=open]:color-bg-default-selected data-[state=open]:color-text-default", children: /* @__PURE__ */ u.jsx(To, { name: "Close", className: "h-5 w-5", fill: "#363B3F" }) })
         ]
       }
     ) })
@@ -38780,24 +38780,33 @@ const Lae = Vt.Trigger, PJ = Vt.Portal, S0 = Vt.Close, g3 = p.forwardRef(({ clas
   }
 ));
 g3.displayName = Vt.Overlay.displayName;
-const T0 = p.forwardRef(({ className: e, children: t, hasCloseIcon: a, overlayClasses: n, ...r }, o) => /* @__PURE__ */ u.jsxs(PJ, { children: [
-  /* @__PURE__ */ u.jsx(g3, { className: n }),
-  /* @__PURE__ */ u.jsx(Ba, { trapped: !1, children: /* @__PURE__ */ u.jsxs(
-    Vt.Content,
-    {
-      ref: o,
-      className: ye(
-        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col gap-4 rounded-t-[10px] border color-bg-default",
-        e
-      ),
-      ...r,
-      children: [
-        t,
-        a && /* @__PURE__ */ u.jsx(S0, { className: "absolute top-6 right-6 rounded-sm ring-offset-white hover:color-bg-default-hover p-1 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focused focus-visible:ring-offset-2 disabled:pointer-events-none data-[state=open]:color-bg-default-selected data-[state=open]:color-text-default", children: /* @__PURE__ */ u.jsx(To, { name: "Close", className: "h-5 w-5", fill: "#363B3F" }) })
-      ]
-    }
-  ) })
-] }));
+const T0 = p.forwardRef(
+  ({ className: e, children: t, hasCloseIcon: a, overlayClasses: n, onClose: r, ...o }, s) => /* @__PURE__ */ u.jsxs(PJ, { children: [
+    /* @__PURE__ */ u.jsx(g3, { className: n }),
+    /* @__PURE__ */ u.jsx(Ba, { trapped: !1, children: /* @__PURE__ */ u.jsxs(
+      Vt.Content,
+      {
+        ref: s,
+        className: ye(
+          "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col gap-4 rounded-t-[10px] border color-bg-default",
+          e
+        ),
+        ...o,
+        children: [
+          t,
+          a && /* @__PURE__ */ u.jsx(
+            S0,
+            {
+              onClick: () => r == null ? void 0 : r(!1),
+              className: "absolute top-2 right-4 rounded-sm ring-offset-white hover:color-bg-default-hover p-1 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focused focus-visible:ring-offset-2 disabled:pointer-events-none data-[state=open]:color-bg-default-selected data-[state=open]:color-text-default",
+              children: /* @__PURE__ */ u.jsx(To, { name: "Close", className: "h-5 w-5", fill: "#363B3F" })
+            }
+          )
+        ]
+      }
+    ) })
+  ] })
+);
 T0.displayName = "DrawerContent";
 const I0 = ({
   className: e,
@@ -38859,57 +38868,68 @@ const jae = ({
   hasCloseIcon: d,
   overlayClasses: h,
   noOverlay: y
-}) => BJ("(max-width: 768px)") ? /* @__PURE__ */ u.jsx(A0, { open: e, onOpenChange: (g) => t(g), children: /* @__PURE__ */ u.jsxs(
-  T0,
+}) => BJ("(max-width: 768px)") ? /* @__PURE__ */ u.jsx(
+  A0,
   {
-    className: ye("w-full", f),
-    hasCloseIcon: d,
-    overlayClasses: ye(h, { "bg-transparent": y }),
-    children: [
-      /* @__PURE__ */ u.jsx(I0, { className: "px-6 pt-6", children: /* @__PURE__ */ u.jsx(D0, { className: "text-left text-heading-md", children: a }) }),
-      /* @__PURE__ */ u.jsxs(
-        "div",
-        {
-          className: ye(
-            "flex flex-col gap-4 w-full h-full border-t-[1px] text-body-sm color-text-default",
+    dismissible: !l,
+    open: e,
+    onOpenChange: (g) => {
+      l || t(g);
+    },
+    children: /* @__PURE__ */ u.jsxs(
+      T0,
+      {
+        className: ye("w-full", f),
+        hasCloseIcon: d,
+        onClose: t,
+        overlayClasses: ye(h, { "bg-transparent": y }),
+        children: [
+          a && /* @__PURE__ */ u.jsx(I0, { className: "px-6 pt-6", children: /* @__PURE__ */ u.jsx(D0, { className: "text-left text-heading-md", children: a }) }),
+          /* @__PURE__ */ u.jsxs(
+            "div",
             {
-              "px-6 pt-6 pb-2": !c
-            },
-            c
+              className: ye(
+                "flex flex-col gap-4 w-full h-full border-t-[1px] text-body-sm color-text-default",
+                {
+                  "px-6 pt-6 pb-2": !c
+                },
+                c
+              ),
+              children: [
+                n && /* @__PURE__ */ u.jsx("p", { children: n }),
+                r && r
+              ]
+            }
           ),
-          children: [
-            n && /* @__PURE__ */ u.jsx("p", { children: n }),
-            r && r
-          ]
-        }
-      ),
-      /* @__PURE__ */ u.jsxs(N0, { className: "px-5 pb-5 gap-2 w-full", children: [
-        s && /* @__PURE__ */ u.jsx(S0, { asChild: !0, children: /* @__PURE__ */ u.jsx(
-          Et,
-          {
-            disabled: s == null ? void 0 : s.isLoading,
-            isLoading: s == null ? void 0 : s.isLoading,
-            className: s == null ? void 0 : s.className,
-            variant: (s == null ? void 0 : s.variant) || "ghost",
-            onClick: s == null ? void 0 : s.onClick,
-            children: s == null ? void 0 : s.label
-          }
-        ) }),
-        o && /* @__PURE__ */ u.jsx(
-          Et,
-          {
-            disabled: o == null ? void 0 : o.isLoading,
-            isLoading: o == null ? void 0 : o.isLoading,
-            className: o == null ? void 0 : o.className,
-            variant: (o == null ? void 0 : o.variant) || "default",
-            onClick: o == null ? void 0 : o.onClick,
-            children: o == null ? void 0 : o.label
-          }
-        )
-      ] })
-    ]
+          /* @__PURE__ */ u.jsxs(N0, { className: "px-6 pb-4 gap-2 w-full", children: [
+            s && /* @__PURE__ */ u.jsx(S0, { asChild: !0, children: /* @__PURE__ */ u.jsx(
+              Et,
+              {
+                disabled: s == null ? void 0 : s.isLoading,
+                isLoading: s == null ? void 0 : s.isLoading,
+                className: s == null ? void 0 : s.className,
+                variant: (s == null ? void 0 : s.variant) || "ghost",
+                onClick: s == null ? void 0 : s.onClick,
+                children: s == null ? void 0 : s.label
+              }
+            ) }),
+            o && /* @__PURE__ */ u.jsx(
+              Et,
+              {
+                disabled: o == null ? void 0 : o.isLoading,
+                isLoading: o == null ? void 0 : o.isLoading,
+                className: o == null ? void 0 : o.className,
+                variant: (o == null ? void 0 : o.variant) || "default",
+                onClick: o == null ? void 0 : o.onClick,
+                children: o == null ? void 0 : o.label
+              }
+            )
+          ] })
+        ]
+      }
+    )
   }
-) }) : /* @__PURE__ */ u.jsx(u3, { open: e, onOpenChange: t, children: /* @__PURE__ */ u.jsxs(
+) : /* @__PURE__ */ u.jsx(u3, { open: e, onOpenChange: t, children: /* @__PURE__ */ u.jsxs(
   j0,
   {
     className: ye(f),
@@ -38917,7 +38937,7 @@ const jae = ({
     hasCloseIcon: d,
     overlayClasses: ye(h, { "bg-transparent": y }),
     children: [
-      /* @__PURE__ */ u.jsx(y3, { className: "px-6 pt-4", children: /* @__PURE__ */ u.jsx(v3, { className: "text-heading-md", children: a }) }),
+      a && /* @__PURE__ */ u.jsx(y3, { className: "px-6 pt-4", children: /* @__PURE__ */ u.jsx(v3, { className: "text-heading-md", children: a }) }),
       /* @__PURE__ */ u.jsxs(
         "div",
         {
@@ -38934,7 +38954,7 @@ const jae = ({
           ]
         }
       ),
-      /* @__PURE__ */ u.jsxs(m3, { className: "px-5 pb-5 gap-2", children: [
+      /* @__PURE__ */ u.jsxs(m3, { className: "px-6 pb-4 gap-2", children: [
         s && /* @__PURE__ */ u.jsx(h3, { asChild: !0, children: /* @__PURE__ */ u.jsx(
           Et,
           {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse/ui",
-  "version": "4.1.2-patch-1",
+  "version": "4.1.2-patch-2",
   "files": [
     "/dist"
   ],