@layerfi/components 0.1.128 → 0.1.129-alpha.1

package/dist/cjs/index.cjs

@@ -29,7 +29,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	enumerable: true
 }) : target, mod));
 let react = require("react");
-react = __toESM(react);
 let zustand = require("zustand");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react_plaid_link = require("react-plaid-link");
@@ -223,7 +222,7 @@ const getIntlLocale = (locale) => {
 	return isSupportedLocale(locale) ? locale : DEFAULT_LOCALE;
 };
 const name = "@layerfi/components";
-const version$1 = "0.1.128";
+const version$1 = "0.1.129-alpha.1";
 const description = "Layer React Components";
 const main = "dist/cjs/index.cjs";
 const module$1 = "dist/esm/index.mjs";
@@ -394,13 +393,15 @@ var getCustomHeaders = () => ({
 	"Layer-Locale": _locale,
 	"Layer-React-Version": package_default.version
 });
-const get = (url) => (baseUrl, accessToken, options) => () => fetch(`${baseUrl}${url((options === null || options === void 0 ? void 0 : options.params) || {})}`, {
-	headers: _objectSpread2({
-		"Authorization": "Bearer " + (accessToken || ""),
-		"Content-Type": "application/json"
-	}, getCustomHeaders()),
-	method: "GET"
-}).then((res) => handleResponse(res)).catch((error$38) => handleException(error$38));
+const get = (url) => (baseUrl, accessToken, options) => () => {
+	return fetch(`${baseUrl}${url((options === null || options === void 0 ? void 0 : options.params) || {})}`, {
+		headers: _objectSpread2({
+			"Authorization": "Bearer " + (accessToken || ""),
+			"Content-Type": "application/json"
+		}, getCustomHeaders()),
+		method: "GET"
+	}).then((res) => handleResponse(res)).catch((error$38) => handleException(error$38));
+};
 const getText = (url) => (baseUrl, accessToken, options) => () => fetch(`${baseUrl}${url((options === null || options === void 0 ? void 0 : options.params) || {})}`, {
 	headers: _objectSpread2({ Authorization: "Bearer " + (accessToken || "") }, getCustomHeaders()),
 	method: "GET"
@@ -1193,6 +1194,7 @@ const label$44 = {
 	"equities": "Equities",
 	"expenses": "Expenses",
 	"gross_profit": "Gross Profit",
+	"hide_details": "Hide details",
 	"id": "Id",
 	"keep_editing": "Keep editing",
 	"liabilities": "Liabilities",
@@ -1219,6 +1221,7 @@ const label$44 = {
 	"row": "Row",
 	"savings": "Savings",
 	"select_all": "Select all",
+	"show_details": "Show details",
 	"source": "Source",
 	"status": "Status",
 	"tax_estimates": "Tax estimates",
@@ -1863,6 +1866,8 @@ const disclaimer$1 = {
 	"content": "The Tax Estimates tool and related content are for informational purposes only, and are not intended as legal, accounting, or tax advice, or a substitute for professional counsel. We are not a financial planner or tax advisor, and users assume sole responsibility for their tax obligations, accuracy of data, and compliance with laws. All calculations are estimated and may contain errors, and are based only on the information you provide to us."
 };
 const empty$20 = {
+	"no_tax_details": "No tax details",
+	"no_tax_details_description": "No tax details found",
 	"no_tax_payments_to_display": "There are no tax payments to display.",
 	"tax_payments": "No tax payments found"
 };
@@ -1870,11 +1875,13 @@ const error$24 = {
 	"disclaimer_required": "You must acknowledge the disclaimer to continue.",
 	"feature_not_enabled": "Tax estimates are not enabled.",
 	"load_tax_deadlines": "We couldn't load your tax deadlines",
+	"load_tax_details": "We couldn't load your tax details",
 	"load_tax_estimates": "We couldn't load your tax estimates",
 	"load_tax_estimates_summary": "We couldn't load your tax summary",
 	"load_tax_information": "Unable to load tax information",
 	"load_tax_payments": "We couldnʼt load your tax payments",
 	"retrieve_tax_profile": "We couldn’t retrieve your tax profile. Please check your connection and try again.",
+	"while_loading_tax_details": "An error occurred while loading your tax details. Please check your connection and try again.",
 	"while_loading_tax_estimates": "An error occurred while loading your tax estimates. Please check your connection and try again.",
 	"while_loading_tax_payments": "An error occurred while loading your tax payments. Please check your connection and try again.",
 	"while_loading_tax_summary": "An error occurred while loading your tax summary. Please check your connection and try again."
@@ -1954,6 +1961,9 @@ const label$31 = {
 	"tax_information": "State Tax Information",
 	"tax_name_estimate_owed": "{{taxName}} Estimate (Owed)",
 	"tax_name_rate": "{{taxName}} Rate",
+	"tax_details": "Tax Details",
+	"tax_details_amount": "Amount",
+	"tax_details_label": "Label",
 	"tax_payments": "Tax Payments",
 	"tax_payments_projected": "Projected Tax Payments",
 	"tax_profile": "Tax Profile",
@@ -1973,10 +1983,12 @@ const label$31 = {
 	"taxes_by_state_name": "State Taxes ({{stateName}})",
 	"taxes_by_state_name_projected": "Projected State Taxes ({{stateName}})",
 	"taxes_due": "Taxes Due",
+	"taxes_due_at": "Taxes due on {{date}}",
 	"taxes_owed": "Taxes Owed",
 	"taxes_owed_projected": "Projected Taxes Owed",
 	"taxes_paid": "Taxes Paid",
 	"tip_income": "Tip income",
+	"total_deductions": "Total Deductions",
 	"total_federal_tax_estimate": "Total Federal Tax Estimate",
 	"total_paid": "Total Paid",
 	"total_state_tax_estimate": "Total State Tax Estimate",
@@ -2786,6 +2798,7 @@ const label$19 = {
 	"equities": "Capitaux propres",
 	"expenses": "Dépenses",
 	"gross_profit": "Bénéfice brut",
+	"hide_details": "",
 	"id": "ID",
 	"keep_editing": "Continuer à modifier",
 	"liabilities": "Passifs",
@@ -2812,6 +2825,7 @@ const label$19 = {
 	"row": "Ligne",
 	"savings": "Compte d’épargne",
 	"select_all": "Tout sélectionner",
+	"show_details": "",
 	"source": "Source",
 	"status": "Statut",
 	"tax_estimates": "Estimations fiscales",
@@ -3456,6 +3470,8 @@ const disclaimer = {
 	"content": "L’outil d’estimation des impôts et le contenu connexe sont fournis à titre informatif seulement et ne constituent pas des conseils juridiques, comptables ou fiscaux, ni un substitut à l’avis d’un professionnel. Nous ne sommes pas un planificateur financier ni un conseiller fiscal, et les utilisateurs assument l’entière responsabilité de leurs obligations fiscales, de l’exactitude des données et du respect des lois. Tous les calculs sont des estimations et peuvent contenir des erreurs. Ils reposent uniquement sur les renseignements que vous nous fournissez."
 };
 const empty$4 = {
+	"no_tax_details": "",
+	"no_tax_details_description": "",
 	"no_tax_payments_to_display": "Il n’y a aucun paiement d’impôt à afficher.",
 	"tax_payments": "Aucun paiement d’impôt trouvé"
 };
@@ -3463,11 +3479,13 @@ const error$5 = {
 	"disclaimer_required": "Vous devez reconnaître l’avis de non-responsabilité pour continuer.",
 	"feature_not_enabled": "Les estimations d'impôt ne sont pas activées.",
 	"load_tax_deadlines": "Impossible de charger vos échéances fiscales",
+	"load_tax_details": "",
 	"load_tax_estimates": "Nous n’avons pas pu charger vos estimations fiscales",
 	"load_tax_estimates_summary": "Nous n’avons pas pu charger votre sommaire fiscal",
 	"load_tax_information": "Impossible de charger les renseignements fiscaux",
 	"load_tax_payments": "Nous n’avons pas pu charger vos paiements d’impôt",
 	"retrieve_tax_profile": "Nous n’avons pas pu récupérer votre profil fiscal. Veuillez vérifier votre connexion et réessayer.",
+	"while_loading_tax_details": "",
 	"while_loading_tax_estimates": "Une erreur s’est produite lors du chargement de vos estimations d’impôt. Veuillez vérifier votre connexion et réessayer.",
 	"while_loading_tax_payments": "Une erreur s’est produite lors du chargement de vos paiements d’impôt. Veuillez vérifier votre connexion et réessayer.",
 	"while_loading_tax_summary": "Une erreur s’est produite lors du chargement de votre sommaire fiscal. Veuillez vérifier votre connexion et réessayer."
@@ -3547,6 +3565,9 @@ const label$6 = {
 	"tax_information": "Renseignements sur l'impôt d'État",
 	"tax_name_estimate_owed": "Estimation de {{taxName}} (à payer)",
 	"tax_name_rate": "Taux de {{taxName}}",
+	"tax_details": "",
+	"tax_details_amount": "",
+	"tax_details_label": "",
 	"tax_payments": "Paiements d’impôt",
 	"tax_payments_projected": "Paiements d’impôt projetés",
 	"tax_profile": "Profil fiscal",
@@ -3566,10 +3587,12 @@ const label$6 = {
 	"taxes_by_state_name": "Impôts d’État ({{stateName}})",
 	"taxes_by_state_name_projected": "Impôts d’État projetés ({{stateName}})",
 	"taxes_due": "Impôts à payer",
+	"taxes_due_at": "",
 	"taxes_owed": "Impôts dus",
 	"taxes_owed_projected": "Impôts dus projetés",
 	"taxes_paid": "Impôts payés",
 	"tip_income": "Revenu de pourboires",
+	"total_deductions": "",
 	"total_federal_tax_estimate": "Estimation totale de l’impôt fédéral",
 	"total_paid": "Total payé",
 	"total_state_tax_estimate": "Estimation totale de l’impôt d’État",
@@ -4029,11 +4052,11 @@ function _objectWithoutProperties(e, t) {
 	}
 	return i;
 }
-var _excluded$117 = ["_locale"];
+var _excluded$118 = ["_locale"];
 var createLocalizedFetcher = (fetcher) => {
 	if (!fetcher) return null;
 	return (_ref, ...rest) => {
-		let { _locale: _locale$1 } = _ref, key = _objectWithoutProperties(_ref, _excluded$117);
+		let { _locale: _locale$1 } = _ref, key = _objectWithoutProperties(_ref, _excluded$118);
 		setLocaleHeader(_locale$1);
 		return fetcher(key, ...rest);
 	};
@@ -4048,7 +4071,7 @@ const useLocalizedKey = () => {
 		return _objectSpread2(_objectSpread2({}, key), {}, { _locale: locale });
 	};
 };
-var _excluded$116 = ["trigger"];
+var _excluded$117 = ["trigger"];
 var UNLINK_BANK_ACCOUNT_TAG_KEY = "#unlink-bank-account";
 var unlinkBankAccount = del(({ businessId, bankAccountId }) => `/v1/businesses/${businessId}/bank-accounts/${bankAccountId}`);
 function buildKey$88({ access_token: accessToken, apiUrl, businessId }) {
@@ -4071,7 +4094,7 @@ function useUnlinkBankAccount() {
 	})), ({ accessToken, apiUrl: apiUrl$1, businessId: businessId$1 }, { arg: bankAccountId }) => unlinkBankAccount(apiUrl$1, accessToken, { params: {
 		businessId: businessId$1,
 		bankAccountId
-	} }), { revalidate: false }), { trigger: rawTrigger } = _useSWRMutation, rest = _objectWithoutProperties(_useSWRMutation, _excluded$116);
+	} }), { revalidate: false }), { trigger: rawTrigger } = _useSWRMutation, rest = _objectWithoutProperties(_useSWRMutation, _excluded$117);
 	const triggerRef = (0, react.useRef)(rawTrigger);
 	triggerRef.current = rawTrigger;
 	return _objectSpread2({ trigger: (0, react.useCallback)((bankAccountId) => triggerRef.current(bankAccountId), []) }, rest);
@@ -7430,14 +7453,14 @@ const useBankTransactionsFilters = ({ scope, monthlyView, applyGlobalDateRange,
 		dateFilterMode
 	]);
 };
-var _excluded$115 = ["size"];
+var _excluded$116 = ["size"];
 var Bell = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$115)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$116)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -7454,14 +7477,14 @@ var Bell = (_ref) => {
 	}));
 };
 var Bell_default = Bell;
-var _excluded$114 = ["size"];
+var _excluded$115 = ["size"];
 var CreditCard = (_ref) => {
 	let { size = 12 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 12",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$114)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$115)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -7478,14 +7501,14 @@ var CreditCard = (_ref) => {
 	}));
 };
 var CreditCard_default = CreditCard;
-var _excluded$113 = ["size"];
+var _excluded$114 = ["size"];
 var Folder = (_ref) => {
 	let { size = 12 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 12",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$113)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$114)), {}, {
 		width: size,
 		height: size,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -7497,14 +7520,14 @@ var Folder = (_ref) => {
 	}));
 };
 var Folder_default = Folder;
-var _excluded$112 = ["size"];
+var _excluded$113 = ["size"];
 var Link$2 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$112)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$113)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -7528,14 +7551,14 @@ var PlaidIcon = () => {
 	});
 };
 var PlaidIcon_default = PlaidIcon;
-var _excluded$111 = ["size"];
+var _excluded$112 = ["size"];
 var Sunrise = (_ref) => {
 	let { size = 12 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 12",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$111)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$112)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -7612,7 +7635,7 @@ var ChevronRight$2 = (_ref) => {
 	}) }));
 };
 var ChevronRight_default = ChevronRight$2;
-var _excluded$110 = [
+var _excluded$111 = [
 	"className",
 	"children",
 	"icon",
@@ -7624,7 +7647,7 @@ var _excluded$110 = [
 	"download"
 ];
 const IconButton = (_ref) => {
-	let { className, children: _children, icon, active, withBorder = false, href, target, rel, download } = _ref, props = _objectWithoutProperties(_ref, _excluded$110);
+	let { className, children: _children, icon, active, withBorder = false, href, target, rel, download } = _ref, props = _objectWithoutProperties(_ref, _excluded$111);
 	const baseClassName$1 = (0, classnames.default)("Layer__icon-btn", `Layer__icon-btn--${active ? "active" : "inactive"}`, withBorder && "Layer__icon-btn--border", className);
 	if (href) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 		href,
@@ -7708,10 +7731,10 @@ const useTooltip = ({ initialOpen = false, placement = "top", open: controlledOp
 		data
 	]);
 };
-var _excluded$109 = ["children"], _excluded2$15 = ["children", "asChild"], _excluded3$6 = ["className", "width"];
+var _excluded$110 = ["children"], _excluded2$15 = ["children", "asChild"], _excluded3$6 = ["className", "width"];
 const DeprecatedTooltip = (_ref) => {
 	let { children } = _ref;
-	const tooltip = useTooltip(_objectWithoutProperties(_ref, _excluded$109));
+	const tooltip = useTooltip(_objectWithoutProperties(_ref, _excluded$110));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipContext.Provider, {
 		value: tooltip,
 		children
@@ -7749,7 +7772,7 @@ const DeprecatedTooltipContent = (0, react.forwardRef)(function TooltipContent$1
 		children: props.children
 	}) })) });
 });
-var _excluded$108 = [
+var _excluded$109 = [
 	"as",
 	"className",
 	"children",
@@ -7786,7 +7809,7 @@ let TextUseTooltip = /* @__PURE__ */ function(TextUseTooltip$1) {
 	return TextUseTooltip$1;
 }({});
 const Text = (_ref) => {
-	let { as: Component$1 = "p", className, children, size = TextSize.md, weight = TextWeight.normal, withDeprecatedTooltip: withTooltip, ellipsis, status, pb, invertColor } = _ref, props = _objectWithoutProperties(_ref, _excluded$108);
+	let { as: Component$1 = "p", className, children, size = TextSize.md, weight = TextWeight.normal, withDeprecatedTooltip: withTooltip, ellipsis, status, pb, invertColor } = _ref, props = _objectWithoutProperties(_ref, _excluded$109);
 	const dataProperties = toDataProperties({
 		status,
 		ellipsis,
@@ -7909,14 +7932,14 @@ const Badge = ({ icon, onClick, children, tooltip, size = BadgeSize.MEDIUM, vari
 	});
 	return content;
 };
-var _excluded$107 = ["size"];
+var _excluded$108 = ["size"];
 var Loader$1 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$107)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$108)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -7972,7 +7995,7 @@ var Loader$1 = (_ref) => {
 	}));
 };
 var Loader_default = Loader$1;
-var _excluded$106 = [
+var _excluded$107 = [
 	"className",
 	"children",
 	"variant",
@@ -7992,7 +8015,7 @@ let ButtonVariant = /* @__PURE__ */ function(ButtonVariant$1) {
 	return ButtonVariant$1;
 }({});
 const Button$1 = (_ref) => {
-	let { className, children, variant = ButtonVariant.primary, leftIcon, rightIcon, iconOnly, iconAsPrimary = false, justify = "center", fullWidth, isProcessing, tooltip } = _ref, props = _objectWithoutProperties(_ref, _excluded$106);
+	let { className, children, variant = ButtonVariant.primary, leftIcon, rightIcon, iconOnly, iconAsPrimary = false, justify = "center", fullWidth, isProcessing, tooltip } = _ref, props = _objectWithoutProperties(_ref, _excluded$107);
 	const buttonRef = (0, react.useRef)(null);
 	let justifyContent = "center";
 	if (justify) justifyContent = justify;
@@ -8039,14 +8062,14 @@ const Button$1 = (_ref) => {
 		}) : content
 	}));
 };
-var _excluded$105 = ["size"];
+var _excluded$106 = ["size"];
 var AlertOctagon = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 18 18",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$105)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$106)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -8072,14 +8095,14 @@ var AlertOctagon = (_ref) => {
 	}));
 };
 var AlertOctagon_default = AlertOctagon;
-var _excluded$104 = ["size"];
+var _excluded$105 = ["size"];
 var CheckCircle$2 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 18 18",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$104)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$105)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -8096,14 +8119,14 @@ var CheckCircle$2 = (_ref) => {
 	}));
 };
 var CheckCircle_default = CheckCircle$2;
-var _excluded$103 = ["size"];
+var _excluded$104 = ["size"];
 var RefreshCcw$1 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 18 18",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$103)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$104)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -8691,7 +8714,7 @@ function BulkSelectionStoreProvider({ children }) {
 		children
 	});
 }
-var _excluded$102 = [
+var _excluded$103 = [
 	"align",
 	"children",
 	"className",
@@ -8709,7 +8732,7 @@ var _excluded$102 = [
 ];
 var CLASS_NAME$11 = "Layer__Stack";
 const Stack = (0, react.forwardRef)(function Stack$2(_ref, ref) {
-	let { align, children, className, direction, gap, justify, overflow, pb, pbs, pbe, pi, pis, pie, fluid } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$102);
+	let { align, children, className, direction, gap, justify, overflow, pb, pbs, pbe, pi, pis, pie, fluid } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$103);
 	const dataProperties = toDataProperties({
 		align,
 		direction,
@@ -9020,7 +9043,7 @@ function useSizeClass() {
 		isDesktop: sizeClass === "desktop"
 	};
 }
-var _excluded$101 = ["children"], _excluded2$13 = [
+var _excluded$102 = ["children"], _excluded2$13 = [
 	"children",
 	"asChild",
 	"wordBreak"
@@ -9031,7 +9054,7 @@ var _excluded$101 = ["children"], _excluded2$13 = [
 ];
 const Tooltip = (_ref) => {
 	let { children } = _ref;
-	const tooltip = useTooltip(_objectWithoutProperties(_ref, _excluded$101));
+	const tooltip = useTooltip(_objectWithoutProperties(_ref, _excluded$102));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipContext.Provider, {
 		value: tooltip,
 		children
@@ -9126,7 +9149,7 @@ function useTruncationDetection(elementRef, options = {
 	}, [checkTruncation]);
 	return isTruncated;
 }
-var _excluded$100 = [
+var _excluded$101 = [
 	"align",
 	"children",
 	"ellipsis",
@@ -9141,7 +9164,7 @@ var _excluded$100 = [
 	"weight"
 ];
 function splitTextProps(props) {
-	const { align, children, ellipsis, nonAria, noWrap, pb, pbe, pbs, size, status, variant, weight } = props, restProps = _objectWithoutProperties(props, _excluded$100);
+	const { align, children, ellipsis, nonAria, noWrap, pb, pbe, pbs, size, status, variant, weight } = props, restProps = _objectWithoutProperties(props, _excluded$101);
 	return {
 		children,
 		dataProperties: toDataProperties({
@@ -9303,7 +9326,7 @@ function withRenderProp(renderProp, callback) {
 	if (typeof renderProp === "function") return renderProp;
 	return callback(renderProp);
 }
-var _excluded$99 = [
+var _excluded$100 = [
 	"children",
 	"ellipsis",
 	"icon",
@@ -9331,7 +9354,7 @@ function ButtonTransparentContent({ children }) {
 	});
 }
 var Button = (0, react.forwardRef)((_ref, ref) => {
-	let { children, ellipsis, icon, inset, size = "md", variant = "solid", fullWidth = false, flex = false } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$99);
+	let { children, ellipsis, icon, inset, size = "md", variant = "solid", fullWidth = false, flex = false } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$100);
 	const { isPending = false } = restProps;
 	const dataProperties = toDataProperties({
 		ellipsis,
@@ -9352,10 +9375,10 @@ var Button = (0, react.forwardRef)((_ref, ref) => {
 	}));
 });
 Button.displayName = "Button";
-var _excluded$98 = ["one", "other"];
+var _excluded$99 = ["one", "other"];
 const tPlural = (translate, key, _ref) => {
 	let { one, other } = _ref;
-	return translate(key, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$98)), {}, {
+	return translate(key, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$99)), {}, {
 		defaultValue_one: one,
 		defaultValue_other: other
 	}));
@@ -10546,7 +10569,7 @@ const useVirtualKeyboardHeight = () => {
 	}, []);
 	return keyboardHeight;
 };
-var _excluded$97 = ["variant"], _excluded2$12 = [
+var _excluded$98 = ["variant"], _excluded2$12 = [
 	"variant",
 	"children",
 	"slots",
@@ -10556,7 +10579,7 @@ var _excluded$97 = ["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$97);
+	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), {}, {
 		className: MODAL_OVERLAY_CLASS_NAME,
 		ref
@@ -10658,7 +10681,7 @@ function Drawer({ isOpen, onOpenChange, size = "md", flexBlock, flexInline, chil
 		})
 	});
 }
-var _excluded$96 = [
+var _excluded$97 = [
 	"align",
 	"pie",
 	"pbe",
@@ -10670,7 +10693,7 @@ var _excluded$96 = [
 ];
 var HEADING_CLASS_NAME = "Layer__UI__Heading";
 var Heading = (0, react.forwardRef)((_ref, ref) => {
-	let { align, pie, pbe, size, variant, weight, ellipsis, className } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$96);
+	let { align, pie, pbe, size, variant, weight, ellipsis, className } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$97);
 	const dataProperties = toDataProperties({
 		pbe,
 		pie,
@@ -10754,14 +10777,14 @@ function ModalActions({ children }) {
 		children
 	});
 }
-var _excluded$95 = ["size"];
+var _excluded$96 = ["size"];
 var AlertCircle$1 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 18 18",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$95)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$96)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -10787,14 +10810,14 @@ var AlertCircle$1 = (_ref) => {
 	}));
 };
 var AlertCircle_default = AlertCircle$1;
-var _excluded$94 = ["size"];
+var _excluded$95 = ["size"];
 var Save$6 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$94)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$95)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -10820,7 +10843,7 @@ var Save$6 = (_ref) => {
 	}));
 };
 var Save_default = Save$6;
-var _excluded$93 = [
+var _excluded$94 = [
 	"className",
 	"processing",
 	"disabled",
@@ -10828,7 +10851,7 @@ var _excluded$93 = [
 	"children"
 ];
 const RetryButton = (_ref) => {
-	let { className, processing, disabled, error: error$38, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$93);
+	let { className, processing, disabled, error: error$38, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$94);
 	const baseClassName$1 = (0, classnames.default)("Layer__retry-btn", processing ? "Layer__btn--processing" : "", className);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, _objectSpread2(_objectSpread2({}, props), {}, {
 		className: baseClassName$1,
@@ -10840,7 +10863,7 @@ const RetryButton = (_ref) => {
 		children
 	}));
 };
-var _excluded$92 = [
+var _excluded$93 = [
 	"active",
 	"className",
 	"processing",
@@ -10877,7 +10900,7 @@ var buildRightIcon = ({ processing, error: error$38, action: action$44, noIcon }
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Save_default, { size: 16 });
 };
 const SubmitButton = (_ref) => {
-	let { active, className, processing, disabled, error: error$38, children, action: action$44 = SubmitAction.SAVE, noIcon, variant = ButtonVariant.primary, withRetry, iconAsPrimary = true } = _ref, props = _objectWithoutProperties(_ref, _excluded$92);
+	let { active, className, processing, disabled, error: error$38, children, action: action$44 = SubmitAction.SAVE, noIcon, variant = ButtonVariant.primary, withRetry, iconAsPrimary = true } = _ref, props = _objectWithoutProperties(_ref, _excluded$93);
 	const { t } = (0, react_i18next.useTranslation)();
 	const baseClassName$1 = (0, classnames.default)(active ? "Layer__btn--active" : "", className);
 	if (withRetry && error$38) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RetryButton, _objectSpread2(_objectSpread2({}, props), {}, {
@@ -10900,7 +10923,7 @@ const SubmitButton = (_ref) => {
 		children
 	}));
 };
-var _excluded$91 = [
+var _excluded$92 = [
 	"isOpen",
 	"onOpenChange",
 	"useDrawer"
@@ -10966,7 +10989,7 @@ var BaseConfirmationModalContent = (0, react.memo)(function BaseConfirmationModa
 	});
 });
 function BaseConfirmationModal(_ref) {
-	let { isOpen, onOpenChange, useDrawer = false } = _ref, contentProps = _objectWithoutProperties(_ref, _excluded$91);
+	let { isOpen, onOpenChange, useDrawer = false } = _ref, contentProps = _objectWithoutProperties(_ref, _excluded$92);
 	if (useDrawer) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Drawer, {
 		flexBlock: true,
 		isOpen,
@@ -11019,14 +11042,14 @@ const COMBO_BOX_CLASS_NAMES = {
 	MULTI_VALUE: "Layer__ComboBoxMultiValue",
 	MULTI_VALUE_LABEL: "Layer__ComboBoxMultiValueLabel"
 };
-var _excluded$90 = ["size"];
+var _excluded$91 = ["size"];
 var Check$6 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 18 18",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$90)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$91)), {}, {
 		width: size,
 		height: size,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -11038,14 +11061,14 @@ var Check$6 = (_ref) => {
 	}));
 };
 var Check_default = Check$6;
-var _excluded$89 = ["size"];
+var _excluded$90 = ["size"];
 var ChevronDown = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 18 18",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$89)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$90)), {}, {
 		width: size,
 		height: size,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -11057,14 +11080,14 @@ var ChevronDown = (_ref) => {
 	}));
 };
 var ChevronDown_default = ChevronDown;
-var _excluded$88 = ["size"];
+var _excluded$89 = ["size"];
 var X$1 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$88)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$89)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -11081,10 +11104,10 @@ var X$1 = (_ref) => {
 	}));
 };
 var X_default = X$1;
-var _excluded$87 = ["children"], _excluded2$11 = ["children"], _excluded3$4 = ["children"], _excluded4$3 = ["children"], _excluded5$2 = ["children"], _excluded6$2 = ["children"], _excluded7 = ["children"], _excluded8 = ["children"];
+var _excluded$88 = ["children"], _excluded2$11 = ["children"], _excluded3$4 = ["children"], _excluded4$3 = ["children"], _excluded5$2 = ["children"], _excluded6$2 = ["children"], _excluded7 = ["children"], _excluded8 = ["children"];
 function buildCustomClearIndicator() {
 	return function CustomClearIndicator(_ref) {
-		let { children } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$87);
+		let { children } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$88);
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_select.components.ClearIndicator, _objectSpread2(_objectSpread2({}, restProps), {}, {
 			className: COMBO_BOX_CLASS_NAMES.CLEAR_INDICATOR,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(X_default, { size: 16 })
@@ -11290,7 +11313,7 @@ function useCommonComboBoxProps({ className, options, groups, onInputValueChange
 		styles
 	]);
 }
-var _excluded$86 = [
+var _excluded$87 = [
 	"className",
 	"slots",
 	"isError",
@@ -11298,7 +11321,7 @@ var _excluded$86 = [
 	"onSelectedValueChange"
 ];
 function ComboBox(_ref) {
-	let { className, slots, isError, selectedValue, onSelectedValueChange } = _ref, props = _objectWithoutProperties(_ref, _excluded$86);
+	let { className, slots, isError, selectedValue, onSelectedValueChange } = _ref, props = _objectWithoutProperties(_ref, _excluded$87);
 	const commonSelectProps = useCommonComboBoxProps(_objectSpread2({
 		className,
 		slots,
@@ -11317,13 +11340,13 @@ function ComboBox(_ref) {
 		})]
 	});
 }
-var _excluded$85 = [
+var _excluded$86 = [
 	"amount",
 	"displayPlusSign",
 	"className"
 ];
 var MoneySpan = (0, react.forwardRef)((_ref, ref) => {
-	let { amount, displayPlusSign, className } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$85);
+	let { amount, displayPlusSign, className } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$86);
 	const { formatCurrencyFromCents: formatCurrencyFromCents$1 } = useIntlFormatter();
 	const formattedAmount = formatCurrencyFromCents$1(amount, { signDisplay: displayPlusSign ? "always" : "auto" });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, _objectSpread2(_objectSpread2({}, restProps), {}, {
@@ -11640,14 +11663,14 @@ const getDefaultSelectedCategoryForBankTransaction = (bankTransaction, ignoreSug
 	if (hasSuggestions(bankTransaction.categorization_flow)) return convertApiCategorizationToCategoryOrSplitAsOption(bankTransaction.categorization_flow.suggestions[0]);
 	return null;
 };
-var _excluded$84 = ["size"];
+var _excluded$85 = ["size"];
 var MinimizeTwo = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$84)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$85)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -11679,14 +11702,14 @@ var MinimizeTwo = (_ref) => {
 	}));
 };
 var MinimizeTwo_default = MinimizeTwo;
-var _excluded$83 = ["size"];
+var _excluded$84 = ["size"];
 var Scissors = (_ref) => {
 	let { size = 11 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 11 11",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$83)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$84)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -12106,7 +12129,7 @@ var toActionableListOption = (opt) => {
 		value: opt
 	};
 };
-var _excluded$82 = [
+var _excluded$83 = [
 	"actionCount",
 	"className",
 	"slots",
@@ -12114,7 +12137,7 @@ var _excluded$82 = [
 ];
 var INPUT_GROUP_CLASS_NAME = "Layer__UI__InputGroup";
 const InputGroup$1 = (0, react.forwardRef)(function InputGroup$2(_ref, ref) {
-	let { actionCount, className, slots, children } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$82);
+	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), {}, {
@@ -12123,10 +12146,10 @@ const InputGroup$1 = (0, react.forwardRef)(function InputGroup$2(_ref, ref) {
 		children
 	}));
 });
-var _excluded$81 = ["placeholder", "isDisabled"];
+var _excluded$82 = ["placeholder", "isDisabled"];
 var CLASS_NAME$8 = "Layer__MinimalSearchField";
 function MinimalSearchField(_ref) {
-	let { placeholder, isDisabled } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$81);
+	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), {}, {
 		isDisabled,
@@ -12144,7 +12167,7 @@ function MinimalSearchField(_ref) {
 		})]
 	}));
 }
-var _excluded$80 = [
+var _excluded$81 = [
 	"slot",
 	"className",
 	"label",
@@ -12152,7 +12175,7 @@ var _excluded$80 = [
 ];
 var CLASS_NAME$7 = "Layer__SearchField";
 function SearchField(_ref) {
-	let { slot = "search", className, label: label$50, isDisabled } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$80);
+	let { slot = "search", className, label: label$50, isDisabled } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$81);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(InputGroup$1, {
 		slot,
 		className: (0, classnames.default)(CLASS_NAME$7, className),
@@ -12658,14 +12681,14 @@ const BankTransactionsBulkActions = ({ isMobileView = false, slotProps }) => {
 		] })
 	}) });
 };
-var _excluded$79 = ["size"];
+var _excluded$80 = ["size"];
 var DownloadCloud = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$79)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$80)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -12691,14 +12714,14 @@ var DownloadCloud = (_ref) => {
 	}));
 };
 var DownloadCloud_default = DownloadCloud;
-var _excluded$78 = ["size"];
+var _excluded$79 = ["size"];
 var UploadCloud = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 18 18",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$78)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$79)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -12944,7 +12967,7 @@ function useCustomAccountParseCsv() {
 		file
 	}).then(({ data: data$1 }) => data$1), { revalidate: false });
 }
-var _excluded$77 = [
+var _excluded$78 = [
 	"className",
 	"slots",
 	"isError",
@@ -12957,7 +12980,7 @@ var _excluded$77 = [
 ];
 var returnTrue = () => true;
 function CreatableComboBox(_ref) {
-	let { className, slots, isError, selectedValue, onSelectedValueChange, onCreateOption, formatCreateLabel: formatCreateLabel$3, createOptionPosition = "first", isValidNewOption = returnTrue } = _ref, props = _objectWithoutProperties(_ref, _excluded$77);
+	let { className, slots, isError, selectedValue, onSelectedValueChange, onCreateOption, formatCreateLabel: formatCreateLabel$3, createOptionPosition = "first", isValidNewOption = returnTrue } = _ref, props = _objectWithoutProperties(_ref, _excluded$78);
 	const commonSelectProps = useCommonComboBoxProps(_objectSpread2({
 		className,
 		slots,
@@ -12998,14 +13021,14 @@ const CopyTemplateHeadersButtonGroup = ({ headers, className }) => {
 		}, key))
 	});
 };
-var _excluded$76 = ["size"];
+var _excluded$77 = ["size"];
 var CloseIcon = (_ref) => {
 	let { size = 12 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 12 12",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$76)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$77)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -13236,7 +13259,7 @@ function useCreateCustomAccount() {
 		return Reflect.get(target, prop);
 	} });
 }
-var _excluded$75 = ["children", "className"], _excluded2$10 = [
+var _excluded$76 = ["children", "className"], _excluded2$10 = [
 	"children",
 	"inline",
 	"textarea",
@@ -13245,7 +13268,7 @@ var _excluded$75 = ["children", "className"], _excluded2$10 = [
 var FORM_CLASS_NAME = "Layer__UI__Form";
 const Form = (0, react.forwardRef)(function Form$1(_ref, ref) {
 	let { children, className } = _ref;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Form, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$75)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Form, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$76)), {}, {
 		className: (0, classnames.default)(FORM_CLASS_NAME, className),
 		ref,
 		children
@@ -13452,10 +13475,10 @@ function useBigDecimalInput({ value, onChange, onBlur, mode, maxValue, maxDecima
 		onPaste
 	};
 }
-var _excluded$74 = ["inset", "placement"];
+var _excluded$75 = ["inset", "placement"];
 var INPUT_CLASS_NAME = "Layer__UI__Input";
 const Input$1 = (0, react.forwardRef)(function Input$2(_ref, ref) {
-	let { inset, placement } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$74);
+	let { inset, placement } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$75);
 	const dataProperties = toDataProperties({
 		inset,
 		placement
@@ -13465,7 +13488,7 @@ const Input$1 = (0, react.forwardRef)(function Input$2(_ref, ref) {
 		ref
 	}));
 });
-var _excluded$73 = [
+var _excluded$74 = [
 	"mode",
 	"allowNegative",
 	"maxValue",
@@ -13479,7 +13502,7 @@ var DEFAULT_MAX_VALUE$1 = effect.BigDecimal.fromBigInt(BigInt(1e7));
 var DEFAULT_MIN_DECIMAL_PLACES$1 = 0;
 var DEFAULT_MAX_DECIMAL_PLACES$1 = 3;
 function FormBigDecimalField(_ref) {
-	let { mode = "decimal", allowNegative = false, maxValue = mode === "percent" ? BIG_DECIMAL_ONE : DEFAULT_MAX_VALUE$1, minDecimalPlaces = mode === "currency" ? 2 : DEFAULT_MIN_DECIMAL_PLACES$1, maxDecimalPlaces = mode === "currency" ? 2 : DEFAULT_MAX_DECIMAL_PLACES$1, slots, placeholder, allowEmpty } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$73);
+	let { mode = "decimal", allowNegative = false, maxValue = mode === "percent" ? BIG_DECIMAL_ONE : DEFAULT_MAX_VALUE$1, minDecimalPlaces = mode === "currency" ? 2 : DEFAULT_MIN_DECIMAL_PLACES$1, maxDecimalPlaces = mode === "currency" ? 2 : DEFAULT_MAX_DECIMAL_PLACES$1, slots, placeholder, allowEmpty } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$74);
 	const { name: name$1, state: state$16, handleChange, handleBlur } = useFieldContext();
 	const { value } = state$16;
 	const { inputValue, onInputChange, onInputBlur, onBeforeInput, onPaste } = useBigDecimalInput({
@@ -13512,7 +13535,7 @@ function FormBigDecimalField(_ref) {
 		})
 	}));
 }
-var _excluded$72 = [
+var _excluded$73 = [
 	"children",
 	"className",
 	"variant",
@@ -13526,7 +13549,7 @@ var CHECK_SIZE = {
 	lg: 16
 };
 function Checkbox(_ref) {
-	let { children, className, variant = "default", size = "sm", isIndeterminate } = _ref, props = _objectWithoutProperties(_ref, _excluded$72);
+	let { children, className, variant = "default", size = "sm", isIndeterminate } = _ref, props = _objectWithoutProperties(_ref, _excluded$73);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Checkbox, _objectSpread2(_objectSpread2(_objectSpread2({}, (0, react.useMemo)(() => toDataProperties({
 		size,
 		variant,
@@ -13585,7 +13608,7 @@ function FormCheckboxField({ label: label$50, className, inline = false, showLab
 		children: label$50
 	}) }));
 }
-var _excluded$71 = [
+var _excluded$72 = [
 	"inline",
 	"className",
 	"isReadOnly"
@@ -13593,7 +13616,7 @@ var _excluded$71 = [
 const DATE_PICKER_CLASS_NAME = "Layer__UI__DatePicker";
 var DATE_FIELD_CLASS_NAME = "Layer__UI__DateField";
 const DateField = (0, react.forwardRef)(function DateField$1(_ref, ref) {
-	let { inline, className, isReadOnly } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$71);
+	let { inline, className, isReadOnly } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$72);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.DateField, _objectSpread2(_objectSpread2(_objectSpread2({}, toDataProperties({
 		inline,
 		readonly: isReadOnly
@@ -13680,10 +13703,10 @@ function FormDateField({ label: label$50, className, inline = false, showLabel =
 		shouldShowErrorMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldError, { children: errorMessage })
 	] }));
 }
-var _excluded$70 = ["className", "isReadOnly"], _excluded2$7 = ["className"], _excluded3$2 = ["className"], _excluded4$1 = ["className", "size"], _excluded5$1 = ["className"], _excluded6$1 = ["className", "size"];
+var _excluded$71 = ["className", "isReadOnly"], _excluded2$7 = ["className"], _excluded3$2 = ["className"], _excluded4$1 = ["className", "size"], _excluded5$1 = ["className"], _excluded6$1 = ["className", "size"];
 var CALENDAR_CLASS_NAME = "Layer__UI__Calendar";
 const Calendar = (0, react.forwardRef)(function Calendar$1(_ref, ref) {
-	let { className, isReadOnly } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$70);
+	let { className, isReadOnly } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$71);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Calendar, _objectSpread2(_objectSpread2(_objectSpread2({}, toDataProperties({ readonly: isReadOnly })), restProps), {}, {
 		isReadOnly,
 		className: (0, classnames.default)(CALENDAR_CLASS_NAME, className),
@@ -13822,10 +13845,10 @@ const DatePickerInput = ({ errorText, variant, onClick, isReadOnly }) => {
 		})]
 	});
 };
-var _excluded$69 = ["flexInline"];
+var _excluded$70 = ["flexInline"];
 var POPOVER_CLASS_NAMES = `Layer__Portal Layer__Popover`;
 const Popover$2 = (0, react.forwardRef)(function Popover$3(_ref, ref) {
-	let { flexInline = false } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$69);
+	let { flexInline = false } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$70);
 	const dataProperties = toDataProperties({ "flex-inline": flexInline });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Popover, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: POPOVER_CLASS_NAMES,
@@ -13945,7 +13968,7 @@ const fromNonRecursiveBigDecimal = (nrbd) => {
 const nrbdEquals = (a, b) => {
 	return effect.BigDecimal.equals(fromNonRecursiveBigDecimal(a), fromNonRecursiveBigDecimal(b));
 };
-var _excluded$68 = [
+var _excluded$69 = [
 	"mode",
 	"allowNegative",
 	"maxValue",
@@ -13959,7 +13982,7 @@ var DEFAULT_MAX_VALUE = effect.BigDecimal.fromBigInt(BigInt(1e7));
 var DEFAULT_MIN_DECIMAL_PLACES = 0;
 var DEFAULT_MAX_DECIMAL_PLACES = 3;
 function FormNonRecursiveBigDecimalField(_ref) {
-	let { mode = "decimal", allowNegative = false, maxValue = mode === "percent" ? BIG_DECIMAL_ONE : DEFAULT_MAX_VALUE, minDecimalPlaces = mode === "currency" ? 2 : DEFAULT_MIN_DECIMAL_PLACES, maxDecimalPlaces = mode === "currency" ? 2 : DEFAULT_MAX_DECIMAL_PLACES, slots, placeholder, allowEmpty } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$68);
+	let { mode = "decimal", allowNegative = false, maxValue = mode === "percent" ? BIG_DECIMAL_ONE : DEFAULT_MAX_VALUE, minDecimalPlaces = mode === "currency" ? 2 : DEFAULT_MIN_DECIMAL_PLACES, maxDecimalPlaces = mode === "currency" ? 2 : DEFAULT_MAX_DECIMAL_PLACES, slots, placeholder, allowEmpty } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$69);
 	const { name: name$1, state: state$16, handleChange, handleBlur } = useFieldContext();
 	const { value: nrbdValue } = state$16;
 	const { inputValue, onInputChange, onInputBlur, onBeforeInput, onPaste } = useBigDecimalInput({
@@ -13994,14 +14017,14 @@ function FormNonRecursiveBigDecimalField(_ref) {
 		})
 	}));
 }
-var _excluded$67 = [
+var _excluded$68 = [
 	"inline",
 	"className",
 	"isReadOnly"
 ];
 var NUMBER_FIELD_CLASS_NAME = "Layer__UI__NumberField";
 const NumberField = (0, react.forwardRef)(function NumberField$1(_ref, ref) {
-	let { inline, className, isReadOnly } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$67);
+	let { inline, className, isReadOnly } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$68);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.NumberField, _objectSpread2(_objectSpread2(_objectSpread2({ step: 1 }, toDataProperties({
 		inline,
 		readonly: isReadOnly
@@ -14048,7 +14071,7 @@ function FormNumberField({ label: label$50, className, inline = false, showLabel
 		shouldShowErrorMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldError, { children: errorMessage })
 	] }));
 }
-var _excluded$66 = [
+var _excluded$67 = [
 	"children",
 	"className",
 	"onChange"
@@ -14058,7 +14081,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$66)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.RadioGroup, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$67)), {}, {
 		onChange,
 		className: (0, classnames.default)(RADIO_GROUP_CLASS_NAME, className),
 		children
@@ -14167,11 +14190,11 @@ function FormRadioGroupYesNoField({ label: label$50, className, inline = false,
 		}), shouldShowErrorMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldError, { children: errorMessage })]
 	})] }));
 }
-var _excluded$65 = ["children", "className"];
+var _excluded$66 = ["children", "className"];
 var SWITCH_CLASS_NAME = "Layer__UI__Switch";
 const 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$65)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Switch, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$66)), {}, {
 		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] }))
@@ -14201,19 +14224,19 @@ function FormSwitchField({ label: label$50, slots, className, inline = false, sh
 		})]
 	}) }));
 }
-var _excluded$64 = ["resize"];
+var _excluded$65 = ["resize"];
 var TEXTAREA_CLASS_NAME = "Layer__UI__TextArea";
 const TextArea = (0, react.forwardRef)(function TextArea$1(_ref, ref) {
-	let { resize = "none" } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$64);
+	let { resize = "none" } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$65);
 	const dataProperties = toDataProperties({ resize });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.TextArea, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: TEXTAREA_CLASS_NAME,
 		ref
 	}));
 });
-var _excluded$63 = ["placeholder"];
+var _excluded$64 = ["placeholder"];
 function FormTextAreaField(_ref) {
-	let { placeholder } = _ref, props = _objectWithoutProperties(_ref, _excluded$63);
+	let { placeholder } = _ref, props = _objectWithoutProperties(_ref, _excluded$64);
 	const { name: name$1, state: state$16, handleChange, handleBlur } = useFieldContext();
 	const { value } = state$16;
 	const onChange = (0, react.useCallback)((e) => {
@@ -14232,9 +14255,9 @@ function FormTextAreaField(_ref) {
 		})
 	}));
 }
-var _excluded$62 = ["placeholder"];
+var _excluded$63 = ["placeholder"];
 function FormTextField(_ref) {
-	let { placeholder } = _ref, props = _objectWithoutProperties(_ref, _excluded$62);
+	let { placeholder } = _ref, props = _objectWithoutProperties(_ref, _excluded$63);
 	const { name: name$1, state: state$16, handleChange, handleBlur } = useFieldContext();
 	const { value } = state$16;
 	const onChange = (0, react.useCallback)((e) => {
@@ -14331,14 +14354,14 @@ const useCustomAccountForm = ({ onSuccess }) => {
 		isFormValid: (0, __tanstack_react_form.useStore)(form.store, (state$16) => state$16.isValid)
 	};
 };
-var _excluded$61 = [
+var _excluded$62 = [
 	"className",
 	"isInvalid",
 	"errorMessage",
 	"leftText"
 ];
 const Input = (_ref) => {
-	let { className, isInvalid, errorMessage, leftText } = _ref, props = _objectWithoutProperties(_ref, _excluded$61);
+	let { className, isInvalid, errorMessage, leftText } = _ref, props = _objectWithoutProperties(_ref, _excluded$62);
 	const baseClassName$1 = (0, classnames.default)("Layer__input", isInvalid ? "Layer__input--error" : "", leftText ? "Layer__input--with-left-text" : "", className);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DeprecatedTooltip, {
 		disabled: !isInvalid || !errorMessage,
@@ -14366,14 +14389,14 @@ const InputGroup = ({ label: label$50, name: name$1, className, inline, children
 		}), children]
 	});
 };
-var _excluded$60 = ["size"];
+var _excluded$61 = ["size"];
 var ChevronDownFill = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$60)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$61)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -14388,9 +14411,9 @@ var ChevronDownFill = (_ref) => {
 	}));
 };
 var ChevronDownFill_default = ChevronDownFill;
-var _excluded$59 = ["children"];
+var _excluded$60 = ["children"];
 const SelectMenuPortal = (_ref) => {
-	let { children } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$59);
+	let { children } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$60);
 	const dataProperties = toDataProperties({ "react-aria-top-layer": true });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_select.components.MenuPortal, _objectSpread2(_objectSpread2({}, restProps), {}, {
 		innerProps: dataProperties,
@@ -14430,10 +14453,10 @@ const Select$1 = ({ name: name$1, options, className, classNamePrefix = "Layer__
 		})]
 	});
 };
-var _excluded$58 = ["className"];
+var _excluded$59 = ["className"];
 const ErrorText = (_ref) => {
 	let { className } = _ref;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$58)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$59)), {}, {
 		status: "error",
 		className
 	}));
@@ -14754,7 +14777,7 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
 		] })]
 	});
 }
-var _excluded$57 = ["customAccountId"];
+var _excluded$58 = ["customAccountId"];
 var createCustomAccountTransactions = post(({ businessId, customAccountId }) => `/v1/businesses/${businessId}/custom-accounts/${customAccountId}/transactions`);
 function buildKey$74({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
@@ -14769,7 +14792,7 @@ function useCreateCustomAccountTransactions() {
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
 	return (0, swr_mutation.default)(() => withLocale(buildKey$74(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId: businessId$1 }, _ref) => {
-		let { arg: _ref2 } = _ref, { customAccountId } = _ref2, body = _objectWithoutProperties(_ref2, _excluded$57);
+		let { arg: _ref2 } = _ref, { customAccountId } = _ref2, body = _objectWithoutProperties(_ref2, _excluded$58);
 		return createCustomAccountTransactions(apiUrl, accessToken, {
 			params: {
 				businessId: businessId$1,
@@ -14841,7 +14864,7 @@ var unifiedReportColumnFields = {
 	pinning: effect.Schema.optional(TransformedPinningSchema)
 };
 const UnifiedReportColumnSchema = effect.Schema.Struct(_objectSpread2(_objectSpread2({}, unifiedReportColumnFields), {}, { columns: effect.Schema.optional(effect.Schema.Array(effect.Schema.suspend(() => UnifiedReportColumnSchema))) }));
-var UnifiedCellValueCurrencySchema = effect.Schema.Struct({
+const UnifiedCellValueCurrencySchema = effect.Schema.Struct({
 	type: effect.Schema.Literal("Currency"),
 	value: effect.Schema.Number
 });
@@ -14849,20 +14872,30 @@ var UnifiedCellValueDateSchema = effect.Schema.Struct({
 	type: effect.Schema.Literal("Date"),
 	value: effect.Schema.Date
 });
-var UnifiedCellValueDecimalSchema = effect.Schema.Struct({
+const UnifiedCellValueDecimalSchema = effect.Schema.Struct({
 	type: effect.Schema.Literal("Decimal"),
 	value: effect.Schema.Number
 });
+var UnifiedCellValueDurationSchema = effect.Schema.Struct({
+	type: effect.Schema.Literal("Duration"),
+	value: effect.Schema.Number
+});
 var UnifiedCellValueEmptySchema = effect.Schema.Struct({ type: effect.Schema.Literal("Empty") });
-var UnifiedCellValueUnknownSchema = effect.Schema.Struct({
+const UnifiedCellValuePercentageSchema = effect.Schema.Struct({
+	type: effect.Schema.Literal("Percentage"),
+	value: effect.Schema.Number
+});
+const UnifiedCellValueUnknownSchema = effect.Schema.Struct({
 	type: effect.Schema.String,
 	value: effect.Schema.optional(effect.Schema.Unknown)
 });
-var UnifiedCellValueSchema = effect.Schema.Union(UnifiedCellValueCurrencySchema, UnifiedCellValueDateSchema, UnifiedCellValueDecimalSchema, UnifiedCellValueEmptySchema, UnifiedCellValueUnknownSchema);
+var UnifiedCellValueSchema = effect.Schema.Union(UnifiedCellValueCurrencySchema, UnifiedCellValueDateSchema, UnifiedCellValueDecimalSchema, UnifiedCellValueDurationSchema, UnifiedCellValueEmptySchema, UnifiedCellValuePercentageSchema, UnifiedCellValueUnknownSchema);
 const isCurrencyCellValue = (value) => value.type === "Currency";
 const isDateCellValue = (value) => value.type === "Date";
 const isDecimalCellValue = (value) => value.type === "Decimal";
+const isDurationCellValue = (value) => value.type === "Duration";
 const isEmptyCellValue = (value) => value.type === "Empty";
+const isPercentageCellValue = (value) => value.type === "Percentage";
 var UnifiedCellFormatSchema = effect.Schema.Struct({ bold: effect.Schema.optional(effect.Schema.Boolean) });
 var UnifiedReportCellSchema = effect.Schema.Struct({
 	value: UnifiedCellValueSchema,
@@ -14882,7 +14915,7 @@ const UnifiedReportSchema = effect.Schema.Struct({
 	columns: effect.Schema.Array(UnifiedReportColumnSchema),
 	rows: effect.Schema.Array(UnifiedReportRowSchema)
 });
-var _excluded$56 = [
+var _excluded$57 = [
 	"children",
 	"className",
 	"nonAria",
@@ -14937,8 +14970,8 @@ var toAlignmentDataValue = (alignment) => {
 	}
 };
 var getClassName = (component, additionalClassNames) => (0, classnames.default)(`${CSS_PREFIX$1}-${component}`, additionalClassNames);
-var Table = (0, react.forwardRef)((_ref, ref) => {
-	let { children, className, nonAria, slot } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$56);
+var Table$1 = (0, react.forwardRef)((_ref, ref) => {
+	let { children, className, nonAria, slot } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$57);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(nonAria ? "table" : react_aria_components.Table, _objectSpread2(_objectSpread2({
 		className: getClassName(TableSubComponent.Table, className),
 		slot: slot !== null && slot !== void 0 ? slot : void 0
@@ -14947,7 +14980,7 @@ var Table = (0, react.forwardRef)((_ref, ref) => {
 		children
 	}));
 });
-Table.displayName = TableSubComponent.Table;
+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), {}, {
@@ -14964,8 +14997,8 @@ var TableBodyInner = (_ref3, ref) => {
 		children: withRenderProp(children, (node) => node)
 	}));
 };
-var TableBody = (0, react.forwardRef)(TableBodyInner);
-TableBody.displayName = TableSubComponent.TableBody;
+var TableBody$1 = (0, react.forwardRef)(TableBodyInner);
+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 });
@@ -14994,7 +15027,7 @@ var Column = (0, react.forwardRef)((_ref5, ref) => {
 	}));
 });
 Column.displayName = TableSubComponent.Column;
-var Cell = (0, react.forwardRef)((_ref6, ref) => {
+var Cell$3 = (0, react.forwardRef)((_ref6, ref) => {
 	let { children, className, nonAria, id, alignment, pinned } = _ref6, restProps = _objectWithoutProperties(_ref6, _excluded6);
 	const dataProperties = toDataProperties({
 		align: toAlignmentDataValue(alignment),
@@ -15006,7 +15039,7 @@ var Cell = (0, react.forwardRef)((_ref6, ref) => {
 		children: withRenderProp(children, (node) => node)
 	}));
 });
-Cell.displayName = TableSubComponent.Cell;
+Cell$3.displayName = TableSubComponent.Cell;
 const isLeafColumn = (col) => {
 	return "cell" in col;
 };
@@ -15087,7 +15120,7 @@ var DEFAULT_TABLE_HEIGHT = DEFAULT_ROW_HEIGHT * DEFAULT_NUM_ROWS + HEADER_HEIGHT
 var CSS_PREFIX = "Layer__UI__VirtualizedTable";
 var EMPTY_ARRAY$5 = [];
 const VirtualizedDataTable = ({ columnConfig, data, isLoading, isError, componentName, ariaLabel, slots, shrinkHeightToFitRows = false, height = DEFAULT_TABLE_HEIGHT, rowHeight = DEFAULT_ROW_HEIGHT, overscan = DEFAULT_OVERSCAN }) => {
-	const { EmptyState: EmptyState$7, ErrorState: ErrorState$8 } = slots;
+	const { EmptyState: EmptyState$8, ErrorState: ErrorState$9 } = slots;
 	const containerRef = (0, react.useRef)(null);
 	const renderedTableHeight = (0, react.useMemo)(() => {
 		if (!data) return height;
@@ -15120,7 +15153,7 @@ const VirtualizedDataTable = ({ columnConfig, data, isLoading, isError, componen
 		align: "center",
 		justify: "center",
 		className: `${CSS_PREFIX}__state-container`,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorState$8, {})
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorState$9, {})
 	});
 	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HStack, {
 		align: "center",
@@ -15132,7 +15165,7 @@ const VirtualizedDataTable = ({ columnConfig, data, isLoading, isError, componen
 		align: "center",
 		justify: "center",
 		className: `${CSS_PREFIX}__state-container`,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState$7, {})
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState$8, {})
 	});
 	const virtualItems = rowVirtualizer.getVirtualItems();
 	const totalSize = rowVirtualizer.getTotalSize();
@@ -15141,7 +15174,7 @@ const VirtualizedDataTable = ({ columnConfig, data, isLoading, isError, componen
 		ref: containerRef,
 		style: { height: renderedTableHeight },
 		"aria-label": ariaLabel,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table$1, {
 			className: (0, classnames.default)(CSS_PREFIX, `Layer__UI__Table__${componentName}`),
 			"aria-label": ariaLabel,
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHeader, {
@@ -15156,7 +15189,7 @@ const VirtualizedDataTable = ({ columnConfig, data, isLoading, isError, componen
 						children: (0, __tanstack_react_table.flexRender)(header.column.columnDef.header, header.getContext())
 					}, header.id);
 				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody, {
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody$1, {
 				style: { height: totalSize },
 				children: virtualItems.map((virtualRow) => {
 					const row = rows[virtualRow.index];
@@ -15167,7 +15200,7 @@ const VirtualizedDataTable = ({ columnConfig, data, isLoading, isError, componen
 						style: { transform: `translateY(${virtualRow.start}px)` },
 						children: row.getVisibleCells().map((cell) => {
 							var _cell$column$columnDe;
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cell, {
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cell$3, {
 								alignment: (_cell$column$columnDe = cell.column.columnDef.meta) === null || _cell$column$columnDe === void 0 ? void 0 : _cell$column$columnDe.alignment,
 								className: (0, classnames.default)(`${CSS_PREFIX}__cell`, `Layer__UI__Table-Cell__${componentName}--${cell.column.id}`),
 								style: _objectSpread2({}, virtualRow.index === 0 && { borderTop: "none" }),
@@ -15182,8 +15215,8 @@ const VirtualizedDataTable = ({ columnConfig, data, isLoading, isError, componen
 };
 var ROW_HEIGHT = 52;
 var TABLE_HEIGHT = ROW_HEIGHT * 9 - 1;
-var EmptyState$6 = () => null;
-var ErrorState$7 = () => null;
+var EmptyState$7 = () => null;
+var ErrorState$8 = () => null;
 function ValidateCsvTable({ data, headers, formatters, className }) {
 	const { t } = (0, react_i18next.useTranslation)();
 	const sortedData = (0, react.useMemo)(() => [...data].sort((a, b) => {
@@ -15238,8 +15271,8 @@ function ValidateCsvTable({ data, headers, formatters, className }) {
 			rowHeight: ROW_HEIGHT,
 			shrinkHeightToFitRows: true,
 			slots: {
-				EmptyState: EmptyState$6,
-				ErrorState: ErrorState$7
+				EmptyState: EmptyState$7,
+				ErrorState: ErrorState$8
 			}
 		})
 	});
@@ -16111,7 +16144,7 @@ function useDelayedRemoveBankTransaction({ bankTransaction, onRemove }) {
 	}, [bankTransaction.recently_categorized]);
 	return (0, react.useMemo)(() => ({ isBeingRemoved }), [isBeingRemoved]);
 }
-var _excluded$55 = ["bankTransactionId"];
+var _excluded$56 = ["bankTransactionId"];
 var CATEGORIZE_BANK_TRANSACTION_TAG = "#categorize-bank-transaction";
 var categorizeBankTransaction = put(({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/categorize`);
 function buildKey$73({ access_token: accessToken, apiUrl, businessId }) {
@@ -16135,7 +16168,7 @@ function useCategorizeBankTransaction() {
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId
 	})), ({ accessToken, apiUrl, businessId: businessId$1 }, _ref) => {
-		let { arg: _ref2 } = _ref, { bankTransactionId } = _ref2, rest = _objectWithoutProperties(_ref2, _excluded$55);
+		let { arg: _ref2 } = _ref, { bankTransactionId } = _ref2, rest = _objectWithoutProperties(_ref2, _excluded$56);
 		return categorizeBankTransaction(apiUrl, accessToken, {
 			params: {
 				businessId: businessId$1,
@@ -16201,7 +16234,7 @@ function useCategorizeBankTransactionWithCacheUpdate() {
 		isError
 	]);
 }
-var _excluded$54 = ["bankTransactionId"];
+var _excluded$55 = ["bankTransactionId"];
 var matchBankTransaction = put(({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/match`);
 var MATCH_BANK_TRANSACTION_TAG = "#match-bank-transaction";
 function buildKey$72({ access_token: accessToken, apiUrl, businessId }) {
@@ -16225,7 +16258,7 @@ function useMatchBankTransaction() {
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId
 	})), ({ accessToken, apiUrl, businessId: businessId$1 }, _ref) => {
-		let { arg: _ref2 } = _ref, { bankTransactionId } = _ref2, body = _objectWithoutProperties(_ref2, _excluded$54);
+		let { arg: _ref2 } = _ref, { bankTransactionId } = _ref2, body = _objectWithoutProperties(_ref2, _excluded$55);
 		return matchBankTransaction(apiUrl, accessToken, {
 			params: {
 				businessId: businessId$1,
@@ -16353,14 +16386,14 @@ function useDelayedVisibility({ delay, initialVisibility = false }) {
 	}, []);
 	return { isVisible };
 }
-var _excluded$53 = ["size"];
+var _excluded$54 = ["size"];
 var File$1 = (_ref) => {
 	let { size = 12 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 12",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$53)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$54)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -16462,7 +16495,7 @@ const variants = {
 		}
 	}
 };
-var _excluded$52 = [
+var _excluded$53 = [
 	"as",
 	"children",
 	"variant",
@@ -16471,7 +16504,7 @@ var _excluded$52 = [
 	"motionKey"
 ];
 function AnimatedPresenceElementInner(_ref, ref) {
-	let { as, children, variant, isOpen, slotProps = { AnimatePresence: { initial: false } }, motionKey } = _ref, props = _objectWithoutProperties(_ref, _excluded$52);
+	let { as, children, variant, isOpen, slotProps = { AnimatePresence: { initial: false } }, motionKey } = _ref, props = _objectWithoutProperties(_ref, _excluded$53);
 	const config = variants[variant];
 	const MotionComponent = motion_react.motion[as !== null && as !== void 0 ? as : "div"];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.AnimatePresence, _objectSpread2(_objectSpread2({}, slotProps.AnimatePresence), {}, { children: isOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MotionComponent, _objectSpread2(_objectSpread2({
@@ -16616,14 +16649,14 @@ function useBookkeepingPeriods() {
 		return Reflect.get(target, prop);
 	} });
 }
-var _excluded$51 = ["size"];
+var _excluded$52 = ["size"];
 var Clock$1 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$51)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$52)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -17128,14 +17161,14 @@ const useSplitsForm = ({ bankTransaction, selectedCategory, isOpen }) => {
 		saveLocalSplitsToCategoryStore
 	};
 };
-var _excluded$50 = ["size"];
+var _excluded$51 = ["size"];
 var ScissorsFullOpen = (_ref) => {
 	let { size = 12 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 12 12",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$50)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$51)), {}, {
 		width: size,
 		height: size,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
@@ -17181,14 +17214,14 @@ var ScissorsFullOpen = (_ref) => {
 	}));
 };
 var ScissorsFullOpen_default = ScissorsFullOpen;
-var _excluded$49 = ["size"];
+var _excluded$50 = ["size"];
 var Trash$1 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$49)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$50)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -17936,9 +17969,9 @@ const ReceiptsProvider = ({ children, bankTransaction, isActive }) => {
 		children
 	});
 };
-var _excluded$48 = ["size"];
+var _excluded$49 = ["size"];
 var Eye = (_ref) => {
-	let { size = 18 } = _ref, props = _objectWithoutProperties(_ref, _excluded$48);
+	let { size = 18 } = _ref, props = _objectWithoutProperties(_ref, _excluded$49);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: size,
@@ -18032,9 +18065,9 @@ const FileThumb = ({ url, floatingActions = false, uploadPending, deletePending,
 		}) : null]
 	});
 };
-var _excluded$47 = ["className", "children"];
+var _excluded$48 = ["className", "children"];
 const TextButton = (_ref) => {
-	let { className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$47);
+	let { className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$48);
 	const baseClassName$1 = (0, classnames.default)("Layer__text-btn", className);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", _objectSpread2(_objectSpread2({}, props), {}, {
 		className: baseClassName$1,
@@ -18080,7 +18113,7 @@ const FileInput = ({ text, onUpload, disabled = false, secondary, iconOnly = fal
 		style: { display: "none" }
 	})] });
 };
-var _excluded$46 = ["bankTransaction", "isActive"];
+var _excluded$47 = ["bankTransaction", "isActive"];
 var MAX_RECEIPTS_COUNT = 10;
 var openReceiptInNewTab = (url, receiptTitle) => (e) => {
 	e.preventDefault();
@@ -18101,7 +18134,7 @@ var BankTransactionReceiptsWithProvider = (0, react.forwardRef)((_ref, ref) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReceiptsProvider, {
 		bankTransaction,
 		isActive,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BankTransactionReceipts, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$46)), {}, { ref }))
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BankTransactionReceipts, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$47)), {}, { ref }))
 	});
 });
 BankTransactionReceiptsWithProvider.displayName = "BankTransactionReceiptsWithProvider";
@@ -18180,14 +18213,14 @@ const getCurrencyFormatConfig = (intl) => {
 		suffix: parts.slice(lastNumberIndex + 1).map((part) => part.value).join("")
 	};
 };
-var _excluded$45 = [
+var _excluded$46 = [
 	"onChange",
 	"className",
 	"errorMessage",
 	"isInvalid"
 ];
 const AmountInput = (_ref) => {
-	let { onChange, className, errorMessage, isInvalid } = _ref, props = _objectWithoutProperties(_ref, _excluded$45);
+	let { onChange, className, errorMessage, isInvalid } = _ref, props = _objectWithoutProperties(_ref, _excluded$46);
 	const intl = (0, react_intl.useIntl)();
 	const formatter = useIntlFormatter();
 	const currencyFormatConfig = (0, react.useMemo)(() => getCurrencyFormatConfig(intl), [intl]);
@@ -18827,14 +18860,14 @@ const BankTransactionsMobileListItemCheckbox = ({ bulkActionsEnabled, bankTransa
 		})
 	});
 };
-var _excluded$44 = ["size"];
+var _excluded$45 = ["size"];
 var Paperclip = (_ref) => {
 	let { size = 20 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 20 20",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$44)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$45)), {}, {
 		width: size,
 		height: size,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -19914,14 +19947,14 @@ const BankTransactionRow = ({ index, bankTransaction, initialLoad, showDescripti
 		})
 	}) })] });
 };
-var _excluded$43 = ["size"];
+var _excluded$44 = ["size"];
 var Inbox = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$43)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$44)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -20219,14 +20252,14 @@ function useArchiveCategorizationRule() {
 		return Reflect.get(target, prop);
 	} });
 }
-var _excluded$42 = ["size"];
+var _excluded$43 = ["size"];
 var BackArrow = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 12 12",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$42)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$43)), {}, {
 		width: size,
 		height: size,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -20323,17 +20356,17 @@ var EMPTY_ARRAY$4 = [];
 var isSelectionEnabled = (props) => props.selectionMode !== "none" && props.enableSelection;
 var isGrouped = (data) => !!data && !Array.isArray(data);
 const MobileList = ({ ariaLabel, data, slots, renderItem, onClickItem, isLoading, isError, variant = "default", enableSelection = false, selectionMode = "none", selectedKeys, onSelectionChange }) => {
-	const { EmptyState: EmptyState$7, ErrorState: ErrorState$8 } = slots;
+	const { EmptyState: EmptyState$8, ErrorState: ErrorState$9 } = slots;
 	const resolvedSelectionMode = isSelectionEnabled({
 		enableSelection,
 		selectionMode
 	}) ? selectionMode : "none";
 	const resolvedSelectionBehavior = resolvedSelectionMode === "none" ? "toggle" : void 0;
 	const renderEmptyState = (0, react.useCallback)(() => {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState$7, {});
-	}, [EmptyState$7]);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState$8, {});
+	}, [EmptyState$8]);
 	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileListSkeleton, { variant });
-	if (isError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorState$8, {});
+	if (isError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorState$9, {});
 	const renderRow = (item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileListItem, {
 		item,
 		onClickItem,
@@ -20388,9 +20421,9 @@ const usePaginationRange = ({ totalCount, pageSize, siblingCount = 1, currentPag
 		currentPage
 	]);
 };
-var _excluded$41 = ["children", "isSelected"];
+var _excluded$42 = ["children", "isSelected"];
 var PaginationButton = (_ref) => {
-	let { children, isSelected } = _ref, buttonProps = _objectWithoutProperties(_ref, _excluded$41);
+	let { children, isSelected } = _ref, buttonProps = _objectWithoutProperties(_ref, _excluded$42);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, _objectSpread2(_objectSpread2({
 		inset: true,
 		icon: true,
@@ -20457,11 +20490,11 @@ const Pagination = ({ onPageChange, totalCount, siblingCount = 1, currentPage, p
 		})
 	});
 };
-var _excluded$40 = ["data", "paginationProps"];
+var _excluded$41 = ["data", "paginationProps"];
 var EMPTY_ARRAY$3 = [];
 const PaginatedMobileList = (props) => {
 	var _data$length;
-	const { data, paginationProps } = props, listProps = _objectWithoutProperties(props, _excluded$40);
+	const { data, paginationProps } = props, listProps = _objectWithoutProperties(props, _excluded$41);
 	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,
@@ -20626,24 +20659,24 @@ const useColumnPinningStyles = (headerGroups) => {
 };
 const DataTable = ({ isLoading, isError, componentName, ariaLabel, slots, dependencies: dependencies$1, data, headerGroups, numColumns, withClickableRow }) => {
 	const nonAria = headerGroups.length > 1;
-	const { EmptyState: EmptyState$7, ErrorState: ErrorState$8 } = slots;
+	const { EmptyState: EmptyState$8, ErrorState: ErrorState$9 } = slots;
 	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",
 			nonAria,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cell, {
+			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$8, {})
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorState$9, {})
 			})
 		});
 		if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
 			className: "Layer__DataTable__EmptyState__Row",
 			nonAria,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cell, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cell$3, {
 				className: "Layer__DataTable__EmptyState__Cell",
 				colSpan: numColumns,
 				nonAria,
@@ -20653,11 +20686,11 @@ const DataTable = ({ isLoading, isError, componentName, ariaLabel, slots, depend
 		if (isEmptyTable) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
 			className: "Layer__DataTable__EmptyState__Row",
 			nonAria,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cell, {
+			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$7, {})
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState$8, {})
 			})
 		});
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: data === null || data === void 0 ? void 0 : data.map((row) => {
@@ -20670,7 +20703,7 @@ const DataTable = ({ isLoading, isError, componentName, ariaLabel, slots, depend
 				className: isClickable ? "Layer__DataTable__ClickableRow" : void 0,
 				children: row.getVisibleCells().map((cell) => {
 					var _cell$column$columnDe;
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cell, {
+					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(),
@@ -20688,15 +20721,15 @@ const DataTable = ({ isLoading, isError, componentName, ariaLabel, slots, depend
 		data,
 		nonAria,
 		numColumns,
-		ErrorState$8,
-		EmptyState$7,
+		ErrorState$9,
+		EmptyState$8,
 		withClickableRow,
 		componentName,
 		pinningStyles
 	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "Layer__UI__Table-ScrollContainer",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table$1, {
 			"aria-label": ariaLabel,
 			className: `Layer__UI__Table__${componentName}`,
 			nonAria,
@@ -20719,7 +20752,7 @@ const DataTable = ({ isLoading, isError, componentName, ariaLabel, slots, depend
 						}, header.id);
 					})
 				}, headerGroup.id))
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody, {
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody$1, {
 				dependencies: dependencies$1,
 				nonAria,
 				children: renderTableBody
@@ -20780,7 +20813,7 @@ var CategorizationRuleColumns = /* @__PURE__ */ function(CategorizationRuleColum
 	CategorizationRuleColumns$1["Delete"] = "Delete";
 	return CategorizationRuleColumns$1;
 }(CategorizationRuleColumns || {});
-var COMPONENT_NAME$13 = "CategorizationRulesTable";
+var COMPONENT_NAME$14 = "CategorizationRulesTable";
 const CategorizationRulesTable = ({ data, isLoading, isError, paginationProps, options, onDeleteRule, slots }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const columnConfig = (0, react.useMemo)(() => [
@@ -20839,7 +20872,7 @@ const CategorizationRulesTable = ({ data, isLoading, isError, paginationProps, o
 		isError,
 		columnConfig,
 		paginationProps,
-		componentName: COMPONENT_NAME$13,
+		componentName: COMPONENT_NAME$14,
 		slots
 	});
 };
@@ -21224,14 +21257,14 @@ function RuleUpdatesPromptStep({ ruleSuggestion, close, isDrawer }) {
 function asMutable(a) {
 	return a;
 }
-var COMPONENT_NAME$12 = "AffectedTransactionsTable";
+var COMPONENT_NAME$13 = "AffectedTransactionsTable";
 var TransactionColumns = /* @__PURE__ */ function(TransactionColumns$1) {
 	TransactionColumns$1["Date"] = "Date";
 	TransactionColumns$1["Description"] = "Description";
 	TransactionColumns$1["Amount"] = "Amount";
 	return TransactionColumns$1;
 }(TransactionColumns || {});
-var ErrorState$6 = () => {
+var ErrorState$7 = () => {
 	const { t } = (0, react_i18next.useTranslation)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataState, {
 		spacing: true,
@@ -21240,7 +21273,7 @@ var ErrorState$6 = () => {
 		description: t("categorizationRules:error.load_affected_transactions", "There was an error loading the affected transactions")
 	});
 };
-var EmptyState$5 = () => {
+var EmptyState$6 = () => {
 	const { t } = (0, react_i18next.useTranslation)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataState, {
 		spacing: true,
@@ -21285,7 +21318,7 @@ const AffectedTransactionsTable = ({ transactions, isLoading = false, isError =
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VStack, {
 		className: "Layer__AffectedTransactionsTable",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VirtualizedDataTable, {
-			componentName: COMPONENT_NAME$12,
+			componentName: COMPONENT_NAME$13,
 			ariaLabel: t("bankTransactions:label.affected_transactions", "Affected transactions"),
 			columnConfig,
 			data: transactions,
@@ -21294,8 +21327,8 @@ const AffectedTransactionsTable = ({ transactions, isLoading = false, isError =
 			height: 500,
 			shrinkHeightToFitRows: true,
 			slots: {
-				EmptyState: EmptyState$5,
-				ErrorState: ErrorState$6
+				EmptyState: EmptyState$6,
+				ErrorState: ErrorState$7
 			}
 		})
 	});
@@ -21425,7 +21458,7 @@ const SuggestedCategorizationRuleUpdatesDialog = ({ isOpen, onOpenChange, ruleSu
 		})] })
 	});
 };
-var _excluded$39 = [
+var _excluded$40 = [
 	"onError",
 	"showTags",
 	"showCustomerVendor",
@@ -21435,9 +21468,9 @@ var _excluded$39 = [
 	"renderInAppLink",
 	"filters"
 ];
-var COMPONENT_NAME$11 = "bank-transactions";
+var COMPONENT_NAME$12 = "bank-transactions";
 const BankTransactions = (_ref) => {
-	let { onError, showTags = false, showCustomerVendor = false, monthlyView = false, applyGlobalDateRange = false, mode, renderInAppLink, filters } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$39);
+	let { onError, showTags = false, showCustomerVendor = false, monthlyView = false, applyGlobalDateRange = false, mode, renderInAppLink, filters } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$40);
 	usePreloadTagDimensions({ isEnabled: showTags });
 	usePreloadCustomers({ isEnabled: showCustomerVendor });
 	usePreloadVendors({ isEnabled: showCustomerVendor });
@@ -21612,7 +21645,7 @@ var BankTransactionsTableView = ({ asWidget = false, pageSize = 20, showDescript
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Container, {
 		className: (0, classnames.default)("Layer__Public", display === DisplayState.review ? "Layer__bank-transactions--to-review" : "Layer__bank-transactions--categorized"),
 		transparentBg: listView && mobileComponent === "mobileList",
-		name: COMPONENT_NAME$11,
+		name: COMPONENT_NAME$12,
 		asWidget,
 		ref: containerRef,
 		children: [
@@ -21743,9 +21776,9 @@ function QuickbooksContextProvider({ children }) {
 		children
 	});
 }
-var _excluded$38 = ["size"];
+var _excluded$39 = ["size"];
 var Cog = (_ref) => {
-	let { size = 12 } = _ref, props = _objectWithoutProperties(_ref, _excluded$38);
+	let { size = 12 } = _ref, props = _objectWithoutProperties(_ref, _excluded$39);
 	const id = (0, react.useId)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
@@ -21776,9 +21809,9 @@ var Cog = (_ref) => {
 	}) })] }));
 };
 var Cog_default = Cog;
-var _excluded$37 = ["size"];
+var _excluded$38 = ["size"];
 var QuickbooksIcon = (_ref) => {
-	let { size = 24 } = _ref, props = _objectWithoutProperties(_ref, _excluded$37);
+	let { size = 24 } = _ref, props = _objectWithoutProperties(_ref, _excluded$38);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
@@ -21965,14 +21998,14 @@ function IntegrationsQuickbooksUnlinkConfirmationModal({ isOpen, onOpenChange })
 		errorText: t("integrations:error.unlink_failed", "Unlink failed. Please check your connection and try again in a few seconds.")
 	});
 }
-var _excluded$36 = ["size"];
+var _excluded$37 = ["size"];
 var MoreVertical = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 16 14",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$36)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$37)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -22055,7 +22088,7 @@ const LinkedAccountOptions = ({ children, config, showLedgerBalance }) => {
 		}), children]
 	});
 };
-var getBadgeConfig = (quickbooksUiState, hasSynced) => {
+var getBadgeConfig$1 = (quickbooksUiState, hasSynced) => {
 	if (!hasSynced) return _objectSpread2({
 		variant: BadgeVariant.INFO,
 		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RefreshCcw_default, { size: 12 })
@@ -22096,7 +22129,7 @@ const IntegrationsQuickbooksItemThumb = () => {
 	}, [t]);
 	if (!quickbooksConnectionStatus) return null;
 	const quickbooksUiState = getQuickbooksConnectionSyncUiState(quickbooksConnectionStatus);
-	const badgeConfig = getBadgeConfig(quickbooksUiState, hasSynced);
+	const badgeConfig = getBadgeConfig$1(quickbooksUiState, hasSynced);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(LinkedAccountOptions, {
 		config: menuConfig,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Card, {
@@ -22135,7 +22168,7 @@ const IntegrationsContent = () => {
 		children: (quickbooksConnectionStatus === null || quickbooksConnectionStatus === void 0 ? void 0 : quickbooksConnectionStatus.is_connected) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IntegrationsQuickbooksItemThumb, {})
 	});
 };
-var COMPONENT_NAME$10 = "integrations";
+var COMPONENT_NAME$11 = "integrations";
 const Integrations = (props) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuickbooksContextProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IntegrationsComponent, _objectSpread2({}, props)) });
 };
@@ -22144,7 +22177,7 @@ const IntegrationsComponent = ({ stringOverrides }) => {
 	const { quickbooksConnectionStatus } = (0, react.useContext)(QuickbooksContext);
 	const isLoading = quickbooksConnectionStatus === void 0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Container, {
-		name: COMPONENT_NAME$10,
+		name: COMPONENT_NAME$11,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Header$3, {
 				className: "Layer__linked-accounts__header",
@@ -22166,14 +22199,14 @@ const IntegrationsComponent = ({ stringOverrides }) => {
 		]
 	});
 };
-var _excluded$35 = ["size"];
+var _excluded$36 = ["size"];
 var PlusIcon = (_ref) => {
 	let { size = 14 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 16 16",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$35)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$36)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -22248,14 +22281,14 @@ function useConfirmAndExcludeMultiple({ onSuccess }) {
 		throwOnError: false
 	});
 }
-var _excluded$34 = ["size"];
+var _excluded$35 = ["size"];
 var InstitutionIcon = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 27 28",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$34)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$35)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -22781,10 +22814,10 @@ const MenuItem$1 = (0, react.forwardRef)(function MenuItem$2({ children, textVal
 		children
 	});
 });
-var _excluded$33 = ["children", "status"];
+var _excluded$34 = ["children", "status"];
 var PILL_CLASS_NAME = "Layer__Pill";
 const Pill = (0, react.forwardRef)(function Pill$1(_ref, ref) {
-	let { children, status } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$33);
+	let { children, status } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$34);
 	const dataProperties = toDataProperties({ status });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: PILL_CLASS_NAME,
@@ -23463,7 +23496,7 @@ function OpeningBalanceModal({ stringOverrides }) {
 		})
 	});
 }
-var COMPONENT_NAME$9 = "linked-accounts";
+var COMPONENT_NAME$10 = "linked-accounts";
 const LinkedAccounts = (props) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountConfirmationStoreProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkedAccountsProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkedAccountsComponent, _objectSpread2({}, props)) }) });
 };
@@ -23471,7 +23504,7 @@ const LinkedAccountsComponent = ({ asWidget, elevated = false, showLedgerBalance
 	const { t } = (0, react_i18next.useTranslation)();
 	const { isLoading, error: error$38, isValidating, refetchAccounts } = (0, react.useContext)(LinkedAccountsContext);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Container, {
-		name: COMPONENT_NAME$9,
+		name: COMPONENT_NAME$10,
 		elevated,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Header$3, {
@@ -23942,7 +23975,7 @@ const useProfitAndLossLTM = ({ tagFilter, reportingBasis, chartWindow }) => {
 		isError
 	};
 };
-var _excluded$32 = [
+var _excluded$33 = [
 	"verticalAnchor",
 	"visibleTicksCount",
 	"tickFormatter",
@@ -23951,7 +23984,7 @@ var _excluded$32 = [
 ], _excluded2$4 = ["format"];
 var CustomizedYTick = (_ref) => {
 	let { verticalAnchor: _verticalAnchor, visibleTicksCount: _visibleTicksCount, tickFormatter: _tickFormatter, format: format$1, payload } = _ref;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("text", _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$32)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("text", _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$33)), {}, {
 		className: "Layer__ChartYAxis__tick",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tspan", {
 			dy: "0.355em",
@@ -24128,7 +24161,7 @@ const ProfitAndLossChartSelectionIndicator = ({ viewBox, selected }) => {
 		height: "calc(100% - 30px)"
 	});
 };
-var _excluded$31 = ["payload", "fill"];
+var _excluded$32 = ["payload", "fill"];
 var BAR_RADIUS$1 = [
 	2,
 	2,
@@ -24148,7 +24181,7 @@ const ProfitAndLossChartBar = ({ dataKey, xAxisId, cellFill, className, barSize,
 		isAnimationActive: barAnimation,
 		fill: cellFill,
 		shape: (0, react.useCallback)((props) => {
-			const { payload, fill } = props, restProps = _objectWithoutProperties(props, _excluded$31);
+			const { payload, fill } = props, restProps = _objectWithoutProperties(props, _excluded$32);
 			const shouldRound = payload && isOutermostBar(payload, dataKey, xAxisId);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Rectangle, _objectSpread2(_objectSpread2({}, restProps), {}, {
 				fill,
@@ -24210,14 +24243,14 @@ const ProfitAndLossChartLegend = () => {
 		})), [t]))
 	});
 };
-var _excluded$30 = ["size"];
+var _excluded$31 = ["size"];
 var BarChart2 = (_ref) => {
 	let { size = 12 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 12",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$30)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$31)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -24260,7 +24293,7 @@ const ProfitAndLossChartStateCard = () => {
 		})]
 	});
 };
-var _excluded$29 = [
+var _excluded$30 = [
 	"content",
 	"cursorWidth",
 	"animationDuration",
@@ -24296,7 +24329,7 @@ const ChartTooltipCursor = ({ width, points, height }) => {
 	});
 };
 const ChartTooltip = (_ref) => {
-	let { content, cursorWidth, animationDuration = 100, animationEasing = "ease-out" } = _ref, props = _objectWithoutProperties(_ref, _excluded$29);
+	let { content, cursorWidth, animationDuration = 100, animationEasing = "ease-out" } = _ref, props = _objectWithoutProperties(_ref, _excluded$30);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Tooltip, _objectSpread2({
 		wrapperClassName: "Layer__ChartTooltip__wrapper",
 		content,
@@ -24557,9 +24590,9 @@ const ProfitAndLossChart = ({ tagFilter }) => {
 		}, "pnl-chart"), isSyncing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfitAndLossChartStateCard, {}) : null]
 	});
 };
-var _excluded$28 = ["className", "textOnly"];
+var _excluded$29 = ["className", "textOnly"];
 const BackButton = (_ref) => {
-	let { className, textOnly = false } = _ref, props = _objectWithoutProperties(_ref, _excluded$28);
+	let { className, textOnly = false } = _ref, props = _objectWithoutProperties(_ref, _excluded$29);
 	const baseClassName$1 = (0, classnames.default)("Layer__btn", "Layer__back-btn", className);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", _objectSpread2(_objectSpread2({}, props), {}, {
 		className: baseClassName$1,
@@ -24733,7 +24766,7 @@ const DetailedChart = ({ data, isLoading, interactionProps, stylingProps, slots
 		})]
 	});
 };
-var _excluded$27 = ["size"];
+var _excluded$28 = ["size"];
 var ClassNames = {
 	DESC_ARROW: "Layer__SortArrows__DescArrow",
 	ASC_ARROW: "Layer__SortArrows__AscArrow"
@@ -24744,7 +24777,7 @@ var SortArrows = (_ref) => {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 13",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$27)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$28)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
@@ -24882,7 +24915,7 @@ var RegularValueIcon = ({ colorMapping }) => {
 		})
 	});
 };
-var _excluded$26 = ["data"];
+var _excluded$27 = ["data"];
 const DetailedTable = ({ stylingProps, sortParams, sortFunction, interactionProps, rows, stringOverrides }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const setAndToggleSortDirection = (params) => {
@@ -25013,7 +25046,7 @@ const DetailedTable = ({ stylingProps, sortParams, sortFunction, interactionProp
 	});
 };
 const DetailedTableWithData = (_ref) => {
-	let { data } = _ref, props = _objectWithoutProperties(_ref, _excluded$26);
+	let { data } = _ref, props = _objectWithoutProperties(_ref, _excluded$27);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailedTable, _objectSpread2({ rows: useDetailedTableRows({ data }) }, props));
 };
 function useGlobalDatePickerBounds() {
@@ -25167,9 +25200,9 @@ const LedgerAccountsContext = (0, react.createContext)({
 	hasMore: false,
 	fetchMore: () => {}
 });
-var _excluded$25 = ["className", "textOnly"];
+var _excluded$26 = ["className", "textOnly"];
 const CloseButton = (_ref) => {
-	let { className, textOnly = false } = _ref, props = _objectWithoutProperties(_ref, _excluded$25);
+	let { className, textOnly = false } = _ref, props = _objectWithoutProperties(_ref, _excluded$26);
 	const baseClassName$1 = (0, classnames.default)("Layer__btn", "Layer__back-btn", className);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", _objectSpread2(_objectSpread2({}, props), {}, {
 		className: baseClassName$1,
@@ -25199,7 +25232,7 @@ const HeaderRow = ({ className, children, direction, style: style$1 }) => {
 		children
 	}));
 };
-const Table$1 = ({ componentName, children, borderCollapse = "separate", bottomSpacing = true }) => {
+const Table = ({ componentName, children, borderCollapse = "separate", bottomSpacing = true }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: (0, classnames.default)("Layer__table-wrapper", bottomSpacing && "Layer__table-wrapper--bottom-spacing"),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
@@ -25208,7 +25241,7 @@ const Table$1 = ({ componentName, children, borderCollapse = "separate", bottomS
 		})
 	});
 };
-const TableBody$1 = ({ children }) => {
+const TableBody = ({ children }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", {
 		className: "Layer__table-body",
 		children
@@ -25583,7 +25616,7 @@ const LedgerAccountEntryDetails = ({ stringOverrides }) => {
 			}),
 			!isLoadingEntry && !isErrorEntry ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "Layer__ledger-account__entry-details__line-items",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table$1, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
 					componentName: "ledger-account__entry-details",
 					borderCollapse: "collapse",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHead, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableRow, {
@@ -25600,7 +25633,7 @@ const LedgerAccountEntryDetails = ({ stringOverrides }) => {
 								children: (stringOverrides === null || stringOverrides === void 0 || (_stringOverrides$line3 = stringOverrides.lineItemsTable) === null || _stringOverrides$line3 === void 0 ? void 0 : _stringOverrides$line3.creditColumnHeader) || t("common:label.credit", "Credit")
 							})
 						]
-					}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableBody$1, { children: [entryData === null || entryData === void 0 || (_entryData$line_items2 = entryData.line_items) === null || _entryData$line_items2 === void 0 ? void 0 : _entryData$line_items2.map((item, index) => {
+					}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableBody, { children: [entryData === null || entryData === void 0 || (_entryData$line_items2 = entryData.line_items) === null || _entryData$line_items2 === void 0 ? void 0 : _entryData$line_items2.map((item, index) => {
 						var _item$account;
 						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableRow, {
 							rowKey: `ledger-line-item-${index}`,
@@ -25649,7 +25682,7 @@ const LedgerAccountEntryDetails = ({ stringOverrides }) => {
 		]
 	});
 };
-var COMPONENT_NAME$8 = "ProfitAndLossDetailReport";
+var COMPONENT_NAME$9 = "ProfitAndLossDetailReport";
 var PnlDetailColumns = /* @__PURE__ */ function(PnlDetailColumns$1) {
 	PnlDetailColumns$1["Date"] = "Date";
 	PnlDetailColumns$1["Type"] = "Type";
@@ -25659,7 +25692,7 @@ var PnlDetailColumns = /* @__PURE__ */ function(PnlDetailColumns$1) {
 	PnlDetailColumns$1["Balance"] = "Balance";
 	return PnlDetailColumns$1;
 }(PnlDetailColumns || {});
-var ErrorState$5 = () => {
+var ErrorState$6 = () => {
 	const { t } = (0, react_i18next.useTranslation)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataState, {
 		spacing: true,
@@ -25668,7 +25701,7 @@ var ErrorState$5 = () => {
 		description: t("reports:error.load_pnl_detail_lines", "There was an error loading the profit and loss detail lines")
 	});
 };
-var EmptyState$4 = () => {
+var EmptyState$5 = () => {
 	const { t } = (0, react_i18next.useTranslation)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataState, {
 		spacing: true,
@@ -25833,7 +25866,7 @@ const ProfitAndLossDetailReport = ({ lineItemName, breadcrumbPath, onClose, onBr
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
 			className: "Layer__ProfitAndLossDetailReport",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(VirtualizedDataTable, {
-				componentName: COMPONENT_NAME$8,
+				componentName: COMPONENT_NAME$9,
 				ariaLabel: t("reports:label.line_item_name_detail_lines", "{{lineItemName}} detail lines", { lineItemName }),
 				columnConfig,
 				data: rowsWithRunningBalance.lines,
@@ -25841,8 +25874,8 @@ const ProfitAndLossDetailReport = ({ lineItemName, breadcrumbPath, onClose, onBr
 				isError,
 				shrinkHeightToFitRows: true,
 				slots: {
-					EmptyState: EmptyState$4,
-					ErrorState: ErrorState$5
+					EmptyState: EmptyState$5,
+					ErrorState: ErrorState$6
 				}
 			}), rowsWithRunningBalance.lines.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
 				pb: "sm",
@@ -25954,7 +25987,7 @@ const usePnlDetailedTableRows = ({ data }) => {
 		isDisabled: (item) => UNCATEGORIZED_TYPES.includes(item.name)
 	});
 };
-var EmptyState$3 = () => {
+var EmptyState$4 = () => {
 	const { t } = (0, react_i18next.useTranslation)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "Layer__profit-and-loss-detailed-charts__empty-chart",
@@ -26095,7 +26128,7 @@ const ProfitAndLossDetailedCharts = ({ scope, hideClose = false, showDatePicker
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "Layer__profit-and-loss-detailed-charts__content",
-				children: isEmpty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState$3, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailedChart, {
+				children: isEmpty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState$4, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailedChart, {
 					data: chartDataWithTotal,
 					slots: { Header: showDatePicker ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailedChartsDatePickerHeader, {}) : void 0 },
 					interactionProps: chartInteractionProps,
@@ -26828,7 +26861,7 @@ const ReportsTableLoader = ({ typeColumnHeader, totalColumnHeader, showHeader =
 	const { t } = (0, react_i18next.useTranslation)();
 	const typeColumnHeaderText = typeColumnHeader !== null && typeColumnHeader !== void 0 ? typeColumnHeader : t("common:label.type", "Type");
 	const totalColumnHeaderText = totalColumnHeader !== null && totalColumnHeader !== void 0 ? totalColumnHeader : t("common:label.total", "Total");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table$1, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
 		borderCollapse: "collapse",
 		children: [showHeader && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHead, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableRow, {
 			rowKey: "report-table-loader-header",
@@ -26941,7 +26974,7 @@ const ProfitAndLossCompareTable = ({ stringOverrides }) => {
 		isError,
 		Loading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReportsTableLoader, { showHeader: false }),
 		Error: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReportsTableErrorState, { isLoading: isValidating }),
-		children: ({ data: resolvedComparisonData }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table$1, {
+		children: ({ data: resolvedComparisonData }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
 			borderCollapse: "collapse",
 			bottomSpacing: false,
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHead, { children: selectedCompareOptions && selectedCompareOptions.length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableRow, {
@@ -26954,7 +26987,7 @@ const ProfitAndLossCompareTable = ({ stringOverrides }) => {
 					isHeaderCell: true,
 					children: option.displayName
 				}, option.displayName + "-" + i), comparePeriods && Array.from({ length: comparePeriods - 1 }, (_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, { isHeaderCell: true }, option.displayName + "-" + index))] }, option.displayName + "-" + i))]
-			}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableBody$1, { children: [
+			}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableBody, { children: [
 				comparePeriods && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableRow, {
 					rowKey: "",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
@@ -27108,10 +27141,10 @@ const ProfitAndLossTableComponent = ({ stringOverrides, onLineItemClick }) => {
 		Loading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReportsTableLoader, { showHeader: false }),
 		Inactive: null,
 		Error: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReportsTableErrorState, { isLoading: isValidating }),
-		children: ({ data: data$1 }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Table$1, {
+		children: ({ data: data$1 }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Table, {
 			borderCollapse: "collapse",
 			bottomSpacing: false,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableBody$1, { children: [
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableBody, { children: [
 				renderLineItem({
 					lineItem: data$1.income,
 					depth: 0,
@@ -27220,7 +27253,7 @@ const filterOptionsOrGroups = (source, query) => {
 	}
 	return { options: [] };
 };
-var _excluded$24 = [
+var _excluded$25 = [
 	"ariaLabel",
 	"selectedValue",
 	"onSelectedValueChange",
@@ -27231,14 +27264,14 @@ var wrap = (option) => ({
 	id: option.value,
 	option
 });
-var EmptyState$2 = () => {
+var EmptyState$3 = () => {
 	const { t } = (0, react_i18next.useTranslation)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
 		size: "sm",
 		children: t("common:empty.results", "No results found")
 	});
 };
-var ErrorState$4 = () => {
+var ErrorState$5 = () => {
 	const { t } = (0, react_i18next.useTranslation)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
 		size: "sm",
@@ -27247,7 +27280,7 @@ var ErrorState$4 = () => {
 };
 const MobileSelectionDrawerList = (_ref) => {
 	let { ariaLabel, selectedValue, onSelectedValueChange, isLoading = false, isError = false } = _ref;
-	const source = _objectWithoutProperties(_ref, _excluded$24);
+	const source = _objectWithoutProperties(_ref, _excluded$25);
 	const data = (0, react.useMemo)(() => {
 		if (source.groups) return { groups: source.groups.map((group) => ({
 			label: group.label,
@@ -27280,8 +27313,8 @@ const MobileSelectionDrawerList = (_ref) => {
 		ariaLabel,
 		data,
 		slots: {
-			EmptyState: EmptyState$2,
-			ErrorState: ErrorState$4
+			EmptyState: EmptyState$3,
+			ErrorState: ErrorState$5
 		},
 		renderItem,
 		onClickItem,
@@ -27290,7 +27323,7 @@ const MobileSelectionDrawerList = (_ref) => {
 		variant: "compact"
 	});
 };
-var _excluded$23 = [
+var _excluded$24 = [
 	"ariaLabel",
 	"heading",
 	"selectedValue",
@@ -27304,7 +27337,7 @@ var _excluded$23 = [
 ];
 const MobileSelectionDrawerWithTrigger = (_ref) => {
 	var _selectedValue$label;
-	let { ariaLabel, heading, selectedValue, onSelectedValueChange, placeholder, isLoading = false, isError = false, isDisabled = false, isSearchable = false, searchPlaceholder } = _ref, optionOrGroups = _objectWithoutProperties(_ref, _excluded$23);
+	let { ariaLabel, heading, selectedValue, onSelectedValueChange, placeholder, isLoading = false, isError = false, isDisabled = false, isSearchable = false, searchPlaceholder } = _ref, optionOrGroups = _objectWithoutProperties(_ref, _excluded$24);
 	const { t } = (0, react_i18next.useTranslation)();
 	const { options, groups } = optionOrGroups;
 	const [isOpen, setIsOpen] = (0, react.useState)(false);
@@ -27804,7 +27837,7 @@ function TransactionsToReview({ onClick, tagFilter = void 0, variants: variants$
 		})]
 	});
 }
-var _excluded$22 = ["onTransactionsToReviewClick"];
+var _excluded$23 = ["onTransactionsToReviewClick"];
 var SECTION_CLASS_NAMES = `Layer__ProfitAndLossSummaries Layer__component`;
 function Internal_ProfitAndLossSummaries({ actionable = false, revenueLabel, stringOverrides, chartColorsList, slots, variants: variants$1 }) {
 	var _effectiveData$income3, _effectiveData$income4, _effectiveData$income5, _data$netProfit;
@@ -27911,7 +27944,7 @@ function Internal_ProfitAndLossSummaries({ actionable = false, revenueLabel, str
 	});
 }
 function ProfitAndLossSummaries(_ref) {
-	let { onTransactionsToReviewClick } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$22);
+	let { onTransactionsToReviewClick } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$23);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Internal_ProfitAndLossSummaries, _objectSpread2(_objectSpread2({}, restProps), {}, { slots: { unstable_AdditionalListItems: onTransactionsToReviewClick ? [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TransactionsToReview, {
 		variants: restProps.variants,
 		onClick: onTransactionsToReviewClick
@@ -28107,7 +28140,7 @@ const BalanceSheetTable = ({ data, config, stringOverrides }) => {
 			})
 		] }, rowKey + "-" + rowIndex);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table$1, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
 		borderCollapse: "collapse",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHead, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableRow, {
 			isHeadRow: true,
@@ -28120,7 +28153,7 @@ const BalanceSheetTable = ({ data, config, stringOverrides }) => {
 				align: TableCellAlign.RIGHT,
 				children: (stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.totalColumnHeader) || "Total"
 			})]
-		}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody$1, { children: config.map((row, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: data[row.lineItem] && renderLineItem(data[row.lineItem], 0, row.lineItem, idx) }, row.lineItem)) })]
+		}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody, { children: config.map((row, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: data[row.lineItem] && renderLineItem(data[row.lineItem], 0, row.lineItem, idx) }, row.lineItem)) })]
 	});
 };
 const GlobalDatePicker = ({ showLabel = false }) => {
@@ -28387,7 +28420,7 @@ const StatementOfCashFlowTable = ({ data, config, stringOverrides }) => {
 			})
 		] }, rowKey + "-" + rowIndex);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table$1, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
 		borderCollapse: "collapse",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHead, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableRow, {
 			rowKey: "soc-flow-head-row",
@@ -28400,7 +28433,7 @@ const StatementOfCashFlowTable = ({ data, config, stringOverrides }) => {
 				align: TableCellAlign.RIGHT,
 				children: (stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.totalColumnHeader) || t("common:label.total", "Total")
 			})]
-		}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody$1, { children: config.map((row, idx) => {
+		}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody, { children: config.map((row, idx) => {
 			if (row.type === "line_item") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: data[row.lineItem] && renderLineItem(data[row.lineItem], 0, row.lineItem ? row.lineItem : "", idx) }, row.lineItem);
 			else return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableRow, {
 				rowKey: row.name + "-" + idx,
@@ -29183,14 +29216,14 @@ const ChartOfAccountsContext = (0, react.createContext)({
 	changeFormData: () => {},
 	submitForm: () => {}
 });
-var _excluded$21 = ["size"];
+var _excluded$22 = ["size"];
 var Plus$8 = (_ref) => {
 	let { size = 14 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 14 14",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$21)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$22)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -29510,14 +29543,14 @@ let LedgerAccountNodeType = /* @__PURE__ */ function(LedgerAccountNodeType$1) {
 	LedgerAccountNodeType$1["Parent"] = "Parent";
 	return LedgerAccountNodeType$1;
 }({});
-var _excluded$20 = ["size"];
+var _excluded$21 = ["size"];
 var Edit2 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$20)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$21)), {}, {
 		width: size,
 		height: size,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -29796,7 +29829,7 @@ const ChartOfAccountsTableContent = ({ stringOverrides, data, searchQuery, expan
 			description: t("chartOfAccounts:empty.accounts_match_filters", "No accounts match the current filters. Click \"Add Account\" to create a new one.")
 		})
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table$1, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
 		componentName: "chart-of-accounts",
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("colgroup", { children: [
@@ -29834,7 +29867,7 @@ const ChartOfAccountsTableContent = ({ stringOverrides, data, searchQuery, expan
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, { isHeaderCell: true })
 				]
 			}) }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody$1, { children: !isError && filteredAccounts.map((account, index) => renderChartOfAccountsDesktopRow({
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody, { children: !isError && filteredAccounts.map((account, index) => renderChartOfAccountsDesktopRow({
 				account,
 				index,
 				depth: 0,
@@ -29853,7 +29886,7 @@ const ChartOfAccountsTableContent = ({ stringOverrides, data, searchQuery, expan
 		cancelLabel: t("common:action.cancel_label", "Cancel")
 	})] });
 };
-var COMPONENT_NAME$7 = "chart-of-accounts";
+var COMPONENT_NAME$8 = "chart-of-accounts";
 const ChartOfAccountsTableWithPanel = ({ view, containerRef, asWidget = false, withDateControl = false, withExpandAllButton = false, showAddAccountButton = true, stringOverrides, templateAccountsEditable }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const { data, isLoading, addAccount, isError, isValidating, refetch, form } = (0, react.useContext)(ChartOfAccountsContext);
@@ -29868,21 +29901,21 @@ const ChartOfAccountsTableWithPanel = ({ view, containerRef, asWidget = false, w
 		parentRef: containerRef,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Header$1, {
-				className: `Layer__${COMPONENT_NAME$7}__header`,
+				className: `Layer__${COMPONENT_NAME$8}__header`,
 				asHeader: true,
 				rounded: true,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeaderRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeaderCol, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heading$1, {
-					className: `Layer__${COMPONENT_NAME$7}__title`,
+					className: `Layer__${COMPONENT_NAME$8}__title`,
 					size: asWidget ? HeadingSize.view : HeadingSize.primary,
 					children: (stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.headerText) || t("chartOfAccounts:label.chart_of_accounts", "Chart of Accounts")
 				}) }) })
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Header$1, {
-				className: `Layer__${COMPONENT_NAME$7}__header`,
+				className: `Layer__${COMPONENT_NAME$8}__header`,
 				sticky: true,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HeaderRow, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeaderCol, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heading$1, {
 					size: HeadingSize.secondary,
-					className: `Layer__${COMPONENT_NAME$7}__subtitle`,
+					className: `Layer__${COMPONENT_NAME$8}__subtitle`,
 					children: withDateControl || withExpandAllButton ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
 						align: "center",
 						gap: "xs",
@@ -29930,7 +29963,7 @@ const ChartOfAccountsTableWithPanel = ({ view, containerRef, asWidget = false, w
 				})
 			}) : null,
 			(!data || isLoading) && !isError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: `Layer__${COMPONENT_NAME$7}__loader-container`,
+				className: `Layer__${COMPONENT_NAME$8}__loader-container`,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Loader, {})
 			}) : null
 		]
@@ -31601,7 +31634,7 @@ const JournalEntryDetails = () => {
 			}),
 			!isLoadingEntry && !isErrorEntry ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "Layer__journal__entry-details__line-items",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table$1, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
 					componentName: "journal__entry-details",
 					borderCollapse: "collapse",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHead, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableRow, {
@@ -31620,7 +31653,7 @@ const JournalEntryDetails = () => {
 								children: t("common:label.credit", "Credit")
 							})
 						]
-					}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableBody$1, { children: [sortedLineItems === null || sortedLineItems === void 0 ? void 0 : sortedLineItems.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableRow, {
+					}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableBody, { children: [sortedLineItems === null || sortedLineItems === void 0 ? void 0 : sortedLineItems.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableRow, {
 						rowKey: `ledger-line-item-${index}`,
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, { children: item.account.name }),
@@ -31782,7 +31815,7 @@ var JournalTableContent = ({ data, stringOverrides }) => {
 			]
 		}, rowKey + "-" + index + "-" + subIdx))] }, rowKey + "-" + index);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table$1, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
 		borderCollapse: "collapse",
 		componentName: "JournalTable",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHead, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableRow, {
@@ -31820,10 +31853,10 @@ var JournalTableContent = ({ data, stringOverrides }) => {
 					children: (stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.creditColumnHeader) || t("common:label.credit", "Credit")
 				})
 			]
-		}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody$1, { children: data.map((entry, idx) => renderJournalRow(entry, idx, `journal-row-${entry.id}`, 0)) })]
+		}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody, { children: data.map((entry, idx) => renderJournalRow(entry, idx, `journal-row-${entry.id}`, 0)) })]
 	});
 };
-var COMPONENT_NAME$6 = "journal-table";
+var COMPONENT_NAME$7 = "journal-table";
 const JournalTableWithPanel = ({ containerRef, pageSize = 15, stringOverrides, view }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const [currentPage, setCurrentPage] = (0, react.useState)(1);
@@ -31846,25 +31879,25 @@ const JournalTableWithPanel = ({ containerRef, pageSize = 15, stringOverrides, v
 		}
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Panel, {
-		className: `Layer__${COMPONENT_NAME$6}`,
+		className: `Layer__${COMPONENT_NAME$7}`,
 		sidebar: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JournalSidebar, { parentRef: containerRef }),
 		sidebarIsOpen: Boolean(selectedEntryId && selectedEntryId !== "new"),
 		parentRef: containerRef,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Header$1, {
-				className: `Layer__${COMPONENT_NAME$6}__header`,
+				className: `Layer__${COMPONENT_NAME$7}__header`,
 				asHeader: true,
 				sticky: true,
 				rounded: true,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeaderRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeaderCol, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heading$1, {
-					className: `Layer__${COMPONENT_NAME$6}__title`,
+					className: `Layer__${COMPONENT_NAME$7}__title`,
 					size: HeadingSize.view,
 					children: (stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.componentTitle) || t("generalLedger:label.journal", "Journal")
 				}) }) })
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Header$1, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HeaderRow, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeaderCol, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heading$1, {
 				size: HeadingSize.secondary,
-				className: `Layer__${COMPONENT_NAME$6}__subtitle`,
+				className: `Layer__${COMPONENT_NAME$7}__subtitle`,
 				children: (stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.componentSubtitle) || t("generalLedger:label.entries", "Entries")
 			}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HeaderCol, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(JournalEntriesDownloadButton, { iconOnly: ["mobile", "tablet"].includes(view) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button$1, {
 				onClick: () => toCreateEntry(),
@@ -31906,7 +31939,7 @@ const JournalTableWithPanel = ({ containerRef, pageSize = 15, stringOverrides, v
 				})
 			}) : null,
 			(!data || isLoading) && !isError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: `Layer__${COMPONENT_NAME$6}__loader-container`,
+				className: `Layer__${COMPONENT_NAME$7}__loader-container`,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Loader, {})
 			}) : null
 		]
@@ -32066,14 +32099,14 @@ const TasksHeader = ({ tasksHeader }) => {
 		})
 	});
 };
-var _excluded$19 = ["size"];
+var _excluded$20 = ["size"];
 var SmileIcon = (_ref) => {
 	let { size = 12 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 12 12",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$19)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$20)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -32261,13 +32294,13 @@ function useSubmitUserResponseForTask() {
 		return Reflect.get(target, prop);
 	} });
 }
-var _excluded$18 = [
+var _excluded$19 = [
 	"className",
 	"isInvalid",
 	"errorMessage"
 ];
 const Textarea = (_ref) => {
-	let { className, isInvalid, errorMessage } = _ref, props = _objectWithoutProperties(_ref, _excluded$18);
+	let { className, isInvalid, errorMessage } = _ref, props = _objectWithoutProperties(_ref, _excluded$19);
 	const baseClassName$1 = (0, classnames.default)("Layer__textarea", isInvalid ? "Layer__textarea--error" : "", className);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DeprecatedTooltip, {
 		disabled: !isInvalid || !errorMessage,
@@ -32586,34 +32619,28 @@ const TasksList = ({ pageSize = 8, mobile }) => {
 		})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TasksEmptyState, {})
 	});
 };
-var useBadgeConfig = (status, tasksCount) => {
-	const { t } = (0, react_i18next.useTranslation)();
-	const { formatNumber: formatNumber$1 } = useIntlFormatter();
+var buildLongLabel = (t, formatNumber$1, tasksCount) => tPlural(t, "bookkeeping:label.count_tasks", {
+	count: tasksCount,
+	displayCount: formatNumber$1(tasksCount),
+	one: "{{displayCount}} task",
+	other: "{{displayCount}} tasks"
+});
+var getBadgeConfig = (status, tasksCount, t, formatNumber$1) => {
 	switch (status) {
 		case BookkeepingPeriodStatus.IN_PROGRESS_AWAITING_BOOKKEEPER:
 		case BookkeepingPeriodStatus.NOT_STARTED:
 		case BookkeepingPeriodStatus.CLOSING_IN_REVIEW: return {
 			color: "info",
 			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Clock_default, { size: 12 }),
-			label: tasksCount ? tPlural(t, "bookkeeping:label.count_tasks", {
-				count: tasksCount,
-				displayCount: formatNumber$1(tasksCount),
-				one: "{{displayCount}} task",
-				other: "{{displayCount}} tasks"
-			}) : void 0,
+			label: tasksCount ? buildLongLabel(t, formatNumber$1, tasksCount) : void 0,
 			labelShort: tasksCount ? formatNumber$1(tasksCount) : void 0
 		};
 		case BookkeepingPeriodStatus.IN_PROGRESS_AWAITING_CUSTOMER:
 		case BookkeepingPeriodStatus.CLOSED_OPEN_TASKS: return {
 			color: "warning",
-			label: tasksCount ? tPlural(t, "bookkeeping:label.count_tasks", {
-				count: tasksCount,
-				displayCount: formatNumber$1(tasksCount),
-				one: "{{displayCount}} task",
-				other: "{{displayCount}} tasks"
-			}) : void 0,
-			labelShort: tasksCount ? formatNumber$1(tasksCount) : void 0,
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertCircle_default, { size: 12 })
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertCircle_default, { size: 12 }),
+			label: tasksCount ? buildLongLabel(t, formatNumber$1, tasksCount) : void 0,
+			labelShort: tasksCount ? formatNumber$1(tasksCount) : void 0
 		};
 		case BookkeepingPeriodStatus.CLOSED_COMPLETE: return {
 			color: "success",
@@ -32627,37 +32654,38 @@ var useBadgeConfig = (status, tasksCount) => {
 		});
 	}
 };
-const TaskStatusBadge = ({ status, tasksCount }) => {
-	const badgeConfig = useBadgeConfig(status, tasksCount);
+var BadgeContent = ({ color, icon, display }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, _objectSpread2(_objectSpread2({ className: "Layer__TasksBadge" }, toDataProperties({
+		status: color,
+		icononly: !display
+	})), {}, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HStack, {
+		align: "center",
+		justify: "center",
+		className: "Layer__TasksBadge__Icon",
+		"data-status": color,
+		children: icon
+	}), display ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
+		className: "Layer__TasksBadge__Label",
+		size: TextSize.sm,
+		status: color,
+		invertColor: color === "warning",
+		weight: TextWeight.bold,
+		children: display
+	}) : null] }));
+};
+const TaskStatusBadge = ({ status, tasksCount, isMobile }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const { formatNumber: formatNumber$1 } = useIntlFormatter();
+	const badgeConfig = getBadgeConfig(status, tasksCount, t, formatNumber$1);
 	if (!badgeConfig) return;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", _objectSpread2(_objectSpread2({ className: "Layer__tasks__badge" }, toDataProperties({
-		status: badgeConfig.color,
-		icononly: !badgeConfig.label
-	})), {}, { children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "Layer__tasks__badge__icon-wrapper",
-			"data-status": badgeConfig.color,
-			children: badgeConfig.icon
-		}),
-		badgeConfig.label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
-			className: "Layer__tasks__badge__label",
-			size: TextSize.sm,
-			status: badgeConfig.color,
-			invertColor: badgeConfig.color === "warning",
-			weight: TextWeight.bold,
-			children: badgeConfig.label
-		}),
-		badgeConfig.labelShort && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
-			className: "Layer__tasks__badge__label-short",
-			size: TextSize.sm,
-			status: badgeConfig.color,
-			invertColor: badgeConfig.color === "warning",
-			weight: TextWeight.bold,
-			children: badgeConfig.labelShort
-		})
-	] }));
+	const display = isMobile ? badgeConfig.labelShort : badgeConfig.label;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BadgeContent, {
+		color: badgeConfig.color,
+		icon: badgeConfig.icon,
+		display
+	});
 };
-const TaskMonthTile = ({ data, onClick, active, disabled }) => {
+const TaskMonthTile = ({ data, onClick, active, disabled, isMobile }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", _objectSpread2(_objectSpread2({
 		className: "Layer__tasks-month-selector__month",
 		onClick: () => !disabled && onClick(new Date(data.year, data.month - 1, 1))
@@ -32670,7 +32698,8 @@ const TaskMonthTile = ({ data, onClick, active, disabled }) => {
 		children: data.monthStr
 	}), data.status && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskStatusBadge, {
 		status: data.status,
-		tasksCount: data.total - data.completed
+		tasksCount: data.total - data.completed,
+		isMobile
 	})] }));
 };
 function useActiveYearBookkeepingPeriods() {
@@ -32681,7 +32710,7 @@ function useActiveYearBookkeepingPeriods() {
 		return data === null || data === void 0 ? void 0 : data.filter((period) => period.year === activeYear);
 	}, [data, activeYear]) };
 }
-function TasksMonthSelector() {
+function TasksMonthSelector({ isMobile }) {
 	const { date } = useGlobalDate();
 	const { formatDate: formatDate$1 } = useIntlFormatter();
 	const { setMonthByPeriod } = useGlobalDatePeriodAlignedActions();
@@ -32731,7 +32760,8 @@ function TasksMonthSelector() {
 				}),
 				data: monthData,
 				active: monthData.month === activeMonthNumber,
-				disabled: monthData.disabled
+				disabled: monthData.disabled,
+				isMobile
 			}, idx);
 		})
 	});
@@ -32765,14 +32795,14 @@ const useBookkeepingYearsStatus = () => {
 		isLoading
 	};
 };
-var _excluded$17 = ["size"];
+var _excluded$18 = ["size"];
 var ArrowRightCircle = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$17)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$18)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -33099,7 +33129,7 @@ const Tabs = ({ name: name$1, options, selected, onChange }) => {
 		})
 	});
 };
-const TasksYearsTabs = () => {
+const TasksYearsTabs = ({ isMobile }) => {
 	const { date } = useGlobalDate();
 	const { setMonthByPeriod } = useGlobalDatePeriodAlignedActions();
 	const { formatDate: formatDate$1 } = useIntlFormatter();
@@ -33120,11 +33150,16 @@ const TasksYearsTabs = () => {
 					label: formatDate$1(new Date(y.year, 0, 1), DateFormat.Year),
 					badge: !y.completed && y.unresolvedTasks ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskStatusBadge, {
 						status: y.unresolvedTasks ? BookkeepingPeriodStatus.IN_PROGRESS_AWAITING_CUSTOMER : BookkeepingPeriodStatus.CLOSED_COMPLETE,
-						tasksCount: y.unresolvedTasks
+						tasksCount: y.unresolvedTasks,
+						isMobile
 					}) : null
 				};
 			});
-		}, [formatDate$1, yearStatuses]),
+		}, [
+			formatDate$1,
+			yearStatuses,
+			isMobile
+		]),
 		selected: activeYear.toString(),
 		onChange: (year) => setCurrentYear(year.target.value)
 	});
@@ -33142,6 +33177,7 @@ function Tasks({ mobile = false, tasksHeader, onClickReconnectAccounts, stringOv
 	const { t } = (0, react_i18next.useTranslation)();
 	const { data, isLoading } = useBookkeepingPeriods();
 	const { data: callBookings, isLoading: isLoadingCallBookings } = useCallBookings();
+	const { isMobile } = useSizeClass();
 	const tasksState = (0, react.useMemo)(() => {
 		var _data$length, _callBookings$some;
 		if (isLoading || isLoadingCallBookings) return "loading";
@@ -33178,8 +33214,8 @@ function Tasks({ mobile = false, tasksHeader, onClickReconnectAccounts, stringOv
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(P, { children: t("bookkeeping:label.please_contact_support", "If you believe this is an error, please contact support.") })]
 						}) }),
 						children: () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TasksYearsTabs, {}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TasksMonthSelector, {}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TasksYearsTabs, { isMobile }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TasksMonthSelector, { isMobile }),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TasksPending, {}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TasksList, { mobile })
 						] })
@@ -34009,14 +34045,14 @@ function LinkAccountsContent({ onComplete }) {
 		})
 	});
 }
-var _excluded$16 = ["size"];
+var _excluded$17 = ["size"];
 var CoffeeIcon = (_ref) => {
 	let { size = 11 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 12",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$16)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$17)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
@@ -34065,7 +34101,7 @@ var CoffeeIcon = (_ref) => {
 	}));
 };
 var Coffee_default = CoffeeIcon;
-var _excluded$15 = [
+var _excluded$16 = [
 	"className",
 	"children",
 	"variant",
@@ -34077,7 +34113,7 @@ var _excluded$15 = [
 	"fullWidth"
 ];
 const Link$1 = (_ref) => {
-	let { className, children, variant = ButtonVariant.primary, leftIcon, rightIcon, iconOnly, iconAsPrimary = false, justify = "center", fullWidth } = _ref, props = _objectWithoutProperties(_ref, _excluded$15);
+	let { className, children, variant = ButtonVariant.primary, leftIcon, rightIcon, iconOnly, iconAsPrimary = false, justify = "center", fullWidth } = _ref, props = _objectWithoutProperties(_ref, _excluded$16);
 	const linkRef = (0, react.useRef)(null);
 	let justifyContent = "center";
 	if (justify) justifyContent = justify;
@@ -34175,14 +34211,14 @@ const useMileageSummaryGlobalCacheActions = () => {
 	const { invalidate } = useGlobalCacheActions();
 	return { invalidateMileageSummary: (0, react.useCallback)(() => invalidate(({ tags }) => tags.includes(MILEAGE_SUMMARY_TAG_KEY)), [invalidate]) };
 };
-var _excluded$14 = ["size"];
+var _excluded$15 = ["size"];
 var ArrowRightCircleAlt = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$14)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$15)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -35463,14 +35499,14 @@ function getCustomerName(customer) {
 	var _ref, _customer$individualN;
 	return (_ref = (_customer$individualN = customer === null || customer === void 0 ? void 0 : customer.individualName) !== null && _customer$individualN !== void 0 ? _customer$individualN : customer === null || customer === void 0 ? void 0 : customer.companyName) !== null && _ref !== void 0 ? _ref : "Unknown Customer";
 }
-var _excluded$13 = ["size"];
+var _excluded$14 = ["size"];
 var ChevronRightFill = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$13)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$14)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
@@ -35601,7 +35637,7 @@ const InvoiceStatusCell = ({ invoice, inline = false }) => {
 		})] }))]
 	});
 };
-var COMPONENT_NAME$5 = "InvoiceTable";
+var COMPONENT_NAME$6 = "InvoiceTable";
 var InvoiceColumns = /* @__PURE__ */ function(InvoiceColumns$1) {
 	InvoiceColumns$1["SentAt"] = "SentAt";
 	InvoiceColumns$1["InvoiceNo"] = "InvoiceNo";
@@ -35843,7 +35879,7 @@ const InvoiceTable = () => {
 			isError,
 			columnConfig,
 			paginationProps,
-			componentName: COMPONENT_NAME$5,
+			componentName: COMPONENT_NAME$6,
 			slots: {
 				EmptyState: InvoiceTableEmptyState,
 				ErrorState: InvoiceTableErrorState
@@ -37492,9 +37528,9 @@ const useCustomerForm = (props) => {
 		submitError
 	}), [form, submitError]);
 };
-var _excluded$12 = ["onSuccess", "isReadOnly"];
+var _excluded$13 = ["onSuccess", "isReadOnly"];
 const CustomerForm = (_ref) => {
-	let { onSuccess, isReadOnly } = _ref, formState = _objectWithoutProperties(_ref, _excluded$12);
+	let { onSuccess, isReadOnly } = _ref, formState = _objectWithoutProperties(_ref, _excluded$13);
 	const { t } = (0, react_i18next.useTranslation)();
 	const { form, submitError } = useCustomerForm(_objectSpread2({ onSuccess }, formState));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Form, {
@@ -38347,10 +38383,10 @@ const useInvoiceForm = (props) => {
 		submitError
 	]);
 };
-var _excluded$11 = ["isReadOnly"];
+var _excluded$12 = ["isReadOnly"];
 const InvoiceForm = (0, react.forwardRef)((props, ref) => {
 	var _accountingConfig$ena;
-	const _useInvoiceDetail = useInvoiceDetail(), { isReadOnly } = _useInvoiceDetail, viewState = _objectWithoutProperties(_useInvoiceDetail, _excluded$11);
+	const _useInvoiceDetail = useInvoiceDetail(), { isReadOnly } = _useInvoiceDetail, viewState = _objectWithoutProperties(_useInvoiceDetail, _excluded$12);
 	const { mode } = viewState;
 	const { onSuccess, onChangeFormState } = props;
 	const { businessId } = useLayerContext();
@@ -38796,7 +38832,7 @@ const InvoiceDetail = () => {
 		})
 	] });
 };
-var _excluded$10 = [
+var _excluded$11 = [
 	"className",
 	"label",
 	"meterOnly"
@@ -38807,7 +38843,7 @@ var getClassnameForSubComponent = (className, suffix) => {
 var METER_CLASS_NAME = "Layer__Meter";
 const Meter = (0, react.forwardRef)(function Meter$1(_ref, ref) {
 	let { className, label: label$50, meterOnly } = _ref;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Meter, _objectSpread2(_objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$10)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Meter, _objectSpread2(_objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$11)), {}, {
 		className: (0, classnames.default)(METER_CLASS_NAME, className),
 		ref
 	}, meterOnly && { "aria-label": label$50 }), {}, { children: ({ percentage, valueText }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
@@ -39029,7 +39065,7 @@ function useStripeAccountStatus() {
 		businessId
 	}))), ({ accessToken, apiUrl: apiUrl$1, businessId: businessId$1 }) => getStripeAccountStatus(apiUrl$1, accessToken, { params: { businessId: businessId$1 } })().then(effect.Schema.decodeUnknownPromise(StripeAccountStatusResponseSchema)).then(({ data: data$1 }) => data$1)));
 }
-var _excluded$9 = ["variant"];
+var _excluded$10 = ["variant"];
 const BANNER_CLASS_NAMES = {
 	DEFAULT: "Layer__UI__Banner",
 	ICON_CONTAINER: "Layer__UI__Banner__iconContainer",
@@ -39121,7 +39157,7 @@ var Banner = (0, react.forwardRef)(({ variant = "info", title, description: desc
 });
 Banner.displayName = "Banner";
 const BannerButton = (_ref) => {
-	let { variant = "outlined-light" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$9);
+	let { variant = "outlined-light" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$10);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, _objectSpread2({ variant }, rest));
 };
 const ConnectStripeButton = ({ isError, isMutating, onClick }) => {
@@ -39254,18 +39290,18 @@ const Invoices = ({ stringOverrides }) => {
 var InvoicesContent = () => {
 	return useInvoiceRouteState().route === InvoiceRoute.Detail ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InvoiceDetail, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InvoiceOverview, {});
 };
-var _excluded$8 = ["containerRef", "stringOverrides"];
-var COMPONENT_NAME$4 = "profit-and-loss";
+var _excluded$9 = ["containerRef", "stringOverrides"];
+var COMPONENT_NAME$5 = "profit-and-loss";
 const ProfitAndLossView = (props) => {
 	const containerRef = (0, react.useRef)(null);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Container, {
-		name: COMPONENT_NAME$4,
+		name: COMPONENT_NAME$5,
 		ref: containerRef,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfitAndLoss, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfitAndLossPanel, _objectSpread2({ containerRef }, props)) })
 	});
 };
 var ProfitAndLossPanel = (_ref) => {
-	let { containerRef, stringOverrides } = _ref, props = _objectWithoutProperties(_ref, _excluded$8);
+	let { containerRef, stringOverrides } = _ref, props = _objectWithoutProperties(_ref, _excluded$9);
 	const { t } = (0, react_i18next.useTranslation)();
 	const { sidebarScope } = (0, react.useContext)(ProfitAndLossContext);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Panel, {
@@ -39274,7 +39310,7 @@ var ProfitAndLossPanel = (_ref) => {
 		parentRef: containerRef,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfitAndLoss.Header, {
 			text: (stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.header) || t("common:label.profit_loss", "Profit & Loss"),
-			className: `Layer__${COMPONENT_NAME$4}__header`,
+			className: `Layer__${COMPONENT_NAME$5}__header`,
 			headingClassName: "Layer__profit-and-loss__title"
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Components, _objectSpread2({ stringOverrides }, props))]
 	});
@@ -39293,15 +39329,15 @@ var Components = ({ hideChart = false, hideTable = false, stringOverrides }) =>
 		})
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [!hideChart && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: `Layer__${COMPONENT_NAME$4}__chart_with_summaries`,
+		className: `Layer__${COMPONENT_NAME$5}__chart_with_summaries`,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: `Layer__${COMPONENT_NAME$4}__chart_with_summaries__summary-col`,
+			className: `Layer__${COMPONENT_NAME$5}__chart_with_summaries__summary-col`,
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GlobalMonthPicker, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfitAndLoss.Summaries, {
 				actionable: true,
 				stringOverrides: stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.profitAndLossSummaries
 			})]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: `Layer__${COMPONENT_NAME$4}__chart_with_summaries__chart-col`,
+			className: `Layer__${COMPONENT_NAME$5}__chart_with_summaries__chart-col`,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfitAndLoss.Chart, {})
 		})]
 	}), !hideTable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfitAndLossTableWithProvider, { stringOverrides: stringOverrides === null || stringOverrides === void 0 ? void 0 : stringOverrides.profitAndLossTable })] });
@@ -39486,12 +39522,12 @@ function ExpandableDataTableProvider({ children }) {
 		children
 	});
 }
-var _excluded$7 = ["children", "className"], _excluded2$3 = ["children"], _excluded3 = ["children"];
+var _excluded$8 = ["children", "className"], _excluded2$3 = ["children"], _excluded3 = ["children"];
 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$7)), {}, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Tree, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$8)), {}, {
 		className: (0, classnames.default)(TREE_CLASS_NAME, className),
 		ref,
 		children: withRenderProp(children, (node) => node)
@@ -39771,7 +39807,7 @@ const S3PresignedUrlSchema = effect.Schema.Struct({
 	createdAt: effect.Schema.Date,
 	documentId: effect.Schema.NullishOr(effect.Schema.UUID)
 });
-var _excluded$6 = ["businessId", "route"], _excluded2$2 = [
+var _excluded$7 = ["businessId", "route"], _excluded2$2 = [
 	"accessToken",
 	"apiUrl",
 	"businessId",
@@ -39779,7 +39815,7 @@ var _excluded$6 = ["businessId", "route"], _excluded2$2 = [
 ];
 var getUnifiedReportExcel = get((_ref) => {
 	let { businessId, route } = _ref;
-	return `/v1/businesses/${businessId}/reports/unified/${route}/exports/excel?${toDefinedSearchParameters(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$6)))}`;
+	return `/v1/businesses/${businessId}/reports/unified/${route}/exports/excel?${toDefinedSearchParameters(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$7)))}`;
 });
 var getTag$1 = (report) => `#unified-${report}-report-excel`;
 var UnifiedReportExcelReturnSchema = effect.Schema.Struct({ data: S3PresignedUrlSchema });
@@ -39847,7 +39883,7 @@ const UnifiedReportHeaderButtons = () => {
 		]
 	});
 };
-var _excluded$5 = ["businessId", "route"], _excluded2$1 = [
+var _excluded$6 = ["businessId", "route"], _excluded2$1 = [
 	"accessToken",
 	"apiUrl",
 	"businessId",
@@ -39864,7 +39900,7 @@ function buildKey$25({ access_token: accessToken, apiUrl, businessId, params })
 }
 var getUnifiedReport = get((_ref) => {
 	let { businessId, route } = _ref;
-	return `/v1/businesses/${businessId}/reports/unified/${route}?${toDefinedSearchParameters(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$5)))}`;
+	return `/v1/businesses/${businessId}/reports/unified/${route}?${toDefinedSearchParameters(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$6)))}`;
 });
 function useUnifiedReport() {
 	const withLocale = useLocalizedKey();
@@ -39889,40 +39925,46 @@ const ExpandButton = ({ isExpanded }) => {
 		"aria-label": isExpanded ? "Collapse row" : "Expand row"
 	});
 };
-var getRowIndentStyle = ({ depth, canExpand }) => ({ paddingInlineStart: depth * 20 + (canExpand ? 0 : 4) });
+var INDENT_SIZE_XS = 10;
+var INDENT_SIZE_SM = 20;
+var INDENT_SIZE_MD = 40;
+var CHEVRON_OFFSET_PX = 4;
+var getRowIndentStyle = ({ depth, canExpand, indentSizePx }) => ({ paddingInlineStart: depth * indentSizePx + (canExpand ? 0 : CHEVRON_OFFSET_PX) });
 var EMPTY_ARRAY$1 = [];
-function ExpandableDataTable({ data, isLoading, isError, columnConfig, componentName, ariaLabel, slots, getSubRows: getSubRows$2, getRowId: getRowId$1 }) {
+function ExpandableDataTable({ data, isLoading, isError, columnConfig, componentName, ariaLabel, slots, getSubRows: getSubRows$3, getRowId: getRowId$2, indentSize = "sm" }) {
 	const { expanded, setExpanded } = (0, react.useContext)(ExpandableDataTableContext);
 	const wrappedColumnConfig = (0, react.useMemo)(() => {
+		const indentSizePx = indentSize === "xs" ? INDENT_SIZE_XS : indentSize === "md" ? INDENT_SIZE_MD : INDENT_SIZE_SM;
 		const [first, ...rest] = columnConfig;
 		if (!first || !isLeafColumn(first)) return columnConfig;
-		const originalFirstCell = first.cell;
+		const cellRenderer = first.cell;
 		return [_objectSpread2(_objectSpread2({}, first), {}, { cell: (row) => {
 			const canExpand = row.getCanExpand();
 			const rowIndentStyle = getRowIndentStyle({
 				canExpand,
-				depth: row.depth
+				depth: row.depth,
+				indentSizePx
 			});
 			if (!canExpand) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				style: rowIndentStyle,
-				children: originalFirstCell(row)
+				children: cellRenderer(row)
 			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				style: rowIndentStyle,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
 					align: "center",
 					gap: "xs",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandButton, { isExpanded: row.getIsExpanded() }), originalFirstCell(row)]
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandButton, { isExpanded: row.getIsExpanded() }), cellRenderer(row)]
 				})
 			});
 		} }), ...rest];
-	}, [columnConfig]);
+	}, [columnConfig, indentSize]);
 	const columnDefs = getColumnDefs(wrappedColumnConfig);
 	const columnPinning = (0, react.useMemo)(() => getColumnPinning(wrappedColumnConfig), [wrappedColumnConfig]);
 	const table$1 = (0, __tanstack_react_table.useReactTable)({
 		data: data !== null && data !== void 0 ? data : EMPTY_ARRAY$1,
 		columns: columnDefs,
-		getSubRows: getSubRows$2,
+		getSubRows: getSubRows$3,
 		getCoreRowModel: (0, __tanstack_react_table.getCoreRowModel)(),
 		getExpandedRowModel: (0, __tanstack_react_table.getExpandedRowModel)(),
 		state: {
@@ -39931,7 +39973,7 @@ function ExpandableDataTable({ data, isLoading, isError, columnConfig, component
 		},
 		onExpandedChange: setExpanded,
 		autoResetPageIndex: false,
-		getRowId: getRowId$1
+		getRowId: getRowId$2
 	});
 	const { rows } = table$1.getExpandedRowModel();
 	const dependencies$1 = (0, react.useMemo)(() => [expanded], [expanded]);
@@ -39959,6 +40001,23 @@ function ExpandableDataTable({ data, isLoading, isError, columnConfig, component
 		}), [onRowClick, isRowClickable])
 	});
 }
+var _excluded$5 = [
+	"durationMinutes",
+	"className",
+	"showLessThanOneMinuteForZero"
+];
+var DurationSpan = (0, react.forwardRef)((_ref, ref) => {
+	let { durationMinutes, className, showLessThanOneMinuteForZero = false } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$5);
+	const { t } = (0, react_i18next.useTranslation)();
+	const { formatMinutesAsDuration: formatMinutesAsDuration$1 } = useIntlFormatter();
+	const formattedDuration = durationMinutes !== 0 ? formatMinutesAsDuration$1(durationMinutes) : showLessThanOneMinuteForZero ? t("timeTracking:label.less_than_one_minute", "< 1 min") : t("timeTracking:label.zero_minutes", "0 min");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, _objectSpread2(_objectSpread2({}, restProps), {}, {
+		className,
+		ref,
+		children: formattedDuration
+	}));
+});
+DurationSpan.displayName = "DurationSpan";
 const UnifiedReportTableCellContent = ({ cell, column, breadcrumb }) => {
 	var _cell$format;
 	const { formatDate: formatDate$1, formatNumber: formatNumber$1 } = useIntlFormatter();
@@ -39987,6 +40046,13 @@ const UnifiedReportTableCellContent = ({ cell, column, breadcrumb }) => {
 		variant,
 		children: formatNumber$1(cellValue.value)
 	});
+	else if (isDurationCellValue(cellValue)) content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DurationSpan, {
+		ellipsis: true,
+		weight,
+		variant,
+		durationMinutes: cellValue.value,
+		showLessThanOneMinuteForZero: true
+	});
 	else if (isEmptyCellValue(cellValue)) return null;
 	else content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
 		ellipsis: true,
@@ -40052,8 +40118,8 @@ const buildNestedColumnConfig = (columns) => {
 		return makeLeafColumn(col);
 	});
 };
-const getSubRows$1 = (row) => row.rows ? asMutable(row.rows) : void 0;
-var COMPONENT_NAME$3 = "UnifiedReport";
+const getSubRows$2 = (row) => row.rows ? asMutable(row.rows) : void 0;
+var COMPONENT_NAME$4 = "UnifiedReport";
 const UnifiedReportTable = () => {
 	var _report$displayName;
 	const { t } = (0, react_i18next.useTranslation)();
@@ -40088,12 +40154,12 @@ const UnifiedReportTable = () => {
 		isLoading: data === void 0 || isLoading,
 		isError,
 		columnConfig,
-		componentName: COMPONENT_NAME$3,
+		componentName: COMPONENT_NAME$4,
 		slots: {
 			ErrorState: UnifiedReportErrorState,
 			EmptyState: UnifiedReportEmptyState
 		},
-		getSubRows: getSubRows$1,
+		getSubRows: getSubRows$2,
 		getRowId: (row) => row.rowKey
 	});
 };
@@ -40640,7 +40706,7 @@ var ONBOARDING_CALL_COVERAGE_ITEMS = [
 	_objectSpread2({ key: "bookkeeping_process" }, translationKey("callBookings:label.onboarding_cover_bookkeeping_process", "Walk through our bookkeeping process")),
 	_objectSpread2({ key: "connect_bank_and_cards" }, translationKey("callBookings:label.onboarding_cover_connect_bank_and_cards", "Connect your business bank accounts and credit cards"))
 ];
-var EmptyState$1 = ({ onBookCall }) => {
+var EmptyState$2 = ({ onBookCall }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
 		gap: "md",
@@ -40707,7 +40773,7 @@ const CallBooking = ({ callBooking, onBookCall }) => {
 	const countdownLabel = useCallBookingCountdownLabel(callBooking === null || callBooking === void 0 ? void 0 : callBooking.eventStartAt);
 	if (callBooking == null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Container, {
 		name: "CallBooking",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState$1, { onBookCall })
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState$2, { onBookCall })
 	});
 	const isOnboardingCall = callBooking.purpose === CallBookingPurpose.BOOKKEEPING_ONBOARDING;
 	const purpose = isOnboardingCall ? t("callBookings:label.onboarding_call", "Onboarding call") : t("callBookings:label.ad_hoc_call", "Ad hoc call");
@@ -40852,7 +40918,7 @@ const useKeepInMobileViewport = () => {
 	};
 };
 var BookkeepingOverviewTasksContent = ({ callBooking, showCallBookingCard, tasksMobile, tasksStringOverrides, onBookCall, onClickReconnectAccounts }) => {
-	if (showCallBookingCard && callBooking == null) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CallBooking, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [showCallBookingCard && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CallBooking, {
 		callBooking,
 		onBookCall
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tasks, {
@@ -40860,14 +40926,6 @@ var BookkeepingOverviewTasksContent = ({ callBooking, showCallBookingCard, tasks
 		stringOverrides: tasksStringOverrides,
 		onClickReconnectAccounts
 	})] });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tasks, {
-		mobile: tasksMobile,
-		stringOverrides: tasksStringOverrides,
-		onClickReconnectAccounts
-	}), showCallBookingCard && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CallBooking, {
-		callBooking,
-		onBookCall
-	})] });
 };
 const BookkeepingOverview = ({ title, showTitle = true, onClickReconnectAccounts, stringOverrides, slotProps }) => {
 	var _slotProps$profitAndL, _stringOverrides$prof, _stringOverrides$prof2, _stringOverrides$prof3;
@@ -41716,7 +41774,7 @@ const TripsTableHeader = ({ onRecordTrip }) => {
 		} }
 	});
 };
-var COMPONENT_NAME$2 = "TripsTable";
+var COMPONENT_NAME$3 = "TripsTable";
 var TripColumns = /* @__PURE__ */ function(TripColumns$1) {
 	TripColumns$1["TripDate"] = "TripDate";
 	TripColumns$1["Vehicle"] = "Vehicle";
@@ -41820,7 +41878,7 @@ const TripsTable = ({ data, isLoading, isError, paginationProps, onDeleteTrip, o
 			isError,
 			columnConfig,
 			paginationProps,
-			componentName: COMPONENT_NAME$2,
+			componentName: COMPONENT_NAME$3,
 			slots
 		})]
 	});
@@ -43035,7 +43093,7 @@ var HomeOfficeDeductionSchema = effect.Schema.Struct({
 	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$1 = effect.Schema.Struct({
+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)
 });
@@ -43054,7 +43112,7 @@ var StateConfigurationSchema = effect.Schema.Struct({
 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$1)), effect.Schema.fromKey("deductions"))
+	deductions: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(DeductionsSchema)), effect.Schema.fromKey("deductions"))
 });
 const TaxProfileSchema = effect.Schema.Struct({
 	taxCountryCode: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(effect.Schema.String)), effect.Schema.fromKey("tax_country_code")),
@@ -43552,108 +43610,22 @@ const StateTaxSection = ({ form, isReadOnly, isDesktop }) => {
 		]
 	});
 };
-var VehicleExpenseSchema = effect.Schema.Struct({
-	method: effect.Schema.String,
-	amount: effect.Schema.Number
-});
-var HomeOfficeSchema = effect.Schema.Struct({
-	method: effect.Schema.String,
-	amount: effect.Schema.Number
-});
-var DeductionsSchema = effect.Schema.Struct({
-	businessExpenses: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("business_expenses")),
-	vehicleExpense: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(VehicleExpenseSchema)), effect.Schema.fromKey("vehicle_expense")),
-	homeOffice: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(HomeOfficeSchema)), effect.Schema.fromKey("home_office")),
-	qualifiedTipDeduction: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("qualified_tip_deduction")),
-	qualifiedOvertimeDeduction: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("qualified_overtime_deduction")),
-	selfEmploymentTaxDeduction: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("self_employment_tax_deduction")),
-	preAdjustedGrossIncomeDeduction: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("pre_adjusted_gross_income_deduction"))
-});
-var IncomeSchema = effect.Schema.Struct({
-	w2Income: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("w2_income")),
-	w2Withholding: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("w2_withholding")),
-	businessRevenue: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("business_revenue")),
-	total: effect.Schema.Number
-});
-var AdjustedGrossIncomeSchema = effect.Schema.Struct({
-	income: IncomeSchema,
-	deductions: DeductionsSchema,
-	totalAdjustedGrossIncome: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("total_adjusted_gross_income"))
-});
-var MedicareSurtaxSchema = effect.Schema.Struct({
-	medicareSurtaxIncome: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("medicare_surtax_income")),
-	medicareSurtaxRate: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.String), effect.Schema.fromKey("medicare_surtax_rate")),
-	medicareSurtaxOwed: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("medicare_surtax_owed"))
-});
-var MedicareTaxSchema = effect.Schema.Struct({
-	medicareIncome: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("medicare_income")),
-	medicareTaxRate: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.String), effect.Schema.fromKey("medicare_tax_rate")),
-	medicareTaxOwed: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("medicare_tax_owed"))
-});
-var SocialSecurityTaxSchema = effect.Schema.Struct({
-	socialSecurityIncome: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("social_security_income")),
-	socialSecurityTaxRate: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.String), effect.Schema.fromKey("social_security_tax_rate")),
-	socialSecurityTaxOwed: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("social_security_tax_owed"))
-});
-var FederalIncomeTaxSchema = effect.Schema.Struct({
-	federalDeductions: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("federal_deductions")),
-	qualifiedBusinessIncomeDeduction: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("qualified_business_income_deduction")),
-	qbiEffectiveRate: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.String), effect.Schema.fromKey("qbi_effective_rate")),
-	taxableIncome: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("taxable_income")),
-	effectiveFederalTaxRate: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.String), effect.Schema.fromKey("effective_federal_tax_rate")),
-	federalIncomeTaxOwed: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("federal_income_tax_owed"))
-});
-var TotalFederalTaxSchema = effect.Schema.Struct({
-	federalIncomeTaxOwed: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("federal_income_tax_owed")),
-	socialSecurityTaxOwed: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("social_security_tax_owed")),
-	medicareTaxOwed: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("medicare_tax_owed")),
-	medicareSurtaxOwed: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("medicare_surtax_owed")),
-	w2Withholdings: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("w2_withholdings")),
-	totalFederalTaxOwed: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("total_federal_tax_owed"))
-});
-var UsFederalTaxSchema = effect.Schema.Struct({
-	federalIncomeTax: (0, effect.pipe)(effect.Schema.propertySignature(FederalIncomeTaxSchema), effect.Schema.fromKey("federal_income_tax")),
-	socialSecurityTax: (0, effect.pipe)(effect.Schema.propertySignature(SocialSecurityTaxSchema), effect.Schema.fromKey("social_security_tax")),
-	medicareTax: (0, effect.pipe)(effect.Schema.propertySignature(MedicareTaxSchema), effect.Schema.fromKey("medicare_tax")),
-	medicareSurtax: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(MedicareSurtaxSchema)), effect.Schema.fromKey("medicare_surtax")),
-	totalFederalTax: (0, effect.pipe)(effect.Schema.propertySignature(TotalFederalTaxSchema), effect.Schema.fromKey("total_federal_tax"))
-});
-var StateIncomeTaxSchema = effect.Schema.Struct({
-	stateAgi: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("state_agi")),
-	stateDeductions: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("state_deductions")),
-	stateTaxableIncome: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("state_taxable_income")),
-	effectiveStateTaxRate: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.String), effect.Schema.fromKey("effective_state_tax_rate")),
-	stateIncomeTaxOwed: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("state_income_tax_owed"))
-});
-var StateAdditionalTaxSchema = effect.Schema.Struct({
-	taxName: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.String), effect.Schema.fromKey("tax_name")),
-	taxRate: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.String), effect.Schema.fromKey("tax_rate")),
-	taxableAmount: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("taxable_amount")),
-	taxOwed: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("tax_owed"))
-});
-var TotalStateTaxSchema = effect.Schema.Struct({
-	stateIncomeTaxOwed: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("state_income_tax_owed")),
-	additionalTaxesOwed: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("additional_taxes_owed")),
-	stateWithholdings: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("state_withholdings")),
-	totalStateTaxOwed: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("total_state_tax_owed"))
-});
-var UsStateTaxSchema = effect.Schema.Struct({
-	stateCode: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.String), effect.Schema.fromKey("state_code")),
-	stateName: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.String), effect.Schema.fromKey("state_name")),
-	filingStatus: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.String), effect.Schema.fromKey("filing_status")),
-	stateIncomeTax: (0, effect.pipe)(effect.Schema.propertySignature(StateIncomeTaxSchema), effect.Schema.fromKey("state_income_tax")),
-	additionalTaxes: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Array(StateAdditionalTaxSchema)), effect.Schema.fromKey("additional_taxes")),
-	totalStateTax: (0, effect.pipe)(effect.Schema.propertySignature(TotalStateTaxSchema), effect.Schema.fromKey("total_state_tax"))
-});
-var TaxesSchema = effect.Schema.Struct({
-	usFederal: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(UsFederalTaxSchema)), effect.Schema.fromKey("us_federal")),
-	usState: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.NullishOr(UsStateTaxSchema)), effect.Schema.fromKey("us_state"))
+var TaxDetailsValueSchema = effect.Schema.Union(UnifiedCellValueCurrencySchema, UnifiedCellValueDecimalSchema, UnifiedCellValuePercentageSchema, UnifiedCellValueUnknownSchema);
+var taxDetailsRowFields = {
+	rowKey: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.String), effect.Schema.fromKey("row_key")),
+	label: effect.Schema.String,
+	value: effect.Schema.optional(TaxDetailsValueSchema),
+	operator: effect.Schema.optional(effect.Schema.String)
+};
+var TaxDetailsRowSchema = effect.Schema.Struct(_objectSpread2(_objectSpread2({}, taxDetailsRowFields), {}, { breakdown: effect.Schema.optional(effect.Schema.Array(effect.Schema.suspend(() => TaxDetailsRowSchema))) }));
+var TaxDetailsMetaSchema = effect.Schema.Struct({
+	year: effect.Schema.Number,
+	filingStatus: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.String), effect.Schema.fromKey("filing_status"))
 });
 var TaxDetailsSchema = effect.Schema.Struct({
-	year: effect.Schema.Number,
-	filingStatus: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.String), effect.Schema.fromKey("filing_status")),
-	adjustedGrossIncome: (0, effect.pipe)(effect.Schema.propertySignature(AdjustedGrossIncomeSchema), effect.Schema.fromKey("adjusted_gross_income")),
-	taxes: TaxesSchema
+	type: effect.Schema.String,
+	meta: TaxDetailsMetaSchema,
+	rows: effect.Schema.Array(TaxDetailsRowSchema)
 });
 const TaxDetailsResponseSchema = effect.Schema.Struct({ data: TaxDetailsSchema });
 var TAX_DETAILS_TAG_KEY = "#tax-details";
@@ -44135,21 +44107,23 @@ const TaxBanner = ({ uncategorizedCount, uncategorizedAmount }) => {
 		})
 	});
 };
-var _excluded$1 = [
-	"condition",
-	"cases",
-	"contexts"
-];
-const tConditional = (translate, key, _ref) => {
-	let { condition, cases, contexts } = _ref;
-	return translate(key, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$1)), {}, {
-		context: contexts === null || contexts === void 0 ? void 0 : contexts[condition],
-		defaultValue: cases[condition]
-	}));
+const ResponsiveDetailView = ({ name: name$1, slots, children, mobileProps }) => {
+	const { isDesktop } = useSizeClass();
+	if (isDesktop) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseDetailView, {
+		name: name$1,
+		slots,
+		children
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
+		className: (0, classnames.default)("Layer__ResponsiveDetailView", mobileProps === null || mobileProps === void 0 ? void 0 : mobileProps.className),
+		gap: "md",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(slots.Header, {}), children]
+	});
 };
 var TaxSummarySectionTypeSchema = effect.Schema.Literal("federal", "state");
 var TaxSummarySectionSchema = effect.Schema.Struct({
 	type: TaxSummarySectionTypeSchema,
+	key: effect.Schema.NullishOr(effect.Schema.String),
 	label: effect.Schema.String,
 	total: effect.Schema.Number,
 	taxesPaid: (0, effect.pipe)(effect.Schema.propertySignature(effect.Schema.Number), effect.Schema.fromKey("taxes_paid")),
@@ -44207,447 +44181,91 @@ function useTaxSummary({ year, reportingBasis, fullYearProjection, enabled = tru
 		};
 	}()));
 }
-const ExpandableCard = ({ children, isExpanded, onToggleExpanded, slots }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Card, {
-		className: "Layer__ExpandableCard",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-			type: "button",
-			className: "Layer__ExpandableCard__Header",
-			onClick: onToggleExpanded,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
-				justify: "space-between",
-				align: "center",
-				children: [slots.Heading, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandButton, { isExpanded })]
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnimatedPresenceElement, {
-			motionKey: "expandable-content",
-			variant: "expand",
-			isOpen: isExpanded,
-			style: { overflow: "hidden" },
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VStack, {
-				className: "Layer__ExpandableCard__Content",
-				children
-			})
-		})]
-	});
-};
-const ResponsiveDetailView = ({ name: name$1, slots, children, mobileProps }) => {
-	const { isDesktop } = useSizeClass();
-	if (isDesktop) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseDetailView, {
-		name: name$1,
-		slots,
-		children
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
-		className: (0, classnames.default)("Layer__ResponsiveDetailView", mobileProps === null || mobileProps === void 0 ? void 0 : mobileProps.className),
-		gap: "md",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(slots.Header, {}), children]
-	});
-};
-let TaxTableRowVariant = /* @__PURE__ */ function(TaxTableRowVariant$1) {
-	TaxTableRowVariant$1["Standard"] = "standard";
-	TaxTableRowVariant$1["Nested"] = "nested";
-	TaxTableRowVariant$1["SectionTotal"] = "section-total";
-	TaxTableRowVariant$1["Total"] = "total";
-	TaxTableRowVariant$1["Empty"] = "empty";
-	return TaxTableRowVariant$1;
-}({});
-var VARIANT_CLASS_MAP = {
-	[TaxTableRowVariant.Standard]: "Layer__TaxTable__Row",
-	[TaxTableRowVariant.Nested]: "Layer__TaxTable__Row Layer__TaxTable__Row--nested",
-	[TaxTableRowVariant.SectionTotal]: "Layer__TaxTable__Row Layer__TaxTable__Row--section-total",
-	[TaxTableRowVariant.Total]: "Layer__TaxTable__Row Layer__TaxTable__Row--total",
-	[TaxTableRowVariant.Empty]: "Layer__TaxTable__Row Layer__TaxTable__Row--empty"
-};
-var BOLD_VARIANTS = new Set([TaxTableRowVariant.SectionTotal, TaxTableRowVariant.Total]);
-const TaxTableRow = ({ label: label$50, value, variant, sign }) => {
-	const { isMobile } = useSizeClass();
-	const isEmpty = variant === TaxTableRowVariant.Empty;
-	const isBold = BOLD_VARIANTS.has(variant);
-	const mobileClass = isMobile ? "Layer__UI__Table-Row--mobile" : "";
-	const className = (0, classnames.default)(VARIANT_CLASS_MAP[variant], mobileClass);
-	const formattedLabel = sign ? `${sign} ${label$50}` : label$50;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, {
-		className,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cell, { children: !isEmpty && (isBold ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
-			weight: "bold",
-			children: formattedLabel
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, { children: formattedLabel })) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cell, { children: !isEmpty && (typeof value === "number" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoneySpan, {
-			weight: isBold ? "bold" : void 0,
-			amount: value
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
-			weight: isBold ? "bold" : void 0,
-			children: value
-		})) })]
-	});
-};
-const AdjustedGrossIncomeTable = ({ data }) => {
-	const { t } = (0, react_i18next.useTranslation)();
-	const { income, deductions, totalAdjustedGrossIncome } = data;
-	const deductionRows = (0, react.useMemo)(() => [
-		{
-			key: "businessExpenses",
-			label: t("taxEstimates:label.deductible_expenses", "Deductible Expenses"),
-			getAmount: (d) => d.businessExpenses
-		},
-		{
-			key: "vehicleExpense",
-			label: t("taxEstimates:label.deductible_mileage_expenses", "Deductible Mileage Expenses"),
-			getAmount: (d) => {
-				var _d$vehicleExpense$amo, _d$vehicleExpense;
-				return (_d$vehicleExpense$amo = (_d$vehicleExpense = d.vehicleExpense) === null || _d$vehicleExpense === void 0 ? void 0 : _d$vehicleExpense.amount) !== null && _d$vehicleExpense$amo !== void 0 ? _d$vehicleExpense$amo : 0;
-			}
-		},
-		{
-			key: "homeOffice",
-			label: t("taxEstimates:label.home_office_deduction", "Home Office Deduction"),
-			getAmount: (d) => {
-				var _d$homeOffice$amount, _d$homeOffice;
-				return (_d$homeOffice$amount = (_d$homeOffice = d.homeOffice) === null || _d$homeOffice === void 0 ? void 0 : _d$homeOffice.amount) !== null && _d$homeOffice$amount !== void 0 ? _d$homeOffice$amount : 0;
-			}
-		},
-		{
-			key: "selfEmploymentTaxDeduction",
-			label: t("taxEstimates:label.self_employment_deduction", "Self-Employment Deduction"),
-			getAmount: (d) => d.selfEmploymentTaxDeduction
-		},
-		{
-			key: "qualifiedTipDeduction",
-			label: t("taxEstimates:label.qualified_tip_deduction", "Qualified Tip Deduction"),
-			getAmount: (d) => d.qualifiedTipDeduction
-		},
-		{
-			key: "qualifiedOvertimeDeduction",
-			label: t("taxEstimates:label.qualified_overtime_deduction", "Qualified Overtime Deduction"),
-			getAmount: (d) => d.qualifiedOvertimeDeduction
-		}
-	], [t]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
-		className: "Layer__TaxTable",
-		"aria-label": t("taxEstimates:label.adjusted_gross_income", "Adjusted Gross Income"),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHeader, {
-			className: "Layer__TaxTable__Header",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Column, {
-				isRowHeader: true,
-				children: t("common:label.description", "Description")
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Column, { children: t("common:label.amount", "Amount") })] })
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableBody, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.business_income", "Business Income"),
-				value: income.businessRevenue,
-				variant: TaxTableRowVariant.Standard
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.w2_income", "W-2 Income"),
-				value: income.w2Income,
-				variant: TaxTableRowVariant.Standard
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.deductions", "Deductions"),
-				value: deductions.preAdjustedGrossIncomeDeduction,
-				variant: TaxTableRowVariant.Standard
-			}),
-			deductionRows.map(({ key, label: label$50, getAmount }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: label$50,
-				sign: "-",
-				value: getAmount(deductions),
-				variant: TaxTableRowVariant.Nested
-			}, key)),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.adjusted_gross_income", "Adjusted Gross Income"),
-				value: totalAdjustedGrossIncome,
-				variant: TaxTableRowVariant.Total
-			})
-		] })]
-	});
-};
-const FederalTaxTable = ({ data, adjustedGrossIncome }) => {
-	const { t } = (0, react_i18next.useTranslation)();
-	const { federalIncomeTax, socialSecurityTax, medicareTax, medicareSurtax, totalFederalTax } = data;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
-		className: "Layer__TaxTable",
-		"aria-label": t("taxEstimates:label.federal_tax", "Federal Tax"),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHeader, {
-			className: "Layer__TaxTable__Header",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Column, {
-				isRowHeader: true,
-				children: t("common:label.description", "Description")
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Column, { children: t("common:label.amount", "Amount") })] })
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableBody, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.adjusted_gross_income", "Adjusted Gross Income"),
-				value: adjustedGrossIncome,
-				variant: TaxTableRowVariant.Standard
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.federal_deductions", "Federal Deductions"),
-				sign: "-",
-				value: federalIncomeTax.federalDeductions,
-				variant: TaxTableRowVariant.Nested
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.business_income_deduction_rate", "Business Income Deduction ({{rate}})", { rate: federalIncomeTax.qbiEffectiveRate }),
-				sign: "-",
-				value: federalIncomeTax.qualifiedBusinessIncomeDeduction,
-				variant: TaxTableRowVariant.Nested
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.taxable_income", "Taxable Income"),
-				value: federalIncomeTax.taxableIncome,
-				variant: TaxTableRowVariant.Standard
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.federal_tax_rate", "Federal Tax Rate"),
-				sign: "×",
-				value: federalIncomeTax.effectiveFederalTaxRate,
-				variant: TaxTableRowVariant.Nested
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.federal_tax_estimate_owed", "Federal Tax Estimate (Owed)"),
-				value: federalIncomeTax.federalIncomeTaxOwed,
-				variant: TaxTableRowVariant.SectionTotal
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: "",
-				value: "",
-				variant: TaxTableRowVariant.Empty
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.taxable_social_security_income", "Taxable Social Security Income"),
-				value: socialSecurityTax.socialSecurityIncome,
-				variant: TaxTableRowVariant.Standard
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.social_security_tax_rate", "Social Security Tax Rate"),
-				sign: "×",
-				value: socialSecurityTax.socialSecurityTaxRate,
-				variant: TaxTableRowVariant.Nested
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.social_security_tax_estimate_owed", "Social Security Tax Estimate (Owed)"),
-				value: socialSecurityTax.socialSecurityTaxOwed,
-				variant: TaxTableRowVariant.SectionTotal
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: "",
-				value: "",
-				variant: TaxTableRowVariant.Empty
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.taxable_medicare_income", "Taxable Medicare Income"),
-				value: medicareTax.medicareIncome,
-				variant: TaxTableRowVariant.Standard
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.medicare_tax_rate", "Medicare Tax Rate"),
-				sign: "×",
-				value: medicareTax.medicareTaxRate,
-				variant: TaxTableRowVariant.Nested
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.medicare_tax_estimate_owed", "Medicare Tax Estimate (Owed)"),
-				value: medicareTax.medicareTaxOwed,
-				variant: TaxTableRowVariant.SectionTotal
-			}),
-			medicareSurtax && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-					label: "",
-					value: "",
-					variant: TaxTableRowVariant.Empty
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-					label: t("taxEstimates:label.taxable_medicare_surtax_income", "Taxable Medicare Surtax Income"),
-					value: medicareSurtax.medicareSurtaxIncome,
-					variant: TaxTableRowVariant.Standard
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-					label: t("taxEstimates:label.medicare_surtax_rate", "Medicare Surtax Rate"),
-					sign: "×",
-					value: medicareSurtax.medicareSurtaxRate,
-					variant: TaxTableRowVariant.Nested
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-					label: t("taxEstimates:label.medicare_surtax_estimate_owed", "Medicare Surtax Estimate (Owed)"),
-					value: medicareSurtax.medicareSurtaxOwed,
-					variant: TaxTableRowVariant.SectionTotal
-				})
-			] }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: "",
-				value: "",
-				variant: TaxTableRowVariant.Empty
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.federal_tax_estimate_owed", "Federal Tax Estimate (Owed)"),
-				value: totalFederalTax.federalIncomeTaxOwed,
-				variant: TaxTableRowVariant.Standard
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.social_security_tax_estimate_owed", "Social Security Tax Estimate (Owed)"),
-				sign: "+",
-				value: totalFederalTax.socialSecurityTaxOwed,
-				variant: TaxTableRowVariant.Nested
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.medicare_tax_estimate_owed", "Medicare Tax Estimate (Owed)"),
-				sign: "+",
-				value: totalFederalTax.medicareTaxOwed,
-				variant: TaxTableRowVariant.Nested
-			}),
-			medicareSurtax && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.medicare_surtax_estimate_owed", "Medicare Surtax Estimate (Owed)"),
-				sign: "+",
-				value: totalFederalTax.medicareSurtaxOwed,
-				variant: TaxTableRowVariant.Nested
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.amount_applied_federal_w2", "Amount Applied from Federal W-2 Withholding"),
-				sign: "-",
-				value: totalFederalTax.w2Withholdings,
-				variant: TaxTableRowVariant.Nested
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.total_federal_tax_estimate", "Total Federal Tax Estimate"),
-				value: totalFederalTax.totalFederalTaxOwed,
-				variant: TaxTableRowVariant.Total
-			})
-		] })]
-	});
+var _excluded$1 = [
+	"condition",
+	"cases",
+	"contexts"
+];
+const tConditional = (translate, key, _ref) => {
+	let { condition, cases, contexts } = _ref;
+	return translate(key, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$1)), {}, {
+		context: contexts === null || contexts === void 0 ? void 0 : contexts[condition],
+		defaultValue: cases[condition]
+	}));
 };
-const StateTaxTable = ({ data }) => {
+var AmountWithLabel = ({ slotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
+	className: "Layer__TaxSummaryCard__AmountWithLabel",
+	gap: "2xs",
+	align: "start",
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoneySpan, _objectSpread2({}, slotProps.MoneySpan)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, _objectSpread2({
+		size: BadgeSize.SMALL,
+		variant: BadgeVariant.NEUTRAL
+	}, slotProps.Badge))]
+});
+const EquationRow = ({ section, size = "md" }) => {
 	const { t } = (0, react_i18next.useTranslation)();
-	const { stateIncomeTax, additionalTaxes, totalStateTax } = data;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
-		className: "Layer__TaxTable",
-		"aria-label": t("taxEstimates:label.state_tax", "State Tax"),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHeader, {
-			className: "Layer__TaxTable__Header",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Row, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Column, {
-				isRowHeader: true,
-				children: t("common:label.description", "Description")
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Column, { children: t("common:label.amount", "Amount") })] })
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TableBody, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.state_adjusted_gross_income", "State Adjusted Gross Income"),
-				value: stateIncomeTax.stateAgi,
-				variant: TaxTableRowVariant.Standard
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.state_deductions", "State Deductions"),
-				sign: "-",
-				value: stateIncomeTax.stateDeductions,
-				variant: TaxTableRowVariant.Nested
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.state_taxable_income", "State Taxable Income"),
-				value: stateIncomeTax.stateTaxableIncome,
-				variant: TaxTableRowVariant.Standard
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.state_tax_rate", "State Tax Rate"),
-				sign: "×",
-				value: stateIncomeTax.effectiveStateTaxRate,
-				variant: TaxTableRowVariant.Nested
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.state_income_tax_estimate_owed", "State Income Tax Estimate (Owed)"),
-				value: stateIncomeTax.stateIncomeTaxOwed,
-				variant: TaxTableRowVariant.SectionTotal
-			}),
-			additionalTaxes.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: "",
-				value: "",
-				variant: TaxTableRowVariant.Empty
-			}), additionalTaxes.map((additionalTax, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.default.Fragment, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-					label: t("taxEstimates:label.taxable_amount_tax_name", "Taxable Amount for {{taxName}}", { taxName: additionalTax.taxName }),
-					value: additionalTax.taxableAmount,
-					variant: TaxTableRowVariant.Standard
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-					label: t("taxEstimates:label.tax_name_rate", "{{taxName}} Rate", { taxName: additionalTax.taxName }),
-					sign: "×",
-					value: additionalTax.taxRate,
-					variant: TaxTableRowVariant.Nested
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-					label: t("taxEstimates:label.tax_name_estimate_owed", "{{taxName}} Estimate (Owed)", { taxName: additionalTax.taxName }),
-					value: additionalTax.taxOwed,
-					variant: TaxTableRowVariant.SectionTotal
-				}),
-				index < additionalTaxes.length - 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-					label: "",
-					value: "",
-					variant: TaxTableRowVariant.Empty
-				})
-			] }, additionalTax.taxName))] }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: "",
-				value: "",
-				variant: TaxTableRowVariant.Empty
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.state_income_tax_estimate_owed", "State Income Tax Estimate (Owed)"),
-				value: totalStateTax.stateIncomeTaxOwed,
-				variant: TaxTableRowVariant.Standard
-			}),
-			additionalTaxes.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.additional_state_taxes_estimate_owed", "Additional State Taxes Estimate (Owed)"),
-				sign: "+",
-				value: totalStateTax.additionalTaxesOwed,
-				variant: TaxTableRowVariant.Nested
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.amount_applied_state_withholding", "Amount Applied from State Withholding"),
-				sign: "-",
-				value: totalStateTax.stateWithholdings,
-				variant: TaxTableRowVariant.Nested
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxTableRow, {
-				label: t("taxEstimates:label.total_state_tax_estimate", "Total State Tax Estimate"),
-				value: totalStateTax.totalStateTaxOwed,
-				variant: TaxTableRowVariant.Total
-			})
-		] })]
-	});
-};
-const TaxDetailsExpandableCardHeading = ({ title, amount }) => {
-	const { isMobile } = useSizeClass();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
-		className: "Layer__TaxDetailsExpandableCardHeading",
-		pie: "xs",
-		gap: "xs",
+		className: "Layer__TaxSummaryCard__Equation",
+		gap: size === "lg" ? "md" : "sm",
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heading, {
-				size: isMobile ? "sm" : "md",
-				children: title
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AmountWithLabel, { slotProps: {
+				MoneySpan: {
+					amount: section.total,
+					size
+				},
+				Badge: { children: t("common:label.total", "Total") }
+			} }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
+				className: "Layer__TaxSummaryCard__Operator",
+				size,
+				variant: "subtle",
+				children: "-"
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spacer, {}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoneySpan, {
-				size: "xl",
-				weight: "bold",
-				amount
-			})
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AmountWithLabel, { slotProps: {
+				MoneySpan: {
+					amount: section.taxesPaid,
+					size
+				},
+				Badge: { children: t("taxEstimates:label.taxes_paid", "Taxes Paid") }
+			} }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
+				className: "Layer__TaxSummaryCard__Operator",
+				size,
+				variant: "subtle",
+				children: "="
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AmountWithLabel, { slotProps: {
+				MoneySpan: {
+					amount: section.taxesOwed,
+					size,
+					weight: "bold"
+				},
+				Badge: { children: t("taxEstimates:label.taxes_owed", "Taxes Owed") }
+			} })
 		]
 	});
 };
+var PlusCircle = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+	className: "Layer__TaxSummaryCard__OperatorCircle",
+	"aria-hidden": true,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlusIcon_default, { size: 24 })
+});
+var ArrowCircle = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+	className: "Layer__TaxSummaryCard__OperatorCircle",
+	"aria-hidden": true,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowRightCircle_default, { size: 24 })
+});
 const TaxSummaryCardDesktop = ({ data }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const { formatDate: formatDate$1 } = useIntlFormatter();
 	const { fullYearProjection } = useFullYearProjection();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "Layer__TaxSummaryCard",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
-			className: "Layer__TaxSummaryCard__Overview",
-			gap: "xs",
-			justify: "center",
-			align: "center",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
-				justify: "center",
-				align: "center",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(VStack, {
+				className: "Layer__TaxSummaryCard__Cell Layer__TaxSummaryCard__Cell--header",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
 					size: "md",
-					variant: "subtle",
 					children: tConditional(t, "taxEstimates:label.taxes_owed", {
 						condition: fullYearProjection ? "projected" : "default",
 						cases: {
@@ -44656,95 +44274,75 @@ const TaxSummaryCardDesktop = ({ data }) => {
 						},
 						contexts: { projected: "projected" }
 					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoneySpan, {
+				})
+			}),
+			data.sections.map((section, index) => {
+				var _section$key;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
+					className: "Layer__TaxSummaryCard__Cell Layer__TaxSummaryCard__Cell--header Layer__TaxSummaryCard__Cell--bordered",
+					align: "center",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "Layer__TaxSummaryCard__OperatorIconAnchor",
+						children: index === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowCircle, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlusCircle, {})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
+						size: "md",
+						children: section.label
+					})]
+				}, (_section$key = section.key) !== null && _section$key !== void 0 ? _section$key : section.label);
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
+				className: "Layer__TaxSummaryCard__Cell",
+				gap: "2xs",
+				align: "start",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoneySpan, {
 					size: "xl",
 					weight: "bold",
 					amount: data.projectedTaxesOwed
-				})]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
-				align: "center",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
 					size: "sm",
 					variant: "subtle",
-					children: t("taxEstimates:label.taxes_due", "Taxes Due")
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
-					size: "md",
-					children: formatDate$1(data.taxesDueAt)
+					children: t("taxEstimates:label.taxes_due_at", "Taxes due on {{date}}", { date: formatDate$1(data.taxesDueAt) })
 				})]
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VStack, {
-			className: "Layer__TaxSummaryCard__Breakdown",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "Layer__TaxSummaryCard__Grid",
-				children: data.sections.map((section) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "Layer__TaxSummaryCard__SectionGroup",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
-							size: "md",
-							variant: "subtle",
-							children: section.label
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoneySpan, {
-							size: "xl",
-							weight: "bold",
-							amount: section.taxesOwed
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
-							size: "md",
-							variant: "subtle",
-							children: "="
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoneySpan, {
-							size: "lg",
-							amount: section.total
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
-							size: "md",
-							variant: "subtle",
-							children: "-"
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoneySpan, {
-							size: "lg",
-							amount: section.taxesPaid
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
-							size: "sm",
-							variant: "subtle",
-							children: t("common:label.total", "Total")
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
-							size: "sm",
-							variant: "subtle",
-							children: t("taxEstimates:label.taxes_paid", "Taxes Paid")
-						})
-					]
-				}, section.label))
+			}),
+			data.sections.map((section) => {
+				var _section$key2;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VStack, {
+					className: "Layer__TaxSummaryCard__Cell Layer__TaxSummaryCard__Cell--bordered",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EquationRow, {
+						section,
+						size: "md"
+					})
+				}, (_section$key2 = section.key) !== null && _section$key2 !== void 0 ? _section$key2 : section.label);
 			})
-		})]
+		]
 	});
 };
+var SectionEquation = ({ section }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
+	className: "Layer__TaxSummaryCard__MobileSection",
+	gap: "xs",
+	align: "start",
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
+		size: "sm",
+		variant: "subtle",
+		children: section.label
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EquationRow, { section })]
+});
 const TaxSummaryCardMobile = ({ data }) => {
 	const { t } = (0, react_i18next.useTranslation)();
 	const { formatDate: formatDate$1 } = useIntlFormatter();
 	const { fullYearProjection } = useFullYearProjection();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
-		className: "Layer__TaxSummaryCard--mobile",
-		gap: "md",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Card, {
-			className: "Layer__TaxSummaryCard__OverviewCard",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
-				gap: "xs",
-				justify: "center",
-				align: "center",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
-					justify: "center",
+	const [isExpanded, setIsExpanded] = (0, react.useState)(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Card, {
+		className: "Layer__card--reset Layer__TaxSummaryCard--mobile",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
+			className: "Layer__TaxSummaryCard__MobileCard",
+			gap: "md",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
+					justify: "space-between",
 					align: "center",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
-						size: "md",
-						variant: "subtle",
+						size: "sm",
 						children: tConditional(t, "taxEstimates:label.taxes_owed", {
 							condition: fullYearProjection ? "projected" : "default",
 							cases: {
@@ -44753,81 +44351,62 @@ const TaxSummaryCardMobile = ({ data }) => {
 							},
 							contexts: { projected: "projected" }
 						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoneySpan, {
-						size: "xl",
-						weight: "bold",
-						amount: data.projectedTaxesOwed
-					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
-					align: "center",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
 						size: "sm",
 						variant: "subtle",
-						children: t("taxEstimates:label.taxes_due", "Taxes Due")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
-						size: "md",
-						children: formatDate$1(data.taxesDueAt)
+						children: t("taxEstimates:label.taxes_due_at", "Taxes due on {{date}}", { date: formatDate$1(data.taxesDueAt) })
 					})]
-				})]
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Card, {
-			className: "Layer__TaxSummaryCard__BreakdownCard",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "Layer__TaxSummaryCard__Grid Layer__TaxSummaryCard__Grid--mobile",
-				children: data.sections.map((section) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "Layer__TaxSummaryCard__SectionGroup",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
-							size: "sm",
-							variant: "subtle",
-							children: section.label
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoneySpan, {
-							size: "lg",
-							weight: "bold",
-							amount: section.taxesOwed
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
-							size: "sm",
-							variant: "subtle",
-							children: "="
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoneySpan, {
-							size: "md",
-							amount: section.total
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
-							size: "sm",
-							variant: "subtle",
-							children: "-"
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoneySpan, {
-							size: "md",
-							amount: section.taxesPaid
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
-							size: "sm",
-							variant: "subtle",
-							children: t("common:label.total", "Total")
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
-							size: "sm",
-							variant: "subtle",
-							children: t("taxEstimates:label.taxes_paid", "Taxes Paid")
-						})
-					]
-				}, section.label))
-			})
-		})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoneySpan, {
+					size: "xl",
+					weight: "bold",
+					amount: data.projectedTaxesOwed
+				}),
+				isExpanded && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VStack, {
+					className: "Layer__TaxSummaryCard__MobileSections",
+					gap: "md",
+					children: data.sections.map((section) => {
+						var _section$key;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionEquation, { section }, (_section$key = section.key) !== null && _section$key !== void 0 ? _section$key : section.label);
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HStack, {
+					className: "Layer__TaxSummaryCard__MobileToggleWrapper",
+					justify: "center",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+						variant: "text",
+						onClick: () => setIsExpanded((prev) => !prev),
+						children: isExpanded ? t("common:label.hide_details", "Hide details") : t("common:label.show_details", "Show details")
+					})
+				})
+			]
+		})
 	});
 };
-const TaxSummaryCard = ({ data }) => {
-	const { isDesktop } = useSizeClass();
-	if (isDesktop) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxSummaryCardDesktop, { data });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxSummaryCardMobile, { data });
+var TAX_SUMMARY_CARD_DESKTOP_BREAKPOINT = 1200;
+const TaxSummaryCard = () => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const { year } = useTaxEstimatesYear();
+	const { fullYearProjection } = useFullYearProjection();
+	const { data, isLoading, isError } = useTaxSummary({
+		year,
+		fullYearProjection
+	});
+	const [viewportWidth] = useWindowSize();
+	const isDesktop = viewportWidth >= TAX_SUMMARY_CARD_DESKTOP_BREAKPOINT;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConditionalBlock, {
+		isLoading,
+		isError,
+		data,
+		Loading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Loader, {}),
+		Error: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataState, {
+			status: DataStateStatus.failed,
+			title: t("taxEstimates:error.load_tax_estimates_summary", "We couldn't load your tax summary"),
+			description: t("taxEstimates:error.while_loading_tax_summary", "An error occurred while loading your tax summary. Please check your connection and try again."),
+			spacing: true
+		}),
+		children: ({ data: summary }) => isDesktop ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxSummaryCardDesktop, { data: summary }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxSummaryCardMobile, { data: summary })
+	});
 };
 const ResponsiveDetailHeader = ({ title, description: description$1 }) => {
 	const { isDesktop } = useSizeClass();
@@ -44970,120 +44549,144 @@ const TaxEstimatesHeader = ({ type }) => {
 		})]
 	});
 };
-var TaxDetailsHeader = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxEstimatesHeader, { type: TaxEstimatesHeaderType.Estimates });
-var MobileExpandableCardsWrapper = ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Card, {
-	className: "Layer__TaxDetails__ExpandableCardsWrapper",
+const Operator = ({ sign }) => {
+	if (!sign) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
+		className: "Layer__TaxDetails__Operator",
+		size: "lg",
+		variant: "subtle",
+		"aria-hidden": "true",
+		children: sign
+	});
+};
+var TaxDetailsColumns = /* @__PURE__ */ function(TaxDetailsColumns$1) {
+	TaxDetailsColumns$1["Label"] = "Label";
+	TaxDetailsColumns$1["Amount"] = "Amount";
+	return TaxDetailsColumns$1;
+}(TaxDetailsColumns || {});
+var COMPONENT_NAME$2 = "TaxDetails";
+var MobileExpandableCardsWrapper = ({ children, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Card, {
+	className: `Layer__card--reset ${className !== null && className !== void 0 ? className : ""}`,
 	children
 });
-const TaxDetails = () => {
+var EmptyState$1 = () => {
+	const { t } = (0, react_i18next.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataState, {
+		status: DataStateStatus.allDone,
+		title: t("taxEstimates:empty.no_tax_details", "No tax details"),
+		description: t("taxEstimates:empty.no_tax_details_description", "No tax details found"),
+		spacing: true
+	});
+};
+var ErrorState$4 = () => {
+	const { t } = (0, react_i18next.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataState, {
+		status: DataStateStatus.failed,
+		title: t("taxEstimates:error.load_tax_details", "We couldn't load your tax details"),
+		description: t("taxEstimates:error.while_loading_tax_details", "An error occurred while loading your tax details. Please check your connection and try again."),
+		spacing: true
+	});
+};
+var TaxDetailsRowLabelCell = (row) => {
+	if (row.original.operator !== void 0 && row.original.operator !== null) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
+		className: "Layer__TaxDetails__TaxDetailsRow--operator",
+		align: "center",
+		gap: "md",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Operator, { sign: row.original.operator }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, { children: row.original.label })]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, { children: row.original.label });
+};
+var makeAmountCellRenderer = ({ formatNumber: formatNumber$1, formatPercent: formatPercent$1 }) => {
+	return function TaxDetailsAmountCell(row) {
+		const { value } = row.original;
+		if (value === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, { children: "-" });
+		if (isPercentageCellValue(value)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, { children: formatPercent$1(value.value, {
+			maximumFractionDigits: 2,
+			minimumFractionDigits: 2
+		}) });
+		if (isCurrencyCellValue(value)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoneySpan, { amount: value.value });
+		if (isDecimalCellValue(value)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, { children: formatNumber$1(value.value, {
+			maximumFractionDigits: 2,
+			minimumFractionDigits: 0
+		}) });
+		const raw = value.value;
+		if (typeof raw === "string" || typeof raw === "number" || typeof raw === "boolean") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, { children: String(raw) });
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, { children: "-" });
+	};
+};
+var useColumnConfig = () => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const { formatNumber: formatNumber$1, formatPercent: formatPercent$1 } = useIntlFormatter();
+	return (0, react.useMemo)(() => [{
+		id: TaxDetailsColumns.Label,
+		header: t("taxEstimates:label.tax_details_label", "Label"),
+		cell: TaxDetailsRowLabelCell,
+		isRowHeader: true
+	}, {
+		id: TaxDetailsColumns.Amount,
+		header: t("taxEstimates:label.tax_details_amount", "Amount"),
+		cell: makeAmountCellRenderer({
+			formatNumber: formatNumber$1,
+			formatPercent: formatPercent$1
+		})
+	}], [
+		t,
+		formatNumber$1,
+		formatPercent$1
+	]);
+};
+var getSubRows$1 = (row) => {
+	return row.breakdown ? asMutable(row.breakdown) : void 0;
+};
+var getRowId$1 = (row) => {
+	return row.rowKey;
+};
+function TaxDetailsContent() {
 	const { t } = (0, react_i18next.useTranslation)();
 	const { year } = useTaxEstimatesYear();
 	const { fullYearProjection } = useFullYearProjection();
-	const projectedCondition = fullYearProjection ? "projected" : "default";
 	const { data, isLoading, isError } = useTaxDetails({
 		year,
 		fullYearProjection
 	});
-	const { data: summaryData, isLoading: isSummaryLoading } = useTaxSummary({
-		year,
-		fullYearProjection
-	});
 	const { isDesktop } = useSizeClass();
-	const [expanded, setExpanded] = (0, react.useState)({
-		taxableIncome: true,
-		federalTaxes: true,
-		stateTaxes: true
-	});
-	const toggleExpanded = (0, react.useCallback)((key) => {
-		setExpanded((prev) => _objectSpread2(_objectSpread2({}, prev), {}, { [key]: !prev[key] }));
-	}, []);
+	const columnConfig = useColumnConfig();
 	const ExpandableCardsWrapper = isDesktop ? VStack : MobileExpandableCardsWrapper;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConditionalBlock, {
+		isLoading,
+		isError,
+		data,
+		Loading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Loader, {}),
+		Error: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorState$4, {}),
+		children: ({ data: details }) => {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandableCardsWrapper, {
+				className: "Layer__TaxDetails__ExpandableCardsWrapper",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandableDataTableProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandableDataTable, {
+					componentName: COMPONENT_NAME$2,
+					ariaLabel: t("taxEstimates:label.tax_details", "Tax Details"),
+					data: asMutable(details.rows),
+					columnConfig,
+					isLoading,
+					isError,
+					indentSize: isDesktop ? "sm" : "xs",
+					slots: {
+						EmptyState: EmptyState$1,
+						ErrorState: ErrorState$4
+					},
+					getSubRows: getSubRows$1,
+					getRowId: getRowId$1
+				}) })
+			});
+		}
+	});
+}
+var TaxDetailsHeader = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxEstimatesHeader, { type: TaxEstimatesHeaderType.Estimates });
+const TaxDetails = () => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ResponsiveDetailView, {
 		name: "TaxDetails",
 		slots: { Header: TaxDetailsHeader },
 		mobileProps: { className: "Layer__TaxDetails--mobile" },
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConditionalBlock, {
-			isLoading: isSummaryLoading,
-			isError,
-			data: summaryData,
-			Loading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Loader, {}),
-			Error: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataState, {
-				status: DataStateStatus.failed,
-				title: t("taxEstimates:error.load_tax_estimates_summary", "We couldn't load your tax summary"),
-				description: t("taxEstimates:error.while_loading_tax_summary", "An error occurred while loading your tax summary. Please check your connection and try again."),
-				spacing: true
-			}),
-			children: ({ data: summary }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxSummaryCard, { data: summary })
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConditionalBlock, {
-			isLoading,
-			isError,
-			data,
-			Loading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Loader, {}),
-			Error: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataState, {
-				status: DataStateStatus.failed,
-				title: t("taxEstimates:error.load_tax_estimates", "We couldn't load your tax estimates"),
-				description: t("taxEstimates:error.while_loading_tax_estimates", "An error occurred while loading your tax estimates. Please check your connection and try again."),
-				spacing: true
-			}),
-			children: ({ data: details }) => {
-				const usFederal = details.taxes.usFederal;
-				const usState = details.taxes.usState;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ExpandableCardsWrapper, { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandableCard, {
-						isExpanded: expanded.taxableIncome,
-						onToggleExpanded: () => toggleExpanded("taxableIncome"),
-						slots: { Heading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxDetailsExpandableCardHeading, {
-							title: tConditional(t, "taxEstimates:label.taxable_business_income", {
-								condition: projectedCondition,
-								cases: {
-									default: "Taxable Business Income",
-									projected: "Projected Taxable Business Income"
-								},
-								contexts: { projected: "projected" }
-							}),
-							amount: details.adjustedGrossIncome.totalAdjustedGrossIncome
-						}) },
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AdjustedGrossIncomeTable, { data: details.adjustedGrossIncome })
-					}),
-					usFederal && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandableCard, {
-						isExpanded: expanded.federalTaxes,
-						onToggleExpanded: () => toggleExpanded("federalTaxes"),
-						slots: { Heading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxDetailsExpandableCardHeading, {
-							title: tConditional(t, "taxEstimates:label.federal_taxes", {
-								condition: projectedCondition,
-								cases: {
-									default: "Federal Taxes",
-									projected: "Projected Federal Taxes"
-								},
-								contexts: { projected: "projected" }
-							}),
-							amount: usFederal.totalFederalTax.totalFederalTaxOwed
-						}) },
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FederalTaxTable, {
-							data: usFederal,
-							adjustedGrossIncome: details.adjustedGrossIncome.totalAdjustedGrossIncome
-						})
-					}),
-					usState && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandableCard, {
-						isExpanded: expanded.stateTaxes,
-						onToggleExpanded: () => toggleExpanded("stateTaxes"),
-						slots: { Heading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxDetailsExpandableCardHeading, {
-							title: tConditional(t, "taxEstimates:label.taxes_by_state_name", {
-								condition: projectedCondition,
-								cases: {
-									default: "State Taxes ({{stateName}})",
-									projected: "Projected State Taxes ({{stateName}})"
-								},
-								contexts: { projected: "projected" },
-								stateName: usState.stateName
-							}),
-							amount: usState.totalStateTax.totalStateTaxOwed
-						}) },
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StateTaxTable, { data: usState })
-					})
-				] });
-			}
-		})]
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxSummaryCard, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaxDetailsContent, {})]
 	});
 };
 const resolveCategoryColor = ({ key }) => {
@@ -46211,6 +45814,30 @@ const useCatalogServicesGlobalCacheActions = () => {
 		forceReloadCatalogServices: (0, react.useCallback)(() => forceReload(({ tags }) => tags.includes(CATALOG_SERVICES_TAG_KEY)), [forceReload])
 	};
 };
+const ExpandableCard = ({ children, isExpanded, onToggleExpanded, slots }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Card, {
+		className: "Layer__ExpandableCard",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: "Layer__ExpandableCard__Header",
+			onClick: onToggleExpanded,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(HStack, {
+				justify: "space-between",
+				align: "center",
+				children: [slots.Heading, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandButton, { isExpanded })]
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnimatedPresenceElement, {
+			motionKey: "expandable-content",
+			variant: "expand",
+			isOpen: isExpanded,
+			style: { overflow: "hidden" },
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VStack, {
+				className: "Layer__ExpandableCard__Content",
+				children
+			})
+		})]
+	});
+};
 var ARCHIVE_CATALOG_SERVICE_TAG_KEY = "#archive-catalog-service";
 var ArchiveCatalogServiceResponseSchema = effect.Schema.Struct({ data: CatalogServiceSchema });
 var archiveCatalogService = post(({ businessId, serviceId }) => `/v1/businesses/${businessId}/catalog/services/${serviceId}/archive`);
@@ -48042,10 +47669,10 @@ var TimeEntryDateCell = (0, react.memo)(function TimeEntryDateCell$1({ date }) {
 	return formatCalendarDate(date, formatDate$1);
 });
 var TimeEntryDurationCell = (0, react.memo)(function TimeEntryDurationCell$1({ durationMinutes }) {
-	const { t } = (0, react_i18next.useTranslation)();
-	const { formatMinutesAsDuration: formatMinutesAsDuration$1 } = useIntlFormatter();
-	if (durationMinutes === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, { children: t("timeTracking:label.less_than_one_minute", "< 1 min") });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, { children: formatMinutesAsDuration$1(durationMinutes) });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DurationSpan, {
+		durationMinutes,
+		showLessThanOneMinuteForZero: true
+	});
 });
 var TimeEntryActionsCell = (0, react.memo)(function TimeEntryActionsCell$1({ entry }) {
 	const { t } = (0, react_i18next.useTranslation)();
@@ -48598,7 +48225,7 @@ var TimeTrackingStatsLegendSwatch = ({ color }) => /* @__PURE__ */ (0, react_jsx
 	})
 });
 var TimeTrackingStatsBreakdown = (0, react.memo)(function TimeTrackingStatsBreakdown$1({ entries }) {
-	const { formatMinutesAsDuration: formatMinutesAsDuration$1, formatPercent: formatPercent$1 } = useIntlFormatter();
+	const { formatPercent: formatPercent$1 } = useIntlFormatter();
 	const chartData = (0, react.useMemo)(() => buildStackedChartData(entries), [entries]);
 	const chartTotalMinutes = (0, react.useMemo)(() => entries.reduce((total, entry) => total + entry.totalMinutes, 0), [entries]);
 	const chartKey = entries.map((entry) => entry.key).join("|");
@@ -48673,10 +48300,10 @@ var TimeTrackingStatsBreakdown = (0, react.memo)(function TimeTrackingStatsBreak
 					className: "Layer__TimeTrackingStats__LegendMeta",
 					gap: "2xs",
 					align: "baseline",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DurationSpan, {
 						className: "Layer__TimeTrackingStats__LegendDuration",
 						size: "sm",
-						children: formatMinutesAsDuration$1(totalMinutes)
+						durationMinutes: totalMinutes
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
 						className: "Layer__TimeTrackingStats__LegendPercentage",
 						size: "sm",
@@ -48690,9 +48317,7 @@ var TimeTrackingStatsBreakdown = (0, react.memo)(function TimeTrackingStatsBreak
 });
 function TimeTrackingStatsContent({ summary }) {
 	const { t } = (0, react_i18next.useTranslation)();
-	const { formatMinutesAsDuration: formatMinutesAsDuration$1 } = useIntlFormatter();
 	const serviceBreakdown = (0, react.useMemo)(() => buildServiceBreakdown(summary.byService, t("timeTracking:label.other", "Other")), [summary.byService, t]);
-	const totalDurationDisplay = summary.totalMinutes > 0 ? formatMinutesAsDuration$1(summary.totalMinutes) : t("timeTracking:label.zero_minutes", "0 min");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(VStack, {
 		className: "Layer__TimeTrackingStats__Content",
 		gap: "lg",
@@ -48724,10 +48349,10 @@ function TimeTrackingStatsContent({ summary }) {
 						size: "sm",
 						variant: "subtle",
 						children: t("common:label.this_period", "This Period")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Span, {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DurationSpan, {
 						className: "Layer__TimeTrackingStats__SummaryValue",
 						weight: "bold",
-						children: totalDurationDisplay
+						durationMinutes: summary.totalMinutes
 					})]
 				})]
 			})]