wimui 0.51.1 → 0.51.2

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

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

@@ -102,7 +102,7 @@ var m = ({ children: e, position: t = "left", variant: n = "default", showAvatar
 					onClick: D,
 					disabled: !w.trim(),
 					type: "button",
-					"aria-label": l || "Send",
+					"aria-label": l || b("chat.send"),
 					children: E ? l : /* @__PURE__ */ u(r, {
 						component: f,
 						size: "sm"
@@ -113,19 +113,19 @@ var m = ({ children: e, position: t = "left", variant: n = "default", showAvatar
 	});
 });
 g.displayName = "ChatInput";
-var _ = ({ src: e, alt: t, fallback: n, size: r = "md", tone: i = "s18", className: s, ...l }) => {
-	let [d, f] = o.useState(!1), p = t || "User Avatar";
+var _ = ({ src: t, alt: n, fallback: r, size: i = "md", tone: s = "s18", className: l, ...d }) => {
+	let [f, p] = o.useState(!1), { t: m } = e("common"), h = n || m("chat.user_avatar");
 	return /* @__PURE__ */ u("div", {
-		className: c(a.avatar, a[r], a[i], s),
-		...l,
-		children: e && !d ? /* @__PURE__ */ u("img", {
-			src: e,
-			alt: p,
+		className: c(a.avatar, a[i], a[s], l),
+		...d,
+		children: t && !f ? /* @__PURE__ */ u("img", {
+			src: t,
+			alt: h,
 			className: a.image,
-			onError: () => f(!0)
+			onError: () => p(!0)
 		}) : /* @__PURE__ */ u("div", {
 			className: a.fallback,
-			children: n || p.charAt(0).toUpperCase()
+			children: r || h.charAt(0).toUpperCase()
 		})
 	});
 };

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

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

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

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

package/dist/components/ai/ThreadList/ThreadList.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../icon/close.cjs"),n=require("../../../icon/plus.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./thread-list.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(({threads:e,activeId:a,onSelect:c,onDelete:l,onNewThread:u,labels:d,className:f,...p},m)=>{let{newThread:h=`New conversation`,empty:g=`No conversations yet`,delete:_=`Delete conversation`,listAriaLabel:v=`Conversation history`}=d??{};return(0,s.jsxs)(`nav`,{ref:m,className:(0,o.default)(`wim-thread-list`,i.default.root,f),"aria-label":v,...p,children:[u&&(0,s.jsxs)(`button`,{type:`button`,className:i.default.newButton,onClick:u,children:[(0,s.jsx)(r.Icon,{component:n.default,size:`sm`}),(0,s.jsx)(`span`,{children:h})]}),e.length===0?(0,s.jsx)(`p`,{className:i.default.empty,children:g}):(0,s.jsx)(`ul`,{className:i.default.list,children:e.map(e=>{let n=e.id===a;return(0,s.jsxs)(`li`,{className:i.default.item,children:[(0,s.jsxs)(`button`,{type:`button`,className:(0,o.default)(i.default.thread,n&&i.default.active),"aria-current":n||void 0,onClick:()=>c?.(e.id),children:[e.iconName&&(0,s.jsx)(`span`,{className:i.default.icon,"aria-hidden":`true`,children:(0,s.jsx)(r.Icon,{name:e.iconName,size:`sm`})}),(0,s.jsxs)(`span`,{className:i.default.body,children:[(0,s.jsxs)(`span`,{className:i.default.titleRow,children:[e.unread&&(0,s.jsx)(`span`,{className:i.default.unread,"aria-hidden":`true`}),(0,s.jsx)(`span`,{className:i.default.title,children:e.title}),e.timestamp&&(0,s.jsx)(`span`,{className:i.default.timestamp,children:e.timestamp})]}),e.preview&&(0,s.jsx)(`span`,{className:i.default.preview,children:e.preview})]})]}),l&&(0,s.jsx)(`button`,{type:`button`,className:i.default.deleteButton,"aria-label":_,onClick:()=>l(e.id),children:(0,s.jsx)(r.Icon,{component:t.default,size:`sm`})})]},e.id)})})]})});c.displayName=`ThreadList`;var l=c;exports.ConversationList=l,exports.ThreadList=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/close.cjs"),r=require("../../../icon/plus.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./thread-list.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=o.default.forwardRef(({threads:e,activeId:o,onSelect:l,onDelete:u,onNewThread:d,labels:f,className:p,...m},h)=>{let{t:g}=t.useWimTranslation(`common`),{newThread:_=g(`threadList.new_thread`),empty:v=g(`threadList.empty`),delete:y=g(`threadList.delete`),listAriaLabel:b=g(`threadList.label`)}=f??{};return(0,c.jsxs)(`nav`,{ref:h,className:(0,s.default)(`wim-thread-list`,a.default.root,p),"aria-label":b,...m,children:[d&&(0,c.jsxs)(`button`,{type:`button`,className:a.default.newButton,onClick:d,children:[(0,c.jsx)(i.Icon,{component:r.default,size:`sm`}),(0,c.jsx)(`span`,{children:_})]}),e.length===0?(0,c.jsx)(`p`,{className:a.default.empty,children:v}):(0,c.jsx)(`ul`,{className:a.default.list,children:e.map(e=>{let t=e.id===o;return(0,c.jsxs)(`li`,{className:a.default.item,children:[(0,c.jsxs)(`button`,{type:`button`,className:(0,s.default)(a.default.thread,t&&a.default.active),"aria-current":t||void 0,onClick:()=>l?.(e.id),children:[e.iconName&&(0,c.jsx)(`span`,{className:a.default.icon,"aria-hidden":`true`,children:(0,c.jsx)(i.Icon,{name:e.iconName,size:`sm`})}),(0,c.jsxs)(`span`,{className:a.default.body,children:[(0,c.jsxs)(`span`,{className:a.default.titleRow,children:[e.unread&&(0,c.jsx)(`span`,{className:a.default.unread,"aria-hidden":`true`}),(0,c.jsx)(`span`,{className:a.default.title,children:e.title}),e.timestamp&&(0,c.jsx)(`span`,{className:a.default.timestamp,children:e.timestamp})]}),e.preview&&(0,c.jsx)(`span`,{className:a.default.preview,children:e.preview})]})]}),u&&(0,c.jsx)(`button`,{type:`button`,className:a.default.deleteButton,"aria-label":y,onClick:()=>u(e.id),children:(0,c.jsx)(i.Icon,{component:n.default,size:`sm`})})]},e.id)})})]})});l.displayName=`ThreadList`;var u=l;exports.ConversationList=u,exports.ThreadList=l;

package/dist/components/ai/ThreadList/ThreadList.js

@@ -1,87 +1,88 @@
 "use client";
-import e from "../../../icon/close.js";
-import t from "../../../icon/plus.js";
-import { Icon as n } from "../../media/Icon/Icon.js";
-import r from "./thread-list.module.js";
-import i from "react";
-import a from "classnames";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import t from "../../../icon/close.js";
+import n from "../../../icon/plus.js";
+import { Icon as r } from "../../media/Icon/Icon.js";
+import i from "./thread-list.module.js";
+import a from "react";
+import o from "classnames";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/ai/ThreadList/ThreadList.tsx
-var c = i.forwardRef(({ threads: i, activeId: c, onSelect: l, onDelete: u, onNewThread: d, labels: f, className: p, ...m }, h) => {
-	let { newThread: g = "New conversation", empty: _ = "No conversations yet", delete: v = "Delete conversation", listAriaLabel: y = "Conversation history" } = f ?? {};
-	return /* @__PURE__ */ s("nav", {
-		ref: h,
-		className: a("wim-thread-list", r.root, p),
-		"aria-label": y,
-		...m,
-		children: [d && /* @__PURE__ */ s("button", {
+var l = a.forwardRef(({ threads: a, activeId: l, onSelect: u, onDelete: d, onNewThread: f, labels: p, className: m, ...h }, g) => {
+	let { t: _ } = e("common"), { newThread: v = _("threadList.new_thread"), empty: y = _("threadList.empty"), delete: b = _("threadList.delete"), listAriaLabel: x = _("threadList.label") } = p ?? {};
+	return /* @__PURE__ */ c("nav", {
+		ref: g,
+		className: o("wim-thread-list", i.root, m),
+		"aria-label": x,
+		...h,
+		children: [f && /* @__PURE__ */ c("button", {
 			type: "button",
-			className: r.newButton,
-			onClick: d,
-			children: [/* @__PURE__ */ o(n, {
-				component: t,
+			className: i.newButton,
+			onClick: f,
+			children: [/* @__PURE__ */ s(r, {
+				component: n,
 				size: "sm"
-			}), /* @__PURE__ */ o("span", { children: g })]
-		}), i.length === 0 ? /* @__PURE__ */ o("p", {
-			className: r.empty,
-			children: _
-		}) : /* @__PURE__ */ o("ul", {
-			className: r.list,
-			children: i.map((t) => {
-				let i = t.id === c;
-				return /* @__PURE__ */ s("li", {
-					className: r.item,
-					children: [/* @__PURE__ */ s("button", {
+			}), /* @__PURE__ */ s("span", { children: v })]
+		}), a.length === 0 ? /* @__PURE__ */ s("p", {
+			className: i.empty,
+			children: y
+		}) : /* @__PURE__ */ s("ul", {
+			className: i.list,
+			children: a.map((e) => {
+				let n = e.id === l;
+				return /* @__PURE__ */ c("li", {
+					className: i.item,
+					children: [/* @__PURE__ */ c("button", {
 						type: "button",
-						className: a(r.thread, i && r.active),
-						"aria-current": i || void 0,
-						onClick: () => l?.(t.id),
-						children: [t.iconName && /* @__PURE__ */ o("span", {
-							className: r.icon,
+						className: o(i.thread, n && i.active),
+						"aria-current": n || void 0,
+						onClick: () => u?.(e.id),
+						children: [e.iconName && /* @__PURE__ */ s("span", {
+							className: i.icon,
 							"aria-hidden": "true",
-							children: /* @__PURE__ */ o(n, {
-								name: t.iconName,
+							children: /* @__PURE__ */ s(r, {
+								name: e.iconName,
 								size: "sm"
 							})
-						}), /* @__PURE__ */ s("span", {
-							className: r.body,
-							children: [/* @__PURE__ */ s("span", {
-								className: r.titleRow,
+						}), /* @__PURE__ */ c("span", {
+							className: i.body,
+							children: [/* @__PURE__ */ c("span", {
+								className: i.titleRow,
 								children: [
-									t.unread && /* @__PURE__ */ o("span", {
-										className: r.unread,
+									e.unread && /* @__PURE__ */ s("span", {
+										className: i.unread,
 										"aria-hidden": "true"
 									}),
-									/* @__PURE__ */ o("span", {
-										className: r.title,
-										children: t.title
+									/* @__PURE__ */ s("span", {
+										className: i.title,
+										children: e.title
 									}),
-									t.timestamp && /* @__PURE__ */ o("span", {
-										className: r.timestamp,
-										children: t.timestamp
+									e.timestamp && /* @__PURE__ */ s("span", {
+										className: i.timestamp,
+										children: e.timestamp
 									})
 								]
-							}), t.preview && /* @__PURE__ */ o("span", {
-								className: r.preview,
-								children: t.preview
+							}), e.preview && /* @__PURE__ */ s("span", {
+								className: i.preview,
+								children: e.preview
 							})]
 						})]
-					}), u && /* @__PURE__ */ o("button", {
+					}), d && /* @__PURE__ */ s("button", {
 						type: "button",
-						className: r.deleteButton,
-						"aria-label": v,
-						onClick: () => u(t.id),
-						children: /* @__PURE__ */ o(n, {
-							component: e,
+						className: i.deleteButton,
+						"aria-label": b,
+						onClick: () => d(e.id),
+						children: /* @__PURE__ */ s(r, {
+							component: t,
 							size: "sm"
 						})
 					})]
-				}, t.id);
+				}, e.id);
 			})
 		})]
 	});
 });
-c.displayName = "ThreadList";
-var l = c;
+l.displayName = "ThreadList";
+var u = l;
 //#endregion
-export { l as ConversationList, c as ThreadList };
+export { u as ConversationList, l as ThreadList };

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

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1rbm9_23`,t=`_item_1rbm9_29`,n=`_disabled_1rbm9_38`,r=`_trigger_1rbm9_42`,i=`_open_1rbm9_62`,a=`_triggerContent_1rbm9_88`,o=`_chevron_1rbm9_91`,s=`_content_1rbm9_102`,c=`_contentInner_1rbm9_115`,l=`_contentBody_1rbm9_118`,u={root:e,item:t,disabled:n,trigger:r,open:i,triggerContent:a,chevron:o,content:s,contentInner:c,contentBody:l};exports.chevron=o,exports.content=s,exports.contentBody=l,exports.contentInner=c,exports.default=u,exports.disabled=n,exports.item=t,exports.open=i,exports.root=e,exports.trigger=r,exports.triggerContent=a;
+var e=`_root_vs8b2_23`,t=`_item_vs8b2_29`,n=`_disabled_vs8b2_38`,r=`_trigger_vs8b2_42`,i=`_open_vs8b2_62`,a=`_triggerContent_vs8b2_88`,o=`_chevron_vs8b2_91`,s=`_content_vs8b2_102`,c=`_contentInner_vs8b2_115`,l=`_contentBody_vs8b2_118`,u={root:e,item:t,disabled:n,trigger:r,open:i,triggerContent:a,chevron:o,content:s,contentInner:c,contentBody:l};exports.chevron=o,exports.content=s,exports.contentBody=l,exports.contentInner=c,exports.default=u,exports.disabled=n,exports.item=t,exports.open=i,exports.root=e,exports.trigger=r,exports.triggerContent=a;

package/dist/components/data-display/Accordion/accordion.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/data-display/Accordion/accordion.module.scss
-var e = "_root_1rbm9_23", t = "_item_1rbm9_29", n = "_disabled_1rbm9_38", r = "_trigger_1rbm9_42", i = "_open_1rbm9_62", a = "_triggerContent_1rbm9_88", o = "_chevron_1rbm9_91", s = "_content_1rbm9_102", c = "_contentInner_1rbm9_115", l = "_contentBody_1rbm9_118", u = {
+var e = "_root_vs8b2_23", t = "_item_vs8b2_29", n = "_disabled_vs8b2_38", r = "_trigger_vs8b2_42", i = "_open_vs8b2_62", a = "_triggerContent_vs8b2_88", o = "_chevron_vs8b2_91", s = "_content_vs8b2_102", c = "_contentInner_vs8b2_115", l = "_contentBody_vs8b2_118", u = {
 	root: e,
 	item: t,
 	disabled: n,