@nxgt/material 3.95.0 → 3.95.1

package/dist/{percent-field-CeDpzUTS.js → percent-field-Cjc_3pP0.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { a as t, i as n, n as r } from "./field-blur-context-BLGgf_3z.js";
 import { t as i } from "./use-material-translation-BW5HZMwt.js";
-import { a, r as o } from "./currency-field-DzLtJtDI.js";
+import { a, r as o } from "./currency-field-DipsI0Bv.js";
 import { useId as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { LockIcon as u } from "lucide-react";

package/dist/{text-field-DxKSPY0T.js → text-field-DOndWDT5.js}

@@ -2,20 +2,21 @@ import { t as e } from "./utils-BLfntITJ.js";
 import { a as t, i as n, n as r } from "./field-blur-context-BLGgf_3z.js";
 import { t as i } from "./dist-DkQbkF9T.js";
 import { t as a } from "./icon-button-BG438okX.js";
-import { a as o, o as s, t as c } from "./input-CC2joTjB.js";
-import { isValidElement as l, useEffect as u, useId as d, useRef as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { describedBy as g } from "@nxgt/material-core/described-by";
+import { t as o } from "./compose-refs-G4J4kaUA.js";
+import { a as s, o as c, t as l } from "./input-CC2joTjB.js";
+import { isValidElement as u, useEffect as d, useId as f, useMemo as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { describedBy as v } from "@nxgt/material-core/described-by";
 //#region lib/components/ui/primitives/input-group/input-group.tsx
-function _({ className: t, ...n }) {
-	return /* @__PURE__ */ m("div", {
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ g("div", {
 		"data-slot": "input-group",
 		role: "group",
-		className: e(s, "group/input-group relative flex w-full items-center outline-none", "h-11 max-h-full min-w-0 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:ps-2", "has-[>[data-align=inline-end]]:[&>input]:pe-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", t),
+		className: e(c, "group/input-group relative flex w-full items-center outline-none", "h-11 max-h-full min-w-0 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:ps-2", "has-[>[data-align=inline-end]]:[&>input]:pe-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", t),
 		...n
 	});
 }
-var v = i("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none [&>kbd]:rounded-field-inner [&>svg:not([class*='size-'])]:size-4", {
+var b = i("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none [&>kbd]:rounded-field-inner [&>svg:not([class*='size-'])]:size-4", {
 	variants: { align: {
 		"inline-start": "order-first ps-3 has-[>button]:ps-[0.3rem] has-[>kbd]:ps-[0.4rem]",
 		"inline-end": "order-last pe-3 has-[>button]:pe-[0.3rem] has-[>kbd]:pe-[0.4rem]",
@@ -24,125 +25,139 @@ var v = i("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text
 	} },
 	defaultVariants: { align: "inline-start" }
 });
-function y({ className: t, align: n = "inline-start", ...r }) {
-	return /* @__PURE__ */ m("div", {
+function x({ className: t, align: n = "inline-start", ...r }) {
+	return /* @__PURE__ */ g("div", {
 		role: "group",
 		"data-slot": "input-group-addon",
 		"data-align": n,
-		className: e(v({ align: n }), t),
+		className: e(b({ align: n }), t),
 		onClick: (e) => {
 			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
 		},
 		...r
 	});
 }
-function b({ className: t, type: n = "button", variant: r = "ghost", ...i }) {
-	return /* @__PURE__ */ m(a, {
+function S({ className: t, type: n = "button", variant: r = "ghost", ...i }) {
+	return /* @__PURE__ */ g(a, {
 		type: n,
 		variant: r,
 		className: e("size-8", t),
 		...i
 	});
 }
-function x({ className: t, ...n }) {
-	return /* @__PURE__ */ m("span", {
+function C({ className: t, ...n }) {
+	return /* @__PURE__ */ g("span", {
 		className: e("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", t),
 		...n
 	});
 }
-function S({ className: t, type: n = "text", ...r }) {
-	return /* @__PURE__ */ m("input", {
+function w({ className: t, type: n = "text", ...r }) {
+	return /* @__PURE__ */ g("input", {
 		type: n,
 		"data-slot": "input-group-control",
 		"data-pw": r.name ?? "input",
 		className: e("h-full w-full min-w-0 flex-1 bg-transparent px-2 py-1 text-base outline-none md:text-sm", "pointer-coarse:-my-px pointer-coarse:h-[calc(100%+2px)]", "placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground disabled:pointer-events-none", t),
 		...r,
-		placeholder: o(r.placeholder, n)
+		placeholder: s(r.placeholder, n)
 	});
 }
-function C({ className: t, ...n }) {
-	return /* @__PURE__ */ m("textarea", {
+function T({ className: t, ...n }) {
+	return /* @__PURE__ */ g("textarea", {
 		"data-slot": "input-group-control",
 		"data-pw": n.name ?? "textarea",
 		className: e("field-sizing-content min-h-16 w-full min-w-[min(280px,100%)] flex-1 resize-none bg-transparent px-3 py-3 text-base outline-none md:text-sm", "placeholder:text-muted-foreground disabled:pointer-events-none", t),
 		...n,
-		placeholder: o(n.placeholder, "text")
+		placeholder: s(n.placeholder, "text")
 	});
 }
 //#endregion
 //#region lib/components/ui/fields/text-field/text-field-units.tsx
-function w(e, t, n) {
+function E(e, t, n) {
 	return e === "password" && t ? "•".repeat(t.length) : t || n || " ";
 }
-function T({ leading: t, trailing: n, ...r }) {
-	let i = r.value !== void 0, [a, o] = p(null), s = f(null);
-	u(() => {
-		let e = s.current?.form;
-		if (!e || i) return;
-		let t = () => o(null);
-		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
-	}, [i]);
-	let c = i ? String(r.value ?? "") : a ?? String(r.defaultValue ?? ""), d = w(r.type, c, r.placeholder), g = !!n, v = (t, n) => n ? /* @__PURE__ */ m(y, {
+var D = "button, a, input, select, textarea, label, [role=button], [role=menuitem]";
+function O(e, t) {
+	e.defaultPrevented || e.target.closest(D) || t?.focus();
+}
+function k({ align: t, node: n }) {
+	return n ? /* @__PURE__ */ g(x, {
 		align: t,
 		"data-slot": t === "inline-start" ? "text-field-leading" : "text-field-trailing",
-		className: e("flex-none py-1 text-base md:text-sm font-normal whitespace-nowrap tabular-nums", l(n) && "[&>*]:size-8 pointer-coarse:[&>*]:size-11"),
+		className: e("flex-none py-1 text-base md:text-sm font-normal whitespace-nowrap tabular-nums", u(n) && "[&>*]:size-8 pointer-coarse:[&>*]:size-11"),
 		children: n
 	}) : null;
-	return /* @__PURE__ */ h(_, {
+}
+function A({ leading: t, trailing: n, ref: r, ...i }) {
+	let a = i.value !== void 0, [s, c] = h(null), l = m(null), u = p(() => o(l, r), [r]);
+	d(() => {
+		let e = l.current?.form;
+		if (!e || a) return;
+		let t = () => c(null);
+		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
+	}, [a]);
+	let f = a ? String(i.value ?? "") : s ?? String(i.defaultValue ?? ""), v = E(i.type, f, i.placeholder);
+	return /* @__PURE__ */ _(y, {
 		className: "gap-1",
+		onClick: (e) => O(e, l.current),
 		children: [
-			v("inline-start", t),
-			/* @__PURE__ */ m("span", {
+			/* @__PURE__ */ g(k, {
+				align: "inline-start",
+				node: t
+			}),
+			/* @__PURE__ */ g("span", {
 				"data-slot": "text-field-value",
-				"data-value": d,
-				className: e("inline-grid h-full max-w-full min-w-4 items-center text-base md:text-sm", "after:invisible after:col-start-1 after:row-start-1 after:whitespace-pre after:content-[attr(data-value)]", g ? "flex-none shrink" : "flex-1", !t && "ps-3", !n && "pe-3"),
-				children: /* @__PURE__ */ m(S, {
-					...r,
-					ref: s,
+				"data-value": v,
+				className: e("inline-grid h-full max-w-full min-w-4 items-center text-base md:text-sm", "after:invisible after:col-start-1 after:row-start-1 after:whitespace-pre after:content-[attr(data-value)]", n ? "flex-none shrink" : "flex-1", t ? "pointer-coarse:min-w-11" : "ps-3 pointer-coarse:min-w-14", !n && "pe-3"),
+				children: /* @__PURE__ */ g(w, {
+					...i,
+					ref: u,
 					className: "col-start-1 row-start-1 w-0 min-w-full px-0 md:pb-1.5 [font:inherit] [font-variant-numeric:inherit] [letter-spacing:inherit]",
 					onChange: (e) => {
-						i || o(e.target.value), r.onChange?.(e);
+						a || c(e.target.value), i.onChange?.(e);
 					}
 				})
 			}),
-			v("inline-end", n)
+			/* @__PURE__ */ g(k, {
+				align: "inline-end",
+				node: n
+			})
 		]
 	});
 }
 //#endregion
 //#region lib/components/ui/fields/text-field/text-field.tsx
-function E({ error: i, helperText: a, label: o, className: s, leading: u, trailing: f, ...p }) {
-	let _ = r(), v = d(), y = d(), b = g(p["aria-describedby"], !!a && y), x = !!u && !l(u), S = !!f && !l(f), C = {
+function j({ error: i, helperText: a, label: o, className: s, leading: c, trailing: d, ...p }) {
+	let m = r(), h = f(), y = f(), b = v(p["aria-describedby"], !!a && y), x = !!c && !u(c), S = !!d && !u(d), C = {
 		"aria-invalid": i,
 		...p,
-		id: p.id ?? v,
+		id: p.id ?? h,
 		"aria-describedby": b
-	}, w = x || S ? /* @__PURE__ */ m(T, {
+	}, w = x || S ? /* @__PURE__ */ g(A, {
 		...C,
-		leading: u,
-		trailing: f
-	}) : /* @__PURE__ */ h("div", {
+		leading: c,
+		trailing: d
+	}) : /* @__PURE__ */ _("div", {
 		className: e("relative", {
-			"*:first:size-8 *:first:absolute *:first:top-[calc(50%-16px)] *:first:left-1.5 [&_input]:pl-10 *:first:text-muted-foreground": !!u,
-			"*:last:size-8 *:last:absolute *:last:top-[calc(50%-16px)] *:last:right-1.5 *:last:pointer-coarse:size-11 *:last:pointer-coarse:top-[calc(50%-22px)] *:last:pointer-coarse:right-0 [&_input]:pr-.5 *:last:text-muted-foreground": !!f
+			"*:first:size-8 *:first:absolute *:first:top-[calc(50%-16px)] *:first:left-1.5 [&_input]:pl-10 *:first:text-muted-foreground": !!c,
+			"*:last:size-8 *:last:absolute *:last:top-[calc(50%-16px)] *:last:right-1.5 *:last:pointer-coarse:size-11 *:last:pointer-coarse:top-[calc(50%-22px)] *:last:pointer-coarse:right-0 [&_input]:pr-.5 *:last:text-muted-foreground": !!d
 		}),
 		children: [
-			u,
-			/* @__PURE__ */ m(c, { ...C }),
-			f
+			c,
+			/* @__PURE__ */ g(l, { ...C }),
+			d
 		]
 	});
-	return /* @__PURE__ */ h("div", {
-		ref: _,
+	return /* @__PURE__ */ _("div", {
+		ref: m,
 		"data-slot": "text-field",
 		className: e("grid w-full content-start gap-1.5", s),
-		children: [/* @__PURE__ */ m(n, {
+		children: [/* @__PURE__ */ g(n, {
 			withAsterisk: p.required,
-			htmlFor: p.id ?? v,
+			htmlFor: p.id ?? h,
 			children: o
-		}), /* @__PURE__ */ h("div", {
+		}), /* @__PURE__ */ _("div", {
 			className: "flex flex-col gap-0.5",
-			children: [w, a ? /* @__PURE__ */ m(t, {
+			children: [w, a ? /* @__PURE__ */ g(t, {
 				id: y,
 				error: i,
 				children: a
@@ -151,4 +166,4 @@ function E({ error: i, helperText: a, label: o, className: s, leading: u, traili
 	});
 }
 //#endregion
-export { S as a, b as i, _ as n, x as o, y as r, C as s, E as t };
+export { w as a, S as i, y as n, C as o, x as r, T as s, j as t };

package/dist/{use-chat-composer-yTODkjut.js → use-chat-composer-DEd6GM2N.js}

@@ -38,7 +38,7 @@ import { t as Ht } from "./browser-only-DQ94lWF8.js";
 import { t as Ut } from "./compose-refs-G4J4kaUA.js";
 import { n as Wt, r as Gt, t as Kt } from "./chip-Bb9SM3Ly.js";
 import { c as qt, o as Jt, r as Yt, s as Xt, t as Zt } from "./input-CC2joTjB.js";
-import { a as Qt, n as $t, r as en, t as tn } from "./text-field-DxKSPY0T.js";
+import { a as Qt, n as $t, r as en, t as tn } from "./text-field-DOndWDT5.js";
 import { r as nn } from "./use-csp-nonce-ZKs9k-ov.js";
 import { t as rn } from "./empty-state-n2zb23YG.js";
 import { t as an } from "./skeleton-DSdtr2qc.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "3.95.0",
+	"version": "3.95.1",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"