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

package/dist/index.js

@@ -54,7 +54,6 @@ __export(index_exports, {
   Drawer: () => Drawer,
   DrawerHeader: () => DrawerHeader,
   DrawerHeaderSkeleton: () => DrawerHeaderSkeleton,
-  DrawerStateContext: () => DrawerStateContext,
   DropdownChevron: () => DropdownChevron,
   EmptyState: () => EmptyState,
   ErrorText: () => ErrorText,
@@ -64,7 +63,6 @@ __export(index_exports, {
   FormInput: () => FormInput,
   FormMultiSelect: () => FormMultiSelect,
   FormPercentInput: () => FormPercentInput,
-  FormProvider: () => import_react_hook_form3.FormProvider,
   FormRadioButtonGroup: () => FormRadioButtonGroup,
   FormSelect: () => FormSelect,
   FormSwitch: () => FormSwitch,
@@ -76,14 +74,10 @@ __export(index_exports, {
   IndeterminateCheckbox: () => IndeterminateCheckbox,
   Input: () => Input,
   InputBox: () => InputBox,
-  IsEditingProvider: () => IsEditingProvider,
-  IsVisibleProvider: () => IsVisibleProvider,
   Label: () => Label,
   LoadingBar: () => LoadingBar,
   LoadingState: () => LoadingState,
   Menu: () => Menu,
-  MenuRoot: () => MenuRoot,
-  MenuSeparator: () => MenuSeparator,
   Modal: () => Modal,
   MultiSelect: () => MultiSelect,
   OverflowTooltip: () => OverflowTooltip,
@@ -91,7 +85,6 @@ __export(index_exports, {
   PercentInput: () => PercentInput,
   PhoneNumber: () => PhoneNumber,
   Popover: () => Popover,
-  RESPONSIVE_PADDING: () => RESPONSIVE_PADDING,
   RadioButtonGroup: () => RadioButtonGroup,
   RadioButtonItem: () => RadioButtonItem,
   ScreenHeightPageContainer: () => ScreenHeightPageContainer,
@@ -101,6 +94,7 @@ __export(index_exports, {
   SelectWithUnselect: () => SelectWithUnselect,
   Skeleton: () => Skeleton,
   Spinner: () => Spinner,
+  Stepper: () => Stepper,
   Switch: () => Switch,
   TabGroup: () => TabGroup,
   Table: () => Table,
@@ -112,57 +106,31 @@ __export(index_exports, {
   Tag: () => Tag,
   Text: () => Text,
   TextArea: () => TextArea,
-  TextAreaComp: () => TextAreaComp,
   Tooltip: () => Tooltip,
-  TooltipContent: () => TooltipContent,
   TwoCirclesSpinner: () => TwoCirclesSpinner,
   UncontrolledField: () => UncontrolledField,
   UncontrolledFieldProvider: () => UncontrolledFieldProvider,
   VirtualizedTable: () => VirtualizedTable,
-  bodyClassNames: () => bodyClassNames,
-  buttonStyles: () => buttonStyles,
-  copyToClipboard: () => copyToClipboard,
-  createContextHelper: () => createContextHelper,
-  createToggleContextHelper: () => createToggleContextHelper,
   doesSelectItemMatch: () => doesSelectItemMatch,
-  formatPhoneNumber: () => formatPhoneNumber,
-  formatPhoneNumberForDisplay: () => formatPhoneNumberForDisplay,
-  getCountry: () => import_react_international_phone.getCountry,
+  drawerSizes: () => drawerSizes,
   getFieldError: () => getFieldError,
-  getInitials: () => getInitials,
-  headerClassNames: () => headerClassNames,
-  inputBoxStyles: () => inputBoxStyles,
-  inputStyles: () => inputStyles,
-  isValidPhoneNumber: () => isValidPhoneNumber,
-  linkStyles: () => linkStyles,
-  localStoragePersist: () => localStoragePersist,
   tableVariants: () => tableVariants,
   useAsyncMultiSelect: () => useAsyncMultiSelect,
   useAsyncSelect: () => useAsyncSelect,
   useColumnResizing: () => useColumnResizing,
   useControlledField: () => useControlledField,
   useControlledFormField: () => useControlledFormField,
-  useController: () => import_react_hook_form3.useController,
   useCopyable: () => useCopyable,
-  useDebounce: () => useDebounce,
   useDrawer: () => useDrawer,
   useDrawerResize: () => useDrawerResize,
-  useFieldArray: () => import_react_hook_form3.useFieldArray,
   useForm: () => useForm,
-  useFormContext: () => import_react_hook_form3.useFormContext,
-  useFormState: () => import_react_hook_form3.useFormState,
   useIntersectionObserver: () => useIntersectionObserver,
-  useIsEditing: () => useIsEditing,
   useIsHovered: () => useIsHovered,
-  useIsVisible: () => useIsVisible,
   useOverflowObserver: () => useOverflowObserver,
   useSwitchId: () => useSwitchId,
-  useSyncState: () => useSyncState,
   useTable: () => useTable,
-  useToggle: () => useToggle,
   useUncontrolledField: () => useUncontrolledField,
-  useUncontrolledFormField: () => useUncontrolledFormField,
-  useWatch: () => import_react_hook_form3.useWatch
+  useUncontrolledFormField: () => useUncontrolledFormField
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -307,7 +275,6 @@ var React = __toESM(require("react"), 1);
 
 // src/core/button/buttonStyles.ts
 var import_tailwind_merge4 = require("tailwind-merge");
-var linkStyles = "text-indigo-600 hover:underline active:text-indigo-400 focus:outline-indigo-400 focus:outline-offset-2";
 var roundedMdStyles = {
   none: "",
   right: "rounded-r-md",
@@ -904,7 +871,7 @@ var Copyable = ({ children, value, tooltip, onClick, asChild, className }) => {
         children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children })
       }
     ),
-    tooltip && state === "idle" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TooltipContent, { side: "bottom", children: tooltip }),
+    tooltip && state === "idle" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Tooltip.Content, { side: "bottom", children: tooltip }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(RadixTooltip2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       RadixTooltip2.Content,
       {
@@ -1287,9 +1254,6 @@ var ErrorTextImpl = ({ className, ...props }, ref) => {
 };
 var ErrorText = (0, import_react11.forwardRef)(ErrorTextImpl);
 
-// src/core/form/index.ts
-var import_react_hook_form3 = require("react-hook-form");
-
 // src/core/form/components/ControlledField.tsx
 var import_react12 = require("react");
 
@@ -1678,7 +1642,7 @@ var DollarInput = (0, import_react20.forwardRef)(
         setStrValue(inputValue);
         return;
       }
-      if (inputValue.split(".")?.[1]?.length > 2) return;
+      if ((inputValue.split(".")?.[1]?.length ?? 0) > 2) return;
       const parsedValue = parseFloat(inputValue);
       if (!isNaN(parsedValue)) {
         setStrValue(inputValue);
@@ -1818,7 +1782,7 @@ var PercentInput = (0, import_react21.forwardRef)(
         setStrValue(inputValue);
         return;
       }
-      if (inputValue.split(".")?.[1]?.length > 2) return;
+      if ((inputValue.split(".")?.[1]?.length ?? 0) > 2) return;
       const parsedValue = parseFloat(inputValue);
       if (!isNaN(parsedValue)) {
         setStrValue(inputValue);
@@ -2308,10 +2272,13 @@ var AsyncMultiSelect = ({
     if (!allValuesHaveOptions) {
       return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "line-clamp-1", children: "Loading..." });
     }
-    const optionMatchingFirstVal = valueToOptionMap.get(value[0]) || {
-      label: value[0],
-      icon: void 0
-    };
+    const optionMatchingFirstVal = (
+      // @ts-expect-error noUncheckedIndexedAccess
+      valueToOptionMap.get(value[0]) || {
+        label: value[0],
+        icon: void 0
+      }
+    );
     const firstValText = optionMatchingFirstVal ? optionMatchingFirstVal.label : value[0];
     const icon = value.length === 1 ? optionMatchingFirstVal?.icon : void 0;
     return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
@@ -3107,26 +3074,6 @@ var import_react30 = require("react");
 var MIN_LEFT_SPACE = 240;
 var MIN_WIDTH_PCT = 0.5;
 var MIN_WIDTH_PX = 500;
-var constraintPct = (val) => Math.min(1, Math.max(0, val));
-var localStoragePersist = (key) => ({
-  load: () => {
-    try {
-      const val = localStorage.getItem(key);
-      if (val && !Number.isNaN(Number(val))) {
-        return constraintPct(Number(val));
-      }
-      return void 0;
-    } catch {
-      return void 0;
-    }
-  },
-  save: (size) => {
-    try {
-      localStorage.setItem(key, constraintPct(size).toString());
-    } catch {
-    }
-  }
-});
 var computeWidth = (pct) => window.innerWidth * pct;
 var computePct = (widthPx) => widthPx / window.innerWidth;
 var constrainedWidth = (width) => {
@@ -3902,48 +3849,28 @@ var PhoneNumber = ({
     }
   );
 };
-var formatPhoneNumber = (input) => {
-  if (!input) {
-    return input;
-  }
-  const digitsOnly = input.replace(/\D/g, "");
-  if (digitsOnly.length === 10) {
-    return `+1${digitsOnly}`;
-  }
-  if (digitsOnly.length === 11 && digitsOnly.startsWith("1")) {
-    return `+${digitsOnly}`;
-  }
-  return input;
-};
-var formatPhoneNumberForDisplay = (input) => {
-  if (!input) {
-    return input;
-  }
-  const digitsOnly = input.replace(/\D/g, "");
-  if (digitsOnly.length === 11 && digitsOnly.startsWith("1")) {
-    return `+1 (${digitsOnly.slice(1, 4)}) ${digitsOnly.slice(4, 7)}-${digitsOnly.slice(7)}`;
-  }
-  if (digitsOnly.length === 10) {
-    return `(${digitsOnly.slice(0, 3)}) ${digitsOnly.slice(3, 6)}-${digitsOnly.slice(6)}`;
-  }
-  return input;
-};
-var isValidPhoneNumber = (input) => {
-  if (!input) {
-    return false;
-  }
-  if (input.startsWith("+1")) {
-    return input.length === 12;
-  }
-  if (input.startsWith("1")) {
-    return input.length === 11;
-  }
-  return true;
-};
+
+// src/core/stepper/Stepper.tsx
+var import_tailwind_merge38 = require("tailwind-merge");
+var import_jsx_runtime94 = require("react/jsx-runtime");
+var StepItem = ({ label, step, isActive }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-3", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    "div",
+    {
+      className: (0, import_tailwind_merge38.twJoin)(
+        "flex size-6 items-center justify-center rounded-full",
+        isActive ? "bg-button-primary" : "bg-button-primary-disabled"
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text, { className: "text-white", children: step })
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text, { variant: "body-1", className: isActive ? "text-primary" : "text-indigo-200", children: label })
+] });
+var Stepper = ({ steps, currentStep, className }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: twMerge("flex items-center justify-center gap-5", className), children: steps.map((label, index) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(StepItem, { label, step: index + 1, isActive: index === currentStep }, label)) });
 
 // src/core/table/Table.tsx
 var import_react36 = require("react");
-var import_tailwind_merge40 = require("tailwind-merge");
+var import_tailwind_merge41 = require("tailwind-merge");
 
 // src/core/utils/useIntersectionObserver.ts
 var import_react35 = require("react");
@@ -3977,7 +3904,7 @@ var useIntersectionObserver = (options = {}) => {
 var import_sharp_solid_svg_icons19 = require("@fortawesome/sharp-solid-svg-icons");
 
 // src/core/table/TableRow.tsx
-var import_tailwind_merge38 = require("tailwind-merge");
+var import_tailwind_merge39 = require("tailwind-merge");
 
 // src/core/table/utils.ts
 var import_react_table = require("@tanstack/react-table");
@@ -4060,7 +3987,7 @@ var handleHeaderStyle = handleStyle;
 var handleCellStyle = handleStyle;
 
 // src/core/table/TableRow.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var TableRow = ({ table, rowClassName, cellClassName, row }) => {
   const hasRowClick = !!table.options.meta?.onRowClick;
   const isStaticSubRow = !!table.options.meta?.staticSubRows;
@@ -4070,18 +3997,18 @@ var TableRow = ({ table, rowClassName, cellClassName, row }) => {
     }
   };
   const cells = row.getVisibleCells();
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     "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: (0, import_tailwind_merge38.twJoin)(
+      className: (0, import_tailwind_merge39.twJoin)(
         "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__ */ (0, import_jsx_runtime94.jsx)(
+      children: cells.map((cell) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
         "td",
         {
           onClickCapture: hasRowClick ? (ev) => onRowClick(ev, row) : void 0,
@@ -4096,40 +4023,40 @@ var TableRow = ({ table, rowClassName, cellClassName, row }) => {
 };
 
 // src/core/table/TableBody.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("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__ */ (0, import_jsx_runtime95.jsx)("tbody", { className: rootClassName, children: Array.from({ length: 20 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("tbody", { className: rootClassName, children: Array.from({ length: 20 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         "tr",
         {
           className: "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-gray-200",
-          children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("td", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Skeleton, { className: "h-3 w-full" }) }, j))
+          children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("td", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Skeleton, { className: "h-3 w-full" }) }, j))
         },
         `skeleton-${i}`
       )) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("tbody", { className: rootClassName, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(EmptyRowsTd, { colSpan: table.getAllLeafColumns().length, emptyText: table.options.meta?.emptyText }) }),
+    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("tbody", { className: rootClassName, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(EmptyRowsTd, { colSpan: table.getAllLeafColumns().length, emptyText: table.options.meta?.emptyText }) }),
       afterRows
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("tbody", { className: rootClassName, children: [
-    rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TableRow, { ...props, table, row }, row.id)),
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("tbody", { className: rootClassName, children: [
+    rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TableRow, { ...props, table, row }, row.id)),
     afterRows
   ] });
 };
-var EmptyRowsTd = ({ emptyText = "No rows found", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("td", { ...props, className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("p", { className: "flex h-full min-h-12 w-full items-center justify-center gap-2 text-2xl/none text-placeholder", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon, { icon: import_sharp_solid_svg_icons19.faTable }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-base/none font-medium", children: emptyText })
+var EmptyRowsTd = ({ emptyText = "No rows found", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("td", { ...props, className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("p", { className: "flex h-full min-h-12 w-full items-center justify-center gap-2 text-2xl/none text-placeholder", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Icon, { icon: import_sharp_solid_svg_icons19.faTable }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-base/none font-medium", children: emptyText })
 ] }) });
 
 // src/core/table/TableHeader.tsx
 var import_sharp_solid_svg_icons20 = require("@fortawesome/sharp-solid-svg-icons");
-var import_tailwind_merge39 = require("tailwind-merge");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_tailwind_merge40 = require("tailwind-merge");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var TableHeader = ({
   table,
   variant,
@@ -4137,7 +4064,7 @@ var TableHeader = ({
   rowClassName,
   cellClassName
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("thead", { className: rootClassName, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("tr", { className: rowClassName, children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("thead", { className: rootClassName, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("tr", { className: rowClassName, children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     Th,
     {
       scope: "col",
@@ -4160,14 +4087,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__ */ (0, import_jsx_runtime96.jsx)(
+  const resizeHandle = canResize && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     "div",
     {
       onMouseDown: header.getResizeHandler(),
       onTouchStart: header.getResizeHandler(),
       onClick: (e) => e.stopPropagation(),
       "data-resizing": header.column.getIsResizing() ? "" : void 0,
-      className: (0, import_tailwind_merge39.twJoin)(
+      className: (0, import_tailwind_merge40.twJoin)(
         "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"
@@ -4175,54 +4102,54 @@ var Th = ({
     }
   );
   if (header.column.getIsSorted()) {
-    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
       "th",
       {
         ...props,
         "data-clickable": "ok",
         onClick: header.column.getToggleSortingHandler(),
-        className: (0, import_tailwind_merge39.twJoin)(props.className, canResize && "group relative"),
+        className: (0, import_tailwind_merge40.twJoin)(props.className, canResize && "group relative"),
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "ml-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(SortIcon, { dir: header.column.getIsSorted() }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "ml-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SortIcon, { dir: header.column.getIsSorted() }) }),
           resizeHandle
         ]
       }
     );
   }
   if (header.column.getCanSort()) {
-    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
       "th",
       {
         ...props,
         "data-clickable": "ok",
         onClick: header.column.getToggleSortingHandler(),
-        className: (0, import_tailwind_merge39.twJoin)(props.className, canResize && "group relative"),
+        className: (0, import_tailwind_merge40.twJoin)(props.className, canResize && "group relative"),
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "invisible ml-1.5 group-hover:visible", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(SortIcon, { dir: header.column.getNextSortingOrder() }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "invisible ml-1.5 group-hover:visible", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SortIcon, { dir: header.column.getNextSortingOrder() }) }),
           resizeHandle
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("th", { ...props, className: (0, import_tailwind_merge39.twJoin)(props.className, canResize && "group relative"), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("th", { ...props, className: (0, import_tailwind_merge40.twJoin)(props.className, canResize && "group relative"), children: [
     children,
     resizeHandle
   ] });
 };
 var SortIcon = ({ dir }) => {
   if (dir === "asc") {
-    return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Icon, { icon: import_sharp_solid_svg_icons20.faArrowUpWideShort });
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Icon, { icon: import_sharp_solid_svg_icons20.faArrowUpWideShort });
   }
   if (dir === "desc") {
-    return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Icon, { icon: import_sharp_solid_svg_icons20.faArrowDownWideShort });
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Icon, { icon: import_sharp_solid_svg_icons20.faArrowDownWideShort });
   }
   return null;
 };
 
 // src/core/table/Table.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var tableVariants = {
   default: "default",
   seamless: "seamless",
@@ -4287,63 +4214,63 @@ var Table = ({ variant = "default", loading: loadingProp, ...props }) => {
   const tableElementRef = props.table.options.meta?.tableElementRef ?? null;
   switch (variant) {
     case tableVariants.transparent:
-      return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "relative mb-auto min-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "relative mb-auto min-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
         "table",
         {
           ref: tableElementRef,
           "data-ui": uiLoading,
           style: resizeStyle,
-          className: (0, import_tailwind_merge40.twJoin)(
+          className: (0, import_tailwind_merge41.twJoin)(
             "min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none",
             resizeStyle && "overflow-clip"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
-            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
           ]
         }
       ) });
     case tableVariants.subtable:
-      return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "relative mb-auto min-w-full", children: [
-        showLoadingBar && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(LoadingBar, { className: "absolute top-0 right-0 left-0 z-10 h-1 rounded-none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "relative mb-auto min-w-full", children: [
+        showLoadingBar && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(LoadingBar, { className: "absolute top-0 right-0 left-0 z-10 h-1 rounded-none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
           "table",
           {
             ref: tableElementRef,
             "data-ui": uiLoading,
             style: resizeStyle,
-            className: (0, import_tailwind_merge40.twJoin)(
+            className: (0, import_tailwind_merge41.twJoin)(
               "min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none",
               resizeStyle && "overflow-clip"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
+              /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
+              /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
             ]
           }
         )
       ] });
     case tableVariants.seamless:
-      return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         "div",
         {
-          className: (0, import_tailwind_merge40.twJoin)(
+          className: (0, import_tailwind_merge41.twJoin)(
             "relative mb-auto rounded-md border bg-white",
             loading && coreRows.length === 0 ? "overflow-hidden" : "overflow-auto"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
             "table",
             {
               ref: tableElementRef,
               "data-ui": uiLoading,
               style: resizeStyle,
-              className: (0, import_tailwind_merge40.twJoin)(
+              className: (0, import_tailwind_merge41.twJoin)(
                 "relative min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none",
                 resizeStyle && "overflow-clip"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
-                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
+                /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
+                /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
               ]
             }
           )
@@ -4351,7 +4278,7 @@ var Table = ({ variant = "default", loading: loadingProp, ...props }) => {
       );
     case tableVariants.default:
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(DefaultTable, { ...props, loading, fetching });
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(DefaultTable, { ...props, loading, fetching });
   }
 };
 var DefaultTable = ({ table, loading, fetching }) => {
@@ -4368,37 +4295,37 @@ var DefaultTable = ({ table, loading, fetching }) => {
       infiniteScroll.fetchNextPage();
     }
   }, [entry?.isIntersecting, infiniteScroll]);
-  const skeletonRows = infiniteScroll?.hasNextPage ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("tr", { className: "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-gray-200", children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("td", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Skeleton, { className: "h-3 w-full" }) }, j)) }, `skeleton-${i}`)) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+  const skeletonRows = infiniteScroll?.hasNextPage ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("tr", { className: "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-gray-200", children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("td", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Skeleton, { className: "h-3 w-full" }) }, j)) }, `skeleton-${i}`)) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
     "div",
     {
-      className: (0, import_tailwind_merge40.twJoin)(
+      className: (0, import_tailwind_merge41.twJoin)(
         "relative mb-auto rounded-md border bg-white",
-        coreRows.length === 0 ? (0, import_tailwind_merge40.twJoin)("h-full min-h-0", loading ? "overflow-hidden" : "overflow-auto") : "max-h-full min-h-0 overflow-auto"
+        coreRows.length === 0 ? (0, import_tailwind_merge41.twJoin)("h-full min-h-0", loading ? "overflow-hidden" : "overflow-auto") : "max-h-full min-h-0 overflow-auto"
       ),
       children: [
-        showLoadingBar && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(LoadingBar, { className: "sticky top-0 right-0 left-0 z-10 -mb-1 h-1 rounded-none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+        showLoadingBar && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(LoadingBar, { className: "sticky top-0 right-0 left-0 z-10 -mb-1 h-1 rounded-none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
           "table",
           {
             ref: tableElementRef,
             "data-ui": uiLoading,
             style: resizeStyle,
-            className: (0, import_tailwind_merge40.twJoin)(
+            className: (0, import_tailwind_merge41.twJoin)(
               "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__ */ (0, import_jsx_runtime97.jsx)(TableHeader, { table, variant: "default", ...headerClassNames("default") }),
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TableHeader, { table, variant: "default", ...headerClassNames("default") }),
+              /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                 TableBody,
                 {
                   table,
                   ...bodyClassNames("default"),
                   loading,
-                  afterRows: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-                    infiniteScroll?.hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("tr", { ref: sentinelRef, "aria-hidden": "true", style: { height: 0, border: "none", padding: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("td", { colSpan: colCount, style: { height: 0, border: "none", padding: 0 } }) }),
+                  afterRows: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+                    infiniteScroll?.hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("tr", { ref: sentinelRef, "aria-hidden": "true", style: { height: 0, border: "none", padding: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("td", { colSpan: colCount, style: { height: 0, border: "none", padding: 0 } }) }),
                     skeletonRows
                   ] })
                 }
@@ -4414,8 +4341,8 @@ var DefaultTable = ({ table, loading, fetching }) => {
 // src/core/table/VirtualizedTable.tsx
 var import_react_virtual = require("@tanstack/react-virtual");
 var import_react37 = require("react");
-var import_tailwind_merge41 = require("tailwind-merge");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_tailwind_merge42 = require("tailwind-merge");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var DEFAULT_ROW_HEIGHT = 37;
 var DEFAULT_OVERSCAN = 5;
 var VirtualizedTable = ({
@@ -4451,48 +4378,48 @@ var VirtualizedTable = ({
       infiniteScroll.fetchNextPage();
     }
   }, [virtualRows, rows.length, infiniteScroll]);
-  const skeletonRows = infiniteScroll?.hasNextPage ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("tr", { className: "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-gray-200", children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("td", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Skeleton, { className: "h-3 w-full" }) }, j)) }, `skeleton-${i}`)) : null;
+  const skeletonRows = infiniteScroll?.hasNextPage ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("tr", { className: "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-gray-200", children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("td", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(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);
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
     "div",
     {
       ref: scrollRef,
-      className: (0, import_tailwind_merge41.twJoin)(
+      className: (0, import_tailwind_merge42.twJoin)(
         "relative mb-auto",
-        isSubtable ? "min-w-full" : (0, import_tailwind_merge41.twJoin)(
+        isSubtable ? "min-w-full" : (0, import_tailwind_merge42.twJoin)(
           "rounded-md border bg-white",
-          coreRows.length === 0 ? (0, import_tailwind_merge41.twJoin)("h-full", loading ? "overflow-hidden" : "overflow-auto overscroll-none") : "max-h-full min-h-0 overflow-auto overscroll-none"
+          coreRows.length === 0 ? (0, import_tailwind_merge42.twJoin)("h-full", loading ? "overflow-hidden" : "overflow-auto overscroll-none") : "max-h-full min-h-0 overflow-auto overscroll-none"
         )
       ),
       children: [
-        showLoadingBar && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        showLoadingBar && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           LoadingBar,
           {
-            className: (0, import_tailwind_merge41.twJoin)("top-0 right-0 left-0 z-10 h-1 rounded-none", isSubtable ? "absolute" : "sticky -mb-1")
+            className: (0, import_tailwind_merge42.twJoin)("top-0 right-0 left-0 z-10 h-1 rounded-none", isSubtable ? "absolute" : "sticky -mb-1")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
           "table",
           {
             ref: tableElementRef,
             "data-ui": uiLoading,
             style: resizeStyle,
-            className: (0, import_tailwind_merge41.twJoin)(
+            className: (0, import_tailwind_merge42.twJoin)(
               "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__ */ (0, import_jsx_runtime98.jsx)(TableHeader, { table, variant, ...headerClassNames(variant) }),
-              rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TableBody, { table, ...bodyClassNames(variant), loading }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("tbody", { className: bodyRootClassName, children: [
-                paddingTop > 0 && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("tr", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("td", { colSpan: colCount, style: { height: paddingTop, padding: 0, border: "none" } }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(TableHeader, { table, variant, ...headerClassNames(variant) }),
+              rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(TableBody, { table, ...bodyClassNames(variant), loading }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("tbody", { className: bodyRootClassName, children: [
+                paddingTop > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("tr", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("td", { colSpan: colCount, style: { height: paddingTop, padding: 0, border: "none" } }) }),
                 virtualRows.map((virtualRow) => {
                   const row = rows[virtualRow.index];
-                  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TableRow, { table, row, ...bodyRowCellClassNames }, row.id);
+                  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(TableRow, { table, row, ...bodyRowCellClassNames }, row.id);
                 }),
-                paddingBottom > 0 && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("tr", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("td", { colSpan: colCount, style: { height: paddingBottom, padding: 0, border: "none" } }) }),
+                paddingBottom > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("tr", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("td", { colSpan: colCount, style: { height: paddingBottom, padding: 0, border: "none" } }) }),
                 skeletonRows
               ] })
             ]
@@ -4671,8 +4598,8 @@ var useColumnResizing = (options) => {
 var import_react_toggle_group = require("@radix-ui/react-toggle-group");
 var import_react40 = require("motion/react");
 var import_react41 = require("react");
-var import_tailwind_merge42 = require("tailwind-merge");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_tailwind_merge43 = require("tailwind-merge");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var TabGroup = ({
   tabs,
   currentTab,
@@ -4680,7 +4607,7 @@ var TabGroup = ({
   size = "md"
 }) => {
   const layoutId = (0, import_react41.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     import_react_toggle_group.ToggleGroup,
     {
       type: "single",
@@ -4688,17 +4615,17 @@ var TabGroup = ({
       onValueChange: (value) => {
         if (value) setCurrentTab(value);
       },
-      className: (0, import_tailwind_merge42.twJoin)(
+      className: (0, import_tailwind_merge43.twJoin)(
         "flex w-full justify-between gap-1 rounded-lg border border-surface-neutral bg-surface-light",
         size === "sm" ? "p-1" : "p-0.5"
       ),
-      children: tabs.map(({ id, label, disabled }, index) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_react41.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+      children: tabs.map(({ id, label, disabled }, index) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_react41.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
           import_react_toggle_group.ToggleGroupItem,
           {
             value: id,
             disabled,
-            className: (0, import_tailwind_merge42.twJoin)(
+            className: (0, import_tailwind_merge43.twJoin)(
               "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",
@@ -4708,7 +4635,7 @@ var TabGroup = ({
               size === "sm" ? "px-1.5 py-1" : "px-2 py-1"
             ),
             children: [
-              id === currentTab && !disabled && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+              id === currentTab && !disabled && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                 import_react40.motion.span,
                 {
                   layoutId,
@@ -4716,11 +4643,11 @@ var TabGroup = ({
                   transition: { type: "spring", stiffness: 500, damping: 40 }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "relative z-1", children: label })
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "relative z-1", children: label })
             ]
           }
         ),
-        index !== tabs.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "z-2 my-1 flex w-px bg-gray-300" })
+        index !== tabs.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "z-2 my-1 flex w-px bg-gray-300" })
       ] }, id))
     }
   );
@@ -4729,12 +4656,12 @@ var TabGroup = ({
 // src/core/tabs/Tabs.tsx
 var import_react_tabs2 = require("@radix-ui/react-tabs");
 var import_react43 = require("react");
-var import_tailwind_merge43 = require("tailwind-merge");
+var import_tailwind_merge44 = require("tailwind-merge");
 
 // src/core/tabs/Trigger.tsx
 var import_react_tabs = require("@radix-ui/react-tabs");
 var import_react42 = require("motion/react");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var TabsTrigger = ({
   id,
   label,
@@ -4744,7 +4671,7 @@ var TabsTrigger = ({
   className,
   isActive,
   layoutId
-}) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
   import_react_tabs.Trigger,
   {
     className: twMerge(
@@ -4756,8 +4683,8 @@ var TabsTrigger = ({
     "fs-id": fsId,
     children: [
       label,
-      extra && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: extra }),
-      isActive && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      extra && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { children: extra }),
+      isActive && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         import_react42.motion.span,
         {
           layoutId,
@@ -4770,7 +4697,7 @@ var TabsTrigger = ({
 );
 
 // src/core/tabs/Tabs.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var [Provider2, useContext6] = createContextHelper();
 var Tabs = ({
   tabs,
@@ -4784,9 +4711,9 @@ var Tabs = ({
   extraNode
 }) => {
   const layoutId = (0, import_react43.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Provider2, { currentTab, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_react_tabs2.Root, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: (0, import_tailwind_merge43.twJoin)("flex gap-4", tabsListContainerClassName), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_tabs2.List, { className: (0, import_tailwind_merge43.twJoin)("flex space-x-4 overflow-x-auto", tabsListClassName), children: tabs.map(({ id, label, disabled, fsId }) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Provider2, { currentTab, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_react_tabs2.Root, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: (0, import_tailwind_merge44.twJoin)("flex gap-4", tabsListContainerClassName), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_tabs2.List, { className: (0, import_tailwind_merge44.twJoin)("flex space-x-4 overflow-x-auto pb-0.5", tabsListClassName), children: tabs.map(({ id, label, disabled, fsId }) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
         TabsTrigger,
         {
           id,
@@ -4805,7 +4732,7 @@ var Tabs = ({
   ] }) });
 };
 var TabContent = ({ id, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_tabs2.Content, { value: id, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_tabs2.Content, { value: id, ...rest });
 };
 var AlwaysMountedTabContent = ({
   id,
@@ -4815,15 +4742,15 @@ var AlwaysMountedTabContent = ({
 }) => {
   const { currentTab } = useContext6();
   const visible = id === currentTab;
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: (0, import_tailwind_merge43.twJoin)(visible ? visibleClassName : "hidden", className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: (0, import_tailwind_merge44.twJoin)(visible ? visibleClassName : "hidden", className), children });
 };
 Tabs.TabContent = TabContent;
 Tabs.AlwaysMountedTabContent = AlwaysMountedTabContent;
 
 // src/core/tabs/ScrollTabsLayout.tsx
 var import_react44 = require("react");
-var import_tailwind_merge44 = require("tailwind-merge");
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_tailwind_merge45 = require("tailwind-merge");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var ScrollTabsLayout = ({ tabs, onSelectTab, sectionClassName }) => {
   const [selectedTabName, setSelectedTabName] = (0, import_react44.useState)(tabs[0].tabName);
   const scrollContainerRef = (0, import_react44.useRef)(null);
@@ -4831,6 +4758,7 @@ var ScrollTabsLayout = ({ tabs, onSelectTab, sectionClassName }) => {
   const handleSelectTab = (0, import_react44.useCallback)(
     (tabId) => {
       scrollContainerRef.current?.scrollTo({
+        // @ts-expect-error noUncheckedIndexedAccess
         top: tabRefs.current[tabId].offsetTop,
         behavior: "smooth"
       });
@@ -4854,8 +4782,8 @@ var ScrollTabsLayout = ({ tabs, onSelectTab, sectionClassName }) => {
       scrollContainer?.removeEventListener("scroll", handleScroll);
     };
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       Tabs,
       {
         currentTab: selectedTabName,
@@ -4863,18 +4791,18 @@ var ScrollTabsLayout = ({ tabs, onSelectTab, sectionClassName }) => {
         tabs: tabs.map((tab) => ({ id: tab.tabName, label: tab.tabName }))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("hr", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { ref: scrollContainerRef, className: "relative h-screen overflow-y-auto", children: [
-      tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("hr", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { ref: scrollContainerRef, className: "relative h-screen overflow-y-auto", children: [
+      tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         "div",
         {
           ref: (el) => el ? tabRefs.current[tab.tabName] = el : void 0,
-          className: (0, import_tailwind_merge44.twJoin)("first:pt-4", sectionClassName),
+          className: (0, import_tailwind_merge45.twJoin)("first:pt-4", sectionClassName),
           children: tab.content
         },
         tab.tabName
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "h-screen" })
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "h-screen" })
     ] })
   ] });
 };
@@ -4882,13 +4810,13 @@ var ScrollTabsLayout = ({ tabs, onSelectTab, sectionClassName }) => {
 // src/core/tabs/ComposableTabs.tsx
 var import_react_tabs3 = require("@radix-ui/react-tabs");
 var import_react45 = require("react");
-var import_tailwind_merge45 = require("tailwind-merge");
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_tailwind_merge46 = require("tailwind-merge");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var [TabsProvider, useTabsContext] = createContextHelper();
 var ComposableTabsList = ({ className, containerClassName, extraNode }) => {
   const { tabs, currentTab, layoutId } = useTabsContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: (0, import_tailwind_merge45.twJoin)("flex gap-4", containerClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_tabs3.List, { className: (0, import_tailwind_merge45.twJoin)("flex space-x-4 overflow-x-auto", className), children: tabs.map(({ id, label, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: (0, import_tailwind_merge46.twJoin)("flex gap-4", containerClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_tabs3.List, { className: (0, import_tailwind_merge46.twJoin)("flex space-x-4 overflow-x-auto", className), children: tabs.map(({ id, label, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
       TabsTrigger,
       {
         id,
@@ -4903,7 +4831,7 @@ var ComposableTabsList = ({ className, containerClassName, extraNode }) => {
   ] });
 };
 var ComposableTabContent = ({ id, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_tabs3.Content, { value: id, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_tabs3.Content, { value: id, ...rest });
 };
 var ComposableAlwaysMountedTabContent = ({
   id,
@@ -4913,7 +4841,7 @@ var ComposableAlwaysMountedTabContent = ({
 }) => {
   const { currentTab } = useTabsContext();
   const visible = id === currentTab;
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: (0, import_tailwind_merge45.twJoin)(visible ? visibleClassName : "hidden", className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: (0, import_tailwind_merge46.twJoin)(visible ? visibleClassName : "hidden", className), children });
 };
 var ComposableTabsRoot = ({
   tabs,
@@ -4923,7 +4851,7 @@ var ComposableTabsRoot = ({
   children
 }) => {
   const layoutId = (0, import_react45.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TabsProvider, { tabs, currentTab, layoutId, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_tabs3.Root, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TabsProvider, { tabs, currentTab, layoutId, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_tabs3.Root, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children }) });
 };
 var ComposableTabs = {
   Root: ComposableTabsRoot,
@@ -4935,24 +4863,24 @@ var ComposableTabs = {
 // src/core/tag/Tag.tsx
 var import_sharp_solid_svg_icons21 = require("@fortawesome/sharp-solid-svg-icons");
 var React14 = __toESM(require("react"), 1);
-var import_jsx_runtime104 = require("react/jsx-runtime");
-var TagLabel = ({ children, removable, onRemove, intent = "default", ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Label, { ...rest, ref, intent, children: [
+var import_jsx_runtime105 = require("react/jsx-runtime");
+var TagLabel = ({ children, removable, onRemove, intent = "default", ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Label, { ...rest, ref, intent, children: [
   children,
-  removable && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  removable && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     "button",
     {
       className: "ml-1 inline-flex h-xs items-center px-1 text-muted hover:text-neutral focus:outline-hidden",
       onClick: onRemove,
-      children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Icon, { icon: import_sharp_solid_svg_icons21.faClose })
+      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Icon, { icon: import_sharp_solid_svg_icons21.faClose })
     }
   )
 ] });
 var TagImpl = React14.forwardRef(TagLabel);
 var Tag = ({ tooltip, ...rest }) => {
   if (!tooltip) {
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TagImpl, { ...rest });
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(TagImpl, { ...rest });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Tooltip, { trigger: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TagImpl, { ...rest }), content: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "text-sm", children: tooltip }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Tooltip, { trigger: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(TagImpl, { ...rest }), content: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "text-sm", children: tooltip }) });
 };
 
 // src/core/utils/useIsHovered.ts
@@ -5009,7 +4937,6 @@ var useIsHovered = (ref) => {
   Drawer,
   DrawerHeader,
   DrawerHeaderSkeleton,
-  DrawerStateContext,
   DropdownChevron,
   EmptyState,
   ErrorText,
@@ -5019,7 +4946,6 @@ var useIsHovered = (ref) => {
   FormInput,
   FormMultiSelect,
   FormPercentInput,
-  FormProvider,
   FormRadioButtonGroup,
   FormSelect,
   FormSwitch,
@@ -5031,14 +4957,10 @@ var useIsHovered = (ref) => {
   IndeterminateCheckbox,
   Input,
   InputBox,
-  IsEditingProvider,
-  IsVisibleProvider,
   Label,
   LoadingBar,
   LoadingState,
   Menu,
-  MenuRoot,
-  MenuSeparator,
   Modal,
   MultiSelect,
   OverflowTooltip,
@@ -5046,7 +4968,6 @@ var useIsHovered = (ref) => {
   PercentInput,
   PhoneNumber,
   Popover,
-  RESPONSIVE_PADDING,
   RadioButtonGroup,
   RadioButtonItem,
   ScreenHeightPageContainer,
@@ -5056,6 +4977,7 @@ var useIsHovered = (ref) => {
   SelectWithUnselect,
   Skeleton,
   Spinner,
+  Stepper,
   Switch,
   TabGroup,
   Table,
@@ -5067,56 +4989,30 @@ var useIsHovered = (ref) => {
   Tag,
   Text,
   TextArea,
-  TextAreaComp,
   Tooltip,
-  TooltipContent,
   TwoCirclesSpinner,
   UncontrolledField,
   UncontrolledFieldProvider,
   VirtualizedTable,
-  bodyClassNames,
-  buttonStyles,
-  copyToClipboard,
-  createContextHelper,
-  createToggleContextHelper,
   doesSelectItemMatch,
-  formatPhoneNumber,
-  formatPhoneNumberForDisplay,
-  getCountry,
+  drawerSizes,
   getFieldError,
-  getInitials,
-  headerClassNames,
-  inputBoxStyles,
-  inputStyles,
-  isValidPhoneNumber,
-  linkStyles,
-  localStoragePersist,
   tableVariants,
   useAsyncMultiSelect,
   useAsyncSelect,
   useColumnResizing,
   useControlledField,
   useControlledFormField,
-  useController,
   useCopyable,
-  useDebounce,
   useDrawer,
   useDrawerResize,
-  useFieldArray,
   useForm,
-  useFormContext,
-  useFormState,
   useIntersectionObserver,
-  useIsEditing,
   useIsHovered,
-  useIsVisible,
   useOverflowObserver,
   useSwitchId,
-  useSyncState,
   useTable,
-  useToggle,
   useUncontrolledField,
-  useUncontrolledFormField,
-  useWatch
+  useUncontrolledFormField
 });
 //# sourceMappingURL=index.js.map