wimui 0.60.0 → 0.60.1

package/dist/components/_internal/useInlineFloating.cjs

@@ -0,0 +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;

package/dist/components/_internal/useInlineFloating.d.ts

@@ -0,0 +1,54 @@
+import { default as React } from 'react';
+export type InlineFloatingSide = "top" | "bottom";
+/**
+ * 面を、引き金の下と上のどちらに開くか。
+ *
+ * 既定は下。下に収まらず、上のほうが広いときだけ上へ返す ── どちらにも収まらないときは、広いほう。
+ */
+export declare const computeInlineSide: (input: {
+    referenceTop: number;
+    referenceBottom: number;
+    floatingHeight: number;
+    viewportHeight: number;
+}) => InlineFloatingSide;
+/**
+ * 面を、横に何 px 寄せるか。`left` / `right` は、**寄せる前の**面の位置（画面の左端から）。
+ *
+ * **はみ出しているときだけ動かす。** 画面に収まっている面は、端から 10px 以内でも触らない ──
+ * 余白なしで端まで置いた入力欄（狭い画面の全幅の Select など）の面を、引き金からずらさないため。
+ * はみ出していたら、端から 10px 内側へ寄せる。寄せた結果、反対側がはみ出すなら（面が画面より
+ * 広い）、反対側の端で止める。
+ */
+export declare const computeInlineShift: (left: number, right: number, viewportWidth: number) => number;
+export interface InlineFloatingOptions {
+    /** 面が開いているか。閉じているあいだは測らない。 */
+    open: boolean;
+}
+/**
+ * 引き金の隣に描く面（Select のリストなど）の、向きと横のずれを決める（T342）。
+ *
+ * ポータルへ出す部品（Tooltip / Popover / Dropdown）は `useFloatingElement`（floating-ui）が位置を
+ * 計算するが、こちらは**面の位置を CSS が決めたままにする**。返すのは「どちら側に開くか」と「横に
+ * 何 px ずらすか」だけで、部品はそれを `data-side` と CSS 変数で受ける。
+ *
+ * こうする理由は 3 つ:
+ * - 面をポータルへ出さない（ユーザー判断）。Tab の順と、面の中のフォーカスの扱いを変えない
+ * - 既定の向きの見た目を 1px も動かさない。位置を inline style で上書きすると、いまの CSS の間隔
+ *   （トークン・密度に追従する）と揃わなくなる
+ * - floating-ui を読まない。入力系がこれを読むと、フォーム画面の束が 22 kB の予算に対して 29.9 kB に
+ *   なった（+7.9 kB。2026-10-11 に実測）。向きと横のずれは、矩形を 2 つ測れば決まる
+ *
+ * 見るのは画面（ビューポート）だけ。スクロールしない入れ物（`overflow: hidden`）による切り取りは
+ * 見ない ── 面をポータルへ出さない以上、向きを変えても切り取りは解けないので。
+ */
+export declare const useInlineFloating: ({ open }: InlineFloatingOptions) => {
+    /** 引き金（位置の基準）に渡す ref。 */
+    setReference: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
+    /** 面に渡す ref。 */
+    setFloating: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
+    /** 面に付ける属性と CSS 変数。 */
+    floatingProps: {
+        "data-side": InlineFloatingSide;
+        style: React.CSSProperties | undefined;
+    };
+};

package/dist/components/_internal/useInlineFloating.js

@@ -0,0 +1,61 @@
+"use client";
+import { useCallback as e, useEffect as t, useLayoutEffect as n, useState as r } from "react";
+//#region src/components/_internal/useInlineFloating.ts
+var i = typeof window < "u" ? n : t, a = 10, o = 8, s = "--wim-floating-shift-x", c = (e) => {
+	let t = e.viewportHeight - e.referenceBottom, n = e.referenceTop;
+	return e.floatingHeight + o > t && n > t ? "top" : "bottom";
+}, l = (e, t, n) => {
+	if (t > n) {
+		let r = n - a - t;
+		return e + r < 0 ? -e : r;
+	}
+	if (e < 0) {
+		let r = a - e;
+		return t + r > n ? n - t : r;
+	}
+	return 0;
+}, u = ({ open: t }) => {
+	let [n, a] = r(null), [o, u] = r(null), [d, f] = r({
+		side: "bottom",
+		shiftX: 0
+	}), p = e(() => {
+		if (!n || !o) return;
+		let e = o.ownerDocument.documentElement, t = n.getBoundingClientRect(), r = o.getBoundingClientRect(), i = c({
+			referenceTop: t.top,
+			referenceBottom: t.bottom,
+			floatingHeight: r.height,
+			viewportHeight: e.clientHeight
+		}), a = parseFloat(o.style.getPropertyValue(s)) || 0, u = Math.round(l(r.left - a, r.right - a, e.clientWidth));
+		f((e) => e.side === i && e.shiftX === u ? e : {
+			side: i,
+			shiftX: u
+		});
+	}, [n, o]);
+	i(() => {
+		if (!t || !n || !o) return;
+		p();
+		let e = o.ownerDocument.defaultView;
+		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();
+		};
+	}, [
+		t,
+		n,
+		o,
+		p
+	]);
+	let m = t ? d.side : "bottom", h = t ? d.shiftX : 0;
+	return {
+		setReference: a,
+		setFloating: u,
+		floatingProps: {
+			"data-side": m,
+			style: h ? { [s]: `${h}px` } : void 0
+		}
+	};
+};
+//#endregion
+export { l as computeInlineShift, c as computeInlineSide, u as useInlineFloating };

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

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

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

package/dist/components/ai/ModelSelector/model-selector.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1tnvx_24`,t=`_fullWidth_1tnvx_36`,n=`_disabled_1tnvx_39`,r=`_trigger_1tnvx_43`,i=`_triggerLabel_1tnvx_94`,a=`_triggerName_1tnvx_101`,o=`_placeholder_1tnvx_107`,s=`_chevron_1tnvx_113`,c=`_chevronOpen_1tnvx_118`,l=`_badge_1tnvx_121`,u=`_dropdownWrapper_1tnvx_131`,d=`_dropdown_1tnvx_131`,f=`_option_1tnvx_153`,p=`_optionDisabled_1tnvx_161`,m=`_active_1tnvx_164`,h=`_check_1tnvx_171`,g=`_optionBody_1tnvx_180`,_=`_optionHeader_1tnvx_186`,v=`_optionName_1tnvx_191`,y=`_description_1tnvx_199`,b=`_metaRow_1tnvx_203`,x=`_meta_1tnvx_203`,S=`_sm_1tnvx_221`,C=`_lg_1tnvx_226`,w={root:e,fullWidth:t,disabled:n,trigger:r,triggerLabel:i,triggerName:a,placeholder:o,chevron:s,chevronOpen:c,badge:l,dropdownWrapper:u,dropdown:d,option:f,optionDisabled:p,active:m,check:h,optionBody:g,optionHeader:_,optionName:v,description:y,metaRow:b,meta:x,sm:S,lg:C};exports.active=m,exports.badge=l,exports.check=h,exports.chevron=s,exports.chevronOpen=c,exports.default=w,exports.description=y,exports.disabled=n,exports.dropdown=d,exports.dropdownWrapper=u,exports.fullWidth=t,exports.lg=C,exports.meta=x,exports.metaRow=b,exports.option=f,exports.optionBody=g,exports.optionDisabled=p,exports.optionHeader=_,exports.optionName=v,exports.placeholder=o,exports.root=e,exports.sm=S,exports.trigger=r,exports.triggerLabel=i,exports.triggerName=a;
+var e=`_root_6cl4w_24`,t=`_fullWidth_6cl4w_36`,n=`_disabled_6cl4w_39`,r=`_trigger_6cl4w_43`,i=`_triggerLabel_6cl4w_94`,a=`_triggerName_6cl4w_101`,o=`_placeholder_6cl4w_107`,s=`_chevron_6cl4w_113`,c=`_chevronOpen_6cl4w_118`,l=`_badge_6cl4w_121`,u=`_dropdownWrapper_6cl4w_131`,d=`_dropdown_6cl4w_131`,f=`_option_6cl4w_161`,p=`_optionDisabled_6cl4w_169`,m=`_active_6cl4w_172`,h=`_check_6cl4w_179`,g=`_optionBody_6cl4w_188`,_=`_optionHeader_6cl4w_194`,v=`_optionName_6cl4w_199`,y=`_description_6cl4w_207`,b=`_metaRow_6cl4w_211`,x=`_meta_6cl4w_211`,S=`_sm_6cl4w_229`,C=`_lg_6cl4w_234`,w={root:e,fullWidth:t,disabled:n,trigger:r,triggerLabel:i,triggerName:a,placeholder:o,chevron:s,chevronOpen:c,badge:l,dropdownWrapper:u,dropdown:d,option:f,optionDisabled:p,active:m,check:h,optionBody:g,optionHeader:_,optionName:v,description:y,metaRow:b,meta:x,sm:S,lg:C};exports.active=m,exports.badge=l,exports.check=h,exports.chevron=s,exports.chevronOpen=c,exports.default=w,exports.description=y,exports.disabled=n,exports.dropdown=d,exports.dropdownWrapper=u,exports.fullWidth=t,exports.lg=C,exports.meta=x,exports.metaRow=b,exports.option=f,exports.optionBody=g,exports.optionDisabled=p,exports.optionHeader=_,exports.optionName=v,exports.placeholder=o,exports.root=e,exports.sm=S,exports.trigger=r,exports.triggerLabel=i,exports.triggerName=a;

package/dist/components/ai/ModelSelector/model-selector.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/ai/ModelSelector/model-selector.module.scss
-var e = "_root_1tnvx_24", t = "_fullWidth_1tnvx_36", n = "_disabled_1tnvx_39", r = "_trigger_1tnvx_43", i = "_triggerLabel_1tnvx_94", a = "_triggerName_1tnvx_101", o = "_placeholder_1tnvx_107", s = "_chevron_1tnvx_113", c = "_chevronOpen_1tnvx_118", l = "_badge_1tnvx_121", u = "_dropdownWrapper_1tnvx_131", d = "_dropdown_1tnvx_131", f = "_option_1tnvx_153", p = "_optionDisabled_1tnvx_161", m = "_active_1tnvx_164", h = "_check_1tnvx_171", g = "_optionBody_1tnvx_180", _ = "_optionHeader_1tnvx_186", v = "_optionName_1tnvx_191", y = "_description_1tnvx_199", b = "_metaRow_1tnvx_203", x = "_meta_1tnvx_203", S = "_sm_1tnvx_221", C = "_lg_1tnvx_226", w = {
+var e = "_root_6cl4w_24", t = "_fullWidth_6cl4w_36", n = "_disabled_6cl4w_39", r = "_trigger_6cl4w_43", i = "_triggerLabel_6cl4w_94", a = "_triggerName_6cl4w_101", o = "_placeholder_6cl4w_107", s = "_chevron_6cl4w_113", c = "_chevronOpen_6cl4w_118", l = "_badge_6cl4w_121", u = "_dropdownWrapper_6cl4w_131", d = "_dropdown_6cl4w_131", f = "_option_6cl4w_161", p = "_optionDisabled_6cl4w_169", m = "_active_6cl4w_172", h = "_check_6cl4w_179", g = "_optionBody_6cl4w_188", _ = "_optionHeader_6cl4w_194", v = "_optionName_6cl4w_199", y = "_description_6cl4w_207", b = "_metaRow_6cl4w_211", x = "_meta_6cl4w_211", S = "_sm_6cl4w_229", C = "_lg_6cl4w_234", w = {
 	root: e,
 	fullWidth: t,
 	disabled: n,

package/dist/components/form/Cascader/Cascader.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Transition/Transition.cjs"),n=require("../../../icon/chevron-right.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../InputBase/InputBase.cjs"),o=require("./cascader.module.cjs"),s=require("../FieldTemplate/FieldTemplate.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");function d(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}var f=({options:e=[],value:f,onChange:p,placeholder:m,label:h,error:g,required:_,layout:ee,className:te,disabled:v=!1,defaultValue:y,id:ne,expandTrigger:re=`click`,separator:b=` / `,allowClear:ie=!1,"aria-label":x,"aria-labelledby":ae,"aria-describedby":oe,width:S,fullWidth:C=!1,...w})=>{let T=(0,c.useId)(),E=ne||`wim-cascader-${T}`,D=h?`${E}-label`:void 0,O=g?`${E}-error`:void 0,k=D??ae,A=`${E}-trigger`,j=`${E}-popup`,[M,N]=(0,c.useState)(!1),[se,P]=(0,c.useState)(y||[]),[F,I]=(0,c.useState)([]),[L,R]=(0,c.useState)(-1),[z,B]=(0,c.useState)([]),[V,H]=(0,c.useState)(!1),U=(0,c.useRef)(null),W=(0,c.useRef)(null),G=f!==void 0,K=G?f:se;(0,c.useEffect)(()=>{let e=e=>{U.current&&!U.current.contains(e.target)&&N(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,c.useEffect)(()=>{if(M&&L>=0){let e=z[L],t=`${E}-menu-${L}-option-${e}`,n=U.current?.querySelector(`#${t}`);n&&n.scrollIntoView({block:`nearest`,behavior:`smooth`})}},[L,z,M,E]);let q=()=>{if(!v){let e=!M;N(e),e?(I(K||[]),R(0),B([0])):R(-1)}},ce=()=>{if(!K||K.length===0)return null;let t=[],n=e;for(let e of K){let r=n.find(t=>t.value===e);if(r)t.push(r.label),n=r.children||[];else break}return t.length===0?null:t.map((e,n)=>(0,u.jsxs)(c.default.Fragment,{children:[e,n<t.length-1&&(0,u.jsx)(`span`,{children:b})]},n))},J=(t,n)=>{if(t.disabled)return;let r=[...F.slice(0,n),t.value];if(I(r),!t.children||t.children.length===0){if(G||P(r),p){let t=[],n=e;for(let e of r){let r=n.find(t=>t.value===e);r&&(t.push(r),n=r.children||[])}p(r,t)}N(!1),W.current?.focus()}},Y=e=>{e?.stopPropagation(),!v&&(G||P([]),p&&p([],[]))},le=(e,t)=>{re===`hover`&&!e.disabled&&I([...F.slice(0,t),e.value])},ue=t=>{if(H(!0),v)return;if(!M){(t.key===`Enter`||t.key===` `||t.key===`ArrowDown`||t.key===`ArrowDown`&&t.altKey)&&(t.preventDefault(),q());return}let n=[e],r=e;for(let e=0;e<F.length;e++){let t=F[e],i=r.find(e=>e.value===t);if(i&&i.children&&i.children.length>0)n.push(i.children),r=i.children;else break}let i=n[L]||[],a=z[L]||0;switch(t.key){case`ArrowDown`:t.preventDefault(),B(e=>{let t=[...e];return t[L]=Math.min(a+1,i.length-1),t});break;case`ArrowUp`:t.preventDefault(),B(e=>{let t=[...e];return t[L]=Math.max(a-1,0),t});break;case`ArrowRight`:{t.preventDefault();let e=i[a];e&&e.children&&e.children.length>0&&(I([...F.slice(0,L),e.value]),R(L+1),B(e=>[...e.slice(0,L+1),0]));break}case`ArrowLeft`:t.preventDefault(),L>0&&(R(L-1),B(e=>e.slice(0,L)));break;case`Enter`:case` `:{t.preventDefault();let e=i[a];e&&J(e,L);break}case`Escape`:t.preventDefault(),N(!1),R(-1),W.current?.focus();break;case`Home`:t.preventDefault(),B(e=>{let t=[...e];return t[L]=0,t});break;case`End`:t.preventDefault(),B(e=>{let t=[...e];return t[L]=i.length-1,t});break;case`Tab`:M&&(N(!1),R(-1))}},X=[e],Z=e;for(let e=0;e<F.length;e++){let t=F[e],n=Z.find(e=>e.value===t);if(n&&n.children&&n.children.length>0)X.push(n.children),Z=n.children;else break}let Q=ce(),$=()=>{if(!K||K.length===0)return``;let t=[],n=e;for(let e of K){let r=n.find(t=>t.value===e);if(r)t.push(d(r.label)),n=r.children||[];else break}return t.join(b)};return(0,u.jsx)(s.FieldTemplate,{label:h,error:g,required:_,layout:ee,labelId:D,errorId:O,className:(0,l.default)(`wim-cascader`,te),children:(0,u.jsxs)(`div`,{className:o.default.root,ref:U,onMouseMove:()=>H(!1),"data-keyboard-nav":V,...w,children:[(0,u.jsx)(a.InputBase,{disabled:v,allowClear:ie,hasValue:!!Q,onClear:Y,intent:g?`danger`:`default`,width:S,fullWidth:C,rightIcons:[{name:`ChevronDownIcon`,rotated:M}],className:(0,l.default)(M&&o.default.open),children:(0,u.jsx)(`div`,{id:A,ref:W,className:(0,l.default)(o.default.trigger,v&&o.default.disabled),onClick:q,onKeyDown:ue,tabIndex:v?-1:0,role:`combobox`,"aria-expanded":M,"aria-controls":M?j:void 0,"aria-haspopup":`listbox`,"aria-disabled":v,"aria-labelledby":k,"aria-label":k?void 0:x||$()||d(m),"aria-describedby":[oe,O].filter(Boolean).join(` `)||void 0,"aria-required":_,"aria-invalid":!!g,"aria-activedescendant":M&&L>=0?`${E}-menu-${L}-option-${z[L]}`:void 0,children:(0,u.jsx)(`div`,{className:(0,l.default)(o.default.value,!Q&&o.default.placeholder),children:Q||m})})}),(0,u.jsx)(t.Transition,{show:M&&!v,preset:`fade`,id:j,className:o.default.dropdown,children:X.map((e,t)=>(0,u.jsx)(`div`,{className:o.default.menu,role:`listbox`,"aria-labelledby":k,"aria-label":k?void 0:x||$()||d(m),children:e.map((e,a)=>{let s=F[t]===e.value,c=L===t&&z[t]===a,d=K[t]===e.value,f=e.children&&e.children.length>0;return(0,u.jsx)(i.BaseListItem,{className:(0,l.default)(o.default.menuItem,d&&o.default.selected),active:c||s,disabled:e.disabled,onClick:n=>{n.stopPropagation(),J(e,t)},onMouseEnter:()=>{le(e,t),R(t),B(e=>[...e.slice(0,t),a])},rightSection:f?(0,u.jsx)(r.Icon,{component:n.default,size:`sm`}):void 0,role:`option`,id:`${E}-menu-${t}-option-${a}`,"aria-selected":d,tabIndex:-1,children:e.label},e.value)})},t))})]})})};f.displayName=`Cascader`,exports.Cascader=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../hooks/useMergedRef.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../_internal/BaseListItem/BaseListItem.cjs"),o=require("../InputBase/InputBase.cjs"),s=require("../../_internal/useInlineFloating.cjs"),c=require("./cascader.module.cjs"),l=require("../FieldTemplate/FieldTemplate.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");function p(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}var m=({options:e=[],value:m,onChange:h,placeholder:g,label:_,error:v,required:y,layout:ee,className:te,disabled:b=!1,defaultValue:ne,id:re,expandTrigger:x=`click`,separator:S=` / `,allowClear:C=!1,"aria-label":w,"aria-labelledby":ie,"aria-describedby":ae,width:oe,fullWidth:se=!1,...ce})=>{let T=(0,u.useId)(),E=re||`wim-cascader-${T}`,D=_?`${E}-label`:void 0,O=v?`${E}-error`:void 0,k=D??ie,A=`${E}-trigger`,j=`${E}-popup`,[M,N]=(0,u.useState)(!1),[P,F]=(0,u.useState)(ne||[]),[I,L]=(0,u.useState)([]),[R,z]=(0,u.useState)(-1),[B,V]=(0,u.useState)([]),[H,U]=(0,u.useState)(!1),W=(0,u.useRef)(null),G=(0,u.useRef)(null),K=m!==void 0,q=K?m:P;(0,u.useEffect)(()=>{let e=e=>{W.current&&!W.current.contains(e.target)&&N(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,u.useEffect)(()=>{if(M&&R>=0){let e=B[R],t=`${E}-menu-${R}-option-${e}`,n=W.current?.querySelector(`#${t}`);n&&n.scrollIntoView({block:`nearest`,behavior:`smooth`})}},[R,B,M,E]);let J=()=>{if(!b){let e=!M;N(e),e?(L(q||[]),z(0),V([0])):z(-1)}},le=()=>{if(!q||q.length===0)return null;let t=[],n=e;for(let e of q){let r=n.find(t=>t.value===e);if(r)t.push(r.label),n=r.children||[];else break}return t.length===0?null:t.map((e,n)=>(0,f.jsxs)(u.default.Fragment,{children:[e,n<t.length-1&&(0,f.jsx)(`span`,{children:S})]},n))},Y=(t,n)=>{if(t.disabled)return;let r=[...I.slice(0,n),t.value];if(L(r),!t.children||t.children.length===0){if(K||F(r),h){let t=[],n=e;for(let e of r){let r=n.find(t=>t.value===e);r&&(t.push(r),n=r.children||[])}h(r,t)}N(!1),G.current?.focus()}},ue=e=>{e?.stopPropagation(),!b&&(K||F([]),h&&h([],[]))},de=(e,t)=>{x===`hover`&&!e.disabled&&L([...I.slice(0,t),e.value])},fe=t=>{if(U(!0),b)return;if(!M){(t.key===`Enter`||t.key===` `||t.key===`ArrowDown`||t.key===`ArrowDown`&&t.altKey)&&(t.preventDefault(),J());return}let n=[e],r=e;for(let e=0;e<I.length;e++){let t=I[e],i=r.find(e=>e.value===t);if(i&&i.children&&i.children.length>0)n.push(i.children),r=i.children;else break}let i=n[R]||[],a=B[R]||0;switch(t.key){case`ArrowDown`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=Math.min(a+1,i.length-1),t});break;case`ArrowUp`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=Math.max(a-1,0),t});break;case`ArrowRight`:{t.preventDefault();let e=i[a];e&&e.children&&e.children.length>0&&(L([...I.slice(0,R),e.value]),z(R+1),V(e=>[...e.slice(0,R+1),0]));break}case`ArrowLeft`:t.preventDefault(),R>0&&(z(R-1),V(e=>e.slice(0,R)));break;case`Enter`:case` `:{t.preventDefault();let e=i[a];e&&Y(e,R);break}case`Escape`:t.preventDefault(),N(!1),z(-1),G.current?.focus();break;case`Home`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=0,t});break;case`End`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=i.length-1,t});break;case`Tab`:M&&(N(!1),z(-1))}},X=[e],Z=e;for(let e=0;e<I.length;e++){let t=I[e],n=Z.find(e=>e.value===t);if(n&&n.children&&n.children.length>0)X.push(n.children),Z=n.children;else break}let Q=le(),$=()=>{if(!q||q.length===0)return``;let t=[],n=e;for(let e of q){let r=n.find(t=>t.value===e);if(r)t.push(p(r.label)),n=r.children||[];else break}return t.join(S)},{setReference:pe,setFloating:me,floatingProps:he}=s.useInlineFloating({open:M&&!b}),ge=t.useMergedRef(W,pe);return(0,f.jsx)(l.FieldTemplate,{label:_,error:v,required:y,layout:ee,labelId:D,errorId:O,className:(0,d.default)(`wim-cascader`,te),children:(0,f.jsxs)(`div`,{className:c.default.root,ref:ge,onMouseMove:()=>U(!1),"data-keyboard-nav":H,...ce,children:[(0,f.jsx)(o.InputBase,{disabled:b,allowClear:C,hasValue:!!Q,onClear:ue,intent:v?`danger`:`default`,width:oe,fullWidth:se,rightIcons:[{name:`ChevronDownIcon`,rotated:M}],className:(0,d.default)(M&&c.default.open),children:(0,f.jsx)(`div`,{id:A,ref:G,className:(0,d.default)(c.default.trigger,b&&c.default.disabled),onClick:J,onKeyDown:fe,tabIndex:b?-1:0,role:`combobox`,"aria-expanded":M,"aria-controls":M?j:void 0,"aria-haspopup":`listbox`,"aria-disabled":b,"aria-labelledby":k,"aria-label":k?void 0:w||$()||p(g),"aria-describedby":[ae,O].filter(Boolean).join(` `)||void 0,"aria-required":y,"aria-invalid":!!v,"aria-activedescendant":M&&R>=0?`${E}-menu-${R}-option-${B[R]}`:void 0,children:(0,f.jsx)(`div`,{className:(0,d.default)(c.default.value,!Q&&c.default.placeholder),children:Q||g})})}),(0,f.jsx)(n.Transition,{show:M&&!b,preset:`fade`,id:j,className:c.default.dropdown,ref:me,...he,children:X.map((e,t)=>(0,f.jsx)(`div`,{className:c.default.menu,role:`listbox`,"aria-labelledby":k,"aria-label":k?void 0:w||$()||p(g),children:e.map((e,n)=>{let o=I[t]===e.value,s=R===t&&B[t]===n,l=q[t]===e.value,u=e.children&&e.children.length>0;return(0,f.jsx)(a.BaseListItem,{className:(0,d.default)(c.default.menuItem,l&&c.default.selected),active:s||o,disabled:e.disabled,onClick:n=>{n.stopPropagation(),Y(e,t)},onMouseEnter:()=>{de(e,t),z(t),V(e=>[...e.slice(0,t),n])},rightSection:u?(0,f.jsx)(i.Icon,{component:r.default,size:`sm`}):void 0,role:`option`,id:`${E}-menu-${t}-option-${n}`,"aria-selected":l,tabIndex:-1,children:e.label},e.value)})},t))})]})})};m.displayName=`Cascader`,exports.Cascader=m;