@vjdesigns/vjdesigns-ui 2.3.0 → 2.5.0

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

@@ -1,5 +1,5 @@
-//#region src/components/data-display/Badge/Badge.module.css
-var e = "_root_fn6ui_21", t = "_content_fn6ui_93", n = "_label_fn6ui_105", r = "_icon_fn6ui_113", i = "_dot_fn6ui_139", a = "_solid_fn6ui_161", o = "_soft_fn6ui_171", s = "_outline_fn6ui_181", c = "_neutral_fn6ui_197", l = "_primary_fn6ui_213", u = "_accent_fn6ui_229", d = "_success_fn6ui_245", f = "_warning_fn6ui_261", p = "_danger_fn6ui_277", m = "_info_fn6ui_293", h = "_sm_fn6ui_313", g = "_md_fn6ui_331", _ = "_lg_fn6ui_349", v = "_radiusNone_fn6ui_371", y = "_radiusXs_fn6ui_377", b = "_radiusSm_fn6ui_383", x = "_radiusMd_fn6ui_389", S = "_radiusLg_fn6ui_395", C = "_radiusXl_fn6ui_401", w = "_radius2xl_fn6ui_407", T = "_radiusPill_fn6ui_413", E = "_count_fn6ui_427", D = "_caps_fn6ui_441", O = "_anchor_fn6ui_461", k = "_anchored_fn6ui_475", A = "_anchoredDot_fn6ui_557", j = "_overlapRectangle_fn6ui_623", M = "_overlapCircle_fn6ui_629", N = "_topEnd_fn6ui_637", P = "_topStart_fn6ui_649", F = "_bottomEnd_fn6ui_661", I = "_bottomStart_fn6ui_673", L = "_invisible_fn6ui_709", R = {
+// src/components/data-display/Badge/Badge.module.css
+var e = "_root_54g55_23", t = "_content_54g55_95", n = "_label_54g55_107", r = "_icon_54g55_115", i = "_dot_54g55_141", a = "_solid_54g55_163", o = "_soft_54g55_173", s = "_outline_54g55_183", c = "_inverse_54g55_199", l = "_neutral_54g55_213", u = "_primary_54g55_229", d = "_accent_54g55_245", f = "_success_54g55_261", p = "_warning_54g55_277", m = "_danger_54g55_293", h = "_info_54g55_309", g = "_sm_54g55_329", _ = "_md_54g55_347", v = "_lg_54g55_365", y = "_radiusNone_54g55_387", b = "_radiusXs_54g55_393", x = "_radiusSm_54g55_399", S = "_radiusMd_54g55_405", C = "_radiusLg_54g55_411", w = "_radiusXl_54g55_417", T = "_radius2xl_54g55_423", E = "_radiusPill_54g55_429", D = "_count_54g55_443", O = "_caps_54g55_457", k = "_anchor_54g55_477", A = "_anchored_54g55_491", j = "_anchoredDot_54g55_573", M = "_overlapRectangle_54g55_647", N = "_overlapCircle_54g55_653", P = "_topEnd_54g55_661", F = "_topStart_54g55_673", I = "_bottomEnd_54g55_685", L = "_bottomStart_54g55_697", R = "_invisible_54g55_733", z = {
 	root: e,
 	content: t,
 	label: n,
@@ -8,36 +8,36 @@ var e = "_root_fn6ui_21", t = "_content_fn6ui_93", n = "_label_fn6ui_105", r = "
 	solid: a,
 	soft: o,
 	outline: s,
-	neutral: c,
-	primary: l,
-	accent: u,
-	success: d,
-	warning: f,
-	danger: p,
-	info: m,
-	sm: h,
-	md: g,
-	lg: _,
-	radiusNone: v,
-	radiusXs: y,
-	radiusSm: b,
-	radiusMd: x,
-	radiusLg: S,
-	radiusXl: C,
-	radius2xl: w,
-	radiusPill: T,
-	count: E,
-	caps: D,
-	anchor: O,
-	anchored: k,
-	anchoredDot: A,
-	overlapRectangle: j,
-	overlapCircle: M,
-	topEnd: N,
-	topStart: P,
-	bottomEnd: F,
-	bottomStart: I,
-	invisible: L
+	inverse: c,
+	neutral: l,
+	primary: u,
+	accent: d,
+	success: f,
+	warning: p,
+	danger: m,
+	info: h,
+	sm: g,
+	md: _,
+	lg: v,
+	radiusNone: y,
+	radiusXs: b,
+	radiusSm: x,
+	radiusMd: S,
+	radiusLg: C,
+	radiusXl: w,
+	radius2xl: T,
+	radiusPill: E,
+	count: D,
+	caps: O,
+	anchor: k,
+	anchored: A,
+	anchoredDot: j,
+	overlapRectangle: M,
+	overlapCircle: N,
+	topEnd: P,
+	topStart: F,
+	bottomEnd: I,
+	bottomStart: L,
+	invisible: R
 };
-//#endregion
-export { u as accent, O as anchor, k as anchored, A as anchoredDot, F as bottomEnd, I as bottomStart, D as caps, t as content, E as count, p as danger, R as default, i as dot, r as icon, m as info, L as invisible, n as label, _ as lg, g as md, c as neutral, s as outline, M as overlapCircle, j as overlapRectangle, l as primary, w as radius2xl, S as radiusLg, x as radiusMd, v as radiusNone, T as radiusPill, b as radiusSm, C as radiusXl, y as radiusXs, e as root, h as sm, o as soft, a as solid, d as success, N as topEnd, P as topStart, f as warning };
+export { d as accent, k as anchor, A as anchored, j as anchoredDot, I as bottomEnd, L as bottomStart, O as caps, t as content, D as count, m as danger, z as default, i as dot, r as icon, h as info, c as inverse, R as invisible, n as label, v as lg, _ as md, l as neutral, s as outline, N as overlapCircle, M as overlapRectangle, u as primary, T as radius2xl, C as radiusLg, S as radiusMd, y as radiusNone, E as radiusPill, x as radiusSm, w as radiusXl, b as radiusXs, e as root, g as sm, o as soft, a as solid, f as success, P as topEnd, F as topStart, p as warning };

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

@@ -1 +1 @@
-const e=require("../../../utils/cx.cjs.js"),t=require("../../../utils/fillSlot.cjs.js"),n=require("../../primitives/Icon/Icon.cjs.js"),r=require("../../primitives/Typography/Typography.cjs.js"),i=require("./Card.module.css.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s={elevated:i.default.elevated,outline:i.default.outline,filled:i.default.filled,soft:i.default.soft},c={neutral:i.default.toneNeutral,primary:i.default.tonePrimary,accent:i.default.toneAccent,success:i.default.toneSuccess,warning:i.default.toneWarning,danger:i.default.toneDanger,info:i.default.toneInfo},l={none:i.default.radiusNone,xs:i.default.radiusXs,sm:i.default.radiusSm,md:i.default.radiusMd,lg:i.default.radiusLg,xl:i.default.radiusXl,"2xl":i.default.radius2xl,pill:i.default.radiusPill},u={none:i.default.paddingNone,sm:i.default.paddingSm,md:i.default.paddingMd,lg:i.default.paddingLg},d={vertical:i.default.vertical,horizontal:i.default.horizontal},f={"16/9":i.default.aspect16x9,"4/3":i.default.aspect4x3,"3/2":i.default.aspect3x2,"1/1":i.default.aspect1x1,"21/9":i.default.aspect21x9,auto:i.default.aspectAuto},p={top:i.default.mediaTop,bottom:i.default.mediaBottom,start:i.default.mediaStart},m={start:i.default.justifyStart,center:i.default.justifyCenter,end:i.default.justifyEnd,between:i.default.justifyBetween,stretch:i.default.justifyStretch},h=(0,a.createContext)(null);function g(t){let{as:r,variant:f=`elevated`,tone:p,radius:m=`xl`,padding:g=`md`,orientation:_=`vertical`,interactive:v=!1,selected:y=!1,className:b,children:x,...S}=t,w=r??`article`,T=p??(f===`soft`?`primary`:void 0),[E,D]=(0,a.useState)([]),O=(0,a.useCallback)(e=>(D(t=>t.includes(e)?t:[...t,e]),()=>D(t=>t.filter(t=>t!==e))),[]),k=E[0]??null,A={orientation:_,registerTitle:O},j=x;if(_===`horizontal`){let e=[],t=[];a.Children.forEach(x,n=>{(0,a.isValidElement)(n)&&n.type===C?e.push(n):n!=null&&typeof n!=`boolean`&&t.push(n)}),j=(0,o.jsxs)(`div`,{className:i.default.layout,children:[e,(0,o.jsx)(`div`,{className:i.default.content,children:t})]})}let M=(r??`article`)===`article`&&k!==null&&S[`aria-label`]===void 0&&S[`aria-labelledby`]===void 0;return(0,o.jsx)(h.Provider,{value:A,children:(0,o.jsxs)(w,{"aria-labelledby":M?k:void 0,...S,"data-selected":y||void 0,className:e.cx(i.default.root,s[f],T&&c[T],l[m],u[g],d[_],v&&i.default.interactive,y&&i.default.selected,b),children:[j,y&&(0,o.jsx)(`span`,{className:i.default.selectedBadge,"aria-hidden":`true`,children:(0,o.jsx)(n.Icon,{name:`check`,size:`sm`,strokeWidth:3})})]})})}var _=e=>typeof e==`string`||typeof e==`number`;function v({title:t,description:n,action:r,className:a,children:s,...c}){let l=t!=null||n!=null||s!=null&&s!==!1;return(0,o.jsxs)(`div`,{...c,className:e.cx(i.default.header,a),children:[l&&(0,o.jsxs)(`div`,{className:i.default.headerText,children:[_(t)?(0,o.jsx)(y,{children:t}):t,_(n)?(0,o.jsx)(b,{children:n}):n,s]}),r!=null&&(0,o.jsx)(`div`,{className:i.default.action,children:r})]})}function y({level:t=3,size:n=`xl`,href:s,id:c,className:l,children:u,...d}){let f=(0,a.useContext)(h),p=(0,a.useId)(),m=c??`${p}-title`,g=f?.registerTitle;return(0,a.useEffect)(()=>{if(g)return g(m)},[g,m]),(0,o.jsx)(r.Heading,{...d,id:m,level:t,size:n,tone:`inherit`,className:e.cx(i.default.title,l),children:s===void 0?u:(0,o.jsx)(w,{href:s,children:u})})}function b({className:t,...n}){return(0,o.jsx)(r.Text,{...n,size:`sm`,tone:`inherit`,className:e.cx(i.default.description,t)})}function x({className:t,...n}){return(0,o.jsx)(`div`,{...n,className:e.cx(i.default.body,t)})}function S({justify:t=`end`,className:n,...r}){return(0,o.jsx)(`div`,{...r,className:e.cx(i.default.footer,m[t],n)})}function C({aspectRatio:n=`16/9`,position:r,className:s,...c}){let l=(0,a.useContext)(h),u=r??(l?.orientation===`horizontal`?`start`:`top`);return(0,o.jsx)(t.FillSlotContext.Provider,{value:!0,children:(0,o.jsx)(`div`,{...c,className:e.cx(i.default.media,f[n],p[u],s)})})}function w(t){let{as:n,className:r,...a}=t;return(0,o.jsx)(n??`a`,{type:n===`button`?`button`:void 0,...a,className:e.cx(i.default.overlay,r)})}var T=Object.assign(g,{Header:v,Title:y,Description:b,Body:x,Footer:S,Media:C,LinkOverlay:w});exports.Card=T,exports.CardBody=x,exports.CardDescription=b,exports.CardFooter=S,exports.CardHeader=v,exports.CardLinkOverlay=w,exports.CardMedia=C,exports.CardTitle=y;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("../../../utils/fillSlot.cjs.js"),n=require("../../primitives/Icon/Icon.cjs.js"),r=require("../../primitives/Typography/Typography.cjs.js"),i=require("./Card.module.css.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s={elevated:i.default.elevated,outline:i.default.outline,filled:i.default.filled,soft:i.default.soft},c={neutral:i.default.toneNeutral,primary:i.default.tonePrimary,accent:i.default.toneAccent,success:i.default.toneSuccess,warning:i.default.toneWarning,danger:i.default.toneDanger,info:i.default.toneInfo},l={none:i.default.radiusNone,xs:i.default.radiusXs,sm:i.default.radiusSm,md:i.default.radiusMd,lg:i.default.radiusLg,xl:i.default.radiusXl,"2xl":i.default.radius2xl,pill:i.default.radiusPill},u={none:i.default.paddingNone,sm:i.default.paddingSm,md:i.default.paddingMd,lg:i.default.paddingLg},d={vertical:i.default.vertical,horizontal:i.default.horizontal},f={"16/9":i.default.aspect16x9,"4/3":i.default.aspect4x3,"3/2":i.default.aspect3x2,"1/1":i.default.aspect1x1,"21/9":i.default.aspect21x9,auto:i.default.aspectAuto},p={top:i.default.mediaTop,bottom:i.default.mediaBottom,start:i.default.mediaStart},m={start:i.default.justifyStart,center:i.default.justifyCenter,end:i.default.justifyEnd,between:i.default.justifyBetween,stretch:i.default.justifyStretch},h=(0,a.createContext)(null);function g(t){let{as:r,variant:f=`elevated`,tone:p,radius:m=`xl`,padding:g=`md`,orientation:_=`vertical`,interactive:v=!1,selected:y=!1,className:b,children:x,...S}=t,w=r??`article`,T=p??(f===`soft`?`primary`:void 0),[E,D]=(0,a.useState)([]),O=(0,a.useCallback)(e=>(D(t=>t.includes(e)?t:[...t,e]),()=>D(t=>t.filter(t=>t!==e))),[]),k=E[0]??null,A={orientation:_,registerTitle:O},j=x;if(_===`horizontal`){let e=[],t=[];a.Children.forEach(x,n=>{(0,a.isValidElement)(n)&&n.type===C?e.push(n):n!=null&&typeof n!=`boolean`&&t.push(n)}),j=(0,o.jsxs)(`div`,{className:i.default.layout,children:[e,(0,o.jsx)(`div`,{className:i.default.content,children:t})]})}let M=(r??`article`)===`article`&&k!==null&&S[`aria-label`]===void 0&&S[`aria-labelledby`]===void 0;return(0,o.jsx)(h.Provider,{value:A,children:(0,o.jsxs)(w,{"aria-labelledby":M?k:void 0,...S,"data-selected":y||void 0,className:e.cx(i.default.root,s[f],T&&c[T],l[m],u[g],d[_],v&&i.default.interactive,y&&i.default.selected,b),children:[j,y&&(0,o.jsx)(`span`,{className:i.default.selectedBadge,"aria-hidden":`true`,children:(0,o.jsx)(n.Icon,{name:`check`,size:`sm`,strokeWidth:3})})]})})}var _=e=>typeof e==`string`||typeof e==`number`;function v({title:t,description:n,action:r,className:a,children:s,...c}){let l=t!=null||n!=null||s!=null&&s!==!1;return(0,o.jsxs)(`div`,{...c,className:e.cx(i.default.header,a),children:[l&&(0,o.jsxs)(`div`,{className:i.default.headerText,children:[_(t)?(0,o.jsx)(y,{children:t}):t,_(n)?(0,o.jsx)(b,{children:n}):n,s]}),r!=null&&(0,o.jsx)(`div`,{className:i.default.action,children:r})]})}function y({level:t=3,size:n=`xl`,href:s,id:c,className:l,children:u,...d}){let f=(0,a.useContext)(h),p=(0,a.useId)(),m=c??`${p}-title`,g=f?.registerTitle;return(0,a.useEffect)(()=>{if(g)return g(m)},[g,m]),(0,o.jsx)(r.Heading,{...d,id:m,level:t,size:n,tone:`inherit`,className:e.cx(i.default.title,l),children:s===void 0?u:(0,o.jsx)(w,{href:s,children:u})})}function b({className:t,...n}){return(0,o.jsx)(r.Text,{...n,size:`sm`,tone:`inherit`,className:e.cx(i.default.description,t)})}function x({className:t,...n}){return(0,o.jsx)(`div`,{...n,className:e.cx(i.default.body,t)})}function S({justify:t=`end`,className:n,...r}){return(0,o.jsx)(`div`,{...r,className:e.cx(i.default.footer,m[t],n)})}function C({aspectRatio:n=`16/9`,position:r,className:s,...c}){let l=(0,a.useContext)(h),u=r??(l?.orientation===`horizontal`?`start`:`top`);return(0,o.jsx)(t.FillSlotContext.Provider,{value:!0,children:(0,o.jsx)(`div`,{...c,className:e.cx(i.default.media,f[n],p[u],s)})})}function w(t){let{as:n,className:r,...a}=t;return(0,o.jsx)(n??`a`,{type:n===`button`?`button`:void 0,...a,className:e.cx(i.default.overlay,r)})}var T=Object.assign(g,{Header:v,Title:y,Description:b,Body:x,Footer:S,Media:C,LinkOverlay:w});exports.Card=T,exports.CardBody=x,exports.CardDescription=b,exports.CardFooter=S,exports.CardHeader=v,exports.CardLinkOverlay=w,exports.CardMedia=C,exports.CardTitle=y;

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

@@ -1,3 +1,4 @@
+"use client";
 import { cx as e } from "../../../utils/cx.mjs";
 import { FillSlotContext as t } from "../../../utils/fillSlot.mjs";
 import { Icon as n } from "../../primitives/Icon/Icon.mjs";
@@ -5,7 +6,7 @@ import { Heading as r, Text as i } from "../../primitives/Typography/Typography.
 import a from "./Card.module.css.mjs";
 import { Children as o, createContext as s, isValidElement as c, useCallback as l, useContext as u, useEffect as d, useId as f, useState as p } from "react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
-//#region src/components/data-display/Card/Card.tsx
+// src/components/data-display/Card/Card.tsx
 var g = {
 	elevated: a.elevated,
 	outline: a.outline,
@@ -174,5 +175,4 @@ var P = Object.assign(T, {
 	Media: M,
 	LinkOverlay: N
 });
-//#endregion
 export { P as Card, A as CardBody, k as CardDescription, j as CardFooter, D as CardHeader, N as CardLinkOverlay, M as CardMedia, O as CardTitle };

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

@@ -1,4 +1,4 @@
-//#region src/components/data-display/Card/Card.module.css
+// src/components/data-display/Card/Card.module.css
 var e = "_root_txzt6_33", t = "_elevated_txzt6_113", n = "_outline_txzt6_123", r = "_toneNeutral_txzt6_137", i = "_tonePrimary_txzt6_137", a = "_toneAccent_txzt6_137", o = "_toneSuccess_txzt6_137", s = "_toneWarning_txzt6_137", c = "_toneDanger_txzt6_137", l = "_toneInfo_txzt6_137", u = "_filled_txzt6_145", d = "_soft_txzt6_159", f = "_radiusNone_txzt6_249", p = "_radiusXs_txzt6_255", m = "_radiusSm_txzt6_261", h = "_radiusMd_txzt6_267", g = "_radiusLg_txzt6_273", _ = "_radiusXl_txzt6_279", v = "_radius2xl_txzt6_285", y = "_radiusPill_txzt6_293", b = "_paddingNone_txzt6_303", x = "_paddingSm_txzt6_311", S = "_paddingMd_txzt6_319", C = "_paddingLg_txzt6_327", w = "_vertical_txzt6_341", T = "_horizontal_txzt6_353", E = "_layout_txzt6_365", D = "_content_txzt6_379", O = "_mediaStart_txzt6_409", k = "_header_txzt6_449", A = "_headerText_txzt6_465", j = "_action_txzt6_481", M = "_title_txzt6_497", N = "_description_txzt6_507", P = "_body_txzt6_521", F = "_footer_txzt6_547", I = "_justifyStart_txzt6_565", L = "_justifyCenter_txzt6_571", R = "_justifyEnd_txzt6_577", z = "_justifyBetween_txzt6_583", B = "_justifyStretch_txzt6_589", V = "_media_txzt6_409", H = "_aspect16x9_txzt6_651", U = "_aspect4x3_txzt6_657", W = "_aspect3x2_txzt6_663", G = "_aspect1x1_txzt6_669", K = "_aspect21x9_txzt6_675", q = "_aspectAuto_txzt6_681", J = "_mediaTop_txzt6_699", Y = "_mediaBottom_txzt6_715", X = "_overlay_txzt6_729", Z = "_interactive_txzt6_831", Q = "_selected_txzt6_883", $ = "_selectedBadge_txzt6_895", ee = {
 	root: e,
 	elevated: t,
@@ -55,5 +55,4 @@ var e = "_root_txzt6_33", t = "_elevated_txzt6_113", n = "_outline_txzt6_123", r
 	selected: Q,
 	selectedBadge: $
 };
-//#endregion
 export { j as action, H as aspect16x9, G as aspect1x1, K as aspect21x9, W as aspect3x2, U as aspect4x3, q as aspectAuto, P as body, D as content, ee as default, N as description, t as elevated, u as filled, F as footer, k as header, A as headerText, T as horizontal, Z as interactive, z as justifyBetween, L as justifyCenter, R as justifyEnd, I as justifyStart, B as justifyStretch, E as layout, V as media, Y as mediaBottom, O as mediaStart, J as mediaTop, n as outline, X as overlay, C as paddingLg, S as paddingMd, b as paddingNone, x as paddingSm, v as radius2xl, g as radiusLg, h as radiusMd, f as radiusNone, y as radiusPill, m as radiusSm, _ as radiusXl, p as radiusXs, e as root, Q as selected, $ as selectedBadge, d as soft, M as title, a as toneAccent, c as toneDanger, l as toneInfo, r as toneNeutral, i as tonePrimary, o as toneSuccess, s as toneWarning, w as vertical };

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;