@candidhealth/react-vitals 1.0.0-alpha.1

package/dist/index.mjs

@@ -0,0 +1,4315 @@
+// src/core/button/Button.tsx
+import * as React from "react";
+import { twMerge } from "tailwind-merge";
+
+// src/core/button/buttonStyles.ts
+import { twJoin } from "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 twJoin(fullWidth && "w-full", loading && "animate-loading-pulse", linkStyles);
+  }
+  return 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
+import { jsx } from "react/jsx-runtime";
+var ButtonImpl = ({
+  fullWidth,
+  size,
+  intent,
+  variant,
+  disabled,
+  loading,
+  soften,
+  roundedness,
+  className,
+  children,
+  ...rest
+}, ref) => {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: 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
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ButtonGroup = ({
+  size,
+  value,
+  onChange,
+  buttons
+}) => /* @__PURE__ */ jsx2("div", { className: "flex", children: buttons.map((button, i) => /* @__PURE__ */ jsx2(
+  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
+import { faCircle, faCircleInfo, faDiamond, faTriangleExclamation } from "@fortawesome/free-solid-svg-icons";
+import { twJoin as twJoin2 } from "tailwind-merge";
+
+// src/core/icon/Icon.tsx
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Icon = ({ icon }) => /* @__PURE__ */ jsx3(FontAwesomeIcon, { icon });
+
+// src/core/callout/Callout.tsx
+import { jsx as jsx4, jsxs } from "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: faCircleInfo,
+  warning: faTriangleExclamation,
+  primary: faDiamond,
+  danger: faCircle
+};
+var Callout = ({
+  title,
+  intent = "default",
+  rightSlot,
+  children,
+  customIcon,
+  isAttachedAtBottom,
+  isCentered
+}) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    className: twJoin2(
+      "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__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx4("div", { className: twJoin2("text-sm", title ? "leading-6.5" : "leading-5", calloutIconStyles[intent]), children: /* @__PURE__ */ jsx4(Icon, { icon: customIcon ?? calloutIcons[intent] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-1", children: [
+          title && /* @__PURE__ */ jsx4("div", { className: "leading-6.5 font-medium whitespace-pre-line text-gray-700", children: title }),
+          children && /* @__PURE__ */ jsx4("div", { className: "text-sm leading-5 text-gray-500", children })
+        ] })
+      ] }),
+      rightSlot
+    ]
+  }
+);
+
+// src/core/checkbox/Checkbox.tsx
+import { forwardRef as forwardRef2, useEffect, useRef } from "react";
+import { twJoin as twJoin3 } from "tailwind-merge";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Checkbox = forwardRef2(({ className, hasError, ...rest }, ref) => /* @__PURE__ */ jsx5(
+  "input",
+  {
+    type: "checkbox",
+    className: twJoin3(
+      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 = useRef(null);
+  useEffect(() => {
+    if (ref.current) {
+      ref.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate]);
+  return /* @__PURE__ */ jsx5(Checkbox, { ref, ...rest });
+};
+
+// src/core/collapsible/Collapsible.tsx
+import { faChevronDown, faChevronRight } from "@fortawesome/free-solid-svg-icons";
+import { Content, Root, Trigger } from "@radix-ui/react-collapsible";
+import { useState } from "react";
+import { twMerge as twMerge2 } from "tailwind-merge";
+import { jsx as jsx6, jsxs as jsxs2 } from "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] = useState(defaultOpen);
+  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+  const setIsOpen = isControlled ? controlledSetOpen : setUncontrolledOpen;
+  return /* @__PURE__ */ jsxs2(Root, { className: "flex flex-col gap-2", open: isOpen, onOpenChange: setIsOpen, children: [
+    /* @__PURE__ */ jsx6(
+      Trigger,
+      {
+        asChild: true,
+        className: twMerge2("flex cursor-pointer items-center gap-2 font-medium text-gray-500", triggerClassName),
+        children: /* @__PURE__ */ jsxs2("div", { children: [
+          !hideIcon && iconPosition === "left" && /* @__PURE__ */ jsx6("div", { className: "min-w-3.5", children: /* @__PURE__ */ jsx6(
+            Icon,
+            {
+              icon: isOpen ? faChevronDown : faChevronRight
+            }
+          ) }),
+          title,
+          !hideIcon && iconPosition === "right" && /* @__PURE__ */ jsx6("div", { className: "min-w-3.5", children: /* @__PURE__ */ jsx6(
+            Icon,
+            {
+              icon: isOpen ? faChevronDown : faChevronRight
+            }
+          ) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx6(Content, { className: "overflow-y-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down", children: /* @__PURE__ */ jsx6("div", { className: "flex flex-col gap-2", children }) })
+  ] });
+};
+
+// src/core/collapsible-section/CollapsibleSection.tsx
+import { faChevronDown as faChevronDown2 } from "@fortawesome/free-solid-svg-icons";
+import { Slot } from "@radix-ui/react-slot";
+import { twJoin as twJoin4 } from "tailwind-merge";
+
+// src/core/utils/useToggle.tsx
+import * as React3 from "react";
+
+// src/core/utils/create-context-helper.tsx
+import * as React2 from "react";
+import { jsx as jsx7 } from "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__ */ jsx7(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
+import { jsx as jsx8 } from "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__ */ jsx8(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
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+var ToggleButton = ({ children, ...rest }) => {
+  const { state: isVisible, toggle } = useIsVisible();
+  return /* @__PURE__ */ jsx9(Slot, { onClick: toggle, children: /* @__PURE__ */ jsxs3(Button, { variant: "transparent", size: "xs", ...rest, children: [
+    /* @__PURE__ */ jsx9("span", { className: twJoin4("transition-transform", !isVisible && "-rotate-90"), children: /* @__PURE__ */ jsx9(Icon, { icon: faChevronDown2 }) }),
+    children
+  ] }) });
+};
+var Content2 = ({ children }) => {
+  const { state: isVisible } = useIsVisible();
+  if (isVisible) return children;
+  return null;
+};
+var CollapsibleSection = ({ children, defaultOpen }) => {
+  return /* @__PURE__ */ jsx9(IsVisibleProvider, { state: defaultOpen, children });
+};
+CollapsibleSection.ToggleButton = ToggleButton;
+CollapsibleSection.Content = Content2;
+
+// src/core/copyable/Copyable.tsx
+import { faCheck, faCopy } from "@fortawesome/free-solid-svg-icons";
+import * as RadixTooltip2 from "@radix-ui/react-tooltip";
+import { twJoin as twJoin5 } from "tailwind-merge";
+
+// src/core/tooltip/Tooltip.tsx
+import * as RadixTooltip from "@radix-ui/react-tooltip";
+
+// src/core/utils/useOverflowObserver.tsx
+import * as React4 from "react";
+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
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+var TooltipContent = ({ children, variant = "dark", ...rest }) => {
+  return /* @__PURE__ */ jsx10(RadixTooltip.Portal, { children: /* @__PURE__ */ jsxs4(
+    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__ */ jsx10(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__ */ jsx10(RadixTooltip.Trigger, { asChild: true, ...rest, children: element(elementRef) });
+};
+var TooltipTrigger = (props) => /* @__PURE__ */ jsx10(RadixTooltip.Trigger, { asChild: true, ...props });
+var TooltipProvider = (props) => /* @__PURE__ */ jsx10(RadixTooltip.Provider, { disableHoverableContent: true, delayDuration: 0, ...props });
+var TooltipRoot = (props) => /* @__PURE__ */ jsx10(RadixTooltip.Root, { ...props });
+var Tooltip = ({ trigger, content, variant, side, ...rest }) => {
+  return /* @__PURE__ */ jsxs4(Tooltip.Root, { ...rest, children: [
+    /* @__PURE__ */ jsx10(Tooltip.Trigger, { children: trigger }),
+    content && /* @__PURE__ */ jsx10(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
+import * as React5 from "react";
+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
+import { jsx as jsx11, jsxs as jsxs5 } from "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__ */ jsx11(Tooltip, { trigger: children, content: tooltip });
+  }
+  if (!value) {
+    return children;
+  }
+  return /* @__PURE__ */ jsxs5(RadixTooltip2.Root, { open: state === "copied" ? true : void 0, delayDuration: 150, children: [
+    /* @__PURE__ */ jsx11(
+      RadixTooltip2.Trigger,
+      {
+        asChild: true,
+        onClick: handleCopy,
+        className: twJoin5(
+          "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__ */ jsx11("span", { children })
+      }
+    ),
+    tooltip && state === "idle" && /* @__PURE__ */ jsx11(TooltipContent, { side: "bottom", children: tooltip }),
+    /* @__PURE__ */ jsx11(RadixTooltip2.Portal, { children: /* @__PURE__ */ jsx11(
+      RadixTooltip2.Content,
+      {
+        sideOffset: 6,
+        side: "right",
+        className: twJoin5(
+          "z-101 grid h-6 w-6 place-items-center rounded-sm bg-white shadow-lg",
+          state !== "copying" && "animate-fade-in"
+        ),
+        children: /* @__PURE__ */ jsx11("div", { className: state === "copied" ? "text-green-500" : "text-gray-500", children: /* @__PURE__ */ jsx11(
+          Icon,
+          {
+            icon: state === "copied" ? faCheck : faCopy
+          }
+        ) })
+      }
+    ) })
+  ] });
+};
+
+// src/core/date-picker/DatePickerRange.tsx
+import { useCallback as useCallback4 } from "react";
+import DatePickerLib from "react-datepicker";
+
+// src/core/date-picker/DatePickerHeader.tsx
+import { faChevronLeft, faChevronRight as faChevronRight2 } from "@fortawesome/free-solid-svg-icons";
+import { getMonth, getYear } from "date-fns";
+import { range } from "lodash-es";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+var years = range(1920, 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__ */ jsx12("div", { className: "space-y-2 p-2", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx12(Button, { onClick: decreaseMonth, disabled: prevMonthButtonDisabled, variant: "transparent", size: "sm", children: /* @__PURE__ */ jsx12(Icon, { icon: faChevronLeft }) }),
+    /* @__PURE__ */ jsx12(
+      Select,
+      {
+        size: "sm",
+        popover: {
+          container: datePickerContainer
+        },
+        value: months[getMonth(date)],
+        onChange: (value) => changeMonth(months.indexOf(value)),
+        items: months.map((month) => ({ label: month, value: month }))
+      }
+    ),
+    /* @__PURE__ */ jsx12(
+      Select,
+      {
+        size: "sm",
+        popover: {
+          container: datePickerContainer
+        },
+        value: getYear(date).toString(),
+        onChange: (value) => changeYear(parseInt(value)),
+        items: years.map((year) => ({ label: year.toString(), value: year.toString() }))
+      }
+    ),
+    /* @__PURE__ */ jsx12(Button, { onClick: increaseMonth, disabled: nextMonthButtonDisabled, variant: "transparent", size: "sm", children: /* @__PURE__ */ jsx12(Icon, { icon: faChevronRight2 }) })
+  ] }) });
+};
+
+// src/core/date-picker/shared.tsx
+import { faCalendar, faXmark } from "@fortawesome/free-solid-svg-icons";
+
+// src/core/date-picker/DatePickerInput.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { twJoin as twJoin6, twMerge as twMerge3 } from "tailwind-merge";
+
+// src/core/types.ts
+var RING_COLOR_CLASSNAME = "focus:ring-2 focus:ring-indigo-200";
+
+// src/core/date-picker/DatePickerInput.tsx
+import { Fragment, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+var DatePickerInput = forwardRef3(
+  ({ 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__ */ jsxs7(Fragment, { children: [
+      /* @__PURE__ */ jsxs7("div", { className: "relative block w-full rounded-md shadow-sm", children: [
+        /* @__PURE__ */ jsx13(
+          "input",
+          {
+            type: "text",
+            className: twMerge3(
+              "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__ */ jsx13("div", { className: twJoin6("absolute inset-y-0 right-0 flex items-center pr-3", disabled && "cursor-auto"), children: rightAction })
+      ] }),
+      hasError != null && errorNode != null && /* @__PURE__ */ jsx13("p", { className: "mt-2 max-h-[100px] overflow-auto text-sm text-red-600", children: errorNode })
+    ] });
+  }
+);
+
+// src/core/date-picker/shared.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+var customInputFieldFactory = ({
+  inputProps,
+  errorNode,
+  hasError,
+  isEmpty,
+  disabled,
+  onClearInput
+}) => /* @__PURE__ */ jsx14(
+  DatePickerInput,
+  {
+    inputProps,
+    errorNode,
+    hasError,
+    rightAction: isEmpty ? /* @__PURE__ */ jsx14("span", { className: "text-gray-300", children: /* @__PURE__ */ jsx14(Icon, { icon: faCalendar }) }) : !disabled ? /* @__PURE__ */ jsx14(Button, { size: "xs", onClick: onClearInput, variant: "transparent", children: /* @__PURE__ */ jsx14("span", { className: "text-gray-500", children: /* @__PURE__ */ jsx14(Icon, { icon: faXmark }) }) }) : null
+  }
+);
+
+// src/core/date-picker/TimeInput.tsx
+import { useCallback as useCallback3, useState as useState5 } from "react";
+
+// src/core/input/InputBox.tsx
+import * as React6 from "react";
+import { forwardRef as forwardRef5 } from "react";
+
+// src/core/input/inputBoxStyles.ts
+import { twJoin as twJoin7 } from "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 }) => twJoin7(
+  "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
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+var NestedInputImpl = (props, ref) => {
+  return /* @__PURE__ */ jsx15(
+    "input",
+    {
+      type: "text",
+      className: `${inputStyles} border-none bg-transparent p-0 focus:ring-0 focus:outline-hidden`,
+      autoComplete: "off",
+      ...props,
+      ref
+    }
+  );
+};
+var NestedInput = forwardRef5(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__ */ jsx15("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__ */ jsxs8("div", { className: "flex flex-row items-center", children: [
+    /* @__PURE__ */ jsx15("label", { className: "p-1 text-gray-500", children: prefix }),
+    /* @__PURE__ */ jsx15(
+      "input",
+      {
+        type: "text",
+        className: `${inputStyles} ${inputBoxStyles({ size, variant, hasError, hasWarning })}`,
+        autoComplete: "off",
+        ...rest,
+        ref
+      }
+    )
+  ] }) : /* @__PURE__ */ jsx15(
+    "input",
+    {
+      type: "text",
+      className: `${inputStyles} ${inputBoxStyles({ size, variant, hasError, hasWarning })}`,
+      autoComplete: "off",
+      ...rest,
+      ref
+    }
+  );
+};
+var Input = forwardRef5(InputImpl);
+
+// src/core/date-picker/TimeInput.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+var TimeInput = ({
+  value: inputValue,
+  onChange
+}) => {
+  const [value, setValue] = useState5(inputValue?.toString());
+  const handleUpdateTime = useCallback3(() => {
+    onChange?.(value);
+  }, [value, onChange]);
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter") {
+      handleUpdateTime();
+    }
+  };
+  return /* @__PURE__ */ jsx16(
+    Input,
+    {
+      value,
+      onChange: (e) => setValue(e.target.value),
+      onBlur: handleUpdateTime,
+      onKeyDown: handleKeyDown,
+      type: "time",
+      required: true
+    }
+  );
+};
+
+// src/core/date-picker/DatePickerRange.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+var DatePickerRange = ({
+  value = [void 0, void 0],
+  errorNode,
+  hasError,
+  inputProps,
+  placeholder,
+  onChange,
+  position = "bottom-start",
+  ...props
+}) => {
+  const handleChange = useCallback4(
+    (date) => onChange?.([date[0] || void 0, date[1] || void 0]),
+    [onChange]
+  );
+  const clearDatePicker = useCallback4(
+    (e) => {
+      e.preventDefault();
+      onChange?.([void 0, void 0]);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ jsx17(
+    DatePickerLib,
+    {
+      ...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__ */ jsx17(TimeInput, {}),
+      renderCustomHeader: DatePickerHeader
+    }
+  );
+};
+
+// src/core/date-picker/DatePickerSingle.tsx
+import { useCallback as useCallback5 } from "react";
+import DatePickerLib2 from "react-datepicker";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var DatePickerSingle = ({
+  value,
+  errorNode,
+  hasError,
+  inputProps,
+  placeholder,
+  onChange,
+  position = "bottom-start",
+  preventOpenOnFocus = true,
+  ...props
+}) => {
+  const handleChange = useCallback5((date) => onChange?.(date ?? void 0), [onChange]);
+  const clearDatePicker = useCallback5(
+    (e) => {
+      e.preventDefault();
+      onChange?.(void 0);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ jsx18(
+    DatePickerLib2,
+    {
+      ...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__ */ jsx18(TimeInput, {}),
+      renderCustomHeader: DatePickerHeader,
+      popperPlacement: position
+    }
+  );
+};
+
+// src/core/date-picker/DatePicker.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+var DatePicker = (props) => props.range ? /* @__PURE__ */ jsx19(DatePickerRange, { ...props }) : /* @__PURE__ */ jsx19(DatePickerSingle, { ...props });
+
+// src/core/divider/Divider.tsx
+import { twMerge as twMerge4 } from "tailwind-merge";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var Divider = ({ className }) => /* @__PURE__ */ jsx20("div", { className: twMerge4("h-[1px] w-full border-b border-gray-200", className) });
+
+// src/core/error-text/ErrorText.tsx
+import { forwardRef as forwardRef6 } from "react";
+import { twJoin as twJoin8 } from "tailwind-merge";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var ErrorTextImpl = ({ className, ...props }, ref) => {
+  if (!props.children) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx21("p", { ...props, ref, className: twJoin8("text-red-600", className) });
+};
+var ErrorText = forwardRef6(ErrorTextImpl);
+
+// src/core/form/index.ts
+import { FormProvider, useFieldArray, useFormState as useFormState2, useWatch, useController as useController2 } from "react-hook-form";
+
+// src/core/form/components/ControlledField.tsx
+import { createContext as createContext2, useContext as useContext2, useMemo as useMemo2 } from "react";
+
+// src/core/form/hooks.ts
+import { zodResolver } from "@hookform/resolvers/zod";
+import * as React8 from "react";
+import { useController, useForm as _useForm, useFormContext as _useFormContext, useFormState } from "react-hook-form";
+var useForm = (schema, options) => {
+  const methods = _useForm(
+    options != null ? { resolver: zodResolver(schema), ...options } : { resolver: 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 = _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 } = useController({ name: fieldName });
+  const { error } = fieldState;
+  return { ...field, error };
+};
+useControlledFormField.displayName = "useControlledFormField";
+var useUncontrolledFormField = ({ name: fieldName, ...changeHandlers }) => {
+  const { register, getFieldState } = useFormContext();
+  const formState = 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
+import { Fragment as Fragment2, jsx as jsx22 } from "react/jsx-runtime";
+var ControlledFieldContext = createContext2(void 0);
+var ControlledFieldProvider = ({ children, ...restField }) => {
+  const field = useControlledFormField(restField);
+  const value = useMemo2(() => field, [field]);
+  return /* @__PURE__ */ jsx22(ControlledFieldContext.Provider, { value, children });
+};
+ControlledFieldProvider.displayName = "ControlledFieldProvider";
+var useControlledField = () => {
+  const context = useContext2(ControlledFieldContext);
+  if (context) {
+    return context;
+  }
+  throw new Error("useControlledField must be used within ControlledFieldProvider");
+};
+useControlledField.displayName = "useControlledField";
+var ControlledField = ({ render, ...restField }) => {
+  return /* @__PURE__ */ jsx22(Fragment2, { children: render(useControlledFormField(restField)) });
+};
+ControlledField.displayName = "ControlledField";
+
+// src/core/form/components/UncontrolledField.tsx
+import { createContext as createContext3, useContext as useContext3, useMemo as useMemo3 } from "react";
+import { Fragment as Fragment3, jsx as jsx23 } from "react/jsx-runtime";
+var UncontrolledFieldContext = createContext3(void 0);
+var UncontrolledFieldProvider = ({
+  children,
+  ...restField
+}) => {
+  const field = useUncontrolledFormField(restField);
+  const value = useMemo3(() => field, [field]);
+  return /* @__PURE__ */ jsx23(UncontrolledFieldContext.Provider, { value, children });
+};
+UncontrolledFieldProvider.displayName = "UncontrolledFieldProvider";
+var useUncontrolledField = () => {
+  const context = useContext3(UncontrolledFieldContext);
+  if (context) {
+    return context;
+  }
+  throw new Error("useUncontrolledField must be used within UncontrolledFieldProvider");
+};
+useUncontrolledField.displayName = "useUncontrolledField";
+var UncontrolledField = ({ render, ...restField }) => {
+  return /* @__PURE__ */ jsx23(Fragment3, { children: render(useUncontrolledFormField(restField)) });
+};
+UncontrolledField.displayName = "UncontrolledField";
+
+// src/core/form/utils.ts
+import { get } from "react-hook-form";
+var getFieldError = (errors, name) => {
+  if (name == null || errors == null) {
+    return void 0;
+  }
+  return get(errors, name);
+};
+
+// src/core/form/components/form-item/index.tsx
+import { forwardRef as forwardRef11 } from "react";
+
+// src/core/form/components/form-item/InlineFormItem.tsx
+import { forwardRef as forwardRef7 } from "react";
+
+// src/core/form/components/form-item/FieldErrorTooltip.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+var FieldErrorTooltip = ({ error, children }) => {
+  return /* @__PURE__ */ jsx24(
+    Tooltip,
+    {
+      variant: "light",
+      open: error?.message ? void 0 : false,
+      trigger: children,
+      content: /* @__PURE__ */ jsx24(ErrorText, { children: error?.message })
+    }
+  );
+};
+
+// src/core/form/components/form-item/InlineFormItem.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+var InlineFormItem = forwardRef7(({ error, render }, ref) => {
+  return /* @__PURE__ */ jsx25(FieldErrorTooltip, { error, children: /* @__PURE__ */ jsx25("span", { ref, children: render }) });
+});
+
+// src/core/form/components/form-item/NoneFormItem.tsx
+import { forwardRef as forwardRef8 } from "react";
+
+// src/core/form/components/form-item/FieldDescription.tsx
+import { twJoin as twJoin9 } from "tailwind-merge";
+import { jsx as jsx26 } from "react/jsx-runtime";
+var FieldDescription = ({ styles, children }) => {
+  if (children == null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx26("p", { className: twJoin9("text-sm text-gray-500", styles), children });
+};
+
+// src/core/form/components/form-item/FieldErrorMessage.tsx
+import { faCircleExclamation } from "@fortawesome/free-solid-svg-icons";
+
+// src/core/overflow-tooltip/OverflowTooltip.tsx
+import { jsx as jsx27, jsxs as jsxs9 } from "react/jsx-runtime";
+var OverflowTooltip = ({ element, tooltip, side, variant, ...props }) => {
+  return /* @__PURE__ */ jsxs9(Tooltip.Root, { ...props, children: [
+    /* @__PURE__ */ jsx27(Tooltip.OverflowTrigger, { element }),
+    /* @__PURE__ */ jsx27(Tooltip.Content, { side, variant, children: tooltip })
+  ] });
+};
+
+// src/core/form/components/form-item/FieldErrorMessage.tsx
+import { jsx as jsx28, jsxs as jsxs10 } from "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__ */ jsxs10("div", { className: "flex h-4.5 items-center gap-x-1 pt-0.5 text-sm", children: [
+    /* @__PURE__ */ jsx28("span", { className: "text-red-400", children: /* @__PURE__ */ jsx28(Icon, { icon: faCircleExclamation }) }),
+    /* @__PURE__ */ jsx28(
+      OverflowTooltip,
+      {
+        tooltip: message,
+        element: (ref) => /* @__PURE__ */ jsx28(ErrorText, { ref, className: "line-clamp-1 cursor-default break-all", children: message })
+      }
+    )
+  ] });
+};
+
+// src/core/form/components/form-item/FieldLabelWithTooltip.tsx
+import { faCircleQuestion } from "@fortawesome/free-solid-svg-icons";
+import { twJoin as twJoin11 } from "tailwind-merge";
+
+// src/core/form/components/form-item/FieldLabel.tsx
+import { twJoin as twJoin10 } from "tailwind-merge";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var FieldLabel = ({ styles, htmlFor, children }) => {
+  if (children == null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx29("label", { htmlFor, className: twJoin10("block text-sm font-normal text-gray-500", styles), children });
+};
+
+// src/core/form/components/form-item/FieldLabelWithTooltip.tsx
+import { jsx as jsx30, jsxs as jsxs11 } from "react/jsx-runtime";
+var FieldLabelWithTooltip = ({ styles, label, options }) => {
+  if (label == null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs11(FieldLabel, { styles: twJoin11("space-x-1", styles), children: [
+    /* @__PURE__ */ jsx30("span", { children: label }),
+    options?.optionalLabel && /* @__PURE__ */ jsx30("span", { className: "text-gray-400", children: "(Optional)" }),
+    options?.tooltip && /* @__PURE__ */ jsx30(
+      Tooltip,
+      {
+        content: options?.tooltip,
+        trigger: /* @__PURE__ */ jsxs11("span", { className: "inline-flex items-baseline space-x-1", children: [
+          /* @__PURE__ */ jsx30("span", { className: "leading-none", children: options.tooltipIcon ? options.tooltipIcon : /* @__PURE__ */ jsx30("span", { className: "text-gray-500", children: /* @__PURE__ */ jsx30(Icon, { icon: faCircleQuestion }) }) }),
+          options?.tooltipLabel && /* @__PURE__ */ jsx30("span", { className: "font-normal text-gray-500", children: options?.tooltipLabel })
+        ] })
+      }
+    ),
+    options?.inlineLabelEndSlot
+  ] });
+};
+
+// src/core/form/components/form-item/NoneFormItem.tsx
+import { Fragment as Fragment4, jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
+var NoneFormItemImpl = ({ label, options, render, error }, ref) => /* @__PURE__ */ jsxs12(Fragment4, { children: [
+  /* @__PURE__ */ jsxs12("div", { children: [
+    /* @__PURE__ */ jsx31(FieldLabelWithTooltip, { label, options }),
+    /* @__PURE__ */ jsx31(FieldDescription, { styles: "pt-0.5", children: options?.description })
+  ] }),
+  /* @__PURE__ */ jsxs12("div", { ref, children: [
+    render,
+    /* @__PURE__ */ jsx31(FieldErrorMessage, { error }),
+    options?.bottomSlot
+  ] })
+] });
+var NoneFormItem = forwardRef8(NoneFormItemImpl);
+
+// src/core/form/components/form-item/SideBySideFormItem.tsx
+import { forwardRef as forwardRef9 } from "react";
+import { twJoin as twJoin12 } from "tailwind-merge";
+import { jsx as jsx32, jsxs as jsxs13 } from "react/jsx-runtime";
+var SideBySideFormItem = forwardRef9(
+  ({ styles, label, options, render, error }, ref) => /* @__PURE__ */ jsxs13("div", { className: twJoin12("grid grid-cols-[minmax(0,2fr)_minmax(0,3fr)] gap-x-1", styles), ref, children: [
+    /* @__PURE__ */ jsxs13("div", { className: "pt-2.5", children: [
+      /* @__PURE__ */ jsx32(FieldLabelWithTooltip, { label, options }),
+      /* @__PURE__ */ jsx32(FieldDescription, { styles: "pt-0.5", children: options?.description })
+    ] }),
+    /* @__PURE__ */ jsxs13("div", { children: [
+      render,
+      /* @__PURE__ */ jsx32(FieldErrorMessage, { error }),
+      options?.bottomSlot
+    ] })
+  ] })
+);
+
+// src/core/form/components/form-item/StackedFormItem.tsx
+import { forwardRef as forwardRef10 } from "react";
+import { twJoin as twJoin13 } from "tailwind-merge";
+import { jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
+var StackedFormItem = forwardRef10(
+  ({ styles, label, options, render, error }, ref) => /* @__PURE__ */ jsxs14("div", { className: styles || void 0, ref, children: [
+    /* @__PURE__ */ jsx33(
+      FieldLabelWithTooltip,
+      {
+        styles: twJoin13("flex items-baseline", options?.description == null && "pb-1"),
+        label,
+        options
+      }
+    ),
+    /* @__PURE__ */ jsx33(FieldDescription, { styles: "pb-1", children: options?.description }),
+    render,
+    /* @__PURE__ */ jsx33(FieldErrorMessage, { error }),
+    options?.bottomSlot
+  ] })
+);
+
+// src/core/form/components/form-item/index.tsx
+import { jsx as jsx34 } from "react/jsx-runtime";
+var FormItem = forwardRef11(({ layout = "stacked", ...rest }, ref) => {
+  switch (layout) {
+    case "inline":
+      return /* @__PURE__ */ jsx34(InlineFormItem, { ...rest, ref });
+    case "side-by-side":
+      return /* @__PURE__ */ jsx34(SideBySideFormItem, { ...rest, ref });
+    case "stacked":
+      return /* @__PURE__ */ jsx34(StackedFormItem, { ...rest, ref });
+    case "none":
+      return /* @__PURE__ */ jsx34(NoneFormItem, { ...rest, ref });
+    default:
+      throw new Error(`Unknown form item layout: ${layout}`);
+  }
+});
+
+// src/core/form/components/FormInput.tsx
+import { jsx as jsx35 } from "react/jsx-runtime";
+var FormInput = ({
+  name,
+  styles,
+  layout,
+  label,
+  options,
+  onChange,
+  onBlur,
+  disabled,
+  ...rest
+}) => /* @__PURE__ */ jsx35(
+  UncontrolledField,
+  {
+    name,
+    onChange,
+    onBlur,
+    render: ({ error, register }) => /* @__PURE__ */ jsx35(
+      FormItem,
+      {
+        layout,
+        styles,
+        label,
+        options,
+        render: /* @__PURE__ */ jsx35(Input, { ...register(), ...rest, disabled, hasError: !disabled && (!!error || void 0) }),
+        error
+      }
+    )
+  }
+);
+
+// src/core/form/components/FormDollarInput.tsx
+import { faCircleExclamation as faCircleExclamation2, faDollarSign, faTriangleExclamation as faTriangleExclamation2 } from "@fortawesome/free-solid-svg-icons";
+import { forwardRef as forwardRef12 } from "react";
+import { twJoin as twJoin14 } from "tailwind-merge";
+
+// src/core/utils/useSyncState.ts
+import { useState as useState6 } from "react";
+var useSyncState = (upstream) => {
+  const [prevUpstream, setPrevUpstream] = useState6(upstream);
+  const [state, setState] = useState6(upstream);
+  if (prevUpstream !== upstream) {
+    setState(upstream);
+    setPrevUpstream(upstream);
+  }
+  return [state, setState];
+};
+
+// src/core/form/components/FormDollarInput.tsx
+import { jsx as jsx36, jsxs as jsxs15 } from "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 = forwardRef12(
+  ({ 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__ */ jsxs15("div", { className: "flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ jsxs15(
+        "div",
+        {
+          className: twJoin14(
+            "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__ */ jsx36(
+              "div",
+              {
+                className: twJoin14(
+                  "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__ */ jsx36(Icon, { icon: faDollarSign })
+              }
+            ),
+            /* @__PURE__ */ jsx36(
+              Input,
+              {
+                ref,
+                variant: "default",
+                disabled,
+                value: strValue,
+                hasError,
+                hasWarning,
+                onChange: handleChange,
+                onBlur: handleBlur,
+                onPaste: handlePaste,
+                placeholder: "0.00"
+              }
+            )
+          ]
+        }
+      ),
+      hasWarning && message && /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1 text-sm font-normal text-yellow-700", children: [
+        /* @__PURE__ */ jsx36(Icon, { icon: faTriangleExclamation2 }),
+        message
+      ] }),
+      hasError && message && /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1 text-sm font-normal text-red-700", children: [
+        /* @__PURE__ */ jsx36(Icon, { icon: faCircleExclamation2 }),
+        message
+      ] })
+    ] });
+  }
+);
+var FormDollarInput = forwardRef12(
+  ({ name, layout, label, onChange, disabled, hasWarning = false, message, options }, ref) => /* @__PURE__ */ jsx36(
+    ControlledField,
+    {
+      name,
+      render: (field) => /* @__PURE__ */ jsx36(
+        FormItem,
+        {
+          label,
+          layout,
+          options,
+          error: field.error,
+          render: /* @__PURE__ */ jsx36(
+            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
+import { faCircleExclamation as faCircleExclamation3, faPercent, faTriangleExclamation as faTriangleExclamation3 } from "@fortawesome/free-solid-svg-icons";
+import { forwardRef as forwardRef13 } from "react";
+import { twJoin as twJoin15 } from "tailwind-merge";
+import { jsx as jsx37, jsxs as jsxs16 } from "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 = forwardRef13(
+  ({ 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__ */ jsxs16("div", { className: "flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ jsxs16(
+        "div",
+        {
+          className: twJoin15(
+            "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__ */ jsx37(
+              "div",
+              {
+                className: twJoin15(
+                  "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__ */ jsx37(Icon, { icon: faPercent })
+              }
+            ),
+            /* @__PURE__ */ jsx37(
+              Input,
+              {
+                ref,
+                variant: "default",
+                disabled,
+                value: strValue,
+                hasError,
+                hasWarning,
+                onChange: handleChange,
+                onBlur: handleBlur,
+                onPaste: handlePaste,
+                placeholder: "0"
+              }
+            )
+          ]
+        }
+      ),
+      hasWarning && message && /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1 text-sm font-normal text-yellow-700", children: [
+        /* @__PURE__ */ jsx37(Icon, { icon: faTriangleExclamation3 }),
+        message
+      ] }),
+      hasError && message && /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1 text-sm font-normal text-red-700", children: [
+        /* @__PURE__ */ jsx37(Icon, { icon: faCircleExclamation3 }),
+        message
+      ] })
+    ] });
+  }
+);
+var FormPercentInput = forwardRef13(
+  ({ name, layout, label, onChange, disabled, hasWarning = false, message, options }, ref) => /* @__PURE__ */ jsx37(
+    ControlledField,
+    {
+      name,
+      render: (field) => /* @__PURE__ */ jsx37(
+        FormItem,
+        {
+          label,
+          layout,
+          options,
+          error: field.error,
+          render: /* @__PURE__ */ jsx37(
+            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
+import { Fragment as Fragment5, jsx as jsx38, jsxs as jsxs17 } from "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__ */ jsxs17(Fragment5, { children: [
+      /* @__PURE__ */ jsx38(
+        Checkbox,
+        {
+          ...field,
+          id: name,
+          disabled,
+          checked: !!value,
+          onChange: handleChange,
+          hasError: !!error
+        }
+      ),
+      /* @__PURE__ */ jsx38(FieldErrorMessage, { error })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs17(ControlledFieldProvider, { name, children: [
+    children,
+    /* @__PURE__ */ jsx38(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__ */ jsx38(Checkbox, { ...field, id: name, checked: !!value, onChange: handleChange, hasError: !!error });
+}
+function LabelImpl({ children, className }) {
+  const { name } = useControlledField();
+  return /* @__PURE__ */ jsx38(FieldLabel, { htmlFor: name, styles: className, children });
+}
+FormCheckbox.Label = LabelImpl;
+FormCheckbox.Checkbox = CheckboxImpl;
+
+// src/core/form/components/ControlledFormItem.tsx
+import { jsx as jsx39 } from "react/jsx-runtime";
+var ControlledFormItem = ({
+  name,
+  styles,
+  layout,
+  label,
+  options,
+  render
+}) => {
+  const field = useControlledFormField({ name });
+  return /* @__PURE__ */ jsx39(
+    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
+import { useQuery } from "@tanstack/react-query";
+import { useEffect as useEffect3, useMemo as useMemo4, useState as useState7 } from "react";
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = useState7(value);
+  useEffect3(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+function useAsyncMultiSelect({
+  value,
+  fetchValues,
+  fetchOptions,
+  objToItem,
+  customValueToItem,
+  queryKeyPrefix
+}) {
+  const [query, setQuery] = useState7("");
+  const [page, setPage] = useState7(void 0);
+  const debouncedSearchTerm = useDebounce(query, 500);
+  const key = Array.isArray(queryKeyPrefix) ? queryKeyPrefix : [queryKeyPrefix];
+  const { data: fetchedValues } = useQuery({
+    queryKey: [...key, "values", value],
+    queryFn: () => fetchValues(value),
+    enabled: !!value
+  });
+  const {
+    data: fetchedOptions,
+    isLoading: isLoadingOptions,
+    error: optionsError
+  } = useQuery({
+    queryKey: [...key, "options", debouncedSearchTerm, page],
+    queryFn: () => fetchOptions(debouncedSearchTerm, page)
+  });
+  const selectItems = useMemo4(() => {
+    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
+import { DndContext, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
+import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { faArrowTurnDown, faCheck as faCheck2, faMagnifyingGlass, faXmark as faXmark2 } from "@fortawesome/free-solid-svg-icons";
+import { useMemo as useMemo5, useRef as useRef4, useState as useState8 } from "react";
+import { twJoin as twJoin18 } from "tailwind-merge";
+
+// src/core/dropdown-chevron/DropdownChevron.tsx
+import { faChevronDown as faChevronDown3 } from "@fortawesome/free-solid-svg-icons";
+import { twJoin as twJoin16 } from "tailwind-merge";
+import { jsx as jsx40 } from "react/jsx-runtime";
+var DropdownChevron = () => {
+  return /* @__PURE__ */ jsx40("div", { className: twJoin16("w-3 text-sm text-gray-500"), children: /* @__PURE__ */ jsx40(Icon, { icon: faChevronDown3 }) });
+};
+
+// src/core/popover/Popover.tsx
+import * as RadixPopover from "@radix-ui/react-popover";
+import { twMerge as twMerge5 } from "tailwind-merge";
+import { jsx as jsx41, jsxs as jsxs18 } from "react/jsx-runtime";
+var Popover = ({
+  open,
+  trigger,
+  triggerClassName,
+  children,
+  arrowClassName,
+  contentClassName,
+  disabled,
+  onOpenChange,
+  alignContent,
+  container,
+  ...props
+}) => /* @__PURE__ */ jsxs18(RadixPopover.Root, { open, onOpenChange, children: [
+  /* @__PURE__ */ jsx41(RadixPopover.Trigger, { asChild: true, disabled, className: triggerClassName, children: trigger }),
+  /* @__PURE__ */ jsx41(
+    PopoverBody,
+    {
+      align: alignContent,
+      ...props,
+      contentClassName,
+      arrowClassName,
+      container,
+      children
+    }
+  )
+] });
+var PopoverBody = ({ children, arrowClassName, contentClassName, container, ...props }) => {
+  return /* @__PURE__ */ jsx41(RadixPopover.Portal, { container, children: /* @__PURE__ */ jsxs18(
+    RadixPopover.Content,
+    {
+      ...props,
+      className: twMerge5("isolate z-50 rounded-lg bg-white shadow-lg focus:outline-hidden", contentClassName),
+      children: [
+        children,
+        /* @__PURE__ */ jsx41(RadixPopover.Arrow, { className: twMerge5("fill-white", arrowClassName), offset: 8 })
+      ]
+    }
+  ) });
+};
+Popover.Root = (props) => /* @__PURE__ */ jsx41(RadixPopover.Root, { ...props });
+Popover.Trigger = (props) => /* @__PURE__ */ jsx41(RadixPopover.Trigger, { asChild: true, children: /* @__PURE__ */ jsx41(Button, { ...props }) });
+Popover.Body = PopoverBody;
+Popover.Close = (props) => /* @__PURE__ */ jsx41(RadixPopover.Close, { asChild: true, ...props });
+
+// src/core/select/SelectListItem.tsx
+import { useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { faGripVertical } from "@fortawesome/free-solid-svg-icons";
+import { useEffect as useEffect4, useRef as useRef3 } from "react";
+import { twJoin as twJoin17 } from "tailwind-merge";
+import { jsx as jsx42, jsxs as jsxs19 } from "react/jsx-runtime";
+var SelectListItem = ({
+  sortableId,
+  children,
+  onClick,
+  disabled = false,
+  focused = false
+}) => {
+  const { setNodeRef, listeners, attributes, transform, transition } = useSortable({ id: sortableId ?? "" });
+  const containerRef = useRef3(null);
+  useEffect4(() => {
+    if (focused && containerRef.current) {
+      containerRef.current.scrollIntoView({ block: "nearest", inline: "nearest", behavior: "smooth" });
+    }
+  }, [focused]);
+  return /* @__PURE__ */ jsxs19(
+    "li",
+    {
+      ref: (ref) => {
+        setNodeRef(ref);
+        containerRef.current = ref;
+      },
+      onClick: disabled ? void 0 : onClick,
+      className: twJoin17(
+        "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: CSS.Transform.toString(transform),
+        transition
+      },
+      ...attributes,
+      children: [
+        sortableId && /* @__PURE__ */ jsx42(
+          "div",
+          {
+            className: "cursor-grab font-medium active:cursor-grabbing",
+            ...listeners,
+            onClick: (e) => {
+              e.stopPropagation();
+              listeners?.onClick(e);
+            },
+            children: /* @__PURE__ */ jsx42(Icon, { icon: faGripVertical })
+          }
+        ),
+        /* @__PURE__ */ jsx42("div", { className: "flex w-full flex-1 items-center justify-between", children })
+      ]
+    }
+  );
+};
+
+// src/core/select/AsyncMultiSelect.tsx
+import { Fragment as Fragment6, jsx as jsx43, jsxs as jsxs20 } from "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] = useState8(false);
+  const [search, setSearch] = useState8("");
+  const [focusIndex, setFocusIndex] = useState8(0);
+  const inputRef = useRef4(null);
+  const unselectedOptions = useMemo5(() => 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 = useMemo5(
+    () => 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 = useMemo5(() => {
+    const map = /* @__PURE__ */ new Map();
+    items.forEach((item) => map.set(item.value, item));
+    return map;
+  }, [items]);
+  const allValuesHaveOptions = useMemo5(
+    () => value.every((val) => valueToOptionMap.has(val)) || showCustomValue,
+    [value, valueToOptionMap, showCustomValue]
+  );
+  const triggerText = useMemo5(() => {
+    if (value.length === 0) {
+      return /* @__PURE__ */ jsx43("span", { className: "truncate", children: triggerPlaceholder ?? `Select ${maxSelection === 1 ? "an item..." : "items..."}` });
+    }
+    if (!allValuesHaveOptions) {
+      return /* @__PURE__ */ jsx43("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__ */ jsxs20(Fragment6, { children: [
+      icon && /* @__PURE__ */ jsx43("span", { className: "mr-1 inline-flex items-center", children: icon }),
+      /* @__PURE__ */ jsx43("span", { className: "line-clamp-1 text-left", children: `${firstValText}${value.length > 1 ? "," : ""}` }),
+      value.length > 1 && /* @__PURE__ */ jsx43("span", { className: "whitespace-nowrap", children: `+${value.length - 1} more` })
+    ] });
+  }, [maxSelection, valueToOptionMap, triggerPlaceholder, value, allValuesHaveOptions]);
+  return /* @__PURE__ */ jsx43(
+    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__ */ jsxs20(
+        "div",
+        {
+          onKeyDown: handleTriggerKeyDown,
+          className: twJoin18(
+            "-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__ */ jsx43(
+              "div",
+              {
+                className: twJoin18(
+                  "line-clamp-1 flex flex-1 items-center",
+                  value.length !== 0 ? "text-inherit" : "text-gray-500"
+                ),
+                children: triggerText
+              }
+            ),
+            !disabled && /* @__PURE__ */ jsx43(DropdownChevron, {})
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs20("button", { onKeyDown: handleTriggerKeyDown, className: twJoin18("w-full", inputBoxStyles({ hasError, size })), children: [
+        /* @__PURE__ */ jsx43(
+          "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__ */ jsx43(DropdownChevron, {})
+      ] })),
+      children: /* @__PURE__ */ jsxs20("div", { className: "w-72", children: [
+        (!hideSearch || allowCustomValues) && /* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsxs20(InputBox, { variant: "transparent", children: [
+          /* @__PURE__ */ jsx43("div", { className: "w-3 text-sm text-gray-400", children: /* @__PURE__ */ jsx43(Icon, { icon: faMagnifyingGlass }) }),
+          /* @__PURE__ */ jsx43(
+            InputBox.Input,
+            {
+              ref: inputRef,
+              value: search,
+              onChange: (e) => handleSearchTermChange(e.target.value),
+              placeholder: searchPlaceholder,
+              onBlur: (e) => e.target.focus(),
+              onKeyDown: handleKeyDown
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs20("ul", { className: "max-h-72 space-y-1 overflow-y-auto p-1", children: [
+          !allValuesHaveOptions ? /* @__PURE__ */ jsx43(SelectListItem, { disabled: true, children: "Loading..." }) : /* @__PURE__ */ jsx43(
+            SelectedItems,
+            {
+              value,
+              onChange,
+              search,
+              valueToOptionMap,
+              onSelectAll,
+              minSelection,
+              ordered,
+              numValuesToShow
+            }
+          ),
+          showCustomItem && /* @__PURE__ */ jsx43(SelectOption, { onClick: handleAddCustomItem, focused: showCustomItem && focusIndex === 0, children: /* @__PURE__ */ jsx43("span", { children: `"${search}"` }) }),
+          unselectedOptions.map((item, i) => /* @__PURE__ */ jsx43(
+            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__ */ jsx43(SelectListItem, { disabled: true, children: "No results" }))
+          ) : loadProps.isLoading ? /* @__PURE__ */ jsx43(SelectListItem, { disabled: true, children: "Loading..." }) : loadProps.isError ? /* @__PURE__ */ jsx43(SelectListItem, { disabled: true, children: "An error occurred" }) : unselectedOptions.length === 0 ? emptyState || /* @__PURE__ */ jsx43(SelectListItem, { disabled: true, children: "No results" }) : loadProps.canLoadMore ? /* @__PURE__ */ jsx43(
+            "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__ */ jsxs20(SelectListItem, { focused, ...rest, children: [
+  children,
+  focused && !rest.disabled && /* @__PURE__ */ jsx43("span", { className: "w-3 text-sm text-gray-500", children: /* @__PURE__ */ jsx43(Icon, { icon: faArrowTurnDown }) })
+] });
+var SelectedItems = ({
+  value = [],
+  onChange,
+  onSelectAll,
+  minSelection,
+  search,
+  valueToOptionMap,
+  ordered,
+  numValuesToShow = DEFAULT_NUM_VALUES_TO_SHOW
+}) => {
+  const [showAllValues, setShowAllValues] = useState8(false);
+  const filteredSelectedValues = useMemo5(() => {
+    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 = useSensors(
+    useSensor(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__ */ jsx43(DndContext, { sensors, onDragEnd, children: /* @__PURE__ */ jsxs20(
+    SortableContext,
+    {
+      disabled: !ordered,
+      items: filteredSelectedValues.map((v) => ({ id: v, value: v })),
+      strategy: verticalListSortingStrategy,
+      children: [
+        (filteredSelectedValues.length > numValuesToShow || onSelectAll) && /* @__PURE__ */ jsxs20("div", { className: "flex justify-between px-2 pt-1.5 pb-px text-sm", children: [
+          /* @__PURE__ */ jsxs20("span", { className: "font-medium text-gray-500", children: [
+            value.length,
+            " selected",
+            filteredSelectedValues.length < value.length ? ` (showing ${filteredSelectedValues.length})` : ""
+          ] }),
+          value.length > 0 ? /* @__PURE__ */ jsx43("span", { className: "cursor-pointer text-red-600 hover:underline", onClick: () => onChange?.([]), children: "Clear" }) : onSelectAll ? /* @__PURE__ */ jsx43("span", { className: "cursor-pointer text-indigo-700 hover:underline", onClick: onSelectAll, children: "Select all" }) : null
+        ] }),
+        filteredSelectedValues.length > 0 && /* @__PURE__ */ jsxs20(Fragment6, { children: [
+          filteredSelectedValues.slice(0, showAllValues ? value.length : numValuesToShow).map((val) => {
+            const item = valueToOptionMap.get(val);
+            return /* @__PURE__ */ jsxs20(
+              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__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+                    item.icon,
+                    /* @__PURE__ */ jsx43("span", { children: item.label })
+                  ] }),
+                  /* @__PURE__ */ jsx43("div", { className: "flex w-3 justify-center text-sm text-gray-500", children: /* @__PURE__ */ jsx43(
+                    Icon,
+                    {
+                      icon: minSelection === 1 ? faCheck2 : faXmark2
+                    }
+                  ) })
+                ]
+              },
+              val
+            );
+          }),
+          filteredSelectedValues.length > numValuesToShow && /* @__PURE__ */ jsx43(
+            "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__ */ jsx43("li", { className: "py-0.5", children: /* @__PURE__ */ jsx43("hr", { className: "h-px bg-gray-200" }) })
+      ]
+    }
+  ) });
+};
+
+// src/core/select/AsyncSelect.tsx
+import { jsx as jsx44 } from "react/jsx-runtime";
+var AsyncSelect = ({
+  value,
+  onChange,
+  allowUnselect = false,
+  ...rest
+}) => {
+  const multiValue = value ? [value] : [];
+  return /* @__PURE__ */ jsx44(
+    AsyncMultiSelect,
+    {
+      minSelection: allowUnselect ? 0 : 1,
+      maxSelection: 1,
+      value: multiValue,
+      onChange: (val) => onChange?.(val[0]),
+      ...rest
+    }
+  );
+};
+
+// src/core/select/MultiSelect.tsx
+import { useMemo as useMemo6, useState as useState9 } from "react";
+import { jsx as jsx45 } from "react/jsx-runtime";
+var MultiSelect = ({
+  value,
+  items: options,
+  onSearchChange,
+  customValueToOption,
+  ...rest
+}) => {
+  const [query, setQuery] = useState9("");
+  const optionsForValues = useMemo6(
+    () => 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 = useMemo6(
+    () => options.filter((option) => doesSelectItemMatch(option, query)),
+    [query, options]
+  );
+  return /* @__PURE__ */ jsx45(
+    AsyncMultiSelect,
+    {
+      value,
+      items: [...optionsForValues, ...optionsMatchingQuery],
+      onSearchChange: (q) => {
+        setQuery(q);
+        onSearchChange?.(q);
+      },
+      ...rest
+    }
+  );
+};
+
+// src/core/select/Select.tsx
+import { jsx as jsx46 } from "react/jsx-runtime";
+function Select({ value, onChange, allowUnselect, ...rest }) {
+  const multivalue = value || value === 0 ? [value] : [];
+  return /* @__PURE__ */ jsx46(
+    MultiSelect,
+    {
+      value: multivalue,
+      onChange: (val) => onChange?.(val[0]),
+      minSelection: allowUnselect ? 0 : 1,
+      maxSelection: 1,
+      ...rest
+    }
+  );
+}
+
+// src/core/select/SelectWtihUnselect.tsx
+import { jsx as jsx47 } from "react/jsx-runtime";
+function SelectWithUnselect({
+  value,
+  onChange,
+  ...rest
+}) {
+  const multivalue = value || value === 0 ? [value] : [];
+  return /* @__PURE__ */ jsx47(
+    MultiSelect,
+    {
+      value: multivalue,
+      onChange: (val) => onChange?.(val[0] ?? null),
+      minSelection: 0,
+      maxSelection: 1,
+      ...rest
+    }
+  );
+}
+
+// src/core/form/components/FormSelect.tsx
+import { jsx as jsx48 } from "react/jsx-runtime";
+var FormSelect = ({
+  name,
+  styles,
+  layout,
+  label,
+  options,
+  onChange,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx48(
+    ControlledFormItem,
+    {
+      name,
+      layout,
+      styles,
+      label,
+      options,
+      render: (field) => /* @__PURE__ */ jsx48(
+        Select,
+        {
+          ...rest,
+          value: field.value,
+          onChange: (value) => {
+            field.onChange(value);
+            onChange?.(value);
+          },
+          hasError: !!field.error
+        }
+      )
+    }
+  );
+};
+
+// src/core/form/components/FormMultiSelect.tsx
+import { jsx as jsx49 } from "react/jsx-runtime";
+var FormMultiSelect = ({
+  name,
+  styles,
+  layout,
+  label,
+  options,
+  onChange,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx49(
+    ControlledFormItem,
+    {
+      name,
+      layout,
+      styles,
+      label,
+      options,
+      render: (field) => /* @__PURE__ */ jsx49(
+        MultiSelect,
+        {
+          ...rest,
+          value: field.value,
+          onChange: (value) => {
+            field.onChange(value);
+            onChange?.(value);
+          },
+          hasError: !!field.error
+        }
+      )
+    }
+  );
+};
+
+// src/core/form/components/FormTextArea.tsx
+import { debounce } from "lodash-es";
+
+// src/core/textarea/TextArea.tsx
+import { forwardRef as forwardRef14 } from "react";
+import { twMerge as twMerge6 } from "tailwind-merge";
+import { Fragment as Fragment7, jsx as jsx50, jsxs as jsxs21 } from "react/jsx-runtime";
+var TextAreaComp = forwardRef14(({ 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__ */ jsx50(
+    "textarea",
+    {
+      ...rest,
+      className: twMerge6(
+        "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 = forwardRef14(({ hasError, errorNode, ...rest }, ref) => /* @__PURE__ */ jsxs21(Fragment7, { children: [
+  /* @__PURE__ */ jsx50(TextAreaComp, { ...rest, hasError, ref }),
+  hasError && /* @__PURE__ */ jsx50(ErrorText, { className: "mt-2 text-sm", children: errorNode })
+] }));
+
+// src/core/form/components/FormTextArea.tsx
+import { jsx as jsx51 } from "react/jsx-runtime";
+var FormTextArea = ({
+  name,
+  styles,
+  layout,
+  label,
+  options,
+  debounce: debounceInterval,
+  ...rest
+}) => /* @__PURE__ */ jsx51(
+  UncontrolledField,
+  {
+    name,
+    render: ({ error, register }) => {
+      const controlFields = register();
+      return /* @__PURE__ */ jsx51(
+        FormItem,
+        {
+          layout,
+          styles,
+          label,
+          options,
+          render: /* @__PURE__ */ jsx51(
+            TextArea,
+            {
+              ...controlFields,
+              hasError: !!error || void 0,
+              ...rest,
+              onChange: debounceInterval ? debounce(controlFields.onChange, debounceInterval) : controlFields.onChange
+            }
+          ),
+          error
+        }
+      );
+    }
+  }
+);
+
+// src/core/form/components/FormSwitch.tsx
+import { twJoin as twJoin19 } from "tailwind-merge";
+
+// src/core/switch/Switch.tsx
+import * as RadixSwitch from "@radix-ui/react-switch";
+import * as React10 from "react";
+import { jsx as jsx52 } from "react/jsx-runtime";
+var SwitchIdContext = React10.createContext(void 0);
+var useSwitchId = () => React10.useContext(SwitchIdContext);
+var SwitchControl = (props) => {
+  const id = useSwitchId();
+  return /* @__PURE__ */ jsx52(
+    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__ */ jsx52(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__ */ jsx52("label", { ...props, htmlFor: id });
+};
+var Switch = ({ children, className, ...rest }) => {
+  const autoId = React10.useId();
+  if (children == null) {
+    return /* @__PURE__ */ jsx52(SwitchControl, { ...rest });
+  }
+  return /* @__PURE__ */ jsx52(SwitchIdContext.Provider, { value: autoId, children: /* @__PURE__ */ jsx52("span", { className, children }) });
+};
+Switch.Control = SwitchControl;
+Switch.Label = SwitchLabel;
+
+// src/core/form/components/FormSwitch.tsx
+import { jsx as jsx53, jsxs as jsxs22 } from "react/jsx-runtime";
+var FormSwitch = ({ name, styles, layout, label, options, onChange, ...props }) => {
+  if (layout === "side-by-side") {
+    return /* @__PURE__ */ jsx53(
+      ControlledField,
+      {
+        name,
+        render: (field) => /* @__PURE__ */ jsxs22("div", { className: twJoin19("flex items-start gap-x-2", styles), children: [
+          /* @__PURE__ */ jsx53("div", { children: /* @__PURE__ */ jsx53(
+            Switch,
+            {
+              ...props,
+              checked: (
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+                field.value
+              ),
+              onCheckedChange: (value) => {
+                field.onChange(value);
+                onChange?.(value);
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsxs22("div", { className: "pt-1", children: [
+            /* @__PURE__ */ jsx53(FieldLabelWithTooltip, { label, options }),
+            /* @__PURE__ */ jsx53(FieldDescription, { styles: "pt-0.5", children: options?.description }),
+            /* @__PURE__ */ jsx53(FieldErrorMessage, { error: field.error }),
+            options?.bottomSlot
+          ] })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx53(
+    ControlledFormItem,
+    {
+      name,
+      layout,
+      styles,
+      label,
+      options,
+      render: (field) => /* @__PURE__ */ jsx53(Switch, { ...props, checked: field.value, onCheckedChange: field.onChange })
+    }
+  );
+};
+
+// src/core/radio-button-group/RadioButtonItem.tsx
+import { twJoin as twJoin20 } from "tailwind-merge";
+import { Fragment as Fragment8, jsx as jsx54, jsxs as jsxs23 } from "react/jsx-runtime";
+var RadioButtonItem = ({
+  value,
+  displayValue,
+  description,
+  expandedContents,
+  expandedContentsStyle,
+  disabled,
+  isChecked,
+  onSelect,
+  asCard = false
+}) => /* @__PURE__ */ jsxs23(
+  "div",
+  {
+    className: twJoin20(
+      "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__ */ jsxs23(
+        "div",
+        {
+          className: twJoin20(
+            "relative flex gap-2",
+            disabled && "cursor-not-allowed opacity-30 *:cursor-not-allowed",
+            expandedContentsStyle === "inline" ? "items-center" : "items-start"
+          ),
+          children: [
+            /* @__PURE__ */ jsx54(
+              "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__ */ jsxs23("label", { htmlFor: value, className: "flex w-full flex-row gap-2.5", children: [
+              /* @__PURE__ */ jsxs23("div", { className: "flex w-9/12 items-center gap-2", children: [
+                /* @__PURE__ */ jsx54("div", { className: "font-medium", children: displayValue }),
+                description && /* @__PURE__ */ jsx54("div", { id: `${value}-description`, className: "text-gray-500", children: description })
+              ] }),
+              /* @__PURE__ */ jsx54("div", { className: "flex w-3/12 items-center", children: expandedContents?.(!isChecked || !!disabled) })
+            ] }) : /* @__PURE__ */ jsx54("label", { htmlFor: value, className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx54("div", { className: "font-medium", children: displayValue }) })
+          ]
+        }
+      ),
+      expandedContentsStyle !== "inline" && /* @__PURE__ */ jsxs23(Fragment8, { children: [
+        description && /* @__PURE__ */ jsx54("div", { id: `${value}-description`, className: "text-gray-500", children: description }),
+        expandedContents?.(!isChecked || !!disabled)
+      ] })
+    ]
+  }
+);
+
+// src/core/radio-button-group/RadioButtonGroup.tsx
+import { jsx as jsx55 } from "react/jsx-runtime";
+var RadioButtonGroup = ({ className, items, onChange, value, asCards = false }) => /* @__PURE__ */ jsx55("fieldset", { className, children: /* @__PURE__ */ jsx55("div", { className: "space-y-3", children: items.map(
+  ({ value: itemValue, displayValue, description, expandedContents, expandedContentsStyle, disabled }, index) => /* @__PURE__ */ jsx55(
+    RadioButtonItem,
+    {
+      disabled,
+      onSelect: onChange,
+      isChecked: value === itemValue,
+      value: itemValue,
+      displayValue,
+      description,
+      expandedContents,
+      expandedContentsStyle,
+      asCard: asCards
+    },
+    index
+  )
+) }) });
+
+// src/core/form/components/FormRadioButtonGroup.tsx
+import { Fragment as Fragment9, jsx as jsx56, jsxs as jsxs24 } from "react/jsx-runtime";
+var FormRadioButtonGroup = ({
+  name,
+  items,
+  onChange,
+  asCards = false,
+  className
+}) => /* @__PURE__ */ jsx56(
+  ControlledField,
+  {
+    name,
+    render: (field) => /* @__PURE__ */ jsxs24(Fragment9, { children: [
+      /* @__PURE__ */ jsx56(
+        RadioButtonGroup,
+        {
+          ...field,
+          className,
+          items,
+          onChange: (newValue) => {
+            field.onChange(newValue);
+            onChange?.(newValue);
+          },
+          asCards
+        }
+      ),
+      /* @__PURE__ */ jsx56(FieldErrorMessage, { error: field.error })
+    ] })
+  }
+);
+
+// src/core/form/components/FormDatePicker.tsx
+import { useCallback as useCallback7 } from "react";
+import { twJoin as twJoin21 } from "tailwind-merge";
+import { jsx as jsx57 } from "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 = useCallback7(
+    (newValue) => {
+      onChange?.(newValue ?? null);
+      onChangeInternal(newValue ?? null);
+    },
+    [onChangeInternal, onChange]
+  );
+  return /* @__PURE__ */ jsx57(
+    FormItem,
+    {
+      layout,
+      styles,
+      label,
+      options,
+      ref: containerRef,
+      render: /* @__PURE__ */ jsx57("div", { className: twJoin21(disabled && "text-gray-500"), children: /* @__PURE__ */ jsx57(
+        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
+import { z } from "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 = z.string().regex(CURRENCY_REGEX, DOLLARS_STR_ERROR_MESSAGE);
+var requiredDollarsStrSchema = z.string().trim().nonempty("Required").regex(CURRENCY_REGEX, DOLLARS_STR_ERROR_MESSAGE);
+var requiredDollarsStrSchemaWithCustomMessage = (requiredError, invalidTypeError) => 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
+import { z as z3 } from "zod";
+
+// src/core/form/components/schemas/helper-schemas.ts
+import { z as z2 } from "zod";
+var asOptional = (schema) => z2.union([
+  // order is important: the empty-like literals must precede actual schema
+  z2.literal(null).transform(() => void 0),
+  z2.literal("").transform(() => void 0),
+  z2.string().trim().transform((val) => val === "" ? void 0 : val).pipe(z2.undefined()),
+  schema.optional()
+]);
+var asNullish = (schema) => z2.union([
+  // order is important: the empty-like literals must precede actual schema
+  z2.literal(null).transform(() => void 0),
+  z2.literal("").transform(() => void 0),
+  z2.string().trim().transform((val) => val === "" ? void 0 : val).pipe(z2.undefined()),
+  schema.nullish()
+]);
+var asNumericStr = (schema, message = "Only numbers allowed") => schema.regex(/^\d+$/i, message);
+var asRequiredCustom = (message = "Required") => {
+  return z2.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(z3.string().trim().nonempty("Required").length(10, "Must have 10 numbers"));
+var npiSchemaOptional = asOptional(asNumericStr(z3.string().trim()).length(10, "Must have 10 numbers"));
+var taxonomyCodeSchema = z3.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 = z3.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
+import { z as z4 } from "zod";
+var selectedAmountSchema = z4.object({
+  selected: asOptional(z4.boolean()),
+  amountStr: asOptional(dollarsStrSchema)
+});
+
+// src/core/form/components/schemas/utils.ts
+import { z as z5 } from "zod";
+var buildZodIssue = (path, message) => ({
+  path: Array.isArray(path) ? path : [path],
+  message,
+  code: z5.ZodIssueCode.custom
+});
+
+// src/core/drawer/Drawer.tsx
+import { forwardRef as forwardRef15, Suspense, useEffect as useEffect6, useRef as useRef6 } from "react";
+import { twJoin as twJoin23 } from "tailwind-merge";
+
+// src/core/loaders/Spinner.tsx
+import { faSpinner } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as FontAwesomeIcon2 } from "@fortawesome/react-fontawesome";
+import { twJoin as twJoin22 } from "tailwind-merge";
+import { jsx as jsx58 } from "react/jsx-runtime";
+var Spinner = ({ className, ...props }) => /* @__PURE__ */ jsx58(
+  FontAwesomeIcon2,
+  {
+    ...props,
+    className: twJoin22("animate-spin text-gray-400", className),
+    icon: faSpinner
+  }
+);
+
+// src/core/loaders/LoadingState.tsx
+import { jsx as jsx59 } from "react/jsx-runtime";
+var LoadingStateTemplate = ({ children }) => /* @__PURE__ */ jsx59("div", { className: "inset-0 z-10 flex h-full items-center justify-center", children });
+var LoadingState = ({ size = "2x" }) => /* @__PURE__ */ jsx59(LoadingStateTemplate, { children: /* @__PURE__ */ jsx59(Spinner, { size }) });
+
+// src/core/loaders/LoadingBar.tsx
+import { twMerge as twMerge7 } from "tailwind-merge";
+import { jsx as jsx60 } from "react/jsx-runtime";
+var LoadingBar = ({ className }) => /* @__PURE__ */ jsx60("div", { className: twMerge7("relative h-3 w-full overflow-hidden rounded-full bg-gray-100", className), children: /* @__PURE__ */ jsx60(
+  "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
+import { createContext as createContext5, useContext as useContext5 } from "react";
+var DrawerStateContext = createContext5({
+  isOpen: false,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  onClose: () => {
+  }
+});
+var useDrawer = () => {
+  const context = useContext5(DrawerStateContext);
+  if (context === void 0) {
+    throw new Error("useDrawer must be used within a DrawerStateContext");
+  }
+  return context;
+};
+
+// src/core/drawer/useDrawerResize.ts
+import { useCallback as useCallback8, useEffect as useEffect5, useRef as useRef5 } from "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 = useRef5(computeWidth(defaultSizePct));
+  const toggleOpen = useCallback8(
+    (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 = useCallback8(
+    (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]
+  );
+  useEffect5(() => {
+    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 = useCallback8(() => {
+    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]);
+  useEffect5(() => {
+    if (slider.current && drawer.current) {
+      loadWidth();
+    }
+  }, [slider, drawer, loadWidth]);
+  useEffect5(() => {
+    window.addEventListener("resize", loadWidth);
+    return () => window.removeEventListener("resize", loadWidth);
+  }, [loadWidth]);
+};
+
+// src/core/drawer/Drawer.tsx
+import { jsx as jsx61, jsxs as jsxs25 } from "react/jsx-runtime";
+var useKeypress = (key, action) => {
+  useEffect6(() => {
+    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 = forwardRef15(
+  ({ isOpen, onClose, onClickOutside, blurredOverlay, children, width = "md", persistWidth }, ref) => {
+    const slider = useRef6(null);
+    const drawer = useRef6(null);
+    useDrawerResize({
+      slider,
+      drawer,
+      isOpen,
+      defaultSizePct: drawerSizes[width],
+      persistWidth
+    });
+    useKeypress("Escape", () => {
+      onClose?.();
+    });
+    return /* @__PURE__ */ jsxs25(
+      DrawerStateContext.Provider,
+      {
+        value: {
+          isOpen,
+          onClose: () => onClose?.()
+        },
+        children: [
+          /* @__PURE__ */ jsx61(
+            "div",
+            {
+              className: twJoin23(
+                "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__ */ jsx61(
+            "div",
+            {
+              ref: slider,
+              className: twJoin23(
+                "group absolute top-0 bottom-0 z-50 h-screen w-4 translate-x-1/2 cursor-col-resize",
+                isOpen ? "block" : "hidden"
+              ),
+              children: /* @__PURE__ */ jsx61("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__ */ jsx61(
+            "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__ */ jsx61(
+                "div",
+                {
+                  ref,
+                  className: twJoin23(
+                    "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__ */ jsx61(Suspense, { fallback: /* @__PURE__ */ jsx61(LoadingState, {}), children }) : void 0
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+// src/core/drawer/DrawerHeader.tsx
+import { faBookmark, faChevronDown as faChevronDown4, faChevronUp, faXmark as faXmark3 } from "@fortawesome/free-solid-svg-icons";
+import { twJoin as twJoin27 } from "tailwind-merge";
+
+// src/core/text/Text.tsx
+import { twJoin as twJoin24 } from "tailwind-merge";
+import { jsx as jsx62 } from "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__ */ jsx62(Tag2, { ...props, className: twJoin24(VARIANT_STYLES[variant], className), children });
+};
+
+// src/core/skeleton/Skeleton.tsx
+import { twMerge as twMerge8 } from "tailwind-merge";
+import { jsx as jsx63 } from "react/jsx-runtime";
+var Skeleton = ({ className }) => /* @__PURE__ */ jsx63("div", { className: twMerge8("animate-skeleton-pulse rounded-lg bg-gray-200", className) });
+
+// src/core/skeleton/TabsSkeleton/TabsSkeleton.tsx
+import { twMerge as twMerge9 } from "tailwind-merge";
+import { jsx as jsx64 } from "react/jsx-runtime";
+var TabsSkeleton = ({ numTabs = 3, className, tabClassName = "h-8 w-32" }) => {
+  return /* @__PURE__ */ jsx64("div", { className: twMerge9("flex gap-4", className), children: Array.from({ length: numTabs }).map((_, index) => /* @__PURE__ */ jsx64(Skeleton, { className: tabClassName }, index)) });
+};
+
+// src/core/skeleton/TableSkeleton/TableSkeleton.tsx
+import { twJoin as twJoin25 } from "tailwind-merge";
+import { jsx as jsx65 } from "react/jsx-runtime";
+var TableSkeleton = ({
+  numTableCols = 4,
+  numTableRows = 3,
+  className,
+  rowHeight,
+  hasBorder = false
+}) => {
+  return /* @__PURE__ */ jsx65("table", { className: twJoin25("flex w-full flex-col gap-4", className), children: /* @__PURE__ */ jsx65("tbody", { className: twJoin25("flex flex-col", rowHeight === void 0 && "gap-4"), children: Array.from({ length: numTableRows }).map((_, index) => /* @__PURE__ */ jsx65(
+    "tr",
+    {
+      className: twJoin25("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__ */ jsx65("td", { className: "flex grow items-center px-1", children: /* @__PURE__ */ jsx65(Skeleton, { className: twJoin25("w-full", rowHeight ? "h-3" : "h-6") }, index2) }, index2);
+      })
+    },
+    index
+  )) }) });
+};
+
+// src/core/skeleton/TableSkeleton/TableCheckboxSkeleton.tsx
+import { twJoin as twJoin26 } from "tailwind-merge";
+import { jsx as jsx66 } from "react/jsx-runtime";
+var TableCheckboxSkeleton = ({
+  numTableRows = 3,
+  className,
+  rowHeight,
+  hasBorder = false
+}) => {
+  return /* @__PURE__ */ jsx66("table", { className: twJoin26("flex w-full flex-col gap-4", className), children: /* @__PURE__ */ jsx66("tbody", { className: twJoin26("flex flex-col", rowHeight === void 0 && "gap-4"), children: Array.from({ length: numTableRows }).map((_, index) => /* @__PURE__ */ jsx66(
+    "tr",
+    {
+      className: twJoin26("flex gap-4", hasBorder && "px-2 not-last:border-b"),
+      style: rowHeight ? { height: rowHeight } : void 0,
+      children: /* @__PURE__ */ jsx66("td", { className: "flex grow items-center px-1", children: /* @__PURE__ */ jsx66(Skeleton, { className: twJoin26("w-full, rounded-none", rowHeight ? "h-3" : "h-6") }, index) }, index)
+    },
+    index
+  )) }) });
+};
+
+// src/core/drawer/DrawerHeader.tsx
+import { Fragment as Fragment10, jsx as jsx67, jsxs as jsxs26 } from "react/jsx-runtime";
+var DrawerHeader = ({
+  resource,
+  pagination,
+  title,
+  subtitle,
+  actions,
+  closeAction,
+  label
+}) => {
+  const { onClose } = useDrawer();
+  return /* @__PURE__ */ jsxs26("div", { className: "z-1 flex w-full flex-col items-stretch shadow", children: [
+    /* @__PURE__ */ jsxs26("div", { className: "flex justify-between px-8 py-1 shadow-sm", children: [
+      /* @__PURE__ */ jsx67("div", { className: "flex items-center gap-1.5 text-base text-gray-500", children: resource && /* @__PURE__ */ jsxs26(Fragment10, { children: [
+        /* @__PURE__ */ jsx67(Icon, { icon: resource.icon || faBookmark }),
+        /* @__PURE__ */ jsx67("div", { children: resource.name })
+      ] }) }),
+      /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
+        pagination && /* @__PURE__ */ jsxs26("div", { className: "flex gap-1", children: [
+          pagination.extra,
+          /* @__PURE__ */ jsx67(Button, { size: "sm", onClick: pagination.onPrevious, disabled: !pagination.hasPrevious, children: /* @__PURE__ */ jsx67(Icon, { icon: faChevronUp }) }),
+          /* @__PURE__ */ jsx67(Button, { size: "sm", onClick: pagination.onNext, disabled: !pagination.hasNext, children: /* @__PURE__ */ jsx67(Icon, { icon: faChevronDown4 }) })
+        ] }),
+        /* @__PURE__ */ jsx67("div", { "data-testid": "drawer-close", children: closeAction ? closeAction : /* @__PURE__ */ jsx67(Button, { size: "xs", variant: "transparent", onClick: onClose, children: /* @__PURE__ */ jsx67("span", { className: "text-xl text-gray-500", children: /* @__PURE__ */ jsx67(Icon, { icon: faXmark3 }) }) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 px-8 py-2", children: [
+      /* @__PURE__ */ jsxs26("div", { className: "flex min-w-0 shrink grow flex-col", children: [
+        /* @__PURE__ */ jsx67(Text, { variant: "title-1", className: twJoin27(typeof title === "string" && "truncate"), children: title }),
+        subtitle && /* @__PURE__ */ jsx67("div", { className: "text-base font-light", children: subtitle })
+      ] }),
+      label && /* @__PURE__ */ jsx67("div", { className: "flex items-center gap-2", children: label }),
+      /* @__PURE__ */ jsx67("div", { className: "flex shrink-0 items-center gap-2", children: actions })
+    ] })
+  ] });
+};
+var DrawerHeaderSkeleton = () => /* @__PURE__ */ jsxs26("div", { className: "space-y-2 px-8 py-2", children: [
+  /* @__PURE__ */ jsxs26("div", { className: "flex justify-between", children: [
+    /* @__PURE__ */ jsx67(Skeleton, { className: "h-6 w-36" }),
+    /* @__PURE__ */ jsx67(Skeleton, { className: "h-6 w-16" })
+  ] }),
+  /* @__PURE__ */ jsx67(Skeleton, { className: "h-8 w-28" })
+] });
+
+// src/core/empty-state/EmptyState.tsx
+import { faCircle as faCircle2 } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as FontAwesomeIcon3 } from "@fortawesome/react-fontawesome";
+import { forwardRef as forwardRef16 } from "react";
+import { jsx as jsx68, jsxs as jsxs27 } from "react/jsx-runtime";
+var EmptyState = forwardRef16(
+  ({ icon = faCircle2, title, description }, ref) => /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center justify-center gap-3 p-4", ref, children: [
+    /* @__PURE__ */ jsx68(FontAwesomeIcon3, { className: "text-gray-500 ring-transparent", icon, size: "2x" }),
+    /* @__PURE__ */ jsxs27("div", { className: "flex max-w-prose flex-col text-center", children: [
+      title && /* @__PURE__ */ jsx68("h2", { className: "text-sm leading-6 font-medium text-gray-500", children: title }),
+      description && /* @__PURE__ */ jsx68("p", { className: "text-xs leading-5 font-normal text-gray-500", children: description })
+    ] })
+  ] })
+);
+
+// src/core/header-tile/HeaderTile.tsx
+import { twJoin as twJoin28 } from "tailwind-merge";
+import { jsx as jsx69, jsxs as jsxs28 } from "react/jsx-runtime";
+var HeaderTileSimple = ({ title, content, className }) => /* @__PURE__ */ jsxs28(
+  "div",
+  {
+    className: twJoin28(
+      "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__ */ jsx69("p", { className: "max-w-35 text-base text-gray-900", children: title }),
+      /* @__PURE__ */ jsx69(Text, { children: content })
+    ]
+  }
+);
+var HeaderTileWithPopover = ({
+  title,
+  content,
+  popover,
+  className
+}) => /* @__PURE__ */ jsxs28(Popover.Root, { children: [
+  /* @__PURE__ */ jsx69(Popover.Trigger, { className: twJoin28("flex h-auto! min-h-18.5 justify-start py-1.5", className), children: /* @__PURE__ */ jsxs28("span", { className: "flex flex-col items-start justify-between gap-2", children: [
+    /* @__PURE__ */ jsx69("span", { className: "text-base text-gray-900", children: title }),
+    /* @__PURE__ */ jsx69("span", { children: content })
+  ] }) }),
+  popover && /* @__PURE__ */ jsx69(Popover.Body, { contentClassName: "max-w-150 min-w-60 p-3", children: popover })
+] });
+var HeaderTile = (props) => {
+  if (props.popover) {
+    return /* @__PURE__ */ jsx69(HeaderTileWithPopover, { ...props });
+  }
+  return /* @__PURE__ */ jsx69(HeaderTileSimple, { ...props });
+};
+
+// src/core/label/Label.tsx
+import * as React11 from "react";
+
+// src/core/label/labelStyles.ts
+import { twJoin as twJoin29 } from "tailwind-merge";
+var sizeStyles3 = {
+  xs: "px-1 text-xs gap-0.5 h-4 rounded-md",
+  sm: "h-5 gap-0.5 px-1 text-sm rounded-md",
+  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" }) => twJoin29(
+  "inline-flex w-fit shrink-0 items-center justify-center truncate font-normal break-all",
+  sizeStyles3[size],
+  colorStyles2[variant][intent]
+);
+
+// src/core/label/Label.tsx
+import { jsx as jsx70 } from "react/jsx-runtime";
+var LabelImpl2 = ({ children, intent, size, variant, ...rest }, ref) => {
+  return /* @__PURE__ */ jsx70("span", { ref, className: labelStyles({ intent, size, variant }), ...rest, children });
+};
+var Label = React11.forwardRef(LabelImpl2);
+
+// src/core/menu/Menu.tsx
+import { faEllipsis } from "@fortawesome/free-solid-svg-icons";
+import {
+  Content as Content6,
+  Item,
+  Portal as Portal4,
+  Root as Root6,
+  Separator,
+  Trigger as Trigger5
+} from "@radix-ui/react-dropdown-menu";
+import { twJoin as twJoin30 } from "tailwind-merge";
+import { jsx as jsx71, jsxs as jsxs29 } from "react/jsx-runtime";
+var MenuTrigger = ({ children, ...rest }) => {
+  if (children == null) {
+    return /* @__PURE__ */ jsx71(Trigger5, { asChild: true, children: /* @__PURE__ */ jsx71(Button, { ...rest, children: /* @__PURE__ */ jsx71(Icon, { icon: faEllipsis }) }) });
+  }
+  if (typeof children === "string") {
+    return /* @__PURE__ */ jsx71(Trigger5, { asChild: true, children: /* @__PURE__ */ jsxs29(Button, { ...rest, children: [
+      /* @__PURE__ */ jsx71("span", { children }),
+      /* @__PURE__ */ jsx71(DropdownChevron, {})
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx71(Trigger5, { asChild: true, children: /* @__PURE__ */ jsx71(Button, { ...rest, children }) });
+};
+var MenuContent = ({ children, unrestrictedHeight = false, ...props }) => /* @__PURE__ */ jsx71(Portal4, { children: /* @__PURE__ */ jsx71(
+  Content6,
+  {
+    collisionPadding: 8,
+    sideOffset: 4,
+    align: "end",
+    className: "z-100 min-w-48 rounded-lg bg-white p-1.5 shadow-lg",
+    ...props,
+    children: /* @__PURE__ */ jsx71("div", { className: twJoin30("overflow-y-auto", !unrestrictedHeight && "max-h-[252px]"), children })
+  }
+) });
+var MenuItem = ({ loading, disabled, size = "default", ...rest }) => /* @__PURE__ */ jsx71(
+  Item,
+  {
+    "data-loading": loading || void 0,
+    disabled: loading || disabled,
+    className: twJoin30(
+      "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__ */ jsx71(MenuItem, { ...props, onSelect });
+  }
+  return /* @__PURE__ */ jsx71(
+    Tooltip,
+    {
+      trigger: /* @__PURE__ */ jsx71("span", { children: /* @__PURE__ */ jsx71(MenuItem, { ...props }) }),
+      content: tooltip,
+      side: "left"
+    }
+  );
+};
+var MenuRoot = (props) => /* @__PURE__ */ jsx71(Root6, { modal: false, ...props });
+var MenuSeparator = () => /* @__PURE__ */ jsx71(Separator, { className: "my-[5px] h-px bg-gray-200" });
+var Menu = ({ children, trigger, align, variant = "default", triggerSize, ...rest }) => {
+  switch (variant) {
+    case "minimal":
+      return /* @__PURE__ */ jsxs29(MenuRoot, { ...rest, children: [
+        /* @__PURE__ */ jsx71(MenuTrigger, { ...rest, size: triggerSize || "xs", variant: "transparent", children: trigger }),
+        /* @__PURE__ */ jsx71(MenuContent, { align, children })
+      ] });
+    case "default":
+    default:
+      return /* @__PURE__ */ jsxs29(MenuRoot, { ...rest, children: [
+        /* @__PURE__ */ jsx71(MenuTrigger, { size: triggerSize, ...rest, children: trigger }),
+        /* @__PURE__ */ jsx71(MenuContent, { align, children })
+      ] });
+  }
+};
+Menu.Root = MenuRoot;
+Menu.Trigger = MenuTrigger;
+Menu.RawTrigger = Trigger5;
+Menu.Content = MenuContent;
+Menu.Item = MenuItem;
+Menu.ItemWithDisabledToolTip = MenuItemWithDisabledTooltip;
+Menu.Separator = MenuSeparator;
+
+// src/core/modal/components/ModalActions.tsx
+import { jsx as jsx72 } from "react/jsx-runtime";
+var ModalActions = ({ children }) => {
+  if (children == null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx72("div", { className: "sticky bottom-0 z-2 flex items-center justify-end gap-x-2 overflow-clip rounded-b-xl bg-white/80 px-8 pt-2 pb-6 backdrop-blur-sm", children });
+};
+
+// src/core/modal/components/ModalBody.tsx
+import { jsx as jsx73 } from "react/jsx-runtime";
+var ModalBody = ({ children }) => {
+  if (children == null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx73("div", { className: "px-8 py-1.5", children });
+};
+
+// src/core/modal/components/ModalCloseButton.tsx
+import { Close as Close2 } from "@radix-ui/react-dialog";
+import { jsx as jsx74 } from "react/jsx-runtime";
+var ModalCloseButton = (props) => /* @__PURE__ */ jsx74(Close2, { asChild: true, children: /* @__PURE__ */ jsx74(Button, { ...props }) });
+
+// src/core/modal/components/ModalContent.tsx
+import { Content as Content7, Overlay, Portal as Portal5 } from "@radix-ui/react-dialog";
+import { twJoin as twJoin31 } from "tailwind-merge";
+import { jsx as jsx75 } from "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__ */ jsx75(Portal5, { children: /* @__PURE__ */ jsx75(
+  Overlay,
+  {
+    className: "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-fade-in-custom-easing",
+    children: /* @__PURE__ */ jsx75(
+      Content7,
+      {
+        ...rest,
+        className: twJoin31(
+          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__ */ jsx75("div", { className: "relative flex h-full min-w-0 flex-1 flex-col", children })
+      }
+    )
+  }
+) });
+
+// src/core/modal/components/ModalDescription.tsx
+import { Description } from "@radix-ui/react-dialog";
+import { jsx as jsx76 } from "react/jsx-runtime";
+var ModalDescription = ({ children }) => {
+  if (children == null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx76(Description, { className: "pb-3 text-base/6 font-normal text-gray-700", children });
+};
+
+// src/core/modal/components/ModalErrorCallout.tsx
+import { jsx as jsx77 } from "react/jsx-runtime";
+var ModalErrorCallout = ({ children }) => {
+  if (!children) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx77("div", { className: "sticky top-14 z-10 px-5", children: /* @__PURE__ */ jsx77(Callout, { intent: "danger", children }) });
+};
+
+// src/core/modal/components/ModalRoot.tsx
+import { Root as Root7 } from "@radix-ui/react-dialog";
+import { jsx as jsx78 } from "react/jsx-runtime";
+var ModalRoot = (props) => {
+  return /* @__PURE__ */ jsx78(Root7, { ...props });
+};
+
+// src/core/modal/components/ModalTitle.tsx
+import { Title } from "@radix-ui/react-dialog";
+
+// src/core/modal/components/ModalCloseX.tsx
+import { faXmark as faXmark4 } from "@fortawesome/free-solid-svg-icons";
+import { Close as Close3 } from "@radix-ui/react-dialog";
+import { jsx as jsx79 } from "react/jsx-runtime";
+var ModalCloseX = () => /* @__PURE__ */ jsx79("span", { className: "absolute top-2.5 right-2.5", children: /* @__PURE__ */ jsx79(Close3, { asChild: true, "aria-label": "Close", children: /* @__PURE__ */ jsx79(Button, { variant: "transparent", children: /* @__PURE__ */ jsx79("span", { className: "px-0.5 text-xl text-gray-500", children: /* @__PURE__ */ jsx79(Icon, { icon: faXmark4 }) }) }) }) });
+
+// src/core/modal/components/ModalTitle.tsx
+import { jsx as jsx80, jsxs as jsxs30 } from "react/jsx-runtime";
+var ModalTitle = ({ children, showX = true }) => {
+  if (children == null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs30("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__ */ jsx80(Title, { className: "text-xl font-semibold text-gray-900", children }),
+    showX && /* @__PURE__ */ jsx80(ModalCloseX, {})
+  ] });
+};
+
+// src/core/modal/components/ModalTriggerButton.tsx
+import { Trigger as Trigger6 } from "@radix-ui/react-dialog";
+import { jsx as jsx81 } from "react/jsx-runtime";
+var ModalTriggerButton = (props) => /* @__PURE__ */ jsx81(Trigger6, { asChild: true, children: /* @__PURE__ */ jsx81(Button, { ...props }) });
+
+// src/core/modal/Modal.tsx
+import { Fragment as Fragment11, jsx as jsx82, jsxs as jsxs31 } from "react/jsx-runtime";
+var ModalBodyImpl = ({
+  children,
+  title,
+  error,
+  description,
+  actions,
+  showX = true
+}) => /* @__PURE__ */ jsxs31(Fragment11, { children: [
+  /* @__PURE__ */ jsx82(ModalTitle, { showX, children: title }),
+  /* @__PURE__ */ jsx82(ModalErrorCallout, { children: error }),
+  (description || children) && /* @__PURE__ */ jsxs31(ModalBody, { children: [
+    /* @__PURE__ */ jsx82(ModalDescription, { children: description }),
+    children
+  ] }),
+  /* @__PURE__ */ jsx82(ModalActions, { children: actions })
+] });
+var Modal = ({
+  children,
+  trigger,
+  isOpen,
+  onClose,
+  onOpenChange,
+  content,
+  title,
+  error,
+  description,
+  actions,
+  ...rest
+}) => /* @__PURE__ */ jsxs31(
+  ModalRoot,
+  {
+    open: isOpen,
+    onOpenChange: (open) => {
+      if (trigger) {
+        onOpenChange?.(open);
+      } else if (open === false) {
+        onClose?.();
+      }
+    },
+    children: [
+      trigger,
+      /* @__PURE__ */ jsx82(ModalContent, { "aria-describedby": description || void 0, ...rest, children: children !== void 0 ? children : /* @__PURE__ */ jsx82(ModalBodyImpl, { title, error, description, actions, children: content }) })
+    ]
+  }
+);
+Modal.Body = ModalBodyImpl;
+Modal.TriggerButton = ModalTriggerButton;
+Modal.CloseButton = ModalCloseButton;
+
+// src/core/modal/FullscreenModalHeader.tsx
+import { Title as Title2 } from "@radix-ui/react-dialog";
+import { twJoin as twJoin32 } from "tailwind-merge";
+import { jsx as jsx83, jsxs as jsxs32 } from "react/jsx-runtime";
+var FullscreenModalHeader = ({
+  className,
+  title,
+  description,
+  leftSlot,
+  rightSlot
+}) => {
+  return /* @__PURE__ */ jsxs32("div", { className: twJoin32("flex items-center justify-between gap-4", className), children: [
+    /* @__PURE__ */ jsxs32("div", { className: "flex flex-1 items-center gap-4", children: [
+      leftSlot,
+      /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx83(Title2, { className: "text-2xl font-medium text-gray-700", children: title }),
+        description && /* @__PURE__ */ jsx83("div", { className: "text-base/6 text-gray-500", children: description })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx83("div", { className: "flex gap-2", children: rightSlot })
+  ] });
+};
+
+// src/core/modal/FullscreenModal.tsx
+import { jsx as jsx84, jsxs as jsxs33 } from "react/jsx-runtime";
+var FullscreenModal = ({
+  children,
+  trigger,
+  isOpen,
+  onClose,
+  onOpenChange,
+  fullscreen = true,
+  showX = false,
+  title,
+  ...rest
+}) => /* @__PURE__ */ jsxs33(
+  ModalRoot,
+  {
+    open: isOpen,
+    onOpenChange: (open) => {
+      if (trigger) {
+        onOpenChange?.(open);
+      } else if (open === false) {
+        onClose?.();
+      }
+    },
+    children: [
+      trigger,
+      /* @__PURE__ */ jsx84(ModalContent, { fullscreen, ...rest, children: title ? /* @__PURE__ */ jsx84(Modal.Body, { title, showX, children }) : children })
+    ]
+  }
+);
+FullscreenModal.TriggerButton = ModalTriggerButton;
+FullscreenModal.CloseButton = ModalCloseButton;
+FullscreenModal.Header = FullscreenModalHeader;
+
+// src/core/modal/AlertModal.tsx
+import { Fragment as Fragment12, jsx as jsx85, jsxs as jsxs34 } from "react/jsx-runtime";
+var ModalBodyImpl2 = ({ children, title, error, description, actions }) => /* @__PURE__ */ jsxs34(Fragment12, { children: [
+  /* @__PURE__ */ jsx85(ModalTitle, { showX: false, children: title }),
+  /* @__PURE__ */ jsx85(ModalErrorCallout, { children: error }),
+  (description || children) && /* @__PURE__ */ jsxs34(ModalBody, { children: [
+    /* @__PURE__ */ jsx85(ModalDescription, { children: description }),
+    children
+  ] }),
+  /* @__PURE__ */ jsx85(ModalActions, { children: actions })
+] });
+var AlertModal = ({
+  children,
+  trigger,
+  isOpen,
+  onOpenChange,
+  onClose,
+  content,
+  title,
+  error,
+  description,
+  actions,
+  ...rest
+}) => /* @__PURE__ */ jsxs34(
+  ModalRoot,
+  {
+    open: isOpen,
+    onOpenChange: (open) => {
+      if (trigger) {
+        onOpenChange?.(open);
+      } else if (open === false) {
+        onClose?.();
+      }
+    },
+    children: [
+      trigger,
+      /* @__PURE__ */ jsx85(ModalContent, { ...rest, dismissible: false, children: children !== void 0 ? children : /* @__PURE__ */ jsx85(ModalBodyImpl2, { title, error, description, actions, children: content }) })
+    ]
+  }
+);
+AlertModal.Body = ModalBodyImpl2;
+AlertModal.TriggerButton = ModalTriggerButton;
+AlertModal.CloseButton = ModalCloseButton;
+
+// src/core/phone-number/PhoneNumber.tsx
+import "react-international-phone/style.css";
+import { getCountry, PhoneInput } from "react-international-phone";
+import { twJoin as twJoin33 } from "tailwind-merge";
+import { jsx as jsx86 } from "react/jsx-runtime";
+var PhoneNumber = ({
+  hasError,
+  onChange,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx86(
+    PhoneInput,
+    {
+      defaultCountry: props.defaultCountry ?? "us",
+      disableDialCodeAndPrefix: true,
+      showDisabledDialCodeAndPrefix: true,
+      inputClassName: twJoin33("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
+import { twJoin as twJoin35 } from "tailwind-merge";
+
+// src/core/table/TableBody.tsx
+import { faTable } from "@fortawesome/free-solid-svg-icons";
+
+// src/core/table/TableRow.tsx
+import { twJoin as twJoin34 } from "tailwind-merge";
+
+// src/core/table/utils.ts
+import { flexRender } from "@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 flexRender(header.column.columnDef.header, header.getContext());
+};
+var renderCell = (cell) => {
+  if (isValidCell(cell) == null) {
+    return null;
+  }
+  return 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
+import { jsx as jsx87 } from "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__ */ jsx87(
+    "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: twJoin34(
+        "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__ */ jsx87(
+        "td",
+        {
+          onClickCapture: hasRowClick ? (ev) => onRowClick(ev, row) : void 0,
+          className: cellClassName,
+          style: handleCellStyle(cell),
+          children: renderCell(cell)
+        },
+        cell.id
+      ))
+    }
+  );
+};
+
+// src/core/table/TableBody.tsx
+import { jsx as jsx88, jsxs as jsxs35 } from "react/jsx-runtime";
+var TableBody = ({ table, loading, rootClassName, ...props }) => {
+  const { rows } = table.getRowModel();
+  if (loading && rows.length === 0) {
+    return /* @__PURE__ */ jsx88("tbody", { className: rootClassName, children: /* @__PURE__ */ jsx88("tr", { children: /* @__PURE__ */ jsx88("td", { colSpan: table.getAllLeafColumns().length, className: "h-12 text-center align-middle text-gray-400", children: /* @__PURE__ */ jsx88(Spinner, {}) }) }) });
+  }
+  if (rows.length === 0) {
+    return /* @__PURE__ */ jsx88("tbody", { className: rootClassName, children: /* @__PURE__ */ jsx88("tr", { children: /* @__PURE__ */ jsx88(EmptyRowsTd, { colSpan: table.getAllLeafColumns().length, emptyText: table.options.meta?.emptyText }) }) });
+  }
+  return /* @__PURE__ */ jsx88("tbody", { className: rootClassName, children: rows.map((row) => /* @__PURE__ */ jsx88(TableRow, { ...props, table, row }, row.id)) });
+};
+var EmptyRowsTd = ({ emptyText = "No rows found", ...props }) => /* @__PURE__ */ jsx88("td", { ...props, className: "h-12 text-center align-middle text-gray-400", children: /* @__PURE__ */ jsxs35("p", { className: "inline-flex items-center gap-2 text-2xl/none", children: [
+  /* @__PURE__ */ jsx88("span", { children: /* @__PURE__ */ jsx88(Icon, { icon: faTable }) }),
+  /* @__PURE__ */ jsx88("span", { className: "text-base/none font-medium", children: emptyText })
+] }) });
+
+// src/core/table/TableHeader.tsx
+import { faArrowDownWideShort, faArrowUpWideShort } from "@fortawesome/free-solid-svg-icons";
+import { jsx as jsx89, jsxs as jsxs36 } from "react/jsx-runtime";
+var TableHeader = ({ table, rootClassName, rowClassName, cellClassName }) => {
+  return /* @__PURE__ */ jsx89("thead", { className: rootClassName, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx89("tr", { className: rowClassName, children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx89(
+    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__ */ jsxs36("th", { ...props, "data-clickable": "ok", onClick: header.column.getToggleSortingHandler(), children: [
+      children,
+      /* @__PURE__ */ jsx89("span", { className: "ml-1.5", children: /* @__PURE__ */ jsx89(SortIcon, { dir: header.column.getIsSorted() }) })
+    ] });
+  }
+  if (header.column.getCanSort()) {
+    return /* @__PURE__ */ jsxs36("th", { ...props, "data-clickable": "ok", onClick: header.column.getToggleSortingHandler(), children: [
+      children,
+      /* @__PURE__ */ jsx89("span", { className: "invisible ml-1.5 group-hover:visible", children: /* @__PURE__ */ jsx89(SortIcon, { dir: header.column.getNextSortingOrder() }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsx89("th", { ...props, children });
+};
+var SortIcon = ({ dir }) => {
+  if (dir === "asc") {
+    return /* @__PURE__ */ jsx89(Icon, { icon: faArrowUpWideShort });
+  }
+  if (dir === "desc") {
+    return /* @__PURE__ */ jsx89(Icon, { icon: faArrowDownWideShort });
+  }
+  return null;
+};
+
+// src/core/table/Table.tsx
+import { jsx as jsx90, jsxs as jsxs37 } from "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__ */ jsxs37(
+        "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__ */ jsx90(TableHeader, { ...props, ...headerClassNames(variant) }),
+            /* @__PURE__ */ jsx90(TableBody, { ...props, ...bodyClassNames(variant), loading })
+          ]
+        }
+      );
+    case variants.subtable:
+      return /* @__PURE__ */ jsx90("div", { className: "mb-auto min-w-full", children: /* @__PURE__ */ jsxs37(
+        "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__ */ jsx90(TableHeader, { ...props, ...headerClassNames(variant) }),
+            /* @__PURE__ */ jsx90(TableBody, { ...props, ...bodyClassNames(variant), loading })
+          ]
+        }
+      ) });
+    case variants.seamless:
+    case variants.default:
+    default:
+      return /* @__PURE__ */ jsx90("div", { className: twJoin35("mb-auto overflow-auto rounded-md border border-gray-200 bg-white", fillHeight && "h-full min-h-0"), children: /* @__PURE__ */ jsx90("div", { className: "min-w-full", children: /* @__PURE__ */ jsxs37(
+        "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__ */ jsx90(TableHeader, { ...props, ...headerClassNames(variant) }),
+            /* @__PURE__ */ jsx90(TableBody, { ...props, ...bodyClassNames(variant), loading })
+          ]
+        }
+      ) }) });
+  }
+};
+
+// src/core/table/useTable.ts
+import { getCoreRowModel, useReactTable } from "@tanstack/react-table";
+var useTable = (options) => {
+  const enableSorting = !!options.state?.sorting && !!options.onSortingChange;
+  return useReactTable({
+    ...options,
+    getCoreRowModel: 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
+import { ToggleGroup, ToggleGroupItem } from "@radix-ui/react-toggle-group";
+import { Fragment as Fragment13 } from "react";
+import { twJoin as twJoin36 } from "tailwind-merge";
+import { jsx as jsx91, jsxs as jsxs38 } from "react/jsx-runtime";
+var TabGroup = ({ tabs, currentTab, setCurrentTab }) => {
+  return /* @__PURE__ */ jsx91(
+    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__ */ jsxs38(Fragment13, { children: [
+        /* @__PURE__ */ jsx91(
+          ToggleGroupItem,
+          {
+            value: id,
+            disabled,
+            className: twJoin36(
+              "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__ */ jsx91("div", { className: "my-1 flex w-[1px] bg-gray-300" })
+      ] }, id))
+    }
+  );
+};
+
+// src/core/tabs/Tabs.tsx
+import {
+  Content as Content8,
+  List,
+  Root as Root8
+} from "@radix-ui/react-tabs";
+import { twJoin as twJoin37 } from "tailwind-merge";
+
+// src/core/tabs/Trigger.tsx
+import { Trigger as Trigger7 } from "@radix-ui/react-tabs";
+import { twMerge as twMerge10 } from "tailwind-merge";
+import { jsx as jsx92, jsxs as jsxs39 } from "react/jsx-runtime";
+var TabsTrigger = ({
+  id,
+  label,
+  disabled,
+  dataTestId,
+  fsId,
+  extra,
+  className
+}) => /* @__PURE__ */ jsxs39(
+  Trigger7,
+  {
+    className: twMerge10(
+      "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__ */ jsx92("span", { children: extra })
+    ]
+  }
+);
+
+// src/core/tabs/Tabs.tsx
+import { jsx as jsx93, jsxs as jsxs40 } from "react/jsx-runtime";
+var [Provider2, useContext6] = createContextHelper();
+var Tabs = ({
+  tabs,
+  className,
+  tabsListClassName,
+  tabsListContainerClassName,
+  tabsListTriggerClassName,
+  currentTab,
+  setCurrentTab,
+  children,
+  extraNode
+}) => {
+  return /* @__PURE__ */ jsx93(Provider2, { currentTab, children: /* @__PURE__ */ jsxs40(Root8, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children: [
+    /* @__PURE__ */ jsxs40("div", { className: twJoin37("flex gap-4", tabsListContainerClassName), children: [
+      /* @__PURE__ */ jsx93(List, { className: twJoin37("flex space-x-4 overflow-x-auto", tabsListClassName), children: tabs.map(({ id, label, disabled, fsId }) => /* @__PURE__ */ jsx93(
+        TabsTrigger,
+        {
+          id,
+          label,
+          disabled,
+          className: tabsListTriggerClassName,
+          fsId
+        },
+        id
+      )) }),
+      extraNode
+    ] }),
+    children
+  ] }) });
+};
+var TabContent = ({ id, ...rest }) => {
+  return /* @__PURE__ */ jsx93(Content8, { value: id, ...rest });
+};
+var AlwaysMountedTabContent = ({
+  id,
+  visibleClassName,
+  className,
+  children
+}) => {
+  const { currentTab } = useContext6();
+  const visible = id === currentTab;
+  return /* @__PURE__ */ jsx93("div", { className: twJoin37(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__ */ jsx93(Root8, { ...props, value: currentTab, onValueChange: handleValueChange });
+  },
+  List: ({ className, ...props }) => /* @__PURE__ */ jsx93(List, { ...props, className: twJoin37("flex space-x-4 overflow-x-auto", className) }),
+  Trigger: TabsTrigger,
+  Content: TabContent
+});
+
+// src/core/tabs/ScrollTabsLayout.tsx
+import { useCallback as useCallback9, useEffect as useEffect7, useRef as useRef7, useState as useState10 } from "react";
+import { twJoin as twJoin38 } from "tailwind-merge";
+import { Fragment as Fragment14, jsx as jsx94, jsxs as jsxs41 } from "react/jsx-runtime";
+var ScrollTabsLayout = ({ tabs, onSelectTab, sectionClassName }) => {
+  const [selectedTabName, setSelectedTabName] = useState10(tabs[0].tabName);
+  const scrollContainerRef = useRef7(null);
+  const tabRefs = useRef7({});
+  const handleSelectTab = useCallback9(
+    (tabId) => {
+      scrollContainerRef.current?.scrollTo({
+        top: tabRefs.current[tabId].offsetTop,
+        behavior: "smooth"
+      });
+      setSelectedTabName(tabId);
+      onSelectTab?.(tabId);
+    },
+    [onSelectTab]
+  );
+  useEffect7(() => {
+    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__ */ jsxs41(Fragment14, { children: [
+    /* @__PURE__ */ jsx94(
+      Tabs,
+      {
+        currentTab: selectedTabName,
+        setCurrentTab: handleSelectTab,
+        tabs: tabs.map((tab) => ({ id: tab.tabName, label: tab.tabName }))
+      }
+    ),
+    /* @__PURE__ */ jsx94("hr", {}),
+    /* @__PURE__ */ jsxs41("div", { ref: scrollContainerRef, className: "relative h-screen overflow-y-auto", children: [
+      tabs.map((tab) => /* @__PURE__ */ jsx94(
+        "div",
+        {
+          ref: (el) => el ? tabRefs.current[tab.tabName] = el : void 0,
+          className: twJoin38("first:pt-4", sectionClassName),
+          children: tab.content
+        },
+        tab.tabName
+      )),
+      /* @__PURE__ */ jsx94("div", { className: "h-screen" })
+    ] })
+  ] });
+};
+
+// src/core/tabs/ComposableTabs.tsx
+import { Content as Content9, List as List2, Root as Root9 } from "@radix-ui/react-tabs";
+import { twJoin as twJoin39 } from "tailwind-merge";
+import { jsx as jsx95, jsxs as jsxs42 } from "react/jsx-runtime";
+var [TabsProvider, useTabsContext] = createContextHelper();
+var ComposableTabsList = ({ className, containerClassName, extraNode }) => {
+  const { tabs } = useTabsContext();
+  return /* @__PURE__ */ jsxs42("div", { className: twJoin39("flex gap-4", containerClassName), children: [
+    /* @__PURE__ */ jsx95(List2, { className: twJoin39("flex space-x-4 overflow-x-auto", className), children: tabs.map(({ id, label, disabled }) => /* @__PURE__ */ jsx95(TabsTrigger, { id, label, disabled }, id)) }),
+    extraNode
+  ] });
+};
+var ComposableTabContent = ({ id, ...rest }) => {
+  return /* @__PURE__ */ jsx95(Content9, { value: id, ...rest });
+};
+var ComposableAlwaysMountedTabContent = ({
+  id,
+  visibleClassName,
+  className,
+  children
+}) => {
+  const { currentTab } = useTabsContext();
+  const visible = id === currentTab;
+  return /* @__PURE__ */ jsx95("div", { className: twJoin39(visible ? visibleClassName : "hidden", className), children });
+};
+var ComposableTabsRoot = ({
+  tabs,
+  currentTab,
+  setCurrentTab,
+  className,
+  children
+}) => {
+  return /* @__PURE__ */ jsx95(TabsProvider, { tabs, currentTab, children: /* @__PURE__ */ jsx95(Root9, { className, value: currentTab, onValueChange: (id) => setCurrentTab(id), children }) });
+};
+var ComposableTabs = {
+  Root: ComposableTabsRoot,
+  List: ComposableTabsList,
+  TabContent: ComposableTabContent,
+  AlwaysMountedTabContent: ComposableAlwaysMountedTabContent
+};
+
+// src/core/tag/Tag.tsx
+import { faXmark as faXmark5 } from "@fortawesome/free-solid-svg-icons";
+import * as React12 from "react";
+import { jsx as jsx96, jsxs as jsxs43 } from "react/jsx-runtime";
+var TagLabel = ({ children, removable, onRemove, intent = "default", ...rest }, ref) => /* @__PURE__ */ jsxs43(Label, { ...rest, ref, intent, children: [
+  children,
+  removable && /* @__PURE__ */ jsx96(
+    "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__ */ jsx96(Icon, { icon: faXmark5 })
+    }
+  )
+] });
+var TagImpl = React12.forwardRef(TagLabel);
+var Tag = ({ tooltip, ...rest }) => {
+  if (!tooltip) {
+    return /* @__PURE__ */ jsx96(TagImpl, { ...rest });
+  }
+  return /* @__PURE__ */ jsx96(Tooltip, { trigger: /* @__PURE__ */ jsx96(TagImpl, { ...rest }), content: /* @__PURE__ */ jsx96("p", { className: "text-sm", children: tooltip }) });
+};
+
+// src/core/utils/useIsHovered.ts
+import { useEffect as useEffect8, useState as useState11 } from "react";
+var useIsHovered = (ref) => {
+  const [isHovered, setIsHovered] = useState11(false);
+  useEffect8(() => {
+    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;
+};
+export {
+  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,
+  useController2 as useController,
+  useCopyable,
+  useDebounce,
+  useDrawer,
+  useDrawerResize,
+  useFieldArray,
+  useForm,
+  useFormContext,
+  useFormState2 as useFormState,
+  useIsEditing,
+  useIsHovered,
+  useIsVisible,
+  useOverflowObserver,
+  useSwitchId,
+  useSyncState,
+  useTable,
+  useToggle,
+  useUncontrolledField,
+  useUncontrolledFormField,
+  useWatch
+};
+//# sourceMappingURL=index.mjs.map