atomos_next_genesis 0.0.3-alpha → 0.0.4

package/dist/index.js

@@ -1,5 +1,5 @@
 // app/components/Accordian.tsx
-import React2, { useState } from "react";
+import React, { useState } from "react";
 
 // app/utils/utils.tsx
 import clsx from "clsx";
@@ -26,9 +26,9 @@ function Accordion({
       );
     }
   };
-  return /* @__PURE__ */ React2.createElement("div", { className }, React2.Children.map(children, (child) => {
-    if (React2.isValidElement(child)) {
-      return React2.cloneElement(
+  return /* @__PURE__ */ React.createElement("div", { className }, React.Children.map(children, (child) => {
+    if (React.isValidElement(child)) {
+      return React.cloneElement(
         child,
         {
           openItems,
@@ -53,7 +53,7 @@ function AccordionItem({
       handleToggle(value);
     }
   };
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       className: cn(
@@ -63,13 +63,13 @@ function AccordionItem({
         className
       )
     },
-    /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React.createElement(
       "div",
       {
         className: "font-semibold transition-all duration-300 ease-in-out",
         onClick: toggle
       },
-      children && Array.isArray(children) ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, React2.cloneElement(children[0], { isOpen }), /* @__PURE__ */ React2.createElement(
+      children && Array.isArray(children) ? /* @__PURE__ */ React.createElement(React.Fragment, null, React.cloneElement(children[0], { isOpen }), /* @__PURE__ */ React.createElement(
         "div",
         {
           className: cn(
@@ -77,13 +77,13 @@ function AccordionItem({
             isOpen ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
           )
         },
-        /* @__PURE__ */ React2.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ React2.createElement("div", { className: cn("") }, children[1]))
+        /* @__PURE__ */ React.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: cn("") }, children[1]))
       )) : children
     )
   );
 }
 function AccordionTrigger({ isOpen, children }) {
-  return /* @__PURE__ */ React2.createElement("div", { className: "flex p-3.5 justify-between items-center text-sm font-semibold transition-all delay-150 ease-in" }, children, /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: "flex p-3.5 justify-between items-center text-sm font-semibold transition-all delay-150 ease-in" }, children, /* @__PURE__ */ React.createElement(
     "span",
     {
       className: cn(
@@ -91,11 +91,11 @@ function AccordionTrigger({ isOpen, children }) {
         isOpen ? "rotate-180" : "rotate-0"
       )
     },
-    /* @__PURE__ */ React2.createElement(RiArrowDownSLine, { size: 18 })
+    /* @__PURE__ */ React.createElement(RiArrowDownSLine, { size: 18 })
   ));
 }
 function AccordionContent({ isOpen, children }) {
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       className: cn(
@@ -109,7 +109,7 @@ function AccordionContent({ isOpen, 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,
@@ -131,7 +131,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,
@@ -147,7 +147,7 @@ var Avatar = forwardRef((props, ref) => {
         borderRadius: radius
       }
     },
-    type === "image" && /* @__PURE__ */ React3.createElement(
+    type === "image" && /* @__PURE__ */ React2.createElement(
       "div",
       {
         className: cn(
@@ -157,7 +157,7 @@ var Avatar = forwardRef((props, ref) => {
         ),
         onClick
       },
-      /* @__PURE__ */ React3.createElement(
+      /* @__PURE__ */ React2.createElement(
         Image,
         {
           fill: true,
@@ -167,7 +167,7 @@ var Avatar = forwardRef((props, ref) => {
         }
       )
     ),
-    type === "icon" && /* @__PURE__ */ React3.createElement(
+    type === "icon" && /* @__PURE__ */ React2.createElement(
       "div",
       {
         className: cn(
@@ -180,7 +180,7 @@ var Avatar = forwardRef((props, ref) => {
       },
       props.icon
     ),
-    type === "text" && /* @__PURE__ */ React3.createElement(
+    type === "text" && /* @__PURE__ */ React2.createElement(
       "p",
       {
         onClick,
@@ -196,7 +196,7 @@ var Avatar = forwardRef((props, ref) => {
       },
       displayText
     ),
-    statusIcon && /* @__PURE__ */ React3.createElement(
+    statusIcon && /* @__PURE__ */ React2.createElement(
       "span",
       {
         className: cn(
@@ -241,26 +241,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",
@@ -277,23 +277,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",
@@ -339,7 +339,7 @@ var Button = ({
   size,
   ...props
 }) => {
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "button",
     {
       ...props,
@@ -358,7 +358,7 @@ var Button = ({
 var Button_default = Button;
 
 // app/components/Checkbox.tsx
-import React7, { forwardRef as forwardRef3 } from "react";
+import React6, { forwardRef as forwardRef3 } from "react";
 import { cva as cva2 } from "class-variance-authority";
 var checkboxVariant = cva2(
   "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",
@@ -376,7 +376,7 @@ var checkboxVariant = cva2(
 );
 var Checkbox = forwardRef3(
   ({ disabled, checked, size, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ React7.createElement("div", { className: "inline-flex relative items-center" }, /* @__PURE__ */ React7.createElement(
+    return /* @__PURE__ */ React6.createElement("div", { className: "inline-flex relative items-center" }, /* @__PURE__ */ React6.createElement(
       "input",
       {
         type: "checkbox",
@@ -386,7 +386,7 @@ var Checkbox = forwardRef3(
         checked,
         className: cn(checkboxVariant({ className, size }))
       }
-    ), /* @__PURE__ */ React7.createElement("span", { 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__ */ React7.createElement(
+    ), /* @__PURE__ */ React6.createElement("span", { 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__ */ React6.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -396,7 +396,7 @@ var Checkbox = forwardRef3(
         stroke: "currentColor",
         strokeWidth: "1"
       },
-      /* @__PURE__ */ React7.createElement(
+      /* @__PURE__ */ React6.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -411,7 +411,7 @@ Checkbox.displayName = "Checkbox";
 var Checkbox_default = Checkbox;
 
 // app/components/Chip.tsx
-import React8 from "react";
+import React7 from "react";
 import { cva as cva3 } from "class-variance-authority";
 var chipVariants = cva3(
   "rounded-full capitalize flex items-center w-fit gap-2",
@@ -468,7 +468,7 @@ var Chip = ({
   dotColor
 }) => {
   const resolvedIntent = intent ?? "default";
-  return /* @__PURE__ */ React8.createElement("div", { className: cn(chipVariants({ intent: resolvedIntent, size }), className) }, dot && /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React7.createElement("div", { className: cn(chipVariants({ intent: resolvedIntent, size }), className) }, dot && /* @__PURE__ */ React7.createElement(
     "span",
     {
       className: cn(
@@ -477,11 +477,12 @@ var Chip = ({
         // Default fallback
       )
     }
-  ), /* @__PURE__ */ React8.createElement("span", null, children));
+  ), /* @__PURE__ */ React7.createElement("span", null, children));
 };
 var Chip_default = Chip;
 
 // app/components/CircularProgress.tsx
+import React8 from "react";
 var CircularProgressBar = ({
   percentage,
   size = 160,
@@ -493,7 +494,7 @@ var CircularProgressBar = ({
   const viewBox = `0 0 ${size} ${size}`;
   const dashArray = radius * Math.PI * 2;
   const dashOffset = dashArray - dashArray * (percentage || 0) / 100;
-  return /* @__PURE__ */ React.createElement("svg", { width: size, height: size, viewBox }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React8.createElement("svg", { width: size, height: size, viewBox }, /* @__PURE__ */ React8.createElement(
     "circle",
     {
       className: "fill-none stroke-gray-200",
@@ -502,7 +503,7 @@ var CircularProgressBar = ({
       r: radius,
       strokeWidth: `${strokeWidth}px`
     }
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React8.createElement(
     "circle",
     {
       className: "fill-none stroke-primary-600 transition-all delay-200 ease-in",
@@ -517,7 +518,7 @@ var CircularProgressBar = ({
         strokeDashoffset: dashOffset
       }
     }
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React8.createElement(
     "text",
     {
       x: "50%",