@sikka/hawa 0.30.25-next → 0.30.26-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 React3 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
 var import_tailwind_variants = require("tailwind-variants");
 
@@ -180,6 +180,41 @@ var Chip = import_react.default.forwardRef(
   }
 );
 
+// elements/floatBox/FloatBox.tsx
+var React3 = __toESM(require("react"));
+var FloatBox = ({
+  className,
+  open,
+  side = "bottom",
+  sideOffset = 40,
+  ...props
+}) => {
+  let widthStyles = {
+    trigger: "var(--radix-popover-trigger-width)",
+    default: "auto"
+  };
+  let sideOffsetStyles = {
+    bottom: { top: sideOffset },
+    top: { bottom: sideOffset },
+    right: { left: sideOffset },
+    left: { right: sideOffset }
+  };
+  return /* @__PURE__ */ React3.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",
+        sideOffsetStyles[side],
+        className
+      ),
+      style: { ...sideOffsetStyles[side] },
+      "data-side": side,
+      "data-floatbox-state": open ? "open" : "closed"
+    },
+    props.children
+  );
+};
+
 // elements/tabs/Tabs.tsx
 var tabsListVariant = (0, import_tailwind_variants.tv)({
   base: "",
@@ -189,10 +224,7 @@ var tabsListVariant = (0, import_tailwind_variants.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: [
     {
@@ -206,10 +238,7 @@ var tabsListVariant = (0, import_tailwind_variants.tv)({
       class: "hawa-border-b-2 hawa-border-b-primary"
     }
   ],
-  defaultVariants: {
-    variant: "default",
-    orientation: "horizontal"
-  }
+  defaultVariants: { variant: "default", orientation: "horizontal" }
 });
 var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
   base: "",
@@ -219,10 +248,7 @@ var tabsTriggerVariant = (0, import_tailwind_variants.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: [
     {
@@ -246,13 +272,10 @@ var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
       class: "hawa-rounded-e-none"
     }
   ],
-  defaultVariants: {
-    variant: "default",
-    orientation: "horizontal"
-  }
+  defaultVariants: { variant: "default", orientation: "horizontal" }
 });
-var TabsContext = React3.createContext({ orientation: "horizontal", variant: "default" });
-var Tabs = React3.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var TabsContext = React4.createContext({ orientation: "horizontal", variant: "default" });
+var Tabs = React4.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React4.createElement(
   TabsPrimitive.Root,
   {
     ref,
@@ -263,12 +286,11 @@ var Tabs = React3.forwardRef(({ className, orientation, variant = "default", ...
     ),
     ...props
   },
-  /* @__PURE__ */ React3.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
+  /* @__PURE__ */ React4.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
 ));
-Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React3.forwardRef(({ className, ...props }, ref) => {
-  const { orientation, variant } = React3.useContext(TabsContext);
-  return /* @__PURE__ */ React3.createElement(
+var TabsList = React4.forwardRef(({ className, ...props }, ref) => {
+  const { orientation, variant } = React4.useContext(TabsContext);
+  return /* @__PURE__ */ React4.createElement(
     TabsPrimitive.List,
     {
       ref,
@@ -281,22 +303,25 @@ var TabsList = React3.forwardRef(({ className, ...props }, ref) => {
     }
   );
 });
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React3.forwardRef(({ className, chipProps, ...props }, ref) => {
-  const { orientation, variant } = React3.useContext(TabsContext);
-  return /* @__PURE__ */ React3.createElement(
+var TabsTrigger = React4.forwardRef(({ className, chipProps, ...props }, ref) => {
+  const { orientation, variant } = React4.useContext(TabsContext);
+  return /* @__PURE__ */ React4.createElement(
     TabsPrimitive.Trigger,
     {
       ref,
-      className: cn(tabsTriggerVariant({ variant, orientation }), className),
+      className: cn(
+        tabsTriggerVariant({ variant, orientation }),
+        "hawa-relative",
+        className
+      ),
       ...props
     },
     props.children,
-    chipProps && /* @__PURE__ */ React3.createElement(Chip, { ...chipProps })
+    chipProps && /* @__PURE__ */ React4.createElement(Chip, { ...chipProps }),
+    /* @__PURE__ */ React4.createElement(FloatBox, { open: props.showPopover }, props.popoverContent)
   );
 });
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var TabsContent = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -307,6 +332,9 @@ var TabsContent = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ...props
   }
 ));
+Tabs.displayName = TabsPrimitive.Root.displayName;
+TabsList.displayName = TabsPrimitive.List.displayName;
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // blocks/misc/LegalTexts.tsx
@@ -337,7 +365,7 @@ var LegalTexts = ({ tabs, ...props }) => {
 var import_react4 = __toESM(require("react"));
 
 // elements/button/Button.tsx
-var React6 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var import_class_variance_authority = require("class-variance-authority");
 
 // elements/loading/Loading.tsx
@@ -592,7 +620,7 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var Button = React6.forwardRef(
+var Button = React7.forwardRef(
   ({
     className,
     variant,
@@ -605,7 +633,7 @@ var Button = React6.forwardRef(
   }, ref) => {
     const Comp = "button";
     const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React6.createElement(
+    return /* @__PURE__ */ React7.createElement(
       Comp,
       {
         className: cn(
@@ -616,7 +644,7 @@ var Button = React6.forwardRef(
         ref,
         ...props
       },
-      isLoading ? /* @__PURE__ */ React6.createElement(
+      isLoading ? /* @__PURE__ */ React7.createElement(
         Loading,
         {
           design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
@@ -631,8 +659,8 @@ var Button = React6.forwardRef(
 Button.displayName = "Button";
 
 // elements/card/Card.tsx
-var React7 = __toESM(require("react"));
-var Card = React7.forwardRef(
+var React8 = __toESM(require("react"));
+var Card = React8.forwardRef(
   ({ className, variant = "default", clickable = false, ...props }, ref) => {
     let variantStyles = {
       default: cn(
@@ -645,7 +673,7 @@ var Card = React7.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__ */ React7.createElement(
+    return /* @__PURE__ */ React8.createElement(
       "div",
       {
         ref,
@@ -655,7 +683,7 @@ var Card = React7.forwardRef(
     );
   }
 );
-var CardHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
+var CardHeader = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
   "div",
   {
     ref,
@@ -666,7 +694,7 @@ var CardHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE_
     ...props
   }
 ));
-var CardTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
+var CardTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
   "h3",
   {
     ref,
@@ -674,7 +702,7 @@ var CardTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ...props
   }
 ));
-var CardDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
+var CardDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
   "p",
   {
     ref,
@@ -682,8 +710,8 @@ var CardDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__
     ...props
   }
 ));
-var CardContent = React7.forwardRef(
-  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
+var CardContent = React8.forwardRef(
+  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
     "div",
     {
       ref,
@@ -696,7 +724,7 @@ var CardContent = React7.forwardRef(
     }
   )
 );
-var CardFooter = React7.forwardRef(({ className, noPadding, ...props }, ref) => /* @__PURE__ */ React7.createElement(
+var CardFooter = React8.forwardRef(({ className, noPadding, ...props }, ref) => /* @__PURE__ */ React8.createElement(
   "div",
   {
     ref,
@@ -757,7 +785,7 @@ var import_react_hook_form = require("react-hook-form");
 var import_react8 = __toESM(require("react"));
 
 // elements/label/Label.tsx
-var React11 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 
 // elements/tooltip/Tooltip.tsx
 var import_react6 = __toESM(require("react"));
@@ -831,7 +859,7 @@ var Tooltip = ({
 };
 
 // elements/label/Label.tsx
-var Label = React11.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React11.createElement(
+var Label = React12.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React12.createElement(
   "label",
   {
     ref,
@@ -842,8 +870,8 @@ var Label = React11.forwardRef(({ className, hint, hintSide, required, children,
     ...props
   },
   children,
-  required && /* @__PURE__ */ React11.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React11.createElement(
+  required && /* @__PURE__ */ React12.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React12.createElement(
   Tooltip,
   {
     content: hint,
@@ -853,7 +881,7 @@ var Label = React11.forwardRef(({ className, hint, hintSide, required, children,
       onClick: (event) => event.preventDefault()
     }
   },
-  /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement(
+  /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -865,9 +893,9 @@ var Label = React11.forwardRef(({ className, hint, hintSide, required, children,
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React11.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ React11.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-    /* @__PURE__ */ React11.createElement("path", { d: "M12 17h.01" })
+    /* @__PURE__ */ React12.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React12.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React12.createElement("path", { d: "M12 17h.01" })
   ))
 )));
 Label.displayName = "Label";
@@ -1300,8 +1328,8 @@ var Select = ({
 };
 
 // elements/textarea/Textarea.tsx
-var React19 = __toESM(require("react"));
-var Textarea = React19.forwardRef(
+var React20 = __toESM(require("react"));
+var Textarea = React20.forwardRef(
   ({
     className,
     classNames,
@@ -1313,7 +1341,7 @@ var Textarea = React19.forwardRef(
     isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React20.createElement(
       "div",
       {
         className: cn(
@@ -1322,7 +1350,7 @@ var Textarea = React19.forwardRef(
           className
         )
       },
-      /* @__PURE__ */ React19.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React19.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React20.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React20.createElement(
         "div",
         {
           className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none"
@@ -1331,7 +1359,7 @@ var Textarea = React19.forwardRef(
         "/",
         textareaProps == null ? void 0 : textareaProps.maxLength
       )),
-      isLoading ? /* @__PURE__ */ React19.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React19.createElement(
+      isLoading ? /* @__PURE__ */ React20.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React20.createElement(
         "textarea",
         {
           ...textareaProps,
@@ -1342,7 +1370,7 @@ var Textarea = React19.forwardRef(
           ref
         }
       ),
-      /* @__PURE__ */ React19.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React20.createElement(
         "p",
         {
           className: cn(
@@ -1351,7 +1379,7 @@ var Textarea = React19.forwardRef(
           )
         },
         props.helperText
-      ), showCount && countPosition === "bottom" && /* @__PURE__ */ React19.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__ */ React20.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))
     );
   }
 );