wimui 0.62.2 → 0.63.1

package/dist/components/_internal/OverlayBase.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../overlay/Portal/Portal.cjs"),n=require("../layout/Transition/Transition.cjs"),r=require("../overlay/FocusTrap/FocusTrap.cjs"),i=require("./overlay-base.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=({open:e,onOpenChange:c,children:l,overlayClassName:u,contentClassName:d,transitionProps:f,overlayTransitionProps:p,role:m=`dialog`,ariaModal:h=!0,closeOnOverlayClick:g=!0,closeOnEscape:_=!0,...v})=>((0,a.useEffect)(()=>{let t=t=>{t.key===`Escape`&&e&&_&&(t.preventDefault(),t.stopPropagation(),c(!1))};return e&&document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`keydown`,t)}},[e,c,_]),(0,a.useEffect)(()=>{if(e){let e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}}},[e]),(0,s.jsx)(t.Portal,{children:(0,s.jsx)(n.Transition,{show:e,className:(0,o.default)(i.default.root,u),"data-testid":`overlay`,onClick:e=>{g&&e.target===e.currentTarget&&c(!1)},preset:`fade`,...p,children:(0,s.jsx)(n.Transition,{show:e,className:d,"data-testid":`overlay-content`,role:m,"aria-modal":h,onClick:e=>e.stopPropagation(),preset:`scale`,appear:!0,...f,...v,children:(0,s.jsx)(r.FocusTrap,{active:e,children:l})})})}));exports.OverlayBase=c;
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../overlay/Portal/Portal.cjs"),n=require("./composeEventHandlers.cjs"),r=require("../layout/Transition/Transition.cjs"),i=require("../overlay/FocusTrap/FocusTrap.cjs"),a=require("./overlay-base.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=({open:e,onOpenChange:l,children:u,overlayClassName:d,contentClassName:f,transitionProps:p,overlayTransitionProps:m,role:h=`dialog`,ariaModal:g=!0,closeOnOverlayClick:_=!0,closeOnEscape:v=!0,...y})=>((0,o.useEffect)(()=>{let t=t=>{t.key===`Escape`&&e&&v&&(t.preventDefault(),t.stopPropagation(),l(!1))};return e&&document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`keydown`,t)}},[e,l,v]),(0,o.useEffect)(()=>{if(e){let e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}}},[e]),(0,c.jsx)(t.Portal,{children:(0,c.jsx)(r.Transition,{show:e,className:(0,s.default)(a.default.root,d),"data-testid":`overlay`,onClick:e=>{_&&e.target===e.currentTarget&&l(!1)},preset:`fade`,...m,children:(0,c.jsx)(r.Transition,{show:e,className:f,"data-testid":`overlay-content`,role:h,"aria-modal":g,preset:`scale`,appear:!0,...p,...y,onClick:n.composeEventHandlers(y.onClick,e=>e.stopPropagation()),children:(0,c.jsx)(i.FocusTrap,{active:e,children:u})})})}));exports.OverlayBase=l;

package/dist/components/_internal/OverlayBase.js

@@ -1,55 +1,56 @@
 "use client";
 import { Portal as e } from "../overlay/Portal/Portal.js";
-import { Transition as t } from "../layout/Transition/Transition.js";
-import { FocusTrap as n } from "../overlay/FocusTrap/FocusTrap.js";
-import r from "./overlay-base.module.js";
-import { useEffect as i } from "react";
-import a from "classnames";
-import { jsx as o } from "react/jsx-runtime";
+import { composeEventHandlers as t } from "./composeEventHandlers.js";
+import { Transition as n } from "../layout/Transition/Transition.js";
+import { FocusTrap as r } from "../overlay/FocusTrap/FocusTrap.js";
+import i from "./overlay-base.module.js";
+import { useEffect as a } from "react";
+import o from "classnames";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/components/_internal/OverlayBase.tsx
-var s = ({ open: s, onOpenChange: c, children: l, overlayClassName: u, contentClassName: d, transitionProps: f, overlayTransitionProps: p, role: m = "dialog", ariaModal: h = !0, closeOnOverlayClick: g = !0, closeOnEscape: _ = !0, ...v }) => (i(() => {
+var c = ({ open: c, onOpenChange: l, children: u, overlayClassName: d, contentClassName: f, transitionProps: p, overlayTransitionProps: m, role: h = "dialog", ariaModal: g = !0, closeOnOverlayClick: _ = !0, closeOnEscape: v = !0, ...y }) => (a(() => {
 	let e = (e) => {
-		e.key === "Escape" && s && _ && (e.preventDefault(), e.stopPropagation(), c(!1));
+		e.key === "Escape" && c && v && (e.preventDefault(), e.stopPropagation(), l(!1));
 	};
-	return s && document.addEventListener("keydown", e), () => {
+	return c && document.addEventListener("keydown", e), () => {
 		document.removeEventListener("keydown", e);
 	};
 }, [
-	s,
 	c,
-	_
-]), i(() => {
-	if (s) {
+	l,
+	v
+]), a(() => {
+	if (c) {
 		let e = window.getComputedStyle(document.body).overflow;
 		return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = e;
 		};
 	}
-}, [s]), /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(t, {
-	show: s,
-	className: a(r.root, u),
+}, [c]), /* @__PURE__ */ s(e, { children: /* @__PURE__ */ s(n, {
+	show: c,
+	className: o(i.root, d),
 	"data-testid": "overlay",
 	onClick: (e) => {
-		g && e.target === e.currentTarget && c(!1);
+		_ && e.target === e.currentTarget && l(!1);
 	},
 	preset: "fade",
-	...p,
-	children: /* @__PURE__ */ o(t, {
-		show: s,
-		className: d,
+	...m,
+	children: /* @__PURE__ */ s(n, {
+		show: c,
+		className: f,
 		"data-testid": "overlay-content",
-		role: m,
-		"aria-modal": h,
-		onClick: (e) => e.stopPropagation(),
+		role: h,
+		"aria-modal": g,
 		preset: "scale",
 		appear: !0,
-		...f,
-		...v,
-		children: /* @__PURE__ */ o(n, {
-			active: s,
-			children: l
+		...p,
+		...y,
+		onClick: t(y.onClick, (e) => e.stopPropagation()),
+		children: /* @__PURE__ */ s(r, {
+			active: c,
+			children: u
 		})
 	})
 }) }));
 //#endregion
-export { s as OverlayBase };
+export { c as OverlayBase };

package/dist/components/_internal/composeEventHandlers.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=(e,t)=>n=>{let r=n.defaultPrevented;e?.(n),(r||!n.defaultPrevented)&&t?.(n)};exports.composeEventHandlers=e;

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

@@ -0,0 +1,25 @@
+/**
+ * 利用者が渡したイベントの処理と、部品が自分で持つ処理を、1 つにまとめる（T347）。
+ *
+ * 部品が `onClick={handleClick}` を書いたあとで `{...props}` を広げると、利用者が `onClick` を渡した
+ * 時点で、部品の処理が丸ごと置き換わる（`Tabs.Trigger` に `onClick` を渡すと、タブが切り替わらなく
+ * なっていた。`onClick={undefined}` でも同じ）。ここで両方を呼ぶ:
+ *
+ * 1. 利用者の処理を先に呼ぶ
+ * 2. そこで `event.preventDefault()` されていなければ、部品の処理を呼ぶ
+ *
+ * 利用者が部品の動きを止めたいときは、`preventDefault()` を呼べばよい（Radix UI と同じ流儀）。
+ *
+ * 見るのは「利用者の処理が、止めたか」だけ。子の要素の処理が先に `preventDefault()` していた
+ * イベント（泡のように上がってきたもの）では、部品の処理をこれまでどおり呼ぶ ── 利用者が何も渡して
+ * いないときの動きを、1 つも変えないため。
+ *
+ * 使い方は、props を広げた**あと**に置くこと:
+ *
+ * ```tsx
+ * <button {...props} onClick={composeEventHandlers(props.onClick, handleClick)} />
+ * ```
+ */
+export declare const composeEventHandlers: <E extends {
+    defaultPrevented: boolean;
+}>(userHandler: ((event: E) => void) | undefined | null, internalHandler: ((event: E) => void) | undefined | null) => (event: E) => void;

package/dist/components/_internal/composeEventHandlers.js

@@ -0,0 +1,8 @@
+"use client";
+//#region src/components/_internal/composeEventHandlers.ts
+var e = (e, t) => (n) => {
+	let r = n.defaultPrevented;
+	e?.(n), (r || !n.defaultPrevented) && t?.(n);
+};
+//#endregion
+export { e as composeEventHandlers };

package/dist/components/_internal/observeMove.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=(e,t)=>{if(typeof IntersectionObserver>`u`)return()=>{};let n=e.ownerDocument.documentElement,r=null,i,a=()=>{clearTimeout(i),r?.disconnect(),r=null},o=(s,c=1)=>{a();let{left:l,top:u,width:d,height:f}=e.getBoundingClientRect();if(s&&t(),!d||!f)return;let p=[-Math.floor(u),-Math.floor(n.clientWidth-(l+d)),-Math.floor(n.clientHeight-(u+f)),-Math.floor(l)].map(e=>`${e}px`).join(` `),m=!0;r=new IntersectionObserver(t=>{let n=t[0].intersectionRatio;if(typeof n!=`number`){a();return}let r=e.getBoundingClientRect();if(m&&(Math.abs(r.left-l)>=1||Math.abs(r.top-u)>=1)){o(!0);return}if(n!==c){if(!m){o(!0);return}n?o(!1,n):i=setTimeout(()=>o(!1,1e-7),1e3)}m=!1},{rootMargin:p,threshold:Math.max(0,Math.min(1,c))||1}),r.observe(e)};return o(!1),a};exports.observeMove=e;

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

@@ -0,0 +1,16 @@
+/**
+ * 要素が「動いた」ことを拾う（T344）。
+ *
+ * 要素の位置を読んで、別の要素を `position: fixed` で置く部品（Affix・Tour）は、scroll と resize を
+ * 聞いて測り直す。だが、位置はスクロールしなくても変わる ── 上にある中身の高さが変わったとき
+ * （遅れて読み込まれる画像・開いたアコーディオン・足された行）。そのとき、要素の**大きさは変わらない**
+ * ので、`ResizeObserver` では拾えない（試して、直らなかった。2026-10-12）。
+ *
+ * ここでは `IntersectionObserver` を使う: 要素のいまの矩形にぴったり合わせた `rootMargin` で見張ると、
+ * 要素が少しでも動いた時点で、交差の割合が 1 から外れる。外れたら `onMove` を呼び、新しい矩形で
+ * 張り直す。floating-ui の `autoUpdate`（`layoutShift`）と同じ考え方で、こちらは依存を増やさないために
+ * 自前で持つ（T342 で、入力系が floating-ui を読むと束が 7.9 kB 増えた）。
+ *
+ * 戻り値は、見張りをやめる関数。`IntersectionObserver` の無い環境（jsdom）では、何もしない。
+ */
+export declare const observeMove: (element: Element, onMove: () => void) => (() => void);

package/dist/components/_internal/observeMove.js

@@ -0,0 +1,44 @@
+"use client";
+//#region src/components/_internal/observeMove.ts
+var e = (e, t) => {
+	if (typeof IntersectionObserver > "u") return () => {};
+	let n = e.ownerDocument.documentElement, r = null, i, a = () => {
+		clearTimeout(i), r?.disconnect(), r = null;
+	}, o = (s, c = 1) => {
+		a();
+		let { left: l, top: u, width: d, height: f } = e.getBoundingClientRect();
+		if (s && t(), !d || !f) return;
+		let p = [
+			-Math.floor(u),
+			-Math.floor(n.clientWidth - (l + d)),
+			-Math.floor(n.clientHeight - (u + f)),
+			-Math.floor(l)
+		].map((e) => `${e}px`).join(" "), m = !0;
+		r = new IntersectionObserver((t) => {
+			let n = t[0].intersectionRatio;
+			if (typeof n != "number") {
+				a();
+				return;
+			}
+			let r = e.getBoundingClientRect();
+			if (m && (Math.abs(r.left - l) >= 1 || Math.abs(r.top - u) >= 1)) {
+				o(!0);
+				return;
+			}
+			if (n !== c) {
+				if (!m) {
+					o(!0);
+					return;
+				}
+				n ? o(!1, n) : i = setTimeout(() => o(!1, 1e-7), 1e3);
+			}
+			m = !1;
+		}, {
+			rootMargin: p,
+			threshold: Math.max(0, Math.min(1, c)) || 1
+		}), r.observe(e);
+	};
+	return o(!1), a;
+};
+//#endregion
+export { e as observeMove };

package/dist/components/ai/ChatUI/ChatUI.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("../../../icon/paperclip.cjs"),i=require("../../../icon/send.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../../hooks/useAutoResize.cjs"),s=require("./chat-ui.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=({children:e,className:t,...n})=>(0,u.jsx)(`div`,{className:(0,l.default)(`wim-chat-ui`,s.default.container,t),...n,children:e}),f=(0,c.forwardRef)(({children:e,className:t,...n},r)=>(0,u.jsx)(`div`,{ref:r,className:(0,l.default)(s.default.messageList,t),...n,children:e}));f.displayName=`ChatMessageList`;var p=({children:e,position:t=`left`,variant:n=`default`,showAvatar:r=!0,avatar:i,timestamp:a,senderName:o,isTyping:c=!1,actions:d,actionsVisible:f=!0,className:p,...m})=>(0,u.jsxs)(`div`,{className:(0,l.default)(s.default.message,s.default[t],s.default[n],{[s.default.hasAvatar]:r},p),...m,children:[r&&t===`left`&&(0,u.jsx)(`div`,{className:s.default.messageAvatar,children:i}),(0,u.jsxs)(`div`,{className:s.default.contentWrapper,children:[o&&(0,u.jsx)(`div`,{className:s.default.sender,children:o}),(0,u.jsx)(`div`,{className:(0,l.default)(s.default.bubble,{[s.default.typing]:c}),children:c?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{className:s.default.typingDot}),(0,u.jsx)(`span`,{className:s.default.typingDot}),(0,u.jsx)(`span`,{className:s.default.typingDot})]}):e}),d&&(0,u.jsx)(`div`,{className:(0,l.default)(s.default.actions,{[s.default.hoverOnly]:!f}),children:d}),a&&(0,u.jsx)(`div`,{className:s.default.timestamp,children:a})]}),r&&t===`right`&&(0,u.jsx)(`div`,{className:s.default.messageAvatar,children:i})]}),m=({children:e,className:t,...n})=>(0,u.jsx)(`div`,{className:(0,l.default)(s.default.inputArea,t),...n,children:e}),h=(0,c.forwardRef)(({onSend:e,onAttach:l,sendButtonLabel:d,sendButtonIcon:f=i.default,showSendButton:p=!0,showAttach:h=!1,maxRows:g=8,className:_,...v},y)=>{let{t:b}=t.useWimTranslation(n.commonNs),[x,S]=c.default.useState(``),C=v.value!==void 0,w=C?v.value:x,T=o.useAutoResize(w,g);c.default.useImperativeHandle(y,()=>T.current);let E=!!d,D=()=>{e&&(e(w),C||S(``))};return(0,u.jsx)(m,{className:_,children:(0,u.jsxs)(`div`,{className:s.default.fieldContainer,children:[h&&(0,u.jsx)(`button`,{type:`button`,className:s.default.attachButton,onClick:l,"aria-label":b(`a11y.attach_file`),children:(0,u.jsx)(a.Icon,{component:r.default,size:`sm`})}),(0,u.jsx)(`textarea`,{ref:T,className:s.default.field,value:w,onChange:e=>{C||S(e.target.value),v.onChange?.(e)},onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),D())},placeholder:v.placeholder||`Type a message...`,rows:1,...v}),p&&(0,u.jsx)(`button`,{className:s.default.sendButton,onClick:D,disabled:!w.trim(),type:`button`,"aria-label":d||b(`chat.send`),children:E?d:(0,u.jsx)(a.Icon,{component:f,size:`sm`})})]})})});h.displayName=`ChatInput`;var g=({src:e,alt:r,fallback:i,size:a=`md`,tone:o=`s18`,className:d,...f})=>{let[p,m]=c.default.useState(!1),{t:h}=t.useWimTranslation(n.commonNs),g=r||h(`chat.user_avatar`);return(0,u.jsx)(`div`,{className:(0,l.default)(s.default.avatar,s.default[a],s.default[o],d),...f,children:e&&!p?(0,u.jsx)(`img`,{src:e,alt:g,className:s.default.image,onError:()=>m(!0)}):(0,u.jsx)(`div`,{className:s.default.fallback,children:i||g.charAt(0).toUpperCase()})})};exports.ChatAvatar=g,exports.ChatContainer=d,exports.ChatInput=h,exports.ChatInputArea=m,exports.ChatMessage=p,exports.ChatMessageList=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../_internal/composeEventHandlers.cjs"),i=require("../../../icon/paperclip.cjs"),a=require("../../../icon/send.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("../../../hooks/useAutoResize.cjs"),c=require("./chat-ui.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=({children:e,className:t,...n})=>(0,d.jsx)(`div`,{className:(0,u.default)(`wim-chat-ui`,c.default.container,t),...n,children:e}),p=(0,l.forwardRef)(({children:e,className:t,...n},r)=>(0,d.jsx)(`div`,{ref:r,className:(0,u.default)(c.default.messageList,t),...n,children:e}));p.displayName=`ChatMessageList`;var m=({children:e,position:t=`left`,variant:n=`default`,showAvatar:r=!0,avatar:i,timestamp:a,senderName:o,isTyping:s=!1,actions:l,actionsVisible:f=!0,className:p,...m})=>(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.message,c.default[t],c.default[n],{[c.default.hasAvatar]:r},p),...m,children:[r&&t===`left`&&(0,d.jsx)(`div`,{className:c.default.messageAvatar,children:i}),(0,d.jsxs)(`div`,{className:c.default.contentWrapper,children:[o&&(0,d.jsx)(`div`,{className:c.default.sender,children:o}),(0,d.jsx)(`div`,{className:(0,u.default)(c.default.bubble,{[c.default.typing]:s}),children:s?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`span`,{className:c.default.typingDot}),(0,d.jsx)(`span`,{className:c.default.typingDot}),(0,d.jsx)(`span`,{className:c.default.typingDot})]}):e}),l&&(0,d.jsx)(`div`,{className:(0,u.default)(c.default.actions,{[c.default.hoverOnly]:!f}),children:l}),a&&(0,d.jsx)(`div`,{className:c.default.timestamp,children:a})]}),r&&t===`right`&&(0,d.jsx)(`div`,{className:c.default.messageAvatar,children:i})]}),h=({children:e,className:t,...n})=>(0,d.jsx)(`div`,{className:(0,u.default)(c.default.inputArea,t),...n,children:e}),g=(0,l.forwardRef)(({onSend:e,onAttach:u,sendButtonLabel:f,sendButtonIcon:p=a.default,showSendButton:m=!0,showAttach:g=!1,maxRows:_=8,className:v,...y},b)=>{let{t:x}=t.useWimTranslation(n.commonNs),[S,C]=l.default.useState(``),w=y.value!==void 0,T=w?y.value:S,E=s.useAutoResize(T,_);l.default.useImperativeHandle(b,()=>E.current);let D=!!f,O=()=>{e&&(e(T),w||C(``))},k=e=>{w||C(e.target.value),y.onChange?.(e)},A=e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),O())};return(0,d.jsx)(h,{className:v,children:(0,d.jsxs)(`div`,{className:c.default.fieldContainer,children:[g&&(0,d.jsx)(`button`,{type:`button`,className:c.default.attachButton,onClick:u,"aria-label":x(`a11y.attach_file`),children:(0,d.jsx)(o.Icon,{component:i.default,size:`sm`})}),(0,d.jsx)(`textarea`,{ref:E,className:c.default.field,value:T,placeholder:y.placeholder||`Type a message...`,rows:1,...y,onChange:k,onKeyDown:r.composeEventHandlers(y.onKeyDown,A)}),m&&(0,d.jsx)(`button`,{className:c.default.sendButton,onClick:O,disabled:!T.trim(),type:`button`,"aria-label":f||x(`chat.send`),children:D?f:(0,d.jsx)(o.Icon,{component:p,size:`sm`})})]})})});g.displayName=`ChatInput`;var _=({src:e,alt:r,fallback:i,size:a=`md`,tone:o=`s18`,className:s,...f})=>{let[p,m]=l.default.useState(!1),{t:h}=t.useWimTranslation(n.commonNs),g=r||h(`chat.user_avatar`);return(0,d.jsx)(`div`,{className:(0,u.default)(c.default.avatar,c.default[a],c.default[o],s),...f,children:e&&!p?(0,d.jsx)(`img`,{src:e,alt:g,className:c.default.image,onError:()=>m(!0)}):(0,d.jsx)(`div`,{className:c.default.fallback,children:i||g.charAt(0).toUpperCase()})})};exports.ChatAvatar=_,exports.ChatContainer=f,exports.ChatInput=g,exports.ChatInputArea=h,exports.ChatMessage=m,exports.ChatMessageList=p;

package/dist/components/ai/ChatUI/ChatUI.js

@@ -1,111 +1,112 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
 import { commonNs as t } from "../../../i18n/generated/common.js";
-import n from "../../../icon/paperclip.js";
-import r from "../../../icon/send.js";
-import { Icon as i } from "../../media/Icon/Icon.js";
-import { useAutoResize as a } from "../../../hooks/useAutoResize.js";
-import o from "./chat-ui.module.js";
-import s, { forwardRef as c } from "react";
-import l from "classnames";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { composeEventHandlers as n } from "../../_internal/composeEventHandlers.js";
+import r from "../../../icon/paperclip.js";
+import i from "../../../icon/send.js";
+import { Icon as a } from "../../media/Icon/Icon.js";
+import { useAutoResize as o } from "../../../hooks/useAutoResize.js";
+import s from "./chat-ui.module.js";
+import c, { forwardRef as l } from "react";
+import u from "classnames";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/ai/ChatUI/ChatUI.tsx
-var p = ({ children: e, className: t, ...n }) => /* @__PURE__ */ d("div", {
-	className: l("wim-chat-ui", o.container, t),
+var m = ({ children: e, className: t, ...n }) => /* @__PURE__ */ f("div", {
+	className: u("wim-chat-ui", s.container, t),
 	...n,
 	children: e
-}), m = c(({ children: e, className: t, ...n }, r) => /* @__PURE__ */ d("div", {
+}), h = l(({ children: e, className: t, ...n }, r) => /* @__PURE__ */ f("div", {
 	ref: r,
-	className: l(o.messageList, t),
+	className: u(s.messageList, t),
 	...n,
 	children: e
 }));
-m.displayName = "ChatMessageList";
-var h = ({ children: e, position: t = "left", variant: n = "default", showAvatar: r = !0, avatar: i, timestamp: a, senderName: s, isTyping: c = !1, actions: p, actionsVisible: m = !0, className: h, ...g }) => /* @__PURE__ */ f("div", {
-	className: l(o.message, o[t], o[n], { [o.hasAvatar]: r }, h),
+h.displayName = "ChatMessageList";
+var g = ({ children: e, position: t = "left", variant: n = "default", showAvatar: r = !0, avatar: i, timestamp: a, senderName: o, isTyping: c = !1, actions: l, actionsVisible: m = !0, className: h, ...g }) => /* @__PURE__ */ p("div", {
+	className: u(s.message, s[t], s[n], { [s.hasAvatar]: r }, h),
 	...g,
 	children: [
-		r && t === "left" && /* @__PURE__ */ d("div", {
-			className: o.messageAvatar,
+		r && t === "left" && /* @__PURE__ */ f("div", {
+			className: s.messageAvatar,
 			children: i
 		}),
-		/* @__PURE__ */ f("div", {
-			className: o.contentWrapper,
+		/* @__PURE__ */ p("div", {
+			className: s.contentWrapper,
 			children: [
-				s && /* @__PURE__ */ d("div", {
-					className: o.sender,
-					children: s
+				o && /* @__PURE__ */ f("div", {
+					className: s.sender,
+					children: o
 				}),
-				/* @__PURE__ */ d("div", {
-					className: l(o.bubble, { [o.typing]: c }),
-					children: c ? /* @__PURE__ */ f(u, { children: [
-						/* @__PURE__ */ d("span", { className: o.typingDot }),
-						/* @__PURE__ */ d("span", { className: o.typingDot }),
-						/* @__PURE__ */ d("span", { className: o.typingDot })
+				/* @__PURE__ */ f("div", {
+					className: u(s.bubble, { [s.typing]: c }),
+					children: c ? /* @__PURE__ */ p(d, { children: [
+						/* @__PURE__ */ f("span", { className: s.typingDot }),
+						/* @__PURE__ */ f("span", { className: s.typingDot }),
+						/* @__PURE__ */ f("span", { className: s.typingDot })
 					] }) : e
 				}),
-				p && /* @__PURE__ */ d("div", {
-					className: l(o.actions, { [o.hoverOnly]: !m }),
-					children: p
+				l && /* @__PURE__ */ f("div", {
+					className: u(s.actions, { [s.hoverOnly]: !m }),
+					children: l
 				}),
-				a && /* @__PURE__ */ d("div", {
-					className: o.timestamp,
+				a && /* @__PURE__ */ f("div", {
+					className: s.timestamp,
 					children: a
 				})
 			]
 		}),
-		r && t === "right" && /* @__PURE__ */ d("div", {
-			className: o.messageAvatar,
+		r && t === "right" && /* @__PURE__ */ f("div", {
+			className: s.messageAvatar,
 			children: i
 		})
 	]
-}), g = ({ children: e, className: t, ...n }) => /* @__PURE__ */ d("div", {
-	className: l(o.inputArea, t),
+}), _ = ({ children: e, className: t, ...n }) => /* @__PURE__ */ f("div", {
+	className: u(s.inputArea, t),
 	...n,
 	children: e
-}), _ = c(({ onSend: c, onAttach: l, sendButtonLabel: u, sendButtonIcon: p = r, showSendButton: m = !0, showAttach: h = !1, maxRows: _ = 8, className: v, ...y }, b) => {
-	let { t: x } = e(t), [S, C] = s.useState(""), w = y.value !== void 0, T = w ? y.value : S, E = a(T, _);
-	s.useImperativeHandle(b, () => E.current);
-	let D = !!u, O = () => {
-		c && (c(T), w || C(""));
+}), v = l(({ onSend: l, onAttach: u, sendButtonLabel: d, sendButtonIcon: m = i, showSendButton: h = !0, showAttach: g = !1, maxRows: v = 8, className: y, ...b }, x) => {
+	let { t: S } = e(t), [C, w] = c.useState(""), T = b.value !== void 0, E = T ? b.value : C, D = o(E, v);
+	c.useImperativeHandle(x, () => D.current);
+	let O = !!d, k = () => {
+		l && (l(E), T || w(""));
+	}, A = (e) => {
+		T || w(e.target.value), b.onChange?.(e);
+	}, j = (e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), k());
 	};
-	return /* @__PURE__ */ d(g, {
-		className: v,
-		children: /* @__PURE__ */ f("div", {
-			className: o.fieldContainer,
+	return /* @__PURE__ */ f(_, {
+		className: y,
+		children: /* @__PURE__ */ p("div", {
+			className: s.fieldContainer,
 			children: [
-				h && /* @__PURE__ */ d("button", {
+				g && /* @__PURE__ */ f("button", {
 					type: "button",
-					className: o.attachButton,
-					onClick: l,
-					"aria-label": x("a11y.attach_file"),
-					children: /* @__PURE__ */ d(i, {
-						component: n,
+					className: s.attachButton,
+					onClick: u,
+					"aria-label": S("a11y.attach_file"),
+					children: /* @__PURE__ */ f(a, {
+						component: r,
 						size: "sm"
 					})
 				}),
-				/* @__PURE__ */ d("textarea", {
-					ref: E,
-					className: o.field,
-					value: T,
-					onChange: (e) => {
-						w || C(e.target.value), y.onChange?.(e);
-					},
-					onKeyDown: (e) => {
-						e.key === "Enter" && !e.shiftKey && (e.preventDefault(), O());
-					},
-					placeholder: y.placeholder || "Type a message...",
+				/* @__PURE__ */ f("textarea", {
+					ref: D,
+					className: s.field,
+					value: E,
+					placeholder: b.placeholder || "Type a message...",
 					rows: 1,
-					...y
+					...b,
+					onChange: A,
+					onKeyDown: n(b.onKeyDown, j)
 				}),
-				m && /* @__PURE__ */ d("button", {
-					className: o.sendButton,
-					onClick: O,
-					disabled: !T.trim(),
+				h && /* @__PURE__ */ f("button", {
+					className: s.sendButton,
+					onClick: k,
+					disabled: !E.trim(),
 					type: "button",
-					"aria-label": u || x("chat.send"),
-					children: D ? u : /* @__PURE__ */ d(i, {
-						component: p,
+					"aria-label": d || S("chat.send"),
+					children: O ? d : /* @__PURE__ */ f(a, {
+						component: m,
 						size: "sm"
 					})
 				})
@@ -113,22 +114,22 @@ var h = ({ children: e, position: t = "left", variant: n = "default", showAvatar
 		})
 	});
 });
-_.displayName = "ChatInput";
-var v = ({ src: n, alt: r, fallback: i, size: a = "md", tone: c = "s18", className: u, ...f }) => {
-	let [p, m] = s.useState(!1), { t: h } = e(t), g = r || h("chat.user_avatar");
-	return /* @__PURE__ */ d("div", {
-		className: l(o.avatar, o[a], o[c], u),
-		...f,
-		children: n && !p ? /* @__PURE__ */ d("img", {
+v.displayName = "ChatInput";
+var y = ({ src: n, alt: r, fallback: i, size: a = "md", tone: o = "s18", className: l, ...d }) => {
+	let [p, m] = c.useState(!1), { t: h } = e(t), g = r || h("chat.user_avatar");
+	return /* @__PURE__ */ f("div", {
+		className: u(s.avatar, s[a], s[o], l),
+		...d,
+		children: n && !p ? /* @__PURE__ */ f("img", {
 			src: n,
 			alt: g,
-			className: o.image,
+			className: s.image,
 			onError: () => m(!0)
-		}) : /* @__PURE__ */ d("div", {
-			className: o.fallback,
+		}) : /* @__PURE__ */ f("div", {
+			className: s.fallback,
 			children: i || g.charAt(0).toUpperCase()
 		})
 	});
 };
 //#endregion
-export { v as ChatAvatar, p as ChatContainer, _ as ChatInput, g as ChatInputArea, h as ChatMessage, m as ChatMessageList };
+export { y as ChatAvatar, m as ChatContainer, v as ChatInput, _ as ChatInputArea, g as ChatMessage, h as ChatMessageList };

package/dist/components/data-display/Accordion/Accordion.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../icon/chevron-down.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./accordion.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=(0,a.createContext)(null),l=()=>{let e=(0,a.useContext)(c);if(!e)throw Error(`Accordion components must be used within an Accordion`);return e},u=(0,a.forwardRef)(function({type:e=`single`,defaultValue:n,value:r,onChange:l,collapsible:u=!0,className:d,children:f,id:p,asChild:m,...h},g){let _=(0,a.useId)(),v=p||_,[y,b]=(0,a.useState)(()=>n?Array.isArray(n)?n:[n]:[]),x=a.default.useRef(null),S=e=>{x.current=e,typeof g==`function`?g(e):g&&(g.current=e)},C=r!==void 0,w=(0,a.useMemo)(()=>{let e=C?r:y;return Array.isArray(e)?e:e?[e]:[]},[C,r,y]),T=(0,a.useCallback)(t=>{let n;n=e===`single`?w.includes(t)&&u?[]:[t]:w.includes(t)?w.filter(e=>e!==t):[...w,t],C||b(n),l?.(e===`single`?n[0]??``:n)},[w,u,C,l,e]),E=m?t.Root:`div`;return(0,s.jsx)(c.Provider,{value:{value:w,onValueChange:T,type:e,accordionId:v,containerRef:x},children:(0,s.jsx)(E,{ref:S,className:(0,o.default)(`wim-accordion`,i.default.root,d),...h,children:f})})}),d=(0,a.createContext)(null),f=(0,a.forwardRef)(function({value:e,disabled:n=!1,className:r,children:a,asChild:c,...u},f){let{value:p,accordionId:m}=l(),h=p.includes(e),g=`wim-accordion-trigger-${m}-${e}`,_=`wim-accordion-content-${m}-${e}`,v=c?t.Root:`div`;return(0,s.jsx)(d.Provider,{value:{value:e,disabled:n,isLogicOpen:h,triggerId:g,contentId:_},children:(0,s.jsx)(v,{ref:f,className:(0,o.default)(i.default.item,n&&i.default.disabled,h&&i.default.open,r),...u,children:a})})}),p=(0,a.forwardRef)(function({children:e,className:c,asChild:u,...f},p){let{onValueChange:m}=l(),h=(0,a.useContext)(d);if(!h)throw Error(`AccordionTrigger must be used within AccordionItem`);let g=e=>{if(h.disabled){e.preventDefault();return}m(h.value)},{containerRef:_}=l();return(0,s.jsxs)(u?t.Root:`button`,{ref:p,type:u?void 0:`button`,id:h.triggerId,className:(0,o.default)(i.default.trigger,c),"aria-expanded":h.isLogicOpen,"aria-controls":h.contentId,"aria-disabled":h.disabled,disabled:h.disabled,onClick:g,onKeyDown:e=>{if(h.disabled)return;let t=Array.from(_.current?.querySelectorAll(`.${i.default.trigger}:not(:disabled)`)||[]),n=t.indexOf(e.currentTarget);switch(e.key){case`ArrowDown`:e.preventDefault(),t[(n+1)%t.length]?.focus();break;case`ArrowUp`:e.preventDefault(),t[(n-1+t.length)%t.length]?.focus();break;case`Home`:e.preventDefault(),t[0]?.focus();break;case`End`:e.preventDefault(),t[t.length-1]?.focus()}f.onKeyDown?.(e)},...f,children:[(0,s.jsx)(`span`,{className:i.default.triggerContent,children:e}),(0,s.jsx)(r.Icon,{component:n.default,className:(0,o.default)(i.default.chevron,h.isLogicOpen&&i.default.open)})]})}),m=(0,a.forwardRef)(function({children:e,className:n,asChild:r,...c},l){let u=(0,a.useContext)(d);if(!u)throw Error(`AccordionContent must be used within AccordionItem`);return(0,s.jsx)(r?t.Root:`div`,{ref:l,id:u.contentId,role:`region`,"aria-labelledby":u.triggerId,className:(0,o.default)(i.default.content,u.isLogicOpen&&i.default.open,n),...c,children:(0,s.jsx)(`div`,{className:i.default.contentInner,children:(0,s.jsx)(`div`,{className:i.default.contentBody,children:e})})})}),h=u;h.Item=f,h.Trigger=p,h.Content=m,h.displayName=`Accordion`,f.displayName=`Accordion.Item`,p.displayName=`Accordion.Trigger`,m.displayName=`Accordion.Content`,exports.Accordion=h,exports.default=h,exports.AccordionContent=m,exports.AccordionItem=f,exports.AccordionTrigger=p;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/composeEventHandlers.cjs"),r=require("../../../icon/chevron-down.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./accordion.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=(0,o.createContext)(null),u=()=>{let e=(0,o.useContext)(l);if(!e)throw Error(`Accordion components must be used within an Accordion`);return e},d=(0,o.forwardRef)(function({type:e=`single`,defaultValue:n,value:r,onChange:i,collapsible:u=!0,className:d,children:f,id:p,asChild:m,...h},g){let _=(0,o.useId)(),v=p||_,[y,b]=(0,o.useState)(()=>n?Array.isArray(n)?n:[n]:[]),x=o.default.useRef(null),S=e=>{x.current=e,typeof g==`function`?g(e):g&&(g.current=e)},C=r!==void 0,w=(0,o.useMemo)(()=>{let e=C?r:y;return Array.isArray(e)?e:e?[e]:[]},[C,r,y]),T=(0,o.useCallback)(t=>{let n;n=e===`single`?w.includes(t)&&u?[]:[t]:w.includes(t)?w.filter(e=>e!==t):[...w,t],C||b(n),i?.(e===`single`?n[0]??``:n)},[w,u,C,i,e]),E=m?t.Root:`div`;return(0,c.jsx)(l.Provider,{value:{value:w,onValueChange:T,type:e,accordionId:v,containerRef:x},children:(0,c.jsx)(E,{ref:S,className:(0,s.default)(`wim-accordion`,a.default.root,d),...h,children:f})})}),f=(0,o.createContext)(null),p=(0,o.forwardRef)(function({value:e,disabled:n=!1,className:r,children:i,asChild:o,...l},d){let{value:p,accordionId:m}=u(),h=p.includes(e),g=`wim-accordion-trigger-${m}-${e}`,_=`wim-accordion-content-${m}-${e}`,v=o?t.Root:`div`;return(0,c.jsx)(f.Provider,{value:{value:e,disabled:n,isLogicOpen:h,triggerId:g,contentId:_},children:(0,c.jsx)(v,{ref:d,className:(0,s.default)(a.default.item,n&&a.default.disabled,h&&a.default.open,r),...l,children:i})})}),m=(0,o.forwardRef)(function({children:e,className:l,asChild:d,...p},m){let{onValueChange:h}=u(),g=(0,o.useContext)(f);if(!g)throw Error(`AccordionTrigger must be used within AccordionItem`);let _=e=>{if(g.disabled){e.preventDefault();return}h(g.value)},{containerRef:v}=u(),y=e=>{if(g.disabled)return;let t=Array.from(v.current?.querySelectorAll(`.${a.default.trigger}:not(:disabled)`)||[]),n=t.indexOf(e.currentTarget);switch(e.key){case`ArrowDown`:e.preventDefault(),t[(n+1)%t.length]?.focus();break;case`ArrowUp`:e.preventDefault(),t[(n-1+t.length)%t.length]?.focus();break;case`Home`:e.preventDefault(),t[0]?.focus();break;case`End`:e.preventDefault(),t[t.length-1]?.focus()}p.onKeyDown?.(e)};return(0,c.jsxs)(d?t.Root:`button`,{ref:m,type:d?void 0:`button`,id:g.triggerId,className:(0,s.default)(a.default.trigger,l),"aria-expanded":g.isLogicOpen,"aria-controls":g.contentId,"aria-disabled":g.disabled,disabled:g.disabled,...p,onKeyDown:y,onClick:n.composeEventHandlers(p.onClick,_),children:[(0,c.jsx)(`span`,{className:a.default.triggerContent,children:e}),(0,c.jsx)(i.Icon,{component:r.default,className:(0,s.default)(a.default.chevron,g.isLogicOpen&&a.default.open)})]})}),h=(0,o.forwardRef)(function({children:e,className:n,asChild:r,...i},l){let u=(0,o.useContext)(f);if(!u)throw Error(`AccordionContent must be used within AccordionItem`);return(0,c.jsx)(r?t.Root:`div`,{ref:l,id:u.contentId,role:`region`,"aria-labelledby":u.triggerId,className:(0,s.default)(a.default.content,u.isLogicOpen&&a.default.open,n),...i,children:(0,c.jsx)(`div`,{className:a.default.contentInner,children:(0,c.jsx)(`div`,{className:a.default.contentBody,children:e})})})}),g=d;g.Item=p,g.Trigger=m,g.Content=h,g.displayName=`Accordion`,p.displayName=`Accordion.Item`,m.displayName=`Accordion.Trigger`,h.displayName=`Accordion.Content`,exports.Accordion=g,exports.default=g,exports.AccordionContent=h,exports.AccordionItem=p,exports.AccordionTrigger=m;