@sikka/hawa 0.30.25-next → 0.30.26-next

package/dist/elements/index.d.mts

@@ -501,6 +501,8 @@ declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsL
 declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     chipProps?: ChipTypes | undefined;
     className?: string | undefined;
+    showPopover?: boolean | undefined;
+    popoverContent?: React.ReactNode;
 } & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
@@ -588,6 +590,8 @@ interface PopoverProps {
 type HawaPopoverTypes = PopoverProps & React.ComponentProps<typeof PopoverPrimitive.Root>;
 declare const Popover: React.FC<HawaPopoverTypes>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverPortal: React.FC<PopoverPrimitive.PopoverPortalProps>;
+declare const PopoverRoot: React.FC<PopoverPrimitive.PopoverProps>;
 
 interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
     size?: "default" | "sm" | "lg";
@@ -881,4 +885,4 @@ type PhoneMockupProps = {
 };
 declare const PhoneMockup: React__default.FC<PhoneMockupProps>;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, Alert, AppStores, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, type BreadcrumbItemProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, Checkbox, ChipTypes, CodeBlock, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, FileDropzone, FileUploader, Input, InterfaceSettings, LabelProps, Loading, Logos, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PhoneMockup, PinInput, Popover, PopoverContent, PopoverTrigger, Progress, ProgressCircle, ScrollArea, ScrollBar, ScrollIndicator, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, StopPropagationWrapper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TextFieldTypes, Textarea, type TextareaProps, Toaster, ToasterToastProps, Tooltip, buttonVariants, navigationMenuTriggerStyle };
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, Alert, AppStores, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, type BreadcrumbItemProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, Checkbox, ChipTypes, CodeBlock, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, FileDropzone, FileUploader, Input, InterfaceSettings, LabelProps, Loading, Logos, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PhoneMockup, PinInput, Popover, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, Progress, ProgressCircle, ScrollArea, ScrollBar, ScrollIndicator, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, StopPropagationWrapper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TextFieldTypes, Textarea, type TextareaProps, Toaster, ToasterToastProps, Tooltip, buttonVariants, navigationMenuTriggerStyle };

package/dist/elements/index.d.ts

@@ -501,6 +501,8 @@ declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsL
 declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     chipProps?: ChipTypes | undefined;
     className?: string | undefined;
+    showPopover?: boolean | undefined;
+    popoverContent?: React.ReactNode;
 } & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
@@ -588,6 +590,8 @@ interface PopoverProps {
 type HawaPopoverTypes = PopoverProps & React.ComponentProps<typeof PopoverPrimitive.Root>;
 declare const Popover: React.FC<HawaPopoverTypes>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverPortal: React.FC<PopoverPrimitive.PopoverPortalProps>;
+declare const PopoverRoot: React.FC<PopoverPrimitive.PopoverProps>;
 
 interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
     size?: "default" | "sm" | "lg";
@@ -881,4 +885,4 @@ type PhoneMockupProps = {
 };
 declare const PhoneMockup: React__default.FC<PhoneMockupProps>;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, Alert, AppStores, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, type BreadcrumbItemProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, Checkbox, ChipTypes, CodeBlock, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, FileDropzone, FileUploader, Input, InterfaceSettings, LabelProps, Loading, Logos, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PhoneMockup, PinInput, Popover, PopoverContent, PopoverTrigger, Progress, ProgressCircle, ScrollArea, ScrollBar, ScrollIndicator, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, StopPropagationWrapper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TextFieldTypes, Textarea, type TextareaProps, Toaster, ToasterToastProps, Tooltip, buttonVariants, navigationMenuTriggerStyle };
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, Alert, AppStores, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, type BreadcrumbItemProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, Checkbox, ChipTypes, CodeBlock, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, type CommandInputProps, CommandItem, CommandList, CommandSeparator, CommandShortcut, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, FileDropzone, FileUploader, Input, InterfaceSettings, LabelProps, Loading, Logos, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PhoneMockup, PinInput, Popover, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, Progress, ProgressCircle, ScrollArea, ScrollBar, ScrollIndicator, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, StopPropagationWrapper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TextFieldTypes, Textarea, type TextareaProps, Toaster, ToasterToastProps, Tooltip, buttonVariants, navigationMenuTriggerStyle };

package/dist/elements/index.js

@@ -122,6 +122,8 @@ __export(elements_exports, {
   PinInput: () => PinInput,
   Popover: () => Popover,
   PopoverContent: () => PopoverContent,
+  PopoverPortal: () => PopoverPortal,
+  PopoverRoot: () => PopoverRoot,
   PopoverTrigger: () => PopoverTrigger,
   Progress: () => Progress,
   ProgressCircle: () => ProgressCircle,
@@ -3621,6 +3623,8 @@ var Popover = ({
   ));
 };
 var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverPortal = PopoverPrimitive.Portal;
+var PopoverRoot = PopoverPrimitive.Root;
 
 // elements/combobox/Combobox.tsx
 var Combobox = React27.forwardRef(
@@ -4104,9 +4108,46 @@ var SortButton = (props) => {
 };
 
 // elements/tabs/Tabs.tsx
-var React31 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
 var import_tailwind_variants = require("tailwind-variants");
+
+// elements/floatBox/FloatBox.tsx
+var React31 = __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__ */ React31.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: "",
   variants: {
@@ -4115,10 +4156,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: [
     {
@@ -4132,10 +4170,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: "",
@@ -4145,10 +4180,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: [
     {
@@ -4172,13 +4204,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 = React31.createContext({ orientation: "horizontal", variant: "default" });
-var Tabs = React31.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React31.createElement(
+var TabsContext = React32.createContext({ orientation: "horizontal", variant: "default" });
+var Tabs = React32.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React32.createElement(
   TabsPrimitive.Root,
   {
     ref,
@@ -4189,12 +4218,11 @@ var Tabs = React31.forwardRef(({ className, orientation, variant = "default", ..
     ),
     ...props
   },
-  /* @__PURE__ */ React31.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
+  /* @__PURE__ */ React32.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
 ));
-Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React31.forwardRef(({ className, ...props }, ref) => {
-  const { orientation, variant } = React31.useContext(TabsContext);
-  return /* @__PURE__ */ React31.createElement(
+var TabsList = React32.forwardRef(({ className, ...props }, ref) => {
+  const { orientation, variant } = React32.useContext(TabsContext);
+  return /* @__PURE__ */ React32.createElement(
     TabsPrimitive.List,
     {
       ref,
@@ -4207,22 +4235,25 @@ var TabsList = React31.forwardRef(({ className, ...props }, ref) => {
     }
   );
 });
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React31.forwardRef(({ className, chipProps, ...props }, ref) => {
-  const { orientation, variant } = React31.useContext(TabsContext);
-  return /* @__PURE__ */ React31.createElement(
+var TabsTrigger = React32.forwardRef(({ className, chipProps, ...props }, ref) => {
+  const { orientation, variant } = React32.useContext(TabsContext);
+  return /* @__PURE__ */ React32.createElement(
     TabsPrimitive.Trigger,
     {
       ref,
-      className: cn(tabsTriggerVariant({ variant, orientation }), className),
+      className: cn(
+        tabsTriggerVariant({ variant, orientation }),
+        "hawa-relative",
+        className
+      ),
       ...props
     },
     props.children,
-    chipProps && /* @__PURE__ */ React31.createElement(Chip, { ...chipProps })
+    chipProps && /* @__PURE__ */ React32.createElement(Chip, { ...chipProps }),
+    /* @__PURE__ */ React32.createElement(FloatBox, { open: props.showPopover }, props.popoverContent)
   );
 });
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React31.createElement(
+var TabsContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React32.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -4233,6 +4264,9 @@ var TabsContent = React31.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/select/Select.tsx
@@ -4390,15 +4424,15 @@ var Select = ({
 };
 
 // elements/switch/Switch.tsx
-var React33 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
-var Switch = React33.forwardRef(
+var Switch = React34.forwardRef(
   ({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
-    const [parentDirection, setParentDirection] = React33.useState(
+    const [parentDirection, setParentDirection] = React34.useState(
       null
     );
-    const parentRef = React33.useRef(null);
-    React33.useEffect(() => {
+    const parentRef = React34.useRef(null);
+    React34.useEffect(() => {
       var _a;
       const parentNode = (_a = parentRef.current) == null ? void 0 : _a.parentNode;
       if (parentNode) {
@@ -4426,13 +4460,13 @@ var Switch = React33.forwardRef(
       full: "hawa-rounded-full",
       inherit: "hawa-rounded-inner"
     };
-    return /* @__PURE__ */ React33.createElement(
+    return /* @__PURE__ */ React34.createElement(
       "div",
       {
         className: "hawa-flex hawa-flex-row hawa-items-center",
         ref: parentRef
       },
-      /* @__PURE__ */ React33.createElement(
+      /* @__PURE__ */ React34.createElement(
         SwitchPrimitives.Root,
         {
           className: cn(
@@ -4446,7 +4480,7 @@ var Switch = React33.forwardRef(
           ...props,
           ref
         },
-        /* @__PURE__ */ React33.createElement(
+        /* @__PURE__ */ React34.createElement(
           SwitchPrimitives.Thumb,
           {
             className: cn(
@@ -4460,14 +4494,14 @@ var Switch = React33.forwardRef(
           }
         )
       ),
-      label && /* @__PURE__ */ React33.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
+      label && /* @__PURE__ */ React34.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
     );
   }
 );
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // elements/checkbox/Checkbox.tsx
-var React34 = __toESM(require("react"));
+var React35 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
 var Checkbox = ({
   id,
@@ -4487,7 +4521,7 @@ var Checkbox = ({
     lg: 0.9,
     xl: 1
   };
-  return /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React35.createElement(
     "div",
     {
       className: cn(
@@ -4495,7 +4529,7 @@ var Checkbox = ({
         size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
-    /* @__PURE__ */ React34.createElement(
+    /* @__PURE__ */ React35.createElement(
       CheckboxElement,
       {
         ...props,
@@ -4505,7 +4539,7 @@ var Checkbox = ({
         id
       }
     ),
-    (label || helperText) && /* @__PURE__ */ React34.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React34.createElement(
+    (label || helperText) && /* @__PURE__ */ React35.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React35.createElement(
       "label",
       {
         htmlFor: id,
@@ -4519,7 +4553,7 @@ var Checkbox = ({
         }
       },
       label
-    ), sublabel && /* @__PURE__ */ React34.createElement(
+    ), sublabel && /* @__PURE__ */ React35.createElement(
       "label",
       {
         htmlFor: id,
@@ -4529,7 +4563,7 @@ var Checkbox = ({
         )
       },
       sublabel
-    ), helperText && !disabled && /* @__PURE__ */ React34.createElement(
+    ), helperText && !disabled && /* @__PURE__ */ React35.createElement(
       "label",
       {
         htmlFor: id,
@@ -4542,7 +4576,7 @@ var Checkbox = ({
     ))
   );
 };
-var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
+var CheckboxElement = React35.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
   let checkboxRadius = {
     none: "hawa-rounded-none",
     inherit: "hawa-rounded-sm",
@@ -4564,7 +4598,7 @@ var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default"
     lg: "1em",
     xl: "1.25em"
   };
-  return /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React35.createElement(
     CheckboxPrimitive.Root,
     {
       ref,
@@ -4576,14 +4610,14 @@ var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default"
       ),
       ...props
     },
-    /* @__PURE__ */ React34.createElement(
+    /* @__PURE__ */ React35.createElement(
       CheckboxPrimitive.Indicator,
       {
         className: cn(
           "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
         )
       },
-      /* @__PURE__ */ React34.createElement(
+      /* @__PURE__ */ React35.createElement(
         "svg",
         {
           "aria-label": "Check Mark",
@@ -4594,7 +4628,7 @@ var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default"
           height: checkboxIndicatorSizes[size],
           width: checkboxIndicatorSizes[size]
         },
-        /* @__PURE__ */ React34.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
+        /* @__PURE__ */ React35.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
       ),
       " "
     )
@@ -4603,9 +4637,9 @@ var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default"
 CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 
 // elements/progress/Progress.tsx
-var React35 = __toESM(require("react"));
+var React36 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
-var Progress = React35.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React35.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React35.createElement(Label2, { ...props.labelProps }, props.label), /* @__PURE__ */ React35.createElement(
+var Progress = React36.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React36.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React36.createElement(Label2, { ...props.labelProps }, props.label), /* @__PURE__ */ React36.createElement(
   ProgressPrimitive.Root,
   {
     ref,
@@ -4615,7 +4649,7 @@ var Progress = React35.forwardRef(({ className, value, ...props }, ref) => /* @_
     ),
     ...props
   },
-  /* @__PURE__ */ React35.createElement(
+  /* @__PURE__ */ React36.createElement(
     ProgressPrimitive.Indicator,
     {
       className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
@@ -6630,21 +6664,21 @@ var StopPropagationWrapper = (props) => {
 };
 
 // elements/scrollArea/ScrollArea.tsx
-var React42 = __toESM(require("react"));
+var React43 = __toESM(require("react"));
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
-var ScrollArea = React42.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React42.createElement(
+var ScrollArea = React43.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React43.createElement(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("hawa-relative hawa-overflow-hidden", className),
     ...props
   },
-  /* @__PURE__ */ React42.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
-  /* @__PURE__ */ React42.createElement(ScrollBar, { orientation }),
-  /* @__PURE__ */ React42.createElement(ScrollAreaPrimitive.Corner, null)
+  /* @__PURE__ */ React43.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
+  /* @__PURE__ */ React43.createElement(ScrollBar, { orientation }),
+  /* @__PURE__ */ React43.createElement(ScrollAreaPrimitive.Corner, null)
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React42.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React42.createElement(
+var ScrollBar = React43.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React43.createElement(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -6657,7 +6691,7 @@ var ScrollBar = React42.forwardRef(({ className, orientation = "vertical", ...pr
     ),
     ...props
   },
-  /* @__PURE__ */ React42.createElement(
+  /* @__PURE__ */ React43.createElement(
     ScrollAreaPrimitive.ScrollAreaThumb,
     {
       className: cn(
@@ -7185,9 +7219,9 @@ var PasswordInput = ({
 };
 
 // elements/slider/Slider.tsx
-var React50 = __toESM(require("react"));
+var React51 = __toESM(require("react"));
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var Slider = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React50.createElement(
+var Slider = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React51.createElement(
   SliderPrimitive.Root,
   {
     ref,
@@ -7197,13 +7231,13 @@ var Slider = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props
   },
-  /* @__PURE__ */ React50.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-border hawa-bg-background" }, /* @__PURE__ */ React50.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
-  /* @__PURE__ */ React50.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors 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" })
+  /* @__PURE__ */ React51.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-border hawa-bg-background" }, /* @__PURE__ */ React51.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
+  /* @__PURE__ */ React51.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors 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" })
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // elements/simpleTable/SimpleTable.tsx
-var React51 = __toESM(require("react"));
+var React52 = __toESM(require("react"));
 var import_react_table2 = require("@tanstack/react-table");
 var SimpleTable = ({
   columns,
@@ -7218,7 +7252,7 @@ var SimpleTable = ({
     columns,
     getCoreRowModel: (0, import_react_table2.getCoreRowModel)()
   });
-  return /* @__PURE__ */ React51.createElement(
+  return /* @__PURE__ */ React52.createElement(
     "div",
     {
       className: cn(
@@ -7226,8 +7260,8 @@ var SimpleTable = ({
         classNames
       )
     },
-    props.isLoading ? /* @__PURE__ */ React51.createElement(Skeleton, { className: "h-[130px] w-full" }) : /* @__PURE__ */ React51.createElement("div", { className: "hawa-rounded" }, /* @__PURE__ */ React51.createElement(Table, null, !headerless && table.getAllColumns().length > 0 && /* @__PURE__ */ React51.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React51.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
-      return /* @__PURE__ */ React51.createElement(
+    props.isLoading ? /* @__PURE__ */ React52.createElement(Skeleton, { className: "h-[130px] w-full" }) : /* @__PURE__ */ React52.createElement("div", { className: "hawa-rounded" }, /* @__PURE__ */ React52.createElement(Table, null, !headerless && table.getAllColumns().length > 0 && /* @__PURE__ */ React52.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React52.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
+      return /* @__PURE__ */ React52.createElement(
         TableHead,
         {
           condensed: props.condensed,
@@ -7242,7 +7276,7 @@ var SimpleTable = ({
           header.getContext()
         )
       );
-    })))), /* @__PURE__ */ React51.createElement(TableBody, null, ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React51.createElement(
+    })))), /* @__PURE__ */ React52.createElement(TableBody, null, ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React52.createElement(
       TableRow,
       {
         key: row.id,
@@ -7250,7 +7284,7 @@ var SimpleTable = ({
       },
       row.getVisibleCells().map((cell) => {
         var _a2;
-        return /* @__PURE__ */ React51.createElement(
+        return /* @__PURE__ */ React52.createElement(
           TableCell,
           {
             dir: props.direction,
@@ -7266,7 +7300,7 @@ var SimpleTable = ({
           )
         );
       })
-    )) : /* @__PURE__ */ React51.createElement(TableRow, null, /* @__PURE__ */ React51.createElement(
+    )) : /* @__PURE__ */ React52.createElement(TableRow, null, /* @__PURE__ */ React52.createElement(
       TableCell,
       {
         colSpan: columns.length,
@@ -7278,12 +7312,12 @@ var SimpleTable = ({
 };
 
 // elements/separator/Separator.tsx
-var React52 = __toESM(require("react"));
+var React53 = __toESM(require("react"));
 var Separator2 = ({
   className,
   orientation = "horizontal",
   ...props
-}) => /* @__PURE__ */ React52.createElement(
+}) => /* @__PURE__ */ React53.createElement(
   "div",
   {
     className: cn(
@@ -7676,7 +7710,7 @@ var Count = (props) => {
 };
 
 // elements/toast/Toast.tsx
-var React57 = __toESM(require("react"));
+var React58 = __toESM(require("react"));
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
 var import_class_variance_authority4 = require("class-variance-authority");
 var toastVariants = (0, import_class_variance_authority4.cva)(
@@ -7704,7 +7738,7 @@ var sizeStyles = {
   sm: "hawa-text-xs"
 };
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React57.createElement(
+var ToastViewport = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -7716,8 +7750,8 @@ var ToastViewport = React57.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var Toast = React57.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
-  return /* @__PURE__ */ React57.createElement(
+var Toast = React58.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
+  return /* @__PURE__ */ React58.createElement(
     ToastPrimitives.Root,
     {
       ref,
@@ -7732,8 +7766,8 @@ var Toast = React57.forwardRef(({ className, variant, severity = "none", directi
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React57.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React57.createElement(
+var ToastAction = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React58.createElement(
     ToastPrimitives.Action,
     {
       ref,
@@ -7751,7 +7785,7 @@ var ToastAction = React57.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React57.createElement(
+var ToastClose = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   ToastPrimitives.Close,
   {
     ref,
@@ -7765,7 +7799,7 @@ var ToastClose = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE
     "toast-close": "",
     ...props
   },
-  /* @__PURE__ */ React57.createElement(
+  /* @__PURE__ */ React58.createElement(
     "svg",
     {
       "aria-label": "Close Icon",
@@ -7774,7 +7808,7 @@ var ToastClose = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ React57.createElement(
+    /* @__PURE__ */ React58.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -7785,7 +7819,7 @@ var ToastClose = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE
   )
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React57.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React57.createElement(
+var ToastTitle = React58.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React58.createElement(
   ToastPrimitives.Title,
   {
     ref,
@@ -7798,7 +7832,7 @@ var ToastTitle = React57.forwardRef(({ className, size = "default", ...props },
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React57.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React57.createElement(
+var ToastDescription = React58.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React58.createElement(
   ToastPrimitives.Description,
   {
     ref,
@@ -8120,6 +8154,8 @@ var PhoneMockup = ({
   PinInput,
   Popover,
   PopoverContent,
+  PopoverPortal,
+  PopoverRoot,
   PopoverTrigger,
   Progress,
   ProgressCircle,

package/dist/elements/index.mjs

@@ -14,6 +14,8 @@ import {
   PinInput,
   Popover,
   PopoverContent,
+  PopoverPortal,
+  PopoverRoot,
   PopoverTrigger,
   Progress,
   Radio,
@@ -28,7 +30,7 @@ import {
   TabsTrigger,
   Textarea,
   UncheckMark
-} from "../chunk-7LAUVLVZ.mjs";
+} from "../chunk-QDRFTC7W.mjs";
 import {
   Sheet,
   SheetClose,
@@ -3441,6 +3443,8 @@ export {
   PinInput,
   Popover,
   PopoverContent,
+  PopoverPortal,
+  PopoverRoot,
   PopoverTrigger,
   Progress,
   ProgressCircle,