@candidhealth/react-vitals 1.0.0-alpha.4 → 1.0.0-alpha.6

package/dist/index.js

@@ -86,11 +86,14 @@ __export(index_exports, {
   Modal: () => Modal,
   MultiSelect: () => MultiSelect,
   OverflowTooltip: () => OverflowTooltip,
+  PageContainer: () => PageContainer,
   PercentInput: () => PercentInput,
   PhoneNumber: () => PhoneNumber,
   Popover: () => Popover,
+  RESPONSIVE_PADDING: () => RESPONSIVE_PADDING,
   RadioButtonGroup: () => RadioButtonGroup,
   RadioButtonItem: () => RadioButtonItem,
+  ScreenHeightPageContainer: () => ScreenHeightPageContainer,
   ScrollTabsLayout: () => ScrollTabsLayout,
   Select: () => Select,
   SelectListItem: () => SelectListItem,
@@ -534,7 +537,7 @@ var AvatarGroup = ({ items, maxVisible = 3, overflowTitle, size = "md" }) => {
 };
 
 // src/core/callout/Callout.tsx
-var import_sharp_solid_svg_icons = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons = require("@fortawesome/free-solid-svg-icons");
 var import_tailwind_merge8 = require("tailwind-merge");
 
 // src/core/icon/Icon.tsx
@@ -563,10 +566,10 @@ var calloutBorderStyles = {
   danger: "border-[1px] border-red-100"
 };
 var calloutIcons = {
-  default: import_sharp_solid_svg_icons.faInfoCircle,
-  warning: import_sharp_solid_svg_icons.faExclamationTriangle,
-  primary: import_sharp_solid_svg_icons.faDiamond,
-  danger: import_sharp_solid_svg_icons.faCircle
+  default: import_free_solid_svg_icons.faCircleInfo,
+  warning: import_free_solid_svg_icons.faTriangleExclamation,
+  primary: import_free_solid_svg_icons.faDiamond,
+  danger: import_free_solid_svg_icons.faCircle
 };
 var Callout = ({
   title,
@@ -648,7 +651,7 @@ var IndeterminateCheckbox = ({
 };
 
 // src/core/collapsible/Collapsible.tsx
-var import_sharp_solid_svg_icons2 = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons2 = require("@fortawesome/free-solid-svg-icons");
 var import_react_collapsible = require("@radix-ui/react-collapsible");
 var import_react4 = require("react");
 var import_tailwind_merge11 = require("tailwind-merge");
@@ -674,9 +677,9 @@ var Collapsible = ({
         asChild: true,
         className: (0, import_tailwind_merge11.twMerge)("flex cursor-pointer items-center gap-2 font-medium text-muted", triggerClassName),
         children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
-          !hideIcon && iconPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "min-w-3.5", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: isOpen ? import_sharp_solid_svg_icons2.faChevronDown : import_sharp_solid_svg_icons2.faChevronRight }) }),
+          !hideIcon && iconPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "min-w-3.5", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: isOpen ? import_free_solid_svg_icons2.faChevronDown : import_free_solid_svg_icons2.faChevronRight }) }),
           title,
-          !hideIcon && iconPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "min-w-3.5", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: isOpen ? import_sharp_solid_svg_icons2.faChevronDown : import_sharp_solid_svg_icons2.faChevronRight }) })
+          !hideIcon && iconPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "min-w-3.5", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: isOpen ? import_free_solid_svg_icons2.faChevronDown : import_free_solid_svg_icons2.faChevronRight }) })
         ] })
       }
     ),
@@ -685,7 +688,7 @@ var Collapsible = ({
 };
 
 // src/core/collapsible-section/CollapsibleSection.tsx
-var import_sharp_solid_svg_icons3 = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons3 = require("@fortawesome/free-solid-svg-icons");
 var import_react_slot = require("@radix-ui/react-slot");
 var import_tailwind_merge12 = require("tailwind-merge");
 
@@ -746,7 +749,7 @@ var import_jsx_runtime16 = require("react/jsx-runtime");
 var ToggleButton = ({ children, ...rest }) => {
   const { state: isVisible, toggle } = useIsVisible();
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_slot.Slot, { onClick: toggle, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Button, { variant: "transparent", size: "xs", ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: (0, import_tailwind_merge12.twJoin)("transition-transform", !isVisible && "-rotate-90"), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { icon: import_sharp_solid_svg_icons3.faChevronDown }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: (0, import_tailwind_merge12.twJoin)("transition-transform", !isVisible && "-rotate-90"), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { icon: import_free_solid_svg_icons3.faChevronDown }) }),
     children
   ] }) });
 };
@@ -762,7 +765,7 @@ CollapsibleSection.ToggleButton = ToggleButton;
 CollapsibleSection.Content = Content4;
 
 // src/core/copyable/Copyable.tsx
-var import_sharp_solid_svg_icons4 = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons4 = require("@fortawesome/free-solid-svg-icons");
 var RadixTooltip2 = __toESM(require("@radix-ui/react-tooltip"), 1);
 var import_tailwind_merge13 = require("tailwind-merge");
 
@@ -843,7 +846,7 @@ var Copyable = ({ children, value, tooltip, onClick, asChild, className }) => {
           "z-101 grid h-6 w-6 place-items-center rounded-sm bg-white shadow-lg",
           state !== "copying" && "animate-fade-in"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: state === "copied" ? "text-green-500" : "text-muted", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { icon: state === "copied" ? import_sharp_solid_svg_icons4.faCheck : import_sharp_solid_svg_icons4.faCopy }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: state === "copied" ? "text-green-500" : "text-muted", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { icon: state === "copied" ? import_free_solid_svg_icons4.faCheck : import_free_solid_svg_icons4.faCopy }) })
       }
     ) })
   ] });
@@ -854,7 +857,7 @@ var import_react8 = require("react");
 var import_react_datepicker = __toESM(require("react-datepicker"), 1);
 
 // src/core/date-picker/DatePickerHeader.tsx
-var import_sharp_solid_svg_icons5 = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons5 = require("@fortawesome/free-solid-svg-icons");
 var import_date_fns = require("date-fns");
 var import_lodash_es = require("lodash-es");
 var import_jsx_runtime18 = require("react/jsx-runtime");
@@ -884,7 +887,7 @@ var DatePickerHeader = ({
 }) => {
   const datePickerContainer = document.querySelector(".react-datepicker") ?? void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "space-y-2 p-2", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { onClick: decreaseMonth, disabled: prevMonthButtonDisabled, variant: "transparent", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { icon: import_sharp_solid_svg_icons5.faChevronLeft }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { onClick: decreaseMonth, disabled: prevMonthButtonDisabled, variant: "transparent", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { icon: import_free_solid_svg_icons5.faChevronLeft }) }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       Select,
       {
@@ -909,12 +912,12 @@ var DatePickerHeader = ({
         items: years.map((year) => ({ label: year.toString(), value: year.toString() }))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { onClick: increaseMonth, disabled: nextMonthButtonDisabled, variant: "transparent", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { icon: import_sharp_solid_svg_icons5.faChevronRight }) })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { onClick: increaseMonth, disabled: nextMonthButtonDisabled, variant: "transparent", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { icon: import_free_solid_svg_icons5.faChevronRight }) })
   ] }) });
 };
 
 // src/core/date-picker/shared.tsx
-var import_sharp_solid_svg_icons6 = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons6 = require("@fortawesome/free-solid-svg-icons");
 
 // src/core/date-picker/DatePickerInput.tsx
 var import_react5 = require("react");
@@ -966,7 +969,7 @@ var customInputFieldFactory = ({
     inputProps,
     errorNode,
     hasError,
-    rightAction: isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-disabled", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { icon: import_sharp_solid_svg_icons6.faCalendar }) }) : !disabled ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { size: "xs", onClick: onClearInput, variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-muted", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { icon: import_sharp_solid_svg_icons6.faXmark }) }) }) : null
+    rightAction: isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-disabled", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { icon: import_free_solid_svg_icons6.faCalendar }) }) : !disabled ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { size: "xs", onClick: onClearInput, variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-muted", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { icon: import_free_solid_svg_icons6.faXmark }) }) }) : null
   }
 );
 
@@ -1366,7 +1369,7 @@ var FieldDescription = ({ styles, children }) => {
 };
 
 // src/core/form/components/form-item/FieldErrorMessage.tsx
-var import_sharp_solid_svg_icons7 = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons7 = require("@fortawesome/free-solid-svg-icons");
 
 // src/core/overflow-tooltip/OverflowTooltip.tsx
 var import_jsx_runtime33 = require("react/jsx-runtime");
@@ -1394,7 +1397,7 @@ var FieldErrorMessage = ({ error }) => {
   }
   const message = handleErrorOrErrorArrayMessage(error);
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex h-4.5 items-center gap-x-1 pt-0.5 text-sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-red-400", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { icon: import_sharp_solid_svg_icons7.faExclamationCircle }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-red-400", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { icon: import_free_solid_svg_icons7.faCircleExclamation }) }),
     /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       OverflowTooltip,
       {
@@ -1406,7 +1409,7 @@ var FieldErrorMessage = ({ error }) => {
 };
 
 // src/core/form/components/form-item/FieldLabelWithTooltip.tsx
-var import_sharp_solid_svg_icons8 = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons8 = require("@fortawesome/free-solid-svg-icons");
 var import_tailwind_merge20 = require("tailwind-merge");
 
 // src/core/form/components/form-item/FieldLabel.tsx
@@ -1433,7 +1436,7 @@ var FieldLabelWithTooltip = ({ styles, htmlFor, label, options }) => {
       {
         content: options?.tooltip,
         trigger: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "inline-flex items-baseline space-x-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "leading-none", children: options.tooltipIcon ? options.tooltipIcon : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-muted", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { icon: import_sharp_solid_svg_icons8.faQuestionCircle }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "leading-none", children: options.tooltipIcon ? options.tooltipIcon : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-muted", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { icon: import_free_solid_svg_icons8.faCircleQuestion }) }) }),
           options?.tooltipLabel && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "font-normal text-muted", children: options?.tooltipLabel })
         ] })
       }
@@ -1557,7 +1560,7 @@ var FormInput = ({
 );
 
 // src/core/form/components/FormDollarInput.tsx
-var import_sharp_solid_svg_icons9 = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons9 = require("@fortawesome/free-solid-svg-icons");
 var import_react19 = require("react");
 var import_tailwind_merge23 = require("tailwind-merge");
 
@@ -1646,7 +1649,7 @@ var DollarInput = (0, import_react19.forwardRef)(
                   "flex h-md w-9.5 items-center justify-center rounded-l-md border-y border-l px-2.5 text-sm text-muted",
                   hasError ? "border-red-300 bg-red-200 text-red-700" : hasWarning ? "border-yellow-300 bg-surface-warning text-warning" : hasSuccess ? "border-green-300 bg-surface-success text-success" : "border-surface-neutral bg-surface-neutral"
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: import_sharp_solid_svg_icons9.faDollarSign })
+                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: import_free_solid_svg_icons9.faDollarSign })
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
@@ -1670,15 +1673,15 @@ var DollarInput = (0, import_react19.forwardRef)(
         }
       ),
       hasWarning && message && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Text, { as: "span", variant: "body-2", className: "flex items-center gap-1 text-warning", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: import_sharp_solid_svg_icons9.faExclamationTriangle }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: import_free_solid_svg_icons9.faTriangleExclamation }),
         message
       ] }),
       hasError && message && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Text, { as: "span", variant: "body-2", className: "flex items-center gap-1 text-red-700", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: import_sharp_solid_svg_icons9.faExclamationCircle }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: import_free_solid_svg_icons9.faCircleExclamation }),
         message
       ] }),
       hasSuccess && message && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-1 text-sm font-normal text-success", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: import_sharp_solid_svg_icons9.faCheckCircle }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: import_free_solid_svg_icons9.faCircleCheck }),
         message
       ] })
     ] });
@@ -1720,7 +1723,7 @@ var FormDollarInput = (0, import_react19.forwardRef)(
 );
 
 // src/core/form/components/FormPercentInput.tsx
-var import_sharp_solid_svg_icons10 = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons10 = require("@fortawesome/free-solid-svg-icons");
 var import_react20 = require("react");
 var import_tailwind_merge24 = require("tailwind-merge");
 var import_jsx_runtime43 = require("react/jsx-runtime");
@@ -1786,7 +1789,7 @@ var PercentInput = (0, import_react20.forwardRef)(
                   "flex h-md w-9.5 items-center justify-center rounded-l-md border-y border-l px-2.5 text-sm text-muted",
                   hasError ? "border-red-300 bg-red-200 text-red-700" : hasWarning ? "border-yellow-300 bg-surface-warning text-warning" : hasSuccess ? "border-green-300 bg-surface-success text-success" : "border-surface-neutral bg-surface-neutral"
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: import_sharp_solid_svg_icons10.faPercent })
+                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: import_free_solid_svg_icons10.faPercent })
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -1809,15 +1812,15 @@ var PercentInput = (0, import_react20.forwardRef)(
         }
       ),
       hasWarning && message && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Text, { as: "span", variant: "body-2", className: "flex items-center gap-1 text-warning", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: import_sharp_solid_svg_icons10.faExclamationTriangle }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: import_free_solid_svg_icons10.faTriangleExclamation }),
         message
       ] }),
       hasError && message && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Text, { as: "span", variant: "body-2", className: "flex items-center gap-1 text-red-700", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: import_sharp_solid_svg_icons10.faExclamationCircle }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: import_free_solid_svg_icons10.faCircleExclamation }),
         message
       ] }),
       hasSuccess && message && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-1 text-sm font-normal text-success", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: import_sharp_solid_svg_icons10.faCheckCircle }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: import_free_solid_svg_icons10.faCircleCheck }),
         message
       ] })
     ] });
@@ -2047,22 +2050,22 @@ var useAsyncSelect = ({
 // src/core/select/AsyncMultiSelect.tsx
 var import_core4 = require("@dnd-kit/core");
 var import_sortable2 = require("@dnd-kit/sortable");
-var import_sharp_solid_svg_icons13 = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons13 = require("@fortawesome/free-solid-svg-icons");
 var import_react23 = require("react");
 var import_tailwind_merge27 = require("tailwind-merge");
 
 // src/core/dropdown-chevron/DropdownChevron.tsx
-var import_sharp_solid_svg_icons11 = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons11 = require("@fortawesome/free-solid-svg-icons");
 var import_tailwind_merge25 = require("tailwind-merge");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var DropdownChevron = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: (0, import_tailwind_merge25.twJoin)("w-3 text-sm text-muted"), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon, { icon: import_sharp_solid_svg_icons11.faChevronDown }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: (0, import_tailwind_merge25.twJoin)("w-3 text-sm text-muted"), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon, { icon: import_free_solid_svg_icons11.faChevronDown }) });
 };
 
 // src/core/select/SelectListItem.tsx
 var import_sortable = require("@dnd-kit/sortable");
 var import_utilities = require("@dnd-kit/utilities");
-var import_sharp_solid_svg_icons12 = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons12 = require("@fortawesome/free-solid-svg-icons");
 var import_react22 = require("react");
 var import_tailwind_merge26 = require("tailwind-merge");
 var import_jsx_runtime47 = require("react/jsx-runtime");
@@ -2108,7 +2111,7 @@ var SelectListItem = ({
               e.stopPropagation();
               listeners?.onClick(e);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icon, { icon: import_sharp_solid_svg_icons12.faGripDotsVertical })
+            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icon, { icon: import_free_solid_svg_icons12.faGripVertical })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex w-full flex-1 items-center justify-between", children })
@@ -2299,7 +2302,7 @@ var AsyncMultiSelect = ({
       ] })),
       children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "w-72", children: [
         (!hideSearch || allowCustomValues) && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(InputBox, { variant: "transparent", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-3 text-sm text-placeholder", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon, { icon: import_sharp_solid_svg_icons13.faSearch }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-3 text-sm text-placeholder", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon, { icon: import_free_solid_svg_icons13.faMagnifyingGlass }) }),
           /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             InputBox.Input,
             {
@@ -2357,7 +2360,7 @@ var AsyncMultiSelect = ({
 };
 var SelectOption = ({ children, focused, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(SelectListItem, { focused, ...rest, children: [
   children,
-  focused && !rest.disabled && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "w-3 text-sm text-muted", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon, { icon: import_sharp_solid_svg_icons13.faArrowTurnDownLeft }) })
+  focused && !rest.disabled && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "w-3 text-sm text-muted", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon, { icon: import_free_solid_svg_icons13.faArrowTurnDown }) })
 ] });
 var SelectedItems = ({
   value = [],
@@ -2433,7 +2436,7 @@ var SelectedItems = ({
                     item.icon,
                     /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: item.label })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex w-3 justify-center text-sm text-muted", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon, { icon: minSelection === 1 ? import_sharp_solid_svg_icons13.faCheck : import_sharp_solid_svg_icons13.faTimes }) })
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex w-3 justify-center text-sm text-muted", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon, { icon: minSelection === 1 ? import_free_solid_svg_icons13.faCheck : import_free_solid_svg_icons13.faXmark }) })
                 ]
               },
               val
@@ -2948,11 +2951,11 @@ var import_react30 = require("react");
 var import_tailwind_merge35 = require("tailwind-merge");
 
 // src/core/loaders/Spinner.tsx
+var import_free_solid_svg_icons14 = require("@fortawesome/free-solid-svg-icons");
 var import_react_fontawesome2 = require("@fortawesome/react-fontawesome");
-var import_sharp_solid_svg_icons14 = require("@fortawesome/sharp-solid-svg-icons");
 var import_tailwind_merge32 = require("tailwind-merge");
 var import_jsx_runtime63 = require("react/jsx-runtime");
-var Spinner = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_fontawesome2.FontAwesomeIcon, { ...props, className: (0, import_tailwind_merge32.twJoin)("animate-spin text-muted", className), icon: import_sharp_solid_svg_icons14.faSpinnerThird });
+var Spinner = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_fontawesome2.FontAwesomeIcon, { ...props, className: (0, import_tailwind_merge32.twJoin)("animate-spin text-muted", className), icon: import_free_solid_svg_icons14.faSpinner });
 
 // src/core/loaders/LoadingState.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
@@ -3226,7 +3229,7 @@ var Drawer = (0, import_react30.forwardRef)(
 );
 
 // src/core/drawer/DrawerHeader.tsx
-var import_sharp_solid_svg_icons15 = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons15 = require("@fortawesome/free-solid-svg-icons");
 var import_tailwind_merge40 = require("tailwind-merge");
 
 // src/core/skeleton/Skeleton.tsx
@@ -3299,16 +3302,16 @@ var DrawerHeader = ({
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "z-1 flex w-full flex-col items-stretch shadow", children: [
     /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex justify-between px-8 py-1 shadow-sm", children: [
       /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "flex items-center gap-1.5 text-base text-muted", children: resource && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Icon, { icon: resource.icon || import_sharp_solid_svg_icons15.faBookmark }),
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Icon, { icon: resource.icon || import_free_solid_svg_icons15.faBookmark }),
         /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { children: resource.name })
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center gap-2", children: [
         pagination && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex gap-1", children: [
           pagination.extra,
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Button, { size: "sm", onClick: pagination.onPrevious, disabled: !pagination.hasPrevious, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Icon, { icon: import_sharp_solid_svg_icons15.faChevronUp }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Button, { size: "sm", onClick: pagination.onNext, disabled: !pagination.hasNext, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Icon, { icon: import_sharp_solid_svg_icons15.faChevronDown }) })
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Button, { size: "sm", onClick: pagination.onPrevious, disabled: !pagination.hasPrevious, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Icon, { icon: import_free_solid_svg_icons15.faChevronUp }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Button, { size: "sm", onClick: pagination.onNext, disabled: !pagination.hasNext, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Icon, { icon: import_free_solid_svg_icons15.faChevronDown }) })
         ] }),
-        closeAction ?? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Button, { size: "xs", variant: "transparent", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "text-xl text-muted", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Icon, { icon: import_sharp_solid_svg_icons15.faClose }) }) })
+        closeAction ?? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Button, { size: "xs", variant: "transparent", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "text-xl text-muted", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Icon, { icon: import_free_solid_svg_icons15.faXmark }) }) })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center gap-2 px-8 py-2", children: [
@@ -3330,12 +3333,12 @@ var DrawerHeaderSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
 ] });
 
 // src/core/empty-state/EmptyState.tsx
+var import_free_solid_svg_icons16 = require("@fortawesome/free-solid-svg-icons");
 var import_react_fontawesome3 = require("@fortawesome/react-fontawesome");
-var import_sharp_solid_svg_icons16 = require("@fortawesome/sharp-solid-svg-icons");
 var import_react31 = require("react");
 var import_jsx_runtime73 = require("react/jsx-runtime");
 var EmptyState = (0, import_react31.forwardRef)(
-  ({ icon = import_sharp_solid_svg_icons16.faCircleDashed, title, description }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col items-center justify-center gap-3 p-4", ref, children: [
+  ({ icon = import_free_solid_svg_icons16.faCircle, title, description }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col items-center justify-center gap-3 p-4", ref, children: [
     /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_fontawesome3.FontAwesomeIcon, { className: "text-muted ring-transparent", icon, size: "2x" }),
     /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex max-w-prose flex-col text-center", children: [
       title && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text, { variant: "title-3", className: "text-muted", children: title }),
@@ -3425,24 +3428,43 @@ var LabelImpl2 = ({ children, intent, size, variant, ...rest }, ref) => {
 };
 var Label = React12.forwardRef(LabelImpl2);
 
-// src/core/menu/Menu.tsx
-var import_sharp_solid_svg_icons17 = require("@fortawesome/sharp-solid-svg-icons");
-var import_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
+// src/core/layouts/PageContainer.tsx
+var import_react32 = require("react");
 var import_tailwind_merge43 = require("tailwind-merge");
 var import_jsx_runtime76 = require("react/jsx-runtime");
+var RESPONSIVE_PADDING = "px-4 md:px-8 lg:px-12 xl:px-16";
+var PageContainer = (0, import_react32.forwardRef)(
+  ({ children, className }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { ref, className: (0, import_tailwind_merge43.twMerge)("h-full w-full overflow-y-auto pt-8", className, RESPONSIVE_PADDING), children })
+);
+var ScreenHeightPageContainer = (0, import_react32.forwardRef)(
+  ({ children, className }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    "div",
+    {
+      ref,
+      className: (0, import_tailwind_merge43.twMerge)("flex h-screen w-full flex-col overflow-y-hidden", className, RESPONSIVE_PADDING),
+      children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex h-screen w-full flex-1 flex-col overflow-y-hidden pt-8 pb-4", children })
+    }
+  )
+);
+
+// src/core/menu/Menu.tsx
+var import_free_solid_svg_icons17 = require("@fortawesome/free-solid-svg-icons");
+var import_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
+var import_tailwind_merge44 = require("tailwind-merge");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var MenuTrigger = ({ children, ...rest }) => {
   if (children == null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_dropdown_menu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Button, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon, { icon: import_sharp_solid_svg_icons17.faEllipsis }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_dropdown_menu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon, { icon: import_free_solid_svg_icons17.faEllipsis }) }) });
   }
   if (typeof children === "string") {
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_dropdown_menu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Button, { ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DropdownChevron, {})
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_dropdown_menu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Button, { ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(DropdownChevron, {})
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_dropdown_menu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Button, { ...rest, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_dropdown_menu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { ...rest, children }) });
 };
-var MenuContent = ({ children, unrestrictedHeight = false, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+var MenuContent = ({ children, unrestrictedHeight = false, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
   import_react_dropdown_menu.Content,
   {
     collisionPadding: 8,
@@ -3450,15 +3472,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__ */ (0, import_jsx_runtime76.jsx)("div", { className: (0, import_tailwind_merge43.twJoin)("overflow-y-auto", !unrestrictedHeight && "max-h-[252px]"), children })
+    children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: (0, import_tailwind_merge44.twJoin)("overflow-y-auto", !unrestrictedHeight && "max-h-[252px]"), children })
   }
 ) });
-var MenuItem = ({ loading, disabled, size = "default", ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+var MenuItem = ({ loading, disabled, size = "default", ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
   import_react_dropdown_menu.Item,
   {
     "data-loading": loading || void 0,
     disabled: loading || disabled,
-    className: (0, import_tailwind_merge43.twJoin)(
+    className: (0, import_tailwind_merge44.twJoin)(
       "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"
     ),
@@ -3467,31 +3489,31 @@ var MenuItem = ({ loading, disabled, size = "default", ...rest }) => /* @__PURE_
 );
 var MenuItemWithDisabledTooltip = ({ tooltip, onSelect, ...props }) => {
   if (!props.disabled || !tooltip) {
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(MenuItem, { ...props, onSelect });
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(MenuItem, { ...props, onSelect });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     Tooltip,
     {
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(MenuItem, { ...props }) }),
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(MenuItem, { ...props }) }),
       content: tooltip,
       side: "left"
     }
   );
 };
-var MenuRoot = (props) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_dropdown_menu.Root, { modal: false, ...props });
-var MenuSeparator = () => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_dropdown_menu.Separator, { className: "my-[5px] h-px bg-surface-dark" });
+var MenuRoot = (props) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_dropdown_menu.Root, { modal: false, ...props });
+var MenuSeparator = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react_dropdown_menu.Separator, { className: "my-[5px] h-px bg-surface-dark" });
 var Menu = ({ children, trigger, align, variant = "default", triggerSize, ...rest }) => {
   switch (variant) {
     case "minimal":
-      return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(MenuRoot, { ...rest, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(MenuTrigger, { ...rest, size: triggerSize || "xs", variant: "transparent", children: trigger }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(MenuContent, { align, children })
+      return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(MenuRoot, { ...rest, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(MenuTrigger, { ...rest, size: triggerSize || "xs", variant: "transparent", children: trigger }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(MenuContent, { align, children })
       ] });
     case "default":
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(MenuRoot, { ...rest, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(MenuTrigger, { size: triggerSize, ...rest, children: trigger }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(MenuContent, { align, children })
+      return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(MenuRoot, { ...rest, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(MenuTrigger, { size: triggerSize, ...rest, children: trigger }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(MenuContent, { align, children })
       ] });
   }
 };
@@ -3504,33 +3526,33 @@ Menu.ItemWithDisabledToolTip = MenuItemWithDisabledTooltip;
 Menu.Separator = MenuSeparator;
 
 // src/core/modal/components/ModalActions.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var ModalActions = ({ children }) => {
   if (children == null) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("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__ */ (0, import_jsx_runtime78.jsx)("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
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var ModalBody = ({ children }) => {
   if (children == null) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "px-8 py-1.5", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "px-8 py-1.5", children });
 };
 
 // src/core/modal/components/ModalCloseButton.tsx
 var import_react_dialog = require("@radix-ui/react-dialog");
-var import_jsx_runtime79 = require("react/jsx-runtime");
-var ModalCloseButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { ...props }) });
+var import_jsx_runtime80 = require("react/jsx-runtime");
+var ModalCloseButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Button, { ...props }) });
 
 // src/core/modal/components/ModalContent.tsx
 var import_react_dialog2 = require("@radix-ui/react-dialog");
-var import_react32 = require("react");
-var import_tailwind_merge44 = require("tailwind-merge");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_react33 = require("react");
+var import_tailwind_merge45 = require("tailwind-merge");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var preventDismiss = (e) => e.preventDefault();
 var handleDismiss = (dismissible) => {
   if (dismissible) {
@@ -3538,7 +3560,7 @@ var handleDismiss = (dismissible) => {
   }
   return preventDismiss;
 };
-var ModalContent = (0, import_react32.forwardRef)(
+var ModalContent = (0, import_react33.forwardRef)(
   ({
     children,
     maxWidthClassName = "max-w-prose",
@@ -3547,22 +3569,22 @@ var ModalContent = (0, import_react32.forwardRef)(
     dismissible = true,
     fullscreen,
     ...rest
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react_dialog2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_dialog2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     import_react_dialog2.Overlay,
     {
       className: "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-fade-in-custom-easing",
-      children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         import_react_dialog2.Content,
         {
           ...rest,
           ref,
-          className: (0, import_tailwind_merge44.twJoin)(
+          className: (0, import_tailwind_merge45.twJoin)(
             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__ */ (0, import_jsx_runtime80.jsx)("div", { className: "relative flex h-full min-w-0 flex-1 flex-col", children })
+          children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "relative flex h-full min-w-0 flex-1 flex-col", children })
         }
       )
     }
@@ -3571,58 +3593,58 @@ var ModalContent = (0, import_react32.forwardRef)(
 
 // src/core/modal/components/ModalDescription.tsx
 var import_react_dialog3 = require("@radix-ui/react-dialog");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var ModalDescription = ({ children }) => {
   if (children == null) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_dialog3.Description, { className: "pb-3 text-base/6 font-normal text-neutral", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_dialog3.Description, { className: "pb-3 text-base/6 font-normal text-neutral", children });
 };
 
 // src/core/modal/components/ModalErrorCallout.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var ModalErrorCallout = ({ children }) => {
   if (!children) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "sticky top-14 z-10 px-5", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Callout, { intent: "danger", children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "sticky top-14 z-10 px-5", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Callout, { intent: "danger", children }) });
 };
 
 // src/core/modal/components/ModalRoot.tsx
 var import_react_dialog4 = require("@radix-ui/react-dialog");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var ModalRoot = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_dialog4.Root, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_dialog4.Root, { ...props });
 };
 
 // src/core/modal/components/ModalTitle.tsx
 var import_react_dialog6 = require("@radix-ui/react-dialog");
 
 // src/core/modal/components/ModalCloseX.tsx
-var import_sharp_solid_svg_icons18 = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons18 = require("@fortawesome/free-solid-svg-icons");
 var import_react_dialog5 = require("@radix-ui/react-dialog");
-var import_jsx_runtime84 = require("react/jsx-runtime");
-var ModalCloseX = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "absolute top-2.5 right-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react_dialog5.Close, { asChild: true, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Button, { variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "px-0.5 text-xl text-muted", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Icon, { icon: import_sharp_solid_svg_icons18.faClose }) }) }) }) });
+var import_jsx_runtime85 = require("react/jsx-runtime");
+var ModalCloseX = () => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "absolute top-2.5 right-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_dialog5.Close, { asChild: true, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "px-0.5 text-xl text-muted", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Icon, { icon: import_free_solid_svg_icons18.faXmark }) }) }) }) });
 
 // src/core/modal/components/ModalTitle.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var ModalTitle = ({ children, showX = true }) => {
   if (children == null) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("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__ */ (0, import_jsx_runtime85.jsx)(import_react_dialog6.Title, { className: "text-xl font-semibold text-dark", children }),
-    showX && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalCloseX, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("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__ */ (0, import_jsx_runtime86.jsx)(import_react_dialog6.Title, { className: "text-xl font-semibold text-dark", children }),
+    showX && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ModalCloseX, {})
   ] });
 };
 
 // src/core/modal/components/ModalTriggerButton.tsx
 var import_react_dialog7 = require("@radix-ui/react-dialog");
-var import_jsx_runtime86 = require("react/jsx-runtime");
-var ModalTriggerButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_dialog7.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Button, { ...props }) });
+var import_jsx_runtime87 = require("react/jsx-runtime");
+var ModalTriggerButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_dialog7.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { ...props }) });
 
 // src/core/modal/Modal.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var ModalBodyImpl = ({
   children,
   title,
@@ -3630,14 +3652,14 @@ var ModalBodyImpl = ({
   description,
   actions,
   showX = true
-}) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ModalTitle, { showX, children: title }),
-  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ModalErrorCallout, { children: error }),
-  (description || children) && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(ModalBody, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ModalDescription, { children: description }),
+}) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ModalTitle, { showX, children: title }),
+  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ModalErrorCallout, { children: error }),
+  (description || children) && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(ModalBody, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ModalDescription, { children: description }),
     children
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ModalActions, { children: actions })
+  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ModalActions, { children: actions })
 ] });
 var Modal = ({
   children,
@@ -3651,7 +3673,7 @@ var Modal = ({
   description,
   actions,
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
   ModalRoot,
   {
     open: isOpen,
@@ -3664,7 +3686,7 @@ var Modal = ({
     },
     children: [
       trigger,
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ModalContent, { "aria-describedby": description || void 0, ...rest, children: children !== void 0 ? children : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ModalBodyImpl, { title, error, description, actions, children: content }) })
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ModalContent, { "aria-describedby": description || void 0, ...rest, children: children !== void 0 ? children : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ModalBodyImpl, { title, error, description, actions, children: content }) })
     ]
   }
 );
@@ -3677,8 +3699,8 @@ var React13 = __toESM(require("react"), 1);
 
 // src/core/modal/FullscreenModalHeader.tsx
 var import_react_dialog8 = require("@radix-ui/react-dialog");
-var import_tailwind_merge45 = require("tailwind-merge");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_tailwind_merge46 = require("tailwind-merge");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var FullscreenModalHeader = ({
   className,
   title,
@@ -3686,22 +3708,22 @@ var FullscreenModalHeader = ({
   leftSlot,
   rightSlot
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: (0, import_tailwind_merge45.twJoin)("flex items-center justify-between gap-4", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-1 items-center gap-4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: (0, import_tailwind_merge46.twJoin)("flex items-center justify-between gap-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-1 items-center gap-4", children: [
       leftSlot,
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_dialog8.Title, { className: "text-2xl font-medium text-neutral", children: title }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "text-base/6 text-muted", children: description })
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react_dialog8.Title, { className: "text-2xl font-medium text-neutral", children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "text-base/6 text-muted", children: description })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "flex gap-2", children: rightSlot })
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "flex gap-2", children: rightSlot })
   ] });
 };
 
 // src/core/modal/FullscreenModal.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var FullscreenModal = React13.forwardRef(
-  ({ children, trigger, isOpen, onClose, onOpenChange, fullscreen = true, showX = false, title, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+  ({ children, trigger, isOpen, onClose, onOpenChange, fullscreen = true, showX = false, title, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
     ModalRoot,
     {
       open: isOpen,
@@ -3714,7 +3736,7 @@ var FullscreenModal = React13.forwardRef(
       },
       children: [
         trigger,
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ModalContent, { fullscreen, ...rest, ref, children: title ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Modal.Body, { title, showX, children }) : children })
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ModalContent, { fullscreen, ...rest, ref, children: title ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Modal.Body, { title, showX, children }) : children })
       ]
     }
   )
@@ -3726,15 +3748,15 @@ var FullscreenModalNamespace = Object.assign(FullscreenModal, {
 });
 
 // src/core/modal/AlertModal.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
-var ModalBodyImpl2 = ({ children, title, error, description, actions }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ModalTitle, { showX: false, children: title }),
-  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ModalErrorCallout, { children: error }),
-  (description || children) && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(ModalBody, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ModalDescription, { children: description }),
+var import_jsx_runtime91 = require("react/jsx-runtime");
+var ModalBodyImpl2 = ({ children, title, error, description, actions }) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ModalTitle, { showX: false, children: title }),
+  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ModalErrorCallout, { children: error }),
+  (description || children) && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ModalBody, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ModalDescription, { children: description }),
     children
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ModalActions, { children: actions })
+  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ModalActions, { children: actions })
 ] });
 var AlertModal = ({
   children,
@@ -3748,7 +3770,7 @@ var AlertModal = ({
   description,
   actions,
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
   ModalRoot,
   {
     open: isOpen,
@@ -3761,7 +3783,7 @@ var AlertModal = ({
     },
     children: [
       trigger,
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ModalContent, { ...rest, dismissible: false, children: children !== void 0 ? children : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ModalBodyImpl2, { title, error, description, actions, children: content }) })
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ModalContent, { ...rest, dismissible: false, children: children !== void 0 ? children : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ModalBodyImpl2, { title, error, description, actions, children: content }) })
     ]
   }
 );
@@ -3772,20 +3794,20 @@ AlertModal.CloseButton = ModalCloseButton;
 // src/core/phone-number/PhoneNumber.tsx
 var import_style = require("react-international-phone/style.css");
 var import_react_international_phone = require("react-international-phone");
-var import_tailwind_merge46 = require("tailwind-merge");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_tailwind_merge47 = require("tailwind-merge");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var PhoneNumber = ({
   hasError,
   onChange,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     import_react_international_phone.PhoneInput,
     {
       defaultCountry: props.defaultCountry ?? "us",
       disableDialCodeAndPrefix: true,
       showDisabledDialCodeAndPrefix: true,
-      inputClassName: (0, import_tailwind_merge46.twJoin)(
+      inputClassName: (0, import_tailwind_merge47.twJoin)(
         "flex-1 placeholder:text-placeholder",
         hasError ? "border-red-300!" : "border-surface-neutral!"
       ),
@@ -3835,16 +3857,16 @@ var isValidPhoneNumber = (input) => {
 };
 
 // src/core/table/Table.tsx
-var import_react34 = require("react");
-var import_tailwind_merge49 = require("tailwind-merge");
+var import_react35 = require("react");
+var import_tailwind_merge50 = require("tailwind-merge");
 
 // src/core/utils/useIntersectionObserver.ts
-var import_react33 = require("react");
+var import_react34 = require("react");
 var useIntersectionObserver = (options = {}) => {
   const { threshold = 1, root = null, rootMargin = "0px" } = options;
-  const [entry, setEntry] = (0, import_react33.useState)(null);
-  const previousObserver = (0, import_react33.useRef)(null);
-  const customRef = (0, import_react33.useCallback)(
+  const [entry, setEntry] = (0, import_react34.useState)(null);
+  const previousObserver = (0, import_react34.useRef)(null);
+  const customRef = (0, import_react34.useCallback)(
     (node) => {
       if (previousObserver.current) {
         previousObserver.current.disconnect();
@@ -3867,10 +3889,10 @@ var useIntersectionObserver = (options = {}) => {
 };
 
 // src/core/table/TableBody.tsx
-var import_sharp_solid_svg_icons19 = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons19 = require("@fortawesome/free-solid-svg-icons");
 
 // src/core/table/TableRow.tsx
-var import_tailwind_merge47 = require("tailwind-merge");
+var import_tailwind_merge48 = require("tailwind-merge");
 
 // src/core/table/utils.ts
 var import_react_table = require("@tanstack/react-table");
@@ -3950,7 +3972,7 @@ var handleHeaderStyle = handleStyle;
 var handleCellStyle = handleStyle;
 
 // src/core/table/TableRow.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var TableRow = ({ table, rowClassName, cellClassName, row }) => {
   const hasRowClick = !!table.options.meta?.onRowClick;
   const isStaticSubRow = !!table.options.meta?.staticSubRows;
@@ -3960,18 +3982,18 @@ var TableRow = ({ table, rowClassName, cellClassName, row }) => {
     }
   };
   const cells = row.getVisibleCells();
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.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_merge47.twJoin)(
+      className: (0, import_tailwind_merge48.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_runtime92.jsx)(
+      children: cells.map((cell) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         "td",
         {
           onClickCapture: hasRowClick ? (ev) => onRowClick(ev, row) : void 0,
@@ -3986,40 +4008,40 @@ var TableRow = ({ table, rowClassName, cellClassName, row }) => {
 };
 
 // src/core/table/TableBody.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = 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_runtime93.jsx)("tbody", { className: rootClassName, children: Array.from({ length: 20 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("tbody", { className: rootClassName, children: Array.from({ length: 20 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime93.jsx)("td", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Skeleton, { className: "h-3 w-full" }) }, j))
+          children: Array.from({ length: colCount }).map((_2, j) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("td", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Skeleton, { className: "h-3 w-full" }) }, j))
         },
         `skeleton-${i}`
       )) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("tbody", { className: rootClassName, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(EmptyRowsTd, { colSpan: table.getAllLeafColumns().length, emptyText: table.options.meta?.emptyText }) }),
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("tbody", { className: rootClassName, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(EmptyRowsTd, { colSpan: table.getAllLeafColumns().length, emptyText: table.options.meta?.emptyText }) }),
       afterRows
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("tbody", { className: rootClassName, children: [
-    rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TableRow, { ...props, table, row }, row.id)),
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("tbody", { className: rootClassName, children: [
+    rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TableRow, { ...props, table, row }, row.id)),
     afterRows
   ] });
 };
-var EmptyRowsTd = ({ emptyText = "No rows found", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("td", { ...props, className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime93.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_runtime93.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Icon, { icon: import_sharp_solid_svg_icons19.faTable }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-base/none font-medium", children: emptyText })
+var EmptyRowsTd = ({ emptyText = "No rows found", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("td", { ...props, className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime94.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Icon, { icon: import_free_solid_svg_icons19.faTable }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime94.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_merge48 = require("tailwind-merge");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_free_solid_svg_icons20 = require("@fortawesome/free-solid-svg-icons");
+var import_tailwind_merge49 = require("tailwind-merge");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var TableHeader = ({
   table,
   variant,
@@ -4027,7 +4049,7 @@ var TableHeader = ({
   rowClassName,
   cellClassName
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("thead", { className: rootClassName, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("tr", { className: rowClassName, children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("thead", { className: rootClassName, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("tr", { className: rowClassName, children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     Th,
     {
       scope: "col",
@@ -4050,14 +4072,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_runtime94.jsx)(
+  const resizeHandle = canResize && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     "div",
     {
       onMouseDown: header.getResizeHandler(),
       onTouchStart: header.getResizeHandler(),
       onClick: (e) => e.stopPropagation(),
       "data-resizing": header.column.getIsResizing() ? "" : void 0,
-      className: (0, import_tailwind_merge48.twJoin)(
+      className: (0, import_tailwind_merge49.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"
@@ -4065,54 +4087,54 @@ var Th = ({
     }
   );
   if (header.column.getIsSorted()) {
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
       "th",
       {
         ...props,
         "data-clickable": "ok",
         onClick: header.column.getToggleSortingHandler(),
-        className: (0, import_tailwind_merge48.twJoin)(props.className, canResize && "group relative"),
+        className: (0, import_tailwind_merge49.twJoin)(props.className, canResize && "group relative"),
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "ml-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(SortIcon, { dir: header.column.getIsSorted() }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "ml-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SortIcon, { dir: header.column.getIsSorted() }) }),
           resizeHandle
         ]
       }
     );
   }
   if (header.column.getCanSort()) {
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
       "th",
       {
         ...props,
         "data-clickable": "ok",
         onClick: header.column.getToggleSortingHandler(),
-        className: (0, import_tailwind_merge48.twJoin)(props.className, canResize && "group relative"),
+        className: (0, import_tailwind_merge49.twJoin)(props.className, canResize && "group relative"),
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "invisible ml-1.5 group-hover:visible", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(SortIcon, { dir: header.column.getNextSortingOrder() }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "invisible ml-1.5 group-hover:visible", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SortIcon, { dir: header.column.getNextSortingOrder() }) }),
           resizeHandle
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("th", { ...props, className: (0, import_tailwind_merge48.twJoin)(props.className, canResize && "group relative"), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("th", { ...props, className: (0, import_tailwind_merge49.twJoin)(props.className, canResize && "group relative"), children: [
     children,
     resizeHandle
   ] });
 };
 var SortIcon = ({ dir }) => {
   if (dir === "asc") {
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Icon, { icon: import_sharp_solid_svg_icons20.faArrowUpWideShort });
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon, { icon: import_free_solid_svg_icons20.faArrowUpWideShort });
   }
   if (dir === "desc") {
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Icon, { icon: import_sharp_solid_svg_icons20.faArrowDownWideShort });
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon, { icon: import_free_solid_svg_icons20.faArrowDownWideShort });
   }
   return null;
 };
 
 // src/core/table/Table.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var tableVariants = {
   default: "default",
   seamless: "seamless",
@@ -4177,63 +4199,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_runtime95.jsx)("div", { className: "relative mb-auto min-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "relative mb-auto min-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
         "table",
         {
           ref: tableElementRef,
           "data-ui": uiLoading,
           style: resizeStyle,
-          className: (0, import_tailwind_merge49.twJoin)(
+          className: (0, import_tailwind_merge50.twJoin)(
             "min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none",
             resizeStyle && "overflow-clip"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
+            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
+            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
           ]
         }
       ) });
     case tableVariants.subtable:
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "relative mb-auto min-w-full", children: [
-        showLoadingBar && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(LoadingBar, { className: "absolute top-0 right-0 left-0 z-10 h-1 rounded-none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "relative mb-auto min-w-full", children: [
+        showLoadingBar && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(LoadingBar, { className: "absolute top-0 right-0 left-0 z-10 h-1 rounded-none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
           "table",
           {
             ref: tableElementRef,
             "data-ui": uiLoading,
             style: resizeStyle,
-            className: (0, import_tailwind_merge49.twJoin)(
+            className: (0, import_tailwind_merge50.twJoin)(
               "min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none",
               resizeStyle && "overflow-clip"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
             ]
           }
         )
       ] });
     case tableVariants.seamless:
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         "div",
         {
-          className: (0, import_tailwind_merge49.twJoin)(
+          className: (0, import_tailwind_merge50.twJoin)(
             "relative mb-auto rounded-md border bg-white",
             loading && coreRows.length === 0 ? "overflow-hidden" : "overflow-auto"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
             "table",
             {
               ref: tableElementRef,
               "data-ui": uiLoading,
               style: resizeStyle,
-              className: (0, import_tailwind_merge49.twJoin)(
+              className: (0, import_tailwind_merge50.twJoin)(
                 "relative min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none",
                 resizeStyle && "overflow-clip"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TableHeader, { ...props, variant, ...headerClassNames(variant) }),
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
               ]
             }
           )
@@ -4241,7 +4263,7 @@ var Table = ({ variant = "default", loading: loadingProp, ...props }) => {
       );
     case tableVariants.default:
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DefaultTable, { ...props, loading, fetching });
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(DefaultTable, { ...props, loading, fetching });
   }
 };
 var DefaultTable = ({ table, loading, fetching }) => {
@@ -4253,42 +4275,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;
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (entry?.isIntersecting && infiniteScroll?.hasNextPage && !infiniteScroll.isFetchingNextPage) {
       infiniteScroll.fetchNextPage();
     }
   }, [entry?.isIntersecting, infiniteScroll]);
-  const skeletonRows = infiniteScroll?.hasNextPage ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime95.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)) }, `skeleton-${i}`)) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+  const skeletonRows = infiniteScroll?.hasNextPage ? Array.from({ length: 3 }).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_runtime96.jsx)("td", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Skeleton, { className: "h-3 w-full" }) }, j)) }, `skeleton-${i}`)) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
     "div",
     {
-      className: (0, import_tailwind_merge49.twJoin)(
+      className: (0, import_tailwind_merge50.twJoin)(
         "relative mb-auto rounded-md border bg-white",
-        coreRows.length === 0 ? (0, import_tailwind_merge49.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_merge50.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_runtime95.jsx)(LoadingBar, { className: "sticky top-0 right-0 left-0 z-10 -mb-1 h-1 rounded-none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+        showLoadingBar && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(LoadingBar, { className: "sticky top-0 right-0 left-0 z-10 -mb-1 h-1 rounded-none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
           "table",
           {
             ref: tableElementRef,
             "data-ui": uiLoading,
             style: resizeStyle,
-            className: (0, import_tailwind_merge49.twJoin)(
+            className: (0, import_tailwind_merge50.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_runtime95.jsx)(TableHeader, { table, variant: "default", ...headerClassNames("default") }),
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TableHeader, { table, variant: "default", ...headerClassNames("default") }),
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
                 TableBody,
                 {
                   table,
                   ...bodyClassNames("default"),
                   loading,
-                  afterRows: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-                    infiniteScroll?.hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("tr", { ref: sentinelRef, "aria-hidden": "true", style: { height: 0, border: "none", padding: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("td", { colSpan: colCount, style: { height: 0, border: "none", padding: 0 } }) }),
+                  afterRows: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+                    infiniteScroll?.hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("tr", { ref: sentinelRef, "aria-hidden": "true", style: { height: 0, border: "none", padding: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("td", { colSpan: colCount, style: { height: 0, border: "none", padding: 0 } }) }),
                     skeletonRows
                   ] })
                 }
@@ -4303,9 +4325,9 @@ var DefaultTable = ({ table, loading, fetching }) => {
 
 // src/core/table/VirtualizedTable.tsx
 var import_react_virtual = require("@tanstack/react-virtual");
-var import_react35 = require("react");
-var import_tailwind_merge50 = require("tailwind-merge");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_react36 = require("react");
+var import_tailwind_merge51 = require("tailwind-merge");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var DEFAULT_ROW_HEIGHT = 37;
 var DEFAULT_OVERSCAN = 5;
 var VirtualizedTable = ({
@@ -4317,7 +4339,7 @@ var VirtualizedTable = ({
 }) => {
   const loading = loadingProp ?? table.options.meta?.isLoading;
   const fetching = loadingProp ?? table.options.meta?.isFetching;
-  const scrollRef = (0, import_react35.useRef)(null);
+  const scrollRef = (0, import_react36.useRef)(null);
   const isSubtable = variant === "subtable";
   const infiniteScroll = table.options.meta?.infiniteScroll;
   const colCount = table.getVisibleLeafColumns().length;
@@ -4334,55 +4356,55 @@ var VirtualizedTable = ({
     overscan
   });
   const virtualRows = rowVirtualizer.getVirtualItems();
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     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__ */ (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_runtime96.jsx)("td", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime96.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_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;
   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_runtime96.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     "div",
     {
       ref: scrollRef,
-      className: (0, import_tailwind_merge50.twJoin)(
+      className: (0, import_tailwind_merge51.twJoin)(
         "relative mb-auto",
-        isSubtable ? "min-w-full" : (0, import_tailwind_merge50.twJoin)(
+        isSubtable ? "min-w-full" : (0, import_tailwind_merge51.twJoin)(
           "rounded-md border bg-white",
-          coreRows.length === 0 ? (0, import_tailwind_merge50.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_merge51.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_runtime96.jsx)(
+        showLoadingBar && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           LoadingBar,
           {
-            className: (0, import_tailwind_merge50.twJoin)("top-0 right-0 left-0 z-10 h-1 rounded-none", isSubtable ? "absolute" : "sticky -mb-1")
+            className: (0, import_tailwind_merge51.twJoin)("top-0 right-0 left-0 z-10 h-1 rounded-none", isSubtable ? "absolute" : "sticky -mb-1")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
           "table",
           {
             ref: tableElementRef,
             "data-ui": uiLoading,
             style: resizeStyle,
-            className: (0, import_tailwind_merge50.twJoin)(
+            className: (0, import_tailwind_merge51.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_runtime96.jsx)(TableHeader, { table, variant, ...headerClassNames(variant) }),
-              rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TableBody, { table, ...bodyClassNames(variant), loading }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("tbody", { className: bodyRootClassName, children: [
-                paddingTop > 0 && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("tr", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("td", { colSpan: colCount, style: { height: paddingTop, padding: 0, border: "none" } }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TableHeader, { table, variant, ...headerClassNames(variant) }),
+              rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TableBody, { table, ...bodyClassNames(variant), loading }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("tbody", { className: bodyRootClassName, children: [
+                paddingTop > 0 && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("tr", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("td", { colSpan: colCount, style: { height: paddingTop, padding: 0, border: "none" } }) }),
                 virtualRows.map((virtualRow) => {
                   const row = rows[virtualRow.index];
-                  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TableRow, { table, row, ...bodyRowCellClassNames }, row.id);
+                  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TableRow, { table, row, ...bodyRowCellClassNames }, row.id);
                 }),
-                paddingBottom > 0 && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("tr", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("td", { colSpan: colCount, style: { height: paddingBottom, padding: 0, border: "none" } }) }),
+                paddingBottom > 0 && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("tr", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("td", { colSpan: colCount, style: { height: paddingBottom, padding: 0, border: "none" } }) }),
                 skeletonRows
               ] })
             ]
@@ -4395,7 +4417,7 @@ var VirtualizedTable = ({
 
 // src/core/table/useTable.ts
 var import_react_table2 = require("@tanstack/react-table");
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_use_effect_event = require("use-effect-event");
 var useTable = ({ tableRef, ...options }) => {
   const enableSorting = !!options.state?.sorting && !!options.onSortingChange;
@@ -4427,7 +4449,7 @@ var useTable = ({ tableRef, ...options }) => {
   const syncTableRef = (0, import_use_effect_event.useEffectEvent)(() => {
     tableRef?.(table);
   });
-  (0, import_react36.useLayoutEffect)(() => {
+  (0, import_react37.useLayoutEffect)(() => {
     syncTableRef();
   }, [table]);
   return table;
@@ -4435,18 +4457,18 @@ var useTable = ({ tableRef, ...options }) => {
 
 // src/core/tab-group/TabGroup.tsx
 var import_react_toggle_group = require("@radix-ui/react-toggle-group");
-var import_react37 = require("motion/react");
-var import_react38 = require("react");
-var import_tailwind_merge51 = require("tailwind-merge");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_react38 = require("motion/react");
+var import_react39 = require("react");
+var import_tailwind_merge52 = require("tailwind-merge");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var TabGroup = ({
   tabs,
   currentTab,
   setCurrentTab,
   size = "md"
 }) => {
-  const layoutId = (0, import_react38.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  const layoutId = (0, import_react39.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     import_react_toggle_group.ToggleGroup,
     {
       type: "single",
@@ -4454,17 +4476,17 @@ var TabGroup = ({
       onValueChange: (value) => {
         setCurrentTab(value);
       },
-      className: (0, import_tailwind_merge51.twJoin)(
+      className: (0, import_tailwind_merge52.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_runtime97.jsxs)(import_react38.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+      children: tabs.map(({ id, label, disabled }, index) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_react39.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
           import_react_toggle_group.ToggleGroupItem,
           {
             value: id,
             disabled,
-            className: (0, import_tailwind_merge51.twJoin)(
+            className: (0, import_tailwind_merge52.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",
@@ -4474,19 +4496,19 @@ var TabGroup = ({
               size === "sm" ? "px-1.5 py-1" : "px-2 py-1"
             ),
             children: [
-              id === currentTab && !disabled && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
-                import_react37.motion.span,
+              id === currentTab && !disabled && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                import_react38.motion.span,
                 {
                   layoutId,
                   className: "absolute inset-0 rounded-md bg-button-white ring-2 ring-indigo-100",
                   transition: { type: "spring", stiffness: 500, damping: 40 }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "relative z-1", children: label })
+              /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "relative z-1", children: label })
             ]
           }
         ),
-        index !== tabs.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "z-2 my-1 flex w-px bg-gray-300" })
+        index !== tabs.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "z-2 my-1 flex w-px bg-gray-300" })
       ] }, id))
     }
   );
@@ -4494,14 +4516,14 @@ var TabGroup = ({
 
 // src/core/tabs/Tabs.tsx
 var import_react_tabs2 = require("@radix-ui/react-tabs");
-var import_react40 = require("react");
-var import_tailwind_merge53 = require("tailwind-merge");
+var import_react41 = require("react");
+var import_tailwind_merge54 = require("tailwind-merge");
 
 // src/core/tabs/Trigger.tsx
 var import_react_tabs = require("@radix-ui/react-tabs");
-var import_react39 = require("motion/react");
-var import_tailwind_merge52 = require("tailwind-merge");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_react40 = require("motion/react");
+var import_tailwind_merge53 = require("tailwind-merge");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var TabsTrigger = ({
   id,
   label,
@@ -4511,10 +4533,10 @@ var TabsTrigger = ({
   className,
   isActive,
   layoutId
-}) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
   import_react_tabs.Trigger,
   {
-    className: (0, import_tailwind_merge52.twMerge)(
+    className: (0, import_tailwind_merge53.twMerge)(
       "relative h-full border-b-2 border-transparent px-1 py-1 font-medium whitespace-nowrap transition-colors duration-150 data-[state='active']:text-indigo-700 data-[state='inactive']:text-muted data-[state='inactive']:hover:border-surface-neutral data-[state='inactive']:hover:text-neutral",
       className
     ),
@@ -4523,9 +4545,9 @@ var TabsTrigger = ({
     "fs-id": fsId,
     children: [
       label,
-      extra && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: extra }),
-      isActive && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
-        import_react39.motion.span,
+      extra && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: extra }),
+      isActive && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        import_react40.motion.span,
         {
           layoutId,
           className: "absolute right-0 -bottom-0.5 left-0 h-0.5 bg-current",
@@ -4537,7 +4559,7 @@ var TabsTrigger = ({
 );
 
 // src/core/tabs/Tabs.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var [Provider2, useContext6] = createContextHelper();
 var Tabs = ({
   tabs,
@@ -4550,10 +4572,10 @@ var Tabs = ({
   children,
   extraNode
 }) => {
-  const layoutId = (0, import_react40.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Provider2, { currentTab, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_react_tabs2.Root, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: (0, import_tailwind_merge53.twJoin)("flex gap-4", tabsListContainerClassName), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_tabs2.List, { className: (0, import_tailwind_merge53.twJoin)("flex space-x-4 overflow-x-auto", tabsListClassName), children: tabs.map(({ id, label, disabled, fsId }) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  const layoutId = (0, import_react41.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Provider2, { currentTab, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_react_tabs2.Root, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: (0, import_tailwind_merge54.twJoin)("flex gap-4", tabsListContainerClassName), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_tabs2.List, { className: (0, import_tailwind_merge54.twJoin)("flex space-x-4 overflow-x-auto", tabsListClassName), children: tabs.map(({ id, label, disabled, fsId }) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
         TabsTrigger,
         {
           id,
@@ -4572,7 +4594,7 @@ var Tabs = ({
   ] }) });
 };
 var TabContent = ({ id, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_tabs2.Content, { value: id, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_tabs2.Content, { value: id, ...rest });
 };
 var AlwaysMountedTabContent = ({
   id,
@@ -4582,20 +4604,20 @@ var AlwaysMountedTabContent = ({
 }) => {
   const { currentTab } = useContext6();
   const visible = id === currentTab;
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: (0, import_tailwind_merge53.twJoin)(visible ? visibleClassName : "hidden", className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: (0, import_tailwind_merge54.twJoin)(visible ? visibleClassName : "hidden", className), children });
 };
 Tabs.TabContent = TabContent;
 Tabs.AlwaysMountedTabContent = AlwaysMountedTabContent;
 
 // src/core/tabs/ScrollTabsLayout.tsx
-var import_react41 = require("react");
-var import_tailwind_merge54 = require("tailwind-merge");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_react42 = require("react");
+var import_tailwind_merge55 = require("tailwind-merge");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var ScrollTabsLayout = ({ tabs, onSelectTab, sectionClassName }) => {
-  const [selectedTabName, setSelectedTabName] = (0, import_react41.useState)(tabs[0].tabName);
-  const scrollContainerRef = (0, import_react41.useRef)(null);
-  const tabRefs = (0, import_react41.useRef)({});
-  const handleSelectTab = (0, import_react41.useCallback)(
+  const [selectedTabName, setSelectedTabName] = (0, import_react42.useState)(tabs[0].tabName);
+  const scrollContainerRef = (0, import_react42.useRef)(null);
+  const tabRefs = (0, import_react42.useRef)({});
+  const handleSelectTab = (0, import_react42.useCallback)(
     (tabId) => {
       scrollContainerRef.current?.scrollTo({
         top: tabRefs.current[tabId].offsetTop,
@@ -4606,7 +4628,7 @@ var ScrollTabsLayout = ({ tabs, onSelectTab, sectionClassName }) => {
     },
     [onSelectTab]
   );
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     const scrollContainer = scrollContainerRef.current;
     const handleScroll = (e) => {
       Object.entries(tabRefs.current).forEach(([tabName, tabRef]) => {
@@ -4621,8 +4643,8 @@ var ScrollTabsLayout = ({ tabs, onSelectTab, sectionClassName }) => {
       scrollContainer?.removeEventListener("scroll", handleScroll);
     };
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       Tabs,
       {
         currentTab: selectedTabName,
@@ -4630,32 +4652,32 @@ var ScrollTabsLayout = ({ tabs, onSelectTab, sectionClassName }) => {
         tabs: tabs.map((tab) => ({ id: tab.tabName, label: tab.tabName }))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("hr", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { ref: scrollContainerRef, className: "relative h-screen overflow-y-auto", children: [
-      tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("hr", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { ref: scrollContainerRef, className: "relative h-screen overflow-y-auto", children: [
+      tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         "div",
         {
           ref: (el) => el ? tabRefs.current[tab.tabName] = el : void 0,
-          className: (0, import_tailwind_merge54.twJoin)("first:pt-4", sectionClassName),
+          className: (0, import_tailwind_merge55.twJoin)("first:pt-4", sectionClassName),
           children: tab.content
         },
         tab.tabName
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "h-screen" })
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "h-screen" })
     ] })
   ] });
 };
 
 // src/core/tabs/ComposableTabs.tsx
 var import_react_tabs3 = require("@radix-ui/react-tabs");
-var import_react42 = require("react");
-var import_tailwind_merge55 = require("tailwind-merge");
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_react43 = require("react");
+var import_tailwind_merge56 = require("tailwind-merge");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var [TabsProvider, useTabsContext] = createContextHelper();
 var ComposableTabsList = ({ className, containerClassName, extraNode }) => {
   const { tabs, currentTab, layoutId } = useTabsContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: (0, import_tailwind_merge55.twJoin)("flex gap-4", containerClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_tabs3.List, { className: (0, import_tailwind_merge55.twJoin)("flex space-x-4 overflow-x-auto", className), children: tabs.map(({ id, label, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: (0, import_tailwind_merge56.twJoin)("flex gap-4", containerClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_tabs3.List, { className: (0, import_tailwind_merge56.twJoin)("flex space-x-4 overflow-x-auto", className), children: tabs.map(({ id, label, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       TabsTrigger,
       {
         id,
@@ -4670,7 +4692,7 @@ var ComposableTabsList = ({ className, containerClassName, extraNode }) => {
   ] });
 };
 var ComposableTabContent = ({ id, ...rest }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_tabs3.Content, { value: id, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_tabs3.Content, { value: id, ...rest });
 };
 var ComposableAlwaysMountedTabContent = ({
   id,
@@ -4680,7 +4702,7 @@ var ComposableAlwaysMountedTabContent = ({
 }) => {
   const { currentTab } = useTabsContext();
   const visible = id === currentTab;
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: (0, import_tailwind_merge55.twJoin)(visible ? visibleClassName : "hidden", className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: (0, import_tailwind_merge56.twJoin)(visible ? visibleClassName : "hidden", className), children });
 };
 var ComposableTabsRoot = ({
   tabs,
@@ -4689,8 +4711,8 @@ var ComposableTabsRoot = ({
   className,
   children
 }) => {
-  const layoutId = (0, import_react42.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(TabsProvider, { tabs, currentTab, layoutId, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react_tabs3.Root, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children }) });
+  const layoutId = (0, import_react43.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TabsProvider, { tabs, currentTab, layoutId, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_tabs3.Root, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children }) });
 };
 var ComposableTabs = {
   Root: ComposableTabsRoot,
@@ -4700,33 +4722,33 @@ var ComposableTabs = {
 };
 
 // src/core/tag/Tag.tsx
-var import_sharp_solid_svg_icons21 = require("@fortawesome/sharp-solid-svg-icons");
+var import_free_solid_svg_icons21 = require("@fortawesome/free-solid-svg-icons");
 var React14 = __toESM(require("react"), 1);
-var import_jsx_runtime102 = require("react/jsx-runtime");
-var TagLabel = ({ children, removable, onRemove, intent = "default", ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(Label, { ...rest, ref, intent, children: [
+var import_jsx_runtime103 = require("react/jsx-runtime");
+var TagLabel = ({ children, removable, onRemove, intent = "default", ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Label, { ...rest, ref, intent, children: [
   children,
-  removable && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  removable && /* @__PURE__ */ (0, import_jsx_runtime103.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_runtime102.jsx)(Icon, { icon: import_sharp_solid_svg_icons21.faClose })
+      children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Icon, { icon: import_free_solid_svg_icons21.faXmark })
     }
   )
 ] });
 var TagImpl = React14.forwardRef(TagLabel);
 var Tag = ({ tooltip, ...rest }) => {
   if (!tooltip) {
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TagImpl, { ...rest });
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TagImpl, { ...rest });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Tooltip, { trigger: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TagImpl, { ...rest }), content: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-sm", children: tooltip }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Tooltip, { trigger: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TagImpl, { ...rest }), content: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "text-sm", children: tooltip }) });
 };
 
 // src/core/utils/useIsHovered.ts
-var import_react43 = require("react");
+var import_react44 = require("react");
 var useIsHovered = (ref) => {
-  const [isHovered, setIsHovered] = (0, import_react43.useState)(false);
-  (0, import_react43.useEffect)(() => {
+  const [isHovered, setIsHovered] = (0, import_react44.useState)(false);
+  (0, import_react44.useEffect)(() => {
     const handleMouseMove = () => {
       if (ref.current?.matches(":hover")) {
         setIsHovered(true);
@@ -4808,11 +4830,14 @@ var useIsHovered = (ref) => {
   Modal,
   MultiSelect,
   OverflowTooltip,
+  PageContainer,
   PercentInput,
   PhoneNumber,
   Popover,
+  RESPONSIVE_PADDING,
   RadioButtonGroup,
   RadioButtonItem,
+  ScreenHeightPageContainer,
   ScrollTabsLayout,
   Select,
   SelectListItem,