atomos_next_genesis 0.0.8 → 1.0.1

package/dist/index.d.cts

@@ -135,7 +135,7 @@ interface CardFooterProps {
     children: React.ReactNode;
     className?: string;
 }
-declare function export_default({ children, className }: CardProps): React.JSX.Element;
+declare function Card({ children, className }: CardProps): React.JSX.Element;
 declare const CardHeader: React.FC<CardHeaderProps>;
 declare const CardTitle: React.FC<CardTitleProps>;
 declare const CardDescription: React.FC<CardDescriptionProps>;
@@ -438,7 +438,7 @@ declare const radioVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
 
-type UploadStatus = 'idle' | 'uploading' | 'success' | 'error';
+type UploadStatus = "idle" | "uploading" | "success" | "error";
 interface UploadItem {
     id: string;
     file?: File;
@@ -746,4 +746,4 @@ declare const typographyVariant: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Typography: ({ as, variant, intent, children, className, ...props }: TypographyProps) => React.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Avatar, AvatarGroup, Breadcrumbs as BreadCrumb, Button, Callout, export_default as Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CircularProgressBar as CircularProgress, Divider, Drawer, Dropdown, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownWithIcon, FileSelector, FileUpload, FileUploadPreview, GlobalNavigation, HelperText, ImageUploadControlled, Input, Label, ListPagination, Loading, Modal, Notice, OTPInput, Pagination, ProgressBar, Radio, Sidebar, Skeleton, Slider, Spinner, SplitButton, Stepper, Tab, TabList, TabPanel, Table, TableBody, TableDataCell, TableHead, TableHeadCell, TableRow, TabsContainer, TextInputWithLabel, Textarea, Toggle, Tooltip, TreeView, Typography, defaultGetFileIcon };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Avatar, AvatarGroup, Breadcrumbs as BreadCrumb, Button, Callout, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CircularProgressBar as CircularProgress, Divider, Drawer, Dropdown, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownWithIcon, FileSelector, FileUpload, FileUploadPreview, GlobalNavigation, HelperText, ImageUploadControlled, Input, Label, ListPagination, Loading, Modal, Notice, OTPInput, Pagination, ProgressBar, Radio, Sidebar, Skeleton, Slider, Spinner, SplitButton, Stepper, Tab, TabList, TabPanel, Table, TableBody, TableDataCell, TableHead, TableHeadCell, TableRow, TabsContainer, TextInputWithLabel, Textarea, Toggle, Tooltip, TreeView, Typography, defaultGetFileIcon };

package/dist/index.d.ts

@@ -135,7 +135,7 @@ interface CardFooterProps {
     children: React.ReactNode;
     className?: string;
 }
-declare function export_default({ children, className }: CardProps): React.JSX.Element;
+declare function Card({ children, className }: CardProps): React.JSX.Element;
 declare const CardHeader: React.FC<CardHeaderProps>;
 declare const CardTitle: React.FC<CardTitleProps>;
 declare const CardDescription: React.FC<CardDescriptionProps>;
@@ -438,7 +438,7 @@ declare const radioVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
 
-type UploadStatus = 'idle' | 'uploading' | 'success' | 'error';
+type UploadStatus = "idle" | "uploading" | "success" | "error";
 interface UploadItem {
     id: string;
     file?: File;
@@ -746,4 +746,4 @@ declare const typographyVariant: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Typography: ({ as, variant, intent, children, className, ...props }: TypographyProps) => React.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Avatar, AvatarGroup, Breadcrumbs as BreadCrumb, Button, Callout, export_default as Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CircularProgressBar as CircularProgress, Divider, Drawer, Dropdown, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownWithIcon, FileSelector, FileUpload, FileUploadPreview, GlobalNavigation, HelperText, ImageUploadControlled, Input, Label, ListPagination, Loading, Modal, Notice, OTPInput, Pagination, ProgressBar, Radio, Sidebar, Skeleton, Slider, Spinner, SplitButton, Stepper, Tab, TabList, TabPanel, Table, TableBody, TableDataCell, TableHead, TableHeadCell, TableRow, TabsContainer, TextInputWithLabel, Textarea, Toggle, Tooltip, TreeView, Typography, defaultGetFileIcon };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Avatar, AvatarGroup, Breadcrumbs as BreadCrumb, Button, Callout, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CircularProgressBar as CircularProgress, Divider, Drawer, Dropdown, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownWithIcon, FileSelector, FileUpload, FileUploadPreview, GlobalNavigation, HelperText, ImageUploadControlled, Input, Label, ListPagination, Loading, Modal, Notice, OTPInput, Pagination, ProgressBar, Radio, Sidebar, Skeleton, Slider, Spinner, SplitButton, Stepper, Tab, TabList, TabPanel, Table, TableBody, TableDataCell, TableHead, TableHeadCell, TableRow, TabsContainer, TextInputWithLabel, Textarea, Toggle, Tooltip, TreeView, Typography, defaultGetFileIcon };

package/dist/index.js

@@ -189,10 +189,11 @@ var Avatar = 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,
@@ -204,7 +205,7 @@ var Avatar = forwardRef((props, ref) => {
       "div",
       {
         className: cn(
-          "relative -z-10 flex items-center justify-center",
+          "relative flex items-center justify-center",
           sizes[size],
           className
         ),
@@ -556,7 +557,7 @@ var Callout_default = Callout;
 
 // app/components/Card.tsx
 import React7 from "react";
-function Card_default({ children, className }) {
+function Card({ children, className }) {
   return /* @__PURE__ */ React7.createElement("div", { className: cn("bg-white rounded-lg border border-gray-200 shadow-sm", className) }, children);
 }
 var CardHeader = ({ children, className }) => {
@@ -912,7 +913,7 @@ var Input = forwardRef4(
       "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
@@ -2780,34 +2781,109 @@ var Spinner = ({ size = "md", color = "primary" }) => {
 var Spinner_default = Spinner;
 
 // app/components/RazorPayFileUpload.tsx
+var fileSvg = () => {
+  return /* @__PURE__ */ React32.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "40",
+      height: "55",
+      viewBox: "0 0 36 47",
+      fill: "none"
+    },
+    /* @__PURE__ */ React32.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__ */ React32.createElement("g", { filter: "url(#filter0_d_5101_541)" }, /* @__PURE__ */ React32.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__ */ React32.createElement("defs", null, /* @__PURE__ */ React32.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__ */ React32.createElement("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
+      /* @__PURE__ */ React32.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__ */ React32.createElement("feOffset", { dx: "-1.4658", dy: "1.4658" }),
+      /* @__PURE__ */ React32.createElement("feGaussianBlur", { stdDeviation: "2.16205" }),
+      /* @__PURE__ */ React32.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
+      /* @__PURE__ */ React32.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__ */ React32.createElement(
+        "feBlend",
+        {
+          mode: "normal",
+          in2: "BackgroundImageFix",
+          result: "effect1_dropShadow_5101_541"
+        }
+      ),
+      /* @__PURE__ */ React32.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__ */ React32.createElement(RiImageLine2, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ React32.createElement(RiImageLine2, { className: "w-5 h-5 text-white" });
   }
   if (fileType.startsWith("audio/") || ["mp3", "wav", "ogg", "m4a"].includes(extension)) {
-    return /* @__PURE__ */ React32.createElement(RiMusic2Line2, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ React32.createElement(RiMusic2Line2, { className: "w-5 h-5 text-white" });
   }
   if (fileType.startsWith("video/") || ["mp4", "avi", "mkv", "mov", "wmv"].includes(extension)) {
-    return /* @__PURE__ */ React32.createElement(RiVideoLine2, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ React32.createElement(RiVideoLine2, { className: "w-5 h-5 text-white" });
   }
   if (fileType.includes("excel") || ["xls", "xlsx", "csv", "txt", "ods"].includes(extension)) {
-    return /* @__PURE__ */ React32.createElement(RiFileExcel2Line2, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ React32.createElement(RiFileExcel2Line2, { className: "w-5 h-5 text-white" });
   }
   if (fileType.includes("word") || ["doc", "docx", "odt", "xml"].includes(extension)) {
-    return /* @__PURE__ */ React32.createElement(RiFileWord2Line2, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ React32.createElement(RiFileWord2Line2, { className: "w-5 h-5 text-white" });
   }
   if (["pptx", "pptm", "xps", "ppsx"].includes(extension)) {
-    return /* @__PURE__ */ React32.createElement(RiFilePpt2Line2, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ React32.createElement(RiFilePpt2Line2, { className: "w-5 h-5 text-white" });
   }
   if (fileType.includes("zip") || ["zip", "rar", "7z", "tar", "gz"].includes(extension)) {
-    return /* @__PURE__ */ React32.createElement(RiFileZipLine2, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ React32.createElement(RiFileZipLine2, { className: "w-5 h-5 text-white" });
   }
   if (fileType === "application/pdf" || extension === "pdf") {
-    return /* @__PURE__ */ React32.createElement(RiFilePdf2Line2, { className: "w-6 h-6 text-white" });
+    return /* @__PURE__ */ React32.createElement(RiFilePdf2Line2, { className: "w-5 h-5 text-white" });
   }
-  return /* @__PURE__ */ React32.createElement(RiFileLine2, { className: "w-6 h-6 text-white" });
+  return /* @__PURE__ */ React32.createElement(RiFileLine2, { className: "w-5 h-5 text-white" });
 };
 function ImageUploadControlled({
   items,
@@ -3071,14 +3147,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__ */ React32.createElement("div", { className: "w-14 h-14 flex-shrink-0 rounded-md overflow-hidden relative" }, /* @__PURE__ */ React32.createElement(
-        "img",
-        {
-          src: "/fileImg.svg",
-          className: "absolute inset-0 w-full h-full object-contain",
-          alt: "file"
-        }
-      ), /* @__PURE__ */ React32.createElement("div", { className: "relative z-10 mt-2 -ml-[2px] flex items-center justify-center w-full h-full text-white" }, fileIcon)),
+      /* @__PURE__ */ React32.createElement("div", { className: "w-14 h-14 flex-shrink-0 rounded-md overflow-hidden relative" }, /* @__PURE__ */ React32.createElement("div", { className: "absolute inset-0 w-full h-full object-contain" }, fileSvg()), /* @__PURE__ */ React32.createElement("div", { className: "relative z-10 top-2 -left-2.5  flex items-center justify-center w-full h-full text-white" }, fileIcon)),
       /* @__PURE__ */ React32.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React32.createElement("div", { className: "flex items-start justify-between gap-2 mb-3" }, /* @__PURE__ */ React32.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React32.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__ */ React32.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__ */ React32.createElement("div", { className: "ml-2 font-medium flex items-center gap-1" }, (statusInfo == null ? void 0 : statusInfo.showSpinner) ? /* @__PURE__ */ React32.createElement(React32.Fragment, null, statusInfo.icon, /* @__PURE__ */ React32.createElement("span", { className: statusInfo.color }, statusInfo.text)) : /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement(
         "div",
         {
@@ -3917,17 +3986,7 @@ import React40, {
   forwardRef as forwardRef13
 } from "react";
 var Textarea = forwardRef13(
-  ({
-    size,
-    className,
-    rows,
-    cols,
-    disabled,
-    error,
-    children,
-    id,
-    ...props
-  }, ref) => {
+  ({ size, className, rows, cols, disabled, error, children, id, ...props }, ref) => {
     return /* @__PURE__ */ React40.createElement(
       "textarea",
       {
@@ -3937,7 +3996,7 @@ var Textarea = forwardRef13(
         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,
@@ -4372,7 +4431,7 @@ export {
   Breadcrumb_default as BreadCrumb,
   Button_default as Button,
   Callout_default as Callout,
-  Card_default as Card,
+  Card,
   CardAction,
   CardContent,
   CardDescription,