@sikka/hawa 0.30.24-next → 0.30.26-next

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",
@@ -4629,24 +4663,39 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
 var import_react15 = __toESM(require("react"));
 var Breadcrumb = ({
   breadcrumbLinks,
-  separator = ">"
+  separator = ">",
+  size = "normal"
 }) => {
-  return /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm" }, breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react15.default.createElement(
+  const textStyles = {
+    normal: "",
+    small: "hawa-text-sm",
+    xs: "hawa-text-xs"
+  };
+  return /* @__PURE__ */ import_react15.default.createElement(
     "div",
     {
-      key: index,
-      className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
+      className: cn(
+        "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm",
+        textStyles[size]
+      )
     },
-    /* @__PURE__ */ import_react15.default.createElement(
-      "a",
+    breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react15.default.createElement(
+      "div",
       {
-        href: singleBreadcrumbLink.href,
-        className: index + 1 === breadcrumbLinks.length ? "hawa-pointer-events-none" : "hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2"
+        key: index,
+        className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
       },
-      singleBreadcrumbLink.label
-    ),
-    index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ import_react15.default.createElement("div", null, separator) : /* @__PURE__ */ import_react15.default.createElement("div", null, separator) : null
-  )));
+      /* @__PURE__ */ import_react15.default.createElement(
+        "a",
+        {
+          href: singleBreadcrumbLink.href,
+          className: index + 1 === breadcrumbLinks.length ? "hawa-pointer-events-none" : "hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2"
+        },
+        singleBreadcrumbLink.label
+      ),
+      index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ import_react15.default.createElement("div", null, separator) : /* @__PURE__ */ import_react15.default.createElement("div", null, separator) : null
+    ))
+  );
 };
 
 // elements/appStores/AppStores.tsx
@@ -6615,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,
@@ -6642,7 +6691,7 @@ var ScrollBar = React42.forwardRef(({ className, orientation = "vertical", ...pr
     ),
     ...props
   },
-  /* @__PURE__ */ React42.createElement(
+  /* @__PURE__ */ React43.createElement(
     ScrollAreaPrimitive.ScrollAreaThumb,
     {
       className: cn(
@@ -7170,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,
@@ -7182,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,
@@ -7203,7 +7252,7 @@ var SimpleTable = ({
     columns,
     getCoreRowModel: (0, import_react_table2.getCoreRowModel)()
   });
-  return /* @__PURE__ */ React51.createElement(
+  return /* @__PURE__ */ React52.createElement(
     "div",
     {
       className: cn(
@@ -7211,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,
@@ -7227,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,
@@ -7235,7 +7284,7 @@ var SimpleTable = ({
       },
       row.getVisibleCells().map((cell) => {
         var _a2;
-        return /* @__PURE__ */ React51.createElement(
+        return /* @__PURE__ */ React52.createElement(
           TableCell,
           {
             dir: props.direction,
@@ -7251,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,
@@ -7263,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(
@@ -7661,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)(
@@ -7689,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,
@@ -7701,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,
@@ -7717,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,
@@ -7736,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,
@@ -7750,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",
@@ -7759,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",
@@ -7770,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,
@@ -7783,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,
@@ -8105,6 +8154,8 @@ var PhoneMockup = ({
   PinInput,
   Popover,
   PopoverContent,
+  PopoverPortal,
+  PopoverRoot,
   PopoverTrigger,
   Progress,
   ProgressCircle,