@tesouro/embedded-components-react 0.2.241 → 0.2.243

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

@@ -1 +1,79 @@
-import "./index287.js";
+import { useDialog as e } from "./index201.js";
+import "./index202.js";
+import { Fragment as t, jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
+import { Button as i, CircularProgress as a, DialogActions as o, Divider as s, Stack as c } from "@mui/material";
+import { useLingui as l } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index288.js
+var u = ({ deleteButton: u, primaryButton: d, secondaryButton: f, cancelButton: p, showDivider: m = !0 }) => {
+	let { i18n: h } = l(), g = e();
+	return /* @__PURE__ */ r(t, { children: [m && /* @__PURE__ */ n(s, {}), /* @__PURE__ */ r(o, {
+		sx: {
+			display: "flex",
+			justifyContent: "space-between",
+			width: "100%"
+		},
+		children: [/* @__PURE__ */ r(c, {
+			direction: "row",
+			spacing: 2,
+			children: [u && /* @__PURE__ */ n(i, {
+				variant: "text",
+				color: "error",
+				onClick: u.onClick,
+				disabled: u.isDisabled || u.isLoading,
+				children: u.isLoading ? /* @__PURE__ */ n(a, {
+					color: "inherit",
+					size: 20
+				}) : u.label || h._("Delete")
+			}), f?.onTheLeft && /* @__PURE__ */ n(i, {
+				variant: "text",
+				color: "primary",
+				onClick: f.onClick,
+				disabled: f.isDisabled || f.isLoading,
+				children: f.isLoading ? /* @__PURE__ */ n(a, {
+					color: "inherit",
+					size: 20
+				}) : f.label
+			})]
+		}), /* @__PURE__ */ r(c, {
+			direction: "row",
+			spacing: 2,
+			children: [
+				!p?.hideCancel && /* @__PURE__ */ n(i, {
+					variant: "text",
+					color: "primary",
+					onClick: p?.onClick || g?.onClose,
+					disabled: d?.isLoading || f?.isLoading || u?.isLoading,
+					children: p?.label || h._("Cancel")
+				}),
+				f && !f.onTheLeft && /* @__PURE__ */ n(i, {
+					variant: "text",
+					color: "primary",
+					onClick: f.onClick,
+					disabled: f.isDisabled || f.isLoading,
+					children: f.isLoading ? /* @__PURE__ */ n(a, {
+						color: "inherit",
+						size: 20
+					}) : f.label
+				}),
+				d && /* @__PURE__ */ n(i, {
+					variant: "contained",
+					color: "primary",
+					...((e) => "formId" in e)(d) ? {
+						type: "submit",
+						form: d.formId
+					} : {
+						type: "button",
+						onClick: d.onClick
+					},
+					disabled: d.isDisabled || d.isLoading,
+					children: d.isLoading ? /* @__PURE__ */ n(a, {
+						color: "inherit",
+						size: 20
+					}) : d.label
+				})
+			]
+		})]
+	})] });
+};
+//#endregion
+export { u as DialogFooter };

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

@@ -1,58 +1 @@
-import { useDialog as e } from "./index201.js";
-import "./index202.js";
-import { IconWrapper as t } from "./index205.js";
-import "./index206.js";
-import { memo as n } from "react";
-import { Fragment as r, jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
-import { Breadcrumbs as o, DialogTitle as s, Divider as c, Grid as l, Typography as u, styled as d } from "@mui/material";
-import { useLingui as f } from "@lingui/react";
-import p from "@mui/icons-material/Close";
-import m from "@mui/icons-material/ArrowForward";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index289.js
-var h = n(({ previousLevelTitle: e, onPreviousLevelClick: t, title: n }) => /* @__PURE__ */ a(o, {
-	color: "inherit",
-	separator: /* @__PURE__ */ i(m, {
-		fontSize: "small",
-		color: "disabled"
-	}),
-	sx: { padding: 3 },
-	"aria-label": "breadcrumb",
-	children: [/* @__PURE__ */ i(u, {
-		onClick: t,
-		sx: { cursor: t ? "pointer" : "default" },
-		children: e
-	}), /* @__PURE__ */ i(u, { children: n })]
-})), g = n(({ title: n, secondaryLevel: o = !1, previousLevelTitle: s, closeButtonTooltip: u, showDivider: d = !0, closeSecondaryLevelDialog: m }) => {
-	let { i18n: g } = f(), v = e(), y = v?.isDialogContent && !o, b = u || g._("Close dialog");
-	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a(l, {
-		container: !0,
-		alignItems: "center",
-		children: [/* @__PURE__ */ i(l, {
-			item: !0,
-			xs: 11,
-			children: o && s ? /* @__PURE__ */ i(h, {
-				previousLevelTitle: s,
-				title: n,
-				onPreviousLevelClick: m
-			}) : /* @__PURE__ */ i(_, {
-				variant: "h3",
-				children: n
-			})
-		}), /* @__PURE__ */ i(l, {
-			item: !0,
-			xs: 1,
-			children: y && /* @__PURE__ */ i(t, {
-				color: "inherit",
-				onClick: v.onClose,
-				ariaLabelOverride: b,
-				tooltip: b,
-				children: /* @__PURE__ */ i(p, {})
-			})
-		})]
-	}), d && /* @__PURE__ */ i(c, {})] });
-}), _ = d(s)(({ theme: e }) => ({ "&.MuiDialogTitle-root.MuiTypography-root": {
-	...e.typography.h3,
-	padding: e.spacing(3)
-} }));
-//#endregion
-export { g as DialogHeader };
+import "./index288.js";

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

@@ -1,44 +1,58 @@
-import { useRootElements as e } from "./index178.js";
-import "./index179.js";
-import { Fragment as t, jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
-import { Alert as i, TextField as a } from "@mui/material";
-import { Controller as o } from "react-hook-form";
+import { useDialog as e } from "./index201.js";
+import "./index202.js";
+import { IconWrapper as t } from "./index205.js";
+import "./index206.js";
+import { memo as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { Breadcrumbs as o, DialogTitle as s, Divider as c, Grid as l, Typography as u, styled as d } from "@mui/material";
+import { useLingui as f } from "@lingui/react";
+import p from "@mui/icons-material/Close";
+import m from "@mui/icons-material/ArrowForward";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index290.js
-var s = ({ control: s, name: c, SelectProps: l, type: u, ...d }) => {
-	let f = (e) => e?.type === "custom", { root: p } = e();
-	return /* @__PURE__ */ n(o, {
-		control: s,
-		name: c,
-		render: ({ field: e, fieldState: { error: o, isTouched: s }, formState: { isValid: m } }) => {
-			let h = (s || !m) && !f(o), g = (t) => {
-				let n = t.target.value;
-				u === "number" ? e.onChange(n === "" ? void 0 : Number(n)) : e.onChange(n);
-			};
-			return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(a, {
-				...e,
-				...d,
-				id: c,
-				variant: "standard",
-				type: u,
-				value: e.value ?? "",
-				onChange: g,
-				error: h && !!o?.message,
-				helperText: h && o?.message,
-				SelectProps: {
-					...l,
-					MenuProps: {
-						...l?.MenuProps,
-						container: p
-					}
-				}
-			}), f(o) && /* @__PURE__ */ n(i, {
-				severity: "error",
-				icon: !1,
-				sx: { marginTop: -2 },
-				children: o?.message
-			})] });
-		}
-	});
-};
+var h = n(({ previousLevelTitle: e, onPreviousLevelClick: t, title: n }) => /* @__PURE__ */ a(o, {
+	color: "inherit",
+	separator: /* @__PURE__ */ i(m, {
+		fontSize: "small",
+		color: "disabled"
+	}),
+	sx: { padding: 3 },
+	"aria-label": "breadcrumb",
+	children: [/* @__PURE__ */ i(u, {
+		onClick: t,
+		sx: { cursor: t ? "pointer" : "default" },
+		children: e
+	}), /* @__PURE__ */ i(u, { children: n })]
+})), g = n(({ title: n, secondaryLevel: o = !1, previousLevelTitle: s, closeButtonTooltip: u, showDivider: d = !0, closeSecondaryLevelDialog: m }) => {
+	let { i18n: g } = f(), v = e(), y = v?.isDialogContent && !o, b = u || g._("Close dialog");
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a(l, {
+		container: !0,
+		alignItems: "center",
+		children: [/* @__PURE__ */ i(l, {
+			item: !0,
+			xs: 11,
+			children: o && s ? /* @__PURE__ */ i(h, {
+				previousLevelTitle: s,
+				title: n,
+				onPreviousLevelClick: m
+			}) : /* @__PURE__ */ i(_, {
+				variant: "h3",
+				children: n
+			})
+		}), /* @__PURE__ */ i(l, {
+			item: !0,
+			xs: 1,
+			children: y && /* @__PURE__ */ i(t, {
+				color: "inherit",
+				onClick: v.onClose,
+				ariaLabelOverride: b,
+				tooltip: b,
+				children: /* @__PURE__ */ i(p, {})
+			})
+		})]
+	}), d && /* @__PURE__ */ i(c, {})] });
+}), _ = d(s)(({ theme: e }) => ({ "&.MuiDialogTitle-root.MuiTypography-root": {
+	...e.typography.h3,
+	padding: e.spacing(3)
+} }));
 //#endregion
-export { s as RHFTextField };
+export { g as DialogHeader };

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

@@ -1 +1,44 @@
-import "./index290.js";
+import { useRootElements as e } from "./index178.js";
+import "./index179.js";
+import { Fragment as t, jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
+import { Alert as i, TextField as a } from "@mui/material";
+import { Controller as o } from "react-hook-form";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index291.js
+var s = ({ control: s, name: c, SelectProps: l, type: u, ...d }) => {
+	let f = (e) => e?.type === "custom", { root: p } = e();
+	return /* @__PURE__ */ n(o, {
+		control: s,
+		name: c,
+		render: ({ field: e, fieldState: { error: o, isTouched: s }, formState: { isValid: m } }) => {
+			let h = (s || !m) && !f(o), g = (t) => {
+				let n = t.target.value;
+				u === "number" ? e.onChange(n === "" ? void 0 : Number(n)) : e.onChange(n);
+			};
+			return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(a, {
+				...e,
+				...d,
+				id: c,
+				variant: "standard",
+				type: u,
+				value: e.value ?? "",
+				onChange: g,
+				error: h && !!o?.message,
+				helperText: h && o?.message,
+				SelectProps: {
+					...l,
+					MenuProps: {
+						...l?.MenuProps,
+						container: p
+					}
+				}
+			}), f(o) && /* @__PURE__ */ n(i, {
+				severity: "error",
+				icon: !1,
+				sx: { marginTop: -2 },
+				children: o?.message
+			})] });
+		}
+	});
+};
+//#endregion
+export { s as RHFTextField };

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

@@ -1,11 +1 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { useMoniteContext as t } from "./index47.js";
-import { useUserPermissions as n } from "./index112.js";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index292.js
-var r = () => {
-	let { api: r } = t(), i = n().has(e.AccountingConfigReadOrg);
-	return { tagsQuery: r.finops.getTags.useQuery({}, { enabled: i }) };
-};
-//#endregion
-export { r as useTags };
+import "./index291.js";

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

@@ -1,23 +1,11 @@
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { useMoniteContext as t } from "./index47.js";
+import { useUserPermissions as n } from "./index112.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index293.js
-var e = [
-	"document_type",
-	"department",
-	"project",
-	"cost_center",
-	"vendor_type",
-	"payment_method",
-	"approval_status"
-], t = (e) => ({
-	document_type: e._("Document Type"),
-	department: e._("Department"),
-	project: e._("Project"),
-	cost_center: e._("Cost Center"),
-	vendor_type: e._("Vendor Type"),
-	payment_method: e._("Payment Method"),
-	approval_status: e._("Approval Status")
-});
-function n(e, n) {
-	return e ? t(n)[e] : "";
-}
+var r = () => {
+	let { api: r } = t(), i = n().has(e.AccountingConfigReadOrg);
+	return { tagsQuery: r.finops.getTags.useQuery({}, { enabled: i }) };
+};
 //#endregion
-export { n as getTagCategoryLabel, e as tagCategories };
+export { r as useTags };

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

@@ -1,54 +1,23 @@
-import { getAPIErrorMessage as e } from "./index26.js";
-import { useMoniteContext as t } from "./index47.js";
-import { useEntitySettings as n, usePatchEntitiesIdSettings as r } from "./index136.js";
-import "./index138.js";
-import { toast as i } from "react-hot-toast";
-import { useLingui as a } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index294.js
-var o = ({ setNameError: o, onTagCreated: s, onTagUpdated: c }) => {
-	let { i18n: l } = a(), { api: u, queryClient: d } = t(), { data: f } = n(), { mutateAsync: p } = r(), m = f?.payables_ocr_auto_tagging || [], h = u.finops.postTags.useMutation({}, {
-		onSuccess: () => u.finops.getTags.invalidateQueries(d),
-		onError: (t) => {
-			let n = e(l, t);
-			n === "This tag already exists." ? o?.(n) : i.error(n);
-		}
-	}), g = u.finops.patchTagsId.useMutation(void 0, {
-		onSuccess: (e) => {
-			Promise.all([u.finops.getTags.invalidateQueries(d), u.finops.getTagsId.invalidateQueries({ parameters: { path: { tag_id: e.id } } }, d)]), c?.(e);
-		},
-		onError: (t) => {
-			i.error(e(l, t));
-		}
-	});
-	return {
-		tagsWithKeywords: Object.fromEntries(m.map((e) => [e.tag_id, e.keywords])),
-		inProgress: h.isPending || g.isPending,
-		createTag: (e) => h.mutateAsync({ ...e }, { onSuccess: (e) => s?.(e) }),
-		updateTag: (e, t) => g.mutateAsync({
-			path: { tag_id: e },
-			body: t
-		}),
-		updateOcrAutoTagging: (e, t = []) => {
-			let n = m.filter((t) => t.tag_id !== e);
-			if (n.length === m.length && !t.length) return;
-			let r = t.length ? [...n, {
-				tag_id: e,
-				keywords: [...new Set(t)],
-				enabled: !0
-			}] : n;
-			r.length && p({
-				tax_mode: f.tax_mode,
-				payment_priority: f.payment_priority,
-				quote_signature_required: f.quote_signature_required,
-				receivable_edit_flow: f.receivable_edit_flow,
-				allow_purchase_order_autolinking: f.allow_purchase_order_autolinking,
-				generate_paid_invoice_pdf: f.generate_paid_invoice_pdf,
-				payables_ocr_auto_tagging: r,
-				payables_skip_approval_flow: f.payables_skip_approval_flow,
-				tax_inclusive_discount_mode: f.tax_inclusive_discount_mode
-			});
-		}
-	};
-};
+var e = [
+	"document_type",
+	"department",
+	"project",
+	"cost_center",
+	"vendor_type",
+	"payment_method",
+	"approval_status"
+], t = (e) => ({
+	document_type: e._("Document Type"),
+	department: e._("Department"),
+	project: e._("Project"),
+	cost_center: e._("Cost Center"),
+	vendor_type: e._("Vendor Type"),
+	payment_method: e._("Payment Method"),
+	approval_status: e._("Approval Status")
+});
+function n(e, n) {
+	return e ? t(n)[e] : "";
+}
 //#endregion
-export { o as useTags };
+export { n as getTagCategoryLabel, e as tagCategories };

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

@@ -1,66 +1,54 @@
-import { cn as e } from "./index49.js";
-import { Label as t } from "./index87.js";
-import * as n from "react";
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { Slot as i } from "@radix-ui/react-slot";
-import { Controller as a, FormProvider as o, useFormContext as s, useFormState as c } from "react-hook-form";
+import { getAPIErrorMessage as e } from "./index26.js";
+import { useMoniteContext as t } from "./index47.js";
+import { useEntitySettings as n, usePatchEntitiesIdSettings as r } from "./index136.js";
+import "./index138.js";
+import { toast as i } from "react-hot-toast";
+import { useLingui as a } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index295.js
-var l = o, u = n.createContext({}), d = ({ ...e }) => /* @__PURE__ */ r(u.Provider, {
-	value: { name: e.name },
-	children: /* @__PURE__ */ r(a, { ...e })
-}), f = () => {
-	let e = n.useContext(u), t = n.useContext(p), { getFieldState: r } = s(), i = c({ name: e.name }), a = r(e.name, i);
-	if (!e) throw Error("useFormField should be used within <FormField>");
-	let { id: o } = t;
+var o = ({ setNameError: o, onTagCreated: s, onTagUpdated: c }) => {
+	let { i18n: l } = a(), { api: u, queryClient: d } = t(), { data: f } = n(), { mutateAsync: p } = r(), m = f?.payables_ocr_auto_tagging || [], h = u.finops.postTags.useMutation({}, {
+		onSuccess: () => u.finops.getTags.invalidateQueries(d),
+		onError: (t) => {
+			let n = e(l, t);
+			n === "This tag already exists." ? o?.(n) : i.error(n);
+		}
+	}), g = u.finops.patchTagsId.useMutation(void 0, {
+		onSuccess: (e) => {
+			Promise.all([u.finops.getTags.invalidateQueries(d), u.finops.getTagsId.invalidateQueries({ parameters: { path: { tag_id: e.id } } }, d)]), c?.(e);
+		},
+		onError: (t) => {
+			i.error(e(l, t));
+		}
+	});
 	return {
-		id: o,
-		name: e.name,
-		formItemId: `${o}-form-item`,
-		formDescriptionId: `${o}-form-item-description`,
-		formMessageId: `${o}-form-item-message`,
-		...a
+		tagsWithKeywords: Object.fromEntries(m.map((e) => [e.tag_id, e.keywords])),
+		inProgress: h.isPending || g.isPending,
+		createTag: (e) => h.mutateAsync({ ...e }, { onSuccess: (e) => s?.(e) }),
+		updateTag: (e, t) => g.mutateAsync({
+			path: { tag_id: e },
+			body: t
+		}),
+		updateOcrAutoTagging: (e, t = []) => {
+			let n = m.filter((t) => t.tag_id !== e);
+			if (n.length === m.length && !t.length) return;
+			let r = t.length ? [...n, {
+				tag_id: e,
+				keywords: [...new Set(t)],
+				enabled: !0
+			}] : n;
+			r.length && p({
+				tax_mode: f.tax_mode,
+				payment_priority: f.payment_priority,
+				quote_signature_required: f.quote_signature_required,
+				receivable_edit_flow: f.receivable_edit_flow,
+				allow_purchase_order_autolinking: f.allow_purchase_order_autolinking,
+				generate_paid_invoice_pdf: f.generate_paid_invoice_pdf,
+				payables_ocr_auto_tagging: r,
+				payables_skip_approval_flow: f.payables_skip_approval_flow,
+				tax_inclusive_discount_mode: f.tax_inclusive_discount_mode
+			});
+		}
 	};
-}, p = n.createContext({});
-function m({ className: t, ...i }) {
-	let a = n.useId();
-	return /* @__PURE__ */ r(p.Provider, {
-		value: { id: a },
-		children: /* @__PURE__ */ r("div", {
-			"data-slot": "form-item",
-			className: e("ttw:grid ttw:gap-2", t),
-			...i
-		})
-	});
-}
-function h({ className: n, ...i }) {
-	let { error: a, formItemId: o } = f();
-	return /* @__PURE__ */ r(t, {
-		"data-slot": "form-label",
-		"data-error": !!a,
-		className: e("ttw:data-[error=true]:text-destructive", n),
-		htmlFor: o,
-		...i
-	});
-}
-function g({ ...e }) {
-	let { error: t, formItemId: n, formDescriptionId: a, formMessageId: o } = f();
-	return /* @__PURE__ */ r(i, {
-		"data-slot": "form-control",
-		id: n,
-		"aria-describedby": t ? `${a} ${o}` : `${a}`,
-		"aria-invalid": !!t,
-		...e
-	});
-}
-function _({ className: t, ...n }) {
-	let { error: i, formMessageId: a } = f(), o = i ? String(i?.message ?? "") : n.children;
-	return o ? /* @__PURE__ */ r("p", {
-		"data-slot": "form-message",
-		id: a,
-		className: e("ttw:text-destructive ttw:text-sm", t),
-		...n,
-		children: o
-	}) : null;
-}
+};
 //#endregion
-export { l as Form, g as FormControl, d as FormField, m as FormItem, h as FormLabel, _ as FormMessage, f as useFormField };
+export { o as useTags };

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

@@ -1,53 +1,66 @@
 import { cn as e } from "./index49.js";
-import { Button as t } from "./index56.js";
-import { Badge as n } from "./index195.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";
+import { Label as t } from "./index87.js";
+import * as n from "react";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { Slot as i } from "@radix-ui/react-slot";
+import { Controller as a, FormProvider as o, useFormContext as s, useFormState as c } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index296.js
-var s = ({ className: s, value: c, onChange: l, ref: u, ...d }) => {
-	let [f, p] = r.useState("");
-	r.useEffect(() => {
-		if (f.includes(",")) {
-			let e = /* @__PURE__ */ new Set([...c, ...f.split(",").map((e) => e.trim())]);
-			l(Array.from(e)), p("");
-		}
-	}, [
-		f,
-		l,
-		c
-	]);
-	let m = () => {
-		if (f) {
-			let e = /* @__PURE__ */ new Set([...c, f]);
-			l(Array.from(e)), p("");
-		}
+var l = o, u = n.createContext({}), d = ({ ...e }) => /* @__PURE__ */ r(u.Provider, {
+	value: { name: e.name },
+	children: /* @__PURE__ */ r(a, { ...e })
+}), f = () => {
+	let e = n.useContext(u), t = n.useContext(p), { getFieldState: r } = s(), i = c({ name: e.name }), a = r(e.name, i);
+	if (!e) throw Error("useFormField should be used within <FormField>");
+	let { id: o } = t;
+	return {
+		id: o,
+		name: e.name,
+		formItemId: `${o}-form-item`,
+		formDescriptionId: `${o}-form-item-description`,
+		formMessageId: `${o}-form-item-message`,
+		...a
 	};
-	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: f,
-			onChange: (e) => p(e.target.value),
-			onKeyDown: (e) => {
-				e.key === "Enter" || e.key === "," ? (e.preventDefault(), m()) : e.key === "Backspace" && f.length === 0 && c.length > 0 && (e.preventDefault(), l(c.slice(0, -1)));
-			},
-			...d,
-			ref: u
-		})]
+}, p = n.createContext({});
+function m({ className: t, ...i }) {
+	let a = n.useId();
+	return /* @__PURE__ */ r(p.Provider, {
+		value: { id: a },
+		children: /* @__PURE__ */ r("div", {
+			"data-slot": "form-item",
+			className: e("ttw:grid ttw:gap-2", t),
+			...i
+		})
 	});
-};
-s.displayName = "InputTags";
+}
+function h({ className: n, ...i }) {
+	let { error: a, formItemId: o } = f();
+	return /* @__PURE__ */ r(t, {
+		"data-slot": "form-label",
+		"data-error": !!a,
+		className: e("ttw:data-[error=true]:text-destructive", n),
+		htmlFor: o,
+		...i
+	});
+}
+function g({ ...e }) {
+	let { error: t, formItemId: n, formDescriptionId: a, formMessageId: o } = f();
+	return /* @__PURE__ */ r(i, {
+		"data-slot": "form-control",
+		id: n,
+		"aria-describedby": t ? `${a} ${o}` : `${a}`,
+		"aria-invalid": !!t,
+		...e
+	});
+}
+function _({ className: t, ...n }) {
+	let { error: i, formMessageId: a } = f(), o = i ? String(i?.message ?? "") : n.children;
+	return o ? /* @__PURE__ */ r("p", {
+		"data-slot": "form-message",
+		id: a,
+		className: e("ttw:text-destructive ttw:text-sm", t),
+		...n,
+		children: o
+	}) : null;
+}
 //#endregion
-export { s as InputTags };
+export { l as Form, g as FormControl, d as FormField, m as FormItem, h as FormLabel, _ as FormMessage, f as useFormField };