@sikka/hawa 0.30.25-next → 0.30.27-next

package/dist/{chunk-7LAUVLVZ.mjs → chunk-SW7UK35T.mjs}

@@ -1,4 +1,7 @@
 "use client";
+import {
+  useMeasureDirty
+} from "./chunk-R2SKHHDK.mjs";
 import {
   Button,
   Chip,
@@ -2811,6 +2814,8 @@ var Popover = ({
   ));
 };
 var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverPortal = PopoverPrimitive.Portal;
+var PopoverRoot = PopoverPrimitive.Root;
 
 // elements/scrollArea/ScrollArea.tsx
 import * as React12 from "react";
@@ -2853,9 +2858,58 @@ var ScrollBar = React12.forwardRef(({ className, orientation = "vertical", ...pr
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // elements/tabs/Tabs.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { tv } from "tailwind-variants";
+
+// elements/floatBox/FloatBox.tsx
+import * as React13 from "react";
+var FloatBox = ({
+  className,
+  open,
+  side = "bottom",
+  sideOffset = 40,
+  align = "center",
+  ...props
+}) => {
+  let stylesMap = {
+    bottom: {
+      start: { top: sideOffset, insetInlineStart: 0 },
+      center: { top: sideOffset },
+      end: { top: sideOffset, insetInlineEnd: 0 }
+    },
+    top: {
+      start: { bottom: sideOffset, insetInlineStart: 0 },
+      center: { bottom: sideOffset },
+      end: { bottom: sideOffset, insetInlineEnd: 0 }
+    },
+    right: {
+      start: { left: sideOffset, top: -5 },
+      center: { left: sideOffset },
+      end: { left: sideOffset, bottom: 0 }
+    },
+    left: {
+      start: { right: sideOffset, top: 0 },
+      center: { right: sideOffset },
+      end: { right: sideOffset, bottom: 0 }
+    }
+  };
+  return /* @__PURE__ */ React13.createElement(
+    "div",
+    {
+      className: cn(
+        "data-[floatbox-state=closed]:hawa-invisible data-[floatbox-state=open]:hawa-visible hawa-absolute dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[floatbox-state=open]:hawa-animate-in data-[floatbox-state=closed]:hawa-animate-out data-[floatbox-state=closed]:hawa-fade-out-0 data-[floatbox-state=open]:hawa-fade-in-0 data-[floatbox-state=closed]:hawa-zoom-out-95 data-[floatbox-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
+      ),
+      style: { ...stylesMap[side][align] },
+      "data-side": side,
+      "data-floatbox-state": open ? "open" : "closed"
+    },
+    props.children
+  );
+};
+
+// elements/tabs/Tabs.tsx
 var tabsListVariant = tv({
   base: "",
   variants: {
@@ -2864,10 +2918,7 @@ var tabsListVariant = tv({
       underlined: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded  hawa-p-1 hawa-text-muted-foreground  dark:hawa-border-primary/10",
       underlined_tabs: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-text-muted-foreground"
     },
-    orientation: {
-      horizontal: "",
-      vertical: ""
-    }
+    orientation: { horizontal: "", vertical: "" }
   },
   compoundVariants: [
     {
@@ -2881,10 +2932,7 @@ var tabsListVariant = tv({
       class: "hawa-border-b-2 hawa-border-b-primary"
     }
   ],
-  defaultVariants: {
-    variant: "default",
-    orientation: "horizontal"
-  }
+  defaultVariants: { variant: "default", orientation: "horizontal" }
 });
 var tabsTriggerVariant = tv({
   base: "",
@@ -2894,10 +2942,7 @@ var tabsTriggerVariant = tv({
       underlined: "hawa-inline-flex  hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-rounded-none hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all 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",
       underlined_tabs: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded   hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all 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 hawa-bg-primary/10 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground  dark:hawa-border-primary/10"
     },
-    orientation: {
-      horizontal: "",
-      vertical: ""
-    }
+    orientation: { horizontal: "", vertical: "" }
   },
   compoundVariants: [
     {
@@ -2921,13 +2966,10 @@ var tabsTriggerVariant = tv({
       class: "hawa-rounded-e-none"
     }
   ],
-  defaultVariants: {
-    variant: "default",
-    orientation: "horizontal"
-  }
+  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 = React14.createContext({ orientation: "horizontal", variant: "default" });
+var Tabs = React14.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React14.createElement(
   TabsPrimitive.Root,
   {
     ref,
@@ -2938,12 +2980,11 @@ var Tabs = React13.forwardRef(({ className, orientation, variant = "default", ..
     ),
     ...props
   },
-  /* @__PURE__ */ React13.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
+  /* @__PURE__ */ React14.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
 ));
-Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React13.forwardRef(({ className, ...props }, ref) => {
-  const { orientation, variant } = React13.useContext(TabsContext);
-  return /* @__PURE__ */ React13.createElement(
+var TabsList = React14.forwardRef(({ className, ...props }, ref) => {
+  const { orientation, variant } = React14.useContext(TabsContext);
+  return /* @__PURE__ */ React14.createElement(
     TabsPrimitive.List,
     {
       ref,
@@ -2956,22 +2997,36 @@ var TabsList = React13.forwardRef(({ className, ...props }, ref) => {
     }
   );
 });
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React13.forwardRef(({ className, chipProps, ...props }, ref) => {
-  const { orientation, variant } = React13.useContext(TabsContext);
-  return /* @__PURE__ */ React13.createElement(
+var TabsTrigger = React14.forwardRef(({ className, chipProps, ...props }, ref) => {
+  const { orientation, variant } = React14.useContext(TabsContext);
+  const tabTriggerRef = React14.useRef(null);
+  const { width } = useMeasureDirty(tabTriggerRef);
+  return /* @__PURE__ */ React14.createElement(
     TabsPrimitive.Trigger,
     {
-      ref,
-      className: cn(tabsTriggerVariant({ variant, orientation }), className),
+      ref: tabTriggerRef,
+      className: cn(
+        tabsTriggerVariant({ variant, orientation }),
+        "hawa-relative",
+        className
+      ),
       ...props
     },
     props.children,
-    chipProps && /* @__PURE__ */ React13.createElement(Chip, { ...chipProps })
+    chipProps && /* @__PURE__ */ React14.createElement(Chip, { ...chipProps }),
+    /* @__PURE__ */ React14.createElement(
+      FloatBox,
+      {
+        align: orientation === "vertical" ? "start" : "start",
+        side: orientation === "vertical" ? "right" : "bottom",
+        sideOffset: orientation === "vertical" ? width + 30 : 45,
+        open: props.showPopover
+      },
+      props.popoverContent
+    )
   );
 });
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var TabsContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -2982,15 +3037,18 @@ var TabsContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
+Tabs.displayName = TabsPrimitive.Root.displayName;
+TabsList.displayName = TabsPrimitive.List.displayName;
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // elements/separator/Separator.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 var Separator = ({
   className,
   orientation = "horizontal",
   ...props
-}) => /* @__PURE__ */ React14.createElement(
+}) => /* @__PURE__ */ React15.createElement(
   "div",
   {
     className: cn(
@@ -3003,9 +3061,9 @@ var Separator = ({
 );
 
 // elements/progress/Progress.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-var Progress = React15.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React15.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React15.createElement(Label, { ...props.labelProps }, props.label), /* @__PURE__ */ React15.createElement(
+var Progress = React16.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React16.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React16.createElement(Label, { ...props.labelProps }, props.label), /* @__PURE__ */ React16.createElement(
   ProgressPrimitive.Root,
   {
     ref,
@@ -3015,7 +3073,7 @@ var Progress = React15.forwardRef(({ className, value, ...props }, ref) => /* @_
     ),
     ...props
   },
-  /* @__PURE__ */ React15.createElement(
+  /* @__PURE__ */ React16.createElement(
     ProgressPrimitive.Indicator,
     {
       className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
@@ -3026,8 +3084,8 @@ var Progress = React15.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // icons/Emojis.tsx
-import React16 from "react";
-var VeryGoodEmoji = () => /* @__PURE__ */ React16.createElement(
+import React17 from "react";
+var VeryGoodEmoji = () => /* @__PURE__ */ React17.createElement(
   "svg",
   {
     fill: "none",
@@ -3036,7 +3094,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ React16.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React16.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ React16.createElement(
+  /* @__PURE__ */ React17.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ React17.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -3044,7 +3102,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ React16.createElement(
       fill: "currentColor",
       fillRule: "evenodd"
     }
-  ), /* @__PURE__ */ React16.createElement(
+  ), /* @__PURE__ */ React17.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -3054,7 +3112,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ React16.createElement(
     }
   ))
 );
-var GoodEmoji = () => /* @__PURE__ */ React16.createElement(
+var GoodEmoji = () => /* @__PURE__ */ React17.createElement(
   "svg",
   {
     fill: "none",
@@ -3063,7 +3121,7 @@ var GoodEmoji = () => /* @__PURE__ */ React16.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React16.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ React16.createElement(
+  /* @__PURE__ */ React17.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ React17.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -3073,7 +3131,7 @@ var GoodEmoji = () => /* @__PURE__ */ React16.createElement(
     }
   ))
 );
-var BadEmoji = () => /* @__PURE__ */ React16.createElement(
+var BadEmoji = () => /* @__PURE__ */ React17.createElement(
   "svg",
   {
     fill: "none",
@@ -3082,7 +3140,7 @@ var BadEmoji = () => /* @__PURE__ */ React16.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React16.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ React16.createElement(
+  /* @__PURE__ */ React17.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ React17.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -3092,7 +3150,7 @@ var BadEmoji = () => /* @__PURE__ */ React16.createElement(
     }
   ))
 );
-var VeryBadEmoji = () => /* @__PURE__ */ React16.createElement(
+var VeryBadEmoji = () => /* @__PURE__ */ React17.createElement(
   "svg",
   {
     fill: "none",
@@ -3101,13 +3159,13 @@ var VeryBadEmoji = () => /* @__PURE__ */ React16.createElement(
     width: "16",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React16.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ React16.createElement(
+  /* @__PURE__ */ React17.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ React17.createElement(
     "path",
     {
       d: "M11.841 12.0225C12.7197 12.9324 12.7197 14.4077 11.841 15.3176C10.9623 16.2275 9.53769 16.2275 8.65901 15.3176C7.78033 14.4077 7.78033 12.9324 8.65901 12.0225L10.25 10.375L11.841 12.0225Z",
       fill: "#0070F3"
     }
-  ), /* @__PURE__ */ React16.createElement(
+  ), /* @__PURE__ */ React17.createElement(
     "path",
     {
       clipRule: "evenodd",
@@ -3119,8 +3177,8 @@ var VeryBadEmoji = () => /* @__PURE__ */ React16.createElement(
 );
 
 // 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(
+import React18 from "react";
+var EyeIcon = (props) => /* @__PURE__ */ React18.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ React18.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3131,10 +3189,10 @@ var EyeIcon = (props) => /* @__PURE__ */ React17.createElement("div", { classNam
     strokeLinecap: "round",
     strokeLinejoin: "round"
   },
-  /* @__PURE__ */ React17.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
-  /* @__PURE__ */ React17.createElement("circle", { cx: "12", cy: "12", r: "3" })
+  /* @__PURE__ */ React18.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
+  /* @__PURE__ */ React18.createElement("circle", { cx: "12", cy: "12", r: "3" })
 ));
-var HiddenEyeIcon = (props) => /* @__PURE__ */ React17.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ React17.createElement(
+var HiddenEyeIcon = (props) => /* @__PURE__ */ React18.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ React18.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3145,20 +3203,20 @@ var HiddenEyeIcon = (props) => /* @__PURE__ */ React17.createElement("div", { cl
     strokeLinecap: "round",
     strokeLinejoin: "round"
   },
-  /* @__PURE__ */ React17.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
-  /* @__PURE__ */ React17.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
-  /* @__PURE__ */ React17.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
-  /* @__PURE__ */ React17.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
+  /* @__PURE__ */ React18.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
+  /* @__PURE__ */ React18.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
+  /* @__PURE__ */ React18.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
+  /* @__PURE__ */ React18.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
 ));
 
 // icons/CommonIcons.tsx
-import React18 from "react";
+import React19 from "react";
 var CheckMark = ({ size = "default", className }) => {
   let sizeStyles = {
     default: "hawa-h-5 hawa-w-5",
     sm: "hawa-h-3 hawa-w-3"
   };
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(
     "svg",
     {
       className: cn(sizeStyles[size], className),
@@ -3166,7 +3224,7 @@ var CheckMark = ({ size = "default", className }) => {
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3181,7 +3239,7 @@ var UncheckMark = ({ size = "default", className }) => {
     default: "hawa-h-5 hawa-w-5",
     sm: "hawa-h-3 hawa-w-3"
   };
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(
     "svg",
     {
       className: cn(sizeStyles[size], className),
@@ -3189,7 +3247,7 @@ var UncheckMark = ({ size = "default", className }) => {
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3222,6 +3280,8 @@ export {
   PopoverContent,
   Popover,
   PopoverTrigger,
+  PopoverPortal,
+  PopoverRoot,
   ScrollArea,
   ScrollBar,
   Tabs,

package/dist/{chunk-H7ZADF2Z.mjs → chunk-UDCDD66A.mjs}

@@ -1,4 +1,11 @@
 "use client";
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
 
 // hooks/useBreakpoint.ts
 import { useState, useEffect } from "react";
@@ -20,5 +27,6 @@ var useBreakpoint = () => {
 };
 
 export {
+  __require,
   useBreakpoint
 };