@sikka/hawa 0.34.8-next → 0.35.0-next

package/dist/{chunk-QPZ4ZR2B.mjs → chunk-DFWFQWWT.mjs}

@@ -8,7 +8,7 @@ import {
   Label,
   Skeleton,
   cn
-} from "./chunk-QVF3VLB7.mjs";
+} from "./chunk-IDKXEJET.mjs";
 
 // elements/alert/Alert.tsx
 import React, { useRef, useState, useEffect } from "react";
@@ -221,7 +221,7 @@ var Input = forwardRef(
           )
         },
         props.outsidePrefix
-      ), props.isLoading ? /* @__PURE__ */ React2.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React2.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React2.createElement(
+      ), props.isLoading ? /* @__PURE__ */ React2.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React2.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React2.createElement(
         "div",
         {
           className: cn(
@@ -2479,9 +2479,75 @@ var PinInput = ({
   ));
 };
 
+// elements/popover/Popover.tsx
+import * as React8 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+var PopoverContent = React8.forwardRef(
+  ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React8.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React8.createElement(
+    PopoverPrimitive.Content,
+    {
+      ref,
+      align,
+      sideOffset,
+      className: cn(
+        "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+        className
+      ),
+      ...props
+    }
+  ))
+);
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+var Popover = ({
+  trigger,
+  children,
+  className,
+  align = "center",
+  side,
+  sideOffset = 4,
+  open,
+  width = "default",
+  disableTrigger,
+  contentProps,
+  triggerProps,
+  ...props
+}) => {
+  let widthStyles = {
+    trigger: "var(--radix-popover-trigger-width)",
+    default: "auto"
+  };
+  return /* @__PURE__ */ React8.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React8.createElement(
+    PopoverPrimitive.Trigger,
+    {
+      className: "hawa-w-full",
+      disabled: disableTrigger,
+      ...triggerProps
+    },
+    trigger
+  ), /* @__PURE__ */ React8.createElement(
+    PopoverContent,
+    {
+      side,
+      className,
+      align,
+      sideOffset,
+      style: {
+        width: widthStyles[width],
+        maxWidth: "var(--radix-popover-content-available-width)",
+        maxHeight: "var(--radix-popover-content-available-height)"
+      },
+      ...contentProps
+    },
+    children
+  ));
+};
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverPortal = PopoverPrimitive.Portal;
+var PopoverRoot = PopoverPrimitive.Root;
+
 // elements/radio/Radio.tsx
-import React8, { useState as useState4, useRef as useRef3, useEffect as useEffect4, forwardRef as forwardRef3 } from "react";
-var Radio = forwardRef3(
+import React9, { useState as useState4, useRef as useRef3, useEffect as useEffect4, forwardRef as forwardRef4 } from "react";
+var Radio = forwardRef4(
   ({
     design = "default",
     width = "default",
@@ -2495,9 +2561,6 @@ var Radio = forwardRef3(
     ...props
   }, ref) => {
     var _a, _b, _c;
-    const [selectedOption, setSelectedOption] = useState4(
-      props.defaultValue || props.value
-    );
     let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary";
     let inactiveTabStyle = `hawa-inline-block hawa-w-full hawa-transition-all  hawa-bg-primary-foreground dark:hover:hawa-text-white
     ${props.disabled ? "" : "hover:hawa-bg-muted"}`;
@@ -2516,9 +2579,13 @@ var Radio = forwardRef3(
       default: "hawa-max-w-fit",
       full: "hawa-w-full"
     };
-    const [parentDirection, setParentDirection] = React8.useState(
+    const [parentDirection, setParentDirection] = React9.useState(
       null
     );
+    const [selectedOption, setSelectedOption] = useState4(
+      props.defaultValue || props.value
+    );
+    const [openTooltip, setOpenTooltip] = useState4(null);
     const parentRef = useRef3(null);
     useEffect4(() => {
       var _a2;
@@ -2536,9 +2603,17 @@ var Radio = forwardRef3(
         console.log("onChange was not provided");
       }
     };
+    const radio_option_tabs_styling = [
+      "hawa-w-full hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
+      !props.disabled && "hawa-cursor-pointer",
+      orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
+      orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
+      orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
+      tabSizeStyle[size]
+    ];
     switch (design) {
       case "tabs":
-        return /* @__PURE__ */ React8.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ React8.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ React9.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React9.createElement(
           "ul",
           {
             ref: parentRef,
@@ -2550,30 +2625,60 @@ var Radio = forwardRef3(
               tabsContainerClassName
             )
           },
-          (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ React8.createElement(
-            "li",
-            {
-              "aria-current": "page",
-              onClick: () => {
-                if (props.disabled)
-                  return;
-                handleChange(opt);
+          (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
+            return opt.tooltip ? /* @__PURE__ */ React9.createElement(
+              PopoverRoot,
+              {
+                key: o,
+                open: o === openTooltip,
+                onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
               },
-              className: cn(
-                "hawa-w-full hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
-                !props.disabled && "hawa-cursor-pointer",
-                orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
-                orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
-                orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
-                tabSizeStyle[size],
-                selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+              /* @__PURE__ */ React9.createElement(
+                PopoverTrigger,
+                {
+                  onMouseEnter: () => setOpenTooltip(o),
+                  onMouseLeave: () => setOpenTooltip(null),
+                  asChild: true
+                },
+                /* @__PURE__ */ React9.createElement(
+                  "li",
+                  {
+                    "aria-current": "page",
+                    onClick: () => {
+                      if (props.disabled || opt.disabled)
+                        return;
+                      handleChange(opt);
+                    },
+                    className: cn(
+                      ...radio_option_tabs_styling,
+                      selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+                    )
+                  },
+                  opt.icon && opt.icon,
+                  opt.label
+                )
               ),
-              key: o
-            },
-            opt.icon && opt.icon,
-            opt.label
-          ))
-        ), !forceHideHelperText && /* @__PURE__ */ React8.createElement(
+              /* @__PURE__ */ React9.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
+            ) : /* @__PURE__ */ React9.createElement(
+              "li",
+              {
+                key: o,
+                "aria-current": "page",
+                onClick: () => {
+                  if (props.disabled || opt.disabled)
+                    return;
+                  handleChange(opt);
+                },
+                className: cn(
+                  ...radio_option_tabs_styling,
+                  selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+                )
+              },
+              opt.icon && opt.icon,
+              opt.label
+            );
+          })
+        ), !forceHideHelperText && /* @__PURE__ */ React9.createElement(
           "p",
           {
             className: cn(
@@ -2584,7 +2689,7 @@ var Radio = forwardRef3(
           props.helperText
         ));
       case "bordered":
-        return /* @__PURE__ */ React8.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React8.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React9.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ React9.createElement(
           "div",
           {
             className: cn(
@@ -2593,7 +2698,7 @@ var Radio = forwardRef3(
             ),
             key: i + 1
           },
-          /* @__PURE__ */ React8.createElement(
+          /* @__PURE__ */ React9.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -2604,7 +2709,7 @@ var Radio = forwardRef3(
               onChange: () => handleChange(opt)
             }
           ),
-          /* @__PURE__ */ React8.createElement(
+          /* @__PURE__ */ React9.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -2617,7 +2722,7 @@ var Radio = forwardRef3(
           )
         ))));
       case "cards":
-        return /* @__PURE__ */ React8.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React8.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React9.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ React9.createElement(
           "input",
           {
             type: "radio",
@@ -2628,7 +2733,7 @@ var Radio = forwardRef3(
             required: true,
             disabled: opt.disabled
           }
-        ), /* @__PURE__ */ React8.createElement(
+        ), /* @__PURE__ */ React9.createElement(
           "label",
           {
             htmlFor: opt.value.toString(),
@@ -2637,10 +2742,10 @@ var Radio = forwardRef3(
               opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-foreground/10 hover:hawa-text-gray-600 dark:hover:hawa-bg-foreground/20 dark:hover:hawa-text-gray-300"
             )
           },
-          /* @__PURE__ */ React8.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ React8.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ React8.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+          /* @__PURE__ */ React9.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ React9.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ React9.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
         ))));
       default:
-        return /* @__PURE__ */ React8.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React8.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React8.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React9.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React9.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React9.createElement(
           "div",
           {
             className: cn(
@@ -2649,7 +2754,7 @@ var Radio = forwardRef3(
             ),
             key: i + 1
           },
-          /* @__PURE__ */ React8.createElement(
+          /* @__PURE__ */ React9.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -2660,7 +2765,7 @@ var Radio = forwardRef3(
               onChange: () => handleChange(opt)
             }
           ),
-          /* @__PURE__ */ React8.createElement(
+          /* @__PURE__ */ React9.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -2671,7 +2776,7 @@ var Radio = forwardRef3(
             },
             opt.label
           )
-        ))), /* @__PURE__ */ React8.createElement(
+        ))), /* @__PURE__ */ React9.createElement(
           "p",
           {
             className: cn(
@@ -2686,8 +2791,8 @@ var Radio = forwardRef3(
 );
 
 // elements/textarea/Textarea.tsx
-import * as React9 from "react";
-var Textarea = React9.forwardRef(
+import * as React10 from "react";
+var Textarea = React10.forwardRef(
   ({
     className,
     classNames,
@@ -2699,7 +2804,7 @@ var Textarea = React9.forwardRef(
     isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React9.createElement(
+    return /* @__PURE__ */ React10.createElement(
       "div",
       {
         className: cn(
@@ -2708,7 +2813,7 @@ var Textarea = React9.forwardRef(
           className
         )
       },
-      /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React9.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React9.createElement(
+      /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React10.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React10.createElement(
         "div",
         {
           className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none"
@@ -2717,7 +2822,7 @@ var Textarea = React9.forwardRef(
         "/",
         textareaProps == null ? void 0 : textareaProps.maxLength
       )),
-      isLoading ? /* @__PURE__ */ React9.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React9.createElement(
+      isLoading ? /* @__PURE__ */ React10.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React10.createElement(
         "textarea",
         {
           ...textareaProps,
@@ -2728,7 +2833,7 @@ var Textarea = React9.forwardRef(
           ref
         }
       ),
-      /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React9.createElement(
+      /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React10.createElement(
         "p",
         {
           className: cn(
@@ -2737,78 +2842,12 @@ var Textarea = React9.forwardRef(
           )
         },
         props.helperText
-      ), showCount && countPosition === "bottom" && /* @__PURE__ */ React9.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__ */ React10.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))
     );
   }
 );
 Textarea.displayName = "Textarea";
 
-// elements/popover/Popover.tsx
-import * as React10 from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-var PopoverContent = React10.forwardRef(
-  ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React10.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React10.createElement(
-    PopoverPrimitive.Content,
-    {
-      ref,
-      align,
-      sideOffset,
-      className: cn(
-        "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
-        className
-      ),
-      ...props
-    }
-  ))
-);
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var Popover = ({
-  trigger,
-  children,
-  className,
-  align = "center",
-  side,
-  sideOffset = 4,
-  open,
-  width = "default",
-  disableTrigger,
-  contentProps,
-  triggerProps,
-  ...props
-}) => {
-  let widthStyles = {
-    trigger: "var(--radix-popover-trigger-width)",
-    default: "auto"
-  };
-  return /* @__PURE__ */ React10.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React10.createElement(
-    PopoverPrimitive.Trigger,
-    {
-      className: "hawa-w-full",
-      disabled: disableTrigger,
-      ...triggerProps
-    },
-    trigger
-  ), /* @__PURE__ */ React10.createElement(
-    PopoverContent,
-    {
-      side,
-      className,
-      align,
-      sideOffset,
-      style: {
-        width: widthStyles[width],
-        maxWidth: "var(--radix-popover-content-available-width)",
-        maxHeight: "var(--radix-popover-content-available-height)"
-      },
-      ...contentProps
-    },
-    children
-  ));
-};
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverPortal = PopoverPrimitive.Portal;
-var PopoverRoot = PopoverPrimitive.Root;
-
 // elements/scrollArea/ScrollArea.tsx
 import * as React11 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
@@ -3275,13 +3314,13 @@ export {
   Checkbox,
   StopPropagationWrapper,
   PinInput,
-  Radio,
-  Textarea,
   PopoverContent,
   Popover,
   PopoverTrigger,
   PopoverPortal,
   PopoverRoot,
+  Radio,
+  Textarea,
   ScrollArea,
   ScrollBar,
   Tabs,

package/dist/{chunk-UBNCETCU.mjs → chunk-GVZWOUGN.mjs}

@@ -3,7 +3,7 @@ import {
   Label,
   Skeleton,
   cn
-} from "./chunk-OS2UOK5C.mjs";
+} from "./chunk-DABX3SU6.mjs";
 
 // elements/select/Select.tsx
 import React from "react";