@jfrader/ui 0.4.0 → 0.5.1

package/dist/tabs-XluwRjgg.js

@@ -0,0 +1,210 @@
+'use client';
+import { r as e, t } from "./sx-Dx9JUKp5.js";
+import { n, t as r } from "./focus-ring-BK5W5_NY.js";
+import { n as i, r as a } from "./media-8yrN85VT.js";
+import { n as o, r as s, t as c } from "./roving-focus-CYlo_Kf8.js";
+import { t as l } from "./use-controlled-state-DpeVQZNR.js";
+import { t as u } from "./part-id-D0zksy32.js";
+import { createContext as d, useContext as f, useEffect as p, useId as m, useImperativeHandle as h, useMemo as g, useRef as _, useState as v } from "react";
+import { vars as y } from "@jfrader/tokens/vars";
+import { jsx as b } from "@emotion/react/jsx-runtime";
+//#region src/components/tabs/tabs.tsx
+var x = d(null);
+function S(e) {
+	let t = f(x);
+	if (!t) throw Error(`Tabs.${e} must be rendered inside <Tabs>.`);
+	return t;
+}
+var C = {
+	itemSelector: "[role=\"tab\"]:not([disabled])",
+	ownerSelector: "[role=\"tablist\"]"
+}, w = e({ "&[data-orientation=\"vertical\"]": {
+	display: "flex",
+	alignItems: "flex-start",
+	gap: y.space[4]
+} }), T = {
+	horizontal: e({
+		display: "inline-flex",
+		gap: y.space[1],
+		borderBlockEnd: `1px solid ${y.color.border}`
+	}),
+	vertical: e({
+		display: "inline-flex",
+		flexDirection: "column",
+		alignItems: "stretch",
+		borderInlineEnd: `1px solid ${y.color.border}`
+	})
+}, E = e({
+	appearance: "none",
+	border: 0,
+	background: "transparent",
+	cursor: "pointer",
+	paddingBlock: y.space[2],
+	paddingInline: y.space[3],
+	font: "inherit",
+	fontSize: y.textSize.sm,
+	fontWeight: y.fontWeight.medium,
+	color: y.color.textMuted,
+	transitionProperty: "color, border-color",
+	transitionDuration: y.motion.duration.fast,
+	transitionTimingFunction: y.motion.easeStandard,
+	"&:hover:not(:disabled):not([aria-selected=\"true\"])": { color: y.color.text },
+	"&[aria-selected=\"true\"]": {
+		color: y.color.text,
+		borderColor: y.color.accent
+	},
+	"&:disabled": {
+		opacity: .55,
+		cursor: "not-allowed"
+	},
+	"&:focus-visible": { ...r },
+	[a]: { transitionDuration: "0s" },
+	[i]: {
+		borderColor: "Canvas",
+		"&[aria-selected=\"true\"]": { borderColor: "Highlight" }
+	}
+}), D = {
+	horizontal: e({
+		borderBlockEnd: "2px solid transparent",
+		marginBlockEnd: "-1px"
+	}),
+	vertical: e({
+		borderInlineEnd: "2px solid transparent",
+		marginInlineEnd: "-1px",
+		textAlign: "start"
+	})
+}, O = e({
+	color: y.color.text,
+	outline: "none",
+	"&:focus-visible": { ...n },
+	"&[hidden]": { display: "none" }
+}), k = e({ paddingBlockStart: y.space[3] });
+function A({ ref: e, value: n, defaultValue: r, onValueChange: i, orientation: a = "horizontal", activation: o = "auto", className: s, sx: c, ...u }) {
+	let d = m(), [f, p] = l(n, r, i), [h, _] = v(null), y = g(() => ({
+		value: f,
+		setValue: p,
+		focused: h,
+		setFocused: _,
+		orientation: a,
+		activation: o,
+		baseId: d
+	}), [
+		f,
+		p,
+		h,
+		a,
+		o,
+		d
+	]);
+	return /* @__PURE__ */ b(x.Provider, {
+		value: y,
+		children: /* @__PURE__ */ b(t, {
+			className: s,
+			styles: w,
+			sx: c,
+			children: (t) => /* @__PURE__ */ b("div", {
+				...u,
+				ref: e,
+				"data-ui": "tabs-root",
+				"data-orientation": a,
+				className: t
+			})
+		})
+	});
+}
+A.displayName = "Tabs";
+function j({ ref: e, onKeyDown: n, className: r, sx: i, ...a }) {
+	let { orientation: l, value: u, focused: d, setFocused: f } = S("List"), m = _(null);
+	h(e, () => m.current, []), p(() => {
+		let e = m.current;
+		if (!e) return;
+		let t = s(e, C);
+		t.length !== 0 && (t.some((e) => e.tabIndex === 0) || f((c(t, u) ?? c(t, d) ?? t[0])?.dataset.value ?? null));
+	});
+	let g = (e) => {
+		n?.(e);
+		let t = m.current;
+		!e.defaultPrevented && t && o(e, t, l, C);
+	};
+	return /* @__PURE__ */ b(t, {
+		className: r,
+		styles: T[l],
+		sx: i,
+		children: (e) => /* @__PURE__ */ b("div", {
+			...a,
+			ref: m,
+			role: "tablist",
+			"aria-orientation": l,
+			"data-ui": "tabs-list",
+			"data-orientation": l,
+			"data-roving": d ?? "",
+			"data-selected": u ?? "",
+			onKeyDown: g,
+			className: e
+		})
+	});
+}
+j.displayName = "Tabs.List";
+function M({ ref: e, value: n, disabled: r, onClick: i, onFocus: a, onPointerDown: o, className: s, sx: c, ...l }) {
+	let { value: d, setValue: f, focused: p, setFocused: m, activation: h, baseId: g, orientation: v } = S("Tab"), y = d === n, x = !r && (p === null ? y : p === n), C = _(!1), w = (e) => {
+		if (i?.(e), e.defaultPrevented) return;
+		let t = C.current;
+		C.current = !1, !(h === "auto" && t && e.detail !== 0) && f(n);
+	}, T = (e) => {
+		a?.(e), !e.defaultPrevented && (C.current = !0, m(n), h === "auto" && f(n));
+	};
+	return /* @__PURE__ */ b(t, {
+		className: s,
+		styles: [E, D[v]],
+		sx: c,
+		children: (t) => /* @__PURE__ */ b("button", {
+			...l,
+			ref: e,
+			type: "button",
+			role: "tab",
+			id: u(g, "tab", n),
+			"data-ui": "tabs-tab",
+			"data-value": n,
+			"data-state": y ? "active" : "inactive",
+			"aria-selected": y,
+			"aria-controls": u(g, "panel", n),
+			tabIndex: x ? 0 : -1,
+			disabled: r,
+			onClick: w,
+			onFocus: T,
+			onPointerDown: (e) => {
+				C.current = !1, o?.(e);
+			},
+			className: t
+		})
+	});
+}
+M.displayName = "Tabs.Tab";
+function N({ ref: e, value: n, tabIndex: r = 0, "aria-labelledby": i, className: a, sx: o, ...s }) {
+	let { value: c, baseId: l, orientation: d } = S("Panel"), f = c === n, p = [i, u(l, "tab", n)].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ b(t, {
+		className: a,
+		styles: [O, d === "horizontal" && k],
+		sx: o,
+		children: (t) => /* @__PURE__ */ b("div", {
+			...s,
+			ref: e,
+			role: "tabpanel",
+			id: u(l, "panel", n),
+			"aria-labelledby": p,
+			tabIndex: r,
+			hidden: !f,
+			"data-ui": "tabs-panel",
+			"data-state": f ? "active" : "inactive",
+			className: t
+		})
+	});
+}
+N.displayName = "Tabs.Panel";
+var P = Object.assign(A, {
+	List: j,
+	Tab: M,
+	Panel: N
+});
+//#endregion
+export { P as t };

package/dist/tabs.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Tabs } from "./tabs-CK_g1RKa.js";
+export { t as Tabs } from "./tabs-XluwRjgg.js";

package/dist/tag-input-DSRCyrX2.js

@@ -0,0 +1,418 @@
+'use client';
+import { r as e } from "./sx-Dx9JUKp5.js";
+import { t } from "./focus-ring-BK5W5_NY.js";
+import { n, r, t as i } from "./media-8yrN85VT.js";
+import { t as a } from "./use-controlled-state-DpeVQZNR.js";
+import { t as ee } from "./visually-hidden-BJdvqqvn.js";
+import { t as te } from "./renderable-DzcIj1Lo.js";
+import { t as ne } from "./icon-wrapper-stN8sD7R.js";
+import { t as re } from "./input-control-DmMuAuPS.js";
+import { a as ie, i as ae, n as oe, r as se, t as ce } from "./field-anatomy-COVdNpf5.js";
+import { useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import { vars as u } from "@jfrader/tokens/vars";
+import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
+import { useMergeRefs as le } from "@floating-ui/react";
+//#region src/components/tag-input/tag-input.tsx
+var ue = ["Enter", ","], de = [], fe = "8ch", pe = (e) => e.trim(), me = (e, t, n) => e.filter((r, i) => r === "" || t(r) !== r || e.findIndex((e) => n.compare(e, r) === 0) !== i);
+function he(e) {
+	let t = new Intl.NumberFormat(e);
+	return {
+		listLabel: "Tags",
+		remove: (e) => `Remove ${e}`,
+		added: (e) => `Added ${e}`,
+		removed: (e) => `Removed ${e}`,
+		picked: (e) => `${e} selected. Press Backspace to remove it.`,
+		duplicate: (e) => `${e} is already added`,
+		limit: (e) => `Tag limit reached: ${t.format(e)}`,
+		required: "Add at least one tag."
+	};
+}
+var ge = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), _e = e({
+	display: "flex",
+	flexWrap: "wrap",
+	alignItems: "center",
+	gap: u.space[1],
+	minInlineSize: 0,
+	borderRadius: u.radius.sm,
+	cursor: "text",
+	"&[data-invalid]:not(:has(> input:focus-visible))": { borderColor: u.color.dangerBorder },
+	"&[data-disabled]": {
+		opacity: .55,
+		cursor: "not-allowed"
+	},
+	[n]: { borderColor: "CanvasText" }
+}), ve = {
+	sm: e({
+		minBlockSize: u.space[8],
+		paddingBlock: `calc(${u.space[1]} / 2)`,
+		paddingInline: u.space[1],
+		fontSize: u.textSize.sm
+	}),
+	md: e({
+		minBlockSize: u.space[10],
+		paddingBlock: u.space[1],
+		paddingInline: u.space[2],
+		fontSize: u.textSize.sm
+	}),
+	lg: e({
+		minBlockSize: u.space[12],
+		paddingBlock: u.space[2],
+		paddingInline: u.space[2],
+		fontSize: u.textSize.md
+	})
+}, ye = e({
+	display: "contents",
+	margin: 0,
+	padding: 0,
+	listStyle: "none"
+}), be = e({
+	display: "inline-flex",
+	alignItems: "center",
+	gap: u.space[1],
+	maxInlineSize: "100%",
+	minInlineSize: 0,
+	minBlockSize: u.space[6],
+	paddingInlineStart: u.space[2],
+	border: `1px solid ${u.color.border}`,
+	borderRadius: u.radius.full,
+	backgroundColor: u.color.surfaceHover,
+	color: u.color.text,
+	fontSize: u.textSize.xs,
+	fontWeight: u.fontWeight.medium,
+	lineHeight: u.lineHeight.base,
+	cursor: "default",
+	transitionProperty: "opacity, background-color, border-color",
+	transitionDuration: u.motion.duration.fast,
+	transitionTimingFunction: u.motion.easeStandard,
+	"&[data-enter]": { "@starting-style": { opacity: 0 } },
+	"&[data-duplicate]": {
+		borderColor: u.color.accentText,
+		backgroundColor: u.color.accentSoft
+	},
+	"&[data-picked]": {
+		outline: `2px solid ${u.color.focusRing}`,
+		outlineOffset: "1px",
+		backgroundColor: u.color.accentSoft
+	},
+	"&[data-readonly]": { paddingInlineEnd: u.space[2] },
+	[r]: {
+		transitionDuration: "0s",
+		"&[data-enter]": { "@starting-style": { opacity: 1 } }
+	},
+	[n]: {
+		borderColor: "CanvasText",
+		"&[data-picked]": { outlineColor: "Highlight" },
+		"&[data-duplicate]": { borderStyle: "dashed" }
+	}
+}), xe = {
+	sm: e({ fontSize: u.textSize.xs }),
+	md: e({ fontSize: u.textSize.sm }),
+	lg: e({ fontSize: u.textSize.sm })
+}, Se = e({
+	minInlineSize: 0,
+	overflow: "hidden",
+	textOverflow: "ellipsis",
+	whiteSpace: "nowrap"
+}), Ce = e({
+	display: "inline-grid",
+	placeItems: "center",
+	flexShrink: 0,
+	inlineSize: u.space[6],
+	blockSize: u.space[6],
+	padding: 0,
+	border: 0,
+	borderRadius: u.radius.full,
+	backgroundColor: "transparent",
+	color: u.color.textMuted,
+	fontSize: u.textSize.sm,
+	cursor: "pointer",
+	transitionProperty: "background-color, color",
+	transitionDuration: u.motion.duration.fast,
+	transitionTimingFunction: u.motion.easeStandard,
+	"&:hover:not(:disabled)": {
+		backgroundColor: u.color.surfaceInset,
+		color: u.color.text
+	},
+	"&:focus-visible": t,
+	"&:disabled": { cursor: "not-allowed" },
+	[r]: { transitionDuration: "0s" },
+	[n]: { color: "ButtonText" }
+}), we = e({
+	flex: "1 1 0%",
+	minInlineSize: fe,
+	blockSize: u.space[6],
+	margin: 0,
+	paddingBlock: 0,
+	paddingInline: u.space[1],
+	border: 0,
+	outline: "none",
+	backgroundColor: "transparent",
+	color: u.color.text,
+	fontFamily: u.font.sans,
+	fontSize: "inherit",
+	lineHeight: u.lineHeight.base,
+	"&::placeholder": { color: u.color.textMuted },
+	"&:disabled": { cursor: "not-allowed" },
+	[i]: { fontSize: u.textSize.md }
+}), Te = e({
+	fontSize: u.textSize.sm,
+	color: u.color.textMuted
+}), Ee = /* @__PURE__ */ d("svg", {
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	children: /* @__PURE__ */ d("path", { d: "m7 7 10 10M17 7 7 17" })
+}), De = (e) => e.nativeEvent.isComposing || e.nativeEvent.keyCode === 229;
+function p({ ref: e, value: t, defaultValue: n, onValueChange: r, inputValue: i, defaultInputValue: u, onInputChange: fe, label: p, description: m, error: h, size: g = "md", separators: Oe = ue, commitOnBlur: ke = !0, normalize: _ = pe, validateToken: Ae, maxTokens: v, locale: y, messages: je, removeIcon: Me = Ee, slotProps: b, className: Ne, sx: Pe, dir: x, name: S, form: C, disabled: w = !1, readOnly: T = !1, required: E = !1, onChange: Fe, onKeyDown: Ie, onBlur: Le, onCompositionStart: Re, onCompositionEnd: ze, id: Be, "aria-labelledby": D, "aria-describedby": Ve, "aria-invalid": He, ...Ue }) {
+	let O = ie({
+		id: Be,
+		description: m,
+		error: h,
+		"aria-describedby": Ve,
+		"aria-invalid": He
+	}), k = `${O.id}-label`, A = `${O.id}-picked`, j = {
+		...s(() => he(y), [y]),
+		...je
+	}, M = s(() => new Intl.Collator(y, {
+		usage: "search",
+		sensitivity: "accent"
+	}), [y]), We = c(n ?? de), N = c(u ?? ""), [Ge, Ke, P] = a(t, We.current, (e) => r?.([...e])), F = Ge ?? de, [qe, I, L] = a(i, N.current, fe), R = qe ?? "", [z, B] = l(null), [V, H] = l(null);
+	z !== null && !F.includes(z) && B(null), V !== null && !F.includes(V) && H(null);
+	let [U, W] = l({
+		text: "",
+		rejection: !1
+	}), [G, K] = l(null), q = c(null), Je = le([q, e]), Ye = c(!1);
+	o(() => {
+		Ye.current = !0;
+	}, []);
+	let J = c(!1), Xe = c(null);
+	o(() => {
+		if (process.env.NODE_ENV === "production") return;
+		let e = me(F, _, M), t = e.length > 0 ? `TagInput: tokens must be unique, nonempty and normalized; invalid entries: ${JSON.stringify(e)}` : null;
+		t !== null && t !== Xe.current && console.warn(t), Xe.current = t;
+	}, [
+		F,
+		_,
+		M
+	]);
+	let Ze = (e) => {
+		ge(e, F) || Ke(e);
+	}, Y = (e, t = !1) => W((n) => ({
+		text: n.text === e ? `${e} ` : e,
+		rejection: t
+	}));
+	o(() => {
+		if (!G) return;
+		let e = F.includes(G.token);
+		(G.kind === "added" ? !e : e) || (Y(G.kind === "added" ? j.added(G.token) : j.removed(G.token)), K(null));
+	}, [G, F]);
+	let Qe = E && F.length === 0;
+	o(() => {
+		q.current?.setCustomValidity(Qe ? j.required : "");
+	}, [Qe, j.required]);
+	let $e = c({
+		inputValue: i,
+		draft: R
+	});
+	$e.current = {
+		inputValue: i,
+		draft: R
+	}, o(() => {
+		let e = q.current, t = e?.form;
+		if (!e || !t) return;
+		let n = !0, r = (t) => {
+			queueMicrotask(() => {
+				if (!n || t.defaultPrevented) return;
+				let r = $e.current;
+				P(), L(), B(null), H(null), K(null), W({
+					text: "",
+					rejection: !1
+				}), e.value = r.inputValue === void 0 ? N.current : r.draft;
+			});
+		};
+		return t.addEventListener("reset", r), () => {
+			n = !1, t.removeEventListener("reset", r);
+		};
+	}, [
+		C,
+		P,
+		L
+	]);
+	let X = !w && !T, Z = () => {
+		H(null), U.rejection && W({
+			text: "",
+			rejection: !1
+		});
+	}, et = () => {
+		let e = _(R);
+		if (e === "") return;
+		let t = F.find((t) => M.compare(t, e) === 0);
+		if (t !== void 0) {
+			H(t), Y(j.duplicate(t), !0);
+			return;
+		}
+		if (v !== void 0 && F.length >= v) {
+			Y(j.limit(v), !0);
+			return;
+		}
+		let n = Ae?.(e) ?? null;
+		n === null ? (B(null), H(null), Ze([...F, e]), I(""), K({
+			kind: "added",
+			token: e
+		})) : Y(n, !0);
+	}, Q = (e) => {
+		B(null), Z(), Ze(F.filter((t) => t !== e)), K({
+			kind: "removed",
+			token: e
+		});
+	}, $ = (e) => {
+		B(e), e !== null && Y(j.picked(e));
+	}, tt = (e) => {
+		Fe?.(e), X && (B(null), Z(), I(e.currentTarget.value));
+	}, nt = (e) => {
+		if (Ie?.(e), e.defaultPrevented || J.current || De(e) || !X || e.altKey || e.ctrlKey || e.metaKey) return;
+		let { key: t, currentTarget: n } = e, r = n.selectionStart === 0 && n.selectionEnd === 0, i = z === null ? -1 : F.indexOf(z);
+		if (Oe.includes(t)) {
+			if (R === "") return;
+			e.preventDefault(), et();
+		} else if (t === "Backspace" || t === "Delete") z === null ? t === "Backspace" && r && F.length > 0 && (e.preventDefault(), e.repeat || $(F[F.length - 1])) : (e.preventDefault(), e.repeat || Q(z));
+		else if (!e.shiftKey) {
+			if (t === "ArrowLeft" && (z !== null || r && F.length > 0)) {
+				e.preventDefault();
+				let t = z === null ? F[F.length - 1] : F[Math.max(i - 1, 0)];
+				t !== z && $(t);
+			} else if (t === "ArrowRight" && z !== null) {
+				e.preventDefault();
+				let t = F[i + 1];
+				t === void 0 ? (B(null), n.setSelectionRange(0, 0)) : $(t);
+			} else t === "Escape" && z !== null && (e.preventDefault(), B(null), n.setSelectionRange(0, 0));
+		}
+	}, rt = (e) => {
+		let t = e.relatedTarget;
+		t instanceof Node && e.currentTarget.contains(t) || (B(null), ke && X && !J.current && et());
+	}, it = (e) => {
+		J.current = !0, Re?.(e);
+	}, at = (e) => {
+		J.current = !1, ze?.(e);
+	}, ot = (e) => {
+		q.current?.focus(), Q(e);
+	}, st = D === void 0 ? void 0 : [te(p) && k, D].filter(Boolean).join(" "), ct = [O.describedBy, z !== null && A].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ f(ae, {
+		"data-ui": "tag-input",
+		dir: x,
+		className: Ne,
+		sx: Pe,
+		part: b?.root,
+		children: [
+			/* @__PURE__ */ d(se, {
+				id: k,
+				htmlFor: O.id,
+				required: E,
+				part: b?.label,
+				children: p
+			}),
+			/* @__PURE__ */ f("div", {
+				"data-invalid": O.ariaInvalid === !0 || O.ariaInvalid === "true" ? "" : void 0,
+				"data-disabled": w ? "" : void 0,
+				onBlur: rt,
+				onMouseDown: (e) => {
+					w || e.target === q.current || (e.preventDefault(), e.target.closest("button") || q.current?.focus());
+				},
+				className: b?.control?.className,
+				css: [
+					re,
+					_e,
+					ve[g],
+					b?.control?.css
+				],
+				children: [F.length > 0 && /* @__PURE__ */ d("ul", {
+					role: "list",
+					"aria-label": j.listLabel,
+					className: b?.list?.className,
+					css: [ye, b?.list?.css],
+					children: F.map((e) => /* @__PURE__ */ f("li", {
+						"data-picked": e === z ? "" : void 0,
+						"data-duplicate": e === V ? "" : void 0,
+						"data-readonly": T ? "" : void 0,
+						"data-enter": Ye.current ? "" : void 0,
+						className: b?.token?.className,
+						css: [
+							be,
+							xe[g],
+							b?.token?.css
+						],
+						children: [/* @__PURE__ */ d("span", {
+							id: e === z ? A : void 0,
+							css: Se,
+							children: e
+						}), !T && /* @__PURE__ */ d("button", {
+							type: "button",
+							disabled: w,
+							"aria-label": j.remove(e),
+							onClick: () => ot(e),
+							className: b?.remove?.className,
+							css: [Ce, b?.remove?.css],
+							children: /* @__PURE__ */ d("span", {
+								"aria-hidden": !0,
+								css: ne,
+								children: Me
+							})
+						})]
+					}, e))
+				}), /* @__PURE__ */ d("input", {
+					autoComplete: "off",
+					...Ue,
+					ref: Je,
+					type: "text",
+					id: O.id,
+					dir: x,
+					form: C,
+					value: R,
+					disabled: w,
+					readOnly: T,
+					"aria-required": E || void 0,
+					"aria-labelledby": st,
+					"aria-describedby": ct,
+					"aria-invalid": O.ariaInvalid,
+					onChange: tt,
+					onKeyDown: nt,
+					onCompositionStart: it,
+					onCompositionEnd: at,
+					onBlur: Le,
+					className: b?.input?.className,
+					css: [we, b?.input?.css]
+				})]
+			}),
+			/* @__PURE__ */ d(ce, {
+				id: O.descriptionId,
+				part: b?.description,
+				children: m
+			}),
+			/* @__PURE__ */ d(oe, {
+				id: O.errorId,
+				part: b?.error,
+				children: h
+			}),
+			/* @__PURE__ */ d("span", {
+				role: "status",
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				"data-rejection": U.rejection ? "" : void 0,
+				className: b?.status?.className,
+				css: [U.rejection ? Te : ee, b?.status?.css],
+				children: U.text
+			}),
+			S !== void 0 && !w && F.map((e) => /* @__PURE__ */ d("input", {
+				type: "hidden",
+				name: S,
+				form: C,
+				value: e
+			}, e))
+		]
+	});
+}
+p.displayName = "TagInput";
+//#endregion
+export { p as t };

package/dist/tag-input.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as TagInput } from "./tag-input-DSRCyrX2.js";