@tesouro/embedded-components-react 0.5.160 → 0.5.162

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

@@ -1,555 +1,60 @@
 import { cn as e } from "./index48.js";
 import { Button as t } from "./index55.js";
-import { Input as n } from "./index88.js";
-import { Typography as r } from "./index61.js";
-import { Label as i } from "./index86.js";
-import { Field as a, FieldContent as o, FieldError as s } from "./index87.js";
-import { RECURRENCE_CREATION_MODES as ee, RECURRENCE_EMAIL_FIELD_NAMES as te } from "./index92.js";
-import { Select as c, SelectContent as l, SelectItem as u, SelectSeparator as d, SelectTrigger as f, SelectValue as p } from "./index107.js";
-import { isRecurrenceEmailComplete as ne } from "./index168.js";
-import { RECEIPT_DUE_PAYMENT_TERM as re } from "./index176.js";
-import { DatePicker as m } from "./index456.js";
-import { useRecurrenceSectionLabels as h } from "./index458.js";
-import { RecurrenceEmailModal as g } from "./index459.js";
-import { useState as ie } from "react";
-import { Fragment as _, jsx as v, jsxs as y } from "@emotion/react/jsx-runtime";
-import { useLingui as ae } from "@lingui/react";
-import { Controller as b, useFormContext as oe } from "react-hook-form";
+import { Badge as n } from "./index229.js";
+import * as r from "react";
+import { XIcon as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index460.js
-var x = "recurrence-email-error", S = [
-	"day",
-	"week",
-	"month"
-], C = (e) => {
-	(e.key === "." || e.key === ",") && e.preventDefault();
-}, w = (e) => {
-	let t = [
-		"th",
-		"st",
-		"nd",
-		"rd"
-	], n = e % 100;
-	return `${e}${t[(n - 20) % 10] ?? t[n] ?? t[0]}`;
-}, T = Array.from({ length: 31 }, (e, t) => t + 1), E = [
-	"recurrence_start_date",
-	"recurrence_end_date",
-	"recurrence_issue_mode",
-	"recurrence_days_of_week",
-	"recurrence_end_mode",
-	"recurrence_max_occurrences"
-], D = {
-	su: 0,
-	mo: 1,
-	tu: 2,
-	we: 3,
-	th: 4,
-	fr: 5,
-	sa: 6
-}, O = () => {
-	let e = /* @__PURE__ */ new Date();
-	return e.setHours(0, 0, 0, 0), e;
-}, se = () => {
-	let e = O();
-	return e.setDate(e.getDate() + 1), e;
-}, ce = (e) => {
-	let t = O(), n = (D[e] - t.getDay() + 7) % 7 || 7, r = new Date(t);
-	return r.setDate(t.getDate() + n), r;
-}, k = ({ lockSchedule: O = !1, labels: k, emailModalLabels: ue }) => {
-	let { i18n: A } = ae(), j = h(k), { control: M, watch: N, clearErrors: P, getValues: F, setValue: I, formState: { errors: L } } = oe(), R = N("frequency"), z = N("payment_terms_id"), B = N("recurrence_issue_mode"), V = N("recurrence_end_mode"), H = N("recurrence_days_of_week"), de = N("recurrence_max_occurrences"), U = Number(de) === 1, W = N("recurrence_start_date"), G = W ? new Date(W) : void 0, K = N("recurrence_end_date"), q = K ? new Date(K) : void 0, [fe, J] = ie(!1), Y = N("recurrence_automation_level") ?? "issue", X = Y === "issue_and_send", Z = N("recurrence_recipients_to"), pe = Z?.length ? Z.join(", ") : j.noRecipients, Q = te.map((e) => L[e]).find(Boolean), $ = (e) => {
-		if (e < se()) return !0;
-		if (R === "week") return H ? e.getDay() !== D[H] : !1;
-		if (R !== "month" || !B) return !1;
-		let t = e.getDate(), n = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
-		if (B === "first_day") return t !== 1;
-		if (B === "last_day") return t !== n;
-		let r = Number(B);
-		return !Number.isNaN(r) && t !== Math.min(r, n);
-	}, me = (e) => {
-		if ($(e)) return !0;
-		if (!G) return !1;
-		let t = new Date(G);
-		return t.setHours(0, 0, 0, 0), e < t;
-	}, he = (e) => {
-		if ($(e)) return !0;
-		if (!q) return !1;
-		let t = new Date(q);
-		return t.setHours(0, 0, 0, 0), e > t;
+var s = ({ className: s, value: c, onChange: l, onPendingChange: u, ref: d, ...f }) => {
+	let [p, m] = r.useState(""), h = (e) => {
+		m(e), u?.(e);
 	};
-	return /* @__PURE__ */ y("section", {
-		className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-		children: [
-			/* @__PURE__ */ y("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-2.5",
-				children: [
-					/* @__PURE__ */ v(r, {
-						variant: "body2",
-						color: "muted",
-						className: "ttw:text-nowrap",
-						children: A._("Repeat this invoice")
-					}),
-					/* @__PURE__ */ v(b, {
-						name: "frequency",
-						control: M,
-						render: ({ field: e }) => /* @__PURE__ */ v(a, {
-							className: "ttw:w-fit",
-							children: /* @__PURE__ */ v(o, {
-								className: "ttw:grow-0",
-								children: /* @__PURE__ */ y(c, {
-									value: e.value,
-									disabled: O,
-									onValueChange: (t) => {
-										P(E), E.forEach((e) => {
-											I(e, void 0, { shouldDirty: !1 });
-										}), S.includes(t) ? (I("payment_terms_id", re, { shouldDirty: !0 }), I("payment_terms_custom_date", null, { shouldDirty: !1 }), I("payment_reminder_id", "", { shouldDirty: !0 })) : t !== "once" && z === "custom" && (I("payment_terms_id", "", { shouldDirty: !0 }), I("payment_terms_custom_date", null, { shouldDirty: !1 })), e.onChange(t);
-									},
-									children: [/* @__PURE__ */ v(f, {
-										id: "frequency",
-										className: "ttw:w-31",
-										children: /* @__PURE__ */ v(p, {})
-									}), /* @__PURE__ */ y(l, { children: [
-										/* @__PURE__ */ v(u, {
-											value: "once",
-											children: A._("Once")
-										}),
-										/* @__PURE__ */ v(u, {
-											value: "day",
-											children: A._("Daily")
-										}),
-										/* @__PURE__ */ v(u, {
-											value: "week",
-											children: A._("Weekly")
-										}),
-										/* @__PURE__ */ v(u, {
-											value: "month",
-											children: A._("Monthly")
-										}),
-										/* @__PURE__ */ v(u, {
-											value: "quarter",
-											children: A._("Quarterly")
-										}),
-										/* @__PURE__ */ v(u, {
-											value: "year",
-											children: A._("Annually")
-										})
-									] })]
-								})
-							})
-						})
-					}),
-					(() => {
-						switch (R) {
-							case "once":
-							case "day":
-							case "quarter":
-							case "year":
-							default: return null;
-							case "month": return /* @__PURE__ */ y(_, { children: [
-								/* @__PURE__ */ v(r, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: A._("on the")
-								}),
-								/* @__PURE__ */ v(b, {
-									name: "recurrence_issue_mode",
-									control: M,
-									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
-										className: "ttw:w-fit",
-										children: /* @__PURE__ */ v(o, {
-											className: "ttw:grow-0",
-											children: /* @__PURE__ */ y(c, {
-												value: e.value,
-												disabled: O,
-												onValueChange: (t) => {
-													e.onChange(t), P("recurrence_issue_mode"), O || I("recurrence_start_date", void 0, { shouldDirty: !1 });
-												},
-												children: [/* @__PURE__ */ v(f, {
-													id: "recurrence_issue_mode",
-													className: "ttw:min-w-21 ttw:w-fit",
-													"aria-invalid": !!t,
-													children: /* @__PURE__ */ v(p, {})
-												}), /* @__PURE__ */ y(l, { children: [
-													/* @__PURE__ */ v(u, {
-														value: "first_day",
-														children: A._("First day")
-													}),
-													/* @__PURE__ */ v(u, {
-														value: "last_day",
-														children: A._("Last day")
-													}),
-													/* @__PURE__ */ v(d, {}),
-													T.map((e) => /* @__PURE__ */ v(u, {
-														value: String(e),
-														children: w(e)
-													}, e))
-												] })]
-											})
-										})
-									})
-								}),
-								/* @__PURE__ */ v(r, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: A._("day of every month")
-								})
-							] });
-							case "week": return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(r, {
-								variant: "body2",
-								color: "muted",
-								children: A._("on")
-							}), /* @__PURE__ */ v(b, {
-								name: "recurrence_days_of_week",
-								control: M,
-								render: ({ field: t, fieldState: { error: n } }) => {
-									let r = t.value, i = (e) => {
-										O || r === e || (t.onChange(e), I("recurrence_start_date", ce(e), { shouldDirty: !0 }), P("recurrence_start_date"));
-									};
-									return /* @__PURE__ */ v(a, {
-										className: "ttw:w-fit",
-										children: /* @__PURE__ */ v(o, {
-											className: "ttw:grow-0",
-											children: /* @__PURE__ */ y("div", {
-												"aria-invalid": !!n,
-												"aria-disabled": O || void 0,
-												className: e("ttw:flex ttw:border ttw:border-border ttw:rounded-md ttw:h-8 ttw:w-56 ttw:aria-invalid:border-destructive", O && "ttw:opacity-50 ttw:pointer-events-none"),
-												children: [
-													/* @__PURE__ */ v("button", {
-														type: "button",
-														disabled: O,
-														"aria-pressed": r === "mo",
-														"data-active": r === "mo",
-														onClick: () => i("mo"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: A._("Mo")
-													}),
-													/* @__PURE__ */ v("button", {
-														type: "button",
-														disabled: O,
-														"aria-pressed": r === "tu",
-														"data-active": r === "tu",
-														onClick: () => i("tu"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: A._("Tu")
-													}),
-													/* @__PURE__ */ v("button", {
-														type: "button",
-														disabled: O,
-														"aria-pressed": r === "we",
-														"data-active": r === "we",
-														onClick: () => i("we"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: A._("We")
-													}),
-													/* @__PURE__ */ v("button", {
-														type: "button",
-														disabled: O,
-														"aria-pressed": r === "th",
-														"data-active": r === "th",
-														onClick: () => i("th"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: A._("Th")
-													}),
-													/* @__PURE__ */ v("button", {
-														type: "button",
-														disabled: O,
-														"aria-pressed": r === "fr",
-														"data-active": r === "fr",
-														onClick: () => i("fr"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: A._("Fr")
-													}),
-													/* @__PURE__ */ v("button", {
-														type: "button",
-														disabled: O,
-														"aria-pressed": r === "sa",
-														"data-active": r === "sa",
-														onClick: () => i("sa"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: A._("Sa")
-													}),
-													/* @__PURE__ */ v("button", {
-														type: "button",
-														disabled: O,
-														"aria-pressed": r === "su",
-														"data-active": r === "su",
-														onClick: () => i("su"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: A._("Su")
-													})
-												]
-											})
-										})
-									});
-								}
-							})] });
-						}
-					})()
-				]
-			}),
-			R !== "once" && /* @__PURE__ */ y("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-2.5",
-				children: [
-					/* @__PURE__ */ v(r, {
-						variant: "body2",
-						color: "muted",
-						className: "ttw:text-nowrap",
-						children: A._("Start on")
-					}),
-					/* @__PURE__ */ v(b, {
-						control: M,
-						name: "recurrence_start_date",
-						render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
-							className: "ttw:grow-0 ttw:w-44",
-							children: /* @__PURE__ */ v(o, { children: /* @__PURE__ */ v(m, {
-								...e,
-								selected: e.value ? new Date(e.value) : void 0,
-								onSelect: e.onChange,
-								showOutsideDays: !1,
-								shouldDisableButton: O || R === "week" && !H,
-								disabled: he,
-								"aria-invalid": !!t,
-								startMonth: /* @__PURE__ */ new Date(),
-								endMonth: q ? new Date(q.getFullYear(), q.getMonth(), 1) : new Date(2050, 11)
-							}) })
-						})
-					}),
-					(() => {
-						switch (R) {
-							case "once":
-							default: return null;
-							case "day": return /* @__PURE__ */ y(_, { children: [
-								/* @__PURE__ */ v(r, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: A._("and end")
-								}),
-								/* @__PURE__ */ v(b, {
-									name: "recurrence_end_mode",
-									control: M,
-									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
-										className: "ttw:w-fit",
-										children: /* @__PURE__ */ v(o, {
-											className: "ttw:grow-0",
-											children: /* @__PURE__ */ y(c, {
-												value: e.value,
-												onValueChange: (t) => {
-													e.onChange(t), I(t === "after" ? "recurrence_end_date" : "recurrence_max_occurrences", void 0, { shouldDirty: !1 });
-												},
-												children: [/* @__PURE__ */ v(f, {
-													id: "recurrence_end_mode",
-													className: "ttw:w-21",
-													"aria-invalid": !!t,
-													children: /* @__PURE__ */ v(p, {})
-												}), /* @__PURE__ */ y(l, { children: [/* @__PURE__ */ v(u, {
-													value: "after",
-													children: A._("After")
-												}), /* @__PURE__ */ v(u, {
-													value: "on",
-													children: A._("On")
-												})] })]
-											})
-										})
-									})
-								}),
-								V === "on" ? /* @__PURE__ */ v(b, {
-									control: M,
-									name: "recurrence_end_date",
-									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
-										className: "ttw:grow-0 ttw:w-44",
-										children: /* @__PURE__ */ v(o, { children: /* @__PURE__ */ v(m, {
-											...e,
-											selected: e.value ? new Date(e.value) : void 0,
-											onSelect: e.onChange,
-											showOutsideDays: !1,
-											disabled: me,
-											"aria-invalid": !!t,
-											startMonth: G ? new Date(G.getFullYear(), G.getMonth(), 1) : /* @__PURE__ */ new Date(),
-											endMonth: new Date(2050, 11)
-										}) })
-									})
-								}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(b, {
-									name: "recurrence_max_occurrences",
-									control: M,
-									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
-										className: "ttw:w-fit",
-										children: /* @__PURE__ */ v(o, {
-											className: "ttw:grow-0",
-											children: /* @__PURE__ */ v(n, {
-												...e,
-												className: "ttw:w-16",
-												value: e.value ?? "",
-												type: "number",
-												min: 0,
-												max: 1e3,
-												onKeyDown: C,
-												"aria-invalid": !!t
-											})
-										})
-									})
-								}), /* @__PURE__ */ v(r, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: U ? A._("day") : A._("days")
-								})] })
-							] });
-							case "month":
-							case "quarter":
-							case "year":
-							case "week": return /* @__PURE__ */ y(_, { children: [
-								/* @__PURE__ */ v(r, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: A._("and end after")
-								}),
-								/* @__PURE__ */ v(b, {
-									name: "recurrence_max_occurrences",
-									control: M,
-									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
-										className: "ttw:w-fit",
-										children: /* @__PURE__ */ v(o, {
-											className: "ttw:grow-0",
-											children: /* @__PURE__ */ v(n, {
-												...e,
-												className: "ttw:w-16",
-												value: e.value ?? "",
-												type: "number",
-												min: 0,
-												max: 1e3,
-												onKeyDown: C,
-												"aria-invalid": !!t
-											})
-										})
-									})
-								}),
-								/* @__PURE__ */ y(r, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: [
-										R === "month" && (U ? A._("month") : A._("months")),
-										R === "quarter" && (U ? A._("quarter") : A._("quarters")),
-										R === "week" && (U ? A._("week") : A._("weeks")),
-										R === "year" && (U ? A._("year") : A._("years"))
-									]
-								})
-							] });
-						}
-					})()
-				]
-			}),
-			L.recurrence_max_occurrences && /* @__PURE__ */ v(s, { errors: [L.recurrence_max_occurrences] }),
-			/* @__PURE__ */ v(g, {
-				open: fe,
-				onOpenChange: J,
-				labels: ue
-			}),
-			[
-				"month",
-				"quarter",
-				"year"
-			].includes(R) && /* @__PURE__ */ v(r, {
-				variant: "caption",
-				color: "muted",
-				children: A._("If the issue day doesn't exist in a given month, e.g., the 31st, then the invoice will be sent on the last day of that month.")
-			}),
-			R !== "once" && /* @__PURE__ */ y("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:pt-1.5",
-				children: [
-					/* @__PURE__ */ v(i, {
-						htmlFor: "recurrence_automation_level",
-						children: /* @__PURE__ */ y(r, {
-							variant: "body2",
-							component: "span",
-							className: "ttw:block",
-							children: [
-								j.creationModeQuestion,
-								" ",
-								/* @__PURE__ */ v(r, {
-									variant: "body2",
-									component: "span",
-									color: "muted",
-									children: j.creationModeHint
-								})
-							]
-						})
-					}),
-					/* @__PURE__ */ v(b, {
-						name: "recurrence_automation_level",
-						control: M,
-						render: ({ field: e }) => /* @__PURE__ */ y(c, {
-							value: Y,
-							onValueChange: (t) => {
-								e.onChange(t);
-								let [n, r, i, a, o] = F([
-									"recurrence_subject_text",
-									"recurrence_body_text",
-									"recurrence_recipients_to",
-									"recurrence_recipients_cc",
-									"recurrence_recipients_bcc"
-								]);
-								t === "issue_and_send" && !ne({
-									to: i,
-									cc: a,
-									bcc: o,
-									subject: n,
-									body: r
-								}) && J(!0);
-							},
-							children: [/* @__PURE__ */ v(f, {
-								id: "recurrence_automation_level",
-								"aria-invalid": !!Q,
-								"aria-describedby": Q ? x : void 0,
-								className: "ttw:h-auto! ttw:w-full ttw:py-2.5 ttw:*:data-[slot=select-value]:line-clamp-none",
-								children: /* @__PURE__ */ v(p, {})
-							}), /* @__PURE__ */ v(l, { children: ee.map(({ value: e, Icon: t }) => /* @__PURE__ */ v(u, {
-								value: e,
-								children: /* @__PURE__ */ v(le, {
-									Icon: t,
-									...j.creationModes[e]
-								})
-							}, e)) })]
-						})
-					}),
-					X && /* @__PURE__ */ y("div", {
-						className: "ttw:flex ttw:items-center ttw:gap-2",
-						children: [/* @__PURE__ */ v(r, {
-							variant: "body2",
-							color: "muted",
-							className: "ttw:truncate",
-							children: pe
-						}), /* @__PURE__ */ v(t, {
-							type: "button",
-							variant: "link",
-							className: "ttw:h-auto ttw:p-0",
-							onClick: () => J(!0),
-							children: j.setUpEmail
-						})]
-					}),
-					Q && /* @__PURE__ */ v(s, {
-						id: x,
-						errors: [Q]
-					})
-				]
-			})
-		]
-	});
-}, le = ({ Icon: e, title: t, description: n }) => /* @__PURE__ */ y("div", {
-	className: "ttw:flex ttw:items-center ttw:gap-3",
-	children: [/* @__PURE__ */ v(e, { className: "ttw:size-5 ttw:shrink-0 ttw:text-muted-foreground" }), /* @__PURE__ */ y("div", {
-		className: "ttw:flex ttw:flex-col ttw:text-left",
-		children: [/* @__PURE__ */ v(r, {
-			variant: "body2",
-			children: t
-		}), /* @__PURE__ */ v(r, {
-			variant: "body2",
-			color: "muted",
-			children: n
+	r.useEffect(() => {
+		if (p.includes(",")) {
+			let e = /* @__PURE__ */ new Set([...c, ...p.split(",").map((e) => e.trim())]);
+			l(Array.from(e)), m(""), u?.("");
+		}
+	}, [
+		p,
+		l,
+		u,
+		c
+	]);
+	let g = () => {
+		let e = p.trim();
+		if (e) {
+			let t = /* @__PURE__ */ new Set([...c, e]);
+			l(Array.from(t)), h("");
+		}
+	};
+	return /* @__PURE__ */ o("div", {
+		className: e("ttw:has-[:focus-visible]:ttw:outline-none ttw:has-[:focus-visible]:ttw:ring-2 ttw:has-[:focus-visible]:ttw:ring-neutral-950 ttw:has-[:focus-visible]:ttw:ring-offset-2 dark:ttw:has-[:focus-visible]:ttw:ring-neutral-300 ttw:min-h-10 ttw:flex ttw:w-full ttw:flex-wrap ttw:gap-2 ttw:rounded-md ttw:border ttw:border-neutral-200 ttw:bg-white ttw:px-3 ttw:py-2 ttw:text-sm ttw:ring-offset-white ttw:disabled:ttw:cursor-not-allowed ttw:disabled:ttw:opacity-50 dark:ttw:border-neutral-800 dark:ttw:bg-neutral-950 dark:ttw:ring-offset-neutral-950", s),
+		children: [c.map((e) => /* @__PURE__ */ o(n, {
+			variant: "secondary",
+			children: [e, /* @__PURE__ */ a(t, {
+				variant: "ghost",
+				size: "icon",
+				className: "ttw:ml-2 ttw:h-3 ttw:w-3",
+				onClick: () => {
+					l(c.filter((t) => t !== e));
+				},
+				children: /* @__PURE__ */ a(i, { className: "ttw:w-3" })
+			})]
+		}, e)), /* @__PURE__ */ a("input", {
+			className: "ttw:flex-1 ttw:outline-none ttw:placeholder:ttw:text-neutral-500 dark:ttw:placeholder:ttw:text-neutral-400",
+			value: p,
+			onChange: (e) => h(e.target.value),
+			onKeyDown: (e) => {
+				e.key === "Enter" || e.key === "," ? (e.preventDefault(), g()) : e.key === "Backspace" && p.length === 0 && c.length > 0 && (e.preventDefault(), l(c.slice(0, -1)));
+			},
+			...f,
+			onBlur: (e) => {
+				g(), f.onBlur?.(e);
+			},
+			ref: d
 		})]
-	})]
-});
+	});
+};
+s.displayName = "InputTags";
 //#endregion
-export { k as RecurrenceSection };
+export { s as InputTags };