@candidhealth/react-vitals 1.0.0-alpha.1

package/dist/index.js

@@ -0,0 +1,4476 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/core/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AlertModal: () => AlertModal,
+  AsyncMultiSelect: () => AsyncMultiSelect,
+  AsyncSelect: () => AsyncSelect,
+  Button: () => Button,
+  ButtonGroup: () => ButtonGroup,
+  CURRENCY_REGEX: () => CURRENCY_REGEX,
+  Callout: () => Callout,
+  Checkbox: () => Checkbox,
+  Collapsible: () => Collapsible,
+  CollapsibleSection: () => CollapsibleSection,
+  ComposableTabs: () => ComposableTabs,
+  ControlledField: () => ControlledField,
+  ControlledFieldProvider: () => ControlledFieldProvider,
+  Copyable: () => Copyable,
+  DEFAULT_NUM_VALUES_TO_SHOW: () => DEFAULT_NUM_VALUES_TO_SHOW,
+  DatePicker: () => DatePicker,
+  Divider: () => Divider,
+  DollarInput: () => DollarInput,
+  Drawer: () => Drawer,
+  DrawerHeader: () => DrawerHeader,
+  DrawerHeaderSkeleton: () => DrawerHeaderSkeleton,
+  DrawerStateContext: () => DrawerStateContext,
+  DropdownChevron: () => DropdownChevron,
+  EmptyState: () => EmptyState,
+  ErrorText: () => ErrorText,
+  FormCheckbox: () => FormCheckbox,
+  FormDatePicker: () => FormDatePicker,
+  FormDollarInput: () => FormDollarInput,
+  FormInput: () => FormInput,
+  FormMultiSelect: () => FormMultiSelect,
+  FormPercentInput: () => FormPercentInput,
+  FormProvider: () => import_react_hook_form3.FormProvider,
+  FormRadioButtonGroup: () => FormRadioButtonGroup,
+  FormSelect: () => FormSelect,
+  FormSwitch: () => FormSwitch,
+  FormTextArea: () => FormTextArea,
+  FullscreenModal: () => FullscreenModal,
+  HeaderTile: () => HeaderTile,
+  Icon: () => Icon,
+  IndeterminateCheckbox: () => IndeterminateCheckbox,
+  Input: () => Input,
+  InputBox: () => InputBox,
+  IsEditingProvider: () => IsEditingProvider,
+  IsVisibleProvider: () => IsVisibleProvider,
+  Label: () => Label,
+  LoadingBar: () => LoadingBar,
+  LoadingState: () => LoadingState,
+  Menu: () => Menu,
+  MenuRoot: () => MenuRoot,
+  MenuSeparator: () => MenuSeparator,
+  Modal: () => Modal,
+  MultiSelect: () => MultiSelect,
+  OverflowTooltip: () => OverflowTooltip,
+  PercentInput: () => PercentInput,
+  PhoneNumber: () => PhoneNumber,
+  Popover: () => Popover,
+  RING_COLOR_CLASSNAME: () => RING_COLOR_CLASSNAME,
+  RadioButtonGroup: () => RadioButtonGroup,
+  RadioButtonItem: () => RadioButtonItem,
+  ScrollTabsLayout: () => ScrollTabsLayout,
+  Select: () => Select,
+  SelectListItem: () => SelectListItem,
+  SelectWithUnselect: () => SelectWithUnselect,
+  Skeleton: () => Skeleton,
+  Spinner: () => Spinner,
+  Switch: () => Switch,
+  TabGroup: () => TabGroup,
+  Table: () => Table,
+  TableCheckboxSkeleton: () => TableCheckboxSkeleton,
+  TableSkeleton: () => TableSkeleton,
+  Tabs: () => Tabs,
+  TabsSkeleton: () => TabsSkeleton,
+  TabsTrigger: () => TabsTrigger,
+  Tag: () => Tag,
+  Text: () => Text,
+  TextArea: () => TextArea,
+  TextAreaComp: () => TextAreaComp,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  UncontrolledField: () => UncontrolledField,
+  UncontrolledFieldProvider: () => UncontrolledFieldProvider,
+  asNullish: () => asNullish,
+  asNumericStr: () => asNumericStr,
+  asOptional: () => asOptional,
+  asRequiredCustom: () => asRequiredCustom,
+  buildZodIssue: () => buildZodIssue,
+  buttonStyles: () => buttonStyles,
+  copyToClipboard: () => copyToClipboard,
+  createContextHelper: () => createContextHelper,
+  createToggleContextHelper: () => createToggleContextHelper,
+  createTypedTabs: () => createTypedTabs,
+  doesSelectItemMatch: () => doesSelectItemMatch,
+  dollarsStrSchema: () => dollarsStrSchema,
+  formatPhoneNumber: () => formatPhoneNumber,
+  formatPhoneNumberForDisplay: () => formatPhoneNumberForDisplay,
+  getCountry: () => import_react_international_phone.getCountry,
+  getFieldError: () => getFieldError,
+  inputBoxStyles: () => inputBoxStyles,
+  inputStyles: () => inputStyles,
+  isValidPhoneNumber: () => isValidPhoneNumber,
+  linkStyles: () => linkStyles,
+  localStoragePersist: () => localStoragePersist,
+  npiSchema: () => npiSchema,
+  npiSchemaOptional: () => npiSchemaOptional,
+  requiredDollarsStrSchema: () => requiredDollarsStrSchema,
+  requiredDollarsStrSchemaWithCustomMessage: () => requiredDollarsStrSchemaWithCustomMessage,
+  requiredNonZeroDollarsStrSchema: () => requiredNonZeroDollarsStrSchema,
+  requiredPositiveDollarsStrSchema: () => requiredPositiveDollarsStrSchema,
+  requiredPositiveOrZeroDollarsStrSchema: () => requiredPositiveOrZeroDollarsStrSchema,
+  selectedAmountSchema: () => selectedAmountSchema,
+  taxIdSchema: () => taxIdSchema,
+  taxonomyCodeSchema: () => taxonomyCodeSchema,
+  useAsyncMultiSelect: () => useAsyncMultiSelect,
+  useAsyncSelect: () => useAsyncSelect,
+  useControlledField: () => useControlledField,
+  useControlledFormField: () => useControlledFormField,
+  useController: () => import_react_hook_form3.useController,
+  useCopyable: () => useCopyable,
+  useDebounce: () => useDebounce,
+  useDrawer: () => useDrawer,
+  useDrawerResize: () => useDrawerResize,
+  useFieldArray: () => import_react_hook_form3.useFieldArray,
+  useForm: () => useForm,
+  useFormContext: () => useFormContext,
+  useFormState: () => import_react_hook_form3.useFormState,
+  useIsEditing: () => useIsEditing,
+  useIsHovered: () => useIsHovered,
+  useIsVisible: () => useIsVisible,
+  useOverflowObserver: () => useOverflowObserver,
+  useSwitchId: () => useSwitchId,
+  useSyncState: () => useSyncState,
+  useTable: () => useTable,
+  useToggle: () => useToggle,
+  useUncontrolledField: () => useUncontrolledField,
+  useUncontrolledFormField: () => useUncontrolledFormField,
+  useWatch: () => import_react_hook_form3.useWatch
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/core/button/Button.tsx
+var React = __toESM(require("react"), 1);
+var import_tailwind_merge2 = require("tailwind-merge");
+
+// src/core/button/buttonStyles.ts
+var import_tailwind_merge = require("tailwind-merge");
+var linkStyles = "text-indigo-600 hover:underline active:text-indigo-400 focus:outline-indigo-400 focus:outline-offset-2";
+var roundedMdStyles = {
+  none: "",
+  right: "rounded-r-md",
+  left: "rounded-l-md",
+  both: "rounded-md"
+};
+var roundedLgStyles = {
+  none: "",
+  right: "rounded-r-lg",
+  left: "rounded-l-lg",
+  both: "rounded-lg"
+};
+var roundedXlStyles = {
+  none: "",
+  right: "rounded-r-xl",
+  left: "rounded-l-xl",
+  both: "rounded-xl"
+};
+var borderRadiusStyles = {
+  default: {
+    xs: roundedMdStyles,
+    sm: roundedMdStyles,
+    md: roundedMdStyles,
+    lg: roundedLgStyles
+  },
+  large: {
+    xs: roundedLgStyles,
+    sm: roundedLgStyles,
+    md: roundedLgStyles,
+    lg: roundedXlStyles
+  }
+};
+var sizeStyles = {
+  xs: "h-xs gap-1 px-2 text-sm",
+  sm: "h-sm gap-1 px-2 text-sm",
+  md: "h-md gap-1.5 px-3 text-base",
+  lg: "h-lg gap-2 px-4 text-lg"
+};
+var colorStyles = {
+  default: {
+    primary: "bg-indigo-600 hover:bg-indigo-700 data-[state='open']:bg-indigo-700 border border-indigo-700 text-white",
+    default: "bg-white hover:bg-gray-100 data-[state='open']:bg-gray-100 border border-gray-200 text-gray-700",
+    danger: "bg-red-600 hover:bg-red-700 data-[state='open']:bg-red-700 border border-red-700 text-white",
+    error: "bg-white hover:bg-red-50 data-[state='open']:bg-red-50 text-red-500 border border-red-300"
+  },
+  transparent: {
+    primary: "bg-indigo-900/0 hover:bg-indigo-900/10 data-[state='open']:bg-indigo-900/10 text-indigo-700",
+    default: "bg-gray-900/0 hover:bg-gray-900/10 data-[state='open']:bg-gray-900/10 text-gray-700",
+    danger: "bg-red-900/0 hover:bg-red-900/10 data-[state='open']:bg-red-900/10 text-red-700",
+    error: "bg-red-900/0 hover:bg-red-900/10 data-[state='open']:bg-red-900/10 text-red-500"
+  },
+  dark: {
+    primary: "bg-indigo-600 hover:bg-indigo-700 data-[state='open']:bg-indigo-700 border border-indigo-700 text-white",
+    default: "bg-gray-900 hover:bg-gray-600 data-[state='open']:bg-gray-600 text-white",
+    danger: "bg-red-600 hover:bg-red-700 data-[state='open']:bg-red-700 text-white",
+    error: "bg-white hover:bg-red-50 data-[state='open']:bg-red-50 text-red-500"
+  }
+};
+var buttonStyles = ({
+  fullWidth = false,
+  size = "md",
+  intent = "default",
+  variant = "default",
+  soften = "both",
+  loading,
+  roundedness = "default"
+}) => {
+  if (variant === "link") {
+    return (0, import_tailwind_merge.twJoin)(fullWidth && "w-full", loading && "animate-loading-pulse", linkStyles);
+  }
+  return (0, import_tailwind_merge.twJoin)(
+    "flex items-center justify-center whitespace-nowrap focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-inset disabled:pointer-events-none disabled:opacity-50",
+    fullWidth && "w-full",
+    borderRadiusStyles[roundedness][size][soften],
+    sizeStyles[size],
+    colorStyles[variant][intent],
+    loading && "animate-loading-pulse"
+  );
+};
+
+// src/core/button/Button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ButtonImpl = ({
+  fullWidth,
+  size,
+  intent,
+  variant,
+  disabled,
+  loading,
+  soften,
+  roundedness,
+  className,
+  children,
+  ...rest
+}, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      className: (0, import_tailwind_merge2.twMerge)(buttonStyles({ fullWidth, size, intent, variant, loading, soften, roundedness }), className),
+      ...rest,
+      ref,
+      disabled: disabled || loading,
+      children
+    }
+  );
+};
+var Button = React.forwardRef(ButtonImpl);
+
+// src/core/button/ButtonGroup.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ButtonGroup = ({
+  size,
+  value,
+  onChange,
+  buttons
+}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex", children: buttons.map((button, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  Button,
+  {
+    size,
+    onClick: () => onChange(button.value),
+    soften: i === 0 ? "left" : i === buttons.length - 1 ? "right" : "none",
+    intent: value === button.value ? "primary" : void 0,
+    children: button.content
+  },
+  button.value
+)) });
+
+// src/core/callout/Callout.tsx
+var import_free_solid_svg_icons = require("@fortawesome/free-solid-svg-icons");
+var import_tailwind_merge3 = require("tailwind-merge");
+
+// src/core/icon/Icon.tsx
+var import_react_fontawesome = require("@fortawesome/react-fontawesome");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Icon = ({ icon }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_fontawesome.FontAwesomeIcon, { icon });
+
+// src/core/callout/Callout.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var calloutBackgroundStyles = {
+  default: "bg-gray-100",
+  warning: "bg-yellow-50",
+  primary: "bg-indigo-50",
+  danger: "bg-red-50"
+};
+var calloutIconStyles = {
+  default: "text-gray-500",
+  warning: "text-yellow-700",
+  primary: "text-indigo-500",
+  danger: "text-red-800"
+};
+var calloutBorderStyles = {
+  default: "border-[1px] border-gray-200",
+  primary: "border-[1px] border-indigo-100",
+  warning: "border-[1px] border-yellow-200",
+  danger: "border-[1px] border-red-100"
+};
+var calloutIcons = {
+  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,
+  intent = "default",
+  rightSlot,
+  children,
+  customIcon,
+  isAttachedAtBottom,
+  isCentered
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  "div",
+  {
+    className: (0, import_tailwind_merge3.twJoin)(
+      "flex w-full justify-between rounded-lg p-2.5",
+      calloutBackgroundStyles[intent],
+      calloutBorderStyles[intent],
+      isAttachedAtBottom ? "rounded-b-none" : "rounded-b-lg",
+      isCentered ? "items-center" : "items-start"
+    ),
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: (0, import_tailwind_merge3.twJoin)("text-sm", title ? "leading-6.5" : "leading-5", calloutIconStyles[intent]), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon: customIcon ?? calloutIcons[intent] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-1 flex-col gap-1", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "leading-6.5 font-medium whitespace-pre-line text-gray-700", children: title }),
+          children && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-sm leading-5 text-gray-500", children })
+        ] })
+      ] }),
+      rightSlot
+    ]
+  }
+);
+
+// src/core/checkbox/Checkbox.tsx
+var import_react = require("react");
+var import_tailwind_merge4 = require("tailwind-merge");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Checkbox = (0, import_react.forwardRef)(({ className, hasError, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  "input",
+  {
+    type: "checkbox",
+    className: (0, import_tailwind_merge4.twJoin)(
+      className,
+      "block rounded-sm text-indigo-600 checked:bg-indigo-600 indeterminate:bg-indigo-600 focus:ring-0 focus:ring-offset-0 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400 disabled:cursor-not-allowed disabled:bg-gray-200 disabled:hover:bg-gray-200",
+      hasError ? "border-red-300 text-red-900 placeholder-red-300" : "border-gray-200 disabled:border-gray-200"
+    ),
+    ...rest,
+    ref
+  }
+));
+var IndeterminateCheckbox = ({
+  indeterminate = false,
+  ...rest
+}) => {
+  const ref = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (ref.current) {
+      ref.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Checkbox, { ref, ...rest });
+};
+
+// src/core/collapsible/Collapsible.tsx
+var import_free_solid_svg_icons2 = require("@fortawesome/free-solid-svg-icons");
+var import_react_collapsible = require("@radix-ui/react-collapsible");
+var import_react2 = require("react");
+var import_tailwind_merge5 = require("tailwind-merge");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Collapsible = ({
+  title,
+  children,
+  defaultOpen = false,
+  iconPosition = "left",
+  hideIcon,
+  open: controlledOpen,
+  setOpen: controlledSetOpen,
+  triggerClassName
+}) => {
+  const isControlled = controlledOpen !== void 0 && controlledSetOpen !== void 0;
+  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react2.useState)(defaultOpen);
+  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+  const setIsOpen = isControlled ? controlledSetOpen : setUncontrolledOpen;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_collapsible.Root, { className: "flex flex-col gap-2", open: isOpen, onOpenChange: setIsOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_react_collapsible.Trigger,
+      {
+        asChild: true,
+        className: (0, import_tailwind_merge5.twMerge)("flex cursor-pointer items-center gap-2 font-medium text-gray-500", triggerClassName),
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+          !hideIcon && iconPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "min-w-3.5", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            Icon,
+            {
+              icon: isOpen ? import_free_solid_svg_icons2.faChevronDown : import_free_solid_svg_icons2.faChevronRight
+            }
+          ) }),
+          title,
+          !hideIcon && iconPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "min-w-3.5", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            Icon,
+            {
+              icon: isOpen ? import_free_solid_svg_icons2.faChevronDown : import_free_solid_svg_icons2.faChevronRight
+            }
+          ) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_collapsible.Content, { className: "overflow-y-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-col gap-2", children }) })
+  ] });
+};
+
+// src/core/collapsible-section/CollapsibleSection.tsx
+var import_free_solid_svg_icons3 = require("@fortawesome/free-solid-svg-icons");
+var import_react_slot = require("@radix-ui/react-slot");
+var import_tailwind_merge6 = require("tailwind-merge");
+
+// src/core/utils/useToggle.tsx
+var React3 = __toESM(require("react"), 1);
+
+// src/core/utils/create-context-helper.tsx
+var React2 = __toESM(require("react"), 1);
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var createContextHelper = (defaultContext) => {
+  const Context = React2.createContext(defaultContext);
+  const Provider3 = ({ children, ...rest }) => {
+    const value = React2.useMemo(() => rest, Object.values(rest));
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Context.Provider, { value, children });
+  };
+  const useContext7 = () => {
+    const context = React2.useContext(Context);
+    if (context) {
+      return context;
+    }
+    if (defaultContext !== void 0) {
+      return defaultContext;
+    }
+    throw new Error("Required context: useContext likely outside of a Provider");
+  };
+  return [Provider3, useContext7];
+};
+
+// src/core/utils/useToggle.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var [ToggleProvider, useToggleHook] = createContextHelper({
+  state: false,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  update: () => {
+  },
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  toggle: () => {
+  }
+});
+var createToggleContextHelper = (defaultState = false) => {
+  const Provider3 = ({ children, state: initState }) => {
+    const hook = useToggle(initState ?? defaultState);
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToggleProvider, { ...hook, children });
+  };
+  Provider3.displayName = "ToggleProvider";
+  return [Provider3, useToggleHook];
+};
+var [IsVisibleProvider, useIsVisible] = createToggleContextHelper(true);
+var [IsEditingProvider, useIsEditing] = createToggleContextHelper(false);
+var useToggle = (initState) => {
+  const [state, update] = React3.useState(initState ?? false);
+  const toggle = React3.useCallback(() => update((state2) => !state2), []);
+  return { state, update, toggle };
+};
+
+// src/core/collapsible-section/CollapsibleSection.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var ToggleButton = ({ children, ...rest }) => {
+  const { state: isVisible, toggle } = useIsVisible();
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_slot.Slot, { onClick: toggle, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Button, { variant: "transparent", size: "xs", ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: (0, import_tailwind_merge6.twJoin)("transition-transform", !isVisible && "-rotate-90"), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { icon: import_free_solid_svg_icons3.faChevronDown }) }),
+    children
+  ] }) });
+};
+var Content2 = ({ children }) => {
+  const { state: isVisible } = useIsVisible();
+  if (isVisible) return children;
+  return null;
+};
+var CollapsibleSection = ({ children, defaultOpen }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IsVisibleProvider, { state: defaultOpen, children });
+};
+CollapsibleSection.ToggleButton = ToggleButton;
+CollapsibleSection.Content = Content2;
+
+// src/core/copyable/Copyable.tsx
+var import_free_solid_svg_icons4 = require("@fortawesome/free-solid-svg-icons");
+var RadixTooltip2 = __toESM(require("@radix-ui/react-tooltip"), 1);
+var import_tailwind_merge7 = require("tailwind-merge");
+
+// src/core/tooltip/Tooltip.tsx
+var RadixTooltip = __toESM(require("@radix-ui/react-tooltip"), 1);
+
+// src/core/utils/useOverflowObserver.tsx
+var React4 = __toESM(require("react"), 1);
+var useOverflowObserver = () => {
+  const [hasOverflow, setHasOverflow] = React4.useState(false);
+  const elementRef = React4.useRef(null);
+  React4.useEffect(() => {
+    if (elementRef.current == null) return;
+    const resizeObserver = new ResizeObserver(([entry]) => {
+      window.requestAnimationFrame(() => {
+        const element = entry?.target;
+        const hasOverflowWidth = element.offsetWidth < element.scrollWidth;
+        const hasOverflowHeight = element.offsetHeight < element.scrollHeight;
+        const calcHasOverflow = hasOverflowWidth || hasOverflowHeight;
+        if (calcHasOverflow !== hasOverflow) {
+          setHasOverflow(calcHasOverflow);
+        }
+      });
+    });
+    resizeObserver.observe(elementRef.current);
+    return () => resizeObserver.disconnect();
+  }, [hasOverflow]);
+  return { elementRef, hasOverflow };
+};
+
+// src/core/tooltip/Tooltip.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var TooltipContent = ({ children, variant = "dark", ...rest }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixTooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    RadixTooltip.Content,
+    {
+      ...rest,
+      hideWhenDetached: true,
+      sideOffset: 6,
+      className: `z-9000000000 max-w-prose rounded-lg px-5 py-3 text-sm break-words shadow-lg ${variant === "dark" ? "bg-gray-900 text-white" : "bg-white text-gray-600"}`,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixTooltip.Arrow, { className: variant === "dark" ? "fill-gray-900" : "fill-white", offset: 8 })
+      ]
+    }
+  ) });
+};
+TooltipContent.displayName = RadixTooltip.Content.displayName;
+var OverflowTrigger = ({
+  element,
+  ...rest
+}) => {
+  const { elementRef, hasOverflow } = useOverflowObserver();
+  if (!hasOverflow) {
+    return element(elementRef);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixTooltip.Trigger, { asChild: true, ...rest, children: element(elementRef) });
+};
+var TooltipTrigger = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixTooltip.Trigger, { asChild: true, ...props });
+var TooltipProvider = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixTooltip.Provider, { disableHoverableContent: true, delayDuration: 0, ...props });
+var TooltipRoot = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RadixTooltip.Root, { ...props });
+var Tooltip = ({ trigger, content, variant, side, ...rest }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Tooltip.Root, { ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Tooltip.Trigger, { children: trigger }),
+    content && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Tooltip.Content, { side, variant, children: content })
+  ] });
+};
+Tooltip.Provider = TooltipProvider;
+Tooltip.Root = TooltipRoot;
+Tooltip.Trigger = TooltipTrigger;
+Tooltip.OverflowTrigger = OverflowTrigger;
+Tooltip.Content = TooltipContent;
+
+// src/core/copyable/use-copyable.ts
+var React5 = __toESM(require("react"), 1);
+var waitMs = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+var oldSchoolCopy = (text) => {
+  const tempTextArea = document.createElement("textarea");
+  tempTextArea.value = text;
+  document.body.appendChild(tempTextArea);
+  tempTextArea.select();
+  document.execCommand("copy");
+  document.body.removeChild(tempTextArea);
+};
+var copyToClipboard = async (value) => {
+  try {
+    if (navigator?.clipboard?.writeText) {
+      await navigator.clipboard.writeText(value);
+    } else {
+      throw new Error("writeText not supported");
+    }
+  } catch {
+    oldSchoolCopy(value);
+  }
+};
+var useCopyable = () => {
+  const [state, setState] = React5.useState("idle");
+  const copy = React5.useCallback(async (value, onClick) => {
+    if (!value) {
+      return;
+    }
+    setState("copying");
+    await Promise.all([copyToClipboard(value), waitMs(350)]);
+    onClick?.();
+    setState("copied");
+    await waitMs(1750);
+    setState("idle");
+  }, []);
+  return { state, copy };
+};
+
+// src/core/copyable/Copyable.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Copyable = ({ children, value, tooltip, onClick, asChild }) => {
+  const { state, copy } = useCopyable();
+  const handleCopy = async (e) => {
+    e.stopPropagation();
+    await copy(value, onClick);
+  };
+  if (!value && tooltip) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Tooltip, { trigger: children, content: tooltip });
+  }
+  if (!value) {
+    return children;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(RadixTooltip2.Root, { open: state === "copied" ? true : void 0, delayDuration: 150, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      RadixTooltip2.Trigger,
+      {
+        asChild: true,
+        onClick: handleCopy,
+        className: (0, import_tailwind_merge7.twJoin)(
+          "w-fit cursor-pointer rounded-xs",
+          state !== "copied" && "hover:bg-[#E8E8EB] hover:shadow-[0_0_0_2px_#E8E8EB] active:opacity-60",
+          state === "copying" && "opacity-60"
+        ),
+        children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children })
+      }
+    ),
+    tooltip && state === "idle" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipContent, { side: "bottom", children: tooltip }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RadixTooltip2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      RadixTooltip2.Content,
+      {
+        sideOffset: 6,
+        side: "right",
+        className: (0, import_tailwind_merge7.twJoin)(
+          "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_runtime11.jsx)("div", { className: state === "copied" ? "text-green-500" : "text-gray-500", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          Icon,
+          {
+            icon: state === "copied" ? import_free_solid_svg_icons4.faCheck : import_free_solid_svg_icons4.faCopy
+          }
+        ) })
+      }
+    ) })
+  ] });
+};
+
+// src/core/date-picker/DatePickerRange.tsx
+var import_react6 = require("react");
+var import_react_datepicker = __toESM(require("react-datepicker"), 1);
+
+// src/core/date-picker/DatePickerHeader.tsx
+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_runtime12 = require("react/jsx-runtime");
+var years = (0, import_lodash_es.range)(1920, (0, import_date_fns.getYear)(/* @__PURE__ */ new Date()) + 1, 1).sort((a, b) => b - a);
+var months = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+var DatePickerHeader = ({
+  date,
+  decreaseMonth,
+  increaseMonth,
+  changeMonth,
+  changeYear,
+  prevMonthButtonDisabled,
+  nextMonthButtonDisabled
+}) => {
+  const datePickerContainer = document.querySelector(".react-datepicker") ?? void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "space-y-2 p-2", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button, { onClick: decreaseMonth, disabled: prevMonthButtonDisabled, variant: "transparent", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { icon: import_free_solid_svg_icons5.faChevronLeft }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      Select,
+      {
+        size: "sm",
+        popover: {
+          container: datePickerContainer
+        },
+        value: months[(0, import_date_fns.getMonth)(date)],
+        onChange: (value) => changeMonth(months.indexOf(value)),
+        items: months.map((month) => ({ label: month, value: month }))
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      Select,
+      {
+        size: "sm",
+        popover: {
+          container: datePickerContainer
+        },
+        value: (0, import_date_fns.getYear)(date).toString(),
+        onChange: (value) => changeYear(parseInt(value)),
+        items: years.map((year) => ({ label: year.toString(), value: year.toString() }))
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button, { onClick: increaseMonth, disabled: nextMonthButtonDisabled, variant: "transparent", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { icon: import_free_solid_svg_icons5.faChevronRight }) })
+  ] }) });
+};
+
+// src/core/date-picker/shared.tsx
+var import_free_solid_svg_icons6 = require("@fortawesome/free-solid-svg-icons");
+
+// src/core/date-picker/DatePickerInput.tsx
+var import_react3 = require("react");
+var import_tailwind_merge8 = require("tailwind-merge");
+
+// src/core/types.ts
+var RING_COLOR_CLASSNAME = "focus:ring-2 focus:ring-indigo-200";
+
+// src/core/date-picker/DatePickerInput.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var DatePickerInput = (0, import_react3.forwardRef)(
+  ({ inputProps, errorNode, hasError, rightAction, disabled, className, ...rest }, ref) => {
+    const ringClassName = disabled ? "focus:outline-hidden focus:ring-0" : hasError ? "focus:outline-hidden focus:ring-red-500 focus:border-red-500" : RING_COLOR_CLASSNAME;
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative block w-full rounded-md shadow-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "input",
+          {
+            type: "text",
+            className: (0, import_tailwind_merge8.twMerge)(
+              "block w-full rounded-md disabled:bg-gray-100",
+              rightAction && "pr-8",
+              hasError ? "border-red-300 text-red-900 placeholder-red-300" : "border-gray-200",
+              ringClassName,
+              className,
+              inputProps?.className
+            ),
+            ref,
+            disabled,
+            autoComplete: "off",
+            ...rest,
+            ...inputProps
+          }
+        ),
+        rightAction && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: (0, import_tailwind_merge8.twJoin)("absolute inset-y-0 right-0 flex items-center pr-3", disabled && "cursor-auto"), children: rightAction })
+      ] }),
+      hasError != null && errorNode != null && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "mt-2 max-h-[100px] overflow-auto text-sm text-red-600", children: errorNode })
+    ] });
+  }
+);
+
+// src/core/date-picker/shared.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var customInputFieldFactory = ({
+  inputProps,
+  errorNode,
+  hasError,
+  isEmpty,
+  disabled,
+  onClearInput
+}) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  DatePickerInput,
+  {
+    inputProps,
+    errorNode,
+    hasError,
+    rightAction: isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-gray-300", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { icon: import_free_solid_svg_icons6.faCalendar }) }) : !disabled ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { size: "xs", onClick: onClearInput, variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-gray-500", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { icon: import_free_solid_svg_icons6.faXmark }) }) }) : null
+  }
+);
+
+// src/core/date-picker/TimeInput.tsx
+var import_react5 = require("react");
+
+// src/core/input/InputBox.tsx
+var React6 = __toESM(require("react"), 1);
+var import_react4 = require("react");
+
+// src/core/input/inputBoxStyles.ts
+var import_tailwind_merge9 = require("tailwind-merge");
+var sizeStyles2 = {
+  sm: "h-sm gap-1 px-2 text-sm [&>input]:text-sm",
+  md: "h-md gap-2 px-2.5 text-base [&>input]:text-base",
+  lg: "h-lg gap-2.5 px-3 text-lg [&>input]:text-lg"
+};
+var defaultVariantStyles = "rounded-md border bg-white focus-within:outline focus:outline focus-within:outline-offset-0 focus:outline-offset-0 focus-within:outline-2 focus:outline-2";
+var transparentVariantStyles = "border-none bg-transparent focus-within:outline-hidden focus:outline-hidden";
+var variantStyles = {
+  default: {
+    default: `${defaultVariantStyles} disabled:bg-gray-100 disabled:text-gray-400 border-gray-200 focus-within:border-indigo-400 focus-within:outline-indigo-200 focus:border-indigo-400 focus:outline-indigo-200`,
+    error: `${defaultVariantStyles} border-red-300 focus-within:border-red-300 focus-within:outline-red-200 focus:border-red-300 focus:outline-red-200`,
+    warning: `${defaultVariantStyles} border-yellow-300 focus-within:border-yellow-300 focus-within:outline-yellow-200 focus:border-yellow-300 focus:outline-yellow-200`
+  },
+  transparent: {
+    default: `${transparentVariantStyles} disabled:bg-gray-100 disabled:text-gray-400`,
+    error: transparentVariantStyles,
+    warning: transparentVariantStyles
+  }
+};
+var inputBoxStyles = ({ size = "md", variant = "default", hasError, hasWarning }) => (0, import_tailwind_merge9.twJoin)(
+  "flex w-full items-center focus-within:ring-0 focus:ring-0 has-disabled:bg-gray-100 has-disabled:text-gray-400",
+  sizeStyles2[size],
+  variantStyles[variant][hasError ? "error" : hasWarning ? "warning" : "default"]
+);
+var inputStyles = "w-full text-gray-800 placeholder:text-gray-400 disabled:text-gray-400";
+
+// src/core/input/InputBox.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var NestedInputImpl = (props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "input",
+    {
+      type: "text",
+      className: `${inputStyles} border-none bg-transparent p-0 focus:ring-0 focus:outline-hidden`,
+      autoComplete: "off",
+      ...props,
+      ref
+    }
+  );
+};
+var NestedInput = (0, import_react4.forwardRef)(NestedInputImpl);
+var InputBoxImpl = ({ children, ...style }, ref) => (
+  // Styling text to propagate stateful text color inheritance for the children of InputBox
+  // (think Icons, other non-input elements). Avoids style collisions when Input is used solo.
+  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("label", { ref, className: `${style.hasError ? "text-red-300" : "text-gray-400"} ${inputBoxStyles(style)}`, children })
+);
+var InputBox = React6.forwardRef(InputBoxImpl);
+InputBox.Input = NestedInput;
+var InputImpl = ({ size, variant, hasError, hasWarning, prefix, ...rest }, ref) => {
+  return prefix ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-row items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("label", { className: "p-1 text-gray-500", children: prefix }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      "input",
+      {
+        type: "text",
+        className: `${inputStyles} ${inputBoxStyles({ size, variant, hasError, hasWarning })}`,
+        autoComplete: "off",
+        ...rest,
+        ref
+      }
+    )
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "input",
+    {
+      type: "text",
+      className: `${inputStyles} ${inputBoxStyles({ size, variant, hasError, hasWarning })}`,
+      autoComplete: "off",
+      ...rest,
+      ref
+    }
+  );
+};
+var Input = (0, import_react4.forwardRef)(InputImpl);
+
+// src/core/date-picker/TimeInput.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var TimeInput = ({
+  value: inputValue,
+  onChange
+}) => {
+  const [value, setValue] = (0, import_react5.useState)(inputValue?.toString());
+  const handleUpdateTime = (0, import_react5.useCallback)(() => {
+    onChange?.(value);
+  }, [value, onChange]);
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter") {
+      handleUpdateTime();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    Input,
+    {
+      value,
+      onChange: (e) => setValue(e.target.value),
+      onBlur: handleUpdateTime,
+      onKeyDown: handleKeyDown,
+      type: "time",
+      required: true
+    }
+  );
+};
+
+// src/core/date-picker/DatePickerRange.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var DatePickerRange = ({
+  value = [void 0, void 0],
+  errorNode,
+  hasError,
+  inputProps,
+  placeholder,
+  onChange,
+  position = "bottom-start",
+  ...props
+}) => {
+  const handleChange = (0, import_react6.useCallback)(
+    (date) => onChange?.([date[0] || void 0, date[1] || void 0]),
+    [onChange]
+  );
+  const clearDatePicker = (0, import_react6.useCallback)(
+    (e) => {
+      e.preventDefault();
+      onChange?.([void 0, void 0]);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_react_datepicker.default,
+    {
+      ...props,
+      className: "placeholder:text-gray-400",
+      selected: value[0],
+      onChange: handleChange,
+      startDate: value[0],
+      endDate: value[1],
+      dateFormat: props.showTimeInput ? "MM/dd/yyyy h:mm aa" : "MM/dd/yyyy",
+      selectsRange: true,
+      popperPlacement: position,
+      placeholderText: placeholder,
+      customInput: !props.inline ? customInputFieldFactory({
+        inputProps,
+        isEmpty: value[0] == null && value[1] == null,
+        disabled: props.disabled,
+        errorNode,
+        hasError,
+        onClearInput: clearDatePicker
+      }) : void 0,
+      customTimeInput: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TimeInput, {}),
+      renderCustomHeader: DatePickerHeader
+    }
+  );
+};
+
+// src/core/date-picker/DatePickerSingle.tsx
+var import_react7 = require("react");
+var import_react_datepicker2 = __toESM(require("react-datepicker"), 1);
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var DatePickerSingle = ({
+  value,
+  errorNode,
+  hasError,
+  inputProps,
+  placeholder,
+  onChange,
+  position = "bottom-start",
+  preventOpenOnFocus = true,
+  ...props
+}) => {
+  const handleChange = (0, import_react7.useCallback)((date) => onChange?.(date ?? void 0), [onChange]);
+  const clearDatePicker = (0, import_react7.useCallback)(
+    (e) => {
+      e.preventDefault();
+      onChange?.(void 0);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_react_datepicker2.default,
+    {
+      ...props,
+      className: "placeholder:text-gray-400",
+      preventOpenOnFocus,
+      selected: value,
+      onChange: handleChange,
+      timeInputLabel: "",
+      dateFormat: props.showTimeInput ? "MM/dd/yyyy h:mm aa" : "MM/dd/yyyy",
+      placeholderText: placeholder,
+      customInput: !props.inline ? customInputFieldFactory({
+        inputProps,
+        isEmpty: value == null,
+        disabled: props.disabled,
+        errorNode,
+        hasError,
+        onClearInput: clearDatePicker
+      }) : void 0,
+      customTimeInput: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TimeInput, {}),
+      renderCustomHeader: DatePickerHeader,
+      popperPlacement: position
+    }
+  );
+};
+
+// src/core/date-picker/DatePicker.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var DatePicker = (props) => props.range ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DatePickerRange, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DatePickerSingle, { ...props });
+
+// src/core/divider/Divider.tsx
+var import_tailwind_merge10 = require("tailwind-merge");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Divider = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: (0, import_tailwind_merge10.twMerge)("h-[1px] w-full border-b border-gray-200", className) });
+
+// src/core/error-text/ErrorText.tsx
+var import_react8 = require("react");
+var import_tailwind_merge11 = require("tailwind-merge");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var ErrorTextImpl = ({ className, ...props }, ref) => {
+  if (!props.children) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { ...props, ref, className: (0, import_tailwind_merge11.twJoin)("text-red-600", className) });
+};
+var ErrorText = (0, import_react8.forwardRef)(ErrorTextImpl);
+
+// src/core/form/index.ts
+var import_react_hook_form3 = require("react-hook-form");
+
+// src/core/form/components/ControlledField.tsx
+var import_react9 = require("react");
+
+// src/core/form/hooks.ts
+var import_zod = require("@hookform/resolvers/zod");
+var React8 = __toESM(require("react"), 1);
+var import_react_hook_form = require("react-hook-form");
+var useForm = (schema, options) => {
+  const methods = (0, import_react_hook_form.useForm)(
+    options != null ? { resolver: (0, import_zod.zodResolver)(schema), ...options } : { resolver: (0, import_zod.zodResolver)(schema) }
+  );
+  const { setError } = methods;
+  const setRootError = React8.useCallback(
+    (message) => {
+      setError("root", { type: "root", message });
+    },
+    [setError]
+  );
+  return { ...methods, setRootError };
+};
+useForm.displayName = "useForm";
+var useFormContext = () => {
+  const methods = (0, import_react_hook_form.useFormContext)();
+  const { setError } = methods;
+  const setRootError = React8.useCallback(
+    (message) => {
+      setError("root", { type: "root", message });
+    },
+    [setError]
+  );
+  return { ...methods, setRootError };
+};
+useFormContext.displayName = "useFormContext";
+var useControlledFormField = ({ name: fieldName }) => {
+  const { field, fieldState } = (0, import_react_hook_form.useController)({ name: fieldName });
+  const { error } = fieldState;
+  return { ...field, error };
+};
+useControlledFormField.displayName = "useControlledFormField";
+var useUncontrolledFormField = ({ name: fieldName, ...changeHandlers }) => {
+  const { register, getFieldState } = useFormContext();
+  const formState = (0, import_react_hook_form.useFormState)();
+  const memoizedRegister = React8.useCallback(() => {
+    if (!changeHandlers) {
+      return register(fieldName);
+    }
+    const { onChange, onBlur, ...restRegister } = register(fieldName);
+    const handleOnChange = async (event) => {
+      await onChange(event);
+      changeHandlers?.onChange?.(event);
+    };
+    const handleOnBlur = async (event) => {
+      await onBlur(event);
+      changeHandlers?.onBlur?.(event);
+    };
+    return {
+      // TODO: add id to register for easier linking with labels
+      // id: register().name,
+      ...restRegister,
+      onChange: changeHandlers?.onChange ? handleOnChange : onChange,
+      onBlur: changeHandlers?.onBlur ? handleOnBlur : onBlur
+    };
+  }, [changeHandlers, register, fieldName]);
+  const { error } = getFieldState(fieldName, formState);
+  return { register: memoizedRegister, error };
+};
+useUncontrolledFormField.displayName = "useUncontrolledFormField";
+
+// src/core/form/components/ControlledField.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var ControlledFieldContext = (0, import_react9.createContext)(void 0);
+var ControlledFieldProvider = ({ children, ...restField }) => {
+  const field = useControlledFormField(restField);
+  const value = (0, import_react9.useMemo)(() => field, [field]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ControlledFieldContext.Provider, { value, children });
+};
+ControlledFieldProvider.displayName = "ControlledFieldProvider";
+var useControlledField = () => {
+  const context = (0, import_react9.useContext)(ControlledFieldContext);
+  if (context) {
+    return context;
+  }
+  throw new Error("useControlledField must be used within ControlledFieldProvider");
+};
+useControlledField.displayName = "useControlledField";
+var ControlledField = ({ render, ...restField }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_jsx_runtime22.Fragment, { children: render(useControlledFormField(restField)) });
+};
+ControlledField.displayName = "ControlledField";
+
+// src/core/form/components/UncontrolledField.tsx
+var import_react10 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var UncontrolledFieldContext = (0, import_react10.createContext)(void 0);
+var UncontrolledFieldProvider = ({
+  children,
+  ...restField
+}) => {
+  const field = useUncontrolledFormField(restField);
+  const value = (0, import_react10.useMemo)(() => field, [field]);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(UncontrolledFieldContext.Provider, { value, children });
+};
+UncontrolledFieldProvider.displayName = "UncontrolledFieldProvider";
+var useUncontrolledField = () => {
+  const context = (0, import_react10.useContext)(UncontrolledFieldContext);
+  if (context) {
+    return context;
+  }
+  throw new Error("useUncontrolledField must be used within UncontrolledFieldProvider");
+};
+useUncontrolledField.displayName = "useUncontrolledField";
+var UncontrolledField = ({ render, ...restField }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: render(useUncontrolledFormField(restField)) });
+};
+UncontrolledField.displayName = "UncontrolledField";
+
+// src/core/form/utils.ts
+var import_react_hook_form2 = require("react-hook-form");
+var getFieldError = (errors, name) => {
+  if (name == null || errors == null) {
+    return void 0;
+  }
+  return (0, import_react_hook_form2.get)(errors, name);
+};
+
+// src/core/form/components/form-item/index.tsx
+var import_react15 = require("react");
+
+// src/core/form/components/form-item/InlineFormItem.tsx
+var import_react11 = require("react");
+
+// src/core/form/components/form-item/FieldErrorTooltip.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var FieldErrorTooltip = ({ error, children }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    Tooltip,
+    {
+      variant: "light",
+      open: error?.message ? void 0 : false,
+      trigger: children,
+      content: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ErrorText, { children: error?.message })
+    }
+  );
+};
+
+// src/core/form/components/form-item/InlineFormItem.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var InlineFormItem = (0, import_react11.forwardRef)(({ error, render }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(FieldErrorTooltip, { error, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { ref, children: render }) });
+});
+
+// src/core/form/components/form-item/NoneFormItem.tsx
+var import_react12 = require("react");
+
+// src/core/form/components/form-item/FieldDescription.tsx
+var import_tailwind_merge12 = require("tailwind-merge");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var FieldDescription = ({ styles, children }) => {
+  if (children == null) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: (0, import_tailwind_merge12.twJoin)("text-sm text-gray-500", styles), children });
+};
+
+// src/core/form/components/form-item/FieldErrorMessage.tsx
+var import_free_solid_svg_icons7 = require("@fortawesome/free-solid-svg-icons");
+
+// src/core/overflow-tooltip/OverflowTooltip.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var OverflowTooltip = ({ element, tooltip, side, variant, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Tooltip.Root, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Tooltip.OverflowTrigger, { element }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Tooltip.Content, { side, variant, children: tooltip })
+  ] });
+};
+
+// src/core/form/components/form-item/FieldErrorMessage.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function handleErrorOrErrorArrayMessage(error) {
+  if (!Array.isArray(error)) {
+    return error.message;
+  }
+  if (error.length === 1) {
+    return error[0].message;
+  }
+  return error.map((err, index) => `Item ${index + 1}: ${err.message}`).join(", ");
+}
+var FieldErrorMessage = ({ error }) => {
+  if (error == null) {
+    return null;
+  }
+  const message = handleErrorOrErrorArrayMessage(error);
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex h-4.5 items-center gap-x-1 pt-0.5 text-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-red-400", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { icon: import_free_solid_svg_icons7.faCircleExclamation }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      OverflowTooltip,
+      {
+        tooltip: message,
+        element: (ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ErrorText, { ref, className: "line-clamp-1 cursor-default break-all", children: message })
+      }
+    )
+  ] });
+};
+
+// src/core/form/components/form-item/FieldLabelWithTooltip.tsx
+var import_free_solid_svg_icons8 = require("@fortawesome/free-solid-svg-icons");
+var import_tailwind_merge14 = require("tailwind-merge");
+
+// src/core/form/components/form-item/FieldLabel.tsx
+var import_tailwind_merge13 = require("tailwind-merge");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var FieldLabel = ({ styles, htmlFor, children }) => {
+  if (children == null) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor, className: (0, import_tailwind_merge13.twJoin)("block text-sm font-normal text-gray-500", styles), children });
+};
+
+// src/core/form/components/form-item/FieldLabelWithTooltip.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var FieldLabelWithTooltip = ({ styles, label, options }) => {
+  if (label == null) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(FieldLabel, { styles: (0, import_tailwind_merge14.twJoin)("space-x-1", styles), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: label }),
+    options?.optionalLabel && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-gray-400", children: "(Optional)" }),
+    options?.tooltip && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      Tooltip,
+      {
+        content: options?.tooltip,
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "inline-flex items-baseline space-x-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "leading-none", children: options.tooltipIcon ? options.tooltipIcon : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-gray-500", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { icon: import_free_solid_svg_icons8.faCircleQuestion }) }) }),
+          options?.tooltipLabel && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "font-normal text-gray-500", children: options?.tooltipLabel })
+        ] })
+      }
+    ),
+    options?.inlineLabelEndSlot
+  ] });
+};
+
+// src/core/form/components/form-item/NoneFormItem.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var NoneFormItemImpl = ({ label, options, render, error }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(FieldLabelWithTooltip, { label, options }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(FieldDescription, { styles: "pt-0.5", children: options?.description })
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { ref, children: [
+    render,
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(FieldErrorMessage, { error }),
+    options?.bottomSlot
+  ] })
+] });
+var NoneFormItem = (0, import_react12.forwardRef)(NoneFormItemImpl);
+
+// src/core/form/components/form-item/SideBySideFormItem.tsx
+var import_react13 = require("react");
+var import_tailwind_merge15 = require("tailwind-merge");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var SideBySideFormItem = (0, import_react13.forwardRef)(
+  ({ styles, label, options, render, error }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: (0, import_tailwind_merge15.twJoin)("grid grid-cols-[minmax(0,2fr)_minmax(0,3fr)] gap-x-1", styles), ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "pt-2.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FieldLabelWithTooltip, { label, options }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FieldDescription, { styles: "pt-0.5", children: options?.description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+      render,
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FieldErrorMessage, { error }),
+      options?.bottomSlot
+    ] })
+  ] })
+);
+
+// src/core/form/components/form-item/StackedFormItem.tsx
+var import_react14 = require("react");
+var import_tailwind_merge16 = require("tailwind-merge");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var StackedFormItem = (0, import_react14.forwardRef)(
+  ({ styles, label, options, render, error }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: styles || void 0, ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      FieldLabelWithTooltip,
+      {
+        styles: (0, import_tailwind_merge16.twJoin)("flex items-baseline", options?.description == null && "pb-1"),
+        label,
+        options
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FieldDescription, { styles: "pb-1", children: options?.description }),
+    render,
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FieldErrorMessage, { error }),
+    options?.bottomSlot
+  ] })
+);
+
+// src/core/form/components/form-item/index.tsx
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var FormItem = (0, import_react15.forwardRef)(({ layout = "stacked", ...rest }, ref) => {
+  switch (layout) {
+    case "inline":
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(InlineFormItem, { ...rest, ref });
+    case "side-by-side":
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SideBySideFormItem, { ...rest, ref });
+    case "stacked":
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(StackedFormItem, { ...rest, ref });
+    case "none":
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(NoneFormItem, { ...rest, ref });
+    default:
+      throw new Error(`Unknown form item layout: ${layout}`);
+  }
+});
+
+// src/core/form/components/FormInput.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var FormInput = ({
+  name,
+  styles,
+  layout,
+  label,
+  options,
+  onChange,
+  onBlur,
+  disabled,
+  ...rest
+}) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  UncontrolledField,
+  {
+    name,
+    onChange,
+    onBlur,
+    render: ({ error, register }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      FormItem,
+      {
+        layout,
+        styles,
+        label,
+        options,
+        render: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Input, { ...register(), ...rest, disabled, hasError: !disabled && (!!error || void 0) }),
+        error
+      }
+    )
+  }
+);
+
+// src/core/form/components/FormDollarInput.tsx
+var import_free_solid_svg_icons9 = require("@fortawesome/free-solid-svg-icons");
+var import_react17 = require("react");
+var import_tailwind_merge17 = require("tailwind-merge");
+
+// src/core/utils/useSyncState.ts
+var import_react16 = require("react");
+var useSyncState = (upstream) => {
+  const [prevUpstream, setPrevUpstream] = (0, import_react16.useState)(upstream);
+  const [state, setState] = (0, import_react16.useState)(upstream);
+  if (prevUpstream !== upstream) {
+    setState(upstream);
+    setPrevUpstream(upstream);
+  }
+  return [state, setState];
+};
+
+// src/core/form/components/FormDollarInput.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var twoDecimalFormatter = Intl.NumberFormat("en-US", {
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2
+});
+var formatInput = (value) => {
+  return value.replaceAll(/[^0-9.,-]/g, "");
+};
+var roundToTwoDecimalPlaces = (value) => {
+  return Math.round((value + Number.EPSILON) * 100) / 100;
+};
+var DollarInput = (0, import_react17.forwardRef)(
+  ({ value, onChange, disabled = false, hasError = false, hasWarning = false, message }, ref) => {
+    const [strValue, setStrValue] = useSyncState(value == null ? "" : twoDecimalFormatter.format(value / 100));
+    const handleChange = (event) => {
+      const inputValue = formatInput(event.target.value);
+      if (!inputValue) {
+        setStrValue("");
+        return;
+      }
+      if (inputValue === "-" || inputValue === ".") {
+        setStrValue(inputValue);
+        return;
+      }
+      if (inputValue.split(".")?.[1]?.length > 2) return;
+      const parsedValue = parseFloat(inputValue);
+      if (!isNaN(parsedValue)) {
+        setStrValue(inputValue);
+      }
+    };
+    const handlePaste = (event) => {
+      event.preventDefault();
+      const pastedData = formatInput(event.clipboardData.getData("text"));
+      const parsedAmount = parseFloat(pastedData);
+      if (!isNaN(parsedAmount)) {
+        setStrValue(twoDecimalFormatter.format(parsedAmount));
+        onChange?.(roundToTwoDecimalPlaces(parsedAmount * 100));
+      }
+    };
+    const handleBlur = () => {
+      const parsedValue = parseFloat(strValue.replaceAll(",", ""));
+      if (isNaN(parsedValue)) {
+        onChange?.(null);
+      } else {
+        onChange?.(roundToTwoDecimalPlaces(parsedValue * 100));
+      }
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+        "div",
+        {
+          className: (0, import_tailwind_merge17.twJoin)(
+            "flex h-md w-full items-center rounded-sm py-2.5 text-base [&>input]:rounded-l-none! [&>input]:rounded-r-md!",
+            disabled && "cursor-not-allowed [&>input]:cursor-not-allowed [&>input]:bg-gray-50! [&>input]:text-gray-500!"
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              "div",
+              {
+                className: (0, import_tailwind_merge17.twJoin)(
+                  "flex h-md w-9.5 items-center justify-center rounded-l-md border-y border-l px-2.5 text-sm text-gray-500",
+                  hasError ? "border-red-300 bg-red-200 text-red-700" : hasWarning ? "border-yellow-300 bg-yellow-100 text-yellow-700" : "border-gray-200 bg-gray-100"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { icon: import_free_solid_svg_icons9.faDollarSign })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              Input,
+              {
+                ref,
+                variant: "default",
+                disabled,
+                value: strValue,
+                hasError,
+                hasWarning,
+                onChange: handleChange,
+                onBlur: handleBlur,
+                onPaste: handlePaste,
+                placeholder: "0.00"
+              }
+            )
+          ]
+        }
+      ),
+      hasWarning && message && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-1 text-sm font-normal text-yellow-700", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { icon: import_free_solid_svg_icons9.faTriangleExclamation }),
+        message
+      ] }),
+      hasError && message && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-1 text-sm font-normal text-red-700", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { icon: import_free_solid_svg_icons9.faCircleExclamation }),
+        message
+      ] })
+    ] });
+  }
+);
+var FormDollarInput = (0, import_react17.forwardRef)(
+  ({ name, layout, label, onChange, disabled, hasWarning = false, message, options }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    ControlledField,
+    {
+      name,
+      render: (field) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        FormItem,
+        {
+          label,
+          layout,
+          options,
+          error: field.error,
+          render: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            DollarInput,
+            {
+              onChange: (cents) => {
+                field.onChange(cents);
+                onChange?.(cents);
+              },
+              value: field.value,
+              disabled,
+              hasError: !disabled && (!!field.error || void 0),
+              hasWarning: !disabled && hasWarning,
+              message,
+              ref
+            }
+          )
+        }
+      )
+    }
+  )
+);
+
+// src/core/form/components/FormPercentInput.tsx
+var import_free_solid_svg_icons10 = require("@fortawesome/free-solid-svg-icons");
+var import_react18 = require("react");
+var import_tailwind_merge18 = require("tailwind-merge");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var twoDecimalFormatter2 = Intl.NumberFormat("en-US", {
+  minimumFractionDigits: 0,
+  maximumFractionDigits: 2
+});
+var formatInput2 = (value) => {
+  return value.replaceAll(/[^0-9.,]/g, "");
+};
+var roundToTwoDecimalPlaces2 = (value) => {
+  return Math.round((value + Number.EPSILON) * 100) / 100;
+};
+var PercentInput = (0, import_react18.forwardRef)(
+  ({ value, onChange, disabled = false, hasError = false, hasWarning = false, message }, ref) => {
+    const [strValue, setStrValue] = useSyncState(value == null ? "" : twoDecimalFormatter2.format(value));
+    const handleChange = (event) => {
+      const inputValue = formatInput2(event.target.value);
+      if (!inputValue) {
+        setStrValue("");
+        return;
+      }
+      if (inputValue === ".") {
+        setStrValue(inputValue);
+        return;
+      }
+      if (inputValue.split(".")?.[1]?.length > 2) return;
+      const parsedValue = parseFloat(inputValue);
+      if (!isNaN(parsedValue)) {
+        setStrValue(inputValue);
+      }
+    };
+    const handlePaste = (event) => {
+      event.preventDefault();
+      const pastedData = formatInput2(event.clipboardData.getData("text"));
+      const parsedAmount = parseFloat(pastedData);
+      if (!isNaN(parsedAmount)) {
+        setStrValue(twoDecimalFormatter2.format(parsedAmount));
+        onChange?.(roundToTwoDecimalPlaces2(parsedAmount));
+      }
+    };
+    const handleBlur = () => {
+      const parsedValue = parseFloat(strValue.replaceAll(",", ""));
+      if (isNaN(parsedValue)) {
+        onChange?.(null);
+      } else {
+        onChange?.(roundToTwoDecimalPlaces2(parsedValue));
+      }
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+        "div",
+        {
+          className: (0, import_tailwind_merge18.twJoin)(
+            "flex h-md w-full items-center rounded-sm py-2.5 text-base [&>input]:rounded-l-none! [&>input]:rounded-r-md!",
+            disabled && "cursor-not-allowed [&>input]:cursor-not-allowed [&>input]:bg-gray-50! [&>input]:text-gray-500!"
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+              "div",
+              {
+                className: (0, import_tailwind_merge18.twJoin)(
+                  "flex h-md w-9.5 items-center justify-center rounded-l-md border-y border-l px-2.5 text-sm text-gray-500",
+                  hasError ? "border-red-300 bg-red-200 text-red-700" : hasWarning ? "border-yellow-300 bg-yellow-100 text-yellow-700" : "border-gray-200 bg-gray-100"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { icon: import_free_solid_svg_icons10.faPercent })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+              Input,
+              {
+                ref,
+                variant: "default",
+                disabled,
+                value: strValue,
+                hasError,
+                hasWarning,
+                onChange: handleChange,
+                onBlur: handleBlur,
+                onPaste: handlePaste,
+                placeholder: "0"
+              }
+            )
+          ]
+        }
+      ),
+      hasWarning && message && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-1 text-sm font-normal text-yellow-700", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { icon: import_free_solid_svg_icons10.faTriangleExclamation }),
+        message
+      ] }),
+      hasError && message && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-1 text-sm font-normal text-red-700", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { icon: import_free_solid_svg_icons10.faCircleExclamation }),
+        message
+      ] })
+    ] });
+  }
+);
+var FormPercentInput = (0, import_react18.forwardRef)(
+  ({ name, layout, label, onChange, disabled, hasWarning = false, message, options }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    ControlledField,
+    {
+      name,
+      render: (field) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        FormItem,
+        {
+          label,
+          layout,
+          options,
+          error: field.error,
+          render: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            PercentInput,
+            {
+              onChange: (percent) => {
+                field.onChange(percent);
+                onChange?.(percent);
+              },
+              value: field.value,
+              disabled,
+              hasError: !disabled && (!!field.error || void 0),
+              hasWarning: !disabled && hasWarning,
+              message,
+              ref
+            }
+          )
+        }
+      )
+    }
+  )
+);
+
+// src/core/form/components/FormCheckbox.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var FormCheckbox = ({ name, disabled, onChange: propsOnChange, children }) => {
+  const {
+    onChange,
+    error,
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    value,
+    ...field
+  } = useControlledFormField({ name });
+  const handleChange = (e) => {
+    const { checked } = e.target;
+    onChange(checked);
+    propsOnChange?.(checked);
+  };
+  if (children == null) {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        Checkbox,
+        {
+          ...field,
+          id: name,
+          disabled,
+          checked: !!value,
+          onChange: handleChange,
+          hasError: !!error
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(FieldErrorMessage, { error })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(ControlledFieldProvider, { name, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(FieldErrorMessage, { error })
+  ] });
+};
+function CheckboxImpl({ onChange: propsOnChange }) {
+  const {
+    name,
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    value,
+    onChange,
+    error,
+    ...field
+  } = useControlledField();
+  const handleChange = (e) => {
+    const { checked } = e.target;
+    onChange(checked);
+    propsOnChange?.(checked);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Checkbox, { ...field, id: name, checked: !!value, onChange: handleChange, hasError: !!error });
+}
+function LabelImpl({ children, className }) {
+  const { name } = useControlledField();
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(FieldLabel, { htmlFor: name, styles: className, children });
+}
+FormCheckbox.Label = LabelImpl;
+FormCheckbox.Checkbox = CheckboxImpl;
+
+// src/core/form/components/ControlledFormItem.tsx
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var ControlledFormItem = ({
+  name,
+  styles,
+  layout,
+  label,
+  options,
+  render
+}) => {
+  const field = useControlledFormField({ name });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    FormItem,
+    {
+      layout,
+      styles,
+      label,
+      options,
+      render: render(field),
+      error: field.error
+    }
+  );
+};
+
+// src/core/select/props.ts
+var DEFAULT_NUM_VALUES_TO_SHOW = 2;
+
+// src/core/select/selectItem.ts
+function doesSelectItemMatch(option, query) {
+  if (!query) {
+    return true;
+  }
+  if (option.isMatch) {
+    return option.isMatch(query);
+  }
+  return option.label.toLowerCase().includes(query.toLowerCase());
+}
+
+// src/core/select/useAsyncMultiSelect.ts
+var import_react_query = require("@tanstack/react-query");
+var import_react19 = require("react");
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = (0, import_react19.useState)(value);
+  (0, import_react19.useEffect)(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+function useAsyncMultiSelect({
+  value,
+  fetchValues,
+  fetchOptions,
+  objToItem,
+  customValueToItem,
+  queryKeyPrefix
+}) {
+  const [query, setQuery] = (0, import_react19.useState)("");
+  const [page, setPage] = (0, import_react19.useState)(void 0);
+  const debouncedSearchTerm = useDebounce(query, 500);
+  const key = Array.isArray(queryKeyPrefix) ? queryKeyPrefix : [queryKeyPrefix];
+  const { data: fetchedValues } = (0, import_react_query.useQuery)({
+    queryKey: [...key, "values", value],
+    queryFn: () => fetchValues(value),
+    enabled: !!value
+  });
+  const {
+    data: fetchedOptions,
+    isLoading: isLoadingOptions,
+    error: optionsError
+  } = (0, import_react_query.useQuery)({
+    queryKey: [...key, "options", debouncedSearchTerm, page],
+    queryFn: () => fetchOptions(debouncedSearchTerm, page)
+  });
+  const selectItems = (0, import_react19.useMemo)(() => {
+    const fetchedValueItems = fetchedValues?.error === false ? fetchedValues.value.map(objToItem) : [];
+    const customItems = customValueToItem ? value.filter((v) => !fetchedValueItems.some((i) => i.value === v)).map((v) => customValueToItem(v)) : [];
+    const fetchedOptionItems = fetchedOptions?.error === false ? fetchedOptions.value.results.map(objToItem) : [];
+    return [...fetchedValueItems, ...customItems, ...fetchedOptionItems];
+  }, [objToItem, value, fetchedValues, fetchedOptions, customValueToItem]);
+  const loadProps = {
+    isLoading: isLoadingOptions,
+    isError: !!(optionsError || !fetchedOptions || fetchedOptions.error),
+    canLoadMore: !fetchedOptions?.error ? !!fetchedOptions?.value?.nextPage : false,
+    onLoadMore: () => {
+      if (!fetchedOptions?.error) {
+        setPage(fetchedOptions?.value?.nextPage);
+      }
+    }
+  };
+  return {
+    setQuery,
+    selectItems,
+    loadProps,
+    queriedObjects: [
+      ...fetchedValues?.error === false ? fetchedValues.value : [],
+      ...fetchedOptions?.error === false ? fetchedOptions.value.results : []
+    ]
+  };
+}
+var useAsyncSelect = ({
+  value,
+  fetchValue,
+  ...rest
+}) => useAsyncMultiSelect({
+  value: value ? [value] : [],
+  fetchValues: async (values) => {
+    if (!values[0]) {
+      return {
+        error: false,
+        value: []
+      };
+    }
+    const result = await fetchValue(values[0]);
+    if (result.error) return result;
+    return {
+      error: false,
+      value: result.value ? [result.value] : []
+    };
+  },
+  ...rest
+});
+
+// src/core/select/AsyncMultiSelect.tsx
+var import_core3 = require("@dnd-kit/core");
+var import_sortable2 = require("@dnd-kit/sortable");
+var import_free_solid_svg_icons13 = require("@fortawesome/free-solid-svg-icons");
+var import_react21 = require("react");
+var import_tailwind_merge22 = require("tailwind-merge");
+
+// src/core/dropdown-chevron/DropdownChevron.tsx
+var import_free_solid_svg_icons11 = require("@fortawesome/free-solid-svg-icons");
+var import_tailwind_merge19 = require("tailwind-merge");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var DropdownChevron = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: (0, import_tailwind_merge19.twJoin)("w-3 text-sm text-gray-500"), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { icon: import_free_solid_svg_icons11.faChevronDown }) });
+};
+
+// src/core/popover/Popover.tsx
+var RadixPopover = __toESM(require("@radix-ui/react-popover"), 1);
+var import_tailwind_merge20 = require("tailwind-merge");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var Popover = ({
+  open,
+  trigger,
+  triggerClassName,
+  children,
+  arrowClassName,
+  contentClassName,
+  disabled,
+  onOpenChange,
+  alignContent,
+  container,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(RadixPopover.Root, { open, onOpenChange, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RadixPopover.Trigger, { asChild: true, disabled, className: triggerClassName, children: trigger }),
+  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    PopoverBody,
+    {
+      align: alignContent,
+      ...props,
+      contentClassName,
+      arrowClassName,
+      container,
+      children
+    }
+  )
+] });
+var PopoverBody = ({ children, arrowClassName, contentClassName, container, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RadixPopover.Portal, { container, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+    RadixPopover.Content,
+    {
+      ...props,
+      className: (0, import_tailwind_merge20.twMerge)("isolate z-50 rounded-lg bg-white shadow-lg focus:outline-hidden", contentClassName),
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RadixPopover.Arrow, { className: (0, import_tailwind_merge20.twMerge)("fill-white", arrowClassName), offset: 8 })
+      ]
+    }
+  ) });
+};
+Popover.Root = (props) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RadixPopover.Root, { ...props });
+Popover.Trigger = (props) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RadixPopover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, { ...props }) });
+Popover.Body = PopoverBody;
+Popover.Close = (props) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(RadixPopover.Close, { asChild: true, ...props });
+
+// src/core/select/SelectListItem.tsx
+var import_sortable = require("@dnd-kit/sortable");
+var import_utilities = require("@dnd-kit/utilities");
+var import_free_solid_svg_icons12 = require("@fortawesome/free-solid-svg-icons");
+var import_react20 = require("react");
+var import_tailwind_merge21 = require("tailwind-merge");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var SelectListItem = ({
+  sortableId,
+  children,
+  onClick,
+  disabled = false,
+  focused = false
+}) => {
+  const { setNodeRef, listeners, attributes, transform, transition } = (0, import_sortable.useSortable)({ id: sortableId ?? "" });
+  const containerRef = (0, import_react20.useRef)(null);
+  (0, import_react20.useEffect)(() => {
+    if (focused && containerRef.current) {
+      containerRef.current.scrollIntoView({ block: "nearest", inline: "nearest", behavior: "smooth" });
+    }
+  }, [focused]);
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    "li",
+    {
+      ref: (ref) => {
+        setNodeRef(ref);
+        containerRef.current = ref;
+      },
+      onClick: disabled ? void 0 : onClick,
+      className: (0, import_tailwind_merge21.twJoin)(
+        "flex w-full items-center gap-2 rounded-lg px-2 py-1.5",
+        disabled ? "cursor-not-allowed text-gray-400" : "cursor-pointer transition-colors duration-150 hover:bg-gray-100",
+        focused && "bg-gray-100"
+      ),
+      style: {
+        transform: import_utilities.CSS.Transform.toString(transform),
+        transition
+      },
+      ...attributes,
+      children: [
+        sortableId && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          "div",
+          {
+            className: "cursor-grab font-medium active:cursor-grabbing",
+            ...listeners,
+            onClick: (e) => {
+              e.stopPropagation();
+              listeners?.onClick(e);
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { icon: import_free_solid_svg_icons12.faGripVertical })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex w-full flex-1 items-center justify-between", children })
+      ]
+    }
+  );
+};
+
+// src/core/select/AsyncMultiSelect.tsx
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var AsyncMultiSelect = ({
+  value = [],
+  onChange,
+  disabled = false,
+  ordered,
+  variant,
+  triggerPlaceholder,
+  hideSearch = false,
+  searchPlaceholder = "Search...",
+  items,
+  loadProps,
+  onSearchChange,
+  minSelection = 0,
+  maxSelection = "unlimited",
+  allowCustomValues,
+  hasError,
+  popover,
+  isValidCustomValue = () => true,
+  onSelectAll,
+  numValuesToShow,
+  emptyState,
+  size,
+  onOpen,
+  onClose
+}) => {
+  const [open, setOpen] = (0, import_react21.useState)(false);
+  const [search, setSearch] = (0, import_react21.useState)("");
+  const [focusIndex, setFocusIndex] = (0, import_react21.useState)(0);
+  const inputRef = (0, import_react21.useRef)(null);
+  const unselectedOptions = (0, import_react21.useMemo)(() => items.filter((item) => !value.includes(item.value)), [items, value]);
+  const resetSearch = () => {
+    setSearch("");
+    onSearchChange?.("");
+  };
+  const handleClose = () => {
+    setOpen(false);
+    resetSearch();
+    setFocusIndex(0);
+    onClose?.();
+  };
+  const searchMatchesExistingOption = value.some((v) => v.toString().toLowerCase() === search.toLowerCase()) || unselectedOptions.find((opt) => opt.value?.toString().toLowerCase() === search.toLowerCase());
+  const showCustomItem = allowCustomValues && !!search && !loadProps?.isLoading && !searchMatchesExistingOption && isValidCustomValue(search);
+  const isCustomValueSelected = (0, import_react21.useMemo)(
+    () => allowCustomValues && value.some((v) => !items.map((item) => item.value).includes(v)),
+    [allowCustomValues, items, value]
+  );
+  const showCustomValue = isCustomValueSelected && !loadProps?.isLoading;
+  const handleAddCustomItem = () => {
+    if (maxSelection === 1) {
+      setOpen(false);
+      onChange?.([search]);
+    } else {
+      onChange?.([...value, search]);
+    }
+    resetSearch();
+  };
+  const handleOptionSelected = (val) => {
+    if (maxSelection === 1) {
+      onChange?.([val]);
+      handleClose();
+    } else {
+      let items2 = ordered ? [...value, val] : [val, ...value];
+      if (maxSelection !== "unlimited") {
+        items2 = items2.slice(0, maxSelection);
+      }
+      onChange?.(items2);
+    }
+    if (inputRef.current) {
+      inputRef.current.select();
+    }
+  };
+  const totalNumItems = unselectedOptions.length + (showCustomItem ? 1 : 0);
+  const handleKeyDown = (e) => {
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setFocusIndex((prev) => (prev + 1) % totalNumItems);
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setFocusIndex((prev) => Math.max(prev - 1, 0));
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      if (focusIndex === 0 && showCustomItem) {
+        handleAddCustomItem();
+      } else if (totalNumItems > focusIndex) {
+        const unselectedOptionsIndex = focusIndex - (showCustomItem ? 1 : 0);
+        if (!unselectedOptions[unselectedOptionsIndex].disabled) {
+          handleOptionSelected(unselectedOptions[unselectedOptionsIndex].value);
+        }
+      }
+    } else if (e.key === "Tab") {
+      e.preventDefault();
+      setOpen(false);
+    }
+  };
+  const handleSearchTermChange = (val) => {
+    setSearch(val);
+    setFocusIndex(0);
+    onSearchChange?.(val);
+  };
+  const handleTriggerKeyDown = (e) => {
+    if (!hideSearch && !e.ctrlKey && !e.metaKey && !e.altKey) {
+      setOpen(true);
+      onOpen?.();
+      handleSearchTermChange(e.key);
+    }
+  };
+  const valueToOptionMap = (0, import_react21.useMemo)(() => {
+    const map = /* @__PURE__ */ new Map();
+    items.forEach((item) => map.set(item.value, item));
+    return map;
+  }, [items]);
+  const allValuesHaveOptions = (0, import_react21.useMemo)(
+    () => value.every((val) => valueToOptionMap.has(val)) || showCustomValue,
+    [value, valueToOptionMap, showCustomValue]
+  );
+  const triggerText = (0, import_react21.useMemo)(() => {
+    if (value.length === 0) {
+      return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "truncate", children: triggerPlaceholder ?? `Select ${maxSelection === 1 ? "an item..." : "items..."}` });
+    }
+    if (!allValuesHaveOptions) {
+      return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "line-clamp-1", children: "Loading..." });
+    }
+    const optionMatchingFirstVal = valueToOptionMap.get(value[0]) || {
+      label: value[0],
+      icon: void 0
+    };
+    const firstValText = optionMatchingFirstVal ? optionMatchingFirstVal.label : value[0];
+    const icon = value.length === 1 ? optionMatchingFirstVal?.icon : void 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "mr-1 inline-flex items-center", children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "line-clamp-1 text-left", children: `${firstValText}${value.length > 1 ? "," : ""}` }),
+      value.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "whitespace-nowrap", children: `+${value.length - 1} more` })
+    ] });
+  }, [maxSelection, valueToOptionMap, triggerPlaceholder, value, allValuesHaveOptions]);
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    Popover,
+    {
+      open: open && !disabled,
+      onOpenChange: (val) => {
+        if (val) {
+          setOpen(true);
+          onOpen?.();
+        } else {
+          handleClose();
+        }
+      },
+      alignContent: "start",
+      disabled,
+      triggerClassName: popover?.triggerClassName,
+      contentClassName: popover?.contentClassName,
+      container: popover?.container,
+      trigger: popover?.customTrigger ?? (variant === "simple" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+        "div",
+        {
+          onKeyDown: handleTriggerKeyDown,
+          className: (0, import_tailwind_merge22.twJoin)(
+            "-mx-2 -my-1.5 flex cursor-pointer items-center justify-between gap-1.5 rounded-md px-2 py-1.5 transition-all duration-150",
+            !disabled && "cursor-pointer hover:bg-gray-100"
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              "div",
+              {
+                className: (0, import_tailwind_merge22.twJoin)(
+                  "line-clamp-1 flex flex-1 items-center",
+                  value.length !== 0 ? "text-inherit" : "text-gray-500"
+                ),
+                children: triggerText
+              }
+            ),
+            !disabled && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DropdownChevron, {})
+          ]
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("button", { onKeyDown: handleTriggerKeyDown, className: (0, import_tailwind_merge22.twJoin)("w-full", inputBoxStyles({ hasError, size })), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          "span",
+          {
+            className: `mr-auto line-clamp-1 flex items-center space-x-1 text-left text-base ${value.length === 0 ? "text-gray-400" : "text-gray-800"}`,
+            children: triggerText
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DropdownChevron, {})
+      ] })),
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "w-72", children: [
+        (!hideSearch || allowCustomValues) && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(InputBox, { variant: "transparent", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-3 text-sm text-gray-400", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: import_free_solid_svg_icons13.faMagnifyingGlass }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            InputBox.Input,
+            {
+              ref: inputRef,
+              value: search,
+              onChange: (e) => handleSearchTermChange(e.target.value),
+              placeholder: searchPlaceholder,
+              onBlur: (e) => e.target.focus(),
+              onKeyDown: handleKeyDown
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("ul", { className: "max-h-72 space-y-1 overflow-y-auto p-1", children: [
+          !allValuesHaveOptions ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectListItem, { disabled: true, children: "Loading..." }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            SelectedItems,
+            {
+              value,
+              onChange,
+              search,
+              valueToOptionMap,
+              onSelectAll,
+              minSelection,
+              ordered,
+              numValuesToShow
+            }
+          ),
+          showCustomItem && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectOption, { onClick: handleAddCustomItem, focused: showCustomItem && focusIndex === 0, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: `"${search}"` }) }),
+          unselectedOptions.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            SelectOption,
+            {
+              onClick: () => handleOptionSelected(item.value),
+              focused: focusIndex === (showCustomItem ? i + 1 : i),
+              disabled: item.disabled,
+              children: item.display ?? item.label
+            },
+            item.reactKey ?? item.value
+          )),
+          !loadProps ? (
+            // no asynchronous loading
+            unselectedOptions.length === 0 && (emptyState || /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectListItem, { disabled: true, children: "No results" }))
+          ) : loadProps.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectListItem, { disabled: true, children: "Loading..." }) : loadProps.isError ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectListItem, { disabled: true, children: "An error occurred" }) : unselectedOptions.length === 0 ? emptyState || /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectListItem, { disabled: true, children: "No results" }) : loadProps.canLoadMore ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            "div",
+            {
+              className: "cursor-pointer px-2 py-1 text-sm font-medium text-indigo-600",
+              onClick: loadProps.onLoadMore,
+              children: "Load more..."
+            }
+          ) : null
+        ] })
+      ] })
+    }
+  );
+};
+var SelectOption = ({ children, focused, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(SelectListItem, { focused, ...rest, children: [
+  children,
+  focused && !rest.disabled && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "w-3 text-sm text-gray-500", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { icon: import_free_solid_svg_icons13.faArrowTurnDown }) })
+] });
+var SelectedItems = ({
+  value = [],
+  onChange,
+  onSelectAll,
+  minSelection,
+  search,
+  valueToOptionMap,
+  ordered,
+  numValuesToShow = DEFAULT_NUM_VALUES_TO_SHOW
+}) => {
+  const [showAllValues, setShowAllValues] = (0, import_react21.useState)(false);
+  const filteredSelectedValues = (0, import_react21.useMemo)(() => {
+    return value.filter((v) => {
+      if (!search) {
+        return true;
+      }
+      const option = valueToOptionMap.get(v);
+      if (!option) {
+        return false;
+      }
+      return doesSelectItemMatch(option, search);
+    });
+  }, [value, search, valueToOptionMap]);
+  const sensors = (0, import_core3.useSensors)(
+    (0, import_core3.useSensor)(import_core3.PointerSensor, {
+      activationConstraint: {
+        distance: 8
+      }
+    })
+  );
+  const onDragEnd = (event) => {
+    const { active, over } = event;
+    if (over && active.id !== over.id) {
+      const newOrder = [...value];
+      const activeIndex = newOrder.indexOf(active.id);
+      const overIndex = newOrder.indexOf(over.id);
+      newOrder.splice(activeIndex, 1);
+      newOrder.splice(overIndex, 0, active.id);
+      onChange?.(newOrder);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_core3.DndContext, { sensors, onDragEnd, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    import_sortable2.SortableContext,
+    {
+      disabled: !ordered,
+      items: filteredSelectedValues.map((v) => ({ id: v, value: v })),
+      strategy: import_sortable2.verticalListSortingStrategy,
+      children: [
+        (filteredSelectedValues.length > numValuesToShow || onSelectAll) && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex justify-between px-2 pt-1.5 pb-px text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "font-medium text-gray-500", children: [
+            value.length,
+            " selected",
+            filteredSelectedValues.length < value.length ? ` (showing ${filteredSelectedValues.length})` : ""
+          ] }),
+          value.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "cursor-pointer text-red-600 hover:underline", onClick: () => onChange?.([]), children: "Clear" }) : onSelectAll ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "cursor-pointer text-indigo-700 hover:underline", onClick: onSelectAll, children: "Select all" }) : null
+        ] }),
+        filteredSelectedValues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+          filteredSelectedValues.slice(0, showAllValues ? value.length : numValuesToShow).map((val) => {
+            const item = valueToOptionMap.get(val);
+            return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+              SelectListItem,
+              {
+                sortableId: ordered ? val : void 0,
+                onClick: () => {
+                  const canRemove = minSelection === 0 || value.length !== 1;
+                  if (canRemove) {
+                    onChange?.(value.filter((v) => v !== val));
+                  }
+                },
+                children: [
+                  !item ? val : item.display ?? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-2", children: [
+                    item.icon,
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: item.label })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex w-3 justify-center text-sm text-gray-500", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                    Icon,
+                    {
+                      icon: minSelection === 1 ? import_free_solid_svg_icons13.faCheck : import_free_solid_svg_icons13.faXmark
+                    }
+                  ) })
+                ]
+              },
+              val
+            );
+          }),
+          filteredSelectedValues.length > numValuesToShow && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            "div",
+            {
+              className: "cursor-pointer px-2 py-1 text-sm font-medium text-indigo-600",
+              onClick: () => setShowAllValues((prev) => !prev),
+              children: showAllValues ? "Show less" : `Show ${filteredSelectedValues.length - numValuesToShow} more selected`
+            }
+          )
+        ] }),
+        (filteredSelectedValues.length > 0 || onSelectAll) && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { className: "py-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("hr", { className: "h-px bg-gray-200" }) })
+      ]
+    }
+  ) });
+};
+
+// src/core/select/AsyncSelect.tsx
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var AsyncSelect = ({
+  value,
+  onChange,
+  allowUnselect = false,
+  ...rest
+}) => {
+  const multiValue = value ? [value] : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    AsyncMultiSelect,
+    {
+      minSelection: allowUnselect ? 0 : 1,
+      maxSelection: 1,
+      value: multiValue,
+      onChange: (val) => onChange?.(val[0]),
+      ...rest
+    }
+  );
+};
+
+// src/core/select/MultiSelect.tsx
+var import_react22 = require("react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var MultiSelect = ({
+  value,
+  items: options,
+  onSearchChange,
+  customValueToOption,
+  ...rest
+}) => {
+  const [query, setQuery] = (0, import_react22.useState)("");
+  const optionsForValues = (0, import_react22.useMemo)(
+    () => value?.map((val) => {
+      const option = options.find((opt) => opt.value === val);
+      if (option) return option;
+      if (!customValueToOption) {
+        return {
+          value: val,
+          label: val.toString()
+        };
+      }
+      return customValueToOption(val);
+    }) ?? [],
+    [customValueToOption, options, value]
+  );
+  const optionsMatchingQuery = (0, import_react22.useMemo)(
+    () => options.filter((option) => doesSelectItemMatch(option, query)),
+    [query, options]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    AsyncMultiSelect,
+    {
+      value,
+      items: [...optionsForValues, ...optionsMatchingQuery],
+      onSearchChange: (q) => {
+        setQuery(q);
+        onSearchChange?.(q);
+      },
+      ...rest
+    }
+  );
+};
+
+// src/core/select/Select.tsx
+var import_jsx_runtime46 = require("react/jsx-runtime");
+function Select({ value, onChange, allowUnselect, ...rest }) {
+  const multivalue = value || value === 0 ? [value] : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    MultiSelect,
+    {
+      value: multivalue,
+      onChange: (val) => onChange?.(val[0]),
+      minSelection: allowUnselect ? 0 : 1,
+      maxSelection: 1,
+      ...rest
+    }
+  );
+}
+
+// src/core/select/SelectWtihUnselect.tsx
+var import_jsx_runtime47 = require("react/jsx-runtime");
+function SelectWithUnselect({
+  value,
+  onChange,
+  ...rest
+}) {
+  const multivalue = value || value === 0 ? [value] : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    MultiSelect,
+    {
+      value: multivalue,
+      onChange: (val) => onChange?.(val[0] ?? null),
+      minSelection: 0,
+      maxSelection: 1,
+      ...rest
+    }
+  );
+}
+
+// src/core/form/components/FormSelect.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var FormSelect = ({
+  name,
+  styles,
+  layout,
+  label,
+  options,
+  onChange,
+  ...rest
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    ControlledFormItem,
+    {
+      name,
+      layout,
+      styles,
+      label,
+      options,
+      render: (field) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        Select,
+        {
+          ...rest,
+          value: field.value,
+          onChange: (value) => {
+            field.onChange(value);
+            onChange?.(value);
+          },
+          hasError: !!field.error
+        }
+      )
+    }
+  );
+};
+
+// src/core/form/components/FormMultiSelect.tsx
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var FormMultiSelect = ({
+  name,
+  styles,
+  layout,
+  label,
+  options,
+  onChange,
+  ...rest
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    ControlledFormItem,
+    {
+      name,
+      layout,
+      styles,
+      label,
+      options,
+      render: (field) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        MultiSelect,
+        {
+          ...rest,
+          value: field.value,
+          onChange: (value) => {
+            field.onChange(value);
+            onChange?.(value);
+          },
+          hasError: !!field.error
+        }
+      )
+    }
+  );
+};
+
+// src/core/form/components/FormTextArea.tsx
+var import_lodash_es2 = require("lodash-es");
+
+// src/core/textarea/TextArea.tsx
+var import_react23 = require("react");
+var import_tailwind_merge23 = require("tailwind-merge");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var TextAreaComp = (0, import_react23.forwardRef)(({ className, hasError, ...rest }, ref) => {
+  const ringClassName = rest.disabled ? "focus:outline-hidden focus:ring-0" : hasError ? "focus:outline-hidden focus:ring-red-500 focus:border-red-500" : RING_COLOR_CLASSNAME;
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    "textarea",
+    {
+      ...rest,
+      className: (0, import_tailwind_merge23.twMerge)(
+        "block w-full resize-none rounded-md shadow-sm disabled:bg-gray-100",
+        hasError ? "border-red-300 text-red-900 placeholder-red-300" : "border-gray-200 placeholder-gray-400 focus:border-indigo-400",
+        ringClassName,
+        className
+      ),
+      ref
+    }
+  );
+});
+var TextArea = (0, import_react23.forwardRef)(({ hasError, errorNode, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TextAreaComp, { ...rest, hasError, ref }),
+  hasError && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ErrorText, { className: "mt-2 text-sm", children: errorNode })
+] }));
+
+// src/core/form/components/FormTextArea.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var FormTextArea = ({
+  name,
+  styles,
+  layout,
+  label,
+  options,
+  debounce: debounceInterval,
+  ...rest
+}) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  UncontrolledField,
+  {
+    name,
+    render: ({ error, register }) => {
+      const controlFields = register();
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        FormItem,
+        {
+          layout,
+          styles,
+          label,
+          options,
+          render: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            TextArea,
+            {
+              ...controlFields,
+              hasError: !!error || void 0,
+              ...rest,
+              onChange: debounceInterval ? (0, import_lodash_es2.debounce)(controlFields.onChange, debounceInterval) : controlFields.onChange
+            }
+          ),
+          error
+        }
+      );
+    }
+  }
+);
+
+// src/core/form/components/FormSwitch.tsx
+var import_tailwind_merge24 = require("tailwind-merge");
+
+// src/core/switch/Switch.tsx
+var RadixSwitch = __toESM(require("@radix-ui/react-switch"), 1);
+var React10 = __toESM(require("react"), 1);
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var SwitchIdContext = React10.createContext(void 0);
+var useSwitchId = () => React10.useContext(SwitchIdContext);
+var SwitchControl = (props) => {
+  const id = useSwitchId();
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    RadixSwitch.Root,
+    {
+      ...props,
+      id,
+      className: "flex h-5 w-9 shrink-0 items-center rounded-full bg-gray-200 focus:outline-hidden focus-visible:ring-2 focus-visible:ring-indigo-400 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:bg-gray-100 data-[state=checked]:bg-indigo-700",
+      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(RadixSwitch.SwitchThumb, { className: "block h-4 w-4 translate-x-0.5 rounded-full bg-white duration-100 data-disabled:shadow-none data-[state=checked]:translate-x-[18px]" })
+    }
+  );
+};
+var SwitchLabel = (props) => {
+  const id = useSwitchId();
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("label", { ...props, htmlFor: id });
+};
+var Switch = ({ children, className, ...rest }) => {
+  const autoId = React10.useId();
+  if (children == null) {
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SwitchControl, { ...rest });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SwitchIdContext.Provider, { value: autoId, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className, children }) });
+};
+Switch.Control = SwitchControl;
+Switch.Label = SwitchLabel;
+
+// src/core/form/components/FormSwitch.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var FormSwitch = ({ name, styles, layout, label, options, onChange, ...props }) => {
+  if (layout === "side-by-side") {
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      ControlledField,
+      {
+        name,
+        render: (field) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: (0, import_tailwind_merge24.twJoin)("flex items-start gap-x-2", styles), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            Switch,
+            {
+              ...props,
+              checked: (
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+                field.value
+              ),
+              onCheckedChange: (value) => {
+                field.onChange(value);
+                onChange?.(value);
+              }
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "pt-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FieldLabelWithTooltip, { label, options }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FieldDescription, { styles: "pt-0.5", children: options?.description }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FieldErrorMessage, { error: field.error }),
+            options?.bottomSlot
+          ] })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    ControlledFormItem,
+    {
+      name,
+      layout,
+      styles,
+      label,
+      options,
+      render: (field) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Switch, { ...props, checked: field.value, onCheckedChange: field.onChange })
+    }
+  );
+};
+
+// src/core/radio-button-group/RadioButtonItem.tsx
+var import_tailwind_merge25 = require("tailwind-merge");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var RadioButtonItem = ({
+  value,
+  displayValue,
+  description,
+  expandedContents,
+  expandedContentsStyle,
+  disabled,
+  isChecked,
+  onSelect,
+  asCard = false
+}) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  "div",
+  {
+    className: (0, import_tailwind_merge25.twJoin)(
+      "flex flex-col gap-2",
+      asCard && "rounded-md border px-3 py-2",
+      asCard && !isChecked && "border-gray-200",
+      asCard && isChecked && "border-indigo-500"
+    ),
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+        "div",
+        {
+          className: (0, import_tailwind_merge25.twJoin)(
+            "relative flex gap-2",
+            disabled && "cursor-not-allowed opacity-30 *:cursor-not-allowed",
+            expandedContentsStyle === "inline" ? "items-center" : "items-start"
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+              "input",
+              {
+                onChange: (evt) => onSelect?.(evt.target.value),
+                id: value,
+                value,
+                checked: isChecked,
+                disabled,
+                type: "radio",
+                className: "mt-px border-gray-200 p-2 text-indigo-700 ring-0 ring-indigo-700"
+              }
+            ),
+            expandedContentsStyle === "inline" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("label", { htmlFor: value, className: "flex w-full flex-row gap-2.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-9/12 items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "font-medium", children: displayValue }),
+                description && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { id: `${value}-description`, className: "text-gray-500", children: description })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex w-3/12 items-center", children: expandedContents?.(!isChecked || !!disabled) })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { htmlFor: value, className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "font-medium", children: displayValue }) })
+          ]
+        }
+      ),
+      expandedContentsStyle !== "inline" && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+        description && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { id: `${value}-description`, className: "text-gray-500", children: description }),
+        expandedContents?.(!isChecked || !!disabled)
+      ] })
+    ]
+  }
+);
+
+// src/core/radio-button-group/RadioButtonGroup.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var RadioButtonGroup = ({ className, items, onChange, value, asCards = false }) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("fieldset", { className, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "space-y-3", children: items.map(
+  ({ value: itemValue, displayValue, description, expandedContents, expandedContentsStyle, disabled }, index) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    RadioButtonItem,
+    {
+      disabled,
+      onSelect: onChange,
+      isChecked: value === itemValue,
+      value: itemValue,
+      displayValue,
+      description,
+      expandedContents,
+      expandedContentsStyle,
+      asCard: asCards
+    },
+    index
+  )
+) }) });
+
+// src/core/form/components/FormRadioButtonGroup.tsx
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var FormRadioButtonGroup = ({
+  name,
+  items,
+  onChange,
+  asCards = false,
+  className
+}) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  ControlledField,
+  {
+    name,
+    render: (field) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        RadioButtonGroup,
+        {
+          ...field,
+          className,
+          items,
+          onChange: (newValue) => {
+            field.onChange(newValue);
+            onChange?.(newValue);
+          },
+          asCards
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(FieldErrorMessage, { error: field.error })
+    ] })
+  }
+);
+
+// src/core/form/components/FormDatePicker.tsx
+var import_react24 = require("react");
+var import_tailwind_merge26 = require("tailwind-merge");
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var FormDatePicker = ({
+  name,
+  styles,
+  layout,
+  label,
+  onChange,
+  options,
+  containerRef,
+  disabled,
+  ...rest
+}) => {
+  const {
+    onChange: onChangeInternal,
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    value,
+    error
+  } = useControlledFormField({ name });
+  const handleChange = (0, import_react24.useCallback)(
+    (newValue) => {
+      onChange?.(newValue ?? null);
+      onChangeInternal(newValue ?? null);
+    },
+    [onChangeInternal, onChange]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    FormItem,
+    {
+      layout,
+      styles,
+      label,
+      options,
+      ref: containerRef,
+      render: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: (0, import_tailwind_merge26.twJoin)(disabled && "text-gray-500"), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        DatePicker,
+        {
+          ...rest,
+          disabled,
+          value: (
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            value
+          ),
+          onChange: handleChange,
+          hasError: !!error
+        }
+      ) }),
+      error
+    }
+  );
+};
+
+// src/core/form/components/schemas/currency-schemas.ts
+var import_zod2 = require("zod");
+var CURRENCY_REGEX = /^-?(?:\d{1,3}(?:,\d{3})*|\d+|\.\d{1,2})(?:\.\d{1,2})?$/;
+var DOLLARS_STR_ERROR_MESSAGE = "Must use dollars and cents or whole numbers.";
+var dollarsStrSchema = import_zod2.z.string().regex(CURRENCY_REGEX, DOLLARS_STR_ERROR_MESSAGE);
+var requiredDollarsStrSchema = import_zod2.z.string().trim().nonempty("Required").regex(CURRENCY_REGEX, DOLLARS_STR_ERROR_MESSAGE);
+var requiredDollarsStrSchemaWithCustomMessage = (requiredError, invalidTypeError) => import_zod2.z.string().trim().nonempty(requiredError).regex(CURRENCY_REGEX, invalidTypeError);
+var requiredNonZeroDollarsStrSchema = requiredDollarsStrSchema.refine(
+  (value) => parseFloat(value) !== 0,
+  "Amount cannot be $0.00"
+);
+var requiredPositiveDollarsStrSchema = requiredDollarsStrSchema.refine(
+  (value) => parseFloat(value) > 0,
+  "Amount must be greater than $0.00"
+);
+var requiredPositiveOrZeroDollarsStrSchema = requiredDollarsStrSchema.refine(
+  (value) => parseFloat(value) >= 0,
+  "Amount must be greater than or equal to $0.00"
+);
+
+// src/core/form/components/schemas/form-schemas.ts
+var import_zod4 = require("zod");
+
+// src/core/form/components/schemas/helper-schemas.ts
+var import_zod3 = require("zod");
+var asOptional = (schema) => import_zod3.z.union([
+  // order is important: the empty-like literals must precede actual schema
+  import_zod3.z.literal(null).transform(() => void 0),
+  import_zod3.z.literal("").transform(() => void 0),
+  import_zod3.z.string().trim().transform((val) => val === "" ? void 0 : val).pipe(import_zod3.z.undefined()),
+  schema.optional()
+]);
+var asNullish = (schema) => import_zod3.z.union([
+  // order is important: the empty-like literals must precede actual schema
+  import_zod3.z.literal(null).transform(() => void 0),
+  import_zod3.z.literal("").transform(() => void 0),
+  import_zod3.z.string().trim().transform((val) => val === "" ? void 0 : val).pipe(import_zod3.z.undefined()),
+  schema.nullish()
+]);
+var asNumericStr = (schema, message = "Only numbers allowed") => schema.regex(/^\d+$/i, message);
+var asRequiredCustom = (message = "Required") => {
+  return import_zod3.z.custom((value) => {
+    if (value == null || typeof value !== "object") {
+      return !!value;
+    }
+    if (Array.isArray(value)) {
+      return value.length > 0;
+    }
+    return Object.keys(value).length > 0;
+  }, message);
+};
+
+// src/core/form/components/schemas/form-schemas.ts
+var npiSchema = asNumericStr(import_zod4.z.string().trim().nonempty("Required").length(10, "Must have 10 numbers"));
+var npiSchemaOptional = asOptional(asNumericStr(import_zod4.z.string().trim()).length(10, "Must have 10 numbers"));
+var taxonomyCodeSchema = import_zod4.z.string().trim().nonempty("Must contain characters, not just whitespace").length(10, "Must have 10 characters");
+var TAX_ID_REGEX = /^(([0-9]{9})|([0-9]{3}-[0-9]{2}-[0-9]{4})|([0-9]{2}-[0-9]{7}))$/i;
+var taxIdSchema = import_zod4.z.string().trim().nonempty("Required").regex(TAX_ID_REGEX, "Must have 9 numbers formatted: XXXXXXXXX or XXX-XX-XXXX or XX-XXXXXXX");
+
+// src/core/form/components/schemas/selected-amount-schema.ts
+var import_zod5 = require("zod");
+var selectedAmountSchema = import_zod5.z.object({
+  selected: asOptional(import_zod5.z.boolean()),
+  amountStr: asOptional(dollarsStrSchema)
+});
+
+// src/core/form/components/schemas/utils.ts
+var import_zod6 = require("zod");
+var buildZodIssue = (path, message) => ({
+  path: Array.isArray(path) ? path : [path],
+  message,
+  code: import_zod6.z.ZodIssueCode.custom
+});
+
+// src/core/drawer/Drawer.tsx
+var import_react27 = require("react");
+var import_tailwind_merge29 = 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_tailwind_merge27 = require("tailwind-merge");
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var Spinner = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  import_react_fontawesome2.FontAwesomeIcon,
+  {
+    ...props,
+    className: (0, import_tailwind_merge27.twJoin)("animate-spin text-gray-400", className),
+    icon: import_free_solid_svg_icons14.faSpinner
+  }
+);
+
+// src/core/loaders/LoadingState.tsx
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var LoadingStateTemplate = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "inset-0 z-10 flex h-full items-center justify-center", children });
+var LoadingState = ({ size = "2x" }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(LoadingStateTemplate, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Spinner, { size }) });
+
+// src/core/loaders/LoadingBar.tsx
+var import_tailwind_merge28 = require("tailwind-merge");
+var import_jsx_runtime60 = require("react/jsx-runtime");
+var LoadingBar = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: (0, import_tailwind_merge28.twMerge)("relative h-3 w-full overflow-hidden rounded-full bg-gray-100", className), children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  "div",
+  {
+    className: "absolute inset-0 w-full animate-loading-slide bg-gradient-to-r from-transparent via-indigo-400/60 to-transparent",
+    style: { width: "50%" }
+  }
+) });
+
+// src/core/drawer/drawerState.ts
+var import_react25 = require("react");
+var DrawerStateContext = (0, import_react25.createContext)({
+  isOpen: false,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  onClose: () => {
+  }
+});
+var useDrawer = () => {
+  const context = (0, import_react25.useContext)(DrawerStateContext);
+  if (context === void 0) {
+    throw new Error("useDrawer must be used within a DrawerStateContext");
+  }
+  return context;
+};
+
+// src/core/drawer/useDrawerResize.ts
+var import_react26 = require("react");
+var MIN_LEFT_SPACE = 240;
+var MIN_WIDTH_PCT = 0.5;
+var MIN_WIDTH_PX = 500;
+var constraintPct = (val) => Math.min(1, Math.max(0, val));
+var localStoragePersist = (key) => ({
+  load: () => {
+    try {
+      const val = localStorage.getItem(key);
+      if (val && !Number.isNaN(Number(val))) {
+        return constraintPct(Number(val));
+      }
+      return void 0;
+    } catch {
+      return void 0;
+    }
+  },
+  save: (size) => {
+    try {
+      localStorage.setItem(key, constraintPct(size).toString());
+    } catch {
+    }
+  }
+});
+var computeWidth = (pct) => window.innerWidth * pct;
+var computePct = (widthPx) => widthPx / window.innerWidth;
+var constrainedWidth = (width) => {
+  const minWidth = Math.max(window.innerWidth * MIN_WIDTH_PCT, MIN_WIDTH_PX);
+  const maxWidth = window.innerWidth - MIN_LEFT_SPACE;
+  return Math.min(Math.max(width, minWidth), maxWidth);
+};
+var useDrawerResize = ({ slider, drawer, isOpen, defaultSizePct, persistWidth }) => {
+  const widthPx = (0, import_react26.useRef)(computeWidth(defaultSizePct));
+  const toggleOpen = (0, import_react26.useCallback)(
+    (open) => {
+      if (slider.current && drawer.current) {
+        drawer.current.style.transition = `right 200ms ease-out, opacity 200ms`;
+        slider.current.style.right = open ? `${widthPx.current}px` : "0";
+        drawer.current.style.right = open ? "0" : `-200px`;
+        drawer.current.style.opacity = open ? "1" : "0";
+        drawer.current.style.pointerEvents = open ? "auto" : "none";
+      }
+    },
+    [drawer, slider]
+  );
+  const setWidth = (0, import_react26.useCallback)(
+    (width) => {
+      widthPx.current = width;
+      if (slider.current && drawer.current) {
+        drawer.current.style.transition = "none";
+        slider.current.style.right = `${width}px`;
+        drawer.current.style.width = `${width}px`;
+      }
+      if (width !== 0) {
+        persistWidth?.save?.(computePct(width));
+      }
+    },
+    [drawer, persistWidth, slider]
+  );
+  (0, import_react26.useEffect)(() => {
+    if (slider.current) {
+      const onPointerDown = (e) => {
+        document.body.style.userSelect = "none";
+        const startX = e.clientX;
+        const startWidth = widthPx.current;
+        const onPointerMove = (evt) => {
+          const newWidth = startWidth + (startX - evt.clientX);
+          setWidth(constrainedWidth(newWidth));
+        };
+        const onPointerUp = () => {
+          document.body.style.userSelect = "auto";
+          window.removeEventListener("pointermove", onPointerMove);
+          window.removeEventListener("pointerup", onPointerUp);
+        };
+        window.addEventListener("pointermove", onPointerMove);
+        window.addEventListener("pointerup", onPointerUp);
+      };
+      const sliderNode = slider.current;
+      sliderNode.addEventListener("pointerdown", onPointerDown);
+      return () => {
+        sliderNode.removeEventListener("pointerdown", onPointerDown);
+      };
+    }
+  }, [setWidth, slider]);
+  const loadWidth = (0, import_react26.useCallback)(() => {
+    if (!isOpen) {
+      toggleOpen(false);
+    } else {
+      const savedWidthPct = persistWidth?.load?.();
+      const width = savedWidthPct ? constrainedWidth(computeWidth(savedWidthPct)) : computeWidth(defaultSizePct);
+      setWidth(width);
+      toggleOpen(true);
+    }
+  }, [defaultSizePct, isOpen, toggleOpen, persistWidth, setWidth]);
+  (0, import_react26.useEffect)(() => {
+    if (slider.current && drawer.current) {
+      loadWidth();
+    }
+  }, [slider, drawer, loadWidth]);
+  (0, import_react26.useEffect)(() => {
+    window.addEventListener("resize", loadWidth);
+    return () => window.removeEventListener("resize", loadWidth);
+  }, [loadWidth]);
+};
+
+// src/core/drawer/Drawer.tsx
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var useKeypress = (key, action) => {
+  (0, import_react27.useEffect)(() => {
+    const onKeyup = (e) => {
+      if (e.key === key) action();
+    };
+    document.addEventListener("keyup", onKeyup);
+    return () => document.removeEventListener("keyup", onKeyup);
+  }, [action, key]);
+};
+var drawerSizes = {
+  sm: 1 / 2,
+  md: 3 / 4,
+  lg: 5 / 6
+};
+var Drawer = (0, import_react27.forwardRef)(
+  ({ isOpen, onClose, onClickOutside, blurredOverlay, children, width = "md", persistWidth }, ref) => {
+    const slider = (0, import_react27.useRef)(null);
+    const drawer = (0, import_react27.useRef)(null);
+    useDrawerResize({
+      slider,
+      drawer,
+      isOpen,
+      defaultSizePct: drawerSizes[width],
+      persistWidth
+    });
+    useKeypress("Escape", () => {
+      onClose?.();
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+      DrawerStateContext.Provider,
+      {
+        value: {
+          isOpen,
+          onClose: () => onClose?.()
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            "div",
+            {
+              className: (0, import_tailwind_merge29.twJoin)(
+                "absolute inset-0 z-30 transition-all",
+                isOpen && blurredOverlay && "bg-gray-500/10 backdrop-blur-sm",
+                // If the drawer is open, and the blurredOverlay prop is given, stop the user from clicking through the overlay
+                isOpen && blurredOverlay ? "pointer-events-auto" : "pointer-events-none"
+              ),
+              onClick: onClickOutside
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            "div",
+            {
+              ref: slider,
+              className: (0, import_tailwind_merge29.twJoin)(
+                "group absolute top-0 bottom-0 z-50 h-screen w-4 translate-x-1/2 cursor-col-resize",
+                isOpen ? "block" : "hidden"
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "absolute top-0 right-1.5 bottom-0 left-1.5 bg-indigo-700 opacity-0 transition-opacity group-hover:opacity-100" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            "div",
+            {
+              className: "absolute top-0 right-0 bottom-0 z-drawer flex flex-col overflow-y-hidden bg-gray-50 shadow",
+              ref: drawer,
+              children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                "div",
+                {
+                  ref,
+                  className: (0, import_tailwind_merge29.twJoin)(
+                    "relative flex w-full flex-1 flex-col overflow-hidden bg-white transition-all delay-100 duration-100 ease-in-out",
+                    isOpen ? "opacity-100" : "opacity-0"
+                  ),
+                  children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react27.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(LoadingState, {}), children }) : void 0
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+// src/core/drawer/DrawerHeader.tsx
+var import_free_solid_svg_icons15 = require("@fortawesome/free-solid-svg-icons");
+var import_tailwind_merge35 = require("tailwind-merge");
+
+// src/core/text/Text.tsx
+var import_tailwind_merge30 = require("tailwind-merge");
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var VARIANT_STYLES = {
+  "marketing-headline": "text-marketing-headline",
+  "headline-1": "text-headline-1",
+  "headline-2": "text-headline-2",
+  "headline-3": "text-headline-3",
+  "headline-4": "text-headline-4",
+  "title-1": "text-title-1",
+  "title-2": "text-title-2",
+  "title-3": "text-title-3",
+  "body-1": "text-body-1",
+  "body-2": "text-body-2",
+  label: "text-label",
+  footnote: "text-footnote",
+  smallcaps: "text-smallcaps"
+};
+var Text = ({ as, variant = "body-1", children, className, ...props }) => {
+  const Tag2 = as ?? "p";
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Tag2, { ...props, className: (0, import_tailwind_merge30.twJoin)(VARIANT_STYLES[variant], className), children });
+};
+
+// src/core/skeleton/Skeleton.tsx
+var import_tailwind_merge31 = require("tailwind-merge");
+var import_jsx_runtime63 = require("react/jsx-runtime");
+var Skeleton = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: (0, import_tailwind_merge31.twMerge)("animate-skeleton-pulse rounded-lg bg-gray-200", className) });
+
+// src/core/skeleton/TabsSkeleton/TabsSkeleton.tsx
+var import_tailwind_merge32 = require("tailwind-merge");
+var import_jsx_runtime64 = require("react/jsx-runtime");
+var TabsSkeleton = ({ numTabs = 3, className, tabClassName = "h-8 w-32" }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: (0, import_tailwind_merge32.twMerge)("flex gap-4", className), children: Array.from({ length: numTabs }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Skeleton, { className: tabClassName }, index)) });
+};
+
+// src/core/skeleton/TableSkeleton/TableSkeleton.tsx
+var import_tailwind_merge33 = require("tailwind-merge");
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var TableSkeleton = ({
+  numTableCols = 4,
+  numTableRows = 3,
+  className,
+  rowHeight,
+  hasBorder = false
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("table", { className: (0, import_tailwind_merge33.twJoin)("flex w-full flex-col gap-4", className), children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("tbody", { className: (0, import_tailwind_merge33.twJoin)("flex flex-col", rowHeight === void 0 && "gap-4"), children: Array.from({ length: numTableRows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    "tr",
+    {
+      className: (0, import_tailwind_merge33.twJoin)("flex gap-4", hasBorder && "px-2 not-last:border-b"),
+      style: rowHeight ? { height: rowHeight } : void 0,
+      children: Array.from({ length: numTableCols }).map((_2, index2) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("td", { className: "flex grow items-center px-1", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Skeleton, { className: (0, import_tailwind_merge33.twJoin)("w-full", rowHeight ? "h-3" : "h-6") }, index2) }, index2);
+      })
+    },
+    index
+  )) }) });
+};
+
+// src/core/skeleton/TableSkeleton/TableCheckboxSkeleton.tsx
+var import_tailwind_merge34 = require("tailwind-merge");
+var import_jsx_runtime66 = require("react/jsx-runtime");
+var TableCheckboxSkeleton = ({
+  numTableRows = 3,
+  className,
+  rowHeight,
+  hasBorder = false
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("table", { className: (0, import_tailwind_merge34.twJoin)("flex w-full flex-col gap-4", className), children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("tbody", { className: (0, import_tailwind_merge34.twJoin)("flex flex-col", rowHeight === void 0 && "gap-4"), children: Array.from({ length: numTableRows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    "tr",
+    {
+      className: (0, import_tailwind_merge34.twJoin)("flex gap-4", hasBorder && "px-2 not-last:border-b"),
+      style: rowHeight ? { height: rowHeight } : void 0,
+      children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("td", { className: "flex grow items-center px-1", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Skeleton, { className: (0, import_tailwind_merge34.twJoin)("w-full, rounded-none", rowHeight ? "h-3" : "h-6") }, index) }, index)
+    },
+    index
+  )) }) });
+};
+
+// src/core/drawer/DrawerHeader.tsx
+var import_jsx_runtime67 = require("react/jsx-runtime");
+var DrawerHeader = ({
+  resource,
+  pagination,
+  title,
+  subtitle,
+  actions,
+  closeAction,
+  label
+}) => {
+  const { onClose } = useDrawer();
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "z-1 flex w-full flex-col items-stretch shadow", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex justify-between px-8 py-1 shadow-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex items-center gap-1.5 text-base text-gray-500", children: resource && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { icon: resource.icon || import_free_solid_svg_icons15.faBookmark }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { children: resource.name })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-2", children: [
+        pagination && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex gap-1", children: [
+          pagination.extra,
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button, { size: "sm", onClick: pagination.onPrevious, disabled: !pagination.hasPrevious, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { icon: import_free_solid_svg_icons15.faChevronUp }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button, { size: "sm", onClick: pagination.onNext, disabled: !pagination.hasNext, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { icon: import_free_solid_svg_icons15.faChevronDown }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { "data-testid": "drawer-close", children: closeAction ? closeAction : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button, { size: "xs", variant: "transparent", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-xl text-gray-500", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { icon: import_free_solid_svg_icons15.faXmark }) }) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-2 px-8 py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex min-w-0 shrink grow flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Text, { variant: "title-1", className: (0, import_tailwind_merge35.twJoin)(typeof title === "string" && "truncate"), children: title }),
+        subtitle && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "text-base font-light", children: subtitle })
+      ] }),
+      label && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex items-center gap-2", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex shrink-0 items-center gap-2", children: actions })
+    ] })
+  ] });
+};
+var DrawerHeaderSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "space-y-2 px-8 py-2", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Skeleton, { className: "h-6 w-36" }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Skeleton, { className: "h-6 w-16" })
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Skeleton, { className: "h-8 w-28" })
+] });
+
+// 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_react28 = require("react");
+var import_jsx_runtime68 = require("react/jsx-runtime");
+var EmptyState = (0, import_react28.forwardRef)(
+  ({ icon = import_free_solid_svg_icons16.faCircle, title, description }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-col items-center justify-center gap-3 p-4", ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_fontawesome3.FontAwesomeIcon, { className: "text-gray-500 ring-transparent", icon, size: "2x" }),
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex max-w-prose flex-col text-center", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("h2", { className: "text-sm leading-6 font-medium text-gray-500", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-xs leading-5 font-normal text-gray-500", children: description })
+    ] })
+  ] })
+);
+
+// src/core/header-tile/HeaderTile.tsx
+var import_tailwind_merge36 = require("tailwind-merge");
+var import_jsx_runtime69 = require("react/jsx-runtime");
+var HeaderTileSimple = ({ title, content, className }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  "div",
+  {
+    className: (0, import_tailwind_merge36.twJoin)(
+      "flex min-h-18.5 flex-col items-start justify-between gap-2 rounded-md border border-gray-200 px-3 py-1.5",
+      className
+    ),
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "max-w-35 text-base text-gray-900", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Text, { children: content })
+    ]
+  }
+);
+var HeaderTileWithPopover = ({
+  title,
+  content,
+  popover,
+  className
+}) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Popover.Root, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Popover.Trigger, { className: (0, import_tailwind_merge36.twJoin)("flex h-auto! min-h-18.5 justify-start py-1.5", className), children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "flex flex-col items-start justify-between gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-base text-gray-900", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: content })
+  ] }) }),
+  popover && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Popover.Body, { contentClassName: "max-w-150 min-w-60 p-3", children: popover })
+] });
+var HeaderTile = (props) => {
+  if (props.popover) {
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(HeaderTileWithPopover, { ...props });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(HeaderTileSimple, { ...props });
+};
+
+// src/core/label/Label.tsx
+var React11 = __toESM(require("react"), 1);
+
+// src/core/label/labelStyles.ts
+var import_tailwind_merge37 = require("tailwind-merge");
+var sizeStyles3 = {
+  xs: "px-1 text-xs gap-0.5 h-4 rounded-md",
+  sm: "h-5 gap-0.5 px-1 text-sm rounded-md",
+  md: "h-6 gap-1 px-2 text-base rounded-lg",
+  lg: "h-7 gap-1 px-2 text-lg rounded-lg"
+};
+var colorStyles2 = {
+  default: {
+    default: "bg-gray-100 text-gray-700 border border-gray-200",
+    primary: "bg-indigo-100 text-indigo-700 border border-indigo-200",
+    success: "bg-green-100 text-green-700 border border-green-200",
+    warning: "bg-yellow-100 text-yellow-700 border border-yellow-200",
+    danger: "bg-red-100 text-red-700 border border-red-200",
+    disabled: "bg-gray-100 text-gray-400 border border-gray-200"
+  },
+  dark: {
+    default: "bg-gray-700 text-gray-50 border border-gray-600",
+    /**
+     * Note(Stephen): We don't yet have tokens for all `intent` values for the dark variant.
+     * Making them the same as default for now rather than wrestle with types as they are unused.
+     */
+    primary: "bg-gray-700 text-gray-50 border border-gray-600",
+    success: "bg-gray-700 text-gray-50 border border-gray-600",
+    warning: "bg-gray-700 text-gray-50 border border-gray-600",
+    danger: "bg-gray-700 text-gray-50 border border-gray-600",
+    disabled: "bg-gray-700 text-gray-50 border border-gray-600"
+  }
+};
+var labelStyles = ({ intent = "default", size = "sm", variant = "default" }) => (0, import_tailwind_merge37.twJoin)(
+  "inline-flex w-fit shrink-0 items-center justify-center truncate font-normal break-all",
+  sizeStyles3[size],
+  colorStyles2[variant][intent]
+);
+
+// src/core/label/Label.tsx
+var import_jsx_runtime70 = require("react/jsx-runtime");
+var LabelImpl2 = ({ children, intent, size, variant, ...rest }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { ref, className: labelStyles({ intent, size, variant }), ...rest, children });
+};
+var Label = React11.forwardRef(LabelImpl2);
+
+// 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_merge38 = require("tailwind-merge");
+var import_jsx_runtime71 = require("react/jsx-runtime");
+var MenuTrigger = ({ children, ...rest }) => {
+  if (children == null) {
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_dropdown_menu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Icon, { icon: import_free_solid_svg_icons17.faEllipsis }) }) });
+  }
+  if (typeof children === "string") {
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_dropdown_menu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Button, { ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { children }),
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DropdownChevron, {})
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_dropdown_menu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { ...rest, children }) });
+};
+var MenuContent = ({ children, unrestrictedHeight = false, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  import_react_dropdown_menu.Content,
+  {
+    collisionPadding: 8,
+    sideOffset: 4,
+    align: "end",
+    className: "z-100 min-w-48 rounded-lg bg-white p-1.5 shadow-lg",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: (0, import_tailwind_merge38.twJoin)("overflow-y-auto", !unrestrictedHeight && "max-h-[252px]"), children })
+  }
+) });
+var MenuItem = ({ loading, disabled, size = "default", ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  import_react_dropdown_menu.Item,
+  {
+    "data-loading": loading || void 0,
+    disabled: loading || disabled,
+    className: (0, import_tailwind_merge38.twJoin)(
+      "on-menu-item-active group flex w-full cursor-pointer items-center rounded-md p-2 text-gray-700 outline-hidden select-none data-disabled:cursor-not-allowed data-disabled:text-gray-400 data-highlighted:bg-gray-100 data-loading:bg-transparent data-loading:text-gray-400",
+      size === "default" ? "gap-1.5 text-sm" : "gap-2 text-base"
+    ),
+    ...rest
+  }
+);
+var MenuItemWithDisabledTooltip = ({ tooltip, onSelect, ...props }) => {
+  if (!props.disabled || !tooltip) {
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(MenuItem, { ...props, onSelect });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    Tooltip,
+    {
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(MenuItem, { ...props }) }),
+      content: tooltip,
+      side: "left"
+    }
+  );
+};
+var MenuRoot = (props) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_dropdown_menu.Root, { modal: false, ...props });
+var MenuSeparator = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_dropdown_menu.Separator, { className: "my-[5px] h-px bg-gray-200" });
+var Menu = ({ children, trigger, align, variant = "default", triggerSize, ...rest }) => {
+  switch (variant) {
+    case "minimal":
+      return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(MenuRoot, { ...rest, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(MenuTrigger, { ...rest, size: triggerSize || "xs", variant: "transparent", children: trigger }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(MenuContent, { align, children })
+      ] });
+    case "default":
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(MenuRoot, { ...rest, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(MenuTrigger, { size: triggerSize, ...rest, children: trigger }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(MenuContent, { align, children })
+      ] });
+  }
+};
+Menu.Root = MenuRoot;
+Menu.Trigger = MenuTrigger;
+Menu.RawTrigger = import_react_dropdown_menu.Trigger;
+Menu.Content = MenuContent;
+Menu.Item = MenuItem;
+Menu.ItemWithDisabledToolTip = MenuItemWithDisabledTooltip;
+Menu.Separator = MenuSeparator;
+
+// src/core/modal/components/ModalActions.tsx
+var import_jsx_runtime72 = require("react/jsx-runtime");
+var ModalActions = ({ children }) => {
+  if (children == null) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime72.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_runtime73 = require("react/jsx-runtime");
+var ModalBody = ({ children }) => {
+  if (children == null) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime74 = require("react/jsx-runtime");
+var ModalCloseButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, { ...props }) });
+
+// src/core/modal/components/ModalContent.tsx
+var import_react_dialog2 = require("@radix-ui/react-dialog");
+var import_tailwind_merge39 = require("tailwind-merge");
+var import_jsx_runtime75 = require("react/jsx-runtime");
+var preventDismiss = (e) => e.preventDefault();
+var handleDismiss = (dismissible) => {
+  if (dismissible) {
+    return;
+  }
+  return preventDismiss;
+};
+var ModalContent = ({
+  children,
+  maxWidthClassName = "max-w-prose",
+  overflowYClassName = "overflow-y-auto",
+  onDismiss,
+  dismissible = true,
+  fullscreen,
+  ...rest
+}) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react_dialog2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime75.jsx)(
+      import_react_dialog2.Content,
+      {
+        ...rest,
+        className: (0, import_tailwind_merge39.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_runtime75.jsx)("div", { className: "relative flex h-full min-w-0 flex-1 flex-col", children })
+      }
+    )
+  }
+) });
+
+// src/core/modal/components/ModalDescription.tsx
+var import_react_dialog3 = require("@radix-ui/react-dialog");
+var import_jsx_runtime76 = require("react/jsx-runtime");
+var ModalDescription = ({ children }) => {
+  if (children == null) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react_dialog3.Description, { className: "pb-3 text-base/6 font-normal text-gray-700", children });
+};
+
+// src/core/modal/components/ModalErrorCallout.tsx
+var import_jsx_runtime77 = require("react/jsx-runtime");
+var ModalErrorCallout = ({ children }) => {
+  if (!children) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "sticky top-14 z-10 px-5", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Callout, { intent: "danger", children }) });
+};
+
+// src/core/modal/components/ModalRoot.tsx
+var import_react_dialog4 = require("@radix-ui/react-dialog");
+var import_jsx_runtime78 = require("react/jsx-runtime");
+var ModalRoot = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime78.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_free_solid_svg_icons18 = require("@fortawesome/free-solid-svg-icons");
+var import_react_dialog5 = require("@radix-ui/react-dialog");
+var import_jsx_runtime79 = require("react/jsx-runtime");
+var ModalCloseX = () => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "absolute top-2.5 right-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_dialog5.Close, { asChild: true, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-0.5 text-xl text-gray-500", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon, { icon: import_free_solid_svg_icons18.faXmark }) }) }) }) });
+
+// src/core/modal/components/ModalTitle.tsx
+var import_jsx_runtime80 = require("react/jsx-runtime");
+var ModalTitle = ({ children, showX = true }) => {
+  if (children == null) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80.jsx)(import_react_dialog6.Title, { className: "text-xl font-semibold text-gray-900", children }),
+    showX && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ModalCloseX, {})
+  ] });
+};
+
+// src/core/modal/components/ModalTriggerButton.tsx
+var import_react_dialog7 = require("@radix-ui/react-dialog");
+var import_jsx_runtime81 = require("react/jsx-runtime");
+var ModalTriggerButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react_dialog7.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Button, { ...props }) });
+
+// src/core/modal/Modal.tsx
+var import_jsx_runtime82 = require("react/jsx-runtime");
+var ModalBodyImpl = ({
+  children,
+  title,
+  error,
+  description,
+  actions,
+  showX = true
+}) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ModalTitle, { showX, children: title }),
+  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ModalErrorCallout, { children: error }),
+  (description || children) && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(ModalBody, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ModalDescription, { children: description }),
+    children
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ModalActions, { children: actions })
+] });
+var Modal = ({
+  children,
+  trigger,
+  isOpen,
+  onClose,
+  onOpenChange,
+  content,
+  title,
+  error,
+  description,
+  actions,
+  ...rest
+}) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+  ModalRoot,
+  {
+    open: isOpen,
+    onOpenChange: (open) => {
+      if (trigger) {
+        onOpenChange?.(open);
+      } else if (open === false) {
+        onClose?.();
+      }
+    },
+    children: [
+      trigger,
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ModalContent, { "aria-describedby": description || void 0, ...rest, children: children !== void 0 ? children : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ModalBodyImpl, { title, error, description, actions, children: content }) })
+    ]
+  }
+);
+Modal.Body = ModalBodyImpl;
+Modal.TriggerButton = ModalTriggerButton;
+Modal.CloseButton = ModalCloseButton;
+
+// src/core/modal/FullscreenModalHeader.tsx
+var import_react_dialog8 = require("@radix-ui/react-dialog");
+var import_tailwind_merge40 = require("tailwind-merge");
+var import_jsx_runtime83 = require("react/jsx-runtime");
+var FullscreenModalHeader = ({
+  className,
+  title,
+  description,
+  leftSlot,
+  rightSlot
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: (0, import_tailwind_merge40.twJoin)("flex items-center justify-between gap-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex flex-1 items-center gap-4", children: [
+      leftSlot,
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react_dialog8.Title, { className: "text-2xl font-medium text-gray-700", children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "text-base/6 text-gray-500", children: description })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "flex gap-2", children: rightSlot })
+  ] });
+};
+
+// src/core/modal/FullscreenModal.tsx
+var import_jsx_runtime84 = require("react/jsx-runtime");
+var FullscreenModal = ({
+  children,
+  trigger,
+  isOpen,
+  onClose,
+  onOpenChange,
+  fullscreen = true,
+  showX = false,
+  title,
+  ...rest
+}) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+  ModalRoot,
+  {
+    open: isOpen,
+    onOpenChange: (open) => {
+      if (trigger) {
+        onOpenChange?.(open);
+      } else if (open === false) {
+        onClose?.();
+      }
+    },
+    children: [
+      trigger,
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ModalContent, { fullscreen, ...rest, children: title ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Modal.Body, { title, showX, children }) : children })
+    ]
+  }
+);
+FullscreenModal.TriggerButton = ModalTriggerButton;
+FullscreenModal.CloseButton = ModalCloseButton;
+FullscreenModal.Header = FullscreenModalHeader;
+
+// src/core/modal/AlertModal.tsx
+var import_jsx_runtime85 = require("react/jsx-runtime");
+var ModalBodyImpl2 = ({ children, title, error, description, actions }) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalTitle, { showX: false, children: title }),
+  /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalErrorCallout, { children: error }),
+  (description || children) && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ModalBody, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalDescription, { children: description }),
+    children
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalActions, { children: actions })
+] });
+var AlertModal = ({
+  children,
+  trigger,
+  isOpen,
+  onOpenChange,
+  onClose,
+  content,
+  title,
+  error,
+  description,
+  actions,
+  ...rest
+}) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+  ModalRoot,
+  {
+    open: isOpen,
+    onOpenChange: (open) => {
+      if (trigger) {
+        onOpenChange?.(open);
+      } else if (open === false) {
+        onClose?.();
+      }
+    },
+    children: [
+      trigger,
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalContent, { ...rest, dismissible: false, children: children !== void 0 ? children : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ModalBodyImpl2, { title, error, description, actions, children: content }) })
+    ]
+  }
+);
+AlertModal.Body = ModalBodyImpl2;
+AlertModal.TriggerButton = ModalTriggerButton;
+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_merge41 = require("tailwind-merge");
+var import_jsx_runtime86 = require("react/jsx-runtime");
+var PhoneNumber = ({
+  hasError,
+  onChange,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    import_react_international_phone.PhoneInput,
+    {
+      defaultCountry: props.defaultCountry ?? "us",
+      disableDialCodeAndPrefix: true,
+      showDisabledDialCodeAndPrefix: true,
+      inputClassName: (0, import_tailwind_merge41.twJoin)("flex-1 placeholder:text-gray-400", hasError ? "border-red-300!" : "border-gray-200!"),
+      countrySelectorStyleProps: { className: "border-gray-200!" },
+      onChange: (value, meta) => onChange(meta.inputValue ? value : void 0),
+      ...props
+    }
+  );
+};
+var formatPhoneNumber = (input) => {
+  if (!input) {
+    return input;
+  }
+  const digitsOnly = input.replace(/\D/g, "");
+  if (digitsOnly.length === 10) {
+    return `+1${digitsOnly}`;
+  }
+  if (digitsOnly.length === 11 && digitsOnly.startsWith("1")) {
+    return `+${digitsOnly}`;
+  }
+  return input;
+};
+var formatPhoneNumberForDisplay = (input) => {
+  if (!input) {
+    return input;
+  }
+  const digitsOnly = input.replace(/\D/g, "");
+  if (digitsOnly.length === 11 && digitsOnly.startsWith("1")) {
+    return `+1 (${digitsOnly.slice(1, 4)}) ${digitsOnly.slice(4, 7)}-${digitsOnly.slice(7)}`;
+  }
+  if (digitsOnly.length === 10) {
+    return `(${digitsOnly.slice(0, 3)}) ${digitsOnly.slice(3, 6)}-${digitsOnly.slice(6)}`;
+  }
+  return input;
+};
+var isValidPhoneNumber = (input) => {
+  if (!input) {
+    return false;
+  }
+  if (input.startsWith("+1")) {
+    return input.length === 12;
+  }
+  if (input.startsWith("1")) {
+    return input.length === 11;
+  }
+  return true;
+};
+
+// src/core/table/Table.tsx
+var import_tailwind_merge43 = require("tailwind-merge");
+
+// src/core/table/TableBody.tsx
+var import_free_solid_svg_icons19 = require("@fortawesome/free-solid-svg-icons");
+
+// src/core/table/TableRow.tsx
+var import_tailwind_merge42 = require("tailwind-merge");
+
+// src/core/table/utils.ts
+var import_react_table = require("@tanstack/react-table");
+var isValidCell = (cell) => {
+  if (!(cell.column.columnDef.cell instanceof Function)) {
+    return null;
+  }
+  return cell.column.columnDef.cell(cell.getContext());
+};
+var renderHeader = (header) => {
+  if (header.isPlaceholder) {
+    return null;
+  }
+  return (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext());
+};
+var renderCell = (cell) => {
+  if (isValidCell(cell) == null) {
+    return null;
+  }
+  return (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext());
+};
+var sumOffset = (offset, { getSize }) => getSize() + offset;
+var getCols = (item) => {
+  const cols = item.getContext().table.getAllColumns();
+  const index = cols.findIndex(({ id }) => id === item.column.id);
+  return { cols, index };
+};
+var getLeftStickyOffset = (item) => {
+  const { cols, index } = getCols(item);
+  if (index === 0) {
+    return 0;
+  }
+  return cols.slice(0, index).reduce(sumOffset, 0);
+};
+var getRightStickyOffset = (item) => {
+  const { cols, index } = getCols(item);
+  if (index === cols.length - 1) {
+    return 0;
+  }
+  return cols.slice(0, index).reduceRight(sumOffset, 0);
+};
+var handleStyle = (item, _style) => {
+  const style = _style ? { ..._style } : {};
+  if (item.column.columnDef.meta?.unPadded) {
+    style.padding = 0;
+    style.paddingTop = 0;
+    style.paddingRight = 0;
+    style.paddingBottom = 0;
+    style.paddingLeft = 0;
+  }
+  const size = item.column.getSize();
+  if (!size) {
+    return style;
+  }
+  style.width = size;
+  style.minWidth = size;
+  if (item.column.columnDef.meta?.sticky === "left") {
+    style.position = "sticky";
+    style.left = getLeftStickyOffset(item);
+  }
+  if (item.column.columnDef.meta?.sticky === "right") {
+    style.position = "sticky";
+    style.right = getRightStickyOffset(item);
+  }
+  return style;
+};
+var handleHeaderStyle = handleStyle;
+var handleCellStyle = handleStyle;
+
+// src/core/table/TableRow.tsx
+var import_jsx_runtime87 = require("react/jsx-runtime");
+var TableRow = ({ table, rowClassName, cellClassName, row }) => {
+  const hasRowClick = !!table.options.meta?.onRowClick;
+  const isStaticSubRow = !!table.options.meta?.staticSubRows;
+  const onRowClick = (ev, row2) => {
+    if (ev.target === ev.currentTarget) {
+      table.options.meta?.onRowClick?.(row2);
+    }
+  };
+  const cells = row.getVisibleCells();
+  return /* @__PURE__ */ (0, import_jsx_runtime87.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_merge42.twJoin)(
+        "data-[active]:bg-indigo-100 data-[clickable]:hover:cursor-pointer data-[clickable]:hover:bg-indigo-50 data-[active]:data-[clickable]:hover:bg-indigo-200",
+        rowClassName
+      ),
+      children: cells.map((cell) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        "td",
+        {
+          onClickCapture: hasRowClick ? (ev) => onRowClick(ev, row) : void 0,
+          className: cellClassName,
+          style: handleCellStyle(cell),
+          children: renderCell(cell)
+        },
+        cell.id
+      ))
+    }
+  );
+};
+
+// src/core/table/TableBody.tsx
+var import_jsx_runtime88 = require("react/jsx-runtime");
+var TableBody = ({ table, loading, rootClassName, ...props }) => {
+  const { rows } = table.getRowModel();
+  if (loading && rows.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { className: rootClassName, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("td", { colSpan: table.getAllLeafColumns().length, className: "h-12 text-center align-middle text-gray-400", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Spinner, {}) }) }) });
+  }
+  if (rows.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { className: rootClassName, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(EmptyRowsTd, { colSpan: table.getAllLeafColumns().length, emptyText: table.options.meta?.emptyText }) }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { className: rootClassName, children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(TableRow, { ...props, table, row }, row.id)) });
+};
+var EmptyRowsTd = ({ emptyText = "No rows found", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("td", { ...props, className: "h-12 text-center align-middle text-gray-400", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("p", { className: "inline-flex items-center gap-2 text-2xl/none", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Icon, { icon: import_free_solid_svg_icons19.faTable }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "text-base/none font-medium", children: emptyText })
+] }) });
+
+// src/core/table/TableHeader.tsx
+var import_free_solid_svg_icons20 = require("@fortawesome/free-solid-svg-icons");
+var import_jsx_runtime89 = require("react/jsx-runtime");
+var TableHeader = ({ table, rootClassName, rowClassName, cellClassName }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("thead", { className: rootClassName, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("tr", { className: rowClassName, children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    Th,
+    {
+      scope: "col",
+      colSpan: header.colSpan,
+      className: cellClassName,
+      style: handleHeaderStyle(header),
+      header,
+      children: renderHeader(header)
+    },
+    header.id
+  )) }, headerGroup.id)) });
+};
+var Th = ({
+  header,
+  children,
+  ...props
+}) => {
+  if (header.column.getIsSorted()) {
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("th", { ...props, "data-clickable": "ok", onClick: header.column.getToggleSortingHandler(), children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "ml-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SortIcon, { dir: header.column.getIsSorted() }) })
+    ] });
+  }
+  if (header.column.getCanSort()) {
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("th", { ...props, "data-clickable": "ok", onClick: header.column.getToggleSortingHandler(), children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "invisible ml-1.5 group-hover:visible", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SortIcon, { dir: header.column.getNextSortingOrder() }) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("th", { ...props, children });
+};
+var SortIcon = ({ dir }) => {
+  if (dir === "asc") {
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Icon, { icon: import_free_solid_svg_icons20.faArrowUpWideShort });
+  }
+  if (dir === "desc") {
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Icon, { icon: import_free_solid_svg_icons20.faArrowDownWideShort });
+  }
+  return null;
+};
+
+// src/core/table/Table.tsx
+var import_jsx_runtime90 = require("react/jsx-runtime");
+var variants = {
+  default: "default",
+  seamless: "seamless",
+  transparent: "transparent",
+  subtable: "subtable"
+};
+var headerClassNames = (variant) => {
+  switch (variant) {
+    case variants.transparent:
+      return {
+        cellClassName: "text-left text-sm font-medium text-gray-500 whitespace-nowrap px-2.5 py-3"
+      };
+    case variants.subtable:
+      return {
+        rowClassName: "divide-x divide-gray-200",
+        cellClassName: "text-left text-sm font-medium text-gray-500 whitespace-nowrap border-b bg-gray-100 px-2 py-1.5"
+      };
+    case variants.seamless:
+      return {
+        cellClassName: "text-left text-sm font-medium text-gray-500 whitespace-nowrap sticky top-0 z-1 border-b bg-gray-50 px-2 py-1.5 group data-[clickable]:cursor-pointer data-[clickable]:select-none data-[clickable]:hover:text-gray-800"
+      };
+    case variants.default:
+    default:
+      return {
+        cellClassName: "text-left text-sm font-medium text-gray-500 whitespace-nowrap sticky top-0 z-1 border-b bg-gray-100 px-2 py-1.5 group data-[clickable]:cursor-pointer data-[clickable]:select-none data-[clickable]:hover:text-gray-800"
+      };
+  }
+};
+var bodyClassNames = (variant) => {
+  switch (variant) {
+    case variants.seamless:
+      return {
+        rowClassName: "[&:not(:last-child)_td]:border-gray-200",
+        cellClassName: "text-sm text-gray-700 whitespace-nowrap h-fit"
+      };
+    case variants.transparent:
+      return {
+        rootClassName: "rounded-lg bg-white outline outline-1 outline-gray-200",
+        rowClassName: "[&:not(:last-child)_td]:border-b [&:not(:last-child)_td]:border-gray-200 [&:first-child_td:first-child]:rounded-tl-lg [&:first-child_td:last-child]:rounded-tr-lg [&:last-child_td:first-child]:rounded-bl-lg [&:last-child_td:last-child]:rounded-br-lg",
+        cellClassName: "text-sm text-gray-700 whitespace-nowrap p-2.5 py-1.5"
+      };
+    case variants.subtable:
+      return {
+        rowClassName: "[&:not(:last-child)_td]:border-b [&:not(:last-child)_td]:border-gray-200 divide-x divide-gray-200",
+        cellClassName: "text-sm text-gray-700 whitespace-nowrap p-2"
+      };
+    case variants.default:
+    default:
+      return {
+        rowClassName: "[&:not(:last-child)_td]:border-b [&:not(:last-child)_td]:border-gray-200 data-[depth='0']:bg-gray-50",
+        cellClassName: "text-sm text-gray-700 whitespace-nowrap p-2"
+      };
+  }
+};
+var Table = ({ variant = "default", loading, fillHeight, ...props }) => {
+  const uiLoading = loading ? "loading" : void 0;
+  switch (variant) {
+    case variants.transparent:
+      return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+        "table",
+        {
+          "data-ui": uiLoading,
+          className: "mb-auto min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none data-[ui=loading]:opacity-60 data-[ui=loading]:select-none",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TableHeader, { ...props, ...headerClassNames(variant) }),
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
+          ]
+        }
+      );
+    case variants.subtable:
+      return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "mb-auto min-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+        "table",
+        {
+          "data-ui": uiLoading,
+          className: "min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none data-[ui=loading]:opacity-60 data-[ui=loading]:select-none",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TableHeader, { ...props, ...headerClassNames(variant) }),
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
+          ]
+        }
+      ) });
+    case variants.seamless:
+    case variants.default:
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: (0, import_tailwind_merge43.twJoin)("mb-auto overflow-auto rounded-md border border-gray-200 bg-white", fillHeight && "h-full min-h-0"), children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "min-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+        "table",
+        {
+          "data-ui": uiLoading,
+          className: "relative min-w-full border-separate border-spacing-0 data-[ui=loading]:pointer-events-none data-[ui=loading]:opacity-60 data-[ui=loading]:select-none",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TableHeader, { ...props, ...headerClassNames(variant) }),
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TableBody, { ...props, ...bodyClassNames(variant), loading })
+          ]
+        }
+      ) }) });
+  }
+};
+
+// src/core/table/useTable.ts
+var import_react_table2 = require("@tanstack/react-table");
+var useTable = (options) => {
+  const enableSorting = !!options.state?.sorting && !!options.onSortingChange;
+  return (0, import_react_table2.useReactTable)({
+    ...options,
+    getCoreRowModel: (0, import_react_table2.getCoreRowModel)(),
+    // This is a hack to allow the columns to flex by default,
+    // and, then when size is overridden, they become fixed
+    defaultColumn: {
+      ...options.defaultColumn,
+      minSize: 0,
+      size: 0
+    },
+    /* eslint-disable @typescript-eslint/no-unsafe-assignment */
+    meta: {
+      emptyText: options.emptyText,
+      activeRowId: options.activeRowId,
+      onRowClick: options.onRowClick,
+      staticSubRows: options.staticSubRows
+    },
+    /* eslint-enable @typescript-eslint/no-unsafe-assignment */
+    manualSorting: true,
+    enableMultiSort: false,
+    enableSorting
+  });
+};
+
+// src/core/tab-group/TabGroup.tsx
+var import_react_toggle_group = require("@radix-ui/react-toggle-group");
+var import_react29 = require("react");
+var import_tailwind_merge44 = require("tailwind-merge");
+var import_jsx_runtime91 = require("react/jsx-runtime");
+var TabGroup = ({ tabs, currentTab, setCurrentTab }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    import_react_toggle_group.ToggleGroup,
+    {
+      type: "single",
+      value: currentTab,
+      onValueChange: (value) => {
+        if (value) {
+          setCurrentTab(value);
+        }
+      },
+      className: "flex w-full justify-between gap-1 rounded-lg border border-gray-200 p-1",
+      children: tabs.map(({ id, label, disabled }, index) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_react29.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+          import_react_toggle_group.ToggleGroupItem,
+          {
+            value: id,
+            disabled,
+            className: (0, import_tailwind_merge44.twJoin)(
+              "flex w-full items-center justify-center rounded-md border px-2 py-2 transition",
+              disabled && "cursor-not-allowed opacity-50",
+              !disabled && "hover:bg-indigo-50 focus-visible:border-indigo-700 focus-visible:outline-none",
+              id !== currentTab && "border-transparent",
+              id !== currentTab && !disabled && "hover:border-indigo-200",
+              id === currentTab && !disabled && "border border-indigo-400 bg-white ring-2 ring-indigo-100"
+            ),
+            children: label
+          }
+        ),
+        index !== tabs.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "my-1 flex w-[1px] bg-gray-300" })
+      ] }, id))
+    }
+  );
+};
+
+// src/core/tabs/Tabs.tsx
+var import_react_tabs2 = require("@radix-ui/react-tabs");
+var import_tailwind_merge46 = require("tailwind-merge");
+
+// src/core/tabs/Trigger.tsx
+var import_react_tabs = require("@radix-ui/react-tabs");
+var import_tailwind_merge45 = require("tailwind-merge");
+var import_jsx_runtime92 = require("react/jsx-runtime");
+var TabsTrigger = ({
+  id,
+  label,
+  disabled,
+  dataTestId,
+  fsId,
+  extra,
+  className
+}) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+  import_react_tabs.Trigger,
+  {
+    className: (0, import_tailwind_merge45.twMerge)(
+      "h-full space-x-1 border-b-2 px-1 py-1 font-medium whitespace-nowrap transition-colors duration-150 data-[state='active']:border-indigo-500 data-[state='active']:text-indigo-700 data-[state='inactive']:border-transparent data-[state='inactive']:text-gray-500 data-[state='inactive']:hover:border-gray-200 data-[state='inactive']:hover:text-gray-700",
+      className
+    ),
+    value: id,
+    disabled,
+    "data-testid": dataTestId,
+    "fs-id": fsId,
+    children: [
+      label,
+      extra && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: extra })
+    ]
+  }
+);
+
+// src/core/tabs/Tabs.tsx
+var import_jsx_runtime93 = require("react/jsx-runtime");
+var [Provider2, useContext6] = createContextHelper();
+var Tabs = ({
+  tabs,
+  className,
+  tabsListClassName,
+  tabsListContainerClassName,
+  tabsListTriggerClassName,
+  currentTab,
+  setCurrentTab,
+  children,
+  extraNode
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Provider2, { currentTab, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_react_tabs2.Root, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: (0, import_tailwind_merge46.twJoin)("flex gap-4", tabsListContainerClassName), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_tabs2.List, { className: (0, import_tailwind_merge46.twJoin)("flex space-x-4 overflow-x-auto", tabsListClassName), children: tabs.map(({ id, label, disabled, fsId }) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        TabsTrigger,
+        {
+          id,
+          label,
+          disabled,
+          className: tabsListTriggerClassName,
+          fsId
+        },
+        id
+      )) }),
+      extraNode
+    ] }),
+    children
+  ] }) });
+};
+var TabContent = ({ id, ...rest }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_tabs2.Content, { value: id, ...rest });
+};
+var AlwaysMountedTabContent = ({
+  id,
+  visibleClassName,
+  className,
+  children
+}) => {
+  const { currentTab } = useContext6();
+  const visible = id === currentTab;
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: (0, import_tailwind_merge46.twJoin)(visible ? visibleClassName : "hidden", className), children });
+};
+Tabs.TabContent = TabContent;
+Tabs.AlwaysMountedTabContent = AlwaysMountedTabContent;
+var createTypedTabs = () => ({
+  Root: ({ currentTab, setCurrentTab, ...props }) => {
+    const handleValueChange = setCurrentTab ? (value) => setCurrentTab(value) : void 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_tabs2.Root, { ...props, value: currentTab, onValueChange: handleValueChange });
+  },
+  List: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_tabs2.List, { ...props, className: (0, import_tailwind_merge46.twJoin)("flex space-x-4 overflow-x-auto", className) }),
+  Trigger: TabsTrigger,
+  Content: TabContent
+});
+
+// src/core/tabs/ScrollTabsLayout.tsx
+var import_react30 = require("react");
+var import_tailwind_merge47 = require("tailwind-merge");
+var import_jsx_runtime94 = require("react/jsx-runtime");
+var ScrollTabsLayout = ({ tabs, onSelectTab, sectionClassName }) => {
+  const [selectedTabName, setSelectedTabName] = (0, import_react30.useState)(tabs[0].tabName);
+  const scrollContainerRef = (0, import_react30.useRef)(null);
+  const tabRefs = (0, import_react30.useRef)({});
+  const handleSelectTab = (0, import_react30.useCallback)(
+    (tabId) => {
+      scrollContainerRef.current?.scrollTo({
+        top: tabRefs.current[tabId].offsetTop,
+        behavior: "smooth"
+      });
+      setSelectedTabName(tabId);
+      onSelectTab?.(tabId);
+    },
+    [onSelectTab]
+  );
+  (0, import_react30.useEffect)(() => {
+    const scrollContainer = scrollContainerRef.current;
+    const handleScroll = (e) => {
+      Object.entries(tabRefs.current).forEach(([tabName, tabRef]) => {
+        if (e.currentTarget?.scrollTop >= tabRef.offsetTop) {
+          setSelectedTabName(tabName);
+          onSelectTab?.(tabName);
+        }
+      });
+    };
+    scrollContainer?.addEventListener("scroll", handleScroll);
+    return () => {
+      scrollContainer?.removeEventListener("scroll", handleScroll);
+    };
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      Tabs,
+      {
+        currentTab: selectedTabName,
+        setCurrentTab: handleSelectTab,
+        tabs: tabs.map((tab) => ({ id: tab.tabName, label: tab.tabName }))
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("hr", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { ref: scrollContainerRef, className: "relative h-screen overflow-y-auto", children: [
+      tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        "div",
+        {
+          ref: (el) => el ? tabRefs.current[tab.tabName] = el : void 0,
+          className: (0, import_tailwind_merge47.twJoin)("first:pt-4", sectionClassName),
+          children: tab.content
+        },
+        tab.tabName
+      )),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "h-screen" })
+    ] })
+  ] });
+};
+
+// src/core/tabs/ComposableTabs.tsx
+var import_react_tabs3 = require("@radix-ui/react-tabs");
+var import_tailwind_merge48 = require("tailwind-merge");
+var import_jsx_runtime95 = require("react/jsx-runtime");
+var [TabsProvider, useTabsContext] = createContextHelper();
+var ComposableTabsList = ({ className, containerClassName, extraNode }) => {
+  const { tabs } = useTabsContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: (0, import_tailwind_merge48.twJoin)("flex gap-4", containerClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_tabs3.List, { className: (0, import_tailwind_merge48.twJoin)("flex space-x-4 overflow-x-auto", className), children: tabs.map(({ id, label, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TabsTrigger, { id, label, disabled }, id)) }),
+    extraNode
+  ] });
+};
+var ComposableTabContent = ({ id, ...rest }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_tabs3.Content, { value: id, ...rest });
+};
+var ComposableAlwaysMountedTabContent = ({
+  id,
+  visibleClassName,
+  className,
+  children
+}) => {
+  const { currentTab } = useTabsContext();
+  const visible = id === currentTab;
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: (0, import_tailwind_merge48.twJoin)(visible ? visibleClassName : "hidden", className), children });
+};
+var ComposableTabsRoot = ({
+  tabs,
+  currentTab,
+  setCurrentTab,
+  className,
+  children
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TabsProvider, { tabs, currentTab, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_tabs3.Root, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children }) });
+};
+var ComposableTabs = {
+  Root: ComposableTabsRoot,
+  List: ComposableTabsList,
+  TabContent: ComposableTabContent,
+  AlwaysMountedTabContent: ComposableAlwaysMountedTabContent
+};
+
+// src/core/tag/Tag.tsx
+var import_free_solid_svg_icons21 = require("@fortawesome/free-solid-svg-icons");
+var React12 = __toESM(require("react"), 1);
+var import_jsx_runtime96 = require("react/jsx-runtime");
+var TagLabel = ({ children, removable, onRemove, intent = "default", ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Label, { ...rest, ref, intent, children: [
+  children,
+  removable && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    "button",
+    {
+      className: "ml-1 inline-flex h-xs items-center px-1 text-gray-500 hover:text-gray-700 focus:outline-hidden",
+      onClick: onRemove,
+      children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Icon, { icon: import_free_solid_svg_icons21.faXmark })
+    }
+  )
+] });
+var TagImpl = React12.forwardRef(TagLabel);
+var Tag = ({ tooltip, ...rest }) => {
+  if (!tooltip) {
+    return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TagImpl, { ...rest });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Tooltip, { trigger: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(TagImpl, { ...rest }), content: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-sm", children: tooltip }) });
+};
+
+// src/core/utils/useIsHovered.ts
+var import_react31 = require("react");
+var useIsHovered = (ref) => {
+  const [isHovered, setIsHovered] = (0, import_react31.useState)(false);
+  (0, import_react31.useEffect)(() => {
+    const handleMouseMove = () => {
+      if (ref.current?.matches(":hover")) {
+        setIsHovered(true);
+      } else {
+        setIsHovered(false);
+      }
+    };
+    const handleScroll = () => {
+      if (isHovered) {
+        setIsHovered(false);
+      }
+    };
+    window.addEventListener("mousemove", handleMouseMove);
+    if (isHovered) {
+      window.addEventListener("scroll", handleScroll, true);
+    }
+    return () => {
+      window.removeEventListener("mousemove", handleMouseMove);
+      window.removeEventListener("scroll", handleScroll, true);
+    };
+  }, [ref, isHovered]);
+  return isHovered;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AlertModal,
+  AsyncMultiSelect,
+  AsyncSelect,
+  Button,
+  ButtonGroup,
+  CURRENCY_REGEX,
+  Callout,
+  Checkbox,
+  Collapsible,
+  CollapsibleSection,
+  ComposableTabs,
+  ControlledField,
+  ControlledFieldProvider,
+  Copyable,
+  DEFAULT_NUM_VALUES_TO_SHOW,
+  DatePicker,
+  Divider,
+  DollarInput,
+  Drawer,
+  DrawerHeader,
+  DrawerHeaderSkeleton,
+  DrawerStateContext,
+  DropdownChevron,
+  EmptyState,
+  ErrorText,
+  FormCheckbox,
+  FormDatePicker,
+  FormDollarInput,
+  FormInput,
+  FormMultiSelect,
+  FormPercentInput,
+  FormProvider,
+  FormRadioButtonGroup,
+  FormSelect,
+  FormSwitch,
+  FormTextArea,
+  FullscreenModal,
+  HeaderTile,
+  Icon,
+  IndeterminateCheckbox,
+  Input,
+  InputBox,
+  IsEditingProvider,
+  IsVisibleProvider,
+  Label,
+  LoadingBar,
+  LoadingState,
+  Menu,
+  MenuRoot,
+  MenuSeparator,
+  Modal,
+  MultiSelect,
+  OverflowTooltip,
+  PercentInput,
+  PhoneNumber,
+  Popover,
+  RING_COLOR_CLASSNAME,
+  RadioButtonGroup,
+  RadioButtonItem,
+  ScrollTabsLayout,
+  Select,
+  SelectListItem,
+  SelectWithUnselect,
+  Skeleton,
+  Spinner,
+  Switch,
+  TabGroup,
+  Table,
+  TableCheckboxSkeleton,
+  TableSkeleton,
+  Tabs,
+  TabsSkeleton,
+  TabsTrigger,
+  Tag,
+  Text,
+  TextArea,
+  TextAreaComp,
+  Tooltip,
+  TooltipContent,
+  UncontrolledField,
+  UncontrolledFieldProvider,
+  asNullish,
+  asNumericStr,
+  asOptional,
+  asRequiredCustom,
+  buildZodIssue,
+  buttonStyles,
+  copyToClipboard,
+  createContextHelper,
+  createToggleContextHelper,
+  createTypedTabs,
+  doesSelectItemMatch,
+  dollarsStrSchema,
+  formatPhoneNumber,
+  formatPhoneNumberForDisplay,
+  getCountry,
+  getFieldError,
+  inputBoxStyles,
+  inputStyles,
+  isValidPhoneNumber,
+  linkStyles,
+  localStoragePersist,
+  npiSchema,
+  npiSchemaOptional,
+  requiredDollarsStrSchema,
+  requiredDollarsStrSchemaWithCustomMessage,
+  requiredNonZeroDollarsStrSchema,
+  requiredPositiveDollarsStrSchema,
+  requiredPositiveOrZeroDollarsStrSchema,
+  selectedAmountSchema,
+  taxIdSchema,
+  taxonomyCodeSchema,
+  useAsyncMultiSelect,
+  useAsyncSelect,
+  useControlledField,
+  useControlledFormField,
+  useController,
+  useCopyable,
+  useDebounce,
+  useDrawer,
+  useDrawerResize,
+  useFieldArray,
+  useForm,
+  useFormContext,
+  useFormState,
+  useIsEditing,
+  useIsHovered,
+  useIsVisible,
+  useOverflowObserver,
+  useSwitchId,
+  useSyncState,
+  useTable,
+  useToggle,
+  useUncontrolledField,
+  useUncontrolledFormField,
+  useWatch
+});
+//# sourceMappingURL=index.js.map