impact-nova 1.1.1 → 1.1.2

package/dist/components/ui/dialog.js

@@ -1,125 +1,129 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import * as i from "react";
-import * as t from "@radix-ui/react-dialog";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import * as d from "react";
+import * as a from "@radix-ui/react-dialog";
 import { X as m } from "lucide-react";
-import { cn as l } from "../../lib/utils.js";
-const v = t.Root, w = t.Trigger, f = t.Portal, C = t.Close, n = i.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
-  t.Overlay,
+import { cn as i } from "../../lib/utils.js";
+import { Tooltip as p, TooltipTrigger as f, TooltipContent as g } from "./tooltip.js";
+const R = a.Root, k = a.Trigger, x = a.Portal, z = a.Close, n = d.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  a.Overlay,
   {
     ref: s,
-    className: l(
+    className: i(
       "fixed inset-0 z-50 bg-black/40  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
     ),
-    ...a
+    ...t
   }
 ));
-n.displayName = t.Overlay.displayName;
-const p = i.forwardRef(({ className: e, children: a, hideClose: s, ...r }, c) => /* @__PURE__ */ d(f, { children: [
+n.displayName = a.Overlay.displayName;
+const y = d.forwardRef(({ className: e, children: t, hideClose: s, ...r }, c) => /* @__PURE__ */ l(x, { children: [
   /* @__PURE__ */ o(n, {}),
-  /* @__PURE__ */ d(
-    t.Content,
+  /* @__PURE__ */ l(
+    a.Content,
     {
       ref: c,
       "aria-describedby": void 0,
       "data-component": "dialog-content",
-      className: l(
+      className: i(
         "fixed left-[50%] top-[50%] z-50 flex flex-col w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border bg-background shadow-xl 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%] rounded-lg overflow-hidden",
         e
       ),
       ...r,
       children: [
-        a,
-        !s && /* @__PURE__ */ d(
-          t.Close,
-          {
-            "data-component": "dialog-close",
-            className: "absolute right-4 top-4 rounded-sm opacity-50 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
-            children: [
-              /* @__PURE__ */ o(m, { className: "h-4 w-4" }),
-              /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
-            ]
-          }
-        )
+        t,
+        !s && /* @__PURE__ */ l(p, { children: [
+          /* @__PURE__ */ o(f, { asChild: !0, children: /* @__PURE__ */ l(
+            a.Close,
+            {
+              "data-component": "dialog-close",
+              className: "absolute right-4 top-4 rounded-sm opacity-50 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
+              children: [
+                /* @__PURE__ */ o(m, { className: "h-4 w-4" }),
+                /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ o(g, { variant: "tertiary", side: "top", children: "Close" })
+        ] })
       ]
     }
   )
 ] }));
-p.displayName = t.Content.displayName;
-const g = ({
+y.displayName = a.Content.displayName;
+const u = ({
   className: e,
-  ...a
+  ...t
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: l(
+    className: i(
       "flex flex-col text-center sm:text-left bg-light-blue p-4 border-b",
       e
     ),
-    ...a
+    ...t
   }
 );
-g.displayName = "DialogHeader";
-const x = ({
+u.displayName = "DialogHeader";
+const N = ({
   className: e,
-  ...a
+  ...t
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: l(
+    className: i(
       "px-6 py-6 flex-1 overflow-y-auto min-h-0",
       e
     ),
-    ...a
+    ...t
   }
 );
-x.displayName = "DialogBody";
-const y = ({
+N.displayName = "DialogBody";
+const b = ({
   className: e,
-  ...a
+  ...t
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: l(
+    className: i(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:items-center sm:space-x-2 px-4 py-3 border-t bg-white",
       e
     ),
-    ...a
+    ...t
   }
 );
-y.displayName = "DialogFooter";
-const u = i.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
-  t.Title,
+b.displayName = "DialogFooter";
+const D = d.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  a.Title,
   {
     ref: s,
     "data-component": "dialog-title",
-    className: l(
+    className: i(
       "text-md font-bold leading-none tracking-tight text-slate-900",
       e
     ),
-    ...a
+    ...t
   }
 ));
-u.displayName = t.Title.displayName;
-const N = i.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
-  t.Description,
+D.displayName = a.Title.displayName;
+const h = d.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  a.Description,
   {
     ref: s,
-    className: l("text-sm text-slate-600 leading-relaxed", e),
-    ...a
+    className: i("text-sm text-slate-600 leading-relaxed", e),
+    ...t
   }
 ));
-N.displayName = t.Description.displayName;
+h.displayName = a.Description.displayName;
 export {
-  v as Dialog,
-  x as DialogBody,
-  C as DialogClose,
-  p as DialogContent,
-  N as DialogDescription,
-  y as DialogFooter,
-  g as DialogHeader,
+  R as Dialog,
+  N as DialogBody,
+  z as DialogClose,
+  y as DialogContent,
+  h as DialogDescription,
+  b as DialogFooter,
+  u as DialogHeader,
   n as DialogOverlay,
-  f as DialogPortal,
-  u as DialogTitle,
-  w as DialogTrigger
+  x as DialogPortal,
+  D as DialogTitle,
+  k as DialogTrigger
 };

package/dist/components/ui/drawer.d.ts

@@ -8,7 +8,9 @@ declare const DrawerTrigger: React.ForwardRefExoticComponent<import('@radix-ui/r
 declare const DrawerPortal: typeof import('vaul').Portal;
 declare const DrawerClose: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dialog').DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dialog').DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dialog').DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    hideClose?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 declare const DrawerHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/ui/drawer.js

@@ -1,8 +1,10 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import * as l from "react";
+import * as i from "react";
 import { Drawer as a } from "vaul";
+import { X as m } from "lucide-react";
 import { cn as s } from "../../lib/utils.js";
-const m = ({
+import { Tooltip as p, TooltipTrigger as f, TooltipContent as g } from "./tooltip.js";
+const w = ({
   shouldScaleBackground: e = !0,
   ...r
 }) => /* @__PURE__ */ t(
@@ -12,8 +14,8 @@ const m = ({
     ...r
   }
 );
-m.displayName = "Drawer";
-const u = a.Trigger, c = a.Portal, b = a.Close, d = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+w.displayName = "Drawer";
+const k = a.Trigger, u = a.Portal, O = a.Close, l = i.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
   a.Overlay,
   {
     ref: o,
@@ -21,28 +23,41 @@ const u = a.Trigger, c = a.Portal, b = a.Close, d = l.forwardRef(({ className: e
     ...r
   }
 ));
-d.displayName = a.Overlay.displayName;
-const p = l.forwardRef(({ className: e, children: r, ...o }, i) => /* @__PURE__ */ n(c, { children: [
-  /* @__PURE__ */ t(d, {}),
+l.displayName = a.Overlay.displayName;
+const N = i.forwardRef(({ className: e, children: r, hideClose: o, ...d }, c) => /* @__PURE__ */ n(u, { children: [
+  /* @__PURE__ */ t(l, {}),
   /* @__PURE__ */ n(
     a.Content,
     {
-      ref: i,
+      ref: c,
       "data-component": "drawer-content",
       className: s(
         "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
         e
       ),
-      ...o,
+      ...d,
       children: [
         /* @__PURE__ */ t("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
-        r
+        r,
+        !o && /* @__PURE__ */ n(p, { children: [
+          /* @__PURE__ */ t(f, { asChild: !0, children: /* @__PURE__ */ n(
+            a.Close,
+            {
+              className: "absolute right-4 top-4 rounded-sm opacity-50 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
+              children: [
+                /* @__PURE__ */ t(m, { className: "h-4 w-4" }),
+                /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ t(g, { variant: "tertiary", side: "top", children: "Close" })
+        ] })
       ]
     }
   )
 ] }));
-p.displayName = "DrawerContent";
-const w = ({
+N.displayName = "DrawerContent";
+const x = ({
   className: e,
   ...r
 }) => /* @__PURE__ */ t(
@@ -52,8 +67,8 @@ const w = ({
     ...r
   }
 );
-w.displayName = "DrawerHeader";
-const f = ({
+x.displayName = "DrawerHeader";
+const D = ({
   className: e,
   ...r
 }) => /* @__PURE__ */ t(
@@ -63,8 +78,8 @@ const f = ({
     ...r
   }
 );
-f.displayName = "DrawerFooter";
-const D = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+D.displayName = "DrawerFooter";
+const y = i.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
   a.Title,
   {
     ref: o,
@@ -76,8 +91,8 @@ const D = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
     ...r
   }
 ));
-D.displayName = a.Title.displayName;
-const x = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+y.displayName = a.Title.displayName;
+const h = i.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
   a.Description,
   {
     ref: o,
@@ -86,16 +101,16 @@ const x = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
     ...r
   }
 ));
-x.displayName = a.Description.displayName;
+h.displayName = a.Description.displayName;
 export {
-  m as Drawer,
-  b as DrawerClose,
-  p as DrawerContent,
-  x as DrawerDescription,
-  f as DrawerFooter,
-  w as DrawerHeader,
-  d as DrawerOverlay,
-  c as DrawerPortal,
-  D as DrawerTitle,
-  u as DrawerTrigger
+  w as Drawer,
+  O as DrawerClose,
+  N as DrawerContent,
+  h as DrawerDescription,
+  D as DrawerFooter,
+  x as DrawerHeader,
+  l as DrawerOverlay,
+  u as DrawerPortal,
+  y as DrawerTitle,
+  k as DrawerTrigger
 };

package/dist/components/ui/file-upload.d.ts

@@ -5,8 +5,9 @@ declare const FileUploadContent: React.ForwardRefExoticComponent<React.HTMLAttri
 declare const FileUploadHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const FileUploadTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
 declare const FileUploadDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FileUploadClose: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 declare const FileUploadDropZone: React.ForwardRefExoticComponent<FileUploadDropZoneProps & React.RefAttributes<HTMLDivElement>>;
 declare const FileUploadList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const FileUploadItem: React.ForwardRefExoticComponent<FileUploadItemProps & React.RefAttributes<HTMLDivElement>>;
 declare const FileUploadFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { FileUpload, FileUploadContent, FileUploadHeader, FileUploadTitle, FileUploadDescription, FileUploadDropZone, FileUploadList, FileUploadItem, FileUploadFooter, };
+export { FileUpload, FileUploadContent, FileUploadHeader, FileUploadTitle, FileUploadDescription, FileUploadClose, FileUploadDropZone, FileUploadList, FileUploadItem, FileUploadFooter, };