@sikka/hawa 0.26.18-next → 0.26.20

package/dist/blocks/pricing/index.js

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// components/blocks/pricing/index.ts
+// blocks/pricing/index.ts
 var pricing_exports = {};
 __export(pricing_exports, {
   ComparingPlans: () => ComparingPlans,
@@ -36,30 +36,30 @@ __export(pricing_exports, {
 });
 module.exports = __toCommonJS(pricing_exports);
 
-// components/blocks/pricing/PricingPlans.tsx
+// blocks/pricing/PricingPlans.tsx
 var import_react12 = __toESM(require("react"));
 
-// components/blocks/cards/ActionCard.tsx
+// blocks/cards/ActionCard.tsx
 var import_react = __toESM(require("react"));
 
-// components/blocks/cards/AdCard.tsx
+// blocks/cards/AdCard.tsx
 var import_react2 = __toESM(require("react"));
 
-// components/util.ts
+// util/index.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// components/blocks/cards/PricingCard.tsx
+// blocks/cards/PricingCard.tsx
 var import_react7 = __toESM(require("react"));
 
-// components/elements/button/Button.tsx
+// elements/button/Button.tsx
 var React4 = __toESM(require("react"));
 var import_class_variance_authority = require("class-variance-authority");
 
-// components/elements/loading/Loading.tsx
+// elements/loading/Loading.tsx
 var import_react3 = __toESM(require("react"));
 var Loading = ({
   design = "spinner",
@@ -236,7 +236,7 @@ var Loading = ({
   }
 };
 
-// components/elements/button/Button.tsx
+// elements/button/Button.tsx
 var buttonVariants = (0, import_class_variance_authority.cva)(
   "hawa-inline-flex hawa-items-center  hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
   {
@@ -289,6 +289,7 @@ var Button = React4.forwardRef(
         className: cn(
           buttonVariants({ variant, size, className }),
           centered && "hawa-justify-center"
+          // "hawa-bg-red-500"
         ),
         ref,
         ...props
@@ -307,7 +308,7 @@ var Button = React4.forwardRef(
 );
 Button.displayName = "Button";
 
-// components/elements/card/Card.tsx
+// elements/card/Card.tsx
 var React5 = __toESM(require("react"));
 var Card = React5.forwardRef(
   ({ className, variant = "default", clickable = false, ...props }, ref) => {
@@ -388,94 +389,13 @@ CardFooter.displayName = "CardFooter";
 CardTitle.displayName = "CardTitle";
 Card.displayName = "Card";
 
-// components/elements/chip/Chip.tsx
-var import_react4 = __toESM(require("react"));
-var Chip = import_react4.default.forwardRef(
-  ({
-    label,
-    size = "normal",
-    icon,
-    color,
-    radius = "inherit",
-    dotType,
-    ...rest
-  }, ref) => {
-    let defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center  hawa-px-2.5 hawa-py-1  hawa-font-bold ";
-    let radiusStyles = {
-      inherit: " hawa-rounded",
-      full: "hawa-rounded-full",
-      none: "hawa-rounded-none"
-    };
-    let sizeStyles = {
-      small: "hawa-h-[15px] hawa-leading-4 hawa-px-0 hawa-py-0 hawa-text-[9px] hawa-gap-0.5 ",
-      normal: "hawa-h-fit hawa-text-xs",
-      large: "hawa-text-base"
-    };
-    let dotStyles = {
-      small: "hawa-flex hawa-h-1 hawa-w-1 hawa-rounded-full",
-      normal: "hawa-flex hawa-h-2 hawa-w-2 hawa-rounded-full",
-      large: "hawa-flex hawa-h-3 hawa-w-3 hawa-rounded-full"
-    };
-    let dotTypeStyles = {
-      available: "hawa-bg-green-500",
-      unavailable: "hawa-bg-red-500"
-    };
-    let colorStyles = {
-      green: "hawa-bg-green-100 hawa-text-green-500 dark:hawa-bg-green-400 dark:hawa-text-green-800",
-      blue: "hawa-bg-blue-100 hawa-text-blue-500 dark:hawa-bg-blue-400 dark:hawa-text-blue-100",
-      red: "hawa-bg-red-100 hawa-text-red-500 dark:hawa-bg-red-400 dark:hawa-text-red-100",
-      yellow: "hawa-bg-yellow-100 hawa-text-yellow-600 dark:hawa-bg-yellow-400 dark:hawa-text-yellow-800",
-      orange: "hawa-bg-orange-100 hawa-text-orange-500 dark:hawa-bg-orange-400 dark:hawa-text-orange-100",
-      purple: "hawa-bg-purple-100 hawa-text-purple-500 dark:hawa-bg-purple-400 dark:hawa-text-purple-100",
-      cyan: "hawa-bg-cyan-100 hawa-text-cyan-800 dark:hawa-bg-cyan-400 dark:hawa-text-cyan-800",
-      hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-500 hawa-via-red-500 hawa-to-yellow-500 ",
-      oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
-    };
-    if (label) {
-      return /* @__PURE__ */ import_react4.default.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            defaultStyles,
-            sizeStyles[size],
-            radiusStyles[radius],
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        },
-        dotType && /* @__PURE__ */ import_react4.default.createElement(
-          "span",
-          {
-            className: cn(dotStyles[size], dotTypeStyles[dotType])
-          }
-        ),
-        icon && icon,
-        label
-      );
-    } else {
-      return /* @__PURE__ */ import_react4.default.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            "hawa-h-2 hawa-w-2 hawa-rounded-full",
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        }
-      );
-    }
-  }
-);
-
-// components/elements/separator/Separator.tsx
-var React7 = __toESM(require("react"));
+// elements/separator/Separator.tsx
+var React6 = __toESM(require("react"));
 var Separator = ({
   className,
   orientation = "horizontal",
   ...props
-}) => /* @__PURE__ */ React7.createElement(
+}) => /* @__PURE__ */ React6.createElement(
   "div",
   {
     className: cn(
@@ -487,8 +407,8 @@ var Separator = ({
   }
 );
 
-// components/elements/skeleton/Skeleton.tsx
-var import_react5 = __toESM(require("react"));
+// elements/skeleton/Skeleton.tsx
+var import_react4 = __toESM(require("react"));
 function Skeleton({
   className,
   content,
@@ -500,7 +420,7 @@ function Skeleton({
     pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
     shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
   };
-  return /* @__PURE__ */ import_react5.default.createElement(
+  return /* @__PURE__ */ import_react4.default.createElement(
     "div",
     {
       className: cn(
@@ -514,10 +434,10 @@ function Skeleton({
   );
 }
 
-// components/elements/tooltip/Tooltip.tsx
-var import_react6 = __toESM(require("react"));
+// elements/tooltip/Tooltip.tsx
+var import_react5 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var TooltipContent = import_react6.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react6.default.createElement(
+var TooltipContent = import_react5.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react5.default.createElement(
   TooltipPrimitive.Content,
   {
     ref,
@@ -530,7 +450,7 @@ var TooltipContent = import_react6.default.forwardRef(({ className, sideOffset =
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = import_react6.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react6.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
+var TooltipArrow = import_react5.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react5.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
 var Tooltip = ({
   side,
@@ -545,13 +465,13 @@ var Tooltip = ({
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react5.default.createElement(
     TooltipPrimitive.TooltipProvider,
     {
       delayDuration,
       ...providerProps
     },
-    /* @__PURE__ */ import_react6.default.createElement(
+    /* @__PURE__ */ import_react5.default.createElement(
       TooltipPrimitive.Root,
       {
         open,
@@ -559,13 +479,94 @@ var Tooltip = ({
         onOpenChange,
         ...props
       },
-      /* @__PURE__ */ import_react6.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react6.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
+      /* @__PURE__ */ import_react5.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
+      /* @__PURE__ */ import_react5.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
     )
   );
 };
 
-// components/blocks/cards/PricingCard.tsx
+// elements/chip/Chip.tsx
+var import_react6 = __toESM(require("react"));
+var Chip = import_react6.default.forwardRef(
+  ({
+    label,
+    size = "normal",
+    icon,
+    color,
+    radius = "inherit",
+    dotType,
+    ...rest
+  }, ref) => {
+    let defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center  hawa-px-2.5 hawa-py-1  hawa-font-bold ";
+    let radiusStyles = {
+      inherit: " hawa-rounded",
+      full: "hawa-rounded-full",
+      none: "hawa-rounded-none"
+    };
+    let sizeStyles = {
+      small: "hawa-h-[15px] hawa-leading-4 hawa-px-0 hawa-py-0 hawa-text-[9px] hawa-gap-0.5 ",
+      normal: "hawa-h-fit hawa-text-xs",
+      large: "hawa-text-base"
+    };
+    let dotStyles = {
+      small: "hawa-flex hawa-h-1 hawa-w-1 hawa-rounded-full",
+      normal: "hawa-flex hawa-h-2 hawa-w-2 hawa-rounded-full",
+      large: "hawa-flex hawa-h-3 hawa-w-3 hawa-rounded-full"
+    };
+    let dotTypeStyles = {
+      available: "hawa-bg-green-500",
+      unavailable: "hawa-bg-red-500"
+    };
+    let colorStyles = {
+      green: "hawa-bg-green-100 hawa-text-green-500 dark:hawa-bg-green-400 dark:hawa-text-green-800",
+      blue: "hawa-bg-blue-100 hawa-text-blue-500 dark:hawa-bg-blue-400 dark:hawa-text-blue-100",
+      red: "hawa-bg-red-100 hawa-text-red-500 dark:hawa-bg-red-400 dark:hawa-text-red-100",
+      yellow: "hawa-bg-yellow-100 hawa-text-yellow-600 dark:hawa-bg-yellow-400 dark:hawa-text-yellow-800",
+      orange: "hawa-bg-orange-100 hawa-text-orange-500 dark:hawa-bg-orange-400 dark:hawa-text-orange-100",
+      purple: "hawa-bg-purple-100 hawa-text-purple-500 dark:hawa-bg-purple-400 dark:hawa-text-purple-100",
+      cyan: "hawa-bg-cyan-100 hawa-text-cyan-800 dark:hawa-bg-cyan-400 dark:hawa-text-cyan-800",
+      hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-500 hawa-via-red-500 hawa-to-yellow-500 ",
+      oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
+    };
+    if (label) {
+      return /* @__PURE__ */ import_react6.default.createElement(
+        "span",
+        {
+          ...rest,
+          ref,
+          className: cn(
+            defaultStyles,
+            sizeStyles[size],
+            radiusStyles[radius],
+            color ? colorStyles[color] : "hawa-border hawa-bg-none"
+          )
+        },
+        dotType && /* @__PURE__ */ import_react6.default.createElement(
+          "span",
+          {
+            className: cn(dotStyles[size], dotTypeStyles[dotType])
+          }
+        ),
+        icon && icon,
+        label
+      );
+    } else {
+      return /* @__PURE__ */ import_react6.default.createElement(
+        "span",
+        {
+          ...rest,
+          ref,
+          className: cn(
+            "hawa-h-2 hawa-w-2 hawa-rounded-full",
+            color ? colorStyles[color] : "hawa-border hawa-bg-none"
+          )
+        }
+      );
+    }
+  }
+);
+
+// blocks/cards/PricingCard.tsx
 var PricingCard = ({
   size = "medium",
   direction = "ltr",
@@ -674,10 +675,10 @@ var PricingCard = ({
   );
 };
 
-// components/blocks/cards/ItemCard.tsx
+// blocks/cards/ItemCard.tsx
 var import_react9 = __toESM(require("react"));
 
-// components/elements/dropdownMenu/DropdownMenu.tsx
+// elements/dropdownMenu/DropdownMenu.tsx
 var React11 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var DropdownMenuSubTrigger = React11.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React11.createElement(
@@ -857,16 +858,16 @@ var DropdownMenuShortcut = ({
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
-// components/elements/stopPropagationWrapper/StopPropagationWrapper.tsx
+// elements/stopPropagationWrapper/StopPropagationWrapper.tsx
 var import_react8 = __toESM(require("react"));
 
-// components/blocks/cards/LandingCard.tsx
+// blocks/cards/LandingCard.tsx
 var import_react10 = __toESM(require("react"));
 
-// components/elements/radio/Radio.tsx
+// elements/radio/Radio.tsx
 var import_react11 = __toESM(require("react"));
 
-// components/elements/label/Label.tsx
+// elements/label/Label.tsx
 var React15 = __toESM(require("react"));
 var Label2 = React15.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React15.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React15.createElement(
   "label",
@@ -909,7 +910,7 @@ var Label2 = React15.forwardRef(({ className, hint, hintSide, required, children
 )));
 Label2.displayName = "Label";
 
-// components/elements/radio/Radio.tsx
+// elements/radio/Radio.tsx
 var Radio = ({
   design = "default",
   width = "default",
@@ -1095,7 +1096,7 @@ var Radio = ({
   }
 };
 
-// components/blocks/pricing/PricingPlans.tsx
+// blocks/pricing/PricingPlans.tsx
 var PricingPlans = ({
   mainContainerProps,
   cardsContainerProps,
@@ -1162,10 +1163,10 @@ var PricingPlans = ({
   ));
 };
 
-// components/blocks/pricing/ComparingPlans.tsx
+// blocks/pricing/ComparingPlans.tsx
 var import_react16 = __toESM(require("react"));
 
-// components/elements/scrollArea/ScrollArea.tsx
+// elements/scrollArea/ScrollArea.tsx
 var React18 = __toESM(require("react"));
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
 var ScrollArea = React18.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React18.createElement(
@@ -1205,13 +1206,13 @@ var ScrollBar = React18.forwardRef(({ className, orientation = "vertical", ...pr
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
-// components/icons/Emojis.tsx
+// icons/Emojis.tsx
 var import_react13 = __toESM(require("react"));
 
-// components/icons/InputIcons.tsx
+// icons/InputIcons.tsx
 var import_react14 = __toESM(require("react"));
 
-// components/icons/CommonIcons.tsx
+// icons/CommonIcons.tsx
 var import_react15 = __toESM(require("react"));
 var CheckMark = ({ size = "default", className }) => {
   let sizeStyles = {
@@ -1260,7 +1261,7 @@ var UncheckMark = ({ size = "default", className }) => {
   );
 };
 
-// components/blocks/pricing/ComparingPlans.tsx
+// blocks/pricing/ComparingPlans.tsx
 var ComparingPlans = (props) => {
   const uniqueFeatures = Array.from(
     new Set(
@@ -1330,7 +1331,7 @@ var ComparingPlans = (props) => {
         {
           key: featureIndex,
           className: cn(
-            "hawa-border-foreground-muted  dark:text-white hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700",
+            "hawa-border-foreground-muted  hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))]  hawa-gap-x-16 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white",
             featureIndex === 0 ? "" : "hawa-border-t"
           )
         },
@@ -1425,7 +1426,7 @@ var ComparingPlans = (props) => {
   })));
 };
 
-// components/blocks/pricing/HorizontalPricing.tsx
+// blocks/pricing/HorizontalPricing.tsx
 var import_react17 = __toESM(require("react"));
 var HorizontalPricing = (props) => {
   const [selectedCard, setSelectedCard] = (0, import_react17.useState)("");

package/dist/blocks/pricing/index.mjs

@@ -1,36 +1,36 @@
 import {
   Chip,
   ScrollArea
-} from "../../chunk-OE23TTPS.mjs";
-import "../../chunk-ZCZ3WARS.mjs";
+} from "../../chunk-POIP5U4M.mjs";
+import "../../chunk-ZS3FB3PO.mjs";
 import {
   Radio
-} from "../../chunk-M2ZS3EDT.mjs";
+} from "../../chunk-OAXF3RCQ.mjs";
 import {
   CheckMark,
   UncheckMark
-} from "../../chunk-ATUSR6VI.mjs";
+} from "../../chunk-U3TZWNDZ.mjs";
 import {
   Button,
   Card,
   Skeleton,
   Tooltip,
   cn
-} from "../../chunk-FYH74ZRQ.mjs";
+} from "../../chunk-AREFDTXK.mjs";
 
-// components/blocks/pricing/PricingPlans.tsx
+// blocks/pricing/PricingPlans.tsx
 import React8 from "react";
 
-// components/blocks/cards/ActionCard.tsx
+// blocks/cards/ActionCard.tsx
 import React, { useState } from "react";
 
-// components/blocks/cards/AdCard.tsx
+// blocks/cards/AdCard.tsx
 import React2, { useState as useState2, useEffect, useRef } from "react";
 
-// components/blocks/cards/PricingCard.tsx
+// blocks/cards/PricingCard.tsx
 import React4 from "react";
 
-// components/elements/separator/Separator.tsx
+// elements/separator/Separator.tsx
 import * as React3 from "react";
 var Separator = ({
   className,
@@ -48,7 +48,7 @@ var Separator = ({
   }
 );
 
-// components/blocks/cards/PricingCard.tsx
+// blocks/cards/PricingCard.tsx
 var PricingCard = ({
   size = "medium",
   direction = "ltr",
@@ -157,10 +157,10 @@ var PricingCard = ({
   );
 };
 
-// components/blocks/cards/ItemCard.tsx
+// blocks/cards/ItemCard.tsx
 import React6, { useEffect as useEffect2, useState as useState3 } from "react";
 
-// components/elements/dropdownMenu/DropdownMenu.tsx
+// elements/dropdownMenu/DropdownMenu.tsx
 import * as React5 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(
@@ -340,10 +340,10 @@ var DropdownMenuShortcut = ({
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
-// components/blocks/cards/LandingCard.tsx
+// blocks/cards/LandingCard.tsx
 import React7 from "react";
 
-// components/blocks/pricing/PricingPlans.tsx
+// blocks/pricing/PricingPlans.tsx
 var PricingPlans = ({
   mainContainerProps,
   cardsContainerProps,
@@ -410,7 +410,7 @@ var PricingPlans = ({
   ));
 };
 
-// components/blocks/pricing/ComparingPlans.tsx
+// blocks/pricing/ComparingPlans.tsx
 import React9 from "react";
 var ComparingPlans = (props) => {
   const uniqueFeatures = Array.from(
@@ -481,7 +481,7 @@ var ComparingPlans = (props) => {
         {
           key: featureIndex,
           className: cn(
-            "hawa-border-foreground-muted  dark:text-white hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700",
+            "hawa-border-foreground-muted  hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))]  hawa-gap-x-16 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white",
             featureIndex === 0 ? "" : "hawa-border-t"
           )
         },
@@ -576,7 +576,7 @@ var ComparingPlans = (props) => {
   })));
 };
 
-// components/blocks/pricing/HorizontalPricing.tsx
+// blocks/pricing/HorizontalPricing.tsx
 import React10, { useState as useState4 } from "react";
 var HorizontalPricing = (props) => {
   const [selectedCard, setSelectedCard] = useState4("");

package/dist/breadcrumb/index.js

@@ -27,14 +27,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// components/elements/breadcrumb/index.ts
+// elements/breadcrumb/index.ts
 var breadcrumb_exports = {};
 __export(breadcrumb_exports, {
   Breadcrumb: () => Breadcrumb
 });
 module.exports = __toCommonJS(breadcrumb_exports);
 
-// components/elements/breadcrumb/Breadcrumb.tsx
+// elements/breadcrumb/Breadcrumb.tsx
 var import_react = __toESM(require("react"));
 var Breadcrumb = ({
   breadcrumbLinks,

package/dist/breadcrumb/index.mjs

@@ -1,4 +1,4 @@
-// components/elements/breadcrumb/Breadcrumb.tsx
+// elements/breadcrumb/Breadcrumb.tsx
 import React from "react";
 var Breadcrumb = ({
   breadcrumbLinks,

package/dist/button/index.js

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// components/elements/button/index.ts
+// elements/button/index.ts
 var button_exports = {};
 __export(button_exports, {
   Button: () => Button,
@@ -35,18 +35,18 @@ __export(button_exports, {
 });
 module.exports = __toCommonJS(button_exports);
 
-// components/elements/button/Button.tsx
+// elements/button/Button.tsx
 var React2 = __toESM(require("react"));
 var import_class_variance_authority = require("class-variance-authority");
 
-// components/util.ts
+// util/index.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// components/elements/loading/Loading.tsx
+// elements/loading/Loading.tsx
 var import_react = __toESM(require("react"));
 var Loading = ({
   design = "spinner",
@@ -223,7 +223,7 @@ var Loading = ({
   }
 };
 
-// components/elements/button/Button.tsx
+// elements/button/Button.tsx
 var buttonVariants = (0, import_class_variance_authority.cva)(
   "hawa-inline-flex hawa-items-center  hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
   {
@@ -276,6 +276,7 @@ var Button = React2.forwardRef(
         className: cn(
           buttonVariants({ variant, size, className }),
           centered && "hawa-justify-center"
+          // "hawa-bg-red-500"
         ),
         ref,
         ...props

package/dist/button/index.mjs

@@ -1,12 +1,12 @@
 import {
   cn
-} from "../chunk-TE3BKEXL.mjs";
+} from "../chunk-TWNGV3RE.mjs";
 
-// components/elements/button/Button.tsx
+// elements/button/Button.tsx
 import * as React2 from "react";
 import { cva } from "class-variance-authority";
 
-// components/elements/loading/Loading.tsx
+// elements/loading/Loading.tsx
 import React from "react";
 var Loading = ({
   design = "spinner",
@@ -183,7 +183,7 @@ var Loading = ({
   }
 };
 
-// components/elements/button/Button.tsx
+// elements/button/Button.tsx
 var buttonVariants = cva(
   "hawa-inline-flex hawa-items-center  hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
   {
@@ -236,6 +236,7 @@ var Button = React2.forwardRef(
         className: cn(
           buttonVariants({ variant, size, className }),
           centered && "hawa-justify-center"
+          // "hawa-bg-red-500"
         ),
         ref,
         ...props

package/dist/card/index.js

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// components/elements/card/index.ts
+// elements/card/index.ts
 var card_exports = {};
 __export(card_exports, {
   Card: () => Card,
@@ -39,17 +39,17 @@ __export(card_exports, {
 });
 module.exports = __toCommonJS(card_exports);
 
-// components/elements/card/Card.tsx
+// elements/card/Card.tsx
 var React = __toESM(require("react"));
 
-// components/util.ts
+// util/index.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// components/elements/card/Card.tsx
+// elements/card/Card.tsx
 var Card = React.forwardRef(
   ({ className, variant = "default", clickable = false, ...props }, ref) => {
     let variantStyles = {