@sikka/hawa 0.35.5-next → 0.36.0-next

package/dist/blocks/index.mjs

@@ -1,12 +1,7 @@
 "use client";
 import {
   Alert,
-  BadEmoji,
-  CheckMark,
   Checkbox,
-  EyeIcon,
-  GoodEmoji,
-  HiddenEyeIcon,
   Input,
   PhoneInput,
   PinInput,
@@ -21,13 +16,11 @@ import {
   TabsContent,
   TabsList,
   TabsTrigger,
-  Textarea,
-  UncheckMark,
-  VeryBadEmoji,
-  VeryGoodEmoji
-} from "../chunk-TERP5K6R.mjs";
+  Textarea
+} from "../chunk-T33FXOHA.mjs";
 import "../chunk-OPYDG34F.mjs";
 import {
+  BadEmoji,
   Button,
   Card,
   CardContent,
@@ -35,16 +28,23 @@ import {
   CardFooter,
   CardHeader,
   CardTitle,
+  CheckMark,
   Chip,
   DropdownMenu,
+  EyeIcon,
+  GoodEmoji,
+  HiddenEyeIcon,
   Label,
   Loading,
   Logos,
   Skeleton,
   Tooltip,
+  UncheckMark,
+  VeryBadEmoji,
+  VeryGoodEmoji,
   cn
-} from "../chunk-G7JHUC5N.mjs";
-import "../chunk-545D35G6.mjs";
+} from "../chunk-NNPNQK6F.mjs";
+import "../chunk-SYGWSBJL.mjs";
 
 // blocks/auth/AuthButtons.tsx
 import React from "react";

package/dist/blocks/misc/index.js

@@ -95,7 +95,7 @@ var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...prop
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // elements/tabs/Tabs.tsx
-var React13 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 
 // hooks/useIsomorphicEffect.ts
 var import_react = require("react");
@@ -178,8 +178,8 @@ var useMeasureDirty = (ref) => {
   return rect;
 };
 
-// hooks/useOutsideClick.ts
-var import_react16 = __toESM(require("react"));
+// hooks/useClickOutside.ts
+var import_react16 = require("react");
 
 // elements/tabs/Tabs.tsx
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
@@ -194,7 +194,8 @@ var Chip = import_react17.default.forwardRef(
     icon,
     color,
     radius = "inherit",
-    dotType,
+    dot,
+    dotStatus = "none",
     ...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 ";
@@ -213,7 +214,8 @@ var Chip = import_react17.default.forwardRef(
       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 = {
+    let dotStatusStyles = {
+      none: "hawa-bg-gray-500 dark:hawa-bg-gray-800",
       available: "hawa-bg-green-500",
       unavailable: "hawa-bg-red-500"
     };
@@ -241,10 +243,10 @@ var Chip = import_react17.default.forwardRef(
             color ? colorStyles[color] : "hawa-border hawa-bg-none"
           )
         },
-        dotType && /* @__PURE__ */ import_react17.default.createElement(
+        dot && /* @__PURE__ */ import_react17.default.createElement(
           "span",
           {
-            className: cn(dotStyles[size], dotTypeStyles[dotType])
+            className: cn(dotStyles[size], dotStatusStyles[dotStatus])
           }
         ),
         icon && icon,
@@ -267,7 +269,7 @@ var Chip = import_react17.default.forwardRef(
 );
 
 // elements/floatBox/FloatBox.tsx
-var React12 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var FloatBox = ({
   className,
   open,
@@ -305,7 +307,7 @@ var FloatBox = ({
     right: "hawa-arrow-default-left",
     left: "hawa-arrow-default-right"
   };
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React11.createElement(
     "div",
     {
       className: cn(
@@ -316,8 +318,8 @@ var FloatBox = ({
       "data-side": side,
       "data-floatbox-state": open ? "open" : "closed"
     },
-    withArrow && /* @__PURE__ */ React12.createElement("div", { className: cn(arrowDirection[side]) }),
-    /* @__PURE__ */ React12.createElement("span", null, props.children)
+    withArrow && /* @__PURE__ */ React11.createElement("div", { className: cn(arrowDirection[side]) }),
+    /* @__PURE__ */ React11.createElement("span", null, props.children)
   );
 };
 
@@ -380,8 +382,8 @@ var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
   ],
   defaultVariants: { variant: "default", orientation: "horizontal" }
 });
-var TabsContext = React13.createContext({ orientation: "horizontal", variant: "default" });
-var Tabs = React13.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var TabsContext = React12.createContext({ orientation: "horizontal", variant: "default" });
+var Tabs = React12.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React12.createElement(
   TabsPrimitive.Root,
   {
     ref,
@@ -392,11 +394,11 @@ var Tabs = React13.forwardRef(({ className, orientation, variant = "default", ..
     ),
     ...props
   },
-  /* @__PURE__ */ React13.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
+  /* @__PURE__ */ React12.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
 ));
-var TabsList = React13.forwardRef(({ className, ...props }, ref) => {
-  const { orientation, variant } = React13.useContext(TabsContext);
-  return /* @__PURE__ */ React13.createElement(
+var TabsList = React12.forwardRef(({ className, ...props }, ref) => {
+  const { orientation, variant } = React12.useContext(TabsContext);
+  return /* @__PURE__ */ React12.createElement(
     TabsPrimitive.List,
     {
       ref,
@@ -409,11 +411,11 @@ var TabsList = React13.forwardRef(({ className, ...props }, ref) => {
     }
   );
 });
-var TabsTrigger = React13.forwardRef(({ className, chipProps, ...props }, ref) => {
-  const { orientation, variant } = React13.useContext(TabsContext);
-  const tabTriggerRef = React13.useRef(null);
+var TabsTrigger = React12.forwardRef(({ className, chipProps, ...props }, ref) => {
+  const { orientation, variant } = React12.useContext(TabsContext);
+  const tabTriggerRef = React12.useRef(null);
   const { width } = useMeasureDirty(tabTriggerRef);
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React12.createElement(
     TabsPrimitive.Trigger,
     {
       ref: tabTriggerRef,
@@ -425,8 +427,8 @@ var TabsTrigger = React13.forwardRef(({ className, chipProps, ...props }, ref) =
       ...props
     },
     props.children,
-    chipProps && /* @__PURE__ */ React13.createElement(Chip, { ...chipProps }),
-    /* @__PURE__ */ React13.createElement(
+    chipProps && /* @__PURE__ */ React12.createElement(Chip, { ...chipProps }),
+    /* @__PURE__ */ React12.createElement(
       FloatBox,
       {
         withArrow: true,
@@ -439,7 +441,7 @@ var TabsTrigger = React13.forwardRef(({ className, chipProps, ...props }, ref) =
     )
   );
 });
-var TabsContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var TabsContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -483,7 +485,7 @@ var LegalTexts = ({ tabs, ...props }) => {
 var import_react22 = __toESM(require("react"));
 
 // elements/button/Button.tsx
-var React19 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var import_class_variance_authority = require("class-variance-authority");
 
 // elements/helperText/HelperText.tsx
@@ -500,7 +502,7 @@ var HelperText = ({ helperText }) => /* @__PURE__ */ import_react19.default.crea
 );
 
 // elements/label/Label.tsx
-var React17 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 
 // elements/tooltip/Tooltip.tsx
 var import_react20 = __toESM(require("react"));
@@ -574,7 +576,7 @@ var Tooltip = ({
 };
 
 // elements/label/Label.tsx
-var Label = React17.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React17.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React17.createElement(
+var Label = React16.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React16.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React16.createElement(
   "label",
   {
     ref,
@@ -585,8 +587,8 @@ var Label = React17.forwardRef(({ className, hint, hintSide, required, children,
     ...props
   },
   children,
-  required && /* @__PURE__ */ React17.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React17.createElement(
+  required && /* @__PURE__ */ React16.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React16.createElement(
   Tooltip,
   {
     content: hint,
@@ -596,7 +598,7 @@ var Label = React17.forwardRef(({ className, hint, hintSide, required, children,
       onClick: (event) => event.preventDefault()
     }
   },
-  /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement(
+  /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -608,9 +610,9 @@ var Label = React17.forwardRef(({ className, hint, hintSide, required, children,
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React17.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ React17.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-    /* @__PURE__ */ React17.createElement("path", { d: "M12 17h.01" })
+    /* @__PURE__ */ React16.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React16.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React16.createElement("path", { d: "M12 17h.01" })
   ))
 )));
 Label.displayName = "Label";
@@ -864,7 +866,7 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
     defaultVariants: { variant: "default", size: "default" }
   }
 );
-var Button = React19.forwardRef(
+var Button = React18.forwardRef(
   ({
     className,
     label,
@@ -880,7 +882,7 @@ var Button = React19.forwardRef(
   }, ref) => {
     const Comp = "button";
     const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React19.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React19.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React18.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React18.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React18.createElement(
       Comp,
       {
         className: cn(
@@ -890,7 +892,7 @@ var Button = React19.forwardRef(
         ref,
         ...props
       },
-      isLoading ? /* @__PURE__ */ React19.createElement(
+      isLoading ? /* @__PURE__ */ React18.createElement(
         Loading,
         {
           design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
@@ -899,14 +901,14 @@ var Button = React19.forwardRef(
           size: size === "sm" || size === "xs" ? "xs" : "button"
         }
       ) : children
-    ), showHelperText && /* @__PURE__ */ React19.createElement(HelperText, { helperText: props.helperText }));
+    ), showHelperText && /* @__PURE__ */ React18.createElement(HelperText, { helperText: props.helperText }));
   }
 );
 Button.displayName = "Button";
 
 // elements/card/Card.tsx
-var React20 = __toESM(require("react"));
-var Card = React20.forwardRef(
+var React19 = __toESM(require("react"));
+var Card = React19.forwardRef(
   ({
     className,
     variant = "default",
@@ -925,7 +927,7 @@ var Card = React20.forwardRef(
         clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
       )
     };
-    return /* @__PURE__ */ React20.createElement(
+    return /* @__PURE__ */ React19.createElement(
       "div",
       {
         ref,
@@ -935,7 +937,7 @@ var Card = React20.forwardRef(
     );
   }
 );
-var CardHeader = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+var CardHeader = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   "div",
   {
     ref,
@@ -946,7 +948,7 @@ var CardHeader = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ...props
   }
 ));
-var CardTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+var CardTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   "h3",
   {
     ref,
@@ -954,7 +956,7 @@ var CardTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE_
     ...props
   }
 ));
-var CardDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+var CardDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   "p",
   {
     ref,
@@ -962,8 +964,8 @@ var CardDescription = React20.forwardRef(({ className, ...props }, ref) => /* @_
     ...props
   }
 ));
-var CardContent = React20.forwardRef(
-  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+var CardContent = React19.forwardRef(
+  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
     "div",
     {
       ref,
@@ -976,7 +978,7 @@ var CardContent = React20.forwardRef(
     }
   )
 );
-var CardFooter = React20.forwardRef(({ className, noPadding, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+var CardFooter = React19.forwardRef(({ className, noPadding, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   "div",
   {
     ref,
@@ -1098,7 +1100,7 @@ var Input = (0, import_react25.forwardRef)(
       auto: ""
     };
     let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
-    let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
+    let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm placeholder:hawa-text-muted-foreground";
     const handleChange = (e) => {
       let newValue = e.target.value;
       if (props.prefixText) {
@@ -1137,7 +1139,31 @@ var Input = (0, import_react25.forwardRef)(
           )
         },
         props.outsidePrefix
-      ), props.isLoading ? /* @__PURE__ */ import_react25.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react25.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react25.default.createElement(
+      ), props.isLoading ? /* @__PURE__ */ import_react25.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react25.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ import_react25.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react25.default.createElement(
+        Skeleton,
+        {
+          animation: "none",
+          className: "hawa-h-[40px] hawa-w-full !hawa-bg-destructive/[0.3]",
+          content: /* @__PURE__ */ import_react25.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react25.default.createElement(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "20",
+              height: "20",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "hawa-text-destructive"
+            },
+            /* @__PURE__ */ import_react25.default.createElement("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+            /* @__PURE__ */ import_react25.default.createElement("path", { d: "M12 9v4" }),
+            /* @__PURE__ */ import_react25.default.createElement("path", { d: "M12 17h.01" })
+          ), /* @__PURE__ */ import_react25.default.createElement("span", null, /* @__PURE__ */ import_react25.default.createElement("span", { className: "hawa-text-destructive" }, props.loadingErrorMesssage || "Error loading data")))
+        }
+      )) : /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react25.default.createElement(
         "div",
         {
           className: cn(
@@ -1408,7 +1434,6 @@ var Select = ({
             )
           },
           unstyled: true,
-          autoFocus: true,
           components: props.hideIndicator ? {
             Option,
             Menu,
@@ -1498,8 +1523,8 @@ var Select = ({
 };
 
 // elements/textarea/Textarea.tsx
-var React30 = __toESM(require("react"));
-var Textarea = React30.forwardRef(
+var React29 = __toESM(require("react"));
+var Textarea = React29.forwardRef(
   ({
     className,
     classNames,
@@ -1511,7 +1536,7 @@ var Textarea = React30.forwardRef(
     isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React30.createElement(
+    return /* @__PURE__ */ React29.createElement(
       "div",
       {
         className: cn(
@@ -1520,7 +1545,7 @@ var Textarea = React30.forwardRef(
           className
         )
       },
-      /* @__PURE__ */ React30.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React30.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React30.createElement(
+      /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React29.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React29.createElement(
         "div",
         {
           className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none"
@@ -1529,7 +1554,7 @@ var Textarea = React30.forwardRef(
         "/",
         textareaProps == null ? void 0 : textareaProps.maxLength
       )),
-      isLoading ? /* @__PURE__ */ React30.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React30.createElement(
+      isLoading ? /* @__PURE__ */ React29.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React29.createElement(
         "textarea",
         {
           ...textareaProps,
@@ -1540,7 +1565,7 @@ var Textarea = React30.forwardRef(
           ref
         }
       ),
-      /* @__PURE__ */ React30.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React30.createElement(
+      /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React29.createElement(
         "p",
         {
           className: cn(
@@ -1549,7 +1574,7 @@ var Textarea = React30.forwardRef(
           )
         },
         props.helperText
-      ), showCount && countPosition === "bottom" && /* @__PURE__ */ React30.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
+      ), showCount && countPosition === "bottom" && /* @__PURE__ */ React29.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
     );
   }
 );