@sikka/hawa 0.26.18-next → 0.26.20

package/dist/{chunk-SUS6O2PO.mjs → chunk-WPSUV4AD.mjs}

@@ -4,9 +4,9 @@ import {
   Skeleton,
   Tooltip,
   cn
-} from "./chunk-3KMBSNM3.mjs";
+} from "./chunk-Z5SL5QTQ.mjs";
 
-// components/elements/alert/Alert.tsx
+// elements/alert/Alert.tsx
 import React, { useRef, useState, useEffect } from "react";
 var Alert = ({
   variant = "normal",
@@ -147,7 +147,7 @@ var Alert = ({
   ));
 };
 
-// components/elements/label/Label.tsx
+// elements/label/Label.tsx
 import * as React2 from "react";
 var Label = React2.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React2.createElement(
   "label",
@@ -190,7 +190,7 @@ var Label = React2.forwardRef(({ className, hint, hintSide, required, children,
 )));
 Label.displayName = "Label";
 
-// components/elements/input/Input.tsx
+// elements/input/Input.tsx
 import React3, { forwardRef as forwardRef2 } from "react";
 var Input = forwardRef2(
   ({
@@ -312,7 +312,7 @@ var Input = forwardRef2(
   }
 );
 
-// components/elements/select/Select.tsx
+// elements/select/Select.tsx
 import React4 from "react";
 import ReactSelect from "react-select";
 import CreatableSelect from "react-select/creatable";
@@ -466,10 +466,10 @@ var Select = ({
   );
 };
 
-// components/elements/phoneInput/PhoneInput.tsx
+// elements/phoneInput/PhoneInput.tsx
 import React5, { useState as useState2, useRef as useRef2, useEffect as useEffect2 } from "react";
 
-// components/countries.ts
+// countries.ts
 var countries = [
   {
     country_label: "Saudi Arabia",
@@ -2162,7 +2162,7 @@ var countries = [
 ];
 var countries_default = countries;
 
-// components/elements/phoneInput/PhoneInput.tsx
+// elements/phoneInput/PhoneInput.tsx
 var PhoneInput = ({ labelProps, ...props }) => {
   const [phoneNumber, setPhoneNumber] = useState2("");
   const [countryCode, setCountryCode] = useState2(props.preferredCountry);
@@ -2226,7 +2226,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
   ));
 };
 
-// components/elements/checkbox/Checkbox.tsx
+// elements/checkbox/Checkbox.tsx
 import * as React6 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 var Checkbox = ({
@@ -2362,7 +2362,7 @@ var CheckboxElement = React6.forwardRef(({ radius = "inherit", size = "default",
 });
 CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 
-// components/elements/stopPropagationWrapper/StopPropagationWrapper.tsx
+// elements/stopPropagationWrapper/StopPropagationWrapper.tsx
 import React7 from "react";
 var StopPropagationWrapper = (props) => {
   const handleClick = (e) => {
@@ -2371,7 +2371,7 @@ var StopPropagationWrapper = (props) => {
   return /* @__PURE__ */ React7.createElement("div", { onClick: handleClick }, props.children);
 };
 
-// components/elements/pinInput/PinInput.tsx
+// elements/pinInput/PinInput.tsx
 import React8, { useEffect as useEffect3, useState as useState3 } from "react";
 var PinInput = ({
   label,
@@ -2454,7 +2454,7 @@ var PinInput = ({
   ));
 };
 
-// components/elements/radio/Radio.tsx
+// elements/radio/Radio.tsx
 import React9, { useState as useState4, useRef as useRef3, useEffect as useEffect4 } from "react";
 var Radio = ({
   design = "default",
@@ -2641,7 +2641,7 @@ var Radio = ({
   }
 };
 
-// components/elements/textarea/Textarea.tsx
+// elements/textarea/Textarea.tsx
 import * as React10 from "react";
 var Textarea = React10.forwardRef(
   ({
@@ -2703,7 +2703,7 @@ var Textarea = React10.forwardRef(
 );
 Textarea.displayName = "Textarea";
 
-// components/elements/popover/Popover.tsx
+// elements/popover/Popover.tsx
 import * as React11 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 var PopoverContent = React11.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React11.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React11.createElement(
@@ -2763,7 +2763,7 @@ var Popover = ({
 };
 var PopoverTrigger = PopoverPrimitive.Trigger;
 
-// components/elements/scrollArea/ScrollArea.tsx
+// elements/scrollArea/ScrollArea.tsx
 import * as React12 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 var ScrollArea = React12.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React12.createElement(
@@ -2803,7 +2803,7 @@ var ScrollBar = React12.forwardRef(({ className, orientation = "vertical", ...pr
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
-// components/elements/tabs/Tabs.tsx
+// elements/tabs/Tabs.tsx
 import * as React13 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 var TabsContext = React13.createContext({ orientation: "vertical" });
@@ -2866,7 +2866,7 @@ var TabsContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
-// components/elements/separator/Separator.tsx
+// elements/separator/Separator.tsx
 import * as React14 from "react";
 var Separator = ({
   className,
@@ -2884,7 +2884,7 @@ var Separator = ({
   }
 );
 
-// components/elements/progress/Progress.tsx
+// elements/progress/Progress.tsx
 import * as React15 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 var Progress = React15.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React15.createElement(
@@ -2907,7 +2907,7 @@ var Progress = React15.forwardRef(({ className, value, ...props }, ref) => /* @_
 ));
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
-// components/icons/Emojis.tsx
+// icons/Emojis.tsx
 import React16 from "react";
 var VeryGoodEmoji = () => /* @__PURE__ */ React16.createElement(
   "svg",
@@ -3000,7 +3000,7 @@ var VeryBadEmoji = () => /* @__PURE__ */ React16.createElement(
   ))
 );
 
-// components/icons/InputIcons.tsx
+// icons/InputIcons.tsx
 import React17 from "react";
 var EyeIcon = (props) => /* @__PURE__ */ React17.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ React17.createElement(
   "svg",
@@ -3033,7 +3033,7 @@ var HiddenEyeIcon = (props) => /* @__PURE__ */ React17.createElement("div", { cl
   /* @__PURE__ */ React17.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
 ));
 
-// components/icons/CommonIcons.tsx
+// icons/CommonIcons.tsx
 import React18 from "react";
 var CheckMark = ({ size = "default", className }) => {
   let sizeStyles = {

package/dist/{chunk-3KMBSNM3.mjs → chunk-Z5SL5QTQ.mjs}

@@ -1,14 +1,14 @@
-// components/elements/loading/Loading.tsx
+// elements/loading/Loading.tsx
 import React from "react";
 
-// components/util.ts
+// util/index.ts
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-// components/elements/loading/Loading.tsx
+// elements/loading/Loading.tsx
 var Loading = ({
   design = "spinner",
   size = "sm",
@@ -184,7 +184,7 @@ var Loading = ({
   }
 };
 
-// components/elements/button/Button.tsx
+// elements/button/Button.tsx
 import * as React2 from "react";
 import { cva } from "class-variance-authority";
 var buttonVariants = cva(
@@ -239,6 +239,7 @@ var Button = React2.forwardRef(
         className: cn(
           buttonVariants({ variant, size, className }),
           centered && "hawa-justify-center"
+          // "hawa-bg-red-500"
         ),
         ref,
         ...props
@@ -257,7 +258,7 @@ var Button = React2.forwardRef(
 );
 Button.displayName = "Button";
 
-// components/elements/card/Card.tsx
+// elements/card/Card.tsx
 import * as React3 from "react";
 var Card = React3.forwardRef(
   ({ className, variant = "default", clickable = false, ...props }, ref) => {
@@ -338,7 +339,7 @@ CardFooter.displayName = "CardFooter";
 CardTitle.displayName = "CardTitle";
 Card.displayName = "Card";
 
-// components/elements/tooltip/Tooltip.tsx
+// elements/tooltip/Tooltip.tsx
 import React4 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React4.createElement(
@@ -389,7 +390,7 @@ var Tooltip = ({
   );
 };
 
-// components/elements/skeleton/Skeleton.tsx
+// elements/skeleton/Skeleton.tsx
 import React5 from "react";
 function Skeleton({
   className,
@@ -416,7 +417,7 @@ function Skeleton({
   );
 }
 
-// components/elements/logos/Logos.tsx
+// elements/logos/Logos.tsx
 import React6 from "react";
 var Logos = {
   hawa: (props) => /* @__PURE__ */ React6.createElement(
@@ -621,7 +622,7 @@ var Logos = {
   )
 };
 
-// components/elements/chip/Chip.tsx
+// elements/chip/Chip.tsx
 import React7 from "react";
 var Chip = React7.forwardRef(
   ({
@@ -702,7 +703,7 @@ var Chip = React7.forwardRef(
   }
 );
 
-// components/elements/dropdownMenu/DropdownMenu.tsx
+// elements/dropdownMenu/DropdownMenu.tsx
 import * as React8 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 var DropdownMenuRoot = DropdownMenuPrimitive.Root;

package/dist/{chunk-ZCZ3WARS.mjs → chunk-ZS3FB3PO.mjs}

@@ -1,4 +1,4 @@
-// components/elements/stopPropagationWrapper/StopPropagationWrapper.tsx
+// elements/stopPropagationWrapper/StopPropagationWrapper.tsx
 import React from "react";
 var StopPropagationWrapper = (props) => {
   const handleClick = (e) => {