@layerfi/components 0.1.136 → 0.1.137-alpha

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, ChevronDown, ChevronLeft, ChevronRight, Circle, Clock, Clock3, CopyIcon, Download, 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 { AlertCircle, AlertTriangle, Archive, ArchiveRestore, ArrowRight, ArrowUpRight, Briefcase, Car, Check, CheckCircle, CheckIcon, ChevronDown, ChevronLeft, ChevronRight, Circle, Clock, Clock3, CopyIcon, Download, Edit, ExternalLink, FileDownIcon, FileSpreadsheet, FileText, Filter, HandCoins, Hourglass, Info, Layers2Icon, List, LoaderCircle, Lock, Menu, MenuIcon, Minus, Pencil, 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";
@@ -256,7 +256,7 @@ var getIntlLocale = (locale) => {
 };
 var package_default = {
 	name: "@layerfi/components",
-	version: "0.1.136",
+	version: "0.1.137-alpha",
 	description: "Layer React Components",
 	main: "dist/cjs/index.cjs",
 	module: "dist/esm/index.mjs",
@@ -701,7 +701,7 @@ function _requestOAuthToken() {
 	return _requestOAuthToken.apply(this, arguments);
 }
 var AUTH_TAG_KEY = "#auth";
-function buildKey$90({ appId, appSecret, businessAccessToken, apiUrl, authUrl, scope }) {
+function buildKey$91({ appId, appSecret, businessAccessToken, apiUrl, authUrl, scope }) {
 	if (businessAccessToken) return {
 		apiUrl,
 		businessAccessToken,
@@ -724,7 +724,7 @@ var FALLBACK_REFRESH_MS = DEFAULT_EXPIRES_IN_SECONDS / 2 * 1e3;
 function useAuth() {
 	const { apiUrl, authUrl, scope } = useEnvironment();
 	const { appId, appSecret, businessAccessToken } = useAuthInput();
-	return useSWR(() => buildKey$90({
+	return useSWR(() => buildKey$91({
 		appId,
 		appSecret,
 		businessAccessToken,
@@ -772,7 +772,7 @@ var useLayerContext = () => {
 var BANK_ACCOUNTS_TAG_KEY = "#bank-accounts";
 var requiresNotification = (bankAccount) => bankAccount.is_disconnected && bankAccount.notify_when_disconnected;
 var listBankAccounts = get(({ businessId }) => `/v1/businesses/${businessId}/bank-accounts`);
-function buildKey$89({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$90({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -793,7 +793,7 @@ function useListBankAccounts() {
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
 	const { data: auth } = useAuth();
-	return new ListBankAccountsSWRResponse(useSWR(() => buildKey$89(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new ListBankAccountsSWRResponse(useSWR(() => buildKey$90(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		businessId
 	})), ({ accessToken, apiUrl, businessId }) => listBankAccounts(apiUrl, accessToken, { params: { businessId } })().then(({ data }) => data)));
@@ -3795,7 +3795,7 @@ var useLocalizedKey = () => {
 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$88({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$89({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -3808,7 +3808,7 @@ function useUnlinkBankAccount() {
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
 	const { data: auth } = useAuth();
-	const _useSWRMutation = useSWRMutation(() => withLocale(buildKey$88({
+	const _useSWRMutation = useSWRMutation(() => withLocale(buildKey$89({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl,
 		businessId
@@ -4005,7 +4005,7 @@ var BankTransactionsSWRResponse = class extends SWRInfiniteResult {
 		return this.data && this.data.length > 0 ? this.data[this.data.length - 1].meta.pagination.has_more : false;
 	}
 };
-function keyLoader$10(previousPageData, { access_token: accessToken, apiUrl, businessId, categorized, direction, query, startDate, endDate, tagFilterQueryString }) {
+function keyLoader$11(previousPageData, { access_token: accessToken, apiUrl, businessId, categorized, direction, query, startDate, endDate, tagFilterQueryString }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -4024,7 +4024,7 @@ function useBankTransactions({ categorized, direction, query, startDate, endDate
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const swrResponse = useSWRInfinite((_index, previousPageData) => withLocale(keyLoader$10(previousPageData, _objectSpread2(_objectSpread2({}, data), {}, {
+	const swrResponse = useSWRInfinite((_index, previousPageData) => withLocale(keyLoader$11(previousPageData, _objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		categorized,
 		direction,
@@ -5414,24 +5414,24 @@ var BankTransactionType = /* @__PURE__ */ function(BankTransactionType) {
 var BankTransactionTypeSchema = Schema$1.Enums(BankTransactionType);
 var CreateCategorizationRuleSchema = Schema$1.Struct({
 	applyRetroactively: pipe$1(Schema$1.optional(Schema$1.Boolean), Schema$1.fromKey("apply_retroactively")),
-	createdBySuggestionId: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("created_by_suggestion_id")),
-	externalId: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("external_id")),
-	name: Schema$1.NullishOr(Schema$1.String),
-	category: Schema$1.NullishOr(AccountIdentifierSchema),
-	suggestion1: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(AccountIdentifierSchema)), Schema$1.fromKey("suggestion_1")),
-	suggestion2: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(AccountIdentifierSchema)), Schema$1.fromKey("suggestion_2")),
-	suggestion3: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(AccountIdentifierSchema)), Schema$1.fromKey("suggestion_3")),
-	businessNameFilter: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("business_name_filter")),
-	clientNameFilter: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("client_name_filter")),
-	merchantTypeFilter: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("merchant_type_filter")),
-	transactionDescriptionFilter: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("transaction_description_filter")),
-	transactionTypeFilter: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("transaction_type_filter")),
-	bankDirectionFilter: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(BankDirectionFilterSchema)), Schema$1.fromKey("bank_direction_filter")),
-	amountMinFilter: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(Schema$1.Number)), Schema$1.fromKey("amount_min_filter")),
-	amountMaxFilter: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(Schema$1.Number)), Schema$1.fromKey("amount_max_filter")),
-	counterpartyFilter: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(Schema$1.UUID)), Schema$1.fromKey("counterparty_filter")),
-	bankTransactionTypeFilter: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(BankTransactionTypeSchema)), Schema$1.fromKey("bank_transaction_type_filter")),
-	mccFilter: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("mcc_filter"))
+	createdBySuggestionId: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("created_by_suggestion_id")),
+	externalId: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("external_id")),
+	name: Schema$1.optional(Schema$1.NullishOr(Schema$1.String)),
+	category: Schema$1.optional(Schema$1.NullishOr(AccountIdentifierSchema)),
+	suggestion1: pipe$1(Schema$1.optional(Schema$1.NullishOr(AccountIdentifierSchema)), Schema$1.fromKey("suggestion_1")),
+	suggestion2: pipe$1(Schema$1.optional(Schema$1.NullishOr(AccountIdentifierSchema)), Schema$1.fromKey("suggestion_2")),
+	suggestion3: pipe$1(Schema$1.optional(Schema$1.NullishOr(AccountIdentifierSchema)), Schema$1.fromKey("suggestion_3")),
+	businessNameFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("business_name_filter")),
+	clientNameFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("client_name_filter")),
+	merchantTypeFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("merchant_type_filter")),
+	transactionDescriptionFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("transaction_description_filter")),
+	transactionTypeFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("transaction_type_filter")),
+	bankDirectionFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(BankDirectionFilterSchema)), Schema$1.fromKey("bank_direction_filter")),
+	amountMinFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.Number)), Schema$1.fromKey("amount_min_filter")),
+	amountMaxFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.Number)), Schema$1.fromKey("amount_max_filter")),
+	counterpartyFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.UUID)), Schema$1.fromKey("counterparty_filter")),
+	bankTransactionTypeFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(BankTransactionTypeSchema)), Schema$1.fromKey("bank_transaction_type_filter")),
+	mccFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("mcc_filter"))
 });
 var CreateCategorizationRuleForCounterpartySchema = Schema$1.Struct({
 	type: Schema$1.Literal("Create_Categorization_Rule_For_Counterparty"),
@@ -5440,6 +5440,25 @@ var CreateCategorizationRuleForCounterpartySchema = Schema$1.Struct({
 	suggestionPrompt: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("suggestion_prompt")),
 	transactionsThatWillBeAffected: pipe$1(Schema$1.propertySignature(Schema$1.Array(MinimalBankTransactionSchema)), Schema$1.fromKey("transactions_that_will_be_affected"))
 });
+var PatchCategorizationRuleSchema = Schema$1.Struct({
+	externalId: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("external_id")),
+	name: Schema$1.optional(Schema$1.NullishOr(Schema$1.String)),
+	category: Schema$1.optional(Schema$1.NullishOr(AccountIdentifierSchema)),
+	suggestion1: pipe$1(Schema$1.optional(Schema$1.NullishOr(AccountIdentifierSchema)), Schema$1.fromKey("suggestion_1")),
+	suggestion2: pipe$1(Schema$1.optional(Schema$1.NullishOr(AccountIdentifierSchema)), Schema$1.fromKey("suggestion_2")),
+	suggestion3: pipe$1(Schema$1.optional(Schema$1.NullishOr(AccountIdentifierSchema)), Schema$1.fromKey("suggestion_3")),
+	businessNameFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("business_name_filter")),
+	clientNameFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("client_name_filter")),
+	merchantTypeFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("merchant_type_filter")),
+	transactionDescriptionFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("transaction_description_filter")),
+	transactionTypeFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("transaction_type_filter")),
+	bankDirectionFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(BankDirectionFilterSchema)), Schema$1.fromKey("bank_direction_filter")),
+	amountMinFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.Number)), Schema$1.fromKey("amount_min_filter")),
+	amountMaxFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.Number)), Schema$1.fromKey("amount_max_filter")),
+	counterpartyFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.UUID)), Schema$1.fromKey("counterparty_filter")),
+	bankTransactionTypeFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(BankTransactionTypeSchema)), Schema$1.fromKey("bank_transaction_type_filter")),
+	mccFilter: pipe$1(Schema$1.optional(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("mcc_filter"))
+});
 var CategorizationRuleSchema = Schema$1.Struct({
 	id: Schema$1.String,
 	businessId: pipe$1(Schema$1.propertySignature(Schema$1.String), Schema$1.fromKey("business_id")),
@@ -5451,6 +5470,8 @@ var CategorizationRuleSchema = Schema$1.Struct({
 	counterpartyFilter: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(BankTransactionCounterpartySchema)), Schema$1.fromKey("counterparty_filter")),
 	readableTransactionDescriptionFilter: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(Schema$1.String)), Schema$1.fromKey("readable_transaction_description_filter")),
 	bankDirectionFilter: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(BankDirectionFilterSchema)), Schema$1.fromKey("bank_direction_filter")),
+	amountMinFilter: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(Schema$1.Number)), Schema$1.fromKey("amount_min_filter")),
+	amountMaxFilter: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(Schema$1.Number)), Schema$1.fromKey("amount_max_filter")),
 	createdAt: pipe$1(Schema$1.propertySignature(Schema$1.Date), Schema$1.fromKey("created_at")),
 	updatedAt: pipe$1(Schema$1.propertySignature(Schema$1.Date), Schema$1.fromKey("updated_at")),
 	archivedAt: pipe$1(Schema$1.propertySignature(Schema$1.NullishOr(Schema$1.Date)), Schema$1.fromKey("archived_at"))
@@ -6172,7 +6193,7 @@ var getBookkeepingStatus = get(({ businessId }) => {
 });
 var BOOKKEEPING_TAG_KEY = "#bookkeeping";
 var BOOKKEEPING_STATUS_TAG_KEY = "#bookkeeping-status";
-function buildKey$87({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$88({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -6183,7 +6204,7 @@ function buildKey$87({ access_token: accessToken, apiUrl, businessId }) {
 function useBookkeepingStatus() {
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWR(() => buildKey$87(_objectSpread2(_objectSpread2({}, auth), {}, { businessId })), ({ accessToken, apiUrl, businessId }) => getBookkeepingStatus(apiUrl, accessToken, { params: { businessId } })().then(Schema.decodeUnknownPromise(BookkeepingStatusResponseSchema)).then(({ data }) => data));
+	return useSWR(() => buildKey$88(_objectSpread2(_objectSpread2({}, auth), {}, { businessId })), ({ accessToken, apiUrl, businessId }) => getBookkeepingStatus(apiUrl, accessToken, { params: { businessId } })().then(Schema.decodeUnknownPromise(BookkeepingStatusResponseSchema)).then(({ data }) => data));
 }
 function useBookkeepingStatusGlobalCacheActions() {
 	const { forceReload } = useGlobalCacheActions();
@@ -7402,7 +7423,7 @@ var BREAKPOINTS = {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/categories/useCategories.ts
 var CATEGORIES_TAG_KEY = "#categories";
-function buildKey$86({ access_token: accessToken, apiUrl, businessId, mode }) {
+function buildKey$87({ access_token: accessToken, apiUrl, businessId, mode }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -7418,7 +7439,7 @@ function useCategories({ mode } = {}) {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWR(() => withLocale(buildKey$86(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return useSWR(() => withLocale(buildKey$87(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		mode
 	}))), ({ accessToken, apiUrl, businessId, mode }) => getCategories(apiUrl, accessToken, { params: {
@@ -7471,7 +7492,7 @@ var listCustomers = get(({ businessId, cursor, limit, query }) => {
 	})}`;
 });
 var CUSTOMERS_TAG_KEY = "#customers";
-function keyLoader$9(previousPageData, { access_token: accessToken, apiUrl, businessId, query, isEnabled }) {
+function keyLoader$10(previousPageData, { access_token: accessToken, apiUrl, businessId, query, isEnabled }) {
 	if (!isEnabled) return;
 	if (accessToken && apiUrl) {
 		var _previousPageData$met;
@@ -7494,7 +7515,7 @@ function useListCustomers({ query, isEnabled = true } = {}) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const swrResponse = useSWRInfinite((_index, previousPageData) => withLocale(keyLoader$9(previousPageData, _objectSpread2(_objectSpread2({}, data), {}, {
+	const swrResponse = useSWRInfinite((_index, previousPageData) => withLocale(keyLoader$10(previousPageData, _objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		query,
 		isEnabled
@@ -7528,7 +7549,7 @@ function useCustomersGlobalCacheActions() {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/tags/dimensions/useTagDimensions.ts
 var TAG_DIMENSIONS_TAG_KEY = "#tag-dimensions";
-function buildKey$85({ access_token: accessToken, apiUrl, businessId, isEnabled }) {
+function buildKey$86({ access_token: accessToken, apiUrl, businessId, isEnabled }) {
 	if (!isEnabled) return;
 	if (accessToken && apiUrl) return {
 		accessToken,
@@ -7544,7 +7565,7 @@ function useTagDimensions({ isEnabled = true } = {}) {
 	const { data: auth } = useAuth();
 	const { apiUrl } = useEnvironment();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$85(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$86(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		businessId,
 		isEnabled
@@ -7568,7 +7589,7 @@ var listVendors = get(({ businessId, cursor, limit, query }) => {
 	})}`;
 });
 var VENDORS_TAG_KEY = "#vendors";
-function keyLoader$8(previousPageData, { access_token: accessToken, apiUrl, businessId, query, isEnabled }) {
+function keyLoader$9(previousPageData, { access_token: accessToken, apiUrl, businessId, query, isEnabled }) {
 	if (!isEnabled) return;
 	if (accessToken && apiUrl) {
 		var _previousPageData$met;
@@ -7586,7 +7607,7 @@ function useListVendors({ query, isEnabled = true } = {}) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const swrResponse = useSWRInfinite((_index, previousPageData) => withLocale(keyLoader$8(previousPageData, _objectSpread2(_objectSpread2({}, data), {}, {
+	const swrResponse = useSWRInfinite((_index, previousPageData) => withLocale(keyLoader$9(previousPageData, _objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		query,
 		isEnabled
@@ -7947,7 +7968,7 @@ var getBankTransactionsExcel = get(({ businessId, categorized, direction, query,
 		sortOrder
 	})}`;
 });
-function buildKey$84({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$85({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -7959,7 +7980,7 @@ function useBankTransactionsDownload() {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWRMutation(() => withLocale(buildKey$84(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { categorized, direction, query, startDate, endDate, tagFilterQueryString } }) => getBankTransactionsExcel(apiUrl, accessToken, { params: {
+	return useSWRMutation(() => withLocale(buildKey$85(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { categorized, direction, query, startDate, endDate, tagFilterQueryString } }) => getBankTransactionsExcel(apiUrl, accessToken, { params: {
 		businessId,
 		categorized,
 		query,
@@ -9075,7 +9096,7 @@ var ProfitAndLossReportSchema = Schema.Struct({
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/reports/profit-and-loss/lines/useProfitAndLossDetailLines.tsx
 var LIST_PNL_DETAIL_LINES_TAG_KEY = "#list-pnl-detail-lines";
-function keyLoader$7({ access_token: accessToken, apiUrl, businessId, startDate, endDate, pnlStructureLineItemName, tagFilter, reportingBasis, pnlStructure }) {
+function keyLoader$8({ access_token: accessToken, apiUrl, businessId, startDate, endDate, pnlStructureLineItemName, tagFilter, reportingBasis, pnlStructure }) {
 	if (accessToken && apiUrl && businessId && startDate && endDate && pnlStructureLineItemName) return {
 		accessToken,
 		apiUrl,
@@ -9095,7 +9116,7 @@ function useProfitAndLossDetailLines({ startDate, endDate, pnlStructureLineItemN
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
 	const { data: auth } = useAuth();
-	return new SWRQueryResult(useSWR(() => withLocale(keyLoader$7(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(keyLoader$8(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		businessId,
 		startDate,
@@ -9138,7 +9159,7 @@ var getProfitAndLossDetailLines = (apiUrl, accessToken, params) => {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/reports/profit-and-loss/useProfitAndLossReport.tsx
 var PNL_REPORT_TAG_KEY = "#profit-and-loss-report";
-function buildKey$83({ access_token: accessToken, apiUrl, businessId, startDate, endDate, tagKey, tagValues, reportingBasis, includeUncategorized }) {
+function buildKey$84({ access_token: accessToken, apiUrl, businessId, startDate, endDate, tagKey, tagValues, reportingBasis, includeUncategorized }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -9166,7 +9187,7 @@ function useProfitAndLossReport({ startDate, endDate, tagKey, tagValues, reporti
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$83(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$84(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		startDate,
 		endDate,
@@ -9191,7 +9212,7 @@ var useProfitAndLossReportCacheActions = () => {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/reports/profit-and-loss-comparison/useProfitAndLossComparisonReport.tsx
 var PNL_COMPARISON_REPORT_TAG_KEY = "#profit-and-loss-comparison-report";
-function buildKey$82({ access_token: accessToken, apiUrl, businessId, periods, tagFilters, reportingBasis }) {
+function buildKey$83({ access_token: accessToken, apiUrl, businessId, periods, tagFilters, reportingBasis }) {
 	if (accessToken && apiUrl && periods) return {
 		accessToken,
 		apiUrl,
@@ -9208,7 +9229,7 @@ function useProfitAndLossComparisonReport({ periods, tagFilters, reportingBasis
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$82(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$83(_objectSpread2(_objectSpread2({}, data), {}, {
 		apiUrl,
 		businessId,
 		periods,
@@ -9230,7 +9251,7 @@ var useProfitAndLossComparisonReportCacheActions = () => {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/reports/profit-and-loss-summaries/useProfitAndLossSummaries.tsx
 var PNL_SUMMARIES_TAG_KEY = "#profit-and-loss-summaries";
-function buildKey$81({ access_token: accessToken, apiUrl, businessId, startMonth, startYear, endMonth, endYear, tagKey, tagValues, reportingBasis }) {
+function buildKey$82({ access_token: accessToken, apiUrl, businessId, startMonth, startYear, endMonth, endYear, tagKey, tagValues, reportingBasis }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -9260,7 +9281,7 @@ function useProfitAndLossSummaries({ startYear, startMonth, endYear, endMonth, t
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$81(_objectSpread2(_objectSpread2({}, data), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$82(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		startYear,
 		startMonth,
@@ -9323,7 +9344,7 @@ var CategorizeTransactionRequestSchema$1 = Schema.Struct({
 });
 var BulkCategorizeRequestSchema = Schema.Struct({ transactions: Schema.Array(CategorizeTransactionRequestSchema$1) });
 var bulkCategorize = post(({ businessId }) => `/v1/businesses/${businessId}/bank-transactions/bulk-categorize`);
-function buildKey$80({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$81({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -9337,7 +9358,7 @@ var useBulkCategorize = () => {
 	const { businessId, eventCallbacks } = useLayerContext();
 	const { forceReloadBankTransactions } = useBankTransactionsGlobalCacheActions();
 	const { debouncedInvalidateProfitAndLoss } = useProfitAndLossGlobalInvalidator();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$80(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkCategorize(apiUrl, accessToken, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$81(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkCategorize(apiUrl, accessToken, {
 		params: { businessId },
 		body: Schema.encodeSync(BulkCategorizeRequestSchema)(arg)
 	}).then(({ data }) => data), {
@@ -10453,7 +10474,7 @@ function useComboBoxSubcomponents({ placeholder, slots, displayDisabledAsSelecte
 }
 //#endregion
 //#region src/components/ui/ComboBox/useCommonComboBoxProps.ts
-function useCommonComboBoxProps({ className, options, groups, onInputValueChange, inputId, placeholder, slots, displayDisabledAsSelected, isDisabled, isError, isReadOnly = false, isClearable = true, isSearchable = true, isLoading, isMutating, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby }) {
+function useCommonComboBoxProps({ className, options, groups, onInputValueChange, inputId, placeholder, slots, displayDisabledAsSelected, isDisabled, isError, isReadOnly = false, isClearable = true, isSearchable = true, isLoading, isMutating, filterOption, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby }) {
 	const internalInputId = useId();
 	const effectiveInputId = inputId !== null && inputId !== void 0 ? inputId : internalInputId;
 	const components = useComboBoxSubcomponents({
@@ -10491,6 +10512,7 @@ function useCommonComboBoxProps({ className, options, groups, onInputValueChange
 		openMenuOnClick: !isReadOnly,
 		menuPlacement: "auto",
 		menuShouldScrollIntoView: false,
+		filterOption,
 		["aria-label"]: ariaLabel,
 		["aria-labelledby"]: ariaLabelledby,
 		["aria-describedby"]: ariaDescribedby
@@ -10501,6 +10523,7 @@ function useCommonComboBoxProps({ className, options, groups, onInputValueChange
 		className,
 		components,
 		effectiveInputId,
+		filterOption,
 		groups,
 		isClearable,
 		isDisabled,
@@ -11845,7 +11868,7 @@ Schema.Struct({ businessId: Schema.String });
 var bulkMatchOrCategorize = post(({ businessId }) => {
 	return `/v1/businesses/${businessId}/bank-transactions/bulk-match-or-categorize`;
 });
-function buildKey$79({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$80({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -11864,7 +11887,7 @@ var useBulkMatchOrCategorize = () => {
 	const buildTransactionsPayload = useCallback(() => {
 		return { transactions: buildBulkMatchOrCategorizePayload(selectedIds, categorizations) };
 	}, [selectedIds, categorizations]);
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$79(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkMatchOrCategorize(apiUrl, accessToken, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$80(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkMatchOrCategorize(apiUrl, accessToken, {
 		params: { businessId },
 		body: Schema.encodeSync(BulkMatchOrCategorizeRequestSchema)(arg)
 	}).then(({ data }) => data), {
@@ -11951,7 +11974,7 @@ var BankTransactionsConfirmAllModal = ({ isOpen, onOpenChange, isMobileView = fa
 var BULK_UNCATEGORIZE_BANK_TRANSACTIONS_TAG_KEY = "#bulk-uncategorize-bank-transactions";
 var BulkUncategorizeRequestSchema = Schema.Struct({ transactionIds: Schema.propertySignature(Schema.Array(Schema.UUID)).pipe(Schema.fromKey("transaction_ids")) });
 var bulkUncategorize = post(({ businessId }) => `/v1/businesses/${businessId}/bank-transactions/bulk-uncategorize`);
-function buildKey$78({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$79({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -11965,7 +11988,7 @@ var useBulkUncategorize = () => {
 	const { businessId, eventCallbacks } = useLayerContext();
 	const { forceReloadBankTransactions } = useBankTransactionsGlobalCacheActions();
 	const { debouncedInvalidateProfitAndLoss } = useProfitAndLossGlobalInvalidator();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$78(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkUncategorize(apiUrl, accessToken, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$79(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg }) => bulkUncategorize(apiUrl, accessToken, {
 		params: { businessId },
 		body: Schema.encodeSync(BulkUncategorizeRequestSchema)(arg)
 	}).then(({ data }) => data), {
@@ -12347,7 +12370,7 @@ var mapRawCustomAccountToCustomAccount = (raw) => ({
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/custom-accounts/useCustomAccounts.ts
 var CUSTOM_ACCOUNTS_TAG_KEY = "#custom-accounts";
-function buildKey$77({ access_token: accessToken, apiUrl, businessId, userCreated }) {
+function buildKey$78({ access_token: accessToken, apiUrl, businessId, userCreated }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -12365,7 +12388,7 @@ function useCustomAccounts({ userCreated } = {}) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWR(() => withLocale(buildKey$77(_objectSpread2(_objectSpread2({}, data), {}, {
+	return useSWR(() => withLocale(buildKey$78(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		userCreated
 	}))), ({ accessToken, apiUrl, businessId, userCreated }) => getCustomAccounts(apiUrl, accessToken, { params: {
@@ -12375,7 +12398,7 @@ function useCustomAccounts({ userCreated } = {}) {
 }
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/custom-accounts/[custom-account-id]/parse-csv/useCustomAccountParseCsv.ts
-function buildKey$76({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$77({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -12392,7 +12415,7 @@ function useCustomAccountParseCsv() {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWRMutation(() => withLocale(buildKey$76(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { customAccountId, file } }) => parseCsv(apiUrl, accessToken, {
+	return useSWRMutation(() => withLocale(buildKey$77(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: { customAccountId, file } }) => parseCsv(apiUrl, accessToken, {
 		businessId,
 		customAccountId,
 		file
@@ -12674,7 +12697,7 @@ get(({ businessId }) => `/v1/businesses/${businessId}/external-accounts`);
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/custom-accounts/useCreateCustomAccount.ts
 var createCustomAccount = post(({ businessId }) => `/v1/businesses/${businessId}/custom-accounts`);
-function buildKey$75({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$76({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -12687,7 +12710,7 @@ function useCreateCustomAccount() {
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
 	const { mutate } = useSWRConfig();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$75(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: body }) => createCustomAccount(apiUrl, accessToken, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$76(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, { arg: body }) => createCustomAccount(apiUrl, accessToken, {
 		params: { businessId },
 		body
 	}).then(({ data }) => mapRawCustomAccountToCustomAccount(data)), { revalidate: false });
@@ -13407,6 +13430,12 @@ var fromNonRecursiveBigDecimal = (nrbd) => {
 var nrbdEquals = (a, b) => {
 	return BigDecimal.equals(fromNonRecursiveBigDecimal(a), fromNonRecursiveBigDecimal(b));
 };
+var convertCentsToNonRecursiveBigDecimal = (cents) => {
+	return toNonRecursiveBigDecimal(convertCentsToBigDecimal(cents));
+};
+var convertNonRecursiveBigDecimalToCents = (nrbd) => {
+	return convertBigDecimalToCents(fromNonRecursiveBigDecimal(nrbd));
+};
 //#endregion
 //#region src/components/forms/FormNonRecursiveBigDecimalField.tsx
 var _excluded$69 = [
@@ -14263,7 +14292,7 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
 //#region src/hooks/api/businesses/[business-id]/custom-accounts/[custom-account-id]/transactions/useCreateCustomAccountTransactions.ts
 var _excluded$58 = ["customAccountId"];
 var createCustomAccountTransactions = post(({ businessId, customAccountId }) => `/v1/businesses/${businessId}/custom-accounts/${customAccountId}/transactions`);
-function buildKey$74({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$75({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -14275,7 +14304,7 @@ function useCreateCustomAccountTransactions() {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWRMutation(() => withLocale(buildKey$74(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, _ref) => {
+	return useSWRMutation(() => withLocale(buildKey$75(_objectSpread2(_objectSpread2({}, data), {}, { businessId }))), ({ accessToken, apiUrl, businessId }, _ref) => {
 		let { arg: _ref2 } = _ref, { customAccountId } = _ref2, body = _objectWithoutProperties(_ref2, _excluded$58);
 		return createCustomAccountTransactions(apiUrl, accessToken, {
 			params: {
@@ -15751,7 +15780,7 @@ var useGetBankTransactionMatchOrCategoryWithDefault = (bankTransaction) => {
 var _excluded$56 = ["bankTransactionId"];
 var CATEGORIZE_BANK_TRANSACTION_TAG = "#categorize-bank-transaction";
 var categorizeBankTransaction = put(({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/categorize`);
-function buildKey$73({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$74({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -15767,7 +15796,7 @@ function useCategorizeBankTransaction() {
 	const { debouncedInvalidateProfitAndLoss } = useProfitAndLossGlobalInvalidator();
 	const { useBankTransactionsOptions } = useBankTransactionsContext();
 	const { forceReloadBackgroundBankTransactions } = useBankTransactionsGlobalCacheActions();
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$73({
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$74({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId
@@ -15845,7 +15874,7 @@ function useCategorizeBankTransactionWithCacheUpdate() {
 var _excluded$55 = ["bankTransactionId"];
 var matchBankTransaction = put(({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/match`);
 var MATCH_BANK_TRANSACTION_TAG = "#match-bank-transaction";
-function buildKey$72({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$73({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -15861,7 +15890,7 @@ function useMatchBankTransaction() {
 	const { debouncedInvalidateProfitAndLoss } = useProfitAndLossGlobalInvalidator();
 	const { useBankTransactionsOptions } = useBankTransactionsContext();
 	const { forceReloadBackgroundBankTransactions } = useBankTransactionsGlobalCacheActions();
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$72({
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$73({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId
@@ -16254,7 +16283,7 @@ var getBookkeepingPeriods = get(({ businessId }) => {
 	return `/v1/businesses/${businessId}/bookkeeping/periods`;
 });
 var BOOKKEEPING_PERIODS_TAG_KEY = "#bookkeeping-periods";
-function buildKey$71({ access_token: accessToken, apiUrl, businessId, isActiveOrPaused }) {
+function buildKey$72({ access_token: accessToken, apiUrl, businessId, isActiveOrPaused }) {
 	if (accessToken && apiUrl && isActiveOrPaused) return {
 		accessToken,
 		apiUrl,
@@ -16268,7 +16297,7 @@ function useBookkeepingPeriods() {
 	const { businessId } = useLayerContext();
 	const { data, isLoading: isLoadingBookkeepingStatus } = useBookkeepingStatus();
 	const isActiveOrPaused = data ? isActiveOrPausedBookkeepingStatus(data.status) : false;
-	const swrResponse = useSWR(() => withLocale(buildKey$71(_objectSpread2(_objectSpread2({}, auth), {}, {
+	const swrResponse = useSWR(() => withLocale(buildKey$72(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		isActiveOrPaused
 	}))), ({ accessToken, apiUrl, businessId }) => getBookkeepingPeriods(apiUrl, accessToken, { params: { businessId } })().then(({ data: { periods } }) => periods.map((period) => _objectSpread2(_objectSpread2({}, period), {}, {
@@ -16441,7 +16470,7 @@ function useMinMutatingMutation({ swrMutationResponse, minMutatingMs }) {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/[bank-transaction-id]/metadata/useSetMetadataOnBankTransaction.ts
 var SET_METADATA_ON_BANK_TRANSACTION_TAG_KEY = "#set-metadata-on-bank-transaction";
-function buildKey$70({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
+function buildKey$71({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -16455,7 +16484,7 @@ function useSetMetadataOnBankTransaction({ bankTransactionId }) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$70(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$71(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		bankTransactionId
 	}))), ({ accessToken, apiUrl, businessId, bankTransactionId }, { arg: { vendor, customer } }) => {
@@ -16504,7 +16533,7 @@ function useSetMetadataOnBankTransaction({ bankTransactionId }) {
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/tags/useRemoveTagFromBankTransaction.ts
 var REMOVE_TAG_FROM_BANK_TRANSACTION_TAG_KEY = "#remove-tag-from-bank-transaction";
 var removeTagFromBankTransaction = del(({ businessId }) => `/v1/businesses/${businessId}/bank-transactions/tags`);
-function buildKey$69({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
+function buildKey$70({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -16517,7 +16546,7 @@ function useRemoveTagFromBankTransaction({ bankTransactionId }) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$69(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$70(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		bankTransactionId
 	}))), ({ accessToken, apiUrl, businessId }, { arg: { tagId } }) => removeTagFromBankTransaction(apiUrl, accessToken, {
@@ -16556,7 +16585,7 @@ function useRemoveTagFromBankTransaction({ bankTransactionId }) {
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/tags/useTagBankTransaction.ts
 var TAG_BANK_TRANSACTION_TAG_KEY = "#tag-bank-transaction";
 var tagBankTransaction = post(({ businessId }) => `/v1/businesses/${businessId}/bank-transactions/tags`);
-function buildKey$68({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
+function buildKey$69({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -16569,7 +16598,7 @@ function useTagBankTransaction({ bankTransactionId }) {
 	const withLocale = useLocalizedKey();
 	const { data } = useAuth();
 	const { businessId } = useLayerContext();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$68(_objectSpread2(_objectSpread2({}, data), {}, {
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$69(_objectSpread2(_objectSpread2({}, data), {}, {
 		businessId,
 		bankTransactionId
 	}))), ({ accessToken, apiUrl, businessId, bankTransactionId }, { arg: { key, value, dimensionDisplayName, valueDisplayName } }) => tagBankTransaction(apiUrl, accessToken, {
@@ -17136,7 +17165,7 @@ function BankTransactionCustomerVendorSelector({ bankTransaction }) {
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/[bank-transaction-id]/metadata/useBankTransactionsMetadata.ts
 var getBankTransactionMetadata = get(({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/metadata`);
 var GET_BANK_TRANSACTION_METADATA_TAG_KEY = "#bank-transaction-metadata";
-function buildKey$67({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
+function buildKey$68({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -17149,7 +17178,7 @@ function useBankTransactionMetadata({ bankTransactionId }) {
 	const withLocale = useLocalizedKey();
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
-	return useSWR(() => withLocale(buildKey$67(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return useSWR(() => withLocale(buildKey$68(_objectSpread2(_objectSpread2({}, auth), {}, {
 		businessId,
 		bankTransactionId
 	}))), ({ accessToken, apiUrl, businessId }) => getBankTransactionMetadata(apiUrl, accessToken, { params: {
@@ -17161,7 +17190,7 @@ function useBankTransactionMetadata({ bankTransactionId }) {
 //#region src/hooks/api/businesses/[business-id]/bank-transactions/[bank-transaction-id]/metadata/useUpdateBankTransactionMetadata.ts
 var updateBankTransactionMetadata = put(({ businessId, bankTransactionId }) => `/v1/businesses/${businessId}/bank-transactions/${bankTransactionId}/metadata`);
 var UPDATE_BANK_TRANSACTION_METADATA_TAG_KEY = "#update-bank-transaction-metadata";
-function buildKey$66({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
+function buildKey$67({ access_token: accessToken, apiUrl, businessId, bankTransactionId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -17175,7 +17204,7 @@ function useUpdateBankTransactionMetadata({ bankTransactionId, onSuccess }) {
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
 	const { mutate } = useSWRConfig();
-	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$66({
+	const mutationResponse = new SWRMutationResult(useSWRMutation(() => withLocale(buildKey$67({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId,
@@ -17308,7 +17337,7 @@ var BankTransactionMemo = ({ bankTransactionId, isMobile }) => {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/tags/dimensions/key/[dimension-key]/useTagDimensionByKey.ts
 var TAG_DIMENSION_BY_KEY_TAG_KEY = "#tag-dimension-by-key";
-function buildKey$65({ access_token: accessToken, apiUrl, businessId, isEnabled, dimensionKey }) {
+function buildKey$66({ access_token: accessToken, apiUrl, businessId, isEnabled, dimensionKey }) {
 	if (!isEnabled) return;
 	if (accessToken && apiUrl) return {
 		accessToken,
@@ -17324,7 +17353,7 @@ function useTagDimensionByKey({ isEnabled = true, dimensionKey }) {
 	const { data: auth } = useAuth();
 	const { apiUrl } = useEnvironment();
 	const { businessId } = useLayerContext();
-	return new SWRQueryResult(useSWR(() => withLocale(buildKey$65(_objectSpread2(_objectSpread2({}, auth), {}, {
+	return new SWRQueryResult(useSWR(() => withLocale(buildKey$66(_objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		isEnabled,
 		businessId,
@@ -19977,10 +20006,10 @@ var BankTransactionsTable = ({ isLoading, bankTransactions, showDescriptions, sh
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/categorization-rules/useListCategorizationRules.ts
 var LIST_CATEGORIZATION_RULES_TAG_KEY = "#list-categorization-rules";
-var SortBy$1 = /* @__PURE__ */ function(SortBy) {
+var SortBy$2 = /* @__PURE__ */ function(SortBy) {
 	SortBy["CreatedAt"] = "created_at";
 	return SortBy;
-}(SortBy$1 || {});
+}(SortBy$2 || {});
 var ListCategorizationRulesReturnSchema = Schema.Struct({
 	data: Schema.Array(CategorizationRuleSchema),
 	meta: Schema.Struct({ pagination: PaginatedResponseMetaSchema })
@@ -20007,7 +20036,7 @@ var listCategorizationRules = get(({ businessId, externalIds, includeArchived, s
 	const baseUrl = `/v1/businesses/${businessId}/categorization-rules`;
 	return parameters ? `${baseUrl}?${parameters}` : baseUrl;
 });
-function keyLoader$6(previousPageData, { access_token: accessToken, apiUrl, businessId, externalIds, includeArchived, sortBy, sortOrder, limit, showTotalCount }) {
+function keyLoader$7(previousPageData, { access_token: accessToken, apiUrl, businessId, externalIds, includeArchived, sortBy, sortOrder, limit, showTotalCount }) {
 	if (accessToken && apiUrl) {
 		var _previousPageData$met;
 		return {
@@ -20025,12 +20054,12 @@ function keyLoader$6(previousPageData, { access_token: accessToken, apiUrl, busi
 		};
 	}
 }
-function useListCategorizationRules({ externalIds, includeArchived, sortBy = SortBy$1.CreatedAt, sortOrder = SortOrder.DESC, limit, showTotalCount = true } = {}) {
+function useListCategorizationRules({ externalIds, includeArchived, sortBy = SortBy$2.CreatedAt, sortOrder = SortOrder.DESC, limit, showTotalCount = true } = {}) {
 	const withLocale = useLocalizedKey();
 	const { businessId } = useLayerContext();
 	const { apiUrl } = useEnvironment();
 	const { data: auth } = useAuth();
-	const swrResponse = useSWRInfinite((_index, previousPageData) => withLocale(keyLoader$6(previousPageData, _objectSpread2(_objectSpread2({}, auth), {}, {
+	const swrResponse = useSWRInfinite((_index, previousPageData) => withLocale(keyLoader$7(previousPageData, _objectSpread2(_objectSpread2({}, auth), {}, {
 		apiUrl,
 		businessId,
 		externalIds,
@@ -20070,7 +20099,7 @@ function useCategorizationRulesGlobalCacheActions() {
 //#endregion
 //#region src/hooks/api/businesses/[business-id]/categorization-rules/[categorization-rule-id]/archive/useArchiveCategorizationRule.ts
 var ARCHIVE_CATEGORIZATION_RULE_TAG = "#archive-categorization-rule";
-function buildKey$64({ access_token: accessToken, apiUrl, businessId }) {
+function buildKey$65({ access_token: accessToken, apiUrl, businessId }) {
 	if (accessToken && apiUrl) return {
 		accessToken,
 		apiUrl,
@@ -20085,7 +20114,7 @@ function useArchiveCategorizationRule() {
 	const { data: auth } = useAuth();
 	const { businessId } = useLayerContext();
 	const { forceReloadCategorizationRules } = useCategorizationRulesGlobalCacheActions();
-	const mutationResponse = useSWRMutation(() => withLocale(buildKey$64({
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$65({
 		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
 		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
 		businessId
@@ -20160,6 +20189,691 @@ var BaseDetailView = ({ name, onGoBack, slots, children, borderless = false }) =
 	});
 };
 //#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/CategoryMobileDrawer.tsx
+var CategoryMobileDrawer = ({ label, value, onValueChange, showLabel }) => {
+	const { data: categories } = useCategories();
+	const flatOptions = useMemo(() => {
+		if (!categories) return [];
+		return getLeafCategories$1(categories).map((category) => new CategoryAsOption(category));
+	}, [categories]);
+	const selectedOption = useMemo(() => {
+		var _flatOptions$find;
+		if (!value) return null;
+		return (_flatOptions$find = flatOptions.find((option) => ClassificationEquivalence(value, option.classification))) !== null && _flatOptions$find !== void 0 ? _flatOptions$find : null;
+	}, [flatOptions, value]);
+	const handleSelectedValueChange = useCallback((option) => {
+		onValueChange(option instanceof CategoryAsOption ? option.classification : null);
+	}, [onValueChange]);
+	return /* @__PURE__ */ jsxs(VStack, {
+		gap: "3xs",
+		children: [showLabel && /* @__PURE__ */ jsx(Label$2, {
+			size: "sm",
+			children: label
+		}), /* @__PURE__ */ jsx(CategorySelectDrawerWithTrigger, {
+			selectedValue: selectedOption,
+			onSelectedValueChange: handleSelectedValueChange,
+			showTooltips: false,
+			slotProps: { TriggerSpan: { size: "sm" } }
+		})]
+	});
+};
+//#endregion
+//#region src/components/LedgerAccountCombobox/LedgerAccountCombobox.tsx
+var LedgerAccountCombobox = ({ label, value, mode, onValueChange, isReadOnly, showLabel, className }) => {
+	const { data: categories, isLoading } = useCategories({ mode });
+	const options = useMemo(() => {
+		if (!categories) return [];
+		return getLeafCategories$1(categories).map((category) => new CategoryAsOption(category));
+	}, [categories]);
+	const selectedCategory = useMemo(() => {
+		var _options$find;
+		if (!value) return null;
+		return (_options$find = options.find((option) => ClassificationEquivalence(value, option.classification))) !== null && _options$find !== void 0 ? _options$find : null;
+	}, [options, value]);
+	const onSelectedValueChange = useCallback((option) => {
+		var _option$classificatio;
+		onValueChange((_option$classificatio = option === null || option === void 0 ? void 0 : option.classification) !== null && _option$classificatio !== void 0 ? _option$classificatio : null);
+	}, [onValueChange]);
+	const inputId = useId();
+	return /* @__PURE__ */ jsxs(VStack, {
+		gap: "3xs",
+		className,
+		children: [showLabel && /* @__PURE__ */ jsx(Label$2, {
+			size: "sm",
+			htmlFor: inputId,
+			children: label
+		}), /* @__PURE__ */ jsx(ComboBox, _objectSpread2({
+			options,
+			onSelectedValueChange,
+			selectedValue: selectedCategory,
+			inputId,
+			isReadOnly,
+			isLoading,
+			isClearable: false
+		}, !showLabel && { "aria-label": label }))]
+	});
+};
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/CategorySelect.tsx
+var CategorySelect = (props) => {
+	const { isMobile } = useSizeClass();
+	if (isMobile) return /* @__PURE__ */ jsx(CategoryMobileDrawer, _objectSpread2({}, props));
+	return /* @__PURE__ */ jsx(LedgerAccountCombobox, {
+		label: props.label,
+		value: props.value,
+		onValueChange: props.onValueChange,
+		mode: CategoriesListMode.All,
+		showLabel: props.showLabel
+	});
+};
+//#endregion
+//#region src/hooks/api/businesses/[business-id]/counterparties/useListCounterparties.ts
+var LIST_COUNTERPARTIES_TAG_KEY = "#list-counterparties";
+var SortBy$1 = /* @__PURE__ */ function(SortBy) {
+	SortBy["Name"] = "name";
+	return SortBy;
+}(SortBy$1 || {});
+var ListCounterpartiesReturnSchema = Schema.Struct({
+	data: Schema.Array(BankTransactionCounterpartySchema),
+	meta: Schema.Struct({ pagination: PaginatedResponseMetaSchema })
+});
+var ListCounterpartiesSWRResponse = class extends SWRInfiniteResult {
+	get paginationMeta() {
+		return this.data && this.data.length > 0 ? this.data[this.data.length - 1].meta.pagination : void 0;
+	}
+	get hasMore() {
+		var _this$paginationMeta;
+		return (_this$paginationMeta = this.paginationMeta) === null || _this$paginationMeta === void 0 ? void 0 : _this$paginationMeta.hasMore;
+	}
+};
+var listCounterparties = get(({ businessId, externalIds, q, sortBy, sortOrder, cursor, limit, showTotalCount }) => {
+	const parameters = toDefinedSearchParameters({
+		externalIds,
+		q,
+		sortBy,
+		sortOrder,
+		cursor,
+		limit,
+		showTotalCount
+	});
+	const baseUrl = `/v1/businesses/${businessId}/counterparties`;
+	return parameters ? `${baseUrl}?${parameters}` : baseUrl;
+});
+function keyLoader$6(previousPageData, { access_token: accessToken, apiUrl, businessId, externalIds, q, sortBy, sortOrder, limit, showTotalCount }) {
+	if (accessToken && apiUrl) {
+		var _previousPageData$met;
+		return {
+			accessToken,
+			apiUrl,
+			businessId,
+			externalIds,
+			q,
+			cursor: previousPageData === null || previousPageData === void 0 || (_previousPageData$met = previousPageData.meta) === null || _previousPageData$met === void 0 ? void 0 : _previousPageData$met.pagination.cursor,
+			sortBy,
+			sortOrder,
+			limit,
+			showTotalCount,
+			tags: [LIST_COUNTERPARTIES_TAG_KEY]
+		};
+	}
+}
+function useListCounterparties({ externalIds, q, sortBy = SortBy$1.Name, sortOrder = SortOrder.ASC, limit, showTotalCount = true } = {}) {
+	const withLocale = useLocalizedKey();
+	const { businessId } = useLayerContext();
+	const { apiUrl } = useEnvironment();
+	const { data: auth } = useAuth();
+	const swrResponse = useSWRInfinite((_index, previousPageData) => withLocale(keyLoader$6(previousPageData, _objectSpread2(_objectSpread2({}, auth), {}, {
+		apiUrl,
+		businessId,
+		externalIds,
+		q,
+		sortBy,
+		sortOrder,
+		limit,
+		showTotalCount
+	}))), ({ accessToken, apiUrl, businessId, cursor, externalIds, q, sortBy, sortOrder, limit, showTotalCount }) => listCounterparties(apiUrl, accessToken, { params: {
+		businessId,
+		externalIds,
+		q,
+		sortBy,
+		sortOrder,
+		cursor,
+		limit,
+		showTotalCount
+	} })().then(Schema.decodeUnknownPromise(ListCounterpartiesReturnSchema)), {
+		keepPreviousData: true,
+		revalidateFirstPage: false,
+		initialSize: 1
+	});
+	usePreserveInfiniteSize(swrResponse);
+	return new ListCounterpartiesSWRResponse(swrResponse);
+}
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/counterpartyComboBoxOption.ts
+var CounterpartyComboBoxOption = class extends BaseComboBoxOption {
+	constructor(counterparty) {
+		super(counterparty);
+	}
+	get original() {
+		return this.internalValue;
+	}
+	get label() {
+		var _this$internalValue$n;
+		return (_this$internalValue$n = this.internalValue.name) !== null && _this$internalValue$n !== void 0 ? _this$internalValue$n : this.internalValue.id;
+	}
+	get value() {
+		return this.internalValue.id;
+	}
+};
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/useCounterpartyOptions.ts
+var useCounterpartyOptions = (value) => {
+	const { inputValue, searchQuery, handleInputChange } = useDebouncedSearchInput({ initialInputState: "" });
+	const { data, isLoading, isError } = useListCounterparties({
+		q: searchQuery || void 0,
+		limit: 50
+	});
+	const fetchedOptions = useMemo(() => {
+		if (!data) return [];
+		return data.flatMap(({ data: page }) => page.map((counterparty) => new CounterpartyComboBoxOption(counterparty)));
+	}, [data]);
+	const options = useMemo(() => {
+		if (!value) return fetchedOptions;
+		if (fetchedOptions.some((option) => option.value === value.id)) return fetchedOptions;
+		return [new CounterpartyComboBoxOption(value), ...fetchedOptions];
+	}, [fetchedOptions, value]);
+	return {
+		inputValue,
+		searchQuery,
+		handleInputChange,
+		options,
+		selectedOption: useMemo(() => {
+			var _options$find;
+			if (!value) return null;
+			return (_options$find = options.find((option) => option.value === value.id)) !== null && _options$find !== void 0 ? _options$find : null;
+		}, [options, value]),
+		isLoading,
+		isError
+	};
+};
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/CounterpartyComboBox.tsx
+var CounterpartyComboBox = ({ label, value, onValueChange, showLabel, isReadOnly, isError, placeholder }) => {
+	const { t } = useTranslation();
+	const inputId = useId();
+	const { searchQuery, handleInputChange, options, selectedOption, isLoading, isError: isListError } = useCounterpartyOptions(value);
+	const slots = useMemo(() => {
+		let emptyMessageContent = t("categorizationRules:empty.no_matching_counterparties", "No matching counterparties.");
+		if (isListError) emptyMessageContent = t("categorizationRules:error.load_counterparties", "Couldn’t load counterparties. Please try again.");
+		else if (searchQuery === "") emptyMessageContent = t("categorizationRules:empty.no_counterparties_yet", "No counterparties yet. They will appear here automatically as your transactions are processed.");
+		return {
+			EmptyMessage: /* @__PURE__ */ jsx(VStack, {
+				pi: "md",
+				children: /* @__PURE__ */ jsx(Span, { children: emptyMessageContent })
+			}),
+			ErrorMessage: /* @__PURE__ */ jsx(Span, {
+				size: "xs",
+				status: "error",
+				children: t("categorizationRules:validation.counterparty_required", "Counterparty is required.")
+			})
+		};
+	}, [
+		isListError,
+		searchQuery,
+		t
+	]);
+	const additionalAriaProps = useMemo(() => showLabel ? {} : { "aria-label": label }, [showLabel, label]);
+	const handleSelectedValueChange = useCallback((option) => {
+		var _option$original;
+		onValueChange((_option$original = option === null || option === void 0 ? void 0 : option.original) !== null && _option$original !== void 0 ? _option$original : null);
+	}, [onValueChange]);
+	return /* @__PURE__ */ jsxs(VStack, {
+		gap: "3xs",
+		children: [showLabel && /* @__PURE__ */ jsx(Label$2, {
+			size: "sm",
+			htmlFor: inputId,
+			children: label
+		}), /* @__PURE__ */ jsx(ComboBox, _objectSpread2({
+			options,
+			selectedValue: selectedOption,
+			onSelectedValueChange: handleSelectedValueChange,
+			onInputValueChange: handleInputChange,
+			filterOption: null,
+			inputId,
+			isLoading,
+			isReadOnly,
+			isError,
+			placeholder,
+			slots
+		}, additionalAriaProps))]
+	});
+};
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/CounterpartyMobileDrawer.tsx
+var CounterpartyMobileDrawer = ({ label, value, onValueChange, showLabel, isReadOnly, placeholder }) => {
+	var _ref, _selectedOption$label;
+	const { t } = useTranslation();
+	const inputId = useId();
+	const [isOpen, setIsOpen] = useState(false);
+	const { inputValue, handleInputChange, options, selectedOption, isLoading, isError: isListError } = useCounterpartyOptions(value);
+	const Header = useCallback(() => /* @__PURE__ */ jsx(ModalTitleWithClose, {
+		heading: /* @__PURE__ */ jsx(ModalHeading, {
+			size: "md",
+			weight: "bold",
+			children: label
+		}),
+		hideCloseButton: true,
+		hideBottomPadding: true
+	}), [label]);
+	const drawerSlots = useMemo(() => ({ Header }), [Header]);
+	const openDrawer = useCallback(() => setIsOpen(true), []);
+	const triggerLabel = (_ref = (_selectedOption$label = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _selectedOption$label !== void 0 ? _selectedOption$label : placeholder) !== null && _ref !== void 0 ? _ref : t("common:action.select_label", "Select…");
+	return /* @__PURE__ */ jsxs(VStack, {
+		gap: "3xs",
+		children: [
+			showLabel && /* @__PURE__ */ jsx(Label$2, {
+				size: "sm",
+				htmlFor: inputId,
+				children: label
+			}),
+			/* @__PURE__ */ jsx(Button$1, {
+				id: inputId,
+				onPress: openDrawer,
+				variant: "outlined",
+				isDisabled: isReadOnly,
+				fullWidth: true,
+				flex: true,
+				"aria-label": label,
+				children: /* @__PURE__ */ jsxs(HStack, {
+					fluid: true,
+					justify: "space-between",
+					align: "center",
+					children: [/* @__PURE__ */ jsx(Span, {
+						size: "sm",
+						ellipsis: true,
+						children: triggerLabel
+					}), !isReadOnly && /* @__PURE__ */ jsx(ChevronDown$1, { size: 16 })]
+				})
+			}),
+			/* @__PURE__ */ jsx(Drawer, {
+				isOpen,
+				onOpenChange: setIsOpen,
+				variant: "mobile-drawer",
+				fixedHeight: true,
+				isDismissable: true,
+				"aria-label": label,
+				slots: drawerSlots,
+				children: ({ close }) => /* @__PURE__ */ jsxs(VStack, {
+					pi: "sm",
+					pb: "xs",
+					gap: "md",
+					children: [/* @__PURE__ */ jsx(SearchField$1, {
+						value: inputValue,
+						onChange: handleInputChange,
+						label: t("common:action.search_label", "Search")
+					}), /* @__PURE__ */ jsx(MobileSelectionDrawerList, {
+						ariaLabel: label,
+						options,
+						selectedValue: selectedOption,
+						onSelectedValueChange: (option) => {
+							var _option$original;
+							onValueChange((_option$original = option === null || option === void 0 ? void 0 : option.original) !== null && _option$original !== void 0 ? _option$original : null);
+							close();
+						},
+						isLoading,
+						isError: isListError
+					})]
+				})
+			})
+		]
+	});
+};
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/CounterpartySelect.tsx
+var CounterpartySelect = (props) => {
+	const { isMobile } = useSizeClass();
+	if (isMobile) return /* @__PURE__ */ jsx(CounterpartyMobileDrawer, _objectSpread2({}, props));
+	return /* @__PURE__ */ jsx(CounterpartyComboBox, _objectSpread2({}, props));
+};
+//#endregion
+//#region src/hooks/api/businesses/[business-id]/categorization-rules/useUpsertCategorizationRule.ts
+var UPSERT_CATEGORIZATION_RULE_TAG = "#upsert-categorization-rule";
+function buildKey$64({ access_token: accessToken, apiUrl, businessId }) {
+	if (accessToken && apiUrl) return {
+		accessToken,
+		apiUrl,
+		businessId,
+		tags: [UPSERT_CATEGORIZATION_RULE_TAG]
+	};
+}
+var UpsertCategorizationRuleReturnSchema = Schema$1.Struct({ data: CategorizationRuleSchema });
+var createCategorizationRule$1 = post(({ businessId }) => `/v1/businesses/${businessId}/categorization-rules`);
+var updateCategorizationRule = patch(({ businessId, categorizationRuleId }) => `/v1/businesses/${businessId}/categorization-rules/${categorizationRuleId}`);
+function useUpsertCategorizationRule() {
+	const withLocale = useLocalizedKey();
+	const { data: auth } = useAuth();
+	const { businessId } = useLayerContext();
+	const { forceReloadBankTransactions } = useBankTransactionsGlobalCacheActions();
+	const { debouncedInvalidateProfitAndLoss } = useProfitAndLossGlobalInvalidator();
+	const { forceReloadCategorizationRules, patchCategorizationRuleByKey } = useCategorizationRulesGlobalCacheActions();
+	const mutationResponse = useSWRMutation(() => withLocale(buildKey$64({
+		access_token: auth === null || auth === void 0 ? void 0 : auth.access_token,
+		apiUrl: auth === null || auth === void 0 ? void 0 : auth.apiUrl,
+		businessId
+	})), ({ accessToken, apiUrl, businessId }, { arg }) => {
+		const decode = Schema$1.decodeUnknownPromise(UpsertCategorizationRuleReturnSchema);
+		if (arg.mode === "create") return createCategorizationRule$1(apiUrl, accessToken, {
+			params: { businessId },
+			body: arg.body
+		}).then(decode);
+		return updateCategorizationRule(apiUrl, accessToken, {
+			params: {
+				businessId,
+				categorizationRuleId: arg.categorizationRuleId
+			},
+			body: arg.body
+		}).then(decode);
+	}, {
+		revalidate: false,
+		throwOnError: true
+	});
+	const { trigger: originalTrigger } = mutationResponse;
+	const stableProxiedTrigger = useCallback(function() {
+		var _ref = _asyncToGenerator(function* (arg, options) {
+			const triggerResult = yield originalTrigger(arg, options);
+			if (arg.mode === "create") {
+				forceReloadCategorizationRules();
+				forceReloadBankTransactions();
+				debouncedInvalidateProfitAndLoss();
+			} else if (triggerResult) patchCategorizationRuleByKey(triggerResult.data);
+			return triggerResult;
+		});
+		return function(_x, _x2) {
+			return _ref.apply(this, arguments);
+		};
+	}(), [
+		originalTrigger,
+		forceReloadCategorizationRules,
+		forceReloadBankTransactions,
+		debouncedInvalidateProfitAndLoss,
+		patchCategorizationRuleByKey
+	]);
+	return new Proxy(mutationResponse, { get(target, prop) {
+		if (prop === "trigger") return stableProxiedTrigger;
+		return Reflect.get(target, prop);
+	} });
+}
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/formUtils.ts
+var centsToFormAmount = (cents) => {
+	if (cents == null) return null;
+	return convertCentsToNonRecursiveBigDecimal(cents);
+};
+var formAmountToCents = (amount) => {
+	if (amount == null) return null;
+	return convertNonRecursiveBigDecimalToCents(amount);
+};
+var getCategorizationRuleFormDefaultValues = (state) => {
+	if (state.mode === "edit") {
+		var _rule$counterpartyFil, _rule$category, _rule$bankDirectionFi;
+		const { rule } = state;
+		return {
+			counterparty: (_rule$counterpartyFil = rule.counterpartyFilter) !== null && _rule$counterpartyFil !== void 0 ? _rule$counterpartyFil : null,
+			category: (_rule$category = rule.category) !== null && _rule$category !== void 0 ? _rule$category : null,
+			bankDirectionFilter: (_rule$bankDirectionFi = rule.bankDirectionFilter) !== null && _rule$bankDirectionFi !== void 0 ? _rule$bankDirectionFi : "",
+			amountMinFilter: centsToFormAmount(rule.amountMinFilter),
+			amountMaxFilter: centsToFormAmount(rule.amountMaxFilter)
+		};
+	}
+	return {
+		counterparty: null,
+		category: null,
+		bankDirectionFilter: "",
+		amountMinFilter: null,
+		amountMaxFilter: null
+	};
+};
+var validateCategorizationRuleForm = (values, t) => {
+	const errors = [];
+	if (!values.counterparty) errors.push({ counterparty: t("categorizationRules:validation.counterparty_required", "Counterparty is required.") });
+	if (!values.category || !isClassificationAccountIdentifier(values.category)) errors.push({ category: t("categorizationRules:validation.category_required", "Category is required.") });
+	if (values.amountMinFilter && values.amountMaxFilter) {
+		const min = fromNonRecursiveBigDecimal(values.amountMinFilter);
+		const max = fromNonRecursiveBigDecimal(values.amountMaxFilter);
+		if (BigDecimal.greaterThan(min, max)) errors.push({ amountMinFilter: t("categorizationRules:validation.amount_min_greater_than_max", "Minimum amount must be less than or equal to maximum amount.") });
+	}
+	return errors.length > 0 ? errors : null;
+};
+var convertFormToCreateBody = (values) => {
+	if (!values.counterparty) throw new Error("Counterparty is required to create a categorization rule");
+	if (!values.category || !isClassificationAccountIdentifier(values.category)) throw new Error("Category is required to create a categorization rule");
+	const parsed = {
+		applyRetroactively: false,
+		category: values.category,
+		bankDirectionFilter: values.bankDirectionFilter === "" ? null : values.bankDirectionFilter,
+		amountMinFilter: formAmountToCents(values.amountMinFilter),
+		amountMaxFilter: formAmountToCents(values.amountMaxFilter),
+		counterpartyFilter: values.counterparty.id
+	};
+	return Schema.encodeUnknownSync(CreateCategorizationRuleSchema)(parsed);
+};
+var convertFormToPatchBody = (values) => {
+	if (!values.counterparty) throw new Error("Counterparty is required to update a categorization rule");
+	if (!values.category || !isClassificationAccountIdentifier(values.category)) throw new Error("Category is required to update a categorization rule");
+	const parsed = {
+		category: values.category,
+		bankDirectionFilter: values.bankDirectionFilter === "" ? null : values.bankDirectionFilter,
+		counterpartyFilter: values.counterparty.id,
+		amountMinFilter: formAmountToCents(values.amountMinFilter),
+		amountMaxFilter: formAmountToCents(values.amountMaxFilter)
+	};
+	return Schema.encodeUnknownSync(PatchCategorizationRuleSchema)(parsed);
+};
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/useCategorizationRuleForm.ts
+var useCategorizationRuleForm = ({ formState, onSuccess }) => {
+	const { t } = useTranslation();
+	const [submitError, setSubmitError] = useState(void 0);
+	const { trigger: upsertCategorizationRule } = useUpsertCategorizationRule();
+	const formDefaults = useMemo(() => getCategorizationRuleFormDefaultValues(formState), [formState]);
+	const defaultValues = useRef(formDefaults).current;
+	const onSubmit = useCallback(function() {
+		var _ref = _asyncToGenerator(function* ({ value }) {
+			try {
+				const result = formState.mode === "edit" ? yield upsertCategorizationRule({
+					mode: "update",
+					categorizationRuleId: formState.rule.id,
+					body: convertFormToPatchBody(value)
+				}) : yield upsertCategorizationRule({
+					mode: "create",
+					body: convertFormToCreateBody(value)
+				});
+				setSubmitError(void 0);
+				onSuccess(result.data);
+			} catch (e) {
+				console.error(e);
+				setSubmitError(t("common:error.something_went_wrong_please_try_again", "Something went wrong. Please try again."));
+			}
+		});
+		return function(_x) {
+			return _ref.apply(this, arguments);
+		};
+	}(), [
+		formState,
+		upsertCategorizationRule,
+		onSuccess,
+		t
+	]);
+	const onDynamic = useCallback(({ value }) => {
+		return validateCategorizationRuleForm(value, t);
+	}, [t]);
+	const form = useAppForm({
+		defaultValues,
+		onSubmit,
+		validators: useMemo(() => ({ onDynamic }), [onDynamic]),
+		validationLogic: revalidateLogic({
+			mode: "submit",
+			modeAfterSubmission: "submit"
+		}),
+		canSubmitWhenInvalid: true
+	});
+	useEffect(() => {
+		form.reset(formDefaults);
+	}, [form, formDefaults]);
+	return useMemo(() => ({
+		form,
+		submitError
+	}), [form, submitError]);
+};
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/CategorizationRuleForm.tsx
+var CategorizationRuleForm = ({ formState, onSuccess }) => {
+	const { t } = useTranslation();
+	const { form, submitError } = useCategorizationRuleForm({
+		formState,
+		onSuccess
+	});
+	const blockNativeOnSubmit = useCallback((e) => {
+		e.preventDefault();
+		e.stopPropagation();
+	}, []);
+	const directionOptions = useMemo(() => [
+		{
+			value: "",
+			label: t("categorizationRules:label.any", "Any")
+		},
+		{
+			value: BankDirectionFilter.MONEY_IN,
+			label: t("common:label.money_in", "Money in")
+		},
+		{
+			value: BankDirectionFilter.MONEY_OUT,
+			label: t("common:label.money_out", "Money out")
+		}
+	], [t]);
+	return /* @__PURE__ */ jsxs(Form$1, {
+		className: "Layer__CategorizationRuleForm",
+		onSubmit: blockNativeOnSubmit,
+		children: [
+			/* @__PURE__ */ jsx(form.Subscribe, {
+				selector: (state) => state.errorMap,
+				children: (errorMap) => {
+					const validationErrors = flattenValidationErrors(errorMap);
+					if (validationErrors.length > 0 || submitError) return /* @__PURE__ */ jsx(HStack, { children: /* @__PURE__ */ jsx(DataState, {
+						icon: /* @__PURE__ */ jsx(AlertTriangle, { size: 16 }),
+						status: DataStateStatus.failed,
+						title: validationErrors[0] || submitError,
+						titleSize: TextSize.md,
+						inline: true
+					}) });
+				}
+			}),
+			/* @__PURE__ */ jsx(form.Field, {
+				name: "counterparty",
+				children: (field) => /* @__PURE__ */ jsx(CounterpartySelect, {
+					label: t("common:label.counterparty", "Counterparty"),
+					value: field.state.value,
+					onValueChange: field.handleChange,
+					placeholder: t("categorizationRules:placeholder.select_counterparty", "Select counterparty"),
+					showLabel: true
+				})
+			}),
+			/* @__PURE__ */ jsx(form.Field, {
+				name: "category",
+				children: (field) => /* @__PURE__ */ jsx(CategorySelect, {
+					label: t("common:label.category", "Category"),
+					value: field.state.value,
+					onValueChange: field.handleChange,
+					showLabel: true
+				})
+			}),
+			/* @__PURE__ */ jsx(form.AppField, {
+				name: "bankDirectionFilter",
+				children: (field) => /* @__PURE__ */ jsx(field.FormRadioGroupField, {
+					label: t("common:label.direction", "Direction"),
+					orientation: "vertical",
+					options: directionOptions
+				})
+			}),
+			/* @__PURE__ */ jsxs(HStack, {
+				gap: "md",
+				className: "Layer__CategorizationRuleForm__AmountRow",
+				children: [/* @__PURE__ */ jsx(form.AppField, {
+					name: "amountMinFilter",
+					children: (field) => /* @__PURE__ */ jsx(field.FormNonRecursiveBigDecimalField, {
+						label: t("categorizationRules:label.amount_min", "Minimum amount"),
+						mode: "currency",
+						allowEmpty: true,
+						placeholder: t("categorizationRules:placeholder.no_minimum", "No minimum")
+					})
+				}), /* @__PURE__ */ jsx(form.AppField, {
+					name: "amountMaxFilter",
+					children: (field) => /* @__PURE__ */ jsx(field.FormNonRecursiveBigDecimalField, {
+						label: t("categorizationRules:label.amount_max", "Maximum amount"),
+						mode: "currency",
+						allowEmpty: true,
+						placeholder: t("categorizationRules:placeholder.no_maximum", "No maximum")
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx(VStack, {
+				justify: "end",
+				className: "Layer__CategorizationRuleForm__Submit",
+				children: /* @__PURE__ */ jsx(form.Subscribe, {
+					selector: (state) => [state.canSubmit, state.isSubmitting],
+					children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsxs(Button$1, {
+						type: "submit",
+						isDisabled: !canSubmit,
+						isPending: isSubmitting,
+						onPress: () => {
+							form.handleSubmit();
+						},
+						children: [/* @__PURE__ */ jsx(Save, { size: 14 }), formState.mode === "edit" ? t("categorizationRules:action.save_rule", "Save Rule") : t("categorizationRules:action.create_rule", "Create Rule")]
+					})
+				})
+			})
+		]
+	});
+};
+//#endregion
+//#region src/components/CategorizationRules/CategorizationRuleForm/CategorizationRuleFormDrawer.tsx
+var CategorizationRuleFormDrawerHeader = ({ title, close }) => /* @__PURE__ */ jsx(ModalTitleWithClose, {
+	heading: /* @__PURE__ */ jsx(ModalHeading, {
+		size: "md",
+		children: title
+	}),
+	onClose: close
+});
+var CategorizationRuleFormDrawer = ({ isOpen, onOpenChange, onSuccess, formState }) => {
+	const { t } = useTranslation();
+	const { isMobile } = useSizeClass();
+	const lastFormStateRef = useRef(formState);
+	if (formState) lastFormStateRef.current = formState;
+	const activeFormState = formState !== null && formState !== void 0 ? formState : lastFormStateRef.current;
+	const title = (activeFormState === null || activeFormState === void 0 ? void 0 : activeFormState.mode) === "edit" ? t("categorizationRules:action.edit_rule", "Edit Rule") : t("categorizationRules:action.new_rule", "New Rule");
+	const Header = useCallback(({ close }) => /* @__PURE__ */ jsx(CategorizationRuleFormDrawerHeader, {
+		title,
+		close
+	}), [title]);
+	const slots = useMemo(() => ({ Header }), [Header]);
+	return /* @__PURE__ */ jsx(Drawer, {
+		isOpen,
+		onOpenChange,
+		"aria-label": title,
+		variant: isMobile ? "mobile-drawer" : "drawer",
+		flexBlock: isMobile,
+		slots,
+		children: activeFormState && /* @__PURE__ */ jsx(VStack, {
+			pbe: "lg",
+			pi: "md",
+			children: /* @__PURE__ */ jsx(CategorizationRuleForm, {
+				formState: activeFormState,
+				onSuccess
+			})
+		})
+	});
+};
+//#endregion
 //#region src/hooks/utils/pagination/usePaginatedList.ts
 function usePaginatedList({ data, pageSize, initialPage = 0, onSetPage }) {
 	const [internalPageIndex, setInternalPageIndex] = useState(initialPage);
@@ -20342,10 +21056,20 @@ var getCategorizationRuleCounterpartyLabel = (rule) => {
 	var _ref, _rule$counterpartyFil, _rule$counterpartyFil2;
 	return (_ref = (_rule$counterpartyFil = (_rule$counterpartyFil2 = rule.counterpartyFilter) === null || _rule$counterpartyFil2 === void 0 ? void 0 : _rule$counterpartyFil2.name) !== null && _rule$counterpartyFil !== void 0 ? _rule$counterpartyFil : rule.readableTransactionDescriptionFilter) !== null && _ref !== void 0 ? _ref : void 0;
 };
+var getCategorizationRuleAmountLabel = (rule, formatCurrencyFromCents, t) => {
+	const { amountMinFilter: min, amountMaxFilter: max } = rule;
+	if (min == null && max == null) return t("categorizationRules:label.any_amount", "Any amount");
+	if (min != null && max != null) return `${formatCurrencyFromCents(min)} – ${formatCurrencyFromCents(max)}`;
+	if (min != null) return `≥ ${formatCurrencyFromCents(min)}`;
+	return `≤ ${formatCurrencyFromCents(max)}`;
+};
 //#endregion
 //#region src/components/CategorizationRules/CategorizationRulesMobileList/CategorizationRulesMobileList.tsx
-var CategorizationRuleMobileListItem = ({ rule, options, onDeletePress }) => {
+var CategorizationRuleMobileListItem = ({ rule, options, onEditPress, onDeletePress }) => {
 	const { t } = useTranslation();
+	const { formatCurrencyFromCents } = useIntlFormatter();
+	const counterpartyLabel = getCategorizationRuleCounterpartyLabel(rule);
+	const hasAmountFilter = rule.amountMinFilter != null || rule.amountMaxFilter != null;
 	return /* @__PURE__ */ jsxs(HStack, {
 		justify: "space-between",
 		align: "center",
@@ -20358,7 +21082,7 @@ var CategorizationRuleMobileListItem = ({ rule, options, onDeletePress }) => {
 				/* @__PURE__ */ jsx(Span, {
 					weight: "bold",
 					ellipsis: true,
-					children: getCategorizationRuleCounterpartyLabel(rule)
+					children: counterpartyLabel
 				}),
 				/* @__PURE__ */ jsxs(HStack, {
 					gap: "3xs",
@@ -20373,6 +21097,19 @@ var CategorizationRuleMobileListItem = ({ rule, options, onDeletePress }) => {
 						children: getCategorizationRuleDirectionLabel(rule.bankDirectionFilter, t)
 					})]
 				}),
+				hasAmountFilter && /* @__PURE__ */ jsxs(HStack, {
+					gap: "3xs",
+					align: "center",
+					children: [/* @__PURE__ */ jsx(Span, {
+						size: "sm",
+						variant: "subtle",
+						children: t("common:label.amount", "Amount:")
+					}), /* @__PURE__ */ jsx(Span, {
+						size: "sm",
+						variant: "subtle",
+						children: getCategorizationRuleAmountLabel(rule, formatCurrencyFromCents, t)
+					})]
+				}),
 				rule.category && /* @__PURE__ */ jsxs(HStack, {
 					gap: "3xs",
 					align: "center",
@@ -20390,23 +21127,39 @@ var CategorizationRuleMobileListItem = ({ rule, options, onDeletePress }) => {
 					})]
 				})
 			]
-		}), /* @__PURE__ */ jsx(Button$1, {
-			inset: true,
-			icon: true,
-			onPress: () => onDeletePress(rule),
-			"aria-label": t("categorizationRules:action.delete_rule", "Delete rule"),
-			variant: "ghost",
-			children: /* @__PURE__ */ jsx(Trash2, { size: 16 })
+		}), /* @__PURE__ */ jsxs(HStack, {
+			gap: "3xs",
+			align: "center",
+			children: [/* @__PURE__ */ jsx(Button$1, {
+				inset: true,
+				icon: true,
+				onPress: () => onEditPress(rule),
+				"aria-label": t("categorizationRules:action.edit_rule", "Edit Rule"),
+				variant: "ghost",
+				children: /* @__PURE__ */ jsx(Pencil, { size: 16 })
+			}), /* @__PURE__ */ jsx(Button$1, {
+				inset: true,
+				icon: true,
+				onPress: () => onDeletePress(rule),
+				"aria-label": t("categorizationRules:action.delete_rule", "Delete Rule"),
+				variant: "ghost",
+				children: /* @__PURE__ */ jsx(Trash2, { size: 16 })
+			})]
 		})]
 	});
 };
-var CategorizationRulesMobileList = ({ data, isLoading, isError, paginationProps, options, onDeleteRule, slots }) => {
+var CategorizationRulesMobileList = ({ data, isLoading, isError, paginationProps, options, onEditRule, onDeleteRule, slots }) => {
 	const { t } = useTranslation();
 	const renderItem = useCallback((rule) => /* @__PURE__ */ jsx(CategorizationRuleMobileListItem, {
 		rule,
 		options,
+		onEditPress: onEditRule,
 		onDeletePress: onDeleteRule
-	}), [options, onDeleteRule]);
+	}), [
+		options,
+		onEditRule,
+		onDeleteRule
+	]);
 	return /* @__PURE__ */ jsx("div", {
 		className: "Layer__CategorizationRulesMobileList",
 		children: /* @__PURE__ */ jsx(PaginatedMobileList, {
@@ -20693,12 +21446,15 @@ var CategorizationRuleColumns = /* @__PURE__ */ function(CategorizationRuleColum
 	CategorizationRuleColumns["Category"] = "Category";
 	CategorizationRuleColumns["Counterparty"] = "Counterparty";
 	CategorizationRuleColumns["Direction"] = "Direction";
+	CategorizationRuleColumns["Amount"] = "Amount";
+	CategorizationRuleColumns["Edit"] = "Edit";
 	CategorizationRuleColumns["Delete"] = "Delete";
 	return CategorizationRuleColumns;
 }(CategorizationRuleColumns || {});
 var COMPONENT_NAME$14 = "CategorizationRulesTable";
-var CategorizationRulesTable = ({ data, isLoading, isError, paginationProps, options, onDeleteRule, slots }) => {
+var CategorizationRulesTable = ({ data, isLoading, isError, paginationProps, options, onEditRule, onDeleteRule, slots }) => {
 	const { t } = useTranslation();
+	const { formatCurrencyFromCents } = useIntlFormatter();
 	const columnConfig = useMemo(() => [
 		{
 			id: CategorizationRuleColumns.Counterparty,
@@ -20716,6 +21472,14 @@ var CategorizationRulesTable = ({ data, isLoading, isError, paginationProps, opt
 				children: getCategorizationRuleDirectionLabel(row.original.bankDirectionFilter, t)
 			})
 		},
+		{
+			id: CategorizationRuleColumns.Amount,
+			header: t("common:label.amount", "Amount"),
+			cell: (row) => /* @__PURE__ */ jsx(Span, {
+				ellipsis: true,
+				children: getCategorizationRuleAmountLabel(row.original, formatCurrencyFromCents, t)
+			})
+		},
 		{
 			id: CategorizationRuleColumns.Category,
 			header: t("common:label.category", "Category"),
@@ -20729,20 +21493,33 @@ var CategorizationRulesTable = ({ data, isLoading, isError, paginationProps, opt
 			},
 			isRowHeader: true
 		},
+		{
+			id: CategorizationRuleColumns.Edit,
+			cell: (row) => /* @__PURE__ */ jsx(Button$1, {
+				inset: true,
+				icon: true,
+				onPress: () => onEditRule(row.original),
+				"aria-label": t("categorizationRules:action.edit_rule", "Edit Rule"),
+				variant: "ghost",
+				children: /* @__PURE__ */ jsx(Pencil, { size: 16 })
+			})
+		},
 		{
 			id: CategorizationRuleColumns.Delete,
 			cell: (row) => /* @__PURE__ */ jsx(Button$1, {
 				inset: true,
 				icon: true,
 				onPress: () => onDeleteRule(row.original),
-				"aria-label": t("categorizationRules:action.delete_rule", "Delete rule"),
+				"aria-label": t("categorizationRules:action.delete_rule", "Delete Rule"),
 				variant: "ghost",
 				children: /* @__PURE__ */ jsx(Trash2, { size: 16 })
 			})
 		}
 	], [
 		t,
+		formatCurrencyFromCents,
 		options,
+		onEditRule,
 		onDeleteRule
 	]);
 	return /* @__PURE__ */ jsx(PaginatedTable, {
@@ -20779,19 +21556,33 @@ var CategorizationRulesErrorState = () => {
 		className: "Layer__CategorizationRulesView__ErrorState"
 	});
 };
-var CategorizationRulesHeader = ({ onGoBack }) => {
+var CategorizationRulesHeader = ({ onGoBack, onCreateRule }) => {
 	const { t } = useTranslation();
 	return /* @__PURE__ */ jsxs(HStack, {
+		fluid: true,
+		justify: "space-between",
 		align: "center",
-		gap: "md",
-		children: [onGoBack && /* @__PURE__ */ jsx(Button$1, {
-			variant: "outlined",
-			icon: true,
-			onPress: onGoBack,
-			children: /* @__PURE__ */ jsx(BackArrow, {})
-		}), /* @__PURE__ */ jsx(Heading$2, {
-			size: "sm",
-			children: t("categorizationRules:label.categorization_rules", "Categorization Rules")
+		gap: "xs",
+		children: [/* @__PURE__ */ jsxs(HStack, {
+			align: "center",
+			gap: "md",
+			children: [onGoBack && /* @__PURE__ */ jsx(Button$1, {
+				variant: "outlined",
+				icon: true,
+				onPress: onGoBack,
+				children: /* @__PURE__ */ jsx(BackArrow, {})
+			}), /* @__PURE__ */ jsx(Heading$2, {
+				size: "sm",
+				children: t("categorizationRules:label.categorization_rules", "Categorization Rules")
+			})]
+		}), /* @__PURE__ */ jsx(HStack, {
+			pie: "md",
+			align: "center",
+			gap: "xs",
+			children: /* @__PURE__ */ jsxs(Button$1, {
+				onPress: onCreateRule,
+				children: [t("categorizationRules:action.create_rule", "Create Rule"), /* @__PURE__ */ jsx(Plus, { size: 16 })]
+			})
 		})]
 	});
 };
@@ -20801,9 +21592,19 @@ var ResponsiveCategorizationRulesView = () => {
 	const { t } = useTranslation();
 	const [selectedRule, setSelectedRule] = useState(null);
 	const [showDeletionConfirmationModal, setShowDeletionConfirmationModal] = useState(false);
+	const [formState, setFormState] = useState(null);
 	const { trigger: archiveCategorizationRuleTrigger } = useArchiveCategorizationRule();
 	const { addToast } = useLayerContext();
 	const { isMobile } = useSizeClass();
+	const onCreateRule = useCallback(() => setFormState({ mode: "create" }), []);
+	const onEditRule = useCallback((rule) => setFormState({
+		mode: "edit",
+		rule
+	}), []);
+	const onFormDrawerOpenChange = useCallback((isOpen) => {
+		if (!isOpen) setFormState(null);
+	}, []);
+	const onFormSuccess = useCallback(() => setFormState(null), []);
 	const { data: categories, isLoading: categoriesAreLoading } = useCategories({ mode: CategoriesListMode.All });
 	const options = useMemo(() => {
 		if (!categories) return [];
@@ -20853,9 +21654,10 @@ var ResponsiveCategorizationRulesView = () => {
 	]);
 	const isLoading = data === void 0 || rulesAreLoading || categoriesAreLoading;
 	const { toBankTransactionsTable } = useBankTransactionsNavigation();
+	const DesktopHeader = useCallback(() => /* @__PURE__ */ jsx(CategorizationRulesHeader, { onCreateRule }), [onCreateRule]);
 	const DesktopView = useMemo(() => /* @__PURE__ */ jsx(BaseDetailView, {
 		slots: {
-			Header: CategorizationRulesHeader,
+			Header: DesktopHeader,
 			BackIcon: BackArrow
 		},
 		name: "CategorizationRulesDrawer",
@@ -20866,6 +21668,7 @@ var ResponsiveCategorizationRulesView = () => {
 			isError,
 			paginationProps,
 			options,
+			onEditRule,
 			onDeleteRule,
 			slots: {
 				EmptyState: CategorizationRulesEmptyState,
@@ -20873,22 +21676,28 @@ var ResponsiveCategorizationRulesView = () => {
 			}
 		})
 	}), [
+		DesktopHeader,
 		toBankTransactionsTable,
 		categorizationRules,
 		isLoading,
 		isError,
 		paginationProps,
 		options,
+		onEditRule,
 		onDeleteRule
 	]);
 	const MobileView = useMemo(() => /* @__PURE__ */ jsxs(VStack, {
 		gap: "md",
-		children: [/* @__PURE__ */ jsx(CategorizationRulesHeader, { onGoBack: toBankTransactionsTable }), /* @__PURE__ */ jsx(CategorizationRulesMobileList, {
+		children: [/* @__PURE__ */ jsx(CategorizationRulesHeader, {
+			onGoBack: toBankTransactionsTable,
+			onCreateRule
+		}), /* @__PURE__ */ jsx(CategorizationRulesMobileList, {
 			data: categorizationRules,
 			isLoading,
 			isError,
 			paginationProps,
 			options,
+			onEditRule,
 			onDeleteRule,
 			slots: {
 				EmptyState: CategorizationRulesEmptyState,
@@ -20897,30 +21706,41 @@ var ResponsiveCategorizationRulesView = () => {
 		})]
 	}), [
 		toBankTransactionsTable,
+		onCreateRule,
 		categorizationRules,
 		isLoading,
 		isError,
 		paginationProps,
 		options,
+		onEditRule,
 		onDeleteRule
 	]);
 	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$2,
-		slots: {
-			Desktop: DesktopView,
-			Mobile: MobileView
-		}
-	}), /* @__PURE__ */ jsx(BaseConfirmationModal, {
-		isOpen: showDeletionConfirmationModal,
-		onOpenChange: setShowDeletionConfirmationModal,
-		title: t("categorizationRules:prompt.delete_categorization_rule", "Delete categorization rule?"),
-		description: t("categorizationRules:label.transaction_no_longer_automatically_categorized", "Transactions will no longer automatically be categorized by this rule. Any transactions previously categorized to {{counterparty}} will not be affected.", { counterparty: selectedRuleCounterpartyLabel }),
-		onConfirm: archiveCategorizationRule,
-		confirmLabel: t("common:action.delete_label", "Delete"),
-		cancelLabel: t("common:action.cancel_label", "Cancel"),
-		useDrawer: isMobile
-	})] });
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(ResponsiveComponent, {
+			resolveVariant: resolveVariant$2,
+			slots: useMemo(() => ({
+				Desktop: DesktopView,
+				Mobile: MobileView
+			}), [DesktopView, MobileView])
+		}),
+		/* @__PURE__ */ jsx(BaseConfirmationModal, {
+			isOpen: showDeletionConfirmationModal,
+			onOpenChange: setShowDeletionConfirmationModal,
+			title: t("categorizationRules:prompt.delete_categorization_rule", "Delete categorization rule?"),
+			description: t("categorizationRules:label.transaction_no_longer_automatically_categorized", "Transactions will no longer automatically be categorized by this rule. Any transactions previously categorized to {{counterparty}} will not be affected.", { counterparty: selectedRuleCounterpartyLabel }),
+			onConfirm: archiveCategorizationRule,
+			confirmLabel: t("common:action.delete_label", "Delete"),
+			cancelLabel: t("common:action.cancel_label", "Cancel"),
+			useDrawer: isMobile
+		}),
+		/* @__PURE__ */ jsx(CategorizationRuleFormDrawer, {
+			isOpen: !!formState,
+			formState,
+			onOpenChange: onFormDrawerOpenChange,
+			onSuccess: onFormSuccess
+		})
+	] });
 };
 //#endregion
 //#region src/components/ErrorBoundary/ErrorBoundaryMessage.tsx
@@ -31169,42 +31989,6 @@ var DebitCreditPill = ({ value, onChange, isReadOnly = false }) => {
 	});
 };
 //#endregion
-//#region src/components/LedgerAccountCombobox/LedgerAccountCombobox.tsx
-var LedgerAccountCombobox = ({ label, value, mode, onValueChange, isReadOnly, showLabel, className }) => {
-	const { data: categories, isLoading } = useCategories({ mode });
-	const options = useMemo(() => {
-		if (!categories) return [];
-		return getLeafCategories$1(categories).map((category) => new CategoryAsOption(category));
-	}, [categories]);
-	const selectedCategory = useMemo(() => {
-		var _options$find;
-		if (!value) return null;
-		return (_options$find = options.find((option) => ClassificationEquivalence(value, option.classification))) !== null && _options$find !== void 0 ? _options$find : null;
-	}, [options, value]);
-	const onSelectedValueChange = useCallback((option) => {
-		var _option$classificatio;
-		onValueChange((_option$classificatio = option === null || option === void 0 ? void 0 : option.classification) !== null && _option$classificatio !== void 0 ? _option$classificatio : null);
-	}, [onValueChange]);
-	const inputId = useId();
-	return /* @__PURE__ */ jsxs(VStack, {
-		gap: "3xs",
-		className,
-		children: [showLabel && /* @__PURE__ */ jsx(Label$2, {
-			size: "sm",
-			htmlFor: inputId,
-			children: label
-		}), /* @__PURE__ */ jsx(ComboBox, _objectSpread2({
-			options,
-			onSelectedValueChange,
-			selectedValue: selectedCategory,
-			inputId,
-			isReadOnly,
-			isLoading,
-			isClearable: false
-		}, !showLabel && { "aria-label": label }))]
-	});
-};
-//#endregion
 //#region src/components/Journal/JournalEntryForm/JournalEntryLineItem.tsx
 var JOURNAL_ENTRY_FORM_CSS_PREFIX$1 = "Layer__JournalEntryForm";
 var JournalEntryLineItem = ({ form, index, displayIndex, isReadOnly, onDeleteLine, showTags = false }) => {
@@ -38223,7 +39007,7 @@ var getInvoiceFormLineItem = (lineItem) => {
 	return {
 		description: description || "",
 		quantity: toNonRecursiveBigDecimal(quantity),
-		unitPrice: toNonRecursiveBigDecimal(convertCentsToBigDecimal(unitPrice)),
+		unitPrice: convertCentsToNonRecursiveBigDecimal(unitPrice),
 		amount: toNonRecursiveBigDecimal(getInvoiceLineItemAmount(lineItem)),
 		isTaxable: lineItem.salesTaxTotal > 0
 	};
@@ -38289,7 +39073,7 @@ var convertInvoiceFormToParams = (form) => {
 		lineItems: form.lineItems.filter((item) => !InvoiceFormLineItemEquivalence(EMPTY_LINE_ITEM, item)).map((item) => {
 			const baseLineItem = {
 				description: item.description.trim(),
-				unitPrice: convertBigDecimalToCents(fromNonRecursiveBigDecimal(item.unitPrice)),
+				unitPrice: convertNonRecursiveBigDecimalToCents(item.unitPrice),
 				quantity: fromNonRecursiveBigDecimal(item.quantity)
 			};
 			if (!item.isTaxable || BigDecimal.equals(form.taxRate, BIG_DECIMAL_ZERO)) return baseLineItem;
@@ -47440,7 +48224,7 @@ var getServiceFormDefaultValues = ({ service, initialName }) => {
 	var _ref, _service$name;
 	return {
 		name: (_ref = (_service$name = service === null || service === void 0 ? void 0 : service.name) !== null && _service$name !== void 0 ? _service$name : initialName) !== null && _ref !== void 0 ? _ref : "",
-		hourlyRate: (service === null || service === void 0 ? void 0 : service.billableRatePerHourAmount) != null && !Number.isNaN(service.billableRatePerHourAmount) ? toNonRecursiveBigDecimal(convertCentsToBigDecimal(service.billableRatePerHourAmount)) : null
+		hourlyRate: (service === null || service === void 0 ? void 0 : service.billableRatePerHourAmount) != null && !Number.isNaN(service.billableRatePerHourAmount) ? convertCentsToNonRecursiveBigDecimal(service.billableRatePerHourAmount) : null
 	};
 };
 function useServiceForm(props) {
@@ -47461,7 +48245,7 @@ function useServiceForm(props) {
 	const onSubmit = useCallback(function() {
 		var _ref2 = _asyncToGenerator(function* ({ value }) {
 			const trimmedName = value.name.trim();
-			const billableRatePerHourAmount = value.hourlyRate === null ? void 0 : convertBigDecimalToCents(fromNonRecursiveBigDecimal(value.hourlyRate));
+			const billableRatePerHourAmount = value.hourlyRate === null ? void 0 : convertNonRecursiveBigDecimalToCents(value.hourlyRate);
 			setSubmitError(null);
 			try {
 				if (mode === "edit") yield updateService({