atomos_next_genesis 0.0.5 → 0.0.6

package/dist/index.js

@@ -1,5 +1,5 @@
 // app/components/Accordion.tsx
-import React2, { useState, useEffect } from "react";
+import React, { useState, useEffect } from "react";
 import { RiArrowDownSLine } from "@remixicon/react";
 
 // app/utils/utils.tsx
@@ -17,10 +17,10 @@ function Accordion({
 }) {
   const [openItems, setOpenItems] = useState(() => {
     const defaultOpen = [];
-    React2.Children.forEach(children, (child) => {
-      if (React2.isValidElement(child)) {
-        const triggerChild = React2.Children.toArray(child.props.children)[0];
-        if (React2.isValidElement(triggerChild) && triggerChild.props.defaultOpen) {
+    React.Children.forEach(children, (child) => {
+      if (React.isValidElement(child)) {
+        const triggerChild = React.Children.toArray(child.props.children)[0];
+        if (React.isValidElement(triggerChild) && triggerChild.props.defaultOpen) {
           defaultOpen.push(child.props.value);
         }
       }
@@ -31,8 +31,8 @@ function Accordion({
     if (expanded !== void 0) {
       if (expanded) {
         const allValues = [];
-        React2.Children.forEach(children, (child) => {
-          if (React2.isValidElement(child)) {
+        React.Children.forEach(children, (child) => {
+          if (React.isValidElement(child)) {
             allValues.push(child.props.value);
           }
         });
@@ -53,9 +53,9 @@ function Accordion({
       );
     }
   };
-  return /* @__PURE__ */ React2.createElement("div", { className, role: "region", "aria-label": "Accordion" }, React2.Children.map(children, (child) => {
-    if (React2.isValidElement(child)) {
-      return React2.cloneElement(
+  return /* @__PURE__ */ React.createElement("div", { className, role: "region", "aria-label": "Accordion" }, React.Children.map(children, (child) => {
+    if (React.isValidElement(child)) {
+      return React.cloneElement(
         child,
         {
           openItems,
@@ -82,7 +82,7 @@ function AccordionItem({
       handleToggle(value);
     }
   };
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       className: cn(
@@ -92,7 +92,7 @@ function AccordionItem({
         className
       )
     },
-    children && Array.isArray(children) ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(
+    children && Array.isArray(children) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       "div",
       {
         onClick: toggle,
@@ -110,8 +110,8 @@ function AccordionItem({
         id: headerId,
         className: "cursor-pointer"
       },
-      React2.cloneElement(children[0], { isOpen })
-    ), /* @__PURE__ */ React2.createElement(
+      React.cloneElement(children[0], { isOpen })
+    ), /* @__PURE__ */ React.createElement(
       "div",
       {
         id: contentId,
@@ -123,7 +123,7 @@ function AccordionItem({
         ),
         onClick: (e) => e.stopPropagation()
       },
-      /* @__PURE__ */ React2.createElement("div", { className: "p-3.5" }, children[1])
+      /* @__PURE__ */ React.createElement("div", { className: "p-3.5" }, children[1])
     )) : children
   );
 }
@@ -131,9 +131,9 @@ function AccordionTrigger({
   isOpen,
   children,
   className,
-  triggerIcon = /* @__PURE__ */ React2.createElement(RiArrowDownSLine, { size: 18 })
+  triggerIcon = /* @__PURE__ */ React.createElement(RiArrowDownSLine, { size: 18 })
 }) {
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       className: cn(
@@ -143,7 +143,7 @@ function AccordionTrigger({
       )
     },
     children,
-    /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React.createElement(
       "span",
       {
         className: cn(
@@ -157,12 +157,12 @@ function AccordionTrigger({
   );
 }
 function AccordionContent({ children }) {
-  return /* @__PURE__ */ React2.createElement("div", { className: "text-gray-700" }, children);
+  return /* @__PURE__ */ React.createElement("div", { className: "text-gray-700" }, children);
 }
 
 // app/components/Avatar.tsx
 import Image from "next/image";
-import React3, { forwardRef } from "react";
+import React2, { forwardRef } from "react";
 var Avatar = forwardRef((props, ref) => {
   const {
     type,
@@ -184,7 +184,7 @@ var Avatar = forwardRef((props, ref) => {
     lg: "w-16 h-16"
   };
   const displayText = type === "text" && props.text ? props.text.length === 2 ? props.text.toUpperCase() : props.text.split(" ").map((word) => word.charAt(0).toUpperCase()).join("").slice(0, 2) : "";
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React2.createElement(
     "div",
     {
       ref,
@@ -200,7 +200,7 @@ var Avatar = forwardRef((props, ref) => {
         borderRadius: radius
       }
     },
-    type === "image" && /* @__PURE__ */ React3.createElement(
+    type === "image" && /* @__PURE__ */ React2.createElement(
       "div",
       {
         className: cn(
@@ -210,7 +210,7 @@ var Avatar = forwardRef((props, ref) => {
         ),
         onClick
       },
-      /* @__PURE__ */ React3.createElement(
+      /* @__PURE__ */ React2.createElement(
         Image,
         {
           fill: true,
@@ -220,7 +220,7 @@ var Avatar = forwardRef((props, ref) => {
         }
       )
     ),
-    type === "icon" && /* @__PURE__ */ React3.createElement(
+    type === "icon" && /* @__PURE__ */ React2.createElement(
       "div",
       {
         className: cn(
@@ -233,7 +233,7 @@ var Avatar = forwardRef((props, ref) => {
       },
       props.icon
     ),
-    type === "text" && /* @__PURE__ */ React3.createElement(
+    type === "text" && /* @__PURE__ */ React2.createElement(
       "p",
       {
         onClick,
@@ -249,7 +249,7 @@ var Avatar = forwardRef((props, ref) => {
       },
       displayText
     ),
-    statusIcon && /* @__PURE__ */ React3.createElement(
+    statusIcon && /* @__PURE__ */ React2.createElement(
       "span",
       {
         className: cn(
@@ -294,26 +294,26 @@ Avatar.displayName = "Avatar";
 var Avatar_default = Avatar;
 
 // app/components/AvatarGroup.tsx
-import React4, { forwardRef as forwardRef2 } from "react";
+import React3, { forwardRef as forwardRef2 } from "react";
 var AvatarGroup = forwardRef2(
   ({ avatars, size = "md", max, className }, ref) => {
     const displayAvatars = max ? avatars.slice(0, max) : avatars;
     const remainingCount = max ? avatars.length - max : 0;
-    return /* @__PURE__ */ React4.createElement(
+    return /* @__PURE__ */ React3.createElement(
       "div",
       {
         ref,
         className: cn("flex -space-x-6 rtl:space-x-reverse", className)
       },
-      displayAvatars.map((avatar, index) => /* @__PURE__ */ React4.createElement(
+      displayAvatars.map((avatar, index) => /* @__PURE__ */ React3.createElement(
         "div",
         {
           className: "hover:-translate-x-3 transition-all duration-200",
           key: index
         },
-        /* @__PURE__ */ React4.createElement(Avatar_default, { ...avatar, size })
+        /* @__PURE__ */ React3.createElement(Avatar_default, { ...avatar, size })
       )),
-      remainingCount > 0 && /* @__PURE__ */ React4.createElement("div", null, /* @__PURE__ */ React4.createElement(
+      remainingCount > 0 && /* @__PURE__ */ React3.createElement("div", null, /* @__PURE__ */ React3.createElement(
         Avatar_default,
         {
           type: "text",
@@ -330,23 +330,23 @@ AvatarGroup.displayName = "AvatarGroup";
 var AvatarGroup_default = AvatarGroup;
 
 // app/components/Breadcrumb.tsx
-import React5 from "react";
+import React4 from "react";
 var Breadcrumbs = ({
   children,
   separator = "/",
   "aria-label": ariaLabel,
   containerClasses
 }) => {
-  const items = React5.Children.toArray(children).map((child, index) => {
-    const isLast = index === React5.Children.count(children) - 1;
-    return /* @__PURE__ */ React5.createElement("span", { key: index, className: "flex items-center text-text-xs text-gray-700 font-semibold" }, child, !isLast && /* @__PURE__ */ React5.createElement("span", { className: "mx-[6px]" }, separator));
+  const items = React4.Children.toArray(children).map((child, index) => {
+    const isLast = index === React4.Children.count(children) - 1;
+    return /* @__PURE__ */ React4.createElement("span", { key: index, className: "flex items-center text-text-xs text-gray-700 font-semibold" }, child, !isLast && /* @__PURE__ */ React4.createElement("span", { className: "mx-[6px]" }, separator));
   });
-  return /* @__PURE__ */ React5.createElement("nav", { "aria-label": ariaLabel, className: `flex items-center text-text-xs text-gray-700 font-semibold ${containerClasses}` }, items);
+  return /* @__PURE__ */ React4.createElement("nav", { "aria-label": ariaLabel, className: `flex items-center text-text-xs text-gray-700 font-semibold ${containerClasses}` }, items);
 };
 var Breadcrumb_default = Breadcrumbs;
 
 // app/components/Button.tsx
-import React6 from "react";
+import React5 from "react";
 import { cva } from "class-variance-authority";
 var buttonVariants = cva(
   "rounded-lg disabled:select-none font-semibold cursor-pointer transition-colors duration-300 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2",
@@ -427,7 +427,7 @@ var Button = ({
     //   {children}
     //   {endIcon}
     // </button>
-    /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React5.createElement(
       "button",
       {
         ...props,
@@ -440,9 +440,9 @@ var Button = ({
           "flex items-center text-center justify-center gap-2"
         )
       },
-      startIcon && /* @__PURE__ */ React6.createElement("span", { "aria-hidden": "true" }, startIcon),
+      startIcon && /* @__PURE__ */ React5.createElement("span", { "aria-hidden": "true" }, startIcon),
       children,
-      endIcon && /* @__PURE__ */ React6.createElement("span", { "aria-hidden": "true" }, endIcon)
+      endIcon && /* @__PURE__ */ React5.createElement("span", { "aria-hidden": "true" }, endIcon)
     )
   );
 };
@@ -450,7 +450,7 @@ var Button_default = Button;
 
 // app/components/Callout.tsx
 import { cva as cva2 } from "class-variance-authority";
-import React7 from "react";
+import React6 from "react";
 var calloutVariants = cva2("py-3 px-4 font-medium rounded-md", {
   variants: {
     variant: {
@@ -538,7 +538,7 @@ var Callout = ({
   endIcon,
   className
 }) => {
-  return /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React6.createElement(
     "div",
     {
       role: "alert",
@@ -548,38 +548,38 @@ var Callout = ({
         className
       )
     },
-    /* @__PURE__ */ React7.createElement("div", { className: "flex items-center gap-2" }, startIcon && /* @__PURE__ */ React7.createElement("span", null, startIcon), children),
-    endIcon && /* @__PURE__ */ React7.createElement("span", null, endIcon)
+    /* @__PURE__ */ React6.createElement("div", { className: "flex items-center gap-2" }, startIcon && /* @__PURE__ */ React6.createElement("span", null, startIcon), children),
+    endIcon && /* @__PURE__ */ React6.createElement("span", null, endIcon)
   );
 };
 var Callout_default = Callout;
 
 // app/components/Card.tsx
-import React8 from "react";
+import React7 from "react";
 function Card_default({ children, className }) {
-  return /* @__PURE__ */ React8.createElement("div", { className: cn("bg-white rounded-lg border border-gray-200 shadow-sm", className) }, children);
+  return /* @__PURE__ */ React7.createElement("div", { className: cn("bg-white rounded-lg border border-gray-200 shadow-sm", className) }, children);
 }
 var CardHeader = ({ children, className }) => {
-  return /* @__PURE__ */ React8.createElement("div", { className: cn("p-4 pb-4", className) }, children);
+  return /* @__PURE__ */ React7.createElement("div", { className: cn("p-4 pb-4", className) }, children);
 };
 var CardTitle = ({ children, className }) => {
-  return /* @__PURE__ */ React8.createElement("h3", { className: cn("text-lg font-semibold text-gray-900 mb-2", className) }, children);
+  return /* @__PURE__ */ React7.createElement("h3", { className: cn("text-lg font-semibold text-gray-900 mb-2", className) }, children);
 };
 var CardDescription = ({ children, className }) => {
-  return /* @__PURE__ */ React8.createElement("p", { className: cn("text-sm text-gray-600 mb-4", className) }, children);
+  return /* @__PURE__ */ React7.createElement("p", { className: cn("text-sm text-gray-600 mb-4", className) }, children);
 };
 var CardAction = ({ children, className }) => {
-  return /* @__PURE__ */ React8.createElement("div", { className: cn("mt-4", className) }, children);
+  return /* @__PURE__ */ React7.createElement("div", { className: cn("mt-4", className) }, children);
 };
 var CardContent = ({ children, className }) => {
-  return /* @__PURE__ */ React8.createElement("div", { className: cn("p-6 pt-0", className) }, children);
+  return /* @__PURE__ */ React7.createElement("div", { className: cn("p-6 pt-0", className) }, children);
 };
 var CardFooter = ({ children, className }) => {
-  return /* @__PURE__ */ React8.createElement("div", { className: cn("p-6 pt-0", className) }, children);
+  return /* @__PURE__ */ React7.createElement("div", { className: cn("p-6 pt-0", className) }, children);
 };
 
 // app/components/Checkbox.tsx
-import React9, { forwardRef as forwardRef3 } from "react";
+import React8, { forwardRef as forwardRef3 } from "react";
 import { cva as cva3 } from "class-variance-authority";
 var checkboxVariant = cva3(
   "peer relative cursor-pointer appearance-none rounded-[4px] border border-gray-300 transition-all checked:border-primary-600 checked:bg-primary-50 hover:bg-primary-50 disabled:opacity-30 disabled:pointer-events-none",
@@ -598,7 +598,7 @@ var checkboxVariant = cva3(
 );
 var Checkbox = forwardRef3(
   ({ disabled, checked, size, className, children, id, ...props }, ref) => {
-    return /* @__PURE__ */ React9.createElement("div", { className: "inline-flex relative items-center" }, /* @__PURE__ */ React9.createElement(
+    return /* @__PURE__ */ React8.createElement("div", { className: "inline-flex relative items-center" }, /* @__PURE__ */ React8.createElement(
       "input",
       {
         type: "checkbox",
@@ -613,13 +613,13 @@ var Checkbox = forwardRef3(
           "focus-visible:ring-2 focus-visible:ring-primary-600 focus-visible:ring-offset-2"
         )
       }
-    ), /* @__PURE__ */ React9.createElement(
+    ), /* @__PURE__ */ React8.createElement(
       "span",
       {
         "aria-hidden": "true",
         className: "absolute text-primary-600 transition-opacity opacity-0 pointer-events-none top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 peer-checked:opacity-100"
       },
-      /* @__PURE__ */ React9.createElement(
+      /* @__PURE__ */ React8.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -629,7 +629,7 @@ var Checkbox = forwardRef3(
           stroke: "currentColor",
           strokeWidth: "1"
         },
-        /* @__PURE__ */ React9.createElement(
+        /* @__PURE__ */ React8.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -645,7 +645,7 @@ Checkbox.displayName = "Checkbox";
 var Checkbox_default = Checkbox;
 
 // app/components/Chip.tsx
-import React10 from "react";
+import React9 from "react";
 import { cva as cva4 } from "class-variance-authority";
 var chipVariants = cva4(
   "inline-flex items-center w-fit gap-2 rounded-full capitalize",
@@ -707,14 +707,14 @@ var Chip = ({
   ...rest
 }) => {
   const resolvedIntent = intent ?? "default";
-  return /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React9.createElement(
     "span",
     {
       className: cn(chipVariants({ intent: resolvedIntent, size }), className),
       ...rest
     },
-    startIcon && /* @__PURE__ */ React10.createElement("span", { "aria-hidden": "true" }, startIcon),
-    !startIcon && dot && /* @__PURE__ */ React10.createElement(
+    startIcon && /* @__PURE__ */ React9.createElement("span", { "aria-hidden": "true" }, startIcon),
+    !startIcon && dot && /* @__PURE__ */ React9.createElement(
       "span",
       {
         "aria-hidden": "true",
@@ -725,13 +725,13 @@ var Chip = ({
       }
     ),
     children,
-    endIcon && /* @__PURE__ */ React10.createElement("span", { "aria-hidden": "true" }, endIcon)
+    endIcon && /* @__PURE__ */ React9.createElement("span", { "aria-hidden": "true" }, endIcon)
   );
 };
 var Chip_default = Chip;
 
 // app/components/CircularProgress.tsx
-import React11 from "react";
+import React10 from "react";
 var CircularProgressBar = ({
   percentage,
   size = 160,
@@ -743,7 +743,7 @@ var CircularProgressBar = ({
   const viewBox = `0 0 ${size} ${size}`;
   const dashArray = radius * Math.PI * 2;
   const dashOffset = dashArray - dashArray * (percentage || 0) / 100;
-  return /* @__PURE__ */ React11.createElement("svg", { width: size, height: size, viewBox }, /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React10.createElement("svg", { width: size, height: size, viewBox }, /* @__PURE__ */ React10.createElement(
     "circle",
     {
       className: "fill-none stroke-gray-200",
@@ -752,7 +752,7 @@ var CircularProgressBar = ({
       r: radius,
       strokeWidth: `${strokeWidth}px`
     }
-  ), /* @__PURE__ */ React11.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     "circle",
     {
       className: "fill-none stroke-primary-600 transition-all delay-200 ease-in",
@@ -767,7 +767,7 @@ var CircularProgressBar = ({
         strokeDashoffset: dashOffset
       }
     }
-  ), /* @__PURE__ */ React11.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     "text",
     {
       x: "50%",
@@ -783,14 +783,14 @@ var CircularProgressBar = ({
 var CircularProgress_default = CircularProgressBar;
 
 // app/components/Divider.tsx
-import React12 from "react";
+import React11 from "react";
 var Divider = ({
   width,
   height,
   position = "horizontal",
   className
 }) => {
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React11.createElement(
     "div",
     {
       style: {
@@ -808,7 +808,7 @@ var Divider = ({
 var Divider_default = Divider;
 
 // app/components/Drawer.tsx
-import {
+import React12, {
   useCallback,
   useEffect as useEffect2
 } from "react";
@@ -839,7 +839,7 @@ var Drawer = ({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, handleClose]);
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement(
     "div",
     {
       className: cn(
@@ -848,7 +848,7 @@ var Drawer = ({
       ),
       onClick: () => closeOnOutsideClick && handleClose()
     }
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React12.createElement(
     "div",
     {
       className: cn(
@@ -863,19 +863,19 @@ var Drawer = ({
       ),
       onClick: (e) => e.stopPropagation()
     },
-    showCloseButton && /* @__PURE__ */ React.createElement(
+    showCloseButton && /* @__PURE__ */ React12.createElement(
       Button_default,
       {
         size: "sm",
         variant: "outlined",
         intent: "default-outlined",
         onClick: handleClose,
-        startIcon: /* @__PURE__ */ React.createElement(RiCloseLine, { size: 20 }),
+        startIcon: /* @__PURE__ */ React12.createElement(RiCloseLine, { size: 20 }),
         "aria-label": "Close drawer",
         className: "absolute border-none p-1 transition-colors top-3 right-4"
       }
     ),
-    /* @__PURE__ */ React.createElement("div", { className: "overflow-y-auto h-full" }, children)
+    /* @__PURE__ */ React12.createElement("div", { className: "overflow-y-auto h-full" }, children)
   ));
 };
 var Drawer_default = Drawer;