@tesouro/embedded-components-react 0.5.176 → 0.5.179

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index435.js

@@ -1,167 +1 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { getAPIErrorMessage as t } from "./index27.js";
-import { generatePayablesButtonCssVars as n } from "./index43.js";
-import { useMoniteContext as r } from "./index46.js";
-import { useRootElements as i } from "./index212.js";
-import "./index213.js";
-import { useFileInput as a } from "./index215.js";
-import { useComponentSettings as ee } from "./index221.js";
-import "./index223.js";
-import { Dialog as o } from "./index235.js";
-import "./index236.js";
-import { MoniteScopedProviders as s } from "./index242.js";
-import { useUserPermissions as te } from "./index118.js";
-import { AccessRestriction as c } from "./index252.js";
-import "./index254.js";
-import { usePayableCallbacks as l } from "./index355.js";
-import { PayableDetails as u } from "./index417.js";
-import { PayablesTable as ne } from "./index430.js";
-import "./index418.js";
-import "./index431.js";
-import { CreatePayableMenu as d } from "./index433.js";
 import "./index434.js";
-import { useEffect as re, useMemo as ie, useRef as ae, useState as f } from "react";
-import { jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
-import { toast as h } from "react-hot-toast";
-import { useLingui as g } from "@lingui/react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index435.js
-var _ = (e) => /* @__PURE__ */ p(s, { children: /* @__PURE__ */ p(v, { ...e }) }), v = ({ pageTitleComponent: s, enableGLCodes: _, initialView: v, initialCounterpartId: y, onSaved: b, onCanceled: x, onSubmitted: S, onRejected: C, onApproved: oe, onReopened: se, onDeleted: ce, onPay: le }) => {
-	let { i18n: w } = g(), { api: T, queryClient: E, theme: D } = r(), { componentSettings: O } = ee(), { handleSaved: k, handleCanceled: A, handleSubmitted: j, handleRejected: M, handleApproved: N, handleReopened: P, handleDeleted: F, handlePay: I } = l({
-		onSaved: b,
-		onCanceled: x,
-		onSubmitted: S,
-		onRejected: C,
-		onApproved: oe,
-		onReopened: se,
-		onDeleted: ce,
-		onPay: le
-	}), [L, R] = f({
-		invoiceId: void 0,
-		open: !1,
-		shouldOpenEditMode: !1
-	}), z = () => {
-		R((e) => ({
-			...e,
-			open: !1,
-			shouldOpenEditMode: !1,
-			invoiceId: void 0
-		}));
-	}, [B, V] = f(!1), [H, U] = f(void 0), W = ae(!1), G = () => {
-		V(!1), U(void 0);
-	}, { FileInput: ue, openFileInput: de, checkFileError: fe } = a(), K = T.finops.postPayablesUploadFromFile.useMutation({}, {
-		onSuccess: () => T.finops.getPayables.invalidateQueries(E),
-		onError: () => {}
-	}), q = (e) => {
-		let n = e instanceof File ? [e] : Array.from(e);
-		if (n.length > 10) {
-			h.error(w._("You can only upload up to {fileCount} files at a time", { fileCount: 10 }));
-			return;
-		}
-		n.forEach((e) => {
-			let n = fe(e);
-			if (n) {
-				h.error(n);
-				return;
-			}
-			h.promise(K.mutateAsync({ file: e }), {
-				loading: w._("Uploading {fileName}", { fileName: e.name }),
-				success: w._("Payable {fileName} uploaded successfully", { fileName: e.name }),
-				error: (e) => t(w, e)
-			});
-		});
-	}, J = te(), Y = J.has(e.PayableWriteOrg), X = J.has(e.PayableReadOrg);
-	re(() => {
-		W.current || v === "create" && Y && (W.current = !0, U(y), V(!0));
-	}, [
-		v,
-		Y,
-		y
-	]);
-	let { root: Z } = i(), Q = "Monite-Payables-Header", $ = _ ?? O?.payables?.enableGLCodes ?? !1, pe = ie(() => n(D.components?.styles?.payables?.button), [D.components?.styles?.payables?.button]);
-	return /* @__PURE__ */ m("div", {
-		className: "Monite-Payables",
-		style: pe,
-		children: [
-			s(/* @__PURE__ */ p(d, {
-				isCreateAllowed: Y,
-				onCreateInvoice: () => {
-					U(void 0), V(!0);
-				},
-				handleFileUpload: q
-			})),
-			!X && /* @__PURE__ */ p(c, {}),
-			X && /* @__PURE__ */ p(ne, {
-				initialCounterpartId: v === "create" ? void 0 : y,
-				onRowClick: (e) => R({
-					open: !0,
-					invoiceId: e
-				}),
-				onPay: I,
-				onApproved: N,
-				onCanceled: A,
-				onSubmitted: j,
-				openFileInput: de,
-				setIsCreateInvoiceDialogOpen: V,
-				openEditDialog: (e) => R({
-					open: !0,
-					invoiceId: e,
-					shouldOpenEditMode: !0
-				})
-			}),
-			/* @__PURE__ */ p(ue, {
-				"aria-label": w._("Upload payable files"),
-				multiple: !0,
-				onChange: (e) => {
-					let t = e.target.files;
-					t && q(t);
-				}
-			}),
-			/* @__PURE__ */ p(o, {
-				className: Q + "-Dialog-PayableDetails",
-				open: L.open,
-				container: Z,
-				onClose: z,
-				onClosed: z,
-				fullScreen: !0,
-				children: /* @__PURE__ */ p(u, {
-					id: L.invoiceId,
-					shouldOpenInEditMode: L.shouldOpenEditMode,
-					enableGLCodes: $,
-					onClose: z,
-					onSaved: k,
-					onCanceled: A,
-					onSubmitted: j,
-					onRejected: M,
-					onApproved: N,
-					onReopened: P,
-					onDeleted: (e) => {
-						F?.(e), z(), h(w._("Bill #{payableId} has been deleted", { payableId: e }), { duration: 5e3 });
-					},
-					onPay: I
-				})
-			}),
-			/* @__PURE__ */ p(o, {
-				className: Q + "-Dialog-CreatePayable",
-				open: B,
-				container: Z,
-				onClose: G,
-				fullScreen: !0,
-				children: /* @__PURE__ */ p(u, {
-					shouldOpenInEditMode: !0,
-					initialCounterpartId: H,
-					enableGLCodes: $,
-					onClose: G,
-					onSaved: (e) => {
-						R({
-							open: !0,
-							invoiceId: e
-						}), G(), k?.(e);
-					}
-				})
-			})
-		]
-	});
-};
-//#endregion
-export { _ as Payables };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index436.js

@@ -1,26 +1,167 @@
-import "./index119.js";
-import "./index353.js";
-import "./index354.js";
-import "./index355.js";
-import "./index356.js";
-import "./index357.js";
-import "./index358.js";
-import "./index359.js";
-import "./index360.js";
-import "./index361.js";
-import "./index362.js";
-import "./index363.js";
-import "./index364.js";
-import "./index365.js";
-import "./index366.js";
-import "./index367.js";
-import "./index368.js";
-import "./index369.js";
-import "./index370.js";
-import "./index371.js";
-import "./index372.js";
-import "./index417.js";
-import "./index430.js";
-import "./index418.js";
-import "./index431.js";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { getAPIErrorMessage as t } from "./index27.js";
+import { generatePayablesButtonCssVars as n } from "./index43.js";
+import { useMoniteContext as r } from "./index46.js";
+import { useRootElements as i } from "./index213.js";
+import "./index214.js";
+import { useFileInput as a } from "./index216.js";
+import { useComponentSettings as ee } from "./index222.js";
+import "./index224.js";
+import { Dialog as o } from "./index236.js";
+import "./index237.js";
+import { MoniteScopedProviders as s } from "./index243.js";
+import { useUserPermissions as te } from "./index118.js";
+import { AccessRestriction as c } from "./index253.js";
+import "./index255.js";
+import { usePayableCallbacks as l } from "./index356.js";
+import { PayableDetails as u } from "./index418.js";
+import { PayablesTable as ne } from "./index431.js";
+import "./index419.js";
+import "./index432.js";
+import { CreatePayableMenu as d } from "./index434.js";
 import "./index435.js";
+import { useEffect as re, useMemo as ie, useRef as ae, useState as f } from "react";
+import { jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
+import { toast as h } from "react-hot-toast";
+import { useLingui as g } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index436.js
+var _ = (e) => /* @__PURE__ */ p(s, { children: /* @__PURE__ */ p(v, { ...e }) }), v = ({ pageTitleComponent: s, enableGLCodes: _, initialView: v, initialCounterpartId: y, onSaved: b, onCanceled: x, onSubmitted: S, onRejected: C, onApproved: oe, onReopened: se, onDeleted: ce, onPay: le }) => {
+	let { i18n: w } = g(), { api: T, queryClient: E, theme: D } = r(), { componentSettings: O } = ee(), { handleSaved: k, handleCanceled: A, handleSubmitted: j, handleRejected: M, handleApproved: N, handleReopened: P, handleDeleted: F, handlePay: I } = l({
+		onSaved: b,
+		onCanceled: x,
+		onSubmitted: S,
+		onRejected: C,
+		onApproved: oe,
+		onReopened: se,
+		onDeleted: ce,
+		onPay: le
+	}), [L, R] = f({
+		invoiceId: void 0,
+		open: !1,
+		shouldOpenEditMode: !1
+	}), z = () => {
+		R((e) => ({
+			...e,
+			open: !1,
+			shouldOpenEditMode: !1,
+			invoiceId: void 0
+		}));
+	}, [B, V] = f(!1), [H, U] = f(void 0), W = ae(!1), G = () => {
+		V(!1), U(void 0);
+	}, { FileInput: ue, openFileInput: de, checkFileError: fe } = a(), K = T.finops.postPayablesUploadFromFile.useMutation({}, {
+		onSuccess: () => T.finops.getPayables.invalidateQueries(E),
+		onError: () => {}
+	}), q = (e) => {
+		let n = e instanceof File ? [e] : Array.from(e);
+		if (n.length > 10) {
+			h.error(w._("You can only upload up to {fileCount} files at a time", { fileCount: 10 }));
+			return;
+		}
+		n.forEach((e) => {
+			let n = fe(e);
+			if (n) {
+				h.error(n);
+				return;
+			}
+			h.promise(K.mutateAsync({ file: e }), {
+				loading: w._("Uploading {fileName}", { fileName: e.name }),
+				success: w._("Payable {fileName} uploaded successfully", { fileName: e.name }),
+				error: (e) => t(w, e)
+			});
+		});
+	}, J = te(), Y = J.has(e.PayableWriteOrg), X = J.has(e.PayableReadOrg);
+	re(() => {
+		W.current || v === "create" && Y && (W.current = !0, U(y), V(!0));
+	}, [
+		v,
+		Y,
+		y
+	]);
+	let { root: Z } = i(), Q = "Monite-Payables-Header", $ = _ ?? O?.payables?.enableGLCodes ?? !1, pe = ie(() => n(D.components?.styles?.payables?.button), [D.components?.styles?.payables?.button]);
+	return /* @__PURE__ */ m("div", {
+		className: "Monite-Payables",
+		style: pe,
+		children: [
+			s(/* @__PURE__ */ p(d, {
+				isCreateAllowed: Y,
+				onCreateInvoice: () => {
+					U(void 0), V(!0);
+				},
+				handleFileUpload: q
+			})),
+			!X && /* @__PURE__ */ p(c, {}),
+			X && /* @__PURE__ */ p(ne, {
+				initialCounterpartId: v === "create" ? void 0 : y,
+				onRowClick: (e) => R({
+					open: !0,
+					invoiceId: e
+				}),
+				onPay: I,
+				onApproved: N,
+				onCanceled: A,
+				onSubmitted: j,
+				openFileInput: de,
+				setIsCreateInvoiceDialogOpen: V,
+				openEditDialog: (e) => R({
+					open: !0,
+					invoiceId: e,
+					shouldOpenEditMode: !0
+				})
+			}),
+			/* @__PURE__ */ p(ue, {
+				"aria-label": w._("Upload payable files"),
+				multiple: !0,
+				onChange: (e) => {
+					let t = e.target.files;
+					t && q(t);
+				}
+			}),
+			/* @__PURE__ */ p(o, {
+				className: Q + "-Dialog-PayableDetails",
+				open: L.open,
+				container: Z,
+				onClose: z,
+				onClosed: z,
+				fullScreen: !0,
+				children: /* @__PURE__ */ p(u, {
+					id: L.invoiceId,
+					shouldOpenInEditMode: L.shouldOpenEditMode,
+					enableGLCodes: $,
+					onClose: z,
+					onSaved: k,
+					onCanceled: A,
+					onSubmitted: j,
+					onRejected: M,
+					onApproved: N,
+					onReopened: P,
+					onDeleted: (e) => {
+						F?.(e), z(), h(w._("Bill #{payableId} has been deleted", { payableId: e }), { duration: 5e3 });
+					},
+					onPay: I
+				})
+			}),
+			/* @__PURE__ */ p(o, {
+				className: Q + "-Dialog-CreatePayable",
+				open: B,
+				container: Z,
+				onClose: G,
+				fullScreen: !0,
+				children: /* @__PURE__ */ p(u, {
+					shouldOpenInEditMode: !0,
+					initialCounterpartId: H,
+					enableGLCodes: $,
+					onClose: G,
+					onSaved: (e) => {
+						R({
+							open: !0,
+							invoiceId: e
+						}), G(), k?.(e);
+					}
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { _ as Payables };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index437.js

@@ -1,10 +1,26 @@
-import { CounterpartNameCellById as e } from "./index248.js";
-import "./index334.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index437.js
-var n = ({ counterpartName: n, counterpartId: r }) => n ? /* @__PURE__ */ t("span", { children: n }) : r ? /* @__PURE__ */ t(e, { counterpartId: r }) : /* @__PURE__ */ t("span", {
-	style: { opacity: .4 },
-	children: "-"
-});
-//#endregion
-export { n as InvoicesCounterpartCell };
+import "./index119.js";
+import "./index354.js";
+import "./index355.js";
+import "./index356.js";
+import "./index357.js";
+import "./index358.js";
+import "./index359.js";
+import "./index360.js";
+import "./index361.js";
+import "./index362.js";
+import "./index363.js";
+import "./index364.js";
+import "./index365.js";
+import "./index366.js";
+import "./index367.js";
+import "./index368.js";
+import "./index369.js";
+import "./index370.js";
+import "./index371.js";
+import "./index372.js";
+import "./index373.js";
+import "./index418.js";
+import "./index431.js";
+import "./index419.js";
+import "./index432.js";
+import "./index436.js";

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index438.js

@@ -1,40 +1,10 @@
-import { cn as e } from "./index48.js";
-import { RECURRENCE_STATUS_ICON as t } from "./index92.js";
-import { getCommonRecurrenceStatusLabel as n } from "./index154.js";
-import "./index183.js";
-import { Badge as r } from "./index229.js";
-import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
-import { useLingui as o } from "@lingui/react";
-import { cva as s } from "class-variance-authority";
+import { CounterpartNameCellById as e } from "./index249.js";
+import "./index335.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index438.js
-var c = s("", { variants: {
-	variant: {
-		active: "ttw:bg-indigo-100 ttw:text-indigo-700",
-		paused: "ttw:bg-yellow-100 ttw:text-yellow-700",
-		canceled: "ttw:bg-red-100 ttw:text-red-700",
-		completed: "ttw:bg-green-100 ttw:text-green-700"
-	},
-	dotVariant: {
-		active: "ttw:border-indigo-100 ttw:bg-indigo-700",
-		paused: "ttw:border-yellow-100 ttw:bg-yellow-700",
-		canceled: "ttw:border-red-100 ttw:bg-red-700",
-		completed: "ttw:border-green-100 ttw:bg-green-700"
-	}
-} }), l = ({ status: s, className: l, showBadgeBackground: u = !0, showIcon: d = !1, dotSize: f, ref: p }) => {
-	let { i18n: m } = o(), h = t[s];
-	return /* @__PURE__ */ a(r, {
-		ref: p,
-		className: e("ttw:inline-flex ttw:items-center ttw:gap-1", c({ variant: s }), l),
-		dotClassName: c({ dotVariant: s }),
-		showBadgeBackground: u,
-		showDotBorder: !u,
-		dotSize: f,
-		showDot: !1,
-		children: [d && /* @__PURE__ */ i(h, {
-			className: "ttw:size-3",
-			"aria-hidden": !0
-		}), n(m, s)]
-	});
-};
+var n = ({ counterpartName: n, counterpartId: r }) => n ? /* @__PURE__ */ t("span", { children: n }) : r ? /* @__PURE__ */ t(e, { counterpartId: r }) : /* @__PURE__ */ t("span", {
+	style: { opacity: .4 },
+	children: "-"
+});
 //#endregion
-export { l as InvoiceRecurrenceStatusChip };
+export { n as InvoicesCounterpartCell };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index439.js

@@ -1,156 +1,40 @@
-import { AmountFilter as e, DateRangePicker as t, FilterBar as n, FilterMenuButton as r, FilterTag as i, Input as a, MultiSelectFilter as o, Popover as s, PopoverContent as c, PopoverTrigger as l, SearchInput as u, useFilterPanel as d } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ListFilter as f } from "lucide-react";
-import { Fragment as p, jsx as m, jsxs as h } from "@emotion/react/jsx-runtime";
-import { useLingui as g } from "@lingui/react";
+import { cn as e } from "./index48.js";
+import { RECURRENCE_STATUS_ICON as t } from "./index92.js";
+import { getCommonRecurrenceStatusLabel as n } from "./index154.js";
+import "./index184.js";
+import { Badge as r } from "./index230.js";
+import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { useLingui as o } from "@lingui/react";
+import { cva as s } from "class-variance-authority";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index439.js
-var _ = {
-	due_date: "Due date",
-	created_at: "Created on",
-	issue_date: "Issue date"
-}, v = [
-	{
-		id: "date_due_date",
-		label: "Due date",
-		field: "due_date"
+var c = s("", { variants: {
+	variant: {
+		active: "ttw:bg-indigo-100 ttw:text-indigo-700",
+		paused: "ttw:bg-yellow-100 ttw:text-yellow-700",
+		canceled: "ttw:bg-red-100 ttw:text-red-700",
+		completed: "ttw:bg-green-100 ttw:text-green-700"
 	},
-	{
-		id: "date_created_at",
-		label: "Created on",
-		field: "created_at"
-	},
-	{
-		id: "date_issue_date",
-		label: "Issue date",
-		field: "issue_date"
-	},
-	{
-		id: "status",
-		label: "Status",
-		field: void 0
-	},
-	{
-		id: "amount",
-		label: "Amount",
-		field: void 0
-	},
-	{
-		id: "customer",
-		label: "Customer",
-		field: void 0
+	dotVariant: {
+		active: "ttw:border-indigo-100 ttw:bg-indigo-700",
+		paused: "ttw:border-yellow-100 ttw:bg-yellow-700",
+		canceled: "ttw:border-red-100 ttw:bg-red-700",
+		completed: "ttw:border-green-100 ttw:bg-green-700"
 	}
-], y = {
-	date_due_date: "ttw:w-auto",
-	date_created_at: "ttw:w-auto",
-	date_issue_date: "ttw:w-auto",
-	status: "ttw:w-56",
-	amount: "ttw:w-64",
-	customer: "ttw:w-64"
-};
-function b(b) {
-	let { i18n: x } = g(), S = d(), C = S.isMenuOpen || !!S.activePanelId, w = S.activePanelId && y[S.activePanelId] || "ttw:w-52", T = b.allPresets.map((e) => ({
-		value: e.value,
-		label: e.label,
-		group: e.group
-	})), E = (e) => {
-		e || (S.closeMenu(), S.closePanel());
-	}, D = (e) => {
-		S.openPanel(e);
-	};
-	return /* @__PURE__ */ m(n, {
-		className: "ttw:pl-4",
-		searchSlot: /* @__PURE__ */ m(u, {
-			value: b.searchValue,
-			onChange: (e) => b.onSearchChange(e.target.value),
-			placeholder: "Search by number or customer...",
-			className: "ttw:min-w-64"
-		}),
-		menuSlot: /* @__PURE__ */ h(s, {
-			open: C,
-			onOpenChange: E,
-			children: [/* @__PURE__ */ m(l, {
-				asChild: !0,
-				children: /* @__PURE__ */ m(r, {
-					activeCount: b.activeFilterCount,
-					onClick: S.toggleMenu
-				})
-			}), /* @__PURE__ */ h(c, {
-				align: "start",
-				className: `ttw:p-0 ${w}`,
-				children: [
-					S.isMenuOpen && /* @__PURE__ */ m("div", {
-						className: "ttw:p-1",
-						children: v.map((e) => /* @__PURE__ */ h("button", {
-							type: "button",
-							className: "ttw:flex ttw:items-center ttw:gap-2 ttw:w-full ttw:px-2 ttw:py-1.5 ttw:rounded-md ttw:text-xs ttw:font-medium ttw:hover:bg-accent ttw:transition-colors ttw:cursor-pointer",
-							onClick: () => D(e.id),
-							children: [/* @__PURE__ */ m(f, { className: "ttw:size-4 ttw:text-muted-foreground ttw:shrink-0" }), e.label]
-						}, e.id))
-					}),
-					v.filter((e) => e.field !== void 0).map((e) => S.activePanelId === e.id && e.field && /* @__PURE__ */ m(t, {
-						from: b.activeDateFields[e.field]?.from,
-						to: b.activeDateFields[e.field]?.to,
-						onRangeChange: (t) => b.onDateFieldRangeChange(e.field, t),
-						selectedPreset: b.activeDateFields[e.field]?.preset,
-						onPresetChange: (t) => b.onDateFieldPresetChange(e.field, t),
-						presets: T,
-						labels: { fieldLabel: _[e.field] }
-					}, e.id)),
-					S.activePanelId === "status" && /* @__PURE__ */ m(o, {
-						options: b.statusOptions,
-						selectedValues: b.selectedStatus,
-						onSelectionChange: b.onStatusChange
-					}),
-					S.activePanelId === "amount" && /* @__PURE__ */ m(e, {
-						mode: b.amountMode,
-						onModeChange: b.onAmountModeChange,
-						min: b.amountMin,
-						max: b.amountMax,
-						onMinChange: b.onAmountMinChange,
-						onMaxChange: b.onAmountMaxChange,
-						showFlowDirection: !1,
-						labels: {
-							min: "No less than",
-							max: "No more than"
-						}
-					}),
-					S.activePanelId === "customer" && /* @__PURE__ */ h("div", {
-						className: "ttw:p-3 ttw:flex ttw:flex-col ttw:gap-2",
-						children: [
-							/* @__PURE__ */ m("p", {
-								className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
-								children: "Customer name"
-							}),
-							/* @__PURE__ */ m(a, {
-								type: "text",
-								value: b.customerName,
-								onChange: (e) => b.onCustomerNameChange(e.target.value),
-								placeholder: "Search customers...",
-								className: "ttw:h-8 ttw:text-xs"
-							}),
-							/* @__PURE__ */ m("p", {
-								className: "ttw:text-xs ttw:text-muted-foreground",
-								children: x._("Matches names containing your search")
-							})
-						]
-					})
-				]
-			})]
-		}),
-		activeChipsSlot: /* @__PURE__ */ h(p, { children: [b.activeChips.map((e) => /* @__PURE__ */ m(i, {
-			label: e.label,
-			count: e.count,
-			variant: "default",
-			onLabelClick: e.key === "date" ? () => {
-				S.openPanel("date");
-			} : void 0,
-			onDismiss: () => b.onDismissChip(e.key)
-		}, e.key)), b.activeFilterCount > 0 && /* @__PURE__ */ m("button", {
-			type: "button",
-			className: "ttw:text-xs ttw:text-muted-foreground ttw:hover:text-foreground ttw:transition-colors ttw:cursor-pointer ttw:whitespace-nowrap",
-			onClick: b.onClearAll,
-			children: "Clear all"
-		})] })
+} }), l = ({ status: s, className: l, showBadgeBackground: u = !0, showIcon: d = !1, dotSize: f, ref: p }) => {
+	let { i18n: m } = o(), h = t[s];
+	return /* @__PURE__ */ a(r, {
+		ref: p,
+		className: e("ttw:inline-flex ttw:items-center ttw:gap-1", c({ variant: s }), l),
+		dotClassName: c({ dotVariant: s }),
+		showBadgeBackground: u,
+		showDotBorder: !u,
+		dotSize: f,
+		showDot: !1,
+		children: [d && /* @__PURE__ */ i(h, {
+			className: "ttw:size-3",
+			"aria-hidden": !0
+		}), n(m, s)]
 	});
-}
+};
 //#endregion
-export { b as InvoicesFilterBar };
+export { l as InvoiceRecurrenceStatusChip };