@vjdesigns/vjdesigns-ui 2.4.0 → 3.0.0

package/dist/components/forms/Combobox/ComboboxPopup.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useOverlayLayer.cjs.js"),t=require("../../../hooks/useFloatingPosition.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../utilities/Portal/Portal.cjs.js"),i=require("../../feedback/Spinner/Spinner.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),o=require("./comboboxUtils.cjs.js"),s=require("./Combobox.module.css.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u={sm:s.default.listSm,md:s.default.listMd,lg:s.default.listLg},d={x:NaN,y:NaN};function f(e){return(0,l.jsx)(r.Portal,{container:e.container,children:(0,l.jsx)(p,{...e})})}function p({anchorRef:r,positionerRef:f,layer:p,listboxId:m,labelledBy:h,label:g,multiple:_,size:v,placement:y,maxHeight:b,items:x,highlightedIndex:S,isSelected:C,onHighlight:w,onChoose:T,renderOption:E,createLabel:D,loading:O,loadingMessage:k,emptyMessage:A}){let j=(0,c.useRef)(null),[M,N]=(0,c.useState)(`ltr`),[P,F]=(0,c.useState)(void 0);(0,c.useLayoutEffect)(()=>{let e=r.current;if(!e)return;N(getComputedStyle(e).direction===`rtl`?`rtl`:`ltr`);let t=()=>F(e.getBoundingClientRect().width);if(t(),typeof ResizeObserver>`u`)return;let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[r]);let I=t.useFloatingPosition(r,f,{open:!0,placement:y,offset:6}),L=I.placement.split(`-`)[0],R=S>=0?x[S]?.id:void 0;(0,c.useLayoutEffect)(()=>{let e=j.current;if(!e||!R)return;let t=document.getElementById(R);if(!t||!e.contains(t))return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),i=parseFloat(getComputedStyle(e).paddingTop)||0;r.top<n.top+i?e.scrollTop-=n.top+i-r.top:r.bottom>n.bottom-i&&(e.scrollTop+=r.bottom-(n.bottom-i))},[R,I.isPositioned]);let z=o.groupItems(x),B=new Map(x.map((e,t)=>[e.key,t])),V=!O&&x.length===0&&A!=null&&A!==!1,H=(e,t,n)=>{if(e.pointerType===`touch`)return;let r=d.x!==e.clientX||d.y!==e.clientY;d.x=e.clientX,d.y=e.clientY,r&&n&&t!==S&&w(t)},U=e=>{let t=B.get(e.key)??-1,r=t===S;if(e.kind===`create`)return(0,l.jsxs)(`div`,{id:e.id,role:`option`,"aria-selected":!1,"data-highlighted":r||void 0,className:n.cx(s.default.option,s.default.createOption),onPointerMove:e=>H(e,t,!0),onClick:()=>T(e),children:[(0,l.jsx)(`span`,{className:s.default.indicator,"aria-hidden":`true`,children:(0,l.jsx)(a.PlusIcon,{size:`sm`,strokeWidth:2.5})}),(0,l.jsx)(`span`,{className:s.default.optionText,children:(0,l.jsx)(`span`,{className:s.default.optionLabel,children:D(e.text)})})]},e.key);let{option:i}=e,o=C(i.value),c=!!i.disabled,u=`${e.id}-label`,d=`${e.id}-description`,f=E?.(i,{selected:o,highlighted:r,disabled:c});return(0,l.jsxs)(`div`,{id:e.id,role:`option`,"aria-selected":o,"aria-disabled":c||void 0,"aria-labelledby":f===void 0?u:void 0,"aria-describedby":f===void 0&&i.description?d:void 0,"data-highlighted":r||void 0,"data-selected":o||void 0,"data-disabled":c||void 0,className:s.default.option,onPointerMove:e=>H(e,t,!c),onClick:()=>{c||T(e)},children:[(0,l.jsx)(`span`,{className:s.default.indicator,"aria-hidden":`true`,children:o&&(0,l.jsx)(a.CheckIcon,{size:`sm`,strokeWidth:3})}),f===void 0?(0,l.jsxs)(l.Fragment,{children:[i.icon!=null&&(0,l.jsx)(`span`,{className:s.default.optionIcon,"aria-hidden":`true`,children:i.icon}),(0,l.jsxs)(`span`,{className:s.default.optionText,children:[(0,l.jsx)(`span`,{id:u,className:s.default.optionLabel,children:i.label}),i.description&&(0,l.jsx)(`span`,{id:d,className:s.default.optionDescription,children:i.description})]})]}):(0,l.jsx)(`span`,{className:s.default.optionText,children:f})]},e.key)},W=b===void 0?void 0:{"--_max-h":typeof b==`number`?`${b}px`:b},G=e=>e.preventDefault();return(0,l.jsx)(e.OverlayLayerProvider,{layer:p,children:(0,l.jsx)(`div`,{ref:f,className:s.default.positioner,style:{...I.style,minInlineSize:P},dir:M,children:(0,l.jsxs)(`div`,{ref:j,className:n.cx(s.default.popup,u[v]),style:W,"data-side":L,"data-state":`open`,onMouseDown:G,children:[(0,l.jsx)(`div`,{id:m,role:`listbox`,"aria-labelledby":h,"aria-label":h?void 0:g,"aria-multiselectable":_||void 0,"aria-busy":O||void 0,className:s.default.listbox,children:z.map((e,t)=>e.group===void 0?(0,l.jsx)(c.Fragment,{children:e.items.map(U)},`section-${t}`):(0,l.jsxs)(`div`,{role:`group`,"aria-labelledby":`${m}-group-${t}`,className:s.default.group,children:[(0,l.jsx)(`div`,{id:`${m}-group-${t}`,role:`presentation`,className:s.default.groupLabel,children:e.group}),e.items.map(U)]},`group-${e.group}`))}),O&&(0,l.jsxs)(`div`,{className:s.default.statusRow,children:[(0,l.jsx)(i.Spinner,{decorative:!0,size:v===`lg`?`md`:`sm`,tone:`primary`}),(0,l.jsx)(`span`,{children:k})]}),V&&(0,l.jsx)(`div`,{className:s.default.statusRow,children:A})]})})})}exports.ComboboxPopup=f;
+"use client";const e=require("../../../hooks/useFloatingPosition.cjs.js"),t=require("../../../hooks/useVirtualizer.cjs.js"),n=require("../../../hooks/useOverlayLayer.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("../../feedback/Spinner/Spinner.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),o=require("../../utilities/Portal/Portal.cjs.js"),s=require("./comboboxUtils.cjs.js"),c=require("./Combobox.module.css.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var d={sm:c.default.listSm,md:c.default.listMd,lg:c.default.listLg},f=100,p={sm:32,md:40,lg:48},m={x:NaN,y:NaN};function h(e){return(0,u.jsx)(o.Portal,{container:e.container,children:(0,u.jsx)(g,{...e})})}function g({anchorRef:o,positionerRef:h,layer:g,listboxId:_,labelledBy:v,label:y,multiple:b,size:x,placement:S,maxHeight:C,items:w,highlightedIndex:T,isSelected:E,onHighlight:D,onChoose:O,renderOption:k,createLabel:A,loading:j,loadingMessage:M,emptyMessage:N}){let P=(0,l.useRef)(null),[F,I]=(0,l.useState)(`ltr`),[L,R]=(0,l.useState)(void 0);(0,l.useLayoutEffect)(()=>{let e=o.current;if(!e)return;I(getComputedStyle(e).direction===`rtl`?`rtl`:`ltr`);let t=()=>R(e.getBoundingClientRect().width);if(t(),typeof ResizeObserver>`u`)return;let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[o]);let z=e.useFloatingPosition(o,h,{open:!0,placement:S,offset:6}),B=z.placement.split(`-`)[0],V=s.groupItems(w),H=w.length>f&&V.every(e=>e.group===void 0),[U,W]=(0,l.useState)(0);(0,l.useLayoutEffect)(()=>{let e=P.current;H&&e&&W(parseFloat(getComputedStyle(e).paddingTop)||0)},[H]);let G=t.useVirtualizer({count:H?w.length:0,scrollElement:P,estimateSize:p[x],paddingStart:U,overscan:8,initialCount:20}),K=T>=0?w[T]?.id:void 0;(0,l.useLayoutEffect)(()=>{if(H){T>=0&&G.scrollToIndex(T);return}let e=P.current;if(!e||!K)return;let t=document.getElementById(K);if(!t||!e.contains(t))return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),i=parseFloat(getComputedStyle(e).paddingTop)||0;r.top<n.top+i?e.scrollTop-=n.top+i-r.top:r.bottom>n.bottom-i&&(e.scrollTop+=r.bottom-(n.bottom-i))},[K,z.isPositioned,H]);let q=(0,l.useMemo)(()=>new Map(w.map((e,t)=>[e.key,t])),[w]),J=!j&&w.length===0&&N!=null&&N!==!1,Y=(e,t,n)=>{if(e.pointerType===`touch`)return;let r=m.x!==e.clientX||m.y!==e.clientY;m.x=e.clientX,m.y=e.clientY,r&&n&&t!==T&&D(t)},X=e=>{let t=q.get(e.key)??-1,n=t===T,i=H?{ref:G.measureElement,"data-index":t,"aria-setsize":w.length,"aria-posinset":t+1}:null;if(e.kind===`create`)return(0,u.jsxs)(`div`,{...i,id:e.id,role:`option`,"aria-selected":!1,"data-highlighted":n||void 0,className:r.cx(c.default.option,c.default.createOption),onPointerMove:e=>Y(e,t,!0),onClick:()=>O(e),children:[(0,u.jsx)(`span`,{className:c.default.indicator,"aria-hidden":`true`,children:(0,u.jsx)(a.PlusIcon,{size:`sm`,strokeWidth:2.5})}),(0,u.jsx)(`span`,{className:c.default.optionText,children:(0,u.jsx)(`span`,{className:c.default.optionLabel,children:A(e.text)})})]},e.key);let{option:o}=e,s=E(o.value),l=!!o.disabled,d=`${e.id}-label`,f=`${e.id}-description`,p=k?.(o,{selected:s,highlighted:n,disabled:l});return(0,u.jsxs)(`div`,{...i,id:e.id,role:`option`,"aria-selected":s,"aria-disabled":l||void 0,"aria-labelledby":p===void 0?d:void 0,"aria-describedby":p===void 0&&o.description?f:void 0,"data-highlighted":n||void 0,"data-selected":s||void 0,"data-disabled":l||void 0,className:c.default.option,onPointerMove:e=>Y(e,t,!l),onClick:()=>{l||O(e)},children:[(0,u.jsx)(`span`,{className:c.default.indicator,"aria-hidden":`true`,children:s&&(0,u.jsx)(a.CheckIcon,{size:`sm`,strokeWidth:3})}),p===void 0?(0,u.jsxs)(u.Fragment,{children:[o.icon!=null&&(0,u.jsx)(`span`,{className:c.default.optionIcon,"aria-hidden":`true`,children:o.icon}),(0,u.jsxs)(`span`,{className:c.default.optionText,children:[(0,u.jsx)(`span`,{id:d,className:c.default.optionLabel,children:o.label}),o.description&&(0,u.jsx)(`span`,{id:f,className:c.default.optionDescription,children:o.description})]})]}):(0,u.jsx)(`span`,{className:c.default.optionText,children:p})]},e.key)},Z=C===void 0?void 0:{"--_max-h":typeof C==`number`?`${C}px`:C},Q=e=>e.preventDefault(),$=()=>{let e=t.withExtraItems(G,T>=0?[T]:[]),n=[],r=U;for(let t of e)t.start-r>.5&&n.push((0,u.jsx)(`div`,{"aria-hidden":`true`,style:{blockSize:t.start-r}},`gap-${t.index}`)),n.push(X(w[t.index])),r=t.end;let i=G.totalSize-r;return i>.5&&n.push((0,u.jsx)(`div`,{"aria-hidden":`true`,style:{blockSize:i}},`gap-end`)),n};return(0,u.jsx)(n.OverlayLayerProvider,{layer:g,children:(0,u.jsx)(`div`,{ref:h,className:c.default.positioner,style:{...z.style,minInlineSize:L},dir:F,children:(0,u.jsxs)(`div`,{ref:P,className:r.cx(c.default.popup,d[x]),style:Z,"data-side":B,"data-state":`open`,onMouseDown:Q,children:[(0,u.jsx)(`div`,{id:_,role:`listbox`,"aria-labelledby":v,"aria-label":v?void 0:y,"aria-multiselectable":b||void 0,"aria-busy":j||void 0,className:c.default.listbox,children:H?$():V.map((e,t)=>e.group===void 0?(0,u.jsx)(l.Fragment,{children:e.items.map(X)},`section-${t}`):(0,u.jsxs)(`div`,{role:`group`,"aria-labelledby":`${_}-group-${t}`,className:c.default.group,children:[(0,u.jsx)(`div`,{id:`${_}-group-${t}`,role:`presentation`,className:c.default.groupLabel,children:e.group}),e.items.map(X)]},`group-${e.group}`))}),j&&(0,u.jsxs)(`div`,{className:c.default.statusRow,children:[(0,u.jsx)(i.Spinner,{decorative:!0,size:x===`lg`?`md`:`sm`,tone:`primary`}),(0,u.jsx)(`span`,{children:M})]}),J&&(0,u.jsx)(`div`,{className:c.default.statusRow,children:N})]})})})}exports.ComboboxPopup=h;

package/dist/components/forms/Combobox/ComboboxPopup.mjs

@@ -1,183 +1,226 @@
-import { OverlayLayerProvider as e } from "../../../hooks/useOverlayLayer.mjs";
-import { useFloatingPosition as t } from "../../../hooks/useFloatingPosition.mjs";
-import { cx as n } from "../../../utils/cx.mjs";
-import { Portal as r } from "../../utilities/Portal/Portal.mjs";
-import { Spinner as i } from "../../feedback/Spinner/Spinner.mjs";
-import { CheckIcon as a, PlusIcon as o } from "../../primitives/Icon/icons.mjs";
-import { groupItems as s } from "./comboboxUtils.mjs";
-import c from "./Combobox.module.css.mjs";
-import { Fragment as l, useLayoutEffect as u, useRef as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-//#region src/components/forms/Combobox/ComboboxPopup.tsx
-var g = {
-	sm: c.listSm,
-	md: c.listMd,
-	lg: c.listLg
-}, _ = {
+"use client";
+import { useFloatingPosition as e } from "../../../hooks/useFloatingPosition.mjs";
+import { useVirtualizer as t, withExtraItems as n } from "../../../hooks/useVirtualizer.mjs";
+import { OverlayLayerProvider as r } from "../../../hooks/useOverlayLayer.mjs";
+import { cx as i } from "../../../utils/cx.mjs";
+import { Spinner as a } from "../../feedback/Spinner/Spinner.mjs";
+import { CheckIcon as o, PlusIcon as s } from "../../primitives/Icon/icons.mjs";
+import { Portal as c } from "../../utilities/Portal/Portal.mjs";
+import { groupItems as l } from "./comboboxUtils.mjs";
+import u from "./Combobox.module.css.mjs";
+import { Fragment as d, useLayoutEffect as f, useMemo as p, useRef as ee, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+// src/components/forms/Combobox/ComboboxPopup.tsx
+var v = {
+	sm: u.listSm,
+	md: u.listMd,
+	lg: u.listLg
+}, y = 100, b = {
+	sm: 32,
+	md: 40,
+	lg: 48
+}, x = {
 	x: NaN,
 	y: NaN
 };
-function v(e) {
-	return /* @__PURE__ */ m(r, {
+function S(e) {
+	return /* @__PURE__ */ g(c, {
 		container: e.container,
-		children: /* @__PURE__ */ m(y, { ...e })
+		children: /* @__PURE__ */ g(C, { ...e })
 	});
 }
-function y({ anchorRef: r, positionerRef: v, layer: y, listboxId: b, labelledBy: x, label: S, multiple: C, size: w, placement: T, maxHeight: E, items: D, highlightedIndex: O, isSelected: k, onHighlight: A, onChoose: j, renderOption: M, createLabel: N, loading: P, loadingMessage: F, emptyMessage: I }) {
-	let L = d(null), [R, z] = f("ltr"), [B, V] = f(void 0);
-	u(() => {
-		let e = r.current;
+function C({ anchorRef: c, positionerRef: S, layer: C, listboxId: w, labelledBy: T, label: E, multiple: te, size: D, placement: ne, maxHeight: O, items: k, highlightedIndex: A, isSelected: j, onHighlight: M, onChoose: N, renderOption: P, createLabel: F, loading: I, loadingMessage: L, emptyMessage: R }) {
+	let z = ee(null), [B, V] = m("ltr"), [H, U] = m(void 0);
+	f(() => {
+		let e = c.current;
 		if (!e) return;
-		z(getComputedStyle(e).direction === "rtl" ? "rtl" : "ltr");
-		let t = () => V(e.getBoundingClientRect().width);
+		V(getComputedStyle(e).direction === "rtl" ? "rtl" : "ltr");
+		let t = () => U(e.getBoundingClientRect().width);
 		if (t(), typeof ResizeObserver > "u") return;
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, [r]);
-	let H = t(r, v, {
+	}, [c]);
+	let W = e(c, S, {
 		open: !0,
-		placement: T,
+		placement: ne,
 		offset: 6
-	}), U = H.placement.split("-")[0], W = O >= 0 ? D[O]?.id : void 0;
-	u(() => {
-		let e = L.current;
-		if (!e || !W) return;
-		let t = document.getElementById(W);
+	}), G = W.placement.split("-")[0], K = l(k), q = k.length > y && K.every((e) => e.group === void 0), [J, Y] = m(0);
+	f(() => {
+		let e = z.current;
+		q && e && Y(parseFloat(getComputedStyle(e).paddingTop) || 0);
+	}, [q]);
+	let X = t({
+		count: q ? k.length : 0,
+		scrollElement: z,
+		estimateSize: b[D],
+		paddingStart: J,
+		overscan: 8,
+		initialCount: 20
+	}), Z = A >= 0 ? k[A]?.id : void 0;
+	f(() => {
+		if (q) {
+			A >= 0 && X.scrollToIndex(A);
+			return;
+		}
+		let e = z.current;
+		if (!e || !Z) return;
+		let t = document.getElementById(Z);
 		if (!t || !e.contains(t)) return;
 		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = parseFloat(getComputedStyle(e).paddingTop) || 0;
 		r.top < n.top + i ? e.scrollTop -= n.top + i - r.top : r.bottom > n.bottom - i && (e.scrollTop += r.bottom - (n.bottom - i));
-	}, [W, H.isPositioned]);
-	let G = s(D), K = new Map(D.map((e, t) => [e.key, t])), q = !P && D.length === 0 && I != null && I !== !1, J = (e, t, n) => {
+	}, [
+		Z,
+		W.isPositioned,
+		q
+	]);
+	let re = p(() => new Map(k.map((e, t) => [e.key, t])), [k]), ie = !I && k.length === 0 && R != null && R !== !1, Q = (e, t, n) => {
 		if (e.pointerType === "touch") return;
-		let r = _.x !== e.clientX || _.y !== e.clientY;
-		_.x = e.clientX, _.y = e.clientY, r && n && t !== O && A(t);
-	}, Y = (e) => {
-		let t = K.get(e.key) ?? -1, r = t === O;
-		if (e.kind === "create") return /* @__PURE__ */ h("div", {
+		let r = x.x !== e.clientX || x.y !== e.clientY;
+		x.x = e.clientX, x.y = e.clientY, r && n && t !== A && M(t);
+	}, $ = (e) => {
+		let t = re.get(e.key) ?? -1, n = t === A, r = q ? {
+			ref: X.measureElement,
+			"data-index": t,
+			"aria-setsize": k.length,
+			"aria-posinset": t + 1
+		} : null;
+		if (e.kind === "create") return /* @__PURE__ */ _("div", {
+			...r,
 			id: e.id,
 			role: "option",
 			"aria-selected": !1,
-			"data-highlighted": r || void 0,
-			className: n(c.option, c.createOption),
-			onPointerMove: (e) => J(e, t, !0),
-			onClick: () => j(e),
-			children: [/* @__PURE__ */ m("span", {
-				className: c.indicator,
+			"data-highlighted": n || void 0,
+			className: i(u.option, u.createOption),
+			onPointerMove: (e) => Q(e, t, !0),
+			onClick: () => N(e),
+			children: [/* @__PURE__ */ g("span", {
+				className: u.indicator,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ m(o, {
+				children: /* @__PURE__ */ g(s, {
 					size: "sm",
 					strokeWidth: 2.5
 				})
-			}), /* @__PURE__ */ m("span", {
-				className: c.optionText,
-				children: /* @__PURE__ */ m("span", {
-					className: c.optionLabel,
-					children: N(e.text)
+			}), /* @__PURE__ */ g("span", {
+				className: u.optionText,
+				children: /* @__PURE__ */ g("span", {
+					className: u.optionLabel,
+					children: F(e.text)
 				})
 			})]
 		}, e.key);
-		let { option: i } = e, s = k(i.value), l = !!i.disabled, u = `${e.id}-label`, d = `${e.id}-description`, f = M?.(i, {
-			selected: s,
-			highlighted: r,
+		let { option: a } = e, c = j(a.value), l = !!a.disabled, d = `${e.id}-label`, f = `${e.id}-description`, p = P?.(a, {
+			selected: c,
+			highlighted: n,
 			disabled: l
 		});
-		return /* @__PURE__ */ h("div", {
+		return /* @__PURE__ */ _("div", {
+			...r,
 			id: e.id,
 			role: "option",
-			"aria-selected": s,
+			"aria-selected": c,
 			"aria-disabled": l || void 0,
-			"aria-labelledby": f === void 0 ? u : void 0,
-			"aria-describedby": f === void 0 && i.description ? d : void 0,
-			"data-highlighted": r || void 0,
-			"data-selected": s || void 0,
+			"aria-labelledby": p === void 0 ? d : void 0,
+			"aria-describedby": p === void 0 && a.description ? f : void 0,
+			"data-highlighted": n || void 0,
+			"data-selected": c || void 0,
 			"data-disabled": l || void 0,
-			className: c.option,
-			onPointerMove: (e) => J(e, t, !l),
+			className: u.option,
+			onPointerMove: (e) => Q(e, t, !l),
 			onClick: () => {
-				l || j(e);
+				l || N(e);
 			},
-			children: [/* @__PURE__ */ m("span", {
-				className: c.indicator,
+			children: [/* @__PURE__ */ g("span", {
+				className: u.indicator,
 				"aria-hidden": "true",
-				children: s && /* @__PURE__ */ m(a, {
+				children: c && /* @__PURE__ */ g(o, {
 					size: "sm",
 					strokeWidth: 3
 				})
-			}), f === void 0 ? /* @__PURE__ */ h(p, { children: [i.icon != null && /* @__PURE__ */ m("span", {
-				className: c.optionIcon,
+			}), p === void 0 ? /* @__PURE__ */ _(h, { children: [a.icon != null && /* @__PURE__ */ g("span", {
+				className: u.optionIcon,
 				"aria-hidden": "true",
-				children: i.icon
-			}), /* @__PURE__ */ h("span", {
-				className: c.optionText,
-				children: [/* @__PURE__ */ m("span", {
-					id: u,
-					className: c.optionLabel,
-					children: i.label
-				}), i.description && /* @__PURE__ */ m("span", {
+				children: a.icon
+			}), /* @__PURE__ */ _("span", {
+				className: u.optionText,
+				children: [/* @__PURE__ */ g("span", {
 					id: d,
-					className: c.optionDescription,
-					children: i.description
+					className: u.optionLabel,
+					children: a.label
+				}), a.description && /* @__PURE__ */ g("span", {
+					id: f,
+					className: u.optionDescription,
+					children: a.description
 				})]
-			})] }) : /* @__PURE__ */ m("span", {
-				className: c.optionText,
-				children: f
+			})] }) : /* @__PURE__ */ g("span", {
+				className: u.optionText,
+				children: p
 			})]
 		}, e.key);
-	}, X = E === void 0 ? void 0 : { "--_max-h": typeof E == "number" ? `${E}px` : E }, Z = (e) => e.preventDefault();
-	return /* @__PURE__ */ m(e, {
-		layer: y,
-		children: /* @__PURE__ */ m("div", {
-			ref: v,
-			className: c.positioner,
+	}, ae = O === void 0 ? void 0 : { "--_max-h": typeof O == "number" ? `${O}px` : O }, oe = (e) => e.preventDefault(), se = () => {
+		let e = n(X, A >= 0 ? [A] : []), t = [], r = J;
+		for (let n of e) n.start - r > .5 && t.push(/* @__PURE__ */ g("div", {
+			"aria-hidden": "true",
+			style: { blockSize: n.start - r }
+		}, `gap-${n.index}`)), t.push($(k[n.index])), r = n.end;
+		let i = X.totalSize - r;
+		return i > .5 && t.push(/* @__PURE__ */ g("div", {
+			"aria-hidden": "true",
+			style: { blockSize: i }
+		}, "gap-end")), t;
+	};
+	return /* @__PURE__ */ g(r, {
+		layer: C,
+		children: /* @__PURE__ */ g("div", {
+			ref: S,
+			className: u.positioner,
 			style: {
-				...H.style,
-				minInlineSize: B
+				...W.style,
+				minInlineSize: H
 			},
-			dir: R,
-			children: /* @__PURE__ */ h("div", {
-				ref: L,
-				className: n(c.popup, g[w]),
-				style: X,
-				"data-side": U,
+			dir: B,
+			children: /* @__PURE__ */ _("div", {
+				ref: z,
+				className: i(u.popup, v[D]),
+				style: ae,
+				"data-side": G,
 				"data-state": "open",
-				onMouseDown: Z,
+				onMouseDown: oe,
 				children: [
-					/* @__PURE__ */ m("div", {
-						id: b,
+					/* @__PURE__ */ g("div", {
+						id: w,
 						role: "listbox",
-						"aria-labelledby": x,
-						"aria-label": x ? void 0 : S,
-						"aria-multiselectable": C || void 0,
-						"aria-busy": P || void 0,
-						className: c.listbox,
-						children: G.map((e, t) => e.group === void 0 ? /* @__PURE__ */ m(l, { children: e.items.map(Y) }, `section-${t}`) : /* @__PURE__ */ h("div", {
+						"aria-labelledby": T,
+						"aria-label": T ? void 0 : E,
+						"aria-multiselectable": te || void 0,
+						"aria-busy": I || void 0,
+						className: u.listbox,
+						children: q ? se() : K.map((e, t) => e.group === void 0 ? /* @__PURE__ */ g(d, { children: e.items.map($) }, `section-${t}`) : /* @__PURE__ */ _("div", {
 							role: "group",
-							"aria-labelledby": `${b}-group-${t}`,
-							className: c.group,
-							children: [/* @__PURE__ */ m("div", {
-								id: `${b}-group-${t}`,
+							"aria-labelledby": `${w}-group-${t}`,
+							className: u.group,
+							children: [/* @__PURE__ */ g("div", {
+								id: `${w}-group-${t}`,
 								role: "presentation",
-								className: c.groupLabel,
+								className: u.groupLabel,
 								children: e.group
-							}), e.items.map(Y)]
+							}), e.items.map($)]
 						}, `group-${e.group}`))
 					}),
-					P && /* @__PURE__ */ h("div", {
-						className: c.statusRow,
-						children: [/* @__PURE__ */ m(i, {
+					I && /* @__PURE__ */ _("div", {
+						className: u.statusRow,
+						children: [/* @__PURE__ */ g(a, {
 							decorative: !0,
-							size: w === "lg" ? "md" : "sm",
+							size: D === "lg" ? "md" : "sm",
 							tone: "primary"
-						}), /* @__PURE__ */ m("span", { children: F })]
+						}), /* @__PURE__ */ g("span", { children: L })]
 					}),
-					q && /* @__PURE__ */ m("div", {
-						className: c.statusRow,
-						children: I
+					ie && /* @__PURE__ */ g("div", {
+						className: u.statusRow,
+						children: R
 					})
 				]
 			})
 		})
 	});
 }
-//#endregion
-export { v as ComboboxPopup };
+export { S as ComboboxPopup };

package/dist/components/forms/Combobox/comboboxUtils.cjs.js

@@ -1 +1 @@
-function e(e){return e.normalize(`NFD`).replace(/[̀-ͯ]/g,``).toLowerCase().trim()}var t=(t,n)=>{let r=e(n);return!r||e(t.label).includes(r)},n=`\0create`;function r(e){let t=[],n=[],r=new Map;for(let i of e){if(i.kind===`create`){n.push(i);continue}let e=i.option.group;if(e===void 0||e===``)t.push(i);else{let t=r.get(e);t?t.push(i):r.set(e,[i])}}let i=[];return t.length&&i.push({group:void 0,items:t}),r.forEach((e,t)=>i.push({group:t,items:e})),n.length&&i.push({group:void 0,items:n}),i}function i(e){return r(e).flatMap(e=>e.items)}function a(e){return!!e&&(e.kind===`create`||!e.option.disabled)}function o(e,t,n,r){let i=e.length;if(i===0)return-1;let o=t;for(let s=0;s<i;s+=1){let c=o+n;if(t===-1&&s===0&&(c=n===1?0:i-1),c<0||c>=i){if(!r)return t;c=(c+i)%i}if(a(e[c]))return c;o=c}return t}exports.CREATE_KEY=n,exports.defaultComboboxFilter=t,exports.findEnabled=o,exports.groupItems=r,exports.isEnabled=a,exports.normalizeText=e,exports.orderItems=i;
+var e=new Map,t=5e4;function n(n){let r=e.get(n);return r===void 0&&(r=n.normalize(`NFD`).replace(/[\u0300-\u036f]/g,``).toLowerCase().trim(),e.size>=t&&e.clear(),e.set(n,r)),r}var r=(e,t)=>{let r=n(t);return!r||n(e.label).includes(r)},i=`\0create`;function a(e){let t=[],n=[],r=new Map;for(let i of e){if(i.kind===`create`){n.push(i);continue}let e=i.option.group;if(e===void 0||e===``)t.push(i);else{let t=r.get(e);t?t.push(i):r.set(e,[i])}}let i=[];return t.length&&i.push({group:void 0,items:t}),r.forEach((e,t)=>i.push({group:t,items:e})),n.length&&i.push({group:void 0,items:n}),i}function o(e){return a(e).flatMap(e=>e.items)}function s(e){return!!e&&(e.kind===`create`||!e.option.disabled)}function c(e,t,n,r){let i=e.length;if(i===0)return-1;let a=t;for(let o=0;o<i;o+=1){let c=a+n;if(t===-1&&o===0&&(c=n===1?0:i-1),c<0||c>=i){if(!r)return t;c=(c+i)%i}if(s(e[c]))return c;a=c}return t}exports.CREATE_KEY=i,exports.defaultComboboxFilter=r,exports.findEnabled=c,exports.groupItems=a,exports.isEnabled=s,exports.normalizeText=n,exports.orderItems=o;

package/dist/components/forms/Combobox/comboboxUtils.d.ts

@@ -23,7 +23,10 @@ export interface ComboboxOption {
  * to show the option. `inputValue` is the raw text the user typed.
  */
 export type ComboboxFilter = (option: ComboboxOption, inputValue: string) => boolean;
-/** Lowercases and strips diacritics, so "Jose" matches "José". */
+/**
+ * Lowercases and strips diacritics, so "Jose" matches "José". Results are
+ * cached: filtering calls this for every option on every keystroke.
+ */
 export declare function normalizeText(text: string): string;
 /**
  * The default filter: case- and diacritic-insensitive "contains" match on the

package/dist/components/forms/Combobox/comboboxUtils.mjs

@@ -1,12 +1,14 @@
-//#region src/components/forms/Combobox/comboboxUtils.ts
-function e(e) {
-	return e.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase().trim();
+// src/components/forms/Combobox/comboboxUtils.ts
+var e = /* @__PURE__ */ new Map(), t = 5e4;
+function n(n) {
+	let r = e.get(n);
+	return r === void 0 && (r = n.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim(), e.size >= t && e.clear(), e.set(n, r)), r;
 }
-var t = (t, n) => {
-	let r = e(n);
-	return !r || e(t.label).includes(r);
-}, n = "\0create";
-function r(e) {
+var r = (e, t) => {
+	let r = n(t);
+	return !r || n(e.label).includes(r);
+}, i = "\0create";
+function a(e) {
 	let t = [], n = [], r = /* @__PURE__ */ new Map();
 	for (let i of e) {
 		if (i.kind === "create") {
@@ -32,26 +34,25 @@ function r(e) {
 		items: n
 	}), i;
 }
-function i(e) {
-	return r(e).flatMap((e) => e.items);
+function o(e) {
+	return a(e).flatMap((e) => e.items);
 }
-function a(e) {
+function s(e) {
 	return !!e && (e.kind === "create" || !e.option.disabled);
 }
-function o(e, t, n, r) {
+function c(e, t, n, r) {
 	let i = e.length;
 	if (i === 0) return -1;
-	let o = t;
-	for (let s = 0; s < i; s += 1) {
-		let c = o + n;
-		if (t === -1 && s === 0 && (c = n === 1 ? 0 : i - 1), c < 0 || c >= i) {
+	let a = t;
+	for (let o = 0; o < i; o += 1) {
+		let c = a + n;
+		if (t === -1 && o === 0 && (c = n === 1 ? 0 : i - 1), c < 0 || c >= i) {
 			if (!r) return t;
 			c = (c + i) % i;
 		}
-		if (a(e[c])) return c;
-		o = c;
+		if (s(e[c])) return c;
+		a = c;
 	}
 	return t;
 }
-//#endregion
-export { n as CREATE_KEY, t as defaultComboboxFilter, o as findEnabled, r as groupItems, a as isEnabled, e as normalizeText, i as orderItems };
+export { i as CREATE_KEY, r as defaultComboboxFilter, c as findEnabled, a as groupItems, s as isEnabled, n as normalizeText, o as orderItems };

package/dist/components/forms/DatePicker/Calendar.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/refs.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("../../primitives/Button/Button.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),o=require("./dateUtils.cjs.js"),s=require("./Calendar.module.css.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u={sm:s.default.sm,md:s.default.md,lg:s.default.lg},d={sm:`sm`,md:`sm`,lg:`md`},f={start:null,end:null};function p(e){return e?.start?e.end?e.start<=e.end?[e.start,e.end]:[e.end,e.start]:[e.start,null]:[null,null]}var m=m=>{let{messages:h,locale:g}=t.useLocale(),{mode:_=`single`,value:ee,defaultValue:te,onValueChange:ne,min:v,max:y,isDateDisabled:b,locale:x=g,weekStartsOn:re,month:ie,defaultMonth:ae,onMonthChange:oe,numberOfMonths:S=1,showOutsideDays:se=S===1,size:C=`md`,today:ce,headingLevel:le=2,previousMonthLabel:ue=h.datePicker.previousMonth,nextMonthLabel:de=h.datePicker.nextMonth,className:fe,ref:w,...pe}=m,T=_===`range`,E=ce??o.todayISO(),me=(0,c.useMemo)(()=>o.getLocaleWeekStart(x),[x]),D=re??me,[O,k]=e.useControllableState({value:ee,defaultValue:te??null,onChange:ne}),A=T?null:O??null,j=T?O??f:f,[M,N]=p(j),[he,P]=e.useControllableState({value:ie,defaultValue:ae??o.toISOMonth(A??M??E),onChange:oe}),F=he.slice(0,7),I=(0,c.useMemo)(()=>Array.from({length:S},(e,t)=>o.addMonthsToMonth(F,t)),[F,S]),L=o.firstOfMonth(I[0]),R=o.lastOfMonth(I[I.length-1]),z=e=>!!e&&e>=L&&e<=R,B=(0,c.useCallback)(e=>v&&e<v||y&&e>y?!0:b?b(e,o.parseISODate(e)):!1,[v,y,b]),[V,H]=(0,c.useState)(null),[U,W]=(0,c.useState)(null),[ge,G]=(0,c.useState)(!1),K=(0,c.useMemo)(()=>{if(z(V))return V;let e=[A,M,N,E].filter(z),t=e.find(e=>!B(e));if(t)return t;if(e[0])return e[0];for(let e=L;e<=R;e=o.addDays(e,1))if(!B(e))return e;return L},[V,A,M,N,E,L,R,B]),q=(0,c.useRef)(null),_e=(0,c.useCallback)(e=>{q.current=e,n.assignRef(w,e)},[w]),J=(0,c.useRef)(!1);(0,c.useEffect)(()=>{if(!J.current)return;let e=q.current?.querySelector(`[data-date="${K}"][data-active]`);e&&(J.current=!1,e.focus({preventScroll:!1}))});let Y=e=>{let t=o.clampDate(e,v,y);H(t),t<L?P(o.toISOMonth(t)):t>R&&P(o.addMonthsToMonth(o.toISOMonth(t),-(S-1))),t!==K&&(J.current=!0)},ve=e=>{if(!B(e)){if(z(e)?H(e):Y(e),!T){k(e);return}!j.start||j.end?k({start:e,end:null}):e<j.start?k({start:e,end:j.start}):k({start:j.start,end:e}),W(null)}},ye=e=>{if(!e.target.dataset.date)return;U!==null&&W(null);let t=q.current?getComputedStyle(q.current).direction===`rtl`:!1,n=K,r=null;switch(e.key){case`ArrowLeft`:r=o.addDays(n,t?1:-1);break;case`ArrowRight`:r=o.addDays(n,t?-1:1);break;case`ArrowUp`:r=o.addDays(n,-7);break;case`ArrowDown`:r=o.addDays(n,7);break;case`Home`:r=o.startOfWeek(n,D);break;case`End`:r=o.endOfWeek(n,D);break;case`PageUp`:r=o.addMonths(n,e.shiftKey?-12:-1);break;case`PageDown`:r=o.addMonths(n,e.shiftKey?12:1);break;case`Enter`:case` `:e.preventDefault(),ve(n);return;default:return}e.preventDefault(),Y(r)},X=T&&j.start&&!j.end?U??(ge?K:null):null,Z=null,Q=null,be=`range`;M&&N&&M!==N?[Z,Q]=[M,N]:M&&X&&X!==M&&([Z,Q]=X<M?[X,M]:[M,X],be=`preview`);let xe=e=>!Z||!Q||e<Z||e>Q?null:{shape:e===Z?`start`:e===Q?`end`:`middle`,kind:be},Se=(0,c.useId)(),Ce=(0,c.useMemo)(()=>{let e=o.getFormatter(x,{weekday:`short`}),t=o.getFormatter(x,{weekday:`long`});return Array.from({length:7},(n,r)=>{let i=(D+r)%7,a=o.makeDate(2023,0,1+i);return{key:i,short:e.format(a),long:t.format(a)}})},[x,D]),we=o.getFormatter(x,{day:`numeric`}),Te=!!v&&o.lastOfMonth(o.addMonthsToMonth(F,-1))<v,Ee=!!y&&o.firstOfMonth(o.addMonthsToMonth(I[I.length-1],1))>y,De=`h${le}`,Oe=d[C],$=e=>(0,l.jsx)(i.IconButton,{variant:`ghost`,tone:`neutral`,size:Oe,"aria-label":e===`previous`?ue:de,disabled:e===`previous`?Te:Ee,className:s.default.navButton,onClick:()=>P(o.addMonthsToMonth(F,e===`previous`?-1:1)),children:e===`previous`?(0,l.jsx)(a.ChevronLeftIcon,{className:s.default.flipInRtl}):(0,l.jsx)(a.ChevronRightIcon,{className:s.default.flipInRtl})});return(0,l.jsx)(`div`,{role:`group`,...pe,ref:_e,className:r.cx(s.default.root,u[C],fe),"data-size":C,"data-mode":_,children:(0,l.jsx)(`div`,{className:s.default.months,children:I.map((e,t)=>{let n=`${Se}-heading-${t}`;return(0,l.jsxs)(`div`,{className:s.default.month,children:[(0,l.jsxs)(`div`,{className:s.default.header,children:[t===0?$(`previous`):(0,l.jsx)(`span`,{className:s.default.navSpacer}),(0,l.jsx)(De,{id:n,className:s.default.heading,"aria-live":`polite`,children:o.formatMonthYear(e,x)}),t===I.length-1?$(`next`):(0,l.jsx)(`span`,{className:s.default.navSpacer})]}),(0,l.jsxs)(`table`,{role:`grid`,"aria-labelledby":n,"aria-multiselectable":T?!0:void 0,className:s.default.grid,onKeyDown:ye,onFocus:()=>G(!0),onBlur:()=>G(!1),onPointerLeave:()=>W(null),children:[(0,l.jsx)(`thead`,{children:(0,l.jsx)(`tr`,{children:Ce.map(e=>(0,l.jsx)(`th`,{scope:`col`,abbr:e.long,className:s.default.weekday,children:e.short},e.key))})}),(0,l.jsx)(`tbody`,{children:o.monthGrid(e,D).map(t=>(0,l.jsx)(`tr`,{children:t.map(t=>{let n=o.toISOMonth(t)!==e;if(n&&!se)return(0,l.jsx)(`td`,{role:`gridcell`,className:s.default.cell},t);let i=B(t),a=!n&&t===K,c=t===E,u=!T&&t===A,d=T&&t===M,f=T&&t===N,p=T&&!!M&&!!N&&t>M&&t<N,m=u||d||f||p,h=n?null:xe(t),g=h?.kind===`preview`&&t===X;return(0,l.jsx)(`td`,{role:`gridcell`,"data-date":t,"data-active":a?``:void 0,"data-outside":n?``:void 0,"data-band":h?.shape,"data-band-kind":h?.kind,tabIndex:a?0:-1,"aria-label":o.formatFullDate(t,x),"aria-selected":n?void 0:m,"aria-current":c?`date`:void 0,"aria-disabled":i?!0:void 0,className:r.cx(s.default.cell,n&&s.default.outside,c&&s.default.today,i&&s.default.unavailable,(u||d||f)&&s.default.selected,p&&s.default.inRange,g&&s.default.previewEnd),onClick:()=>ve(t),onFocus:()=>{n||H(t)},onPointerEnter:()=>W(t),children:(0,l.jsx)(`span`,{className:s.default.day,"aria-hidden":`true`,children:we.format(o.parseISODate(t))})},t)})},t[0]))})]})]},t)})})})};exports.Calendar=m;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../../utils/refs.cjs.js"),r=require("../../primitives/Button/Button.cjs.js"),i=require("../../primitives/Icon/icons.cjs.js"),a=require("./dateUtils.cjs.js"),o=require("./Calendar.module.css.cjs.js"),s=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u={sm:o.default.sm,md:o.default.md,lg:o.default.lg},d={sm:`sm`,md:`sm`,lg:`md`},f={start:null,end:null};function p(e){return e?.start?e.end?e.start<=e.end?[e.start,e.end]:[e.end,e.start]:[e.start,null]:[null,null]}var m=m=>{let{messages:h,locale:g}=s.useLocale(),{mode:_=`single`,value:ee,defaultValue:te,onValueChange:ne,min:v,max:y,isDateDisabled:b,locale:x=g,weekStartsOn:re,month:ie,defaultMonth:ae,onMonthChange:oe,numberOfMonths:S=1,showOutsideDays:se=S===1,size:C=`md`,today:ce,headingLevel:le=2,previousMonthLabel:ue=h.datePicker.previousMonth,nextMonthLabel:de=h.datePicker.nextMonth,className:fe,ref:w,...pe}=m,T=_===`range`,E=ce??a.todayISO(),me=(0,c.useMemo)(()=>a.getLocaleWeekStart(x),[x]),D=re??me,[O,k]=e.useControllableState({value:ee,defaultValue:te??null,onChange:ne}),A=T?null:O??null,j=T?O??f:f,[M,N]=p(j),[he,P]=e.useControllableState({value:ie,defaultValue:ae??a.toISOMonth(A??M??E),onChange:oe}),F=he.slice(0,7),I=(0,c.useMemo)(()=>Array.from({length:S},(e,t)=>a.addMonthsToMonth(F,t)),[F,S]),L=a.firstOfMonth(I[0]),R=a.lastOfMonth(I[I.length-1]),z=e=>!!e&&e>=L&&e<=R,B=(0,c.useCallback)(e=>v&&e<v||y&&e>y?!0:b?b(e,a.parseISODate(e)):!1,[v,y,b]),[V,H]=(0,c.useState)(null),[U,W]=(0,c.useState)(null),[ge,G]=(0,c.useState)(!1),K=(0,c.useMemo)(()=>{if(z(V))return V;let e=[A,M,N,E].filter(z),t=e.find(e=>!B(e));if(t)return t;if(e[0])return e[0];for(let e=L;e<=R;e=a.addDays(e,1))if(!B(e))return e;return L},[V,A,M,N,E,L,R,B]),q=(0,c.useRef)(null),_e=(0,c.useCallback)(e=>{q.current=e,n.assignRef(w,e)},[w]),J=(0,c.useRef)(!1);(0,c.useEffect)(()=>{if(!J.current)return;let e=q.current?.querySelector(`[data-date="${K}"][data-active]`);e&&(J.current=!1,e.focus({preventScroll:!1}))});let Y=e=>{let t=a.clampDate(e,v,y);H(t),t<L?P(a.toISOMonth(t)):t>R&&P(a.addMonthsToMonth(a.toISOMonth(t),-(S-1))),t!==K&&(J.current=!0)},ve=e=>{B(e)||(z(e)?H(e):Y(e),T?(!j.start||j.end?k({start:e,end:null}):e<j.start?k({start:e,end:j.start}):k({start:j.start,end:e}),W(null)):k(e))},ye=e=>{if(!e.target.dataset.date)return;U!==null&&W(null);let t=q.current?getComputedStyle(q.current).direction===`rtl`:!1,n=K,r=null;switch(e.key){case`ArrowLeft`:r=a.addDays(n,t?1:-1);break;case`ArrowRight`:r=a.addDays(n,t?-1:1);break;case`ArrowUp`:r=a.addDays(n,-7);break;case`ArrowDown`:r=a.addDays(n,7);break;case`Home`:r=a.startOfWeek(n,D);break;case`End`:r=a.endOfWeek(n,D);break;case`PageUp`:r=a.addMonths(n,e.shiftKey?-12:-1);break;case`PageDown`:r=a.addMonths(n,e.shiftKey?12:1);break;case`Enter`:case` `:e.preventDefault(),ve(n);return;default:return}e.preventDefault(),Y(r)},X=T&&j.start&&!j.end?U??(ge?K:null):null,Z=null,Q=null,be=`range`;M&&N&&M!==N?[Z,Q]=[M,N]:M&&X&&X!==M&&([Z,Q]=X<M?[X,M]:[M,X],be=`preview`);let xe=e=>!Z||!Q||e<Z||e>Q?null:{shape:e===Z?`start`:e===Q?`end`:`middle`,kind:be},Se=(0,c.useId)(),Ce=(0,c.useMemo)(()=>{let e=a.getFormatter(x,{weekday:`short`}),t=a.getFormatter(x,{weekday:`long`});return Array.from({length:7},(n,r)=>{let i=(D+r)%7,o=a.makeDate(2023,0,1+i);return{key:i,short:e.format(o),long:t.format(o)}})},[x,D]),we=a.getFormatter(x,{day:`numeric`}),Te=!!v&&a.lastOfMonth(a.addMonthsToMonth(F,-1))<v,Ee=!!y&&a.firstOfMonth(a.addMonthsToMonth(I[I.length-1],1))>y,De=`h${le}`,Oe=d[C],$=e=>(0,l.jsx)(r.IconButton,{variant:`ghost`,tone:`neutral`,size:Oe,"aria-label":e===`previous`?ue:de,disabled:e===`previous`?Te:Ee,className:o.default.navButton,onClick:()=>P(a.addMonthsToMonth(F,e===`previous`?-1:1)),children:e===`previous`?(0,l.jsx)(i.ChevronLeftIcon,{className:o.default.flipInRtl}):(0,l.jsx)(i.ChevronRightIcon,{className:o.default.flipInRtl})});return(0,l.jsx)(`div`,{role:`group`,...pe,ref:_e,className:t.cx(o.default.root,u[C],fe),"data-size":C,"data-mode":_,children:(0,l.jsx)(`div`,{className:o.default.months,children:I.map((e,n)=>{let r=`${Se}-heading-${n}`;return(0,l.jsxs)(`div`,{className:o.default.month,children:[(0,l.jsxs)(`div`,{className:o.default.header,children:[n===0?$(`previous`):(0,l.jsx)(`span`,{className:o.default.navSpacer}),(0,l.jsx)(De,{id:r,className:o.default.heading,"aria-live":`polite`,children:a.formatMonthYear(e,x)}),n===I.length-1?$(`next`):(0,l.jsx)(`span`,{className:o.default.navSpacer})]}),(0,l.jsxs)(`table`,{role:`grid`,"aria-labelledby":r,"aria-multiselectable":T?!0:void 0,className:o.default.grid,onKeyDown:ye,onFocus:()=>G(!0),onBlur:()=>G(!1),onPointerLeave:()=>W(null),children:[(0,l.jsx)(`thead`,{children:(0,l.jsx)(`tr`,{children:Ce.map(e=>(0,l.jsx)(`th`,{scope:`col`,abbr:e.long,className:o.default.weekday,children:e.short},e.key))})}),(0,l.jsx)(`tbody`,{children:a.monthGrid(e,D).map(n=>(0,l.jsx)(`tr`,{children:n.map(n=>{let r=a.toISOMonth(n)!==e;if(r&&!se)return(0,l.jsx)(`td`,{role:`gridcell`,className:o.default.cell},n);let i=B(n),s=!r&&n===K,c=n===E,u=!T&&n===A,d=T&&n===M,f=T&&n===N,p=T&&!!M&&!!N&&n>M&&n<N,m=u||d||f||p,h=r?null:xe(n),g=h?.kind===`preview`&&n===X;return(0,l.jsx)(`td`,{role:`gridcell`,"data-date":n,"data-active":s?``:void 0,"data-outside":r?``:void 0,"data-band":h?.shape,"data-band-kind":h?.kind,tabIndex:s?0:-1,"aria-label":a.formatFullDate(n,x),"aria-selected":r?void 0:m,"aria-current":c?`date`:void 0,"aria-disabled":i?!0:void 0,className:t.cx(o.default.cell,r&&o.default.outside,c&&o.default.today,i&&o.default.unavailable,(u||d||f)&&o.default.selected,p&&o.default.inRange,g&&o.default.previewEnd),onClick:()=>ve(n),onFocus:()=>{r||H(n)},onPointerEnter:()=>W(n),children:(0,l.jsx)(`span`,{className:o.default.day,"aria-hidden":`true`,children:we.format(a.parseISODate(n))})},n)})},n[0]))})]})]},n)})})})};exports.Calendar=m;