wimui 0.60.1 → 0.62.0

package/dist/components/_internal/useInlineFloating.cjs

@@ -1,2 +1,2 @@
 "use client";
-let e=require("react");var t=typeof window<`u`?e.useLayoutEffect:e.useEffect,n=10,r=8,i=`--wim-floating-shift-x`,a=e=>{let t=e.viewportHeight-e.referenceBottom,n=e.referenceTop;return e.floatingHeight+r>t&&n>t?`top`:`bottom`},o=(e,t,r)=>{if(t>r){let i=r-n-t;return e+i<0?-e:i}if(e<0){let i=n-e;return t+i>r?r-t:i}return 0},s=({open:n})=>{let[r,s]=(0,e.useState)(null),[c,l]=(0,e.useState)(null),[u,d]=(0,e.useState)({side:`bottom`,shiftX:0}),f=(0,e.useCallback)(()=>{if(!r||!c)return;let e=c.ownerDocument.documentElement,t=r.getBoundingClientRect(),n=c.getBoundingClientRect(),s=a({referenceTop:t.top,referenceBottom:t.bottom,floatingHeight:n.height,viewportHeight:e.clientHeight}),l=parseFloat(c.style.getPropertyValue(i))||0,u=Math.round(o(n.left-l,n.right-l,e.clientWidth));d(e=>e.side===s&&e.shiftX===u?e:{side:s,shiftX:u})},[r,c]);t(()=>{if(!n||!r||!c)return;f();let e=c.ownerDocument.defaultView;if(!e)return;e.addEventListener(`resize`,f),e.addEventListener(`scroll`,f,!0);let t=typeof ResizeObserver<`u`?new ResizeObserver(f):null;return t?.observe(c),t?.observe(r),()=>{e.removeEventListener(`resize`,f),e.removeEventListener(`scroll`,f,!0),t?.disconnect()}},[n,r,c,f]);let p=n?u.side:`bottom`,m=n?u.shiftX:0;return{setReference:s,setFloating:l,floatingProps:{"data-side":p,style:m?{[i]:`${m}px`}:void 0}}};exports.computeInlineShift=o,exports.computeInlineSide=a,exports.useInlineFloating=s;
+let e=require("react");var t=typeof window<`u`?e.useLayoutEffect:e.useEffect,n=10,r=8,i=`--wim-floating-shift-x`,a=e=>{let t=e.viewportHeight-e.referenceBottom,n=e.referenceTop;return e.floatingHeight+r>t&&n>t?`top`:`bottom`},o=(e,t,r)=>{if(t>r){let i=r-n-t;return e+i<0?-e:i}if(e<0){let i=n-e;return t+i>r?r-t:i}return 0},s=({open:n})=>{let[r,s]=(0,e.useState)(null),[c,l]=(0,e.useState)(null),[u,d]=(0,e.useState)({side:`bottom`,shiftX:0}),f=(0,e.useCallback)(()=>{if(!r||!c)return;let e=c.ownerDocument.documentElement,t=r.getBoundingClientRect(),n=c.getBoundingClientRect(),s=a({referenceTop:t.top,referenceBottom:t.bottom,floatingHeight:n.height,viewportHeight:e.clientHeight}),l=parseFloat(c.style.getPropertyValue(i))||0,u=Math.round(o(n.left-l,n.right-l,e.clientWidth));d(e=>e.side===s&&e.shiftX===u?e:{side:s,shiftX:u})},[r,c]);t(()=>{if(!n||!r||!c)return;f();let e=c.ownerDocument.defaultView;if(!e)return;e.addEventListener(`resize`,f),e.addEventListener(`scroll`,f,!0);let t=typeof ResizeObserver<`u`?new ResizeObserver(f):null;return t?.observe(c),t?.observe(r),c.addEventListener(`animationend`,f),()=>{c.removeEventListener(`animationend`,f),e.removeEventListener(`resize`,f),e.removeEventListener(`scroll`,f,!0),t?.disconnect()}},[n,r,c,f]);let p=n?u.side:`bottom`,m=n?u.shiftX:0;return{setReference:s,setFloating:l,floatingProps:{"data-side":p,style:m?{[i]:`${m}px`}:void 0}}};exports.computeInlineShift=o,exports.computeInlineSide=a,exports.useInlineFloating=s;

package/dist/components/_internal/useInlineFloating.js

@@ -38,8 +38,8 @@ var i = typeof window < "u" ? n : t, a = 10, o = 8, s = "--wim-floating-shift-x"
 		if (!e) return;
 		e.addEventListener("resize", p), e.addEventListener("scroll", p, !0);
 		let r = typeof ResizeObserver < "u" ? new ResizeObserver(p) : null;
-		return r?.observe(o), r?.observe(n), () => {
-			e.removeEventListener("resize", p), e.removeEventListener("scroll", p, !0), r?.disconnect();
+		return r?.observe(o), r?.observe(n), o.addEventListener("animationend", p), () => {
+			o.removeEventListener("animationend", p), e.removeEventListener("resize", p), e.removeEventListener("scroll", p, !0), r?.disconnect();
 		};
 	}, [
 		t,

package/dist/components/ai/ModelSelector/ModelSelector.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../../hooks/useMergedRef.cjs"),i=require("../../layout/Transition/Transition.cjs"),a=require("../../../icon/check.cjs"),o=require("../../../icon/chevron-down.cjs"),s=require("../../media/Icon/Icon.cjs"),c=require("../../_internal/useInlineFloating.cjs"),l=require("./model-selector.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=e=>e>=1e6?`${(e/1e6).toFixed(e%1e6==0?0:1)}M`:e>=1e3?`${(e/1e3).toFixed(e%1e3==0?0:1)}K`:String(e),m=(e,t=`$`)=>`${t}${e}`,h=u.default.forwardRef(({models:e,value:h,defaultValue:g,onChange:_,size:v=`md`,disabled:y=!1,fullWidth:b=!1,showPricing:x=!0,showContext:S=!0,labels:C,className:w,...T},E)=>{let{t:D}=t.useWimTranslation(n.commonNs),{placeholder:O=D(`modelSelector.placeholder`),contextLabel:k=D(`modelSelector.context`),inputLabel:A=D(`modelSelector.input`),outputLabel:j=D(`modelSelector.output`),perTokensLabel:M=`/1M`,triggerAriaLabel:N=D(`modelSelector.placeholder`)}=C??{},P=h!==void 0,[F,I]=(0,u.useState)(g),L=P?h:F,R=e.find(e=>e.id===L),[z,B]=(0,u.useState)(!1),[V,H]=(0,u.useState)(-1),U=(0,u.useRef)(null),W=(0,u.useRef)(null),G=(0,u.useId)(),K=`${G}-listbox`,q=(0,u.useCallback)(e=>{U.current=e,typeof E==`function`?E(e):E&&(E.current=e)},[E]);(0,u.useEffect)(()=>{if(!z)return;let e=e=>{U.current&&!U.current.contains(e.target)&&B(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[z]);let J=e=>{e.disabled||(P||I(e.id),_?.(e.id,e),B(!1))},Y=(t,n)=>{let r=t;for(let t=0;t<e.length;t++){if(!e[r]?.disabled)return r;r=(r+n+e.length)%e.length}return-1},X=t=>{let n=e.findIndex(e=>e.id===L);H(t??(n>=0?n:Y(0,1))),B(!0)},Z=t=>{H(n=>{let r=n;for(let n=0;n<e.length&&(r=(r+t+e.length)%e.length,e[r]?.disabled);n++);return r})},Q=t=>{if(!y)switch(t.key){case`ArrowDown`:case`ArrowUp`:t.preventDefault(),z?Z(t.key===`ArrowDown`?1:-1):X();break;case`Home`:case`End`:t.preventDefault(),t.key===`Home`?z?H(Y(0,1)):X(Y(0,1)):z?H(Y(e.length-1,-1)):X(Y(e.length-1,-1));break;case`Enter`:case` `:if(t.preventDefault(),!z)X();else{let t=e[V];t&&J(t)}break;case`Escape`:z&&(t.preventDefault(),B(!1));break;case`Tab`:B(!1)}};(0,u.useEffect)(()=>{z&&V>=0&&(W.current?.querySelectorAll(`[role="option"]`)?.[V])?.scrollIntoView({block:`nearest`})},[V,z]);let $=e=>{let t=[];if(S&&e.contextLength&&t.push((0,f.jsxs)(`span`,{className:l.default.meta,children:[k,` `,p(e.contextLength)]},`ctx`)),x&&e.pricing){let{input:n,output:r,currency:i}=e.pricing;n!==void 0&&t.push((0,f.jsxs)(`span`,{className:l.default.meta,children:[A,` `,m(n,i),M]},`in`)),r!==void 0&&t.push((0,f.jsxs)(`span`,{className:l.default.meta,children:[j,` `,m(r,i),M]},`out`))}if(t.length===0)return null;let n=t.flatMap((e,t)=>t===0?[e]:[` `,e]);return(0,f.jsx)(`span`,{className:l.default.metaRow,children:n})},{setReference:ee,setFloating:te,floatingProps:ne}=c.useInlineFloating({open:z}),re=r.useMergedRef(q,ee);return(0,f.jsxs)(`div`,{ref:re,className:(0,d.default)(`wim-model-selector`,l.default.root,l.default[v],b&&l.default.fullWidth,y&&l.default.disabled,w),...T,children:[(0,f.jsxs)(`button`,{type:`button`,role:`combobox`,className:l.default.trigger,"aria-haspopup":`listbox`,"aria-expanded":z,"aria-controls":z?K:void 0,"aria-activedescendant":z&&V>=0?`${G}-opt-${V}`:void 0,"aria-label":N,disabled:y,onClick:()=>{y||(z?B(!1):X())},onKeyDown:Q,onKeyUp:e=>{e.key===` `&&e.preventDefault()},children:[(0,f.jsx)(`span`,{className:l.default.triggerLabel,children:R?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`span`,{className:l.default.triggerName,children:R.name}),` `,R.badge&&(0,f.jsx)(`span`,{className:l.default.badge,children:R.badge})]}):(0,f.jsx)(`span`,{className:l.default.placeholder,children:O})}),(0,f.jsx)(s.Icon,{component:o.default,size:`sm`,className:(0,d.default)(l.default.chevron,z&&l.default.chevronOpen)})]}),(0,f.jsx)(i.Transition,{show:z,preset:`scale`,unmount:!0,className:l.default.dropdownWrapper,ref:te,...ne,children:(0,f.jsx)(`ul`,{ref:W,id:K,role:`listbox`,"aria-label":N,tabIndex:-1,className:l.default.dropdown,onMouseDown:e=>e.preventDefault(),children:e.map((e,t)=>{let n=e.id===L;return(0,f.jsxs)(`li`,{id:`${G}-opt-${t}`,role:`option`,"aria-selected":n,"aria-disabled":e.disabled||void 0,className:(0,d.default)(l.default.option,t===V&&l.default.active,e.disabled&&l.default.optionDisabled),onMouseEnter:()=>H(t),onClick:()=>J(e),children:[(0,f.jsx)(`span`,{className:l.default.check,"aria-hidden":`true`,children:n&&(0,f.jsx)(s.Icon,{component:a.default,size:`sm`})}),(0,f.jsxs)(`span`,{className:l.default.optionBody,children:[(0,f.jsxs)(`span`,{className:l.default.optionHeader,children:[(0,f.jsx)(`span`,{className:l.default.optionName,children:e.name}),` `,e.badge&&(0,f.jsx)(`span`,{className:l.default.badge,children:e.badge})]}),` `,e.description&&(0,f.jsx)(`span`,{className:l.default.description,children:e.description}),` `,$(e)]})]},e.id)})})})]})});h.displayName=`ModelSelector`,exports.ModelSelector=h;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../../hooks/useMergedRef.cjs"),i=require("../../layout/Transition/Transition.cjs"),a=require("../../../icon/check.cjs"),o=require("../../../icon/chevron-down.cjs"),s=require("../../media/Icon/Icon.cjs"),c=require("../../_internal/useInlineFloating.cjs"),l=require("./model-selector.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=e=>e>=1e6?`${(e/1e6).toFixed(e%1e6==0?0:1)}M`:e>=1e3?`${(e/1e3).toFixed(e%1e3==0?0:1)}K`:String(e),m=(e,t=`$`)=>`${t}${e}`,h=u.default.forwardRef(({models:e,value:h,defaultValue:g,onChange:_,size:v=`md`,disabled:y=!1,fullWidth:b=!1,showPricing:x=!0,showContext:S=!0,labels:C,className:w,"aria-label":T,"aria-labelledby":E,"aria-describedby":D,...O},k)=>{let{t:A}=t.useWimTranslation(n.commonNs),{placeholder:j=A(`modelSelector.placeholder`),contextLabel:M=A(`modelSelector.context`),inputLabel:N=A(`modelSelector.input`),outputLabel:P=A(`modelSelector.output`),perTokensLabel:F=`/1M`,triggerAriaLabel:I=A(`modelSelector.placeholder`)}=C??{},L=h!==void 0,[R,z]=(0,u.useState)(g),B=L?h:R,V=e.find(e=>e.id===B),[H,U]=(0,u.useState)(!1),[W,G]=(0,u.useState)(-1),K=(0,u.useRef)(null),q=(0,u.useRef)(null),J=(0,u.useId)(),Y=`${J}-listbox`,X=(0,u.useCallback)(e=>{K.current=e,typeof k==`function`?k(e):k&&(k.current=e)},[k]);(0,u.useEffect)(()=>{if(!H)return;let e=e=>{K.current&&!K.current.contains(e.target)&&U(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[H]);let Z=e=>{e.disabled||(L||z(e.id),_?.(e.id,e),U(!1))},Q=(t,n)=>{let r=t;for(let t=0;t<e.length;t++){if(!e[r]?.disabled)return r;r=(r+n+e.length)%e.length}return-1},$=t=>{let n=e.findIndex(e=>e.id===B);G(t??(n>=0?n:Q(0,1))),U(!0)},ee=t=>{G(n=>{let r=n;for(let n=0;n<e.length&&(r=(r+t+e.length)%e.length,e[r]?.disabled);n++);return r})},te=t=>{if(!y)switch(t.key){case`ArrowDown`:case`ArrowUp`:t.preventDefault(),H?ee(t.key===`ArrowDown`?1:-1):$();break;case`Home`:case`End`:t.preventDefault(),t.key===`Home`?H?G(Q(0,1)):$(Q(0,1)):H?G(Q(e.length-1,-1)):$(Q(e.length-1,-1));break;case`Enter`:case` `:if(t.preventDefault(),!H)$();else{let t=e[W];t&&Z(t)}break;case`Escape`:H&&(t.preventDefault(),U(!1));break;case`Tab`:U(!1)}};(0,u.useEffect)(()=>{H&&W>=0&&(q.current?.querySelectorAll(`[role="option"]`)?.[W])?.scrollIntoView({block:`nearest`})},[W,H]);let ne=e=>{let t=[];if(S&&e.contextLength&&t.push((0,f.jsxs)(`span`,{className:l.default.meta,children:[M,` `,p(e.contextLength)]},`ctx`)),x&&e.pricing){let{input:n,output:r,currency:i}=e.pricing;n!==void 0&&t.push((0,f.jsxs)(`span`,{className:l.default.meta,children:[N,` `,m(n,i),F]},`in`)),r!==void 0&&t.push((0,f.jsxs)(`span`,{className:l.default.meta,children:[P,` `,m(r,i),F]},`out`))}if(t.length===0)return null;let n=t.flatMap((e,t)=>t===0?[e]:[` `,e]);return(0,f.jsx)(`span`,{className:l.default.metaRow,children:n})},{setReference:re,setFloating:ie,floatingProps:ae}=c.useInlineFloating({open:H}),oe=r.useMergedRef(X,re);return(0,f.jsxs)(`div`,{ref:oe,className:(0,d.default)(`wim-model-selector`,l.default.root,l.default[v],b&&l.default.fullWidth,y&&l.default.disabled,w),...O,children:[(0,f.jsxs)(`button`,{type:`button`,role:`combobox`,className:l.default.trigger,"aria-haspopup":`listbox`,"aria-expanded":H,"aria-controls":H?Y:void 0,"aria-activedescendant":H&&W>=0?`${J}-opt-${W}`:void 0,"aria-label":E?void 0:T??I,"aria-labelledby":E,"aria-describedby":D,disabled:y,onClick:()=>{y||(H?U(!1):$())},onKeyDown:te,onKeyUp:e=>{e.key===` `&&e.preventDefault()},children:[(0,f.jsx)(`span`,{className:l.default.triggerLabel,children:V?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`span`,{className:l.default.triggerName,children:V.name}),` `,V.badge&&(0,f.jsx)(`span`,{className:l.default.badge,children:V.badge})]}):(0,f.jsx)(`span`,{className:l.default.placeholder,children:j})}),(0,f.jsx)(s.Icon,{component:o.default,size:`sm`,className:(0,d.default)(l.default.chevron,H&&l.default.chevronOpen)})]}),(0,f.jsx)(i.Transition,{show:H,preset:`scale`,unmount:!0,className:l.default.dropdownWrapper,ref:ie,...ae,children:(0,f.jsx)(`ul`,{ref:q,id:Y,role:`listbox`,"aria-label":E?void 0:T??I,"aria-labelledby":E,tabIndex:-1,className:l.default.dropdown,onMouseDown:e=>e.preventDefault(),children:e.map((e,t)=>{let n=e.id===B;return(0,f.jsxs)(`li`,{id:`${J}-opt-${t}`,role:`option`,"aria-selected":n,"aria-disabled":e.disabled||void 0,className:(0,d.default)(l.default.option,t===W&&l.default.active,e.disabled&&l.default.optionDisabled),onMouseEnter:()=>G(t),onClick:()=>Z(e),children:[(0,f.jsx)(`span`,{className:l.default.check,"aria-hidden":`true`,children:n&&(0,f.jsx)(s.Icon,{component:a.default,size:`sm`})}),(0,f.jsxs)(`span`,{className:l.default.optionBody,children:[(0,f.jsxs)(`span`,{className:l.default.optionHeader,children:[(0,f.jsx)(`span`,{className:l.default.optionName,children:e.name}),` `,e.badge&&(0,f.jsx)(`span`,{className:l.default.badge,children:e.badge})]}),` `,e.description&&(0,f.jsx)(`span`,{className:l.default.description,children:e.description}),` `,ne(e)]})]},e.id)})})})]})});h.displayName=`ModelSelector`,exports.ModelSelector=h;

package/dist/components/ai/ModelSelector/ModelSelector.js

@@ -6,57 +6,57 @@ import { Transition as r } from "../../layout/Transition/Transition.js";
 import i from "../../../icon/check.js";
 import a from "../../../icon/chevron-down.js";
 import { Icon as o } from "../../media/Icon/Icon.js";
-import { useInlineFloating as s } from "../../_internal/useInlineFloating.js";
-import c from "./model-selector.module.js";
-import l, { useCallback as u, useEffect as d, useId as ee, useRef as f, useState as p } from "react";
+import { useInlineFloating as ee } from "../../_internal/useInlineFloating.js";
+import s from "./model-selector.module.js";
+import c, { useCallback as l, useEffect as u, useId as d, useRef as f, useState as p } from "react";
 import m from "classnames";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/ai/ModelSelector/ModelSelector.tsx
-var v = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(e % 1e6 == 0 ? 0 : 1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(e % 1e3 == 0 ? 0 : 1)}K` : String(e), y = (e, t = "$") => `${t}${e}`, b = l.forwardRef(({ models: l, value: b, defaultValue: x, onChange: S, size: te = "md", disabled: C = !1, fullWidth: w = !1, showPricing: T = !0, showContext: E = !0, labels: D, className: O, ...k }, A) => {
-	let { t: j } = e(t), { placeholder: M = j("modelSelector.placeholder"), contextLabel: N = j("modelSelector.context"), inputLabel: ne = j("modelSelector.input"), outputLabel: P = j("modelSelector.output"), perTokensLabel: F = "/1M", triggerAriaLabel: I = j("modelSelector.placeholder") } = D ?? {}, L = b !== void 0, [R, z] = p(x), B = L ? b : R, V = l.find((e) => e.id === B), [H, U] = p(!1), [W, G] = p(-1), K = f(null), q = f(null), J = ee(), Y = `${J}-listbox`, X = u((e) => {
-		K.current = e, typeof A == "function" ? A(e) : A && (A.current = e);
-	}, [A]);
-	d(() => {
+var te = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(e % 1e6 == 0 ? 0 : 1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(e % 1e3 == 0 ? 0 : 1)}K` : String(e), v = (e, t = "$") => `${t}${e}`, y = c.forwardRef(({ models: c, value: y, defaultValue: b, onChange: x, size: S = "md", disabled: C = !1, fullWidth: ne = !1, showPricing: re = !0, showContext: w = !0, labels: T, className: E, "aria-label": D, "aria-labelledby": O, "aria-describedby": k, ...A }, j) => {
+	let { t: M } = e(t), { placeholder: ie = M("modelSelector.placeholder"), contextLabel: ae = M("modelSelector.context"), inputLabel: N = M("modelSelector.input"), outputLabel: P = M("modelSelector.output"), perTokensLabel: F = "/1M", triggerAriaLabel: I = M("modelSelector.placeholder") } = T ?? {}, L = y !== void 0, [R, z] = p(b), B = L ? y : R, V = c.find((e) => e.id === B), [H, U] = p(!1), [W, G] = p(-1), K = f(null), q = f(null), J = d(), Y = `${J}-listbox`, oe = l((e) => {
+		K.current = e, typeof j == "function" ? j(e) : j && (j.current = e);
+	}, [j]);
+	u(() => {
 		if (!H) return;
 		let e = (e) => {
 			K.current && !K.current.contains(e.target) && U(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [H]);
-	let Z = (e) => {
-		e.disabled || (L || z(e.id), S?.(e.id, e), U(!1));
-	}, Q = (e, t) => {
+	let X = (e) => {
+		e.disabled || (L || z(e.id), x?.(e.id, e), U(!1));
+	}, Z = (e, t) => {
 		let n = e;
-		for (let e = 0; e < l.length; e++) {
-			if (!l[n]?.disabled) return n;
-			n = (n + t + l.length) % l.length;
+		for (let e = 0; e < c.length; e++) {
+			if (!c[n]?.disabled) return n;
+			n = (n + t + c.length) % c.length;
 		}
 		return -1;
-	}, $ = (e) => {
-		let t = l.findIndex((e) => e.id === B);
-		G(e ?? (t >= 0 ? t : Q(0, 1))), U(!0);
-	}, re = (e) => {
+	}, Q = (e) => {
+		let t = c.findIndex((e) => e.id === B);
+		G(e ?? (t >= 0 ? t : Z(0, 1))), U(!0);
+	}, se = (e) => {
 		G((t) => {
 			let n = t;
-			for (let t = 0; t < l.length && (n = (n + e + l.length) % l.length, l[n]?.disabled); t++);
+			for (let t = 0; t < c.length && (n = (n + e + c.length) % c.length, c[n]?.disabled); t++);
 			return n;
 		});
-	}, ie = (e) => {
+	}, ce = (e) => {
 		if (!C) switch (e.key) {
 			case "ArrowDown":
 			case "ArrowUp":
-				e.preventDefault(), H ? re(e.key === "ArrowDown" ? 1 : -1) : $();
+				e.preventDefault(), H ? se(e.key === "ArrowDown" ? 1 : -1) : Q();
 				break;
 			case "Home":
 			case "End":
-				e.preventDefault(), e.key === "Home" ? H ? G(Q(0, 1)) : $(Q(0, 1)) : H ? G(Q(l.length - 1, -1)) : $(Q(l.length - 1, -1));
+				e.preventDefault(), e.key === "Home" ? H ? G(Z(0, 1)) : Q(Z(0, 1)) : H ? G(Z(c.length - 1, -1)) : Q(Z(c.length - 1, -1));
 				break;
 			case "Enter":
 			case " ":
-				if (e.preventDefault(), !H) $();
+				if (e.preventDefault(), !H) Q();
 				else {
-					let e = l[W];
-					e && Z(e);
+					let e = c[W];
+					e && X(e);
 				}
 				break;
 			case "Escape":
@@ -65,34 +65,34 @@ var v = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(e % 1e6 == 0 ? 0 : 1)}M` : e >= 1
 			case "Tab": U(!1);
 		}
 	};
-	d(() => {
+	u(() => {
 		H && W >= 0 && (q.current?.querySelectorAll("[role=\"option\"]")?.[W])?.scrollIntoView({ block: "nearest" });
 	}, [W, H]);
-	let ae = (e) => {
+	let $ = (e) => {
 		let t = [];
-		if (E && e.contextLength && t.push(/* @__PURE__ */ _("span", {
-			className: c.meta,
+		if (w && e.contextLength && t.push(/* @__PURE__ */ _("span", {
+			className: s.meta,
 			children: [
-				N,
+				ae,
 				" ",
-				v(e.contextLength)
+				te(e.contextLength)
 			]
-		}, "ctx")), T && e.pricing) {
+		}, "ctx")), re && e.pricing) {
 			let { input: n, output: r, currency: i } = e.pricing;
 			n !== void 0 && t.push(/* @__PURE__ */ _("span", {
-				className: c.meta,
+				className: s.meta,
 				children: [
-					ne,
+					N,
 					" ",
-					y(n, i),
+					v(n, i),
 					F
 				]
 			}, "in")), r !== void 0 && t.push(/* @__PURE__ */ _("span", {
-				className: c.meta,
+				className: s.meta,
 				children: [
 					P,
 					" ",
-					y(r, i),
+					v(r, i),
 					F
 				]
 			}, "out"));
@@ -100,108 +100,111 @@ var v = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(e % 1e6 == 0 ? 0 : 1)}M` : e >= 1
 		if (t.length === 0) return null;
 		let n = t.flatMap((e, t) => t === 0 ? [e] : [" ", e]);
 		return /* @__PURE__ */ g("span", {
-			className: c.metaRow,
+			className: s.metaRow,
 			children: n
 		});
-	}, { setReference: oe, setFloating: se, floatingProps: ce } = s({ open: H }), le = n(X, oe);
+	}, { setReference: le, setFloating: ue, floatingProps: de } = ee({ open: H }), fe = n(oe, le);
 	return /* @__PURE__ */ _("div", {
-		ref: le,
-		className: m("wim-model-selector", c.root, c[te], w && c.fullWidth, C && c.disabled, O),
-		...k,
+		ref: fe,
+		className: m("wim-model-selector", s.root, s[S], ne && s.fullWidth, C && s.disabled, E),
+		...A,
 		children: [/* @__PURE__ */ _("button", {
 			type: "button",
 			role: "combobox",
-			className: c.trigger,
+			className: s.trigger,
 			"aria-haspopup": "listbox",
 			"aria-expanded": H,
 			"aria-controls": H ? Y : void 0,
 			"aria-activedescendant": H && W >= 0 ? `${J}-opt-${W}` : void 0,
-			"aria-label": I,
+			"aria-label": O ? void 0 : D ?? I,
+			"aria-labelledby": O,
+			"aria-describedby": k,
 			disabled: C,
 			onClick: () => {
-				C || (H ? U(!1) : $());
+				C || (H ? U(!1) : Q());
 			},
-			onKeyDown: ie,
+			onKeyDown: ce,
 			onKeyUp: (e) => {
 				e.key === " " && e.preventDefault();
 			},
 			children: [/* @__PURE__ */ g("span", {
-				className: c.triggerLabel,
+				className: s.triggerLabel,
 				children: V ? /* @__PURE__ */ _(h, { children: [
 					/* @__PURE__ */ g("span", {
-						className: c.triggerName,
+						className: s.triggerName,
 						children: V.name
 					}),
 					" ",
 					V.badge && /* @__PURE__ */ g("span", {
-						className: c.badge,
+						className: s.badge,
 						children: V.badge
 					})
 				] }) : /* @__PURE__ */ g("span", {
-					className: c.placeholder,
-					children: M
+					className: s.placeholder,
+					children: ie
 				})
 			}), /* @__PURE__ */ g(o, {
 				component: a,
 				size: "sm",
-				className: m(c.chevron, H && c.chevronOpen)
+				className: m(s.chevron, H && s.chevronOpen)
 			})]
 		}), /* @__PURE__ */ g(r, {
 			show: H,
 			preset: "scale",
 			unmount: !0,
-			className: c.dropdownWrapper,
-			ref: se,
-			...ce,
+			className: s.dropdownWrapper,
+			ref: ue,
+			...de,
 			children: /* @__PURE__ */ g("ul", {
 				ref: q,
 				id: Y,
 				role: "listbox",
-				"aria-label": I,
+				"aria-label": O ? void 0 : D ?? I,
+				"aria-labelledby": O,
 				tabIndex: -1,
-				className: c.dropdown,
+				className: s.dropdown,
 				onMouseDown: (e) => e.preventDefault(),
-				children: l.map((e, t) => {
+				children: c.map((e, t) => {
 					let n = e.id === B;
 					return /* @__PURE__ */ _("li", {
 						id: `${J}-opt-${t}`,
 						role: "option",
 						"aria-selected": n,
 						"aria-disabled": e.disabled || void 0,
-						className: m(c.option, t === W && c.active, e.disabled && c.optionDisabled),
+						className: m(s.option, t === W && s.active, e.disabled && s.optionDisabled),
 						onMouseEnter: () => G(t),
-						onClick: () => Z(e),
+						onClick: () => X(e),
 						children: [/* @__PURE__ */ g("span", {
-							className: c.check,
+							className: s.check,
 							"aria-hidden": "true",
 							children: n && /* @__PURE__ */ g(o, {
 								component: i,
 								size: "sm"
 							})
 						}), /* @__PURE__ */ _("span", {
-							className: c.optionBody,
+							className: s.optionBody,
 							children: [
 								/* @__PURE__ */ _("span", {
-									className: c.optionHeader,
+									className: s.optionHeader,
 									children: [
 										/* @__PURE__ */ g("span", {
-											className: c.optionName,
+											className: s.optionName,
 											children: e.name
 										}),
 										" ",
 										e.badge && /* @__PURE__ */ g("span", {
-											className: c.badge,
+											className: s.badge,
 											children: e.badge
 										})
 									]
 								}),
 								" ",
 								e.description && /* @__PURE__ */ g("span", {
-									className: c.description,
+									className: s.description,
 									children: e.description
 								}),
 								" ",
-								ae(e)
+								$(e)
 							]
 						})]
 					}, e.id);
@@ -210,6 +213,6 @@ var v = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(e % 1e6 == 0 ? 0 : 1)}M` : e >= 1
 		})]
 	});
 });
-b.displayName = "ModelSelector";
+y.displayName = "ModelSelector";
 //#endregion
-export { b as ModelSelector };
+export { y as ModelSelector };

package/dist/components/form/SplitButton/SplitButton.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../media/Icon/Icon.cjs"),n=require("../Button/Button.cjs"),r=require("../../overlay/Dropdown/Dropdown.cjs"),i=require("./split-button.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=a.default.forwardRef(({children:e,onClick:a,actions:c,variant:l=`solid`,intent:u=`default`,size:d=`md`,disabled:f=!1,loading:p=!1,toggleLabel:m,className:h,...g},_)=>(0,s.jsxs)(`div`,{ref:_,className:(0,o.default)(`wim-split-button`,i.default.root,i.default[d],i.default[l],h),...g,children:[(0,s.jsx)(n.Button,{className:i.default.main,variant:l,intent:u,size:d,disabled:f,loading:p,onClick:a,children:e}),(0,s.jsxs)(r.Dropdown,{children:[(0,s.jsx)(r.DropdownTrigger,{asChild:!0,children:(0,s.jsx)(n.Button,{className:i.default.toggle,variant:l,intent:u,size:d,disabled:f,"aria-label":m,children:(0,s.jsx)(t.Icon,{name:`ChevronDownIcon`,className:i.default.chevron})})}),(0,s.jsx)(r.DropdownMenu,{children:c.map((e,t)=>(0,s.jsxs)(r.DropdownItem,{disabled:e.disabled,onClick:e.onSelect,children:[e.icon&&(0,s.jsx)(`span`,{className:i.default.itemIcon,children:e.icon}),e.label]},t))})]})]}));c.displayName=`SplitButton`,exports.SplitButton=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../media/Icon/Icon.cjs"),n=require("../Button/Button.cjs"),r=require("../../overlay/Dropdown/Dropdown.cjs"),i=require("./split-button.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=a.default.forwardRef(({children:e,onClick:a,actions:c,variant:l=`solid`,intent:u=`default`,size:d=`md`,disabled:f=!1,loading:p=!1,toggleLabel:m,className:h,...g},_)=>{let v=g.role??(g[`aria-label`]||g[`aria-labelledby`]?`group`:void 0);return(0,s.jsxs)(`div`,{ref:_,role:v,className:(0,o.default)(`wim-split-button`,i.default.root,i.default[d],i.default[l],h),...g,children:[(0,s.jsx)(n.Button,{className:i.default.main,variant:l,intent:u,size:d,disabled:f,loading:p,onClick:a,children:e}),(0,s.jsxs)(r.Dropdown,{children:[(0,s.jsx)(r.DropdownTrigger,{asChild:!0,children:(0,s.jsx)(n.Button,{className:i.default.toggle,variant:l,intent:u,size:d,disabled:f,"aria-label":m,children:(0,s.jsx)(t.Icon,{name:`ChevronDownIcon`,className:i.default.chevron})})}),(0,s.jsx)(r.DropdownMenu,{children:c.map((e,t)=>(0,s.jsxs)(r.DropdownItem,{disabled:e.disabled,onClick:e.onSelect,children:[e.icon&&(0,s.jsx)(`span`,{className:i.default.itemIcon,children:e.icon}),e.label]},t))})]})]})});c.displayName=`SplitButton`,exports.SplitButton=c;

package/dist/components/form/SplitButton/SplitButton.js

@@ -7,42 +7,46 @@ import s from "react";
 import c from "classnames";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/form/SplitButton/SplitButton.tsx
-var d = s.forwardRef(({ children: s, onClick: d, actions: f, variant: p = "solid", intent: m = "default", size: h = "md", disabled: g = !1, loading: _ = !1, toggleLabel: v, className: y, ...b }, x) => /* @__PURE__ */ u("div", {
-	ref: x,
-	className: c("wim-split-button", o.root, o[h], o[p], y),
-	...b,
-	children: [/* @__PURE__ */ l(t, {
-		className: o.main,
-		variant: p,
-		intent: m,
-		size: h,
-		disabled: g,
-		loading: _,
-		onClick: d,
-		children: s
-	}), /* @__PURE__ */ u(n, { children: [/* @__PURE__ */ l(a, {
-		asChild: !0,
-		children: /* @__PURE__ */ l(t, {
-			className: o.toggle,
+var d = s.forwardRef(({ children: s, onClick: d, actions: f, variant: p = "solid", intent: m = "default", size: h = "md", disabled: g = !1, loading: _ = !1, toggleLabel: v, className: y, ...b }, x) => {
+	let S = b.role ?? (b["aria-label"] || b["aria-labelledby"] ? "group" : void 0);
+	return /* @__PURE__ */ u("div", {
+		ref: x,
+		role: S,
+		className: c("wim-split-button", o.root, o[h], o[p], y),
+		...b,
+		children: [/* @__PURE__ */ l(t, {
+			className: o.main,
 			variant: p,
 			intent: m,
 			size: h,
 			disabled: g,
-			"aria-label": v,
-			children: /* @__PURE__ */ l(e, {
-				name: "ChevronDownIcon",
-				className: o.chevron
+			loading: _,
+			onClick: d,
+			children: s
+		}), /* @__PURE__ */ u(n, { children: [/* @__PURE__ */ l(a, {
+			asChild: !0,
+			children: /* @__PURE__ */ l(t, {
+				className: o.toggle,
+				variant: p,
+				intent: m,
+				size: h,
+				disabled: g,
+				"aria-label": v,
+				children: /* @__PURE__ */ l(e, {
+					name: "ChevronDownIcon",
+					className: o.chevron
+				})
 			})
-		})
-	}), /* @__PURE__ */ l(i, { children: f.map((e, t) => /* @__PURE__ */ u(r, {
-		disabled: e.disabled,
-		onClick: e.onSelect,
-		children: [e.icon && /* @__PURE__ */ l("span", {
-			className: o.itemIcon,
-			children: e.icon
-		}), e.label]
-	}, t)) })] })]
-}));
+		}), /* @__PURE__ */ l(i, { children: f.map((e, t) => /* @__PURE__ */ u(r, {
+			disabled: e.disabled,
+			onClick: e.onSelect,
+			children: [e.icon && /* @__PURE__ */ l("span", {
+				className: o.itemIcon,
+				children: e.icon
+			}), e.label]
+		}, t)) })] })]
+	});
+});
 d.displayName = "SplitButton";
 //#endregion
 export { d as SplitButton };

package/dist/components/navigation/Anchor/Anchor.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./anchor.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=({items:e=[],bounds:a=5,offset:o=0,direction:s=`vertical`,className:c,style:l})=>{let[u,d]=(0,n.useState)(``),[f,p]=(0,n.useState)({}),m=(0,n.useRef)(null),h=(e,t)=>{e.preventDefault();let n=t.replace(`#`,``),r=document.getElementById(n);r&&(window.scrollTo({top:r.offsetTop-o,behavior:`smooth`}),d(t))};(0,n.useLayoutEffect)(()=>{let t=()=>{let t=(e,n)=>{let r=[];return e.forEach(e=>{r.push({href:e.href,parentHref:n}),e.children&&(r=r.concat(t(e.children,n||e.href)))}),r},n=t(e),r=``,i=window.scrollY||document.documentElement.scrollTop,c=document.documentElement.scrollHeight,l=document.documentElement.clientHeight;if(i>0&&Math.ceil(i+l)>=c&&n.length>0){let e=n[n.length-1];r=s===`horizontal`&&e.parentHref?e.parentHref:e.href}else for(let e of n){let t=e.href.replace(`#`,``),n=document.getElementById(t);if(n){if(n.getBoundingClientRect().top<=o+a)r=s===`horizontal`&&e.parentHref?e.parentHref:e.href;else break}}r&&r!==u&&d(r)};return window.addEventListener(`scroll`,t),t(),()=>window.removeEventListener(`scroll`,t)},[e,o,a,u,s]);let g=(0,n.useCallback)(()=>{if(!u||!m.current)return;let e=m.current.querySelector(`a[href="${u}"]`);if(e){let n=m.current.getBoundingClientRect();if(s===`vertical`){let t=e.getBoundingClientRect();p({top:t.top-n.top,height:t.height,opacity:1})}else{let r=m.current.querySelector(`.${t.default.list}`);if(r){let t=e.getBoundingClientRect(),i=r.getBoundingClientRect(),a=t.left-i.left+r.scrollLeft,o=a-i.width/2+t.width/2,s=r.scrollWidth-i.width,c=Math.max(0,Math.min(o,s)),l=a-c+(i.left-n.left);p({left:l,width:t.width,opacity:1}),r.scrollTo({left:c,behavior:`smooth`})}else{let t=e.getBoundingClientRect();p({left:t.left-m.current.getBoundingClientRect().left,width:t.width,opacity:1})}}}else p({opacity:0})},[u,s]);(0,n.useLayoutEffect)(()=>{g()},[g]),(0,n.useEffect)(()=>{let e=m.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(()=>g());return t.observe(e),e.querySelectorAll(`a`).forEach(e=>t.observe(e)),()=>t.disconnect()},[g,e]);let _=e=>(0,i.jsx)(`ul`,{className:(0,r.default)(t.default.list,t.default[s]),children:e.map(e=>(0,i.jsxs)(`li`,{className:(0,r.default)(t.default.item,u===e.href&&t.default.active),children:[(0,i.jsx)(`a`,{href:e.href,className:t.default.link,"aria-current":u===e.href?`location`:void 0,onClick:t=>h(t,e.href),title:typeof e.title==`string`?e.title:void 0,children:e.title}),e.children&&s===`vertical`&&_(e.children)]},e.key))});return(0,i.jsxs)(`div`,{className:(0,r.default)(`wim-anchor`,t.default.root,t.default[s],c),style:l,ref:m,children:[(0,i.jsx)(`div`,{className:t.default.ink,children:(0,i.jsx)(`span`,{className:t.default.inkBall,style:f})}),_(e)]})};exports.Anchor=a,exports.default=a;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./anchor.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=({items:e=[],bounds:a=5,offset:o=0,direction:s=`vertical`,className:c,style:l,"aria-label":u,"aria-labelledby":d})=>{let[f,p]=(0,n.useState)(``),[m,h]=(0,n.useState)({}),g=(0,n.useRef)(null),_=(e,t)=>{e.preventDefault();let n=t.replace(`#`,``),r=document.getElementById(n);r&&(window.scrollTo({top:r.offsetTop-o,behavior:`smooth`}),p(t))};(0,n.useLayoutEffect)(()=>{let t=()=>{let t=(e,n)=>{let r=[];return e.forEach(e=>{r.push({href:e.href,parentHref:n}),e.children&&(r=r.concat(t(e.children,n||e.href)))}),r},n=t(e),r=``,i=window.scrollY||document.documentElement.scrollTop,c=document.documentElement.scrollHeight,l=document.documentElement.clientHeight;if(i>0&&Math.ceil(i+l)>=c&&n.length>0){let e=n[n.length-1];r=s===`horizontal`&&e.parentHref?e.parentHref:e.href}else for(let e of n){let t=e.href.replace(`#`,``),n=document.getElementById(t);if(n){if(n.getBoundingClientRect().top<=o+a)r=s===`horizontal`&&e.parentHref?e.parentHref:e.href;else break}}r&&r!==f&&p(r)};return window.addEventListener(`scroll`,t),t(),()=>window.removeEventListener(`scroll`,t)},[e,o,a,f,s]);let v=(0,n.useCallback)(()=>{if(!f||!g.current)return;let e=g.current.querySelector(`a[href="${f}"]`);if(e){let n=g.current.getBoundingClientRect();if(s===`vertical`){let t=e.getBoundingClientRect();h({top:t.top-n.top,height:t.height,opacity:1})}else{let r=g.current.querySelector(`.${t.default.list}`);if(r){let t=e.getBoundingClientRect(),i=r.getBoundingClientRect(),a=t.left-i.left+r.scrollLeft,o=a-i.width/2+t.width/2,s=r.scrollWidth-i.width,c=Math.max(0,Math.min(o,s)),l=a-c+(i.left-n.left);h({left:l,width:t.width,opacity:1}),r.scrollTo({left:c,behavior:`smooth`})}else{let t=e.getBoundingClientRect();h({left:t.left-g.current.getBoundingClientRect().left,width:t.width,opacity:1})}}}else h({opacity:0})},[f,s]);(0,n.useLayoutEffect)(()=>{v()},[v]),(0,n.useEffect)(()=>{let e=g.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(()=>v());return t.observe(e),e.querySelectorAll(`a`).forEach(e=>t.observe(e)),()=>t.disconnect()},[v,e]);let y=e=>(0,i.jsx)(`ul`,{className:(0,r.default)(t.default.list,t.default[s]),children:e.map(e=>(0,i.jsxs)(`li`,{className:(0,r.default)(t.default.item,f===e.href&&t.default.active),children:[(0,i.jsx)(`a`,{href:e.href,className:t.default.link,"aria-current":f===e.href?`location`:void 0,onClick:t=>_(t,e.href),title:typeof e.title==`string`?e.title:void 0,children:e.title}),e.children&&s===`vertical`&&y(e.children)]},e.key))});return(0,i.jsxs)(`div`,{className:(0,r.default)(`wim-anchor`,t.default.root,t.default[s],c),style:l,ref:g,role:u||d?`navigation`:void 0,"aria-label":d?void 0:u,"aria-labelledby":d,children:[(0,i.jsx)(`div`,{className:t.default.ink,children:(0,i.jsx)(`span`,{className:t.default.inkBall,style:m})}),y(e)]})};exports.Anchor=a,exports.default=a;

package/dist/components/navigation/Anchor/Anchor.d.ts

@@ -22,6 +22,10 @@ export interface AnchorProps {
     className?: string;
     /** Style attribute */
     style?: React.CSSProperties;
+    /** Accessible name. When set, the anchor is exposed as a navigation landmark with this name. */
+    "aria-label"?: string;
+    /** ID of the element that labels the anchor. Takes precedence over `aria-label`. */
+    "aria-labelledby"?: string;
 }
-export declare const Anchor: ({ items, bounds, offset, direction, className, style, }: AnchorProps) => React.JSX.Element;
+export declare const Anchor: ({ items, bounds, offset, direction, className, style, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: AnchorProps) => React.JSX.Element;
 export default Anchor;

package/dist/components/navigation/Anchor/Anchor.js

@@ -4,14 +4,14 @@ import { useCallback as t, useEffect as n, useLayoutEffect as r, useRef as i, us
 import o from "classnames";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/navigation/Anchor/Anchor.tsx
-var l = ({ items: l = [], bounds: u = 5, offset: d = 0, direction: f = "vertical", className: p, style: m }) => {
-	let [h, g] = a(""), [_, v] = a({}), y = i(null), b = (e, t) => {
+var l = ({ items: l = [], bounds: u = 5, offset: d = 0, direction: f = "vertical", className: p, style: m, "aria-label": h, "aria-labelledby": g }) => {
+	let [_, v] = a(""), [y, b] = a({}), x = i(null), S = (e, t) => {
 		e.preventDefault();
 		let n = t.replace("#", ""), r = document.getElementById(n);
 		r && (window.scrollTo({
 			top: r.offsetTop - d,
 			behavior: "smooth"
-		}), g(t));
+		}), v(t));
 	};
 	r(() => {
 		let e = () => {
@@ -34,33 +34,33 @@ var l = ({ items: l = [], bounds: u = 5, offset: d = 0, direction: f = "vertical
 					else break;
 				}
 			}
-			n && n !== h && g(n);
+			n && n !== _ && v(n);
 		};
 		return window.addEventListener("scroll", e), e(), () => window.removeEventListener("scroll", e);
 	}, [
 		l,
 		d,
 		u,
-		h,
+		_,
 		f
 	]);
-	let x = t(() => {
-		if (!h || !y.current) return;
-		let t = y.current.querySelector(`a[href="${h}"]`);
+	let C = t(() => {
+		if (!_ || !x.current) return;
+		let t = x.current.querySelector(`a[href="${_}"]`);
 		if (t) {
-			let n = y.current.getBoundingClientRect();
+			let n = x.current.getBoundingClientRect();
 			if (f === "vertical") {
 				let e = t.getBoundingClientRect();
-				v({
+				b({
 					top: e.top - n.top,
 					height: e.height,
 					opacity: 1
 				});
 			} else {
-				let r = y.current.querySelector(`.${e.list}`);
+				let r = x.current.querySelector(`.${e.list}`);
 				if (r) {
 					let e = t.getBoundingClientRect(), i = r.getBoundingClientRect(), a = e.left - i.left + r.scrollLeft, o = a - i.width / 2 + e.width / 2, s = r.scrollWidth - i.width, c = Math.max(0, Math.min(o, s)), l = a - c + (i.left - n.left);
-					v({
+					b({
 						left: l,
 						width: e.width,
 						opacity: 1
@@ -70,48 +70,51 @@ var l = ({ items: l = [], bounds: u = 5, offset: d = 0, direction: f = "vertical
 					});
 				} else {
 					let e = t.getBoundingClientRect();
-					v({
-						left: e.left - y.current.getBoundingClientRect().left,
+					b({
+						left: e.left - x.current.getBoundingClientRect().left,
 						width: e.width,
 						opacity: 1
 					});
 				}
 			}
-		} else v({ opacity: 0 });
-	}, [h, f]);
+		} else b({ opacity: 0 });
+	}, [_, f]);
 	r(() => {
-		x();
-	}, [x]), n(() => {
-		let e = y.current;
+		C();
+	}, [C]), n(() => {
+		let e = x.current;
 		if (!e || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(() => x());
+		let t = new ResizeObserver(() => C());
 		return t.observe(e), e.querySelectorAll("a").forEach((e) => t.observe(e)), () => t.disconnect();
-	}, [x, l]);
-	let S = (t) => /* @__PURE__ */ s("ul", {
+	}, [C, l]);
+	let w = (t) => /* @__PURE__ */ s("ul", {
 		className: o(e.list, e[f]),
 		children: t.map((t) => /* @__PURE__ */ c("li", {
-			className: o(e.item, h === t.href && e.active),
+			className: o(e.item, _ === t.href && e.active),
 			children: [/* @__PURE__ */ s("a", {
 				href: t.href,
 				className: e.link,
-				"aria-current": h === t.href ? "location" : void 0,
-				onClick: (e) => b(e, t.href),
+				"aria-current": _ === t.href ? "location" : void 0,
+				onClick: (e) => S(e, t.href),
 				title: typeof t.title == "string" ? t.title : void 0,
 				children: t.title
-			}), t.children && f === "vertical" && S(t.children)]
+			}), t.children && f === "vertical" && w(t.children)]
 		}, t.key))
 	});
 	return /* @__PURE__ */ c("div", {
 		className: o("wim-anchor", e.root, e[f], p),
 		style: m,
-		ref: y,
+		ref: x,
+		role: h || g ? "navigation" : void 0,
+		"aria-label": g ? void 0 : h,
+		"aria-labelledby": g,
 		children: [/* @__PURE__ */ s("div", {
 			className: e.ink,
 			children: /* @__PURE__ */ s("span", {
 				className: e.inkBall,
-				style: _
+				style: y
 			})
-		}), S(l)]
+		}), w(l)]
 	});
 };
 //#endregion

package/dist/components/navigation/CommandPalette/CommandPalette.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../overlay/Portal/Portal.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../overlay/FocusTrap/FocusTrap.cjs"),a=require("../../../i18n/generated/components.cjs"),o=require("../../../icon/search.cjs"),s=require("../../media/Icon/Icon.cjs"),c=require("../../_internal/BaseListItem/BaseListItem.cjs"),l=require("./command-palette.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=(0,u.createContext)(void 0),m=()=>{let e=(0,u.useContext)(p);if(!e)throw Error(`CommandPalette sub-components must be used within a CommandPalette`);return e},h=({children:e,open:t,onOpenChange:n})=>{let[r,i]=(0,u.useState)(!1),[a,o]=(0,u.useState)(``),[s,c]=(0,u.useState)(0),[l,d]=(0,u.useState)(!1),m=(0,u.useRef)(0),h=t!==void 0,g=h?t:r,_=(0,u.useCallback)(e=>{h||i(e),n?.(e),e||(o(``),c(0))},[h,n]),v=(0,u.useCallback)(()=>{let e=m.current;return m.current+=1,e},[]),y=(0,u.useCallback)(()=>{--m.current},[]);m.current=0,(0,u.useEffect)(()=>{let e=e=>{(e.metaKey||e.ctrlKey)&&e.key===`k`&&(e.preventDefault(),d(!0),_(!g)),e.key===`Escape`&&g&&_(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[g,_]);let b=u.default.useMemo(()=>({open:g,onOpenChange:_,search:a,setSearch:o,activeIndex:s,setActiveIndex:c,registerItem:v,unregisterItem:y,isKeyboardNavigating:l,setIsKeyboardNavigating:d}),[g,_,a,s,v,y,l]);return(0,f.jsx)(p.Provider,{value:b,children:e})},g=({children:e,asChild:t,className:n})=>{let{onOpenChange:r,setIsKeyboardNavigating:i}=m(),a=e=>{i(e.detail===0),r(!0)};return t&&u.default.isValidElement(e)?u.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),a(t)},className:(0,d.default)(n,e.props.className)}):(0,f.jsx)(`button`,{className:(0,d.default)(l.default.trigger,n),onClick:a,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&i(!0)},children:e})},_=({children:e,className:o,"aria-label":s})=>{let{t:c}=t.useWimTranslation(a.componentsNs),{open:p,onOpenChange:h,activeIndex:g,setActiveIndex:_,isKeyboardNavigating:v,setIsKeyboardNavigating:y}=m(),b=(0,u.useRef)(null);return(0,f.jsx)(n.Portal,{children:(0,f.jsx)(r.Transition,{show:p,preset:`fade`,children:(0,f.jsx)(`div`,{role:`presentation`,className:l.default.overlay,onClick:e=>{e.target===e.currentTarget&&h(!1)},children:(0,f.jsx)(r.Transition,{show:p,preset:`scale`,children:(0,f.jsx)(i.FocusTrap,{active:p,children:(0,f.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":s??c(`command_palette.label`),className:(0,d.default)(`wim-command-palette`,l.default.content,o),onClick:e=>e.stopPropagation(),onMouseMove:e=>{if(!b.current){b.current={x:e.clientX,y:e.clientY};return}Math.sqrt((e.clientX-b.current.x)**2+(e.clientY-b.current.y)**2)>10&&y(!1),b.current={x:e.clientX,y:e.clientY}},"data-keyboard-nav":v,onKeyDown:e=>{y(!0);let t=e.currentTarget.querySelectorAll(`.${l.default.item}:not([aria-disabled="true"])`).length;t!==0&&(e.key===`ArrowDown`?(e.preventDefault(),_(e=>(e+1)%t)):e.key===`ArrowUp`?(e.preventDefault(),_(e=>(e-1+t)%t)):e.key===`Home`?(e.preventDefault(),_(0)):e.key===`End`?(e.preventDefault(),_(t-1)):e.key===`Enter`&&(e.preventDefault(),document.getElementById(`wim-command-palette-item-${g}`)?.click()))},children:e})})})})})})},v=({placeholder:e,value:t,onChange:n,rightSection:r})=>{let{search:i,setSearch:a,setActiveIndex:c,activeIndex:d}=m(),p=(0,u.useRef)(null);return(0,u.useEffect)(()=>{p.current?.focus()},[]),(0,f.jsxs)(`div`,{className:l.default.inputWrapper,children:[(0,f.jsx)(s.Icon,{component:o.default,size:`sm`}),(0,f.jsx)(`input`,{ref:p,className:l.default.input,placeholder:e,value:t??i,onChange:e=>{let t=e.target.value;a(t),c(0),n?.(t)},role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":!0,"aria-controls":`wim-command-palette-listbox`,"aria-activedescendant":`wim-command-palette-item-${d}`}),r&&(0,f.jsx)(`div`,{className:l.default.inputRight,children:r})]})},y=({children:e,"aria-label":n,"aria-labelledby":r})=>{let{t:i}=t.useWimTranslation(a.componentsNs);return(0,f.jsx)(`div`,{className:l.default.list,role:`listbox`,id:`wim-command-palette-listbox`,"aria-label":r?void 0:n??i(`command_palette.label`),"aria-labelledby":r,children:e})},b=({children:e,heading:t})=>{let n=u.default.useId();return(0,f.jsxs)(`div`,{className:l.default.group,role:`group`,"aria-labelledby":t?n:void 0,children:[t&&(0,f.jsx)(`div`,{id:n,className:l.default.groupHeading,"aria-hidden":`true`,children:t}),e]})},x=({children:e,onSelect:t,icon:n,shortcut:r,disabled:i})=>{let{activeIndex:a,setActiveIndex:o,registerItem:s,onOpenChange:d}=m(),[p]=(0,u.useState)(()=>s()),h=a===p;return(0,u.useEffect)(()=>{h&&!i&&document.getElementById(`wim-command-palette-item-${p}`)?.scrollIntoView({block:`nearest`})},[h,i,p]),(0,f.jsx)(c.BaseListItem,{role:`option`,id:`wim-command-palette-item-${p}`,"aria-selected":h,className:l.default.item,active:h,disabled:i,icon:n,rightSection:r&&(0,f.jsx)(`div`,{className:l.default.shortcut,children:r.map(e=>(0,f.jsx)(`kbd`,{className:l.default.kbd,children:e},e))}),onMouseEnter:()=>!i&&o(p),onClick:()=>{i||(t?.(),d(!1))},children:e})},S=({children:e})=>{let{t:n}=t.useWimTranslation(a.componentsNs),r=e??n(`command_palette.no_results`),{open:i,search:o}=m(),[s,c]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{if(i){let e=setTimeout(()=>{let e=document.querySelectorAll(`.${l.default.item}`);c(e.length===0)},0);return()=>clearTimeout(e)}},[i,o]),!i||!s?null:(0,f.jsx)(`div`,{className:l.default.empty,children:r})},C=({children:e})=>(0,f.jsx)(`div`,{className:l.default.footer,children:e});exports.CommandPalette=h,exports.CommandPaletteContent=_,exports.CommandPaletteEmpty=S,exports.CommandPaletteFooter=C,exports.CommandPaletteGroup=b,exports.CommandPaletteInput=v,exports.CommandPaletteItem=x,exports.CommandPaletteList=y,exports.CommandPaletteTrigger=g;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../overlay/Portal/Portal.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../overlay/FocusTrap/FocusTrap.cjs"),a=require("../../../i18n/generated/components.cjs"),o=require("../../../icon/search.cjs"),s=require("../../media/Icon/Icon.cjs"),c=require("../../_internal/BaseListItem/BaseListItem.cjs"),l=require("./command-palette.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=(0,u.createContext)(void 0),m=()=>{let e=(0,u.useContext)(p);if(!e)throw Error(`CommandPalette sub-components must be used within a CommandPalette`);return e},h=({children:e,open:t,onOpenChange:n})=>{let[r,i]=(0,u.useState)(!1),[a,o]=(0,u.useState)(``),[s,c]=(0,u.useState)(0),[l,d]=(0,u.useState)(!1),m=(0,u.useRef)(0),h=t!==void 0,g=h?t:r,_=(0,u.useCallback)(e=>{h||i(e),n?.(e),e||(o(``),c(0))},[h,n]),v=(0,u.useCallback)(()=>{let e=m.current;return m.current+=1,e},[]),y=(0,u.useCallback)(()=>{--m.current},[]);m.current=0,(0,u.useEffect)(()=>{let e=e=>{(e.metaKey||e.ctrlKey)&&e.key===`k`&&(e.preventDefault(),d(!0),_(!g)),e.key===`Escape`&&g&&_(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[g,_]);let b=u.default.useMemo(()=>({open:g,onOpenChange:_,search:a,setSearch:o,activeIndex:s,setActiveIndex:c,registerItem:v,unregisterItem:y,isKeyboardNavigating:l,setIsKeyboardNavigating:d}),[g,_,a,s,v,y,l]);return(0,f.jsx)(p.Provider,{value:b,children:e})},g=({children:e,asChild:t,className:n})=>{let{onOpenChange:r,setIsKeyboardNavigating:i}=m(),a=e=>{i(e.detail===0),r(!0)};return t&&u.default.isValidElement(e)?u.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),a(t)},className:(0,d.default)(n,e.props.className)}):(0,f.jsx)(`button`,{className:(0,d.default)(l.default.trigger,n),onClick:a,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&i(!0)},children:e})},_=({children:e,className:o,"aria-label":s,"aria-labelledby":c,"aria-describedby":p})=>{let{t:h}=t.useWimTranslation(a.componentsNs),{open:g,onOpenChange:_,activeIndex:v,setActiveIndex:y,isKeyboardNavigating:b,setIsKeyboardNavigating:x}=m(),S=(0,u.useRef)(null);return(0,f.jsx)(n.Portal,{children:(0,f.jsx)(r.Transition,{show:g,preset:`fade`,children:(0,f.jsx)(`div`,{role:`presentation`,className:l.default.overlay,onClick:e=>{e.target===e.currentTarget&&_(!1)},children:(0,f.jsx)(r.Transition,{show:g,preset:`scale`,children:(0,f.jsx)(i.FocusTrap,{active:g,children:(0,f.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":c?void 0:s??h(`command_palette.label`),"aria-labelledby":c,"aria-describedby":p,className:(0,d.default)(`wim-command-palette`,l.default.content,o),onClick:e=>e.stopPropagation(),onMouseMove:e=>{if(!S.current){S.current={x:e.clientX,y:e.clientY};return}Math.sqrt((e.clientX-S.current.x)**2+(e.clientY-S.current.y)**2)>10&&x(!1),S.current={x:e.clientX,y:e.clientY}},"data-keyboard-nav":b,onKeyDown:e=>{x(!0);let t=e.currentTarget.querySelectorAll(`.${l.default.item}:not([aria-disabled="true"])`).length;t!==0&&(e.key===`ArrowDown`?(e.preventDefault(),y(e=>(e+1)%t)):e.key===`ArrowUp`?(e.preventDefault(),y(e=>(e-1+t)%t)):e.key===`Home`?(e.preventDefault(),y(0)):e.key===`End`?(e.preventDefault(),y(t-1)):e.key===`Enter`&&(e.preventDefault(),document.getElementById(`wim-command-palette-item-${v}`)?.click()))},children:e})})})})})})},v=({placeholder:e,value:t,onChange:n,rightSection:r})=>{let{search:i,setSearch:a,setActiveIndex:c,activeIndex:d}=m(),p=(0,u.useRef)(null);return(0,u.useEffect)(()=>{p.current?.focus()},[]),(0,f.jsxs)(`div`,{className:l.default.inputWrapper,children:[(0,f.jsx)(s.Icon,{component:o.default,size:`sm`}),(0,f.jsx)(`input`,{ref:p,className:l.default.input,placeholder:e,value:t??i,onChange:e=>{let t=e.target.value;a(t),c(0),n?.(t)},role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":!0,"aria-controls":`wim-command-palette-listbox`,"aria-activedescendant":`wim-command-palette-item-${d}`}),r&&(0,f.jsx)(`div`,{className:l.default.inputRight,children:r})]})},y=({children:e,"aria-label":n,"aria-labelledby":r})=>{let{t:i}=t.useWimTranslation(a.componentsNs);return(0,f.jsx)(`div`,{className:l.default.list,role:`listbox`,id:`wim-command-palette-listbox`,"aria-label":r?void 0:n??i(`command_palette.label`),"aria-labelledby":r,children:e})},b=({children:e,heading:t})=>{let n=u.default.useId();return(0,f.jsxs)(`div`,{className:l.default.group,role:`group`,"aria-labelledby":t?n:void 0,children:[t&&(0,f.jsx)(`div`,{id:n,className:l.default.groupHeading,"aria-hidden":`true`,children:t}),e]})},x=({children:e,onSelect:t,icon:n,shortcut:r,disabled:i})=>{let{activeIndex:a,setActiveIndex:o,registerItem:s,onOpenChange:d}=m(),[p]=(0,u.useState)(()=>s()),h=a===p;return(0,u.useEffect)(()=>{h&&!i&&document.getElementById(`wim-command-palette-item-${p}`)?.scrollIntoView({block:`nearest`})},[h,i,p]),(0,f.jsx)(c.BaseListItem,{role:`option`,id:`wim-command-palette-item-${p}`,"aria-selected":h,className:l.default.item,active:h,disabled:i,icon:n,rightSection:r&&(0,f.jsx)(`div`,{className:l.default.shortcut,children:r.map(e=>(0,f.jsx)(`kbd`,{className:l.default.kbd,children:e},e))}),onMouseEnter:()=>!i&&o(p),onClick:()=>{i||(t?.(),d(!1))},children:e})},S=({children:e})=>{let{t:n}=t.useWimTranslation(a.componentsNs),r=e??n(`command_palette.no_results`),{open:i,search:o}=m(),[s,c]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{if(i){let e=setTimeout(()=>{let e=document.querySelectorAll(`.${l.default.item}`);c(e.length===0)},0);return()=>clearTimeout(e)}},[i,o]),!i||!s?null:(0,f.jsx)(`div`,{className:l.default.empty,children:r})},C=({children:e})=>(0,f.jsx)(`div`,{className:l.default.footer,children:e});exports.CommandPalette=h,exports.CommandPaletteContent=_,exports.CommandPaletteEmpty=S,exports.CommandPaletteFooter=C,exports.CommandPaletteGroup=b,exports.CommandPaletteInput=v,exports.CommandPaletteItem=x,exports.CommandPaletteList=y,exports.CommandPaletteTrigger=g;