@texturehq/edges 2.0.0 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,3 @@
1
- import*as go from'react';import go__default,{memo,useRef,useCallback,useEffect,useState,Component}from'react';import {Modal,Dialog,Form,Link,Button,ModalOverlay,composeRenderProps}from'react-aria-components';import {twMerge}from'tailwind-merge';import*as Nt from'@phosphor-icons/react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var ht=Object.defineProperty;var xt=(e,t,o)=>t in e?ht(e,t,{enumerable:true,configurable:true,writable:true,value:o}):e[t]=o;var Re=(e,t,o)=>xt(e,typeof t!="symbol"?t+"":t,o);function ze(e,t=false){let[o,r]=useState(t);return useEffect(()=>{if(typeof window>"u")return;let n=window.matchMedia(e);r(n.matches);let a=l=>{r(l.matches);};return n.addEventListener("change",a),()=>{n.removeEventListener("change",a);}},[e]),o}function me(e=true){let[t,o]=useState(null);return useEffect(()=>{if(!e){o(null);return}let r=typeof window<"u"?window.visualViewport:null;if(!r)return;let n=()=>{let a=Math.max(0,window.innerHeight-r.height-(r.offsetTop??0));o({height:r.height,keyboardOffset:a});};return n(),r.addEventListener("resize",n),r.addEventListener("scroll",n),()=>{r.removeEventListener("resize",n),r.removeEventListener("scroll",n);}},[e]),t}function ge(...e){return e.filter(Boolean).join(" ")}var T={displayXl:"text-display-xl",displayLg:"text-display-lg",displayMd:"text-display-md",displaySm:"text-display-sm",headingXl:"text-heading-xl",headingLg:"text-heading-lg",headingMd:"text-heading-md",headingSm:"text-heading-sm",bodyLg:"text-body-lg",bodyMd:"text-body-md",bodySm:"text-body-sm",labelLg:"text-label-lg",labelMd:"text-label-md",labelSm:"text-label-sm",code:"text-code",agent:"text-agent"};function Ve(e,...t){return ge(T[e],...t)}function $e(e=false){return `${e?"outline outline-1 outline-border-input data-[focus-visible]:outline-2 data-[focus-visible]:outline-action-default data-[focus-visible]:outline-offset-0 invalid:outline-2 invalid:outline-feedback-error-border group-invalid:outline-2 group-invalid:outline-feedback-error-border forced-colors:focus:outline-[Highlight] forced-colors:focus:outline-2 forced-colors:focus:outline-offset-2":"outline-none data-[focus-visible]:outline data-[focus-visible]:outline-2 data-[focus-visible]:outline-action-default data-[focus-visible]:outline-offset-0 invalid:outline-2 invalid:outline-feedback-error-border group-invalid:outline-2 group-invalid:outline-feedback-error-border forced-colors:focus:outline-[Highlight] forced-colors:focus:outline-2 forced-colors:focus:outline-offset-2"}`}var Q={sm:{text:"text-[length:var(--control-text-sm)]",height:"h-[var(--control-sm-height)]",padding:"px-[var(--control-padding-sm)]",paddingY:"py-[var(--control-gap-sm)]",gap:"gap-[var(--control-gap-sm)]"},md:{text:"text-[length:var(--control-text-md)]",height:"h-[var(--control-md-height)]",padding:"px-[var(--control-padding-md)]",paddingY:"py-[var(--control-gap-md)]",gap:"gap-[var(--control-gap-md)]"},lg:{text:"text-[length:var(--control-text-lg)]",height:"h-[var(--control-lg-height)]",padding:"px-[var(--control-padding-lg)]",paddingY:"py-[var(--control-gap-lg)]",gap:"gap-[var(--control-gap-lg)]"},xl:{text:"text-[length:var(--control-text-xl)]",height:"h-[var(--control-xl-height)]",padding:"px-[var(--control-padding-xl)]",paddingY:"py-[var(--control-gap-xl)]",gap:"gap-[var(--control-gap-xl)]"}};var oe={xs:16,sm:20,md:24,lg:32,xl:40,"2xl":48},k=memo(({name:e,size:t="md",color:o,weight:r="regular",className:n,ariaLabel:a,...l})=>{let i=Nt[e];if(!i)return process.env.NODE_ENV==="development"&&console.error(`Icon "${e}" not found in @phosphor-icons/react`),null;let s=typeof t=="string"&&t in oe?oe[t]:t,d=twMerge("inline-block flex-shrink-0",!o&&"text-current",n);return jsx(i,{...l,size:s,color:o,weight:r,className:d,"aria-label":a||`${e} icon`,"data-testid":`icon-${e}`})});k.displayName="Icon";var We=memo(({variant:e="subtle",shape:t="square",containerSize:o,containerClassName:r,size:n="md",className:a,name:l,color:i,weight:s,ariaLabel:d,ref:p,...c})=>{let g=typeof n=="string"&&n in oe?oe[n]:n,v=o?typeof o=="string"&&o in oe?oe[o]:o:g*1.75,b=twMerge("inline-flex items-center justify-center flex-shrink-0",t==="circle"?"rounded-full":"rounded-lg",e==="subtle"&&"bg-background-muted",e==="solid"&&"bg-action-brand text-[color:var(--color-action-brand-text)]",e==="outline"&&"border-2 border-current",r);return jsx("div",{className:b,style:{width:v,height:v},children:jsx(k,{...c,name:l,size:n,color:i,weight:s,className:a,ariaLabel:d})})});We.displayName="IconWithContainer";var kt="flex font-medium justify-center items-center gap-2 text-center transition rounded-[var(--control-border-radius)] whitespace-nowrap box-border",Dt="bg-action-primary text-[color:var(--color-action-primary-text)] hover:bg-action-primary-hover forced-colors:bg-[ButtonText] forced-colors:text-[ButtonFace] border-2 border-transparent",St={primary:Dt,secondary:"bg-action-secondary text-[color:var(--color-action-secondary-text)] border-2 border-border-muted hover:bg-action-secondary-hover forced-colors:border-[ButtonBorder] forced-colors:bg-[ButtonFace] forced-colors:text-[ButtonText]",ghost:"border-none text-text-primary hover:bg-text-primary/5 forced-colors:text-[ButtonText] forced-colors:hover:bg-[ButtonFace]",destructive:"bg-transparent text-feedback-error-text border-2 border-border-muted hover:bg-feedback-error-background/50 forced-colors:border-[ButtonBorder] forced-colors:bg-[ButtonFace] forced-colors:text-[Mark]",link:"!text-action-primary hover:text-action-primary/90 hover:underline hover:decoration-2 hover:underline-offset-4",icon:"border-none text-text-primary hover:bg-background-hover hover:text-text-primary forced-colors:text-[ButtonText] forced-colors:hover:bg-[ButtonFace] p-1 flex-shrink-0 rounded-[var(--control-border-radius)]",unstyled:"bg-transparent"},Ye={full:"w-full",default:"w-fit"},Bt="opacity-50 cursor-not-allowed pointer-events-none",It="opacity-100 cursor-pointer",Ft={"top-right":"-right-2 -top-2","top-left":"-left-2 -top-2","bottom-right":"-right-2 -bottom-2","bottom-left":"-left-2 -bottom-2"},Tt={primary:"bg-action-primary text-[color:var(--color-action-primary-text)]",destructive:"bg-feedback-error-border text-text-inverse"};function Et(e){return !e||e==="default"||e==="brand"?"primary":e}function Mt(e){let{variant:t="primary",size:o="md",isDisabled:r,fullWidth:n=false,isLoading:a=false}=e,l=Et(t),i=l==="unstyled"?"":`${kt} ${St[l]}`;l!=="unstyled"&&(i+=` ${Q[o].text} ${Q[o].height} ${Q[o].padding} ${Q[o].gap}`),r||a?i+=` ${Bt}`:i+=` ${It}`,n?i+=` ${Ye.full}`:i+=` ${Ye.default}`;let s=l==="primary"?"focus-visible:outline-action-primary":void 0;return [i,$e(),s].filter(Boolean).join(" ")}function V(e){let{icon:t,children:o,isLoading:r=false,loadingText:n,loadingIndicator:a,size:l="md",iconPosition:i="left",iconWeight:s,href:d,className:p,badgeNumber:c,badgeVariant:g="primary",badgePosition:v="top-right",style:b,target:C,rel:S,...w}=e,f=t?jsx(k,{name:t,size:l,weight:s}):null,y=jsxs(Fragment,{children:[i==="left"&&f,typeof o=="function"?null:o,i==="right"&&f]}),N=jsxs("div",{className:"relative inline-flex items-center justify-center",children:[jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:a||jsx(k,{name:"CircleNotch",size:l,className:"animate-spin","aria-hidden":"true"})}),jsx("div",{className:"invisible","aria-hidden":"true",children:y}),n&&jsx("span",{className:"sr-only",role:"status","aria-live":"polite",children:n})]}),h=(c??0)>0,P=twMerge(Mt(e),p),_=d?{href:d,target:C,rel:S,...w}:{};if(d){let{onPress:L,onPressStart:I,onPressEnd:ae,onPressChange:W,onPressUp:Z,onAuxClick:ie,onContextMenu:ee,onDoubleClick:A,...F}=w;Object.assign(_,F);}let B=d?jsx(Link,{..._,...r&&{"aria-busy":true},style:h?void 0:b,className:P,children:r?N:typeof o=="function"?(function(L){return jsxs(Fragment,{children:[i==="left"&&f,o(L),i==="right"&&f]})}):y}):jsx(Button,{...w,...r&&{"aria-busy":true},style:h?void 0:b,className:P,children:r?N:typeof o=="function"?(function(L){return jsxs(Fragment,{children:[i==="left"&&f,o(L),i==="right"&&f]})}):y});return h?jsxs("div",{className:twMerge("relative flex",p),style:b,children:[B,jsx("span",{className:`absolute ${Ft[v]} flex h-5 w-5 items-center justify-center rounded-full ${Tt[g]} text-xs font-medium`,"aria-label":`${c} items`,children:c})]}):B}function Se({action:e,defaultVariant:t,defaultSize:o="lg"}){let r=!!e.formId;return jsx(V,{type:r?"submit":"button",form:r?e.formId:void 0,size:e.size||o,variant:e.variant||t,onPress:r?void 0:e.onPress,isLoading:e.isLoading,isDisabled:e.isDisabled,children:e.label})}function Y({primaryAction:e,secondaryAction:t,tertiaryAction:o,footerContent:r}){let n=e||t||o;return !n&&!r?null:jsxs("div",{className:`flex w-full flex-col items-center justify-center border-t p-4 ${r?"h-28":""}`,children:[r&&jsx("div",{className:"flex h-10 justify-center",children:r}),n&&jsxs("div",{className:"flex w-full items-center justify-between gap-3",children:[jsx("div",{children:o&&jsx(Se,{action:o,defaultVariant:"destructive"})}),jsxs("div",{className:"flex items-center gap-3",children:[t&&jsx(Se,{action:t,defaultVariant:"secondary"}),e&&jsx(Se,{action:e,defaultVariant:"primary"})]})]})]})}var Ht={heading:{sm:T.headingSm,md:T.headingMd,lg:T.headingLg,xl:T.headingXl},display:{sm:T.displaySm,md:T.displayMd,lg:T.displayLg,xl:T.displayXl}},Lt={page:"h-16 leading-[62px]"};function J({tag:e="h1",variant:t="heading",size:o="lg",height:r,className:n="",children:a}){let l=o==="xs"?"sm":o,i=Ht[t][l],s=r?Lt[r]:"";return jsx(e,{className:ge(i,"text-text-primary",s,n),children:a})}var R=({title:e,onClose:t,hideCloseIcon:o=false,titleAlign:r="left",hasBackArrow:n=false,onBack:a,headerContent:l})=>jsxs("div",{className:twMerge("relative flex h-16 w-full flex-shrink-0 items-center justify-between border-b px-6",e&&"border-b",r==="center"?"justify-center":""),children:[n&&jsx(V,{variant:"icon",onPress:a,className:"absolute left-6","aria-label":"Go back",children:jsx(k,{name:"CaretLeft","data-testid":"back-arrow"})}),l||jsxs(Fragment,{children:[e&&jsx(J,{size:"xs",children:e}),t&&!o&&jsx(V,{variant:"icon",onPress:t,"aria-label":"Close dialog",children:jsx(k,{name:"X","data-testid":"close-button"})})]})]});var D=({width:e,height:t,variant:o="rect",animation:r="pulse",gradient:n=false,flex:a=false,stack:l,responsive:i,delay:s=0,adjustAnimationSpeedBasedOnWidth:d=false,ariaLabel:p,className:c,"data-testid":g})=>{let[v,b]=useState(s===0);if(useEffect(()=>{if(s>0){let h=setTimeout(()=>b(true),s);return ()=>clearTimeout(h)}},[s]),!v)return null;let C=n?"bg-gradient-to-r from-[var(--color-skeleton-base)] via-[var(--color-skeleton-highlight)] to-[var(--color-skeleton-base)]":"bg-[var(--color-skeleton-base)]",S=d&&e?(()=>{let h=typeof e=="number"?e:parseFloat(String(e));return isNaN(h)?"":`animation-duration-[${Math.max(.8,h/100)}s]`})():"",w=r==="pulse"?`animate-pulse ${S}`:r==="wave"?`relative overflow-hidden before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-[var(--color-skeleton-wave)] before:to-transparent before:animate-wave ${S}`:"",f="rounded-sm";o==="circle"&&(f="rounded-full"),o==="text"&&(f="h-4 w-full rounded-sm");let y=a?"flex-1 min-w-0":"",N=i?Object.entries(i).map(([h,P])=>`${h}:w-[${P}]`).join(" "):"";return l?jsx("div",{className:"space-y-2","data-testid":g,children:l.map((h,P)=>jsx("div",{className:twMerge(C,w,f,y,N,c),style:{width:h,height:t}},P))}):jsx("div",{className:twMerge(C,w,f,y,N,c),style:{width:e,height:t},role:"presentation","aria-hidden":!p,"aria-label":p??void 0,"data-testid":g})};var _t={outlined:"bg-background-surface border border-border-default",elevated:"bg-background-surface border-0 shadow-md",filled:"bg-background-muted border-0",ghost:"bg-transparent border-0 shadow-none"},Wt="rounded-lg",Fe={square:"aspect-square",video:"aspect-video",wide:"aspect-[2/1]",auto:""},jt={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between"};function $({variant:e="outlined",className:t,children:o,isLoading:r=false,layout:n="default"}){return jsx("div",{className:twMerge("w-full overflow-hidden",_t[e],Wt,n==="flex"&&"flex flex-col",t),"data-testid":"card",children:r?jsx(D,{width:"100%",height:"100%",className:"rounded-none"}):o})}function qe({title:e,subtitle:t,actions:o,className:r,isLoading:n=false}){return n?jsxs("div",{className:twMerge("p-6 pb-4",r),children:[jsxs("div",{className:"flex justify-between items-start mb-1",children:[jsx(D,{width:120,height:20}),jsx(D,{width:24,height:24})]}),t&&jsx(D,{width:200,height:16})]}):!e&&!t&&!o?null:jsx("div",{className:twMerge("p-6 pb-4",r),children:jsxs("div",{className:"flex justify-between items-start gap-4",children:[jsxs("div",{className:"min-w-0 flex-1",children:[e&&jsx("div",{className:"mb-1",children:typeof e=="string"?jsx(J,{tag:"h3",size:"sm",className:"text-text-primary",children:e}):e}),t&&jsx("div",{className:Ve("bodySm","text-text-secondary"),children:t})]}),o&&jsx("div",{className:"flex-shrink-0",children:o})]})})}function Xe({src:e,alt:t,aspectRatio:o="auto",className:r,children:n,isLoading:a=false}){return a?jsx("div",{className:twMerge("bg-background-muted",Fe[o],r),children:jsx(D,{width:"100%",height:"100%"})}):n?jsx("div",{className:twMerge("overflow-hidden",Fe[o],r),children:n}):e?jsx("div",{className:twMerge("overflow-hidden",Fe[o],r),children:jsx("img",{src:e,alt:t||"",className:"w-full h-full object-cover",loading:"lazy"})}):null}function Qe({className:e,children:t,isLoading:o=false,fill:r=false}){let a=e?.match(/p(?:t|b|l|r|x|y)?-(?:\d+(?:\.\d+)?|px|\[.+?\])/)?"":"px-6 py-4";return o?jsx("div",{className:twMerge(a,r&&"flex-1 flex flex-col min-h-0",e),children:jsxs("div",{className:"space-y-2",children:[jsx(D,{width:"100%",height:16}),jsx(D,{width:"80%",height:16}),jsx(D,{width:"60%",height:16})]})}):t?jsx("div",{className:twMerge("px-6 py-4 text-text-primary",r&&"flex-1 flex flex-col min-h-0",e),children:t}):null}function Je({className:e,children:t,align:o="end",isLoading:r=false}){return r?jsxs("div",{className:twMerge("px-6 py-4 flex gap-2 justify-end",e),children:[jsx(D,{width:80,height:32}),jsx(D,{width:60,height:32})]}):t?jsx("div",{className:twMerge("px-6 py-4 flex items-center gap-2",jt[o],e),children:t}):null}$.Header=qe;$.Media=Xe;$.Content=Qe;$.Footer=Je;var M=class extends Component{constructor(){super(...arguments);Re(this,"state",{hasError:false});Re(this,"handleRetry",()=>{this.setState({hasError:false,error:void 0}),typeof window<"u"&&window.location.reload();});}static getDerivedStateFromError(o){return {hasError:true,error:o}}componentDidCatch(o,r){console.error("Error Boundary caught an error:",o,r);}render(){return this.state.hasError?this.props.fallback?this.props.fallback:jsxs($,{children:[this.props.title&&jsx($.Header,{title:this.props.title}),jsx($.Content,{children:jsxs("div",{className:"flex flex-col items-center justify-center gap-4","data-testid":"error-boundary",children:[jsx("p",{className:"text-feedback-error-text",children:this.state.error?.message||"Something went wrong"}),jsx("button",{className:"rounded bg-action-default px-4 py-2 text-[color:var(--color-action-default-text)] hover:bg-action-default-hover",onClick:this.handleRetry,children:"Retry"})]})})]}):this.props.children}};function G({transparent:e=false,className:t,children:o,...r}){return jsx(ModalOverlay,{...r,className:composeRenderProps(t,(n,a)=>twMerge("fixed inset-0 z-50","outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",e?"bg-transparent":["bg-gradient-to-br from-background-modal/20 via-background-modal/15 to-background-modal/20","backdrop-blur-[2px]","supports-[backdrop-filter]:bg-background-modal/15"].join(" "),a.isEntering&&["animate-in fade-in","duration-300 ease-out"].join(" "),a.isExiting&&["animate-out fade-out","duration-200 ease-in"].join(" "),n)),children:o})}var Kt=.3,Zt=.5;function ve({children:e,title:t,headerContent:o,titleAlign:r="left",hideCloseIcon:n=false,hasBackArrow:a=false,onBack:l,isOpen:i,onClose:s,isDismissable:d=true,transparentOverlay:p=false,primaryAction:c,secondaryAction:g,footerContent:v,maxHeight:b="80vh",height:C,maxWidth:S="640px",contentPadding:w=true,showHandle:f=true,animationVariant:y="scale",className:N}){let[h,P]=useState(false),[_,B]=useState(0),[L,I]=useState(false),ae=me(i),W=ae?.height??null,Z=ae?.keyboardOffset??0,ie=useRef(null),ee=useRef(null),A=useRef(null),F=useRef({isDragging:false,startY:0,startTime:0,pointerId:null});useEffect(()=>{if(i){let m=setTimeout(()=>{P(true),setTimeout(()=>P(false),600);},400);return ()=>clearTimeout(m)}},[i]),useEffect(()=>{i||(B(0),I(false),F.current={isDragging:false,startY:0,startTime:0,pointerId:null});},[i]),useEffect(()=>{let m=ee.current;if(!m||!i)return;let z=null,te=de=>{let X=de.target;X&&["INPUT","TEXTAREA","SELECT"].includes(X.tagName)&&(z&&clearTimeout(z),z=setTimeout(()=>{X.scrollIntoView({block:"nearest",behavior:"smooth"});},320));};return m.addEventListener("focusin",te),()=>{m.removeEventListener("focusin",te),z&&clearTimeout(z);}},[i]);let U=useCallback(m=>{d&&(m.pointerType!=="touch"&&m.pointerType!=="pen"||(A.current&&(clearTimeout(A.current),A.current=null),F.current={isDragging:true,startY:m.clientY,startTime:Date.now(),pointerId:m.pointerId},I(false),m.currentTarget.setPointerCapture(m.pointerId)));},[d]),q=useCallback(m=>{let{isDragging:z,startY:te,pointerId:de}=F.current;if(!z||m.pointerId!==de)return;let X=m.clientY-te;B(Math.max(0,X));},[]),se=useCallback(m=>{let{isDragging:z,startY:te,startTime:de,pointerId:X}=F.current;if(!z||m.pointerId!==X)return;let Ce=m.clientY-te,mt=Date.now()-de,gt=Ce/mt;F.current={isDragging:false,startY:0,startTime:0,pointerId:null};let bt=(ie.current?.getBoundingClientRect().height??0)*Kt;(Ce>bt||gt>Zt&&Ce>50)&&d?(s?.(),B(0)):(I(true),B(0),A.current=setTimeout(()=>{I(false),A.current=null;},200));},[d,s]);if(!i)return null;let Ne=t||o,le=c||g||v;return jsx(M,{children:jsx(G,{isOpen:i,onOpenChange:m=>{m||s?.();},isDismissable:d,transparent:p,style:{paddingBottom:Z>0?`${Z}px`:void 0,transition:"padding-bottom 0.25s ease-out"},className:"flex items-end justify-center p-0 sm:p-4",children:jsx(Modal,{className:"w-full max-w-full p-0 sm:p-2 outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",isDismissable:d,children:jsx("div",{ref:ie,className:twMerge("w-full",L&&"transition-transform duration-200"),style:{transform:_>0?`translateY(${_}px)`:void 0},children:jsxs(Dialog,{className:twMerge("relative flex w-full flex-col overflow-hidden","bg-background-surface","shadow-2xl shadow-black/30 dark:shadow-black/60","border-t border-x border-border-default/40","outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0 focus:shadow-none","origin-bottom",y==="scale"?"animate-[tray-enter-scale_400ms_cubic-bezier(0.32,0.72,0,1)]":"animate-[tray-enter_400ms_cubic-bezier(0.32,0.72,0,1)]",y==="scale"?"data-[exiting]:animate-[tray-exit-scale_250ms_cubic-bezier(0.32,0,0.67,0)]":"data-[exiting]:animate-[tray-exit_250ms_cubic-bezier(0.32,0,0.67,0)]",N),style:{maxWidth:S,...C?{height:C}:{maxHeight:/\d/.test(b)?W!==null?`min(${b}, ${Math.max(W-8,0)}px, 100dvh)`:`min(${b}, 100dvh)`:b}},children:[f&&jsx("div",{className:"absolute top-0 left-0 right-0 h-8 z-10 flex justify-center items-start pt-2 touch-none cursor-grab active:cursor-grabbing",onPointerDown:U,onPointerMove:q,onPointerUp:se,onPointerCancel:se,children:jsx("div",{className:twMerge("h-1 w-12 rounded-full bg-border-muted transition-all duration-300","hover:bg-border-default hover:w-16",h&&"animate-[handle-wiggle_0.6s_ease-in-out]")})}),Ne&&(a?jsx(R,{title:t,headerContent:o,titleAlign:r,hideCloseIcon:n||!s,hasBackArrow:true,onBack:l??(()=>{}),onClose:s||(()=>{})}):jsx(R,{title:t,headerContent:o,titleAlign:r,hideCloseIcon:n||!s,onClose:s||(()=>{})})),jsx("div",{ref:ee,className:twMerge("flex-1 min-h-0 overflow-y-auto overscroll-contain",w?"p-4":"p-0"),children:e}),le&&jsx(Y,{primaryAction:c,secondaryAction:g,footerContent:v})]})})})})})}ve.displayName="Tray";function Le({isOpen:e,onClose:t,title:o,headerContent:r,titleAlign:n="left",hideCloseIcon:a=false,hasBackArrow:l=false,onBack:i,children:s,primaryAction:d,secondaryAction:p,tertiaryAction:c,footerContent:g,transparentOverlay:v=false,maxWidth:b="600px",minWidth:C="400px",maxHeight:S="85vh",height:w,mobileMaxHeight:f="90vh",mobileHeight:y,contentPadding:N=true,className:h}){let P=ze("(max-width: 767px)"),_=me(P&&e===void 0),B=_?.height??null,L=_?.keyboardOffset??0,I=useRef(null),ae=useCallback(()=>{I.current&&I.current.scrollTop!==0&&(I.current.scrollTop=0);},[]),W=useRef(null),Z=useRef(null);useEffect(()=>{let U=Z.current;if(!U||!P)return;let q=null,se=Ne=>{let le=Ne.target;le&&["INPUT","TEXTAREA","SELECT"].includes(le.tagName)&&(q&&clearTimeout(q),q=setTimeout(()=>{le.scrollIntoView({block:"nearest",behavior:"smooth"});},320));};return U.addEventListener("focusin",se),()=>{U.removeEventListener("focusin",se),q&&clearTimeout(q);}},[P]);let ie=useCallback(()=>{W.current&&W.current.scrollTop!==0&&(W.current.scrollTop=0);},[]);if(e===false)return null;let ee=o||r,A=d||p||c||g,F=e!==void 0;return P?F?jsx(ve,{isOpen:e,onClose:t,title:o,headerContent:r,titleAlign:n,hideCloseIcon:a,hasBackArrow:l,onBack:i,primaryAction:d,secondaryAction:p,footerContent:g,transparentOverlay:v,maxHeight:f,height:y,maxWidth:b,contentPadding:N,showHandle:true,animationVariant:"scale",className:h,children:s}):jsx(M,{children:jsx(G,{isDismissable:true,transparent:v,style:{paddingBottom:L>0?`${L}px`:void 0,transition:"padding-bottom 0.25s ease-out"},className:"flex items-end justify-center",children:jsx(Modal,{className:"w-full p-0 outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",children:jsxs(Dialog,{ref:I,onScroll:ae,className:twMerge("relative flex w-full flex-col","bg-background-surface","shadow-2xl shadow-black/20","border-t border-x border-border-default/40","rounded-t-xl","overflow-hidden","animate-in slide-in-from-bottom","duration-300 ease-out","data-[exiting]:animate-out data-[exiting]:slide-out-to-bottom","data-[exiting]:duration-200 data-[exiting]:ease-in",h),style:{...y?{height:y}:{maxHeight:/\d/.test(f)?B!==null?`min(${f}, ${Math.max(B-8,0)}px, 100dvh)`:`min(${f}, 100dvh)`:f}},children:[jsx("div",{className:"flex justify-center pt-2",children:jsx("div",{className:"h-1.5 w-12 rounded-full bg-border-muted"})}),ee&&(l?jsx(R,{title:o,headerContent:r,titleAlign:n,hideCloseIcon:a||!t,hasBackArrow:true,onBack:i,onClose:t||(()=>{})}):jsx(R,{title:o,headerContent:r,titleAlign:n,hideCloseIcon:a||!t,onClose:t||(()=>{})})),jsx("div",{ref:Z,className:twMerge("flex-1 min-h-0 overflow-y-auto overscroll-contain",N?"px-6 py-6":"p-0"),children:s}),A&&jsx(Y,{primaryAction:d,secondaryAction:p,tertiaryAction:c,footerContent:g})]})})})}):jsx(M,{children:jsx(G,{...F?{isOpen:e,onOpenChange:U=>{!U&&t&&t();}}:{},isDismissable:true,transparent:v,className:"flex items-center justify-center",children:jsx(Modal,{className:"w-full p-4 outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",style:{maxWidth:b},children:jsxs(Dialog,{ref:W,onScroll:ie,className:twMerge("relative flex w-full flex-col","bg-background-surface","shadow-2xl shadow-black/20","border border-border-default/50","rounded-md","overflow-hidden","outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0","animate-in fade-in zoom-in-96 slide-in-from-bottom-2","duration-300 ease-out","data-[exiting]:animate-out data-[exiting]:fade-out data-[exiting]:zoom-out-95","data-[exiting]:duration-200 data-[exiting]:ease-in",h),style:{minWidth:C,...w?{height:w}:{maxHeight:S}},children:[ee&&(l?jsx(R,{title:o,headerContent:r,titleAlign:n,hideCloseIcon:a||!t,hasBackArrow:true,onBack:i,onClose:t||(()=>{})}):jsx(R,{title:o,headerContent:r,titleAlign:n,hideCloseIcon:a||!t,onClose:t||(()=>{})})),jsx("div",{className:twMerge("flex-1 min-h-0 overflow-y-auto",N?"px-6 py-6":"p-0"),children:s}),A&&jsx(Y,{primaryAction:d,secondaryAction:p,tertiaryAction:c,footerContent:g})]})})})})}function pe(e){return jsx(Form,{validationBehavior:"aria",...e,className:twMerge("flex flex-col gap-6",e.className)})}function Hn({formId:e="dialog-form",onSubmit:t,primaryLabel:o="Save",secondaryLabel:r="Cancel",onCancel:n,primaryVariant:a,secondaryVariant:l="secondary",children:i,title:s,...d}){return jsx(Le,{title:s,primaryAction:{label:o,onPress:()=>{let c=document.getElementById(e);c&&c.requestSubmit();},variant:a},secondaryAction:n?{label:r,onPress:n,variant:l}:void 0,...d,children:jsx(pe,{id:e,onSubmit:t,children:i})})}function Pe({children:e,title:t,headerContent:o,titleAlign:r="left",hideCloseIcon:n=false,hasBackArrow:a=false,onBack:l,isOpen:i,slideInFrom:s="right",transparentOverlay:d=false,onClose:p,className:c,primaryAction:g,secondaryAction:v,tertiaryAction:b,footerContent:C,contentPadding:S=true,maxWidth:w="400px"}){if(!i)return null;let f=t||o,y=g||v||b||C;return jsx(M,{children:jsx(G,{isOpen:i,onOpenChange:N=>!N&&p?.(),isDismissable:true,transparent:d,children:jsx(Modal,{className:"outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",children:jsxs(Dialog,{className:twMerge("fixed top-0 bottom-0 flex flex-col bg-background-surface shadow-xl overflow-hidden",s==="right"?"right-0":"left-0",s==="right"?"animate-in slide-in-from-right duration-300 ease-out":"animate-in slide-in-from-left duration-300 ease-out","data-[exiting]:animate-out",s==="right"?"data-[exiting]:slide-out-to-right":"data-[exiting]:slide-out-to-left","data-[exiting]:duration-200 data-[exiting]:ease-in","outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-action-default focus-visible:outline-offset-0",c),style:{maxWidth:w,width:"100%"},children:[f&&(a&&l?jsx(R,{title:t,headerContent:o,titleAlign:r,hideCloseIcon:n,hasBackArrow:true,onBack:l,onClose:p}):jsx(R,{title:t,headerContent:o,titleAlign:r,hideCloseIcon:n,onClose:p})),jsx("div",{className:twMerge("flex-1 overflow-y-auto overscroll-contain",S?"px-6 py-6":"p-0"),children:e}),y&&jsx(Y,{primaryAction:g,secondaryAction:v,tertiaryAction:b,footerContent:C})]})})})})}Pe.displayName="Drawer";function Qn({formId:e="drawer-form",onSubmit:t,primaryLabel:o="Save",secondaryLabel:r="Cancel",onCancel:n,primaryVariant:a,secondaryVariant:l="secondary",children:i,...s}){return jsx(Pe,{primaryAction:{label:o,onPress:()=>{let p=document.getElementById(e);p&&p.requestSubmit();},variant:a},secondaryAction:n?{label:r,onPress:n,variant:l}:void 0,...s,children:jsx(pe,{id:e,onSubmit:t,className:"mt-2",children:i})})}function ea({align:e="end",className:t,...o}){return jsx("div",{...o,className:twMerge("flex gap-2",e==="start"?"justify-start":e==="between"?"justify-between":"justify-end",t)})}var po={sm:"gap-2",md:"gap-4",lg:"gap-6"};function fo(e){if(!e)return "";let t=e.base?`grid-cols-${e.base}`:"",o=e.md?`md:grid-cols-${e.md}`:"",r=e.lg?`lg:grid-cols-${e.lg}`:"";return [t,o,r].filter(Boolean).join(" ")}function na({cols:e={base:1},gap:t="lg",className:o,...r}){return jsx("div",{...r,className:twMerge("grid",fo(e),po[t],o)})}var bo=go__default.forwardRef(({children:e,className:t},o)=>jsx("div",{ref:o,className:twMerge("relative w-full",t),children:e}));bo.displayName="InputWrapper";function st({size:e="md",className:t,children:o,...r}){return jsx("div",{...r,className:twMerge("leading-[2.25] text-text-secondary",Q[e].text,t),children:o})}function ba({title:e,description:t,showDivider:o,className:r,children:n,...a}){return jsxs("section",{...a,className:twMerge("flex flex-col",r),children:[(e||t)&&jsxs("div",{className:"flex flex-col gap-1 mb-6",children:[typeof e=="string"?jsx(J,{tag:"h3",size:"sm",children:e}):e,t?jsx(st,{size:"lg",children:t}):null]}),jsx("div",{className:"flex flex-col gap-6",children:n}),o&&jsx("hr",{className:"mt-2 border-border-muted"})]})}function ha(){return jsx("hr",{className:"border-border-muted"})}function wa({steps:e,currentStepId:t,onStepClick:o,className:r}){let n=e.findIndex(a=>a.id===t);return jsx("nav",{"aria-label":"Progress",className:twMerge("w-full",r),children:jsx("div",{className:"relative mb-12",children:jsx("ol",{className:"relative flex items-start justify-between",children:e.map((a,l)=>{let i=a.id===t,s=l<n,d=o&&(s||i);return jsxs("li",{className:"relative flex flex-col items-center",style:{flex:`1 1 ${100/e.length}%`},children:[jsx("button",{type:"button",disabled:!d,onClick:()=>d&&o?.(a.id),className:twMerge("relative z-10 flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 transition-colors bg-background-body",s&&"border-action-primary bg-action-primary text-text-inverse hover:bg-action-primary/90",i&&"border-action-primary bg-background-body text-action-primary",!s&&!i&&"border-border-default bg-background-body text-text-secondary",d&&"cursor-pointer",!d&&"cursor-default"),"aria-current":i?"step":void 0,children:s?jsx(k,{name:"Check",size:20,weight:"bold"}):jsx("span",{className:"text-sm font-semibold",children:l+1})}),l<e.length-1&&jsx("div",{className:"absolute top-5 h-0.5 transition-colors",style:{left:"50%",width:"100%",marginLeft:"20px",backgroundColor:l<n?"var(--color-action-primary)":"var(--color-border-default)"}}),jsxs("div",{className:"mt-3 flex flex-col items-center text-center w-32",children:[jsx("span",{className:twMerge("text-sm font-medium",i&&"text-text-default",s&&"text-text-primary",!i&&!s&&"text-text-secondary"),children:a.title}),a.description&&jsx("span",{className:"mt-1 text-xs text-text-secondary",children:a.description})]})]},a.id)})})})})}function Da({formId:e,show:t,isSubmitting:o,onCancel:r,primaryLabel:n="Save changes",secondaryLabel:a="Cancel",className:l}){return t?jsx("div",{className:twMerge("fixed inset-x-0 bottom-0 z-40 border-t border-border-muted bg-background-surface/95 backdrop-blur supports-[backdrop-filter]:bg-background-surface/70",l),children:jsxs("div",{className:"mx-auto flex max-w-screen-lg items-center justify-between gap-3 p-3",children:[jsx("div",{className:"text-sm text-text-secondary",children:"You have unsaved changes"}),jsxs("div",{className:"flex gap-2",children:[jsx(V,{variant:"secondary",onPress:r,children:a}),jsx(V,{type:"submit",form:e,isDisabled:!!o,children:o?"Saving...":n})]})]})}):null}function Ia({when:e,message:t="You have unsaved changes. Leave anyway?"}){return go.useEffect(()=>{if(!e)return;let o=r=>(r.preventDefault(),r.returnValue=t,t);return window.addEventListener("beforeunload",o),()=>window.removeEventListener("beforeunload",o)},[e,t]),null}function Ta({steps:e,initialStepId:t,canNavigate:o}){if(e.length===0)throw new Error("useWizard: steps array cannot be empty");let[r,n]=go.useState(t||e[0].id),a=e.findIndex(c=>c.id===r),l=a>0,i=a<e.length-1,s=async c=>c===r?true:o&&!await o(r,c)?false:(n(c),true);return {steps:e,currentStepId:r,setCurrentStepId:s,next:async()=>!i||a===-1?false:s(e[a+1].id),prev:async()=>!l||a===-1?false:s(e[a-1].id),hasNext:i,hasPrev:l,stepIndex:a}}export{Hn as DialogForm,Qn as DrawerForm,ea as FormActions,ha as FormDivider,na as FormGrid,ba as FormSection,wa as FormStepper,Da as SaveBar,Ia as UnsavedChangesPrompt,Ta as useWizard};//# sourceMappingURL=index.js.map
1
+ import*as jo from'react';import jo__default,{memo,forwardRef,useRef,useCallback,useEffect,useState,Component}from'react';import {Modal,Dialog,Form,Link,Button,ModalOverlay,composeRenderProps}from'react-aria-components';import {twMerge}from'tailwind-merge';import {jsxs,Fragment,jsx}from'react/jsx-runtime';import*as Ke from'@phosphor-icons/react';var Dt=Object.defineProperty;var It=(e,o,t)=>o in e?Dt(e,o,{enumerable:true,configurable:true,writable:true,value:t}):e[o]=t;var Me=(e,o,t)=>It(e,typeof o!="symbol"?o+"":o,t);function Ge(e,o=false){let[t,r]=useState(o);return useEffect(()=>{if(typeof window>"u")return;let n=window.matchMedia(e);r(n.matches);let a=l=>{r(l.matches);};return n.addEventListener("change",a),()=>{n.removeEventListener("change",a);}},[e]),t}function ve(e=true){let[o,t]=useState(null);return useEffect(()=>{if(!e){t(null);return}let r=typeof window<"u"?window.visualViewport:null;if(!r)return;let n=()=>{let a=Math.max(0,window.innerHeight-r.height-(r.offsetTop??0));t({height:r.height,keyboardOffset:a});};return n(),r.addEventListener("resize",n),r.addEventListener("scroll",n),()=>{r.removeEventListener("resize",n),r.removeEventListener("scroll",n);}},[e]),o}function ye(...e){return e.filter(Boolean).join(" ")}var F={displayXl:"text-display-xl",displayLg:"text-display-lg",displayMd:"text-display-md",displaySm:"text-display-sm",headingXl:"text-heading-xl",headingLg:"text-heading-lg",headingMd:"text-heading-md",headingSm:"text-heading-sm",bodyLg:"text-body-lg",bodyMd:"text-body-md",bodySm:"text-body-sm",labelLg:"text-label-lg",labelMd:"text-label-md",labelSm:"text-label-sm",code:"text-code",agent:"text-agent"};function qe(e,...o){return ye(F[e],...o)}function Xe(e=false){return `${e?"outline outline-1 outline-border-input data-[focus-visible]:outline-2 data-[focus-visible]:outline-action-default data-[focus-visible]:outline-offset-0 invalid:outline-2 invalid:outline-feedback-error-border group-invalid:outline-2 group-invalid:outline-feedback-error-border forced-colors:focus:outline-[Highlight] forced-colors:focus:outline-2 forced-colors:focus:outline-offset-2":"outline-none data-[focus-visible]:outline data-[focus-visible]:outline-2 data-[focus-visible]:outline-action-default data-[focus-visible]:outline-offset-0 invalid:outline-2 invalid:outline-feedback-error-border group-invalid:outline-2 group-invalid:outline-feedback-error-border forced-colors:focus:outline-[Highlight] forced-colors:focus:outline-2 forced-colors:focus:outline-offset-2"}`}var ee={sm:{text:"text-[length:var(--control-text-sm)]",height:"h-[var(--control-sm-height)]",padding:"px-[var(--control-padding-sm)]",paddingY:"py-[var(--control-gap-sm)]",gap:"gap-[var(--control-gap-sm)]"},md:{text:"text-[length:var(--control-text-md)]",height:"h-[var(--control-md-height)]",padding:"px-[var(--control-padding-md)]",paddingY:"py-[var(--control-gap-md)]",gap:"gap-[var(--control-gap-md)]"},lg:{text:"text-[length:var(--control-text-lg)]",height:"h-[var(--control-lg-height)]",padding:"px-[var(--control-padding-lg)]",paddingY:"py-[var(--control-gap-lg)]",gap:"gap-[var(--control-gap-lg)]"},xl:{text:"text-[length:var(--control-text-xl)]",height:"h-[var(--control-xl-height)]",padding:"px-[var(--control-padding-xl)]",paddingY:"py-[var(--control-gap-xl)]",gap:"gap-[var(--control-gap-xl)]"}};function h(e,o){let t=forwardRef(({size:r=24,color:n="currentColor",className:a,mirrored:l,alt:i,...s},c)=>{let p=!!i||"aria-label"in s;return jsx("svg",{ref:c,xmlns:"http://www.w3.org/2000/svg",width:r,height:r,viewBox:"0 0 256 256",fill:n,className:a,transform:l?"scale(-1, 1)":void 0,"aria-hidden":p?void 0:true,role:p?"img":void 0,"aria-label":i,...s,children:o})});return t.displayName=e,t}var Pe=()=>jsxs(Fragment,{children:[jsx("path",{d:"M12 128h44M200 128h44",fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round"}),jsx("circle",{cx:"76",cy:"128",r:"20",fill:"none",stroke:"currentColor",strokeWidth:"16"}),jsx("circle",{cx:"180",cy:"128",r:"20",fill:"none",stroke:"currentColor",strokeWidth:"16"})]}),Qe=()=>jsx("path",{d:"M166 120 88 70",fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round"}),Je=()=>jsx("path",{d:"M162 122 92 128",fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round"}),At=h("TextureRecloser",jsxs(Fragment,{children:[jsx("rect",{x:"36",y:"36",width:"184",height:"184",fill:"none",stroke:"currentColor",strokeWidth:"16"}),jsx("text",{x:"128",y:"126",textAnchor:"middle",dominantBaseline:"central",fontFamily:"ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",fontSize:"140",fontWeight:"700",fill:"currentColor",stroke:"none",children:"R"})]})),zt=h("TextureFuse",jsx("path",{d:"M20 128h72q18 -84 36 0q18 84 36 0h72",fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round",strokeLinejoin:"round"})),Ot=h("TextureBreaker",jsxs(Fragment,{children:[jsx("rect",{x:"36",y:"36",width:"184",height:"184",fill:"none",stroke:"currentColor",strokeWidth:"16"}),jsx("text",{x:"128",y:"126",textAnchor:"middle",dominantBaseline:"central",fontFamily:"ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",fontSize:"140",fontWeight:"700",fill:"currentColor",stroke:"none",children:"B"})]})),Wt=h("TextureSource",jsxs(Fragment,{children:[jsx("path",{d:"M4 128h40M212 128h40",fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round"}),jsx("circle",{cx:"128",cy:"128",r:"84",fill:"none",stroke:"currentColor",strokeWidth:"16"}),jsx("path",{d:"M92 128q18 -84 36 0q18 84 36 0",fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round",strokeLinejoin:"round"})]})),Vt=h("TextureCapacitor",jsx(Fragment,{children:jsx("path",{d:"M4 128h106M146 128h106M110 72v112M146 72v112",fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round"})})),_t=h("TextureRegulator",jsxs(Fragment,{children:[jsx("circle",{cx:"128",cy:"128",r:"92",fill:"none",stroke:"currentColor",strokeWidth:"16"}),jsx("text",{x:"128",y:"126",textAnchor:"middle",dominantBaseline:"central",fontFamily:"ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",fontSize:"128",fontWeight:"700",fill:"currentColor",stroke:"none",children:"V"})]})),$t=h("TextureSwitch",jsxs(Fragment,{children:[jsx(Pe,{}),jsx(Qe,{})]})),Yt=h("TextureSwitchClosed",jsxs(Fragment,{children:[jsx(Pe,{}),jsx(Je,{})]})),Ut=h("TextureSectionalizerOpen",jsxs(Fragment,{children:[jsx(Pe,{}),jsx(Qe,{}),jsx("rect",{x:"97",y:"79",width:"60",height:"32",rx:"8",fill:"none",stroke:"currentColor",strokeWidth:"12",transform:"rotate(-32.6 127 95)"})]})),jt=h("TextureSectionalizerClosed",jsxs(Fragment,{children:[jsx(Pe,{}),jsx(Je,{}),jsx("rect",{x:"97",y:"109",width:"60",height:"32",rx:"8",fill:"none",stroke:"currentColor",strokeWidth:"12",transform:"rotate(-4.9 127 125)"})]})),Gt=h("TextureTransformer",jsxs(Fragment,{children:[jsx("path",{d:"M40 64H88A22 22 0 0 1 88 108A22 22 0 0 1 88 152A22 22 0 0 1 88 196H40",fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round",strokeLinejoin:"round"}),jsx("path",{d:"M216 64H168A22 22 0 0 0 168 108A22 22 0 0 0 168 152A22 22 0 0 0 168 196H216",fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round",strokeLinejoin:"round"})]})),ie={1:[128],2:[110,146],3:[92,128,164]},Le=e=>jsx("path",{d:`M24 ${e}h208`,fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round"},e),Ee=e=>jsx("path",{d:`M24 ${e}h208`,fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round",pathLength:100,strokeDasharray:"20 20"},e),qt=h("TextureSinglePhaseOverheadLine",jsx(Fragment,{children:ie[1].map(Le)})),Xt=h("TextureTwoPhaseOverheadLine",jsx(Fragment,{children:ie[2].map(Le)})),Qt=h("TextureThreePhaseOverheadLine",jsx(Fragment,{children:ie[3].map(Le)})),Jt=h("TextureSinglePhaseUndergroundLine",jsx(Fragment,{children:ie[1].map(Ee)})),Kt=h("TextureTwoPhaseUndergroundLine",jsx(Fragment,{children:ie[2].map(Ee)})),Zt=h("TextureThreePhaseUndergroundLine",jsx(Fragment,{children:ie[3].map(Ee)})),eo=h("TextureSupportStructure",jsx("circle",{cx:"128",cy:"128",r:"40",fill:"currentColor",stroke:"none"})),ke={TextureRecloser:At,TextureFuse:zt,TextureBreaker:Ot,TextureSource:Wt,TextureCapacitor:Vt,TextureRegulator:_t,TextureSwitch:$t,TextureSwitchClosed:Yt,TextureSectionalizerOpen:Ut,TextureSectionalizerClosed:jt,TextureTransformer:Gt,TextureSinglePhaseOverheadLine:qt,TextureTwoPhaseOverheadLine:Xt,TextureThreePhaseOverheadLine:Qt,TextureSinglePhaseUndergroundLine:Jt,TextureTwoPhaseUndergroundLine:Kt,TextureThreePhaseUndergroundLine:Zt,TextureSupportStructure:eo};if(process.env.NODE_ENV==="development")for(let e of Object.keys(ke))e in Ke&&console.error(`Custom icon "${e}" collides with a Phosphor icon of the same name. Rename it (use the "Texture" prefix) to keep the icon namespace unambiguous.`);var se={xs:16,sm:20,md:24,lg:32,xl:40,"2xl":48},D=memo(({name:e,size:o="md",color:t,weight:r="regular",className:n,ariaLabel:a,...l})=>{let i=ke[e]??Ke[e];if(!i)return process.env.NODE_ENV==="development"&&console.error(`Icon "${e}" not found in @phosphor-icons/react or the custom icon registry`),null;let s=typeof o=="string"&&o in se?se[o]:o,c=twMerge("inline-block flex-shrink-0",!t&&"text-current",n);return jsx(i,{...l,size:s,color:t,weight:r,className:c,"aria-label":a||`${e} icon`,"data-testid":`icon-${e}`})});D.displayName="Icon";var tt=memo(({variant:e="subtle",shape:o="square",containerSize:t,containerClassName:r,size:n="md",className:a,name:l,color:i,weight:s,ariaLabel:c,ref:p,...u})=>{let x=typeof n=="string"&&n in se?se[n]:n,k=t?typeof t=="string"&&t in se?se[t]:t:x*1.75,b=twMerge("inline-flex items-center justify-center flex-shrink-0",o==="circle"?"rounded-full":"rounded-lg",e==="subtle"&&"bg-background-muted",e==="solid"&&"bg-action-brand text-[color:var(--color-action-brand-text)]",e==="outline"&&"border-2 border-current",r);return jsx("div",{className:b,style:{width:k,height:k},children:jsx(D,{...u,name:l,size:n,color:i,weight:s,className:a,ariaLabel:c})})});tt.displayName="IconWithContainer";var ro="flex font-medium justify-center items-center gap-2 text-center transition rounded-[var(--control-border-radius)] whitespace-nowrap box-border",no="bg-action-primary text-[color:var(--color-action-primary-text)] hover:bg-action-primary-hover forced-colors:bg-[ButtonText] forced-colors:text-[ButtonFace] border-2 border-transparent",ao={primary:no,secondary:"bg-action-secondary text-[color:var(--color-action-secondary-text)] border-2 border-border-muted hover:bg-action-secondary-hover forced-colors:border-[ButtonBorder] forced-colors:bg-[ButtonFace] forced-colors:text-[ButtonText]",ghost:"border-none text-text-primary hover:bg-text-primary/5 forced-colors:text-[ButtonText] forced-colors:hover:bg-[ButtonFace]",destructive:"bg-transparent text-feedback-error-text border-2 border-border-muted hover:bg-feedback-error-background/50 forced-colors:border-[ButtonBorder] forced-colors:bg-[ButtonFace] forced-colors:text-[Mark]",link:"!text-action-primary hover:text-action-primary/90 hover:underline hover:decoration-2 hover:underline-offset-4",icon:"border-none text-text-primary hover:bg-background-hover hover:text-text-primary forced-colors:text-[ButtonText] forced-colors:hover:bg-[ButtonFace] p-1 flex-shrink-0 rounded-[var(--control-border-radius)]",unstyled:"bg-transparent"},rt={full:"w-full",default:"w-fit"},io="opacity-50 cursor-not-allowed pointer-events-none",so="opacity-100 cursor-pointer",lo={"top-right":"-right-2 -top-2","top-left":"-left-2 -top-2","bottom-right":"-right-2 -bottom-2","bottom-left":"-left-2 -bottom-2"},co={primary:"bg-action-primary text-[color:var(--color-action-primary-text)]",destructive:"bg-feedback-error-border text-text-inverse"};function uo(e){return !e||e==="default"||e==="brand"?"primary":e}function po(e){let{variant:o="primary",size:t="md",isDisabled:r,fullWidth:n=false,isLoading:a=false}=e,l=uo(o),i=l==="unstyled"?"":`${ro} ${ao[l]}`;l!=="unstyled"&&(i+=` ${ee[t].text} ${ee[t].height} ${ee[t].padding} ${ee[t].gap}`),r||a?i+=` ${io}`:i+=` ${so}`,n?i+=` ${rt.full}`:i+=` ${rt.default}`;let s=l==="primary"?"focus-visible:outline-action-primary":void 0;return [i,Xe(),s].filter(Boolean).join(" ")}function $(e){let{icon:o,children:t,isLoading:r=false,loadingText:n,loadingIndicator:a,size:l="md",iconPosition:i="left",iconWeight:s,href:c,className:p,badgeNumber:u,badgeVariant:x="primary",badgePosition:k="top-right",style:b,target:S,rel:B,...N}=e,m=o?jsx(D,{name:o,size:l,weight:s}):null,C=jsxs(Fragment,{children:[i==="left"&&m,typeof t=="function"?null:t,i==="right"&&m]}),R=jsxs("div",{className:"relative inline-flex items-center justify-center",children:[jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:a||jsx(D,{name:"CircleNotch",size:l,className:"animate-spin","aria-hidden":"true"})}),jsx("div",{className:"invisible","aria-hidden":"true",children:C}),n&&jsx("span",{className:"sr-only",role:"status","aria-live":"polite",children:n})]}),v=(u??0)>0,w=twMerge(po(e),p),j=c?{href:c,target:S,rel:B,...N}:{};if(c){let{onPress:W,onPressStart:L,onPressEnd:ce,onPressChange:G,onPressUp:re,onAuxClick:ue,onContextMenu:ne,onDoubleClick:V,...E}=N;Object.assign(j,E);}let M=c?jsx(Link,{...j,...r&&{"aria-busy":true},style:v?void 0:b,className:w,children:r?R:typeof t=="function"?(function(W){return jsxs(Fragment,{children:[i==="left"&&m,t(W),i==="right"&&m]})}):C}):jsx(Button,{...N,...r&&{"aria-busy":true},style:v?void 0:b,className:w,children:r?R:typeof t=="function"?(function(W){return jsxs(Fragment,{children:[i==="left"&&m,t(W),i==="right"&&m]})}):C});return v?jsxs("div",{className:twMerge("relative flex",p),style:b,children:[M,jsx("span",{className:`absolute ${lo[k]} flex h-5 w-5 items-center justify-center rounded-full ${co[x]} text-xs font-medium`,"aria-label":`${u} items`,children:u})]}):M}function Ae({action:e,defaultVariant:o,defaultSize:t="lg"}){let r=!!e.formId;return jsx($,{type:r?"submit":"button",form:r?e.formId:void 0,size:e.size||t,variant:e.variant||o,onPress:r?void 0:e.onPress,isLoading:e.isLoading,isDisabled:e.isDisabled,children:e.label})}function X({primaryAction:e,secondaryAction:o,tertiaryAction:t,footerContent:r}){let n=e||o||t;return !n&&!r?null:jsxs("div",{className:`flex w-full flex-col items-center justify-center border-t p-4 ${r?"h-28":""}`,children:[r&&jsx("div",{className:"flex h-10 justify-center",children:r}),n&&jsxs("div",{className:"flex w-full items-center justify-between gap-3",children:[jsx("div",{children:t&&jsx(Ae,{action:t,defaultVariant:"destructive"})}),jsxs("div",{className:"flex items-center gap-3",children:[o&&jsx(Ae,{action:o,defaultVariant:"secondary"}),e&&jsx(Ae,{action:e,defaultVariant:"primary"})]})]})]})}var fo={heading:{sm:F.headingSm,md:F.headingMd,lg:F.headingLg,xl:F.headingXl},display:{sm:F.displaySm,md:F.displayMd,lg:F.displayLg,xl:F.displayXl}},mo={page:"h-16 leading-[62px]"};function te({tag:e="h1",variant:o="heading",size:t="lg",height:r,className:n="",children:a}){let l=t==="xs"?"sm":t,i=fo[o][l],s=r?mo[r]:"";return jsx(e,{className:ye(i,"text-text-primary",s,n),children:a})}var T=({title:e,onClose:o,hideCloseIcon:t=false,titleAlign:r="left",hasBackArrow:n=false,onBack:a,headerContent:l})=>jsxs("div",{className:twMerge("relative flex h-16 w-full flex-shrink-0 items-center justify-between border-b px-6",e&&"border-b",r==="center"?"justify-center":""),children:[n&&jsx($,{variant:"icon",onPress:a,className:"absolute left-6","aria-label":"Go back",children:jsx(D,{name:"CaretLeft","data-testid":"back-arrow"})}),l||jsxs(Fragment,{children:[e&&jsx(te,{size:"xs",children:e}),o&&!t&&jsx($,{variant:"icon",onPress:o,"aria-label":"Close dialog",children:jsx(D,{name:"X","data-testid":"close-button"})})]})]});var I=({width:e,height:o,variant:t="rect",animation:r="pulse",gradient:n=false,flex:a=false,stack:l,responsive:i,delay:s=0,adjustAnimationSpeedBasedOnWidth:c=false,ariaLabel:p,className:u,"data-testid":x})=>{let[k,b]=useState(s===0);if(useEffect(()=>{if(s>0){let v=setTimeout(()=>b(true),s);return ()=>clearTimeout(v)}},[s]),!k)return null;let S=n?"bg-gradient-to-r from-[var(--color-skeleton-base)] via-[var(--color-skeleton-highlight)] to-[var(--color-skeleton-base)]":"bg-[var(--color-skeleton-base)]",B=c&&e?(()=>{let v=typeof e=="number"?e:parseFloat(String(e));return isNaN(v)?"":`animation-duration-[${Math.max(.8,v/100)}s]`})():"",N=r==="pulse"?`animate-pulse ${B}`:r==="wave"?`relative overflow-hidden before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-[var(--color-skeleton-wave)] before:to-transparent before:animate-wave ${B}`:"",m="rounded-sm";t==="circle"&&(m="rounded-full"),t==="text"&&(m="h-4 w-full rounded-sm");let C=a?"flex-1 min-w-0":"",R=i?Object.entries(i).map(([v,w])=>`${v}:w-[${w}]`).join(" "):"";return l?jsx("div",{className:"space-y-2","data-testid":x,children:l.map((v,w)=>jsx("div",{className:twMerge(S,N,m,C,R,u),style:{width:v,height:o}},w))}):jsx("div",{className:twMerge(S,N,m,C,R,u),style:{width:e,height:o},role:"presentation","aria-hidden":!p,"aria-label":p??void 0,"data-testid":x})};var yo={outlined:"bg-background-surface border border-border-default",elevated:"bg-background-surface border-0 shadow-md",filled:"bg-background-muted border-0",ghost:"bg-transparent border-0 shadow-none"},Po="rounded-lg",We={square:"aspect-square",video:"aspect-video",wide:"aspect-[2/1]",auto:""},ko={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between"};function Y({variant:e="outlined",className:o,children:t,isLoading:r=false,layout:n="default"}){return jsx("div",{className:twMerge("w-full overflow-hidden",yo[e],Po,n==="flex"&&"flex flex-col",o),"data-testid":"card",children:r?jsx(I,{width:"100%",height:"100%",className:"rounded-none"}):t})}function it({title:e,subtitle:o,actions:t,className:r,isLoading:n=false}){return n?jsxs("div",{className:twMerge("p-6 pb-4",r),children:[jsxs("div",{className:"flex justify-between items-start mb-1",children:[jsx(I,{width:120,height:20}),jsx(I,{width:24,height:24})]}),o&&jsx(I,{width:200,height:16})]}):!e&&!o&&!t?null:jsx("div",{className:twMerge("p-6 pb-4",r),children:jsxs("div",{className:"flex justify-between items-start gap-4",children:[jsxs("div",{className:"min-w-0 flex-1",children:[e&&jsx("div",{className:"mb-1",children:typeof e=="string"?jsx(te,{tag:"h3",size:"sm",className:"text-text-primary",children:e}):e}),o&&jsx("div",{className:qe("bodySm","text-text-secondary"),children:o})]}),t&&jsx("div",{className:"flex-shrink-0",children:t})]})})}function st({src:e,alt:o,aspectRatio:t="auto",className:r,children:n,isLoading:a=false}){return a?jsx("div",{className:twMerge("bg-background-muted",We[t],r),children:jsx(I,{width:"100%",height:"100%"})}):n?jsx("div",{className:twMerge("overflow-hidden",We[t],r),children:n}):e?jsx("div",{className:twMerge("overflow-hidden",We[t],r),children:jsx("img",{src:e,alt:o||"",className:"w-full h-full object-cover",loading:"lazy"})}):null}function lt({className:e,children:o,isLoading:t=false,fill:r=false}){let a=e?.match(/p(?:t|b|l|r|x|y)?-(?:\d+(?:\.\d+)?|px|\[.+?\])/)?"":"px-6 py-4";return t?jsx("div",{className:twMerge(a,r&&"flex-1 flex flex-col min-h-0",e),children:jsxs("div",{className:"space-y-2",children:[jsx(I,{width:"100%",height:16}),jsx(I,{width:"80%",height:16}),jsx(I,{width:"60%",height:16})]})}):o?jsx("div",{className:twMerge("px-6 py-4 text-text-primary",r&&"flex-1 flex flex-col min-h-0",e),children:o}):null}function dt({className:e,children:o,align:t="end",isLoading:r=false}){return r?jsxs("div",{className:twMerge("px-6 py-4 flex gap-2 justify-end",e),children:[jsx(I,{width:80,height:32}),jsx(I,{width:60,height:32})]}):o?jsx("div",{className:twMerge("px-6 py-4 flex items-center gap-2",ko[t],e),children:o}):null}Y.Header=it;Y.Media=st;Y.Content=lt;Y.Footer=dt;var z=class extends Component{constructor(){super(...arguments);Me(this,"state",{hasError:false});Me(this,"handleRetry",()=>{this.setState({hasError:false,error:void 0}),typeof window<"u"&&window.location.reload();});}static getDerivedStateFromError(t){return {hasError:true,error:t}}componentDidCatch(t,r){console.error("Error Boundary caught an error:",t,r);}render(){return this.state.hasError?this.props.fallback?this.props.fallback:jsxs(Y,{children:[this.props.title&&jsx(Y.Header,{title:this.props.title}),jsx(Y.Content,{children:jsxs("div",{className:"flex flex-col items-center justify-center gap-4","data-testid":"error-boundary",children:[jsx("p",{className:"text-feedback-error-text",children:this.state.error?.message||"Something went wrong"}),jsx("button",{className:"rounded bg-action-default px-4 py-2 text-[color:var(--color-action-default-text)] hover:bg-action-default-hover",onClick:this.handleRetry,children:"Retry"})]})})]}):this.props.children}};function Q({transparent:e=false,className:o,children:t,...r}){return jsx(ModalOverlay,{...r,className:composeRenderProps(o,(n,a)=>twMerge("fixed inset-0 z-50","outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",e?"bg-transparent":["bg-gradient-to-br from-background-modal/20 via-background-modal/15 to-background-modal/20","backdrop-blur-[2px]","supports-[backdrop-filter]:bg-background-modal/15"].join(" "),a.isEntering&&["animate-in fade-in","duration-300 ease-out"].join(" "),a.isExiting&&["animate-out fade-out","duration-200 ease-in"].join(" "),n)),children:t})}var Io=.3,Bo=.5;function Re({children:e,title:o,headerContent:t,titleAlign:r="left",hideCloseIcon:n=false,hasBackArrow:a=false,onBack:l,isOpen:i,onClose:s,isDismissable:c=true,transparentOverlay:p=false,primaryAction:u,secondaryAction:x,footerContent:k,maxHeight:b="80vh",height:S,maxWidth:B="640px",contentPadding:N=true,showHandle:m=true,animationVariant:C="scale",className:R}){let[v,w]=useState(false),[j,M]=useState(0),[W,L]=useState(false),ce=ve(i),G=ce?.height??null,re=ce?.keyboardOffset??0,ue=useRef(null),ne=useRef(null),V=useRef(null),E=useRef({isDragging:false,startY:0,startTime:0,pointerId:null});useEffect(()=>{if(i){let g=setTimeout(()=>{w(true),setTimeout(()=>w(false),600);},400);return ()=>clearTimeout(g)}},[i]),useEffect(()=>{i||(M(0),L(false),E.current={isDragging:false,startY:0,startTime:0,pointerId:null});},[i]),useEffect(()=>{let g=ne.current;if(!g||!i)return;let _=null,ae=me=>{let Z=me.target;Z&&["INPUT","TEXTAREA","SELECT"].includes(Z.tagName)&&(_&&clearTimeout(_),_=setTimeout(()=>{Z.scrollIntoView({block:"nearest",behavior:"smooth"});},320));};return g.addEventListener("focusin",ae),()=>{g.removeEventListener("focusin",ae),_&&clearTimeout(_);}},[i]);let J=useCallback(g=>{c&&(g.pointerType!=="touch"&&g.pointerType!=="pen"||(V.current&&(clearTimeout(V.current),V.current=null),E.current={isDragging:true,startY:g.clientY,startTime:Date.now(),pointerId:g.pointerId},L(false),g.currentTarget.setPointerCapture(g.pointerId)));},[c]),K=useCallback(g=>{let{isDragging:_,startY:ae,pointerId:me}=E.current;if(!_||g.pointerId!==me)return;let Z=g.clientY-ae;M(Math.max(0,Z));},[]),pe=useCallback(g=>{let{isDragging:_,startY:ae,startTime:me,pointerId:Z}=E.current;if(!_||g.pointerId!==Z)return;let Be=g.clientY-ae,Rt=Date.now()-me,St=Be/Rt;E.current={isDragging:false,startY:0,startTime:0,pointerId:null};let Tt=(ue.current?.getBoundingClientRect().height??0)*Io;(Be>Tt||St>Bo&&Be>50)&&c?(s?.(),M(0)):(L(true),M(0),V.current=setTimeout(()=>{L(false),V.current=null;},200));},[c,s]);if(!i)return null;let Ie=o||t,fe=u||x||k;return jsx(z,{children:jsx(Q,{isOpen:i,onOpenChange:g=>{g||s?.();},isDismissable:c,transparent:p,style:{paddingBottom:re>0?`${re}px`:void 0,transition:"padding-bottom 0.25s ease-out"},className:"flex items-end justify-center p-0 sm:p-4",children:jsx(Modal,{className:"w-full max-w-full p-0 sm:p-2 outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",isDismissable:c,children:jsx("div",{ref:ue,className:twMerge("w-full",W&&"transition-transform duration-200"),style:{transform:j>0?`translateY(${j}px)`:void 0},children:jsxs(Dialog,{className:twMerge("relative flex w-full flex-col overflow-hidden","bg-background-surface","shadow-2xl shadow-black/30 dark:shadow-black/60","border-t border-x border-border-default/40","outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0 focus:shadow-none","origin-bottom",C==="scale"?"animate-[tray-enter-scale_400ms_cubic-bezier(0.32,0.72,0,1)]":"animate-[tray-enter_400ms_cubic-bezier(0.32,0.72,0,1)]",C==="scale"?"data-[exiting]:animate-[tray-exit-scale_250ms_cubic-bezier(0.32,0,0.67,0)]":"data-[exiting]:animate-[tray-exit_250ms_cubic-bezier(0.32,0,0.67,0)]",R),style:{maxWidth:B,...S?{height:S}:{maxHeight:/\d/.test(b)?G!==null?`min(${b}, ${Math.max(G-8,0)}px, 100dvh)`:`min(${b}, 100dvh)`:b}},children:[m&&jsx("div",{className:"absolute top-0 left-0 right-0 h-8 z-10 flex justify-center items-start pt-2 touch-none cursor-grab active:cursor-grabbing",onPointerDown:J,onPointerMove:K,onPointerUp:pe,onPointerCancel:pe,children:jsx("div",{className:twMerge("h-1 w-12 rounded-full bg-border-muted transition-all duration-300","hover:bg-border-default hover:w-16",v&&"animate-[handle-wiggle_0.6s_ease-in-out]")})}),Ie&&(a?jsx(T,{title:o,headerContent:t,titleAlign:r,hideCloseIcon:n||!s,hasBackArrow:true,onBack:l??(()=>{}),onClose:s||(()=>{})}):jsx(T,{title:o,headerContent:t,titleAlign:r,hideCloseIcon:n||!s,onClose:s||(()=>{})})),jsx("div",{ref:ne,className:twMerge("flex-1 min-h-0 overflow-y-auto overscroll-contain",N?"p-4":"p-0"),children:e}),fe&&jsx(X,{primaryAction:u,secondaryAction:x,footerContent:k})]})})})})})}Re.displayName="Tray";function Ue({isOpen:e,onClose:o,title:t,headerContent:r,titleAlign:n="left",hideCloseIcon:a=false,hasBackArrow:l=false,onBack:i,children:s,primaryAction:c,secondaryAction:p,tertiaryAction:u,footerContent:x,transparentOverlay:k=false,maxWidth:b="600px",minWidth:S="400px",maxHeight:B="85vh",height:N,mobileMaxHeight:m="90vh",mobileHeight:C,contentPadding:R=true,className:v}){let w=Ge("(max-width: 767px)"),j=ve(w&&e===void 0),M=j?.height??null,W=j?.keyboardOffset??0,L=useRef(null),ce=useCallback(()=>{L.current&&L.current.scrollTop!==0&&(L.current.scrollTop=0);},[]),G=useRef(null),re=useRef(null);useEffect(()=>{let J=re.current;if(!J||!w)return;let K=null,pe=Ie=>{let fe=Ie.target;fe&&["INPUT","TEXTAREA","SELECT"].includes(fe.tagName)&&(K&&clearTimeout(K),K=setTimeout(()=>{fe.scrollIntoView({block:"nearest",behavior:"smooth"});},320));};return J.addEventListener("focusin",pe),()=>{J.removeEventListener("focusin",pe),K&&clearTimeout(K);}},[w]);let ue=useCallback(()=>{G.current&&G.current.scrollTop!==0&&(G.current.scrollTop=0);},[]);if(e===false)return null;let ne=t||r,V=c||p||u||x,E=e!==void 0;return w?E?jsx(Re,{isOpen:e,onClose:o,title:t,headerContent:r,titleAlign:n,hideCloseIcon:a,hasBackArrow:l,onBack:i,primaryAction:c,secondaryAction:p,footerContent:x,transparentOverlay:k,maxHeight:m,height:C,maxWidth:b,contentPadding:R,showHandle:true,animationVariant:"scale",className:v,children:s}):jsx(z,{children:jsx(Q,{isDismissable:true,transparent:k,style:{paddingBottom:W>0?`${W}px`:void 0,transition:"padding-bottom 0.25s ease-out"},className:"flex items-end justify-center",children:jsx(Modal,{className:"w-full p-0 outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",children:jsxs(Dialog,{ref:L,onScroll:ce,className:twMerge("relative flex w-full flex-col","bg-background-surface","shadow-2xl shadow-black/20","border-t border-x border-border-default/40","rounded-t-xl","overflow-hidden","animate-in slide-in-from-bottom","duration-300 ease-out","data-[exiting]:animate-out data-[exiting]:slide-out-to-bottom","data-[exiting]:duration-200 data-[exiting]:ease-in",v),style:{...C?{height:C}:{maxHeight:/\d/.test(m)?M!==null?`min(${m}, ${Math.max(M-8,0)}px, 100dvh)`:`min(${m}, 100dvh)`:m}},children:[jsx("div",{className:"flex justify-center pt-2",children:jsx("div",{className:"h-1.5 w-12 rounded-full bg-border-muted"})}),ne&&(l?jsx(T,{title:t,headerContent:r,titleAlign:n,hideCloseIcon:a||!o,hasBackArrow:true,onBack:i,onClose:o||(()=>{})}):jsx(T,{title:t,headerContent:r,titleAlign:n,hideCloseIcon:a||!o,onClose:o||(()=>{})})),jsx("div",{ref:re,className:twMerge("flex-1 min-h-0 overflow-y-auto overscroll-contain",R?"px-6 py-6":"p-0"),children:s}),V&&jsx(X,{primaryAction:c,secondaryAction:p,tertiaryAction:u,footerContent:x})]})})})}):jsx(z,{children:jsx(Q,{...E?{isOpen:e,onOpenChange:J=>{!J&&o&&o();}}:{},isDismissable:true,transparent:k,className:"flex items-center justify-center",children:jsx(Modal,{className:"w-full p-4 outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",style:{maxWidth:b},children:jsxs(Dialog,{ref:G,onScroll:ue,className:twMerge("relative flex w-full flex-col","bg-background-surface","shadow-2xl shadow-black/20","border border-border-default/50","rounded-md","overflow-hidden","outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0","animate-in fade-in zoom-in-96 slide-in-from-bottom-2","duration-300 ease-out","data-[exiting]:animate-out data-[exiting]:fade-out data-[exiting]:zoom-out-95","data-[exiting]:duration-200 data-[exiting]:ease-in",v),style:{minWidth:S,...N?{height:N}:{maxHeight:B}},children:[ne&&(l?jsx(T,{title:t,headerContent:r,titleAlign:n,hideCloseIcon:a||!o,hasBackArrow:true,onBack:i,onClose:o||(()=>{})}):jsx(T,{title:t,headerContent:r,titleAlign:n,hideCloseIcon:a||!o,onClose:o||(()=>{})})),jsx("div",{className:twMerge("flex-1 min-h-0 overflow-y-auto",R?"px-6 py-6":"p-0"),children:s}),V&&jsx(X,{primaryAction:c,secondaryAction:p,tertiaryAction:u,footerContent:x})]})})})})}function xe(e){return jsx(Form,{validationBehavior:"aria",...e,className:twMerge("flex flex-col gap-6",e.className)})}function Pa({formId:e="dialog-form",onSubmit:o,primaryLabel:t="Save",secondaryLabel:r="Cancel",onCancel:n,primaryVariant:a,secondaryVariant:l="secondary",children:i,title:s,...c}){return jsx(Ue,{title:s,primaryAction:{label:t,onPress:()=>{let u=document.getElementById(e);u&&u.requestSubmit();},variant:a},secondaryAction:n?{label:r,onPress:n,variant:l}:void 0,...c,children:jsx(xe,{id:e,onSubmit:o,children:i})})}function Te({children:e,title:o,headerContent:t,titleAlign:r="left",hideCloseIcon:n=false,hasBackArrow:a=false,onBack:l,isOpen:i,slideInFrom:s="right",transparentOverlay:c=false,onClose:p,className:u,primaryAction:x,secondaryAction:k,tertiaryAction:b,footerContent:S,contentPadding:B=true,maxWidth:N="400px"}){if(!i)return null;let m=o||t,C=x||k||b||S;return jsx(z,{children:jsx(Q,{isOpen:i,onOpenChange:R=>!R&&p?.(),isDismissable:true,transparent:c,children:jsx(Modal,{className:"outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",children:jsxs(Dialog,{className:twMerge("fixed top-0 bottom-0 flex flex-col bg-background-surface shadow-xl overflow-hidden",s==="right"?"right-0":"left-0",s==="right"?"animate-in slide-in-from-right duration-300 ease-out":"animate-in slide-in-from-left duration-300 ease-out","data-[exiting]:animate-out",s==="right"?"data-[exiting]:slide-out-to-right":"data-[exiting]:slide-out-to-left","data-[exiting]:duration-200 data-[exiting]:ease-in","outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-action-default focus-visible:outline-offset-0",u),style:{maxWidth:N,width:"100%"},children:[m&&(a&&l?jsx(T,{title:o,headerContent:t,titleAlign:r,hideCloseIcon:n,hasBackArrow:true,onBack:l,onClose:p}):jsx(T,{title:o,headerContent:t,titleAlign:r,hideCloseIcon:n,onClose:p})),jsx("div",{className:twMerge("flex-1 overflow-y-auto overscroll-contain",B?"px-6 py-6":"p-0"),children:e}),C&&jsx(X,{primaryAction:x,secondaryAction:k,tertiaryAction:b,footerContent:S})]})})})})}Te.displayName="Drawer";function Ha({formId:e="drawer-form",onSubmit:o,primaryLabel:t="Save",secondaryLabel:r="Cancel",onCancel:n,primaryVariant:a,secondaryVariant:l="secondary",children:i,...s}){return jsx(Te,{primaryAction:{label:t,onPress:()=>{let p=document.getElementById(e);p&&p.requestSubmit();},variant:a},secondaryAction:n?{label:r,onPress:n,variant:l}:void 0,...s,children:jsx(xe,{id:e,onSubmit:o,className:"mt-2",children:i})})}function Wa({align:e="end",className:o,...t}){return jsx("div",{...t,className:twMerge("flex gap-2",e==="start"?"justify-start":e==="between"?"justify-between":"justify-end",o)})}var $o={sm:"gap-2",md:"gap-4",lg:"gap-6"};function Yo(e){if(!e)return "";let o=e.base?`grid-cols-${e.base}`:"",t=e.md?`md:grid-cols-${e.md}`:"",r=e.lg?`lg:grid-cols-${e.lg}`:"";return [o,t,r].filter(Boolean).join(" ")}function Ya({cols:e={base:1},gap:o="lg",className:t,...r}){return jsx("div",{...r,className:twMerge("grid",Yo(e),$o[o],t)})}var Go=jo__default.forwardRef(({children:e,className:o},t)=>jsx("div",{ref:t,className:twMerge("relative w-full",o),children:e}));Go.displayName="InputWrapper";function vt({size:e="md",className:o,children:t,...r}){return jsx("div",{...r,className:twMerge("leading-[2.25] text-text-secondary",ee[e].text,o),children:t})}function oi({title:e,description:o,showDivider:t,className:r,children:n,...a}){return jsxs("section",{...a,className:twMerge("flex flex-col",r),children:[(e||o)&&jsxs("div",{className:"flex flex-col gap-1 mb-6",children:[typeof e=="string"?jsx(te,{tag:"h3",size:"sm",children:e}):e,o?jsx(vt,{size:"lg",children:o}):null]}),jsx("div",{className:"flex flex-col gap-6",children:n}),t&&jsx("hr",{className:"mt-2 border-border-muted"})]})}function ri(){return jsx("hr",{className:"border-border-muted"})}function li({steps:e,currentStepId:o,onStepClick:t,className:r}){let n=e.findIndex(a=>a.id===o);return jsx("nav",{"aria-label":"Progress",className:twMerge("w-full",r),children:jsx("div",{className:"relative mb-12",children:jsx("ol",{className:"relative flex items-start justify-between",children:e.map((a,l)=>{let i=a.id===o,s=l<n,c=t&&(s||i);return jsxs("li",{className:"relative flex flex-col items-center",style:{flex:`1 1 ${100/e.length}%`},children:[jsx("button",{type:"button",disabled:!c,onClick:()=>c&&t?.(a.id),className:twMerge("relative z-10 flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 transition-colors bg-background-body",s&&"border-action-primary bg-action-primary text-text-inverse hover:bg-action-primary/90",i&&"border-action-primary bg-background-body text-action-primary",!s&&!i&&"border-border-default bg-background-body text-text-secondary",c&&"cursor-pointer",!c&&"cursor-default"),"aria-current":i?"step":void 0,children:s?jsx(D,{name:"Check",size:20,weight:"bold"}):jsx("span",{className:"text-sm font-semibold",children:l+1})}),l<e.length-1&&jsx("div",{className:"absolute top-5 h-0.5 transition-colors",style:{left:"50%",width:"100%",marginLeft:"20px",backgroundColor:l<n?"var(--color-action-primary)":"var(--color-border-default)"}}),jsxs("div",{className:"mt-3 flex flex-col items-center text-center w-32",children:[jsx("span",{className:twMerge("text-sm font-medium",i&&"text-text-default",s&&"text-text-primary",!i&&!s&&"text-text-secondary"),children:a.title}),a.description&&jsx("span",{className:"mt-1 text-xs text-text-secondary",children:a.description})]})]},a.id)})})})})}function fi({formId:e,show:o,isSubmitting:t,onCancel:r,primaryLabel:n="Save changes",secondaryLabel:a="Cancel",className:l}){return o?jsx("div",{className:twMerge("fixed inset-x-0 bottom-0 z-40 border-t border-border-muted bg-background-surface/95 backdrop-blur supports-[backdrop-filter]:bg-background-surface/70",l),children:jsxs("div",{className:"mx-auto flex max-w-screen-lg items-center justify-between gap-3 p-3",children:[jsx("div",{className:"text-sm text-text-secondary",children:"You have unsaved changes"}),jsxs("div",{className:"flex gap-2",children:[jsx($,{variant:"secondary",onPress:r,children:a}),jsx($,{type:"submit",form:e,isDisabled:!!t,children:t?"Saving...":n})]})]})}):null}function hi({when:e,message:o="You have unsaved changes. Leave anyway?"}){return jo.useEffect(()=>{if(!e)return;let t=r=>(r.preventDefault(),r.returnValue=o,o);return window.addEventListener("beforeunload",t),()=>window.removeEventListener("beforeunload",t)},[e,o]),null}function bi({steps:e,initialStepId:o,canNavigate:t}){if(e.length===0)throw new Error("useWizard: steps array cannot be empty");let[r,n]=jo.useState(o||e[0].id),a=e.findIndex(u=>u.id===r),l=a>0,i=a<e.length-1,s=async u=>u===r?true:t&&!await t(r,u)?false:(n(u),true);return {steps:e,currentStepId:r,setCurrentStepId:s,next:async()=>!i||a===-1?false:s(e[a+1].id),prev:async()=>!l||a===-1?false:s(e[a-1].id),hasNext:i,hasPrev:l,stepIndex:a}}
2
+ export{Pa as DialogForm,Ha as DrawerForm,Wa as FormActions,ri as FormDivider,Ya as FormGrid,oi as FormSection,li as FormStepper,fi as SaveBar,hi as UnsavedChangesPrompt,bi as useWizard};//# sourceMappingURL=index.js.map
2
3
  //# sourceMappingURL=index.js.map