@layerfi/components 0.1.132-alpha → 0.1.132-alpha.2

package/dist/cjs/index.cjs

@@ -38,7 +38,7 @@ let swr = require("swr");
 swr = __toESM(swr);
 let swr_mutation = require("swr/mutation");
 swr_mutation = __toESM(swr_mutation);
-let react_aria_components = require("react-aria-components");
+let react_aria_components_I18nProvider = require("react-aria-components/I18nProvider");
 let react_i18next = require("react-i18next");
 let react_intl = require("react-intl");
 let i18next = require("i18next");
@@ -55,18 +55,47 @@ let effect_index = require("effect/index");
 let zustand_traditional = require("zustand/traditional");
 let _floating_ui_react = require("@floating-ui/react");
 let _internationalized_date = require("@internationalized/date");
+let react_aria_components_ToggleButtonGroup = require("react-aria-components/ToggleButtonGroup");
+let react_aria_components_SelectionIndicator = require("react-aria-components/SelectionIndicator");
+let react_aria_components_ToggleButton = require("react-aria-components/ToggleButton");
+let react_aria_components_Header = require("react-aria-components/Header");
+let react_aria_components_Label = require("react-aria-components/Label");
+let react_aria_components_Text = require("react-aria-components/Text");
 let _react_hook_resize_observer = require("@react-hook/resize-observer");
 _react_hook_resize_observer = __toESM(_react_hook_resize_observer);
+let react_aria_components_Button = require("react-aria-components/Button");
 let lucide_react = require("lucide-react");
 let _formatjs_intl_durationformat = require("@formatjs/intl-durationformat");
+let react_aria_components_Dialog = require("react-aria-components/Dialog");
+let react_aria_components_Modal = require("react-aria-components/Modal");
+let react_aria_components_Heading = require("react-aria-components/Heading");
 let react_select = require("react-select");
 react_select = __toESM(react_select);
+let react_aria_components_Group = require("react-aria-components/Group");
+let react_aria_components_Input = require("react-aria-components/Input");
+let react_aria_components_SearchField = require("react-aria-components/SearchField");
+let react_aria_components_GridList = require("react-aria-components/GridList");
+let react_aria_components_composeRenderProps = require("react-aria-components/composeRenderProps");
+let react_aria_components_Checkbox = require("react-aria-components/Checkbox");
 let react_select_creatable = require("react-select/creatable");
 react_select_creatable = __toESM(react_select_creatable);
 let react_dropzone = require("react-dropzone");
 let _tanstack_react_form = require("@tanstack/react-form");
+let react_aria_components_FieldError = require("react-aria-components/FieldError");
+let react_aria_components_Form = require("react-aria-components/Form");
+let react_aria_components_TextField = require("react-aria-components/TextField");
+let react_aria_components_DateField = require("react-aria-components/DateField");
+let react_aria_components_DatePicker = require("react-aria-components/DatePicker");
+let react_aria_components_Calendar = require("react-aria-components/Calendar");
+let react_aria_components_Popover = require("react-aria-components/Popover");
+let react_aria_components_NumberField = require("react-aria-components/NumberField");
+let react_aria_components_RadioGroup = require("react-aria-components/RadioGroup");
+let react_aria_components_Switch = require("react-aria-components/Switch");
+let react_aria_components_TextArea = require("react-aria-components/TextArea");
 let _tanstack_react_table = require("@tanstack/react-table");
 let _tanstack_react_virtual = require("@tanstack/react-virtual");
+let react_aria_components_Table = require("react-aria-components/Table");
+let react_aria_components_Menu = require("react-aria-components/Menu");
 let motion_react = require("motion/react");
 let uuid = require("uuid");
 let react_currency_input_field = require("react-currency-input-field");
@@ -74,6 +103,11 @@ react_currency_input_field = __toESM(react_currency_input_field);
 let recharts = require("recharts");
 let react_dom = require("react-dom");
 let react_calendly = require("react-calendly");
+let react_aria_components_Meter = require("react-aria-components/Meter");
+let react_aria_components_Collection = require("react-aria-components/Collection");
+let react_aria_components_Tree = require("react-aria-components/Tree");
+let react_aria_components_Breadcrumbs = require("react-aria-components/Breadcrumbs");
+let react_aria_components_Link = require("react-aria-components/Link");
 //#region \0@oxc-project+runtime@0.127.0/helpers/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
@@ -244,7 +278,7 @@ var getIntlLocale = (locale) => {
 };
 var package_default = {
 	name: "@layerfi/components",
-	version: "0.1.132-alpha",
+	version: "0.1.132-alpha.2",
 	description: "Layer React Components",
 	main: "dist/cjs/index.cjs",
 	module: "dist/esm/index.mjs",
@@ -346,7 +380,7 @@ var package_default = {
 		"lodash-es": "^4.17.21",
 		"lucide-react": "^0.507.0",
 		"motion": "^12.23.11",
-		"react-aria-components": "^1.13.0",
+		"react-aria-components": "^1.17.0",
 		"react-calendly": "^4.4.0",
 		"react-currency-input-field": "^3.10.0",
 		"react-dropzone": "^14.3.8",
@@ -3731,7 +3765,7 @@ function LayerI18nProvider({ children, locale = DEFAULT_LOCALE }) {
 				locale,
 				defaultLocale: DEFAULT_LOCALE,
 				messages: EMPTY_MESSAGES,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.I18nProvider, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_I18nProvider.I18nProvider, {
 					locale,
 					children
 				})
@@ -11569,7 +11603,7 @@ function splitTextProps(props) {
 var HEADER_CLASS_NAME = "Layer__Header";
 var Header$3 = (0, react.forwardRef)(function Header(props, ref) {
 	const { children, dataProperties, renderingProps, restProps } = splitTextProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(renderingProps.nonAria ? "header" : react_aria_components.Header, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(renderingProps.nonAria ? "header" : react_aria_components_Header.Header, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: HEADER_CLASS_NAME,
 		ref,
 		children
@@ -11578,7 +11612,7 @@ var Header$3 = (0, react.forwardRef)(function Header(props, ref) {
 var LABEL_CLASS_NAME = "Layer__Label";
 var Label$1 = (0, react.forwardRef)(function Label(props, ref) {
 	const { children, dataProperties, renderingProps, restProps } = splitTextProps(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(renderingProps.nonAria ? "label" : react_aria_components.Label, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(renderingProps.nonAria ? "label" : react_aria_components_Label.Label, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: LABEL_CLASS_NAME,
 		ref,
 		children
@@ -11592,7 +11626,7 @@ var P = (0, react.forwardRef)(function P(props, ref) {
 		ref,
 		children
 	}));
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Text, _objectSpread2(_objectSpread2(_objectSpread2({ elementType: "p" }, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Text.Text, _objectSpread2(_objectSpread2(_objectSpread2({ elementType: "p" }, restProps), dataProperties), {}, {
 		className: P_CLASS_NAME,
 		ref,
 		children
@@ -11605,7 +11639,7 @@ var BaseSpan = (0, react.forwardRef)(({ dataProperties, restProps, hasRef, class
 		ref: hasRef ? ref : void 0,
 		children
 	}));
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Text, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Text.Text, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: (0, classnames.default)(SPAN_CLASS_NAME, className),
 		ref: hasRef ? ref : void 0,
 		children
@@ -11654,11 +11688,11 @@ var Span = (0, react.forwardRef)(function Span(props, forwardedRef) {
 var ToggleOption = ({ label, value, disabled = false, disabledMessage }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const disabledMessageText = disabledMessage !== null && disabledMessage !== void 0 ? disabledMessage : t("common:state.disabled", "Disabled");
-	const button = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components.ToggleButton, {
+	const button = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components_ToggleButton.ToggleButton, {
 		id: value,
 		className: "Layer__UI__ToggleOption",
 		isDisabled: disabled,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.SelectionIndicator, { className: "Layer__UI__ToggleOption-SelectionIndicator" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_SelectionIndicator.SelectionIndicator, { className: "Layer__UI__ToggleOption-SelectionIndicator" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
 			className: "Layer__UI__Toggle-Option-Content",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
 				noWrap: true,
@@ -11689,7 +11723,7 @@ var Toggle = ({ ariaLabel, options, selectedKey, onSelectionChange, fullWidth =
 		"full-width": fullWidth,
 		"size": size
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.ToggleButtonGroup, _objectSpread2(_objectSpread2({
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_ToggleButtonGroup.ToggleButtonGroup, _objectSpread2(_objectSpread2({
 		"aria-label": ariaLabel,
 		className: "Layer__UI__Toggle"
 	}, dataProperties), {}, {
@@ -11758,7 +11792,7 @@ var Button$1 = (0, react.forwardRef)((_ref, ref) => {
 		"full-width": fullWidth,
 		flex
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Button.Button, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: BUTTON_CLASS_NAMES.DEFAULT,
 		ref,
 		children: withRenderProp(children, (node) => {
@@ -13062,7 +13096,7 @@ var _excluded$98 = ["variant"], _excluded2$12 = [
 var MODAL_OVERLAY_CLASS_NAME = `Layer__Portal Layer__ModalOverlay`;
 var ModalOverlay = (0, react.forwardRef)((_ref, ref) => {
 	let { variant } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$98);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.ModalOverlay, _objectSpread2(_objectSpread2(_objectSpread2({}, toDataProperties({ variant })), restProps), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Modal.ModalOverlay, _objectSpread2(_objectSpread2(_objectSpread2({}, toDataProperties({ variant })), restProps), {}, {
 		className: MODAL_OVERLAY_CLASS_NAME,
 		ref
 	}));
@@ -13070,7 +13104,7 @@ var ModalOverlay = (0, react.forwardRef)((_ref, ref) => {
 ModalOverlay.displayName = "ModalOverlay";
 var MODAL_CLASS_NAME = "Layer__Modal";
 var InternalModal = (0, react.forwardRef)(({ children, flexBlock, flexInline, size, variant = "center" }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Modal, _objectSpread2(_objectSpread2({}, toDataProperties({
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Modal.Modal, _objectSpread2(_objectSpread2({}, toDataProperties({
 		size,
 		"flex-block": flexBlock,
 		"flex-inline": flexInline,
@@ -13103,7 +13137,7 @@ var Dialog$3 = (0, react.forwardRef)((_ref2, ref) => {
 		fixed: fixedHeight
 	});
 	const Header = slots === null || slots === void 0 ? void 0 : slots.Header;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Dialog, _objectSpread2(_objectSpread2(_objectSpread2({}, dataProperties), restProps), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Dialog.Dialog, _objectSpread2(_objectSpread2(_objectSpread2({}, dataProperties), restProps), {}, {
 		className: DIALOG_CLASS_NAME,
 		ref,
 		children: (renderProps) => {
@@ -13187,7 +13221,7 @@ var Heading$1 = (0, react.forwardRef)((_ref, ref) => {
 		weight,
 		ellipsis
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Heading, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Heading.Heading, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: (0, classnames.default)(HEADING_CLASS_NAME, className),
 		ref
 	}));
@@ -14387,7 +14421,7 @@ var InputGroup$1 = (0, react.forwardRef)(function InputGroup(_ref, ref) {
 	let { actionCount, className, slots, children } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$83);
 	const combinedClassName = (0, classnames.default)(INPUT_GROUP_CLASS_NAME, className);
 	const dataProperties = toDataProperties({ "action-count": actionCount });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Group, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Group.Group, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: combinedClassName,
 		ref,
 		children
@@ -14400,10 +14434,10 @@ var CLASS_NAME$8 = "Layer__MinimalSearchField";
 function MinimalSearchField(_ref) {
 	let { placeholder, isDisabled } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$82);
 	const { t } = (0, react_i18next.useTranslation)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components.SearchField, _objectSpread2(_objectSpread2({}, restProps), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components_SearchField.SearchField, _objectSpread2(_objectSpread2({}, restProps), {}, {
 		isDisabled,
 		className: CLASS_NAME$8,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Input, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Input.Input, {
 			slot: "input",
 			placeholder
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
@@ -14558,8 +14592,8 @@ var CategorySelectDrawerWithTrigger = ({ selectedValue, onSelectedValueChange, s
 };
 //#endregion
 //#region src/components/TaxCodeSelect/useTaxCodeSelect.ts
-var EMPTY_ARRAY$6 = [];
-var useTaxCodeSelect = ({ options = EMPTY_ARRAY$6, selectedValue, onSelectedValueChange }) => {
+var EMPTY_ARRAY$7 = [];
+var useTaxCodeSelect = ({ options = EMPTY_ARRAY$7, selectedValue, onSelectedValueChange }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const noTaxCodeOption = (0, react.useMemo)(() => TaxCodeComboBoxOption.noTaxCode(t("bankTransactions:action.no_tax_code", "No tax code")), [t]);
 	const optionsWithNoTaxCode = (0, react.useMemo)(() => [noTaxCodeOption, ...options], [noTaxCodeOption, options]);
@@ -14652,7 +14686,7 @@ var CHECK_SIZE = {
 };
 function Checkbox(_ref) {
 	let { children, className, variant = "default", size = "sm", isIndeterminate } = _ref, props = _objectWithoutProperties(_ref, _excluded$80);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Checkbox, _objectSpread2(_objectSpread2(_objectSpread2({}, (0, react.useMemo)(() => toDataProperties({
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Checkbox.Checkbox, _objectSpread2(_objectSpread2(_objectSpread2({}, (0, react.useMemo)(() => toDataProperties({
 		size,
 		variant,
 		labeled: typeof children === "string" && children.length > 0
@@ -14691,11 +14725,11 @@ var MobileListItem = ({ item, onClickItem, children }) => {
 	const onAction = (0, react.useCallback)(() => {
 		onClickItem === null || onClickItem === void 0 || onClickItem(item);
 	}, [item, onClickItem]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.GridListItem, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_GridList.GridListItem, {
 		id: item.id,
 		onAction,
 		className: "Layer__MobileListItem",
-		children: (0, react_aria_components.composeRenderProps)(children, (children, { selectionMode, selectionBehavior }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [selectionMode !== "none" && selectionBehavior === "toggle" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Checkbox, {
+		children: (0, react_aria_components_composeRenderProps.composeRenderProps)(children, (children, { selectionMode, selectionBehavior }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [selectionMode !== "none" && selectionBehavior === "toggle" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Checkbox, {
 			slot: "selection",
 			size: "md"
 		}), children] }))
@@ -14703,10 +14737,10 @@ var MobileListItem = ({ item, onClickItem, children }) => {
 };
 //#endregion
 //#region src/components/ui/MobileList/MobileListSection.tsx
-var MobileListSection = ({ label, items, renderItem, onClickItem }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components.GridListSection, {
+var MobileListSection = ({ label, items, renderItem, onClickItem }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components_GridList.GridListSection, {
 	id: `__section:${label}`,
 	className: "Layer__MobileListSection",
-	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.GridListHeader, {
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_GridList.GridListHeader, {
 		className: "Layer__MobileListSection__Heading",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
 			size: "md",
@@ -14721,7 +14755,7 @@ var MobileListSection = ({ label, items, renderItem, onClickItem }) => /* @__PUR
 });
 //#endregion
 //#region src/components/ui/MobileList/MobileList.tsx
-var EMPTY_ARRAY$5 = [];
+var EMPTY_ARRAY$6 = [];
 var isSelectionEnabled = (props) => props.selectionMode !== "none" && props.enableSelection;
 var isGrouped = (data) => !!data && !Array.isArray(data);
 var MobileList = ({ ariaLabel, data, slots, renderItem, onClickItem, isLoading, isError, variant = "default", enableSelection = false, selectionMode = "none", selectedKeys, onSelectionChange }) => {
@@ -14741,7 +14775,7 @@ var MobileList = ({ ariaLabel, data, slots, renderItem, onClickItem, isLoading,
 		onClickItem,
 		children: renderItem(item)
 	}, item.id);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.GridList, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_GridList.GridList, {
 		"aria-label": ariaLabel,
 		className: "Layer__MobileList",
 		"data-variant": variant,
@@ -14755,7 +14789,7 @@ var MobileList = ({ ariaLabel, data, slots, renderItem, onClickItem, isLoading,
 			items: group.items,
 			renderItem,
 			onClickItem
-		}, group.label)) : (data !== null && data !== void 0 ? data : EMPTY_ARRAY$5).map(renderRow)
+		}, group.label)) : (data !== null && data !== void 0 ? data : EMPTY_ARRAY$6).map(renderRow)
 	});
 };
 //#endregion
@@ -16017,7 +16051,7 @@ var _excluded$73 = ["children", "className"], _excluded2$9 = [
 var FORM_CLASS_NAME = "Layer__UI__Form";
 var Form = (0, react.forwardRef)(function Form(_ref, ref) {
 	let { children, className } = _ref;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Form, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$73)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Form.Form, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$73)), {}, {
 		className: (0, classnames.default)(FORM_CLASS_NAME, className),
 		ref,
 		children
@@ -16030,7 +16064,7 @@ var TextField = (0, react.forwardRef)(function TextField(_ref2, ref) {
 		inline,
 		textarea
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.TextField, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_TextField.TextField, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: (0, classnames.default)(TEXT_FIELD_CLASS_NAME, className),
 		ref,
 		children: withRenderProp(children, (node) => node)
@@ -16038,7 +16072,7 @@ var TextField = (0, react.forwardRef)(function TextField(_ref2, ref) {
 });
 var FIELD_ERROR_CLASS_NAME = "Layer__UI__FieldError";
 var FieldError = (0, react.forwardRef)(function FieldError({ children }, ref) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.FieldError, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_FieldError.FieldError, {
 		className: FIELD_ERROR_CLASS_NAME,
 		ref,
 		children: withRenderProp(children, (node) => node)
@@ -16248,7 +16282,7 @@ var Input$1 = (0, react.forwardRef)(function Input(_ref, ref) {
 		inset,
 		placement
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Input, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Input.Input, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: INPUT_CLASS_NAME,
 		ref
 	}));
@@ -16340,7 +16374,7 @@ var DATE_PICKER_CLASS_NAME = "Layer__UI__DatePicker";
 var DATE_FIELD_CLASS_NAME = "Layer__UI__DateField";
 var DateField = (0, react.forwardRef)(function DateField(_ref, ref) {
 	let { inline, className, isReadOnly } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$70);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.DateField, _objectSpread2(_objectSpread2(_objectSpread2({}, toDataProperties({
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_DateField.DateField, _objectSpread2(_objectSpread2(_objectSpread2({}, toDataProperties({
 		inline,
 		readonly: isReadOnly
 	})), restProps), {}, {
@@ -16352,7 +16386,7 @@ var DateField = (0, react.forwardRef)(function DateField(_ref, ref) {
 var DATE_INPUT_CLASS_NAME = "Layer__UI__DateInput";
 var DateInput = (0, react.forwardRef)(function DateInput(_ref2, ref) {
 	let { inset, pointerEvents } = _ref2, restProps = _objectWithoutProperties(_ref2, _excluded2$8);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.DateInput, _objectSpread2(_objectSpread2(_objectSpread2({}, toDataProperties({
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_DateField.DateInput, _objectSpread2(_objectSpread2(_objectSpread2({}, toDataProperties({
 		inset,
 		"pointer-events": pointerEvents
 	})), restProps), {}, {
@@ -16364,14 +16398,14 @@ var DATE_SEGMENT_CLASS_NAME = "Layer__UI__DateSegment";
 var DateSegment = (0, react.forwardRef)(function DateSegment(_ref3, ref) {
 	let { isReadOnly } = _ref3, restProps = _objectWithoutProperties(_ref3, _excluded3$3);
 	const dataProperties = toDataProperties({ interactive: !isReadOnly });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.DateSegment, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_DateField.DateSegment, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: DATE_SEGMENT_CLASS_NAME,
 		ref
 	}));
 });
 var DatePicker$1 = (0, react.forwardRef)(function DatePicker(_ref4, ref) {
 	let { className } = _ref4;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.DatePicker, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref4, _excluded4$2)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_DatePicker.DatePicker, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref4, _excluded4$2)), {}, {
 		className: (0, classnames.default)(DATE_PICKER_CLASS_NAME, className),
 		ref
 	}));
@@ -16434,7 +16468,7 @@ var _excluded$69 = ["className", "isReadOnly"], _excluded2$7 = ["className"], _e
 var CALENDAR_CLASS_NAME = "Layer__UI__Calendar";
 var Calendar = (0, react.forwardRef)(function Calendar(_ref, ref) {
 	let { className, isReadOnly } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$69);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Calendar, _objectSpread2(_objectSpread2(_objectSpread2({}, toDataProperties({ readonly: isReadOnly })), restProps), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Calendar.Calendar, _objectSpread2(_objectSpread2(_objectSpread2({}, toDataProperties({ readonly: isReadOnly })), restProps), {}, {
 		isReadOnly,
 		className: (0, classnames.default)(CALENDAR_CLASS_NAME, className),
 		ref
@@ -16443,7 +16477,7 @@ var Calendar = (0, react.forwardRef)(function Calendar(_ref, ref) {
 var CALENDAR_GRID_CLASS_NAME = "Layer__UI__CalendarGrid";
 var CalendarGrid = (0, react.forwardRef)(function CalendarGrid(_ref2, ref) {
 	let { className } = _ref2;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.CalendarGrid, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref2, _excluded2$7)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Calendar.CalendarGrid, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref2, _excluded2$7)), {}, {
 		className: (0, classnames.default)(CALENDAR_GRID_CLASS_NAME, className),
 		ref
 	}));
@@ -16451,7 +16485,7 @@ var CalendarGrid = (0, react.forwardRef)(function CalendarGrid(_ref2, ref) {
 var CALENDAR_GRID_BODY_CLASS_NAME = "Layer__UI__CalendarGridBody";
 var CalendarGridBody = (0, react.forwardRef)(function CalendarGridBody(_ref3, ref) {
 	let { className } = _ref3;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.CalendarGridBody, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref3, _excluded3$2)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Calendar.CalendarGridBody, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref3, _excluded3$2)), {}, {
 		className: (0, classnames.default)(CALENDAR_GRID_BODY_CLASS_NAME, className),
 		ref
 	}));
@@ -16460,7 +16494,7 @@ var CALENDAR_CELL_CLASS_NAME = "Layer__UI__CalendarCell";
 var CalendarCell = (0, react.forwardRef)(function CalendarCell(_ref4, ref) {
 	let { className, size = "sm" } = _ref4, restProps = _objectWithoutProperties(_ref4, _excluded4$1);
 	const dataProperties = toDataProperties({ size });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.CalendarCell, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Calendar.CalendarCell, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: (0, classnames.default)(CALENDAR_CELL_CLASS_NAME, className),
 		ref
 	}));
@@ -16468,7 +16502,7 @@ var CalendarCell = (0, react.forwardRef)(function CalendarCell(_ref4, ref) {
 var CALENDAR_GRID_HEADER_CLASS_NAME = "Layer__UI__CalendarGridHeader";
 var CalendarGridHeader = (0, react.forwardRef)(function CalendarGridHeader(_ref5, ref) {
 	let { className } = _ref5;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.CalendarGridHeader, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref5, _excluded5$1)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Calendar.CalendarGridHeader, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref5, _excluded5$1)), {}, {
 		className: (0, classnames.default)(CALENDAR_GRID_HEADER_CLASS_NAME, className),
 		ref
 	}));
@@ -16477,7 +16511,7 @@ var CALENDAR_HEADER_CELL_CLASS_NAME = "Layer__UI__CalendarHeaderCell";
 var CalendarHeaderCell = (0, react.forwardRef)(function CalendarHeaderCell(_ref6, ref) {
 	let { className, size = "sm" } = _ref6, restProps = _objectWithoutProperties(_ref6, _excluded6$1);
 	const dataProperties = toDataProperties({ size });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.CalendarHeaderCell, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Calendar.CalendarHeaderCell, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: (0, classnames.default)(CALENDAR_HEADER_CELL_CLASS_NAME, className),
 		ref
 	}));
@@ -16529,7 +16563,7 @@ var DateCalendar = ({ minDate, maxDate, variant }) => {
 };
 //#endregion
 //#region src/components/ui/PickerDropdownIndicator/PickerDropdownIndicator.tsx
-var PickerDropdownIndicator = ({ onClick }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, {
+var PickerDropdownIndicator = ({ onClick }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Button.Button, {
 	className: "Layer__PickerDropdownIndicator",
 	onPress: onClick,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDown, { size: 16 })
@@ -16585,7 +16619,7 @@ var POPOVER_CLASS_NAMES = `Layer__Portal Layer__Popover`;
 var Popover$2 = (0, react.forwardRef)(function Popover(_ref, ref) {
 	let { flexInline = false } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$68);
 	const dataProperties = toDataProperties({ "flex-inline": flexInline });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Popover, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Popover.Popover, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: POPOVER_CLASS_NAMES,
 		ref
 	}));
@@ -16637,7 +16671,7 @@ var DatePicker = ({ label, showLabel = false, date, minDate, maxDate, isInvalid,
 				onClick: () => setPopoverOpen(true),
 				isReadOnly
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResponsivePopover, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Dialog, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DateCalendar, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResponsivePopover, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Dialog.Dialog, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DateCalendar, {
 				minDate,
 				maxDate,
 				variant: value
@@ -16772,7 +16806,7 @@ var _excluded$66 = [
 var NUMBER_FIELD_CLASS_NAME = "Layer__UI__NumberField";
 var NumberField = (0, react.forwardRef)(function NumberField(_ref, ref) {
 	let { inline, className, isReadOnly } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$66);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.NumberField, _objectSpread2(_objectSpread2(_objectSpread2({ step: 1 }, toDataProperties({
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_NumberField.NumberField, _objectSpread2(_objectSpread2(_objectSpread2({ step: 1 }, toDataProperties({
 		inline,
 		readonly: isReadOnly
 	})), restProps), {}, {
@@ -16832,7 +16866,7 @@ var RADIO_CLASS_NAME = "Layer__Radio";
 var INDICATOR_SIZE = 10;
 function RadioGroup(_ref) {
 	let { children, className, onChange } = _ref;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.RadioGroup, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$65)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_RadioGroup.RadioGroup, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$65)), {}, {
 		onChange,
 		className: (0, classnames.default)(RADIO_GROUP_CLASS_NAME, className),
 		children
@@ -16840,7 +16874,7 @@ function RadioGroup(_ref) {
 }
 function Radio(_ref2) {
 	let { children, className } = _ref2;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Radio, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref2, _excluded2$6)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_RadioGroup.Radio, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref2, _excluded2$6)), {}, {
 		className: (0, classnames.default)(RADIO_CLASS_NAME, className),
 		children: withRenderProp(children, (node) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			slot: "radio",
@@ -16951,7 +16985,7 @@ var _excluded$64 = ["children", "className"];
 var SWITCH_CLASS_NAME = "Layer__UI__Switch";
 var Switch = (0, react.forwardRef)((_ref, ref) => {
 	let { children, className } = _ref;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Switch, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$64)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Switch.Switch, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$64)), {}, {
 		className: (0, classnames.default)(SWITCH_CLASS_NAME, className),
 		ref,
 		children: withRenderProp(children, (node) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { slot: "indicator" }), node] }))
@@ -16990,7 +17024,7 @@ var TEXTAREA_CLASS_NAME = "Layer__UI__TextArea";
 var TextArea = (0, react.forwardRef)(function TextArea(_ref, ref) {
 	let { resize = "none" } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$63);
 	const dataProperties = toDataProperties({ resize });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.TextArea, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_TextArea.TextArea, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: TEXTAREA_CLASS_NAME,
 		ref
 	}));
@@ -17767,7 +17801,7 @@ var toAlignmentDataValue = (alignment) => {
 var getClassName = (component, additionalClassNames) => (0, classnames.default)(`${CSS_PREFIX$1}-${component}`, additionalClassNames);
 var Table$1 = (0, react.forwardRef)((_ref, ref) => {
 	let { children, className, nonAria, slot } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$55);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(nonAria ? "table" : react_aria_components.Table, _objectSpread2(_objectSpread2({
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(nonAria ? "table" : react_aria_components_Table.Table, _objectSpread2(_objectSpread2({
 		className: getClassName(TableSubComponent.Table, className),
 		slot: slot !== null && slot !== void 0 ? slot : void 0
 	}, restProps), {}, {
@@ -17778,7 +17812,7 @@ var Table$1 = (0, react.forwardRef)((_ref, ref) => {
 Table$1.displayName = TableSubComponent.Table;
 var TableHeaderInner = (_ref2, ref) => {
 	let { children, className, nonAria } = _ref2, restProps = _objectWithoutProperties(_ref2, _excluded2$5);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(nonAria ? "thead" : react_aria_components.TableHeader, _objectSpread2(_objectSpread2({ className: getClassName(TableSubComponent.TableHeader, className) }, restProps), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(nonAria ? "thead" : react_aria_components_Table.TableHeader, _objectSpread2(_objectSpread2({ className: getClassName(TableSubComponent.TableHeader, className) }, restProps), {}, {
 		ref,
 		children: withRenderProp(children, (node) => node)
 	}));
@@ -17787,7 +17821,7 @@ var TableHeader = (0, react.forwardRef)(TableHeaderInner);
 TableHeader.displayName = TableSubComponent.TableHeader;
 var TableBodyInner = (_ref3, ref) => {
 	let { children, className, nonAria } = _ref3, restProps = _objectWithoutProperties(_ref3, _excluded3$1);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(nonAria ? "tbody" : react_aria_components.TableBody, _objectSpread2(_objectSpread2({ className: getClassName(TableSubComponent.TableBody, className) }, restProps), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(nonAria ? "tbody" : react_aria_components_Table.TableBody, _objectSpread2(_objectSpread2({ className: getClassName(TableSubComponent.TableBody, className) }, restProps), {}, {
 		ref,
 		children: withRenderProp(children, (node) => node)
 	}));
@@ -17797,7 +17831,7 @@ TableBody$1.displayName = TableSubComponent.TableBody;
 var RowInner = (_ref4, ref) => {
 	let { children, className, depth = 0, nonAria, id, onAction } = _ref4, restProps = _objectWithoutProperties(_ref4, _excluded4);
 	const dataProperties = toDataProperties({ depth });
-	const RowComponent = nonAria ? "tr" : react_aria_components.Row;
+	const RowComponent = nonAria ? "tr" : react_aria_components_Table.Row;
 	const actionProps = nonAria ? { onClick: onAction } : { onAction };
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RowComponent, _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({ className: getClassName(TableSubComponent.Row, className) }, restProps), dataProperties), actionProps), {}, {
 		ref,
@@ -17814,7 +17848,7 @@ var Column = (0, react.forwardRef)((_ref5, ref) => {
 		pinned
 	});
 	const columnClassName = getClassName(TableSubComponent.Column, className);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(nonAria ? "th" : react_aria_components.Column, _objectSpread2(_objectSpread2(_objectSpread2({ className: columnClassName }, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(nonAria ? "th" : react_aria_components_Table.Column, _objectSpread2(_objectSpread2(_objectSpread2({ className: columnClassName }, restProps), dataProperties), {}, {
 		ref,
 		id: id === null || id === void 0 ? void 0 : id.toString(),
 		colSpan,
@@ -17828,7 +17862,7 @@ var Cell$3 = (0, react.forwardRef)((_ref6, ref) => {
 		align: toAlignmentDataValue(alignment),
 		pinned
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(nonAria ? "td" : react_aria_components.Cell, _objectSpread2(_objectSpread2(_objectSpread2({ className: getClassName(TableSubComponent.Cell, className) }, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(nonAria ? "td" : react_aria_components_Table.Cell, _objectSpread2(_objectSpread2(_objectSpread2({ className: getClassName(TableSubComponent.Cell, className) }, restProps), dataProperties), {}, {
 		ref,
 		id: id === null || id === void 0 ? void 0 : id.toString(),
 		children: withRenderProp(children, (node) => node)
@@ -17919,7 +17953,7 @@ var DEFAULT_NUM_ROWS = 15;
 var HEADER_HEIGHT = 52;
 var DEFAULT_TABLE_HEIGHT = DEFAULT_ROW_HEIGHT * DEFAULT_NUM_ROWS + HEADER_HEIGHT - 1;
 var CSS_PREFIX = "Layer__UI__VirtualizedTable";
-var EMPTY_ARRAY$4 = [];
+var EMPTY_ARRAY$5 = [];
 var VirtualizedDataTable = ({ columnConfig, data, isLoading, isError, componentName, ariaLabel, slots, shrinkHeightToFitRows = false, height = DEFAULT_TABLE_HEIGHT, rowHeight = DEFAULT_ROW_HEIGHT, overscan = DEFAULT_OVERSCAN }) => {
 	const { EmptyState, ErrorState } = slots;
 	const containerRef = (0, react.useRef)(null);
@@ -17935,7 +17969,7 @@ var VirtualizedDataTable = ({ columnConfig, data, isLoading, isError, componentN
 		shrinkHeightToFitRows
 	]);
 	const table = (0, _tanstack_react_table.useReactTable)({
-		data: data !== null && data !== void 0 ? data : EMPTY_ARRAY$4,
+		data: data !== null && data !== void 0 ? data : EMPTY_ARRAY$5,
 		columns: getColumnDefs(columnConfig),
 		getCoreRowModel: (0, _tanstack_react_table.getCoreRowModel)(),
 		getSortedRowModel: (0, _tanstack_react_table.getSortedRowModel)()
@@ -18297,7 +18331,7 @@ var DropdownMenuProvider = DropdownMenuContext.Provider;
 var MenuItem$1 = ({ children, onClick, isDisabled }) => {
 	const { variant } = useDropdownMenu();
 	const dataProps = toDataProperties({ variant });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.MenuItem, _objectSpread2(_objectSpread2({
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Menu.MenuItem, _objectSpread2(_objectSpread2({
 		onAction: onClick,
 		isDisabled,
 		className: "Layer__UI__DropdownMenu__MenuItem"
@@ -18305,7 +18339,7 @@ var MenuItem$1 = ({ children, onClick, isDisabled }) => {
 };
 var MenuList = ({ children }) => {
 	const { variant } = useDropdownMenu();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Menu, _objectSpread2(_objectSpread2({ className: "Layer__UI__DropdownMenu__Menu" }, toDataProperties({ variant })), {}, { children }));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Menu.Menu, _objectSpread2(_objectSpread2({ className: "Layer__UI__DropdownMenu__Menu" }, toDataProperties({ variant })), {}, { children }));
 };
 var DropdownMenu = ({ children, ariaLabel, variant, slots, slotProps }) => {
 	var _slotProps$Dialog;
@@ -18313,10 +18347,10 @@ var DropdownMenu = ({ children, ariaLabel, variant, slots, slotProps }) => {
 	const { Trigger } = slots;
 	const width = slotProps === null || slotProps === void 0 || (_slotProps$Dialog = slotProps.Dialog) === null || _slotProps$Dialog === void 0 ? void 0 : _slotProps$Dialog.width;
 	const dataProps = toDataProperties({ variant });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components.MenuTrigger, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Trigger, { "aria-label": t("ui:label.menu", "Menu") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Popover, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components_Menu.MenuTrigger, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Trigger, { "aria-label": t("ui:label.menu", "Menu") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Menu.Popover, {
 		placement: "bottom right",
 		className: "Layer__UI__DropdownMenu__Popover Layer__variables",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Dialog, _objectSpread2(_objectSpread2({
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Dialog.Dialog, _objectSpread2(_objectSpread2({
 			className: "Layer__UI__DropdownMenu__Dialog",
 			"aria-label": ariaLabel,
 			style: { width }
@@ -18604,7 +18638,7 @@ function MonthCalendar({ date, onChange, minDate, maxDate, variant }) {
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { size: 20 })
 			})
 		]
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.GridList, {
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_GridList.GridList, {
 		"aria-label": t("date:action.select_a_month", "Select a month"),
 		selectionMode: "single",
 		selectedKeys: (date === null || date === void 0 ? void 0 : date.year) === year ? new Set([date.month]) : /* @__PURE__ */ new Set(),
@@ -18613,7 +18647,7 @@ function MonthCalendar({ date, onChange, minDate, maxDate, variant }) {
 			if (typeof selectedKey === "number") selectMonth(selectedKey);
 		},
 		className: (0, classnames.default)("Layer__MonthCalendar__MonthGrid", variant === "mobile" && "Layer__MonthCalendar__MonthGrid--mobile"),
-		children: months.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.GridListItem, {
+		children: months.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_GridList.GridListItem, {
 			id: m.key,
 			textValue: m.abbreviation,
 			className: (0, classnames.default)("Layer__MonthCalendar__MonthGridItem", variant === "mobile" && "Layer__MonthCalendar__MonthGridItem--mobile"),
@@ -18641,7 +18675,7 @@ var MonthPicker = ({ label, showLabel = false, date, onChange, minDate = null, m
 		size: "sm",
 		htmlFor: inputId,
 		children: label
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components.DialogTrigger, {
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components_Dialog.DialogTrigger, {
 		isOpen: isPopoverOpen,
 		onOpenChange: setPopoverOpen,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(InputGroup$1, {
@@ -18656,7 +18690,7 @@ var MonthPicker = ({ label, showLabel = false, date, onChange, minDate = null, m
 			})), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PickerDropdownIndicator, { onClick: () => setPopoverOpen(true) })]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResponsivePopover, {
 			triggerRef,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Dialog, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MonthCalendar, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Dialog.Dialog, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MonthCalendar, {
 				date,
 				onChange: onChangeMonth,
 				minDate,
@@ -21887,7 +21921,7 @@ var Paperclip = (_ref) => {
 var BankTransactionsMobileCategorySelectionItem = ({ option }) => {
 	const value = option.value.value;
 	const label = option.value.label;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.GridListItem, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_GridList.GridListItem, {
 		id: value,
 		textValue: label,
 		className: "Layer__BankTransactionsMobileCategorySelectionItem",
@@ -22001,7 +22035,7 @@ var BankTransactionsMobileCategorySelection = ({ bankTransaction, showTooltips =
 				weight: "bold",
 				children: t("bankTransactions:action.select_category", "Select category")
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.GridList, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_GridList.GridList, {
 				"aria-label": t("bankTransactions:action.select_a_category", "Select a category"),
 				selectionMode: "single",
 				selectedKeys: (selectedCategory === null || selectedCategory === void 0 ? void 0 : selectedCategory.value) ? new Set([selectedCategory.value]) : /* @__PURE__ */ new Set(),
@@ -22184,7 +22218,7 @@ var BankTransactionsMobileListPersonalForm = ({ bankTransaction, showReceiptUplo
 //#endregion
 //#region src/components/MatchForm/MatchFormMobileItem.tsx
 var MatchFormMobileItem = ({ match, bankTransaction, inAppLink }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.GridListItem, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_GridList.GridListItem, {
 		id: match.id,
 		textValue: match.details.description,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
@@ -22231,7 +22265,7 @@ var MatchFormMobile = ({ bankTransaction, selectedMatchId, setSelectedMatch, mat
 	const { t } = (0, react_i18next.useTranslation)();
 	const { renderInAppLink } = useInAppLinkContext();
 	const suggestedMatches = bankTransaction.suggested_matches;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components.GridList, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components_GridList.GridList, {
 		"aria-label": t("bankTransactions:action.select_a_match", "Select a match"),
 		selectionMode: "single",
 		selectedKeys: selectedMatchId ? new Set([selectedMatchId]) : /* @__PURE__ */ new Set(),
@@ -23561,13 +23595,13 @@ var Pagination = ({ onPageChange, totalCount, siblingCount = 1, currentPage, pag
 //#endregion
 //#region src/components/ui/MobileList/PaginatedMobileList.tsx
 var _excluded$39 = ["data", "paginationProps"];
-var EMPTY_ARRAY$3 = [];
+var EMPTY_ARRAY$4 = [];
 var PaginatedMobileList = (props) => {
 	var _data$length;
 	const { data, paginationProps } = props, listProps = _objectWithoutProperties(props, _excluded$39);
 	const { initialPage = 0, onSetPage, pageSize = 20, hasMore, fetchMore, autoResetPageIndexRef } = paginationProps;
 	const { pageItems, pageIndex, setPage } = usePaginatedList({
-		data: data !== null && data !== void 0 ? data : EMPTY_ARRAY$3,
+		data: data !== null && data !== void 0 ? data : EMPTY_ARRAY$4,
 		pageSize,
 		initialPage,
 		onSetPage
@@ -23793,7 +23827,20 @@ var DataTableSkeleton = ({ numColumns, nonAria }) => {
 	}, `loading-${rowIndex}`)) });
 };
 //#endregion
+//#region src/components/utility/ConditionalList.tsx
+function ConditionalList({ list, Empty, Container, isLoading, Loading, isError, Error, children }) {
+	if (isError) return Error;
+	if (isLoading) return Loading;
+	if (list.length === 0) return Empty;
+	const listItems = list.map((item, index) => children({
+		item,
+		index
+	}));
+	return Container ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Container, { children: listItems }) : listItems;
+}
+//#endregion
 //#region src/components/DataTable/DataTable.tsx
+var EMPTY_ARRAY$3 = [];
 var DataTable = ({ isLoading, isError, componentName, ariaLabel, slots, dependencies, data, headerGroups, numColumns, withClickableRow }) => {
 	const scrollContainerRef = (0, react.useRef)(null);
 	const nonAria = headerGroups.length > 1 || numColumns === 0;
@@ -23801,66 +23848,49 @@ var DataTable = ({ isLoading, isError, componentName, ariaLabel, slots, dependen
 	const hasHorizontalOverflow = useHorizontalOverflow(scrollContainerRef, { dependencies: [data, numColumns] });
 	const showLoadingFallbackHeaders = isLoading && numColumns === 0;
 	const { headerRef, pinningStyles } = useColumnPinningStyles(headerGroups);
-	const isEmptyTable = (data === null || data === void 0 ? void 0 : data.length) === 0;
-	const renderTableBody = (0, react.useMemo)(() => {
-		if (isError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
-			className: "Layer__DataTable__EmptyState__Row",
+	const renderHeaderColumn = (0, react.useCallback)((header) => {
+		var _header$column$column, _header$column$column2;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Column, {
+			isRowHeader: (_header$column$column = header.column.columnDef.meta) === null || _header$column$column === void 0 ? void 0 : _header$column$column.isRowHeader,
+			className: `Layer__UI__Table-Column__${componentName}--${header.id}`,
+			alignment: (_header$column$column2 = header.column.columnDef.meta) === null || _header$column$column2 === void 0 ? void 0 : _header$column$column2.alignment,
+			pinned: header.column.getIsPinned(),
+			style: pinningStyles.get(header.column.id),
 			nonAria,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cell$3, {
-				className: "Layer__DataTable__EmptyState__Cell",
-				colSpan: numColumns,
-				nonAria,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorState, {})
-			})
-		});
-		if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTableSkeleton, {
-			numColumns,
-			nonAria
-		});
-		if (isEmptyTable) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
-			className: "Layer__DataTable__EmptyState__Row",
+			colSpan: header.colSpan,
+			children: header.isPlaceholder ? null : typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header
+		}, header.id);
+	}, [
+		componentName,
+		nonAria,
+		pinningStyles
+	]);
+	const renderHeaderContent = (0, react.useMemo)(() => {
+		if (showLoadingFallbackHeaders) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTableHeaderSkeleton, {
 			nonAria,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cell$3, {
-				className: "Layer__DataTable__EmptyState__Cell",
-				colSpan: numColumns,
-				nonAria,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {})
-			})
+			numColumns: 3
 		});
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: data === null || data === void 0 ? void 0 : data.map((row) => {
-			const isClickable = withClickableRow === null || withClickableRow === void 0 ? void 0 : withClickableRow.isRowClickable(row);
-			const onAction = isClickable && (withClickableRow === null || withClickableRow === void 0 ? void 0 : withClickableRow.onRowClick) ? () => withClickableRow.onRowClick(row) : void 0;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
-				depth: row.depth,
-				nonAria,
-				onAction,
-				className: isClickable ? "Layer__DataTable__ClickableRow" : void 0,
-				children: row.getVisibleCells().map((cell) => {
-					var _cell$column$columnDe;
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cell$3, {
-						className: `Layer__UI__Table-Cell__${componentName}--${cell.column.id}`,
-						alignment: (_cell$column$columnDe = cell.column.columnDef.meta) === null || _cell$column$columnDe === void 0 ? void 0 : _cell$column$columnDe.alignment,
-						pinned: cell.column.getIsPinned(),
-						style: pinningStyles.get(cell.column.id),
-						nonAria,
-						children: (0, _tanstack_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
-					}, `${row.id}-${cell.id}`);
-				})
-			}, row.id);
-		}) });
+		if (nonAria) return headerGroups.map((headerGroup) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+			nonAria,
+			children: headerGroup.headers.map((header) => renderHeaderColumn(header))
+		}, headerGroup.id));
+		return headerGroups.flatMap((headerGroup) => headerGroup.headers.map((header) => renderHeaderColumn(header)));
 	}, [
-		isError,
-		isLoading,
-		isEmptyTable,
-		data,
+		showLoadingFallbackHeaders,
 		nonAria,
-		numColumns,
-		ErrorState,
-		EmptyState,
-		withClickableRow,
-		componentName,
-		pinningStyles
+		headerGroups,
+		renderHeaderColumn
 	]);
+	const FullWidthCellRow = (0, react.useCallback)(({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+		className: "Layer__DataTable__EmptyState__Row",
+		nonAria,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cell$3, {
+			className: "Layer__DataTable__EmptyState__Cell",
+			colSpan: numColumns,
+			nonAria,
+			children
+		})
+	}), [nonAria, numColumns]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		ref: scrollContainerRef,
 		className: (0, classnames.default)("Layer__UI__Table-ScrollContainer", hasHorizontalOverflow && "Layer__UI__Table-ScrollContainer--has-horizontal-overflow"),
@@ -23871,29 +23901,42 @@ var DataTable = ({ isLoading, isError, componentName, ariaLabel, slots, dependen
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHeader, {
 				ref: headerRef,
 				nonAria,
-				children: showLoadingFallbackHeaders ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTableHeaderSkeleton, {
-					nonAria,
-					numColumns: 3
-				}) : headerGroups.map((headerGroup) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
-					nonAria,
-					children: headerGroup.headers.map((header) => {
-						var _header$column$column, _header$column$column2;
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Column, {
-							isRowHeader: (_header$column$column = header.column.columnDef.meta) === null || _header$column$column === void 0 ? void 0 : _header$column$column.isRowHeader,
-							className: `Layer__UI__Table-Column__${componentName}--${header.id}`,
-							alignment: (_header$column$column2 = header.column.columnDef.meta) === null || _header$column$column2 === void 0 ? void 0 : _header$column$column2.alignment,
-							pinned: header.column.getIsPinned(),
-							style: pinningStyles.get(header.column.id),
-							nonAria,
-							colSpan: header.colSpan,
-							children: header.isPlaceholder ? null : typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header
-						}, header.id);
-					})
-				}, headerGroup.id))
+				children: renderHeaderContent
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody$1, {
 				dependencies,
 				nonAria,
-				children: renderTableBody
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConditionalList, {
+					list: data !== null && data !== void 0 ? data : EMPTY_ARRAY$3,
+					isLoading,
+					isError,
+					Loading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTableSkeleton, {
+						numColumns,
+						nonAria
+					}),
+					Error: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FullWidthCellRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorState, {}) }),
+					Empty: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FullWidthCellRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {}) }),
+					children: ({ item: row }) => {
+						const isClickable = withClickableRow === null || withClickableRow === void 0 ? void 0 : withClickableRow.isRowClickable(row);
+						const onAction = isClickable && (withClickableRow === null || withClickableRow === void 0 ? void 0 : withClickableRow.onRowClick) ? () => withClickableRow.onRowClick(row) : void 0;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+							depth: row.depth,
+							nonAria,
+							onAction,
+							className: isClickable ? "Layer__DataTable__ClickableRow" : void 0,
+							children: row.getVisibleCells().map((cell) => {
+								var _cell$column$columnDe;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cell$3, {
+									className: `Layer__UI__Table-Cell__${componentName}--${cell.column.id}`,
+									alignment: (_cell$column$columnDe = cell.column.columnDef.meta) === null || _cell$column$columnDe === void 0 ? void 0 : _cell$column$columnDe.alignment,
+									pinned: cell.column.getIsPinned(),
+									style: pinningStyles.get(cell.column.id),
+									nonAria,
+									children: (0, _tanstack_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
+								}, `${row.id}-${cell.id}`);
+							})
+						}, row.id);
+					}
+				})
 			})]
 		}, `${componentName}-cols-${numColumns}`)
 	});
@@ -25825,18 +25868,6 @@ function LinkedAccountToConfirm({ account, isConfirmed, onChangeConfirmed }) {
 	});
 }
 //#endregion
-//#region src/components/utility/ConditionalList.tsx
-function ConditionalList({ list, Empty, Container, isLoading, Loading, isError, Error, children }) {
-	if (isError) return Error;
-	if (isLoading) return Loading;
-	if (list.length === 0) return Empty;
-	const listItems = list.map((item, index) => children({
-		item,
-		index
-	}));
-	return Container ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Container, { children: listItems }) : listItems;
-}
-//#endregion
 //#region src/components/LinkedAccounts/ConfirmationModal/LinkedAccountsConfirmationModal.tsx
 function useLinkedAccountsConfirmationModal() {
 	const { data, refetchAccounts } = useLinkedAccounts();
@@ -26013,7 +26044,7 @@ function LinkedAccountsConfirmationModal() {
 //#region src/components/ui/Menu/Menu.tsx
 var MENU_CLASS_NAME = "Layer__Menu";
 var Menu = (0, react.forwardRef)(function Menu({ children }, ref) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Menu, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Menu.Menu, {
 		className: MENU_CLASS_NAME,
 		ref,
 		children
@@ -26021,7 +26052,7 @@ var Menu = (0, react.forwardRef)(function Menu({ children }, ref) {
 });
 var MENU_ITEM_CLASS_NAME = "Layer__MenuItem";
 var MenuItem = (0, react.forwardRef)(function MenuItem({ children, textValue, onAction }, ref) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.MenuItem, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Menu.MenuItem, {
 		className: MENU_ITEM_CLASS_NAME,
 		textValue: textValue !== null && textValue !== void 0 ? textValue : typeof children === "string" ? children : void 0,
 		onAction,
@@ -26036,7 +26067,7 @@ var PILL_CLASS_NAME = "Layer__Pill";
 var Pill = (0, react.forwardRef)(function Pill(_ref, ref) {
 	let { children, status } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$32);
 	const dataProperties = toDataProperties({ status });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Button.Button, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: PILL_CLASS_NAME,
 		ref,
 		children: withRenderProp(children, (node) => node)
@@ -26046,14 +26077,14 @@ var Pill = (0, react.forwardRef)(function Pill(_ref, ref) {
 //#region src/components/LinkedAccountPill/LinkedAccountPill.tsx
 function LinkedAccountPill({ label, items }) {
 	const [isOpen, setIsOpen] = (0, react.useState)(false);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components.MenuTrigger, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components_Menu.MenuTrigger, {
 		isOpen,
 		onOpenChange: setIsOpen,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Pill, {
 			status: "error",
 			onPress: () => setIsOpen(true),
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertCircle$1, { size: 14 }), label]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Popover, {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Menu.Popover, {
 			className: "Layer__Portal",
 			placement: "bottom end",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Menu, { children: items.map(({ action, name }, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuItem, {
@@ -42542,7 +42573,7 @@ var getClassnameForSubComponent = (className, suffix) => {
 var METER_CLASS_NAME = "Layer__Meter";
 var Meter = (0, react.forwardRef)(function Meter(_ref, ref) {
 	let { className, label, meterOnly } = _ref;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Meter, _objectSpread2(_objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$11)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Meter.Meter, _objectSpread2(_objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$11)), {}, {
 		className: (0, classnames.default)(METER_CLASS_NAME, className),
 		ref
 	}, meterOnly && { "aria-label": label }), {}, { children: ({ percentage, valueText }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
@@ -43237,7 +43268,7 @@ var TREE_CLASS_NAME = "Layer__UI__Tree";
 var TREE_ITEM_CLASS_NAME = "Layer__UI__TreeItem";
 var TreeInner = (_ref, ref) => {
 	let { children, className } = _ref;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Tree, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$8)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Tree.Tree, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$8)), {}, {
 		className: (0, classnames.default)(TREE_CLASS_NAME, className),
 		ref,
 		children: withRenderProp(children, (node) => node)
@@ -43247,7 +43278,7 @@ var Tree = (0, react.forwardRef)(TreeInner);
 Tree.displayName = "Tree";
 var TreeItemInner = (_ref2, ref) => {
 	let { children } = _ref2;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.TreeItem, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref2, _excluded2$3)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Tree.TreeItem, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref2, _excluded2$3)), {}, {
 		className: TREE_ITEM_CLASS_NAME,
 		ref,
 		children: withRenderProp(children, (node) => node)
@@ -43257,7 +43288,7 @@ var TreeItem = (0, react.forwardRef)(TreeItemInner);
 TreeItem.displayName = "TreeItem";
 var TreeItemContent = (_ref3) => {
 	let { children } = _ref3;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.TreeItemContent, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref3, _excluded3)), {}, { children }));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Tree.TreeItemContent, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref3, _excluded3)), {}, { children }));
 };
 TreeItemContent.displayName = "TreeItemContent";
 //#endregion
@@ -43290,7 +43321,7 @@ var renderTreeGroup = ({ group, groupConfig, onToggle, renderItem, chevronLabel
 			className: "Layer__TreeNavigation__Row",
 			align: "center",
 			justify: "space-between",
-			children: [groupConfig.renderLabel(group), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, {
+			children: [groupConfig.renderLabel(group), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Button.Button, {
 				className: "Layer__TreeNavigation__Chevron",
 				slot: "chevron",
 				"aria-label": chevronLabel(textValue),
@@ -43299,7 +43330,7 @@ var renderTreeGroup = ({ group, groupConfig, onToggle, renderItem, chevronLabel
 					height: 16
 				})
 			})]
-		}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Collection, {
+		}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Collection.Collection, {
 			items: Array.from(groupConfig.getChildren(group)),
 			children: renderItem
 		})]
@@ -43953,7 +43984,7 @@ var Link = (0, react.forwardRef)(function Link(_ref, ref) {
 	});
 	const effectiveTarget = external ? "_blank" : target;
 	const effectiveRel = external ? "noopener noreferrer" : rel;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Link, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Link.Link, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		href,
 		target: effectiveTarget,
 		rel: effectiveRel,
@@ -43969,7 +44000,7 @@ var BREADCRUMBS_CLASS_NAME = "Layer__Breadcrumbs";
 var BREADCRUMB_CLASS_NAME = "Layer__Breadcrumb";
 function BreadcrumbsInner(_ref, ref) {
 	let { children } = _ref;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Breadcrumbs, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$3)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Breadcrumbs.Breadcrumbs, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$3)), {}, {
 		className: BREADCRUMBS_CLASS_NAME,
 		ref,
 		children
@@ -43978,7 +44009,7 @@ function BreadcrumbsInner(_ref, ref) {
 var Breadcrumbs = (0, react.forwardRef)(BreadcrumbsInner);
 var Breadcrumb = (0, react.forwardRef)(function Breadcrumb(_ref2, ref) {
 	let { id, children } = _ref2, linkProps = _objectWithoutProperties(_ref2, _excluded2);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Breadcrumb, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Breadcrumbs.Breadcrumb, {
 		id,
 		className: BREADCRUMB_CLASS_NAME,
 		ref,
@@ -44337,7 +44368,7 @@ var LinkButton = (0, react.forwardRef)(function LinkButton(_ref, ref) {
 	});
 	const effectiveTarget = external ? "_blank" : target;
 	const effectiveRel = `${external ? "noopener noreferrer" : ""} ${rel}`.trim();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Link, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components_Link.Link, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		href,
 		target: effectiveTarget,
 		rel: effectiveRel,
@@ -46835,10 +46866,7 @@ var SummaryCard = ({ slots, children, className }) => {
 					children: [legend && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "Layer__SummaryCard__HeaderLegend",
 						children: legend
-					}), primaryAction && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "Layer__SummaryCard__HeaderPrimaryAction",
-						children: primaryAction
-					})]
+					}), primaryAction]
 				})]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "Layer__SummaryCard__Content",
@@ -46921,88 +46949,89 @@ var ExpensesSummaryCard = ({ stylingProps, interactionProps, stringOverrides, cl
 };
 //#endregion
 //#region src/components/MileageTrackingSummary/MileageTrackingSummary.tsx
-var MileageTrackingSummary = ({ header: headerOverride } = {}) => {
+var Content$1 = () => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const { formatDate } = useIntlFormatter();
 	const { data, selectedYear, selectedYearData, chartData, isLoading, isError } = useMileageTrackingYearlySummary();
 	const { isDesktop, isMobile } = useSizeClass();
 	const inYearLabel = t("mileageTracking:label.in_year", "In {{year}}", { year: formatDate(new Date(selectedYear, 0, 1), DateFormat.Year) });
-	const title = headerOverride !== null && headerOverride !== void 0 ? headerOverride : t("mileageTracking:label.mileage_tracking", "Mileage Tracking");
 	const statsProps = isDesktop ? { direction: "column" } : isMobile ? { direction: "column" } : { direction: "row" };
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Container, {
-		name: "mileage-tracking-summary",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(VStack, {
-			className: "Layer__MileageTrackingSummary__Header",
-			gap: "md",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heading$1, {
-				size: isDesktop ? "md" : "sm",
-				children: title
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConditionalBlock, {
-			data,
-			isLoading,
-			isError,
-			Loading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HStack, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConditionalBlock, {
+		data,
+		isLoading,
+		isError,
+		Loading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HStack, {
+			className: "Layer__MileageTrackingSummary__Content",
+			gap: "lg",
+			justify: "center",
+			align: "center",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Loader, {})
+		}),
+		Error: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataState, {
+			status: DataStateStatus.failed,
+			title: t("mileageTracking:error.load_mileage_summary_data", "Failed to load mileage summary data"),
+			spacing: true
+		}),
+		children: () => {
+			var _selectedYearData$est, _selectedYearData$mil, _selectedYearData$tri;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
 				className: "Layer__MileageTrackingSummary__Content",
+				direction: isDesktop ? "row" : "column",
 				gap: "lg",
-				justify: "center",
-				align: "center",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Loader, {})
-			}),
-			Error: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataState, {
-				status: DataStateStatus.failed,
-				title: t("mileageTracking:error.load_mileage_summary_data", "Failed to load mileage summary data"),
-				spacing: true
-			}),
-			children: () => {
-				var _selectedYearData$est, _selectedYearData$mil, _selectedYearData$tri;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, {
-					className: "Layer__MileageTrackingSummary__Content",
-					direction: isDesktop ? "row" : "column",
-					gap: "lg",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, _objectSpread2(_objectSpread2({}, statsProps), {}, {
-						className: "Layer__MileageTrackingSummary__Cards",
-						gap: "md",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "Layer__MileageTrackingSummary__StatCardSlot",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MileageTrackingStatsCard, {
-									title: t("mileageTracking:label.total_deduction", "Total Deduction"),
-									amount: (_selectedYearData$est = selectedYearData === null || selectedYearData === void 0 ? void 0 : selectedYearData.estimatedDeduction) !== null && _selectedYearData$est !== void 0 ? _selectedYearData$est : 0,
-									formatAsMoney: true,
-									description: inYearLabel
-								})
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "Layer__MileageTrackingSummary__StatCardSlot",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MileageTrackingStatsCard, {
-									title: t("mileageTracking:label.total_miles", "Total Miles"),
-									amount: (_selectedYearData$mil = selectedYearData === null || selectedYearData === void 0 ? void 0 : selectedYearData.miles) !== null && _selectedYearData$mil !== void 0 ? _selectedYearData$mil : 0,
-									description: inYearLabel
-								})
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "Layer__MileageTrackingSummary__StatCardSlot",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MileageTrackingStatsCard, {
-									title: t("trips:label.trips", "Trips"),
-									amount: (_selectedYearData$tri = selectedYearData === null || selectedYearData === void 0 ? void 0 : selectedYearData.trips) !== null && _selectedYearData$tri !== void 0 ? _selectedYearData$tri : 0,
-									description: inYearLabel
-								})
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Stack, _objectSpread2(_objectSpread2({}, statsProps), {}, {
+					className: "Layer__MileageTrackingSummary__Cards",
+					gap: "md",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "Layer__MileageTrackingSummary__StatCardSlot",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MileageTrackingStatsCard, {
+								title: t("mileageTracking:label.total_deduction", "Total Deduction"),
+								amount: (_selectedYearData$est = selectedYearData === null || selectedYearData === void 0 ? void 0 : selectedYearData.estimatedDeduction) !== null && _selectedYearData$est !== void 0 ? _selectedYearData$est : 0,
+								formatAsMoney: true,
+								description: inYearLabel
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "Layer__MileageTrackingSummary__StatCardSlot",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MileageTrackingStatsCard, {
+								title: t("mileageTracking:label.total_miles", "Total Miles"),
+								amount: (_selectedYearData$mil = selectedYearData === null || selectedYearData === void 0 ? void 0 : selectedYearData.miles) !== null && _selectedYearData$mil !== void 0 ? _selectedYearData$mil : 0,
+								description: inYearLabel
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "Layer__MileageTrackingSummary__StatCardSlot",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MileageTrackingStatsCard, {
+								title: t("trips:label.trips", "Trips"),
+								amount: (_selectedYearData$tri = selectedYearData === null || selectedYearData === void 0 ? void 0 : selectedYearData.trips) !== null && _selectedYearData$tri !== void 0 ? _selectedYearData$tri : 0,
+								description: inYearLabel
 							})
-						]
-					})), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VStack, {
-						className: "Layer__MileageTrackingSummary__Chart",
-						fluid: true,
-						justify: "end",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MileageDeductionChart, {
-							data: chartData,
-							selectedYear,
-							chartHeight: isDesktop ? 250 : 200
 						})
-					})]
-				});
-			}
-		})]
+					]
+				})), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VStack, {
+					className: "Layer__MileageTrackingSummary__Chart",
+					fluid: true,
+					justify: "end",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MileageDeductionChart, {
+						data: chartData,
+						selectedYear,
+						chartHeight: isDesktop ? 250 : 200
+					})
+				})]
+			});
+		}
+	});
+};
+var MileageTrackingSummary = ({ stringOverrides, interactionProps } = {}) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryCard, {
+		className: "Layer__MileageTrackingSummary",
+		slots: useSummaryCardSlots({
+			defaultTitle: t("mileageTracking:label.mileage_tracking", "Mileage Tracking"),
+			interactionProps,
+			stringOverrides
+		}),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Content$1, {})
 	});
 };
 //#endregion
@@ -47061,16 +47090,224 @@ var ProfitAndLossSummaryCard = ({ interactionProps, stringOverrides, className }
 		interactionProps,
 		stringOverrides
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryCard, {
-		className: (0, classnames.default)("Layer__ProfitAndLossSummaryCard", className),
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SummaryCard, {
+		className: (0, classnames.default)("Layer__ProfitAndLossSummaryCard", "Layer__UI__Chart--focusReset", className),
 		slots,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
-			gap: "sm",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfitAndLossChart, {
-				tagFilter,
-				hideLegend: true
-			}), !isDesktop && legend]
-		})
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfitAndLossChart, {
+			tagFilter,
+			hideLegend: true
+		}), !isDesktop && legend]
+	});
+};
+//#endregion
+//#region src/types/location.ts
+var US_STATES_CONFIG = [
+	_objectSpread2({ value: "AL" }, translationKey("usStates:label.alabama", "Alabama")),
+	_objectSpread2({ value: "AK" }, translationKey("usStates:label.alaska", "Alaska")),
+	_objectSpread2({ value: "AZ" }, translationKey("usStates:label.arizona", "Arizona")),
+	_objectSpread2({ value: "AR" }, translationKey("usStates:label.arkansas", "Arkansas")),
+	_objectSpread2({ value: "CA" }, translationKey("usStates:label.california", "California")),
+	_objectSpread2({ value: "CO" }, translationKey("usStates:label.colorado", "Colorado")),
+	_objectSpread2({ value: "CT" }, translationKey("usStates:label.connecticut", "Connecticut")),
+	_objectSpread2({ value: "DE" }, translationKey("usStates:label.delaware", "Delaware")),
+	_objectSpread2({ value: "DC" }, translationKey("usStates:label.district_columbia", "District of Columbia")),
+	_objectSpread2({ value: "FL" }, translationKey("usStates:label.florida", "Florida")),
+	_objectSpread2({ value: "GA" }, translationKey("usStates:label.georgia", "Georgia")),
+	_objectSpread2({ value: "HI" }, translationKey("usStates:label.hawaii", "Hawaii")),
+	_objectSpread2({ value: "ID" }, translationKey("usStates:label.idaho", "Idaho")),
+	_objectSpread2({ value: "IL" }, translationKey("usStates:label.illinois", "Illinois")),
+	_objectSpread2({ value: "IN" }, translationKey("usStates:label.indiana", "Indiana")),
+	_objectSpread2({ value: "IA" }, translationKey("usStates:label.iowa", "Iowa")),
+	_objectSpread2({ value: "KS" }, translationKey("usStates:label.kansas", "Kansas")),
+	_objectSpread2({ value: "KY" }, translationKey("usStates:label.kentucky", "Kentucky")),
+	_objectSpread2({ value: "LA" }, translationKey("usStates:label.louisiana", "Louisiana")),
+	_objectSpread2({ value: "ME" }, translationKey("usStates:label.maine", "Maine")),
+	_objectSpread2({ value: "MD" }, translationKey("usStates:label.maryland", "Maryland")),
+	_objectSpread2({ value: "MA" }, translationKey("usStates:label.massachusetts", "Massachusetts")),
+	_objectSpread2({ value: "MI" }, translationKey("usStates:label.michigan", "Michigan")),
+	_objectSpread2({ value: "MN" }, translationKey("usStates:label.minnesota", "Minnesota")),
+	_objectSpread2({ value: "MS" }, translationKey("usStates:label.mississippi", "Mississippi")),
+	_objectSpread2({ value: "MO" }, translationKey("usStates:label.missouri", "Missouri")),
+	_objectSpread2({ value: "MT" }, translationKey("usStates:label.montana", "Montana")),
+	_objectSpread2({ value: "NE" }, translationKey("usStates:label.nebraska", "Nebraska")),
+	_objectSpread2({ value: "NV" }, translationKey("usStates:label.nevada", "Nevada")),
+	_objectSpread2({ value: "NH" }, translationKey("usStates:label.new_hampshire", "New Hampshire")),
+	_objectSpread2({ value: "NJ" }, translationKey("usStates:label.new_jersey", "New Jersey")),
+	_objectSpread2({ value: "NM" }, translationKey("usStates:label.new_mexico", "New Mexico")),
+	_objectSpread2({ value: "NY" }, translationKey("usStates:label.new_york", "New York")),
+	_objectSpread2({ value: "NC" }, translationKey("usStates:label.north_carolina", "North Carolina")),
+	_objectSpread2({ value: "ND" }, translationKey("usStates:label.north_dakota", "North Dakota")),
+	_objectSpread2({ value: "OH" }, translationKey("usStates:label.ohio", "Ohio")),
+	_objectSpread2({ value: "OK" }, translationKey("usStates:label.oklahoma", "Oklahoma")),
+	_objectSpread2({ value: "OR" }, translationKey("usStates:label.oregon", "Oregon")),
+	_objectSpread2({ value: "PA" }, translationKey("usStates:label.pennsylvania", "Pennsylvania")),
+	_objectSpread2({ value: "RI" }, translationKey("usStates:label.rhode_island", "Rhode Island")),
+	_objectSpread2({ value: "SC" }, translationKey("usStates:label.south_carolina", "South Carolina")),
+	_objectSpread2({ value: "SD" }, translationKey("usStates:label.south_dakota", "South Dakota")),
+	_objectSpread2({ value: "TN" }, translationKey("usStates:label.tennessee", "Tennessee")),
+	_objectSpread2({ value: "TX" }, translationKey("usStates:label.texas", "Texas")),
+	_objectSpread2({ value: "UT" }, translationKey("usStates:label.utah", "Utah")),
+	_objectSpread2({ value: "VT" }, translationKey("usStates:label.vermont", "Vermont")),
+	_objectSpread2({ value: "VA" }, translationKey("usStates:label.virginia", "Virginia")),
+	_objectSpread2({ value: "WA" }, translationKey("usStates:label.washington", "Washington")),
+	_objectSpread2({ value: "WV" }, translationKey("usStates:label.west_virginia", "West Virginia")),
+	_objectSpread2({ value: "WI" }, translationKey("usStates:label.wisconsin", "Wisconsin")),
+	_objectSpread2({ value: "WY" }, translationKey("usStates:label.wyoming", "Wyoming")),
+	_objectSpread2({ value: "PR" }, translationKey("usStates:label.puerto_rico", "Puerto Rico"))
+];
+var US_STATE_VALUES = US_STATES_CONFIG.map((s) => s.value);
+//#endregion
+//#region src/schemas/taxEstimates/filingStatus.ts
+var FilingStatus = /* @__PURE__ */ function(FilingStatus) {
+	FilingStatus["SINGLE"] = "SINGLE";
+	FilingStatus["MARRIED"] = "MARRIED";
+	FilingStatus["MARRIED_SEPARATELY"] = "MARRIED_SEPARATELY";
+	FilingStatus["HEAD"] = "HEAD";
+	FilingStatus["WIDOWER"] = "WIDOWER";
+	return FilingStatus;
+}({});
+var FilingStatusSchema = effect.Schema.Enums(FilingStatus);
+//#endregion
+//#region src/schemas/taxEstimates/profile.ts
+var USStateCodeSchema = effect.Schema.Literal(...US_STATE_VALUES);
+var WithholdingSchema = effect.Schema.Struct({
+	useCustomWithholding: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.Boolean)), effect.Schema.fromKey("use_custom_withholding")),
+	amount: effect.Schema.NullishOr(effect.Schema.Number)
+});
+var HomeOfficeDeductionSchema = effect.Schema.Struct({
+	useHomeOfficeDeduction: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.Boolean)), effect.Schema.fromKey("use_home_office_deduction")),
+	homeOfficeArea: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.Number)), effect.Schema.fromKey("home_office_area"))
+});
+var VehicleDeductionSchema = effect.Schema.Struct({ useMileageDeduction: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.Boolean)), effect.Schema.fromKey("use_mileage_deduction")) });
+var DeductionsSchema = effect.Schema.Struct({
+	homeOffice: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(HomeOfficeDeductionSchema)), effect.Schema.fromKey("home_office")),
+	vehicle: effect.Schema.NullishOr(VehicleDeductionSchema)
+});
+var FederalConfigurationSchema = effect.Schema.Struct({
+	filingStatus: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(FilingStatusSchema)), effect.Schema.fromKey("filing_status")),
+	annualW2Income: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.Number)), effect.Schema.fromKey("annual_w2_income")),
+	tipIncome: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.Number)), effect.Schema.fromKey("tip_income")),
+	overtimeIncome: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.Number)), effect.Schema.fromKey("overtime_income")),
+	withholding: effect.Schema.NullishOr(WithholdingSchema)
+});
+var StateConfigurationSchema = effect.Schema.Struct({
+	taxState: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(USStateCodeSchema)), effect.Schema.fromKey("tax_state")),
+	filingStatus: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(FilingStatusSchema)), effect.Schema.fromKey("filing_status")),
+	withholding: effect.Schema.NullishOr(WithholdingSchema)
+});
+var UsConfigurationSchema = effect.Schema.Struct({
+	federal: effect.Schema.NullishOr(FederalConfigurationSchema),
+	state: effect.Schema.NullishOr(StateConfigurationSchema),
+	deductions: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(DeductionsSchema)), effect.Schema.fromKey("deductions"))
+});
+var TaxProfileSchema = effect.Schema.Struct({
+	taxCountryCode: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.String)), effect.Schema.fromKey("tax_country_code")),
+	usConfiguration: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(UsConfigurationSchema)), effect.Schema.fromKey("us_configuration")),
+	userHasSavedTaxProfile: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Boolean), effect.Schema.fromKey("user_has_saved_tax_profile"))
+});
+var TaxProfileResponseSchema = effect.Schema.Struct({ data: TaxProfileSchema });
+var TaxProfileRequestSchema = effect.Schema.Struct({
+	taxCountryCode: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.String)), effect.Schema.fromKey("tax_country_code")),
+	usConfiguration: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(UsConfigurationSchema)), effect.Schema.fromKey("us_configuration"))
+});
+//#endregion
+//#region src/hooks/api/businesses/[business-id]/tax-estimates/profile/useTaxProfile.ts
+var TAX_PROFILE_TAG_KEY = "#tax-profile";
+var getTaxProfile = get$1(({ businessId }) => {
+	return `/v1/businesses/${businessId}/tax-estimates/profile`;
+});
+function buildKey$17({ access_token: accessToken, apiUrl, businessId }) {
+	if (accessToken && apiUrl) return {
+		accessToken,
+		apiUrl,
+		businessId,
+		tags: [TAX_PROFILE_TAG_KEY]
+	};
+}
+function useTaxProfile() {
+	const withLocale = useLocalizedKey();
+	const { data: auth } = useAuth();
+	const { businessId } = useLayerContext();
+	return new SWRQueryResult((0, swr.default)(() => withLocale(buildKey$17(_objectSpread2(_objectSpread2({}, auth), {}, { businessId }))), function() {
+		var _ref = _asyncToGenerator(function* ({ accessToken, apiUrl, businessId }) {
+			return getTaxProfile(apiUrl, accessToken, { params: { businessId } })().then(effect.Schema.decodeUnknownPromise(TaxProfileResponseSchema)).then(({ data }) => data);
+		});
+		return function(_x) {
+			return _ref.apply(this, arguments);
+		};
+	}()));
+}
+function useTaxProfileGlobalCacheActions() {
+	const { patchCache } = useGlobalCacheActions();
+	return { patchTaxProfile: (0, react.useCallback)((updatedProfile) => patchCache(({ tags }) => tags.includes(TAX_PROFILE_TAG_KEY), () => updatedProfile), [patchCache]) };
+}
+//#endregion
+//#region src/components/SolopreneurOnboardingBanner/SolopreneurOnboardingBanner.tsx
+var OnboardingBannerState = /* @__PURE__ */ function(OnboardingBannerState) {
+	OnboardingBannerState["Loading"] = "Loading";
+	OnboardingBannerState["NoBankAccountsLinked"] = "NoBankAccountsLinked";
+	OnboardingBannerState["NoTaxProfile"] = "NoTaxProfile";
+	OnboardingBannerState["Onboarded"] = "Onboarded";
+	return OnboardingBannerState;
+}(OnboardingBannerState || {});
+var getOnboardingBannerState = ({ isLoading, hasLinkedAccounts, hasSavedTaxProfile }) => {
+	if (isLoading) return OnboardingBannerState.Loading;
+	if (!hasLinkedAccounts) return OnboardingBannerState.NoBankAccountsLinked;
+	if (!hasSavedTaxProfile) return OnboardingBannerState.NoTaxProfile;
+	return OnboardingBannerState.Onboarded;
+};
+var NoBankAccountsLinkedBanner = () => {
+	const { addConnection } = (0, react.useContext)(LinkedAccountsContext);
+	const { isMobile } = useSizeClass();
+	const handleLinkBankAccounts = (0, react.useCallback)(() => {
+		addConnection("PLAID");
+	}, [addConnection]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Banner, {
+		title: "Link your bank accounts",
+		description: "Linking your bank accounts allows us to load your bank transactions and automatically categorize them.",
+		slots: {
+			Icon: isMobile ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Info, { size: 16 }),
+			Button: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
+				onPress: handleLinkBankAccounts,
+				variant: "outlined-light",
+				children: "Link your bank accounts"
+			})
+		}
+	});
+};
+var NoTaxProfileBanner = ({ onSetupTaxProfile }) => {
+	const { isMobile } = useSizeClass();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Banner, {
+		title: "Set up your tax profile",
+		description: "Configuring your tax profile allows us to provide you with tax estimates and avoid any surprises come tax time.",
+		slots: {
+			Icon: isMobile ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Info, { size: 16 }),
+			Button: onSetupTaxProfile ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
+				onPress: onSetupTaxProfile,
+				variant: "outlined-light",
+				children: "Setup your tax profile"
+			}) : null
+		}
+	});
+};
+function SolopreneurOnboardingBannerInternal({ onSetupTaxProfile }) {
+	const state = useSolopreneurOnboardingBannerState();
+	if (state === OnboardingBannerState.Loading || state === OnboardingBannerState.Onboarded) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
+		className: "Layer__SolopreneurLayout__OnboardingBanner",
+		children: [state === OnboardingBannerState.NoBankAccountsLinked && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NoBankAccountsLinkedBanner, {}), state === OnboardingBannerState.NoTaxProfile && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NoTaxProfileBanner, { onSetupTaxProfile })]
+	});
+}
+function SolopreneurOnboardingBanner({ onSetupTaxProfile }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkedAccountsProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SolopreneurOnboardingBannerInternal, { onSetupTaxProfile }) });
+}
+var useSolopreneurOnboardingBannerState = () => {
+	const { data: linkedAccounts, isLoading: isLinkedAccountsLoading, loadingStatus: linkedAccountsLoadingStatus } = (0, react.useContext)(LinkedAccountsContext);
+	const { data: taxProfile, isLoading: isTaxProfileLoading } = useTaxProfile();
+	return getOnboardingBannerState({
+		isLoading: isLinkedAccountsLoading || isTaxProfileLoading || linkedAccountsLoadingStatus === "loading" || linkedAccountsLoadingStatus === "initial",
+		hasLinkedAccounts: Array.isArray(linkedAccounts) && linkedAccounts.length > 0,
+		hasSavedTaxProfile: (taxProfile === null || taxProfile === void 0 ? void 0 : taxProfile.userHasSavedTaxProfile) === true
 	});
 };
 //#endregion
@@ -47203,11 +47440,18 @@ var CHART_MARGIN$1 = {
 };
 var CHART_BORDER_RADIUS$1 = 8;
 var Y_AXIS_CATEGORY_KEY = "__layer_hbar_category";
+var SMALL_SEGMENT_THRESHOLD = .25;
+function determineLabelMode(requestedLabelMode, positiveItems, legendDenominator) {
+	if (legendDenominator <= 0) return LegendLayout.Table;
+	if (positiveItems.some((item) => item.value / legendDenominator < SMALL_SEGMENT_THRESHOLD)) return LegendLayout.Table;
+	return requestedLabelMode;
+}
 var HorizontalBarChart = ({ data, stylingProps, formatValue, showLegend = true, labelMode = LegendLayout.Table, slots }) => {
 	const { data: items, total } = data;
 	const positiveItems = (0, react.useMemo)(() => items.filter((item) => item.value > 0), [items]);
 	const positiveTotal = positiveItems.reduce((sum, item) => sum + item.value, 0);
 	const legendDenominator = positiveTotal > 0 ? positiveTotal : total;
+	const effectiveLabelMode = determineLabelMode(labelMode, positiveItems, legendDenominator);
 	const chartData = (0, react.useMemo)(() => {
 		return [positiveItems.reduce((acc, item) => {
 			acc[item.name] = item.value;
@@ -47220,7 +47464,7 @@ var HorizontalBarChart = ({ data, stylingProps, formatValue, showLegend = true,
 		total: legendDenominator,
 		colorSelector: stylingProps.colorSelector,
 		formatValue,
-		layout: labelMode
+		layout: effectiveLabelMode
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
 		className: "Layer__HorizontalBarChart Layer__UI__Chart--focusReset",
@@ -47315,7 +47559,7 @@ var getTaxSummary = get$1(({ businessId, year, reportingBasis, fullYearProjectio
 		full_year_projection: fullYearProjection
 	})}`;
 });
-function buildKey$17({ access_token: accessToken, apiUrl, businessId, year, reportingBasis, fullYearProjection, enabled = true }) {
+function buildKey$16({ access_token: accessToken, apiUrl, businessId, year, reportingBasis, fullYearProjection, enabled = true }) {
 	if (!enabled) return;
 	if (accessToken && apiUrl) return {
 		accessToken,
@@ -47331,7 +47575,7 @@ function useTaxSummary({ year, reportingBasis, fullYearProjection, enabled = tru
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult((0, swr.default)(() => withLocale(buildKey$17(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new SWRQueryResult((0, swr.default)(() => withLocale(buildKey$16(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		year,
 		reportingBasis,
@@ -47543,10 +47787,10 @@ function allTaxSectionsAreEmpty(summary) {
 function TaxEstimatesSummaryCardEmpty() {
 	const { t } = (0, react_i18next.useTranslation)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataState, {
+		className: "Layer__TaxEstimatesSummaryCard--empty",
 		status: DataStateStatus.info,
 		title: t("taxEstimates:empty.no_tax_estimates_summary", "Get started with your tax estimates"),
-		description: t("taxEstimates:empty.no_tax_estimates_summary_description", "Start by importing and categorizing your bank transactions"),
-		spacing: true
+		description: t("taxEstimates:empty.no_tax_estimates_summary_description", "Start by importing and categorizing your bank transactions")
 	});
 }
 var TaxEstimatesSummaryCardMode = /* @__PURE__ */ function(TaxEstimatesSummaryCardMode) {
@@ -47611,11 +47855,9 @@ var PieChartContent = ({ data, commonProps, layout }) => {
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailedChart, _objectSpread2({ data }, commonProps)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailedTableWithData, _objectSpread2(_objectSpread2({ data }, commonProps), NO_SORT_PROPS))]
 	});
 };
-var TaxEstimatesSummaryCard = ({ mode = TaxEstimatesSummaryCardMode.PieChart, title: titleOverride, withHeaderSeparator = false } = {}) => {
+var TaxEstimatesSummaryCard = ({ mode = TaxEstimatesSummaryCardMode.PieChart, interactionProps, stringOverrides } = {}) => {
 	const { detailData, layout, title: defaultTitle, isLoading, isError } = useTaxEstimatesSummaryCard();
-	const { isDesktop } = useSizeClass();
 	const isSummaryCardLayout = layout === "summaryCard";
-	const title = titleOverride !== null && titleOverride !== void 0 ? titleOverride : defaultTitle;
 	const commonProps = (0, react.useMemo)(() => {
 		var _detailData$data;
 		const colorByKey = detailData === null || detailData === void 0 || (_detailData$data = detailData.data) === null || _detailData$data === void 0 ? void 0 : _detailData$data.reduce((acc, item) => {
@@ -47633,82 +47875,69 @@ var TaxEstimatesSummaryCard = ({ mode = TaxEstimatesSummaryCardMode.PieChart, ti
 			} }
 		};
 	}, [detailData === null || detailData === void 0 ? void 0 : detailData.data]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VStack, {
-		className: "Layer__TaxEstimatesSummaryCard__Container",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Card, {
-			className: (0, classnames.default)("Layer__TaxEstimatesSummaryCard", isSummaryCardLayout && "Layer__TaxEstimatesSummaryCard--summaryCard"),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
-				gap: "md",
-				className: "Layer__TaxEstimatesSummaryCard__Body",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HStack, {
-					className: (0, classnames.default)("Layer__TaxEstimatesSummaryCard__Header", (isSummaryCardLayout || withHeaderSeparator) && "Layer__SummaryCard__ContainerHeader"),
-					justify: "space-between",
-					align: isSummaryCardLayout ? "center" : "start",
-					gap: "md",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heading$1, {
-						size: !isDesktop ? "sm" : "md",
-						children: title
-					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConditionalBlock, {
-					data: detailData,
-					isLoading,
-					isError,
-					Loading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoadingState$1, { mode }),
-					Error: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorState$2, {}),
-					children: ({ data }) => allTaxSectionsAreEmpty(data) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxEstimatesSummaryCardEmpty, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Content, {
-						data,
-						mode,
-						commonProps,
-						layout
-					})
-				})]
+	const slots = useSummaryCardSlots({
+		defaultTitle,
+		interactionProps,
+		stringOverrides
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryCard, {
+		className: (0, classnames.default)("Layer__TaxEstimatesSummaryCard", isSummaryCardLayout && "Layer__TaxEstimatesSummaryCard--summaryCard"),
+		slots,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConditionalBlock, {
+			data: detailData,
+			isLoading,
+			isError,
+			Loading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoadingState$1, { mode }),
+			Error: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorState$2, {}),
+			children: ({ data }) => allTaxSectionsAreEmpty(data) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxEstimatesSummaryCardEmpty, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Content, {
+				data,
+				mode,
+				commonProps,
+				layout
 			})
 		})
 	});
 };
 //#endregion
 //#region src/views/SolopreneurOverview/SolopreneurOverview.tsx
-var SolopreneurOverview = ({ showTitle = true, enableOnboarding = false, onboardingStepOverride = void 0, onTransactionsToReviewClick, middleBanner, chartColorsList, stringOverrides, tagFilter = void 0, slotProps }) => {
-	var _slotProps$profitAndL, _stringOverrides$card, _stringOverrides$card2, _stringOverrides$card3, _stringOverrides$card4;
+var SolopreneurOverview = ({ interactionProps, chartColorsList, stringOverrides }) => {
+	var _interactionProps$ban, _interactionProps$pro, _stringOverrides$summ, _interactionProps$sum, _stringOverrides$summ2, _interactionProps$sum2, _stringOverrides$summ3, _interactionProps$sum3, _interactionProps$sum4, _stringOverrides$summ4;
 	const { t } = (0, react_i18next.useTranslation)();
 	const { value: sizeClass } = useSizeClass();
-	const profitAndLossSummariesVariants = slotProps === null || slotProps === void 0 || (_slotProps$profitAndL = slotProps.profitAndLoss) === null || _slotProps$profitAndL === void 0 || (_slotProps$profitAndL = _slotProps$profitAndL.summaries) === null || _slotProps$profitAndL === void 0 ? void 0 : _slotProps$profitAndL.variants;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfitAndLoss, {
 		asContainer: false,
-		tagFilter: tagFilter ? {
-			key: tagFilter.tagKey,
-			values: tagFilter.tagValues
-		} : void 0,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(View, {
 			title: (stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.title) || t("common:label.overview", "Overview"),
-			showHeader: showTitle,
+			showHeader: true,
 			header: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Header$1, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeaderRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeaderCol, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GlobalMonthPicker, { truncateMonth: sizeClass === "mobile" }) }) }) }),
 			children: [
-				enableOnboarding && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Onboarding, {
-					onTransactionsToReviewClick,
-					onboardingStepOverride
-				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SolopreneurOnboardingBanner, { onSetupTaxProfile: interactionProps === null || interactionProps === void 0 || (_interactionProps$ban = interactionProps.banner) === null || _interactionProps$ban === void 0 ? void 0 : _interactionProps$ban.onSetupTaxProfile }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfitAndLossSummaries, {
 					stringOverrides: stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.profitAndLossSummaries,
 					chartColorsList,
-					onTransactionsToReviewClick,
-					variants: profitAndLossSummariesVariants
+					onTransactionsToReviewClick: interactionProps === null || interactionProps === void 0 || (_interactionProps$pro = interactionProps.profitAndLossSummaries) === null || _interactionProps$pro === void 0 ? void 0 : _interactionProps$pro.onTransactionsToReviewClick
 				}),
-				middleBanner,
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "Layer__SolopreneurOverview__Grid",
 					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfitAndLossSummaryCard, { stringOverrides: { title: stringOverrides === null || stringOverrides === void 0 || (_stringOverrides$card = stringOverrides.cards) === null || _stringOverrides$card === void 0 || (_stringOverrides$card = _stringOverrides$card.profitAndLoss) === null || _stringOverrides$card === void 0 ? void 0 : _stringOverrides$card.header } }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfitAndLossSummaryCard, {
+							stringOverrides: stringOverrides === null || stringOverrides === void 0 || (_stringOverrides$summ = stringOverrides.summaryCards) === null || _stringOverrides$summ === void 0 ? void 0 : _stringOverrides$summ.profitAndLoss,
+							interactionProps: interactionProps === null || interactionProps === void 0 || (_interactionProps$sum = interactionProps.summaryCards) === null || _interactionProps$sum === void 0 ? void 0 : _interactionProps$sum.profitAndLoss
+						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpensesSummaryCard, {
 							stylingProps: { chartColorsList },
-							stringOverrides: { title: stringOverrides === null || stringOverrides === void 0 || (_stringOverrides$card2 = stringOverrides.cards) === null || _stringOverrides$card2 === void 0 || (_stringOverrides$card2 = _stringOverrides$card2.expenses) === null || _stringOverrides$card2 === void 0 ? void 0 : _stringOverrides$card2.header }
+							stringOverrides: stringOverrides === null || stringOverrides === void 0 || (_stringOverrides$summ2 = stringOverrides.summaryCards) === null || _stringOverrides$summ2 === void 0 ? void 0 : _stringOverrides$summ2.expenses,
+							interactionProps: interactionProps === null || interactionProps === void 0 || (_interactionProps$sum2 = interactionProps.summaryCards) === null || _interactionProps$sum2 === void 0 ? void 0 : _interactionProps$sum2.expenses
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxEstimatesSummaryCard, {
 							mode: TaxEstimatesSummaryCardMode.HorizontalBarChart,
-							withHeaderSeparator: true,
-							title: stringOverrides === null || stringOverrides === void 0 || (_stringOverrides$card3 = stringOverrides.cards) === null || _stringOverrides$card3 === void 0 || (_stringOverrides$card3 = _stringOverrides$card3.taxEstimates) === null || _stringOverrides$card3 === void 0 ? void 0 : _stringOverrides$card3.header
+							stringOverrides: stringOverrides === null || stringOverrides === void 0 || (_stringOverrides$summ3 = stringOverrides.summaryCards) === null || _stringOverrides$summ3 === void 0 ? void 0 : _stringOverrides$summ3.taxEstimates,
+							interactionProps: interactionProps === null || interactionProps === void 0 || (_interactionProps$sum3 = interactionProps.summaryCards) === null || _interactionProps$sum3 === void 0 ? void 0 : _interactionProps$sum3.taxEstimates
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MileageTrackingSummary, _objectSpread2({}, stringOverrides === null || stringOverrides === void 0 || (_stringOverrides$card4 = stringOverrides.cards) === null || _stringOverrides$card4 === void 0 ? void 0 : _stringOverrides$card4.mileageTracking))
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MileageTrackingSummary, {
+							interactionProps: interactionProps === null || interactionProps === void 0 || (_interactionProps$sum4 = interactionProps.summaryCards) === null || _interactionProps$sum4 === void 0 ? void 0 : _interactionProps$sum4.mileageTracking,
+							stringOverrides: stringOverrides === null || stringOverrides === void 0 || (_stringOverrides$summ4 = stringOverrides.summaryCards) === null || _stringOverrides$summ4 === void 0 ? void 0 : _stringOverrides$summ4.mileageTracking
+						})
 					]
 				})
 			]
@@ -47716,148 +47945,6 @@ var SolopreneurOverview = ({ showTitle = true, enableOnboarding = false, onboard
 	});
 };
 //#endregion
-//#region src/types/location.ts
-var US_STATES_CONFIG = [
-	_objectSpread2({ value: "AL" }, translationKey("usStates:label.alabama", "Alabama")),
-	_objectSpread2({ value: "AK" }, translationKey("usStates:label.alaska", "Alaska")),
-	_objectSpread2({ value: "AZ" }, translationKey("usStates:label.arizona", "Arizona")),
-	_objectSpread2({ value: "AR" }, translationKey("usStates:label.arkansas", "Arkansas")),
-	_objectSpread2({ value: "CA" }, translationKey("usStates:label.california", "California")),
-	_objectSpread2({ value: "CO" }, translationKey("usStates:label.colorado", "Colorado")),
-	_objectSpread2({ value: "CT" }, translationKey("usStates:label.connecticut", "Connecticut")),
-	_objectSpread2({ value: "DE" }, translationKey("usStates:label.delaware", "Delaware")),
-	_objectSpread2({ value: "DC" }, translationKey("usStates:label.district_columbia", "District of Columbia")),
-	_objectSpread2({ value: "FL" }, translationKey("usStates:label.florida", "Florida")),
-	_objectSpread2({ value: "GA" }, translationKey("usStates:label.georgia", "Georgia")),
-	_objectSpread2({ value: "HI" }, translationKey("usStates:label.hawaii", "Hawaii")),
-	_objectSpread2({ value: "ID" }, translationKey("usStates:label.idaho", "Idaho")),
-	_objectSpread2({ value: "IL" }, translationKey("usStates:label.illinois", "Illinois")),
-	_objectSpread2({ value: "IN" }, translationKey("usStates:label.indiana", "Indiana")),
-	_objectSpread2({ value: "IA" }, translationKey("usStates:label.iowa", "Iowa")),
-	_objectSpread2({ value: "KS" }, translationKey("usStates:label.kansas", "Kansas")),
-	_objectSpread2({ value: "KY" }, translationKey("usStates:label.kentucky", "Kentucky")),
-	_objectSpread2({ value: "LA" }, translationKey("usStates:label.louisiana", "Louisiana")),
-	_objectSpread2({ value: "ME" }, translationKey("usStates:label.maine", "Maine")),
-	_objectSpread2({ value: "MD" }, translationKey("usStates:label.maryland", "Maryland")),
-	_objectSpread2({ value: "MA" }, translationKey("usStates:label.massachusetts", "Massachusetts")),
-	_objectSpread2({ value: "MI" }, translationKey("usStates:label.michigan", "Michigan")),
-	_objectSpread2({ value: "MN" }, translationKey("usStates:label.minnesota", "Minnesota")),
-	_objectSpread2({ value: "MS" }, translationKey("usStates:label.mississippi", "Mississippi")),
-	_objectSpread2({ value: "MO" }, translationKey("usStates:label.missouri", "Missouri")),
-	_objectSpread2({ value: "MT" }, translationKey("usStates:label.montana", "Montana")),
-	_objectSpread2({ value: "NE" }, translationKey("usStates:label.nebraska", "Nebraska")),
-	_objectSpread2({ value: "NV" }, translationKey("usStates:label.nevada", "Nevada")),
-	_objectSpread2({ value: "NH" }, translationKey("usStates:label.new_hampshire", "New Hampshire")),
-	_objectSpread2({ value: "NJ" }, translationKey("usStates:label.new_jersey", "New Jersey")),
-	_objectSpread2({ value: "NM" }, translationKey("usStates:label.new_mexico", "New Mexico")),
-	_objectSpread2({ value: "NY" }, translationKey("usStates:label.new_york", "New York")),
-	_objectSpread2({ value: "NC" }, translationKey("usStates:label.north_carolina", "North Carolina")),
-	_objectSpread2({ value: "ND" }, translationKey("usStates:label.north_dakota", "North Dakota")),
-	_objectSpread2({ value: "OH" }, translationKey("usStates:label.ohio", "Ohio")),
-	_objectSpread2({ value: "OK" }, translationKey("usStates:label.oklahoma", "Oklahoma")),
-	_objectSpread2({ value: "OR" }, translationKey("usStates:label.oregon", "Oregon")),
-	_objectSpread2({ value: "PA" }, translationKey("usStates:label.pennsylvania", "Pennsylvania")),
-	_objectSpread2({ value: "RI" }, translationKey("usStates:label.rhode_island", "Rhode Island")),
-	_objectSpread2({ value: "SC" }, translationKey("usStates:label.south_carolina", "South Carolina")),
-	_objectSpread2({ value: "SD" }, translationKey("usStates:label.south_dakota", "South Dakota")),
-	_objectSpread2({ value: "TN" }, translationKey("usStates:label.tennessee", "Tennessee")),
-	_objectSpread2({ value: "TX" }, translationKey("usStates:label.texas", "Texas")),
-	_objectSpread2({ value: "UT" }, translationKey("usStates:label.utah", "Utah")),
-	_objectSpread2({ value: "VT" }, translationKey("usStates:label.vermont", "Vermont")),
-	_objectSpread2({ value: "VA" }, translationKey("usStates:label.virginia", "Virginia")),
-	_objectSpread2({ value: "WA" }, translationKey("usStates:label.washington", "Washington")),
-	_objectSpread2({ value: "WV" }, translationKey("usStates:label.west_virginia", "West Virginia")),
-	_objectSpread2({ value: "WI" }, translationKey("usStates:label.wisconsin", "Wisconsin")),
-	_objectSpread2({ value: "WY" }, translationKey("usStates:label.wyoming", "Wyoming")),
-	_objectSpread2({ value: "PR" }, translationKey("usStates:label.puerto_rico", "Puerto Rico"))
-];
-var US_STATE_VALUES = US_STATES_CONFIG.map((s) => s.value);
-//#endregion
-//#region src/schemas/taxEstimates/filingStatus.ts
-var FilingStatus = /* @__PURE__ */ function(FilingStatus) {
-	FilingStatus["SINGLE"] = "SINGLE";
-	FilingStatus["MARRIED"] = "MARRIED";
-	FilingStatus["MARRIED_SEPARATELY"] = "MARRIED_SEPARATELY";
-	FilingStatus["HEAD"] = "HEAD";
-	FilingStatus["WIDOWER"] = "WIDOWER";
-	return FilingStatus;
-}({});
-var FilingStatusSchema = effect.Schema.Enums(FilingStatus);
-//#endregion
-//#region src/schemas/taxEstimates/profile.ts
-var USStateCodeSchema = effect.Schema.Literal(...US_STATE_VALUES);
-var WithholdingSchema = effect.Schema.Struct({
-	useCustomWithholding: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.Boolean)), effect.Schema.fromKey("use_custom_withholding")),
-	amount: effect.Schema.NullishOr(effect.Schema.Number)
-});
-var HomeOfficeDeductionSchema = effect.Schema.Struct({
-	useHomeOfficeDeduction: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.Boolean)), effect.Schema.fromKey("use_home_office_deduction")),
-	homeOfficeArea: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.Number)), effect.Schema.fromKey("home_office_area"))
-});
-var VehicleDeductionSchema = effect.Schema.Struct({ useMileageDeduction: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.Boolean)), effect.Schema.fromKey("use_mileage_deduction")) });
-var DeductionsSchema = effect.Schema.Struct({
-	homeOffice: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(HomeOfficeDeductionSchema)), effect.Schema.fromKey("home_office")),
-	vehicle: effect.Schema.NullishOr(VehicleDeductionSchema)
-});
-var FederalConfigurationSchema = effect.Schema.Struct({
-	filingStatus: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(FilingStatusSchema)), effect.Schema.fromKey("filing_status")),
-	annualW2Income: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.Number)), effect.Schema.fromKey("annual_w2_income")),
-	tipIncome: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.Number)), effect.Schema.fromKey("tip_income")),
-	overtimeIncome: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.Number)), effect.Schema.fromKey("overtime_income")),
-	withholding: effect.Schema.NullishOr(WithholdingSchema)
-});
-var StateConfigurationSchema = effect.Schema.Struct({
-	taxState: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(USStateCodeSchema)), effect.Schema.fromKey("tax_state")),
-	filingStatus: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(FilingStatusSchema)), effect.Schema.fromKey("filing_status")),
-	withholding: effect.Schema.NullishOr(WithholdingSchema)
-});
-var UsConfigurationSchema = effect.Schema.Struct({
-	federal: effect.Schema.NullishOr(FederalConfigurationSchema),
-	state: effect.Schema.NullishOr(StateConfigurationSchema),
-	deductions: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(DeductionsSchema)), effect.Schema.fromKey("deductions"))
-});
-var TaxProfileSchema = effect.Schema.Struct({
-	taxCountryCode: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.String)), effect.Schema.fromKey("tax_country_code")),
-	usConfiguration: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(UsConfigurationSchema)), effect.Schema.fromKey("us_configuration")),
-	userHasSavedTaxProfile: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Boolean), effect.Schema.fromKey("user_has_saved_tax_profile"))
-});
-var TaxProfileResponseSchema = effect.Schema.Struct({ data: TaxProfileSchema });
-var TaxProfileRequestSchema = effect.Schema.Struct({
-	taxCountryCode: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.String)), effect.Schema.fromKey("tax_country_code")),
-	usConfiguration: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(UsConfigurationSchema)), effect.Schema.fromKey("us_configuration"))
-});
-//#endregion
-//#region src/hooks/api/businesses/[business-id]/tax-estimates/profile/useTaxProfile.ts
-var TAX_PROFILE_TAG_KEY = "#tax-profile";
-var getTaxProfile = get$1(({ businessId }) => {
-	return `/v1/businesses/${businessId}/tax-estimates/profile`;
-});
-function buildKey$16({ access_token: accessToken, apiUrl, businessId }) {
-	if (accessToken && apiUrl) return {
-		accessToken,
-		apiUrl,
-		businessId,
-		tags: [TAX_PROFILE_TAG_KEY]
-	};
-}
-function useTaxProfile() {
-	const withLocale = useLocalizedKey();
-	const { data: auth } = useAuth();
-	const { businessId } = useLayerContext();
-	return new SWRQueryResult((0, swr.default)(() => withLocale(buildKey$16(_objectSpread2(_objectSpread2({}, auth), {}, { businessId }))), function() {
-		var _ref = _asyncToGenerator(function* ({ accessToken, apiUrl, businessId }) {
-			return getTaxProfile(apiUrl, accessToken, { params: { businessId } })().then(effect.Schema.decodeUnknownPromise(TaxProfileResponseSchema)).then(({ data }) => data);
-		});
-		return function(_x) {
-			return _ref.apply(this, arguments);
-		};
-	}()));
-}
-function useTaxProfileGlobalCacheActions() {
-	const { patchCache } = useGlobalCacheActions();
-	return { patchTaxProfile: (0, react.useCallback)((updatedProfile) => patchCache(({ tags }) => tags.includes(TAX_PROFILE_TAG_KEY), () => updatedProfile), [patchCache]) };
-}
-//#endregion
 //#region src/hooks/features/taxEstimates/useTaxEstimatesOnboardingStatus.ts
 var OnboardingStatus = /* @__PURE__ */ function(OnboardingStatus) {
 	OnboardingStatus["Loading"] = "Loading";