@nxgt/material 3.86.0 → 3.86.2

package/dist/{tabs-BOT9B4le.js → tabs-95Y2LmnV.js}

@@ -49,8 +49,8 @@ var ae = Object.defineProperty, x = (e, t) => ae(e, "name", {
 			ref: t
 		})
 	});
-}, "TabsList")), T = "TabsTrigger", E = /* @__PURE__ */ p.forwardRef(/* @__PURE__ */ x(function(e, t) {
-	let { __scopeTabs: i, value: a, disabled: o = !1, ...s } = e, c = w(T, i), l = C(i), u = D(c.baseId, a), f = O(c.baseId, a), p = a === c.value;
+}, "TabsList")), fe = "TabsTrigger", T = /* @__PURE__ */ p.forwardRef(/* @__PURE__ */ x(function(e, t) {
+	let { __scopeTabs: i, value: a, disabled: o = !1, ...s } = e, c = w(fe, i), l = C(i), u = D(c.baseId, a), f = O(c.baseId, a), p = a === c.value;
 	return /* @__PURE__ */ y(d, {
 		asChild: !0,
 		...l,
@@ -79,8 +79,8 @@ var ae = Object.defineProperty, x = (e, t) => ae(e, "name", {
 			})
 		})
 	});
-}, "TabsTrigger")), fe = "TabsContent", pe = /* @__PURE__ */ p.forwardRef(/* @__PURE__ */ x(function(e, t) {
-	let { __scopeTabs: r, value: i, forceMount: a, children: s, ...c } = e, l = w(fe, r), u = D(l.baseId, i), d = O(l.baseId, i), f = i === l.value, m = p.useRef(f);
+}, "TabsTrigger")), E = "TabsContent", pe = /* @__PURE__ */ p.forwardRef(/* @__PURE__ */ x(function(e, t) {
+	let { __scopeTabs: r, value: i, forceMount: a, children: s, ...c } = e, l = w(E, r), u = D(l.baseId, i), d = O(l.baseId, i), f = i === l.value, m = p.useRef(f);
 	return p.useEffect(() => {
 		let e = requestAnimationFrame(() => m.current = !1);
 		return () => cancelAnimationFrame(e);
@@ -112,7 +112,7 @@ function O(e, t) {
 	return `${e}-content-${t}`;
 }
 x(O, "makeContentId");
-var me = le, he = de, ge = E, _e = pe;
+var me = le, he = de, ge = T, _e = pe;
 //#endregion
 //#region lib/components/ui/primitives/tabs/tabs-classes.ts
 function k(e) {
@@ -130,30 +130,30 @@ var A = "aria-[orientation=vertical]:flex-col", ve = {
 }, F = "pointer-events-none absolute left-0 invisible group-data-[indicator=ready]/tabs-list:visible group-data-[indicator=ready]/tabs-list:motion-safe:transition-[translate,width,height] duration-300 ease-out", ye = {
 	underline: `${F} bottom-0 h-0.5 rounded-full bg-primary dark:bg-track-fill w-(--tabs-indicator-w) translate-x-(--tabs-indicator-x) group-aria-[orientation=vertical]/tabs-list:bottom-auto group-aria-[orientation=vertical]/tabs-list:top-0 group-aria-[orientation=vertical]/tabs-list:w-0.5 group-aria-[orientation=vertical]/tabs-list:h-(--tabs-indicator-w) group-aria-[orientation=vertical]/tabs-list:translate-x-0 group-aria-[orientation=vertical]/tabs-list:translate-y-(--tabs-indicator-x)`,
 	segmented: `${F} inset-y-1 rounded-full bg-background shadow-sm border border-muted-foreground dark:bg-card w-(--tabs-indicator-w) translate-x-(--tabs-indicator-x) group-aria-[orientation=vertical]/tabs-list:inset-y-auto group-aria-[orientation=vertical]/tabs-list:inset-x-1 group-aria-[orientation=vertical]/tabs-list:top-0 group-aria-[orientation=vertical]/tabs-list:w-auto group-aria-[orientation=vertical]/tabs-list:h-(--tabs-indicator-w) group-aria-[orientation=vertical]/tabs-list:translate-x-0 group-aria-[orientation=vertical]/tabs-list:translate-y-(--tabs-indicator-x)`
-}, be = "inline-flex items-center gap-2", xe = "flex justify-center", Se = "w-full flex-1 outline-none";
+}, be = "inline-flex items-center gap-2", I = "flex justify-center", xe = "w-full flex-1 outline-none";
 //#endregion
 //#region lib/components/ui/primitives/tabs/partials/tabs-content.tsx
-function Ce({ className: t, ...n }) {
+function Se({ className: t, ...n }) {
 	return /* @__PURE__ */ y(_e, {
 		"data-slot": "tabs-content",
-		className: e(Se, t),
+		className: e(xe, t),
 		...n
 	});
 }
 //#endregion
 //#region lib/components/ui/primitives/tabs/tabs-overflow-classes.ts
-var I = "[--tabs-cue:2rem] pointer-coarse:[--tabs-cue:3rem] data-[overflow-left]:[--tabs-inset-left:var(--tabs-cue)] data-[overflow-right]:[--tabs-inset-right:var(--tabs-cue)] data-[overflow-left]:[mask-image:linear-gradient(to_right,transparent_var(--tabs-inset-left,0px),#000_var(--tabs-inset-left,0px),#000_calc(100%_-_var(--tabs-inset-right,0px)),transparent_calc(100%_-_var(--tabs-inset-right,0px)))] data-[overflow-right]:[mask-image:linear-gradient(to_right,transparent_var(--tabs-inset-left,0px),#000_var(--tabs-inset-left,0px),#000_calc(100%_-_var(--tabs-inset-right,0px)),transparent_calc(100%_-_var(--tabs-inset-right,0px)))] [&_[data-clipped]]:opacity-0", we = "pointer-events-none absolute z-20 overflow-hidden", L = "pointer-events-auto absolute top-1/2 inline-flex size-7 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border border-border bg-background text-foreground shadow-sm transition-colors hover:bg-muted pointer-coarse:h-full pointer-coarse:max-h-11 pointer-coarse:w-11 focus-visible:outline-2 focus-visible:outline-offset-[-3px] focus-visible:outline-primary dark:focus-visible:outline-track-fill [&_svg]:size-4", Te = `${L} left-1`, Ee = `${L} right-1`, R = m("underline");
-function z() {
-	return g(R);
+var L = "[--tabs-cue:2rem] pointer-coarse:[--tabs-cue:3rem] data-[overflow-left]:[--tabs-inset-left:var(--tabs-cue)] data-[overflow-right]:[--tabs-inset-right:var(--tabs-cue)] data-[overflow-left]:[mask-image:linear-gradient(to_right,transparent_var(--tabs-inset-left,0px),#000_var(--tabs-inset-left,0px),#000_calc(100%_-_var(--tabs-inset-right,0px)),transparent_calc(100%_-_var(--tabs-inset-right,0px)))] data-[overflow-right]:[mask-image:linear-gradient(to_right,transparent_var(--tabs-inset-left,0px),#000_var(--tabs-inset-left,0px),#000_calc(100%_-_var(--tabs-inset-right,0px)),transparent_calc(100%_-_var(--tabs-inset-right,0px)))] [&_[data-clipped]]:opacity-0", Ce = "pointer-events-none absolute z-20 overflow-hidden", R = "pointer-events-auto absolute top-1/2 inline-flex size-7 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border border-border bg-background text-foreground shadow-sm transition-colors hover:bg-muted pointer-coarse:h-full pointer-coarse:max-h-11 pointer-coarse:w-11 focus-visible:outline-2 focus-visible:outline-offset-[-3px] focus-visible:outline-primary dark:focus-visible:outline-track-fill [&_svg]:size-4", we = `${R} left-1`, Te = `${R} right-1`, z = m("underline");
+function B() {
+	return g(z);
 }
 //#endregion
 //#region lib/components/ui/primitives/tabs/tabs-clipped.ts
-function B(e) {
+function Ee(e) {
 	let t = getComputedStyle(e).getPropertyValue("--tabs-cue").trim(), n = Number.parseFloat(t);
 	return Number.isFinite(n) ? t.endsWith("rem") ? n * Number.parseFloat(getComputedStyle(document.documentElement).fontSize) : n : 0;
 }
 function V(e, t, n, r) {
-	let i = e.getBoundingClientRect(), a = B(e), o = i.left + (n ? a : 0), s = i.right - (r ? a : 0);
+	let i = e.getBoundingClientRect(), a = Ee(e), o = i.left + (n ? a : 0), s = i.right - (r ? a : 0);
 	for (let a of e.querySelectorAll(t.tab)) {
 		let e = a.getBoundingClientRect(), c = n && e.left < o - 1 && e.right > i.left || r && e.right > s + 1 && e.left < i.right, l = a.matches(t.active) || a === document.activeElement, u = c && !l;
 		u !== a.hasAttribute("data-clipped") && a.toggleAttribute("data-clipped", u);
@@ -193,7 +193,28 @@ var U = {
 	x: 0,
 	width: 0,
 	height: 0
-}, W = (e, t) => e.left === t.left && e.right === t.right && e.top === t.top && e.x === t.x && e.width === t.width && e.height === t.height, G = "[role=\"tab\"], [data-slot=\"tabs-trigger\"]", K = "[role=\"tab\"][data-state=\"active\"], [data-slot=\"tabs-trigger\"][data-state=\"active\"]", q = 64, J = {
+}, W = (e, t) => e.left === t.left && e.right === t.right && e.top === t.top && e.x === t.x && e.width === t.width && e.height === t.height;
+//#endregion
+//#region lib/components/ui/primitives/tabs/tabs-press.ts
+function ke(e, t, n) {
+	let r = !1, i = e.ownerDocument, a = i.defaultView, o = () => {
+		r = !1, i.removeEventListener("pointerup", o, !0), i.removeEventListener("pointercancel", o, !0), a?.removeEventListener("blur", o);
+	}, s = () => {
+		r = !0, i.addEventListener("pointerup", o, !0), i.addEventListener("pointercancel", o, !0), a?.addEventListener("blur", o);
+	}, c = (e) => {
+		let r = e.target instanceof HTMLElement ? e.target.closest(t) : null;
+		r && e.detail > 0 && n(r);
+	};
+	return e.addEventListener("pointerdown", s, !0), e.addEventListener("click", c), {
+		pressed: () => r,
+		dispose() {
+			e.removeEventListener("pointerdown", s, !0), o(), e.removeEventListener("click", c);
+		}
+	};
+}
+//#endregion
+//#region lib/components/ui/primitives/tabs/tabs-selectors.ts
+var G = "[role=\"tab\"], [data-slot=\"tabs-trigger\"]", K = "[role=\"tab\"][data-state=\"active\"], [data-slot=\"tabs-trigger\"][data-state=\"active\"]", q = 64, J = {
 	tab: G,
 	active: K
 };
@@ -213,7 +234,7 @@ function X(e, t = J) {
 		height: e.offsetHeight
 	};
 }
-function ke(e, t, n = Y()) {
+function Ae(e, t, n = Y()) {
 	if (e.scrollWidth <= e.clientWidth) return 0;
 	let r = e.getBoundingClientRect(), i = t.getBoundingClientRect(), a = 0;
 	return i.left < r.left + q ? a = i.left - r.left - q : i.right > r.right - q && (a = i.right - r.right + q), a && e.scrollBy({
@@ -231,36 +252,37 @@ function Z(e, t = J) {
 				let e = X(n, t);
 				r((t) => W(t, e) ? t : e);
 			});
-		}, o = () => n.querySelector(t.active), s = Oe(n, ke), { state: c, reveal: l } = s, u = new ResizeObserver(() => {
+		}, o = () => n.querySelector(t.active), s = Oe(n, Ae), { state: c, reveal: l } = s, u = ke(n, t.tab, l), d = new ResizeObserver(() => {
 			a();
 			let e = c.follow ? o() : null;
 			e && l(e, "instant");
-		}), d = () => {
-			u.disconnect(), u.observe(n);
-			for (let e of n.querySelectorAll(t.tab)) u.observe(e);
-		}, f = new MutationObserver((e) => {
-			if (d(), a(), e.some((e) => e.type === "attributes")) {
+		}), f = () => {
+			d.disconnect(), d.observe(n);
+			for (let e of n.querySelectorAll(t.tab)) d.observe(e);
+		}, p = new MutationObserver((e) => {
+			if (f(), a(), e.some((e) => e.type === "attributes")) {
 				c.follow = !0;
 				let e = o();
-				e && l(e);
+				e && !u.pressed() && l(e);
 			}
 		});
-		f.observe(n, {
+		p.observe(n, {
 			subtree: !0,
 			childList: !0,
 			attributeFilter: ["data-state"]
 		});
-		let p = (e) => {
-			e.target instanceof HTMLElement && e.target.matches(t.tab) && (c.follow = e.target.matches(t.active), l(e.target));
+		let m = (e) => {
+			let n = e.target;
+			n instanceof HTMLElement && n.matches(t.tab) && (c.follow = n.matches(t.active), u.pressed() || l(n));
 		};
-		n.addEventListener("focusin", p), d();
-		let m = o();
-		return m && l(m, "instant"), r(X(n, t)), () => {
-			cancelAnimationFrame(i), u.disconnect(), f.disconnect(), n.removeEventListener("focusin", p), s.dispose();
+		n.addEventListener("focusin", m), f();
+		let h = o();
+		return h && l(h, "instant"), r(X(n, t)), () => {
+			cancelAnimationFrame(i), d.disconnect(), p.disconnect(), n.removeEventListener("focusin", m), u.dispose(), s.dispose();
 		};
-	}, [e, t]), Ae(e, n.left || n.right, r, t), n;
+	}, [e, t]), je(e, n.left || n.right, r, t), n;
 }
-function Ae(e, t, n, r) {
+function je(e, t, n, r) {
 	ee(() => {
 		let i = e.current;
 		if (!i || !t) return;
@@ -340,7 +362,7 @@ function $({ list: e, overflow: t }) {
 	};
 	return /* @__PURE__ */ b("div", {
 		"data-slot": "tabs-scroll",
-		className: we,
+		className: Ce,
 		style: {
 			top: t.top,
 			left: t.x,
@@ -351,14 +373,14 @@ function $({ list: e, overflow: t }) {
 			...i,
 			"data-slot": "tabs-scroll-left",
 			"aria-label": n("material.tabs.scroll-left", "Scroll tabs left"),
-			className: Te,
+			className: we,
 			onClick: () => r(-1),
 			children: /* @__PURE__ */ y(re, { "aria-hidden": !0 })
 		}), t.right && /* @__PURE__ */ y("button", {
 			...i,
 			"data-slot": "tabs-scroll-right",
 			"aria-label": n("material.tabs.scroll-right", "Scroll tabs right"),
-			className: Ee,
+			className: Te,
 			onClick: () => r(1),
 			children: /* @__PURE__ */ y(ie, { "aria-hidden": !0 })
 		})]
@@ -366,8 +388,8 @@ function $({ list: e, overflow: t }) {
 }
 //#endregion
 //#region lib/components/ui/primitives/tabs/partials/tabs-list.tsx
-function je({ className: n, children: r, ref: i, ...a }) {
-	let o = z(), s = v(null), c = Z(s);
+function Me({ className: n, children: r, ref: i, ...a }) {
+	let o = B(), s = v(null), c = Z(s);
 	return /* @__PURE__ */ b(ne, { children: [/* @__PURE__ */ b(he, {
 		ref: h((e) => {
 			s.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
@@ -376,7 +398,7 @@ function je({ className: n, children: r, ref: i, ...a }) {
 		"data-pw": "tabs-list",
 		"data-overflow-left": c.left ? "" : void 0,
 		"data-overflow-right": c.right ? "" : void 0,
-		className: e(j[o], I, n),
+		className: e(j[o], L, n),
 		...a,
 		children: [/* @__PURE__ */ y(t, { children: r }), /* @__PURE__ */ y(Q, { look: o })]
 	}), /* @__PURE__ */ y($, {
@@ -386,10 +408,10 @@ function je({ className: n, children: r, ref: i, ...a }) {
 }
 //#endregion
 //#region lib/components/ui/primitives/tabs/partials/tabs-trigger.tsx
-function Me({ className: n, children: r, icon: i, ...a }) {
+function Ne({ className: n, children: r, icon: i, ...a }) {
 	return /* @__PURE__ */ b(ge, {
 		"data-slot": "tabs-trigger",
-		className: e(P[z()], n),
+		className: e(P[B()], n),
 		...a,
 		children: [i && /* @__PURE__ */ y("span", {
 			"data-slot": "tabs-trigger-icon",
@@ -406,9 +428,9 @@ function Me({ className: n, children: r, icon: i, ...a }) {
 }
 //#endregion
 //#region lib/components/ui/primitives/tabs/tabs.tsx
-function Ne({ className: t, variant: n = "underline", ...r }) {
+function Pe({ className: t, variant: n = "underline", ...r }) {
 	let i = k(n);
-	return /* @__PURE__ */ y(R.Provider, {
+	return /* @__PURE__ */ y(z.Provider, {
 		value: i,
 		children: /* @__PURE__ */ y(me, {
 			"data-slot": "tabs",
@@ -419,4 +441,4 @@ function Ne({ className: t, variant: n = "underline", ...r }) {
 	});
 }
 //#endregion
-export { Q as a, z as c, xe as d, be as f, k as h, $ as i, I as l, P as m, Me as n, Z as o, j as p, je as r, R as s, Ne as t, Ce as u };
+export { Q as a, B as c, I as d, be as f, k as h, $ as i, L as l, P as m, Ne as n, Z as o, j as p, Me as r, z as s, Pe as t, Se as u };

package/dist/{use-chat-composer-67MgWAHz.js → use-chat-composer-CleSUh_y.js}

@@ -14,7 +14,7 @@ import { D as je, E as Me, N as Ne, O as Pe, c as Fe, d as Ie, f as Le, i as Re,
 import { a as Ke, i as qe, n as Je } from "./field-blur-context-BLGgf_3z.js";
 import { i as Ye, n as Xe, r as Ze, t as Qe } from "./popover-Dzk4-l9U.js";
 import { a as $e, i as et, n as tt, o as nt, t as rt } from "./bubble-input-CQwVSoU3.js";
-import { n as it, r as at, t as ot, u as st } from "./tabs-BOT9B4le.js";
+import { n as it, r as at, t as ot, u as st } from "./tabs-95Y2LmnV.js";
 import { a as ct, n as lt, o as ut, s as dt, v as ft, y as pt } from "./toolbar-items-BsgzHSNf.js";
 import { t as mt } from "./dist-DkQbkF9T.js";
 import { o as ht, s as gt, t as _t } from "./use-click-lock-Bwg_caHO.js";

package/docs/components/data-display.md

@@ -1530,7 +1530,7 @@ import { EventChip } from '@nxgt/material/components';
 | `allDay` | `boolean` | `false` | no time |
 | `compact` | `boolean` | `false` | one line, the time before the title, for month cells |
 | `continuesBefore`, `continuesAfter` | `boolean` | `false` | square edges for a multi-day event |
-| `badge` | `{ label: string; tone?: Tone }` | — | a small tinted label after the title (neutral without a `tone`); cut with an ellipsis, and hidden visually yet still read in a box under 20px tall or 4.5rem wide. `EventCalendar` sets it from `CalendarEvent.badge` |
+| `badge` | `{ label: string; tone?: Tone }` | — | a small tinted label after the title (neutral without a `tone`); cut with an ellipsis; in a box under 20px tall or 7rem wide it becomes a tone dot (its tooltip is the label) while the label stays in the chip's accessible name. `EventCalendar` sets it from `CalendarEvent.badge` |
 | `selected`, `disabled` | `boolean` | `false` | state |
 
 **Storybook:** `Data display/EventChip` · **Vue:** `EventChip` (`variant`, `endTime`: React only for now, #892; `badge`: #2526)

package/docs/components/rich-widgets.md

@@ -367,8 +367,10 @@ const events: CalendarEvent[] = [
 - **Accessibility.** The label is part of the event's name (`Visit, Follow-up`),
   and the tone is never the only signal.
 - **Small boxes.** A long label is cut with an ellipsis inside its chip. In a
-  box under 20px tall or 4.5rem wide it is hidden visually and still read by a
-  screen reader.
+  box under 20px tall or 7rem wide (a phone's week column) it falls back to a
+  small dot in the badge's tone, with the label as its tooltip; the label stays
+  in the event's accessible name. The agenda view wraps a long description
+  instead of cutting it.
 
 ### EventCalendar resources
 

package/package.json

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