@openchambery/web 2.0.0-beta.1 → 2.0.0-beta.3

package/dist/assets/textarea-3XR8sUfy.js

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-C0FnF6B9.js";import{nt as t,rt as n}from"./vendor-base-ui-CnHfUmDN.js";import{n as r}from"./vendor-react-DLPElpoQ.js";import{f as i,r as a}from"./button-D-rATN7w.js";import{t as o}from"./OverlayScrollbar-pMwxaCca.js";var s=r(),c=e(n(),1),l=t();function u(e,t){let n=(0,s.c)(3),r;return n[0]!==e||n[1]!==t?(r=n=>{[e,t].forEach(e=>{typeof e==`function`?e(n):e&&typeof e==`object`&&(e.current=n)})},n[0]=e,n[1]=t,n[2]=r):r=n[2],r}var d=c.forwardRef((e,t)=>{let n=(0,s.c)(28),{as:r,orientation:i,offset:a,size:o,isEnabled:d,hideTopShadow:m,hideBottomShadow:h,observeMutations:g,onVisibilityChange:_,style:v,className:y,children:b,...x}=e,S=r===void 0?`div`:r,C=i===void 0?`vertical`:i,w=a===void 0?0:a,T=o===void 0?48:o,E=d===void 0||d,D=m!==void 0&&m,O=h!==void 0&&h,k=g===void 0||g,A=c.useRef(null),j=c.useRef(`none`),M=x[`data-scroll-shadow`];delete x[`data-scroll-shadow`];let N=v,P;n[0]!==T||n[1]!==N?(P={...N},P[`--scroll-shadow-size`]=`${T}px`,n[0]=T,n[1]=N,n[2]=P):P=n[2];let F=P,I=f,L=p,R;n[3]!==O||n[4]!==D||n[5]!==E||n[6]!==w||n[7]!==_||n[8]!==C?(R=()=>{let e=A.current;if(!e)return;if(!E){L(e),j.current!==`none`&&(j.current=`none`,_?.(`none`));return}let t=C===`vertical`?e.scrollTop>w+1:e.scrollLeft>w+1,n=C===`vertical`?e.scrollHeight-(e.scrollTop+e.clientHeight)>w+1:e.scrollWidth-(e.scrollLeft+e.clientWidth)>w+1,r=D&&C===`vertical`?!1:t;O&&C===`vertical`&&(n=!1),I(e,r,n,C===`vertical`?`top`:`left`,C===`vertical`?`bottom`:`right`);let i=r&&n?`both`:r?C===`vertical`?`top`:`left`:n?C===`vertical`?`bottom`:`right`:`none`;i!==j.current&&(j.current=i,_?.(i))},n[3]=O,n[4]=D,n[5]=E,n[6]=w,n[7]=_,n[8]=C,n[9]=R):R=n[9];let z=R,B,V;n[10]!==z||n[11]!==E?(B=()=>{E||z()},V=[z,E],n[10]=z,n[11]=E,n[12]=B,n[13]=V):(B=n[12],V=n[13]),c.useLayoutEffect(B,V);let H,U;n[14]!==z||n[15]!==E||n[16]!==k?(H=()=>{let e=A.current;if(!e||!E)return;let t=null,n=()=>{t===null&&(t=requestAnimationFrame(()=>{t=null,z()}))},r=n,i=typeof ResizeObserver<`u`?new ResizeObserver(n):null,a=k&&typeof MutationObserver<`u`?new MutationObserver(n):null;return z(),e.addEventListener(`scroll`,r,{passive:!0}),i?.observe(e),a?.observe(e,{childList:!0,subtree:!0,characterData:!0}),()=>{t!==null&&cancelAnimationFrame(t),e.removeEventListener(`scroll`,r),i?.disconnect(),a?.disconnect()}},U=[z,E,k],n[14]=z,n[15]=E,n[16]=k,n[17]=H,n[18]=U):(H=n[17],U=n[18]),c.useEffect(H,U);let W=u(A,t),G=M??!0,K;return n[19]!==S||n[20]!==b||n[21]!==y||n[22]!==W||n[23]!==F||n[24]!==C||n[25]!==x||n[26]!==G?(K=(0,l.jsx)(S,{...x,ref:W,className:y,"data-orientation":C,"data-scroll-shadow":G,style:F,children:b}),n[19]=S,n[20]=b,n[21]=y,n[22]=W,n[23]=F,n[24]=C,n[25]=x,n[26]=G,n[27]=K):K=n[27],K});d.displayName=`ScrollShadow`;function f(e,t,n,r,i){let a=`${r}${i.charAt(0).toUpperCase()}${i.slice(1)}Scroll`;t&&n?(e.dataset[a]=`true`,e.removeAttribute(`data-${r}-scroll`),e.removeAttribute(`data-${i}-scroll`)):(e.dataset[`${r}Scroll`]=String(t),e.dataset[`${i}Scroll`]=String(n),e.removeAttribute(`data-${r}-${i}-scroll`))}function p(e){[`top`,`bottom`,`top-bottom`,`left`,`right`,`left-right`].forEach(t=>{e.removeAttribute(`data-${t}-scroll`)})}var m=c.forwardRef((e,t)=>{let n=(0,s.c)(45),r,i,u,f,p,m,h,g,_,v,y,b,x,S,C,w;n[0]===e?(r=n[1],i=n[2],u=n[3],f=n[4],p=n[5],m=n[6],h=n[7],g=n[8],_=n[9],v=n[10],y=n[11],b=n[12],x=n[13],S=n[14],C=n[15],w=n[16]):({className:i,outerClassName:p,children:r,style:_,minThumbSize:f,hideDelayMs:u,as:v,scrollbarClassName:g,disableHorizontal:y,observeMutations:b,fillContainer:x,preventOverscroll:S,useScrollShadow:C,scrollShadowSize:h,userIntentOnly:w,...m}=e,n[0]=e,n[1]=r,n[2]=i,n[3]=u,n[4]=f,n[5]=p,n[6]=m,n[7]=h,n[8]=g,n[9]=_,n[10]=v,n[11]=y,n[12]=b,n[13]=x,n[14]=S,n[15]=C,n[16]=w);let T=v===void 0?`div`:v,E=y!==void 0&&y,D=b===void 0||b,O=x===void 0||x,k=S!==void 0&&S,A=C!==void 0&&C,j=w!==void 0&&w,M=c.useRef(null),N,P;n[17]===Symbol.for(`react.memo_cache_sentinel`)?(N=()=>M.current,P=[],n[17]=N,n[18]=P):(N=n[17],P=n[18]),c.useImperativeHandle(t,N,P);let F=k&&`overscroll-none`,I;n[19]!==p||n[20]!==F?(I=a(`relative flex flex-col min-h-0 w-full overflow-hidden`,F,p),n[19]=p,n[20]=F,n[21]=I):I=n[21];let L;n[22]!==T||n[23]!==r||n[24]!==i||n[25]!==E||n[26]!==O||n[27]!==D||n[28]!==k||n[29]!==m||n[30]!==h||n[31]!==_||n[32]!==A?(L=A?(0,l.jsx)(d,{as:T,ref:M,size:h,className:a(`overlay-scrollbar-target overlay-scrollbar-container`,k&&`overscroll-none`,O?`flex-1 min-h-0 w-full`:`flex-none w-full h-auto`,E?`overflow-y-auto overflow-x-hidden`:`overflow-auto`,i),style:_,observeMutations:D,...m,children:r}):(0,l.jsx)(T,{ref:M,className:a(`overlay-scrollbar-target overlay-scrollbar-container`,k&&`overscroll-none`,O?`flex-1 min-h-0 w-full`:`flex-none w-full h-auto`,E?`overflow-y-auto overflow-x-hidden`:`overflow-auto`,i),style:_,...m,children:r}),n[22]=T,n[23]=r,n[24]=i,n[25]=E,n[26]=O,n[27]=D,n[28]=k,n[29]=m,n[30]=h,n[31]=_,n[32]=A,n[33]=L):L=n[33];let R;n[34]!==E||n[35]!==u||n[36]!==f||n[37]!==D||n[38]!==g||n[39]!==j?(R=(0,l.jsx)(o,{containerRef:M,minThumbSize:f,hideDelayMs:u,className:g,disableHorizontal:E,observeMutations:D,userIntentOnly:j}),n[34]=E,n[35]=u,n[36]=f,n[37]=D,n[38]=g,n[39]=j,n[40]=R):R=n[40];let z;return n[41]!==I||n[42]!==L||n[43]!==R?(z=(0,l.jsxs)(`div`,{className:I,children:[L,R]}),n[41]=I,n[42]=L,n[43]=R,n[44]=z):z=n[44],z});m.displayName=`ScrollableOverlay`;function h(e){let t=(0,s.c)(4),{onResizeStart:n,ariaLabel:r}=e,i;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(i=(0,l.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":!0,children:(0,l.jsx)(`path`,{d:`M9.11111 2L2 9.11111M10 6.44444L6.44444 10`,className:`stroke-muted-foreground`,strokeLinecap:`round`})}),t[0]=i):i=t[0];let a;return t[1]!==r||t[2]!==n?(a=(0,l.jsx)(`div`,{role:`separator`,"aria-orientation":`horizontal`,"aria-label":r,onPointerDown:n,className:`pointer-events-auto -m-2 flex size-7 cursor-ns-resize items-end justify-end p-2 touch-none select-none`,children:i}),t[1]=r,t[2]=n,t[3]=a):a=t[3],a}var g=c.forwardRef((e,t)=>{let n=(0,s.c)(64),r,o,u,d,f,p,g,_,v,y,b,x,S,C;n[0]===e?(r=n[1],o=n[2],u=n[3],d=n[4],f=n[5],p=n[6],g=n[7],_=n[8],v=n[9],y=n[10],b=n[11],x=n[12],S=n[13],C=n[14]):({className:r,outerClassName:g,scrollbarClassName:y,fillContainer:x,useScrollShadow:S,scrollShadowSize:v,hasError:f,resizedHeight:o,onResizeHeightChange:p,disabled:u,simple:b,embedded:C,endSlot:d,..._}=e,n[0]=e,n[1]=r,n[2]=o,n[3]=u,n[4]=d,n[5]=f,n[6]=p,n[7]=g,n[8]=_,n[9]=v,n[10]=y,n[11]=b,n[12]=x,n[13]=S,n[14]=C);let w=x!==void 0&&x,T=S!==void 0&&S,E=C!==void 0&&C,{t:D}=i(),O=c.useRef(null),k=c.useRef(null),[A,j]=c.useState(null),M=o??A,N;n[15]===p?N=n[16]:(N=e=>{let t=O.current;if(!t)return;k.current={startY:e.clientY,startHeight:t.getBoundingClientRect().height};let n=e.currentTarget;n.setPointerCapture(e.pointerId);let r=e=>{let t=k.current;if(!t)return;let n=t.startHeight+(e.clientY-t.startY),r=Math.max(82,n);p?p(r):j(r)},i=()=>{k.current=null,n.removeEventListener(`pointermove`,r),n.removeEventListener(`pointerup`,i),n.removeEventListener(`pointercancel`,i)};n.addEventListener(`pointermove`,r),n.addEventListener(`pointerup`,i),n.addEventListener(`pointercancel`,i),e.preventDefault()},n[15]=p,n[16]=N);let P=N,F;n[17]===Symbol.for(`react.memo_cache_sentinel`)?(F=e=>{if(e.target.closest(`textarea, button, [role="separator"]`))return;let t=O.current?.querySelector(`textarea`);t&&document.activeElement!==t&&(e.preventDefault(),t.focus())},n[17]=F):F=n[17];let I=F;if(b){let e=t,i=w?`[field-sizing:fixed]`:`field-sizing-content`,o;n[18]!==r||n[19]!==i?(o=a(`block w-full appearance-none resize-none bg-transparent text-foreground typography-markdown outline-none`,`px-3 py-2 md:typography-ui-label`,`placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50`,i,r),n[18]=r,n[19]=i,n[20]=o):o=n[20];let s;return n[21]!==u||n[22]!==w||n[23]!==g||n[24]!==_||n[25]!==v||n[26]!==y||n[27]!==e||n[28]!==o||n[29]!==T?(s=(0,l.jsx)(m,{as:`textarea`,ref:e,disableHorizontal:!0,fillContainer:w,useScrollShadow:T,scrollShadowSize:v,outerClassName:g,scrollbarClassName:y,className:o,spellCheck:!1,autoComplete:`off`,autoCorrect:`off`,autoCapitalize:`off`,disabled:u,..._}),n[21]=u,n[22]=w,n[23]=g,n[24]=_,n[25]=v,n[26]=y,n[27]=e,n[28]=o,n[29]=T,n[30]=s):s=n[30],s}let L;n[31]===M?L=n[32]:(L=M===null?void 0:{height:`${M}px`},n[31]=M,n[32]=L);let R;if(n[33]!==E||n[34]!==f||n[35]!==g){let e;n[37]===f?e=n[38]:(e=f&&[`ring-[var(--status-error)]`,`focus-within:ring-2 focus-within:ring-[var(--status-error)]`],n[37]=f,n[38]=e);let t;n[39]===E?t=n[40]:(t=E&&[`rounded-none bg-transparent ring-0`,`hover:[&:not(:focus-within)]:bg-transparent`,`has-[[disabled]]:bg-transparent`],n[39]=E,n[40]=t),R=a(`group/textarea relative flex w-full flex-col rounded-[var(--radius-xl)] bg-[var(--surface-elevated)] pb-2.5`,`ring-1 ring-inset ring-border/60 transition duration-200 ease-out`,`hover:[&:not(:focus-within)]:bg-[var(--surface-subtle)]`,`has-[[disabled]]:pointer-events-none has-[[disabled]]:bg-[var(--surface-subtle)] has-[[disabled]]:ring-transparent`,!f&&[`hover:[&:not(:focus-within)]:ring-transparent`,`focus-within:ring-2 focus-within:ring-[var(--interactive-focus-ring)]`],e,t,g),n[33]=E,n[34]=f,n[35]=g,n[36]=R}else R=n[36];let z;n[41]!==r||n[42]!==u?(z=a(`block w-full flex-1 min-h-0 appearance-none resize-none bg-transparent text-foreground typography-markdown outline-none`,`min-h-[82px] pl-3 pr-2.5 pt-2.5 md:typography-ui-label`,`focus-visible:outline-none disabled:cursor-not-allowed`,!u&&[`placeholder:select-none placeholder:text-muted-foreground placeholder:transition placeholder:duration-200 placeholder:ease-out`,`group-hover/textarea:placeholder:text-foreground/80`,`focus:placeholder:text-foreground/80`],u&&`text-muted-foreground/60 placeholder:text-muted-foreground/60`,r),n[41]=r,n[42]=u,n[43]=z):z=n[43];let B;n[44]!==u||n[45]!==_||n[46]!==t||n[47]!==z?(B=(0,l.jsx)(`textarea`,{ref:t,className:z,spellCheck:!1,autoComplete:`off`,autoCorrect:`off`,autoCapitalize:`off`,disabled:u,..._}),n[44]=u,n[45]=_,n[46]=t,n[47]=z,n[48]=B):B=n[48];let V;n[49]===D?V=n[50]:(V=D(`textarea.resizeHandleAria`),n[49]=D,n[50]=V);let H;n[51]!==P||n[52]!==V?(H=(0,l.jsx)(h,{onResizeStart:P,ariaLabel:V}),n[51]=P,n[52]=V,n[53]=H):H=n[53];let U;n[54]!==d||n[55]!==H?(U=(0,l.jsxs)(`div`,{className:`flex items-center justify-end gap-1.5 pl-3 pr-2.5`,children:[d,H]}),n[54]=d,n[55]=H,n[56]=U):U=n[56];let W;n[57]!==U||n[58]!==B?(W=(0,l.jsxs)(`div`,{className:`flex h-full min-h-0 flex-1 flex-col gap-2`,children:[B,U]}),n[57]=U,n[58]=B,n[59]=W):W=n[59];let G;return n[60]!==W||n[61]!==L||n[62]!==R?(G=(0,l.jsx)(`div`,{ref:O,onPointerDown:I,style:L,className:R,children:W}),n[60]=W,n[61]=L,n[62]=R,n[63]=G):G=n[63],G});g.displayName=`Textarea`;export{m as n,d as r,g as t};