@sikka/hawa 0.35.5-next → 0.35.6-next

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"));
@@ -267,7 +267,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 +305,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 +316,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 +380,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 +392,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 +409,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 +425,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 +439,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 +483,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 +500,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 +574,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 +585,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 +596,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 +608,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 +864,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 +880,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 +890,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 +899,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 +925,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 +935,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 +946,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 +954,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 +962,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 +976,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,
@@ -1498,8 +1498,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 +1511,7 @@ var Textarea = React30.forwardRef(
     isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React30.createElement(
+    return /* @__PURE__ */ React29.createElement(
       "div",
       {
         className: cn(
@@ -1520,7 +1520,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 +1529,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 +1540,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 +1549,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))
     );
   }
 );