atomos_next_genesis 0.0.8 → 1.0.1

package/dist/index.cjs

@@ -39,7 +39,7 @@ __export(app_exports, {
   BreadCrumb: () => Breadcrumb_default,
   Button: () => Button_default,
   Callout: () => Callout_default,
-  Card: () => Card_default,
+  Card: () => Card,
   CardAction: () => CardAction,
   CardContent: () => CardContent,
   CardDescription: () => CardDescription,
@@ -295,10 +295,11 @@ var Avatar = (0, import_react3.forwardRef)((props, ref) => {
     {
       ref,
       className: cn(
-        "relative -z-10 ",
+        "relative",
         rounded && "rounded-full",
         border && "border border-gray-200",
-        disabled && "opacity-50 pointer-events-none select-none"
+        disabled && "opacity-50 pointer-events-none select-none",
+        onClick && "cursor-pointer"
       ),
       style: {
         borderColor,
@@ -310,7 +311,7 @@ var Avatar = (0, import_react3.forwardRef)((props, ref) => {
       "div",
       {
         className: cn(
-          "relative -z-10 flex items-center justify-center",
+          "relative flex items-center justify-center",
           sizes[size],
           className
         ),
@@ -662,7 +663,7 @@ var Callout_default = Callout;
 
 // app/components/Card.tsx
 var import_react8 = __toESM(require("react"), 1);
-function Card_default({ children, className }) {
+function Card({ children, className }) {
   return /* @__PURE__ */ import_react8.default.createElement("div", { className: cn("bg-white rounded-lg border border-gray-200 shadow-sm", className) }, children);
 }
 var CardHeader = ({ children, className }) => {
@@ -1007,7 +1008,7 @@ var Input = (0, import_react15.forwardRef)(
       "div",
       {
         className: cn(
-          "group flex items-center gap-2 p-3.5 border border-gray-200 rounded-lg bg-white shadow-[0px_1px_2px_0px_#1018280D] hover:bg-gray-50 hover:border-gray-300 focus-within:border-gray-800 focus-within:bg-gray-25 focus-within:hover:bg-gray-50 focus-within:hover:border-gray-800 has-[:disabled]:opacity-30 has-[:disabled]:bg-gray-300 has-[:disabled]:select-none has-[:disabled]:pointer-events-none",
+          "group flex items-center gap-2 p-3.5 border border-gray-200 rounded-lg bg-white shadow-[0px_1px_2px_0px_#1018280D] hover:bg-gray-50 hover:border-gray-300 focus-within:border-primary-600 focus-within:bg-gray-25 focus-within:hover:bg-gray-50 focus-within:hover:border-primary-600 has-[:disabled]:opacity-30 has-[:disabled]:bg-gray-300 has-[:disabled]:select-none has-[:disabled]:pointer-events-none",
           size === "sm" ? "w-[320px] h-10" : size === "lg" ? "w-[313px] h-11" : "w-full h-10",
           error && "border-error-500 hover:border-error-600 focus-within:border-error-500 focus-within:hover:border-error-500",
           className
@@ -2827,34 +2828,109 @@ var Spinner = ({ size = "md", color = "primary" }) => {
 var Spinner_default = Spinner;
 
 // app/components/RazorPayFileUpload.tsx
+var fileSvg = () => {
+  return /* @__PURE__ */ import_react43.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "40",
+      height: "55",
+      viewBox: "0 0 36 47",
+      fill: "none"
+    },
+    /* @__PURE__ */ import_react43.default.createElement(
+      "path",
+      {
+        d: "M0 8.72494C0 5.48487 2.6266 2.85828 5.86667 2.85828H20.5333L33 15.8583V40.9916C33 44.2317 30.3734 46.8583 27.1333 46.8583H5.86667C2.6266 46.8583 0 44.2317 0 40.9916V8.72494Z",
+        fill: "var(--primary-600)"
+      }
+    ),
+    /* @__PURE__ */ import_react43.default.createElement("g", { filter: "url(#filter0_d_5101_541)" }, /* @__PURE__ */ import_react43.default.createElement(
+      "path",
+      {
+        d: "M20.5334 13.4052V2.85828L33 15.8582L22.974 15.8482C21.6257 15.8469 20.5334 14.7535 20.5334 13.4052Z",
+        fill: "var(--primary-300)"
+      }
+    )),
+    /* @__PURE__ */ import_react43.default.createElement("defs", null, /* @__PURE__ */ import_react43.default.createElement(
+      "filter",
+      {
+        id: "filter0_d_5101_541",
+        x: "14.7435",
+        y: "-2.98023e-05",
+        width: "21.1148",
+        height: "21.6482",
+        filterUnits: "userSpaceOnUse",
+        "color-interpolation-filters": "sRGB"
+      },
+      /* @__PURE__ */ import_react43.default.createElement("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
+      /* @__PURE__ */ import_react43.default.createElement(
+        "feColorMatrix",
+        {
+          in: "SourceAlpha",
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+          result: "hardAlpha"
+        }
+      ),
+      /* @__PURE__ */ import_react43.default.createElement("feOffset", { dx: "-1.4658", dy: "1.4658" }),
+      /* @__PURE__ */ import_react43.default.createElement("feGaussianBlur", { stdDeviation: "2.16205" }),
+      /* @__PURE__ */ import_react43.default.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
+      /* @__PURE__ */ import_react43.default.createElement(
+        "feColorMatrix",
+        {
+          type: "matrix",
+          values: "0 0 0 0 0.0417487 0 0 0 0 0.107741 0 0 0 0 0.401705 0 0 0 0.07 0"
+        }
+      ),
+      /* @__PURE__ */ import_react43.default.createElement(
+        "feBlend",
+        {
+          mode: "normal",
+          in2: "BackgroundImageFix",
+          result: "effect1_dropShadow_5101_541"
+        }
+      ),
+      /* @__PURE__ */ import_react43.default.createElement(
+        "feBlend",
+        {
+          mode: "normal",
+          in: "SourceGraphic",
+          in2: "effect1_dropShadow_5101_541",
+          result: "shape"
+        }
+      )
+    ))
+  );
+};
 var defaultGetFileIcon = (fileName, fileType) => {
   var _a;
   const extension = ((_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase()) || "";
   if (fileType.startsWith("image/") || ["jpg", "jpeg", "png", "gif", "svg", "webp", "bmp"].includes(extension)) {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiImageLine, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiImageLine, { className: "w-5 h-5 text-white" });
   }
   if (fileType.startsWith("audio/") || ["mp3", "wav", "ogg", "m4a"].includes(extension)) {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiMusic2Line, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiMusic2Line, { className: "w-5 h-5 text-white" });
   }
   if (fileType.startsWith("video/") || ["mp4", "avi", "mkv", "mov", "wmv"].includes(extension)) {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiVideoLine, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiVideoLine, { className: "w-5 h-5 text-white" });
   }
   if (fileType.includes("excel") || ["xls", "xlsx", "csv", "txt", "ods"].includes(extension)) {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFileExcel2Line, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFileExcel2Line, { className: "w-5 h-5 text-white" });
   }
   if (fileType.includes("word") || ["doc", "docx", "odt", "xml"].includes(extension)) {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFileWord2Line, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFileWord2Line, { className: "w-5 h-5 text-white" });
   }
   if (["pptx", "pptm", "xps", "ppsx"].includes(extension)) {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFilePpt2Line, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFilePpt2Line, { className: "w-5 h-5 text-white" });
   }
   if (fileType.includes("zip") || ["zip", "rar", "7z", "tar", "gz"].includes(extension)) {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFileZipLine, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFileZipLine, { className: "w-5 h-5 text-white" });
   }
   if (fileType === "application/pdf" || extension === "pdf") {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFilePdf2Line, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFilePdf2Line, { className: "w-5 h-5 text-white" });
   }
-  return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFileLine, { className: "w-6 h-6 text-white" });
+  return /* @__PURE__ */ import_react43.default.createElement(import_react44.RiFileLine, { className: "w-5 h-5 text-white" });
 };
 function ImageUploadControlled({
   items,
@@ -3118,14 +3194,7 @@ function ImageUploadControlled({
         key: item == null ? void 0 : item.id,
         className: "flex items-center gap-4 bg-white max-w-[564px] w-full p-4 rounded-lg border border-gray-200"
       },
-      /* @__PURE__ */ import_react43.default.createElement("div", { className: "w-14 h-14 flex-shrink-0 rounded-md overflow-hidden relative" }, /* @__PURE__ */ import_react43.default.createElement(
-        "img",
-        {
-          src: "/fileImg.svg",
-          className: "absolute inset-0 w-full h-full object-contain",
-          alt: "file"
-        }
-      ), /* @__PURE__ */ import_react43.default.createElement("div", { className: "relative z-10 mt-2 -ml-[2px] flex items-center justify-center w-full h-full text-white" }, fileIcon)),
+      /* @__PURE__ */ import_react43.default.createElement("div", { className: "w-14 h-14 flex-shrink-0 rounded-md overflow-hidden relative" }, /* @__PURE__ */ import_react43.default.createElement("div", { className: "absolute inset-0 w-full h-full object-contain" }, fileSvg()), /* @__PURE__ */ import_react43.default.createElement("div", { className: "relative z-10 top-2 -left-2.5  flex items-center justify-center w-full h-full text-white" }, fileIcon)),
       /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex items-start justify-between gap-2 mb-3" }, /* @__PURE__ */ import_react43.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react43.default.createElement("h4", { className: "text-sm font-medium text-gray-900 truncate" }, (item == null ? void 0 : item.name) || ((_a2 = item.file) == null ? void 0 : _a2.name) || "Unnamed file"), showSizeText && /* @__PURE__ */ import_react43.default.createElement("div", { className: "text-xs text-gray-500 mt-1 flex items-center gap-1" }, formatSize((item == null ? void 0 : item.size) || ((_b = item.file) == null ? void 0 : _b.size)), statusInfo.text && /* @__PURE__ */ import_react43.default.createElement("div", { className: "ml-2 font-medium flex items-center gap-1" }, (statusInfo == null ? void 0 : statusInfo.showSpinner) ? /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, statusInfo.icon, /* @__PURE__ */ import_react43.default.createElement("span", { className: statusInfo.color }, statusInfo.text)) : /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement(
         "div",
         {
@@ -3959,17 +4028,7 @@ Tab.displayName = "Tab";
 // app/components/Textarea.tsx
 var import_react54 = __toESM(require("react"), 1);
 var Textarea = (0, import_react54.forwardRef)(
-  ({
-    size,
-    className,
-    rows,
-    cols,
-    disabled,
-    error,
-    children,
-    id,
-    ...props
-  }, ref) => {
+  ({ size, className, rows, cols, disabled, error, children, id, ...props }, ref) => {
     return /* @__PURE__ */ import_react54.default.createElement(
       "textarea",
       {
@@ -3979,7 +4038,7 @@ var Textarea = (0, import_react54.forwardRef)(
         rows,
         cols,
         className: cn(
-          "group flex items-center gap-2 border border-gray-200 rounded-lg bg-gray-50 shadow-xs hover:bg-gray-50 hover:border-gray-300 text-sm focus-within:border-gray-800 focus-within:bg-gray-25 focus-within:hover:bg-gray-50 focus-within:hover:border-gray-800 outline-none disabled:bg-gray-300 disabled:select-none disabled:pointer-events-none disabled:opacity-30 w-full placeholder:text-gray-500 hover:placeholder:text-gray-500 shadow-[0px_1px_2px_0px_#1018280D]",
+          "group flex items-center gap-2 border border-gray-200 rounded-lg bg-gray-25 shadow-xs hover:bg-gray-50 hover:border-gray-300 text-sm focus-within:border-primary-600 focus-within:bg-gray-25 focus-within:hover:bg-gray-50 focus-within:hover:border-primary-600 outline-none disabled:bg-gray-300 disabled:select-none disabled:pointer-events-none disabled:opacity-30 w-full placeholder:text-gray-500 hover:placeholder:text-gray-500 shadow-[0px_1px_2px_0px_#1018280D]",
           size === "sm" ? "py-2.5 px-3.5" : "p-2.5",
           error && "border-error-500 hover:border-error-600 focus-within:hover:border-error-500 focus-within:border-error-500",
           className,