@vjdesigns/vjdesigns-ui 2.4.0 → 3.0.0

package/dist/components/data-display/Carousel/Carousel.cjs.js

@@ -1 +1 @@
-const e=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../../utils/flattenChildren.cjs.js"),r=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),i=require("../../primitives/Button/Button.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),o=require("../../primitives/Icon/Icon.cjs.js"),s=require("./Carousel.module.css.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u={none:s.default.radiusNone,xs:s.default.radiusXs,sm:s.default.radiusSm,md:s.default.radiusMd,lg:s.default.radiusLg,xl:s.default.radiusXl,"2xl":s.default.radius2xl,pill:s.default.radiusPill},d={overlay:s.default.overlay,bottom:s.default.bottom},f=[`base`,`sm`,`md`,`lg`,`xl`,`2xl`];function p(e,t,n,r){if(n===void 0)return;if(typeof n!=`object`||!n){e[`--_${t}-base`]=r(n);return}let i=n,a;for(let n of f){let o=i[n];if(o===void 0)continue;let s=r(o);s!==a&&(e[`--_${t}-${n}`]=s),a=s}}var m=e=>e===0?`0%`:`var(--space-${e})`,h=(0,c.createContext)(null),ee=(0,c.createContext)(null),g=(e,t,n)=>Math.min(Math.max(e,t),n),_=`(prefers-reduced-motion: reduce)`;function v(){return typeof window<`u`&&typeof window.matchMedia==`function`&&window.matchMedia(_).matches}function te(){let[e,t]=(0,c.useState)(v);return(0,c.useEffect)(()=>{if(typeof window.matchMedia!=`function`)return;let e=window.matchMedia(_),n=()=>t(e.matches);return n(),e.addEventListener(`change`,n),()=>e.removeEventListener(`change`,n)},[]),e}var ne=(e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n]);function y(e){let t=Array.from(e.children).filter(e=>e instanceof HTMLElement&&e.hasAttribute(`data-carousel-slide`));if(t.length===0)return null;let n=getComputedStyle(e),r=n.direction===`rtl`,i=parseFloat(n.paddingInlineStart)||0,a=e.getBoundingClientRect(),o=r?a.right-i:a.left+i,s=r?a.left+i:a.right-i,c=Math.abs(e.scrollLeft),l=Math.max(0,e.scrollWidth-e.clientWidth),u=[],d=[],f=[];for(let e of t){let t=e.getBoundingClientRect(),n=r?o-t.right:t.left-o;u.push(g(Math.round(c+n),0,l));let i=Math.max(t.left,r?s:o),a=Math.min(t.right,r?o:s)-i;d.push(a>1),f.push(a>=t.width-1)}let p=u.findIndex(e=>e>=l-1);p===-1&&(p=t.length-1);let m=0,h=1/0;return u.forEach((e,t)=>{let n=Math.abs(e-c);n<h-.5&&(h=n,m=t)}),{sign:r?-1:1,targets:u,lastStart:p,current:m,visible:d,fully:f}}function b({children:f,index:_,defaultIndex:b=0,onIndexChange:x,slidesPerView:S=1,gap:re=4,loop:C=!1,indicators:ie=!1,autoplay:w=!1,interval:T=5e3,controlsPlacement:E=`overlay`,radius:ae=`lg`,labels:oe,className:se,style:ce,onFocus:le,onPointerEnter:ue,onPointerLeave:de,...fe}){let D=e.useMessages().carousel,O=(0,c.useMemo)(()=>({...D,...oe}),[D,oe]),pe=n.flattenChildren(f),k=pe.length,[me,he]=(0,c.useState)(b),A=_!==void 0,j=A?_:me,M=(0,c.useRef)(j);M.current=j;let N=(0,c.useRef)(x);N.current=x;let P=(0,c.useId)(),F=(0,c.useRef)(null),I=(0,c.useRef)(null),L=(0,c.useRef)(null),R=(0,c.useRef)(null),z=(0,c.useRef)(j),B=(0,c.useRef)(null),[ge,_e]=(0,c.useState)([]),[ve,ye]=(0,c.useState)(Math.max(0,k-1)),[V,be]=(0,c.useState)([0,0]),xe=te(),[H,U]=(0,c.useState)(()=>w&&!v()),[Se,W]=(0,c.useState)(!1);(0,c.useEffect)(()=>{U(w&&!xe)},[w,xe]);let G=Math.max(0,Math.min(ve,k-1)),K=g(j,0,G),q=(0,c.useCallback)(e=>{e!==M.current&&(A||he(e),N.current?.(e))},[A]),J=(0,c.useCallback)(e=>{let t=F.current;if(!t)return null;let n=y(t);if(!n)return null;let r=document.activeElement;if(r&&r!==t&&t.contains(r)){let e=Array.from(t.children).filter(e=>e.hasAttribute(`data-carousel-slide`)).findIndex(e=>e.contains(r));e!==-1&&!n.visible[e]&&t.focus({preventScroll:!0})}if(_e(e=>ne(e,n.visible)?e:n.visible),ye(n.lastStart),e){let e=n.fully.indexOf(!0),t=n.fully.lastIndexOf(!0),r=e===-1?[n.current,n.current]:[e,Math.max(e,t)];be(e=>e[0]===r[0]&&e[1]===r[1]?e:r)}return n},[]),Y=(0,c.useCallback)((e,t=!1)=>{let n=F.current;if(!n)return;let r=y(n);if(!r)return;let i=g(e,0,r.targets.length-1);z.current=i,n.scrollTo({left:r.sign*r.targets[i],behavior:t||v()?`instant`:`smooth`})},[]),X=(0,c.useCallback)(e=>{let t=g(e,0,G);A||Y(t),q(t)},[q,A,G,Y]),Z=(0,c.useCallback)((e,t)=>{let n=K+e;return n<0?t?G:null:n>G?t?0:null:n},[K,G]);(0,c.useLayoutEffect)(()=>{J(!0)&&M.current>0&&Y(M.current,!0)},[]),(0,c.useLayoutEffect)(()=>{J(!0)},[k,J]),(0,c.useEffect)(()=>{let e=F.current;if(!e||typeof ResizeObserver>`u`)return;let t=e.clientWidth,n=new ResizeObserver(()=>{let n=J(!0);if(!n||e.clientWidth===t)return;t=e.clientWidth;let r=g(M.current,0,Math.max(0,n.lastStart));Y(r,!0),q(r)});return n.observe(e),()=>n.disconnect()},[q,J,Y]),(0,c.useEffect)(()=>{A&&j!==K&&N.current?.(K)},[A,j,K]),(0,c.useEffect)(()=>{K!==z.current&&Y(K)},[K,Y]),(0,c.useEffect)(()=>{let e=F.current;if(!e)return;let t=0,n,r=`onscrollend`in window,i=()=>{let e=J(!0);e&&(z.current=e.current,q(e.current))},a=()=>{cancelAnimationFrame(t),t=requestAnimationFrame(()=>J(!1)),r||(clearTimeout(n),n=setTimeout(i,150))};return e.addEventListener(`scroll`,a,{passive:!0}),r&&e.addEventListener(`scrollend`,i),()=>{cancelAnimationFrame(t),clearTimeout(n),e.removeEventListener(`scroll`,a),e.removeEventListener(`scrollend`,i)}},[q,J]);let Ce=!C&&K<=0,we=!C&&K>=G;(0,c.useLayoutEffect)(()=>{let e=document.activeElement,t=!e||e===document.body,n=(n,r,i)=>!r?.disabled||!(e===r||t&&B.current===n)?!1:(B.current=null,i&&!i.disabled?i.focus():F.current?.focus(),!0);n(`prev`,I.current,L.current)||n(`next`,L.current,I.current)},[Ce,we,k]);let Te=e=>({onFocus:()=>{B.current=e},onBlur:e=>{e.relatedTarget&&(B.current=null)}}),Ee=e=>{let t=Z(e,C);t!==null&&X(t)},De=w&&H&&!Se&&k>1;(0,c.useEffect)(()=>{if(!De)return;let e=setTimeout(()=>{let e=Z(1,!0);e!==null&&X(e)},T);return()=>clearTimeout(e)},[De,T,K,Z,X]);let Oe=e=>{if(le?.(e),!w||!H)return;let t=e.target,n=!0;try{n=t.matches(`:focus-visible`)}catch{}if(!n)return;let r=e.currentTarget,i=e.relatedTarget instanceof Node&&r.contains(e.relatedTarget);t===R.current&&i||U(!1)},ke=e=>{ue?.(e),e.pointerType===`mouse`&&W(!0)},Ae=e=>{de?.(e),W(!1)},je=e=>{if(e.target!==e.currentTarget)return;let t=getComputedStyle(e.currentTarget).direction===`rtl`,n=null;switch(e.key){case`ArrowRight`:n=Z(t?-1:1,C);break;case`ArrowLeft`:n=Z(t?1:-1,C);break;case`Home`:n=0;break;case`End`:n=G;break;default:return}e.preventDefault(),n!==null&&X(n)},Me=e=>{let t=e.currentTarget;if(e.target===t)return;let n=e.target.closest(`[data-carousel-slide]`);if(!n||n.parentElement!==t)return;let r=y(t),i=Number(n.dataset.index);r&&!r.fully[i]&&n.scrollIntoView({block:`nearest`,inline:`nearest`,behavior:v()?`instant`:`smooth`})},Q={};p(Q,`spv`,S,e=>String(e)),p(Q,`gap`,re,m);let Ne=(0,c.useMemo)(()=>({count:k,visible:ge,labels:O}),[k,ge,O]),Pe=g(Math.max(K,V[0]),0,Math.max(0,k-1)),Fe=g(Math.max(Pe,K+(V[1]-V[0])),0,Math.max(0,k-1)),Ie=k>0?O.status(Pe+1,Fe+1,k):``,$=E===`overlay`?`soft`:`outline`;return(0,l.jsxs)(`section`,{"aria-roledescription":`carousel`,...fe,className:t.cx(s.default.root,d[E],u[ae],se),style:{...Q,...ce},"data-placement":E,onFocus:Oe,onPointerEnter:ke,onPointerLeave:Ae,children:[w&&(0,l.jsx)(i.IconButton,{ref:R,className:t.cx(s.default.control,s.default.rotation),variant:$,tone:`neutral`,"aria-label":H?O.stop:O.start,onClick:()=>U(e=>!e),children:H?(0,l.jsx)(a.PauseIcon,{}):(0,l.jsx)(a.PlayIcon,{})}),(0,l.jsx)(i.IconButton,{ref:I,className:t.cx(s.default.control,s.default.prev),variant:$,tone:`neutral`,"aria-label":O.previous,"aria-controls":P,disabled:Ce||k<2,...Te(`prev`),onClick:()=>Ee(-1),children:(0,l.jsx)(o.Icon,{name:`chevron-left`,className:s.default.directional})}),(0,l.jsx)(i.IconButton,{ref:L,className:t.cx(s.default.control,s.default.next),variant:$,tone:`neutral`,"aria-label":O.next,"aria-controls":P,disabled:we||k<2,...Te(`next`),onClick:()=>Ee(1),children:(0,l.jsx)(o.Icon,{name:`chevron-right`,className:s.default.directional})}),(0,l.jsxs)(`div`,{className:s.default.slides,children:[(0,l.jsx)(r.VisuallyHidden,{"aria-live":w&&H?`off`:`polite`,"aria-atomic":`true`,"data-carousel-status":``,children:Ie}),(0,l.jsx)(`div`,{ref:F,id:P,className:s.default.viewport,role:`group`,"aria-label":O.slides,tabIndex:0,onKeyDown:je,onFocus:Me,children:(0,l.jsx)(h.Provider,{value:Ne,children:pe.map((e,t)=>(0,l.jsx)(ee.Provider,{value:t,children:e},e.key??t))})})]}),ie&&k>1&&(0,l.jsx)(`div`,{className:s.default.indicators,role:`group`,"aria-label":O.indicators,children:Array.from({length:G+1},(e,t)=>(0,l.jsx)(`button`,{type:`button`,className:s.default.dot,"aria-label":O.goTo(t+1,k),"aria-current":t===K?`true`:void 0,"aria-controls":P,onClick:()=>X(t)},t))})]})}function x({label:e,className:n,children:r,"aria-label":i,"aria-labelledby":a,...o}){let u=(0,c.useContext)(h),d=(0,c.useContext)(ee)??0,f=u?.count??1,p=u?.visible[d]===!1,m=a?void 0:i??e??(u?u.labels.slide(d+1,f):void 0);return(0,l.jsx)(`div`,{role:`group`,"aria-roledescription":`slide`,"aria-label":m,"aria-labelledby":a,...o,className:t.cx(s.default.slide,n),"data-carousel-slide":``,"data-index":d,"data-hidden":p?``:void 0,inert:p,children:r})}var S=Object.assign(b,{Slide:x});exports.Carousel=S,exports.CarouselSlide=x;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("../../../utils/flattenChildren.cjs.js"),n=require("../../primitives/Button/Button.cjs.js"),r=require("../../primitives/Icon/Icon.cjs.js"),i=require("../../primitives/Icon/icons.cjs.js"),a=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),o=require("./Carousel.module.css.cjs.js"),s=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u={none:o.default.radiusNone,xs:o.default.radiusXs,sm:o.default.radiusSm,md:o.default.radiusMd,lg:o.default.radiusLg,xl:o.default.radiusXl,"2xl":o.default.radius2xl,pill:o.default.radiusPill},d={overlay:o.default.overlay,bottom:o.default.bottom},f=[`base`,`sm`,`md`,`lg`,`xl`,`2xl`];function p(e,t,n,r){if(n===void 0)return;if(typeof n!=`object`||!n){e[`--_${t}-base`]=r(n);return}let i=n,a;for(let n of f){let o=i[n];if(o===void 0)continue;let s=r(o);s!==a&&(e[`--_${t}-${n}`]=s),a=s}}var m=e=>e===0?`0%`:`var(--space-${e})`,h=(0,c.createContext)(null),ee=(0,c.createContext)(null),g=(e,t,n)=>Math.min(Math.max(e,t),n),_=`(prefers-reduced-motion: reduce)`;function v(){return typeof window<`u`&&typeof window.matchMedia==`function`&&window.matchMedia(_).matches}function te(){let[e,t]=(0,c.useState)(v);return(0,c.useEffect)(()=>{if(typeof window.matchMedia!=`function`)return;let e=window.matchMedia(_),n=()=>t(e.matches);return n(),e.addEventListener(`change`,n),()=>e.removeEventListener(`change`,n)},[]),e}var ne=(e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n]);function y(e){let t=Array.from(e.children).filter(e=>e instanceof HTMLElement&&e.hasAttribute(`data-carousel-slide`));if(t.length===0)return null;let n=getComputedStyle(e),r=n.direction===`rtl`,i=parseFloat(n.paddingInlineStart)||0,a=e.getBoundingClientRect(),o=r?a.right-i:a.left+i,s=r?a.left+i:a.right-i,c=Math.abs(e.scrollLeft),l=Math.max(0,e.scrollWidth-e.clientWidth),u=[],d=[],f=[];for(let e of t){let t=e.getBoundingClientRect(),n=r?o-t.right:t.left-o;u.push(g(Math.round(c+n),0,l));let i=Math.max(t.left,r?s:o),a=Math.min(t.right,r?o:s)-i;d.push(a>1),f.push(a>=t.width-1)}let p=u.findIndex(e=>e>=l-1);p===-1&&(p=t.length-1);let m=0,h=1/0;return u.forEach((e,t)=>{let n=Math.abs(e-c);n<h-.5&&(h=n,m=t)}),{sign:r?-1:1,targets:u,lastStart:p,current:m,visible:d,fully:f}}function b({children:f,index:_,defaultIndex:b=0,onIndexChange:x,slidesPerView:S=1,gap:re=4,loop:C=!1,indicators:ie=!1,autoplay:w=!1,interval:T=5e3,controlsPlacement:E=`overlay`,radius:ae=`lg`,labels:oe,className:se,style:ce,onFocus:le,onPointerEnter:ue,onPointerLeave:de,...fe}){let D=s.useMessages().carousel,O=(0,c.useMemo)(()=>({...D,...oe}),[D,oe]),pe=t.flattenChildren(f),k=pe.length,[me,he]=(0,c.useState)(b),A=_!==void 0,j=A?_:me,M=(0,c.useRef)(j);M.current=j;let N=(0,c.useRef)(x);N.current=x;let P=(0,c.useId)(),F=(0,c.useRef)(null),I=(0,c.useRef)(null),L=(0,c.useRef)(null),R=(0,c.useRef)(null),z=(0,c.useRef)(j),B=(0,c.useRef)(null),[ge,_e]=(0,c.useState)([]),[ve,ye]=(0,c.useState)(Math.max(0,k-1)),[V,be]=(0,c.useState)([0,0]),xe=te(),[H,U]=(0,c.useState)(()=>w&&!v()),[Se,W]=(0,c.useState)(!1);(0,c.useEffect)(()=>{U(w&&!xe)},[w,xe]);let G=Math.max(0,Math.min(ve,k-1)),K=g(j,0,G),q=(0,c.useCallback)(e=>{e!==M.current&&(A||he(e),N.current?.(e))},[A]),J=(0,c.useCallback)(e=>{let t=F.current;if(!t)return null;let n=y(t);if(!n)return null;let r=document.activeElement;if(r&&r!==t&&t.contains(r)){let e=Array.from(t.children).filter(e=>e.hasAttribute(`data-carousel-slide`)).findIndex(e=>e.contains(r));e!==-1&&!n.visible[e]&&t.focus({preventScroll:!0})}if(_e(e=>ne(e,n.visible)?e:n.visible),ye(n.lastStart),e){let e=n.fully.indexOf(!0),t=n.fully.lastIndexOf(!0),r=e===-1?[n.current,n.current]:[e,Math.max(e,t)];be(e=>e[0]===r[0]&&e[1]===r[1]?e:r)}return n},[]),Y=(0,c.useCallback)((e,t=!1)=>{let n=F.current;if(!n)return;let r=y(n);if(!r)return;let i=g(e,0,r.targets.length-1);z.current=i,n.scrollTo({left:r.sign*r.targets[i],behavior:t||v()?`instant`:`smooth`})},[]),X=(0,c.useCallback)(e=>{let t=g(e,0,G);A||Y(t),q(t)},[q,A,G,Y]),Z=(0,c.useCallback)((e,t)=>{let n=K+e;return n<0?t?G:null:n>G?t?0:null:n},[K,G]);(0,c.useLayoutEffect)(()=>{J(!0)&&M.current>0&&Y(M.current,!0)},[]),(0,c.useLayoutEffect)(()=>{J(!0)},[k,J]),(0,c.useEffect)(()=>{let e=F.current;if(!e||typeof ResizeObserver>`u`)return;let t=e.clientWidth,n=new ResizeObserver(()=>{let n=J(!0);if(!n||e.clientWidth===t)return;t=e.clientWidth;let r=g(M.current,0,Math.max(0,n.lastStart));Y(r,!0),q(r)});return n.observe(e),()=>n.disconnect()},[q,J,Y]),(0,c.useEffect)(()=>{A&&j!==K&&N.current?.(K)},[A,j,K]),(0,c.useEffect)(()=>{K!==z.current&&Y(K)},[K,Y]),(0,c.useEffect)(()=>{let e=F.current;if(!e)return;let t=0,n,r=`onscrollend`in window,i=()=>{let e=J(!0);e&&(z.current=e.current,q(e.current))},a=()=>{cancelAnimationFrame(t),t=requestAnimationFrame(()=>J(!1)),r||(clearTimeout(n),n=setTimeout(i,150))};return e.addEventListener(`scroll`,a,{passive:!0}),r&&e.addEventListener(`scrollend`,i),()=>{cancelAnimationFrame(t),clearTimeout(n),e.removeEventListener(`scroll`,a),e.removeEventListener(`scrollend`,i)}},[q,J]);let Ce=!C&&K<=0,we=!C&&K>=G;(0,c.useLayoutEffect)(()=>{let e=document.activeElement,t=!e||e===document.body,n=(n,r,i)=>!r?.disabled||!(e===r||t&&B.current===n)?!1:(B.current=null,i&&!i.disabled?i.focus():F.current?.focus(),!0);n(`prev`,I.current,L.current)||n(`next`,L.current,I.current)},[Ce,we,k]);let Te=e=>({onFocus:()=>{B.current=e},onBlur:e=>{e.relatedTarget&&(B.current=null)}}),Ee=e=>{let t=Z(e,C);t!==null&&X(t)},De=w&&H&&!Se&&k>1;(0,c.useEffect)(()=>{if(!De)return;let e=setTimeout(()=>{let e=Z(1,!0);e!==null&&X(e)},T);return()=>clearTimeout(e)},[De,T,K,Z,X]);let Oe=e=>{if(le?.(e),!w||!H)return;let t=e.target,n=!0;try{n=t.matches(`:focus-visible`)}catch{}if(!n)return;let r=e.currentTarget,i=e.relatedTarget instanceof Node&&r.contains(e.relatedTarget);t===R.current&&i||U(!1)},ke=e=>{ue?.(e),e.pointerType===`mouse`&&W(!0)},Ae=e=>{de?.(e),W(!1)},je=e=>{if(e.target!==e.currentTarget)return;let t=getComputedStyle(e.currentTarget).direction===`rtl`,n=null;switch(e.key){case`ArrowRight`:n=Z(t?-1:1,C);break;case`ArrowLeft`:n=Z(t?1:-1,C);break;case`Home`:n=0;break;case`End`:n=G;break;default:return}e.preventDefault(),n!==null&&X(n)},Me=e=>{let t=e.currentTarget;if(e.target===t)return;let n=e.target.closest(`[data-carousel-slide]`);if(!n||n.parentElement!==t)return;let r=y(t),i=Number(n.dataset.index);r&&!r.fully[i]&&n.scrollIntoView({block:`nearest`,inline:`nearest`,behavior:v()?`instant`:`smooth`})},Q={};p(Q,`spv`,S,e=>String(e)),p(Q,`gap`,re,m);let Ne=(0,c.useMemo)(()=>({count:k,visible:ge,labels:O}),[k,ge,O]),Pe=g(Math.max(K,V[0]),0,Math.max(0,k-1)),Fe=g(Math.max(Pe,K+(V[1]-V[0])),0,Math.max(0,k-1)),Ie=k>0?O.status(Pe+1,Fe+1,k):``,$=E===`overlay`?`soft`:`outline`;return(0,l.jsxs)(`section`,{"aria-roledescription":`carousel`,...fe,className:e.cx(o.default.root,d[E],u[ae],se),style:{...Q,...ce},"data-placement":E,onFocus:Oe,onPointerEnter:ke,onPointerLeave:Ae,children:[w&&(0,l.jsx)(n.IconButton,{ref:R,className:e.cx(o.default.control,o.default.rotation),variant:$,tone:`neutral`,"aria-label":H?O.stop:O.start,onClick:()=>U(e=>!e),children:H?(0,l.jsx)(i.PauseIcon,{}):(0,l.jsx)(i.PlayIcon,{})}),(0,l.jsx)(n.IconButton,{ref:I,className:e.cx(o.default.control,o.default.prev),variant:$,tone:`neutral`,"aria-label":O.previous,"aria-controls":P,disabled:Ce||k<2,...Te(`prev`),onClick:()=>Ee(-1),children:(0,l.jsx)(r.Icon,{name:`chevron-left`,className:o.default.directional})}),(0,l.jsx)(n.IconButton,{ref:L,className:e.cx(o.default.control,o.default.next),variant:$,tone:`neutral`,"aria-label":O.next,"aria-controls":P,disabled:we||k<2,...Te(`next`),onClick:()=>Ee(1),children:(0,l.jsx)(r.Icon,{name:`chevron-right`,className:o.default.directional})}),(0,l.jsxs)(`div`,{className:o.default.slides,children:[(0,l.jsx)(a.VisuallyHidden,{"aria-live":w&&H?`off`:`polite`,"aria-atomic":`true`,"data-carousel-status":``,children:Ie}),(0,l.jsx)(`div`,{ref:F,id:P,className:o.default.viewport,role:`group`,"aria-label":O.slides,tabIndex:0,onKeyDown:je,onFocus:Me,children:(0,l.jsx)(h.Provider,{value:Ne,children:pe.map((e,t)=>(0,l.jsx)(ee.Provider,{value:t,children:e},e.key??t))})})]}),ie&&k>1&&(0,l.jsx)(`div`,{className:o.default.indicators,role:`group`,"aria-label":O.indicators,children:Array.from({length:G+1},(e,t)=>(0,l.jsx)(`button`,{type:`button`,className:o.default.dot,"aria-label":O.goTo(t+1,k),"aria-current":t===K?`true`:void 0,"aria-controls":P,onClick:()=>X(t)},t))})]})}function x({label:t,className:n,children:r,"aria-label":i,"aria-labelledby":a,...s}){let u=(0,c.useContext)(h),d=(0,c.useContext)(ee)??0,f=u?.count??1,p=u?.visible[d]===!1,m=a?void 0:i??t??(u?u.labels.slide(d+1,f):void 0);return(0,l.jsx)(`div`,{role:`group`,"aria-roledescription":`slide`,"aria-label":m,"aria-labelledby":a,...s,className:e.cx(o.default.slide,n),"data-carousel-slide":``,"data-index":d,"data-hidden":p?``:void 0,inert:p,children:r})}var S=Object.assign(b,{Slide:x});exports.Carousel=S,exports.CarouselSlide=x;

package/dist/components/data-display/Carousel/Carousel.mjs

@@ -1,26 +1,27 @@
-import { useMessages as e } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as t } from "../../../utils/cx.mjs";
-import { flattenChildren as n } from "../../../utils/flattenChildren.mjs";
-import { VisuallyHidden as r } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { IconButton as i } from "../../primitives/Button/Button.mjs";
-import { PauseIcon as a, PlayIcon as o } from "../../primitives/Icon/icons.mjs";
-import { Icon as s } from "../../primitives/Icon/Icon.mjs";
-import c from "./Carousel.module.css.mjs";
+"use client";
+import { cx as e } from "../../../utils/cx.mjs";
+import { flattenChildren as t } from "../../../utils/flattenChildren.mjs";
+import { IconButton as n } from "../../primitives/Button/Button.mjs";
+import { Icon as r } from "../../primitives/Icon/Icon.mjs";
+import { PauseIcon as i, PlayIcon as a } from "../../primitives/Icon/icons.mjs";
+import { VisuallyHidden as o } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import s from "./Carousel.module.css.mjs";
+import { useMessages as c } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { createContext as l, useCallback as u, useContext as d, useEffect as f, useId as p, useLayoutEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
 import { jsx as v, jsxs as ee } from "react/jsx-runtime";
-//#region src/components/data-display/Carousel/Carousel.tsx
+// src/components/data-display/Carousel/Carousel.tsx
 var te = {
-	none: c.radiusNone,
-	xs: c.radiusXs,
-	sm: c.radiusSm,
-	md: c.radiusMd,
-	lg: c.radiusLg,
-	xl: c.radiusXl,
-	"2xl": c.radius2xl,
-	pill: c.radiusPill
+	none: s.radiusNone,
+	xs: s.radiusXs,
+	sm: s.radiusSm,
+	md: s.radiusMd,
+	lg: s.radiusLg,
+	xl: s.radiusXl,
+	"2xl": s.radius2xl,
+	pill: s.radiusPill
 }, ne = {
-	overlay: c.overlay,
-	bottom: c.bottom
+	overlay: s.overlay,
+	bottom: s.bottom
 }, y = [
 	"base",
 	"sm",
@@ -82,10 +83,10 @@ function C(e) {
 	};
 }
 function le({ children: l, index: d, defaultIndex: y = 0, onIndexChange: x, slidesPerView: le = 1, gap: w = 4, loop: T = !1, indicators: ue = !1, autoplay: E = !1, interval: de = 5e3, controlsPlacement: D = "overlay", radius: fe = "lg", labels: pe, className: me, style: he, onFocus: ge, onPointerEnter: _e, onPointerLeave: ve, ...ye }) {
-	let O = e().carousel, k = h(() => ({
+	let O = c().carousel, k = h(() => ({
 		...O,
 		...pe
-	}), [O, pe]), be = n(l), A = be.length, [xe, Se] = _(y), j = d !== void 0, M = j ? d : xe, N = g(M);
+	}), [O, pe]), be = t(l), A = be.length, [xe, Se] = _(y), j = d !== void 0, M = j ? d : xe, N = g(M);
 	N.current = M;
 	let P = g(x);
 	P.current = x;
@@ -263,7 +264,7 @@ function le({ children: l, index: d, defaultIndex: y = 0, onIndexChange: x, slid
 	return /* @__PURE__ */ ee("section", {
 		"aria-roledescription": "carousel",
 		...ye,
-		className: t(c.root, ne[D], te[fe], me),
+		className: e(s.root, ne[D], te[fe], me),
 		style: {
 			...Z,
 			...he
@@ -273,18 +274,18 @@ function le({ children: l, index: d, defaultIndex: y = 0, onIndexChange: x, slid
 		onPointerEnter: Re,
 		onPointerLeave: ze,
 		children: [
-			E && /* @__PURE__ */ v(i, {
+			E && /* @__PURE__ */ v(n, {
 				ref: Ce,
-				className: t(c.control, c.rotation),
+				className: e(s.control, s.rotation),
 				variant: $,
 				tone: "neutral",
 				"aria-label": H ? k.stop : k.start,
 				onClick: () => U((e) => !e),
-				children: v(H ? a : o, {})
+				children: v(H ? i : a, {})
 			}),
-			/* @__PURE__ */ v(i, {
+			/* @__PURE__ */ v(n, {
 				ref: L,
-				className: t(c.control, c.prev),
+				className: e(s.control, s.prev),
 				variant: $,
 				tone: "neutral",
 				"aria-label": k.previous,
@@ -292,14 +293,14 @@ function le({ children: l, index: d, defaultIndex: y = 0, onIndexChange: x, slid
 				disabled: Me || A < 2,
 				...Pe("prev"),
 				onClick: () => Fe(-1),
-				children: /* @__PURE__ */ v(s, {
+				children: /* @__PURE__ */ v(r, {
 					name: "chevron-left",
-					className: c.directional
+					className: s.directional
 				})
 			}),
-			/* @__PURE__ */ v(i, {
+			/* @__PURE__ */ v(n, {
 				ref: R,
-				className: t(c.control, c.next),
+				className: e(s.control, s.next),
 				variant: $,
 				tone: "neutral",
 				"aria-label": k.next,
@@ -307,14 +308,14 @@ function le({ children: l, index: d, defaultIndex: y = 0, onIndexChange: x, slid
 				disabled: Ne || A < 2,
 				...Pe("next"),
 				onClick: () => Fe(1),
-				children: /* @__PURE__ */ v(s, {
+				children: /* @__PURE__ */ v(r, {
 					name: "chevron-right",
-					className: c.directional
+					className: s.directional
 				})
 			}),
 			/* @__PURE__ */ ee("div", {
-				className: c.slides,
-				children: [/* @__PURE__ */ v(r, {
+				className: s.slides,
+				children: [/* @__PURE__ */ v(o, {
 					"aria-live": E && H ? "off" : "polite",
 					"aria-atomic": "true",
 					"data-carousel-status": "",
@@ -322,7 +323,7 @@ function le({ children: l, index: d, defaultIndex: y = 0, onIndexChange: x, slid
 				}), /* @__PURE__ */ v("div", {
 					ref: I,
 					id: F,
-					className: c.viewport,
+					className: s.viewport,
 					role: "group",
 					"aria-label": k.slides,
 					tabIndex: 0,
@@ -338,12 +339,12 @@ function le({ children: l, index: d, defaultIndex: y = 0, onIndexChange: x, slid
 				})]
 			}),
 			ue && A > 1 && /* @__PURE__ */ v("div", {
-				className: c.indicators,
+				className: s.indicators,
 				role: "group",
 				"aria-label": k.indicators,
 				children: Array.from({ length: W + 1 }, (e, t) => /* @__PURE__ */ v("button", {
 					type: "button",
-					className: c.dot,
+					className: s.dot,
 					"aria-label": k.goTo(t + 1, A),
 					"aria-current": t === G ? "true" : void 0,
 					"aria-controls": F,
@@ -353,15 +354,15 @@ function le({ children: l, index: d, defaultIndex: y = 0, onIndexChange: x, slid
 		]
 	});
 }
-function w({ label: e, className: n, children: r, "aria-label": i, "aria-labelledby": a, ...o }) {
-	let s = d(ae), l = d(oe) ?? 0, u = s?.count ?? 1, f = s?.visible[l] === !1, p = a ? void 0 : i ?? e ?? (s ? s.labels.slide(l + 1, u) : void 0);
+function w({ label: t, className: n, children: r, "aria-label": i, "aria-labelledby": a, ...o }) {
+	let c = d(ae), l = d(oe) ?? 0, u = c?.count ?? 1, f = c?.visible[l] === !1, p = a ? void 0 : i ?? t ?? (c ? c.labels.slide(l + 1, u) : void 0);
 	return /* @__PURE__ */ v("div", {
 		role: "group",
 		"aria-roledescription": "slide",
 		"aria-label": p,
 		"aria-labelledby": a,
 		...o,
-		className: t(c.slide, n),
+		className: e(s.slide, n),
 		"data-carousel-slide": "",
 		"data-index": l,
 		"data-hidden": f ? "" : void 0,
@@ -370,5 +371,4 @@ function w({ label: e, className: n, children: r, "aria-label": i, "aria-labelle
 	});
 }
 var T = Object.assign(le, { Slide: w });
-//#endregion
 export { T as Carousel, w as CarouselSlide };

package/dist/components/data-display/Carousel/Carousel.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/data-display/Carousel/Carousel.module.css
+// src/components/data-display/Carousel/Carousel.module.css
 var e = "_root_53pdn_31", t = "_radiusNone_53pdn_155", n = "_radiusXs_53pdn_157", r = "_radiusSm_53pdn_159", i = "_radiusMd_53pdn_161", a = "_radiusLg_53pdn_163", o = "_radiusXl_53pdn_165", s = "_radius2xl_53pdn_167", c = "_radiusPill_53pdn_169", l = "_overlay_53pdn_175", u = "_control_53pdn_191", d = "_prev_53pdn_205", f = "_next_53pdn_215", p = "_rotation_53pdn_225", m = "_indicators_53pdn_237", h = "_bottom_53pdn_247", g = "_slides_53pdn_285", _ = "_viewport_53pdn_297", v = "_slide_53pdn_285", y = "_directional_53pdn_405", b = "_dot_53pdn_435", x = {
 	root: e,
 	radiusNone: t,
@@ -22,5 +22,4 @@ var e = "_root_53pdn_31", t = "_radiusNone_53pdn_155", n = "_radiusXs_53pdn_157"
 	directional: y,
 	dot: b
 };
-//#endregion
 export { h as bottom, u as control, x as default, y as directional, b as dot, m as indicators, f as next, l as overlay, d as prev, s as radius2xl, a as radiusLg, i as radiusMd, t as radiusNone, c as radiusPill, r as radiusSm, o as radiusXl, n as radiusXs, e as root, p as rotation, v as slide, g as slides, _ as viewport };

package/dist/components/data-display/Chat/Chat.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../hooks/useClipboard.cjs.js"),r=require("../../../hooks/useEnvironment.cjs.js"),i=require("../../../utils/cx.cjs.js"),a=require("../../../utils/announce.cjs.js"),o=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),s=require("../../primitives/Button/Button.cjs.js"),c=require("../../primitives/Icon/Icon.cjs.js"),l=require("../../layout/ScrollArea/ScrollArea.cjs.js"),ee=require("../../forms/Textarea/Textarea.cjs.js"),u=require("./Chat.module.css.cjs.js");let d=require("react"),f=require("react/jsx-runtime");var te=48,ne=typeof window<`u`?d.useLayoutEffect:d.useEffect;function re(e){return e!=null&&typeof e[Symbol.asyncIterator]==`function`}var ie=()=>(0,f.jsx)(c.Icon,{children:(0,f.jsx)(`rect`,{x:`7`,y:`7`,width:`10`,height:`10`,rx:`2`,fill:`currentColor`,stroke:`none`})}),p=({messages:p,defaultMessages:ae,onMessagesChange:oe,onSend:m,onStop:se,onError:h,draft:ce,defaultDraft:le,onDraftChange:ue,suggestions:g,emptyState:de,renderContent:_,assistantName:fe,assistantAvatar:pe,userAvatar:v,copyable:y=!0,disclaimer:b,placeholder:me,maxLength:x,disabled:S=!1,labels:he,className:ge,"aria-label":_e,...C})=>{let w={...t.useMessages().chat,...he},T=fe??w.assistant,ve=r.useReducedMotion(),E=(0,d.useId)(),D=`${E}-hint`,[O,k]=e.useControllableState({value:p,defaultValue:ae??[],onChange:oe}),A=(0,d.useRef)(O),j=(0,d.useRef)(O);O!==j.current&&(j.current=O,A.current=O);let M=(0,d.useCallback)(e=>{let t=e(A.current);A.current=t,k(t)},[k]),N=(0,d.useCallback)((e,t)=>M(n=>n.map(n=>n.id===e?{...n,...t}:n)),[M]),P=(0,d.useRef)(0),F=()=>`${E}-${++P.current}`,[I,L]=e.useControllableState({value:ce,defaultValue:le??``,onChange:ue}),[R,z]=(0,d.useState)(!1),B=(0,d.useRef)(null),V=(0,d.useRef)(null),H=(0,d.useRef)(m);H.current=m;let U=(0,d.useRef)(h);U.current=h,(0,d.useEffect)(()=>()=>B.current?.abort(),[]);let W=(0,d.useRef)(null),G=(0,d.useRef)(!0),[ye,K]=(0,d.useState)(!0),be=()=>{let e=W.current;if(!e)return;let t=e.scrollHeight-e.scrollTop-e.clientHeight<=te;G.current=t,K(t)};ne(()=>{let e=W.current;e&&G.current&&(e.scrollTop=e.scrollHeight)},[O]);let xe=()=>{let e=W.current;e&&(G.current=!0,K(!0),e.scrollTo({top:e.scrollHeight,behavior:ve?`auto`:`smooth`}),V.current?.focus())},q=async(e,t)=>{let n=F();M(()=>[...e,{id:n,role:`assistant`,content:``,status:`streaming`}]),G.current=!0,K(!0),z(!0),a.announce(w.typing(T));let r=new AbortController;B.current=r;let i=``;try{let o=await H.current?.(t,{messages:e,signal:r.signal});if(typeof o==`string`)i=o;else if(re(o))for await(let e of o){if(r.signal.aborted)break;i+=e,N(n,{content:i})}else if(!r.signal.aborted){M(e=>e.filter(e=>e.id!==n));return}if(r.signal.aborted)throw r.signal.reason;N(n,{content:i,status:`done`}),a.announce(`${w.assistantSaid(T)} ${i}`)}catch(e){r.signal.aborted?(N(n,{content:i,status:`stopped`}),a.announce(w.stopped)):(U.current?.(e),N(n,{content:i,status:`error`}),a.announce(w.error))}finally{B.current===r&&(B.current=null),z(!1)}},J=e=>{let t=e.trim();!t||R||S||(L(``),q([...A.current,{id:F(),role:`user`,content:t,status:`done`}],t))},Y=()=>{B.current&&(B.current.abort(),se?.(),V.current?.focus())},Se=e=>{let t=A.current,n=t.findIndex(t=>t.id===e)-1;for(;n>=0&&t[n].role!==`user`;)n--;n<0||R||(q(t.slice(0,n+1),t[n].content),V.current?.focus())},X=e=>{e.preventDefault(),R?Y():J(I)},Ce=e=>{if(e.key===`Escape`&&R){e.preventDefault(),Y();return}e.key===`Enter`&&!e.shiftKey&&!e.nativeEvent.isComposing&&(e.preventDefault(),J(e.currentTarget.value))},{copy:we}=n.useClipboard(),[Z,Q]=(0,d.useState)(null);(0,d.useEffect)(()=>{if(Z===null)return;let e=window.setTimeout(()=>Q(null),2e3);return()=>window.clearTimeout(e)},[Z]);let Te=async e=>{await we(e.content)&&(Q(e.id),a.announce(w.copied))},$=O.filter(e=>e.role!==`system`).length===0,Ee=O[O.length-1],De=e=>{if(e.role===`system`)return(0,f.jsx)(`p`,{className:u.default.system,children:e.content},e.id);let t=e.role===`user`,n=e.status??`done`,r=n===`streaming`&&e.content===``,a=t?v:pe,l=!t&&!R&&e===Ee&&(n===`error`||n===`stopped`);return(0,f.jsxs)(`article`,{className:i.cx(u.default.message,t?u.default.user:u.default.assistant),"data-role":e.role,"data-status":n,"aria-busy":n===`streaming`||void 0,children:[a!=null&&(0,f.jsx)(`div`,{className:u.default.avatar,"aria-hidden":`true`,children:a}),(0,f.jsxs)(`div`,{className:u.default.body,children:[r?(0,f.jsxs)(`div`,{className:u.default.bubble,children:[(0,f.jsxs)(`span`,{className:u.default.dots,"aria-hidden":`true`,children:[(0,f.jsx)(`span`,{}),(0,f.jsx)(`span`,{}),(0,f.jsx)(`span`,{})]}),(0,f.jsx)(o.VisuallyHidden,{children:w.typing(T)})]}):e.content!==``&&(0,f.jsxs)(`div`,{className:u.default.bubble,children:[(0,f.jsxs)(o.VisuallyHidden,{children:[t?w.youSaid:w.assistantSaid(T),` `]}),_?_(e):(0,f.jsx)(`p`,{className:u.default.text,children:e.content})]}),n===`error`&&(0,f.jsxs)(`p`,{className:u.default.error,children:[(0,f.jsx)(c.Icon,{name:`error`,size:`sm`}),(0,f.jsx)(`span`,{children:e.error??w.error})]}),n===`stopped`&&(0,f.jsx)(`p`,{className:u.default.note,children:w.stopped}),!t&&(l||y&&n===`done`&&e.content!==``)&&(0,f.jsxs)(`div`,{className:u.default.actions,children:[y&&n===`done`&&e.content!==``&&(0,f.jsx)(s.IconButton,{variant:`ghost`,tone:`neutral`,size:`sm`,"aria-label":Z===e.id?w.copied:w.copy,onClick:()=>void Te(e),children:(0,f.jsx)(c.Icon,{name:Z===e.id?`check`:`copy`})}),l&&(0,f.jsx)(s.Button,{variant:`ghost`,tone:`neutral`,size:`sm`,startIcon:(0,f.jsx)(c.Icon,{name:`refresh`}),onClick:()=>Se(e.id),children:w.retry})]})]})]},e.id)};return(0,f.jsxs)(`section`,{...C,"aria-label":_e??(C[`aria-labelledby`]?void 0:w.region),className:i.cx(u.default.root,ge),children:[(0,f.jsxs)(`div`,{className:u.default.logWrap,children:[(0,f.jsx)(l.ScrollArea,{className:u.default.log,viewportRef:W,onViewportScroll:be,"aria-label":w.log,"aria-busy":R||void 0,tabIndex:0,children:(0,f.jsxs)(`div`,{className:u.default.messages,children:[$&&(0,f.jsxs)(`div`,{className:u.default.empty,children:[de??(0,f.jsx)(`p`,{className:u.default.emptyTitle,children:w.emptyTitle}),g&&g.length>0&&(0,f.jsx)(`div`,{role:`group`,"aria-label":w.suggestions,className:u.default.suggestions,children:g.map(e=>(0,f.jsx)(s.Button,{variant:`outline`,tone:`neutral`,size:`sm`,disabled:S,className:u.default.suggestion,onClick:()=>J(e),children:e},e))})]}),O.map(De)]})}),!ye&&!$&&(0,f.jsx)(s.IconButton,{variant:`soft`,tone:`neutral`,size:`sm`,className:u.default.jump,"aria-label":w.scrollToLatest,onClick:xe,children:(0,f.jsx)(c.Icon,{name:`arrow-down`})})]}),(0,f.jsxs)(`form`,{className:u.default.composer,onSubmit:X,children:[(0,f.jsxs)(`div`,{className:u.default.inputRow,children:[(0,f.jsx)(ee.Textarea,{ref:V,className:u.default.input,"aria-label":w.input,"aria-describedby":D,placeholder:me??w.placeholder,value:I,onValueChange:L,onKeyDown:Ce,autoResize:!0,rows:1,maxRows:6,maxLength:x,showCount:x!==void 0,disabled:S,enterKeyHint:`send`}),R?(0,f.jsx)(s.IconButton,{type:`submit`,variant:`soft`,tone:`neutral`,"aria-label":w.stop,children:(0,f.jsx)(ie,{})}):(0,f.jsx)(s.IconButton,{type:`submit`,"aria-label":w.send,disabled:S||I.trim()===``,children:(0,f.jsx)(c.Icon,{name:`arrow-up`})})]}),(0,f.jsx)(o.VisuallyHidden,{id:D,children:w.hint}),b!=null&&(0,f.jsx)(`p`,{className:u.default.disclaimer,children:b})]})]})};exports.Chat=p;
+"use client";const e=require("../../../hooks/useClipboard.cjs.js"),t=require("../../../hooks/useControllableState.cjs.js"),n=require("../../../hooks/useEnvironment.cjs.js"),r=require("../../../utils/announce.cjs.js"),i=require("../../../utils/cx.cjs.js"),a=require("../../layout/ScrollArea/ScrollArea.cjs.js"),o=require("../../primitives/Button/Button.cjs.js"),s=require("../../primitives/Icon/Icon.cjs.js"),c=require("../../forms/Textarea/Textarea.cjs.js"),ee=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),l=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),u=require("./Chat.module.css.cjs.js");let d=require("react"),f=require("react/jsx-runtime");var te=48,ne=typeof window<`u`?d.useLayoutEffect:d.useEffect;function re(e){return e!=null&&typeof e[Symbol.asyncIterator]==`function`}var ie=()=>(0,f.jsx)(s.Icon,{children:(0,f.jsx)(`rect`,{x:`7`,y:`7`,width:`10`,height:`10`,rx:`2`,fill:`currentColor`,stroke:`none`})}),p=({messages:p,defaultMessages:ae,onMessagesChange:oe,onSend:m,onStop:se,onError:h,draft:ce,defaultDraft:le,onDraftChange:ue,suggestions:g,emptyState:de,renderContent:_,assistantName:fe,assistantAvatar:pe,userAvatar:v,copyable:y=!0,disclaimer:b,placeholder:me,maxLength:x,disabled:S=!1,labels:he,className:ge,"aria-label":_e,...C})=>{let w={...ee.useMessages().chat,...he},T=fe??w.assistant,ve=n.useReducedMotion(),E=(0,d.useId)(),D=`${E}-hint`,[O,k]=t.useControllableState({value:p,defaultValue:ae??[],onChange:oe}),A=(0,d.useRef)(O),j=(0,d.useRef)(O);O!==j.current&&(j.current=O,A.current=O);let M=(0,d.useCallback)(e=>{let t=e(A.current);A.current=t,k(t)},[k]),N=(0,d.useCallback)((e,t)=>M(n=>n.map(n=>n.id===e?{...n,...t}:n)),[M]),P=(0,d.useRef)(0),F=()=>`${E}-${++P.current}`,[I,L]=t.useControllableState({value:ce,defaultValue:le??``,onChange:ue}),[R,z]=(0,d.useState)(!1),B=(0,d.useRef)(null),V=(0,d.useRef)(null),H=(0,d.useRef)(m);H.current=m;let U=(0,d.useRef)(h);U.current=h,(0,d.useEffect)(()=>()=>B.current?.abort(),[]);let W=(0,d.useRef)(null),G=(0,d.useRef)(!0),[ye,K]=(0,d.useState)(!0),be=()=>{let e=W.current;if(!e)return;let t=e.scrollHeight-e.scrollTop-e.clientHeight<=te;G.current=t,K(t)};ne(()=>{let e=W.current;e&&G.current&&(e.scrollTop=e.scrollHeight)},[O]);let xe=()=>{let e=W.current;e&&(G.current=!0,K(!0),e.scrollTo({top:e.scrollHeight,behavior:ve?`auto`:`smooth`}),V.current?.focus())},q=async(e,t)=>{let n=F();M(()=>[...e,{id:n,role:`assistant`,content:``,status:`streaming`}]),G.current=!0,K(!0),z(!0),r.announce(w.typing(T));let i=new AbortController;B.current=i;let a=``;try{let o=await H.current?.(t,{messages:e,signal:i.signal});if(typeof o==`string`)a=o;else if(re(o))for await(let e of o){if(i.signal.aborted)break;a+=e,N(n,{content:a})}else if(!i.signal.aborted){M(e=>e.filter(e=>e.id!==n));return}if(i.signal.aborted)throw i.signal.reason;N(n,{content:a,status:`done`}),r.announce(`${w.assistantSaid(T)} ${a}`)}catch(e){i.signal.aborted?(N(n,{content:a,status:`stopped`}),r.announce(w.stopped)):(U.current?.(e),N(n,{content:a,status:`error`}),r.announce(w.error))}finally{B.current===i&&(B.current=null),z(!1)}},J=e=>{let t=e.trim();!t||R||S||(L(``),q([...A.current,{id:F(),role:`user`,content:t,status:`done`}],t))},Y=()=>{B.current&&(B.current.abort(),se?.(),V.current?.focus())},Se=e=>{let t=A.current,n=t.findIndex(t=>t.id===e)-1;for(;n>=0&&t[n].role!==`user`;)n--;n<0||R||(q(t.slice(0,n+1),t[n].content),V.current?.focus())},X=e=>{e.preventDefault(),R?Y():J(I)},Ce=e=>{e.key===`Escape`&&R?(e.preventDefault(),Y()):e.key===`Enter`&&!e.shiftKey&&!e.nativeEvent.isComposing&&(e.preventDefault(),J(e.currentTarget.value))},{copy:we}=e.useClipboard(),[Z,Q]=(0,d.useState)(null);(0,d.useEffect)(()=>{if(Z===null)return;let e=window.setTimeout(()=>Q(null),2e3);return()=>window.clearTimeout(e)},[Z]);let Te=async e=>{await we(e.content)&&(Q(e.id),r.announce(w.copied))},$=O.filter(e=>e.role!==`system`).length===0,Ee=O[O.length-1],De=e=>{if(e.role===`system`)return(0,f.jsx)(`p`,{className:u.default.system,children:e.content},e.id);let t=e.role===`user`,n=e.status??`done`,r=n===`streaming`&&e.content===``,a=t?v:pe,c=!t&&!R&&e===Ee&&(n===`error`||n===`stopped`);return(0,f.jsxs)(`article`,{className:i.cx(u.default.message,t?u.default.user:u.default.assistant),"data-role":e.role,"data-status":n,"aria-busy":n===`streaming`||void 0,children:[a!=null&&(0,f.jsx)(`div`,{className:u.default.avatar,"aria-hidden":`true`,children:a}),(0,f.jsxs)(`div`,{className:u.default.body,children:[r?(0,f.jsxs)(`div`,{className:u.default.bubble,children:[(0,f.jsxs)(`span`,{className:u.default.dots,"aria-hidden":`true`,children:[(0,f.jsx)(`span`,{}),(0,f.jsx)(`span`,{}),(0,f.jsx)(`span`,{})]}),(0,f.jsx)(l.VisuallyHidden,{children:w.typing(T)})]}):e.content!==``&&(0,f.jsxs)(`div`,{className:u.default.bubble,children:[(0,f.jsxs)(l.VisuallyHidden,{children:[t?w.youSaid:w.assistantSaid(T),` `]}),_?_(e):(0,f.jsx)(`p`,{className:u.default.text,children:e.content})]}),n===`error`&&(0,f.jsxs)(`p`,{className:u.default.error,children:[(0,f.jsx)(s.Icon,{name:`error`,size:`sm`}),(0,f.jsx)(`span`,{children:e.error??w.error})]}),n===`stopped`&&(0,f.jsx)(`p`,{className:u.default.note,children:w.stopped}),!t&&(c||y&&n===`done`&&e.content!==``)&&(0,f.jsxs)(`div`,{className:u.default.actions,children:[y&&n===`done`&&e.content!==``&&(0,f.jsx)(o.IconButton,{variant:`ghost`,tone:`neutral`,size:`sm`,"aria-label":Z===e.id?w.copied:w.copy,onClick:()=>void Te(e),children:(0,f.jsx)(s.Icon,{name:Z===e.id?`check`:`copy`})}),c&&(0,f.jsx)(o.Button,{variant:`ghost`,tone:`neutral`,size:`sm`,startIcon:(0,f.jsx)(s.Icon,{name:`refresh`}),onClick:()=>Se(e.id),children:w.retry})]})]})]},e.id)};return(0,f.jsxs)(`section`,{...C,"aria-label":_e??(C[`aria-labelledby`]?void 0:w.region),className:i.cx(u.default.root,ge),children:[(0,f.jsxs)(`div`,{className:u.default.logWrap,children:[(0,f.jsx)(a.ScrollArea,{className:u.default.log,viewportRef:W,onViewportScroll:be,"aria-label":w.log,"aria-busy":R||void 0,tabIndex:0,children:(0,f.jsxs)(`div`,{className:u.default.messages,children:[$&&(0,f.jsxs)(`div`,{className:u.default.empty,children:[de??(0,f.jsx)(`p`,{className:u.default.emptyTitle,children:w.emptyTitle}),g&&g.length>0&&(0,f.jsx)(`div`,{role:`group`,"aria-label":w.suggestions,className:u.default.suggestions,children:g.map(e=>(0,f.jsx)(o.Button,{variant:`outline`,tone:`neutral`,size:`sm`,disabled:S,className:u.default.suggestion,onClick:()=>J(e),children:e},e))})]}),O.map(De)]})}),!ye&&!$&&(0,f.jsx)(o.IconButton,{variant:`soft`,tone:`neutral`,size:`sm`,className:u.default.jump,"aria-label":w.scrollToLatest,onClick:xe,children:(0,f.jsx)(s.Icon,{name:`arrow-down`})})]}),(0,f.jsxs)(`form`,{className:u.default.composer,onSubmit:X,children:[(0,f.jsxs)(`div`,{className:u.default.inputRow,children:[(0,f.jsx)(c.Textarea,{ref:V,className:u.default.input,"aria-label":w.input,"aria-describedby":D,placeholder:me??w.placeholder,value:I,onValueChange:L,onKeyDown:Ce,autoResize:!0,rows:1,maxRows:6,maxLength:x,showCount:x!==void 0,disabled:S,enterKeyHint:`send`}),R?(0,f.jsx)(o.IconButton,{type:`submit`,variant:`soft`,tone:`neutral`,"aria-label":w.stop,children:(0,f.jsx)(ie,{})}):(0,f.jsx)(o.IconButton,{type:`submit`,"aria-label":w.send,disabled:S||I.trim()===``,children:(0,f.jsx)(s.Icon,{name:`arrow-up`})})]}),(0,f.jsx)(l.VisuallyHidden,{id:D,children:w.hint}),b!=null&&(0,f.jsx)(`p`,{className:u.default.disclaimer,children:b})]})]})};exports.Chat=p;