@openchambery/web 1.19.12 → 1.19.13-beta.2

package/dist/assets/sortable-tabs-strip-C8_9kHqu.js

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./useUIStore-CuaA8-Hp.js";import{nt as n,rt as r}from"./vendor-base-ui-CnHfUmDN.js";import{n as i}from"./vendor-react-DLPElpoQ.js";import{n as a}from"./clipboard-DJ4nQEuY.js";import{t as o}from"./utils-BiK3tBGM.js";import{n as s}from"./Icon-BYM02QyU.js";import{i as c}from"./OverlayScrollbar-KUpvYHdv.js";import{_ as l,l as u,n as d,s as ee,t as f,v as p,y as m}from"./vendor-dnd-kit-core-CvWxUPdb.js";import{o as h,r as te,t as g}from"./vendor-dnd-kit-sortable-hHdP9lLb.js";var ne=i(),_=e(r(),1),v=n(),re=({transform:e})=>({...e,y:0}),ie=e=>{let t=(0,ne.c)(18),{id:n,children:r,className:i}=e,a;t[0]===n?a=t[1]:(a={id:n},t[0]=n,t[1]=a);let{attributes:s,listeners:c,setNodeRef:l,transform:u,transition:d,isDragging:ee}=h(a),f;t[2]===u?f=t[3]:(f=m.Transform.toString(u),t[2]=u,t[3]=f);let p;t[4]!==f||t[5]!==d?(p={transform:f,transition:d},t[4]=f,t[5]=d,t[6]=p):p=t[6];let te=ee&&`opacity-50`,g;t[7]!==i||t[8]!==te?(g=o(`h-full rounded-md`,i,te),t[7]=i,t[8]=te,t[9]=g):g=t[9];let _;return t[10]!==s||t[11]!==r||t[12]!==n||t[13]!==c||t[14]!==l||t[15]!==p||t[16]!==g?(_=(0,v.jsx)(`div`,{ref:l,"data-sortable-tab-id":n,style:p,className:g,...s,...c,children:r}),t[10]=s,t[11]=r,t[12]=n,t[13]=c,t[14]=l,t[15]=p,t[16]=g,t[17]=_):_=t[17],_},ae=e=>{let t=(0,ne.c)(6),{id:n,children:r,className:i}=e,a;t[0]===i?a=t[1]:(a=o(`h-full`,i),t[0]=i,t[1]=a);let s;return t[2]!==r||t[3]!==n||t[4]!==a?(s=(0,v.jsx)(`div`,{className:a,"data-sortable-tab-id":n,children:r}),t[2]=r,t[3]=n,t[4]=a,t[5]=s):s=t[5],s},y=e=>{let n=(0,ne.c)(121),{items:r,activeId:i,onSelect:m,onClose:h,onReorder:y,layoutMode:he,variant:ge,activePillInsetClassName:_e,activePillButtonClassName:b,inactiveTabsIconOnly:ve,iconOnlyActiveTab:ye,animateActivePill:be,activePillLowercase:xe,className:Se}=e,Ce=he===void 0?`scrollable`:he,we=ge===void 0?`default`:ge,x=ve!==void 0&&ve,S=ye!==void 0&&ye,C=xe===void 0||xe,{t:Te}=a(),w=t(oe),{isTablet:Ee}=c(),T=w||Ee,E=_.useRef(null),De;n[0]===Symbol.for(`react.memo_cache_sentinel`)?(De={left:!1,right:!1},n[0]=De):De=n[0];let[D,O]=_.useState(De),k;n[1]===r?k=n[2]:(k=r.map(se),n[1]=r,n[2]=k);let Oe=k,A=Ce===`scrollable`,ke=we==="default",j=we===`active-pill`,Ae=we===`animated`,M=j||Ae,N=ke,P=M||N,F=j&&A,je=M,Me=be??Ae,Ne=typeof y==`function`,I=Ne?ie:ae,L;n[3]===Symbol.for(`react.memo_cache_sentinel`)?(L=new Map,n[3]=L):L=n[3];let R=_.useRef(L),[z,Pe]=_.useState(null),Fe;n[4]===Symbol.for(`react.memo_cache_sentinel`)?(Fe={activationConstraint:{distance:8}},n[4]=Fe):Fe=n[4];let Ie=p(l(ee,Fe)),Le=ce,Re;n[5]===Symbol.for(`react.memo_cache_sentinel`)?(Re=(e,t)=>{if(t){R.current.set(e,t);return}R.current.delete(e)},n[5]=Re):Re=n[5];let ze=Re,Be;n[6]!==i||n[7]!==P?(Be=()=>{if(!P||!i){Pe(le);return}let e=E.current,t=R.current.get(i);if(!e||!t){Pe(ue);return}let n=0,r=0,a=t;for(;a&&a!==e;)n+=a.offsetLeft,r+=a.offsetTop,a=a.offsetParent;let o={left:n,top:r,width:t.offsetWidth,height:t.offsetHeight};Pe(e=>Le(e,o)?e:o)},n[6]=i,n[7]=P,n[8]=Be):Be=n[8];let B=Be,Ve;n[9]===A?Ve=n[10]:(Ve=()=>{if(!A){O({left:!1,right:!1});return}let e=E.current;if(!e){O({left:!1,right:!1});return}O({left:e.scrollLeft>2,right:e.scrollLeft+e.clientWidth<e.scrollWidth-2})},n[9]=A,n[10]=Ve);let V=Ve,He;n[11]!==A||n[12]!==V?(He=()=>{if(!A){O({left:!1,right:!1});return}let e=E.current;if(!e)return;V(),e.addEventListener(`scroll`,V,{passive:!0});let t=new ResizeObserver(V);return t.observe(e),()=>{e.removeEventListener(`scroll`,V),t.disconnect()}},n[11]=A,n[12]=V,n[13]=He):He=n[13];let Ue;n[14]!==A||n[15]!==r.length||n[16]!==V?(Ue=[A,r.length,V],n[14]=A,n[15]=r.length,n[16]=V,n[17]=Ue):Ue=n[17],_.useEffect(He,Ue);let We;n[18]!==i||n[19]!==B||n[20]!==P?(We=()=>{if(!P){Pe(null);return}B();let e=E.current;if(!e)return;let t=new ResizeObserver(B);if(t.observe(e),i){let e=R.current.get(i);e&&t.observe(e)}return()=>{t.disconnect()}},n[18]=i,n[19]=B,n[20]=P,n[21]=We):We=n[21];let Ge;n[22]!==i||n[23]!==r.length||n[24]!==B||n[25]!==P?(Ge=[i,r.length,B,P],n[22]=i,n[23]=r.length,n[24]=B,n[25]=P,n[26]=Ge):Ge=n[26],_.useEffect(We,Ge);let Ke;n[27]===B?Ke=n[28]:(Ke=()=>{B()},n[27]=B,n[28]=Ke),_.useLayoutEffect(Ke);let qe;n[29]!==i||n[30]!==A||n[31]!==V?(qe=()=>{if(!A||!i)return;let e=E.current;if(!e)return;let t=window.requestAnimationFrame(()=>{let t=typeof window.CSS?.escape==`function`?window.CSS.escape(i):i.replace(/"/g,`\\"`),n=e.querySelector(`[data-sortable-tab-id="${t}"]`);n&&(n.scrollIntoView({block:`nearest`,inline:`nearest`}),V())});return()=>{window.cancelAnimationFrame(t)}},n[29]=i,n[30]=A,n[31]=V,n[32]=qe):qe=n[32];let Je;n[33]!==i||n[34]!==A||n[35]!==r.length||n[36]!==V?(Je=[i,A,r.length,V],n[33]=i,n[34]=A,n[35]=r.length,n[36]=V,n[37]=Je):Je=n[37],_.useEffect(qe,Je);let Ye;n[38]===y?Ye=n[39]:(Ye=e=>{if(!y)return;let{active:t,over:n}=e;!n||t.id===n.id||y(String(t.id),String(n.id))},n[38]=y,n[39]=Ye);let Xe=Ye,H;n[40]===Se?H=n[41]:(H=o(`relative flex h-full min-w-0 flex-1`,Se),n[40]=Se,n[41]=H);let U;n[42]!==A||n[43]!==D||n[44]!==M?(U=A&&D.left?(0,v.jsx)(`div`,{className:o(`pointer-events-none absolute inset-y-0 left-0 z-20 bg-gradient-to-r to-transparent`,M?`w-8 from-[var(--surface-background)]`:`w-6 from-background`)}):null,n[42]=A,n[43]=D,n[44]=M,n[45]=U):U=n[45];let W;n[46]!==A||n[47]!==D||n[48]!==M?(W=A&&D.right?(0,v.jsx)(`div`,{className:o(`pointer-events-none absolute inset-y-0 right-0 z-20 bg-gradient-to-l to-transparent`,M?`w-8 from-[var(--surface-background)]`:`w-6 from-background`)}):null,n[46]=A,n[47]=D,n[48]=M,n[49]=W):W=n[49];let Ze=M?`items-center overflow-x-hidden overflow-y-hidden`:`items-stretch`,Qe=M&&`@container/pill-tabs`,$e=M&&`pill-tabs__track`,et=M&&(_e??`gap-0.5 py-0.5`),tt=N&&`items-center overflow-y-hidden`,nt=je&&`rounded-[10px] [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-[50px] bg-[color-mix(in_srgb,var(--foreground)_2%,transparent)] p-0.5 gap-0.5`,rt=A?`overflow-x-auto scrollbar-none`:`overflow-x-hidden`,G;n[50]!==Ze||n[51]!==Qe||n[52]!==$e||n[53]!==et||n[54]!==tt||n[55]!==nt||n[56]!==rt?(G=o(`relative flex h-full min-w-0 flex-1`,Ze,Qe,$e,et,tt,nt,rt),n[50]=Ze,n[51]=Qe,n[52]=$e,n[53]=et,n[54]=tt,n[55]=nt,n[56]=rt,n[57]=G):G=n[57];let K;n[58]===A?K=n[59]:(K=A?{scrollbarWidth:`none`,msOverflowStyle:`none`}:void 0,n[58]=A,n[59]=K);let q;n[60]===Te?q=n[61]:(q=Te(`sortableTabsStrip.aria.tabs`),n[60]=Te,n[61]=q);let J;n[62]!==z||n[63]!==Me||n[64]!==M?(J=M&&z?(0,v.jsx)(`div`,{className:o(`oc-segmented-selected-pill pointer-events-none absolute left-0 top-0 z-0 rounded-[9px] [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-[50px]`),style:{transform:`translate3d(${z.left}px, ${z.top}px, 0)`,width:`${z.width}px`,height:`${z.height}px`,transition:Me?`transform 300ms cubic-bezier(0.65, 0, 0.35, 1), width 300ms cubic-bezier(0.65, 0, 0.35, 1), height 300ms cubic-bezier(0.65, 0, 0.35, 1)`:void 0}}):null,n[62]=z,n[63]=Me,n[64]=M,n[65]=J):J=n[65];let Y;n[66]!==z||n[67]!==N?(Y=N&&z?(0,v.jsx)(`div`,{className:`pointer-events-none absolute left-0 -bottom-px z-10 h-[3px] rounded-t-[2px] bg-[var(--primary-base)]`,style:{transform:`translate3d(${z.left}px, 0, 0)`,width:`${z.width}px`},"aria-hidden":!0}):null,n[66]=z,n[67]=N,n[68]=Y):Y=n[68];let X;if(n[69]!==I||n[70]!==i||n[71]!==b||n[72]!==C||n[73]!==T||n[74]!==S||n[75]!==x||n[76]!==j||n[77]!==w||n[78]!==A||n[79]!==r||n[80]!==h||n[81]!==m||n[82]!==F||n[83]!==M){let e;n[85]!==I||n[86]!==i||n[87]!==b||n[88]!==C||n[89]!==T||n[90]!==S||n[91]!==x||n[92]!==j||n[93]!==w||n[94]!==A||n[95]!==h||n[96]!==m||n[97]!==F||n[98]!==M?(e=e=>{let t=e.id===i,n=x&&M&&!t&&!!e.icon,r=!n,a=!!e.icon&&(!S||t),c=x&&M&&t&&!A&&!F,l=e.closable!==!1&&!!h,u=l&&!!e.icon,d=A||F?void 0:M?c?`flex-none basis-auto`:w?`flex-1 basis-0 min-w-0`:`flex-1 basis-0 min-w-fit`:`min-w-0 flex-1 basis-0`,ee=l?t=>{t.button===1&&(t.preventDefault(),t.stopPropagation(),h?.(e.id))}:void 0,f=l?de:void 0;return(0,v.jsx)(I,{id:e.id,className:d,children:(0,v.jsxs)(`div`,{ref:t=>ze(e.id,t),onAuxClick:ee,onMouseDown:f,className:o(`group flex h-full min-w-0 flex-nowrap items-center`,A||F?`shrink-0`:M?`w-full`:`w-full min-w-0`,M?`relative z-10 bg-transparent`:t?`relative z-10 bg-transparent text-foreground`:`relative z-10 bg-transparent text-muted-foreground hover:text-foreground`),children:[(0,v.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":t,"aria-label":n?e.title??e.label:void 0,onClick:()=>m(e.id),className:o(M?`animated-tabs__button pill-tabs__button relative z-10 flex flex-1 min-w-0 flex-nowrap items-center justify-center rounded-[9px] [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-[50px] text-sm font-medium transition-colors duration-150 !min-h-0`:`flex h-full min-w-0 flex-nowrap items-center typography-micro`,M&&C?`lowercase`:null,M&&(n?`gap-0`:`gap-1.5`),M?F?`shrink-0 whitespace-nowrap px-3 text-center`:A?`max-w-56 shrink-0 px-3 text-center`:n?`px-2 !min-w-0 text-center`:c?`shrink-0 whitespace-nowrap px-3 text-center`:`px-3 text-center`:A?`max-w-56 justify-start truncate px-3 text-left`:`w-full justify-center truncate px-3 text-center`,M?b??(j?w?`h-[38px]`:`h-[31px]`:`h-7`):null,M?t?`text-foreground`:`text-muted-foreground hover:text-foreground`:null,M?`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--interactive-focus-ring)] focus-visible:ring-offset-1 focus-visible:ring-offset-background`:null),title:e.title??e.label,children:M?(0,v.jsxs)(v.Fragment,{children:[a?(0,v.jsxs)(`span`,{className:`relative flex h-4 w-4 shrink-0 items-center justify-center`,children:[(0,v.jsx)(`span`,{className:o(`flex items-center justify-center transition-opacity`,u&&(T?`opacity-0`:`group-hover:opacity-0`)),children:e.icon}),u?(0,v.jsx)(`span`,{role:`button`,tabIndex:-1,className:o(`absolute inset-0 z-20 flex !min-h-0 !min-w-0 items-center justify-center rounded-sm text-muted-foreground transition-opacity hover:text-foreground`,T?`opacity-100`:`opacity-0 group-hover:opacity-100`),onPointerDown:fe,onClick:t=>{t.stopPropagation(),h?.(e.id)},"aria-label":e.closeLabel??`Close ${e.label} tab`,title:e.closeLabel??`Close ${e.label} tab`,children:(0,v.jsx)(s,{name:`close`,className:`h-3.5 w-3.5`})}):null]}):null,r?(0,v.jsx)(`span`,{className:`animated-tabs__label truncate`,children:e.label}):null]}):(0,v.jsxs)(`span`,{className:o(`flex min-w-0 flex-nowrap items-center gap-1.5`,!A&&`justify-center`),children:[a?(0,v.jsxs)(`span`,{className:o(`relative flex h-4 w-4 shrink-0 items-center justify-center transition-colors duration-200 ease-out`,t?`text-[var(--primary-base)]`:`text-muted-foreground`),children:[(0,v.jsx)(`span`,{className:o(`flex items-center justify-center transition-opacity`,u&&(T?`opacity-0`:`group-hover:opacity-0`)),children:e.icon}),u?(0,v.jsx)(`span`,{role:`button`,tabIndex:-1,className:o(`absolute inset-0 z-20 flex !min-h-0 !min-w-0 items-center justify-center rounded-sm text-muted-foreground transition-opacity hover:text-foreground`,T?`opacity-100`:`opacity-0 group-hover:opacity-100`),onPointerDown:pe,onClick:t=>{t.stopPropagation(),h?.(e.id)},"aria-label":e.closeLabel??`Close ${e.label} tab`,title:e.closeLabel??`Close ${e.label} tab`,children:(0,v.jsx)(s,{name:`close`,className:`h-3.5 w-3.5`})}):null]}):null,(0,v.jsx)(`span`,{className:`truncate leading-[1.2]`,children:e.label})]})}),l&&!u?(0,v.jsx)(`button`,{type:`button`,onPointerDown:me,onClick:t=>{t.stopPropagation(),h?.(e.id)},className:o(`relative z-20 inline-flex !min-h-0 !min-w-0 items-center justify-center transition-opacity`,M?`-ml-2.5 mr-1 h-[88%] w-5 self-center !aspect-auto rounded-md`:`aspect-square h-[65%] min-h-4 max-h-5 rounded-sm mr-1`,M?t?`text-muted-foreground hover:bg-transparent hover:text-foreground`:`text-muted-foreground opacity-0 hover:bg-transparent hover:text-foreground group-hover:opacity-100`:t?`text-muted-foreground hover:bg-interactive-hover/60 hover:text-foreground`:`text-muted-foreground opacity-0 hover:bg-interactive-hover/80 hover:text-foreground group-hover:opacity-100`),"aria-label":e.closeLabel??`Close ${e.label} tab`,title:e.closeLabel??`Close ${e.label} tab`,children:(0,v.jsx)(s,{name:`close`,className:`h-3 w-3`})}):null]})},e.id)},n[85]=I,n[86]=i,n[87]=b,n[88]=C,n[89]=T,n[90]=S,n[91]=x,n[92]=j,n[93]=w,n[94]=A,n[95]=h,n[96]=m,n[97]=F,n[98]=M,n[99]=e):e=n[99],X=r.map(e),n[69]=I,n[70]=i,n[71]=b,n[72]=C,n[73]=T,n[74]=S,n[75]=x,n[76]=j,n[77]=w,n[78]=A,n[79]=r,n[80]=h,n[81]=m,n[82]=F,n[83]=M,n[84]=X}else X=n[84];let Z;n[100]!==G||n[101]!==K||n[102]!==q||n[103]!==J||n[104]!==Y||n[105]!==X?(Z=(0,v.jsxs)(`div`,{ref:E,className:G,style:K,role:`tablist`,"aria-label":q,children:[J,Y,X]}),n[100]=G,n[101]=K,n[102]=q,n[103]=J,n[104]=Y,n[105]=X,n[106]=Z):Z=n[106];let it;n[107]!==H||n[108]!==U||n[109]!==W||n[110]!==Z?(it=(0,v.jsxs)(`div`,{className:H,children:[U,W,Z]}),n[107]=H,n[108]=U,n[109]=W,n[110]=Z,n[111]=it):it=n[111];let at=it;if(!Ne)return at;let ot;n[112]===Symbol.for(`react.memo_cache_sentinel`)?(ot=[re],n[112]=ot):ot=n[112];let Q;n[113]!==Oe||n[114]!==at?(Q=(0,v.jsx)(g,{items:Oe,strategy:te,children:at}),n[113]=Oe,n[114]=at,n[115]=Q):Q=n[115];let st;n[116]===Symbol.for(`react.memo_cache_sentinel`)?(st=(0,v.jsx)(d,{dropAnimation:null}),n[116]=st):st=n[116];let $;return n[117]!==Xe||n[118]!==Ie||n[119]!==Q?($=(0,v.jsxs)(f,{sensors:Ie,collisionDetection:u,onDragEnd:Xe,modifiers:ot,children:[Q,st]}),n[117]=Xe,n[118]=Ie,n[119]=Q,n[120]=$):$=n[120],$};function oe(e){return e.isMobile}function se(e){return e.id}function ce(e,t){return!e||!t?e===t:Math.abs(e.left-t.left)<.5&&Math.abs(e.top-t.top)<.5&&Math.abs(e.width-t.width)<.5&&Math.abs(e.height-t.height)<.5}function le(e){return e===null?e:null}function ue(e){return e===null?e:null}function de(e){e.button===1&&e.preventDefault()}function fe(e){e.stopPropagation()}function pe(e){e.stopPropagation()}function me(e){e.stopPropagation()}export{y as t};