@layerfi/components 0.1.133 → 0.1.134-alpha.1

package/dist/esm/index.mjs

@@ -27,7 +27,7 @@ import { Text } from "react-aria-components/Text";
 import { mergeRefs } from "react-merge-refs";
 import useResizeObserver from "@react-hook/resize-observer";
 import { Button } from "react-aria-components/Button";
-import { AlertCircle, AlertTriangle, Archive, ArchiveRestore, ArrowRight, ArrowUpRight, Briefcase, Car, Check, CheckCircle, CheckIcon, ChevronLeft, ChevronRight, Circle, Clock, Clock3, CopyIcon, Edit, ExternalLink, FileDownIcon, FileSpreadsheet, FileText, HandCoins, Hourglass, Info, Layers2Icon, List, LoaderCircle, Lock, Menu, MenuIcon, Minus, PencilRuler, Play, Plus, RefreshCcw, RotateCcw, Save, Search, SearchX, Trash, Trash2, TriangleAlert, UploadCloud, UserRoundPen, Video, X, XCircle, XIcon } from "lucide-react";
+import { AlertCircle, AlertTriangle, Archive, ArchiveRestore, ArrowRight, ArrowUpRight, Briefcase, Car, Check, CheckCircle, CheckIcon, ChevronLeft, ChevronRight, Circle, Clock, Clock3, CopyIcon, Edit, ExternalLink, FileDownIcon, FileSpreadsheet, FileText, Filter, HandCoins, Hourglass, Info, Layers2Icon, List, LoaderCircle, Lock, Menu, MenuIcon, Minus, PencilRuler, Play, Plus, RefreshCcw, RotateCcw, Save, Search, SearchX, Trash, Trash2, TriangleAlert, UploadCloud, UserRoundPen, Video, X, XCircle, XIcon } from "lucide-react";
 import { DurationFormat } from "@formatjs/intl-durationformat";
 import { Dialog, DialogTrigger } from "react-aria-components/Dialog";
 import { Modal, ModalOverlay } from "react-aria-components/Modal";
@@ -255,7 +255,7 @@ var getIntlLocale = (locale) => {
 };
 var package_default = {
 	name: "@layerfi/components",
-	version: "0.1.133",
+	version: "0.1.134-alpha.1",
 	description: "Layer React Components",
 	main: "dist/cjs/index.cjs",
 	module: "dist/esm/index.mjs",
@@ -3753,11 +3753,11 @@ function _objectWithoutProperties(e, t) {
 }
 //#endregion
 //#region src/utils/swr/localeKeyMiddleware.ts
-var _excluded$118 = ["_locale"];
+var _excluded$120 = ["_locale"];
 var createLocalizedFetcher = (fetcher) => {
 	if (!fetcher) return null;
 	return (_ref, ...rest) => {
-		let { _locale } = _ref, key = _objectWithoutProperties(_ref, _excluded$118);
+		let { _locale } = _ref, key = _objectWithoutProperties(_ref, _excluded$120);
 		setLocaleHeader(_locale);
 		return fetcher(key, ...rest);
 	};
@@ -3774,7 +3774,7 @@ var useLocalizedKey = () => {
 };
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/bank-accounts/useUnlinkBankAccount.ts
-var _excluded$117 = ["trigger"];
+var _excluded$119 = ["trigger"];
 var UNLINK_BANK_ACCOUNT_TAG_KEY = "#unlink-bank-account";
 var unlinkBankAccount = del(({ businessId, bankAccountId }) => `/v1/businesses/${businessId}/bank-accounts/${bankAccountId}`);
 function buildKey$87({ access_token: accessToken, apiUrl, businessId }) {
@@ -3797,7 +3797,7 @@ function useUnlinkBankAccount() {
 	})), ({ accessToken, apiUrl, businessId }, { arg: bankAccountId }) => unlinkBankAccount(apiUrl, accessToken, { params: {
 		businessId,
 		bankAccountId
-	} }), { revalidate: false }), { trigger: rawTrigger } = _useSWRMutation, rest = _objectWithoutProperties(_useSWRMutation, _excluded$117);
+	} }), { revalidate: false }), { trigger: rawTrigger } = _useSWRMutation, rest = _objectWithoutProperties(_useSWRMutation, _excluded$119);
 	const triggerRef = useRef(rawTrigger);
 	triggerRef.current = rawTrigger;
 	return _objectSpread2({ trigger: useCallback((bankAccountId) => triggerRef.current(bankAccountId), []) }, rest);
@@ -4775,6 +4775,7 @@ var TagValueDefinitionSchema = Schema.Struct({
 	displayName: Schema.propertySignature(Schema.NullishOr(Schema.NonEmptyTrimmedString)).pipe(Schema.fromKey("display_name")),
 	archivedAt: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Date)), Schema.fromKey("archived_at"))
 });
+var isActiveTagValueDefinition = (tagValueDefinition) => tagValueDefinition.archivedAt == null;
 var TagKeyValueSchema = Schema.Struct({
 	key: Schema.NonEmptyTrimmedString,
 	value: Schema.NonEmptyTrimmedString,
@@ -6474,14 +6475,14 @@ var useBankTransactionsFilters = ({ scope, monthlyView, applyGlobalDateRange, fi
 };
 //#endregion
 //#region src/icons/Bell.tsx
-var _excluded$116 = ["size"];
+var _excluded$118 = ["size"];
 var Bell = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$116)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$118)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ jsx("path", {
@@ -6499,14 +6500,14 @@ var Bell = (_ref) => {
 };
 //#endregion
 //#region src/icons/CreditCard.tsx
-var _excluded$115 = ["size"];
+var _excluded$117 = ["size"];
 var CreditCard = (_ref) => {
 	let { size = 12 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 12",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$115)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$117)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ jsx("path", {
@@ -6524,14 +6525,14 @@ var CreditCard = (_ref) => {
 };
 //#endregion
 //#region src/icons/Folder.tsx
-var _excluded$114 = ["size"];
+var _excluded$116 = ["size"];
 var Folder = (_ref) => {
 	let { size = 12 } = _ref;
 	return /* @__PURE__ */ jsx("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 12",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$114)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$116)), {}, {
 		width: size,
 		height: size,
 		children: /* @__PURE__ */ jsx("path", {
@@ -6544,14 +6545,14 @@ var Folder = (_ref) => {
 };
 //#endregion
 //#region src/icons/Link.tsx
-var _excluded$113 = ["size"];
+var _excluded$115 = ["size"];
 var Link$3 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$113)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$115)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ jsx("path", {
@@ -6577,14 +6578,14 @@ var PlaidIcon = () => {
 };
 //#endregion
 //#region src/icons/Sunrise.tsx
-var _excluded$112 = ["size"];
+var _excluded$114 = ["size"];
 var Sunrise = (_ref) => {
 	let { size = 12 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 12",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$112)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$114)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -6667,7 +6668,7 @@ var ChevronRight$1 = (_ref) => {
 };
 //#endregion
 //#region src/components/Button/IconButton.tsx
-var _excluded$111 = [
+var _excluded$113 = [
 	"className",
 	"children",
 	"icon",
@@ -6679,7 +6680,7 @@ var _excluded$111 = [
 	"download"
 ];
 var IconButton = (_ref) => {
-	let { className, children: _children, icon, active, withBorder = false, href, target, rel, download } = _ref, props = _objectWithoutProperties(_ref, _excluded$111);
+	let { className, children: _children, icon, active, withBorder = false, href, target, rel, download } = _ref, props = _objectWithoutProperties(_ref, _excluded$113);
 	const baseClassName = classNames("Layer__icon-btn", `Layer__icon-btn--${active ? "active" : "inactive"}`, withBorder && "Layer__icon-btn--border", className);
 	if (href) return /* @__PURE__ */ jsx("a", {
 		href,
@@ -6769,17 +6770,17 @@ var useTooltip = ({ initialOpen = false, placement = "top", open: controlledOpen
 };
 //#endregion
 //#region src/components/Tooltip/Tooltip.tsx
-var _excluded$110 = ["children"], _excluded2$15 = ["children", "asChild"], _excluded3$6 = ["className", "width"];
+var _excluded$112 = ["children"], _excluded2$16 = ["children", "asChild"], _excluded3$6 = ["className", "width"];
 var DeprecatedTooltip = (_ref) => {
 	let { children } = _ref;
-	const tooltip = useTooltip(_objectWithoutProperties(_ref, _excluded$110));
+	const tooltip = useTooltip(_objectWithoutProperties(_ref, _excluded$112));
 	return /* @__PURE__ */ jsx(TooltipContext.Provider, {
 		value: tooltip,
 		children
 	});
 };
 var DeprecatedTooltipTrigger = forwardRef(function TooltipTrigger(_ref2, propRef) {
-	let { children, asChild = false } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$15);
+	let { children, asChild = false } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$16);
 	const context = useTooltipContext();
 	const childrenRef = isValidElement(children) && "ref" in children ? children.ref : null;
 	const ref = useMergeRefs([
@@ -6812,7 +6813,7 @@ var DeprecatedTooltipContent = forwardRef(function TooltipContent(_ref3, propRef
 });
 //#endregion
 //#region src/components/Typography/Text.tsx
-var _excluded$109 = [
+var _excluded$111 = [
 	"as",
 	"className",
 	"children",
@@ -6823,7 +6824,7 @@ var _excluded$109 = [
 	"status",
 	"pb",
 	"invertColor"
-], _excluded2$14 = [
+], _excluded2$15 = [
 	"as",
 	"className",
 	"children",
@@ -6849,7 +6850,7 @@ var TextUseTooltip = /* @__PURE__ */ function(TextUseTooltip) {
 	return TextUseTooltip;
 }({});
 var Text$2 = (_ref) => {
-	let { as: Component = "p", className, children, size = TextSize.md, weight = TextWeight.normal, withDeprecatedTooltip: withTooltip, ellipsis, status, pb, invertColor } = _ref, props = _objectWithoutProperties(_ref, _excluded$109);
+	let { as: Component = "p", className, children, size = TextSize.md, weight = TextWeight.normal, withDeprecatedTooltip: withTooltip, ellipsis, status, pb, invertColor } = _ref, props = _objectWithoutProperties(_ref, _excluded$111);
 	const dataProperties = toDataProperties({
 		status,
 		ellipsis,
@@ -6870,7 +6871,7 @@ var Text$2 = (_ref) => {
 	}));
 };
 var DeprecatedTextWithTooltip = (_ref2) => {
-	let { as: Component = "p", className, children, size: _size = TextSize.md, weight: _weight = TextWeight.normal, withDeprecatedTooltip: _withTooltip = TextUseTooltip.whenTruncated, tooltipOptions } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$14);
+	let { as: Component = "p", className, children, size: _size = TextSize.md, weight: _weight = TextWeight.normal, withDeprecatedTooltip: _withTooltip = TextUseTooltip.whenTruncated, tooltipOptions } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$15);
 	const textElementRef = useRef();
 	const compareSize = () => {
 		if (textElementRef.current) setHover(textElementRef.current.children[0].scrollWidth > textElementRef.current.children[0].clientWidth);
@@ -6978,14 +6979,14 @@ var Badge = ({ icon, onClick, children, tooltip, size = BadgeSize.MEDIUM, varian
 };
 //#endregion
 //#region src/icons/Loader.tsx
-var _excluded$108 = ["size"];
+var _excluded$110 = ["size"];
 var Loader$1 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$108)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$110)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -7042,7 +7043,7 @@ var Loader$1 = (_ref) => {
 };
 //#endregion
 //#region src/components/Button/Button.tsx
-var _excluded$107 = [
+var _excluded$109 = [
 	"className",
 	"children",
 	"variant",
@@ -7062,7 +7063,7 @@ var ButtonVariant = /* @__PURE__ */ function(ButtonVariant) {
 	return ButtonVariant;
 }({});
 var Button$2 = (_ref) => {
-	let { className, children, variant = ButtonVariant.primary, leftIcon, rightIcon, iconOnly, iconAsPrimary = false, justify = "center", fullWidth, isProcessing, tooltip } = _ref, props = _objectWithoutProperties(_ref, _excluded$107);
+	let { className, children, variant = ButtonVariant.primary, leftIcon, rightIcon, iconOnly, iconAsPrimary = false, justify = "center", fullWidth, isProcessing, tooltip } = _ref, props = _objectWithoutProperties(_ref, _excluded$109);
 	const buttonRef = useRef(null);
 	let justifyContent = "center";
 	if (justify) justifyContent = justify;
@@ -7111,14 +7112,14 @@ var Button$2 = (_ref) => {
 };
 //#endregion
 //#region src/icons/AlertOctagon.tsx
-var _excluded$106 = ["size"];
+var _excluded$108 = ["size"];
 var AlertOctagon = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 18 18",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$106)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$108)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -7145,14 +7146,14 @@ var AlertOctagon = (_ref) => {
 };
 //#endregion
 //#region src/icons/CheckCircle.tsx
-var _excluded$105 = ["size"];
+var _excluded$107 = ["size"];
 var CheckCircle$1 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ 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$107)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ jsx("path", {
@@ -7170,14 +7171,14 @@ var CheckCircle$1 = (_ref) => {
 };
 //#endregion
 //#region src/icons/RefreshCcw.tsx
-var _excluded$104 = ["size"];
+var _excluded$106 = ["size"];
 var RefreshCcw$1 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ 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$106)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -7764,7 +7765,7 @@ function BankTransactionTagVisibilityProvider({ children, showTags }) {
 }
 //#endregion
 //#region src/components/ui/Stack/Stack.tsx
-var _excluded$103 = [
+var _excluded$105 = [
 	"align",
 	"children",
 	"className",
@@ -7782,7 +7783,7 @@ var _excluded$103 = [
 ];
 var CLASS_NAME$11 = "Layer__Stack";
 var Stack = forwardRef(function Stack(_ref, ref) {
-	let { align, children, className, direction, gap, justify, overflow, pb, pbs, pbe, pi, pis, pie, fluid } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$103);
+	let { align, children, className, direction, gap, justify, overflow, pb, pbs, pbe, pi, pis, pie, fluid } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$105);
 	const dataProperties = toDataProperties({
 		align,
 		direction,
@@ -8111,7 +8112,7 @@ function useSizeClass() {
 }
 //#endregion
 //#region src/components/ui/Tooltip/Tooltip.tsx
-var _excluded$102 = ["children"], _excluded2$13 = [
+var _excluded$104 = ["children"], _excluded2$14 = [
 	"children",
 	"asChild",
 	"wordBreak"
@@ -8122,14 +8123,14 @@ var _excluded$102 = ["children"], _excluded2$13 = [
 ];
 var Tooltip$1 = (_ref) => {
 	let { children } = _ref;
-	const tooltip = useTooltip(_objectWithoutProperties(_ref, _excluded$102));
+	const tooltip = useTooltip(_objectWithoutProperties(_ref, _excluded$104));
 	return /* @__PURE__ */ jsx(TooltipContext.Provider, {
 		value: tooltip,
 		children
 	});
 };
 var TooltipTrigger = forwardRef(function TooltipTrigger(_ref2, propRef) {
-	let { children, asChild = false, wordBreak } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$13);
+	let { children, asChild = false, wordBreak } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$14);
 	const context = useTooltipContext();
 	const childrenRef = isValidElement(children) && "ref" in children ? children.ref : null;
 	const ref = useMergeRefs([
@@ -8198,7 +8199,7 @@ function useTruncationDetection(elementRef, options = {
 }
 //#endregion
 //#region src/components/ui/Typography/Text.tsx
-var _excluded$101 = [
+var _excluded$103 = [
 	"align",
 	"children",
 	"ellipsis",
@@ -8214,7 +8215,7 @@ var _excluded$101 = [
 	"weight"
 ];
 function splitTextProps(props) {
-	const { align, children, ellipsis, nonAria, noWrap, numeric, pb, pbe, pbs, size, status, variant, weight } = props, restProps = _objectWithoutProperties(props, _excluded$101);
+	const { align, children, ellipsis, nonAria, noWrap, numeric, pb, pbe, pbs, size, status, variant, weight } = props, restProps = _objectWithoutProperties(props, _excluded$103);
 	return {
 		children,
 		dataProperties: toDataProperties({
@@ -8387,7 +8388,7 @@ function withRenderProp(renderProp, callback) {
 }
 //#endregion
 //#region src/components/ui/Button/Button.tsx
-var _excluded$100 = [
+var _excluded$102 = [
 	"children",
 	"ellipsis",
 	"icon",
@@ -8415,7 +8416,7 @@ function ButtonTransparentContent({ children }) {
 	});
 }
 var Button$1 = forwardRef((_ref, ref) => {
-	let { children, ellipsis, icon, inset, size = "md", variant = "solid", fullWidth = false, flex = false } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$100);
+	let { children, ellipsis, icon, inset, size = "md", variant = "solid", fullWidth = false, flex = false } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$102);
 	const { isPending = false } = restProps;
 	const dataProperties = toDataProperties({
 		ellipsis,
@@ -8438,10 +8439,10 @@ var Button$1 = forwardRef((_ref, ref) => {
 Button$1.displayName = "Button";
 //#endregion
 //#region src/utils/i18n/plural.ts
-var _excluded$99 = ["one", "other"];
+var _excluded$101 = ["one", "other"];
 var tPlural = (translate, key, _ref) => {
 	let { one, other } = _ref;
-	return translate(key, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$99)), {}, {
+	return translate(key, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$101)), {}, {
 		defaultValue_one: one,
 		defaultValue_other: other
 	}));
@@ -9719,7 +9720,7 @@ var useVirtualKeyboardHeight = () => {
 };
 //#endregion
 //#region src/components/ui/Modal/Modal.tsx
-var _excluded$98 = ["variant"], _excluded2$12 = [
+var _excluded$100 = ["variant"], _excluded2$13 = [
 	"variant",
 	"children",
 	"slots",
@@ -9729,7 +9730,7 @@ var _excluded$98 = ["variant"], _excluded2$12 = [
 ];
 var MODAL_OVERLAY_CLASS_NAME = `Layer__Portal Layer__ModalOverlay`;
 var ModalOverlay$1 = forwardRef((_ref, ref) => {
-	let { variant } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$98);
+	let { variant } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$100);
 	return /* @__PURE__ */ jsx(ModalOverlay, _objectSpread2(_objectSpread2(_objectSpread2({}, toDataProperties({ variant })), restProps), {}, {
 		className: MODAL_OVERLAY_CLASS_NAME,
 		ref
@@ -9763,7 +9764,7 @@ var MobileDrawerKeyboardSpacer = () => {
 };
 var DIALOG_CLASS_NAME = "Layer__Dialog";
 var Dialog$1 = forwardRef((_ref2, ref) => {
-	let { variant = "center", children, slots, isEntering, isExiting, fixedHeight } = _ref2, restProps = _objectWithoutProperties(_ref2, _excluded2$12);
+	let { variant = "center", children, slots, isEntering, isExiting, fixedHeight } = _ref2, restProps = _objectWithoutProperties(_ref2, _excluded2$13);
 	const dataProperties = toDataProperties({
 		variant,
 		entering: isEntering,
@@ -9833,7 +9834,7 @@ function Drawer({ isOpen, onOpenChange, size = "md", flexBlock, flexInline, chil
 }
 //#endregion
 //#region src/components/ui/Typography/Heading.tsx
-var _excluded$97 = [
+var _excluded$99 = [
 	"align",
 	"pie",
 	"pbe",
@@ -9845,7 +9846,7 @@ var _excluded$97 = [
 ];
 var HEADING_CLASS_NAME = "Layer__UI__Heading";
 var Heading$2 = forwardRef((_ref, ref) => {
-	let { align, pie, pbe, size, variant, weight, ellipsis, className } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$97);
+	let { align, pie, pbe, size, variant, weight, ellipsis, className } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$99);
 	const dataProperties = toDataProperties({
 		pbe,
 		pie,
@@ -9935,14 +9936,14 @@ function ModalActions({ children }) {
 }
 //#endregion
 //#region src/icons/AlertCircle.tsx
-var _excluded$96 = ["size"];
+var _excluded$98 = ["size"];
 var AlertCircle$1 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 18 18",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$96)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$98)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -9969,14 +9970,14 @@ var AlertCircle$1 = (_ref) => {
 };
 //#endregion
 //#region src/icons/Save.tsx
-var _excluded$95 = ["size"];
+var _excluded$97 = ["size"];
 var Save$1 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$95)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$97)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -10003,7 +10004,7 @@ var Save$1 = (_ref) => {
 };
 //#endregion
 //#region src/components/Button/RetryButton.tsx
-var _excluded$94 = [
+var _excluded$96 = [
 	"className",
 	"processing",
 	"disabled",
@@ -10011,7 +10012,7 @@ var _excluded$94 = [
 	"children"
 ];
 var RetryButton = (_ref) => {
-	let { className, processing, disabled, error, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$94);
+	let { className, processing, disabled, error, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$96);
 	const baseClassName = classNames("Layer__retry-btn", processing ? "Layer__btn--processing" : "", className);
 	return /* @__PURE__ */ jsx(Button$2, _objectSpread2(_objectSpread2({}, props), {}, {
 		className: baseClassName,
@@ -10025,7 +10026,7 @@ var RetryButton = (_ref) => {
 };
 //#endregion
 //#region src/components/Button/SubmitButton.tsx
-var _excluded$93 = [
+var _excluded$95 = [
 	"active",
 	"className",
 	"processing",
@@ -10062,7 +10063,7 @@ var buildRightIcon = ({ processing, error, action, noIcon }) => {
 	return /* @__PURE__ */ jsx(Save$1, { size: 16 });
 };
 var SubmitButton = (_ref) => {
-	let { active, className, processing, disabled, error, children, action = SubmitAction.SAVE, noIcon, variant = ButtonVariant.primary, withRetry, iconAsPrimary = true } = _ref, props = _objectWithoutProperties(_ref, _excluded$93);
+	let { active, className, processing, disabled, error, children, action = SubmitAction.SAVE, noIcon, variant = ButtonVariant.primary, withRetry, iconAsPrimary = true } = _ref, props = _objectWithoutProperties(_ref, _excluded$95);
 	const { t } = useTranslation();
 	const baseClassName = classNames(active ? "Layer__btn--active" : "", className);
 	if (withRetry && error) return /* @__PURE__ */ jsx(RetryButton, _objectSpread2(_objectSpread2({}, props), {}, {
@@ -10087,7 +10088,7 @@ var SubmitButton = (_ref) => {
 };
 //#endregion
 //#region src/components/blocks/BaseConfirmationModal/BaseConfirmationModal.tsx
-var _excluded$92 = [
+var _excluded$94 = [
 	"isOpen",
 	"onOpenChange",
 	"useDrawer"
@@ -10153,7 +10154,7 @@ var BaseConfirmationModalContent = memo(function BaseConfirmationModalContent({
 	});
 });
 function BaseConfirmationModal(_ref) {
-	let { isOpen, onOpenChange, useDrawer = false } = _ref, contentProps = _objectWithoutProperties(_ref, _excluded$92);
+	let { isOpen, onOpenChange, useDrawer = false } = _ref, contentProps = _objectWithoutProperties(_ref, _excluded$94);
 	if (useDrawer) return /* @__PURE__ */ jsx(Drawer, {
 		flexBlock: true,
 		isOpen,
@@ -10211,14 +10212,14 @@ var COMBO_BOX_CLASS_NAMES = {
 };
 //#endregion
 //#region src/icons/Check.tsx
-var _excluded$91 = ["size"];
+var _excluded$93 = ["size"];
 var Check$1 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsx("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 18 18",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$91)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$93)), {}, {
 		width: size,
 		height: size,
 		children: /* @__PURE__ */ jsx("path", {
@@ -10231,14 +10232,14 @@ var Check$1 = (_ref) => {
 };
 //#endregion
 //#region src/icons/ChevronDown.tsx
-var _excluded$90 = ["size"];
+var _excluded$92 = ["size"];
 var ChevronDown = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ 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$92)), {}, {
 		width: size,
 		height: size,
 		children: /* @__PURE__ */ jsx("path", {
@@ -10251,14 +10252,14 @@ var ChevronDown = (_ref) => {
 };
 //#endregion
 //#region src/icons/X.tsx
-var _excluded$89 = ["size"];
+var _excluded$91 = ["size"];
 var X$1 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$89)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$91)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ jsx("path", {
@@ -10276,10 +10277,10 @@ var X$1 = (_ref) => {
 };
 //#endregion
 //#region src/components/ui/ComboBox/useComboBoxSubcomponents.tsx
-var _excluded$88 = ["children"], _excluded2$11 = ["children"], _excluded3$4 = ["children"], _excluded4$3 = ["children"], _excluded5$2 = ["children"], _excluded6$2 = ["children"], _excluded7 = ["children"], _excluded8 = ["children"];
+var _excluded$90 = ["children"], _excluded2$12 = ["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$88);
+		let { children } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$90);
 		return /* @__PURE__ */ jsx(components.ClearIndicator, _objectSpread2(_objectSpread2({}, restProps), {}, {
 			className: COMBO_BOX_CLASS_NAMES.CLEAR_INDICATOR,
 			children: /* @__PURE__ */ jsx(X$1, { size: 16 })
@@ -10288,7 +10289,7 @@ function buildCustomClearIndicator() {
 }
 function buildCustomDropdownIndicator() {
 	return function CustomDropdownIndicator(_ref2) {
-		let { children } = _ref2, restProps = _objectWithoutProperties(_ref2, _excluded2$11);
+		let { children } = _ref2, restProps = _objectWithoutProperties(_ref2, _excluded2$12);
 		const { isDisabled } = restProps;
 		return /* @__PURE__ */ jsx(components.DropdownIndicator, _objectSpread2(_objectSpread2({}, restProps), {}, {
 			className: COMBO_BOX_CLASS_NAMES.DROPDOWN_INDICATOR,
@@ -10490,7 +10491,7 @@ function useCommonComboBoxProps({ className, options, groups, onInputValueChange
 }
 //#endregion
 //#region src/components/ui/ComboBox/ComboBox.tsx
-var _excluded$87 = [
+var _excluded$89 = [
 	"className",
 	"slots",
 	"isError",
@@ -10498,7 +10499,7 @@ var _excluded$87 = [
 	"onSelectedValueChange"
 ];
 function ComboBox(_ref) {
-	let { className, slots, isError, selectedValue, onSelectedValueChange } = _ref, props = _objectWithoutProperties(_ref, _excluded$87);
+	let { className, slots, isError, selectedValue, onSelectedValueChange } = _ref, props = _objectWithoutProperties(_ref, _excluded$89);
 	const commonSelectProps = useCommonComboBoxProps(_objectSpread2({
 		className,
 		slots,
@@ -10519,13 +10520,13 @@ function ComboBox(_ref) {
 }
 //#endregion
 //#region src/components/ui/Typography/MoneySpan.tsx
-var _excluded$86 = [
+var _excluded$88 = [
 	"amount",
 	"displayPlusSign",
 	"className"
 ];
 var MoneySpan = forwardRef((_ref, ref) => {
-	let { amount, displayPlusSign, className } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$86);
+	let { amount, displayPlusSign, className } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$88);
 	const { formatCurrencyFromCents } = useIntlFormatter();
 	const formattedAmount = formatCurrencyFromCents(amount, { signDisplay: displayPlusSign ? "always" : "auto" });
 	return /* @__PURE__ */ jsx(Span, _objectSpread2(_objectSpread2({}, restProps), {}, {
@@ -10537,14 +10538,14 @@ var MoneySpan = forwardRef((_ref, ref) => {
 MoneySpan.displayName = "MoneySpan";
 //#endregion
 //#region src/icons/MinimizeTwo.tsx
-var _excluded$85 = ["size"];
+var _excluded$87 = ["size"];
 var MinimizeTwo = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$85)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$87)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -10577,14 +10578,14 @@ var MinimizeTwo = (_ref) => {
 };
 //#endregion
 //#region src/icons/Scissors.tsx
-var _excluded$84 = ["size"];
+var _excluded$86 = ["size"];
 var Scissors = (_ref) => {
 	let { size = 11 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 11 11",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$84)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$86)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -11044,7 +11045,7 @@ var getCategoryActionableId = (value, label) => {
 };
 //#endregion
 //#region src/components/ui/Input/InputGroup.tsx
-var _excluded$83 = [
+var _excluded$85 = [
 	"actionCount",
 	"className",
 	"slots",
@@ -11052,7 +11053,7 @@ var _excluded$83 = [
 ];
 var INPUT_GROUP_CLASS_NAME = "Layer__UI__InputGroup";
 var InputGroup$1 = forwardRef(function InputGroup(_ref, ref) {
-	let { actionCount, className, slots, children } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$83);
+	let { actionCount, className, slots, children } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$85);
 	const combinedClassName = classNames(INPUT_GROUP_CLASS_NAME, className);
 	const dataProperties = toDataProperties({ "action-count": actionCount });
 	return /* @__PURE__ */ jsx(Group, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
@@ -11063,10 +11064,10 @@ var InputGroup$1 = forwardRef(function InputGroup(_ref, ref) {
 });
 //#endregion
 //#region src/components/ui/SearchField/MinimalSearchField.tsx
-var _excluded$82 = ["placeholder", "isDisabled"];
+var _excluded$84 = ["placeholder", "isDisabled"];
 var CLASS_NAME$8 = "Layer__MinimalSearchField";
 function MinimalSearchField(_ref) {
-	let { placeholder, isDisabled } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$82);
+	let { placeholder, isDisabled } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$84);
 	const { t } = useTranslation();
 	return /* @__PURE__ */ jsxs(SearchField, _objectSpread2(_objectSpread2({}, restProps), {}, {
 		isDisabled,
@@ -11086,7 +11087,7 @@ function MinimalSearchField(_ref) {
 }
 //#endregion
 //#region src/components/SearchField/SearchField.tsx
-var _excluded$81 = [
+var _excluded$83 = [
 	"slot",
 	"className",
 	"label",
@@ -11094,7 +11095,7 @@ var _excluded$81 = [
 ];
 var CLASS_NAME$7 = "Layer__SearchField";
 function SearchField$1(_ref) {
-	let { slot = "search", className, label, isDisabled } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$81);
+	let { slot = "search", className, label, isDisabled } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$83);
 	return /* @__PURE__ */ jsxs(InputGroup$1, {
 		slot,
 		className: classNames(CLASS_NAME$7, className),
@@ -11305,13 +11306,13 @@ var resolveSelectedOption = (source, selectedValue) => {
 };
 //#endregion
 //#region src/components/ui/Checkbox/Checkbox.tsx
-var _excluded$80 = [
+var _excluded$82 = [
 	"children",
 	"className",
 	"variant",
 	"size",
 	"isIndeterminate"
-], _excluded2$10 = ["tooltip"];
+], _excluded2$11 = ["tooltip"];
 var CLASS_NAME$6 = "Layer__Checkbox";
 var CHECK_SIZE = {
 	sm: 12,
@@ -11319,7 +11320,7 @@ var CHECK_SIZE = {
 	lg: 16
 };
 function Checkbox$1(_ref) {
-	let { children, className, variant = "default", size = "sm", isIndeterminate } = _ref, props = _objectWithoutProperties(_ref, _excluded$80);
+	let { children, className, variant = "default", size = "sm", isIndeterminate } = _ref, props = _objectWithoutProperties(_ref, _excluded$82);
 	return /* @__PURE__ */ jsx(Checkbox, _objectSpread2(_objectSpread2(_objectSpread2({}, useMemo(() => toDataProperties({
 		size,
 		variant,
@@ -11338,7 +11339,7 @@ function Checkbox$1(_ref) {
 	}));
 }
 function CheckboxWithTooltip(_ref2) {
-	let { tooltip } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$10);
+	let { tooltip } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$11);
 	return /* @__PURE__ */ jsx("div", {
 		className: "Layer__checkbox-wrapper",
 		children: /* @__PURE__ */ jsxs(DeprecatedTooltip, {
@@ -11428,7 +11429,7 @@ var MobileList = ({ ariaLabel, data, slots, renderItem, onClickItem, isLoading,
 };
 //#endregion
 //#region src/components/ui/MobileSelectionDrawer/MobileSelectionDrawerList.tsx
-var _excluded$79 = [
+var _excluded$81 = [
 	"ariaLabel",
 	"selectedValue",
 	"onSelectedValueChange",
@@ -11455,7 +11456,7 @@ var ErrorState$5 = () => {
 };
 var MobileSelectionDrawerList = (_ref) => {
 	let { ariaLabel, selectedValue, onSelectedValueChange, isLoading = false, isError = false } = _ref;
-	const source = _objectWithoutProperties(_ref, _excluded$79);
+	const source = _objectWithoutProperties(_ref, _excluded$81);
 	const data = useMemo(() => {
 		if (source.groups) return { groups: source.groups.map((group) => ({
 			label: group.label,
@@ -11500,7 +11501,7 @@ var MobileSelectionDrawerList = (_ref) => {
 };
 //#endregion
 //#region src/components/ui/MobileSelectionDrawer/MobileSelectionDrawerWithTrigger.tsx
-var _excluded$78 = [
+var _excluded$80 = [
 	"ariaLabel",
 	"heading",
 	"selectedValue",
@@ -11515,7 +11516,7 @@ var _excluded$78 = [
 ];
 var MobileSelectionDrawerWithTrigger = (_ref) => {
 	var _slotProps$Trigger$ic, _slotProps$Trigger, _resolvedSelectedValu;
-	let { ariaLabel, heading, selectedValue, onSelectedValueChange, placeholder, isLoading = false, isError = false, isDisabled = false, isSearchable = false, searchPlaceholder, slotProps } = _ref, optionOrGroups = _objectWithoutProperties(_ref, _excluded$78);
+	let { ariaLabel, heading, selectedValue, onSelectedValueChange, placeholder, isLoading = false, isError = false, isDisabled = false, isSearchable = false, searchPlaceholder, slotProps } = _ref, optionOrGroups = _objectWithoutProperties(_ref, _excluded$80);
 	const { t } = useTranslation();
 	const { options, groups } = optionOrGroups;
 	const [isOpen, setIsOpen] = useState(false);
@@ -12064,14 +12065,14 @@ var BankTransactionsBulkActions = ({ isMobileView = false, slotProps }) => {
 };
 //#endregion
 //#region src/icons/DownloadCloud.tsx
-var _excluded$77 = ["size"];
+var _excluded$79 = ["size"];
 var DownloadCloud = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$77)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$79)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -12098,14 +12099,14 @@ var DownloadCloud = (_ref) => {
 };
 //#endregion
 //#region src/icons/UploadCloud.tsx
-var _excluded$76 = ["size"];
+var _excluded$78 = ["size"];
 var UploadCloud$1 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 18 18",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$76)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$78)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -12372,7 +12373,7 @@ function useCustomAccountParseCsv() {
 }
 //#endregion
 //#region src/components/ui/ComboBox/CreatableComboBox.tsx
-var _excluded$75 = [
+var _excluded$77 = [
 	"className",
 	"slots",
 	"isError",
@@ -12385,7 +12386,7 @@ var _excluded$75 = [
 ];
 var returnTrue = () => true;
 function CreatableComboBox(_ref) {
-	let { className, slots, isError, selectedValue, onSelectedValueChange, onCreateOption, formatCreateLabel, createOptionPosition = "first", isValidNewOption = returnTrue } = _ref, props = _objectWithoutProperties(_ref, _excluded$75);
+	let { className, slots, isError, selectedValue, onSelectedValueChange, onCreateOption, formatCreateLabel, createOptionPosition = "first", isValidNewOption = returnTrue } = _ref, props = _objectWithoutProperties(_ref, _excluded$77);
 	const commonSelectProps = useCommonComboBoxProps(_objectSpread2({
 		className,
 		slots,
@@ -12430,14 +12431,14 @@ var CopyTemplateHeadersButtonGroup = ({ headers, className }) => {
 };
 //#endregion
 //#region src/icons/CloseIcon.tsx
-var _excluded$74 = ["size"];
+var _excluded$76 = ["size"];
 var CloseIcon = (_ref) => {
 	let { size = 12 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 12 12",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$74)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$76)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ jsx("path", {
@@ -12676,7 +12677,7 @@ function useCreateCustomAccount() {
 }
 //#endregion
 //#region src/components/ui/Form/Form.tsx
-var _excluded$73 = ["children", "className"], _excluded2$9 = [
+var _excluded$75 = ["children", "className"], _excluded2$10 = [
 	"children",
 	"inline",
 	"textarea",
@@ -12685,7 +12686,7 @@ var _excluded$73 = ["children", "className"], _excluded2$9 = [
 var FORM_CLASS_NAME = "Layer__UI__Form";
 var Form$1 = forwardRef(function Form$2(_ref, ref) {
 	let { children, className } = _ref;
-	return /* @__PURE__ */ jsx(Form, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$73)), {}, {
+	return /* @__PURE__ */ jsx(Form, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$75)), {}, {
 		className: classNames(FORM_CLASS_NAME, className),
 		ref,
 		children
@@ -12693,7 +12694,7 @@ var Form$1 = forwardRef(function Form$2(_ref, ref) {
 });
 var TEXT_FIELD_CLASS_NAME = "Layer__UI__TextField";
 var TextField$1 = forwardRef(function TextField$2(_ref2, ref) {
-	let { children, inline, textarea, className } = _ref2, restProps = _objectWithoutProperties(_ref2, _excluded2$9);
+	let { children, inline, textarea, className } = _ref2, restProps = _objectWithoutProperties(_ref2, _excluded2$10);
 	const dataProperties = toDataProperties({
 		inline,
 		textarea
@@ -12908,10 +12909,10 @@ function useBigDecimalInput({ value, onChange, onBlur, mode, maxValue, maxDecima
 }
 //#endregion
 //#region src/components/ui/Input/Input.tsx
-var _excluded$72 = ["inset", "placement"];
+var _excluded$74 = ["inset", "placement"];
 var INPUT_CLASS_NAME = "Layer__UI__Input";
 var Input$2 = forwardRef(function Input$3(_ref, ref) {
-	let { inset, placement } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$72);
+	let { inset, placement } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$74);
 	const dataProperties = toDataProperties({
 		inset,
 		placement
@@ -12923,7 +12924,7 @@ var Input$2 = forwardRef(function Input$3(_ref, ref) {
 });
 //#endregion
 //#region src/components/forms/FormBigDecimalField.tsx
-var _excluded$71 = [
+var _excluded$73 = [
 	"mode",
 	"allowNegative",
 	"maxValue",
@@ -12937,7 +12938,7 @@ var DEFAULT_MAX_VALUE$1 = 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$71);
+	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);
 	const { name, state, handleChange, handleBlur } = useFieldContext();
 	const { value } = state;
 	const { inputValue, onInputChange, onInputBlur, onBeforeInput, onPaste } = useBigDecimalInput({
@@ -12999,15 +13000,15 @@ function FormCheckboxField({ label, className, inline = false, showLabel = true,
 }
 //#endregion
 //#region src/components/ui/Date/Date.tsx
-var _excluded$70 = [
+var _excluded$72 = [
 	"inline",
 	"className",
 	"isReadOnly"
-], _excluded2$8 = ["inset", "pointerEvents"], _excluded3$3 = ["isReadOnly"], _excluded4$2 = ["className"];
+], _excluded2$9 = ["inset", "pointerEvents"], _excluded3$3 = ["isReadOnly"], _excluded4$2 = ["className"];
 var DATE_PICKER_CLASS_NAME = "Layer__UI__DatePicker";
 var DATE_FIELD_CLASS_NAME = "Layer__UI__DateField";
 var DateField$1 = forwardRef(function DateField$2(_ref, ref) {
-	let { inline, className, isReadOnly } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$70);
+	let { inline, className, isReadOnly } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$72);
 	return /* @__PURE__ */ jsx(DateField, _objectSpread2(_objectSpread2(_objectSpread2({}, toDataProperties({
 		inline,
 		readonly: isReadOnly
@@ -13019,7 +13020,7 @@ var DateField$1 = forwardRef(function DateField$2(_ref, ref) {
 });
 var DATE_INPUT_CLASS_NAME = "Layer__UI__DateInput";
 var DateInput$1 = forwardRef(function DateInput$2(_ref2, ref) {
-	let { inset, pointerEvents } = _ref2, restProps = _objectWithoutProperties(_ref2, _excluded2$8);
+	let { inset, pointerEvents } = _ref2, restProps = _objectWithoutProperties(_ref2, _excluded2$9);
 	return /* @__PURE__ */ jsx(DateInput, _objectSpread2(_objectSpread2(_objectSpread2({}, toDataProperties({
 		inset,
 		"pointer-events": pointerEvents
@@ -13098,10 +13099,10 @@ function FormDateField({ label, className, inline = false, showLabel = true, sho
 }
 //#endregion
 //#region src/components/ui/Calendar/Calendar.tsx
-var _excluded$69 = ["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$8 = ["className"], _excluded3$2 = ["className"], _excluded4$1 = ["className", "size"], _excluded5$1 = ["className"], _excluded6$1 = ["className", "size"];
 var CALENDAR_CLASS_NAME = "Layer__UI__Calendar";
 var Calendar$1 = forwardRef(function Calendar$2(_ref, ref) {
-	let { className, isReadOnly } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$69);
+	let { className, isReadOnly } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$71);
 	return /* @__PURE__ */ jsx(Calendar, _objectSpread2(_objectSpread2(_objectSpread2({}, toDataProperties({ readonly: isReadOnly })), restProps), {}, {
 		isReadOnly,
 		className: classNames(CALENDAR_CLASS_NAME, className),
@@ -13111,7 +13112,7 @@ var Calendar$1 = forwardRef(function Calendar$2(_ref, ref) {
 var CALENDAR_GRID_CLASS_NAME = "Layer__UI__CalendarGrid";
 var CalendarGrid$1 = forwardRef(function CalendarGrid$2(_ref2, ref) {
 	let { className } = _ref2;
-	return /* @__PURE__ */ jsx(CalendarGrid, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref2, _excluded2$7)), {}, {
+	return /* @__PURE__ */ jsx(CalendarGrid, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref2, _excluded2$8)), {}, {
 		className: classNames(CALENDAR_GRID_CLASS_NAME, className),
 		ref
 	}));
@@ -13248,10 +13249,10 @@ var DatePickerInput = ({ errorText, variant, onClick, isReadOnly }) => {
 };
 //#endregion
 //#region src/components/ui/Popover/Popover.tsx
-var _excluded$68 = ["flexInline"];
+var _excluded$70 = ["flexInline"];
 var POPOVER_CLASS_NAMES = `Layer__Portal Layer__Popover`;
 var Popover$2 = forwardRef(function Popover$3(_ref, ref) {
-	let { flexInline = false } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$68);
+	let { flexInline = false } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$70);
 	const dataProperties = toDataProperties({ "flex-inline": flexInline });
 	return /* @__PURE__ */ jsx(Popover, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: POPOVER_CLASS_NAMES,
@@ -13381,7 +13382,7 @@ var nrbdEquals = (a, b) => {
 };
 //#endregion
 //#region src/components/forms/FormNonRecursiveBigDecimalField.tsx
-var _excluded$67 = [
+var _excluded$69 = [
 	"mode",
 	"allowNegative",
 	"maxValue",
@@ -13395,7 +13396,7 @@ var DEFAULT_MAX_VALUE = 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$67);
+	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, state, handleChange, handleBlur } = useFieldContext();
 	const { value: nrbdValue } = state;
 	const { inputValue, onInputChange, onInputBlur, onBeforeInput, onPaste } = useBigDecimalInput({
@@ -13432,14 +13433,14 @@ function FormNonRecursiveBigDecimalField(_ref) {
 }
 //#endregion
 //#region src/components/ui/NumberField/NumberField.tsx
-var _excluded$66 = [
+var _excluded$68 = [
 	"inline",
 	"className",
 	"isReadOnly"
 ];
 var NUMBER_FIELD_CLASS_NAME = "Layer__UI__NumberField";
 var NumberField$1 = forwardRef(function NumberField$2(_ref, ref) {
-	let { inline, className, isReadOnly } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$66);
+	let { inline, className, isReadOnly } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$68);
 	return /* @__PURE__ */ jsx(NumberField, _objectSpread2(_objectSpread2(_objectSpread2({ step: 1 }, toDataProperties({
 		inline,
 		readonly: isReadOnly
@@ -13490,17 +13491,17 @@ function FormNumberField({ label, className, inline = false, showLabel = true, s
 }
 //#endregion
 //#region src/components/ui/RadioGroup/RadioGroup.tsx
-var _excluded$65 = [
+var _excluded$67 = [
 	"children",
 	"className",
 	"onChange"
-], _excluded2$6 = ["children", "className"];
+], _excluded2$7 = ["children", "className"];
 var RADIO_GROUP_CLASS_NAME = "Layer__RadioGroup";
 var RADIO_CLASS_NAME = "Layer__Radio";
 var INDICATOR_SIZE = 10;
 function RadioGroup$1(_ref) {
 	let { children, className, onChange } = _ref;
-	return /* @__PURE__ */ jsx(RadioGroup, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$65)), {}, {
+	return /* @__PURE__ */ jsx(RadioGroup, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$67)), {}, {
 		onChange,
 		className: classNames(RADIO_GROUP_CLASS_NAME, className),
 		children
@@ -13508,7 +13509,7 @@ function RadioGroup$1(_ref) {
 }
 function Radio$1(_ref2) {
 	let { children, className } = _ref2;
-	return /* @__PURE__ */ jsx(Radio, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref2, _excluded2$6)), {}, {
+	return /* @__PURE__ */ jsx(Radio, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref2, _excluded2$7)), {}, {
 		className: classNames(RADIO_CLASS_NAME, className),
 		children: withRenderProp(children, (node) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
 			slot: "radio",
@@ -13615,11 +13616,11 @@ function FormRadioGroupYesNoField({ label, className, inline = false, showLabel
 }
 //#endregion
 //#region src/components/ui/Switch/Switch.tsx
-var _excluded$64 = ["children", "className"];
+var _excluded$66 = ["children", "className"];
 var SWITCH_CLASS_NAME = "Layer__UI__Switch";
 var Switch$1 = forwardRef((_ref, ref) => {
 	let { children, className } = _ref;
-	return /* @__PURE__ */ jsx(Switch, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$64)), {}, {
+	return /* @__PURE__ */ jsx(Switch, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$66)), {}, {
 		className: classNames(SWITCH_CLASS_NAME, className),
 		ref,
 		children: withRenderProp(children, (node) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", { slot: "indicator" }), node] }))
@@ -13653,10 +13654,10 @@ function FormSwitchField({ label, slots, className, inline = false, showLabel =
 }
 //#endregion
 //#region src/components/ui/Input/TextArea.tsx
-var _excluded$63 = ["resize"];
+var _excluded$65 = ["resize"];
 var TEXTAREA_CLASS_NAME = "Layer__UI__TextArea";
 var TextArea$1 = forwardRef(function TextArea$2(_ref, ref) {
-	let { resize = "none" } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$63);
+	let { resize = "none" } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$65);
 	const dataProperties = toDataProperties({ resize });
 	return /* @__PURE__ */ jsx(TextArea, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: TEXTAREA_CLASS_NAME,
@@ -13665,9 +13666,9 @@ var TextArea$1 = forwardRef(function TextArea$2(_ref, ref) {
 });
 //#endregion
 //#region src/components/forms/FormTextAreaField.tsx
-var _excluded$62 = ["placeholder"];
+var _excluded$64 = ["placeholder"];
 function FormTextAreaField(_ref) {
-	let { placeholder } = _ref, props = _objectWithoutProperties(_ref, _excluded$62);
+	let { placeholder } = _ref, props = _objectWithoutProperties(_ref, _excluded$64);
 	const { name, state, handleChange, handleBlur } = useFieldContext();
 	const { value } = state;
 	const onChange = useCallback((e) => {
@@ -13688,9 +13689,9 @@ function FormTextAreaField(_ref) {
 }
 //#endregion
 //#region src/components/forms/FormTextField.tsx
-var _excluded$61 = ["placeholder"];
+var _excluded$63 = ["placeholder"];
 function FormTextField(_ref) {
-	let { placeholder } = _ref, props = _objectWithoutProperties(_ref, _excluded$61);
+	let { placeholder } = _ref, props = _objectWithoutProperties(_ref, _excluded$63);
 	const { name, state, handleChange, handleBlur } = useFieldContext();
 	const { value } = state;
 	const onChange = useCallback((e) => {
@@ -13793,14 +13794,14 @@ var useCustomAccountForm = ({ onSuccess }) => {
 };
 //#endregion
 //#region src/components/Input/Input.tsx
-var _excluded$60 = [
+var _excluded$62 = [
 	"className",
 	"isInvalid",
 	"errorMessage",
 	"leftText"
 ];
 var Input$1 = (_ref) => {
-	let { className, isInvalid, errorMessage, leftText } = _ref, props = _objectWithoutProperties(_ref, _excluded$60);
+	let { className, isInvalid, errorMessage, leftText } = _ref, props = _objectWithoutProperties(_ref, _excluded$62);
 	const baseClassName = classNames("Layer__input", isInvalid ? "Layer__input--error" : "", leftText ? "Layer__input--with-left-text" : "", className);
 	return /* @__PURE__ */ jsxs(DeprecatedTooltip, {
 		disabled: !isInvalid || !errorMessage,
@@ -13832,14 +13833,14 @@ var InputGroup = ({ label, name, className, inline, children }) => {
 };
 //#endregion
 //#region src/icons/ChevronDownFill.tsx
-var _excluded$59 = ["size"];
+var _excluded$61 = ["size"];
 var ChevronDownFill = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$59)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$61)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ jsx("path", {
@@ -13855,9 +13856,9 @@ var ChevronDownFill = (_ref) => {
 };
 //#endregion
 //#region src/components/Input/SelectMenuPortal.tsx
-var _excluded$58 = ["children"];
+var _excluded$60 = ["children"];
 var SelectMenuPortal = (_ref) => {
-	let { children } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$58);
+	let { children } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$60);
 	const dataProperties = toDataProperties({ "react-aria-top-layer": true });
 	return /* @__PURE__ */ jsx(components.MenuPortal, _objectSpread2(_objectSpread2({}, restProps), {}, {
 		innerProps: dataProperties,
@@ -13901,10 +13902,10 @@ var Select$1 = ({ name, options, className, classNamePrefix = "Layer__select", v
 };
 //#endregion
 //#region src/components/Typography/ErrorText.tsx
-var _excluded$57 = ["className"];
+var _excluded$59 = ["className"];
 var ErrorText = (_ref) => {
 	let { className } = _ref;
-	return /* @__PURE__ */ jsx(Text$2, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$57)), {}, {
+	return /* @__PURE__ */ jsx(Text$2, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$59)), {}, {
 		status: "error",
 		className
 	}));
@@ -14233,7 +14234,7 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
 }
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/custom-accounts/[custom-account-id]/transactions/useCreateCustomAccountTransactions.ts
-var _excluded$56 = ["customAccountId"];
+var _excluded$58 = ["customAccountId"];
 var createCustomAccountTransactions = post(({ businessId, customAccountId }) => `/v1/businesses/${businessId}/custom-accounts/${customAccountId}/transactions`);
 function buildKey$73({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
@@ -14248,7 +14249,7 @@ function useCreateCustomAccountTransactions() {
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
 	return useSWRMutation(() => withLocale(buildKey$73(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, _ref) => {
-		let { arg: _ref2 } = _ref, { customAccountId } = _ref2, body = _objectWithoutProperties(_ref2, _excluded$56);
+		let { arg: _ref2 } = _ref, { customAccountId } = _ref2, body = _objectWithoutProperties(_ref2, _excluded$58);
 		return createCustomAccountTransactions(apiUrl, accessToken, {
 			params: {
 				businessId,
@@ -14262,16 +14263,47 @@ function useCreateCustomAccountTransactions() {
 	});
 }
 //#endregion
+//#region src/schemas/accountingConfiguration.ts
+var ReportingBasis = /* @__PURE__ */ function(ReportingBasis) {
+	ReportingBasis["Accrual"] = "ACCRUAL";
+	ReportingBasis["Cash"] = "CASH";
+	ReportingBasis["DeprecatedCash"] = "DEPRECATED_CASH";
+	ReportingBasis["MoneyMovementOnly"] = "MONEY_MOVEMENT_ONLY";
+	return ReportingBasis;
+}({});
+Schema.Enums(ReportingBasis);
+var AccountingConfigurationCategoryListMode = /* @__PURE__ */ function(AccountingConfigurationCategoryListMode) {
+	AccountingConfigurationCategoryListMode["AllAccounts"] = "ALL_ACCOUNTS";
+	AccountingConfigurationCategoryListMode["RevenuesAndExpenses"] = "REVENUES_AND_EXPENSES";
+	return AccountingConfigurationCategoryListMode;
+}({});
+Schema.Enums(AccountingConfigurationCategoryListMode);
+var AccountingConfigurationSchema = Schema.Struct({
+	id: Schema.UUID,
+	enableAccountNumbers: pipe(Schema.propertySignature(Schema.Boolean), Schema.fromKey("enable_account_numbers")),
+	enableCustomerManagement: pipe(Schema.propertySignature(Schema.Boolean), Schema.fromKey("enable_customer_management")),
+	taxEstimatesUserAgreementAt: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Date)), Schema.fromKey("tax_estimates_user_agreement_at")),
+	enableTaxEstimates: pipe(Schema.propertySignature(Schema.Boolean), Schema.fromKey("enable_tax_estimates")),
+	enableMileageTracking: pipe(Schema.propertySignature(Schema.Boolean), Schema.fromKey("enable_mileage_tracking")),
+	enableStripeOnboarding: pipe(Schema.propertySignature(Schema.Boolean), Schema.fromKey("enable_stripe_onboarding")),
+	platformDisplayTags: pipe(Schema.propertySignature(Schema.Array(TagDimensionSchema)), Schema.fromKey("platform_display_tags"))
+});
+//#endregion
 //#region src/schemas/reports/reportConfig.ts
 var ReportControl = /* @__PURE__ */ function(ReportControl) {
 	ReportControl["Date"] = "date";
 	ReportControl["DateRange"] = "date_range";
 	ReportControl["GroupBy"] = "group_by";
+	ReportControl["ReportingBasis"] = "reporting_basis";
 	ReportControl["Year"] = "year";
 	ReportControl["Unknown"] = "unknown";
 	return ReportControl;
 }({});
 var TransformedReportControlSchema = createTransformedEnumSchema(Schema.Enums(ReportControl), ReportControl, ReportControl.Unknown);
+var TagControlSchema = Schema.Struct({
+	tagDimension: pipe(Schema.propertySignature(TagDimensionSchema), Schema.fromKey("tag_dimension")),
+	initialSelectedTags: pipe(Schema.propertySignature(Schema.Array(TagValueDefinitionSchema)), Schema.fromKey("initial_selected_tags"))
+});
 var ReportConfigSchema = Schema.Struct({
 	key: Schema.String,
 	reportRoute: pipe(Schema.propertySignature(Schema.String), Schema.fromKey("report_route")),
@@ -14281,7 +14313,8 @@ var ReportConfigSchema = Schema.Struct({
 		key: Schema.String,
 		value: Schema.String
 	})), Schema.fromKey("base_query_parameters")),
-	isDefaultReport: Schema.optional(Schema.Boolean).pipe(Schema.fromKey("is_default_report"))
+	isDefaultReport: Schema.optional(Schema.Boolean).pipe(Schema.fromKey("is_default_report")),
+	tagControl: Schema.optional(Schema.NullOr(TagControlSchema)).pipe(Schema.fromKey("tag_control"))
 });
 var ReportGroupSchema = Schema.Struct({
 	groupType: pipe(Schema.propertySignature(Schema.String), Schema.fromKey("group_type")),
@@ -14297,6 +14330,7 @@ var DateGroupBy = /* @__PURE__ */ function(DateGroupBy) {
 	DateGroupBy["Year"] = "YEAR";
 	return DateGroupBy;
 }({});
+var isUnifiedReportReportingBasis = (value) => value === ReportingBasis.Cash || value === ReportingBasis.Accrual;
 var Alignment = /* @__PURE__ */ function(Alignment) {
 	Alignment["Left"] = "LEFT";
 	Alignment["Right"] = "RIGHT";
@@ -14378,12 +14412,12 @@ var UnifiedReportSchema = Schema.Struct({
 });
 //#endregion
 //#region src/components/ui/Table/Table.tsx
-var _excluded$55 = [
+var _excluded$57 = [
 	"children",
 	"className",
 	"nonAria",
 	"slot"
-], _excluded2$5 = [
+], _excluded2$6 = [
 	"children",
 	"className",
 	"nonAria"
@@ -14434,7 +14468,7 @@ var toAlignmentDataValue = (alignment) => {
 };
 var getClassName = (component, additionalClassNames) => classNames(`${CSS_PREFIX$1}-${component}`, additionalClassNames);
 var Table$2 = forwardRef((_ref, ref) => {
-	let { children, className, nonAria, slot } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$55);
+	let { children, className, nonAria, slot } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$57);
 	return /* @__PURE__ */ jsx(nonAria ? "table" : Table, _objectSpread2(_objectSpread2({
 		className: getClassName(TableSubComponent.Table, className),
 		slot: slot !== null && slot !== void 0 ? slot : void 0
@@ -14445,7 +14479,7 @@ var Table$2 = forwardRef((_ref, ref) => {
 });
 Table$2.displayName = TableSubComponent.Table;
 var TableHeaderInner = (_ref2, ref) => {
-	let { children, className, nonAria } = _ref2, restProps = _objectWithoutProperties(_ref2, _excluded2$5);
+	let { children, className, nonAria } = _ref2, restProps = _objectWithoutProperties(_ref2, _excluded2$6);
 	return /* @__PURE__ */ jsx(nonAria ? "thead" : TableHeader, _objectSpread2(_objectSpread2({ className: getClassName(TableSubComponent.TableHeader, className) }, restProps), {}, {
 		ref,
 		children: withRenderProp(children, (node) => node)
@@ -15687,7 +15721,7 @@ var useGetBankTransactionMatchOrCategoryWithDefault = (bankTransaction) => {
 };
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/[bank-transaction-id]/categorize/useCategorizeBankTransaction.ts
-var _excluded$54 = ["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$72({ access_token: accessToken, apiUrl, businessId }) {
@@ -15711,7 +15745,7 @@ function useCategorizeBankTransaction() {
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId
 	})), ({ accessToken, apiUrl, businessId }, _ref) => {
-		let { arg: _ref2 } = _ref, { bankTransactionId } = _ref2, rest = _objectWithoutProperties(_ref2, _excluded$54);
+		let { arg: _ref2 } = _ref, { bankTransactionId } = _ref2, rest = _objectWithoutProperties(_ref2, _excluded$56);
 		return categorizeBankTransaction(apiUrl, accessToken, {
 			params: {
 				businessId,
@@ -15781,7 +15815,7 @@ function useCategorizeBankTransactionWithCacheUpdate() {
 }
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/[bank-transaction-id]/match/useMatchBankTransaction.ts
-var _excluded$53 = ["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$71({ access_token: accessToken, apiUrl, businessId }) {
@@ -15805,7 +15839,7 @@ function useMatchBankTransaction() {
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId
 	})), ({ accessToken, apiUrl, businessId }, _ref) => {
-		let { arg: _ref2 } = _ref, { bankTransactionId } = _ref2, body = _objectWithoutProperties(_ref2, _excluded$53);
+		let { arg: _ref2 } = _ref, { bankTransactionId } = _ref2, body = _objectWithoutProperties(_ref2, _excluded$55);
 		return matchBankTransaction(apiUrl, accessToken, {
 			params: {
 				businessId,
@@ -15941,14 +15975,14 @@ function useDelayedVisibility({ delay, initialVisibility = false }) {
 }
 //#endregion
 //#region src/icons/File.tsx
-var _excluded$52 = ["size"];
+var _excluded$54 = ["size"];
 var File$1 = (_ref) => {
 	let { size = 12 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 12",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$52)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$54)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -16053,7 +16087,7 @@ var variants = {
 };
 //#endregion
 //#region src/components/ui/AnimatedPresenceElement/AnimatedPresenceElement.tsx
-var _excluded$51 = [
+var _excluded$53 = [
 	"as",
 	"children",
 	"variant",
@@ -16062,7 +16096,7 @@ var _excluded$51 = [
 	"motionKey"
 ];
 function AnimatedPresenceElementInner(_ref, ref) {
-	let { as, children, variant, isOpen, slotProps = { AnimatePresence: { initial: false } }, motionKey } = _ref, props = _objectWithoutProperties(_ref, _excluded$51);
+	let { as, children, variant, isOpen, slotProps = { AnimatePresence: { initial: false } }, motionKey } = _ref, props = _objectWithoutProperties(_ref, _excluded$53);
 	const config = variants[variant];
 	const MotionComponent = motion[as !== null && as !== void 0 ? as : "div"];
 	return /* @__PURE__ */ jsx(AnimatePresence, _objectSpread2(_objectSpread2({}, slotProps.AnimatePresence), {}, { children: isOpen && /* @__PURE__ */ jsx(MotionComponent, _objectSpread2(_objectSpread2({
@@ -16221,14 +16255,14 @@ function useBookkeepingPeriods() {
 }
 //#endregion
 //#region src/icons/Clock.tsx
-var _excluded$50 = ["size"];
+var _excluded$52 = ["size"];
 var Clock$1 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$50)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$52)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ jsx("path", {
@@ -16783,14 +16817,14 @@ var useSplitsForm = ({ bankTransaction, isOpen }) => {
 };
 //#endregion
 //#region src/icons/ScissorsFullOpen.tsx
-var _excluded$49 = ["size"];
+var _excluded$51 = ["size"];
 var ScissorsFullOpen = (_ref) => {
 	let { size = 12 } = _ref;
 	return /* @__PURE__ */ jsx("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 12 12",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$49)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$51)), {}, {
 		width: size,
 		height: size,
 		children: /* @__PURE__ */ jsxs("g", {
@@ -16837,14 +16871,14 @@ var ScissorsFullOpen = (_ref) => {
 };
 //#endregion
 //#region src/icons/Trash.tsx
-var _excluded$48 = ["size"];
+var _excluded$50 = ["size"];
 var Trash$1 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$48)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$50)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -17275,7 +17309,7 @@ function useTagDimensionByKey({ isEnabled = true, dimensionKey }) {
 }
 //#endregion
 //#region src/components/Tags/TagDimensionsGroup/TagDimensionCombobox.tsx
-var toOption = (dv, t) => {
+var toOption$1 = (dv, t) => {
 	var _dv$displayName;
 	const baseLabel = (_dv$displayName = dv.displayName) !== null && _dv$displayName !== void 0 ? _dv$displayName : dv.value;
 	const label = dv.archivedAt ? t("tags:label.tag_label_archived", "{{label}} (Archived)", { label: baseLabel }) : baseLabel;
@@ -17291,10 +17325,10 @@ var TagDimensionCombobox = ({ dimensionKey, value, onValueChange, isReadOnly, sh
 	var _tagDimension$display;
 	const { t } = useTranslation();
 	const { data: tagDimension, isLoading } = useTagDimensionByKey({ dimensionKey });
-	const options = useMemo(() => tagDimension ? tagDimension.definedValues.map((dv) => toOption(dv, t)) : [], [tagDimension, t]);
+	const options = useMemo(() => tagDimension ? tagDimension.definedValues.map((dv) => toOption$1(dv, t)) : [], [tagDimension, t]);
 	const selectedOption = useMemo(() => {
 		if (value === null) return null;
-		return toOption({
+		return toOption$1({
 			id: value.id,
 			key: value.key,
 			value: value.value,
@@ -17610,9 +17644,9 @@ var ReceiptsProvider = ({ children, bankTransaction, isActive }) => {
 };
 //#endregion
 //#region src/icons/Eye.tsx
-var _excluded$47 = ["size"];
+var _excluded$49 = ["size"];
 var Eye = (_ref) => {
-	let { size = 18 } = _ref, props = _objectWithoutProperties(_ref, _excluded$47);
+	let { size = 18 } = _ref, props = _objectWithoutProperties(_ref, _excluded$49);
 	return /* @__PURE__ */ jsx("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: size,
@@ -17709,9 +17743,9 @@ var FileThumb = ({ url, floatingActions = false, uploadPending, deletePending, n
 };
 //#endregion
 //#region src/components/Button/TextButton.tsx
-var _excluded$46 = ["className", "children"];
+var _excluded$48 = ["className", "children"];
 var TextButton = (_ref) => {
-	let { className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$46);
+	let { className, children } = _ref, props = _objectWithoutProperties(_ref, _excluded$48);
 	const baseClassName = classNames("Layer__text-btn", className);
 	return /* @__PURE__ */ jsx("button", _objectSpread2(_objectSpread2({}, props), {}, {
 		className: baseClassName,
@@ -17761,7 +17795,7 @@ var FileInput = ({ text, onUpload, disabled = false, secondary, iconOnly = false
 };
 //#endregion
 //#region src/components/BankTransactionReceipts/BankTransactionReceipts.tsx
-var _excluded$45 = ["bankTransaction", "isActive"];
+var _excluded$47 = ["bankTransaction", "isActive"];
 var MAX_RECEIPTS_COUNT = 10;
 var openReceiptInNewTab = (url, receiptTitle) => (e) => {
 	e.preventDefault();
@@ -17782,7 +17816,7 @@ var BankTransactionReceiptsWithProvider = forwardRef((_ref, ref) => {
 	return /* @__PURE__ */ jsx(ReceiptsProvider, {
 		bankTransaction,
 		isActive,
-		children: /* @__PURE__ */ jsx(BankTransactionReceipts, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$45)), {}, { ref }))
+		children: /* @__PURE__ */ jsx(BankTransactionReceipts, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$47)), {}, { ref }))
 	});
 });
 BankTransactionReceiptsWithProvider.displayName = "BankTransactionReceiptsWithProvider";
@@ -17865,14 +17899,14 @@ var getCurrencyFormatConfig = (intl) => {
 };
 //#endregion
 //#region src/components/Input/AmountInput.tsx
-var _excluded$44 = [
+var _excluded$46 = [
 	"onChange",
 	"className",
 	"errorMessage",
 	"isInvalid"
 ];
 var AmountInput = (_ref) => {
-	let { onChange, className, errorMessage, isInvalid } = _ref, props = _objectWithoutProperties(_ref, _excluded$44);
+	let { onChange, className, errorMessage, isInvalid } = _ref, props = _objectWithoutProperties(_ref, _excluded$46);
 	const intl = useIntl();
 	const formatter = useIntlFormatter();
 	const currencyFormatConfig = useMemo(() => getCurrencyFormatConfig(intl), [intl]);
@@ -18532,14 +18566,14 @@ var BankTransactionsMobileListItemCheckbox = ({ bulkActionsEnabled, bankTransact
 };
 //#endregion
 //#region src/icons/Paperclip.tsx
-var _excluded$43 = ["size"];
+var _excluded$45 = ["size"];
 var Paperclip = (_ref) => {
 	let { size = 20 } = _ref;
 	return /* @__PURE__ */ jsx("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 20 20",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$43)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$45)), {}, {
 		width: size,
 		height: size,
 		children: /* @__PURE__ */ jsx("path", {
@@ -19728,14 +19762,14 @@ var BankTransactionRow = ({ index, bankTransaction, initialLoad, showDescription
 };
 //#endregion
 //#region src/icons/Inbox.tsx
-var _excluded$42 = ["size"];
+var _excluded$44 = ["size"];
 var Inbox = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$42)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$44)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ jsx("path", {
@@ -20046,14 +20080,14 @@ function useArchiveCategorizationRule() {
 }
 //#endregion
 //#region src/icons/BackArrow.tsx
-var _excluded$41 = ["size"];
+var _excluded$43 = ["size"];
 var BackArrow = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsx("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 12 12",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$41)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$43)), {}, {
 		width: size,
 		height: size,
 		children: /* @__PURE__ */ jsx("path", {
@@ -20157,9 +20191,9 @@ var usePaginationRange = ({ totalCount, pageSize, siblingCount = 1, currentPage
 };
 //#endregion
 //#region src/components/Pagination/Pagination.tsx
-var _excluded$40 = ["children", "isSelected"];
+var _excluded$42 = ["children", "isSelected"];
 var PaginationButton = (_ref) => {
-	let { children, isSelected } = _ref, buttonProps = _objectWithoutProperties(_ref, _excluded$40);
+	let { children, isSelected } = _ref, buttonProps = _objectWithoutProperties(_ref, _excluded$42);
 	return /* @__PURE__ */ jsx(Button$1, _objectSpread2(_objectSpread2({
 		inset: true,
 		icon: true,
@@ -20228,11 +20262,11 @@ var Pagination = ({ onPageChange, totalCount, siblingCount = 1, currentPage, pag
 };
 //#endregion
 //#region src/components/ui/MobileList/PaginatedMobileList.tsx
-var _excluded$39 = ["data", "paginationProps"];
+var _excluded$41 = ["data", "paginationProps"];
 var EMPTY_ARRAY$4 = [];
 var PaginatedMobileList = (props) => {
 	var _data$length;
-	const { data, paginationProps } = props, listProps = _objectWithoutProperties(props, _excluded$39);
+	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$4,
@@ -20734,7 +20768,7 @@ var CategorizationRulesHeader = ({ onGoBack }) => {
 		})]
 	});
 };
-var resolveVariant$1 = ({ width }) => width < BREAKPOINTS.TABLET ? "Mobile" : "Desktop";
+var resolveVariant$2 = ({ width }) => width < BREAKPOINTS.TABLET ? "Mobile" : "Desktop";
 var ResponsiveCategorizationRulesView = () => {
 	var _ref;
 	const { t } = useTranslation();
@@ -20845,7 +20879,7 @@ var ResponsiveCategorizationRulesView = () => {
 	]);
 	const selectedRuleCounterpartyLabel = (_ref = selectedRule && getCategorizationRuleCounterpartyLabel(selectedRule)) !== null && _ref !== void 0 ? _ref : t("bankTransactions:label.selected_counterparty", "this counterparty");
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ResponsiveComponent, {
-		resolveVariant: resolveVariant$1,
+		resolveVariant: resolveVariant$2,
 		slots: {
 			Desktop: DesktopView,
 			Mobile: MobileView
@@ -21306,7 +21340,7 @@ var SuggestedCategorizationRuleUpdatesDialog = ({ isOpen, onOpenChange, ruleSugg
 };
 //#endregion
 //#region src/components/BankTransactions/BankTransactions.tsx
-var _excluded$38 = [
+var _excluded$40 = [
 	"onError",
 	"showTags",
 	"showCustomerVendor",
@@ -21318,7 +21352,7 @@ var _excluded$38 = [
 ];
 var COMPONENT_NAME$12 = "bank-transactions";
 var BankTransactions = (_ref) => {
-	let { onError, showTags = false, showCustomerVendor = false, monthlyView = false, applyGlobalDateRange = false, mode, renderInAppLink, filters } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$38);
+	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 });
@@ -21634,9 +21668,9 @@ function QuickbooksContextProvider({ children }) {
 }
 //#endregion
 //#region src/icons/Cog.tsx
-var _excluded$37 = ["size"];
+var _excluded$39 = ["size"];
 var Cog = (_ref) => {
-	let { size = 12 } = _ref, props = _objectWithoutProperties(_ref, _excluded$37);
+	let { size = 12 } = _ref, props = _objectWithoutProperties(_ref, _excluded$39);
 	const id = useId();
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
@@ -21668,9 +21702,9 @@ var Cog = (_ref) => {
 };
 //#endregion
 //#region src/icons/QuickbooksIcon.tsx
-var _excluded$36 = ["size"];
+var _excluded$38 = ["size"];
 var QuickbooksIcon = (_ref) => {
-	let { size = 24 } = _ref, props = _objectWithoutProperties(_ref, _excluded$36);
+	let { size = 24 } = _ref, props = _objectWithoutProperties(_ref, _excluded$38);
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
@@ -21870,14 +21904,14 @@ function IntegrationsQuickbooksUnlinkConfirmationModal({ isOpen, onOpenChange })
 }
 //#endregion
 //#region src/icons/MoreVertical.tsx
-var _excluded$35 = ["size"];
+var _excluded$37 = ["size"];
 var MoreVertical = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 16 14",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$35)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$37)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -22082,14 +22116,14 @@ var IntegrationsComponent = ({ stringOverrides }) => {
 };
 //#endregion
 //#region src/icons/PlusIcon.tsx
-var _excluded$34 = ["size"];
+var _excluded$36 = ["size"];
 var PlusIcon = (_ref) => {
 	let { size = 14 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 16 16",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$34)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$36)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -22167,14 +22201,14 @@ function useConfirmAndExcludeMultiple({ onSuccess }) {
 }
 //#endregion
 //#region src/icons/InstitutionIcon.tsx
-var _excluded$33 = ["size"];
+var _excluded$35 = ["size"];
 var InstitutionIcon = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 27 28",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$33)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$35)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -22699,10 +22733,10 @@ var MenuItem$1 = forwardRef(function MenuItem$3({ children, textValue, onAction
 });
 //#endregion
 //#region src/components/ui/Pill/Pill.tsx
-var _excluded$32 = ["children", "status"];
+var _excluded$34 = ["children", "status"];
 var PILL_CLASS_NAME = "Layer__Pill";
 var Pill = forwardRef(function Pill(_ref, ref) {
-	let { children, status } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$32);
+	let { children, status } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$34);
 	const dataProperties = toDataProperties({ status });
 	return /* @__PURE__ */ jsx(Button, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
 		className: PILL_CLASS_NAME,
@@ -23900,16 +23934,16 @@ var useProfitAndLossLTM = ({ tagFilter, reportingBasis, chartWindow }) => {
 };
 //#endregion
 //#region src/components/Chart/ChartYAxis.tsx
-var _excluded$31 = [
+var _excluded$33 = [
 	"verticalAnchor",
 	"visibleTicksCount",
 	"tickFormatter",
 	"format",
 	"payload"
-], _excluded2$4 = ["format"];
+], _excluded2$5 = ["format"];
 var CustomizedYTick = (_ref) => {
 	let { verticalAnchor: _verticalAnchor, visibleTicksCount: _visibleTicksCount, tickFormatter: _tickFormatter, format, payload } = _ref;
-	return /* @__PURE__ */ jsx("text", _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$31)), {}, {
+	return /* @__PURE__ */ jsx("text", _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$33)), {}, {
 		className: "Layer__ChartYAxis__tick",
 		children: /* @__PURE__ */ jsx("tspan", {
 			dy: "0.355em",
@@ -23918,7 +23952,7 @@ var CustomizedYTick = (_ref) => {
 	}));
 };
 var ChartYAxis = (_ref2) => {
-	let { format } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$4);
+	let { format } = _ref2, props = _objectWithoutProperties(_ref2, _excluded2$5);
 	const { formatNumber } = useIntlFormatter();
 	const formatYAxisValue = useCallback((value) => {
 		if (!value) return value;
@@ -24096,7 +24130,7 @@ var ProfitAndLossChartSelectionIndicator = ({ viewBox, selected }) => {
 };
 //#endregion
 //#region src/components/ProfitAndLossChart/ProfitAndLossChartBar.tsx
-var _excluded$30 = ["payload", "fill"];
+var _excluded$32 = ["payload", "fill"];
 var BAR_RADIUS$1 = [
 	2,
 	2,
@@ -24116,7 +24150,7 @@ var ProfitAndLossChartBar = ({ dataKey, xAxisId, cellFill, className, barSize, s
 		isAnimationActive: barAnimation,
 		fill: cellFill,
 		shape: useCallback((props) => {
-			const { payload, fill } = props, restProps = _objectWithoutProperties(props, _excluded$30);
+			const { payload, fill } = props, restProps = _objectWithoutProperties(props, _excluded$32);
 			const shouldRound = payload && isOutermostBar(payload, dataKey, xAxisId);
 			return /* @__PURE__ */ jsx(Rectangle, _objectSpread2(_objectSpread2({}, restProps), {}, {
 				fill,
@@ -24182,14 +24216,14 @@ var ProfitAndLossChartLegend = () => {
 };
 //#endregion
 //#region src/icons/BarChart2.tsx
-var _excluded$29 = ["size"];
+var _excluded$31 = ["size"];
 var BarChart2 = (_ref) => {
 	let { size = 12 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 12",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$29)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$31)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -24235,7 +24269,7 @@ var ProfitAndLossChartStateCard = () => {
 };
 //#endregion
 //#region src/components/Chart/ChartTooltip.tsx
-var _excluded$28 = [
+var _excluded$30 = [
 	"content",
 	"cursorWidth",
 	"animationDuration",
@@ -24271,7 +24305,7 @@ var ChartTooltipCursor = ({ width, points, height }) => {
 	});
 };
 var ChartTooltip = (_ref) => {
-	let { content, cursorWidth, animationDuration = 100, animationEasing = "ease-out" } = _ref, props = _objectWithoutProperties(_ref, _excluded$28);
+	let { content, cursorWidth, animationDuration = 100, animationEasing = "ease-out" } = _ref, props = _objectWithoutProperties(_ref, _excluded$30);
 	return /* @__PURE__ */ jsx(Tooltip, _objectSpread2({
 		wrapperClassName: "Layer__ChartTooltip__wrapper",
 		content,
@@ -24712,7 +24746,7 @@ var DetailedChart = ({ data, isLoading, interactionProps, stylingProps, slots })
 };
 //#endregion
 //#region src/icons/SortArrows.tsx
-var _excluded$27 = ["size"];
+var _excluded$29 = ["size"];
 var ClassNames = {
 	DESC_ARROW: "Layer__SortArrows__DescArrow",
 	ASC_ARROW: "Layer__SortArrows__AscArrow"
@@ -24723,7 +24757,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$29)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ jsxs("g", {
@@ -24868,7 +24902,7 @@ var RegularValueIcon = ({ colorMapping }) => {
 };
 //#endregion
 //#region src/components/DetailedTable/DetailedTable.tsx
-var _excluded$26 = ["data"];
+var _excluded$28 = ["data"];
 var DetailedTable = ({ stylingProps, sortParams, sortFunction, interactionProps, rows, stringOverrides, showTypeColumn = true }) => {
 	const { t } = useTranslation();
 	const setAndToggleSortDirection = (params) => {
@@ -24999,7 +25033,7 @@ var DetailedTable = ({ stylingProps, sortParams, sortFunction, interactionProps,
 	});
 };
 var DetailedTableWithData = (_ref) => {
-	let { data } = _ref, props = _objectWithoutProperties(_ref, _excluded$26);
+	let { data } = _ref, props = _objectWithoutProperties(_ref, _excluded$28);
 	return /* @__PURE__ */ jsx(DetailedTable, _objectSpread2({ rows: useDetailedTableRows({ data }) }, props));
 };
 //#endregion
@@ -25173,9 +25207,9 @@ var LedgerAccountsContext = createContext({
 });
 //#endregion
 //#region src/components/Button/BackButton.tsx
-var _excluded$25 = ["className", "textOnly"];
+var _excluded$27 = ["className", "textOnly"];
 var BackButton = (_ref) => {
-	let { className, textOnly = false } = _ref, props = _objectWithoutProperties(_ref, _excluded$25);
+	let { className, textOnly = false } = _ref, props = _objectWithoutProperties(_ref, _excluded$27);
 	const baseClassName = classNames("Layer__btn", "Layer__back-btn", className);
 	return /* @__PURE__ */ jsx("button", _objectSpread2(_objectSpread2({}, props), {}, {
 		className: baseClassName,
@@ -25184,9 +25218,9 @@ var BackButton = (_ref) => {
 };
 //#endregion
 //#region src/components/Button/CloseButton.tsx
-var _excluded$24 = ["className", "textOnly"];
+var _excluded$26 = ["className", "textOnly"];
 var CloseButton$1 = (_ref) => {
-	let { className, textOnly = false } = _ref, props = _objectWithoutProperties(_ref, _excluded$24);
+	let { className, textOnly = false } = _ref, props = _objectWithoutProperties(_ref, _excluded$26);
 	const baseClassName = classNames("Layer__btn", "Layer__back-btn", className);
 	return /* @__PURE__ */ jsx("button", _objectSpread2(_objectSpread2({}, props), {}, {
 		className: baseClassName,
@@ -27831,7 +27865,7 @@ function TransactionsToReview({ onClick, tagFilter = void 0, variants }) {
 }
 //#endregion
 //#region src/components/ProfitAndLossSummaries/ProfitAndLossSummaries.tsx
-var _excluded$23 = ["onTransactionsToReviewClick"];
+var _excluded$25 = ["onTransactionsToReviewClick"];
 var SECTION_CLASS_NAMES = `Layer__ProfitAndLossSummaries Layer__component`;
 function Internal_ProfitAndLossSummaries({ actionable = false, revenueLabel, stringOverrides, chartColorsList, slots, variants }) {
 	var _effectiveData$income3, _effectiveData$income4, _effectiveData$income5, _data$netProfit;
@@ -27938,7 +27972,7 @@ function Internal_ProfitAndLossSummaries({ actionable = false, revenueLabel, str
 	});
 }
 function ProfitAndLossSummaries(_ref) {
-	let { onTransactionsToReviewClick } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$23);
+	let { onTransactionsToReviewClick } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$25);
 	return /* @__PURE__ */ jsx(Internal_ProfitAndLossSummaries, _objectSpread2(_objectSpread2({}, restProps), {}, { slots: { unstable_AdditionalListItems: onTransactionsToReviewClick ? [/* @__PURE__ */ jsx(TransactionsToReview, {
 		variants: restProps.variants,
 		onClick: onTransactionsToReviewClick
@@ -29463,14 +29497,14 @@ var LedgerAccountNodeType = /* @__PURE__ */ function(LedgerAccountNodeType) {
 }({});
 //#endregion
 //#region src/icons/Edit2.tsx
-var _excluded$22 = ["size"];
+var _excluded$24 = ["size"];
 var Edit2 = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsx("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$22)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$24)), {}, {
 		width: size,
 		height: size,
 		children: /* @__PURE__ */ jsx("path", {
@@ -29899,14 +29933,14 @@ var ChartOfAccountsTable = ({ stringOverrides, searchQuery, templateAccountsEdit
 };
 //#endregion
 //#region src/icons/Plus.tsx
-var _excluded$21 = ["size"];
+var _excluded$23 = ["size"];
 var Plus$1 = (_ref) => {
 	let { size = 14 } = _ref;
 	return /* @__PURE__ */ 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$23)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ jsx("path", {
@@ -30022,10 +30056,11 @@ var Expand = (_ref) => {
 };
 //#endregion
 //#region src/components/ExpandableDataTable/ExpandableDataTableToggleButton.tsx
-var ExpandableDataTableToggleButton = () => {
+var ExpandableDataTableToggleButton = ({ iconOnly }) => {
 	const { t } = useTranslation();
 	const { expanded, setExpanded } = useContext(ExpandableDataTableContext);
 	const { isDesktop } = useSizeClass();
+	const resolvedIconOnly = iconOnly !== null && iconOnly !== void 0 ? iconOnly : !isDesktop;
 	const shouldCollapse = expanded === true;
 	const onClickExpandOrCollapse = useCallback(() => {
 		if (shouldCollapse) setExpanded({});
@@ -30033,11 +30068,11 @@ var ExpandableDataTableToggleButton = () => {
 	}, [setExpanded, shouldCollapse]);
 	const buttonText = shouldCollapse ? t("common:action.collapse_all", "Collapse All") : t("common:action.expand_all", "Expand All");
 	return /* @__PURE__ */ jsx(Button$1, {
-		icon: !isDesktop,
+		icon: resolvedIconOnly,
 		variant: "outlined",
 		onClick: onClickExpandOrCollapse,
-		"aria-label": !isDesktop ? buttonText : void 0,
-		children: !isDesktop ? /* @__PURE__ */ jsx(shouldCollapse ? Collapse : Expand, {}) : buttonText
+		"aria-label": resolvedIconOnly ? buttonText : void 0,
+		children: resolvedIconOnly ? /* @__PURE__ */ jsx(shouldCollapse ? Collapse : Expand, {}) : buttonText
 	});
 };
 //#endregion
@@ -32299,14 +32334,14 @@ var TasksHeader = ({ tasksHeader }) => {
 };
 //#endregion
 //#region src/icons/SmileIcon.tsx
-var _excluded$20 = ["size"];
+var _excluded$22 = ["size"];
 var SmileIcon = (_ref) => {
 	let { size = 12 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		viewBox: "0 0 12 12",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg"
-	}, _objectWithoutProperties(_ref, _excluded$20)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$22)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -32505,13 +32540,13 @@ function useSubmitUserResponseForTask() {
 }
 //#endregion
 //#region src/components/Textarea/Textarea.tsx
-var _excluded$19 = [
+var _excluded$21 = [
 	"className",
 	"isInvalid",
 	"errorMessage"
 ];
 var Textarea = (_ref) => {
-	let { className, isInvalid, errorMessage } = _ref, props = _objectWithoutProperties(_ref, _excluded$19);
+	let { className, isInvalid, errorMessage } = _ref, props = _objectWithoutProperties(_ref, _excluded$21);
 	const baseClassName = classNames("Layer__textarea", isInvalid ? "Layer__textarea--error" : "", className);
 	return /* @__PURE__ */ jsxs(DeprecatedTooltip, {
 		disabled: !isInvalid || !errorMessage,
@@ -33024,14 +33059,14 @@ var useBookkeepingYearsStatus = () => {
 };
 //#endregion
 //#region src/icons/ArrowRightCircle.tsx
-var _excluded$18 = ["size"];
+var _excluded$20 = ["size"];
 var ArrowRightCircle = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$18)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$20)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -34247,14 +34282,14 @@ function LinkAccountsContent({ onComplete }) {
 }
 //#endregion
 //#region src/icons/Coffee.tsx
-var _excluded$17 = ["size"];
+var _excluded$19 = ["size"];
 var CoffeeIcon = (_ref) => {
 	let { size = 11 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 12 12",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$17)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$19)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ jsxs("g", {
@@ -34304,7 +34339,7 @@ var CoffeeIcon = (_ref) => {
 };
 //#endregion
 //#region src/components/Button/Link.tsx
-var _excluded$16 = [
+var _excluded$18 = [
 	"className",
 	"children",
 	"variant",
@@ -34316,7 +34351,7 @@ var _excluded$16 = [
 	"fullWidth"
 ];
 var Link$2 = (_ref) => {
-	let { className, children, variant = ButtonVariant.primary, leftIcon, rightIcon, iconOnly, iconAsPrimary = false, justify = "center", fullWidth } = _ref, props = _objectWithoutProperties(_ref, _excluded$16);
+	let { className, children, variant = ButtonVariant.primary, leftIcon, rightIcon, iconOnly, iconAsPrimary = false, justify = "center", fullWidth } = _ref, props = _objectWithoutProperties(_ref, _excluded$18);
 	const linkRef = useRef(null);
 	let justifyContent = "center";
 	if (justify) justifyContent = justify;
@@ -34422,14 +34457,14 @@ var useMileageSummaryGlobalCacheActions = () => {
 };
 //#endregion
 //#region src/icons/ArrowRightCircleAlt.tsx
-var _excluded$15 = ["size"];
+var _excluded$17 = ["size"];
 var ArrowRightCircleAlt = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ jsxs("svg", _objectSpread2(_objectSpread2({
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 18 18",
 		fill: "none"
-	}, _objectWithoutProperties(_ref, _excluded$15)), {}, {
+	}, _objectWithoutProperties(_ref, _excluded$17)), {}, {
 		width: size,
 		height: size,
 		children: [
@@ -35759,14 +35794,14 @@ function getCustomerName(customer) {
 }
 //#endregion
 //#region src/icons/ChevronRightFill.tsx
-var _excluded$14 = ["size"];
+var _excluded$16 = ["size"];
 var ChevronRightFill = (_ref) => {
 	let { size = 18 } = _ref;
 	return /* @__PURE__ */ 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$16)), {}, {
 		width: size,
 		height: size,
 		children: [/* @__PURE__ */ jsx("path", {
@@ -37616,32 +37651,6 @@ var InvoicePaymentDrawer = ({ isOpen, onOpenChange, invoice }) => {
 	});
 };
 //#endregion
-//#region src/schemas/accountingConfiguration.ts
-var ReportingBasis = /* @__PURE__ */ function(ReportingBasis) {
-	ReportingBasis["Accrual"] = "ACCRUAL";
-	ReportingBasis["Cash"] = "CASH";
-	ReportingBasis["DeprecatedCash"] = "DEPRECATED_CASH";
-	ReportingBasis["MoneyMovementOnly"] = "MONEY_MOVEMENT_ONLY";
-	return ReportingBasis;
-}({});
-Schema.Enums(ReportingBasis);
-var AccountingConfigurationCategoryListMode = /* @__PURE__ */ function(AccountingConfigurationCategoryListMode) {
-	AccountingConfigurationCategoryListMode["AllAccounts"] = "ALL_ACCOUNTS";
-	AccountingConfigurationCategoryListMode["RevenuesAndExpenses"] = "REVENUES_AND_EXPENSES";
-	return AccountingConfigurationCategoryListMode;
-}({});
-Schema.Enums(AccountingConfigurationCategoryListMode);
-var AccountingConfigurationSchema = Schema.Struct({
-	id: Schema.UUID,
-	enableAccountNumbers: pipe(Schema.propertySignature(Schema.Boolean), Schema.fromKey("enable_account_numbers")),
-	enableCustomerManagement: pipe(Schema.propertySignature(Schema.Boolean), Schema.fromKey("enable_customer_management")),
-	taxEstimatesUserAgreementAt: pipe(Schema.propertySignature(Schema.NullishOr(Schema.Date)), Schema.fromKey("tax_estimates_user_agreement_at")),
-	enableTaxEstimates: pipe(Schema.propertySignature(Schema.Boolean), Schema.fromKey("enable_tax_estimates")),
-	enableMileageTracking: pipe(Schema.propertySignature(Schema.Boolean), Schema.fromKey("enable_mileage_tracking")),
-	enableStripeOnboarding: pipe(Schema.propertySignature(Schema.Boolean), Schema.fromKey("enable_stripe_onboarding")),
-	platformDisplayTags: pipe(Schema.propertySignature(Schema.Array(TagDimensionSchema)), Schema.fromKey("platform_display_tags"))
-});
-//#endregion
 //#region src/hooks/api/businesses/[business-id]/accounting-config/useAccountingConfiguration.tsx
 var ACCOUNTING_CONFIGURATION_TAG_KEY = "#accounting-configuration";
 function buildKey$33({ access_token: accessToken, apiUrl, businessId }) {
@@ -37859,9 +37868,9 @@ var useCustomerForm = (props) => {
 };
 //#endregion
 //#region src/components/CustomerForm/CustomerForm.tsx
-var _excluded$13 = ["onSuccess", "isReadOnly"];
+var _excluded$15 = ["onSuccess", "isReadOnly"];
 var CustomerForm = (_ref) => {
-	let { onSuccess, isReadOnly } = _ref, formState = _objectWithoutProperties(_ref, _excluded$13);
+	let { onSuccess, isReadOnly } = _ref, formState = _objectWithoutProperties(_ref, _excluded$15);
 	const { t } = useTranslation();
 	const { form, submitError } = useCustomerForm(_objectSpread2({ onSuccess }, formState));
 	return /* @__PURE__ */ jsxs(Form$1, {
@@ -38746,10 +38755,10 @@ var useInvoiceForm = (props) => {
 };
 //#endregion
 //#region src/components/Invoices/InvoiceForm/InvoiceForm.tsx
-var _excluded$12 = ["isReadOnly"];
+var _excluded$14 = ["isReadOnly"];
 var InvoiceForm = forwardRef((props, ref) => {
 	var _accountingConfig$ena;
-	const _useInvoiceDetail = useInvoiceDetail(), { isReadOnly } = _useInvoiceDetail, viewState = _objectWithoutProperties(_useInvoiceDetail, _excluded$12);
+	const _useInvoiceDetail = useInvoiceDetail(), { isReadOnly } = _useInvoiceDetail, viewState = _objectWithoutProperties(_useInvoiceDetail, _excluded$14);
 	const { mode } = viewState;
 	const { onSuccess, onChangeFormState } = props;
 	const { businessId } = useLayerContext();
@@ -39217,7 +39226,7 @@ var InvoiceDetail = () => {
 };
 //#endregion
 //#region src/components/ui/Meter/Meter.tsx
-var _excluded$11 = [
+var _excluded$13 = [
 	"className",
 	"label",
 	"meterOnly"
@@ -39228,7 +39237,7 @@ var getClassnameForSubComponent = (className, suffix) => {
 var METER_CLASS_NAME = "Layer__Meter";
 var Meter$1 = forwardRef(function Meter$2(_ref, ref) {
 	let { className, label, meterOnly } = _ref;
-	return /* @__PURE__ */ jsx(Meter, _objectSpread2(_objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$11)), {}, {
+	return /* @__PURE__ */ jsx(Meter, _objectSpread2(_objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$13)), {}, {
 		className: classNames(METER_CLASS_NAME, className),
 		ref
 	}, meterOnly && { "aria-label": label }), {}, { children: ({ percentage, valueText }) => /* @__PURE__ */ jsxs(VStack, {
@@ -39458,7 +39467,7 @@ function useStripeAccountStatus() {
 }
 //#endregion
 //#region src/components/ui/Banner/Banner.tsx
-var _excluded$10 = ["variant"];
+var _excluded$12 = ["variant"];
 var BANNER_CLASS_NAMES = {
 	DEFAULT: "Layer__UI__Banner",
 	ICON_CONTAINER: "Layer__UI__Banner__iconContainer",
@@ -39547,7 +39556,7 @@ var Banner = forwardRef(({ variant = "info", title, description, slots, children
 });
 Banner.displayName = "Banner";
 var BannerButton = (_ref) => {
-	let { variant = "outlined-light" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$10);
+	let { variant = "outlined-light" } = _ref, rest = _objectWithoutProperties(_ref, _excluded$12);
 	return /* @__PURE__ */ jsx(Button$1, _objectSpread2({ variant }, rest));
 };
 //#endregion
@@ -39694,7 +39703,7 @@ var InvoicesContent = () => {
 };
 //#endregion
 //#region src/components/ProfitAndLossView/ProfitAndLossView.tsx
-var _excluded$9 = ["containerRef", "stringOverrides"];
+var _excluded$11 = ["containerRef", "stringOverrides"];
 var COMPONENT_NAME$5 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
 	const containerRef = useRef(null);
@@ -39705,7 +39714,7 @@ var ProfitAndLossView = (props) => {
 	});
 };
 var ProfitAndLossPanel = (_ref) => {
-	let { containerRef, stringOverrides } = _ref, props = _objectWithoutProperties(_ref, _excluded$9);
+	let { containerRef, stringOverrides } = _ref, props = _objectWithoutProperties(_ref, _excluded$11);
 	const { t } = useTranslation();
 	const { sidebarScope } = useContext(ProfitAndLossContext);
 	return /* @__PURE__ */ jsxs(Panel, {
@@ -39781,12 +39790,16 @@ var UnifiedReportStoreContext = createContext(createStore(() => ({
 	baseReport: null,
 	detailReportConfig: null,
 	groupBy: DateGroupBy.AllTime,
+	reportingBasis: null,
+	selectedTagValues: [],
 	dateSelectionMode: "full",
 	actions: {
 		setBaseReport: () => {},
 		openDetailReport: () => {},
 		closeDetailReport: () => {},
-		setGroupBy: () => {}
+		setGroupBy: () => {},
+		setReportingBasis: () => {},
+		setSelectedTagValues: () => {}
 	}
 })));
 function useUnifiedReportDateSelectionMode() {
@@ -39841,24 +39854,70 @@ function useUnifiedReportGroupByParam() {
 		setGroupBy
 	}), [groupBy, setGroupBy]);
 }
+function useUnifiedReportReportingBasisParam() {
+	const store = useContext(UnifiedReportStoreContext);
+	const reportingBasis = useStore(store, (state) => state.reportingBasis);
+	const setReportingBasis = useStore(store, (state) => state.actions.setReportingBasis);
+	return useMemo(() => ({
+		reportingBasis,
+		setReportingBasis
+	}), [reportingBasis, setReportingBasis]);
+}
+function useUnifiedReportTagSelection() {
+	const store = useContext(UnifiedReportStoreContext);
+	const selectedTagValues = useStore(store, (state) => state.selectedTagValues);
+	const setSelectedTagValues = useStore(store, (state) => state.actions.setSelectedTagValues);
+	return useMemo(() => ({
+		selectedTagValues,
+		setSelectedTagValues
+	}), [selectedTagValues, setSelectedTagValues]);
+}
+var buildUnifiedReportTagFilters = (report, selectedTagValues) => {
+	var _report$tagControl;
+	const key = (_report$tagControl = report.tagControl) === null || _report$tagControl === void 0 ? void 0 : _report$tagControl.tagDimension.key.trim();
+	if (!key) return;
+	const values = selectedTagValues.filter(isActiveTagValueDefinition).map((tagValue) => tagValue.value).filter((value) => value.trim().length > 0);
+	if (values.length === 0) return;
+	return JSON.stringify(values.map((value) => ({
+		key,
+		values: [value]
+	})));
+};
+var REPORTING_BASIS_QUERY_PARAMETER = "reporting_basis";
+var getInitialReportingBasis = (report) => {
+	const value = report.baseQueryParameters[REPORTING_BASIS_QUERY_PARAMETER];
+	return isUnifiedReportReportingBasis(value) ? value : null;
+};
+var getBaseQueryParameters = (report, hasReportingBasisControl) => {
+	if (!hasReportingBasisControl) return report.baseQueryParameters;
+	return Object.fromEntries(Object.entries(report.baseQueryParameters).filter(([key]) => key !== REPORTING_BASIS_QUERY_PARAMETER));
+};
 function useUnifiedReportParams() {
 	const { report } = useActiveUnifiedReport();
-	const groupBy = useStore(useContext(UnifiedReportStoreContext), (state) => state.groupBy);
+	const store = useContext(UnifiedReportStoreContext);
+	const groupBy = useStore(store, (state) => state.groupBy);
+	const reportingBasis = useStore(store, (state) => state.reportingBasis);
+	const selectedTagValues = useStore(store, (state) => state.selectedTagValues);
 	const dateSelectionMode = useUnifiedReportDateSelectionMode();
 	const { date: effectiveDate } = useGlobalDate({ dateSelectionMode });
 	const { startDate, endDate } = useGlobalDateRange({ dateSelectionMode });
 	const { startDate: yearStartDate } = useGlobalDateRange({ dateSelectionMode: "year" });
 	return useMemo(() => {
 		if (!report) return null;
-		return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({ route: report.reportRoute }, report.baseQueryParameters), hasControl(report, ReportControl.Date) && { effectiveDate }), hasControl(report, ReportControl.DateRange) && {
+		const tagFilters = buildUnifiedReportTagFilters(report, selectedTagValues);
+		const hasReportingBasisControl = hasControl(report, ReportControl.ReportingBasis);
+		const baseQueryParameters = getBaseQueryParameters(report, hasReportingBasisControl);
+		return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({ route: report.reportRoute }, baseQueryParameters), hasControl(report, ReportControl.Date) && { effectiveDate }), hasControl(report, ReportControl.DateRange) && {
 			startDate,
 			endDate
-		}), hasControl(report, ReportControl.GroupBy) && groupBy != null && { groupBy }), hasControl(report, ReportControl.Year) && { year: getYear(yearStartDate) });
+		}), hasControl(report, ReportControl.GroupBy) && groupBy != null && { groupBy }), hasReportingBasisControl && reportingBasis != null && { reportingBasis }), hasControl(report, ReportControl.Year) && { year: getYear(yearStartDate) }), tagFilters && { tagFilters });
 	}, [
 		effectiveDate,
 		endDate,
 		groupBy,
 		report,
+		reportingBasis,
+		selectedTagValues,
 		startDate,
 		yearStartDate
 	]);
@@ -39876,15 +39935,24 @@ var createUnifiedReportStore = (dateSelectionMode) => createStore((set) => ({
 	baseReport: null,
 	detailReportConfig: null,
 	groupBy: DateGroupBy.AllTime,
+	reportingBasis: null,
+	selectedTagValues: [],
 	dateSelectionMode,
 	actions: {
-		setBaseReport: (baseReport) => set({
-			baseReport,
-			detailReportConfig: null
-		}),
+		setBaseReport: (baseReport) => {
+			var _baseReport$tagContro, _baseReport$tagContro2;
+			return set({
+				baseReport,
+				detailReportConfig: null,
+				reportingBasis: getInitialReportingBasis(baseReport),
+				selectedTagValues: (_baseReport$tagContro = (_baseReport$tagContro2 = baseReport.tagControl) === null || _baseReport$tagContro2 === void 0 ? void 0 : _baseReport$tagContro2.initialSelectedTags.filter(isActiveTagValueDefinition)) !== null && _baseReport$tagContro !== void 0 ? _baseReport$tagContro : []
+			});
+		},
 		openDetailReport: (detailReportConfig) => set({ detailReportConfig }),
 		closeDetailReport: () => set({ detailReportConfig: null }),
-		setGroupBy: (groupBy) => set({ groupBy })
+		setGroupBy: (groupBy) => set({ groupBy }),
+		setReportingBasis: (reportingBasis) => set({ reportingBasis }),
+		setSelectedTagValues: (selectedTagValues) => set({ selectedTagValues: selectedTagValues.filter(isActiveTagValueDefinition) })
 	}
 }));
 function useHydrateUnifiedReportStore(store) {
@@ -39918,12 +39986,12 @@ function UnifiedReportStoreProvider({ children, dateSelectionMode = "full" }) {
 }
 //#endregion
 //#region src/components/ui/Tree/Tree.tsx
-var _excluded$8 = ["children", "className"], _excluded2$3 = ["children"], _excluded3 = ["children"];
+var _excluded$10 = ["children", "className"], _excluded2$4 = ["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__ */ jsx(Tree, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$8)), {}, {
+	return /* @__PURE__ */ jsx(Tree, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$10)), {}, {
 		className: classNames(TREE_CLASS_NAME, className),
 		ref,
 		children: withRenderProp(children, (node) => node)
@@ -39933,7 +40001,7 @@ var Tree$1 = forwardRef(TreeInner);
 Tree$1.displayName = "Tree";
 var TreeItemInner = (_ref2, ref) => {
 	let { children } = _ref2;
-	return /* @__PURE__ */ jsx(TreeItem, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref2, _excluded2$3)), {}, {
+	return /* @__PURE__ */ jsx(TreeItem, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref2, _excluded2$4)), {}, {
 		className: TREE_ITEM_CLASS_NAME,
 		ref,
 		children: withRenderProp(children, (node) => node)
@@ -40196,7 +40264,7 @@ var S3PresignedUrlSchema = Schema.Struct({
 });
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/reports/unified/report-name/exports/excel/useUnifiedReportExcel.ts
-var _excluded$7 = ["businessId", "route"], _excluded2$2 = [
+var _excluded$9 = ["businessId", "route"], _excluded2$3 = [
 	"accessToken",
 	"apiUrl",
 	"businessId",
@@ -40204,7 +40272,7 @@ var _excluded$7 = ["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$7)))}`;
+	return `/v1/businesses/${businessId}/reports/unified/${route}/exports/excel?${toDefinedSearchParameters(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$9)))}`;
 });
 var getTag$1 = (report) => `#unified-${report}-report-excel`;
 var UnifiedReportExcelReturnSchema = Schema.Struct({ data: S3PresignedUrlSchema });
@@ -40227,7 +40295,7 @@ function useUnifiedReportExcel({ onSuccess } = {}) {
 		businessId,
 		params
 	}))), (_ref2) => {
-		let { accessToken, apiUrl, businessId, tags } = _ref2, restParams = _objectWithoutProperties(_ref2, _excluded2$2);
+		let { accessToken, apiUrl, businessId, tags } = _ref2, restParams = _objectWithoutProperties(_ref2, _excluded2$3);
 		return getUnifiedReportExcel(apiUrl, accessToken, { params: _objectSpread2({ businessId }, restParams) })().then(Schema.decodeUnknownPromise(UnifiedReportExcelReturnSchema)).then(function() {
 			var _ref3 = _asyncToGenerator(function* ({ data }) {
 				if (onSuccess) yield onSuccess(data);
@@ -40244,9 +40312,10 @@ function useUnifiedReportExcel({ onSuccess } = {}) {
 }
 //#endregion
 //#region src/components/UnifiedReports/UnifiedReportDownloadButton.tsx
-function UnifiedReportDownloadButton() {
+function UnifiedReportDownloadButton({ iconOnly }) {
 	const { t } = useTranslation();
 	const { isDesktop } = useSizeClass();
+	const resolvedIconOnly = iconOnly !== null && iconOnly !== void 0 ? iconOnly : !isDesktop;
 	const { invisibleDownloadRef, triggerInvisibleDownload } = useInvisibleDownload();
 	const { trigger, isMutating, isError } = useUnifiedReportExcel({ onSuccess: ({ presignedUrl }) => triggerInvisibleDownload({ url: presignedUrl }) });
 	const buttonText = isError ? t("common:action.retry_label", "Retry") : t("common:action.download_label", "Download");
@@ -40257,28 +40326,29 @@ function UnifiedReportDownloadButton() {
 		},
 		isPending: isMutating,
 		isDisabled: isMutating,
-		icon: !isDesktop,
-		"aria-label": !isDesktop ? buttonText : void 0,
-		children: [isDesktop && buttonText, isError ? /* @__PURE__ */ jsx(RefreshCcw$1, { size: 12 }) : /* @__PURE__ */ jsx(DownloadCloud, { size: 16 })]
+		icon: resolvedIconOnly,
+		"aria-label": resolvedIconOnly ? buttonText : void 0,
+		children: [!resolvedIconOnly && buttonText, isError ? /* @__PURE__ */ jsx(RefreshCcw$1, { size: 12 }) : /* @__PURE__ */ jsx(DownloadCloud, { size: 16 })]
 	}), /* @__PURE__ */ jsx(InvisibleDownload, { ref: invisibleDownloadRef })] });
 }
 //#endregion
 //#region src/components/UnifiedReports/UnifiedReportHeaderButtons.tsx
-var UnifiedReportHeaderButtons = () => {
+var UnifiedReportHeaderButtons = ({ variant }) => {
 	const { isDesktop } = useSizeClass();
+	const isMobile = (variant !== null && variant !== void 0 ? variant : isDesktop ? "Desktop" : "Mobile") === "Mobile";
 	return /* @__PURE__ */ jsxs(HStack, {
 		gap: "xs",
-		className: "Layer__UnifiedReports__HeaderButtons",
+		className: classNames("Layer__UnifiedReports__HeaderButtons", { "Layer__UnifiedReports__HeaderButtons--mobile": isMobile }),
 		children: [
-			!isDesktop && /* @__PURE__ */ jsx(ReportsMobileSelectionDrawer, {}),
-			/* @__PURE__ */ jsx(ExpandableDataTableToggleButton, {}),
-			/* @__PURE__ */ jsx(UnifiedReportDownloadButton, {})
+			isMobile && /* @__PURE__ */ jsx(ReportsMobileSelectionDrawer, {}),
+			/* @__PURE__ */ jsx(ExpandableDataTableToggleButton, { iconOnly: isMobile }),
+			/* @__PURE__ */ jsx(UnifiedReportDownloadButton, { iconOnly: isMobile })
 		]
 	});
 };
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/reports/unified/report-name/useUnifiedReport.tsx
-var _excluded$6 = ["businessId", "route"], _excluded2$1 = [
+var _excluded$8 = ["businessId", "route"], _excluded2$2 = [
 	"accessToken",
 	"apiUrl",
 	"businessId",
@@ -40295,7 +40365,7 @@ function buildKey$24({ 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$6)))}`;
+	return `/v1/businesses/${businessId}/reports/unified/${route}?${toDefinedSearchParameters(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded$8)))}`;
 });
 function useUnifiedReport() {
 	const withLocale = useLocalizedKey();
@@ -40308,19 +40378,19 @@ function useUnifiedReport() {
 		businessId,
 		params
 	}))), (_ref2) => {
-		let { accessToken, apiUrl, businessId, tags } = _ref2, restParams = _objectWithoutProperties(_ref2, _excluded2$1);
+		let { accessToken, apiUrl, businessId, tags } = _ref2, restParams = _objectWithoutProperties(_ref2, _excluded2$2);
 		return getUnifiedReport(apiUrl, accessToken, { params: _objectSpread2({ businessId }, restParams) })().then(({ data }) => Schema.decodeUnknownPromise(UnifiedReportSchema)(data));
 	}));
 }
 //#endregion
 //#region src/components/ui/Typography/DurationSpan.tsx
-var _excluded$5 = [
+var _excluded$7 = [
 	"durationMinutes",
 	"className",
 	"showLessThanOneMinuteForZero"
 ];
 var DurationSpan = forwardRef((_ref, ref) => {
-	let { durationMinutes, className, showLessThanOneMinuteForZero = false } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$5);
+	let { durationMinutes, className, showLessThanOneMinuteForZero = false } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$7);
 	const { t } = useTranslation();
 	const { formatMinutesAsDuration } = useIntlFormatter();
 	const formattedDuration = durationMinutes !== 0 ? formatMinutesAsDuration(durationMinutes) : showLessThanOneMinuteForZero ? t("timeTracking:label.less_than_one_minute", "< 1 min") : t("timeTracking:label.zero_minutes", "0 min");
@@ -40544,14 +40614,193 @@ var GlobalYearPicker = () => {
 	});
 };
 //#endregion
-//#region src/components/UnifiedReports/UnifiedReportControls.tsx
-var SMALL_BREAKPOINT$1 = 560;
-var MEDIUM_BREAKPOINT$1 = 760;
-var getVariantForWidth = (width) => {
-	if (width >= MEDIUM_BREAKPOINT$1) return "large";
-	if (width >= SMALL_BREAKPOINT$1) return "medium";
-	return "small";
+//#region src/components/UnifiedReports/UnifiedReportReportingBasisControl.tsx
+var REPORTING_BASIS_CONFIG = [_objectSpread2({ value: ReportingBasis.Cash }, translationKey("reports:label.cash", "Cash")), _objectSpread2({ value: ReportingBasis.Accrual }, translationKey("reports:label.accrual", "Accrual"))];
+var useReportingBasisControlData = () => {
+	const { t } = useTranslation();
+	return {
+		label: t("reports:label.reporting_basis", "Reporting basis"),
+		options: REPORTING_BASIS_CONFIG.map(({ value, i18nKey, defaultValue }) => ({
+			value,
+			label: t(i18nKey, defaultValue)
+		}))
+	};
+};
+function UnifiedReportReportingBasisControl({ value, onValueChange }) {
+	var _options$find;
+	const inputId = useId();
+	const { label, options } = useReportingBasisControlData();
+	const selectedOption = value ? (_options$find = options.find((option) => option.value === value)) !== null && _options$find !== void 0 ? _options$find : null : null;
+	const handleSelectedValueChange = (option) => {
+		if (option) onValueChange(option.value);
+	};
+	return /* @__PURE__ */ jsxs(VStack, {
+		className: "Layer__UnifiedReports__ReportingBasisControl__Container",
+		children: [/* @__PURE__ */ jsx(Label$2, {
+			pbe: "3xs",
+			size: "sm",
+			htmlFor: inputId,
+			children: label
+		}), /* @__PURE__ */ jsx(ComboBox, {
+			options,
+			onSelectedValueChange: handleSelectedValueChange,
+			selectedValue: selectedOption,
+			isSearchable: false,
+			isClearable: false,
+			inputId
+		})]
+	});
+}
+//#endregion
+//#region src/components/ui/ComboBox/useMultiSelectComboBoxSubcomponents.tsx
+var _excluded$6 = ["children"], _excluded2$1 = ["children", "innerProps"];
+var getSelectedCount = (selectedValues) => {
+	if (!selectedValues) return 0;
+	if (Array.isArray(selectedValues)) return selectedValues.length;
+	return 1;
+};
+var getSelectedLabels = (selectedValues, locale) => {
+	if (!selectedValues) return "";
+	if (Array.isArray(selectedValues)) {
+		const labels = selectedValues.map((v) => v.label);
+		if (labels.length === 0) return "";
+		return new Intl.ListFormat(locale, {
+			style: "long",
+			type: "conjunction"
+		}).format(labels);
+	}
+	return selectedValues.label;
+};
+var buildCustomMultiValue = () => {
+	return function CustomMultiValue(_ref) {
+		let { children } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$6);
+		const { index, selectProps } = restProps;
+		const isTyping = selectProps.inputValue && selectProps.inputValue.length > 0;
+		if (index > 0 || isTyping) return null;
+		return /* @__PURE__ */ jsx(components.MultiValue, _objectSpread2(_objectSpread2({}, restProps), {}, {
+			className: COMBO_BOX_CLASS_NAMES.MULTI_VALUE,
+			children
+		}));
+	};
+};
+var buildCustomMultiValueLabel = () => {
+	return function CustomMultiValueLabel(_ref2) {
+		let { children, innerProps } = _ref2, restProps = _objectWithoutProperties(_ref2, _excluded2$1);
+		const locale = useLocale();
+		const selectedValues = restProps.selectProps.value;
+		const selectedCount = getSelectedCount(selectedValues);
+		const selectedLabels = getSelectedLabels(selectedValues, locale);
+		const mergedInnerProps = _objectSpread2(_objectSpread2({}, innerProps), {}, { className: classNames(innerProps === null || innerProps === void 0 ? void 0 : innerProps.className, COMBO_BOX_CLASS_NAMES.MULTI_VALUE_LABEL) });
+		return /* @__PURE__ */ jsx(components.MultiValueLabel, _objectSpread2(_objectSpread2({}, restProps), {}, {
+			innerProps: mergedInnerProps,
+			children: /* @__PURE__ */ jsxs(HStack, {
+				gap: "3xs",
+				align: "center",
+				children: [/* @__PURE__ */ jsxs(Badge, {
+					size: BadgeSize.SMALL,
+					variant: BadgeVariant.INFO,
+					children: [selectedCount, /* @__PURE__ */ jsx(Filter, { size: 12 })]
+				}), /* @__PURE__ */ jsx(Span, {
+					variant: "inherit",
+					withTooltip: true,
+					children: selectedLabels
+				})]
+			})
+		}));
+	};
+};
+var NullComponent = () => null;
+var useMultiSelectComboBoxSubcomponents = () => {
+	const MultiValueRef = useRef(buildCustomMultiValue());
+	const MultiValueLabelRef = useRef(buildCustomMultiValueLabel());
+	return useMemo(() => ({
+		MultiValue: MultiValueRef.current,
+		MultiValueLabel: MultiValueLabelRef.current,
+		MultiValueRemove: NullComponent
+	}), []);
+};
+//#endregion
+//#region src/components/ui/ComboBox/MultiSelectComboBox.tsx
+var _excluded$5 = [
+	"className",
+	"slots",
+	"isError",
+	"selectedValues",
+	"onSelectedValuesChange"
+];
+function MultiSelectComboBox(_ref) {
+	let { className, slots, isError, selectedValues, onSelectedValuesChange } = _ref, props = _objectWithoutProperties(_ref, _excluded$5);
+	const commonSelectProps = useCommonComboBoxProps(_objectSpread2({
+		className,
+		slots,
+		isError
+	}, props));
+	const multiSelectComponents = useMultiSelectComboBoxSubcomponents();
+	const components = useMemo(() => _objectSpread2(_objectSpread2({}, commonSelectProps.components), multiSelectComponents), [commonSelectProps.components, multiSelectComponents]);
+	return /* @__PURE__ */ jsxs(VStack, {
+		gap: "3xs",
+		fluid: true,
+		className: className ? `${className}__Container` : void 0,
+		children: [/* @__PURE__ */ jsx(Select, _objectSpread2(_objectSpread2({}, commonSelectProps), {}, {
+			components,
+			value: selectedValues,
+			onChange: onSelectedValuesChange,
+			closeMenuOnSelect: false,
+			hideSelectedOptions: false,
+			isMulti: true
+		})), /* @__PURE__ */ jsx(ComboBoxErrorMessage, {
+			isError,
+			errorMessage: slots === null || slots === void 0 ? void 0 : slots.ErrorMessage
+		})]
+	});
+}
+//#endregion
+//#region src/components/UnifiedReports/UnifiedReportTagControl.tsx
+var toOption = (tagValueDefinition) => {
+	var _tagValueDefinition$d;
+	return {
+		label: (_tagValueDefinition$d = tagValueDefinition.displayName) !== null && _tagValueDefinition$d !== void 0 ? _tagValueDefinition$d : tagValueDefinition.value,
+		value: tagValueDefinition.value,
+		tagValueDefinition
+	};
 };
+function UnifiedReportTagControl({ tagControl }) {
+	var _tagControl$tagDimens;
+	const inputId = useId();
+	const { t } = useTranslation();
+	const { selectedTagValues, setSelectedTagValues } = useUnifiedReportTagSelection();
+	const dimensionName = (_tagControl$tagDimens = tagControl.tagDimension.displayName) !== null && _tagControl$tagDimens !== void 0 ? _tagControl$tagDimens : capitalizeFirstLetter(tagControl.tagDimension.key);
+	const options = useMemo(() => tagControl.tagDimension.definedValues.filter(isActiveTagValueDefinition).map(toOption), [tagControl.tagDimension.definedValues]);
+	const selectedValues = useMemo(() => {
+		const optionsByTagValueId = new Map(options.map((option) => [option.tagValueDefinition.id, option]));
+		return selectedTagValues.flatMap((tagValue) => {
+			const option = optionsByTagValueId.get(tagValue.id);
+			return option ? [option] : [];
+		});
+	}, [options, selectedTagValues]);
+	const handleSelectedValuesChange = (values) => {
+		setSelectedTagValues(values.map(({ tagValueDefinition }) => tagValueDefinition));
+	};
+	return /* @__PURE__ */ jsxs(VStack, {
+		gap: "3xs",
+		className: "Layer__UnifiedReports__TagControl__Container",
+		children: [/* @__PURE__ */ jsx(Label$2, {
+			size: "sm",
+			htmlFor: inputId,
+			children: dimensionName
+		}), /* @__PURE__ */ jsx(MultiSelectComboBox, {
+			inputId,
+			options,
+			selectedValues,
+			onSelectedValuesChange: handleSelectedValuesChange,
+			placeholder: t("tags:action.select_dimension_name", "Select {{dimensionName}}", { dimensionName }),
+			isSearchable: selectedValues.length === 0
+		})]
+	});
+}
+//#endregion
+//#region src/components/UnifiedReports/UnifiedReportControls.tsx
+var COMPACT_DATE_SELECTION_BREAKPOINT = 560;
 var UnifiedReportDateSelection = ({ isCompact }) => {
 	const { baseReport } = useBaseUnifiedReport();
 	const dateSelectionMode = useUnifiedReportDateSelectionMode();
@@ -40569,50 +40818,75 @@ var UnifiedReportDateSelection = ({ isCompact }) => {
 var UnifiedReportControls = () => {
 	const { baseReport } = useBaseUnifiedReport();
 	const { groupBy, setGroupBy } = useUnifiedReportGroupByParam();
+	const { reportingBasis, setReportingBasis } = useUnifiedReportReportingBasisParam();
 	const dateSelectionMode = useUnifiedReportDateSelectionMode();
 	const [size, setSize] = useState(3);
 	const containerRef = useElementSize((size) => {
 		setSize(size.width);
 	});
-	const variant = getVariantForWidth(size);
+	const isCompact = size < COMPACT_DATE_SELECTION_BREAKPOINT;
 	const hasGroupBy = dateSelectionMode === "full" && hasControl(baseReport, ReportControl.GroupBy);
 	const hasYear = hasControl(baseReport, ReportControl.Year);
-	return /* @__PURE__ */ jsxs(Stack, {
+	const hasReportingBasis = hasControl(baseReport, ReportControl.ReportingBasis) && reportingBasis != null;
+	const tagControl = baseReport === null || baseReport === void 0 ? void 0 : baseReport.tagControl;
+	return /* @__PURE__ */ jsx(VStack, {
 		ref: containerRef,
-		direction: variant === "large" ? "row" : "column",
-		pb: "md",
-		pi: "lg",
-		gap: "xs",
-		children: [/* @__PURE__ */ jsx(UnifiedReportDateSelection, { isCompact: variant === "small" }), (hasYear || hasGroupBy) && /* @__PURE__ */ jsxs("div", {
-			className: "Layer__UnifiedReports__AdditionalControls",
-			"data-variant": variant,
-			children: [hasYear && /* @__PURE__ */ jsx(GlobalYearPicker, {}), hasGroupBy && /* @__PURE__ */ jsx(DateGroupByComboBox, {
-				value: groupBy,
-				onValueChange: setGroupBy
+		className: "Layer__UnifiedReports__ControlsContainer",
+		children: /* @__PURE__ */ jsxs(Stack, {
+			direction: "row",
+			pb: "md",
+			pi: "lg",
+			gap: "xs",
+			className: "Layer__UnifiedReports__Controls",
+			children: [/* @__PURE__ */ jsx(UnifiedReportDateSelection, { isCompact }), (hasYear || hasGroupBy || hasReportingBasis || tagControl) && /* @__PURE__ */ jsxs("div", {
+				className: "Layer__UnifiedReports__AdditionalControls",
+				children: [
+					hasYear && /* @__PURE__ */ jsx(GlobalYearPicker, {}),
+					hasGroupBy && /* @__PURE__ */ jsx(DateGroupByComboBox, {
+						value: groupBy,
+						onValueChange: setGroupBy
+					}),
+					tagControl && /* @__PURE__ */ jsx(UnifiedReportTagControl, { tagControl }),
+					hasReportingBasis && /* @__PURE__ */ jsx(UnifiedReportReportingBasisControl, {
+						value: reportingBasis,
+						onValueChange: setReportingBasis
+					})
+				]
 			})]
-		})]
+		})
 	});
 };
 //#endregion
 //#region src/components/UnifiedReports/UnifiedReportBaseHeader.tsx
-var UnifiedReportBaseHeader = () => {
+var resolveVariant$1 = ({ width }) => width <= BREAKPOINTS.MOBILE ? "Mobile" : "Desktop";
+var UnifiedReportBaseHeaderRow = ({ variant }) => {
 	const { baseReport } = useBaseUnifiedReport();
+	return /* @__PURE__ */ jsxs(HStack, {
+		pi: "lg",
+		pbs: "lg",
+		align: "center",
+		justify: "space-between",
+		className: "Layer__UnifiedReports__BaseHeaderRow",
+		children: [!(variant === "Mobile") && (baseReport ? /* @__PURE__ */ jsx(Span, {
+			size: "lg",
+			weight: "bold",
+			children: baseReport.displayName
+		}) : /* @__PURE__ */ jsx(SkeletonLoader, {
+			width: "192px",
+			height: "24px"
+		})), /* @__PURE__ */ jsx(UnifiedReportHeaderButtons, { variant })]
+	});
+};
+var UnifiedReportBaseHeader = () => {
 	const { isDesktop } = useSizeClass();
 	return /* @__PURE__ */ jsxs(VStack, {
 		className: "Layer__UnifiedReports__BaseHeader",
-		children: [isDesktop && /* @__PURE__ */ jsxs(HStack, {
-			pi: "lg",
-			pbs: "lg",
-			align: "center",
-			justify: "space-between",
-			children: [baseReport ? /* @__PURE__ */ jsx(Span, {
-				size: "lg",
-				weight: "bold",
-				children: baseReport.displayName
-			}) : /* @__PURE__ */ jsx(SkeletonLoader, {
-				width: "192px",
-				height: "24px"
-			}), /* @__PURE__ */ jsx(UnifiedReportHeaderButtons, {})]
+		children: [isDesktop && /* @__PURE__ */ jsx(ResponsiveComponent, {
+			resolveVariant: resolveVariant$1,
+			slots: {
+				Desktop: /* @__PURE__ */ jsx(UnifiedReportBaseHeaderRow, { variant: "Desktop" }),
+				Mobile: /* @__PURE__ */ jsx(UnifiedReportBaseHeaderRow, { variant: "Mobile" })
+			}
 		}), /* @__PURE__ */ jsx(UnifiedReportControls, {})]
 	});
 };