@patterninc/pattern-ui 0.0.0-main.202610191501.e7ccddcac265 → 0.0.0-main.202610192306.07efdc7fbb84

package/dist/browser/@patterninc/pattern-ui/activity-card.js

@@ -1 +1 @@
-import{a as e}from"../../_chunks/rolldown-runtime-B0Z9INg1.js";import{d as t,m as n,u as r}from"../../_chunks/transitions-Cn0Tw_ua.js";import{t as i}from"../../_chunks/react-BcFqt3h5.js";import{t as a}from"../../_chunks/ChevronRightIcon-j8lccnBm.js";import{t as o}from"../../_chunks/ArrowRightIcon-B00tXOI2.js";import{t as s}from"../../_chunks/compiler-runtime-Br_I-bNG.js";import{t as c}from"../../_chunks/jsx-runtime-CNz6huh3.js";import{t as l}from"../../_chunks/dist-hovC-tlK.js";import{t as u}from"../../_chunks/Prefix-BViDbvC8.js";import{n as d}from"../../_chunks/react-pnTbDyGB.js";import{t as f}from"../../_chunks/AnimatePresence-CY5fQQqM.js";import{t as p}from"../../_chunks/use-reduced-motion-BCblJBd0.js";import{t as m}from"../../_chunks/Button-B8Eru7h_.js";import{t as h}from"../../_chunks/button-constants-BRLmyaWg.js";import{i as g}from"../../_chunks/dist-ByhcWgyI.js";import{t as _}from"../../_chunks/Avatar-BPBLCoQt.js";import{t as v}from"../../_chunks/TextareaField-C2Qfd4In.js";import{t as y}from"../../_chunks/Tag-rG6GTwYL.js";import{t as b}from"../../_chunks/Suffix-BVH1auME.js";import{t as x}from"../../_chunks/Divider-Ip7wScrG.js";import{t as S}from"../../_chunks/CalendarIcon-_OiSelo1.js";import{t as C}from"../../_chunks/SpeechBubbleIcon-CzJ7VCG4.js";import{t as w}from"../../_chunks/Section-gGVUUPba.js";import{t as T}from"../../_chunks/Skeleton-CmDNKwoD.js";import{t as E}from"../../_chunks/ChevronLeftIcon-C_AfE3wA.js";import{t as D}from"../../_chunks/ButtonGroup-CUSKFBLC.js";import{t as O}from"../../_chunks/ThumbsDownAlt-C1nNPpit.js";import{t as k}from"../../_chunks/ThumbsUpAlt-Cc2meMUM.js";import{t as A}from"../../_chunks/StopFillIcon-Cw4NsJcJ.js";var j=s(),M=/* @__PURE__ */ e(c(),1);i();function N(e){let i=(0,j.c)(40),{variations:o,variationIndex:s,onVariationChange:c,qaTestId:u}=e,m=s===void 0?0:s,h=u===void 0?`activity-card-variations-carousel`:u,g=p(),_=o.length,v=m<=0,y=m>=_-1,b;i[0]!==v||i[1]!==c||i[2]!==m?(b=()=>!v&&c?.(m-1),i[0]=v,i[1]=c,i[2]=m,i[3]=b):b=i[3];let x=b,S;i[4]!==y||i[5]!==c||i[6]!==m?(S=()=>!y&&c?.(m+1),i[4]=y,i[5]=c,i[6]=m,i[7]=S):S=i[7];let C=S,w=v?`icon-disabled`:`icon-strong`,T;i[8]===w?T=i[9]:(T=/* @__PURE__ */ (0,M.jsx)(E,{color:w,size:20}),i[8]=w,i[9]=T);let D;i[10]!==v||i[11]!==x||i[12]!==T?(D=/* @__PURE__ */ (0,M.jsx)(`button`,{type:`button`,"aria-label":`Previous variation`,onClick:x,disabled:v,className:`flex w-6 shrink-0 items-center justify-center rounded-lg bg-depth-black-4 transition-colors hover:bg-depth-black-8 disabled:cursor-not-allowed disabled:hover:bg-depth-black-4`,children:T}),i[10]=v,i[11]=x,i[12]=T,i[13]=D):D=i[13];let O=g?void 0:t,k;i[14]===Symbol.for(`react.memo_cache_sentinel`)?(k={willChange:`opacity, transform`,transform:`translate3d(0, 0, 0)`,backfaceVisibility:`hidden`},i[14]=k):k=i[14];let A=o[m],N;i[15]!==A||i[16]!==O||i[17]!==m?(N=/* @__PURE__ */ (0,M.jsx)(`div`,{className:`relative flex flex-1 items-center overflow-hidden rounded-xl border border-depth-black-4 bg-base-inverse p-2.5 group-data-[selected]:border-transparent group-data-[selected]:bg-depth-black-4`,children:/* @__PURE__ */ (0,M.jsx)(f,{mode:`popLayout`,initial:!1,children:/* @__PURE__ */ (0,M.jsx)(d.p,{className:`pui-text-body-medium-compact text-text-strong`,variants:O,initial:`enter`,animate:`center`,exit:`exit`,transition:r,style:k,children:A},m)})}),i[15]=A,i[16]=O,i[17]=m,i[18]=N):N=i[18];let F=y?`icon-disabled`:`icon-strong`,I;i[19]===F?I=i[20]:(I=/* @__PURE__ */ (0,M.jsx)(a,{color:F,size:20}),i[19]=F,i[20]=I);let L;i[21]!==y||i[22]!==C||i[23]!==I?(L=/* @__PURE__ */ (0,M.jsx)(`button`,{type:`button`,"aria-label":`Next variation`,onClick:C,disabled:y,className:`flex w-6 shrink-0 items-center justify-center rounded-lg bg-depth-black-4 transition-colors hover:bg-depth-black-8 disabled:cursor-not-allowed disabled:hover:bg-depth-black-4`,children:I}),i[21]=y,i[22]=C,i[23]=I,i[24]=L):L=i[24];let R;i[25]!==N||i[26]!==L||i[27]!==D?(R=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex h-24 w-full items-stretch gap-2`,children:[D,N,L]}),i[25]=N,i[26]=L,i[27]=D,i[28]=R):R=i[28];let z;if(i[29]!==m||i[30]!==o){let e;i[32]===m?e=i[33]:(e=(e,t)=>/* @__PURE__ */ (0,M.jsx)(d.div,{className:l(`h-1.5 rounded-full`,t===m?`bg-depth-black-100`:`bg-depth-black-4`),animate:{width:t===m?16:6},transition:n},t),i[32]=m,i[33]=e),z=o.map(e),i[29]=m,i[30]=o,i[31]=z}else z=i[31];let B;i[34]===z?B=i[35]:(B=/* @__PURE__ */ (0,M.jsx)(`div`,{className:`flex w-full items-center justify-center gap-1`,children:z}),i[34]=z,i[35]=B);let V;return i[36]!==h||i[37]!==R||i[38]!==B?(V=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex w-full flex-col gap-2`,role:`group`,"aria-label":`Navigate variations`,onClick:P,"qa-test-id":h,children:[R,B]}),i[36]=h,i[37]=R,i[38]=B,i[39]=V):V=i[39],V}function P(e){return e.stopPropagation()}function F(e){let t=e.trim().split(/\s+/).filter(Boolean),n=t[0];if(!n)return``;let r=t.at(-1);return`${n[0]??``}${t.length>1?r?.[0]??``:n[1]??``}`.toUpperCase()}function I(e){let t=(0,j.c)(26),{name:n,role:r,avatarSrc:i,date:a,commentCount:o,onCommentCountClick:s}=e,{_:c}=g(),l=r??a,u=o!=null&&o>0,f;t[0]===o?f=t[1]:(f=/* @__PURE__ */ (0,M.jsx)(b,{variant:`tag`,tagNumber:o,tagIcon:C,tagVariant:`stroke`,tagSize:`medium`,className:`shrink-0`}),t[0]=o,t[1]=f);let p=f,m;t[2]===n?m=t[3]:(m=F(n),t[2]=n,t[3]=m);let v;t[4]!==i||t[5]!==n||t[6]!==m?(v=/* @__PURE__ */ (0,M.jsx)(_,{src:i,alt:n,initials:m}),t[4]=i,t[5]=n,t[6]=m,t[7]=v):v=t[7];let x;t[8]===n?x=t[9]:(x=/* @__PURE__ */ (0,M.jsx)(`p`,{className:`pui-text-label-medium truncate text-text-strong`,children:n}),t[8]=n,t[9]=x);let w;t[10]===l?w=t[11]:(w=l?/* @__PURE__ */ (0,M.jsx)(`p`,{className:`pui-text-mono-small truncate text-text-soft`,children:l}):null,t[10]=l,t[11]=w);let T;t[12]!==x||t[13]!==w?(T=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:[x,w]}),t[12]=x,t[13]=w,t[14]=T):T=t[14];let E;t[15]!==c||t[16]!==p||t[17]!==a||t[18]!==s||t[19]!==r||t[20]!==u?(E=u?s?/* @__PURE__ */ (0,M.jsx)(d.button,{type:`button`,className:`inline-flex shrink-0 cursor-pointer items-center border-0 bg-transparent p-0`,whileTap:{scale:h},"aria-label":c({id:`Dd6j2Q`}),"qa-test-id":`activity-card-ownership-comments`,onClick:e=>{e.stopPropagation(),s()},onPointerDown:L,children:p}):p:a&&r?/* @__PURE__ */ (0,M.jsx)(y,{variant:`stroke`,size:`medium`,icon:S,className:`shrink-0`,children:a}):null,t[15]=c,t[16]=p,t[17]=a,t[18]=s,t[19]=r,t[20]=u,t[21]=E):E=t[21];let D;return t[22]!==v||t[23]!==T||t[24]!==E?(D=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex w-full items-center gap-2 overflow-hidden rounded-xl bg-depth-black-4 p-2.5`,"qa-test-id":`activity-card-ownership`,children:[v,T,E]}),t[22]=v,t[23]=T,t[24]=E,t[25]=D):D=t[25],D}function L(e){return e.stopPropagation()}function R(e){let t=(0,j.c)(18),{note:n,author:r,timestamp:i,className:a,isSwapVisible:o,swapNode:s}=e,{_:c}=g(),u;t[0]===a?u=t[1]:(u=l(`flex w-full flex-col gap-1 overflow-hidden rounded-xl border border-depth-black-4 px-3 py-2.5`,a),t[0]=a,t[1]=u);let d;t[2]!==c||t[3]!==r?(d=r?/* @__PURE__ */ (0,M.jsxs)(M.Fragment,{children:[/* @__PURE__ */ (0,M.jsx)(_,{size:`small`,alt:r,initials:F(r)}),/* @__PURE__ */ (0,M.jsx)(`p`,{className:`pui-text-mono-small min-w-0 flex-1 truncate text-depth-black-48`,"qa-test-id":`activity-card-note-author`,children:r})]}):/* @__PURE__ */ (0,M.jsx)(`p`,{className:`pui-text-mono-small-alt-bold min-w-0 flex-1 truncate text-text-sub uppercase`,"qa-test-id":`activity-card-note-label`,children:c({id:`KiJn9B`})}),t[2]=c,t[3]=r,t[4]=d):d=t[4];let f;t[5]!==o||t[6]!==s||t[7]!==i?(f=i?/* @__PURE__ */ (0,M.jsx)(`div`,{className:`shrink-0`,onClick:B,onPointerDown:z,children:/* @__PURE__ */ (0,M.jsx)(b,{variant:`text`,text:i,className:`shrink-0`,isSwapVisible:o,swapNode:s})}):null,t[5]=o,t[6]=s,t[7]=i,t[8]=f):f=t[8];let p;t[9]!==d||t[10]!==f?(p=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex h-6 w-full items-center gap-2`,children:[d,f]}),t[9]=d,t[10]=f,t[11]=p):p=t[11];let m;t[12]===n?m=t[13]:(m=/* @__PURE__ */ (0,M.jsx)(`p`,{className:`pui-text-body-medium-compact text-depth-black-64`,children:n}),t[12]=n,t[13]=m);let h;return t[14]!==u||t[15]!==p||t[16]!==m?(h=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:u,"qa-test-id":`activity-card-note`,children:[p,m]}),t[14]=u,t[15]=p,t[16]=m,t[17]=h):h=t[17],h}function z(e){return e.stopPropagation()}function B(e){return e.stopPropagation()}function V(e){let t=(0,j.c)(15),{notes:n}=e,{_:r}=g(),i,a,o,s,c;if(t[0]!==r||t[1]!==n){let e=n.slice(-2).toReversed();i=w,a=!0,t[7]===r?o=t[8]:(o=r({id:`VbyRUy`}),t[7]=r,t[8]=o),s=`activity-card-notes`,c=e.map(H),t[0]=r,t[1]=n,t[2]=i,t[3]=a,t[4]=o,t[5]=s,t[6]=c}else i=t[2],a=t[3],o=t[4],s=t[5],c=t[6];let l;return t[9]!==i||t[10]!==a||t[11]!==o||t[12]!==s||t[13]!==c?(l=/* @__PURE__ */ (0,M.jsx)(i,{hideHeader:a,label:o,qaTestId:s,children:c}),t[9]=i,t[10]=a,t[11]=o,t[12]=s,t[13]=c,t[14]=l):l=t[14],l}function H(e,t){return/* @__PURE__ */ (0,M.jsxs)(`div`,{children:[t>0?/* @__PURE__ */ (0,M.jsx)(`div`,{className:`px-3`,children:/* @__PURE__ */ (0,M.jsx)(x,{type:`line`,qaTestId:`activity-card-notes-divider`})}):null,/* @__PURE__ */ (0,M.jsx)(R,{note:e.body,author:e.author,timestamp:e.timestamp,className:`rounded-none border-0`,isSwapVisible:e.isSwapVisible,swapNode:e.swapNode})]},e.id??`${e.author??``}-${e.timestamp??``}-${t}`)}function U(e){let t=(0,j.c)(40),{skeleton:n,text:r,body:i,textareaFieldProps:a,variations:o,variationIndex:s,onVariationChange:c,ownership:l,note:u,noteAuthor:d,noteTimestamp:f,notes:p,qaTestId:m}=e,h=m===void 0?`activity-card-content`:m,{_}=g();if(n){let e,n,r;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(e=/* @__PURE__ */ (0,M.jsx)(T,{className:`h-2.5 w-full`}),n=/* @__PURE__ */ (0,M.jsx)(T,{className:`h-2.5 w-11/12`}),r=/* @__PURE__ */ (0,M.jsx)(T,{className:`h-2.5 w-2/3`}),t[0]=e,t[1]=n,t[2]=r):(e=t[0],n=t[1],r=t[2]);let i;return t[3]===h?i=t[4]:(i=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex w-full flex-col gap-2`,"qa-test-id":h,children:[e,n,r]}),t[3]=h,t[4]=i),i}if(a){let e;t[5]===l?e=t[6]:(e=l?/* @__PURE__ */ (0,M.jsx)(I,{...l}):null,t[5]=l,t[6]=e);let n;t[7]!==_||t[8]!==r?(n=r??_({id:`zqPbyw`}),t[7]=_,t[8]=r,t[9]=n):n=t[9];let i=a?.textareaControlProps,o;t[10]===i?o=t[11]:(o={variant:`stroke`,maxLength:200,...i},t[10]=i,t[11]=o);let s;t[12]!==n||t[13]!==o||t[14]!==a?(s=/* @__PURE__ */ (0,M.jsx)(v,{className:`w-full`,fieldLabel:n,...a,textareaControlProps:o}),t[12]=n,t[13]=o,t[14]=a,t[15]=s):s=t[15];let c;return t[16]!==h||t[17]!==e||t[18]!==s?(c=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex w-full flex-col gap-3`,"qa-test-id":h,onClick:G,onPointerDown:W,children:[e,s]}),t[16]=h,t[17]=e,t[18]=s,t[19]=c):c=t[19],c}if(o&&o.length>0){let e;return t[20]!==c||t[21]!==h||t[22]!==s||t[23]!==o?(e=/* @__PURE__ */ (0,M.jsx)(N,{variations:o,variationIndex:s,onVariationChange:c,qaTestId:h}),t[20]=c,t[21]=h,t[22]=s,t[23]=o,t[24]=e):e=t[24],e}let y;t[25]!==i||t[26]!==r?(y=i??(r?/* @__PURE__ */ (0,M.jsx)(`p`,{className:`pui-text-body-medium-compact w-full text-depth-black-48`,children:r}):null),t[25]=i,t[26]=r,t[27]=y):y=t[27];let b;t[28]===l?b=t[29]:(b=l&&/* @__PURE__ */ (0,M.jsx)(I,{...l}),t[28]=l,t[29]=b);let x;t[30]!==u||t[31]!==d||t[32]!==f||t[33]!==p?(x=p&&p.length>0?/* @__PURE__ */ (0,M.jsx)(V,{notes:p}):u?/* @__PURE__ */ (0,M.jsx)(R,{note:u,author:d,timestamp:f}):null,t[30]=u,t[31]=d,t[32]=f,t[33]=p,t[34]=x):x=t[34];let S;return t[35]!==h||t[36]!==y||t[37]!==b||t[38]!==x?(S=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex w-full flex-col gap-3 overflow-visible`,"qa-test-id":h,children:[y,b,x]}),t[35]=h,t[36]=y,t[37]=b,t[38]=x,t[39]=S):S=t[39],S}function W(e){return e.stopPropagation()}function G(e){return e.stopPropagation()}const K={suggested:{secondary:{label:{id:`6Uau97`},variant:`weak`},primary:{label:{id:`PZ_kxo`},variant:`weak`},equalButtons:!0},variations:{secondary:{label:{id:`1t_NnN`},variant:`stroke`},primary:{label:{id:`DB8zMK`},variant:`strong`,icon:`arrow`}},editing:{secondary:{label:{id:`dEgA5A`},variant:`stroke`},primary:{label:{id:`hQRttt`},variant:`strong`,icon:`arrow`}},regenerating:{secondary:{label:{id:`dEgA5A`},variant:`stroke`},primary:{label:{id:`ygCKqB`},variant:`weak`,icon:`stop`},equalButtons:!0},rejected:{secondary:{label:{id:`ePK91l`},variant:`stroke`},primary:{label:{id:`9uI_rE`},variant:`weak`}},"in-approval":{secondary:{label:{id:`1t_NnN`},variant:`stroke`},primary:{label:{id:`Z7ZXbT`},variant:`strong`,icon:`arrow`}}};function q(e){let t=(0,j.c)(64),{variant:n,onPrimaryAction:r,onSecondaryAction:i,primaryLabel:a,secondaryLabel:s,timestamp:c,onLike:u,onDislike:d,qaTestId:f}=e,p=n===void 0?`suggested`:n,h=f===void 0?`activity-card-footer`:f,{i18n:_,_:v}=g();if(p===`view`){let e;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(e={icon:o,color:`icon-sub`},t[0]=e):e=t[0];let n;t[1]!==v||t[2]!==a?(n=a??v({id:`jpctdh`}),t[1]=v,t[2]=a,t[3]=n):n=t[3];let i;t[4]!==r||t[5]!==n?(i=/* @__PURE__ */ (0,M.jsx)(m,{variant:`weak`,size:`medium`,className:`min-w-20 flex-1`,suffix:e,animateIcon:!0,onClick:r,children:n}),t[4]=r,t[5]=n,t[6]=i):i=t[6];let s;return t[7]!==h||t[8]!==i?(s=/* @__PURE__ */ (0,M.jsx)(`div`,{className:`flex w-full items-center gap-2`,onClick:$,onPointerDown:Q,"qa-test-id":h,children:i}),t[7]=h,t[8]=i,t[9]=s):s=t[9],s}if(p===`comment`){let e;t[10]===v?e=t[11]:(e=v({id:`W9FRBT`}),t[10]=v,t[11]=e);let n;t[12]!==u||t[13]!==e?(n={icon:k,"aria-label":e,onClick:u},t[12]=u,t[13]=e,t[14]=n):n=t[14];let i;t[15]===v?i=t[16]:(i=v({id:`0JJQ_e`}),t[15]=v,t[16]=i);let o;t[17]!==d||t[18]!==i?(o={icon:O,"aria-label":i,onClick:d},t[17]=d,t[18]=i,t[19]=o):o=t[19];let s;t[20]!==n||t[21]!==o?(s=/* @__PURE__ */ (0,M.jsx)(D,{variant:`stroke`,size:`large`,actions:[n,o]}),t[20]=n,t[21]=o,t[22]=s):s=t[22];let c;t[23]!==v||t[24]!==a?(c=a??v({id:`ImOQa9`}),t[23]=v,t[24]=a,t[25]=c):c=t[25];let l;t[26]!==r||t[27]!==c?(l=/* @__PURE__ */ (0,M.jsx)(m,{variant:`weak`,size:`large`,className:`min-w-20`,onClick:r,children:c}),t[26]=r,t[27]=c,t[28]=l):l=t[28];let f;return t[29]!==h||t[30]!==s||t[31]!==l?(f=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex w-full items-center gap-2`,onClick:Z,onPointerDown:X,"qa-test-id":h,children:[s,l]}),t[29]=h,t[30]=s,t[31]=l,t[32]=f):f=t[32],f}let y=K[p],b;t[33]!==y.secondary.label||t[34]!==_||t[35]!==s?(b=s??_.t(y.secondary.label),t[33]=y.secondary.label,t[34]=_,t[35]=s,t[36]=b):b=t[36];let x=b,S;t[37]!==y.primary.label||t[38]!==_||t[39]!==a?(S=a??_.t(y.primary.label),t[37]=y.primary.label,t[38]=_,t[39]=a,t[40]=S):S=t[40];let C=S,w=y.secondary.variant,T=y.equalButtons?`flex-1`:`shrink-0`,E;t[41]===T?E=t[42]:(E=l(`min-w-20`,T),t[41]=T,t[42]=E);let N;t[43]!==y.secondary.variant||t[44]!==i||t[45]!==x||t[46]!==E?(N=/* @__PURE__ */ (0,M.jsx)(m,{variant:w,size:`medium`,className:E,onClick:i,children:x}),t[43]=y.secondary.variant,t[44]=i,t[45]=x,t[46]=E,t[47]=N):N=t[47];let P;t[48]===y.primary.icon?P=t[49]:(P=y.primary.icon===`arrow`?{icon:o,color:`icon-inverse`}:y.primary.icon===`stop`?{icon:A,color:`icon-sub`}:void 0,t[48]=y.primary.icon,t[49]=P);let F=y.primary.icon===`arrow`,I;t[50]!==y.primary.variant||t[51]!==r||t[52]!==C||t[53]!==F||t[54]!==P?(I=/* @__PURE__ */ (0,M.jsx)(m,{variant:y.primary.variant,size:`medium`,className:`min-w-20 flex-1`,suffix:P,animateIcon:F,onClick:r,children:C}),t[50]=y.primary.variant,t[51]=r,t[52]=C,t[53]=F,t[54]=P,t[55]=I):I=t[55];let L;t[56]!==c||t[57]!==p?(L=p===`rejected`&&c&&/* @__PURE__ */ (0,M.jsx)(`span`,{className:`pui-text-mono-small flex-1 text-right text-text-soft`,children:c}),t[56]=c,t[57]=p,t[58]=L):L=t[58];let R;return t[59]!==h||t[60]!==I||t[61]!==L||t[62]!==N?(R=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex w-full items-center gap-2`,onClick:Y,onPointerDown:J,"qa-test-id":h,children:[N,I,L]}),t[59]=h,t[60]=I,t[61]=L,t[62]=N,t[63]=R):R=t[63],R}function J(e){return e.stopPropagation()}function Y(e){return e.stopPropagation()}function X(e){return e.stopPropagation()}function Z(e){return e.stopPropagation()}function Q(e){return e.stopPropagation()}function $(e){return e.stopPropagation()}function ee(e){let t=(0,j.c)(13),{suffix:n}=e,r,i;t[0]===n?(r=t[1],i=t[2]):({onClick:r,...i}=n,t[0]=n,t[1]=r,t[2]=i);let a;t[3]===n.className?a=t[4]:(a=l(`shrink-0`,n.className),t[3]=n.className,t[4]=a);let o;t[5]!==i||t[6]!==a?(o=/* @__PURE__ */ (0,M.jsx)(b,{...i,className:a}),t[5]=i,t[6]=a,t[7]=o):o=t[7];let s=o;if(!r)return s;let c;t[8]===Symbol.for(`react.memo_cache_sentinel`)?(c={scale:h},t[8]=c):c=t[8];let u=r,f=typeof i[`aria-label`]==`string`?i[`aria-label`]:void 0,p;return t[9]!==s||t[10]!==u||t[11]!==f?(p=/* @__PURE__ */ (0,M.jsx)(d.button,{type:`button`,className:`inline-flex cursor-pointer items-center border-0 bg-transparent p-0`,whileTap:c,onClick:u,"aria-label":f,children:s}),t[9]=s,t[10]=u,t[11]=f,t[12]=p):p=t[12],p}function te(){let e=(0,j.c)(1),t;return e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=/* @__PURE__ */ (0,M.jsx)(`span`,{className:`pui-text-mono-small-alt-bold inline-flex h-6 min-w-6 shrink-0 items-center justify-center rounded-lg bg-depth-black-4 text-text-strong`,"aria-hidden":!0,children:`--`}),e[0]=t):t=e[0],t}function ne(e){let t=(0,j.c)(15),{title:n,prefix:r,suffix:i,strikethrough:a,qaTestId:o}=e,s=a!==void 0&&a,c=o===void 0?`activity-card-header`:o,d;t[0]!==r||t[1]!==s?(d=r?/* @__PURE__ */ (0,M.jsx)(u,{...r,className:l(`shrink-0`,r.className)}):s?/* @__PURE__ */ (0,M.jsx)(te,{}):null,t[0]=r,t[1]=s,t[2]=d):d=t[2];let f=d,p=s?`text-text-sub line-through`:`text-text-strong`,m;t[3]===p?m=t[4]:(m=l(`pui-text-label-medium min-w-0 flex-1 truncate`,p),t[3]=p,t[4]=m);let h;t[5]!==m||t[6]!==n?(h=/* @__PURE__ */ (0,M.jsx)(`p`,{className:m,children:n}),t[5]=m,t[6]=n,t[7]=h):h=t[7];let g;t[8]===i?g=t[9]:(g=i?/* @__PURE__ */ (0,M.jsx)(`div`,{className:`flex h-6 shrink-0 items-center`,onClick:ie,onPointerDown:re,children:/* @__PURE__ */ (0,M.jsx)(ee,{suffix:i})}):null,t[8]=i,t[9]=g);let _;return t[10]!==c||t[11]!==f||t[12]!==h||t[13]!==g?(_=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex h-6 w-full items-center gap-2`,"qa-test-id":c,children:[f,h,g]}),t[10]=c,t[11]=f,t[12]=h,t[13]=g,t[14]=_):_=t[14],_}function re(e){return e.stopPropagation()}function ie(e){return e.stopPropagation()}const ae={duration:.18,ease:[.32,.72,0,1]};function oe(e,t,n){let r=t?.skeleton?`skeleton`:t?.textareaFieldProps?`compose`:t?.variations&&t.variations.length>0?`variations`:t?`copy`:`empty`;return[e?.prefix?.variant??``,e?.suffix?.variant??``,e?.strikethrough?`struck`:``,r,t?.notes&&t.notes.length>0?`notes`:t?.note?`note`:``,t?.ownership?`own`:``,n?.variant??`none`].join(`:`)}function se(e){let t=(0,j.c)(50),n,r,i,a,o,s,c;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7]):({header:a,content:r,footer:i,selection:s,className:n,qaTestId:c,...o}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c);let u=c===void 0?`activity-card`:c,m=s?.selected??!1,h=p()??!1,g;t[8]===h?g=t[9]:(g=h?void 0:{scale:.99},t[8]=h,t[9]=g);let _=g,v=!h,y;t[10]===Symbol.for(`react.memo_cache_sentinel`)?(y={scale:{duration:.12}},t[10]=y):y=t[10];let b=m?`border-transparent bg-secondary-lighter`:`border-depth-black-4 bg-base-inverse hover:border-transparent hover:bg-base-weak`,x;t[11]!==n||t[12]!==b?(x=l(`group flex w-full cursor-pointer flex-col items-start gap-3 overflow-visible p-4 transition-colors`,`rounded-[20px] border`,b,n),t[11]=n,t[12]=b,t[13]=x):x=t[13];let S=m||void 0,C;t[14]!==m||t[15]!==s?(C=()=>s?.onChange?.(!m),t[14]=m,t[15]=s,t[16]=C):C=t[16];let w;t[17]===a?w=t[18]:(w=a?/* @__PURE__ */ (0,M.jsx)(ne,{...a}):null,t[17]=a,t[18]=w);let T;t[19]!==r||t[20]!==i||t[21]!==a?(T=oe(a,r,i),t[19]=r,t[20]=i,t[21]=a,t[22]=T):T=t[22];let E;t[23]===v?E=t[24]:(E=v?{opacity:0,y:6}:!1,t[23]=v,t[24]=E);let D;t[25]===Symbol.for(`react.memo_cache_sentinel`)?(D={opacity:1,y:0},t[25]=D):D=t[25];let O,k;t[26]===v?(O=t[27],k=t[28]):(O=v?{opacity:0,y:-6}:{opacity:1},k=v?ae:{duration:0},t[26]=v,t[27]=O,t[28]=k);let A;t[29]===Symbol.for(`react.memo_cache_sentinel`)?(A={willChange:`opacity, transform`,backfaceVisibility:`hidden`},t[29]=A):A=t[29];let N;t[30]===r?N=t[31]:(N=r?/* @__PURE__ */ (0,M.jsx)(U,{...r}):null,t[30]=r,t[31]=N);let P;t[32]===i?P=t[33]:(P=i?/* @__PURE__ */ (0,M.jsx)(q,{...i}):null,t[32]=i,t[33]=P);let F;t[34]!==E||t[35]!==O||t[36]!==k||t[37]!==N||t[38]!==P||t[39]!==T?(F=/* @__PURE__ */ (0,M.jsx)(f,{mode:`popLayout`,initial:!1,children:/* @__PURE__ */ (0,M.jsxs)(d.div,{initial:E,animate:D,exit:O,transition:k,className:`flex w-full min-w-0 flex-col gap-3 overflow-visible`,style:A,children:[N,P]},T)}),t[34]=E,t[35]=O,t[36]=k,t[37]=N,t[38]=P,t[39]=T,t[40]=F):F=t[40];let I;return t[41]!==o||t[42]!==u||t[43]!==F||t[44]!==x||t[45]!==S||t[46]!==C||t[47]!==w||t[48]!==_?(I=/* @__PURE__ */ (0,M.jsxs)(d.div,{whileTap:_,transition:y,className:x,"data-slot":`activity-card`,"data-selected":S,onClick:C,"qa-test-id":u,...o,children:[w,F]}),t[41]=o,t[42]=u,t[43]=F,t[44]=x,t[45]=S,t[46]=C,t[47]=w,t[48]=_,t[49]=I):I=t[49],I}export{se as ActivityCard,R as NoteBlock};
+import{a as e}from"../../_chunks/rolldown-runtime-B0Z9INg1.js";import{d as t,m as n,u as r}from"../../_chunks/transitions-Cn0Tw_ua.js";import{t as i}from"../../_chunks/react-BcFqt3h5.js";import{t as a}from"../../_chunks/ChevronRightIcon-j8lccnBm.js";import{t as o}from"../../_chunks/ArrowRightIcon-B00tXOI2.js";import{t as s}from"../../_chunks/compiler-runtime-Br_I-bNG.js";import{t as c}from"../../_chunks/jsx-runtime-CNz6huh3.js";import{t as l}from"../../_chunks/dist-hovC-tlK.js";import{t as u}from"../../_chunks/Prefix-BViDbvC8.js";import{n as d}from"../../_chunks/react-pnTbDyGB.js";import{t as f}from"../../_chunks/AnimatePresence-CY5fQQqM.js";import{t as p}from"../../_chunks/use-reduced-motion-BCblJBd0.js";import{t as m}from"../../_chunks/Button-B8Eru7h_.js";import{t as h}from"../../_chunks/button-constants-BRLmyaWg.js";import{i as g}from"../../_chunks/dist-ByhcWgyI.js";import{t as _}from"../../_chunks/Avatar-BPBLCoQt.js";import{t as v}from"../../_chunks/TextareaField-C2Qfd4In.js";import{t as y}from"../../_chunks/Tag-rG6GTwYL.js";import{t as b}from"../../_chunks/Suffix-BVH1auME.js";import{t as x}from"../../_chunks/Divider-Ip7wScrG.js";import{t as S}from"../../_chunks/CalendarIcon-_OiSelo1.js";import{t as C}from"../../_chunks/SpeechBubbleIcon-CzJ7VCG4.js";import{t as w}from"../../_chunks/Section-gGVUUPba.js";import{t as T}from"../../_chunks/Skeleton-CmDNKwoD.js";import{t as E}from"../../_chunks/ChevronLeftIcon-C_AfE3wA.js";import{t as D}from"../../_chunks/ButtonGroup-Dzg9DTj_.js";import{t as O}from"../../_chunks/ThumbsDownAlt-C1nNPpit.js";import{t as k}from"../../_chunks/ThumbsUpAlt-Cc2meMUM.js";import{t as A}from"../../_chunks/StopFillIcon-Cw4NsJcJ.js";var j=s(),M=/* @__PURE__ */ e(c(),1);i();function N(e){let i=(0,j.c)(40),{variations:o,variationIndex:s,onVariationChange:c,qaTestId:u}=e,m=s===void 0?0:s,h=u===void 0?`activity-card-variations-carousel`:u,g=p(),_=o.length,v=m<=0,y=m>=_-1,b;i[0]!==v||i[1]!==c||i[2]!==m?(b=()=>!v&&c?.(m-1),i[0]=v,i[1]=c,i[2]=m,i[3]=b):b=i[3];let x=b,S;i[4]!==y||i[5]!==c||i[6]!==m?(S=()=>!y&&c?.(m+1),i[4]=y,i[5]=c,i[6]=m,i[7]=S):S=i[7];let C=S,w=v?`icon-disabled`:`icon-strong`,T;i[8]===w?T=i[9]:(T=/* @__PURE__ */ (0,M.jsx)(E,{color:w,size:20}),i[8]=w,i[9]=T);let D;i[10]!==v||i[11]!==x||i[12]!==T?(D=/* @__PURE__ */ (0,M.jsx)(`button`,{type:`button`,"aria-label":`Previous variation`,onClick:x,disabled:v,className:`flex w-6 shrink-0 items-center justify-center rounded-lg bg-depth-black-4 transition-colors hover:bg-depth-black-8 disabled:cursor-not-allowed disabled:hover:bg-depth-black-4`,children:T}),i[10]=v,i[11]=x,i[12]=T,i[13]=D):D=i[13];let O=g?void 0:t,k;i[14]===Symbol.for(`react.memo_cache_sentinel`)?(k={willChange:`opacity, transform`,transform:`translate3d(0, 0, 0)`,backfaceVisibility:`hidden`},i[14]=k):k=i[14];let A=o[m],N;i[15]!==A||i[16]!==O||i[17]!==m?(N=/* @__PURE__ */ (0,M.jsx)(`div`,{className:`relative flex flex-1 items-center overflow-hidden rounded-xl border border-depth-black-4 bg-base-inverse p-2.5 group-data-[selected]:border-transparent group-data-[selected]:bg-depth-black-4`,children:/* @__PURE__ */ (0,M.jsx)(f,{mode:`popLayout`,initial:!1,children:/* @__PURE__ */ (0,M.jsx)(d.p,{className:`pui-text-body-medium-compact text-text-strong`,variants:O,initial:`enter`,animate:`center`,exit:`exit`,transition:r,style:k,children:A},m)})}),i[15]=A,i[16]=O,i[17]=m,i[18]=N):N=i[18];let F=y?`icon-disabled`:`icon-strong`,I;i[19]===F?I=i[20]:(I=/* @__PURE__ */ (0,M.jsx)(a,{color:F,size:20}),i[19]=F,i[20]=I);let L;i[21]!==y||i[22]!==C||i[23]!==I?(L=/* @__PURE__ */ (0,M.jsx)(`button`,{type:`button`,"aria-label":`Next variation`,onClick:C,disabled:y,className:`flex w-6 shrink-0 items-center justify-center rounded-lg bg-depth-black-4 transition-colors hover:bg-depth-black-8 disabled:cursor-not-allowed disabled:hover:bg-depth-black-4`,children:I}),i[21]=y,i[22]=C,i[23]=I,i[24]=L):L=i[24];let R;i[25]!==N||i[26]!==L||i[27]!==D?(R=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex h-24 w-full items-stretch gap-2`,children:[D,N,L]}),i[25]=N,i[26]=L,i[27]=D,i[28]=R):R=i[28];let z;if(i[29]!==m||i[30]!==o){let e;i[32]===m?e=i[33]:(e=(e,t)=>/* @__PURE__ */ (0,M.jsx)(d.div,{className:l(`h-1.5 rounded-full`,t===m?`bg-depth-black-100`:`bg-depth-black-4`),animate:{width:t===m?16:6},transition:n},t),i[32]=m,i[33]=e),z=o.map(e),i[29]=m,i[30]=o,i[31]=z}else z=i[31];let B;i[34]===z?B=i[35]:(B=/* @__PURE__ */ (0,M.jsx)(`div`,{className:`flex w-full items-center justify-center gap-1`,children:z}),i[34]=z,i[35]=B);let V;return i[36]!==h||i[37]!==R||i[38]!==B?(V=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex w-full flex-col gap-2`,role:`group`,"aria-label":`Navigate variations`,onClick:P,"qa-test-id":h,children:[R,B]}),i[36]=h,i[37]=R,i[38]=B,i[39]=V):V=i[39],V}function P(e){return e.stopPropagation()}function F(e){let t=e.trim().split(/\s+/).filter(Boolean),n=t[0];if(!n)return``;let r=t.at(-1);return`${n[0]??``}${t.length>1?r?.[0]??``:n[1]??``}`.toUpperCase()}function I(e){let t=(0,j.c)(26),{name:n,role:r,avatarSrc:i,date:a,commentCount:o,onCommentCountClick:s}=e,{_:c}=g(),l=r??a,u=o!=null&&o>0,f;t[0]===o?f=t[1]:(f=/* @__PURE__ */ (0,M.jsx)(b,{variant:`tag`,tagNumber:o,tagIcon:C,tagVariant:`stroke`,tagSize:`medium`,className:`shrink-0`}),t[0]=o,t[1]=f);let p=f,m;t[2]===n?m=t[3]:(m=F(n),t[2]=n,t[3]=m);let v;t[4]!==i||t[5]!==n||t[6]!==m?(v=/* @__PURE__ */ (0,M.jsx)(_,{src:i,alt:n,initials:m}),t[4]=i,t[5]=n,t[6]=m,t[7]=v):v=t[7];let x;t[8]===n?x=t[9]:(x=/* @__PURE__ */ (0,M.jsx)(`p`,{className:`pui-text-label-medium truncate text-text-strong`,children:n}),t[8]=n,t[9]=x);let w;t[10]===l?w=t[11]:(w=l?/* @__PURE__ */ (0,M.jsx)(`p`,{className:`pui-text-mono-small truncate text-text-soft`,children:l}):null,t[10]=l,t[11]=w);let T;t[12]!==x||t[13]!==w?(T=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:[x,w]}),t[12]=x,t[13]=w,t[14]=T):T=t[14];let E;t[15]!==c||t[16]!==p||t[17]!==a||t[18]!==s||t[19]!==r||t[20]!==u?(E=u?s?/* @__PURE__ */ (0,M.jsx)(d.button,{type:`button`,className:`inline-flex shrink-0 cursor-pointer items-center border-0 bg-transparent p-0`,whileTap:{scale:h},"aria-label":c({id:`Dd6j2Q`}),"qa-test-id":`activity-card-ownership-comments`,onClick:e=>{e.stopPropagation(),s()},onPointerDown:L,children:p}):p:a&&r?/* @__PURE__ */ (0,M.jsx)(y,{variant:`stroke`,size:`medium`,icon:S,className:`shrink-0`,children:a}):null,t[15]=c,t[16]=p,t[17]=a,t[18]=s,t[19]=r,t[20]=u,t[21]=E):E=t[21];let D;return t[22]!==v||t[23]!==T||t[24]!==E?(D=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex w-full items-center gap-2 overflow-hidden rounded-xl bg-depth-black-4 p-2.5`,"qa-test-id":`activity-card-ownership`,children:[v,T,E]}),t[22]=v,t[23]=T,t[24]=E,t[25]=D):D=t[25],D}function L(e){return e.stopPropagation()}function R(e){let t=(0,j.c)(18),{note:n,author:r,timestamp:i,className:a,isSwapVisible:o,swapNode:s}=e,{_:c}=g(),u;t[0]===a?u=t[1]:(u=l(`flex w-full flex-col gap-1 overflow-hidden rounded-xl border border-depth-black-4 px-3 py-2.5`,a),t[0]=a,t[1]=u);let d;t[2]!==c||t[3]!==r?(d=r?/* @__PURE__ */ (0,M.jsxs)(M.Fragment,{children:[/* @__PURE__ */ (0,M.jsx)(_,{size:`small`,alt:r,initials:F(r)}),/* @__PURE__ */ (0,M.jsx)(`p`,{className:`pui-text-mono-small min-w-0 flex-1 truncate text-depth-black-48`,"qa-test-id":`activity-card-note-author`,children:r})]}):/* @__PURE__ */ (0,M.jsx)(`p`,{className:`pui-text-mono-small-alt-bold min-w-0 flex-1 truncate text-text-sub uppercase`,"qa-test-id":`activity-card-note-label`,children:c({id:`KiJn9B`})}),t[2]=c,t[3]=r,t[4]=d):d=t[4];let f;t[5]!==o||t[6]!==s||t[7]!==i?(f=i?/* @__PURE__ */ (0,M.jsx)(`div`,{className:`shrink-0`,onClick:B,onPointerDown:z,children:/* @__PURE__ */ (0,M.jsx)(b,{variant:`text`,text:i,className:`shrink-0`,isSwapVisible:o,swapNode:s})}):null,t[5]=o,t[6]=s,t[7]=i,t[8]=f):f=t[8];let p;t[9]!==d||t[10]!==f?(p=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex h-6 w-full items-center gap-2`,children:[d,f]}),t[9]=d,t[10]=f,t[11]=p):p=t[11];let m;t[12]===n?m=t[13]:(m=/* @__PURE__ */ (0,M.jsx)(`p`,{className:`pui-text-body-medium-compact text-depth-black-64`,children:n}),t[12]=n,t[13]=m);let h;return t[14]!==u||t[15]!==p||t[16]!==m?(h=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:u,"qa-test-id":`activity-card-note`,children:[p,m]}),t[14]=u,t[15]=p,t[16]=m,t[17]=h):h=t[17],h}function z(e){return e.stopPropagation()}function B(e){return e.stopPropagation()}function V(e){let t=(0,j.c)(15),{notes:n}=e,{_:r}=g(),i,a,o,s,c;if(t[0]!==r||t[1]!==n){let e=n.slice(-2).toReversed();i=w,a=!0,t[7]===r?o=t[8]:(o=r({id:`VbyRUy`}),t[7]=r,t[8]=o),s=`activity-card-notes`,c=e.map(H),t[0]=r,t[1]=n,t[2]=i,t[3]=a,t[4]=o,t[5]=s,t[6]=c}else i=t[2],a=t[3],o=t[4],s=t[5],c=t[6];let l;return t[9]!==i||t[10]!==a||t[11]!==o||t[12]!==s||t[13]!==c?(l=/* @__PURE__ */ (0,M.jsx)(i,{hideHeader:a,label:o,qaTestId:s,children:c}),t[9]=i,t[10]=a,t[11]=o,t[12]=s,t[13]=c,t[14]=l):l=t[14],l}function H(e,t){return/* @__PURE__ */ (0,M.jsxs)(`div`,{children:[t>0?/* @__PURE__ */ (0,M.jsx)(`div`,{className:`px-3`,children:/* @__PURE__ */ (0,M.jsx)(x,{type:`line`,qaTestId:`activity-card-notes-divider`})}):null,/* @__PURE__ */ (0,M.jsx)(R,{note:e.body,author:e.author,timestamp:e.timestamp,className:`rounded-none border-0`,isSwapVisible:e.isSwapVisible,swapNode:e.swapNode})]},e.id??`${e.author??``}-${e.timestamp??``}-${t}`)}function U(e){let t=(0,j.c)(40),{skeleton:n,text:r,body:i,textareaFieldProps:a,variations:o,variationIndex:s,onVariationChange:c,ownership:l,note:u,noteAuthor:d,noteTimestamp:f,notes:p,qaTestId:m}=e,h=m===void 0?`activity-card-content`:m,{_}=g();if(n){let e,n,r;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(e=/* @__PURE__ */ (0,M.jsx)(T,{className:`h-2.5 w-full`}),n=/* @__PURE__ */ (0,M.jsx)(T,{className:`h-2.5 w-11/12`}),r=/* @__PURE__ */ (0,M.jsx)(T,{className:`h-2.5 w-2/3`}),t[0]=e,t[1]=n,t[2]=r):(e=t[0],n=t[1],r=t[2]);let i;return t[3]===h?i=t[4]:(i=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex w-full flex-col gap-2`,"qa-test-id":h,children:[e,n,r]}),t[3]=h,t[4]=i),i}if(a){let e;t[5]===l?e=t[6]:(e=l?/* @__PURE__ */ (0,M.jsx)(I,{...l}):null,t[5]=l,t[6]=e);let n;t[7]!==_||t[8]!==r?(n=r??_({id:`zqPbyw`}),t[7]=_,t[8]=r,t[9]=n):n=t[9];let i=a?.textareaControlProps,o;t[10]===i?o=t[11]:(o={variant:`stroke`,maxLength:200,...i},t[10]=i,t[11]=o);let s;t[12]!==n||t[13]!==o||t[14]!==a?(s=/* @__PURE__ */ (0,M.jsx)(v,{className:`w-full`,fieldLabel:n,...a,textareaControlProps:o}),t[12]=n,t[13]=o,t[14]=a,t[15]=s):s=t[15];let c;return t[16]!==h||t[17]!==e||t[18]!==s?(c=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex w-full flex-col gap-3`,"qa-test-id":h,onClick:G,onPointerDown:W,children:[e,s]}),t[16]=h,t[17]=e,t[18]=s,t[19]=c):c=t[19],c}if(o&&o.length>0){let e;return t[20]!==c||t[21]!==h||t[22]!==s||t[23]!==o?(e=/* @__PURE__ */ (0,M.jsx)(N,{variations:o,variationIndex:s,onVariationChange:c,qaTestId:h}),t[20]=c,t[21]=h,t[22]=s,t[23]=o,t[24]=e):e=t[24],e}let y;t[25]!==i||t[26]!==r?(y=i??(r?/* @__PURE__ */ (0,M.jsx)(`p`,{className:`pui-text-body-medium-compact w-full text-depth-black-48`,children:r}):null),t[25]=i,t[26]=r,t[27]=y):y=t[27];let b;t[28]===l?b=t[29]:(b=l&&/* @__PURE__ */ (0,M.jsx)(I,{...l}),t[28]=l,t[29]=b);let x;t[30]!==u||t[31]!==d||t[32]!==f||t[33]!==p?(x=p&&p.length>0?/* @__PURE__ */ (0,M.jsx)(V,{notes:p}):u?/* @__PURE__ */ (0,M.jsx)(R,{note:u,author:d,timestamp:f}):null,t[30]=u,t[31]=d,t[32]=f,t[33]=p,t[34]=x):x=t[34];let S;return t[35]!==h||t[36]!==y||t[37]!==b||t[38]!==x?(S=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex w-full flex-col gap-3 overflow-visible`,"qa-test-id":h,children:[y,b,x]}),t[35]=h,t[36]=y,t[37]=b,t[38]=x,t[39]=S):S=t[39],S}function W(e){return e.stopPropagation()}function G(e){return e.stopPropagation()}const K={suggested:{secondary:{label:{id:`6Uau97`},variant:`weak`},primary:{label:{id:`PZ_kxo`},variant:`weak`},equalButtons:!0},variations:{secondary:{label:{id:`1t_NnN`},variant:`stroke`},primary:{label:{id:`DB8zMK`},variant:`strong`,icon:`arrow`}},editing:{secondary:{label:{id:`dEgA5A`},variant:`stroke`},primary:{label:{id:`hQRttt`},variant:`strong`,icon:`arrow`}},regenerating:{secondary:{label:{id:`dEgA5A`},variant:`stroke`},primary:{label:{id:`ygCKqB`},variant:`weak`,icon:`stop`},equalButtons:!0},rejected:{secondary:{label:{id:`ePK91l`},variant:`stroke`},primary:{label:{id:`9uI_rE`},variant:`weak`}},"in-approval":{secondary:{label:{id:`1t_NnN`},variant:`stroke`},primary:{label:{id:`Z7ZXbT`},variant:`strong`,icon:`arrow`}}};function q(e){let t=(0,j.c)(64),{variant:n,onPrimaryAction:r,onSecondaryAction:i,primaryLabel:a,secondaryLabel:s,timestamp:c,onLike:u,onDislike:d,qaTestId:f}=e,p=n===void 0?`suggested`:n,h=f===void 0?`activity-card-footer`:f,{i18n:_,_:v}=g();if(p===`view`){let e;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(e={icon:o,color:`icon-sub`},t[0]=e):e=t[0];let n;t[1]!==v||t[2]!==a?(n=a??v({id:`jpctdh`}),t[1]=v,t[2]=a,t[3]=n):n=t[3];let i;t[4]!==r||t[5]!==n?(i=/* @__PURE__ */ (0,M.jsx)(m,{variant:`weak`,size:`medium`,className:`min-w-20 flex-1`,suffix:e,animateIcon:!0,onClick:r,children:n}),t[4]=r,t[5]=n,t[6]=i):i=t[6];let s;return t[7]!==h||t[8]!==i?(s=/* @__PURE__ */ (0,M.jsx)(`div`,{className:`flex w-full items-center gap-2`,onClick:$,onPointerDown:Q,"qa-test-id":h,children:i}),t[7]=h,t[8]=i,t[9]=s):s=t[9],s}if(p===`comment`){let e;t[10]===v?e=t[11]:(e=v({id:`W9FRBT`}),t[10]=v,t[11]=e);let n;t[12]!==u||t[13]!==e?(n={icon:k,"aria-label":e,onClick:u},t[12]=u,t[13]=e,t[14]=n):n=t[14];let i;t[15]===v?i=t[16]:(i=v({id:`0JJQ_e`}),t[15]=v,t[16]=i);let o;t[17]!==d||t[18]!==i?(o={icon:O,"aria-label":i,onClick:d},t[17]=d,t[18]=i,t[19]=o):o=t[19];let s;t[20]!==n||t[21]!==o?(s=/* @__PURE__ */ (0,M.jsx)(D,{variant:`stroke`,size:`large`,actions:[n,o]}),t[20]=n,t[21]=o,t[22]=s):s=t[22];let c;t[23]!==v||t[24]!==a?(c=a??v({id:`ImOQa9`}),t[23]=v,t[24]=a,t[25]=c):c=t[25];let l;t[26]!==r||t[27]!==c?(l=/* @__PURE__ */ (0,M.jsx)(m,{variant:`weak`,size:`large`,className:`min-w-20`,onClick:r,children:c}),t[26]=r,t[27]=c,t[28]=l):l=t[28];let f;return t[29]!==h||t[30]!==s||t[31]!==l?(f=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex w-full items-center gap-2`,onClick:Z,onPointerDown:X,"qa-test-id":h,children:[s,l]}),t[29]=h,t[30]=s,t[31]=l,t[32]=f):f=t[32],f}let y=K[p],b;t[33]!==y.secondary.label||t[34]!==_||t[35]!==s?(b=s??_.t(y.secondary.label),t[33]=y.secondary.label,t[34]=_,t[35]=s,t[36]=b):b=t[36];let x=b,S;t[37]!==y.primary.label||t[38]!==_||t[39]!==a?(S=a??_.t(y.primary.label),t[37]=y.primary.label,t[38]=_,t[39]=a,t[40]=S):S=t[40];let C=S,w=y.secondary.variant,T=y.equalButtons?`flex-1`:`shrink-0`,E;t[41]===T?E=t[42]:(E=l(`min-w-20`,T),t[41]=T,t[42]=E);let N;t[43]!==y.secondary.variant||t[44]!==i||t[45]!==x||t[46]!==E?(N=/* @__PURE__ */ (0,M.jsx)(m,{variant:w,size:`medium`,className:E,onClick:i,children:x}),t[43]=y.secondary.variant,t[44]=i,t[45]=x,t[46]=E,t[47]=N):N=t[47];let P;t[48]===y.primary.icon?P=t[49]:(P=y.primary.icon===`arrow`?{icon:o,color:`icon-inverse`}:y.primary.icon===`stop`?{icon:A,color:`icon-sub`}:void 0,t[48]=y.primary.icon,t[49]=P);let F=y.primary.icon===`arrow`,I;t[50]!==y.primary.variant||t[51]!==r||t[52]!==C||t[53]!==F||t[54]!==P?(I=/* @__PURE__ */ (0,M.jsx)(m,{variant:y.primary.variant,size:`medium`,className:`min-w-20 flex-1`,suffix:P,animateIcon:F,onClick:r,children:C}),t[50]=y.primary.variant,t[51]=r,t[52]=C,t[53]=F,t[54]=P,t[55]=I):I=t[55];let L;t[56]!==c||t[57]!==p?(L=p===`rejected`&&c&&/* @__PURE__ */ (0,M.jsx)(`span`,{className:`pui-text-mono-small flex-1 text-right text-text-soft`,children:c}),t[56]=c,t[57]=p,t[58]=L):L=t[58];let R;return t[59]!==h||t[60]!==I||t[61]!==L||t[62]!==N?(R=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex w-full items-center gap-2`,onClick:Y,onPointerDown:J,"qa-test-id":h,children:[N,I,L]}),t[59]=h,t[60]=I,t[61]=L,t[62]=N,t[63]=R):R=t[63],R}function J(e){return e.stopPropagation()}function Y(e){return e.stopPropagation()}function X(e){return e.stopPropagation()}function Z(e){return e.stopPropagation()}function Q(e){return e.stopPropagation()}function $(e){return e.stopPropagation()}function ee(e){let t=(0,j.c)(13),{suffix:n}=e,r,i;t[0]===n?(r=t[1],i=t[2]):({onClick:r,...i}=n,t[0]=n,t[1]=r,t[2]=i);let a;t[3]===n.className?a=t[4]:(a=l(`shrink-0`,n.className),t[3]=n.className,t[4]=a);let o;t[5]!==i||t[6]!==a?(o=/* @__PURE__ */ (0,M.jsx)(b,{...i,className:a}),t[5]=i,t[6]=a,t[7]=o):o=t[7];let s=o;if(!r)return s;let c;t[8]===Symbol.for(`react.memo_cache_sentinel`)?(c={scale:h},t[8]=c):c=t[8];let u=r,f=typeof i[`aria-label`]==`string`?i[`aria-label`]:void 0,p;return t[9]!==s||t[10]!==u||t[11]!==f?(p=/* @__PURE__ */ (0,M.jsx)(d.button,{type:`button`,className:`inline-flex cursor-pointer items-center border-0 bg-transparent p-0`,whileTap:c,onClick:u,"aria-label":f,children:s}),t[9]=s,t[10]=u,t[11]=f,t[12]=p):p=t[12],p}function te(){let e=(0,j.c)(1),t;return e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=/* @__PURE__ */ (0,M.jsx)(`span`,{className:`pui-text-mono-small-alt-bold inline-flex h-6 min-w-6 shrink-0 items-center justify-center rounded-lg bg-depth-black-4 text-text-strong`,"aria-hidden":!0,children:`--`}),e[0]=t):t=e[0],t}function ne(e){let t=(0,j.c)(15),{title:n,prefix:r,suffix:i,strikethrough:a,qaTestId:o}=e,s=a!==void 0&&a,c=o===void 0?`activity-card-header`:o,d;t[0]!==r||t[1]!==s?(d=r?/* @__PURE__ */ (0,M.jsx)(u,{...r,className:l(`shrink-0`,r.className)}):s?/* @__PURE__ */ (0,M.jsx)(te,{}):null,t[0]=r,t[1]=s,t[2]=d):d=t[2];let f=d,p=s?`text-text-sub line-through`:`text-text-strong`,m;t[3]===p?m=t[4]:(m=l(`pui-text-label-medium min-w-0 flex-1 truncate`,p),t[3]=p,t[4]=m);let h;t[5]!==m||t[6]!==n?(h=/* @__PURE__ */ (0,M.jsx)(`p`,{className:m,children:n}),t[5]=m,t[6]=n,t[7]=h):h=t[7];let g;t[8]===i?g=t[9]:(g=i?/* @__PURE__ */ (0,M.jsx)(`div`,{className:`flex h-6 shrink-0 items-center`,onClick:ie,onPointerDown:re,children:/* @__PURE__ */ (0,M.jsx)(ee,{suffix:i})}):null,t[8]=i,t[9]=g);let _;return t[10]!==c||t[11]!==f||t[12]!==h||t[13]!==g?(_=/* @__PURE__ */ (0,M.jsxs)(`div`,{className:`flex h-6 w-full items-center gap-2`,"qa-test-id":c,children:[f,h,g]}),t[10]=c,t[11]=f,t[12]=h,t[13]=g,t[14]=_):_=t[14],_}function re(e){return e.stopPropagation()}function ie(e){return e.stopPropagation()}const ae={duration:.18,ease:[.32,.72,0,1]};function oe(e,t,n){let r=t?.skeleton?`skeleton`:t?.textareaFieldProps?`compose`:t?.variations&&t.variations.length>0?`variations`:t?`copy`:`empty`;return[e?.prefix?.variant??``,e?.suffix?.variant??``,e?.strikethrough?`struck`:``,r,t?.notes&&t.notes.length>0?`notes`:t?.note?`note`:``,t?.ownership?`own`:``,n?.variant??`none`].join(`:`)}function se(e){let t=(0,j.c)(50),n,r,i,a,o,s,c;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7]):({header:a,content:r,footer:i,selection:s,className:n,qaTestId:c,...o}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c);let u=c===void 0?`activity-card`:c,m=s?.selected??!1,h=p()??!1,g;t[8]===h?g=t[9]:(g=h?void 0:{scale:.99},t[8]=h,t[9]=g);let _=g,v=!h,y;t[10]===Symbol.for(`react.memo_cache_sentinel`)?(y={scale:{duration:.12}},t[10]=y):y=t[10];let b=m?`border-transparent bg-secondary-lighter`:`border-depth-black-4 bg-base-inverse hover:border-transparent hover:bg-base-weak`,x;t[11]!==n||t[12]!==b?(x=l(`group flex w-full cursor-pointer flex-col items-start gap-3 overflow-visible p-4 transition-colors`,`rounded-[20px] border`,b,n),t[11]=n,t[12]=b,t[13]=x):x=t[13];let S=m||void 0,C;t[14]!==m||t[15]!==s?(C=()=>s?.onChange?.(!m),t[14]=m,t[15]=s,t[16]=C):C=t[16];let w;t[17]===a?w=t[18]:(w=a?/* @__PURE__ */ (0,M.jsx)(ne,{...a}):null,t[17]=a,t[18]=w);let T;t[19]!==r||t[20]!==i||t[21]!==a?(T=oe(a,r,i),t[19]=r,t[20]=i,t[21]=a,t[22]=T):T=t[22];let E;t[23]===v?E=t[24]:(E=v?{opacity:0,y:6}:!1,t[23]=v,t[24]=E);let D;t[25]===Symbol.for(`react.memo_cache_sentinel`)?(D={opacity:1,y:0},t[25]=D):D=t[25];let O,k;t[26]===v?(O=t[27],k=t[28]):(O=v?{opacity:0,y:-6}:{opacity:1},k=v?ae:{duration:0},t[26]=v,t[27]=O,t[28]=k);let A;t[29]===Symbol.for(`react.memo_cache_sentinel`)?(A={willChange:`opacity, transform`,backfaceVisibility:`hidden`},t[29]=A):A=t[29];let N;t[30]===r?N=t[31]:(N=r?/* @__PURE__ */ (0,M.jsx)(U,{...r}):null,t[30]=r,t[31]=N);let P;t[32]===i?P=t[33]:(P=i?/* @__PURE__ */ (0,M.jsx)(q,{...i}):null,t[32]=i,t[33]=P);let F;t[34]!==E||t[35]!==O||t[36]!==k||t[37]!==N||t[38]!==P||t[39]!==T?(F=/* @__PURE__ */ (0,M.jsx)(f,{mode:`popLayout`,initial:!1,children:/* @__PURE__ */ (0,M.jsxs)(d.div,{initial:E,animate:D,exit:O,transition:k,className:`flex w-full min-w-0 flex-col gap-3 overflow-visible`,style:A,children:[N,P]},T)}),t[34]=E,t[35]=O,t[36]=k,t[37]=N,t[38]=P,t[39]=T,t[40]=F):F=t[40];let I;return t[41]!==o||t[42]!==u||t[43]!==F||t[44]!==x||t[45]!==S||t[46]!==C||t[47]!==w||t[48]!==_?(I=/* @__PURE__ */ (0,M.jsxs)(d.div,{whileTap:_,transition:y,className:x,"data-slot":`activity-card`,"data-selected":S,onClick:C,"qa-test-id":u,...o,children:[w,F]}),t[41]=o,t[42]=u,t[43]=F,t[44]=x,t[45]=S,t[46]=C,t[47]=w,t[48]=_,t[49]=I):I=t[49],I}export{se as ActivityCard,R as NoteBlock};

package/dist/browser/@patterninc/pattern-ui/artifact/image-artifact/GalleryPanelContent.js

@@ -1 +1 @@
-import{a as e}from"../../../../_chunks/rolldown-runtime-B0Z9INg1.js";import{t}from"../../../../_chunks/react-BcFqt3h5.js";import{t as n}from"../../../../_chunks/jsx-runtime-CNz6huh3.js";import{t as r}from"../../../../_chunks/dist-hovC-tlK.js";import{t as i}from"../../../../_chunks/GalleryCard-D7HcEyPR.js";import{t as a}from"../../../../_chunks/Lightbox-CywCPi7D.js";import{n as o,t as s}from"../../../../_chunks/galleryLayouts-COa9PIJw.js";var c=/* @__PURE__ */ e(n(),1),l=/* @__PURE__ */ e(t(),1);const u={cols:12,rows:8,maxPerGroup:7,heightRatio:1/3},d={cols:8,rows:8,maxPerGroup:7,heightRatio:3/4},f={cols:4,rows:8,maxPerGroup:4,heightRatio:1},p={cols:1,rows:1,maxPerGroup:1,heightRatio:3/4};function m(e){return e>=60?u:e>=40?d:e>=25?f:p}function h(e){let t=window.innerWidth;return t===0?d:t<640?p:m(e/t*100)}function g({images:e,className:t,qaTestId:n=`gallery-panel-content`}){let u=(0,l.useRef)(null),d=(0,l.useRef)(/* @__PURE__ */ new Set),f=(0,l.useRef)(/* @__PURE__ */ new Set),[,p]=(0,l.useState)(0),[m,g]=(0,l.useState)(()=>h(400)),_=(0,l.useRef)(m);(0,l.useEffect)(()=>{let e=u.current;if(!e)return;let t=new ResizeObserver(e=>{let t=h(e[0]?.contentRect.width??0);t!==_.current&&(_.current=t,g(t))});return t.observe(e),()=>t.disconnect()},[]);let v=s(e.length,m.cols,m.rows,m.maxPerGroup),y=o(e.length,m.rows,m.maxPerGroup),b=Math.ceil(e.length/m.maxPerGroup),[x,S]=(0,l.useState)(!1),[C,w]=(0,l.useState)(0),[T,E]=(0,l.useState)(null),D=e.map(e=>({src:e.src,alt:e.alt,title:e.title,description:e.description}));return e.length===0?null:/* @__PURE__ */ (0,c.jsxs)(c.Fragment,{children:[/* @__PURE__ */ (0,c.jsxs)(`div`,{ref:u,className:r(`h-full overflow-x-hidden overflow-y-auto`,t),role:`grid`,"aria-label":`Image gallery`,"qa-test-id":n,children:[/* @__PURE__ */ (0,c.jsx)(`div`,{className:`grid overflow-clip rounded-2xl`,style:{gridTemplateColumns:`repeat(${m.cols}, 1fr)`,gridTemplateRows:`repeat(${y}, 1fr)`,aspectRatio:`1 / ${m.heightRatio*b}`,gap:`4px`},children:e.map((t,n)=>{let r=v[n];return/* @__PURE__ */ (0,c.jsx)(i,{src:t.src,index:n,total:e.length,isLoaded:d.current.has(t.src),isError:f.current.has(t.src),gridColumn:r?.gridColumn,gridRow:r?.gridRow,isHidden:x&&C===n,onLoad:e=>{d.current.has(e)||(d.current.add(e),p(e=>e+1))},onError:e=>{f.current.has(e)||(f.current.add(e),p(e=>e+1))},onClick:(e,t)=>{w(e),E(t),S(!0)}},`${t.src}-${n}`)})}),/* @__PURE__ */ (0,c.jsx)(`div`,{className:`h-16 w-full`,"aria-hidden":`true`})]}),/* @__PURE__ */ (0,c.jsx)(a,{images:D,open:x,onClose:()=>{S(!1),requestAnimationFrame(()=>{document.activeElement instanceof HTMLElement&&document.activeElement.blur()})},initialIndex:C,origin:T})]})}export{g as GalleryPanelContent};
+import{a as e}from"../../../../_chunks/rolldown-runtime-B0Z9INg1.js";import{t}from"../../../../_chunks/react-BcFqt3h5.js";import{t as n}from"../../../../_chunks/jsx-runtime-CNz6huh3.js";import{t as r}from"../../../../_chunks/dist-hovC-tlK.js";import{t as i}from"../../../../_chunks/GalleryCard-D7HcEyPR.js";import{t as a}from"../../../../_chunks/Lightbox-D7f99562.js";import{n as o,t as s}from"../../../../_chunks/galleryLayouts-COa9PIJw.js";var c=/* @__PURE__ */ e(n(),1),l=/* @__PURE__ */ e(t(),1);const u={cols:12,rows:8,maxPerGroup:7,heightRatio:1/3},d={cols:8,rows:8,maxPerGroup:7,heightRatio:3/4},f={cols:4,rows:8,maxPerGroup:4,heightRatio:1},p={cols:1,rows:1,maxPerGroup:1,heightRatio:3/4};function m(e){return e>=60?u:e>=40?d:e>=25?f:p}function h(e){let t=window.innerWidth;return t===0?d:t<640?p:m(e/t*100)}function g({images:e,className:t,qaTestId:n=`gallery-panel-content`}){let u=(0,l.useRef)(null),d=(0,l.useRef)(/* @__PURE__ */ new Set),f=(0,l.useRef)(/* @__PURE__ */ new Set),[,p]=(0,l.useState)(0),[m,g]=(0,l.useState)(()=>h(400)),_=(0,l.useRef)(m);(0,l.useEffect)(()=>{let e=u.current;if(!e)return;let t=new ResizeObserver(e=>{let t=h(e[0]?.contentRect.width??0);t!==_.current&&(_.current=t,g(t))});return t.observe(e),()=>t.disconnect()},[]);let v=s(e.length,m.cols,m.rows,m.maxPerGroup),y=o(e.length,m.rows,m.maxPerGroup),b=Math.ceil(e.length/m.maxPerGroup),[x,S]=(0,l.useState)(!1),[C,w]=(0,l.useState)(0),[T,E]=(0,l.useState)(null),D=e.map(e=>({src:e.src,alt:e.alt,title:e.title,description:e.description}));return e.length===0?null:/* @__PURE__ */ (0,c.jsxs)(c.Fragment,{children:[/* @__PURE__ */ (0,c.jsxs)(`div`,{ref:u,className:r(`h-full overflow-x-hidden overflow-y-auto`,t),role:`grid`,"aria-label":`Image gallery`,"qa-test-id":n,children:[/* @__PURE__ */ (0,c.jsx)(`div`,{className:`grid overflow-clip rounded-2xl`,style:{gridTemplateColumns:`repeat(${m.cols}, 1fr)`,gridTemplateRows:`repeat(${y}, 1fr)`,aspectRatio:`1 / ${m.heightRatio*b}`,gap:`4px`},children:e.map((t,n)=>{let r=v[n];return/* @__PURE__ */ (0,c.jsx)(i,{src:t.src,index:n,total:e.length,isLoaded:d.current.has(t.src),isError:f.current.has(t.src),gridColumn:r?.gridColumn,gridRow:r?.gridRow,isHidden:x&&C===n,onLoad:e=>{d.current.has(e)||(d.current.add(e),p(e=>e+1))},onError:e=>{f.current.has(e)||(f.current.add(e),p(e=>e+1))},onClick:(e,t)=>{w(e),E(t),S(!0)}},`${t.src}-${n}`)})}),/* @__PURE__ */ (0,c.jsx)(`div`,{className:`h-16 w-full`,"aria-hidden":`true`})]}),/* @__PURE__ */ (0,c.jsx)(a,{images:D,open:x,onClose:()=>{S(!1),requestAnimationFrame(()=>{document.activeElement instanceof HTMLElement&&document.activeElement.blur()})},initialIndex:C,origin:T})]})}export{g as GalleryPanelContent};

package/dist/browser/@patterninc/pattern-ui/artifact/image-artifact/ImageArtifact.js

@@ -1 +1 @@
-import{a as e}from"../../../../_chunks/rolldown-runtime-B0Z9INg1.js";import{t}from"../../../../_chunks/react-BcFqt3h5.js";import{t as n}from"../../../../_chunks/ArrowRightIcon-B00tXOI2.js";import{t as r}from"../../../../_chunks/compiler-runtime-Br_I-bNG.js";import{t as i}from"../../../../_chunks/jsx-runtime-CNz6huh3.js";import{t as a}from"../../../../_chunks/dist-hovC-tlK.js";import{t as o}from"../../../../_chunks/Button-B8Eru7h_.js";import{t as s}from"../../../../_chunks/artifact-footer-077V7ECR.js";import{t as c}from"../../../../_chunks/Lightbox-CywCPi7D.js";import{r as l}from"../../../../_chunks/galleryLayouts-COa9PIJw.js";import{t as u}from"../../../../_chunks/ImageItem-CTeEyqsA.js";var d=r(),f=/* @__PURE__ */ e(i(),1),p=/* @__PURE__ */ e(t(),1);function m(e){let t=(0,d.c)(46),r,i,m,h,g,_,v;t[0]===e?(r=t[1],i=t[2],m=t[3],h=t[4],g=t[5],_=t[6],v=t[7]):({images:m,buttonText:r,onViewAllImages:g,onImageClick:h,className:i,qaTestId:v,..._}=e,t[0]=e,t[1]=r,t[2]=i,t[3]=m,t[4]=h,t[5]=g,t[6]=_,t[7]=v);let y=v===void 0?`image-artifact`:v,b=m.slice(0,5),x=b.length,S=l(x),[C,w]=p.useState(!1),T;t[8]===Symbol.for(`react.memo_cache_sentinel`)?(T=[],t[8]=T):T=t[8];let[E,D]=p.useState(T),[O,k]=p.useState(0),[A,j]=p.useState(null),[M,N]=p.useState(null),P=m.length>5,F=`view ${m.length} ${m.length===1?`image`:`images`}`,I;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(I={icon:n},t[9]=I):I=t[9];let L=r??F,R;t[10]!==g||t[11]!==L?(R=/* @__PURE__ */ (0,f.jsx)(o,{variant:`weak`,fullwidth:!0,suffix:I,onClick:g,children:L}),t[10]=g,t[11]=L,t[12]=R):R=t[12];let z=R,B;t[13]!==m||t[14]!==h||t[15]!==N||t[16]!==w?(B=(e,t)=>{if(m[e]){if(h){h(e);return}D(m),k(e),j(t),N(e),w(!0)}},t[13]=m,t[14]=h,t[15]=N,t[16]=w,t[17]=B):B=t[17];let V=B;if(x===0)return null;let H;t[18]===i?H=t[19]:(H=a(`mx-auto flex w-full max-w-[min(100%,calc(var(--artifact-breakout-column,680px)+2*var(--artifact-breakout-current,48px)))] min-w-0 flex-col items-stretch gap-6`,i),t[18]=i,t[19]=H);let U=x===1?`488 / 353`:`565 / 347`,W;t[20]===U?W=t[21]:(W={display:`grid`,width:`100%`,maxWidth:`100%`,minWidth:0,aspectRatio:U,gridTemplateColumns:`repeat(8, minmax(0, 1fr))`,gridTemplateRows:`repeat(6, minmax(0, 1fr))`,gap:4},t[20]=U,t[21]=W);let G=b.map((e,t)=>{let n=S[t];return n?/* @__PURE__ */ (0,f.jsx)(u,{src:e.src,alt:e.alt,onClick:e=>{let n=e.currentTarget.getBoundingClientRect();V(t,{x:n.left+n.width/2,y:n.top+n.height/2})},className:a(`h-full min-h-0 w-full min-w-0`,C&&M===t&&`invisible`),style:{gridColumn:n.gridColumn,gridRow:n.gridRow,minWidth:0,minHeight:0}},`${e.src}-${t}`):null}),K;t[22]!==W||t[23]!==G?(K=/* @__PURE__ */ (0,f.jsx)(`div`,{className:`overflow-clip rounded-2xl`,role:`group`,style:W,children:G}),t[22]=W,t[23]=G,t[24]=K):K=t[24];let q;t[25]!==z||t[26]!==P?(q=P?/* @__PURE__ */ (0,f.jsx)(s,{buttons:[z],layout:`full`,className:`w-full px-0`}):null,t[25]=z,t[26]=P,t[27]=q):q=t[27];let J;t[28]!==_||t[29]!==y||t[30]!==K||t[31]!==q||t[32]!==H?(J=/* @__PURE__ */ (0,f.jsxs)(`div`,{className:H,"qa-test-id":y,..._,children:[K,q]}),t[28]=_,t[29]=y,t[30]=K,t[31]=q,t[32]=H,t[33]=J):J=t[33];let Y;t[34]!==N||t[35]!==w?(Y=()=>{w(!1),N(null)},t[34]=N,t[35]=w,t[36]=Y):Y=t[36];let X;t[37]!==E||t[38]!==O||t[39]!==C||t[40]!==A||t[41]!==Y?(X=/* @__PURE__ */ (0,f.jsx)(c,{images:E,open:C,onClose:Y,initialIndex:O,origin:A}),t[37]=E,t[38]=O,t[39]=C,t[40]=A,t[41]=Y,t[42]=X):X=t[42];let Z;return t[43]!==J||t[44]!==X?(Z=/* @__PURE__ */ (0,f.jsxs)(f.Fragment,{children:[J,X]}),t[43]=J,t[44]=X,t[45]=Z):Z=t[45],Z}export{m as ImageArtifact};
+import{a as e}from"../../../../_chunks/rolldown-runtime-B0Z9INg1.js";import{t}from"../../../../_chunks/react-BcFqt3h5.js";import{t as n}from"../../../../_chunks/ArrowRightIcon-B00tXOI2.js";import{t as r}from"../../../../_chunks/compiler-runtime-Br_I-bNG.js";import{t as i}from"../../../../_chunks/jsx-runtime-CNz6huh3.js";import{t as a}from"../../../../_chunks/dist-hovC-tlK.js";import{t as o}from"../../../../_chunks/Button-B8Eru7h_.js";import{t as s}from"../../../../_chunks/artifact-footer-077V7ECR.js";import{t as c}from"../../../../_chunks/Lightbox-D7f99562.js";import{r as l}from"../../../../_chunks/galleryLayouts-COa9PIJw.js";import{t as u}from"../../../../_chunks/ImageItem-CTeEyqsA.js";var d=r(),f=/* @__PURE__ */ e(i(),1),p=/* @__PURE__ */ e(t(),1);function m(e){let t=(0,d.c)(46),r,i,m,h,g,_,v;t[0]===e?(r=t[1],i=t[2],m=t[3],h=t[4],g=t[5],_=t[6],v=t[7]):({images:m,buttonText:r,onViewAllImages:g,onImageClick:h,className:i,qaTestId:v,..._}=e,t[0]=e,t[1]=r,t[2]=i,t[3]=m,t[4]=h,t[5]=g,t[6]=_,t[7]=v);let y=v===void 0?`image-artifact`:v,b=m.slice(0,5),x=b.length,S=l(x),[C,w]=p.useState(!1),T;t[8]===Symbol.for(`react.memo_cache_sentinel`)?(T=[],t[8]=T):T=t[8];let[E,D]=p.useState(T),[O,k]=p.useState(0),[A,j]=p.useState(null),[M,N]=p.useState(null),P=m.length>5,F=`view ${m.length} ${m.length===1?`image`:`images`}`,I;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(I={icon:n},t[9]=I):I=t[9];let L=r??F,R;t[10]!==g||t[11]!==L?(R=/* @__PURE__ */ (0,f.jsx)(o,{variant:`weak`,fullwidth:!0,suffix:I,onClick:g,children:L}),t[10]=g,t[11]=L,t[12]=R):R=t[12];let z=R,B;t[13]!==m||t[14]!==h||t[15]!==N||t[16]!==w?(B=(e,t)=>{if(m[e]){if(h){h(e);return}D(m),k(e),j(t),N(e),w(!0)}},t[13]=m,t[14]=h,t[15]=N,t[16]=w,t[17]=B):B=t[17];let V=B;if(x===0)return null;let H;t[18]===i?H=t[19]:(H=a(`mx-auto flex w-full max-w-[min(100%,calc(var(--artifact-breakout-column,680px)+2*var(--artifact-breakout-current,48px)))] min-w-0 flex-col items-stretch gap-6`,i),t[18]=i,t[19]=H);let U=x===1?`488 / 353`:`565 / 347`,W;t[20]===U?W=t[21]:(W={display:`grid`,width:`100%`,maxWidth:`100%`,minWidth:0,aspectRatio:U,gridTemplateColumns:`repeat(8, minmax(0, 1fr))`,gridTemplateRows:`repeat(6, minmax(0, 1fr))`,gap:4},t[20]=U,t[21]=W);let G=b.map((e,t)=>{let n=S[t];return n?/* @__PURE__ */ (0,f.jsx)(u,{src:e.src,alt:e.alt,onClick:e=>{let n=e.currentTarget.getBoundingClientRect();V(t,{x:n.left+n.width/2,y:n.top+n.height/2})},className:a(`h-full min-h-0 w-full min-w-0`,C&&M===t&&`invisible`),style:{gridColumn:n.gridColumn,gridRow:n.gridRow,minWidth:0,minHeight:0}},`${e.src}-${t}`):null}),K;t[22]!==W||t[23]!==G?(K=/* @__PURE__ */ (0,f.jsx)(`div`,{className:`overflow-clip rounded-2xl`,role:`group`,style:W,children:G}),t[22]=W,t[23]=G,t[24]=K):K=t[24];let q;t[25]!==z||t[26]!==P?(q=P?/* @__PURE__ */ (0,f.jsx)(s,{buttons:[z],layout:`full`,className:`w-full px-0`}):null,t[25]=z,t[26]=P,t[27]=q):q=t[27];let J;t[28]!==_||t[29]!==y||t[30]!==K||t[31]!==q||t[32]!==H?(J=/* @__PURE__ */ (0,f.jsxs)(`div`,{className:H,"qa-test-id":y,..._,children:[K,q]}),t[28]=_,t[29]=y,t[30]=K,t[31]=q,t[32]=H,t[33]=J):J=t[33];let Y;t[34]!==N||t[35]!==w?(Y=()=>{w(!1),N(null)},t[34]=N,t[35]=w,t[36]=Y):Y=t[36];let X;t[37]!==E||t[38]!==O||t[39]!==C||t[40]!==A||t[41]!==Y?(X=/* @__PURE__ */ (0,f.jsx)(c,{images:E,open:C,onClose:Y,initialIndex:O,origin:A}),t[37]=E,t[38]=O,t[39]=C,t[40]=A,t[41]=Y,t[42]=X):X=t[42];let Z;return t[43]!==J||t[44]!==X?(Z=/* @__PURE__ */ (0,f.jsxs)(f.Fragment,{children:[J,X]}),t[43]=J,t[44]=X,t[45]=Z):Z=t[45],Z}export{m as ImageArtifact};

package/dist/browser/@patterninc/pattern-ui/artifact/image-artifact/Lightbox.js

@@ -1 +1 @@
-import{t as e}from"../../../../_chunks/Lightbox-CywCPi7D.js";export{e as Lightbox};
+import{t as e}from"../../../../_chunks/Lightbox-D7f99562.js";export{e as Lightbox};

package/dist/browser/@patterninc/pattern-ui/button-group.js

@@ -1 +1 @@
-import{t as e}from"../../_chunks/ButtonGroup-CUSKFBLC.js";export{e as ButtonGroup,e as default};
+import{t as e}from"../../_chunks/ButtonGroup-Dzg9DTj_.js";export{e as ButtonGroup,e as default};

package/dist/browser/@patterninc/pattern-ui/feedback-gateway-provider.js

@@ -1 +1 @@
-import{a as e}from"../../_chunks/rolldown-runtime-B0Z9INg1.js";import{t}from"../../_chunks/react-BcFqt3h5.js";import{t as n}from"../../_chunks/jsx-runtime-CNz6huh3.js";import{i as r}from"../../_chunks/Tooltip-izhDs6BG.js";import{i}from"../../_chunks/dist-ByhcWgyI.js";import{r as a}from"../../_chunks/dist-DtmZ8paD.js";import{t as o}from"../../_chunks/HelperText-BZLVAEXG.js";import{t as s}from"../../_chunks/Modal-Daz7h2pU.js";import{t as c}from"../../_chunks/ShakeWrapper-C-KzTRkX.js";import{t as l}from"../../_chunks/collect-feedback-context-D3QUAfYm.js";import{t as u}from"../../_chunks/FeedbackMode-CDnVrYPe.js";import{T as d,a as f,b as p,d as m,i as h,l as g,o as _,p as v,x as y}from"../../_chunks/useFeedbackGatewaySession-BceOxH0d.js";import{r as b,t as x}from"../../_chunks/useFeedbackGatewayAuth-kN262tUH.js";var S=/* @__PURE__ */ e(n(),1),C=/* @__PURE__ */ e(t(),1);const w=(0,C.createContext)(void 0);function T({app:e,enabled:t,environment:n,user:i,usesLocalDevProxy:o=!1,children:s,qaTestId:c=`feedback-gateway-provider`}){let T=a(),[D,O]=(0,C.useState)(!1),[k,A]=(0,C.useState)(0),[j,M]=(0,C.useState)(``),[N,P]=(0,C.useState)(`capture`),[F,I]=(0,C.useState)(!1);o&&_(e,{usesLocalDevProxy:!0});let L=!1;if(T)try{L=window.localStorage.getItem(d)===`true`}catch{L=!1}let R=h(t,L),z=R&&D,B=(0,C.useRef)(null),V=(0,C.useRef)(()=>{}),H=o&&T&&f(window.location.hostname)?async()=>{let e=await fetch(`/api/feedback/oly-origin`,{credentials:`same-origin`});if(!e.ok)throw Error(`oly-origin unavailable`);let t=await e.json();if(!t.origin)throw Error(`oly-origin missing`);return t.origin}:void 0,U=x({app:e,enabled:R,open:z&&F,resolveOlyGatewayOrigin:H,onReturnFromAuth:()=>{V.current()}});B.current=U;function W(t){M(p(e)),P(t?.review?`review`:`capture`),A(e=>e+1),O(!0)}function G(){if(!R)return;let e=B.current;if(!e){W();return}(async()=>{try{let t=await m({dashboardOrigin:e.config.gatewayOrigin});if(t.status===`needs_auth`){e.redirectToLogin(new g(t.authUrl));return}if(t.status===`forbidden`||t.status===`error`){W({review:!0});return}W()}catch{e.redirectToLogin()}})()}V.current=G;async function K(t){let r=B.current;if(!r)throw Error(`Feedback gateway auth is not ready.`);y(e,t.message);try{await v({...t,context:l({app:e,environment:b(n),user:i,localStorage:{}})},{dashboardOrigin:r.config.gatewayOrigin}),y(e,``)}catch(e){throw e instanceof g&&r.redirectToLogin(e),e}}return/* @__PURE__ */ (0,S.jsxs)(w.Provider,{value:{enabled:R,openFeedback:G},children:[s,z?/* @__PURE__ */ (0,S.jsx)(r,{children:/* @__PURE__ */ (0,S.jsx)(u,{active:!0,initialPhase:N,initialMessage:j,onExit:()=>O(!1),onSubmit:K,renderReview:t=>/* @__PURE__ */ (0,S.jsx)(E,{app:e,review:t,gatewayAuth:U,onOpenChange:I,qaTestId:`${c}-review-dialog`}),qaTestId:c},k)}):null]})}function E({app:e,review:t,gatewayAuth:n,onOpenChange:r,qaTestId:a}){let{_:l}=i();(0,C.useEffect)(()=>(r(!0),()=>r(!1)),[r]);let u=t.phase===`sent`;return/* @__PURE__ */ (0,S.jsx)(s,{open:!0,dismissOnBackdropClick:!1,onOpenChange:e=>{e||t.exit()},size:`lg`,qaTestId:a,headerProps:u?{title:l({id:`2roTVj`})}:{title:l({id:`RoafuO`}),description:l({id:`7kUVRu`}),showClose:!0,closeDisabled:t.isSubmitting},footerProps:u?{primaryButton:{variant:`strong`,children:l({id:`yz7wBu`}),onClick:t.exit}}:{secondaryButton:{variant:`stroke`,children:l({id:`AhocSJ`}),disabled:t.isSubmitting,onClick:t.backToCapture},primaryButton:n.needsLogin?{variant:`strong`,children:l({id:`z0t9bb`}),disabled:t.isSubmitting,onClick:()=>{t.message.trim()&&y(e,t.message),n.onLogin()}}:{variant:`strong`,children:l({id:`JlFcis`}),isLoading:t.isSubmitting||n.isChecking,disabled:!n.canSend||t.isSubmitting,onClick:t.submit}},children:/* @__PURE__ */ (0,S.jsxs)(c,{ref:t.shakeRef,tooltip:u?void 0:l({id:`_8FaZU`}),children:[t.body,!u&&n.authNotice?/* @__PURE__ */ (0,S.jsx)(o,{state:`error`,wrap:!0,className:`mt-3`,children:n.authNotice}):null]})})}function D(){return(0,C.useContext)(w)??{enabled:!1,openFeedback:O}}function O(){}export{T as FeedbackGatewayProvider,D as useFeedbackGateway};
+import{a as e}from"../../_chunks/rolldown-runtime-B0Z9INg1.js";import{t}from"../../_chunks/react-BcFqt3h5.js";import{t as n}from"../../_chunks/jsx-runtime-CNz6huh3.js";import{i as r}from"../../_chunks/Tooltip-izhDs6BG.js";import{i}from"../../_chunks/dist-ByhcWgyI.js";import{r as a}from"../../_chunks/dist-DtmZ8paD.js";import{t as o}from"../../_chunks/HelperText-BZLVAEXG.js";import{t as s}from"../../_chunks/Modal-Daz7h2pU.js";import{t as c}from"../../_chunks/ShakeWrapper-C-KzTRkX.js";import{t as l}from"../../_chunks/collect-feedback-context-D3QUAfYm.js";import{t as u}from"../../_chunks/FeedbackMode-A4cwQT4H.js";import{T as d,a as f,b as p,d as m,i as h,l as g,o as _,p as v,x as y}from"../../_chunks/useFeedbackGatewaySession-BceOxH0d.js";import{r as b,t as x}from"../../_chunks/useFeedbackGatewayAuth-kN262tUH.js";var S=/* @__PURE__ */ e(n(),1),C=/* @__PURE__ */ e(t(),1);const w=(0,C.createContext)(void 0);function T({app:e,enabled:t,environment:n,user:i,usesLocalDevProxy:o=!1,children:s,qaTestId:c=`feedback-gateway-provider`}){let T=a(),[D,O]=(0,C.useState)(!1),[k,A]=(0,C.useState)(0),[j,M]=(0,C.useState)(``),[N,P]=(0,C.useState)(`capture`),[F,I]=(0,C.useState)(!1);o&&_(e,{usesLocalDevProxy:!0});let L=!1;if(T)try{L=window.localStorage.getItem(d)===`true`}catch{L=!1}let R=h(t,L),z=R&&D,B=(0,C.useRef)(null),V=(0,C.useRef)(()=>{}),H=o&&T&&f(window.location.hostname)?async()=>{let e=await fetch(`/api/feedback/oly-origin`,{credentials:`same-origin`});if(!e.ok)throw Error(`oly-origin unavailable`);let t=await e.json();if(!t.origin)throw Error(`oly-origin missing`);return t.origin}:void 0,U=x({app:e,enabled:R,open:z&&F,resolveOlyGatewayOrigin:H,onReturnFromAuth:()=>{V.current()}});B.current=U;function W(t){M(p(e)),P(t?.review?`review`:`capture`),A(e=>e+1),O(!0)}function G(){if(!R)return;let e=B.current;if(!e){W();return}(async()=>{try{let t=await m({dashboardOrigin:e.config.gatewayOrigin});if(t.status===`needs_auth`){e.redirectToLogin(new g(t.authUrl));return}if(t.status===`forbidden`||t.status===`error`){W({review:!0});return}W()}catch{e.redirectToLogin()}})()}V.current=G;async function K(t){let r=B.current;if(!r)throw Error(`Feedback gateway auth is not ready.`);y(e,t.message);try{await v({...t,context:l({app:e,environment:b(n),user:i,localStorage:{}})},{dashboardOrigin:r.config.gatewayOrigin}),y(e,``)}catch(e){throw e instanceof g&&r.redirectToLogin(e),e}}return/* @__PURE__ */ (0,S.jsxs)(w.Provider,{value:{enabled:R,openFeedback:G},children:[s,z?/* @__PURE__ */ (0,S.jsx)(r,{children:/* @__PURE__ */ (0,S.jsx)(u,{active:!0,initialPhase:N,initialMessage:j,onExit:()=>O(!1),onSubmit:K,renderReview:t=>/* @__PURE__ */ (0,S.jsx)(E,{app:e,review:t,gatewayAuth:U,onOpenChange:I,qaTestId:`${c}-review-dialog`}),qaTestId:c},k)}):null]})}function E({app:e,review:t,gatewayAuth:n,onOpenChange:r,qaTestId:a}){let{_:l}=i();(0,C.useEffect)(()=>(r(!0),()=>r(!1)),[r]);let u=t.phase===`sent`;return/* @__PURE__ */ (0,S.jsx)(s,{open:!0,dismissOnBackdropClick:!1,onOpenChange:e=>{e||t.exit()},size:`lg`,qaTestId:a,headerProps:u?{title:l({id:`2roTVj`})}:{title:l({id:`RoafuO`}),description:l({id:`7kUVRu`}),showClose:!0,closeDisabled:t.isSubmitting},footerProps:u?{primaryButton:{variant:`strong`,children:l({id:`yz7wBu`}),onClick:t.exit}}:{secondaryButton:{variant:`stroke`,children:l({id:`AhocSJ`}),disabled:t.isSubmitting,onClick:t.backToCapture},primaryButton:n.needsLogin?{variant:`strong`,children:l({id:`z0t9bb`}),disabled:t.isSubmitting,onClick:()=>{t.message.trim()&&y(e,t.message),n.onLogin()}}:{variant:`strong`,children:l({id:`JlFcis`}),isLoading:t.isSubmitting||n.isChecking,disabled:!n.canSend||t.isSubmitting,onClick:t.submit}},children:/* @__PURE__ */ (0,S.jsxs)(c,{ref:t.shakeRef,tooltip:u?void 0:l({id:`_8FaZU`}),children:[t.body,!u&&n.authNotice?/* @__PURE__ */ (0,S.jsx)(o,{state:`error`,wrap:!0,className:`mt-3`,children:n.authNotice}):null]})})}function D(){return(0,C.useContext)(w)??{enabled:!1,openFeedback:O}}function O(){}export{T as FeedbackGatewayProvider,D as useFeedbackGateway};

package/dist/browser/@patterninc/pattern-ui/feedback-mode.js

@@ -1 +1 @@
-import{t as e}from"../../_chunks/collect-feedback-context-D3QUAfYm.js";import{a as t,i as n,n as r,r as i,t as a}from"../../_chunks/FeedbackMode-CDnVrYPe.js";export{t as FeedbackCaptureBar,a as FeedbackMode,n as FeedbackModeFrame,i as FeedbackModeReview,e as buildFeedbackContext,r as useFeedbackMode};
+import{t as e}from"../../_chunks/collect-feedback-context-D3QUAfYm.js";import{a as t,i as n,n as r,r as i,t as a}from"../../_chunks/FeedbackMode-A4cwQT4H.js";export{t as FeedbackCaptureBar,a as FeedbackMode,n as FeedbackModeFrame,i as FeedbackModeReview,e as buildFeedbackContext,r as useFeedbackMode};

package/dist/browser/@patterninc/pattern-ui/icons/ClickableAreaIcon.js

@@ -1,2 +1 @@
-import{a as e}from"../../../_chunks/rolldown-runtime-B0Z9INg1.js";import{a as t}from"../../../_chunks/icon-helpers-D1krdJYq.js";import{t as n}from"../../../_chunks/react-BcFqt3h5.js";var r=/* @__PURE__ */ e(n(),1);const i=({size:e=24,color:n=`currentColor`,...i})=>r.createElement(`svg`,{width:e,height:e,color:t(n),fill:`transparent`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,...i,dangerouslySetInnerHTML:{__html:`<path d="M19.25 11.25V7.75C19.25 6.09315 17.9069 4.75 16.25 4.75H7.75C6.09315 4.75 4.75 6.09315 4.75 7.75V16.25C4.75 17.9069 6.09315 19.25 7.75 19.25H9.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M13.875 19.25L11.75 10.75L19.25 15.0278L15.5 16.0278L13.875 19.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`}});export{i as default};
+import{t as e}from"../../../_chunks/ClickableAreaIcon-geTnHwPr.js";export{e as default};

package/dist/browser/@patterninc/pattern-ui/image-card.js

@@ -1 +1 @@
-import{a as e}from"../../_chunks/rolldown-runtime-B0Z9INg1.js";import{t}from"../../_chunks/compiler-runtime-Br_I-bNG.js";import{t as n}from"../../_chunks/jsx-runtime-CNz6huh3.js";import{t as r}from"../../_chunks/dist-hovC-tlK.js";import{t as i}from"../../_chunks/ImageGrid-Be6uEce4.js";var a=t(),o=/* @__PURE__ */ e(n(),1);function s(e){let t=(0,a.c)(25),{title:n,images:s,count:c,caption:l,logo:u,price:d,loading:f,lightbox:p,gridClassName:m,className:h,qaTestId:g}=e,_=f!==void 0&&f,v=p!==void 0&&p,y=g===void 0?`image-card`:g,b=m??`aspect-square w-full`,x;t[0]===h?x=t[1]:(x=r(`border-border-soft bg-base-inverse flex flex-col gap-2 rounded-[20px] border p-3`,h),t[0]=h,t[1]=x);let S;t[2]!==c||t[3]!==s||t[4]!==v||t[5]!==_||t[6]!==b||t[7]!==n?(S=/* @__PURE__ */ (0,o.jsx)(i,{images:s,count:c,loading:_,lightbox:v,label:n,className:b}),t[2]=c,t[3]=s,t[4]=v,t[5]=_,t[6]=b,t[7]=n,t[8]=S):S=t[8];let C;t[9]!==u||t[10]!==d?(C=u||d?/* @__PURE__ */ (0,o.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 py-1`,children:[u?/* @__PURE__ */ (0,o.jsx)(`div`,{className:`shrink-0`,children:u}):null,d?/* @__PURE__ */ (0,o.jsx)(`span`,{className:`pui-text-label-medium-loose min-w-0 flex-1 truncate text-right text-text-strong tabular-nums`,children:d}):null]}):null,t[9]=u,t[10]=d,t[11]=C):C=t[11];let w;t[12]===n?w=t[13]:(w=/* @__PURE__ */ (0,o.jsx)(`span`,{className:`pui-text-label-medium-loose truncate text-text-sub`,children:n}),t[12]=n,t[13]=w);let T;t[14]===l?T=t[15]:(T=l?/* @__PURE__ */ (0,o.jsx)(`span`,{className:`pui-text-mono-small truncate text-text-soft`,children:l}):null,t[14]=l,t[15]=T);let E;t[16]!==C||t[17]!==w||t[18]!==T?(E=/* @__PURE__ */ (0,o.jsxs)(`div`,{className:`flex min-w-0 flex-col`,children:[C,w,T]}),t[16]=C,t[17]=w,t[18]=T,t[19]=E):E=t[19];let D;return t[20]!==y||t[21]!==x||t[22]!==S||t[23]!==E?(D=/* @__PURE__ */ (0,o.jsxs)(`div`,{className:x,"qa-test-id":y,children:[S,E]}),t[20]=y,t[21]=x,t[22]=S,t[23]=E,t[24]=D):D=t[24],D}export{s as ImageCard};
+import{a as e}from"../../_chunks/rolldown-runtime-B0Z9INg1.js";import{t}from"../../_chunks/compiler-runtime-Br_I-bNG.js";import{t as n}from"../../_chunks/jsx-runtime-CNz6huh3.js";import{t as r}from"../../_chunks/dist-hovC-tlK.js";import{t as i}from"../../_chunks/ImageGrid-DU6_ivLR.js";var a=t(),o=/* @__PURE__ */ e(n(),1);function s(e){let t=(0,a.c)(25),{title:n,images:s,count:c,caption:l,logo:u,price:d,loading:f,lightbox:p,gridClassName:m,className:h,qaTestId:g}=e,_=f!==void 0&&f,v=p!==void 0&&p,y=g===void 0?`image-card`:g,b=m??`aspect-square w-full`,x;t[0]===h?x=t[1]:(x=r(`border-border-soft bg-base-inverse flex flex-col gap-2 rounded-[20px] border p-3`,h),t[0]=h,t[1]=x);let S;t[2]!==c||t[3]!==s||t[4]!==v||t[5]!==_||t[6]!==b||t[7]!==n?(S=/* @__PURE__ */ (0,o.jsx)(i,{images:s,count:c,loading:_,lightbox:v,label:n,className:b}),t[2]=c,t[3]=s,t[4]=v,t[5]=_,t[6]=b,t[7]=n,t[8]=S):S=t[8];let C;t[9]!==u||t[10]!==d?(C=u||d?/* @__PURE__ */ (0,o.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 py-1`,children:[u?/* @__PURE__ */ (0,o.jsx)(`div`,{className:`shrink-0`,children:u}):null,d?/* @__PURE__ */ (0,o.jsx)(`span`,{className:`pui-text-label-medium-loose min-w-0 flex-1 truncate text-right text-text-strong tabular-nums`,children:d}):null]}):null,t[9]=u,t[10]=d,t[11]=C):C=t[11];let w;t[12]===n?w=t[13]:(w=/* @__PURE__ */ (0,o.jsx)(`span`,{className:`pui-text-label-medium-loose truncate text-text-sub`,children:n}),t[12]=n,t[13]=w);let T;t[14]===l?T=t[15]:(T=l?/* @__PURE__ */ (0,o.jsx)(`span`,{className:`pui-text-mono-small truncate text-text-soft`,children:l}):null,t[14]=l,t[15]=T);let E;t[16]!==C||t[17]!==w||t[18]!==T?(E=/* @__PURE__ */ (0,o.jsxs)(`div`,{className:`flex min-w-0 flex-col`,children:[C,w,T]}),t[16]=C,t[17]=w,t[18]=T,t[19]=E):E=t[19];let D;return t[20]!==y||t[21]!==x||t[22]!==S||t[23]!==E?(D=/* @__PURE__ */ (0,o.jsxs)(`div`,{className:x,"qa-test-id":y,children:[S,E]}),t[20]=y,t[21]=x,t[22]=S,t[23]=E,t[24]=D):D=t[24],D}export{s as ImageCard};

package/dist/browser/@patterninc/pattern-ui/image-grid.js

@@ -1 +1 @@
-import{t as e}from"../../_chunks/ImageGrid-Be6uEce4.js";export{e as ImageGrid};
+import{t as e}from"../../_chunks/ImageGrid-DU6_ivLR.js";export{e as ImageGrid};

package/dist/browser/@patterninc/pattern-ui/locales/fr.js

@@ -1 +1 @@
-const e=JSON.parse(`{"--jdIq":["Légende du graphique"],"-71KZ8":["Annuler le retour"],"-D6jVS":["Réflexion pendant 4 secondes"],"-Dsl3I":["Faites glisser pour fermer le canevas"],"-G_XiQ":["Année à ce jour"],"-P0Cn2":["Ignorer cette étape"],"00Lxnh":["Supprimer l’option"],"0AYT5C":["Saisissez une valeur"],"0JJQ_e":["Ne pas aimer"],"0xTvcr":["YTD"],"0yzjHF":["Supprimer ",["filename"]],"0zpgxV":["Options"],"1A3EXy":["Développer"],"1IP1K7":["Rétablir ",["name"]," sur la valeur par défaut"],"1Lxtdt":["code"],"1QfxQT":["Ignorer"],"1TNIig":["Ouvrir"],"1m41_U":["Soumettre un avis"],"1t_NnN":["Refuser"],"1xwZj_":["Mois précédent"],"1yTQDn":["Ignorer l’indication"],"23eR0g":["Les plus visités"],"2BBAbc":["Liste"],"2EZjP0":["Mois à ce jour"],"2FYpfJ":["Plus"],"2LMsOq":["12 derniers mois"],"2Tccnn":["Jour de la semaine"],"2dpwik":["Qu’est-ce qui se passe ?"],"2roTVj":["Commentaires envoyés"],"39h1ax":["Couper l’audio"],"3EbjfR":["Ignorer les modifications"],"3FJfRn":["Rechercher de l’audio"],"3RKzUJ":["Discutez avec un expert"],"3Siwmw":["Plus d’options"],"3ZxGc_":["Demandez n’importe quoi..."],"3_XRac":["Pas maintenant"],"3cp1rD":["Veuillez ajouter votre avis"],"3jY5Ok":["Impossible de vérifier votre session. Veuillez réessayer."],"3z_euE":["L’autorisation a été refusée. Autorisez l’accès dans le navigateur puis réessayez."],"45_yA_":["Lecteur audio"],"4DBHF4":["Arrêter la sélection"],"4OjqAQ":["Continuer à modifier"],"4WZc1m":["Ajuster la valeur"],"59e4X_":["Saisissez une date valide dans la plage autorisée."],"5EOVuQ":["Impossible de charger"],"5PDsfs":["envoyer"],"5phU36":["Ajoutez des images"],"5qN8QO":["Les commentaires ne sont pas disponibles pour le moment. Réessayez plus tard."],"5ywtDz":["Supprimer l’image"],"6Arhbc":["PNG, JPG, GIF ou WebP"],"6T2XK0":["Trop de caractères (",["over"],"/",["max"],")"],"6Uau97":["Ignorer"],"6kt_Ns":["Actions de sélection"],"7-vVV8":["Rien n’a été chargé"],"7DBZwP":["Vous n’avez pas l’autorisation d’envoyer un retour."],"7N8QTL":["Certains fichiers ont été ignorés. Utilisez un fichier image ou vidéo."],"7Tl-3A":["Début de la plage"],"7VpPHA":["Confirmer"],"7d4stN":["Bloqué par la politique"],"7kUVRu":["Décrivez ce que vous avez remarqué. Vos captures sont jointes ci-dessous."],"7mjBgd":["Partager un avis négatif"],"7ujA6R":["Prendre une capture d’écran"],"85Fz0S":["Glisser pour déplacer"],"8QiPk2":["Glisser pour redimensionner, double-clic pour ajuster"],"8Tg_JR":["Personnalisé"],"8U_mO1":["Commencez par une question."],"8fSOP1":["Fermer le lecteur audio"],"9NyAH9":["Ignoré"],"9iDzU8":["Supprimer ",["fileName"]],"9iXW23":["Sections des outils de développement"],"9s6kna":["Respiration"],"9uI_rE":["Annuler"],"9zb2WA":["Connexion"],"A1taO8":["Rechercher"],"A8eN_K":["Laisser ",["scopeLabel"]],"AUV-TY":["Réflexion"],"Ag2QUH":["Enregistrement d’écran"],"AhocSJ":["Retour à la capture"],"Ai-6kD":["Masquer la colonne"],"Arl-ig":["Aucune bascule trouvée"],"AwEQaN":["Mise en forme Markdown"],"AxPAXW":["Aucun résultat trouvé"],"BBLHSU":["Éléments sélectionnés"],"BLFfkm":["Basculer le mode de défilement"],"BdyTPm":["Télécharger la vidéo"],"C7-tRr":["Qu’est-ce qui ne va pas ?"],"C9QQ_N":["Remplacement de ",["name"]],"CHBie9":["diriger"],"CJndez":["Réessayez les téléchargements ayant échoué pour continuer"],"CKyk7Q":["Revenir en arrière"],"CTAh4p":["0 s"],"C_8P_3":["total s"],"Cbi8z4":["Qu’est-ce qui ne va pas, ou que devrions-nous modifier ?"],"Cl6Kg5":[["selectionCount","plural",{"one":["#"," sélectionné"],"other":["#"," sélectionnés"]}]],"CnKBZR":["3 derniers mois"],"D1wLSE":["Partager un avis positif"],"D2AZQg":["Une erreur s’est produite. Réessayez."],"D3-uUx":["MM"],"DB8zMK":["Appliquer"],"DNkveC":["Options de colonne"],"DYwFxT":["Vous pouvez joindre jusqu’à ",["maxScreenshots"]," images."],"Dd6j2Q":["Voir les commentaires"],"Du6bPw":["Adresse"],"DzIegb":["Partager un avis…"],"E-2Of8":["Vous devez saisir un message"],"E7oBZ5":["Agrandir le panneau"],"EWPtMO":["Code"],"EaKyzI":["Supprimer le thread"],"Elo64u":["Ce navigateur ne prend pas en charge cette capture."],"F4UTAG":[["rowCount","plural",{"one":["#"," ligne"],"other":["#"," lignes"]}]],"FBIuPX":["Effacer la sélection"],"FC5EFo":["Vous pouvez fermer ceci et continuer votre travail."],"FXr6LJ":["Masque ce formulaire pour que vous puissiez enregistrer la page. Arrêtez-vous dans la barre lorsque vous avez terminé."],"F_MvBG":["Supprimer le tri"],"FdH9IZ":["Commentaire de retour"],"FfCzU5":["Voir les images"],"FjaUgo":["Sélectionner l'élément"],"GS7_wF":["Ajoutez une brève description avant l’envoi."],"H86f9p":["Réduire"],"HND1q3":["Supprimer ",["label"]],"HpK_8d":["Recharger"],"HrRts6":["Glissez-déposez ou sélectionnez des fichiers"],"I97bfB":["Diminution de"],"IdoT3W":["Ouvrir les outils de développement"],"IiNMin":["Outils de développement"],"ImOQa9":["Répondre"],"IxyZXD":["Capture d’écran"],"J6hrEy":["Rejeté"],"JEhJ4K":["Sur ",["node"]],"JFciKP":["Bascule"],"JR6nY7":["Interfaces"],"JVZpTO":["Chargement des données du tableau"],"JcD7qf":["Plus d’actions"],"JjxtOs":[["credits","plural",{"one":["#"," crédit"],"other":["#"," crédits"]}]],"JlFcis":["Envoyer"],"JtD7At":["Saisissez des commentaires…"],"JvTdAL":["Diminuer"],"KGi3u9":["Glisser pour réorganiser"],"KHPKT5":["Les crédits servent à générer du contenu IA et à effectuer des analyses. Chaque opération consomme un certain nombre de crédits selon sa complexité."],"KeE_-J":["Choisir une date"],"KiJn9B":["Note"],"KmydK6":["Gras"],"KoDfwZ":["Capture de retours"],"LCZ7kW":["Mettre en pause l’audio"],"LLrXkb":["Ce navigateur ne prend pas en charge l’enregistrement d’écran."],"LkRzA3":["Que devons-nous examiner dans ce que vous avez capturé ?"],"LksjCS":["Ajouter un contexte"],"LqhjxR":["Par défaut :"],"MGTz59":["Sélectionnez au moins une option"],"MGW8kN":["Options de colonnes ",["label"]],"MH3bVF":["Patientez pendant la fin des téléchargements"],"MZbysF":["Utilisez un fichier image ou vidéo."],"MgnVua":["passer"],"N1YYa7":["Chargement de l’image"],"N5OFex":["Joindre une image ou une vidéo"],"NCzNnx":["Trier par ordre croissant"],"Nuw8ty":["Pouce vers le haut"],"O7K670":["Décrivez le changement"],"OSDK3S":["Effacer l’historique"],"OZtEcz":["Interface"],"O_7I0o":["Sélectionner…"],"OfV_Vo":["Rechercher des compétences, des pages…"],"P3EO-9":["Merci — c’est bon, c’est reçu. Vous pouvez continuer à travailler."],"PZ_kxo":["Conserver"],"P_8vtf":["Élément de liste"],"PcEQ_q":["Décrivez ce que vous avez remarqué. Une capture d’écran ou un enregistrement nous aide à le reproduire."],"PzPI5m":["Rechargement complet"],"Q49FN-":["Envoi de ",["filename"]],"QQ_wAv":["Outils de capture"],"QV326a":["Sélectionner des images"],"QbEBeE":["Vitesse de lecture ",["rateLabel"]],"R6K_Dg":["texte en italique"],"R7SsBE":["Couper le son"],"RQ096v":["Résolution"],"RRXpo1":["Court"],"RVpRxf":["Désépingler à gauche"],"Rk2XFh":["Supprimer le favori"],"RoafuO":["Envoyer des commentaires"],"S0fQBK":["pour naviguer"],"SXbpEh":[["minutes"],":",["remainderLabel"]],"SiUUCS":["Correspondance suivante"],"SlfejT":["Erreur"],"SnlZjC":["Zone défilable"],"TNBvxR":["Personnaliser les favoris"],"TRHp2P":["Sélectionner une plage"],"TUeMqA":["Désépingler à droite"],"TdaAeM":["Aucun enregistrement à afficher"],"Tuoidq":["Connexion sécurisée"],"U-R4tW":["Tout désélectionner"],"UAzNjT":["Effacer la date"],"UY1vmE":["Pièce jointe"],"UgTYJg":[["sourceCount","plural",{"one":["#"," source"],"other":["#"," sources"]}]],"V1XNI7":["Rechercher une clé de bascule…"],"V8yTm6":["Effacer la recherche"],"VDoFSJ":["Pouce vers le bas"],"VbggDE":["Étape précédente"],"VbyRUy":["Commentaires"],"VdD_H1":["Sélectionnez une date…"],"VjbCv0":["Tout supprimer"],"Vtq6ex":["Votre réponse"],"VyLGhh":["Bascules"],"W5yboM":["Connectez-vous pour envoyer un retour."],"W9FRBT":["Comme"],"WGD1Al":["Diminuer"],"WRNXKp":["Recherche"],"WbUtOC":["Fermer ",["label"]],"X9kySA":["Favoris"],"XC7c1l":["Étape ",["stepDisplayIndex"]," sur ",["totalSteps"]],"XOJDc9":["Tout au long de la période"],"XU6fHF":["Note capturée"],"XmKjfh":["Enregistrement"],"XnCKvx":["Capturer une capture d’écran"],"Xo29SJ":["Redimensionner la colonne"],"Y6D_rJ":["AAAA"],"Z0AZDp":[["filled"]," sur ",["segmentCount"]],"Z7ZXbT":["Approuver"],"ZUhSpK":["Ignorer cette question"],"ZdWg0V":["Ouvrir dans le navigateur"],"Zkbr2n":["Réduire le panneau"],"_0EAFR":["Capturé"],"_8FaZU":["Remplissez le champ requis avant l’envoi."],"_D6eRO":["Supprimez les types de fichiers non pris en charge pour continuer"],"_dqduX":["Page suivante"],"_fhMKz":["Sélectionner toutes les lignes"],"_qoMyY":["Actions de page"],"_rTz0M":["Audio"],"_xNyp3":["Mise en forme"],"aHKcKc":["Page précédente"],"aKEHLj":["Préproduction"],"aVEJbL":["Dites-nous ce qui se passe…"],"aZ8d1V":["Curseur"],"agPptk":["Moyen"],"b4itZn":["Au travail"],"bA3DKD":[["0","plural",{"one":["#"," invite en attente"],"other":["#"," invites en attente"]}]],"bS9wc7":["Afficher les images de ",["label"]],"blInpT":["Ce rapport est trop volumineux. Supprimez un enregistrement ou une capture d’écran et réessayez."],"bmVqST":["Ouvrir ",["filename"]],"bzSI52":["Rejeter"],"cCeQ1Y":["Non sécurisé"],"cFCKYZ":["Refuser"],"cKIQLY":["À l’écoute"],"cN9w0B":["Recharger l’application"],"ct2SYD":["7 derniers jours"],"ctZud_":["Utilisez une image PNG, JPG, GIF ou WebP."],"d6ynQ7":["Trier par ordre décroissant"],"dEgA5A":["Annuler"],"dN9Fia":["Réponse personnalisée"],"dhu12h":["Télécharger l’image"],"dmSvxy":["Épingler à droite"],"e3GOIZ":["Étape suivante"],"ePK91l":["Modifier"],"ecUA8p":["Aujourd’hui"],"ezEvd2":["Soumettez votre réponse"],"fOSw6o":["Filtrer les bascules par application"],"fm5l9M":["Sélecteur de zone pour capture d’écran"],"g8JmSC":["Mois prochain"],"gHGUJz":[["itemName"]," : masqué"],"gJByv4":["menu déroulant…"],"gPuz_0":["Saisie vocale"],"gh0zvo":["Redimensionner la colonne ",["label"]],"gnRaOE":["Enregistrement d’écran ",["number"]],"hPTyZI":["Lire l’audio"],"hQRttt":["Soumettre"],"hUe0iX":["Navigation d’étapes"],"hXzOVo":["Suivant"],"hmSQQo":["Génération audio"],"i0qMbr":["Accueil"],"i9B9Se":["Vos captures et tout ce que vous avez écrit seront perdus."],"iCOVQO":["Remplacer"],"iEG4J2":["Rédaction"],"iH8pgl":["Retour"],"iQxX0p":["Sous-navigation"],"idD8Ev":["Enregistré"],"ihn4zD":["Rechercher…"],"iu7tUI":["Fil d’Ariane"],"j1ZalJ":["Impossible d’envoyer vos commentaires. Réessayez."],"j8VGI0":["Tissage"],"jA7FcP":["Essayez de mettre à jour votre recherche"],"jEu4bB":["Colonnes"],"jTa701":["texte en gras"],"jmh6Rv":["Re-enregistrer"],"jpctdh":["Voir"],"jsNEb0":["Capturez une zone, déposez des images ou collez depuis le presse-papiers."],"jw3NrT":["Afficher la pièce jointe"],"kdkZBD":["Augmenter"],"l1fGrM":["Saisissez votre réponse…"],"l9wI00":["Vitesse"],"lBlxar":["Sélectionner une option"],"lCyLmk":["Certains fichiers ont été ignorés. Utilisez une image PNG, JPG, GIF ou WebP."],"lqROaa":["Captures d’écran"],"lw9h7q":["Redimensionner la ligne"],"m0XYIm":[["itemName"]," : visible"],"m6gbZh":["Le mode de retour est activé."],"mFc4Ll":["URL personnalisée"],"mO95sp":["Fermer le panneau"],"mUfCIL":["Remplacement personnalisé pour ",["name"]],"n_D5pA":["Choisissez un nœud sur la page et décrivez le changement."],"nnxKVf":["Remplacement :"],"nsi5FV":["Aucune description fournie."],"ntrftR":["Saisissez des dates valides dans la plage autorisée."],"nwVhTk":["Saisissez autre chose…"],"oCHfGC":["Niveau"],"obBbyQ":["Enregistrer l’écran"],"obpDUF":["Merci — nous avons bien reçu votre signalement."],"ocaKH3":["JJ"],"oqB2ez":["Correspondance précédente"],"ovBPCi":["Par défaut"],"pBlegO":["Faites glisser vers le haut pour agrandir ou vers le bas pour fermer le canevas"],"pJ_IRc":["Arrêter l’enregistrement"],"pLfNy-":["Décrivez ce que vous avez remarqué."],"pPT0bd":["Rétablir l’audio"],"pmCwLQ":["Options de commande"],"pxFAp_":["Augmenter"],"pzutoc":["Italique"],"qZd_ph":["Ajouter une ligne"],"rG3WVm":["Sélectionner"],"rRhwDD":["Épingler à gauche"],"rdUucN":["Aperçu"],"rn6SBY":["Rétablir le son"],"rvj5Jj":["texte de lien"],"rxWGWX":["Transférer"],"sBJ5MF":["Sources"],"saKeiM":["L’accès a été refusé. Autorisez l’accès et réessayez."],"ss3Phy":["Rechercher dans la grille"],"tXkhj_":["Démarrer"],"t_YqKh":["Supprimer"],"tchf_I":["Aucune donnée disponible…"],"tfDRzk":["Enregistrer"],"uAQUqI":["Statut"],"uN9szR":["À propos des crédits"],"uNZ3tY":["Modifier l’invite"],"uXRUCL":["Rechargez l’application pour que les changements de remplacement prennent effet."],"uq2BmQ":["30 derniers jours"],"vizqEA":["Hauteur de ligne"],"vqygf0":["Rien n’a encore été capturé. Vous pouvez quand même envoyer du contexte seul."],"w80YWM":["Enregistrer"],"w9O_D6":["Impossible de téléverser l’enregistrement ou la capture d’écran. Réessayez."],"wIP0Ho":["Modifier ",["label"]],"wVRDWC":["Enregistrer l’audio"],"wdNb5Y":["L’enregistrement a échoué. Veuillez réessayer."],"wdS3xF":[["amount"],"x"],"wdxz7K":["Source"],"ww0IGv":["Saisissez d’abord votre réponse"],"x9ecE4":["Joindre un fichier"],"xDr_ct":["Fin"],"xGVfLh":["Continuer"],"xOrRQ5":["Augmentation de"],"xUSKmn":["Fin de la plage"],"xc056O":[["selectedCount"]," sur ",["rowCount"]," sélectionné(s)"],"xfyEio":[["app"]," (",["count"],")"],"y1eoq1":["Copier le lien"],"y3aU20":["Enregistrer les modifications"],"y6nZbn":["Sélecteur de date"],"yQE2r9":["Chargement"],"yY3S0s":["Plage :"],"y_B1-W":["Rejeter ce retour ?"],"ygCKqB":["Arrêter"],"yuYedT":["Saisissez une URL…"],"yz7wBu":["Fermer"],"yzF66j":["Lien"],"z0t9bb":["Se connecter"],"z_bkhJ":["Impossible de capturer cette zone. Réessayez."],"zgPjoD":["Titre"],"zkgSLc":["Glisser-déposer ou sélectionner des images"],"zpjV9a":["Trop de caractères (",["charCount"],"/",["maxCommentLength"],")"],"zqPbyw":["Pourquoi ignorez-vous celle-ci ?"],"zucql-":["Menu"]}`);export{e as messages};
+const e=JSON.parse(`{"--jdIq":["Légende du graphique"],"-71KZ8":["Annuler le retour"],"-D6jVS":["Réflexion pendant 4 secondes"],"-Dsl3I":["Faites glisser pour fermer le canevas"],"-G_XiQ":["Année à ce jour"],"-P0Cn2":["Ignorer cette étape"],"00Lxnh":["Supprimer l’option"],"0AYT5C":["Saisissez une valeur"],"0JJQ_e":["Ne pas aimer"],"0xTvcr":["YTD"],"0yzjHF":["Supprimer ",["filename"]],"0zpgxV":["Options"],"1A3EXy":["Développer"],"1IP1K7":["Rétablir ",["name"]," sur la valeur par défaut"],"1Lxtdt":["code"],"1QfxQT":["Ignorer"],"1TNIig":["Ouvrir"],"1m41_U":["Soumettre un avis"],"1t_NnN":["Refuser"],"1xwZj_":["Mois précédent"],"1yTQDn":["Ignorer l’indication"],"23eR0g":["Les plus visités"],"2BBAbc":["Liste"],"2EZjP0":["Mois à ce jour"],"2FYpfJ":["Plus"],"2LMsOq":["12 derniers mois"],"2Tccnn":["Jour de la semaine"],"2dpwik":["Qu’est-ce qui se passe ?"],"2roTVj":["Commentaires envoyés"],"39h1ax":["Couper l’audio"],"3EbjfR":["Ignorer les modifications"],"3FJfRn":["Rechercher de l’audio"],"3RKzUJ":["Discutez avec un expert"],"3Siwmw":["Plus d’options"],"3ZxGc_":["Demandez n’importe quoi..."],"3_XRac":["Pas maintenant"],"3cp1rD":["Veuillez ajouter votre avis"],"3jY5Ok":["Impossible de vérifier votre session. Veuillez réessayer."],"3z_euE":["L’autorisation a été refusée. Autorisez l’accès dans le navigateur puis réessayez."],"45_yA_":["Lecteur audio"],"4DBHF4":["Arrêter la sélection"],"4OjqAQ":["Continuer à modifier"],"4WZc1m":["Ajuster la valeur"],"59e4X_":["Saisissez une date valide dans la plage autorisée."],"5EOVuQ":["Impossible de charger"],"5PDsfs":["envoyer"],"5phU36":["Ajoutez des images"],"5qN8QO":["Les commentaires ne sont pas disponibles pour le moment. Réessayez plus tard."],"5ywtDz":["Supprimer l’image"],"6Arhbc":["PNG, JPG, GIF ou WebP"],"6T2XK0":["Trop de caractères (",["over"],"/",["max"],")"],"6Uau97":["Ignorer"],"6kt_Ns":["Actions de sélection"],"7-vVV8":["Rien n’a été chargé"],"7DBZwP":["Vous n’avez pas l’autorisation d’envoyer un retour."],"7N8QTL":["Certains fichiers ont été ignorés. Utilisez un fichier image ou vidéo."],"7Tl-3A":["Début de la plage"],"7VpPHA":["Confirmer"],"7d4stN":["Bloqué par la politique"],"7kUVRu":["Décrivez ce que vous avez remarqué. Vos captures sont jointes ci-dessous."],"7mjBgd":["Partager un avis négatif"],"7ujA6R":["Prendre une capture d’écran"],"85Fz0S":["Glisser pour déplacer"],"8QiPk2":["Glisser pour redimensionner, double-clic pour ajuster"],"8Tg_JR":["Personnalisé"],"8U_mO1":["Commencez par une question."],"8fSOP1":["Fermer le lecteur audio"],"9NyAH9":["Ignoré"],"9iDzU8":["Supprimer ",["fileName"]],"9iXW23":["Sections des outils de développement"],"9s6kna":["Respiration"],"9uI_rE":["Annuler"],"9zb2WA":["Connexion"],"A1taO8":["Rechercher"],"A8eN_K":["Laisser ",["scopeLabel"]],"AUV-TY":["Réflexion"],"Ag2QUH":["Enregistrement d’écran"],"AhocSJ":["Retour à la capture"],"Ai-6kD":["Masquer la colonne"],"Arl-ig":["Aucune bascule trouvée"],"AwEQaN":["Mise en forme Markdown"],"AxPAXW":["Aucun résultat trouvé"],"BBLHSU":["Éléments sélectionnés"],"BLFfkm":["Basculer le mode de défilement"],"BdyTPm":["Télécharger la vidéo"],"C7-tRr":["Qu’est-ce qui ne va pas ?"],"C9QQ_N":["Remplacement de ",["name"]],"CHBie9":["diriger"],"CJndez":["Réessayez les téléchargements ayant échoué pour continuer"],"CKyk7Q":["Revenir en arrière"],"CTAh4p":["0 s"],"C_8P_3":[["total"],"s"],"Cbi8z4":["Qu’est-ce qui ne va pas, ou que devrions-nous modifier ?"],"Cl6Kg5":[["selectionCount","plural",{"one":["#"," sélectionné"],"other":["#"," sélectionnés"]}]],"CnKBZR":["3 derniers mois"],"D1wLSE":["Partager un avis positif"],"D2AZQg":["Une erreur s’est produite. Réessayez."],"D3-uUx":["MM"],"DB8zMK":["Appliquer"],"DNkveC":["Options de colonne"],"DYwFxT":["Vous pouvez joindre jusqu’à ",["maxScreenshots"]," images."],"Dd6j2Q":["Voir les commentaires"],"Du6bPw":["Adresse"],"DzIegb":["Partager un avis…"],"E-2Of8":["Vous devez saisir un message"],"E7oBZ5":["Agrandir le panneau"],"EWPtMO":["Code"],"EaKyzI":["Supprimer le thread"],"Elo64u":["Ce navigateur ne prend pas en charge cette capture."],"F4UTAG":[["rowCount","plural",{"one":["#"," ligne"],"other":["#"," lignes"]}]],"FBIuPX":["Effacer la sélection"],"FC5EFo":["Vous pouvez fermer ceci et continuer votre travail."],"FXr6LJ":["Masque ce formulaire pour que vous puissiez enregistrer la page. Arrêtez-vous dans la barre lorsque vous avez terminé."],"F_MvBG":["Supprimer le tri"],"FdH9IZ":["Commentaire de retour"],"FfCzU5":["Voir les images"],"FjaUgo":["Sélectionner l'élément"],"GS7_wF":["Ajoutez une brève description avant l’envoi."],"H86f9p":["Réduire"],"HND1q3":["Supprimer ",["label"]],"HpK_8d":["Recharger"],"HrRts6":["Glissez-déposez ou sélectionnez des fichiers"],"I97bfB":["Diminution de"],"IdoT3W":["Ouvrir les outils de développement"],"IiNMin":["Outils de développement"],"ImOQa9":["Répondre"],"IxyZXD":["Capture d’écran"],"J6hrEy":["Rejeté"],"JEhJ4K":["Sur ",["node"]],"JFciKP":["Bascule"],"JR6nY7":["Interfaces"],"JVZpTO":["Chargement des données du tableau"],"JcD7qf":["Plus d’actions"],"JjxtOs":[["credits","plural",{"one":["#"," crédit"],"other":["#"," crédits"]}]],"JlFcis":["Envoyer"],"JtD7At":["Saisissez des commentaires…"],"JvTdAL":["Diminuer"],"KGi3u9":["Glisser pour réorganiser"],"KHPKT5":["Les crédits servent à générer du contenu IA et à effectuer des analyses. Chaque opération consomme un certain nombre de crédits selon sa complexité."],"KeE_-J":["Choisir une date"],"KiJn9B":["Note"],"KmydK6":["Gras"],"KoDfwZ":["Capture de retours"],"LCZ7kW":["Mettre en pause l’audio"],"LLrXkb":["Ce navigateur ne prend pas en charge l’enregistrement d’écran."],"LkRzA3":["Que devons-nous examiner dans ce que vous avez capturé ?"],"LksjCS":["Ajouter un contexte"],"LqhjxR":["Par défaut :"],"MGTz59":["Sélectionnez au moins une option"],"MGW8kN":["Options de colonnes ",["label"]],"MH3bVF":["Patientez pendant la fin des téléchargements"],"MZbysF":["Utilisez un fichier image ou vidéo."],"MgnVua":["passer"],"N1YYa7":["Chargement de l’image"],"N5OFex":["Joindre une image ou une vidéo"],"NCzNnx":["Trier par ordre croissant"],"Nuw8ty":["Pouce vers le haut"],"O7K670":["Décrivez le changement"],"OSDK3S":["Effacer l’historique"],"OZtEcz":["Interface"],"O_7I0o":["Sélectionner…"],"OfV_Vo":["Rechercher des compétences, des pages…"],"P3EO-9":["Merci — c’est bon, c’est reçu. Vous pouvez continuer à travailler."],"PZ_kxo":["Conserver"],"P_8vtf":["Élément de liste"],"PcEQ_q":["Décrivez ce que vous avez remarqué. Une capture d’écran ou un enregistrement nous aide à le reproduire."],"PzPI5m":["Rechargement complet"],"Q49FN-":["Envoi de ",["filename"]],"QQ_wAv":["Outils de capture"],"QV326a":["Sélectionner des images"],"QbEBeE":["Vitesse de lecture ",["rateLabel"]],"R6K_Dg":["texte en italique"],"R7SsBE":["Couper le son"],"RQ096v":["Résolution"],"RRXpo1":["Court"],"RVpRxf":["Désépingler à gauche"],"Rk2XFh":["Supprimer le favori"],"RoafuO":["Envoyer des commentaires"],"S0fQBK":["pour naviguer"],"SXbpEh":[["minutes"],":",["remainderLabel"]],"SiUUCS":["Correspondance suivante"],"SlfejT":["Erreur"],"SnlZjC":["Zone défilable"],"TNBvxR":["Personnaliser les favoris"],"TRHp2P":["Sélectionner une plage"],"TUeMqA":["Désépingler à droite"],"TdaAeM":["Aucun enregistrement à afficher"],"Tuoidq":["Connexion sécurisée"],"U-R4tW":["Tout désélectionner"],"UAzNjT":["Effacer la date"],"UY1vmE":["Pièce jointe"],"UgTYJg":[["sourceCount","plural",{"one":["#"," source"],"other":["#"," sources"]}]],"V1XNI7":["Rechercher une clé de bascule…"],"V8yTm6":["Effacer la recherche"],"VDoFSJ":["Pouce vers le bas"],"VbggDE":["Étape précédente"],"VbyRUy":["Commentaires"],"VdD_H1":["Sélectionnez une date…"],"VjbCv0":["Tout supprimer"],"Vtq6ex":["Votre réponse"],"VyLGhh":["Bascules"],"W5yboM":["Connectez-vous pour envoyer un retour."],"W9FRBT":["Comme"],"WGD1Al":["Diminuer"],"WRNXKp":["Recherche"],"WbUtOC":["Fermer ",["label"]],"X9kySA":["Favoris"],"XC7c1l":["Étape ",["stepDisplayIndex"]," sur ",["totalSteps"]],"XOJDc9":["Tout au long de la période"],"XU6fHF":["Note capturée"],"XmKjfh":["Enregistrement"],"XnCKvx":["Capturer une capture d’écran"],"Xo29SJ":["Redimensionner la colonne"],"Y6D_rJ":["AAAA"],"Z0AZDp":[["filled"]," sur ",["segmentCount"]],"Z7ZXbT":["Approuver"],"ZUhSpK":["Ignorer cette question"],"ZdWg0V":["Ouvrir dans le navigateur"],"Zkbr2n":["Réduire le panneau"],"_0EAFR":["Capturé"],"_8FaZU":["Remplissez le champ requis avant l’envoi."],"_D6eRO":["Supprimez les types de fichiers non pris en charge pour continuer"],"_dqduX":["Page suivante"],"_fhMKz":["Sélectionner toutes les lignes"],"_qoMyY":["Actions de page"],"_rTz0M":["Audio"],"_xNyp3":["Mise en forme"],"aHKcKc":["Page précédente"],"aKEHLj":["Préproduction"],"aVEJbL":["Dites-nous ce qui se passe…"],"aZ8d1V":["Curseur"],"agPptk":["Moyen"],"b4itZn":["Au travail"],"bA3DKD":[["0","plural",{"one":["#"," invite en attente"],"other":["#"," invites en attente"]}]],"bS9wc7":["Afficher les images de ",["label"]],"blInpT":["Ce rapport est trop volumineux. Supprimez un enregistrement ou une capture d’écran et réessayez."],"bmVqST":["Ouvrir ",["filename"]],"bzSI52":["Rejeter"],"cCeQ1Y":["Non sécurisé"],"cFCKYZ":["Refuser"],"cKIQLY":["À l’écoute"],"cN9w0B":["Recharger l’application"],"ct2SYD":["7 derniers jours"],"ctZud_":["Utilisez une image PNG, JPG, GIF ou WebP."],"d6ynQ7":["Trier par ordre décroissant"],"dEgA5A":["Annuler"],"dN9Fia":["Réponse personnalisée"],"dhu12h":["Télécharger l’image"],"dmSvxy":["Épingler à droite"],"e3GOIZ":["Étape suivante"],"ePK91l":["Modifier"],"ecUA8p":["Aujourd’hui"],"ezEvd2":["Soumettez votre réponse"],"fOSw6o":["Filtrer les bascules par application"],"fm5l9M":["Sélecteur de zone pour capture d’écran"],"g8JmSC":["Mois prochain"],"gHGUJz":[["itemName"]," : masqué"],"gJByv4":["menu déroulant…"],"gPuz_0":["Saisie vocale"],"gh0zvo":["Redimensionner la colonne ",["label"]],"gnRaOE":["Enregistrement d’écran ",["number"]],"hPTyZI":["Lire l’audio"],"hQRttt":["Soumettre"],"hUe0iX":["Navigation d’étapes"],"hXzOVo":["Suivant"],"hmSQQo":["Génération audio"],"i0qMbr":["Accueil"],"i9B9Se":["Vos captures et tout ce que vous avez écrit seront perdus."],"iCOVQO":["Remplacer"],"iEG4J2":["Rédaction"],"iH8pgl":["Retour"],"iQxX0p":["Sous-navigation"],"idD8Ev":["Enregistré"],"ihn4zD":["Rechercher…"],"iu7tUI":["Fil d’Ariane"],"j1ZalJ":["Impossible d’envoyer vos commentaires. Réessayez."],"j8VGI0":["Tissage"],"jA7FcP":["Essayez de mettre à jour votre recherche"],"jEu4bB":["Colonnes"],"jTa701":["texte en gras"],"jmh6Rv":["Re-enregistrer"],"jpctdh":["Voir"],"jsNEb0":["Capturez une zone, déposez des images ou collez depuis le presse-papiers."],"jw3NrT":["Afficher la pièce jointe"],"kdkZBD":["Augmenter"],"l1fGrM":["Saisissez votre réponse…"],"l9wI00":["Vitesse"],"lBlxar":["Sélectionner une option"],"lCyLmk":["Certains fichiers ont été ignorés. Utilisez une image PNG, JPG, GIF ou WebP."],"lqROaa":["Captures d’écran"],"lw9h7q":["Redimensionner la ligne"],"m0XYIm":[["itemName"]," : visible"],"m6gbZh":["Le mode de retour est activé."],"mFc4Ll":["URL personnalisée"],"mO95sp":["Fermer le panneau"],"mUfCIL":["Remplacement personnalisé pour ",["name"]],"n_D5pA":["Choisissez un nœud sur la page et décrivez le changement."],"nnxKVf":["Remplacement :"],"nsi5FV":["Aucune description fournie."],"ntrftR":["Saisissez des dates valides dans la plage autorisée."],"nwVhTk":["Saisissez autre chose…"],"oCHfGC":["Niveau"],"obBbyQ":["Enregistrer l’écran"],"obpDUF":["Merci — nous avons bien reçu votre signalement."],"ocaKH3":["JJ"],"oqB2ez":["Correspondance précédente"],"ovBPCi":["Par défaut"],"pBlegO":["Faites glisser vers le haut pour agrandir ou vers le bas pour fermer le canevas"],"pJ_IRc":["Arrêter l’enregistrement"],"pLfNy-":["Décrivez ce que vous avez remarqué."],"pPT0bd":["Rétablir l’audio"],"pmCwLQ":["Options de commande"],"pxFAp_":["Augmenter"],"pzutoc":["Italique"],"qZd_ph":["Ajouter une ligne"],"rG3WVm":["Sélectionner"],"rRhwDD":["Épingler à gauche"],"rdUucN":["Aperçu"],"rn6SBY":["Rétablir le son"],"rvj5Jj":["texte de lien"],"rxWGWX":["Transférer"],"sBJ5MF":["Sources"],"saKeiM":["L’accès a été refusé. Autorisez l’accès et réessayez."],"ss3Phy":["Rechercher dans la grille"],"tXkhj_":["Démarrer"],"t_YqKh":["Supprimer"],"tchf_I":["Aucune donnée disponible…"],"tfDRzk":["Enregistrer"],"uAQUqI":["Statut"],"uN9szR":["À propos des crédits"],"uNZ3tY":["Modifier l’invite"],"uXRUCL":["Rechargez l’application pour que les changements de remplacement prennent effet."],"uq2BmQ":["30 derniers jours"],"vizqEA":["Hauteur de ligne"],"vqygf0":["Rien n’a encore été capturé. Vous pouvez quand même envoyer du contexte seul."],"w80YWM":["Enregistrer"],"w9O_D6":["Impossible de téléverser l’enregistrement ou la capture d’écran. Réessayez."],"wIP0Ho":["Modifier ",["label"]],"wVRDWC":["Enregistrer l’audio"],"wdNb5Y":["L’enregistrement a échoué. Veuillez réessayer."],"wdS3xF":[["amount"],"x"],"wdxz7K":["Source"],"ww0IGv":["Saisissez d’abord votre réponse"],"x9ecE4":["Joindre un fichier"],"xDr_ct":["Fin"],"xGVfLh":["Continuer"],"xOrRQ5":["Augmentation de"],"xUSKmn":["Fin de la plage"],"xc056O":[["selectedCount"]," sur ",["rowCount"]," sélectionné(s)"],"xfyEio":[["app"]," (",["count"],")"],"y1eoq1":["Copier le lien"],"y3aU20":["Enregistrer les modifications"],"y6nZbn":["Sélecteur de date"],"yQE2r9":["Chargement"],"yY3S0s":["Plage :"],"y_B1-W":["Rejeter ce retour ?"],"ygCKqB":["Arrêter"],"yuYedT":["Saisissez une URL…"],"yz7wBu":["Fermer"],"yzF66j":["Lien"],"z0t9bb":["Se connecter"],"z_bkhJ":["Impossible de capturer cette zone. Réessayez."],"zgPjoD":["Titre"],"zkgSLc":["Glisser-déposer ou sélectionner des images"],"zpjV9a":["Trop de caractères (",["charCount"],"/",["maxCommentLength"],")"],"zqPbyw":["Pourquoi ignorez-vous celle-ci ?"],"zucql-":["Menu"]}`);export{e as messages};

package/dist/browser/@patterninc/pattern-ui/marketplace-pdp-card.js

@@ -1 +1 @@
-import{a as e}from"../../_chunks/rolldown-runtime-B0Z9INg1.js";import{t}from"../../_chunks/react-BcFqt3h5.js";import{t as n}from"../../_chunks/compiler-runtime-Br_I-bNG.js";import{t as r}from"../../_chunks/jsx-runtime-CNz6huh3.js";import{t as i}from"../../_chunks/dist-hovC-tlK.js";import{n as a}from"../../_chunks/react-pnTbDyGB.js";import{t as o}from"../../_chunks/AnimatePresence-CY5fQQqM.js";import{t as s}from"../../_chunks/use-reduced-motion-BCblJBd0.js";import{t as c}from"../../_chunks/ButtonInset-DtGelXxZ.js";import{n as l}from"../../_chunks/dist-DtmZ8paD.js";import{t as u}from"../../_chunks/Divider-Ip7wScrG.js";import{t as d}from"../../_chunks/Lightbox-CywCPi7D.js";import{t as f}from"../../_chunks/ArrowUpRightIcon-TjH49e7w.js";var p=n(),m=/* @__PURE__ */ e(r(),1),h=/* @__PURE__ */ e(t(),1);function g(e,t){if(!e)return null;if(t.has(e))return e;let n=e;for(;n.includes(`/`);)if(n=n.slice(0,n.lastIndexOf(`/`)),t.has(n))return n;return null}const _={x:0,y:0,scale:1},v={type:`spring`,duration:.55,bounce:0},y={type:`spring`,stiffness:360,damping:32};function b(e,t,n,r){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect(),o=n.getBoundingClientRect(),s=(i.left-a.left)/r,c=(i.top-a.top)/r,l=i.width/r,u=i.height/r,d=o.width,f=o.height,p=Math.min(d/Math.max(1,l+56),f/Math.max(1,u+56),3);return{x:d/2-(s+l/2)*p,y:Math.min(f/2-(c+u/2)*p,28),scale:p}}const x=()=>void 0,S=(0,h.createContext)({effectiveRegionId:null,cameraMode:!1,cameraScale:1,annotationVisible:!1,registerRegion:x,unregisterRegion:x}),ee=S.Provider;function te(){return(0,h.useContext)(S)}const C={small:`rounded-lg`,medium:`rounded-xl`,large:`rounded-2xl`};function ne(e,t){if(!(t instanceof Element)||t.closest(`[data-pdp-region-id]`)!==e)return!1;let n=t.closest(`button, a[href], input, select, textarea, [role="button"]`);return n&&e.contains(n)?!1:window.getSelection()?.isCollapsed??!0}function w(e){let t=(0,p.c)(48),{id:n,as:r,children:c,className:l,highlightFill:u,highlightRadius:d,highlightInset:f,qaTestId:g}=e,_=r===void 0?`div`:r,v=u===void 0||u,b=d===void 0?`medium`:d,x=g===void 0?`pdp-region`:g,{effectiveRegionId:S,cameraMode:ee,cameraScale:w,annotation:E,annotationVisible:D,onRegionClick:O,registerRegion:k,unregisterRegion:A}=te(),j=s(),M=(0,h.useRef)(null),N=(0,h.useRef)(null),[P,F]=(0,h.useState)(!1),I;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(I=e=>{M.current=e},t[0]=I):I=t[0];let L=I,R,z;t[1]!==n||t[2]!==k||t[3]!==A?(R=()=>{let e=M.current;if(e)return k(n,e),()=>A(n)},z=[n,k,A],t[1]=n,t[2]=k,t[3]=A,t[4]=R,t[5]=z):(R=t[4],z=t[5]),(0,h.useLayoutEffect)(R,z);let B=S===n,V=B&&E!=null,H=w>0?1/w:1,ie=L,ae=ee&&!j?.38:0,U=j?0:.16,W;t[6]===U?W=t[7]:(W={duration:U},t[6]=U,t[7]=W);let G=W,K,q;t[8]!==H||t[9]!==V?(K=()=>{if(!V){F(!1);return}let e=N.current,t=e?.querySelector(`[data-slot="tag"]`),n=e?.querySelector(`[data-pdp-annotation-box]`),r=t instanceof HTMLElement?t:n instanceof HTMLElement?n:null;if(!(e&&r))return;let i=r.offsetWidth*H,a=r.offsetHeight*H;F(a+24>e.clientHeight||i+24>e.clientWidth)},q=[V,H],t[8]=H,t[9]=V,t[10]=K,t[11]=q):(K=t[10],q=t[11]),(0,h.useLayoutEffect)(K,q);let oe=O&&`cursor-pointer`,J;t[12]!==l||t[13]!==oe?(J=i(`relative overflow-visible`,oe,l),t[12]=l,t[13]=oe,t[14]=J):J=t[14];let Y;t[15]!==n||t[16]!==O?(Y=O?e=>{ne(e.currentTarget,e.target)&&O(n)}:void 0,t[15]=n,t[16]=O,t[17]=Y):Y=t[17];let X=B?``:void 0,se=f?.top??0,ce=f?.right??0,le=f?.bottom??0,Z;t[18]!==E||t[19]!==D||t[20]!==G||t[21]!==ae||t[22]!==v||t[23]!==f?.bottom||t[24]!==f?.left||t[25]!==f?.right||t[26]!==f?.top||t[27]!==b||t[28]!==H||t[29]!==B||t[30]!==P||t[31]!==j||t[32]!==V?(Z=B?/* @__PURE__ */ (0,m.jsxs)(a.div,{ref:N,"aria-hidden":!D||void 0,className:`pointer-events-none absolute overflow-visible`,style:{top:-(f?.top??0),right:-(f?.right??0),bottom:-(f?.bottom??0),left:-(f?.left??0)},initial:{opacity:1},animate:{opacity:1},exit:{opacity:0,transition:G},"data-pdp-region-highlight":``,"qa-test-id":`pdp-region-highlight`,children:[/* @__PURE__ */ (0,m.jsx)(a.div,{"aria-hidden":!0,className:i(`absolute inset-0 border-2 border-secondary-base`,C[b],v&&`bg-depth-secondary-10`),initial:{opacity:0},animate:{opacity:1,transition:j?{duration:0}:{...y,delay:ae}}}),/* @__PURE__ */ (0,m.jsx)(o,{children:V?/* @__PURE__ */ (0,m.jsx)(a.div,{className:`pointer-events-none absolute overflow-visible`,"data-pdp-region-annotation":``,"data-pdp-annotation-placement":P?`outside`:`inside`,"qa-test-id":`pdp-region-annotation`,initial:!1,animate:{opacity:1},exit:{opacity:0,transition:G},style:P?{top:`calc(100% + 8px)`,right:0,bottom:`auto`}:{top:`auto`,right:12,bottom:12},onClick:re,onPointerDown:T,children:/* @__PURE__ */ (0,m.jsx)(`div`,{"data-pdp-annotation-box":``,"data-annotation-visible":D?``:void 0,className:i(`w-fit pdp-annotation-box`,D?`pointer-events-auto`:`pointer-events-none`),style:{transform:`scale(${H})`,transformOrigin:P?`top right`:`bottom right`},children:E})},`annotation`):null})]},`highlight`):null,t[18]=E,t[19]=D,t[20]=G,t[21]=ae,t[22]=v,t[23]=f?.bottom,t[24]=f?.left,t[25]=f?.right,t[26]=f?.top,t[27]=b,t[28]=H,t[29]=B,t[30]=P,t[31]=j,t[32]=V,t[33]=Z):Z=t[33];let Q;t[34]===Z?Q=t[35]:(Q=/* @__PURE__ */ (0,m.jsx)(o,{children:Z}),t[34]=Z,t[35]=Q);let $;return t[36]!==_||t[37]!==c||t[38]!==n||t[39]!==x||t[40]!==J||t[41]!==Y||t[42]!==X||t[43]!==se||t[44]!==ce||t[45]!==le||t[46]!==Q?($=/* @__PURE__ */ (0,m.jsxs)(_,{ref:ie,className:J,onClick:Y,"data-pdp-region-id":n,"data-active-region":X,"data-hang-inset-top":se,"data-hang-inset-right":ce,"data-hang-inset-bottom":le,"qa-test-id":x,children:[c,Q]}),t[36]=_,t[37]=c,t[38]=n,t[39]=x,t[40]=J,t[41]=Y,t[42]=X,t[43]=se,t[44]=ce,t[45]=le,t[46]=Q,t[47]=$):$=t[47],$}function T(e){return e.stopPropagation()}function re(e){return e.stopPropagation()}function E(e){let t=(0,p.c)(5),[n,r]=(0,h.useState)(!1),i,a;t[0]===e?(i=t[1],a=t[2]):(i=()=>{if(!e){r(!1);return}let t=new Image;return t.onload=()=>r(!0),t.onerror=()=>r(!0),t.src=e,()=>{t.onload=null,t.onerror=null}},a=[e],t[0]=e,t[1]=i,t[2]=a),(0,h.useEffect)(i,a);let o;return t[3]===n?o=t[4]:(o={ready:n},t[3]=n,t[4]=o),o}function D(e){let t=(0,p.c)(8),{className:n,label:r}=e,a;t[0]===n?a=t[1]:(a=i(`pointer-events-none relative animate-skeleton-shimmer overflow-hidden image-shimmer`,n),t[0]=n,t[1]=a);let o;t[2]===r?o=t[3]:(o=/* @__PURE__ */ (0,m.jsx)(`span`,{className:`sr-only`,children:r}),t[2]=r,t[3]=o);let s;return t[4]!==r||t[5]!==a||t[6]!==o?(s=/* @__PURE__ */ (0,m.jsx)(`div`,{role:`status`,"aria-live":`polite`,"aria-label":r,className:a,children:o}),t[4]=r,t[5]=a,t[6]=o,t[7]=s):s=t[7],s}function O(e){let t=(0,p.c)(7),{src:n,pending:r,alt:c,shimmerLabel:l,className:u}=e,d=s(),{ready:f}=E(r?void 0:n),h=r||!f,g=d?0:.18,_;return t[0]!==c||t[1]!==u||t[2]!==g||t[3]!==l||t[4]!==h||t[5]!==n?(_=/* @__PURE__ */ (0,m.jsx)(o,{initial:!1,mode:`sync`,children:h?/* @__PURE__ */ (0,m.jsx)(a.div,{className:`absolute inset-0`,initial:{opacity:1},animate:{opacity:1},exit:{opacity:0},transition:{duration:g},children:/* @__PURE__ */ (0,m.jsx)(D,{className:i(`size-full`,u),label:l})},`shimmer`):/* @__PURE__ */ (0,m.jsx)(a.img,{src:n,alt:c,className:i(`absolute inset-0 size-full object-cover`,u),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:g}},`img-${n}`)}),t[0]=c,t[1]=u,t[2]=g,t[3]=l,t[4]=h,t[5]=n,t[6]=_):_=t[6],_}function k(e){let t=(0,p.c)(4),{className:n}=e,r;t[0]===n?r=t[1]:(r=i(`block rounded-full bg-base-weak`,n),t[0]=n,t[1]=r);let a;return t[2]===r?a=t[3]:(a=/* @__PURE__ */ (0,m.jsx)(`span`,{"aria-hidden":!0,className:r}),t[2]=r,t[3]=a),a}function A(e){let t=(0,p.c)(4),{className:n}=e,r;t[0]===n?r=t[1]:(r=i(`block rounded-full bg-depth-black-4`,n),t[0]=n,t[1]=r);let a;return t[2]===r?a=t[3]:(a=/* @__PURE__ */ (0,m.jsx)(`span`,{"aria-hidden":!0,className:r}),t[2]=r,t[3]=a),a}function j({product:e,canPreviewHero:t,onHeroClick:n,getSlot:r,variant:o=`inline`,layoutMode:c=`auto`,showSkeletons:f=!0,titleClassName:p,activeShotId:y,cameraMode:x=!1,activeHeroIndex:S,onHeroIndexChange:te,onRegionClick:C,heroFit:ne=`cover`,heroAspectRatio:T=`auto`,regionAnnotation:re,qaTestId:E=`marketplace-pdp-card-body`}){let D=ne===`contain`?`object-contain`:`object-cover`,[j,M]=(0,h.useState)(!1),N=s()??!1,P=o===`detail`&&c===`stacked`,F=P?T===`square`?`aspect-square w-full`:`h-[330px] w-full`:T===`square`?`aspect-square h-auto`:`aspect-12/13 h-auto`,I=new Set(e.thumbnailsPending??[]),L=(e.thumbnails.length>0?e.thumbnails:e.thumbnailsPending&&e.thumbnailsPending.length>0?e.thumbnailsPending.map(()=>``):[e.heroImage]).map((t,n)=>{let i=`thumb-${n}`,a=r(e.id,i),o=I.has(i)&&!a?.imageUrl;return{slot:i,url:a?.imageUrl??t,pending:o}}),R=Math.max(L.length-1,0),z=S===void 0?0:Math.min(Math.max(S,0),R),B=`${e.id}|${z}|${L.length}`,[V,H]=(0,h.useState)(z),[ie,ae]=(0,h.useState)(B);ie!==B&&(ae(B),H(z));let U=r(e.id,`hero`),W=U?.imageUrl??e.heroImage,G=!U?.imageUrl&&!e.heroImage,K=V===0?{url:W,pending:G}:L[V]??L[0],q=K?.url??e.heroImage,oe=!!K?.pending,J=p??(o===`detail`?`pui-text-heading-medium`:`pui-text-label-large`),Y=[],X=[];for(let t=0;t<L.length;t++){let n=t===0?W:L[t]?.url??``,r=t===0?G:L[t]?.pending??!1;n&&!r&&(X[t]=Y.length,Y.push({src:n,alt:e.name}))}let se=X[V]??0,ce=Y.length>0&&X[V]!==void 0,le=t=>{if(!ce)return;let r=t.currentTarget.getBoundingClientRect(),i=V===0?`hero`:`thumb-${V}`;M(!0),n?.(e.id,{x:r.left+r.width/2,y:r.top+r.height/2},{lightboxSlot:i,fallbackImageUrl:q})},Z=e.bullets.length>0,Q=!!e.body,$=`focus-visible:shadow-[0_0_0_2px_var(--color-base-inverse),0_0_0_3px_var(--color-primary-base)]`,ue=(0,h.useRef)(/* @__PURE__ */ new Map),de=(0,h.useRef)((e,t)=>{ue.current.set(e,t)}).current,fe=(0,h.useRef)(e=>{ue.current.delete(e)}).current,pe=(0,h.useRef)(null),me=(0,h.useRef)(null),he=(0,h.useRef)(_),[ge,_e]=(0,h.useState)(_),[ve,ye]=(0,h.useState)(null),[be,xe]=(0,h.useState)(!0),[Se,Ce]=(0,h.useState)(null),we=ve===`hero`&&V!==z?void 0:re,Te={effectiveRegionId:ve,cameraMode:x,cameraScale:ge.scale,annotation:we,annotationVisible:!(!we||x&&!be),onRegionClick:C,registerRegion:de,unregisterRegion:fe},Ee=()=>{let e=g(y,ue.current);if(ye(e),!x){_e(_),he.current=_,xe(!0);return}let t=e?ue.current.get(e):null;if(!t||!pe.current||!me.current){_e(_),he.current=_,xe(!0);return}let n=b(t,me.current,pe.current,he.current.scale),r=he.current,i=n.x===r.x&&n.y===r.y&&n.scale===r.scale;he.current=n,_e(n),xe(i)};return(0,h.useEffect)(()=>{Ee()},[x,y]),(0,h.useEffect)(()=>{if(be||!x)return;let e=N?0:v.duration*1e3+50,t=window.setTimeout(()=>xe(!0),e);return()=>window.clearTimeout(t)},[be,x,ge,N]),l(`resize`,Ee),(0,h.useLayoutEffect)(()=>{let e=pe.current;if(e){if(!(x&&y)){Ce(null);return}Ce(t=>t??e.offsetHeight)}},[x,y]),/* @__PURE__ */ (0,m.jsxs)(ee,{value:Te,children:[/* @__PURE__ */ (0,m.jsx)(`div`,{ref:pe,"qa-test-id":E,className:i(`bg-base-inverse`,x&&`overflow-hidden`,o===`detail`&&`flex min-h-0 flex-1 flex-col`,o!==`detail`&&`flex items-stretch`,Se!=null&&`flex-none overflow-hidden`),style:Se==null?void 0:{height:Se},children:/* @__PURE__ */ (0,m.jsxs)(a.div,{ref:me,"data-pdp-camera-set":``,"qa-test-id":`pdp-camera-set`,className:i(`bg-base-inverse`,o===`detail`&&`flex min-h-0 flex-1 flex-col`,o!==`detail`&&`flex w-full items-stretch`,Se!=null&&`flex-none`),style:{originX:0,originY:0},animate:{x:ge.x,y:ge.y,scale:ge.scale},transition:N?{duration:0}:v,onAnimationComplete:()=>xe(!0),children:[o===`detail`&&f?/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex h-12 shrink-0 items-center gap-2 px-3.5`,"aria-hidden":!0,children:[/* @__PURE__ */ (0,m.jsx)(A,{className:`h-3.5 w-1/6 max-w-24 min-w-0`}),/* @__PURE__ */ (0,m.jsx)(A,{className:`h-3.5 w-1/12 max-w-10 min-w-6`}),/* @__PURE__ */ (0,m.jsx)(A,{className:`h-3.5 w-1/9 max-w-16 min-w-0`})]}):null,/* @__PURE__ */ (0,m.jsxs)(`div`,{className:i(`flex min-h-0 items-stretch`,o===`detail`&&!f&&`pt-4`),children:[/* @__PURE__ */ (0,m.jsx)(`div`,{role:`group`,"aria-label":`Product images`,className:i(`flex shrink-0 flex-col items-center gap-2`,o===`detail`?`px-4 pb-4`:`p-4`),children:L.map((t,n)=>{let r=n===V,o=n===0?{url:W,pending:G}:t;return/* @__PURE__ */ (0,m.jsx)(a.button,{type:`button`,"aria-pressed":r,"aria-label":`Show image ${n+1}`,onClick:()=>{H(n),te?.(n)},whileTap:N?void 0:{scale:.95},transition:{duration:.15,ease:`easeOut`},className:i(`relative size-10 shrink-0 cursor-pointer overflow-hidden rounded-lg bg-base-weak transition-opacity outline-none`,$,r?i(`opacity-100`,`shadow-[0_0_0_2px_var(--color-base-inverse),0_0_0_3px_var(--color-primary-base)]`):`opacity-60 hover:opacity-100`),children:/* @__PURE__ */ (0,m.jsx)(O,{src:o.url,pending:o.pending,alt:``,shimmerLabel:`Generating image ${n+1}`})},`${e.id}-thumb-${n}`)})}),/* @__PURE__ */ (0,m.jsx)(`div`,{className:i(`min-w-0 flex-1 pr-3.5`,o===`detail`?`pb-4`:`py-4`),children:/* @__PURE__ */ (0,m.jsxs)(`div`,{className:i(`flex items-start gap-4`,o===`detail`?P?`flex-col`:`flex-col @[520px]:flex-row! @[520px]:flex-nowrap!`:`flex flex-col items-start gap-4 @[520px]:flex-row! @[520px]:flex-nowrap`),children:[/* @__PURE__ */ (0,m.jsxs)(`div`,{className:i(`flex w-full shrink-0 flex-col`,o===`detail`?`gap-5`:`gap-3`,o===`detail`&&!P&&`@[520px]:w-auto! @[520px]:max-w-88 @[520px]:min-w-48 @[520px]:shrink @[520px]:grow-0 @[520px]:basis-[44%] @[760px]:max-w-[24rem] @[760px]:basis-[48%]`,o!==`detail`&&`@[520px]:w-[240px]!`),children:[/* @__PURE__ */ (0,m.jsx)(w,{id:`hero`,className:`w-full`,highlightRadius:`large`,highlightFill:!1,highlightInset:{top:6,right:6,bottom:6,left:6},children:t?/* @__PURE__ */ (0,m.jsx)(a.button,{type:`button`,onClick:le,whileTap:N?void 0:{scale:.98},transition:{duration:.15,ease:`easeOut`},"aria-label":`Open image preview for ${e.name}`,className:i(`group relative block w-full cursor-zoom-in overflow-hidden rounded-xl bg-base-weak outline-none`,o===`detail`?F:`h-[260px]`,`transition-opacity duration-150 ease-out hover:[@media(hover:hover)]:opacity-80`,$),children:/* @__PURE__ */ (0,m.jsx)(O,{src:q,pending:oe,alt:e.name,shimmerLabel:`Generating hero image for ${e.name}`,className:i(D,`transition-transform duration-200 ease-out group-hover:[@media(hover:hover)]:scale-105`)})}):/* @__PURE__ */ (0,m.jsx)(`div`,{className:i(`group relative block w-full overflow-hidden rounded-xl bg-base-weak`,o===`detail`?F:`h-[260px]`,`transition-opacity duration-150 ease-out hover:[@media(hover:hover)]:opacity-80`),children:/* @__PURE__ */ (0,m.jsx)(O,{src:q,pending:oe,alt:e.name,shimmerLabel:`Generating hero image for ${e.name}`,className:i(D,`transition-transform duration-200 ease-out group-hover:[@media(hover:hover)]:scale-105`)})})}),o===`detail`&&f?/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex w-full flex-col gap-2`,"aria-hidden":!0,children:[/* @__PURE__ */ (0,m.jsx)(A,{className:`h-3.5 w-1/4 max-w-14 min-w-0`}),/* @__PURE__ */ (0,m.jsx)(A,{className:`h-3.5 w-4/5 min-w-0`}),/* @__PURE__ */ (0,m.jsx)(A,{className:`h-3.5 w-3/5 max-w-[140px] min-w-0`})]}):null]}),/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-2 py-1`,children:[/* @__PURE__ */ (0,m.jsx)(w,{id:`hero/title`,className:`w-full`,highlightInset:{top:8,right:8,bottom:8,left:8},children:/* @__PURE__ */ (0,m.jsx)(`h4`,{className:i(`w-full min-w-0 text-balance wrap-break-word text-text-strong`,J),children:e.name})}),f?/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-2`,"aria-hidden":!0,children:[/* @__PURE__ */ (0,m.jsx)(k,{className:`h-3.5 w-1/2 max-w-[67px] min-w-0`}),/* @__PURE__ */ (0,m.jsx)(k,{className:`h-3.5 w-2/5 max-w-[50px] min-w-0`})]}):null,o===`detail`&&f?/* @__PURE__ */ (0,m.jsxs)(m.Fragment,{children:[/* @__PURE__ */ (0,m.jsx)(u,{type:`line`,spacing:!0}),/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex w-full min-w-0 flex-col gap-3`,"aria-hidden":!0,children:[/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-2`,children:[/* @__PURE__ */ (0,m.jsx)(`span`,{className:`h-10 w-1/5 max-w-10 shrink-0 rounded-[10px] bg-depth-black-4`}),/* @__PURE__ */ (0,m.jsx)(`span`,{className:`h-10 w-2/3 max-w-[132px] min-w-0 shrink-0 rounded-[10px] bg-depth-black-4`})]}),/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex w-full min-w-0 flex-col gap-2`,children:[/* @__PURE__ */ (0,m.jsx)(A,{className:`h-3.5 w-1/2 max-w-[104px] min-w-0`}),/* @__PURE__ */ (0,m.jsx)(A,{className:`h-3.5 w-1/4 max-w-14 min-w-0`})]})]})]}):null,Z?/* @__PURE__ */ (0,m.jsxs)(m.Fragment,{children:[o===`inline`?/* @__PURE__ */ (0,m.jsx)(`div`,{className:`my-2 h-px w-full bg-depth-black-4`,"aria-hidden":!0}):null,o===`detail`?/* @__PURE__ */ (0,m.jsx)(u,{type:`line`,spacing:!0}):null,/* @__PURE__ */ (0,m.jsx)(w,{id:`list`,className:`w-full`,highlightInset:{top:6,right:8,bottom:6,left:8},children:/* @__PURE__ */ (0,m.jsx)(`ul`,{className:i(`list-outside list-disc pl-4 marker:text-text-soft`,o===`detail`?`pui-text-label-small space-y-2 text-text-strong`:`text-[10px] leading-4 text-text-sub`),children:e.bullets.map((t,n)=>/* @__PURE__ */ (0,m.jsx)(w,{id:`list/${n}`,as:`li`,highlightInset:{top:4,right:4,bottom:4,left:4},highlightRadius:`small`,children:t},`${e.id}-bullet-${n}`))})})]}):null,Q?/* @__PURE__ */ (0,m.jsxs)(m.Fragment,{children:[/* @__PURE__ */ (0,m.jsx)(`div`,{className:`my-2 h-px w-full bg-depth-black-4`,"aria-hidden":!0}),/* @__PURE__ */ (0,m.jsx)(w,{id:`details`,className:`w-full`,highlightInset:{top:6,right:8,bottom:6,left:8},children:/* @__PURE__ */ (0,m.jsx)(`p`,{className:i(o===`detail`?`pui-text-body-small text-text-sub`:`text-[10px] leading-4 text-text-sub`),children:e.body})})]}):null]})]})})]})]})}),/* @__PURE__ */ (0,m.jsx)(d,{images:Y,open:j,onClose:()=>M(!1),initialIndex:se})]})}function M(e){try{let{protocol:t}=new URL(e);return t===`http:`||t===`https:`?e:null}catch{return null}}function N(e){let t=(0,p.c)(18),{product:n,qaTestId:r}=e,i=r===void 0?`marketplace-pdp-card-chrome`:r,a;if(t[0]!==n.url){let e;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(e=/^https?:\/\//,t[2]=e):e=t[2],a=n.url.replace(e,``),t[0]=n.url,t[1]=a}else a=t[1];let o=a,s;t[3]===n.url?s=t[4]:(s=M(n.url),t[3]=n.url,t[4]=s);let l=s,u;t[5]===Symbol.for(`react.memo_cache_sentinel`)?(u=/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,"aria-hidden":!0,children:[/* @__PURE__ */ (0,m.jsx)(`span`,{className:`block size-2 rounded-full bg-negative-base`}),/* @__PURE__ */ (0,m.jsx)(`span`,{className:`block size-2 rounded-full bg-notice-base`}),/* @__PURE__ */ (0,m.jsx)(`span`,{className:`block size-2 rounded-full bg-positive-base`})]}),t[5]=u):u=t[5];let d;t[6]===o?d=t[7]:(d=/* @__PURE__ */ (0,m.jsx)(`div`,{className:`flex h-6 min-w-0 flex-1 items-center rounded-full bg-base-weak px-2.5 py-1`,children:/* @__PURE__ */ (0,m.jsx)(`p`,{className:`truncate font-mono text-[9px] leading-4 text-text-soft`,children:o})}),t[6]=o,t[7]=d);let h=`Open ${o} in a new tab`,g=l===null,_;t[8]===l?_=t[9]:(_=()=>{l&&window.open(l,`_blank`,`noopener,noreferrer`)},t[8]=l,t[9]=_);let v;t[10]!==h||t[11]!==g||t[12]!==_?(v=/* @__PURE__ */ (0,m.jsx)(c,{type:`button`,variant:`inverse`,icon:f,"aria-label":h,disabled:g,onClick:_}),t[10]=h,t[11]=g,t[12]=_,t[13]=v):v=t[13];let y;return t[14]!==i||t[15]!==d||t[16]!==v?(y=/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex shrink-0 items-center gap-3 border-b border-border-soft bg-base-inverse px-3.5 py-3`,"qa-test-id":i,children:[u,d,v]}),t[14]=i,t[15]=d,t[16]=v,t[17]=y):y=t[17],y}function P(e){let t=(0,p.c)(16),n,r,a,o,s,c;t[0]===e?(n=t[1],r=t[2],a=t[3],o=t[4],s=t[5],c=t[6]):({variant:o,fillHeight:s,className:r,children:n,qaTestId:c,...a}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=a,t[4]=o,t[5]=s,t[6]=c);let l=o===void 0?`inline`:o,u=s!==void 0&&s,d=c===void 0?`marketplace-pdp-card-container`:c,f=u?`h-full max-h-full`:`max-h-full`,h;t[7]!==r||t[8]!==f||t[9]!==l?(h=i(`@container flex w-full flex-col overflow-hidden rounded-[20px] border border-border-soft`,l===`detail`&&i(`min-h-0 min-w-0`,f),r),t[7]=r,t[8]=f,t[9]=l,t[10]=h):h=t[10];let g;return t[11]!==n||t[12]!==a||t[13]!==d||t[14]!==h?(g=/* @__PURE__ */ (0,m.jsx)(`div`,{"qa-test-id":d,...a,className:h,"data-card-container":!0,children:n}),t[11]=n,t[12]=a,t[13]=d,t[14]=h,t[15]=g):g=t[15],g}function F(e){let t=(0,p.c)(30),{product:n,canPreviewHero:r,onHeroClick:a,getSlot:o,className:s,variant:c,layoutMode:l,showSkeletons:u,showChrome:d,titleClassName:f,fillHeight:h,activeShotId:g,cameraMode:_,activeHeroIndex:v,onHeroIndexChange:y,onRegionClick:b,heroFit:x,heroAspectRatio:S,regionAnnotation:ee,qaTestId:te}=e,C=c===void 0?`inline`:c,ne=l===void 0?`auto`:l,w=u===void 0||u,T=d===void 0||d,re=h!==void 0&&h,E=_!==void 0&&_,D=te===void 0?`marketplace-pdp-card`:te,O=!T&&`rounded-none border-0`,k;t[0]!==s||t[1]!==O?(k=i(O,s),t[0]=s,t[1]=O,t[2]=k):k=t[2];let A;t[3]!==n||t[4]!==T?(A=T?/* @__PURE__ */ (0,m.jsx)(N,{product:n}):null,t[3]=n,t[4]=T,t[5]=A):A=t[5];let M;t[6]!==v||t[7]!==g||t[8]!==E||t[9]!==r||t[10]!==o||t[11]!==S||t[12]!==x||t[13]!==ne||t[14]!==a||t[15]!==y||t[16]!==b||t[17]!==n||t[18]!==ee||t[19]!==w||t[20]!==f||t[21]!==C?(M=/* @__PURE__ */ (0,m.jsx)(j,{product:n,canPreviewHero:r,onHeroClick:a,getSlot:o,variant:C,layoutMode:ne,showSkeletons:w,titleClassName:f,activeShotId:g,cameraMode:E,activeHeroIndex:v,onHeroIndexChange:y,onRegionClick:b,heroFit:x,heroAspectRatio:S,regionAnnotation:ee}),t[6]=v,t[7]=g,t[8]=E,t[9]=r,t[10]=o,t[11]=S,t[12]=x,t[13]=ne,t[14]=a,t[15]=y,t[16]=b,t[17]=n,t[18]=ee,t[19]=w,t[20]=f,t[21]=C,t[22]=M):M=t[22];let F;return t[23]!==re||t[24]!==D||t[25]!==A||t[26]!==M||t[27]!==k||t[28]!==C?(F=/* @__PURE__ */ (0,m.jsxs)(P,{variant:C,fillHeight:re,className:k,qaTestId:D,children:[A,M]}),t[23]=re,t[24]=D,t[25]=A,t[26]=M,t[27]=k,t[28]=C,t[29]=F):F=t[29],F}const I=Object.assign(F,{Container:P,Chrome:N,Body:j});export{I as MarketplacePdpCard};
+import{a as e}from"../../_chunks/rolldown-runtime-B0Z9INg1.js";import{t}from"../../_chunks/react-BcFqt3h5.js";import{t as n}from"../../_chunks/compiler-runtime-Br_I-bNG.js";import{t as r}from"../../_chunks/jsx-runtime-CNz6huh3.js";import{t as i}from"../../_chunks/dist-hovC-tlK.js";import{n as a}from"../../_chunks/react-pnTbDyGB.js";import{t as o}from"../../_chunks/AnimatePresence-CY5fQQqM.js";import{t as s}from"../../_chunks/use-reduced-motion-BCblJBd0.js";import{t as c}from"../../_chunks/ButtonInset-DtGelXxZ.js";import{n as l}from"../../_chunks/dist-DtmZ8paD.js";import{t as u}from"../../_chunks/Divider-Ip7wScrG.js";import{t as d}from"../../_chunks/Lightbox-D7f99562.js";import{t as f}from"../../_chunks/ArrowUpRightIcon-TjH49e7w.js";var p=n(),m=/* @__PURE__ */ e(r(),1),h=/* @__PURE__ */ e(t(),1);function g(e,t){if(!e)return null;if(t.has(e))return e;let n=e;for(;n.includes(`/`);)if(n=n.slice(0,n.lastIndexOf(`/`)),t.has(n))return n;return null}const _={x:0,y:0,scale:1},v={type:`spring`,duration:.55,bounce:0},y={type:`spring`,stiffness:360,damping:32};function b(e,t,n,r){let i=e.getBoundingClientRect(),a=t.getBoundingClientRect(),o=n.getBoundingClientRect(),s=(i.left-a.left)/r,c=(i.top-a.top)/r,l=i.width/r,u=i.height/r,d=o.width,f=o.height,p=Math.min(d/Math.max(1,l+56),f/Math.max(1,u+56),3);return{x:d/2-(s+l/2)*p,y:Math.min(f/2-(c+u/2)*p,28),scale:p}}const x=()=>void 0,S=(0,h.createContext)({effectiveRegionId:null,cameraMode:!1,cameraScale:1,annotationVisible:!1,registerRegion:x,unregisterRegion:x}),ee=S.Provider;function te(){return(0,h.useContext)(S)}const C={small:`rounded-lg`,medium:`rounded-xl`,large:`rounded-2xl`};function ne(e,t){if(!(t instanceof Element)||t.closest(`[data-pdp-region-id]`)!==e)return!1;let n=t.closest(`button, a[href], input, select, textarea, [role="button"]`);return n&&e.contains(n)?!1:window.getSelection()?.isCollapsed??!0}function w(e){let t=(0,p.c)(48),{id:n,as:r,children:c,className:l,highlightFill:u,highlightRadius:d,highlightInset:f,qaTestId:g}=e,_=r===void 0?`div`:r,v=u===void 0||u,b=d===void 0?`medium`:d,x=g===void 0?`pdp-region`:g,{effectiveRegionId:S,cameraMode:ee,cameraScale:w,annotation:E,annotationVisible:D,onRegionClick:O,registerRegion:k,unregisterRegion:A}=te(),j=s(),M=(0,h.useRef)(null),N=(0,h.useRef)(null),[P,F]=(0,h.useState)(!1),I;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(I=e=>{M.current=e},t[0]=I):I=t[0];let L=I,R,z;t[1]!==n||t[2]!==k||t[3]!==A?(R=()=>{let e=M.current;if(e)return k(n,e),()=>A(n)},z=[n,k,A],t[1]=n,t[2]=k,t[3]=A,t[4]=R,t[5]=z):(R=t[4],z=t[5]),(0,h.useLayoutEffect)(R,z);let B=S===n,V=B&&E!=null,H=w>0?1/w:1,ie=L,ae=ee&&!j?.38:0,U=j?0:.16,W;t[6]===U?W=t[7]:(W={duration:U},t[6]=U,t[7]=W);let G=W,K,q;t[8]!==H||t[9]!==V?(K=()=>{if(!V){F(!1);return}let e=N.current,t=e?.querySelector(`[data-slot="tag"]`),n=e?.querySelector(`[data-pdp-annotation-box]`),r=t instanceof HTMLElement?t:n instanceof HTMLElement?n:null;if(!(e&&r))return;let i=r.offsetWidth*H,a=r.offsetHeight*H;F(a+24>e.clientHeight||i+24>e.clientWidth)},q=[V,H],t[8]=H,t[9]=V,t[10]=K,t[11]=q):(K=t[10],q=t[11]),(0,h.useLayoutEffect)(K,q);let oe=O&&`cursor-pointer`,J;t[12]!==l||t[13]!==oe?(J=i(`relative overflow-visible`,oe,l),t[12]=l,t[13]=oe,t[14]=J):J=t[14];let Y;t[15]!==n||t[16]!==O?(Y=O?e=>{ne(e.currentTarget,e.target)&&O(n)}:void 0,t[15]=n,t[16]=O,t[17]=Y):Y=t[17];let X=B?``:void 0,se=f?.top??0,ce=f?.right??0,le=f?.bottom??0,Z;t[18]!==E||t[19]!==D||t[20]!==G||t[21]!==ae||t[22]!==v||t[23]!==f?.bottom||t[24]!==f?.left||t[25]!==f?.right||t[26]!==f?.top||t[27]!==b||t[28]!==H||t[29]!==B||t[30]!==P||t[31]!==j||t[32]!==V?(Z=B?/* @__PURE__ */ (0,m.jsxs)(a.div,{ref:N,"aria-hidden":!D||void 0,className:`pointer-events-none absolute overflow-visible`,style:{top:-(f?.top??0),right:-(f?.right??0),bottom:-(f?.bottom??0),left:-(f?.left??0)},initial:{opacity:1},animate:{opacity:1},exit:{opacity:0,transition:G},"data-pdp-region-highlight":``,"qa-test-id":`pdp-region-highlight`,children:[/* @__PURE__ */ (0,m.jsx)(a.div,{"aria-hidden":!0,className:i(`absolute inset-0 border-2 border-secondary-base`,C[b],v&&`bg-depth-secondary-10`),initial:{opacity:0},animate:{opacity:1,transition:j?{duration:0}:{...y,delay:ae}}}),/* @__PURE__ */ (0,m.jsx)(o,{children:V?/* @__PURE__ */ (0,m.jsx)(a.div,{className:`pointer-events-none absolute overflow-visible`,"data-pdp-region-annotation":``,"data-pdp-annotation-placement":P?`outside`:`inside`,"qa-test-id":`pdp-region-annotation`,initial:!1,animate:{opacity:1},exit:{opacity:0,transition:G},style:P?{top:`calc(100% + 8px)`,right:0,bottom:`auto`}:{top:`auto`,right:12,bottom:12},onClick:re,onPointerDown:T,children:/* @__PURE__ */ (0,m.jsx)(`div`,{"data-pdp-annotation-box":``,"data-annotation-visible":D?``:void 0,className:i(`w-fit pdp-annotation-box`,D?`pointer-events-auto`:`pointer-events-none`),style:{transform:`scale(${H})`,transformOrigin:P?`top right`:`bottom right`},children:E})},`annotation`):null})]},`highlight`):null,t[18]=E,t[19]=D,t[20]=G,t[21]=ae,t[22]=v,t[23]=f?.bottom,t[24]=f?.left,t[25]=f?.right,t[26]=f?.top,t[27]=b,t[28]=H,t[29]=B,t[30]=P,t[31]=j,t[32]=V,t[33]=Z):Z=t[33];let Q;t[34]===Z?Q=t[35]:(Q=/* @__PURE__ */ (0,m.jsx)(o,{children:Z}),t[34]=Z,t[35]=Q);let $;return t[36]!==_||t[37]!==c||t[38]!==n||t[39]!==x||t[40]!==J||t[41]!==Y||t[42]!==X||t[43]!==se||t[44]!==ce||t[45]!==le||t[46]!==Q?($=/* @__PURE__ */ (0,m.jsxs)(_,{ref:ie,className:J,onClick:Y,"data-pdp-region-id":n,"data-active-region":X,"data-hang-inset-top":se,"data-hang-inset-right":ce,"data-hang-inset-bottom":le,"qa-test-id":x,children:[c,Q]}),t[36]=_,t[37]=c,t[38]=n,t[39]=x,t[40]=J,t[41]=Y,t[42]=X,t[43]=se,t[44]=ce,t[45]=le,t[46]=Q,t[47]=$):$=t[47],$}function T(e){return e.stopPropagation()}function re(e){return e.stopPropagation()}function E(e){let t=(0,p.c)(5),[n,r]=(0,h.useState)(!1),i,a;t[0]===e?(i=t[1],a=t[2]):(i=()=>{if(!e){r(!1);return}let t=new Image;return t.onload=()=>r(!0),t.onerror=()=>r(!0),t.src=e,()=>{t.onload=null,t.onerror=null}},a=[e],t[0]=e,t[1]=i,t[2]=a),(0,h.useEffect)(i,a);let o;return t[3]===n?o=t[4]:(o={ready:n},t[3]=n,t[4]=o),o}function D(e){let t=(0,p.c)(8),{className:n,label:r}=e,a;t[0]===n?a=t[1]:(a=i(`pointer-events-none relative animate-skeleton-shimmer overflow-hidden image-shimmer`,n),t[0]=n,t[1]=a);let o;t[2]===r?o=t[3]:(o=/* @__PURE__ */ (0,m.jsx)(`span`,{className:`sr-only`,children:r}),t[2]=r,t[3]=o);let s;return t[4]!==r||t[5]!==a||t[6]!==o?(s=/* @__PURE__ */ (0,m.jsx)(`div`,{role:`status`,"aria-live":`polite`,"aria-label":r,className:a,children:o}),t[4]=r,t[5]=a,t[6]=o,t[7]=s):s=t[7],s}function O(e){let t=(0,p.c)(7),{src:n,pending:r,alt:c,shimmerLabel:l,className:u}=e,d=s(),{ready:f}=E(r?void 0:n),h=r||!f,g=d?0:.18,_;return t[0]!==c||t[1]!==u||t[2]!==g||t[3]!==l||t[4]!==h||t[5]!==n?(_=/* @__PURE__ */ (0,m.jsx)(o,{initial:!1,mode:`sync`,children:h?/* @__PURE__ */ (0,m.jsx)(a.div,{className:`absolute inset-0`,initial:{opacity:1},animate:{opacity:1},exit:{opacity:0},transition:{duration:g},children:/* @__PURE__ */ (0,m.jsx)(D,{className:i(`size-full`,u),label:l})},`shimmer`):/* @__PURE__ */ (0,m.jsx)(a.img,{src:n,alt:c,className:i(`absolute inset-0 size-full object-cover`,u),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:g}},`img-${n}`)}),t[0]=c,t[1]=u,t[2]=g,t[3]=l,t[4]=h,t[5]=n,t[6]=_):_=t[6],_}function k(e){let t=(0,p.c)(4),{className:n}=e,r;t[0]===n?r=t[1]:(r=i(`block rounded-full bg-base-weak`,n),t[0]=n,t[1]=r);let a;return t[2]===r?a=t[3]:(a=/* @__PURE__ */ (0,m.jsx)(`span`,{"aria-hidden":!0,className:r}),t[2]=r,t[3]=a),a}function A(e){let t=(0,p.c)(4),{className:n}=e,r;t[0]===n?r=t[1]:(r=i(`block rounded-full bg-depth-black-4`,n),t[0]=n,t[1]=r);let a;return t[2]===r?a=t[3]:(a=/* @__PURE__ */ (0,m.jsx)(`span`,{"aria-hidden":!0,className:r}),t[2]=r,t[3]=a),a}function j({product:e,canPreviewHero:t,onHeroClick:n,getSlot:r,variant:o=`inline`,layoutMode:c=`auto`,showSkeletons:f=!0,titleClassName:p,activeShotId:y,cameraMode:x=!1,activeHeroIndex:S,onHeroIndexChange:te,onRegionClick:C,heroFit:ne=`cover`,heroAspectRatio:T=`auto`,regionAnnotation:re,qaTestId:E=`marketplace-pdp-card-body`}){let D=ne===`contain`?`object-contain`:`object-cover`,[j,M]=(0,h.useState)(!1),N=s()??!1,P=o===`detail`&&c===`stacked`,F=P?T===`square`?`aspect-square w-full`:`h-[330px] w-full`:T===`square`?`aspect-square h-auto`:`aspect-12/13 h-auto`,I=new Set(e.thumbnailsPending??[]),L=(e.thumbnails.length>0?e.thumbnails:e.thumbnailsPending&&e.thumbnailsPending.length>0?e.thumbnailsPending.map(()=>``):[e.heroImage]).map((t,n)=>{let i=`thumb-${n}`,a=r(e.id,i),o=I.has(i)&&!a?.imageUrl;return{slot:i,url:a?.imageUrl??t,pending:o}}),R=Math.max(L.length-1,0),z=S===void 0?0:Math.min(Math.max(S,0),R),B=`${e.id}|${z}|${L.length}`,[V,H]=(0,h.useState)(z),[ie,ae]=(0,h.useState)(B);ie!==B&&(ae(B),H(z));let U=r(e.id,`hero`),W=U?.imageUrl??e.heroImage,G=!U?.imageUrl&&!e.heroImage,K=V===0?{url:W,pending:G}:L[V]??L[0],q=K?.url??e.heroImage,oe=!!K?.pending,J=p??(o===`detail`?`pui-text-heading-medium`:`pui-text-label-large`),Y=[],X=[];for(let t=0;t<L.length;t++){let n=t===0?W:L[t]?.url??``,r=t===0?G:L[t]?.pending??!1;n&&!r&&(X[t]=Y.length,Y.push({src:n,alt:e.name}))}let se=X[V]??0,ce=Y.length>0&&X[V]!==void 0,le=t=>{if(!ce)return;let r=t.currentTarget.getBoundingClientRect(),i=V===0?`hero`:`thumb-${V}`;M(!0),n?.(e.id,{x:r.left+r.width/2,y:r.top+r.height/2},{lightboxSlot:i,fallbackImageUrl:q})},Z=e.bullets.length>0,Q=!!e.body,$=`focus-visible:shadow-[0_0_0_2px_var(--color-base-inverse),0_0_0_3px_var(--color-primary-base)]`,ue=(0,h.useRef)(/* @__PURE__ */ new Map),de=(0,h.useRef)((e,t)=>{ue.current.set(e,t)}).current,fe=(0,h.useRef)(e=>{ue.current.delete(e)}).current,pe=(0,h.useRef)(null),me=(0,h.useRef)(null),he=(0,h.useRef)(_),[ge,_e]=(0,h.useState)(_),[ve,ye]=(0,h.useState)(null),[be,xe]=(0,h.useState)(!0),[Se,Ce]=(0,h.useState)(null),we=ve===`hero`&&V!==z?void 0:re,Te={effectiveRegionId:ve,cameraMode:x,cameraScale:ge.scale,annotation:we,annotationVisible:!(!we||x&&!be),onRegionClick:C,registerRegion:de,unregisterRegion:fe},Ee=()=>{let e=g(y,ue.current);if(ye(e),!x){_e(_),he.current=_,xe(!0);return}let t=e?ue.current.get(e):null;if(!t||!pe.current||!me.current){_e(_),he.current=_,xe(!0);return}let n=b(t,me.current,pe.current,he.current.scale),r=he.current,i=n.x===r.x&&n.y===r.y&&n.scale===r.scale;he.current=n,_e(n),xe(i)};return(0,h.useEffect)(()=>{Ee()},[x,y]),(0,h.useEffect)(()=>{if(be||!x)return;let e=N?0:v.duration*1e3+50,t=window.setTimeout(()=>xe(!0),e);return()=>window.clearTimeout(t)},[be,x,ge,N]),l(`resize`,Ee),(0,h.useLayoutEffect)(()=>{let e=pe.current;if(e){if(!(x&&y)){Ce(null);return}Ce(t=>t??e.offsetHeight)}},[x,y]),/* @__PURE__ */ (0,m.jsxs)(ee,{value:Te,children:[/* @__PURE__ */ (0,m.jsx)(`div`,{ref:pe,"qa-test-id":E,className:i(`bg-base-inverse`,x&&`overflow-hidden`,o===`detail`&&`flex min-h-0 flex-1 flex-col`,o!==`detail`&&`flex items-stretch`,Se!=null&&`flex-none overflow-hidden`),style:Se==null?void 0:{height:Se},children:/* @__PURE__ */ (0,m.jsxs)(a.div,{ref:me,"data-pdp-camera-set":``,"qa-test-id":`pdp-camera-set`,className:i(`bg-base-inverse`,o===`detail`&&`flex min-h-0 flex-1 flex-col`,o!==`detail`&&`flex w-full items-stretch`,Se!=null&&`flex-none`),style:{originX:0,originY:0},animate:{x:ge.x,y:ge.y,scale:ge.scale},transition:N?{duration:0}:v,onAnimationComplete:()=>xe(!0),children:[o===`detail`&&f?/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex h-12 shrink-0 items-center gap-2 px-3.5`,"aria-hidden":!0,children:[/* @__PURE__ */ (0,m.jsx)(A,{className:`h-3.5 w-1/6 max-w-24 min-w-0`}),/* @__PURE__ */ (0,m.jsx)(A,{className:`h-3.5 w-1/12 max-w-10 min-w-6`}),/* @__PURE__ */ (0,m.jsx)(A,{className:`h-3.5 w-1/9 max-w-16 min-w-0`})]}):null,/* @__PURE__ */ (0,m.jsxs)(`div`,{className:i(`flex min-h-0 items-stretch`,o===`detail`&&!f&&`pt-4`),children:[/* @__PURE__ */ (0,m.jsx)(`div`,{role:`group`,"aria-label":`Product images`,className:i(`flex shrink-0 flex-col items-center gap-2`,o===`detail`?`px-4 pb-4`:`p-4`),children:L.map((t,n)=>{let r=n===V,o=n===0?{url:W,pending:G}:t;return/* @__PURE__ */ (0,m.jsx)(a.button,{type:`button`,"aria-pressed":r,"aria-label":`Show image ${n+1}`,onClick:()=>{H(n),te?.(n)},whileTap:N?void 0:{scale:.95},transition:{duration:.15,ease:`easeOut`},className:i(`relative size-10 shrink-0 cursor-pointer overflow-hidden rounded-lg bg-base-weak transition-opacity outline-none`,$,r?i(`opacity-100`,`shadow-[0_0_0_2px_var(--color-base-inverse),0_0_0_3px_var(--color-primary-base)]`):`opacity-60 hover:opacity-100`),children:/* @__PURE__ */ (0,m.jsx)(O,{src:o.url,pending:o.pending,alt:``,shimmerLabel:`Generating image ${n+1}`})},`${e.id}-thumb-${n}`)})}),/* @__PURE__ */ (0,m.jsx)(`div`,{className:i(`min-w-0 flex-1 pr-3.5`,o===`detail`?`pb-4`:`py-4`),children:/* @__PURE__ */ (0,m.jsxs)(`div`,{className:i(`flex items-start gap-4`,o===`detail`?P?`flex-col`:`flex-col @[520px]:flex-row! @[520px]:flex-nowrap!`:`flex flex-col items-start gap-4 @[520px]:flex-row! @[520px]:flex-nowrap`),children:[/* @__PURE__ */ (0,m.jsxs)(`div`,{className:i(`flex w-full shrink-0 flex-col`,o===`detail`?`gap-5`:`gap-3`,o===`detail`&&!P&&`@[520px]:w-auto! @[520px]:max-w-88 @[520px]:min-w-48 @[520px]:shrink @[520px]:grow-0 @[520px]:basis-[44%] @[760px]:max-w-[24rem] @[760px]:basis-[48%]`,o!==`detail`&&`@[520px]:w-[240px]!`),children:[/* @__PURE__ */ (0,m.jsx)(w,{id:`hero`,className:`w-full`,highlightRadius:`large`,highlightFill:!1,highlightInset:{top:6,right:6,bottom:6,left:6},children:t?/* @__PURE__ */ (0,m.jsx)(a.button,{type:`button`,onClick:le,whileTap:N?void 0:{scale:.98},transition:{duration:.15,ease:`easeOut`},"aria-label":`Open image preview for ${e.name}`,className:i(`group relative block w-full cursor-zoom-in overflow-hidden rounded-xl bg-base-weak outline-none`,o===`detail`?F:`h-[260px]`,`transition-opacity duration-150 ease-out hover:[@media(hover:hover)]:opacity-80`,$),children:/* @__PURE__ */ (0,m.jsx)(O,{src:q,pending:oe,alt:e.name,shimmerLabel:`Generating hero image for ${e.name}`,className:i(D,`transition-transform duration-200 ease-out group-hover:[@media(hover:hover)]:scale-105`)})}):/* @__PURE__ */ (0,m.jsx)(`div`,{className:i(`group relative block w-full overflow-hidden rounded-xl bg-base-weak`,o===`detail`?F:`h-[260px]`,`transition-opacity duration-150 ease-out hover:[@media(hover:hover)]:opacity-80`),children:/* @__PURE__ */ (0,m.jsx)(O,{src:q,pending:oe,alt:e.name,shimmerLabel:`Generating hero image for ${e.name}`,className:i(D,`transition-transform duration-200 ease-out group-hover:[@media(hover:hover)]:scale-105`)})})}),o===`detail`&&f?/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex w-full flex-col gap-2`,"aria-hidden":!0,children:[/* @__PURE__ */ (0,m.jsx)(A,{className:`h-3.5 w-1/4 max-w-14 min-w-0`}),/* @__PURE__ */ (0,m.jsx)(A,{className:`h-3.5 w-4/5 min-w-0`}),/* @__PURE__ */ (0,m.jsx)(A,{className:`h-3.5 w-3/5 max-w-[140px] min-w-0`})]}):null]}),/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-2 py-1`,children:[/* @__PURE__ */ (0,m.jsx)(w,{id:`hero/title`,className:`w-full`,highlightInset:{top:8,right:8,bottom:8,left:8},children:/* @__PURE__ */ (0,m.jsx)(`h4`,{className:i(`w-full min-w-0 text-balance wrap-break-word text-text-strong`,J),children:e.name})}),f?/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-2`,"aria-hidden":!0,children:[/* @__PURE__ */ (0,m.jsx)(k,{className:`h-3.5 w-1/2 max-w-[67px] min-w-0`}),/* @__PURE__ */ (0,m.jsx)(k,{className:`h-3.5 w-2/5 max-w-[50px] min-w-0`})]}):null,o===`detail`&&f?/* @__PURE__ */ (0,m.jsxs)(m.Fragment,{children:[/* @__PURE__ */ (0,m.jsx)(u,{type:`line`,spacing:!0}),/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex w-full min-w-0 flex-col gap-3`,"aria-hidden":!0,children:[/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-2`,children:[/* @__PURE__ */ (0,m.jsx)(`span`,{className:`h-10 w-1/5 max-w-10 shrink-0 rounded-[10px] bg-depth-black-4`}),/* @__PURE__ */ (0,m.jsx)(`span`,{className:`h-10 w-2/3 max-w-[132px] min-w-0 shrink-0 rounded-[10px] bg-depth-black-4`})]}),/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex w-full min-w-0 flex-col gap-2`,children:[/* @__PURE__ */ (0,m.jsx)(A,{className:`h-3.5 w-1/2 max-w-[104px] min-w-0`}),/* @__PURE__ */ (0,m.jsx)(A,{className:`h-3.5 w-1/4 max-w-14 min-w-0`})]})]})]}):null,Z?/* @__PURE__ */ (0,m.jsxs)(m.Fragment,{children:[o===`inline`?/* @__PURE__ */ (0,m.jsx)(`div`,{className:`my-2 h-px w-full bg-depth-black-4`,"aria-hidden":!0}):null,o===`detail`?/* @__PURE__ */ (0,m.jsx)(u,{type:`line`,spacing:!0}):null,/* @__PURE__ */ (0,m.jsx)(w,{id:`list`,className:`w-full`,highlightInset:{top:6,right:8,bottom:6,left:8},children:/* @__PURE__ */ (0,m.jsx)(`ul`,{className:i(`list-outside list-disc pl-4 marker:text-text-soft`,o===`detail`?`pui-text-label-small space-y-2 text-text-strong`:`text-[10px] leading-4 text-text-sub`),children:e.bullets.map((t,n)=>/* @__PURE__ */ (0,m.jsx)(w,{id:`list/${n}`,as:`li`,highlightInset:{top:4,right:4,bottom:4,left:4},highlightRadius:`small`,children:t},`${e.id}-bullet-${n}`))})})]}):null,Q?/* @__PURE__ */ (0,m.jsxs)(m.Fragment,{children:[/* @__PURE__ */ (0,m.jsx)(`div`,{className:`my-2 h-px w-full bg-depth-black-4`,"aria-hidden":!0}),/* @__PURE__ */ (0,m.jsx)(w,{id:`details`,className:`w-full`,highlightInset:{top:6,right:8,bottom:6,left:8},children:/* @__PURE__ */ (0,m.jsx)(`p`,{className:i(o===`detail`?`pui-text-body-small text-text-sub`:`text-[10px] leading-4 text-text-sub`),children:e.body})})]}):null]})]})})]})]})}),/* @__PURE__ */ (0,m.jsx)(d,{images:Y,open:j,onClose:()=>M(!1),initialIndex:se})]})}function M(e){try{let{protocol:t}=new URL(e);return t===`http:`||t===`https:`?e:null}catch{return null}}function N(e){let t=(0,p.c)(18),{product:n,qaTestId:r}=e,i=r===void 0?`marketplace-pdp-card-chrome`:r,a;if(t[0]!==n.url){let e;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(e=/^https?:\/\//,t[2]=e):e=t[2],a=n.url.replace(e,``),t[0]=n.url,t[1]=a}else a=t[1];let o=a,s;t[3]===n.url?s=t[4]:(s=M(n.url),t[3]=n.url,t[4]=s);let l=s,u;t[5]===Symbol.for(`react.memo_cache_sentinel`)?(u=/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,"aria-hidden":!0,children:[/* @__PURE__ */ (0,m.jsx)(`span`,{className:`block size-2 rounded-full bg-negative-base`}),/* @__PURE__ */ (0,m.jsx)(`span`,{className:`block size-2 rounded-full bg-notice-base`}),/* @__PURE__ */ (0,m.jsx)(`span`,{className:`block size-2 rounded-full bg-positive-base`})]}),t[5]=u):u=t[5];let d;t[6]===o?d=t[7]:(d=/* @__PURE__ */ (0,m.jsx)(`div`,{className:`flex h-6 min-w-0 flex-1 items-center rounded-full bg-base-weak px-2.5 py-1`,children:/* @__PURE__ */ (0,m.jsx)(`p`,{className:`truncate font-mono text-[9px] leading-4 text-text-soft`,children:o})}),t[6]=o,t[7]=d);let h=`Open ${o} in a new tab`,g=l===null,_;t[8]===l?_=t[9]:(_=()=>{l&&window.open(l,`_blank`,`noopener,noreferrer`)},t[8]=l,t[9]=_);let v;t[10]!==h||t[11]!==g||t[12]!==_?(v=/* @__PURE__ */ (0,m.jsx)(c,{type:`button`,variant:`inverse`,icon:f,"aria-label":h,disabled:g,onClick:_}),t[10]=h,t[11]=g,t[12]=_,t[13]=v):v=t[13];let y;return t[14]!==i||t[15]!==d||t[16]!==v?(y=/* @__PURE__ */ (0,m.jsxs)(`div`,{className:`flex shrink-0 items-center gap-3 border-b border-border-soft bg-base-inverse px-3.5 py-3`,"qa-test-id":i,children:[u,d,v]}),t[14]=i,t[15]=d,t[16]=v,t[17]=y):y=t[17],y}function P(e){let t=(0,p.c)(16),n,r,a,o,s,c;t[0]===e?(n=t[1],r=t[2],a=t[3],o=t[4],s=t[5],c=t[6]):({variant:o,fillHeight:s,className:r,children:n,qaTestId:c,...a}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=a,t[4]=o,t[5]=s,t[6]=c);let l=o===void 0?`inline`:o,u=s!==void 0&&s,d=c===void 0?`marketplace-pdp-card-container`:c,f=u?`h-full max-h-full`:`max-h-full`,h;t[7]!==r||t[8]!==f||t[9]!==l?(h=i(`@container flex w-full flex-col overflow-hidden rounded-[20px] border border-border-soft`,l===`detail`&&i(`min-h-0 min-w-0`,f),r),t[7]=r,t[8]=f,t[9]=l,t[10]=h):h=t[10];let g;return t[11]!==n||t[12]!==a||t[13]!==d||t[14]!==h?(g=/* @__PURE__ */ (0,m.jsx)(`div`,{"qa-test-id":d,...a,className:h,"data-card-container":!0,children:n}),t[11]=n,t[12]=a,t[13]=d,t[14]=h,t[15]=g):g=t[15],g}function F(e){let t=(0,p.c)(30),{product:n,canPreviewHero:r,onHeroClick:a,getSlot:o,className:s,variant:c,layoutMode:l,showSkeletons:u,showChrome:d,titleClassName:f,fillHeight:h,activeShotId:g,cameraMode:_,activeHeroIndex:v,onHeroIndexChange:y,onRegionClick:b,heroFit:x,heroAspectRatio:S,regionAnnotation:ee,qaTestId:te}=e,C=c===void 0?`inline`:c,ne=l===void 0?`auto`:l,w=u===void 0||u,T=d===void 0||d,re=h!==void 0&&h,E=_!==void 0&&_,D=te===void 0?`marketplace-pdp-card`:te,O=!T&&`rounded-none border-0`,k;t[0]!==s||t[1]!==O?(k=i(O,s),t[0]=s,t[1]=O,t[2]=k):k=t[2];let A;t[3]!==n||t[4]!==T?(A=T?/* @__PURE__ */ (0,m.jsx)(N,{product:n}):null,t[3]=n,t[4]=T,t[5]=A):A=t[5];let M;t[6]!==v||t[7]!==g||t[8]!==E||t[9]!==r||t[10]!==o||t[11]!==S||t[12]!==x||t[13]!==ne||t[14]!==a||t[15]!==y||t[16]!==b||t[17]!==n||t[18]!==ee||t[19]!==w||t[20]!==f||t[21]!==C?(M=/* @__PURE__ */ (0,m.jsx)(j,{product:n,canPreviewHero:r,onHeroClick:a,getSlot:o,variant:C,layoutMode:ne,showSkeletons:w,titleClassName:f,activeShotId:g,cameraMode:E,activeHeroIndex:v,onHeroIndexChange:y,onRegionClick:b,heroFit:x,heroAspectRatio:S,regionAnnotation:ee}),t[6]=v,t[7]=g,t[8]=E,t[9]=r,t[10]=o,t[11]=S,t[12]=x,t[13]=ne,t[14]=a,t[15]=y,t[16]=b,t[17]=n,t[18]=ee,t[19]=w,t[20]=f,t[21]=C,t[22]=M):M=t[22];let F;return t[23]!==re||t[24]!==D||t[25]!==A||t[26]!==M||t[27]!==k||t[28]!==C?(F=/* @__PURE__ */ (0,m.jsxs)(P,{variant:C,fillHeight:re,className:k,qaTestId:D,children:[A,M]}),t[23]=re,t[24]=D,t[25]=A,t[26]=M,t[27]=k,t[28]=C,t[29]=F):F=t[29],F}const I=Object.assign(F,{Container:P,Chrome:N,Body:j});export{I as MarketplacePdpCard};

package/dist/browser/@patterninc/pattern-ui/panel.js

@@ -1 +1 @@
-import{a as e}from"../../_chunks/rolldown-runtime-B0Z9INg1.js";import{p as t,v as n}from"../../_chunks/transitions-Cn0Tw_ua.js";import{t as r}from"../../_chunks/react-BcFqt3h5.js";import{t as i}from"../../_chunks/compiler-runtime-Br_I-bNG.js";import{t as a}from"../../_chunks/jsx-runtime-CNz6huh3.js";import{t as o}from"../../_chunks/dist-hovC-tlK.js";import{t as s}from"../../_chunks/Prefix-BViDbvC8.js";import{n as c}from"../../_chunks/react-pnTbDyGB.js";import{t as l}from"../../_chunks/animate-CMqquAtC.js";import{t as u}from"../../_chunks/use-transform-CtOrvb1o.js";import{t as d}from"../../_chunks/AnimatePresence-CY5fQQqM.js";import{t as f}from"../../_chunks/use-motion-value-DAF-gA5n.js";import{t as ee}from"../../_chunks/use-reduced-motion-BCblJBd0.js";import{l as te,n as p,u as m}from"../../_chunks/ListItem-BEsemrjG.js";import{t as h}from"../../_chunks/Button-B8Eru7h_.js";import{i as g}from"../../_chunks/dist-ByhcWgyI.js";import{t as _}from"../../_chunks/ButtonInset-DtGelXxZ.js";import{a as v}from"../../_chunks/dist-DtmZ8paD.js";import{t as ne}from"../../_chunks/CloseIcon-nIS97eJC.js";import{t as y}from"../../_chunks/ScrollGradientWrapper-BPLAmhnz.js";import{t as b}from"../../_chunks/DotsHorizontalIcon-CDL3yTlr.js";import{t as x}from"../../_chunks/Maximize2Icon-D-TCG5F1.js";import{t as S}from"../../_chunks/Minimize2Icon-Dhgjx5Jy.js";import{t as C}from"../../_chunks/Toolbar-BeIpkMty.js";var w=i(),T=/* @__PURE__ */ e(a(),1);const E=20;function D(e){let t=(0,w.c)(35),n,r,i,a,s,c,l;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],s=t[5],c=t[6],l=t[7]):({position:a,isDragging:r,keyboardStep:c,onKeyboardResize:i,className:n,qaTestId:l,...s}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=s,t[6]=c,t[7]=l);let u=c===void 0?20:c,d=l===void 0?`drag-handle`:l,f=a===`bottom`,ee;t[8]!==f||t[9]!==u||t[10]!==i||t[11]!==a?(ee=e=>{let t=null;bb10:switch(e.key){case`ArrowUp`:f&&(t=u);break bb10;case`ArrowDown`:f&&(t=-u);break bb10;case`ArrowRight`:f||(t=a===`right`?-u:u);break bb10;case`ArrowLeft`:f||(t=a===`right`?u:-u);break bb10;case`Home`:t=`min`;break bb10;case`End`:t=`max`}t!==null&&(e.preventDefault(),i(t))},t[8]=f,t[9]=u,t[10]=i,t[11]=a,t[12]=ee):ee=t[12];let te=ee,p=a===`bottom`&&`top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 cursor-ns-resize`,m=a===`right`&&`top-1/2 left-0 -translate-x-1/2 -translate-y-1/2 cursor-ew-resize`,h=a===`left`&&`top-1/2 right-0 translate-x-1/2 -translate-y-1/2 cursor-ew-resize`,g;t[13]!==n||t[14]!==p||t[15]!==m||t[16]!==h?(g=o(`group absolute z-10 flex h-8 w-8 items-center justify-center`,`appearance-none border-none bg-transparent p-0 focus:outline-none`,p,m,h,n),t[13]=n,t[14]=p,t[15]=m,t[16]=h,t[17]=g):g=t[17];let _=f?`h-3 w-8`:`h-8 w-3`,v;t[18]===_?v=t[19]:(v=o(`flex items-center justify-center rounded-full bg-base-inverse`,_),t[18]=_,t[19]=v);let ne=r&&`opacity-100`,y=f?`h-1 w-6`:`h-6 w-1`,b;t[20]!==ne||t[21]!==y?(b=o(`rounded-full bg-depth-black-16 transition-opacity duration-200`,`group-hover:opacity-70`,ne,y),t[20]=ne,t[21]=y,t[22]=b):b=t[22];let x;t[23]===Symbol.for(`react.memo_cache_sentinel`)?(x={transform:`translate3d(0, 0, 0)`,backfaceVisibility:`hidden`,willChange:`opacity`},t[23]=x):x=t[23];let S;t[24]===b?S=t[25]:(S=/* @__PURE__ */ (0,T.jsx)(`div`,{className:b,style:x}),t[24]=b,t[25]=S);let C;t[26]!==S||t[27]!==v?(C=/* @__PURE__ */ (0,T.jsx)(`div`,{className:v,children:S}),t[26]=S,t[27]=v,t[28]=C):C=t[28];let E;return t[29]!==te||t[30]!==s||t[31]!==d||t[32]!==C||t[33]!==g?(E=/* @__PURE__ */ (0,T.jsx)(`button`,{type:`button`,"aria-label":`Resize panel`,"qa-test-id":d,...s,onKeyDown:te,className:g,children:C}),t[29]=te,t[30]=s,t[31]=d,t[32]=C,t[33]=g,t[34]=E):E=t[34],E}var O=/* @__PURE__ */ e(r(),1);const k={duration:.15,ease:[.645,.045,.355,1]};function A(e){let t=(0,w.c)(11),{reduceMotion:n,children:r}=e,i;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(i={gridTemplateColumns:`minmax(0, 1fr)`},t[0]=i):i=t[0];let a;t[1]===n?a=t[2]:(a=n?void 0:{gridTemplateColumns:`minmax(0, 0fr)`},t[1]=n,t[2]=a);let o;t[3]===n?o=t[4]:(o=n?{duration:0}:k,t[3]=n,t[4]=o);let s;t[5]===r?s=t[6]:(s=/* @__PURE__ */ (0,T.jsx)(`div`,{className:`min-w-0 overflow-hidden`,children:r}),t[5]=r,t[6]=s);let l;return t[7]!==a||t[8]!==o||t[9]!==s?(l=/* @__PURE__ */ (0,T.jsx)(c.div,{className:`grid shrink-0 overflow-hidden`,initial:!1,animate:i,exit:a,transition:o,children:s}),t[7]=a,t[8]=o,t[9]=s,t[10]=l):l=t[10],l}function j(e,t){let n=t.replace(/[^\w-]/g,`-`);return{tab:`${e}-tab-${n}`,panel:`${e}-panel-${n}`}}function M(e){let t=(0,w.c)(50),{item:n,isActive:r,isDragging:i,isFocusTarget:a,tabId:c,panelId:l,canClose:u,onSelect:d,onClose:f,onKeyNav:ee,onFocusTab:te,registerRef:p,index:m}=e,{_:h}=g(),[v,y]=(0,O.useState)(!1),b;t[0]!==h||t[1]!==n.label?(b=h({id:`WbUtOC`,values:{label:n.label}}),t[0]=h,t[1]=n.label,t[2]=b):b=t[2];let x=b,S=n.disabled??!1,C=u&&!S,E=i&&`z-10 cursor-grabbing [&_*]:cursor-grabbing`,D;t[3]===E?D=t[4]:(D=o(`relative flex shrink-0 items-center`,E),t[3]=E,t[4]=D);let k,A,j,M;t[5]===Symbol.for(`react.memo_cache_sentinel`)?(k=()=>y(!0),A=()=>y(!1),j=()=>y(!0),M=()=>y(!1),t[5]=k,t[6]=A,t[7]=j,t[8]=M):(k=t[5],A=t[6],j=t[7],M=t[8]);let N;t[9]!==m||t[10]!==p?(N=e=>p(m,e),t[9]=m,t[10]=p,t[11]=N):N=t[11];let P=S||void 0,F=a?0:-1,I;t[12]!==S||t[13]!==n.id||t[14]!==d?(I=()=>{S||d(n.id)},t[12]=S,t[13]=n.id,t[14]=d,t[15]=I):I=t[15];let L;t[16]!==n.id||t[17]!==te?(L=()=>te(n.id),t[16]=n.id,t[17]=te,t[18]=L):L=t[18];let R=r||v?`bg-depth-black-4`:`bg-depth-black-0`,z=r||v?`text-text-sub`:`text-text-soft`,B=S?`cursor-not-allowed opacity-50`:`cursor-pointer active:cursor-grabbing`,V;t[19]!==R||t[20]!==z||t[21]!==B?(V=o(`pui-text-label-medium flex h-10 w-fit max-w-50 items-center rounded-xl py-2 pl-2.5`,`focus-visible:outline-none`,`pr-8`,R,z,B,`transition-[background-color,color] duration-150 ease-out`),t[19]=R,t[20]=z,t[21]=B,t[22]=V):V=t[22];let H;t[23]===n.prefix?H=t[24]:(H=n.prefix?/* @__PURE__ */ (0,T.jsx)(s,{...n.prefix,"aria-hidden":!0,className:`size-5 shrink-0`}):null,t[23]=n.prefix,t[24]=H);let U;t[25]===n.label?U=t[26]:(U=/* @__PURE__ */ (0,T.jsx)(`span`,{className:`min-w-0 truncate px-1.5 text-left`,children:n.label}),t[25]=n.label,t[26]=U);let W;t[27]!==r||t[28]!==S||t[29]!==ee||t[30]!==l||t[31]!==F||t[32]!==I||t[33]!==L||t[34]!==V||t[35]!==H||t[36]!==U||t[37]!==N||t[38]!==P||t[39]!==c?(W=/* @__PURE__ */ (0,T.jsxs)(`button`,{ref:N,type:`button`,role:`tab`,id:c,"aria-controls":l,"aria-selected":r,"aria-disabled":P,tabIndex:F,disabled:S,onClick:I,onFocus:L,onKeyDown:ee,className:V,children:[H,U]}),t[27]=r,t[28]=S,t[29]=ee,t[30]=l,t[31]=F,t[32]=I,t[33]=L,t[34]=V,t[35]=H,t[36]=U,t[37]=N,t[38]=P,t[39]=c,t[40]=W):W=t[40];let G;t[41]!==C||t[42]!==x||t[43]!==n.id||t[44]!==f?(G=C?/* @__PURE__ */ (0,T.jsx)(`div`,{className:`absolute right-2`,children:/* @__PURE__ */ (0,T.jsx)(_,{icon:ne,variant:`inverse`,iconSize:16,color:`icon-soft`,"aria-label":x,onClick:()=>f(n.id)})}):null,t[41]=C,t[42]=x,t[43]=n.id,t[44]=f,t[45]=G):G=t[45];let K;return t[46]!==W||t[47]!==G||t[48]!==D?(K=/* @__PURE__ */ (0,T.jsxs)(`div`,{role:`presentation`,className:D,onMouseEnter:k,onMouseLeave:A,onFocus:j,onBlur:M,children:[W,G]}),t[46]=W,t[47]=G,t[48]=D,t[49]=K):K=t[49],K}function N(e){let t=(0,w.c)(79),{items:n,value:r,defaultValue:i,onChange:a,onClose:s,onReorder:c,idBase:l,ariaLabel:u,className:f,qaTestId:p}=e,h=p===void 0?`panel-header-tabs`:p,g=r!==void 0,_=(0,O.useId)(),ne=l??_,b;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(b=[],t[0]=b):b=t[0];let x=(0,O.useRef)(b),S=(0,O.useRef)(null),C=(0,O.useRef)(n.length),E=ee(),[D,N]=(0,O.useState)(null),[L,R]=(0,O.useState)(null),z;t[1]===n?z=t[2]:(z=(n.find(I)??n[0])?.id,t[1]=n,t[2]=z);let[B,V]=(0,O.useState)(i??z),H=g?r:B,U;t[3]===H?U=t[4]:(U=e=>e.id===H,t[3]=H,t[4]=U);let W=n.findIndex(U),G;t[5]!==n||t[6]!==W?(G=W>=0?W:n.findIndex(F),t[5]=n,t[6]=W,t[7]=G):G=t[7];let K=G,re;t[8]!==L||t[9]!==n?(re=L===null?-1:n.findIndex(e=>e.id===L),t[8]=L,t[9]=n,t[10]=re):re=t[10];let ie=re,q=ie>=0?ie:K,ae;t[11]!==g||t[12]!==a?(ae=e=>{g||V(e),a?.(e)},t[11]=g,t[12]=a,t[13]=ae):ae=t[13];let J=ae,oe;t[14]===n?oe=t[15]:(oe=(e,t)=>{for(let r=t+e;r>=0&&r<n.length;r+=e){let e=n[r];if(e&&!e.disabled){R(e.id),x.current[r]?.focus();return}}},t[14]=n,t[15]=oe);let se=oe,ce;t[16]!==n.length||t[17]!==se?(ce=e=>{e===`first`?se(1,-1):se(-1,n.length)},t[16]=n.length,t[17]=se,t[18]=ce):ce=t[18];let Y=ce,le;t[19]!==Y||t[20]!==q||t[21]!==n||t[22]!==se||t[23]!==s?(le=e=>{bb81:switch(e.key){case`ArrowRight`:e.preventDefault(),se(1,q);break bb81;case`ArrowLeft`:e.preventDefault(),se(-1,q);break bb81;case`Home`:e.preventDefault(),Y(`first`);break bb81;case`End`:e.preventDefault(),Y(`last`);break bb81;case`Delete`:case`Backspace`:{if(!s)break bb81;let t=n[q];if(!t||t.disabled===!0)break bb81;e.preventDefault(),s(t.id);break bb81}}},t[19]=Y,t[20]=q,t[21]=n,t[22]=se,t[23]=s,t[24]=le):le=t[24];let ue=le,de,X;t[25]!==K||t[26]!==D||t[27]!==n.length?(de=()=>{if(K<0)return;let e=C.current;C.current=n.length;let t=S.current;if(n.length<e){t&&t.scrollWidth<=t.clientWidth+1&&(t.scrollLeft=0);return}D===null&&x.current[K]?.scrollIntoView({block:`nearest`,inline:`nearest`})},X=[K,n.length,D],t[25]=K,t[26]=D,t[27]=n.length,t[28]=de,t[29]=X):(de=t[28],X=t[29]),v(de,X);let fe;t[30]===Symbol.for(`react.memo_cache_sentinel`)?(fe=(e,t)=>{x.current[e]=t},t[30]=fe):fe=t[30];let pe=fe,me;t[31]===ne?me=t[32]:(me=e=>j(ne,e),t[31]=ne,t[32]=me);let he=me,ge=c!==void 0,_e;if(t[33]!==K||t[34]!==he||t[35]!==D||t[36]!==q||t[37]!==ue||t[38]!==n||t[39]!==s||t[40]!==J||t[41]!==l){let e;t[43]!==K||t[44]!==he||t[45]!==D||t[46]!==q||t[47]!==ue||t[48]!==s||t[49]!==J||t[50]!==l?(e=(e,t)=>/* @__PURE__ */ (0,T.jsx)(M,{item:e,index:t,isActive:t===K,isFocusTarget:t===q,isDragging:e.id===D,tabId:he(e.id).tab,panelId:l===void 0?void 0:he(e.id).panel,canClose:s!==void 0,onSelect:J,onClose:e=>s?.(e),onKeyNav:ue,onFocusTab:R,registerRef:pe},e.id),t[43]=K,t[44]=he,t[45]=D,t[46]=q,t[47]=ue,t[48]=s,t[49]=J,t[50]=l,t[51]=e):e=t[51],_e=n.map(e),t[33]=K,t[34]=he,t[35]=D,t[36]=q,t[37]=ue,t[38]=n,t[39]=s,t[40]=J,t[41]=l,t[42]=_e}else _e=t[42];let ve=_e,Z;if(t[52]!==ge||t[53]!==n||t[54]!==J||t[55]!==E||t[56]!==ve){let e;t[58]!==ge||t[59]!==J||t[60]!==E||t[61]!==ve?(e=(e,t)=>ge?/* @__PURE__ */ (0,T.jsx)(te,{as:`div`,value:e.id,className:`grid shrink-0 overflow-hidden`,layout:!0,initial:!1,animate:{gridTemplateColumns:`minmax(0, 1fr)`},exit:E?void 0:{gridTemplateColumns:`minmax(0, 0fr)`},transition:E?{duration:0}:k,onDragStart:()=>N(e.id),onDragEnd:()=>{N(null),J(e.id)},children:/* @__PURE__ */ (0,T.jsx)(`div`,{className:`min-w-0`,children:ve[t]})},e.id):/* @__PURE__ */ (0,T.jsx)(A,{reduceMotion:E,children:ve[t]},e.id),t[58]=ge,t[59]=J,t[60]=E,t[61]=ve,t[62]=e):e=t[62],Z=n.map(e),t[52]=ge,t[53]=n,t[54]=J,t[55]=E,t[56]=ve,t[57]=Z}else Z=t[57];let ye;t[63]===Z?ye=t[64]:(ye=/* @__PURE__ */ (0,T.jsx)(d,{initial:!1,children:Z}),t[63]=Z,t[64]=ye);let be=ye,xe;t[65]!==u||t[66]!==ge||t[67]!==be||t[68]!==n||t[69]!==c?(xe=ge?/* @__PURE__ */ (0,T.jsx)(m,{as:`div`,axis:`x`,role:`tablist`,"aria-label":u,"aria-orientation":`horizontal`,values:n.map(P),onReorder:e=>c?.(e),layoutScroll:!0,className:`flex w-fit shrink-0 items-center gap-1`,children:be}):/* @__PURE__ */ (0,T.jsx)(`div`,{role:`tablist`,"aria-label":u,"aria-orientation":`horizontal`,className:`flex w-fit shrink-0 items-center gap-1`,children:be}),t[65]=u,t[66]=ge,t[67]=be,t[68]=n,t[69]=c,t[70]=xe):xe=t[70];let Se=xe,Ce;t[71]===f?Ce=t[72]:(Ce=o(`w-fit max-w-full min-w-0`,f),t[71]=f,t[72]=Ce);let Q;t[73]===Se?Q=t[74]:(Q=/* @__PURE__ */ (0,T.jsx)(y,{direction:`horizontal`,className:`min-w-0`,idleOverflow:`visible`,scrollContainerRef:S,children:Se}),t[73]=Se,t[74]=Q);let we;return t[75]!==h||t[76]!==Ce||t[77]!==Q?(we=/* @__PURE__ */ (0,T.jsx)(`div`,{className:Ce,"qa-test-id":h,children:Q}),t[75]=h,t[76]=Ce,t[77]=Q,t[78]=we):we=t[78],we}function P(e){return e.id}function F(e){return!e.disabled}function I(e){return!e.disabled}function L(e){let t=(0,w.c)(12),n,r,i,a;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4]):({className:r,children:n,qaTestId:a,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a);let s=a===void 0?`panel-header-add`:a,c;t[5]===r?c=t[6]:(c=o(`shrink-0`,r),t[5]=r,t[6]=c);let l;return t[7]!==n||t[8]!==i||t[9]!==s||t[10]!==c?(l=/* @__PURE__ */ (0,T.jsx)(`div`,{className:c,"qa-test-id":s,...i,children:n}),t[7]=n,t[8]=i,t[9]=s,t[10]=c,t[11]=l):l=t[11],l}function R(e){let t=(0,w.c)(6),n,r;t[0]===e?(n=t[1],r=t[2]):({qaTestId:r,...n}=e,t[0]=e,t[1]=n,t[2]=r);let i=r===void 0?`panel-artifact-toolbar`:r,a;return t[3]!==n||t[4]!==i?(a=/* @__PURE__ */ (0,T.jsx)(C.Artifact,{qaTestId:i,...n}),t[3]=n,t[4]=i,t[5]=a):a=t[5],a}function z(e){let t=(0,w.c)(6),n,r;t[0]===e?(n=t[1],r=t[2]):({qaTestId:r,...n}=e,t[0]=e,t[1]=n,t[2]=r);let i=r===void 0?`panel-app-toolbar`:r,a;return t[3]!==n||t[4]!==i?(a=/* @__PURE__ */ (0,T.jsx)(C.App,{qaTestId:i,...n}),t[3]=n,t[4]=i,t[5]=a):a=t[5],a}function B(e){let t=(0,w.c)(6),n,r;t[0]===e?(n=t[1],r=t[2]):({qaTestId:r,...n}=e,t[0]=e,t[1]=n,t[2]=r);let i=r===void 0?`panel-browser-toolbar`:r,a;return t[3]!==n||t[4]!==i?(a=/* @__PURE__ */ (0,T.jsx)(C.Browser,{qaTestId:i,...n}),t[3]=n,t[4]=i,t[5]=a):a=t[5],a}function V(e){let t=(0,w.c)(6),n,r;t[0]===e?(n=t[1],r=t[2]):({qaTestId:r,...n}=e,t[0]=e,t[1]=n,t[2]=r);let i=r===void 0?`panel-agent-toolbar`:r,a;return t[3]!==n||t[4]!==i?(a=/* @__PURE__ */ (0,T.jsx)(C.Agent,{qaTestId:i,...n}),t[3]=n,t[4]=i,t[5]=a):a=t[5],a}function H(e){let t=(0,w.c)(12),n,r,i,a;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4]):({className:r,children:n,qaTestId:a,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a);let s=a===void 0?`panel-header-toolbar`:a,c;t[5]===r?c=t[6]:(c=o(`flex min-h-9 items-center justify-between gap-2`,r),t[5]=r,t[6]=c);let l;return t[7]!==n||t[8]!==i||t[9]!==s||t[10]!==c?(l=/* @__PURE__ */ (0,T.jsx)(`div`,{className:c,"qa-test-id":s,...i,children:n}),t[7]=n,t[8]=i,t[9]=s,t[10]=c,t[11]=l):l=t[11],l}function U(e){return O.Children.toArray(e).flatMap(e=>(0,O.isValidElement)(e)&&e.type===O.Fragment?U(e.props.children):[e])}function W(e){let t,n,r;for(let i of U(e))(0,O.isValidElement)(i)&&(i.type===N?t=i:i.type===L?n=i:i.type===H&&(r=i));return{tabs:t,add:n,toolbar:r}}function G(e){let t=(0,w.c)(14),{isMaximized:n,onMaximize:r,onMinimize:i,maximizable:a,size:o}=e,s=n!==void 0&&n,c=a===void 0||a,{_:l}=g();if(!c)return null;if(s){if(!i)return null;let e;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(e={icon:S},t[0]=e):e=t[0];let n;t[1]===l?n=t[2]:(n=l({id:`Zkbr2n`}),t[1]=l,t[2]=n);let r;return t[3]!==i||t[4]!==o||t[5]!==n?(r=/* @__PURE__ */ (0,T.jsx)(h,{variant:`inverse`,size:o,prefix:e,onClick:i,"aria-label":n,"aria-pressed":!0}),t[3]=i,t[4]=o,t[5]=n,t[6]=r):r=t[6],r}if(!r)return null;let u;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(u={icon:x},t[7]=u):u=t[7];let d;t[8]===l?d=t[9]:(d=l({id:`E7oBZ5`}),t[8]=l,t[9]=d);let f;return t[10]!==r||t[11]!==o||t[12]!==d?(f=/* @__PURE__ */ (0,T.jsx)(h,{variant:`inverse`,size:o,prefix:u,onClick:r,"aria-label":d,"aria-pressed":!1}),t[10]=r,t[11]=o,t[12]=d,t[13]=f):f=t[13],f}function K(e){let t=(0,w.c)(56),{title:n,subtitle:r,icon:i,onClose:a,menu:s,actions:c,maximize:l,position:u,children:d,className:f,qaTestId:ee}=e,te=u===void 0?`right`:u,m=ee===void 0?`panel-header`:ee,{_}=g(),v;t[0]===d?v=t[1]:(v=W(d),t[0]=d,t[1]=v);let{tabs:y,add:x,toolbar:S}=v,C=l?.isMaximized??!1,E=l?.maximizable??!0,D=te===`right`;if(y){let e=y.props.items.length,n;t[2]!==E||t[3]!==l?(n=E?/* @__PURE__ */ (0,T.jsx)(`div`,{className:`shrink-0`,children:/* @__PURE__ */ (0,T.jsx)(G,{...l,size:`large`})}):null,t[2]=E,t[3]=l,t[4]=n):n=t[4];let r=n,i;t[5]===f?i=t[6]:(i=o(`flex w-full shrink-0 flex-col gap-2.5 border-b border-depth-black-4 p-4`,f),t[5]=f,t[6]=i);let a;t[7]!==x||t[8]!==e?(a=x?/* @__PURE__ */ (0,T.jsx)(`div`,{className:o(`shrink-0`,e>0&&`ml-2`),children:x}):null,t[7]=x,t[8]=e,t[9]=a):a=t[9];let s;t[10]!==a||t[11]!==y?(s=/* @__PURE__ */ (0,T.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center`,children:[y,a]}),t[10]=a,t[11]=y,t[12]=s):s=t[12];let c;t[13]!==r||t[14]!==s?(c=/* @__PURE__ */ (0,T.jsxs)(`div`,{className:`flex w-full min-w-0 items-center`,children:[s,r]}),t[13]=r,t[14]=s,t[15]=c):c=t[15];let u;return t[16]!==m||t[17]!==i||t[18]!==c||t[19]!==S?(u=/* @__PURE__ */ (0,T.jsxs)(`div`,{className:i,"qa-test-id":m,children:[c,S]}),t[16]=m,t[17]=i,t[18]=c,t[19]=S,t[20]=u):u=t[20],u}let O;t[21]===l?O=t[22]:(O=/* @__PURE__ */ (0,T.jsx)(G,{...l}),t[21]=l,t[22]=O);let k=O,A;t[23]!==_||t[24]!==a?(A=a?/* @__PURE__ */ (0,T.jsx)(h,{variant:`inverse`,prefix:{icon:ne},onClick:a,"aria-label":_({id:`mO95sp`})}):null,t[23]=_,t[24]=a,t[25]=A):A=t[25];let j=A,M;t[26]===f?M=t[27]:(M=o(`flex w-full items-center gap-6 p-4`,f),t[26]=f,t[27]=M);let N;t[28]!==j||t[29]!==C||t[30]!==D||t[31]!==k?(N=D?C?null:j:C?k:/* @__PURE__ */ (0,T.jsxs)(T.Fragment,{children:[j,k]}),t[28]=j,t[29]=C,t[30]=D,t[31]=k,t[32]=N):N=t[32];let P;t[33]===N?P=t[34]:(P=/* @__PURE__ */ (0,T.jsx)(`div`,{className:`flex items-center gap-0.5`,children:N}),t[33]=N,t[34]=P);let F;t[35]===i?F=t[36]:(F=i?/* @__PURE__ */ (0,T.jsx)(`div`,{className:`flex size-9 shrink-0 items-center justify-center rounded-xl bg-primary-light`,children:/* @__PURE__ */ (0,T.jsx)(i,{size:20,color:`icon-sub`})}):null,t[35]=i,t[36]=F);let I;t[37]!==r||t[38]!==n?(I=n||r?/* @__PURE__ */ (0,T.jsxs)(`div`,{className:`flex flex-col gap-0.5`,children:[n?/* @__PURE__ */ (0,T.jsx)(`p`,{className:`pui-text-label-medium text-text-sub`,children:n}):null,r?/* @__PURE__ */ (0,T.jsx)(`p`,{className:`pui-text-mono-small text-text-soft`,children:r}):null]}):null,t[37]=r,t[38]=n,t[39]=I):I=t[39];let L;t[40]!==I||t[41]!==F?(L=/* @__PURE__ */ (0,T.jsxs)(`div`,{className:`flex flex-1 items-center gap-2.5`,children:[F,I]}),t[40]=I,t[41]=F,t[42]=L):L=t[42];let R;t[43]!==_||t[44]!==s?(R=s?/* @__PURE__ */ (0,T.jsx)(p,{trigger:/* @__PURE__ */ (0,T.jsx)(h,{variant:`inverse`,prefix:{icon:b},"aria-label":_({id:`zucql-`})}),...s}):null,t[43]=_,t[44]=s,t[45]=R):R=t[45];let z=D?k:null,B;t[46]!==c||t[47]!==R||t[48]!==z?(B=/* @__PURE__ */ (0,T.jsxs)(`div`,{className:`flex items-center gap-1`,children:[c,R,z]}),t[46]=c,t[47]=R,t[48]=z,t[49]=B):B=t[49];let V;return t[50]!==m||t[51]!==L||t[52]!==B||t[53]!==M||t[54]!==P?(V=/* @__PURE__ */ (0,T.jsxs)(`div`,{className:M,"qa-test-id":m,children:[P,L,B]}),t[50]=m,t[51]=L,t[52]=B,t[53]=M,t[54]=P,t[55]=V):V=t[55],V}(function(e){e.Tabs=N,e.Add=L,e.Toolbar=H,e.ArtifactToolbar=R,e.AppToolbar=z,e.BrowserToolbar=B,e.AgentToolbar=V})(K||={});const re={x:`0%`,y:`0%`};function ie(e){return e===`left`?{x:`-100%`,y:`0%`}:e===`bottom`?{x:`0%`,y:`100%`}:{x:`100%`,y:`0%`}}const q=[30,50,70];function ae(e){return e.min<=e.max?e:{min:e.max,max:e.min}}function J({position:e=`right`,isOpen:r=!0,onClose:i,header:a,children:s,resizable:d=!0,resizeBehavior:te=`continuous`,onResizeStart:p,onCoverChange:m,onOccupyChange:h,onPresenceOverlayChange:g,keyboardStep:_=20,sizePercent:v,onSizeChange:ne,isMaximized:y,onMaximizeChange:b,className:x,contentClassName:S,containerRef:C,qaTestId:w=`panel`,...E}){let k=E.fluid,A=E.sizeConfig,j=k!==void 0,M=A?.breakpoints&&A.breakpoints.length>0?A.breakpoints:void 0,N=M??q,P=!j&&M!==void 0,F=k?ae(k):void 0,I=F?.min??Math.min(...N),L=F?.max??Math.max(...N),R=v!==void 0,z=y!==void 0,[B,V]=(0,O.useState)(()=>j?I:A?.default??I),H=R?v:B,[U,W]=(0,O.useState)(!1),G=(0,O.useRef)(null),[J,oe]=(0,O.useState)(null),[se,ce]=(0,O.useState)(!1),Y=z?y:se,[le,ue]=(0,O.useState)(!1),de=(0,O.useRef)(!1),X=(0,O.useRef)(null),fe=e===`bottom`,pe=e===`left`||e===`right`,me=C?`%`:pe?`vw`:`vh`,[he,ge]=(0,O.useState)(!1),[_e,ve]=(0,O.useState)(Y);_e!==Y&&(ve(Y),r&&_e&&!Y&&ge(!0)),he&&(!r||Y)&&ge(!1);let Z=r&&(Y||he||r&&_e&&!Y),ye=Y&&r,be=ee(),[xe,Se]=(0,O.useState)(!1),[Ce,Q]=(0,O.useState)(!1),[we,Te]=(0,O.useState)(r);we!==r&&(Te(r),r?(Se(!1),Q(!be&&!_e)):!_e&&!he?(Q(!1),Se(!be)):(Q(!1),Se(!1))),Ce&&(Z||!r)&&Q(!1);let Ee=r||xe,De=(Ce||xe)&&!Z,Oe=Z||De,ke=r?re:ie(e),Ae=f(ke.x),je=f(ke.y),Me=(0,O.useRef)(Oe);Me.current=Oe;let $=f(r?H:0),Ne=u($,e=>`${Math.min(100,Math.max(0,e))}${Me.current?`%`:me}`),Pe=(0,O.useRef)(!1),Fe=(0,O.useRef)(m);Fe.current=m;let Ie=(0,O.useRef)(null),Le=(0,O.useRef)(h);Le.current=h;let Re=(0,O.useRef)(null),ze=(0,O.useRef)(g);ze.current=g;let Be=(0,O.useRef)(null),Ve=()=>{if(C?.current){let t=C.current.getBoundingClientRect();return e===`bottom`?t.height:t.width}return e===`bottom`?window.innerHeight:window.innerWidth},He=()=>C?.current?C.current.getBoundingClientRect():new DOMRect(0,0,window.innerWidth,window.innerHeight),Ue=(0,O.useRef)(H);Ue.current=H,(0,O.useLayoutEffect)(()=>{!r&&!xe&&(oe(null),z||ce(!1))},[r,xe,z]);let We=(0,O.useRef)(0),Ge=()=>{let t=G.current;if(!t)return;let n=t.getBoundingClientRect();We.current=e===`bottom`?n.height:n.width};(0,O.useEffect)(()=>{if(!ye){ue(!1);return}let e=0,t=requestAnimationFrame(()=>{e=requestAnimationFrame(()=>{let e=Ve();e>0&&We.current>0&&$.jump(We.current/e*100),ue(!0)})});return()=>{cancelAnimationFrame(t),cancelAnimationFrame(e)}},[ye]),(0,O.useLayoutEffect)(()=>{Ie.current!==Z&&(Ie.current=Z,Fe.current?.(Z))},[Z]),(0,O.useLayoutEffect)(()=>{Re.current!==Ee&&(Re.current=Ee,Le.current?.(Ee))},[Ee]),(0,O.useLayoutEffect)(()=>{Be.current!==De&&(Be.current=De,ze.current?.(De))},[De]);let Ke=()=>{Ge(),z?b?.(!0):ce(!0)},qe=()=>{z?b?.(!1):ce(!1)},Je=(0,O.useRef)(null),Ye=e=>N.reduce((t,n)=>Math.abs(e-n)<Math.abs(e-t)?n:t),Xe=(e,t)=>{let n=Je.current?.bounds;return n?e<n.left||e>n.right||t<n.top||t>n.bottom:!1},Ze=e=>{let t=Je.current;if(!t)return;let n=t.pendingSize,r=P?Ye(n):n,i=e?.pointerId??t.pointerId,a=t.handle;Je.current=null,de.current=!0,$.jump(r),a.hasPointerCapture(i)&&a.releasePointerCapture(i),R||V(r),ne?.(r),W(!1)},Qe=t=>{t.preventDefault(),p?.(),t.currentTarget.focus();let n=G.current,r=Ve(),i=H;if(n){let e=n.getBoundingClientRect(),t=fe?e.height:e.width;r>0&&(i=t/r*100)}X.current?.stop(),X.current=null,$.jump(i),W(!0);let a=t.currentTarget;Je.current={pos:e===`bottom`?t.clientY:t.clientX,size:i,pendingSize:i,bounds:He(),referenceSize:r,pointerId:t.pointerId,handle:a},a.setPointerCapture(t.pointerId)},$e=t=>{if(!Je.current)return;if(t.buttons===0){Ze(t);return}if(Xe(t.clientX,t.clientY)){Ze(t);return}let n=e===`bottom`?t.clientY:t.clientX,r=(Je.current.pos-n)/Je.current.referenceSize*100,i=e===`left`?-r:r,a=Math.max(I,Math.min(L,Je.current.size+i));Je.current.pendingSize=a,$.jump(a),te!==`commit`&&(R?ne?.(a):V(a))},et=e=>{Ze(e)},tt=Ee?H:0;(0,O.useLayoutEffect)(()=>{let i=t=>{let n=t?ie(e):re;Ae.jump(n.x),je.jump(n.y)},a=n=>{if(be)return i(n),null;let r=n?ie(e):re;return e===`bottom`?(Ae.jump(`0%`),l(je,r.y,t)):(je.jump(`0%`),l(Ae,r.x,t))};if(Z&&i(!1),ye){if(Pe.current=!0,!le)return;let e=l($,100,{...t,bounce:0});return X.current=e,e.then(()=>oe(null)),()=>{e.stop(),X.current===e&&(X.current=null)}}if(he){Pe.current=!0;let e=l($,H,t);return X.current=e,e.then(()=>{ge(!1),oe(null)}),()=>{e.stop(),X.current===e&&(X.current=null)}}if(Pe.current){Pe.current=!1,$.jump(tt),i(!1);return}if(!U){if(de.current){de.current=!1,$.jump(tt);return}if(Ce){$.jump(H),i(!0);let e=a(!1);if(!e){Q(!1);return}return e.then(()=>Q(!1)),()=>e.stop()}if(xe){if(be){$.jump(0),i(!0),Se(!1);return}$.jump(H);let e=a(!0);if(!e){$.jump(0),Se(!1);return}return e.then(()=>{Se(!1),$.jump(0)}),()=>e.stop()}if(Ee&&r&&!De){if(Math.abs($.get()-H)<.05)return;let e=l($,H,n);return X.current=e,()=>{e.stop(),X.current===e&&(X.current=null)}}$.jump(0),i(!0)}},[ye,he,le,U,r,Ee,H,tt,$,e,be,Ae,je,Z,De,Ce,xe]);let nt=Oe?e===`right`?{position:`absolute`,top:0,right:0,bottom:0,left:`auto`,maxWidth:`100%`}:e===`left`?{position:`absolute`,top:0,left:0,bottom:0,right:`auto`,maxWidth:`100%`}:{position:`absolute`,left:0,right:0,bottom:0,top:`auto`,maxHeight:`100%`}:void 0,rt=a?.title??`Panel`,it=J==null?void 0:fe?{width:`100%`,height:J,contain:`layout style paint`}:{width:J,height:`100%`,contain:`layout style paint`};return/* @__PURE__ */ (0,T.jsxs)(c.div,{ref:G,role:`region`,"aria-label":rt,"qa-test-id":w,"data-covering":Z?`true`:`false`,"data-occupying":Ee?`true`:`false`,"data-exiting":xe?`true`:`false`,"data-presence-overlay":De?`true`:`false`,className:o(Oe?o(`z-50 overflow-hidden`,e===`right`&&`inset-y-0 right-0`,e===`left`&&`inset-y-0 left-0`,e===`bottom`&&`inset-x-0 bottom-0`):`relative z-10 shrink-0`,fe?`w-full`:`h-full`,`min-h-0 min-w-0`,U&&`select-none`,!r&&`pointer-events-none`,x),style:{...ye&&!le&&We.current>0?pe?{width:We.current}:{height:We.current}:pe?{width:Ne}:{height:Ne},x:Ae,y:je,...nt},initial:!1,children:[d&&r&&!Oe?/* @__PURE__ */ (0,T.jsx)(D,{position:e,isDragging:U,keyboardStep:_,onKeyboardResize:e=>{p?.();let t=e===`min`?I:e===`max`?L:Math.max(I,Math.min(L,H+e));t!==H&&(R||V(t),ne?.(t))},onPointerDown:Qe,onPointerMove:$e,onPointerUp:et,onPointerCancel:et,onLostPointerCapture:et}):null,/* @__PURE__ */ (0,T.jsx)(`div`,{className:o(`flex h-full w-full flex-col overflow-hidden bg-base-inverse`,e===`bottom`&&`border-t border-depth-black-4`,e===`right`&&`border-l border-depth-black-4`,e===`left`&&`border-r border-depth-black-4`),children:/* @__PURE__ */ (0,T.jsxs)(`div`,{className:o(`flex h-full min-h-0 min-w-0 flex-col`,J==null?`w-full`:`shrink-0`),style:it,children:[a?/* @__PURE__ */ (0,T.jsx)(K,{...a,position:e,onClose:i,maximize:`maximize`in a&&a.maximize?{...a.maximize,isMaximized:Y,onMaximize:Ke,onMinimize:qe}:{isMaximized:Y,onMaximize:Ke,onMinimize:qe,maximizable:!0}}):null,/* @__PURE__ */ (0,T.jsx)(`div`,{className:o(`min-h-0 min-w-0 flex-1 shrink-0`,S),children:s})]})})]})}export{q as DEFAULT_BREAKPOINTS,E as DEFAULT_KEYBOARD_STEP,D as DragHandle,J as Panel,K as PanelHeader,C as Toolbar,ae as normalizePanelFluidConfig,j as panelTabDomIds};
+import{a as e}from"../../_chunks/rolldown-runtime-B0Z9INg1.js";import{p as t,v as n}from"../../_chunks/transitions-Cn0Tw_ua.js";import{t as r}from"../../_chunks/react-BcFqt3h5.js";import{t as i}from"../../_chunks/compiler-runtime-Br_I-bNG.js";import{t as a}from"../../_chunks/jsx-runtime-CNz6huh3.js";import{t as o}from"../../_chunks/dist-hovC-tlK.js";import{t as s}from"../../_chunks/Prefix-BViDbvC8.js";import{n as c}from"../../_chunks/react-pnTbDyGB.js";import{t as l}from"../../_chunks/animate-CMqquAtC.js";import{t as u}from"../../_chunks/use-transform-CtOrvb1o.js";import{t as d}from"../../_chunks/AnimatePresence-CY5fQQqM.js";import{t as f}from"../../_chunks/use-motion-value-DAF-gA5n.js";import{t as ee}from"../../_chunks/use-reduced-motion-BCblJBd0.js";import{l as te,n as p,u as m}from"../../_chunks/ListItem-BEsemrjG.js";import{t as h}from"../../_chunks/Button-B8Eru7h_.js";import{i as g}from"../../_chunks/dist-ByhcWgyI.js";import{t as _}from"../../_chunks/ButtonInset-DtGelXxZ.js";import{a as v}from"../../_chunks/dist-DtmZ8paD.js";import{t as ne}from"../../_chunks/CloseIcon-nIS97eJC.js";import{t as y}from"../../_chunks/ScrollGradientWrapper-BPLAmhnz.js";import{t as b}from"../../_chunks/DotsHorizontalIcon-CDL3yTlr.js";import{t as x}from"../../_chunks/Maximize2Icon-D-TCG5F1.js";import{t as S}from"../../_chunks/Minimize2Icon-Dhgjx5Jy.js";import{t as C}from"../../_chunks/Toolbar-BLOMSzl7.js";var w=i(),T=/* @__PURE__ */ e(a(),1);const E=20;function D(e){let t=(0,w.c)(35),n,r,i,a,s,c,l;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],s=t[5],c=t[6],l=t[7]):({position:a,isDragging:r,keyboardStep:c,onKeyboardResize:i,className:n,qaTestId:l,...s}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=s,t[6]=c,t[7]=l);let u=c===void 0?20:c,d=l===void 0?`drag-handle`:l,f=a===`bottom`,ee;t[8]!==f||t[9]!==u||t[10]!==i||t[11]!==a?(ee=e=>{let t=null;bb10:switch(e.key){case`ArrowUp`:f&&(t=u);break bb10;case`ArrowDown`:f&&(t=-u);break bb10;case`ArrowRight`:f||(t=a===`right`?-u:u);break bb10;case`ArrowLeft`:f||(t=a===`right`?u:-u);break bb10;case`Home`:t=`min`;break bb10;case`End`:t=`max`}t!==null&&(e.preventDefault(),i(t))},t[8]=f,t[9]=u,t[10]=i,t[11]=a,t[12]=ee):ee=t[12];let te=ee,p=a===`bottom`&&`top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 cursor-ns-resize`,m=a===`right`&&`top-1/2 left-0 -translate-x-1/2 -translate-y-1/2 cursor-ew-resize`,h=a===`left`&&`top-1/2 right-0 translate-x-1/2 -translate-y-1/2 cursor-ew-resize`,g;t[13]!==n||t[14]!==p||t[15]!==m||t[16]!==h?(g=o(`group absolute z-10 flex h-8 w-8 items-center justify-center`,`appearance-none border-none bg-transparent p-0 focus:outline-none`,p,m,h,n),t[13]=n,t[14]=p,t[15]=m,t[16]=h,t[17]=g):g=t[17];let _=f?`h-3 w-8`:`h-8 w-3`,v;t[18]===_?v=t[19]:(v=o(`flex items-center justify-center rounded-full bg-base-inverse`,_),t[18]=_,t[19]=v);let ne=r&&`opacity-100`,y=f?`h-1 w-6`:`h-6 w-1`,b;t[20]!==ne||t[21]!==y?(b=o(`rounded-full bg-depth-black-16 transition-opacity duration-200`,`group-hover:opacity-70`,ne,y),t[20]=ne,t[21]=y,t[22]=b):b=t[22];let x;t[23]===Symbol.for(`react.memo_cache_sentinel`)?(x={transform:`translate3d(0, 0, 0)`,backfaceVisibility:`hidden`,willChange:`opacity`},t[23]=x):x=t[23];let S;t[24]===b?S=t[25]:(S=/* @__PURE__ */ (0,T.jsx)(`div`,{className:b,style:x}),t[24]=b,t[25]=S);let C;t[26]!==S||t[27]!==v?(C=/* @__PURE__ */ (0,T.jsx)(`div`,{className:v,children:S}),t[26]=S,t[27]=v,t[28]=C):C=t[28];let E;return t[29]!==te||t[30]!==s||t[31]!==d||t[32]!==C||t[33]!==g?(E=/* @__PURE__ */ (0,T.jsx)(`button`,{type:`button`,"aria-label":`Resize panel`,"qa-test-id":d,...s,onKeyDown:te,className:g,children:C}),t[29]=te,t[30]=s,t[31]=d,t[32]=C,t[33]=g,t[34]=E):E=t[34],E}var O=/* @__PURE__ */ e(r(),1);const k={duration:.15,ease:[.645,.045,.355,1]};function A(e){let t=(0,w.c)(11),{reduceMotion:n,children:r}=e,i;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(i={gridTemplateColumns:`minmax(0, 1fr)`},t[0]=i):i=t[0];let a;t[1]===n?a=t[2]:(a=n?void 0:{gridTemplateColumns:`minmax(0, 0fr)`},t[1]=n,t[2]=a);let o;t[3]===n?o=t[4]:(o=n?{duration:0}:k,t[3]=n,t[4]=o);let s;t[5]===r?s=t[6]:(s=/* @__PURE__ */ (0,T.jsx)(`div`,{className:`min-w-0 overflow-hidden`,children:r}),t[5]=r,t[6]=s);let l;return t[7]!==a||t[8]!==o||t[9]!==s?(l=/* @__PURE__ */ (0,T.jsx)(c.div,{className:`grid shrink-0 overflow-hidden`,initial:!1,animate:i,exit:a,transition:o,children:s}),t[7]=a,t[8]=o,t[9]=s,t[10]=l):l=t[10],l}function j(e,t){let n=t.replace(/[^\w-]/g,`-`);return{tab:`${e}-tab-${n}`,panel:`${e}-panel-${n}`}}function M(e){let t=(0,w.c)(50),{item:n,isActive:r,isDragging:i,isFocusTarget:a,tabId:c,panelId:l,canClose:u,onSelect:d,onClose:f,onKeyNav:ee,onFocusTab:te,registerRef:p,index:m}=e,{_:h}=g(),[v,y]=(0,O.useState)(!1),b;t[0]!==h||t[1]!==n.label?(b=h({id:`WbUtOC`,values:{label:n.label}}),t[0]=h,t[1]=n.label,t[2]=b):b=t[2];let x=b,S=n.disabled??!1,C=u&&!S,E=i&&`z-10 cursor-grabbing [&_*]:cursor-grabbing`,D;t[3]===E?D=t[4]:(D=o(`relative flex shrink-0 items-center`,E),t[3]=E,t[4]=D);let k,A,j,M;t[5]===Symbol.for(`react.memo_cache_sentinel`)?(k=()=>y(!0),A=()=>y(!1),j=()=>y(!0),M=()=>y(!1),t[5]=k,t[6]=A,t[7]=j,t[8]=M):(k=t[5],A=t[6],j=t[7],M=t[8]);let N;t[9]!==m||t[10]!==p?(N=e=>p(m,e),t[9]=m,t[10]=p,t[11]=N):N=t[11];let P=S||void 0,F=a?0:-1,I;t[12]!==S||t[13]!==n.id||t[14]!==d?(I=()=>{S||d(n.id)},t[12]=S,t[13]=n.id,t[14]=d,t[15]=I):I=t[15];let L;t[16]!==n.id||t[17]!==te?(L=()=>te(n.id),t[16]=n.id,t[17]=te,t[18]=L):L=t[18];let R=r||v?`bg-depth-black-4`:`bg-depth-black-0`,z=r||v?`text-text-sub`:`text-text-soft`,B=S?`cursor-not-allowed opacity-50`:`cursor-pointer active:cursor-grabbing`,V;t[19]!==R||t[20]!==z||t[21]!==B?(V=o(`pui-text-label-medium flex h-10 w-fit max-w-50 items-center rounded-xl py-2 pl-2.5`,`focus-visible:outline-none`,`pr-8`,R,z,B,`transition-[background-color,color] duration-150 ease-out`),t[19]=R,t[20]=z,t[21]=B,t[22]=V):V=t[22];let H;t[23]===n.prefix?H=t[24]:(H=n.prefix?/* @__PURE__ */ (0,T.jsx)(s,{...n.prefix,"aria-hidden":!0,className:`size-5 shrink-0`}):null,t[23]=n.prefix,t[24]=H);let U;t[25]===n.label?U=t[26]:(U=/* @__PURE__ */ (0,T.jsx)(`span`,{className:`min-w-0 truncate px-1.5 text-left`,children:n.label}),t[25]=n.label,t[26]=U);let W;t[27]!==r||t[28]!==S||t[29]!==ee||t[30]!==l||t[31]!==F||t[32]!==I||t[33]!==L||t[34]!==V||t[35]!==H||t[36]!==U||t[37]!==N||t[38]!==P||t[39]!==c?(W=/* @__PURE__ */ (0,T.jsxs)(`button`,{ref:N,type:`button`,role:`tab`,id:c,"aria-controls":l,"aria-selected":r,"aria-disabled":P,tabIndex:F,disabled:S,onClick:I,onFocus:L,onKeyDown:ee,className:V,children:[H,U]}),t[27]=r,t[28]=S,t[29]=ee,t[30]=l,t[31]=F,t[32]=I,t[33]=L,t[34]=V,t[35]=H,t[36]=U,t[37]=N,t[38]=P,t[39]=c,t[40]=W):W=t[40];let G;t[41]!==C||t[42]!==x||t[43]!==n.id||t[44]!==f?(G=C?/* @__PURE__ */ (0,T.jsx)(`div`,{className:`absolute right-2`,children:/* @__PURE__ */ (0,T.jsx)(_,{icon:ne,variant:`inverse`,iconSize:16,color:`icon-soft`,"aria-label":x,onClick:()=>f(n.id)})}):null,t[41]=C,t[42]=x,t[43]=n.id,t[44]=f,t[45]=G):G=t[45];let K;return t[46]!==W||t[47]!==G||t[48]!==D?(K=/* @__PURE__ */ (0,T.jsxs)(`div`,{role:`presentation`,className:D,onMouseEnter:k,onMouseLeave:A,onFocus:j,onBlur:M,children:[W,G]}),t[46]=W,t[47]=G,t[48]=D,t[49]=K):K=t[49],K}function N(e){let t=(0,w.c)(79),{items:n,value:r,defaultValue:i,onChange:a,onClose:s,onReorder:c,idBase:l,ariaLabel:u,className:f,qaTestId:p}=e,h=p===void 0?`panel-header-tabs`:p,g=r!==void 0,_=(0,O.useId)(),ne=l??_,b;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(b=[],t[0]=b):b=t[0];let x=(0,O.useRef)(b),S=(0,O.useRef)(null),C=(0,O.useRef)(n.length),E=ee(),[D,N]=(0,O.useState)(null),[L,R]=(0,O.useState)(null),z;t[1]===n?z=t[2]:(z=(n.find(I)??n[0])?.id,t[1]=n,t[2]=z);let[B,V]=(0,O.useState)(i??z),H=g?r:B,U;t[3]===H?U=t[4]:(U=e=>e.id===H,t[3]=H,t[4]=U);let W=n.findIndex(U),G;t[5]!==n||t[6]!==W?(G=W>=0?W:n.findIndex(F),t[5]=n,t[6]=W,t[7]=G):G=t[7];let K=G,re;t[8]!==L||t[9]!==n?(re=L===null?-1:n.findIndex(e=>e.id===L),t[8]=L,t[9]=n,t[10]=re):re=t[10];let ie=re,q=ie>=0?ie:K,ae;t[11]!==g||t[12]!==a?(ae=e=>{g||V(e),a?.(e)},t[11]=g,t[12]=a,t[13]=ae):ae=t[13];let J=ae,oe;t[14]===n?oe=t[15]:(oe=(e,t)=>{for(let r=t+e;r>=0&&r<n.length;r+=e){let e=n[r];if(e&&!e.disabled){R(e.id),x.current[r]?.focus();return}}},t[14]=n,t[15]=oe);let se=oe,ce;t[16]!==n.length||t[17]!==se?(ce=e=>{e===`first`?se(1,-1):se(-1,n.length)},t[16]=n.length,t[17]=se,t[18]=ce):ce=t[18];let Y=ce,le;t[19]!==Y||t[20]!==q||t[21]!==n||t[22]!==se||t[23]!==s?(le=e=>{bb81:switch(e.key){case`ArrowRight`:e.preventDefault(),se(1,q);break bb81;case`ArrowLeft`:e.preventDefault(),se(-1,q);break bb81;case`Home`:e.preventDefault(),Y(`first`);break bb81;case`End`:e.preventDefault(),Y(`last`);break bb81;case`Delete`:case`Backspace`:{if(!s)break bb81;let t=n[q];if(!t||t.disabled===!0)break bb81;e.preventDefault(),s(t.id);break bb81}}},t[19]=Y,t[20]=q,t[21]=n,t[22]=se,t[23]=s,t[24]=le):le=t[24];let ue=le,de,X;t[25]!==K||t[26]!==D||t[27]!==n.length?(de=()=>{if(K<0)return;let e=C.current;C.current=n.length;let t=S.current;if(n.length<e){t&&t.scrollWidth<=t.clientWidth+1&&(t.scrollLeft=0);return}D===null&&x.current[K]?.scrollIntoView({block:`nearest`,inline:`nearest`})},X=[K,n.length,D],t[25]=K,t[26]=D,t[27]=n.length,t[28]=de,t[29]=X):(de=t[28],X=t[29]),v(de,X);let fe;t[30]===Symbol.for(`react.memo_cache_sentinel`)?(fe=(e,t)=>{x.current[e]=t},t[30]=fe):fe=t[30];let pe=fe,me;t[31]===ne?me=t[32]:(me=e=>j(ne,e),t[31]=ne,t[32]=me);let he=me,ge=c!==void 0,_e;if(t[33]!==K||t[34]!==he||t[35]!==D||t[36]!==q||t[37]!==ue||t[38]!==n||t[39]!==s||t[40]!==J||t[41]!==l){let e;t[43]!==K||t[44]!==he||t[45]!==D||t[46]!==q||t[47]!==ue||t[48]!==s||t[49]!==J||t[50]!==l?(e=(e,t)=>/* @__PURE__ */ (0,T.jsx)(M,{item:e,index:t,isActive:t===K,isFocusTarget:t===q,isDragging:e.id===D,tabId:he(e.id).tab,panelId:l===void 0?void 0:he(e.id).panel,canClose:s!==void 0,onSelect:J,onClose:e=>s?.(e),onKeyNav:ue,onFocusTab:R,registerRef:pe},e.id),t[43]=K,t[44]=he,t[45]=D,t[46]=q,t[47]=ue,t[48]=s,t[49]=J,t[50]=l,t[51]=e):e=t[51],_e=n.map(e),t[33]=K,t[34]=he,t[35]=D,t[36]=q,t[37]=ue,t[38]=n,t[39]=s,t[40]=J,t[41]=l,t[42]=_e}else _e=t[42];let ve=_e,Z;if(t[52]!==ge||t[53]!==n||t[54]!==J||t[55]!==E||t[56]!==ve){let e;t[58]!==ge||t[59]!==J||t[60]!==E||t[61]!==ve?(e=(e,t)=>ge?/* @__PURE__ */ (0,T.jsx)(te,{as:`div`,value:e.id,className:`grid shrink-0 overflow-hidden`,layout:!0,initial:!1,animate:{gridTemplateColumns:`minmax(0, 1fr)`},exit:E?void 0:{gridTemplateColumns:`minmax(0, 0fr)`},transition:E?{duration:0}:k,onDragStart:()=>N(e.id),onDragEnd:()=>{N(null),J(e.id)},children:/* @__PURE__ */ (0,T.jsx)(`div`,{className:`min-w-0`,children:ve[t]})},e.id):/* @__PURE__ */ (0,T.jsx)(A,{reduceMotion:E,children:ve[t]},e.id),t[58]=ge,t[59]=J,t[60]=E,t[61]=ve,t[62]=e):e=t[62],Z=n.map(e),t[52]=ge,t[53]=n,t[54]=J,t[55]=E,t[56]=ve,t[57]=Z}else Z=t[57];let ye;t[63]===Z?ye=t[64]:(ye=/* @__PURE__ */ (0,T.jsx)(d,{initial:!1,children:Z}),t[63]=Z,t[64]=ye);let be=ye,xe;t[65]!==u||t[66]!==ge||t[67]!==be||t[68]!==n||t[69]!==c?(xe=ge?/* @__PURE__ */ (0,T.jsx)(m,{as:`div`,axis:`x`,role:`tablist`,"aria-label":u,"aria-orientation":`horizontal`,values:n.map(P),onReorder:e=>c?.(e),layoutScroll:!0,className:`flex w-fit shrink-0 items-center gap-1`,children:be}):/* @__PURE__ */ (0,T.jsx)(`div`,{role:`tablist`,"aria-label":u,"aria-orientation":`horizontal`,className:`flex w-fit shrink-0 items-center gap-1`,children:be}),t[65]=u,t[66]=ge,t[67]=be,t[68]=n,t[69]=c,t[70]=xe):xe=t[70];let Se=xe,Ce;t[71]===f?Ce=t[72]:(Ce=o(`w-fit max-w-full min-w-0`,f),t[71]=f,t[72]=Ce);let Q;t[73]===Se?Q=t[74]:(Q=/* @__PURE__ */ (0,T.jsx)(y,{direction:`horizontal`,className:`min-w-0`,idleOverflow:`visible`,scrollContainerRef:S,children:Se}),t[73]=Se,t[74]=Q);let we;return t[75]!==h||t[76]!==Ce||t[77]!==Q?(we=/* @__PURE__ */ (0,T.jsx)(`div`,{className:Ce,"qa-test-id":h,children:Q}),t[75]=h,t[76]=Ce,t[77]=Q,t[78]=we):we=t[78],we}function P(e){return e.id}function F(e){return!e.disabled}function I(e){return!e.disabled}function L(e){let t=(0,w.c)(12),n,r,i,a;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4]):({className:r,children:n,qaTestId:a,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a);let s=a===void 0?`panel-header-add`:a,c;t[5]===r?c=t[6]:(c=o(`shrink-0`,r),t[5]=r,t[6]=c);let l;return t[7]!==n||t[8]!==i||t[9]!==s||t[10]!==c?(l=/* @__PURE__ */ (0,T.jsx)(`div`,{className:c,"qa-test-id":s,...i,children:n}),t[7]=n,t[8]=i,t[9]=s,t[10]=c,t[11]=l):l=t[11],l}function R(e){let t=(0,w.c)(6),n,r;t[0]===e?(n=t[1],r=t[2]):({qaTestId:r,...n}=e,t[0]=e,t[1]=n,t[2]=r);let i=r===void 0?`panel-artifact-toolbar`:r,a;return t[3]!==n||t[4]!==i?(a=/* @__PURE__ */ (0,T.jsx)(C.Artifact,{qaTestId:i,...n}),t[3]=n,t[4]=i,t[5]=a):a=t[5],a}function z(e){let t=(0,w.c)(6),n,r;t[0]===e?(n=t[1],r=t[2]):({qaTestId:r,...n}=e,t[0]=e,t[1]=n,t[2]=r);let i=r===void 0?`panel-app-toolbar`:r,a;return t[3]!==n||t[4]!==i?(a=/* @__PURE__ */ (0,T.jsx)(C.App,{qaTestId:i,...n}),t[3]=n,t[4]=i,t[5]=a):a=t[5],a}function B(e){let t=(0,w.c)(6),n,r;t[0]===e?(n=t[1],r=t[2]):({qaTestId:r,...n}=e,t[0]=e,t[1]=n,t[2]=r);let i=r===void 0?`panel-browser-toolbar`:r,a;return t[3]!==n||t[4]!==i?(a=/* @__PURE__ */ (0,T.jsx)(C.Browser,{qaTestId:i,...n}),t[3]=n,t[4]=i,t[5]=a):a=t[5],a}function V(e){let t=(0,w.c)(6),n,r;t[0]===e?(n=t[1],r=t[2]):({qaTestId:r,...n}=e,t[0]=e,t[1]=n,t[2]=r);let i=r===void 0?`panel-agent-toolbar`:r,a;return t[3]!==n||t[4]!==i?(a=/* @__PURE__ */ (0,T.jsx)(C.Agent,{qaTestId:i,...n}),t[3]=n,t[4]=i,t[5]=a):a=t[5],a}function H(e){let t=(0,w.c)(12),n,r,i,a;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4]):({className:r,children:n,qaTestId:a,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a);let s=a===void 0?`panel-header-toolbar`:a,c;t[5]===r?c=t[6]:(c=o(`flex min-h-9 items-center justify-between gap-2`,r),t[5]=r,t[6]=c);let l;return t[7]!==n||t[8]!==i||t[9]!==s||t[10]!==c?(l=/* @__PURE__ */ (0,T.jsx)(`div`,{className:c,"qa-test-id":s,...i,children:n}),t[7]=n,t[8]=i,t[9]=s,t[10]=c,t[11]=l):l=t[11],l}function U(e){return O.Children.toArray(e).flatMap(e=>(0,O.isValidElement)(e)&&e.type===O.Fragment?U(e.props.children):[e])}function W(e){let t,n,r;for(let i of U(e))(0,O.isValidElement)(i)&&(i.type===N?t=i:i.type===L?n=i:i.type===H&&(r=i));return{tabs:t,add:n,toolbar:r}}function G(e){let t=(0,w.c)(14),{isMaximized:n,onMaximize:r,onMinimize:i,maximizable:a,size:o}=e,s=n!==void 0&&n,c=a===void 0||a,{_:l}=g();if(!c)return null;if(s){if(!i)return null;let e;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(e={icon:S},t[0]=e):e=t[0];let n;t[1]===l?n=t[2]:(n=l({id:`Zkbr2n`}),t[1]=l,t[2]=n);let r;return t[3]!==i||t[4]!==o||t[5]!==n?(r=/* @__PURE__ */ (0,T.jsx)(h,{variant:`inverse`,size:o,prefix:e,onClick:i,"aria-label":n,"aria-pressed":!0}),t[3]=i,t[4]=o,t[5]=n,t[6]=r):r=t[6],r}if(!r)return null;let u;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(u={icon:x},t[7]=u):u=t[7];let d;t[8]===l?d=t[9]:(d=l({id:`E7oBZ5`}),t[8]=l,t[9]=d);let f;return t[10]!==r||t[11]!==o||t[12]!==d?(f=/* @__PURE__ */ (0,T.jsx)(h,{variant:`inverse`,size:o,prefix:u,onClick:r,"aria-label":d,"aria-pressed":!1}),t[10]=r,t[11]=o,t[12]=d,t[13]=f):f=t[13],f}function K(e){let t=(0,w.c)(56),{title:n,subtitle:r,icon:i,onClose:a,menu:s,actions:c,maximize:l,position:u,children:d,className:f,qaTestId:ee}=e,te=u===void 0?`right`:u,m=ee===void 0?`panel-header`:ee,{_}=g(),v;t[0]===d?v=t[1]:(v=W(d),t[0]=d,t[1]=v);let{tabs:y,add:x,toolbar:S}=v,C=l?.isMaximized??!1,E=l?.maximizable??!0,D=te===`right`;if(y){let e=y.props.items.length,n;t[2]!==E||t[3]!==l?(n=E?/* @__PURE__ */ (0,T.jsx)(`div`,{className:`shrink-0`,children:/* @__PURE__ */ (0,T.jsx)(G,{...l,size:`large`})}):null,t[2]=E,t[3]=l,t[4]=n):n=t[4];let r=n,i;t[5]===f?i=t[6]:(i=o(`flex w-full shrink-0 flex-col gap-2.5 border-b border-depth-black-4 p-4`,f),t[5]=f,t[6]=i);let a;t[7]!==x||t[8]!==e?(a=x?/* @__PURE__ */ (0,T.jsx)(`div`,{className:o(`shrink-0`,e>0&&`ml-2`),children:x}):null,t[7]=x,t[8]=e,t[9]=a):a=t[9];let s;t[10]!==a||t[11]!==y?(s=/* @__PURE__ */ (0,T.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center`,children:[y,a]}),t[10]=a,t[11]=y,t[12]=s):s=t[12];let c;t[13]!==r||t[14]!==s?(c=/* @__PURE__ */ (0,T.jsxs)(`div`,{className:`flex w-full min-w-0 items-center`,children:[s,r]}),t[13]=r,t[14]=s,t[15]=c):c=t[15];let u;return t[16]!==m||t[17]!==i||t[18]!==c||t[19]!==S?(u=/* @__PURE__ */ (0,T.jsxs)(`div`,{className:i,"qa-test-id":m,children:[c,S]}),t[16]=m,t[17]=i,t[18]=c,t[19]=S,t[20]=u):u=t[20],u}let O;t[21]===l?O=t[22]:(O=/* @__PURE__ */ (0,T.jsx)(G,{...l}),t[21]=l,t[22]=O);let k=O,A;t[23]!==_||t[24]!==a?(A=a?/* @__PURE__ */ (0,T.jsx)(h,{variant:`inverse`,prefix:{icon:ne},onClick:a,"aria-label":_({id:`mO95sp`})}):null,t[23]=_,t[24]=a,t[25]=A):A=t[25];let j=A,M;t[26]===f?M=t[27]:(M=o(`flex w-full items-center gap-6 p-4`,f),t[26]=f,t[27]=M);let N;t[28]!==j||t[29]!==C||t[30]!==D||t[31]!==k?(N=D?C?null:j:C?k:/* @__PURE__ */ (0,T.jsxs)(T.Fragment,{children:[j,k]}),t[28]=j,t[29]=C,t[30]=D,t[31]=k,t[32]=N):N=t[32];let P;t[33]===N?P=t[34]:(P=/* @__PURE__ */ (0,T.jsx)(`div`,{className:`flex items-center gap-0.5`,children:N}),t[33]=N,t[34]=P);let F;t[35]===i?F=t[36]:(F=i?/* @__PURE__ */ (0,T.jsx)(`div`,{className:`flex size-9 shrink-0 items-center justify-center rounded-xl bg-primary-light`,children:/* @__PURE__ */ (0,T.jsx)(i,{size:20,color:`icon-sub`})}):null,t[35]=i,t[36]=F);let I;t[37]!==r||t[38]!==n?(I=n||r?/* @__PURE__ */ (0,T.jsxs)(`div`,{className:`flex flex-col gap-0.5`,children:[n?/* @__PURE__ */ (0,T.jsx)(`p`,{className:`pui-text-label-medium text-text-sub`,children:n}):null,r?/* @__PURE__ */ (0,T.jsx)(`p`,{className:`pui-text-mono-small text-text-soft`,children:r}):null]}):null,t[37]=r,t[38]=n,t[39]=I):I=t[39];let L;t[40]!==I||t[41]!==F?(L=/* @__PURE__ */ (0,T.jsxs)(`div`,{className:`flex flex-1 items-center gap-2.5`,children:[F,I]}),t[40]=I,t[41]=F,t[42]=L):L=t[42];let R;t[43]!==_||t[44]!==s?(R=s?/* @__PURE__ */ (0,T.jsx)(p,{trigger:/* @__PURE__ */ (0,T.jsx)(h,{variant:`inverse`,prefix:{icon:b},"aria-label":_({id:`zucql-`})}),...s}):null,t[43]=_,t[44]=s,t[45]=R):R=t[45];let z=D?k:null,B;t[46]!==c||t[47]!==R||t[48]!==z?(B=/* @__PURE__ */ (0,T.jsxs)(`div`,{className:`flex items-center gap-1`,children:[c,R,z]}),t[46]=c,t[47]=R,t[48]=z,t[49]=B):B=t[49];let V;return t[50]!==m||t[51]!==L||t[52]!==B||t[53]!==M||t[54]!==P?(V=/* @__PURE__ */ (0,T.jsxs)(`div`,{className:M,"qa-test-id":m,children:[P,L,B]}),t[50]=m,t[51]=L,t[52]=B,t[53]=M,t[54]=P,t[55]=V):V=t[55],V}(function(e){e.Tabs=N,e.Add=L,e.Toolbar=H,e.ArtifactToolbar=R,e.AppToolbar=z,e.BrowserToolbar=B,e.AgentToolbar=V})(K||={});const re={x:`0%`,y:`0%`};function ie(e){return e===`left`?{x:`-100%`,y:`0%`}:e===`bottom`?{x:`0%`,y:`100%`}:{x:`100%`,y:`0%`}}const q=[30,50,70];function ae(e){return e.min<=e.max?e:{min:e.max,max:e.min}}function J({position:e=`right`,isOpen:r=!0,onClose:i,header:a,children:s,resizable:d=!0,resizeBehavior:te=`continuous`,onResizeStart:p,onCoverChange:m,onOccupyChange:h,onPresenceOverlayChange:g,keyboardStep:_=20,sizePercent:v,onSizeChange:ne,isMaximized:y,onMaximizeChange:b,className:x,contentClassName:S,containerRef:C,qaTestId:w=`panel`,...E}){let k=E.fluid,A=E.sizeConfig,j=k!==void 0,M=A?.breakpoints&&A.breakpoints.length>0?A.breakpoints:void 0,N=M??q,P=!j&&M!==void 0,F=k?ae(k):void 0,I=F?.min??Math.min(...N),L=F?.max??Math.max(...N),R=v!==void 0,z=y!==void 0,[B,V]=(0,O.useState)(()=>j?I:A?.default??I),H=R?v:B,[U,W]=(0,O.useState)(!1),G=(0,O.useRef)(null),[J,oe]=(0,O.useState)(null),[se,ce]=(0,O.useState)(!1),Y=z?y:se,[le,ue]=(0,O.useState)(!1),de=(0,O.useRef)(!1),X=(0,O.useRef)(null),fe=e===`bottom`,pe=e===`left`||e===`right`,me=C?`%`:pe?`vw`:`vh`,[he,ge]=(0,O.useState)(!1),[_e,ve]=(0,O.useState)(Y);_e!==Y&&(ve(Y),r&&_e&&!Y&&ge(!0)),he&&(!r||Y)&&ge(!1);let Z=r&&(Y||he||r&&_e&&!Y),ye=Y&&r,be=ee(),[xe,Se]=(0,O.useState)(!1),[Ce,Q]=(0,O.useState)(!1),[we,Te]=(0,O.useState)(r);we!==r&&(Te(r),r?(Se(!1),Q(!be&&!_e)):!_e&&!he?(Q(!1),Se(!be)):(Q(!1),Se(!1))),Ce&&(Z||!r)&&Q(!1);let Ee=r||xe,De=(Ce||xe)&&!Z,Oe=Z||De,ke=r?re:ie(e),Ae=f(ke.x),je=f(ke.y),Me=(0,O.useRef)(Oe);Me.current=Oe;let $=f(r?H:0),Ne=u($,e=>`${Math.min(100,Math.max(0,e))}${Me.current?`%`:me}`),Pe=(0,O.useRef)(!1),Fe=(0,O.useRef)(m);Fe.current=m;let Ie=(0,O.useRef)(null),Le=(0,O.useRef)(h);Le.current=h;let Re=(0,O.useRef)(null),ze=(0,O.useRef)(g);ze.current=g;let Be=(0,O.useRef)(null),Ve=()=>{if(C?.current){let t=C.current.getBoundingClientRect();return e===`bottom`?t.height:t.width}return e===`bottom`?window.innerHeight:window.innerWidth},He=()=>C?.current?C.current.getBoundingClientRect():new DOMRect(0,0,window.innerWidth,window.innerHeight),Ue=(0,O.useRef)(H);Ue.current=H,(0,O.useLayoutEffect)(()=>{!r&&!xe&&(oe(null),z||ce(!1))},[r,xe,z]);let We=(0,O.useRef)(0),Ge=()=>{let t=G.current;if(!t)return;let n=t.getBoundingClientRect();We.current=e===`bottom`?n.height:n.width};(0,O.useEffect)(()=>{if(!ye){ue(!1);return}let e=0,t=requestAnimationFrame(()=>{e=requestAnimationFrame(()=>{let e=Ve();e>0&&We.current>0&&$.jump(We.current/e*100),ue(!0)})});return()=>{cancelAnimationFrame(t),cancelAnimationFrame(e)}},[ye]),(0,O.useLayoutEffect)(()=>{Ie.current!==Z&&(Ie.current=Z,Fe.current?.(Z))},[Z]),(0,O.useLayoutEffect)(()=>{Re.current!==Ee&&(Re.current=Ee,Le.current?.(Ee))},[Ee]),(0,O.useLayoutEffect)(()=>{Be.current!==De&&(Be.current=De,ze.current?.(De))},[De]);let Ke=()=>{Ge(),z?b?.(!0):ce(!0)},qe=()=>{z?b?.(!1):ce(!1)},Je=(0,O.useRef)(null),Ye=e=>N.reduce((t,n)=>Math.abs(e-n)<Math.abs(e-t)?n:t),Xe=(e,t)=>{let n=Je.current?.bounds;return n?e<n.left||e>n.right||t<n.top||t>n.bottom:!1},Ze=e=>{let t=Je.current;if(!t)return;let n=t.pendingSize,r=P?Ye(n):n,i=e?.pointerId??t.pointerId,a=t.handle;Je.current=null,de.current=!0,$.jump(r),a.hasPointerCapture(i)&&a.releasePointerCapture(i),R||V(r),ne?.(r),W(!1)},Qe=t=>{t.preventDefault(),p?.(),t.currentTarget.focus();let n=G.current,r=Ve(),i=H;if(n){let e=n.getBoundingClientRect(),t=fe?e.height:e.width;r>0&&(i=t/r*100)}X.current?.stop(),X.current=null,$.jump(i),W(!0);let a=t.currentTarget;Je.current={pos:e===`bottom`?t.clientY:t.clientX,size:i,pendingSize:i,bounds:He(),referenceSize:r,pointerId:t.pointerId,handle:a},a.setPointerCapture(t.pointerId)},$e=t=>{if(!Je.current)return;if(t.buttons===0){Ze(t);return}if(Xe(t.clientX,t.clientY)){Ze(t);return}let n=e===`bottom`?t.clientY:t.clientX,r=(Je.current.pos-n)/Je.current.referenceSize*100,i=e===`left`?-r:r,a=Math.max(I,Math.min(L,Je.current.size+i));Je.current.pendingSize=a,$.jump(a),te!==`commit`&&(R?ne?.(a):V(a))},et=e=>{Ze(e)},tt=Ee?H:0;(0,O.useLayoutEffect)(()=>{let i=t=>{let n=t?ie(e):re;Ae.jump(n.x),je.jump(n.y)},a=n=>{if(be)return i(n),null;let r=n?ie(e):re;return e===`bottom`?(Ae.jump(`0%`),l(je,r.y,t)):(je.jump(`0%`),l(Ae,r.x,t))};if(Z&&i(!1),ye){if(Pe.current=!0,!le)return;let e=l($,100,{...t,bounce:0});return X.current=e,e.then(()=>oe(null)),()=>{e.stop(),X.current===e&&(X.current=null)}}if(he){Pe.current=!0;let e=l($,H,t);return X.current=e,e.then(()=>{ge(!1),oe(null)}),()=>{e.stop(),X.current===e&&(X.current=null)}}if(Pe.current){Pe.current=!1,$.jump(tt),i(!1);return}if(!U){if(de.current){de.current=!1,$.jump(tt);return}if(Ce){$.jump(H),i(!0);let e=a(!1);if(!e){Q(!1);return}return e.then(()=>Q(!1)),()=>e.stop()}if(xe){if(be){$.jump(0),i(!0),Se(!1);return}$.jump(H);let e=a(!0);if(!e){$.jump(0),Se(!1);return}return e.then(()=>{Se(!1),$.jump(0)}),()=>e.stop()}if(Ee&&r&&!De){if(Math.abs($.get()-H)<.05)return;let e=l($,H,n);return X.current=e,()=>{e.stop(),X.current===e&&(X.current=null)}}$.jump(0),i(!0)}},[ye,he,le,U,r,Ee,H,tt,$,e,be,Ae,je,Z,De,Ce,xe]);let nt=Oe?e===`right`?{position:`absolute`,top:0,right:0,bottom:0,left:`auto`,maxWidth:`100%`}:e===`left`?{position:`absolute`,top:0,left:0,bottom:0,right:`auto`,maxWidth:`100%`}:{position:`absolute`,left:0,right:0,bottom:0,top:`auto`,maxHeight:`100%`}:void 0,rt=a?.title??`Panel`,it=J==null?void 0:fe?{width:`100%`,height:J,contain:`layout style paint`}:{width:J,height:`100%`,contain:`layout style paint`};return/* @__PURE__ */ (0,T.jsxs)(c.div,{ref:G,role:`region`,"aria-label":rt,"qa-test-id":w,"data-covering":Z?`true`:`false`,"data-occupying":Ee?`true`:`false`,"data-exiting":xe?`true`:`false`,"data-presence-overlay":De?`true`:`false`,className:o(Oe?o(`z-50 overflow-hidden`,e===`right`&&`inset-y-0 right-0`,e===`left`&&`inset-y-0 left-0`,e===`bottom`&&`inset-x-0 bottom-0`):`relative z-10 shrink-0`,fe?`w-full`:`h-full`,`min-h-0 min-w-0`,U&&`select-none`,!r&&`pointer-events-none`,x),style:{...ye&&!le&&We.current>0?pe?{width:We.current}:{height:We.current}:pe?{width:Ne}:{height:Ne},x:Ae,y:je,...nt},initial:!1,children:[d&&r&&!Oe?/* @__PURE__ */ (0,T.jsx)(D,{position:e,isDragging:U,keyboardStep:_,onKeyboardResize:e=>{p?.();let t=e===`min`?I:e===`max`?L:Math.max(I,Math.min(L,H+e));t!==H&&(R||V(t),ne?.(t))},onPointerDown:Qe,onPointerMove:$e,onPointerUp:et,onPointerCancel:et,onLostPointerCapture:et}):null,/* @__PURE__ */ (0,T.jsx)(`div`,{className:o(`flex h-full w-full flex-col overflow-hidden bg-base-inverse`,e===`bottom`&&`border-t border-depth-black-4`,e===`right`&&`border-l border-depth-black-4`,e===`left`&&`border-r border-depth-black-4`),children:/* @__PURE__ */ (0,T.jsxs)(`div`,{className:o(`flex h-full min-h-0 min-w-0 flex-col`,J==null?`w-full`:`shrink-0`),style:it,children:[a?/* @__PURE__ */ (0,T.jsx)(K,{...a,position:e,onClose:i,maximize:`maximize`in a&&a.maximize?{...a.maximize,isMaximized:Y,onMaximize:Ke,onMinimize:qe}:{isMaximized:Y,onMaximize:Ke,onMinimize:qe,maximizable:!0}}):null,/* @__PURE__ */ (0,T.jsx)(`div`,{className:o(`min-h-0 min-w-0 flex-1 shrink-0`,S),children:s})]})})]})}export{q as DEFAULT_BREAKPOINTS,E as DEFAULT_KEYBOARD_STEP,D as DragHandle,J as Panel,K as PanelHeader,C as Toolbar,ae as normalizePanelFluidConfig,j as panelTabDomIds};

package/dist/browser/@patterninc/pattern-ui/toolbar.js

@@ -1 +1 @@
-import{n as e,t}from"../../_chunks/Toolbar-BeIpkMty.js";export{t as Toolbar,e as ToolbarKeep};
+import{n as e,t}from"../../_chunks/Toolbar-BLOMSzl7.js";export{t as Toolbar,e as ToolbarKeep};