@candidhealth/react-vitals 1.0.0-alpha.13 → 1.0.0-alpha.15

package/dist/index.mjs

@@ -521,7 +521,7 @@ var Card = React3.forwardRef(({ className, children, onClick }, ref) => /* @__PU
 ));
 
 // src/core/checkbox/Checkbox.tsx
-import { forwardRef as forwardRef4, useEffect as useEffect2, useRef as useRef2 } from "react";
+import { forwardRef as forwardRef4 } from "react";
 import { twJoin as twJoin6 } from "tailwind-merge";
 import { jsx as jsx12 } from "react/jsx-runtime";
 var Checkbox = forwardRef4(({ className, hasError, ...rest }, ref) => /* @__PURE__ */ jsx12(
@@ -537,18 +537,6 @@ var Checkbox = forwardRef4(({ className, hasError, ...rest }, ref) => /* @__PURE
     ref
   }
 ));
-var IndeterminateCheckbox = ({
-  indeterminate = false,
-  ...rest
-}) => {
-  const ref = useRef2(null);
-  useEffect2(() => {
-    if (ref.current) {
-      ref.current.indeterminate = indeterminate;
-    }
-  }, [indeterminate]);
-  return /* @__PURE__ */ jsx12(Checkbox, { ref, ...rest });
-};
 
 // src/core/collapsible/Collapsible.tsx
 import { faChevronDown, faChevronRight } from "@fortawesome/sharp-solid-svg-icons";
@@ -1865,10 +1853,10 @@ function doesSelectItemMatch(option, query) {
 
 // src/core/select/useAsyncMultiSelect.ts
 import { useQuery } from "@tanstack/react-query";
-import { useEffect as useEffect3, useMemo as useMemo4, useState as useState7 } from "react";
+import { useEffect as useEffect2, useMemo as useMemo4, useState as useState7 } from "react";
 function useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = useState7(value);
-  useEffect3(() => {
+  useEffect2(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -1957,7 +1945,7 @@ var useAsyncSelect = ({
 import { DndContext, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
 import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { faArrowTurnDownLeft, faCheck as faCheck2, faSearch, faTimes } from "@fortawesome/sharp-solid-svg-icons";
-import { useMemo as useMemo5, useRef as useRef4, useState as useState8 } from "react";
+import { useMemo as useMemo5, useRef as useRef3, useState as useState8 } from "react";
 import { twJoin as twJoin21 } from "tailwind-merge";
 
 // src/core/dropdown-chevron/DropdownChevron.tsx
@@ -1972,7 +1960,7 @@ var DropdownChevron = () => {
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { faGripDotsVertical } from "@fortawesome/sharp-solid-svg-icons";
-import { useEffect as useEffect4, useRef as useRef3 } from "react";
+import { useEffect as useEffect3, useRef as useRef2 } from "react";
 import { twJoin as twJoin20 } from "tailwind-merge";
 import { jsx as jsx47, jsxs as jsxs21 } from "react/jsx-runtime";
 var SelectListItem = ({
@@ -1983,8 +1971,8 @@ var SelectListItem = ({
   focused = false
 }) => {
   const { setNodeRef, listeners, attributes, transform, transition } = useSortable({ id: sortableId ?? "" });
-  const containerRef = useRef3(null);
-  useEffect4(() => {
+  const containerRef = useRef2(null);
+  useEffect3(() => {
     if (focused && containerRef.current) {
       containerRef.current.scrollIntoView({ block: "nearest", inline: "nearest", behavior: "smooth" });
     }
@@ -2054,7 +2042,7 @@ var AsyncMultiSelect = ({
   const [open, setOpen] = useState8(false);
   const [search, setSearch] = useState8("");
   const [focusIndex, setFocusIndex] = useState8(0);
-  const inputRef = useRef4(null);
+  const inputRef = useRef3(null);
   const unselectedOptions = useMemo5(() => items.filter((item) => !value.includes(item.value)), [items, value]);
   const resetSearch = () => {
     setSearch("");
@@ -2855,7 +2843,7 @@ var FormDatePicker = ({
 };
 
 // src/core/drawer/Drawer.tsx
-import { forwardRef as forwardRef18, Suspense, useEffect as useEffect6, useRef as useRef6 } from "react";
+import { forwardRef as forwardRef18, Suspense, useEffect as useEffect5, useRef as useRef5 } from "react";
 import { twJoin as twJoin26 } from "tailwind-merge";
 
 // src/core/loaders/Spinner.tsx
@@ -2944,7 +2932,7 @@ var useDrawer = () => {
 };
 
 // src/core/drawer/useDrawerResize.ts
-import { useCallback as useCallback8, useEffect as useEffect5, useRef as useRef5 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect4, useRef as useRef4 } from "react";
 var MIN_LEFT_SPACE = 240;
 var MIN_WIDTH_PCT = 0.5;
 var MIN_WIDTH_PX = 500;
@@ -2956,7 +2944,7 @@ var constrainedWidth = (width) => {
   return Math.min(Math.max(width, minWidth), maxWidth);
 };
 var useDrawerResize = ({ slider, drawer, isOpen, defaultSizePct, persistWidth }) => {
-  const widthPx = useRef5(computeWidth(defaultSizePct));
+  const widthPx = useRef4(computeWidth(defaultSizePct));
   const toggleOpen = useCallback8(
     (open) => {
       if (slider.current && drawer.current) {
@@ -2983,7 +2971,7 @@ var useDrawerResize = ({ slider, drawer, isOpen, defaultSizePct, persistWidth })
     },
     [drawer, persistWidth, slider]
   );
-  useEffect5(() => {
+  useEffect4(() => {
     if (slider.current) {
       const onPointerDown = (e) => {
         document.body.style.userSelect = "none";
@@ -3018,12 +3006,12 @@ var useDrawerResize = ({ slider, drawer, isOpen, defaultSizePct, persistWidth })
       toggleOpen(true);
     }
   }, [defaultSizePct, isOpen, toggleOpen, persistWidth, setWidth]);
-  useEffect5(() => {
+  useEffect4(() => {
     if (slider.current && drawer.current) {
       loadWidth();
     }
   }, [slider, drawer, loadWidth]);
-  useEffect5(() => {
+  useEffect4(() => {
     window.addEventListener("resize", loadWidth);
     return () => window.removeEventListener("resize", loadWidth);
   }, [loadWidth]);
@@ -3032,7 +3020,7 @@ var useDrawerResize = ({ slider, drawer, isOpen, defaultSizePct, persistWidth })
 // src/core/drawer/Drawer.tsx
 import { jsx as jsx67, jsxs as jsxs29 } from "react/jsx-runtime";
 var useKeypress = (key, action) => {
-  useEffect6(() => {
+  useEffect5(() => {
     const onKeyup = (e) => {
       if (e.key === key) action();
     };
@@ -3047,8 +3035,8 @@ var drawerSizes = {
 };
 var Drawer = forwardRef18(
   ({ isOpen, onClose, onClickOutside, blurredOverlay, children, width = "md", persistWidth }, ref) => {
-    const slider = useRef6(null);
-    const drawer = useRef6(null);
+    const slider = useRef5(null);
+    const drawer = useRef5(null);
     useDrawerResize({
       slider,
       drawer,
@@ -3116,63 +3104,14 @@ var Drawer = forwardRef18(
 
 // src/core/drawer/DrawerHeader.tsx
 import { faBookmark, faChevronDown as faChevronDown4, faChevronUp, faClose } from "@fortawesome/sharp-solid-svg-icons";
-import { twJoin as twJoin29 } from "tailwind-merge";
+import { twJoin as twJoin27 } from "tailwind-merge";
 
 // src/core/skeleton/Skeleton.tsx
 import { jsx as jsx68 } from "react/jsx-runtime";
 var Skeleton = ({ className }) => /* @__PURE__ */ jsx68("div", { className: twMerge("animate-skeleton-pulse rounded-lg bg-surface-dark", className) });
 
-// src/core/skeleton/TabsSkeleton/TabsSkeleton.tsx
-import { jsx as jsx69 } from "react/jsx-runtime";
-var TabsSkeleton = ({ numTabs = 3, className, tabClassName = "h-8 w-32" }) => {
-  return /* @__PURE__ */ jsx69("div", { className: twMerge("flex gap-4", className), children: Array.from({ length: numTabs }).map((_, index) => /* @__PURE__ */ jsx69(Skeleton, { className: tabClassName }, index)) });
-};
-
-// src/core/skeleton/TableSkeleton/TableSkeleton.tsx
-import { twJoin as twJoin27 } from "tailwind-merge";
-import { jsx as jsx70 } from "react/jsx-runtime";
-var TableSkeleton = ({
-  numTableCols = 4,
-  numTableRows = 3,
-  className,
-  rowHeight,
-  hasBorder = false
-}) => {
-  return /* @__PURE__ */ jsx70("table", { className: twJoin27("flex w-full flex-col gap-4", className), children: /* @__PURE__ */ jsx70("tbody", { className: twJoin27("flex flex-col", rowHeight === void 0 && "gap-4"), children: Array.from({ length: numTableRows }).map((_, index) => /* @__PURE__ */ jsx70(
-    "tr",
-    {
-      className: twJoin27("flex gap-4", hasBorder && "px-2 not-last:border-b"),
-      style: rowHeight ? { height: rowHeight } : void 0,
-      children: Array.from({ length: numTableCols }).map((_2, index2) => {
-        return /* @__PURE__ */ jsx70("td", { className: "flex grow items-center px-1", children: /* @__PURE__ */ jsx70(Skeleton, { className: twJoin27("w-full", rowHeight ? "h-3" : "h-6") }, index2) }, index2);
-      })
-    },
-    index
-  )) }) });
-};
-
-// src/core/skeleton/TableSkeleton/TableCheckboxSkeleton.tsx
-import { twJoin as twJoin28 } from "tailwind-merge";
-import { jsx as jsx71 } from "react/jsx-runtime";
-var TableCheckboxSkeleton = ({
-  numTableRows = 3,
-  className,
-  rowHeight,
-  hasBorder = false
-}) => {
-  return /* @__PURE__ */ jsx71("table", { className: twJoin28("flex w-full flex-col gap-4", className), children: /* @__PURE__ */ jsx71("tbody", { className: twJoin28("flex flex-col", rowHeight === void 0 && "gap-4"), children: Array.from({ length: numTableRows }).map((_, index) => /* @__PURE__ */ jsx71(
-    "tr",
-    {
-      className: twJoin28("flex gap-4", hasBorder && "px-2 not-last:border-b"),
-      style: rowHeight ? { height: rowHeight } : void 0,
-      children: /* @__PURE__ */ jsx71("td", { className: "flex grow items-center px-1", children: /* @__PURE__ */ jsx71(Skeleton, { className: twJoin28("w-full rounded-none", rowHeight ? "h-3" : "h-6") }, index) }, index)
-    },
-    index
-  )) }) });
-};
-
 // src/core/drawer/DrawerHeader.tsx
-import { Fragment as Fragment10, jsx as jsx72, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx69, jsxs as jsxs30 } from "react/jsx-runtime";
 var DrawerHeader = ({
   resource,
   pagination,
@@ -3185,115 +3124,115 @@ var DrawerHeader = ({
   const { onClose } = useDrawer();
   return /* @__PURE__ */ jsxs30("div", { className: "z-1 flex w-full flex-col items-stretch shadow", children: [
     /* @__PURE__ */ jsxs30("div", { className: "flex justify-between px-8 py-1 shadow-sm", children: [
-      /* @__PURE__ */ jsx72("div", { className: "flex items-center gap-1.5 text-base text-muted", children: resource && /* @__PURE__ */ jsxs30(Fragment10, { children: [
-        /* @__PURE__ */ jsx72(Icon, { icon: resource.icon || faBookmark }),
-        /* @__PURE__ */ jsx72("div", { children: resource.name })
+      /* @__PURE__ */ jsx69("div", { className: "flex items-center gap-1.5 text-base text-muted", children: resource && /* @__PURE__ */ jsxs30(Fragment10, { children: [
+        /* @__PURE__ */ jsx69(Icon, { icon: resource.icon || faBookmark }),
+        /* @__PURE__ */ jsx69("div", { children: resource.name })
       ] }) }),
       /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
         pagination && /* @__PURE__ */ jsxs30("div", { className: "flex gap-1", children: [
           pagination.extra,
-          /* @__PURE__ */ jsx72(Button, { size: "sm", onClick: pagination.onPrevious, disabled: !pagination.hasPrevious, children: /* @__PURE__ */ jsx72(Icon, { icon: faChevronUp }) }),
-          /* @__PURE__ */ jsx72(Button, { size: "sm", onClick: pagination.onNext, disabled: !pagination.hasNext, children: /* @__PURE__ */ jsx72(Icon, { icon: faChevronDown4 }) })
+          /* @__PURE__ */ jsx69(Button, { size: "sm", onClick: pagination.onPrevious, disabled: !pagination.hasPrevious, children: /* @__PURE__ */ jsx69(Icon, { icon: faChevronUp }) }),
+          /* @__PURE__ */ jsx69(Button, { size: "sm", onClick: pagination.onNext, disabled: !pagination.hasNext, children: /* @__PURE__ */ jsx69(Icon, { icon: faChevronDown4 }) })
         ] }),
-        closeAction ?? /* @__PURE__ */ jsx72(Button, { size: "xs", variant: "transparent", onClick: onClose, children: /* @__PURE__ */ jsx72("span", { className: "text-xl text-muted", children: /* @__PURE__ */ jsx72(Icon, { icon: faClose }) }) })
+        closeAction ?? /* @__PURE__ */ jsx69(Button, { size: "xs", variant: "transparent", onClick: onClose, children: /* @__PURE__ */ jsx69("span", { className: "text-xl text-muted", children: /* @__PURE__ */ jsx69(Icon, { icon: faClose }) }) })
       ] })
     ] }),
     /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2 px-8 py-2", children: [
       /* @__PURE__ */ jsxs30("div", { className: "flex min-w-0 shrink grow flex-col", children: [
-        /* @__PURE__ */ jsx72(Text, { variant: "title-1", className: twJoin29(typeof title === "string" && "truncate"), children: title }),
-        subtitle && /* @__PURE__ */ jsx72("div", { className: "text-base font-light", children: subtitle })
+        /* @__PURE__ */ jsx69(Text, { variant: "title-1", className: twJoin27(typeof title === "string" && "truncate"), children: title }),
+        subtitle && /* @__PURE__ */ jsx69("div", { className: "text-base font-light", children: subtitle })
       ] }),
-      label && /* @__PURE__ */ jsx72("div", { className: "flex items-center gap-2", children: label }),
-      /* @__PURE__ */ jsx72("div", { className: "flex shrink-0 items-center gap-2", children: actions })
+      label && /* @__PURE__ */ jsx69("div", { className: "flex items-center gap-2", children: label }),
+      /* @__PURE__ */ jsx69("div", { className: "flex shrink-0 items-center gap-2", children: actions })
     ] })
   ] });
 };
 var DrawerHeaderSkeleton = () => /* @__PURE__ */ jsxs30("div", { className: "space-y-2 px-8 py-2", children: [
   /* @__PURE__ */ jsxs30("div", { className: "flex justify-between", children: [
-    /* @__PURE__ */ jsx72(Skeleton, { className: "h-6 w-36" }),
-    /* @__PURE__ */ jsx72(Skeleton, { className: "h-6 w-16" })
+    /* @__PURE__ */ jsx69(Skeleton, { className: "h-6 w-36" }),
+    /* @__PURE__ */ jsx69(Skeleton, { className: "h-6 w-16" })
   ] }),
-  /* @__PURE__ */ jsx72(Skeleton, { className: "h-8 w-28" })
+  /* @__PURE__ */ jsx69(Skeleton, { className: "h-8 w-28" })
 ] });
 
 // src/core/empty-state/EmptyState.tsx
 import { FontAwesomeIcon as FontAwesomeIcon3 } from "@fortawesome/react-fontawesome";
 import { faCircleDashed } from "@fortawesome/sharp-solid-svg-icons";
 import { forwardRef as forwardRef19 } from "react";
-import { jsx as jsx73, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs31 } from "react/jsx-runtime";
 var EmptyState = forwardRef19(
   ({ icon = faCircleDashed, title, description }, ref) => /* @__PURE__ */ jsxs31("div", { className: "flex flex-col items-center justify-center gap-3 p-4", ref, children: [
-    /* @__PURE__ */ jsx73(FontAwesomeIcon3, { className: "text-muted ring-transparent", icon, size: "2x" }),
+    /* @__PURE__ */ jsx70(FontAwesomeIcon3, { className: "text-muted ring-transparent", icon, size: "2x" }),
     /* @__PURE__ */ jsxs31("div", { className: "flex max-w-prose flex-col text-center", children: [
-      title && /* @__PURE__ */ jsx73(Text, { variant: "title-3", className: "text-muted", children: title }),
-      description && /* @__PURE__ */ jsx73(Text, { variant: "footnote", className: "leading-5 text-muted", children: description })
+      title && /* @__PURE__ */ jsx70(Text, { variant: "title-3", className: "text-muted", children: title }),
+      description && /* @__PURE__ */ jsx70(Text, { variant: "footnote", className: "leading-5 text-muted", children: description })
     ] })
   ] })
 );
 
 // src/core/header-tile/HeaderTile.tsx
-import { twJoin as twJoin30 } from "tailwind-merge";
-import { jsx as jsx74, jsxs as jsxs32 } from "react/jsx-runtime";
+import { twJoin as twJoin28 } from "tailwind-merge";
+import { jsx as jsx71, jsxs as jsxs32 } from "react/jsx-runtime";
 var HeaderTileSimple = ({ title, content, className, grouped }) => /* @__PURE__ */ jsxs32(
   "div",
   {
-    className: twJoin30(
+    className: twJoin28(
       "flex h-18.5 w-fit flex-col items-start justify-between px-3 py-1.5",
       !grouped && "rounded-md border border-surface-neutral",
       className
     ),
     children: [
-      /* @__PURE__ */ jsx74(Text, { variant: "label", className: "text-neutral", children: title }),
-      typeof content === "string" ? /* @__PURE__ */ jsx74(Text, { className: "text-neutral", children: content }) : content
+      /* @__PURE__ */ jsx71(Text, { variant: "label", className: "text-neutral", children: title }),
+      typeof content === "string" ? /* @__PURE__ */ jsx71(Text, { className: "text-neutral", children: content }) : content
     ]
   }
 );
-var HeaderTileWithPopover = ({ title, content, popover, className, grouped }) => /* @__PURE__ */ jsx74("div", { className: "w-fit", children: /* @__PURE__ */ jsxs32(Popover.Root, { children: [
-  /* @__PURE__ */ jsx74(
+var HeaderTileWithPopover = ({ title, content, popover, className, grouped }) => /* @__PURE__ */ jsx71("div", { className: "w-fit", children: /* @__PURE__ */ jsxs32(Popover.Root, { children: [
+  /* @__PURE__ */ jsx71(
     Popover.Trigger,
     {
       variant: "transparent",
       soften: "none",
-      className: twJoin30(
+      className: twJoin28(
         "flex h-18.5! w-fit justify-start px-3 py-1.5 transition-all duration-150 ease-in-out hover:shadow-md",
         !grouped && "rounded-md border border-surface-neutral",
         className
       ),
       children: /* @__PURE__ */ jsxs32("div", { className: "flex h-full flex-col items-start justify-between", children: [
-        /* @__PURE__ */ jsx74(Text, { variant: "label", as: "span", className: "text-neutral", children: title }),
-        typeof content === "string" ? /* @__PURE__ */ jsx74(Text, { as: "span", className: "text-neutral", children: content }) : content
+        /* @__PURE__ */ jsx71(Text, { variant: "label", as: "span", className: "text-neutral", children: title }),
+        typeof content === "string" ? /* @__PURE__ */ jsx71(Text, { as: "span", className: "text-neutral", children: content }) : content
       ] })
     }
   ),
-  popover && /* @__PURE__ */ jsx74(Popover.Body, { contentClassName: "max-w-150 min-w-60 p-3", children: popover })
+  popover && /* @__PURE__ */ jsx71(Popover.Body, { contentClassName: "max-w-150 min-w-60 p-3", children: popover })
 ] }) });
 var HeaderTile = (props) => {
   if (props.popover) {
-    return /* @__PURE__ */ jsx74(HeaderTileWithPopover, { ...props });
+    return /* @__PURE__ */ jsx71(HeaderTileWithPopover, { ...props });
   }
-  return /* @__PURE__ */ jsx74(HeaderTileSimple, { ...props });
+  return /* @__PURE__ */ jsx71(HeaderTileSimple, { ...props });
 };
 
 // src/core/header-tile/HeaderTileGroup.tsx
-import { twJoin as twJoin31 } from "tailwind-merge";
-import { jsx as jsx75 } from "react/jsx-runtime";
-var HeaderTileGroup = ({ children, className }) => /* @__PURE__ */ jsx75(
+import { twJoin as twJoin29 } from "tailwind-merge";
+import { jsx as jsx72 } from "react/jsx-runtime";
+var HeaderTileGroup = ({ children, className }) => /* @__PURE__ */ jsx72(
   "div",
   {
-    className: twJoin31(
+    className: twJoin29(
       "flex w-fit items-center divide-x divide-surface-neutral rounded-md border border-surface-neutral",
       className
     ),
     children
   }
 );
-HeaderTileGroup.Tile = (props) => /* @__PURE__ */ jsx75(HeaderTile, { ...props, grouped: true });
+HeaderTileGroup.Tile = (props) => /* @__PURE__ */ jsx72(HeaderTile, { ...props, grouped: true });
 
 // src/core/label/Label.tsx
 import * as React12 from "react";
 
 // src/core/label/labelStyles.ts
-import { twJoin as twJoin32 } from "tailwind-merge";
+import { twJoin as twJoin30 } from "tailwind-merge";
 var sizeStyles3 = {
   xs: "px-1 text-xs gap-0.5 h-4 rounded-md",
   sm: "h-5 gap-0.5 px-1 text-sm rounded-md",
@@ -3322,33 +3261,33 @@ var colorStyles2 = {
     disabled: "bg-gray-700 text-gray-50 border border-gray-600"
   }
 };
-var labelStyles = ({ intent = "default", size = "sm", variant = "default" }) => twJoin32(
+var labelStyles = ({ intent = "default", size = "sm", variant = "default" }) => twJoin30(
   "inline-flex w-fit shrink-0 items-center justify-center truncate font-normal break-all",
   sizeStyles3[size],
   colorStyles2[variant][intent]
 );
 
 // src/core/label/Label.tsx
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx73 } from "react/jsx-runtime";
 var LabelImpl2 = ({ children, intent, size, variant, ...rest }, ref) => {
-  return /* @__PURE__ */ jsx76("span", { ref, className: labelStyles({ intent, size, variant }), ...rest, children });
+  return /* @__PURE__ */ jsx73("span", { ref, className: labelStyles({ intent, size, variant }), ...rest, children });
 };
 var Label = React12.forwardRef(LabelImpl2);
 
 // src/core/layouts/PageContainer.tsx
 import { forwardRef as forwardRef21 } from "react";
-import { jsx as jsx77 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var RESPONSIVE_PADDING = "px-4 md:px-8 lg:px-12 xl:px-16";
 var PageContainer = forwardRef21(
-  ({ children, className }, ref) => /* @__PURE__ */ jsx77("div", { ref, className: twMerge("h-full w-full overflow-y-auto pt-8", className, RESPONSIVE_PADDING), children })
+  ({ children, className }, ref) => /* @__PURE__ */ jsx74("div", { ref, className: twMerge("h-full w-full overflow-y-auto pt-8", className, RESPONSIVE_PADDING), children })
 );
 var ScreenHeightPageContainer = forwardRef21(
-  ({ children, className }, ref) => /* @__PURE__ */ jsx77(
+  ({ children, className }, ref) => /* @__PURE__ */ jsx74(
     "div",
     {
       ref,
       className: twMerge("flex h-screen w-full flex-col overflow-y-hidden", className, RESPONSIVE_PADDING),
-      children: /* @__PURE__ */ jsx77("div", { className: "flex h-screen w-full flex-1 flex-col overflow-y-hidden pt-8 pb-4", children })
+      children: /* @__PURE__ */ jsx74("div", { className: "flex h-screen w-full flex-1 flex-col overflow-y-hidden pt-8 pb-4", children })
     }
   )
 );
@@ -3363,21 +3302,21 @@ import {
   Separator,
   Trigger as Trigger5
 } from "@radix-ui/react-dropdown-menu";
-import { twJoin as twJoin33 } from "tailwind-merge";
-import { jsx as jsx78, jsxs as jsxs33 } from "react/jsx-runtime";
+import { twJoin as twJoin31 } from "tailwind-merge";
+import { jsx as jsx75, jsxs as jsxs33 } from "react/jsx-runtime";
 var MenuTrigger = ({ children, ...rest }) => {
   if (children == null) {
-    return /* @__PURE__ */ jsx78(Trigger5, { asChild: true, children: /* @__PURE__ */ jsx78(Button, { ...rest, children: /* @__PURE__ */ jsx78(Icon, { icon: faEllipsis }) }) });
+    return /* @__PURE__ */ jsx75(Trigger5, { asChild: true, children: /* @__PURE__ */ jsx75(Button, { ...rest, children: /* @__PURE__ */ jsx75(Icon, { icon: faEllipsis }) }) });
   }
   if (typeof children === "string") {
-    return /* @__PURE__ */ jsx78(Trigger5, { asChild: true, children: /* @__PURE__ */ jsxs33(Button, { ...rest, children: [
-      /* @__PURE__ */ jsx78("span", { children }),
-      /* @__PURE__ */ jsx78(DropdownChevron, {})
+    return /* @__PURE__ */ jsx75(Trigger5, { asChild: true, children: /* @__PURE__ */ jsxs33(Button, { ...rest, children: [
+      /* @__PURE__ */ jsx75("span", { children }),
+      /* @__PURE__ */ jsx75(DropdownChevron, {})
     ] }) });
   }
-  return /* @__PURE__ */ jsx78(Trigger5, { asChild: true, children: /* @__PURE__ */ jsx78(Button, { ...rest, children }) });
+  return /* @__PURE__ */ jsx75(Trigger5, { asChild: true, children: /* @__PURE__ */ jsx75(Button, { ...rest, children }) });
 };
-var MenuContent = ({ children, unrestrictedHeight = false, ...props }) => /* @__PURE__ */ jsx78(Portal4, { children: /* @__PURE__ */ jsx78(
+var MenuContent = ({ children, unrestrictedHeight = false, ...props }) => /* @__PURE__ */ jsx75(Portal4, { children: /* @__PURE__ */ jsx75(
   Content6,
   {
     collisionPadding: 8,
@@ -3385,15 +3324,15 @@ var MenuContent = ({ children, unrestrictedHeight = false, ...props }) => /* @__
     align: "end",
     className: "z-100 min-w-48 rounded-lg bg-white p-1.5 shadow-lg",
     ...props,
-    children: /* @__PURE__ */ jsx78("div", { className: twJoin33("overflow-y-auto", !unrestrictedHeight && "max-h-[252px]"), children })
+    children: /* @__PURE__ */ jsx75("div", { className: twJoin31("overflow-y-auto", !unrestrictedHeight && "max-h-[252px]"), children })
   }
 ) });
-var MenuItem = ({ loading, disabled, size = "default", ...rest }) => /* @__PURE__ */ jsx78(
+var MenuItem = ({ loading, disabled, size = "default", ...rest }) => /* @__PURE__ */ jsx75(
   Item,
   {
     "data-loading": loading || void 0,
     disabled: loading || disabled,
-    className: twJoin33(
+    className: twJoin31(
       "on-menu-item-active group flex w-full cursor-pointer items-center rounded-md p-2 text-neutral outline-hidden select-none data-disabled:cursor-not-allowed data-disabled:text-placeholder data-highlighted:bg-surface-neutral data-loading:bg-transparent data-loading:text-placeholder",
       size === "default" ? "gap-1.5 text-sm" : "gap-2 text-base"
     ),
@@ -3402,31 +3341,31 @@ var MenuItem = ({ loading, disabled, size = "default", ...rest }) => /* @__PURE_
 );
 var MenuItemWithDisabledTooltip = ({ tooltip, onSelect, ...props }) => {
   if (!props.disabled || !tooltip) {
-    return /* @__PURE__ */ jsx78(MenuItem, { ...props, onSelect });
+    return /* @__PURE__ */ jsx75(MenuItem, { ...props, onSelect });
   }
-  return /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx75(
     Tooltip,
     {
-      trigger: /* @__PURE__ */ jsx78("span", { children: /* @__PURE__ */ jsx78(MenuItem, { ...props }) }),
+      trigger: /* @__PURE__ */ jsx75("span", { children: /* @__PURE__ */ jsx75(MenuItem, { ...props }) }),
       content: tooltip,
       side: "left"
     }
   );
 };
-var MenuRoot = (props) => /* @__PURE__ */ jsx78(Root6, { modal: false, ...props });
-var MenuSeparator = () => /* @__PURE__ */ jsx78(Separator, { className: "my-[5px] h-px bg-surface-dark" });
+var MenuRoot = (props) => /* @__PURE__ */ jsx75(Root6, { modal: false, ...props });
+var MenuSeparator = () => /* @__PURE__ */ jsx75(Separator, { className: "my-[5px] h-px bg-surface-dark" });
 var Menu = ({ children, trigger, align, variant = "default", triggerSize, ...rest }) => {
   switch (variant) {
     case "minimal":
       return /* @__PURE__ */ jsxs33(MenuRoot, { ...rest, children: [
-        /* @__PURE__ */ jsx78(MenuTrigger, { ...rest, size: triggerSize || "xs", variant: "transparent", children: trigger }),
-        /* @__PURE__ */ jsx78(MenuContent, { align, children })
+        /* @__PURE__ */ jsx75(MenuTrigger, { ...rest, size: triggerSize || "xs", variant: "transparent", children: trigger }),
+        /* @__PURE__ */ jsx75(MenuContent, { align, children })
       ] });
     case "default":
     default:
       return /* @__PURE__ */ jsxs33(MenuRoot, { ...rest, children: [
-        /* @__PURE__ */ jsx78(MenuTrigger, { size: triggerSize, ...rest, children: trigger }),
-        /* @__PURE__ */ jsx78(MenuContent, { align, children })
+        /* @__PURE__ */ jsx75(MenuTrigger, { size: triggerSize, ...rest, children: trigger }),
+        /* @__PURE__ */ jsx75(MenuContent, { align, children })
       ] });
   }
 };
@@ -3439,33 +3378,33 @@ Menu.ItemWithDisabledToolTip = MenuItemWithDisabledTooltip;
 Menu.Separator = MenuSeparator;
 
 // src/core/modal/components/ModalActions.tsx
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var ModalActions = ({ children }) => {
   if (children == null) {
     return null;
   }
-  return /* @__PURE__ */ jsx79("div", { className: "sticky bottom-0 z-2 flex items-center justify-end gap-x-2 overflow-clip rounded-b-xl bg-white/80 px-8 pt-2 pb-6 backdrop-blur-sm", children });
+  return /* @__PURE__ */ jsx76("div", { className: "sticky bottom-0 z-2 flex items-center justify-end gap-x-2 overflow-clip rounded-b-xl bg-white/80 px-8 pt-2 pb-6 backdrop-blur-sm", children });
 };
 
 // src/core/modal/components/ModalBody.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx77 } from "react/jsx-runtime";
 var ModalBody = ({ children }) => {
   if (children == null) {
     return null;
   }
-  return /* @__PURE__ */ jsx80("div", { className: "px-8 py-1.5", children });
+  return /* @__PURE__ */ jsx77("div", { className: "px-8 py-1.5", children });
 };
 
 // src/core/modal/components/ModalCloseButton.tsx
 import { Close as Close2 } from "@radix-ui/react-dialog";
-import { jsx as jsx81 } from "react/jsx-runtime";
-var ModalCloseButton = (props) => /* @__PURE__ */ jsx81(Close2, { asChild: true, children: /* @__PURE__ */ jsx81(Button, { ...props }) });
+import { jsx as jsx78 } from "react/jsx-runtime";
+var ModalCloseButton = (props) => /* @__PURE__ */ jsx78(Close2, { asChild: true, children: /* @__PURE__ */ jsx78(Button, { ...props }) });
 
 // src/core/modal/components/ModalContent.tsx
 import { Content as Content7, Overlay, Portal as Portal5 } from "@radix-ui/react-dialog";
 import { forwardRef as forwardRef22 } from "react";
-import { twJoin as twJoin34 } from "tailwind-merge";
-import { jsx as jsx82 } from "react/jsx-runtime";
+import { twJoin as twJoin32 } from "tailwind-merge";
+import { jsx as jsx79 } from "react/jsx-runtime";
 var preventDismiss = (e) => e.preventDefault();
 var handleDismiss = (dismissible) => {
   if (dismissible) {
@@ -3482,22 +3421,22 @@ var ModalContent = forwardRef22(
     dismissible = true,
     fullscreen,
     ...rest
-  }, ref) => /* @__PURE__ */ jsx82(Portal5, { children: /* @__PURE__ */ jsx82(
+  }, ref) => /* @__PURE__ */ jsx79(Portal5, { children: /* @__PURE__ */ jsx79(
     Overlay,
     {
       className: "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-fade-in-custom-easing",
-      children: /* @__PURE__ */ jsx82(
+      children: /* @__PURE__ */ jsx79(
         Content7,
         {
           ...rest,
           ref,
-          className: twJoin34(
+          className: twJoin32(
             fullscreen ? "h-[calc(100vh-1rem)] w-[calc(100vw-1rem)]" : `max-h-[calc(100vh-2rem)] w-[clamp(100vw-2rem,100%,100vw-2rem)] ${maxWidthClassName}`,
             `fixed top-1/2 left-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col rounded-xl bg-white shadow-lg focus:outline-hidden data-[state=open]:animate-fade-in-subtle-movement ${overflowYClassName}`
           ),
           onPointerDownOutside: fullscreen ? handleDismiss() : onDismiss ?? handleDismiss(dismissible),
           onEscapeKeyDown: fullscreen ? handleDismiss() : onDismiss ?? handleDismiss(dismissible),
-          children: /* @__PURE__ */ jsx82("div", { className: "relative flex h-full min-w-0 flex-1 flex-col", children })
+          children: /* @__PURE__ */ jsx79("div", { className: "relative flex h-full min-w-0 flex-1 flex-col", children })
         }
       )
     }
@@ -3506,28 +3445,28 @@ var ModalContent = forwardRef22(
 
 // src/core/modal/components/ModalDescription.tsx
 import { Description } from "@radix-ui/react-dialog";
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 var ModalDescription = ({ children }) => {
   if (children == null) {
     return null;
   }
-  return /* @__PURE__ */ jsx83(Description, { className: "pb-3 text-base/6 font-normal text-neutral", children });
+  return /* @__PURE__ */ jsx80(Description, { className: "pb-3 text-base/6 font-normal text-neutral", children });
 };
 
 // src/core/modal/components/ModalErrorCallout.tsx
-import { jsx as jsx84 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 var ModalErrorCallout = ({ children }) => {
   if (!children) {
     return null;
   }
-  return /* @__PURE__ */ jsx84("div", { className: "sticky top-14 z-10 px-5", children: /* @__PURE__ */ jsx84(Callout, { intent: "danger", children }) });
+  return /* @__PURE__ */ jsx81("div", { className: "sticky top-14 z-10 px-5", children: /* @__PURE__ */ jsx81(Callout, { intent: "danger", children }) });
 };
 
 // src/core/modal/components/ModalRoot.tsx
 import { Root as Root7 } from "@radix-ui/react-dialog";
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx82 } from "react/jsx-runtime";
 var ModalRoot = (props) => {
-  return /* @__PURE__ */ jsx85(Root7, { ...props });
+  return /* @__PURE__ */ jsx82(Root7, { ...props });
 };
 
 // src/core/modal/components/ModalTitle.tsx
@@ -3536,28 +3475,28 @@ import { Title } from "@radix-ui/react-dialog";
 // src/core/modal/components/ModalCloseX.tsx
 import { faClose as faClose2 } from "@fortawesome/sharp-solid-svg-icons";
 import { Close as Close3 } from "@radix-ui/react-dialog";
-import { jsx as jsx86 } from "react/jsx-runtime";
-var ModalCloseX = () => /* @__PURE__ */ jsx86("span", { className: "absolute top-2.5 right-2.5", children: /* @__PURE__ */ jsx86(Close3, { asChild: true, "aria-label": "Close", children: /* @__PURE__ */ jsx86(Button, { variant: "transparent", children: /* @__PURE__ */ jsx86("span", { className: "px-0.5 text-xl text-muted", children: /* @__PURE__ */ jsx86(Icon, { icon: faClose2 }) }) }) }) });
+import { jsx as jsx83 } from "react/jsx-runtime";
+var ModalCloseX = () => /* @__PURE__ */ jsx83("span", { className: "absolute top-2.5 right-2.5", children: /* @__PURE__ */ jsx83(Close3, { asChild: true, "aria-label": "Close", children: /* @__PURE__ */ jsx83(Button, { variant: "transparent", children: /* @__PURE__ */ jsx83("span", { className: "px-0.5 text-xl text-muted", children: /* @__PURE__ */ jsx83(Icon, { icon: faClose2 }) }) }) }) });
 
 // src/core/modal/components/ModalTitle.tsx
-import { jsx as jsx87, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs34 } from "react/jsx-runtime";
 var ModalTitle = ({ children, showX = true }) => {
   if (children == null) {
     return null;
   }
   return /* @__PURE__ */ jsxs34("div", { className: "sticky top-0 z-2 overflow-clip rounded-t-xl bg-white/80 px-8 pt-8 pb-1.5 backdrop-blur-sm", children: [
-    /* @__PURE__ */ jsx87(Title, { className: "text-xl font-semibold text-dark", children }),
-    showX && /* @__PURE__ */ jsx87(ModalCloseX, {})
+    /* @__PURE__ */ jsx84(Title, { className: "text-xl font-semibold text-dark", children }),
+    showX && /* @__PURE__ */ jsx84(ModalCloseX, {})
   ] });
 };
 
 // src/core/modal/components/ModalTriggerButton.tsx
 import { Trigger as Trigger6 } from "@radix-ui/react-dialog";
-import { jsx as jsx88 } from "react/jsx-runtime";
-var ModalTriggerButton = (props) => /* @__PURE__ */ jsx88(Trigger6, { asChild: true, children: /* @__PURE__ */ jsx88(Button, { ...props }) });
+import { jsx as jsx85 } from "react/jsx-runtime";
+var ModalTriggerButton = (props) => /* @__PURE__ */ jsx85(Trigger6, { asChild: true, children: /* @__PURE__ */ jsx85(Button, { ...props }) });
 
 // src/core/modal/Modal.tsx
-import { Fragment as Fragment11, jsx as jsx89, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx86, jsxs as jsxs35 } from "react/jsx-runtime";
 var ModalBodyImpl = ({
   children,
   title,
@@ -3566,13 +3505,13 @@ var ModalBodyImpl = ({
   actions,
   showX = true
 }) => /* @__PURE__ */ jsxs35(Fragment11, { children: [
-  /* @__PURE__ */ jsx89(ModalTitle, { showX, children: title }),
-  /* @__PURE__ */ jsx89(ModalErrorCallout, { children: error }),
+  /* @__PURE__ */ jsx86(ModalTitle, { showX, children: title }),
+  /* @__PURE__ */ jsx86(ModalErrorCallout, { children: error }),
   (description || children) && /* @__PURE__ */ jsxs35(ModalBody, { children: [
-    /* @__PURE__ */ jsx89(ModalDescription, { children: description }),
+    /* @__PURE__ */ jsx86(ModalDescription, { children: description }),
     children
   ] }),
-  /* @__PURE__ */ jsx89(ModalActions, { children: actions })
+  /* @__PURE__ */ jsx86(ModalActions, { children: actions })
 ] });
 var Modal = ({
   children,
@@ -3599,7 +3538,7 @@ var Modal = ({
     },
     children: [
       trigger,
-      /* @__PURE__ */ jsx89(ModalContent, { "aria-describedby": description || void 0, ...rest, children: children !== void 0 ? children : /* @__PURE__ */ jsx89(ModalBodyImpl, { title, error, description, actions, children: content }) })
+      /* @__PURE__ */ jsx86(ModalContent, { "aria-describedby": description || void 0, ...rest, children: children !== void 0 ? children : /* @__PURE__ */ jsx86(ModalBodyImpl, { title, error, description, actions, children: content }) })
     ]
   }
 );
@@ -3612,8 +3551,8 @@ import * as React13 from "react";
 
 // src/core/modal/FullscreenModalHeader.tsx
 import { Title as Title2 } from "@radix-ui/react-dialog";
-import { twJoin as twJoin35 } from "tailwind-merge";
-import { jsx as jsx90, jsxs as jsxs36 } from "react/jsx-runtime";
+import { twJoin as twJoin33 } from "tailwind-merge";
+import { jsx as jsx87, jsxs as jsxs36 } from "react/jsx-runtime";
 var FullscreenModalHeader = ({
   className,
   title,
@@ -3621,20 +3560,20 @@ var FullscreenModalHeader = ({
   leftSlot,
   rightSlot
 }) => {
-  return /* @__PURE__ */ jsxs36("div", { className: twJoin35("flex items-center justify-between gap-4", className), children: [
+  return /* @__PURE__ */ jsxs36("div", { className: twJoin33("flex items-center justify-between gap-4", className), children: [
     /* @__PURE__ */ jsxs36("div", { className: "flex flex-1 items-center gap-4", children: [
       leftSlot,
       /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx90(Title2, { className: "text-2xl font-medium text-neutral", children: title }),
-        description && /* @__PURE__ */ jsx90("div", { className: "text-base/6 text-muted", children: description })
+        /* @__PURE__ */ jsx87(Title2, { className: "text-2xl font-medium text-neutral", children: title }),
+        description && /* @__PURE__ */ jsx87("div", { className: "text-base/6 text-muted", children: description })
       ] })
     ] }),
-    /* @__PURE__ */ jsx90("div", { className: "flex gap-2", children: rightSlot })
+    /* @__PURE__ */ jsx87("div", { className: "flex gap-2", children: rightSlot })
   ] });
 };
 
 // src/core/modal/FullscreenModal.tsx
-import { jsx as jsx91, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs37 } from "react/jsx-runtime";
 var FullscreenModal = React13.forwardRef(
   ({ children, trigger, isOpen, onClose, onOpenChange, fullscreen = true, showX = false, title, ...rest }, ref) => /* @__PURE__ */ jsxs37(
     ModalRoot,
@@ -3649,7 +3588,7 @@ var FullscreenModal = React13.forwardRef(
       },
       children: [
         trigger,
-        /* @__PURE__ */ jsx91(ModalContent, { fullscreen, ...rest, ref, children: title ? /* @__PURE__ */ jsx91(Modal.Body, { title, showX, children }) : children })
+        /* @__PURE__ */ jsx88(ModalContent, { fullscreen, ...rest, ref, children: title ? /* @__PURE__ */ jsx88(Modal.Body, { title, showX, children }) : children })
       ]
     }
   )
@@ -3661,15 +3600,15 @@ var FullscreenModalNamespace = Object.assign(FullscreenModal, {
 });
 
 // src/core/modal/AlertModal.tsx
-import { Fragment as Fragment12, jsx as jsx92, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx89, jsxs as jsxs38 } from "react/jsx-runtime";
 var ModalBodyImpl2 = ({ children, title, error, description, actions }) => /* @__PURE__ */ jsxs38(Fragment12, { children: [
-  /* @__PURE__ */ jsx92(ModalTitle, { showX: false, children: title }),
-  /* @__PURE__ */ jsx92(ModalErrorCallout, { children: error }),
+  /* @__PURE__ */ jsx89(ModalTitle, { showX: false, children: title }),
+  /* @__PURE__ */ jsx89(ModalErrorCallout, { children: error }),
   (description || children) && /* @__PURE__ */ jsxs38(ModalBody, { children: [
-    /* @__PURE__ */ jsx92(ModalDescription, { children: description }),
+    /* @__PURE__ */ jsx89(ModalDescription, { children: description }),
     children
   ] }),
-  /* @__PURE__ */ jsx92(ModalActions, { children: actions })
+  /* @__PURE__ */ jsx89(ModalActions, { children: actions })
 ] });
 var AlertModal = ({
   children,
@@ -3696,7 +3635,7 @@ var AlertModal = ({
     },
     children: [
       trigger,
-      /* @__PURE__ */ jsx92(ModalContent, { ...rest, dismissible: false, children: children !== void 0 ? children : /* @__PURE__ */ jsx92(ModalBodyImpl2, { title, error, description, actions, children: content }) })
+      /* @__PURE__ */ jsx89(ModalContent, { ...rest, dismissible: false, children: children !== void 0 ? children : /* @__PURE__ */ jsx89(ModalBodyImpl2, { title, error, description, actions, children: content }) })
     ]
   }
 );
@@ -3707,20 +3646,20 @@ AlertModal.CloseButton = ModalCloseButton;
 // src/core/phone-number/PhoneNumber.tsx
 import "react-international-phone/style.css";
 import { PhoneInput } from "react-international-phone";
-import { twJoin as twJoin36 } from "tailwind-merge";
-import { jsx as jsx93 } from "react/jsx-runtime";
+import { twJoin as twJoin34 } from "tailwind-merge";
+import { jsx as jsx90 } from "react/jsx-runtime";
 var PhoneNumber = ({
   hasError,
   onChange,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx90(
     PhoneInput,
     {
       defaultCountry: props.defaultCountry ?? "us",
       disableDialCodeAndPrefix: true,
       showDisabledDialCodeAndPrefix: true,
-      inputClassName: twJoin36(
+      inputClassName: twJoin34(
         "flex-1 placeholder:text-placeholder",
         hasError ? "border-red-300!" : "border-surface-neutral!"
       ),
@@ -3732,33 +3671,33 @@ var PhoneNumber = ({
 };
 
 // src/core/stepper/Stepper.tsx
-import { twJoin as twJoin37 } from "tailwind-merge";
-import { jsx as jsx94, jsxs as jsxs39 } from "react/jsx-runtime";
+import { twJoin as twJoin35 } from "tailwind-merge";
+import { jsx as jsx91, jsxs as jsxs39 } from "react/jsx-runtime";
 var StepItem = ({ label, step, isActive }) => /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-3", children: [
-  /* @__PURE__ */ jsx94(
+  /* @__PURE__ */ jsx91(
     "div",
     {
-      className: twJoin37(
+      className: twJoin35(
         "flex size-6 items-center justify-center rounded-full",
         isActive ? "bg-button-primary" : "bg-button-primary-disabled"
       ),
-      children: /* @__PURE__ */ jsx94(Text, { className: "text-white", children: step })
+      children: /* @__PURE__ */ jsx91(Text, { className: "text-white", children: step })
     }
   ),
-  /* @__PURE__ */ jsx94(Text, { variant: "body-1", className: isActive ? "text-primary" : "text-indigo-200", children: label })
+  /* @__PURE__ */ jsx91(Text, { variant: "body-1", className: isActive ? "text-primary" : "text-indigo-200", children: label })
 ] });
-var Stepper = ({ steps, currentStep, className }) => /* @__PURE__ */ jsx94("div", { className: twMerge("flex items-center justify-center gap-5", className), children: steps.map((label, index) => /* @__PURE__ */ jsx94(StepItem, { label, step: index + 1, isActive: index === currentStep }, label)) });
+var Stepper = ({ steps, currentStep, className }) => /* @__PURE__ */ jsx91("div", { className: twMerge("flex items-center justify-center gap-5", className), children: steps.map((label, index) => /* @__PURE__ */ jsx91(StepItem, { label, step: index + 1, isActive: index === currentStep }, label)) });
 
 // src/core/table/Table.tsx
-import { useEffect as useEffect7 } from "react";
-import { twJoin as twJoin40 } from "tailwind-merge";
+import { useEffect as useEffect6 } from "react";
+import { twJoin as twJoin38 } from "tailwind-merge";
 
 // src/core/utils/useIntersectionObserver.ts
-import { useCallback as useCallback9, useRef as useRef7, useState as useState10 } from "react";
+import { useCallback as useCallback9, useRef as useRef6, useState as useState10 } from "react";
 var useIntersectionObserver = (options = {}) => {
   const { threshold = 1, root = null, rootMargin = "0px" } = options;
   const [entry, setEntry] = useState10(null);
-  const previousObserver = useRef7(null);
+  const previousObserver = useRef6(null);
   const customRef = useCallback9(
     (node) => {
       if (previousObserver.current) {
@@ -3785,7 +3724,7 @@ var useIntersectionObserver = (options = {}) => {
 import { faTable } from "@fortawesome/sharp-solid-svg-icons";
 
 // src/core/table/TableRow.tsx
-import { twJoin as twJoin38 } from "tailwind-merge";
+import { twJoin as twJoin36 } from "tailwind-merge";
 
 // src/core/table/utils.ts
 import { flexRender } from "@tanstack/react-table";
@@ -3868,7 +3807,7 @@ var handleHeaderStyle = handleStyle;
 var handleCellStyle = handleStyle;
 
 // src/core/table/TableRow.tsx
-import { jsx as jsx95 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 var TableRow = ({ table, rowClassName, cellClassName, row }) => {
   const hasRowClick = !!table.options.meta?.onRowClick;
   const isStaticSubRow = !!table.options.meta?.staticSubRows;
@@ -3878,18 +3817,18 @@ var TableRow = ({ table, rowClassName, cellClassName, row }) => {
     }
   };
   const cells = row.getVisibleCells();
-  return /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx92(
     "tr",
     {
       "data-active": table.options.meta?.activeRowId === row.id ? "" : void 0,
       "data-clickable": !isStaticSubRow && (hasRowClick || row.getCanExpand()) ? "" : void 0,
       "data-depth": isStaticSubRow ? row.depth : void 0,
       onClick: !isStaticSubRow && row.getCanExpand() ? row.getToggleExpandedHandler() : void 0,
-      className: twJoin38(
+      className: twJoin36(
         "data-active:bg-indigo-100 data-clickable:hover:cursor-pointer data-clickable:hover:bg-surface-primary data-active:data-clickable:hover:bg-indigo-200",
         rowClassName
       ),
-      children: cells.map((cell) => /* @__PURE__ */ jsx95(
+      children: cells.map((cell) => /* @__PURE__ */ jsx92(
         "td",
         {
           onClickCapture: hasRowClick ? (ev) => onRowClick(ev, row) : void 0,
@@ -3904,40 +3843,40 @@ var TableRow = ({ table, rowClassName, cellClassName, row }) => {
 };
 
 // src/core/table/TableBody.tsx
-import { jsx as jsx96, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs40 } from "react/jsx-runtime";
 var TableBody = ({ table, loading, rootClassName, afterRows, ...props }) => {
   const { rows } = table.getRowModel();
   if (rows.length === 0) {
     if (loading) {
       const colCount = table.getAllLeafColumns().length;
-      return /* @__PURE__ */ jsx96("tbody", { className: rootClassName, children: Array.from({ length: 20 }).map((_, i) => /* @__PURE__ */ jsx96(
+      return /* @__PURE__ */ jsx93("tbody", { className: rootClassName, children: Array.from({ length: 20 }).map((_, i) => /* @__PURE__ */ jsx93(
         "tr",
         {
           className: "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-gray-200",
-          children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ jsx96("td", { className: "p-2", children: /* @__PURE__ */ jsx96(Skeleton, { className: "h-3 w-full" }) }, j))
+          children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ jsx93("td", { className: "p-2", children: /* @__PURE__ */ jsx93(Skeleton, { className: "h-3 w-full" }) }, j))
         },
         `skeleton-${i}`
       )) });
     }
     return /* @__PURE__ */ jsxs40("tbody", { className: rootClassName, children: [
-      /* @__PURE__ */ jsx96("tr", { children: /* @__PURE__ */ jsx96(EmptyRowsTd, { colSpan: table.getAllLeafColumns().length, emptyText: table.options.meta?.emptyText }) }),
+      /* @__PURE__ */ jsx93("tr", { children: /* @__PURE__ */ jsx93(EmptyRowsTd, { colSpan: table.getAllLeafColumns().length, emptyText: table.options.meta?.emptyText }) }),
       afterRows
     ] });
   }
   return /* @__PURE__ */ jsxs40("tbody", { className: rootClassName, children: [
-    rows.map((row) => /* @__PURE__ */ jsx96(TableRow, { ...props, table, row }, row.id)),
+    rows.map((row) => /* @__PURE__ */ jsx93(TableRow, { ...props, table, row }, row.id)),
     afterRows
   ] });
 };
-var EmptyRowsTd = ({ emptyText = "No rows found", ...props }) => /* @__PURE__ */ jsx96("td", { ...props, className: "h-full", children: /* @__PURE__ */ jsxs40("p", { className: "flex h-full min-h-12 w-full items-center justify-center gap-2 text-2xl/none text-placeholder", children: [
-  /* @__PURE__ */ jsx96("span", { children: /* @__PURE__ */ jsx96(Icon, { icon: faTable }) }),
-  /* @__PURE__ */ jsx96("span", { className: "text-base/none font-medium", children: emptyText })
+var EmptyRowsTd = ({ emptyText = "No rows found", ...props }) => /* @__PURE__ */ jsx93("td", { ...props, className: "h-full", children: /* @__PURE__ */ jsxs40("p", { className: "flex h-full min-h-12 w-full items-center justify-center gap-2 text-2xl/none text-placeholder", children: [
+  /* @__PURE__ */ jsx93("span", { children: /* @__PURE__ */ jsx93(Icon, { icon: faTable }) }),
+  /* @__PURE__ */ jsx93("span", { className: "text-base/none font-medium", children: emptyText })
 ] }) });
 
 // src/core/table/TableHeader.tsx
 import { faArrowDownWideShort, faArrowUpWideShort } from "@fortawesome/sharp-solid-svg-icons";
-import { twJoin as twJoin39 } from "tailwind-merge";
-import { jsx as jsx97, jsxs as jsxs41 } from "react/jsx-runtime";
+import { twJoin as twJoin37 } from "tailwind-merge";
+import { jsx as jsx94, jsxs as jsxs41 } from "react/jsx-runtime";
 var TableHeader = ({
   table,
   variant,
@@ -3945,7 +3884,7 @@ var TableHeader = ({
   rowClassName,
   cellClassName
 }) => {
-  return /* @__PURE__ */ jsx97("thead", { className: rootClassName, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx97("tr", { className: rowClassName, children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx94("thead", { className: rootClassName, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx94("tr", { className: rowClassName, children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx94(
     Th,
     {
       scope: "col",
@@ -3968,14 +3907,14 @@ var Th = ({
   const isLastInRow = header.index === header.headerGroup.headers.length - 1;
   const canResize = !isLastInRow && !!header.getContext().table.options.columnResizeMode && header.column.getCanResize();
   const isSubtable = variant === "subtable";
-  const resizeHandle = canResize && /* @__PURE__ */ jsx97(
+  const resizeHandle = canResize && /* @__PURE__ */ jsx94(
     "div",
     {
       onMouseDown: header.getResizeHandler(),
       onTouchStart: header.getResizeHandler(),
       onClick: (e) => e.stopPropagation(),
       "data-resizing": header.column.getIsResizing() ? "" : void 0,
-      className: twJoin39(
+      className: twJoin37(
         "absolute top-0 right-0 bottom-0 z-10 w-1 cursor-col-resize touch-none select-none",
         "after:pointer-events-none after:absolute after:top-0 after:right-0 after:h-screen after:w-0.5 after:transition-colors after:duration-150 after:content-['']",
         isSubtable ? "hover:after:bg-indigo-600 data-resizing:after:bg-indigo-600" : "group-hover:after:bg-gray-200 hover:after:bg-indigo-600 data-resizing:after:bg-indigo-600"
@@ -3989,10 +3928,10 @@ var Th = ({
         ...props,
         "data-clickable": "ok",
         onClick: header.column.getToggleSortingHandler(),
-        className: twJoin39(props.className, canResize && "group relative"),
+        className: twJoin37(props.className, canResize && "group relative"),
         children: [
           children,
-          /* @__PURE__ */ jsx97("span", { className: "ml-1.5", children: /* @__PURE__ */ jsx97(SortIcon, { dir: header.column.getIsSorted() }) }),
+          /* @__PURE__ */ jsx94("span", { className: "ml-1.5", children: /* @__PURE__ */ jsx94(SortIcon, { dir: header.column.getIsSorted() }) }),
           resizeHandle
         ]
       }
@@ -4005,32 +3944,32 @@ var Th = ({
         ...props,
         "data-clickable": "ok",
         onClick: header.column.getToggleSortingHandler(),
-        className: twJoin39(props.className, canResize && "group relative"),
+        className: twJoin37(props.className, canResize && "group relative"),
         children: [
           children,
-          /* @__PURE__ */ jsx97("span", { className: "invisible ml-1.5 group-hover:visible", children: /* @__PURE__ */ jsx97(SortIcon, { dir: header.column.getNextSortingOrder() }) }),
+          /* @__PURE__ */ jsx94("span", { className: "invisible ml-1.5 group-hover:visible", children: /* @__PURE__ */ jsx94(SortIcon, { dir: header.column.getNextSortingOrder() }) }),
           resizeHandle
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs41("th", { ...props, className: twJoin39(props.className, canResize && "group relative"), children: [
+  return /* @__PURE__ */ jsxs41("th", { ...props, className: twJoin37(props.className, canResize && "group relative"), children: [
     children,
     resizeHandle
   ] });
 };
 var SortIcon = ({ dir }) => {
   if (dir === "asc") {
-    return /* @__PURE__ */ jsx97(Icon, { icon: faArrowUpWideShort });
+    return /* @__PURE__ */ jsx94(Icon, { icon: faArrowUpWideShort });
   }
   if (dir === "desc") {
-    return /* @__PURE__ */ jsx97(Icon, { icon: faArrowDownWideShort });
+    return /* @__PURE__ */ jsx94(Icon, { icon: faArrowDownWideShort });
   }
   return null;
 };
 
 // src/core/table/Table.tsx
-import { Fragment as Fragment13, jsx as jsx98, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx95, jsxs as jsxs42 } from "react/jsx-runtime";
 var tableVariants = {
   default: "default",
   seamless: "seamless",
@@ -4095,47 +4034,47 @@ var Table = ({ variant = "default", loading: loadingProp, ...props }) => {
   const tableElementRef = props.table.options.meta?.tableElementRef ?? null;
   switch (variant) {
     case tableVariants.transparent:
-      return /* @__PURE__ */ jsx98("div", { className: "relative mb-auto min-w-full", children: /* @__PURE__ */ jsxs42(
+      return /* @__PURE__ */ jsx95("div", { className: "relative mb-auto min-w-full", children: /* @__PURE__ */ jsxs42(
         "table",
         {
           ref: tableElementRef,
           "data-ui": uiLoading,
           style: resizeStyle,
-          className: twJoin40(
+          className: twJoin38(
             "min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none",
             resizeStyle && "overflow-clip"
           ),
           children: [
-            /* @__PURE__ */ jsx98(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
-            /* @__PURE__ */ jsx98(TableBody, { ...props, ...bodyClassNames(variant), loading })
+            /* @__PURE__ */ jsx95(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
+            /* @__PURE__ */ jsx95(TableBody, { ...props, ...bodyClassNames(variant), loading })
           ]
         }
       ) });
     case tableVariants.subtable:
       return /* @__PURE__ */ jsxs42("div", { className: "relative mb-auto min-w-full", children: [
-        showLoadingBar && /* @__PURE__ */ jsx98(LoadingBar, { className: "absolute top-0 right-0 left-0 z-10 h-1 rounded-none" }),
+        showLoadingBar && /* @__PURE__ */ jsx95(LoadingBar, { className: "absolute top-0 right-0 left-0 z-10 h-1 rounded-none" }),
         /* @__PURE__ */ jsxs42(
           "table",
           {
             ref: tableElementRef,
             "data-ui": uiLoading,
             style: resizeStyle,
-            className: twJoin40(
+            className: twJoin38(
               "min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none",
               resizeStyle && "overflow-clip"
             ),
             children: [
-              /* @__PURE__ */ jsx98(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
-              /* @__PURE__ */ jsx98(TableBody, { ...props, ...bodyClassNames(variant), loading })
+              /* @__PURE__ */ jsx95(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
+              /* @__PURE__ */ jsx95(TableBody, { ...props, ...bodyClassNames(variant), loading })
             ]
           }
         )
       ] });
     case tableVariants.seamless:
-      return /* @__PURE__ */ jsx98(
+      return /* @__PURE__ */ jsx95(
         "div",
         {
-          className: twJoin40(
+          className: twJoin38(
             "relative mb-auto rounded-md border bg-white",
             loading && coreRows.length === 0 ? "overflow-hidden" : "overflow-auto"
           ),
@@ -4145,13 +4084,13 @@ var Table = ({ variant = "default", loading: loadingProp, ...props }) => {
               ref: tableElementRef,
               "data-ui": uiLoading,
               style: resizeStyle,
-              className: twJoin40(
+              className: twJoin38(
                 "relative min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none",
                 resizeStyle && "overflow-clip"
               ),
               children: [
-                /* @__PURE__ */ jsx98(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
-                /* @__PURE__ */ jsx98(TableBody, { ...props, ...bodyClassNames(variant), loading })
+                /* @__PURE__ */ jsx95(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
+                /* @__PURE__ */ jsx95(TableBody, { ...props, ...bodyClassNames(variant), loading })
               ]
             }
           )
@@ -4159,7 +4098,7 @@ var Table = ({ variant = "default", loading: loadingProp, ...props }) => {
       );
     case tableVariants.default:
     default:
-      return /* @__PURE__ */ jsx98(DefaultTable, { ...props, loading, fetching });
+      return /* @__PURE__ */ jsx95(DefaultTable, { ...props, loading, fetching });
   }
 };
 var DefaultTable = ({ table, loading, fetching }) => {
@@ -4171,42 +4110,42 @@ var DefaultTable = ({ table, loading, fetching }) => {
   const showLoadingBar = fetching && coreRows.length > 0;
   const resizeStyle = table.options.enableColumnResizing ? { width: table.getCenterTotalSize(), tableLayout: "fixed" } : void 0;
   const tableElementRef = table.options.meta?.tableElementRef ?? null;
-  useEffect7(() => {
+  useEffect6(() => {
     if (entry?.isIntersecting && infiniteScroll?.hasNextPage && !infiniteScroll.isFetchingNextPage) {
       infiniteScroll.fetchNextPage();
     }
   }, [entry?.isIntersecting, infiniteScroll]);
-  const skeletonRows = infiniteScroll?.hasNextPage ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx98("tr", { className: "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-gray-200", children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ jsx98("td", { className: "p-2", children: /* @__PURE__ */ jsx98(Skeleton, { className: "h-3 w-full" }) }, j)) }, `skeleton-${i}`)) : null;
+  const skeletonRows = infiniteScroll?.hasNextPage ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx95("tr", { className: "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-gray-200", children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ jsx95("td", { className: "p-2", children: /* @__PURE__ */ jsx95(Skeleton, { className: "h-3 w-full" }) }, j)) }, `skeleton-${i}`)) : null;
   return /* @__PURE__ */ jsxs42(
     "div",
     {
-      className: twJoin40(
+      className: twJoin38(
         "relative mb-auto rounded-md border bg-white",
-        coreRows.length === 0 ? twJoin40("h-full min-h-0", loading ? "overflow-hidden" : "overflow-auto") : "max-h-full min-h-0 overflow-auto"
+        coreRows.length === 0 ? twJoin38("h-full min-h-0", loading ? "overflow-hidden" : "overflow-auto") : "max-h-full min-h-0 overflow-auto"
       ),
       children: [
-        showLoadingBar && /* @__PURE__ */ jsx98(LoadingBar, { className: "sticky top-0 right-0 left-0 z-10 -mb-1 h-1 rounded-none" }),
+        showLoadingBar && /* @__PURE__ */ jsx95(LoadingBar, { className: "sticky top-0 right-0 left-0 z-10 -mb-1 h-1 rounded-none" }),
         /* @__PURE__ */ jsxs42(
           "table",
           {
             ref: tableElementRef,
             "data-ui": uiLoading,
             style: resizeStyle,
-            className: twJoin40(
+            className: twJoin38(
               "relative min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none",
               coreRows.length === 0 && !loading && "h-full",
               resizeStyle && "overflow-clip"
             ),
             children: [
-              /* @__PURE__ */ jsx98(TableHeader, { table, variant: "default", ...headerClassNames("default") }),
-              /* @__PURE__ */ jsx98(
+              /* @__PURE__ */ jsx95(TableHeader, { table, variant: "default", ...headerClassNames("default") }),
+              /* @__PURE__ */ jsx95(
                 TableBody,
                 {
                   table,
                   ...bodyClassNames("default"),
                   loading,
                   afterRows: /* @__PURE__ */ jsxs42(Fragment13, { children: [
-                    infiniteScroll?.hasNextPage && /* @__PURE__ */ jsx98("tr", { ref: sentinelRef, "aria-hidden": "true", style: { height: 0, border: "none", padding: 0 }, children: /* @__PURE__ */ jsx98("td", { colSpan: colCount, style: { height: 0, border: "none", padding: 0 } }) }),
+                    infiniteScroll?.hasNextPage && /* @__PURE__ */ jsx95("tr", { ref: sentinelRef, "aria-hidden": "true", style: { height: 0, border: "none", padding: 0 }, children: /* @__PURE__ */ jsx95("td", { colSpan: colCount, style: { height: 0, border: "none", padding: 0 } }) }),
                     skeletonRows
                   ] })
                 }
@@ -4221,9 +4160,9 @@ var DefaultTable = ({ table, loading, fetching }) => {
 
 // src/core/table/VirtualizedTable.tsx
 import { useVirtualizer } from "@tanstack/react-virtual";
-import { useEffect as useEffect8, useRef as useRef8 } from "react";
-import { twJoin as twJoin41 } from "tailwind-merge";
-import { jsx as jsx99, jsxs as jsxs43 } from "react/jsx-runtime";
+import { useEffect as useEffect7, useRef as useRef7 } from "react";
+import { twJoin as twJoin39 } from "tailwind-merge";
+import { jsx as jsx96, jsxs as jsxs43 } from "react/jsx-runtime";
 var DEFAULT_ROW_HEIGHT = 37;
 var DEFAULT_OVERSCAN = 5;
 var VirtualizedTable = ({
@@ -4235,7 +4174,7 @@ var VirtualizedTable = ({
 }) => {
   const loading = loadingProp ?? table.options.meta?.isLoading;
   const fetching = loadingProp ?? table.options.meta?.isFetching;
-  const scrollRef = useRef8(null);
+  const scrollRef = useRef7(null);
   const isSubtable = variant === "subtable";
   const infiniteScroll = table.options.meta?.infiniteScroll;
   const colCount = table.getVisibleLeafColumns().length;
@@ -4252,14 +4191,14 @@ var VirtualizedTable = ({
     overscan
   });
   const virtualRows = rowVirtualizer.getVirtualItems();
-  useEffect8(() => {
+  useEffect7(() => {
     const lastItem = virtualRows.at(-1);
     if (!lastItem) return;
     if (lastItem.index >= rows.length - 1 && infiniteScroll?.hasNextPage && !infiniteScroll.isFetchingNextPage) {
       infiniteScroll.fetchNextPage();
     }
   }, [virtualRows, rows.length, infiniteScroll]);
-  const skeletonRows = infiniteScroll?.hasNextPage ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx99("tr", { className: "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-gray-200", children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ jsx99("td", { className: "p-2", children: /* @__PURE__ */ jsx99(Skeleton, { className: "h-3 w-full" }) }, j)) }, `skeleton-${i}`)) : null;
+  const skeletonRows = infiniteScroll?.hasNextPage ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx96("tr", { className: "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-gray-200", children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ jsx96("td", { className: "p-2", children: /* @__PURE__ */ jsx96(Skeleton, { className: "h-3 w-full" }) }, j)) }, `skeleton-${i}`)) : null;
   const paddingTop = virtualRows.length > 0 ? virtualRows[0]?.start ?? 0 : 0;
   const paddingBottom = virtualRows.length > 0 ? rowVirtualizer.getTotalSize() - (virtualRows.at(-1)?.end ?? 0) : 0;
   const { rootClassName: bodyRootClassName, ...bodyRowCellClassNames } = bodyClassNames(variant);
@@ -4267,18 +4206,18 @@ var VirtualizedTable = ({
     "div",
     {
       ref: scrollRef,
-      className: twJoin41(
+      className: twJoin39(
         "relative mb-auto",
-        isSubtable ? "min-w-full" : twJoin41(
+        isSubtable ? "min-w-full" : twJoin39(
           "rounded-md border bg-white",
-          coreRows.length === 0 ? twJoin41("h-full", loading ? "overflow-hidden" : "overflow-auto overscroll-none") : "max-h-full min-h-0 overflow-auto overscroll-none"
+          coreRows.length === 0 ? twJoin39("h-full", loading ? "overflow-hidden" : "overflow-auto overscroll-none") : "max-h-full min-h-0 overflow-auto overscroll-none"
         )
       ),
       children: [
-        showLoadingBar && /* @__PURE__ */ jsx99(
+        showLoadingBar && /* @__PURE__ */ jsx96(
           LoadingBar,
           {
-            className: twJoin41("top-0 right-0 left-0 z-10 h-1 rounded-none", isSubtable ? "absolute" : "sticky -mb-1")
+            className: twJoin39("inset-x-0 top-0 z-10 h-1 rounded-none", isSubtable ? "absolute" : "sticky -mb-1")
           }
         ),
         /* @__PURE__ */ jsxs43(
@@ -4287,20 +4226,20 @@ var VirtualizedTable = ({
             ref: tableElementRef,
             "data-ui": uiLoading,
             style: resizeStyle,
-            className: twJoin41(
+            className: twJoin39(
               "relative min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none",
               !isSubtable && coreRows.length === 0 && !loading && "h-full",
               resizeStyle && "overflow-clip"
             ),
             children: [
-              /* @__PURE__ */ jsx99(TableHeader, { table, variant, ...headerClassNames(variant) }),
-              rows.length === 0 ? /* @__PURE__ */ jsx99(TableBody, { table, ...bodyClassNames(variant), loading }) : /* @__PURE__ */ jsxs43("tbody", { className: bodyRootClassName, children: [
-                paddingTop > 0 && /* @__PURE__ */ jsx99("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx99("td", { colSpan: colCount, style: { height: paddingTop, padding: 0, border: "none" } }) }),
+              /* @__PURE__ */ jsx96(TableHeader, { table, variant, ...headerClassNames(variant) }),
+              rows.length === 0 ? /* @__PURE__ */ jsx96(TableBody, { table, ...bodyClassNames(variant), loading }) : /* @__PURE__ */ jsxs43("tbody", { className: bodyRootClassName, children: [
+                paddingTop > 0 && /* @__PURE__ */ jsx96("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx96("td", { colSpan: colCount, style: { height: paddingTop, padding: 0, border: "none" } }) }),
                 virtualRows.map((virtualRow) => {
                   const row = rows[virtualRow.index];
-                  return /* @__PURE__ */ jsx99(TableRow, { table, row, ...bodyRowCellClassNames }, row.id);
+                  return /* @__PURE__ */ jsx96(TableRow, { table, row, ...bodyRowCellClassNames }, row.id);
                 }),
-                paddingBottom > 0 && /* @__PURE__ */ jsx99("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx99("td", { colSpan: colCount, style: { height: paddingBottom, padding: 0, border: "none" } }) }),
+                paddingBottom > 0 && /* @__PURE__ */ jsx96("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx96("td", { colSpan: colCount, style: { height: paddingBottom, padding: 0, border: "none" } }) }),
                 skeletonRows
               ] })
             ]
@@ -4352,7 +4291,7 @@ var useTable = ({ tableRef, ...options }) => {
 };
 
 // src/core/table/useColumnResizing.ts
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef9, useState as useState11 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef8, useState as useState11 } from "react";
 var defaultSizingInfo = {
   startOffset: null,
   startSize: null,
@@ -4365,13 +4304,13 @@ var useColumnResizing = (options) => {
   const defaultMinSize = options.defaultColumn?.minSize ?? 50;
   const [columnSizing, setColumnSizing] = useState11({});
   const [columnSizingInfo, setColumnSizingInfo] = useState11(defaultSizingInfo);
-  const sizingInfoRef = useRef9(defaultSizingInfo);
-  const tableRef = useRef9(null);
-  const tableElementRef = useRef9(null);
-  const startSizesRef = useRef9([]);
-  const excessRef = useRef9(0);
-  const resizingColRef = useRef9(false);
-  const prevVisibleIdsRef = useRef9("");
+  const sizingInfoRef = useRef8(defaultSizingInfo);
+  const tableRef = useRef8(null);
+  const tableElementRef = useRef8(null);
+  const startSizesRef = useRef8([]);
+  const excessRef = useRef8(0);
+  const resizingColRef = useRef8(false);
+  const prevVisibleIdsRef = useRef8("");
   useLayoutEffect2(() => {
     const table = tableRef.current;
     const tableEl = tableElementRef.current;
@@ -4479,8 +4418,8 @@ var useColumnResizing = (options) => {
 import { ToggleGroup, ToggleGroupItem } from "@radix-ui/react-toggle-group";
 import { motion } from "motion/react";
 import { Fragment as Fragment14, useId as useId2 } from "react";
-import { twJoin as twJoin42 } from "tailwind-merge";
-import { jsx as jsx100, jsxs as jsxs44 } from "react/jsx-runtime";
+import { twJoin as twJoin40 } from "tailwind-merge";
+import { jsx as jsx97, jsxs as jsxs44 } from "react/jsx-runtime";
 var TabGroup = ({
   tabs,
   currentTab,
@@ -4488,7 +4427,7 @@ var TabGroup = ({
   size = "md"
 }) => {
   const layoutId = useId2();
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx97(
     ToggleGroup,
     {
       type: "single",
@@ -4496,7 +4435,7 @@ var TabGroup = ({
       onValueChange: (value) => {
         if (value) setCurrentTab(value);
       },
-      className: twJoin42(
+      className: twJoin40(
         "flex w-full justify-between gap-1 rounded-lg border border-surface-neutral bg-surface-light",
         size === "sm" ? "p-1" : "p-0.5"
       ),
@@ -4506,7 +4445,7 @@ var TabGroup = ({
           {
             value: id,
             disabled,
-            className: twJoin42(
+            className: twJoin40(
               "relative flex w-full items-center justify-center rounded-md border transition-colors",
               disabled && "cursor-not-allowed opacity-50",
               !disabled && "focus-visible:border-indigo-700 focus-visible:outline-none",
@@ -4516,7 +4455,7 @@ var TabGroup = ({
               size === "sm" ? "px-1.5 py-1" : "px-2 py-1"
             ),
             children: [
-              id === currentTab && !disabled && /* @__PURE__ */ jsx100(
+              id === currentTab && !disabled && /* @__PURE__ */ jsx97(
                 motion.span,
                 {
                   layoutId,
@@ -4524,11 +4463,11 @@ var TabGroup = ({
                   transition: { type: "spring", stiffness: 500, damping: 40 }
                 }
               ),
-              /* @__PURE__ */ jsx100("span", { className: "relative z-1", children: label })
+              /* @__PURE__ */ jsx97("span", { className: "relative z-1", children: label })
             ]
           }
         ),
-        index !== tabs.length - 1 && /* @__PURE__ */ jsx100("div", { className: "z-2 my-1 flex w-px bg-gray-300" })
+        index !== tabs.length - 1 && /* @__PURE__ */ jsx97("div", { className: "z-2 my-1 flex w-px bg-gray-300" })
       ] }, id))
     }
   );
@@ -4537,12 +4476,12 @@ var TabGroup = ({
 // src/core/tabs/Tabs.tsx
 import { Content as Content8, List, Root as Root8 } from "@radix-ui/react-tabs";
 import { useId as useId3 } from "react";
-import { twJoin as twJoin43 } from "tailwind-merge";
+import { twJoin as twJoin41 } from "tailwind-merge";
 
 // src/core/tabs/Trigger.tsx
 import { Trigger as Trigger7 } from "@radix-ui/react-tabs";
 import { motion as motion2 } from "motion/react";
-import { jsx as jsx101, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs45 } from "react/jsx-runtime";
 var TabsTrigger = ({
   id,
   label,
@@ -4564,8 +4503,8 @@ var TabsTrigger = ({
     "fs-id": fsId,
     children: [
       label,
-      extra && /* @__PURE__ */ jsx101("span", { children: extra }),
-      isActive && /* @__PURE__ */ jsx101(
+      extra && /* @__PURE__ */ jsx98("span", { children: extra }),
+      isActive && /* @__PURE__ */ jsx98(
         motion2.span,
         {
           layoutId,
@@ -4578,7 +4517,7 @@ var TabsTrigger = ({
 );
 
 // src/core/tabs/Tabs.tsx
-import { jsx as jsx102, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs46 } from "react/jsx-runtime";
 var [Provider2, useContext6] = createContextHelper();
 var Tabs = ({
   tabs,
@@ -4592,9 +4531,9 @@ var Tabs = ({
   extraNode
 }) => {
   const layoutId = useId3();
-  return /* @__PURE__ */ jsx102(Provider2, { currentTab, children: /* @__PURE__ */ jsxs46(Root8, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children: [
-    /* @__PURE__ */ jsxs46("div", { className: twJoin43("flex gap-4", tabsListContainerClassName), children: [
-      /* @__PURE__ */ jsx102(List, { className: twJoin43("flex space-x-4 overflow-x-auto pb-0.5", tabsListClassName), children: tabs.map(({ id, label, disabled, fsId }) => /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx99(Provider2, { currentTab, children: /* @__PURE__ */ jsxs46(Root8, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children: [
+    /* @__PURE__ */ jsxs46("div", { className: twJoin41("flex gap-4", tabsListContainerClassName), children: [
+      /* @__PURE__ */ jsx99(List, { className: twJoin41("flex space-x-4 overflow-x-auto pb-0.5", tabsListClassName), children: tabs.map(({ id, label, disabled, fsId }) => /* @__PURE__ */ jsx99(
         TabsTrigger,
         {
           id,
@@ -4613,7 +4552,7 @@ var Tabs = ({
   ] }) });
 };
 var TabContent = ({ id, ...rest }) => {
-  return /* @__PURE__ */ jsx102(Content8, { value: id, ...rest });
+  return /* @__PURE__ */ jsx99(Content8, { value: id, ...rest });
 };
 var AlwaysMountedTabContent = ({
   id,
@@ -4623,81 +4562,21 @@ var AlwaysMountedTabContent = ({
 }) => {
   const { currentTab } = useContext6();
   const visible = id === currentTab;
-  return /* @__PURE__ */ jsx102("div", { className: twJoin43(visible ? visibleClassName : "hidden", className), children });
+  return /* @__PURE__ */ jsx99("div", { className: twJoin41(visible ? visibleClassName : "hidden", className), children });
 };
 Tabs.TabContent = TabContent;
 Tabs.AlwaysMountedTabContent = AlwaysMountedTabContent;
 
-// src/core/tabs/ScrollTabsLayout.tsx
-import { useCallback as useCallback10, useEffect as useEffect9, useRef as useRef10, useState as useState12 } from "react";
-import { twJoin as twJoin44 } from "tailwind-merge";
-import { Fragment as Fragment15, jsx as jsx103, jsxs as jsxs47 } from "react/jsx-runtime";
-var ScrollTabsLayout = ({ tabs, onSelectTab, sectionClassName }) => {
-  const [selectedTabName, setSelectedTabName] = useState12(tabs[0].tabName);
-  const scrollContainerRef = useRef10(null);
-  const tabRefs = useRef10({});
-  const handleSelectTab = useCallback10(
-    (tabId) => {
-      scrollContainerRef.current?.scrollTo({
-        // @ts-expect-error noUncheckedIndexedAccess
-        top: tabRefs.current[tabId].offsetTop,
-        behavior: "smooth"
-      });
-      setSelectedTabName(tabId);
-      onSelectTab?.(tabId);
-    },
-    [onSelectTab]
-  );
-  useEffect9(() => {
-    const scrollContainer = scrollContainerRef.current;
-    const handleScroll = (e) => {
-      Object.entries(tabRefs.current).forEach(([tabName, tabRef]) => {
-        if (e.currentTarget?.scrollTop >= tabRef.offsetTop) {
-          setSelectedTabName(tabName);
-          onSelectTab?.(tabName);
-        }
-      });
-    };
-    scrollContainer?.addEventListener("scroll", handleScroll);
-    return () => {
-      scrollContainer?.removeEventListener("scroll", handleScroll);
-    };
-  });
-  return /* @__PURE__ */ jsxs47(Fragment15, { children: [
-    /* @__PURE__ */ jsx103(
-      Tabs,
-      {
-        currentTab: selectedTabName,
-        setCurrentTab: handleSelectTab,
-        tabs: tabs.map((tab) => ({ id: tab.tabName, label: tab.tabName }))
-      }
-    ),
-    /* @__PURE__ */ jsx103("hr", {}),
-    /* @__PURE__ */ jsxs47("div", { ref: scrollContainerRef, className: "relative h-screen overflow-y-auto", children: [
-      tabs.map((tab) => /* @__PURE__ */ jsx103(
-        "div",
-        {
-          ref: (el) => el ? tabRefs.current[tab.tabName] = el : void 0,
-          className: twJoin44("first:pt-4", sectionClassName),
-          children: tab.content
-        },
-        tab.tabName
-      )),
-      /* @__PURE__ */ jsx103("div", { className: "h-screen" })
-    ] })
-  ] });
-};
-
 // src/core/tabs/ComposableTabs.tsx
 import { Content as Content9, List as List2, Root as Root9 } from "@radix-ui/react-tabs";
 import { useId as useId4 } from "react";
-import { twJoin as twJoin45 } from "tailwind-merge";
-import { jsx as jsx104, jsxs as jsxs48 } from "react/jsx-runtime";
+import { twJoin as twJoin42 } from "tailwind-merge";
+import { jsx as jsx100, jsxs as jsxs47 } from "react/jsx-runtime";
 var [TabsProvider, useTabsContext] = createContextHelper();
 var ComposableTabsList = ({ className, containerClassName, extraNode }) => {
   const { tabs, currentTab, layoutId } = useTabsContext();
-  return /* @__PURE__ */ jsxs48("div", { className: twJoin45("flex gap-4", containerClassName), children: [
-    /* @__PURE__ */ jsx104(List2, { className: twJoin45("flex space-x-4 overflow-x-auto", className), children: tabs.map(({ id, label, disabled }) => /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsxs47("div", { className: twJoin42("flex gap-4", containerClassName), children: [
+    /* @__PURE__ */ jsx100(List2, { className: twJoin42("flex space-x-4 overflow-x-auto", className), children: tabs.map(({ id, label, disabled }) => /* @__PURE__ */ jsx100(
       TabsTrigger,
       {
         id,
@@ -4712,7 +4591,7 @@ var ComposableTabsList = ({ className, containerClassName, extraNode }) => {
   ] });
 };
 var ComposableTabContent = ({ id, ...rest }) => {
-  return /* @__PURE__ */ jsx104(Content9, { value: id, ...rest });
+  return /* @__PURE__ */ jsx100(Content9, { value: id, ...rest });
 };
 var ComposableAlwaysMountedTabContent = ({
   id,
@@ -4722,7 +4601,7 @@ var ComposableAlwaysMountedTabContent = ({
 }) => {
   const { currentTab } = useTabsContext();
   const visible = id === currentTab;
-  return /* @__PURE__ */ jsx104("div", { className: twJoin45(visible ? visibleClassName : "hidden", className), children });
+  return /* @__PURE__ */ jsx100("div", { className: twJoin42(visible ? visibleClassName : "hidden", className), children });
 };
 var ComposableTabsRoot = ({
   tabs,
@@ -4732,7 +4611,7 @@ var ComposableTabsRoot = ({
   children
 }) => {
   const layoutId = useId4();
-  return /* @__PURE__ */ jsx104(TabsProvider, { tabs, currentTab, layoutId, children: /* @__PURE__ */ jsx104(Root9, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children }) });
+  return /* @__PURE__ */ jsx100(TabsProvider, { tabs, currentTab, layoutId, children: /* @__PURE__ */ jsx100(Root9, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children }) });
 };
 var ComposableTabs = {
   Root: ComposableTabsRoot,
@@ -4744,53 +4623,24 @@ var ComposableTabs = {
 // src/core/tag/Tag.tsx
 import { faClose as faClose3 } from "@fortawesome/sharp-solid-svg-icons";
 import * as React14 from "react";
-import { jsx as jsx105, jsxs as jsxs49 } from "react/jsx-runtime";
-var TagLabel = ({ children, removable, onRemove, intent = "default", ...rest }, ref) => /* @__PURE__ */ jsxs49(Label, { ...rest, ref, intent, children: [
+import { jsx as jsx101, jsxs as jsxs48 } from "react/jsx-runtime";
+var TagLabel = ({ children, removable, onRemove, intent = "default", ...rest }, ref) => /* @__PURE__ */ jsxs48(Label, { ...rest, ref, intent, children: [
   children,
-  removable && /* @__PURE__ */ jsx105(
+  removable && /* @__PURE__ */ jsx101(
     "button",
     {
       className: "ml-1 inline-flex h-xs items-center px-1 text-muted hover:text-neutral focus:outline-hidden",
       onClick: onRemove,
-      children: /* @__PURE__ */ jsx105(Icon, { icon: faClose3 })
+      children: /* @__PURE__ */ jsx101(Icon, { icon: faClose3 })
     }
   )
 ] });
 var TagImpl = React14.forwardRef(TagLabel);
 var Tag = ({ tooltip, ...rest }) => {
   if (!tooltip) {
-    return /* @__PURE__ */ jsx105(TagImpl, { ...rest });
+    return /* @__PURE__ */ jsx101(TagImpl, { ...rest });
   }
-  return /* @__PURE__ */ jsx105(Tooltip, { trigger: /* @__PURE__ */ jsx105(TagImpl, { ...rest }), content: /* @__PURE__ */ jsx105("p", { className: "text-sm", children: tooltip }) });
-};
-
-// src/core/utils/useIsHovered.ts
-import { useEffect as useEffect10, useState as useState13 } from "react";
-var useIsHovered = (ref) => {
-  const [isHovered, setIsHovered] = useState13(false);
-  useEffect10(() => {
-    const handleMouseMove = () => {
-      if (ref.current?.matches(":hover")) {
-        setIsHovered(true);
-      } else {
-        setIsHovered(false);
-      }
-    };
-    const handleScroll = () => {
-      if (isHovered) {
-        setIsHovered(false);
-      }
-    };
-    window.addEventListener("mousemove", handleMouseMove);
-    if (isHovered) {
-      window.addEventListener("scroll", handleScroll, true);
-    }
-    return () => {
-      window.removeEventListener("mousemove", handleMouseMove);
-      window.removeEventListener("scroll", handleScroll, true);
-    };
-  }, [ref, isHovered]);
-  return isHovered;
+  return /* @__PURE__ */ jsx101(Tooltip, { trigger: /* @__PURE__ */ jsx101(TagImpl, { ...rest }), content: /* @__PURE__ */ jsx101("p", { className: "text-sm", children: tooltip }) });
 };
 export {
   AlertModal,
@@ -4834,7 +4684,6 @@ export {
   HeaderTile,
   HeaderTileGroup,
   Icon,
-  IndeterminateCheckbox,
   Input,
   InputBox,
   Label,
@@ -4851,7 +4700,6 @@ export {
   RadioButtonGroup,
   RadioButtonItem,
   ScreenHeightPageContainer,
-  ScrollTabsLayout,
   Select,
   SelectListItem,
   SelectWithUnselect,
@@ -4861,10 +4709,7 @@ export {
   Switch,
   TabGroup,
   Table,
-  TableCheckboxSkeleton,
-  TableSkeleton,
   Tabs,
-  TabsSkeleton,
   TabsTrigger,
   Tag,
   Text,
@@ -4887,9 +4732,6 @@ export {
   useDrawer,
   useDrawerResize,
   useForm,
-  useIntersectionObserver,
-  useIsHovered,
-  useOverflowObserver,
   useSwitchId,
   useTable,
   useUncontrolledField,