@texturehq/edges 1.25.2 → 1.26.0

package/dist/form/index.d.cts

@@ -1,3 +1,3 @@
-export { g as DialogForm, m as DialogFormProps, h as DrawerForm, n as DrawerFormProps, F as FormActions, o as FormActionsProps, j as FormDivider, i as FormGrid, p as FormGridProps, k as FormSection, q as FormSectionProps, l as FormStepper, s as FormStepperProps, S as SaveBar, t as SaveBarProps, r as Step, U as UnsavedChangesPrompt, v as UnsavedChangesPromptProps, w as UseWizardOptions, W as WizardStep, u as useWizard } from '../index-DKA9NMRw.cjs';
+export { g as DialogForm, m as DialogFormProps, h as DrawerForm, n as DrawerFormProps, F as FormActions, o as FormActionsProps, j as FormDivider, i as FormGrid, p as FormGridProps, k as FormSection, q as FormSectionProps, l as FormStepper, s as FormStepperProps, S as SaveBar, t as SaveBarProps, r as Step, U as UnsavedChangesPrompt, v as UnsavedChangesPromptProps, w as UseWizardOptions, W as WizardStep, u as useWizard } from '../index-Dkhk7IbI.cjs';
 import 'react/jsx-runtime';
 import 'react';

package/dist/form/index.d.ts

@@ -1,3 +1,3 @@
-export { g as DialogForm, m as DialogFormProps, h as DrawerForm, n as DrawerFormProps, F as FormActions, o as FormActionsProps, j as FormDivider, i as FormGrid, p as FormGridProps, k as FormSection, q as FormSectionProps, l as FormStepper, s as FormStepperProps, S as SaveBar, t as SaveBarProps, r as Step, U as UnsavedChangesPrompt, v as UnsavedChangesPromptProps, w as UseWizardOptions, W as WizardStep, u as useWizard } from '../index-DKA9NMRw.js';
+export { g as DialogForm, m as DialogFormProps, h as DrawerForm, n as DrawerFormProps, F as FormActions, o as FormActionsProps, j as FormDivider, i as FormGrid, p as FormGridProps, k as FormSection, q as FormSectionProps, l as FormStepper, s as FormStepperProps, S as SaveBar, t as SaveBarProps, r as Step, U as UnsavedChangesPrompt, v as UnsavedChangesPromptProps, w as UseWizardOptions, W as WizardStep, u as useWizard } from '../index-Dkhk7IbI.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/form/index.js

@@ -1,2 +1,2 @@
-import {Modal,Dialog,Form,Link,Button,ModalOverlay,composeRenderProps}from'react-aria-components';import {twMerge}from'tailwind-merge';import*as Ke from'react';import {memo,useState,useEffect,useRef,useCallback,Component}from'react';import*as lt from'@phosphor-icons/react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var at=Object.defineProperty;var nt=(e,t,o)=>t in e?at(e,t,{enumerable:true,configurable:true,writable:true,value:o}):e[t]=o;var ge=(e,t,o)=>nt(e,typeof t!="symbol"?t+"":t,o);function De(e,t=false){let[o,r]=useState(t);return useEffect(()=>{if(typeof window>"u")return;let a=window.matchMedia(e);r(a.matches);let n=s=>{r(s.matches);};return a.addEventListener("change",n),()=>{a.removeEventListener("change",n);}},[e]),o}function Se(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 $={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 G={xs:16,sm:20,md:24,lg:32,xl:40,"2xl":48},D=memo(({name:e,size:t="md",color:o,weight:r="regular",className:a,ariaLabel:n,...s})=>{let i=lt[e];if(!i)return process.env.NODE_ENV==="development"&&console.error(`Icon "${e}" not found in @phosphor-icons/react`),null;let l=typeof t=="string"&&t in G?G[t]:t,d=twMerge("inline-block flex-shrink-0",!o&&"text-current",a);return jsx(i,{...s,size:l,color:o,weight:r,className:d,"aria-label":n||`${e} icon`,"data-testid":`icon-${e}`})});D.displayName="Icon";var Ie=memo(({variant:e="subtle",shape:t="square",containerSize:o,containerClassName:r,size:a="md",className:n,name:s,color:i,weight:l,ariaLabel:d,ref:p,...c})=>{let g=typeof a=="string"&&a in G?G[a]:a,x=o?typeof o=="string"&&o in G?G[o]:o:g*1.75,y=twMerge("inline-flex items-center justify-center flex-shrink-0",t==="circle"?"rounded-full":"rounded-lg",e==="subtle"&&"bg-gray-100 dark:bg-gray-800",e==="solid"&&"bg-brand text-white",e==="outline"&&"border-2 border-current",r);return jsx("div",{className:y,style:{width:x,height:x},children:jsx(D,{...c,name:s,size:a,color:i,weight:l,className:n,ariaLabel:d})})});Ie.displayName="IconWithContainer";var ut="flex font-medium justify-center items-center gap-2 text-center transition rounded-[var(--control-border-radius)] whitespace-nowrap box-border",pt={default:"bg-action-default text-[color:var(--color-action-default-text)] hover:bg-action-default-hover forced-colors:bg-[ButtonText] forced-colors:text-[ButtonFace] border-2 border-transparent",brand:"bg-action-brand text-[color:var(--color-action-brand-text)] hover:bg-action-brand-hover forced-colors:bg-[ButtonText] forced-colors:text-[ButtonFace] border-2 border-transparent",secondary:"bg-transparent text-text-body border-2 border-border-muted hover:bg-text-body/5 forced-colors:border-[ButtonBorder] forced-colors:bg-[ButtonFace] forced-colors:text-[ButtonText]",ghost:"border-none text-text-body hover:bg-text-body/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-brand hover:text-action-brand/90 hover:underline hover:decoration-2 hover:underline-offset-4",icon:"border-none text-text-body hover:bg-background-hover hover:text-text-heading forced-colors:text-[ButtonText] forced-colors:hover:bg-[ButtonFace] p-1 flex-shrink-0 rounded-[var(--control-border-radius)]",unstyled:"bg-transparent"},He={full:"w-full",default:"w-fit"},ft="opacity-50 cursor-not-allowed pointer-events-none",mt="opacity-100 cursor-pointer",gt={"top-right":"-right-2 -top-2","top-left":"-left-2 -top-2","bottom-right":"-right-2 -bottom-2","bottom-left":"-left-2 -bottom-2"},bt={primary:"bg-action-brand text-white",destructive:"bg-action-destructive text-white"};function ht(e){return e?e==="primary"?"brand":e:"default"}function xt(e){let{variant:t="default",size:o="md",isDisabled:r,fullWidth:a=false,isLoading:n=false}=e,s=ht(t),i=s==="unstyled"?"":`${ut} ${pt[s]}`;s!=="unstyled"&&(i+=` ${$[o].text} ${$[o].height} ${$[o].padding} ${$[o].gap}`),r||n?i+=` ${ft}`:i+=` ${mt}`,a?i+=` ${He.full}`:i+=` ${He.default}`;let l=s==="brand"?"focus-visible:outline-action-brand":void 0;return [i,Se(),l].filter(Boolean).join(" ")}function B(e){let{icon:t,children:o,isLoading:r=false,loadingText:a,loadingIndicator:n,size:s="md",iconPosition:i="left",iconWeight:l,href:d,className:p,badgeNumber:c,badgeVariant:g="primary",badgePosition:x="top-right",style:y,target:R,rel:k,...P}=e,m=t?jsx(D,{name:t,size:s,weight:l}):null,v=jsxs(Fragment,{children:[i==="left"&&m,typeof o=="function"?null:o,i==="right"&&m]}),N=jsxs("div",{className:"relative inline-flex items-center justify-center",children:[jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:n||jsx(D,{name:"CircleNotch",size:s,className:"animate-spin","aria-hidden":"true"})}),jsx("div",{className:"invisible","aria-hidden":"true",children:v}),a&&jsx("span",{className:"sr-only",role:"status","aria-live":"polite",children:a})]}),f=(c??0)>0,w=twMerge(xt(e),p),T=d?{href:d,target:R,rel:k,...P}:{};if(d){let{onPress:z,onPressStart:q,onPressEnd:se,onPressChange:j,onPressUp:Y,onAuxClick:Re,onContextMenu:ke,onDoubleClick:le,...de}=P;Object.assign(T,de);}let L=d?jsx(Link,{...T,...r&&{"aria-busy":true},style:f?void 0:y,className:w,children:r?N:typeof o=="function"?(function(z){return jsxs(Fragment,{children:[i==="left"&&m,o(z),i==="right"&&m]})}):v}):jsx(Button,{...P,...r&&{"aria-busy":true},style:f?void 0:y,className:w,children:r?N:typeof o=="function"?(function(z){return jsxs(Fragment,{children:[i==="left"&&m,o(z),i==="right"&&m]})}):v});return f?jsxs("div",{className:twMerge("relative flex",p),style:y,children:[L,jsx("span",{className:`absolute ${gt[x]} flex h-5 w-5 items-center justify-center rounded-full ${bt[g]} text-xs font-medium`,"aria-label":`${c} items`,children:c})]}):L}function _({primaryAction:e,secondaryAction:t,footerContent:o}){let r=e||t;return !r&&!o?null:jsxs("div",{className:"flex h-28 w-full flex-col items-center justify-center border-t p-4",children:[o&&jsx("div",{className:"flex h-10 justify-center",children:o}),r&&jsxs("div",{className:"flex h-full w-full items-center justify-end gap-3",children:[t&&jsx(B,{size:t.size||"lg",variant:t.variant||"secondary",onPress:t.onPress,isLoading:t.isLoading,isDisabled:t.isDisabled,children:t.label}),e&&jsx(B,{size:e.size||"lg",variant:e.variant,onPress:e.onPress,isLoading:e.isLoading,isDisabled:e.isDisabled,children:e.label})]})]})}var yt={xs:"text-lg font-semibold",sm:"text-xl font-semibold",md:"text-2xl font-semibold",lg:"text-3xl font-semibold",xl:"text-4xl font-semibold"},Pt={page:"h-16 leading-[62px]"};function O({tag:e="h1",size:t="lg",height:o,className:r="",children:a}){let n=yt[t],s=o?Pt[o]:"";return jsx(e,{className:twMerge(n,s,r),children:a})}var C=({title:e,onClose:t,hideCloseIcon:o=false,titleAlign:r="left",hasBackArrow:a=false,onBack:n,headerContent:s})=>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:[a&&jsx(B,{variant:"icon",onPress:n,className:"absolute left-6","aria-label":"Go back",children:jsx(D,{name:"CaretLeft","data-testid":"back-arrow"})}),s||jsxs(Fragment,{children:[e&&jsx(O,{size:"xs",children:e}),t&&!o&&jsx(B,{variant:"icon",onPress:t,"aria-label":"Close dialog",children:jsx(D,{name:"X","data-testid":"close-button"})})]})]});var S=({width:e,height:t,variant:o="rect",animation:r="pulse",gradient:a=false,flex:n=false,stack:s,responsive:i,delay:l=0,adjustAnimationSpeedBasedOnWidth:d=false,ariaLabel:p,className:c,"data-testid":g})=>{let[x,y]=useState(l===0);if(useEffect(()=>{if(l>0){let f=setTimeout(()=>y(true),l);return ()=>clearTimeout(f)}},[l]),!x)return null;let R=a?"bg-gradient-to-r from-[var(--color-skeleton-base)] via-[var(--color-skeleton-highlight)] to-[var(--color-skeleton-base)]":"bg-[var(--color-skeleton-base)]",k=d&&e?(()=>{let f=typeof e=="number"?e:parseFloat(String(e));return isNaN(f)?"":`animation-duration-[${Math.max(.8,f/100)}s]`})():"",P=r==="pulse"?`animate-pulse ${k}`: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 ${k}`:"",m="rounded-sm";o==="circle"&&(m="rounded-full"),o==="text"&&(m="h-4 w-full rounded-sm");let v=n?"flex-1 min-w-0":"",N=i?Object.entries(i).map(([f,w])=>`${f}:w-[${w}]`).join(" "):"";return s?jsx("div",{className:"space-y-2","data-testid":g,children:s.map((f,w)=>jsx("div",{className:twMerge(R,P,m,v,N,c),style:{width:f,height:t}},w))}):jsx("div",{className:twMerge(R,P,m,v,N,c),style:{width:e,height:t},role:"presentation","aria-hidden":!p,"aria-label":p??void 0,"data-testid":g})};var Dt={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"},St="rounded-lg",ye={square:"aspect-square",video:"aspect-video",wide:"aspect-[2/1]",auto:""},Bt={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between"};function E({variant:e="outlined",className:t,children:o,isLoading:r=false}){return jsx("div",{className:twMerge("w-full overflow-hidden",Dt[e],St,t),"data-testid":"card",children:r?jsx(S,{width:"100%",height:"100%",className:"rounded-none"}):o})}function ze({title:e,subtitle:t,actions:o,className:r,isLoading:a=false}){return a?jsxs("div",{className:twMerge("p-6 pb-4",r),children:[jsxs("div",{className:"flex justify-between items-start mb-1",children:[jsx(S,{width:120,height:20}),jsx(S,{width:24,height:24})]}),t&&jsx(S,{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(O,{tag:"h3",size:"sm",className:"text-text-heading",children:e}):e}),t&&jsx("div",{className:"text-sm text-text-muted",children:t})]}),o&&jsx("div",{className:"flex-shrink-0",children:o})]})})}function Ae({src:e,alt:t,aspectRatio:o="auto",className:r,children:a,isLoading:n=false}){return n?jsx("div",{className:twMerge("bg-background-muted",ye[o],r),children:jsx(S,{width:"100%",height:"100%"})}):a?jsx("div",{className:twMerge("overflow-hidden",ye[o],r),children:a}):e?jsx("div",{className:twMerge("overflow-hidden",ye[o],r),children:jsx("img",{src:e,alt:t||"",className:"w-full h-full object-cover",loading:"lazy"})}):null}function _e({className:e,children:t,isLoading:o=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,e),children:jsxs("div",{className:"space-y-2",children:[jsx(S,{width:"100%",height:16}),jsx(S,{width:"80%",height:16}),jsx(S,{width:"60%",height:16})]})}):t?jsx("div",{className:twMerge("px-6 py-4 text-text-body",e),children:t}):null}function We({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(S,{width:80,height:32}),jsx(S,{width:60,height:32})]}):t?jsx("div",{className:twMerge("px-6 py-4 flex items-center gap-2",Bt[o],e),children:t}):null}E.Header=ze;E.Media=Ae;E.Content=_e;E.Footer=We;var I=class extends Component{constructor(){super(...arguments);ge(this,"state",{hasError:false});ge(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(E,{children:[this.props.title&&jsx(E.Header,{title:this.props.title}),jsx(E.Content,{children:jsxs("div",{className:"flex flex-col items-center justify-center gap-4","data-testid":"error-boundary",children:[jsx("p",{className:"text-red-500",children:this.state.error?.message||"Something went wrong"}),jsx("button",{className:"rounded bg-blue-500 px-4 py-2 text-white hover:bg-blue-600",onClick:this.handleRetry,children:"Retry"})]})})]}):this.props.children}};function W({transparent:e=false,className:t,children:o,...r}){return jsx(ModalOverlay,{...r,className:composeRenderProps(t,(a,n)=>twMerge("fixed inset-0 z-50",e?"bg-transparent":["bg-gradient-to-br from-black/20 via-black/15 to-black/20","backdrop-blur-[2px]","supports-[backdrop-filter]:bg-black/15"].join(" "),n.isEntering&&["animate-in fade-in","duration-300 ease-out"].join(" "),n.isExiting&&["animate-out fade-out","duration-200 ease-in"].join(" "),a)),children:o})}var zt=.3,At=.5;function te({children:e,title:t,headerContent:o,titleAlign:r="left",hideCloseIcon:a=false,hasBackArrow:n=false,onBack:s,isOpen:i,onClose:l,isDismissable:d=true,transparentOverlay:p=false,primaryAction:c,secondaryAction:g,footerContent:x,maxHeight:y="80vh",height:R,maxWidth:k="640px",contentPadding:P=true,showHandle:m=true,animationVariant:v="scale",className:N}){let[f,w]=useState(false),[T,L]=useState(0),[z,q]=useState(false),se=useRef(null),j=useRef(null),Y=useRef({isDragging:false,startY:0,startTime:0,pointerId:null});useEffect(()=>{if(i){let h=setTimeout(()=>{w(true),setTimeout(()=>w(false),600);},400);return ()=>clearTimeout(h)}},[i]),useEffect(()=>{i||(L(0),q(false),Y.current={isDragging:false,startY:0,startTime:0,pointerId:null});},[i]);let Re=useCallback(h=>{d&&(h.pointerType!=="touch"&&h.pointerType!=="pen"||(j.current&&(clearTimeout(j.current),j.current=null),Y.current={isDragging:true,startY:h.clientY,startTime:Date.now(),pointerId:h.pointerId},q(false),h.currentTarget.setPointerCapture(h.pointerId)));},[d]),ke=useCallback(h=>{let{isDragging:ce,startY:ue,pointerId:pe}=Y.current;if(!ce||h.pointerId!==pe)return;let fe=h.clientY-ue;L(Math.max(0,fe));},[]),le=useCallback(h=>{let{isDragging:ce,startY:ue,startTime:pe,pointerId:fe}=Y.current;if(!ce||h.pointerId!==fe)return;let me=h.clientY-ue,tt=Date.now()-pe,ot=me/tt;Y.current={isDragging:false,startY:0,startTime:0,pointerId:null};let rt=(se.current?.getBoundingClientRect().height??0)*zt;(me>rt||ot>At&&me>50)&&d?(l?.(),L(0)):(q(true),L(0),j.current=setTimeout(()=>{q(false),j.current=null;},200));},[d,l]);if(!i)return null;let de=t||o,et=c||g||x;return jsx(I,{children:jsx(W,{isOpen:i,onOpenChange:h=>{h||l?.();},isDismissable:d,transparent:p,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",isDismissable:d,children:jsx("div",{ref:se,className:twMerge("w-full",z&&"transition-transform duration-200"),style:{transform:T>0?`translateY(${T}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",v==="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)]",v==="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:k,...R?{height:R}:{maxHeight:y}},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:Re,onPointerMove:ke,onPointerUp:le,onPointerCancel:le,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",f&&"animate-[handle-wiggle_0.6s_ease-in-out]")})}),de&&(n?jsx(C,{title:t,headerContent:o,titleAlign:r,hideCloseIcon:a||!l,hasBackArrow:true,onBack:s??(()=>{}),onClose:l||(()=>{})}):jsx(C,{title:t,headerContent:o,titleAlign:r,hideCloseIcon:a||!l,onClose:l||(()=>{})})),jsx("div",{className:twMerge("flex-1 min-h-0 overflow-y-auto overscroll-contain",P?"p-4":"p-0"),children:e}),et&&jsx(_,{primaryAction:c,secondaryAction:g,footerContent:x})]})})})})})}te.displayName="Tray";function Ce({isOpen:e,onClose:t,title:o,headerContent:r,titleAlign:a="left",hideCloseIcon:n=false,hasBackArrow:s=false,onBack:i,children:l,primaryAction:d,secondaryAction:p,footerContent:c,transparentOverlay:g=false,maxWidth:x="600px",minWidth:y="400px",maxHeight:R="85vh",height:k,mobileMaxHeight:P="90vh",mobileHeight:m,contentPadding:v=true,className:N}){if(e===false)return null;let f=o||r,w=d||p||c,T=e!==void 0;return De("(max-width: 767px)")?T?jsx(te,{isOpen:e,onClose:t,title:o,headerContent:r,titleAlign:a,hideCloseIcon:n,hasBackArrow:s,onBack:i,primaryAction:d,secondaryAction:p,footerContent:c,transparentOverlay:g,maxHeight:P,height:m,maxWidth:x,contentPadding:v,showHandle:true,animationVariant:"scale",className:N,children:l}):jsx(I,{children:jsx(W,{isDismissable:true,transparent:g,className:"flex items-end justify-center",children:jsx(Modal,{className:"w-full p-0",children:jsxs(Dialog,{className:twMerge("relative flex w-full flex-col","bg-background-surface dark:bg-gray-800","shadow-2xl shadow-black/20","border-t border-x border-border-default/40","max-h-[90vh]","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",N),style:{...m?{height:m}:{maxHeight:P}},children:[jsx("div",{className:"flex justify-center pt-2",children:jsx("div",{className:"h-1.5 w-12 rounded-full bg-border-muted"})}),f&&(s?jsx(C,{title:o,headerContent:r,titleAlign:a,hideCloseIcon:n||!t,hasBackArrow:true,onBack:i,onClose:t||(()=>{})}):jsx(C,{title:o,headerContent:r,titleAlign:a,hideCloseIcon:n||!t,onClose:t||(()=>{})})),jsx("div",{className:twMerge("flex-1 min-h-0 overflow-y-auto overscroll-contain",v?"px-6 py-6":"p-0"),children:l}),w&&jsx(_,{primaryAction:d,secondaryAction:p,footerContent:c})]})})})}):jsx(I,{children:jsx(W,{...T?{isOpen:e,onOpenChange:z=>{!z&&t&&t();}}:{},isDismissable:true,transparent:g,className:"flex items-center justify-center",children:jsx(Modal,{className:"w-full p-4",style:{maxWidth:x},children:jsxs(Dialog,{className:twMerge("relative flex w-full flex-col","bg-background-surface dark:bg-gray-800","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",N),style:{minWidth:y,...k?{height:k}:{maxHeight:R}},children:[f&&(s?jsx(C,{title:o,headerContent:r,titleAlign:a,hideCloseIcon:n||!t,hasBackArrow:true,onBack:i,onClose:t||(()=>{})}):jsx(C,{title:o,headerContent:r,titleAlign:a,hideCloseIcon:n||!t,onClose:t||(()=>{})})),jsx("div",{className:twMerge("flex-1 min-h-0 overflow-y-auto",v?"px-6 py-6":"p-0"),children:l}),w&&jsx(_,{primaryAction:d,secondaryAction:p,footerContent:c})]})})})})}function J(e){return jsx(Form,{validationBehavior:"aria",...e,className:twMerge("flex flex-col gap-6",e.className)})}function la({formId:e="dialog-form",onSubmit:t,primaryLabel:o="Save",secondaryLabel:r="Cancel",onCancel:a,primaryVariant:n,secondaryVariant:s="secondary",children:i,title:l,...d}){return jsx(Ce,{title:l,primaryAction:{label:o,onPress:()=>{let c=document.getElementById(e);c&&c.requestSubmit();},variant:n},secondaryAction:a?{label:r,onPress:a,variant:s}:void 0,...d,children:jsx(J,{id:e,onSubmit:t,children:i})})}function re({children:e,title:t,headerContent:o,titleAlign:r="left",hideCloseIcon:a=false,hasBackArrow:n=false,onBack:s,isOpen:i,slideInFrom:l="right",transparentOverlay:d=false,onClose:p,className:c,primaryAction:g,secondaryAction:x,footerContent:y,contentPadding:R=true,maxWidth:k="400px"}){let[P,m]=useState(false);if(useEffect(()=>{if(i){let f=setTimeout(()=>m(true),10);return ()=>clearTimeout(f)}m(false);},[i]),!i)return null;let v=t||o,N=g||x||y;return jsx(I,{children:jsx(W,{isOpen:i,onOpenChange:f=>!f&&p?.(),isDismissable:true,transparent:d,children:jsx(Modal,{className:"flex justify-end",isDismissable:true,children:jsxs(Dialog,{className:twMerge("fixed bottom-0 top-0 z-50 flex w-full flex-col bg-background-surface shadow-xl duration-300 h-full min-h-0 overflow-hidden dark:bg-gray-800","outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-action-default focus-visible:outline-offset-0",P?l==="right"?"animate-in slide-in-from-right":"animate-in slide-in-from-left":"",c),style:{[l==="right"?"right":"left"]:0,maxWidth:k,transform:P?void 0:l==="right"?"translateX(100%)":"translateX(-100%)"},children:[v&&(n&&s?jsx(C,{title:t,headerContent:o,titleAlign:r,hideCloseIcon:a,hasBackArrow:true,onBack:s,onClose:p}):jsx(C,{title:t,headerContent:o,titleAlign:r,hideCloseIcon:a,onClose:p})),jsx("div",{className:twMerge("flex-1 overflow-y-auto overscroll-contain",R?"px-6 py-6":"p-0"),children:e}),N&&jsx(_,{primaryAction:g,secondaryAction:x,footerContent:y})]})})})})}re.displayName="Drawer";function Ca({formId:e="drawer-form",onSubmit:t,primaryLabel:o="Save",secondaryLabel:r="Cancel",onCancel:a,primaryVariant:n,secondaryVariant:s="secondary",children:i,...l}){return jsx(re,{primaryAction:{label:o,onPress:()=>{let p=document.getElementById(e);p&&p.requestSubmit();},variant:n},secondaryAction:a?{label:r,onPress:a,variant:s}:void 0,...l,children:jsx(J,{id:e,onSubmit:t,className:"mt-2",children:i})})}function Sa({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 Jt={sm:"gap-2",md:"gap-4",lg:"gap-6"};function Kt(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 Ma({cols:e={base:1},gap:t="lg",className:o,...r}){return jsx("div",{...r,className:twMerge("grid",Kt(e),Jt[t],o)})}function Qe({size:e="md",className:t,children:o,...r}){return jsx("div",{...r,className:twMerge("leading-[2.25] text-text-caption",$[e].text,t),children:o})}function Ya({title:e,description:t,showDivider:o,className:r,children:a,...n}){return jsxs("section",{...n,className:twMerge("flex flex-col",r),children:[(e||t)&&jsxs("div",{className:"flex flex-col gap-1 mb-6",children:[typeof e=="string"?jsx(O,{tag:"h3",size:"sm",children:e}):e,t?jsx(Qe,{size:"lg",children:t}):null]}),jsx("div",{className:"flex flex-col gap-6",children:a}),o&&jsx("hr",{className:"mt-2 border-border-muted"})]})}function Ga(){return jsx("hr",{className:"border-border-muted"})}function Ja({steps:e,currentStepId:t,onStepClick:o,className:r}){let a=e.findIndex(n=>n.id===t);return jsx("nav",{"aria-label":"Progress",className:twMerge("w-full",r),children:jsxs("div",{className:"relative mb-20",children:[jsxs("div",{className:"absolute top-5 left-0 right-0 flex items-center justify-between",children:[jsx("div",{className:"w-10 flex-shrink-0"}),e.slice(0,-1).map((n,s)=>jsx("div",{className:twMerge("h-0.5 flex-1 transition-colors",s<a?"bg-action-default":"bg-border-default")},s)),jsx("div",{className:"w-10 flex-shrink-0"})]}),jsx("ol",{className:"relative flex items-start justify-between",children:e.map((n,s)=>{let i=n.id===t,l=s<a,d=o&&(l||i);return jsxs("li",{className:"flex flex-col items-center",children:[jsx("button",{type:"button",disabled:!d,onClick:()=>d&&o?.(n.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",l&&"border-action-default bg-action-default text-text-onPrimary hover:bg-action-default/90",i&&"border-action-default bg-background-body text-action-default",!l&&!i&&"border-border-default bg-background-body text-text-muted",d&&"cursor-pointer",!d&&"cursor-default"),"aria-current":i?"step":void 0,children:l?jsx(D,{name:"Check",size:20,weight:"bold"}):jsx("span",{className:"text-sm font-semibold",children:s+1})}),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",l&&"text-text-body",!i&&!l&&"text-text-muted"),children:n.title}),n.description&&jsx("span",{className:"mt-1 text-xs text-text-caption",children:n.description})]})]},n.id)})})]})})}function on({formId:e,show:t,isSubmitting:o,onCancel:r,primaryLabel:a="Save changes",secondaryLabel:n="Cancel",className:s}){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",s),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-muted",children:"You have unsaved changes"}),jsxs("div",{className:"flex gap-2",children:[jsx(B,{variant:"secondary",onPress:r,children:n}),jsx(B,{type:"submit",form:e,isDisabled:!!o,children:o?"Saving...":a})]})]})}):null}function nn({when:e,message:t="You have unsaved changes. Leave anyway?"}){return Ke.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 ln({steps:e,initialStepId:t,canNavigate:o}){if(e.length===0)throw new Error("useWizard: steps array cannot be empty");let[r,a]=Ke.useState(t||e[0].id),n=e.findIndex(c=>c.id===r),s=n>0,i=n<e.length-1,l=async c=>c===r?true:o&&!await o(r,c)?false:(a(c),true);return {steps:e,currentStepId:r,setCurrentStepId:l,next:async()=>!i||n===-1?false:l(e[n+1].id),prev:async()=>!s||n===-1?false:l(e[n-1].id),hasNext:i,hasPrev:s,stepIndex:n}}export{la as DialogForm,Ca as DrawerForm,Sa as FormActions,Ga as FormDivider,Ma as FormGrid,Ya as FormSection,Ja as FormStepper,on as SaveBar,nn as UnsavedChangesPrompt,ln as useWizard};//# sourceMappingURL=index.js.map
+import {Modal,Dialog,Form,Link,Button,ModalOverlay,composeRenderProps}from'react-aria-components';import {twMerge}from'tailwind-merge';import*as Ke from'react';import {memo,useState,useEffect,useRef,useCallback,Component}from'react';import*as lt from'@phosphor-icons/react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var nt=Object.defineProperty;var at=(e,o,t)=>o in e?nt(e,o,{enumerable:true,configurable:true,writable:true,value:t}):e[o]=t;var be=(e,o,t)=>at(e,typeof o!="symbol"?o+"":o,t);function Se(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=s=>{r(s.matches);};return n.addEventListener("change",a),()=>{n.removeEventListener("change",a);}},[e]),t}function Be(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 O={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 U={xs:16,sm:20,md:24,lg:32,xl:40,"2xl":48},R=memo(({name:e,size:o="md",color:t,weight:r="regular",className:n,ariaLabel:a,...s})=>{let i=lt[e];if(!i)return process.env.NODE_ENV==="development"&&console.error(`Icon "${e}" not found in @phosphor-icons/react`),null;let l=typeof o=="string"&&o in U?U[o]:o,d=twMerge("inline-block flex-shrink-0",!t&&"text-current",n);return jsx(i,{...s,size:l,color:t,weight:r,className:d,"aria-label":a||`${e} icon`,"data-testid":`icon-${e}`})});R.displayName="Icon";var Me=memo(({variant:e="subtle",shape:o="square",containerSize:t,containerClassName:r,size:n="md",className:a,name:s,color:i,weight:l,ariaLabel:d,ref:p,...c})=>{let g=typeof n=="string"&&n in U?U[n]:n,h=t?typeof t=="string"&&t in U?U[t]:t:g*1.75,v=twMerge("inline-flex items-center justify-center flex-shrink-0",o==="circle"?"rounded-full":"rounded-lg",e==="subtle"&&"bg-gray-100 dark:bg-gray-800",e==="solid"&&"bg-brand text-white",e==="outline"&&"border-2 border-current",r);return jsx("div",{className:v,style:{width:h,height:h},children:jsx(R,{...c,name:s,size:n,color:i,weight:l,className:a,ariaLabel:d})})});Me.displayName="IconWithContainer";var ut="flex font-medium justify-center items-center gap-2 text-center transition rounded-[var(--control-border-radius)] whitespace-nowrap box-border",pt={default:"bg-action-default text-[color:var(--color-action-default-text)] hover:bg-action-default-hover forced-colors:bg-[ButtonText] forced-colors:text-[ButtonFace] border-2 border-transparent",brand:"bg-action-brand text-[color:var(--color-action-brand-text)] hover:bg-action-brand-hover forced-colors:bg-[ButtonText] forced-colors:text-[ButtonFace] border-2 border-transparent",secondary:"bg-transparent text-text-body border-2 border-border-muted hover:bg-text-body/5 forced-colors:border-[ButtonBorder] forced-colors:bg-[ButtonFace] forced-colors:text-[ButtonText]",ghost:"border-none text-text-body hover:bg-text-body/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-brand hover:text-action-brand/90 hover:underline hover:decoration-2 hover:underline-offset-4",icon:"border-none text-text-body hover:bg-background-hover hover:text-text-heading forced-colors:text-[ButtonText] forced-colors:hover:bg-[ButtonFace] p-1 flex-shrink-0 rounded-[var(--control-border-radius)]",unstyled:"bg-transparent"},Ee={full:"w-full",default:"w-fit"},ft="opacity-50 cursor-not-allowed pointer-events-none",mt="opacity-100 cursor-pointer",gt={"top-right":"-right-2 -top-2","top-left":"-left-2 -top-2","bottom-right":"-right-2 -bottom-2","bottom-left":"-left-2 -bottom-2"},bt={primary:"bg-action-brand text-white",destructive:"bg-action-destructive text-white"};function ht(e){return e?e==="primary"?"brand":e:"default"}function xt(e){let{variant:o="default",size:t="md",isDisabled:r,fullWidth:n=false,isLoading:a=false}=e,s=ht(o),i=s==="unstyled"?"":`${ut} ${pt[s]}`;s!=="unstyled"&&(i+=` ${O[t].text} ${O[t].height} ${O[t].padding} ${O[t].gap}`),r||a?i+=` ${ft}`:i+=` ${mt}`,n?i+=` ${Ee.full}`:i+=` ${Ee.default}`;let l=s==="brand"?"focus-visible:outline-action-brand":void 0;return [i,Be(),l].filter(Boolean).join(" ")}function k(e){let{icon:o,children:t,isLoading:r=false,loadingText:n,loadingIndicator:a,size:s="md",iconPosition:i="left",iconWeight:l,href:d,className:p,badgeNumber:c,badgeVariant:g="primary",badgePosition:h="top-right",style:v,target:D,rel:B,...P}=e,m=o?jsx(R,{name:o,size:s,weight:l}):null,y=jsxs(Fragment,{children:[i==="left"&&m,typeof t=="function"?null:t,i==="right"&&m]}),w=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(R,{name:"CircleNotch",size:s,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})]}),f=(c??0)>0,N=twMerge(xt(e),p),L=d?{href:d,target:D,rel:B,...P}:{};if(d){let{onPress:W,onPressStart:$,onPressEnd:le,onPressChange:Y,onPressUp:G,onAuxClick:Re,onContextMenu:ke,onDoubleClick:de,...ce}=P;Object.assign(L,ce);}let F=d?jsx(Link,{...L,...r&&{"aria-busy":true},style:f?void 0:v,className:N,children:r?w:typeof t=="function"?(function(W){return jsxs(Fragment,{children:[i==="left"&&m,t(W),i==="right"&&m]})}):y}):jsx(Button,{...P,...r&&{"aria-busy":true},style:f?void 0:v,className:N,children:r?w:typeof t=="function"?(function(W){return jsxs(Fragment,{children:[i==="left"&&m,t(W),i==="right"&&m]})}):y});return f?jsxs("div",{className:twMerge("relative flex",p),style:v,children:[F,jsx("span",{className:`absolute ${gt[h]} flex h-5 w-5 items-center justify-center rounded-full ${bt[g]} text-xs font-medium`,"aria-label":`${c} items`,children:c})]}):F}function A({primaryAction:e,secondaryAction:o,tertiaryAction:t,footerContent:r}){let n=e||o||t;return !n&&!r?null:jsxs("div",{className:"flex h-28 w-full flex-col items-center justify-center border-t p-4",children:[r&&jsx("div",{className:"flex h-10 justify-center",children:r}),n&&jsxs("div",{className:"flex h-full w-full items-center justify-between gap-3",children:[jsx("div",{children:t&&jsx(k,{size:t.size||"lg",variant:t.variant||"destructive",onPress:t.onPress,isLoading:t.isLoading,isDisabled:t.isDisabled,children:t.label})}),jsxs("div",{className:"flex items-center gap-3",children:[o&&jsx(k,{size:o.size||"lg",variant:o.variant||"secondary",onPress:o.onPress,isLoading:o.isLoading,isDisabled:o.isDisabled,children:o.label}),e&&jsx(k,{size:e.size||"lg",variant:e.variant||"default",onPress:e.onPress,isLoading:e.isLoading,isDisabled:e.isDisabled,children:e.label})]})]})]})}var yt={xs:"text-lg font-semibold",sm:"text-xl font-semibold",md:"text-2xl font-semibold",lg:"text-3xl font-semibold",xl:"text-4xl font-semibold"},Pt={page:"h-16 leading-[62px]"};function V({tag:e="h1",size:o="lg",height:t,className:r="",children:n}){let a=yt[o],s=t?Pt[t]:"";return jsx(e,{className:twMerge(a,s,r),children:n})}var C=({title:e,onClose:o,hideCloseIcon:t=false,titleAlign:r="left",hasBackArrow:n=false,onBack:a,headerContent:s})=>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(k,{variant:"icon",onPress:a,className:"absolute left-6","aria-label":"Go back",children:jsx(R,{name:"CaretLeft","data-testid":"back-arrow"})}),s||jsxs(Fragment,{children:[e&&jsx(V,{size:"xs",children:e}),o&&!t&&jsx(k,{variant:"icon",onPress:o,"aria-label":"Close dialog",children:jsx(R,{name:"X","data-testid":"close-button"})})]})]});var S=({width:e,height:o,variant:t="rect",animation:r="pulse",gradient:n=false,flex:a=false,stack:s,responsive:i,delay:l=0,adjustAnimationSpeedBasedOnWidth:d=false,ariaLabel:p,className:c,"data-testid":g})=>{let[h,v]=useState(l===0);if(useEffect(()=>{if(l>0){let f=setTimeout(()=>v(true),l);return ()=>clearTimeout(f)}},[l]),!h)return null;let D=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=d&&e?(()=>{let f=typeof e=="number"?e:parseFloat(String(e));return isNaN(f)?"":`animation-duration-[${Math.max(.8,f/100)}s]`})():"",P=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 y=a?"flex-1 min-w-0":"",w=i?Object.entries(i).map(([f,N])=>`${f}:w-[${N}]`).join(" "):"";return s?jsx("div",{className:"space-y-2","data-testid":g,children:s.map((f,N)=>jsx("div",{className:twMerge(D,P,m,y,w,c),style:{width:f,height:o}},N))}):jsx("div",{className:twMerge(D,P,m,y,w,c),style:{width:e,height:o},role:"presentation","aria-hidden":!p,"aria-label":p??void 0,"data-testid":g})};var kt={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"},St="rounded-lg",Pe={square:"aspect-square",video:"aspect-video",wide:"aspect-[2/1]",auto:""},Bt={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between"};function T({variant:e="outlined",className:o,children:t,isLoading:r=false}){return jsx("div",{className:twMerge("w-full overflow-hidden",kt[e],St,o),"data-testid":"card",children:r?jsx(S,{width:"100%",height:"100%",className:"rounded-none"}):t})}function ze({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(S,{width:120,height:20}),jsx(S,{width:24,height:24})]}),o&&jsx(S,{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(V,{tag:"h3",size:"sm",className:"text-text-heading",children:e}):e}),o&&jsx("div",{className:"text-sm text-text-muted",children:o})]}),t&&jsx("div",{className:"flex-shrink-0",children:t})]})})}function Ae({src:e,alt:o,aspectRatio:t="auto",className:r,children:n,isLoading:a=false}){return a?jsx("div",{className:twMerge("bg-background-muted",Pe[t],r),children:jsx(S,{width:"100%",height:"100%"})}):n?jsx("div",{className:twMerge("overflow-hidden",Pe[t],r),children:n}):e?jsx("div",{className:twMerge("overflow-hidden",Pe[t],r),children:jsx("img",{src:e,alt:o||"",className:"w-full h-full object-cover",loading:"lazy"})}):null}function _e({className:e,children:o,isLoading:t=false}){let n=e?.match(/p(?:t|b|l|r|x|y)?-(?:\d+(?:\.\d+)?|px|\[.+?\])/)?"":"px-6 py-4";return t?jsx("div",{className:twMerge(n,e),children:jsxs("div",{className:"space-y-2",children:[jsx(S,{width:"100%",height:16}),jsx(S,{width:"80%",height:16}),jsx(S,{width:"60%",height:16})]})}):o?jsx("div",{className:twMerge("px-6 py-4 text-text-body",e),children:o}):null}function We({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(S,{width:80,height:32}),jsx(S,{width:60,height:32})]}):o?jsx("div",{className:twMerge("px-6 py-4 flex items-center gap-2",Bt[t],e),children:o}):null}T.Header=ze;T.Media=Ae;T.Content=_e;T.Footer=We;var M=class extends Component{constructor(){super(...arguments);be(this,"state",{hasError:false});be(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(T,{children:[this.props.title&&jsx(T.Header,{title:this.props.title}),jsx(T.Content,{children:jsxs("div",{className:"flex flex-col items-center justify-center gap-4","data-testid":"error-boundary",children:[jsx("p",{className:"text-red-500",children:this.state.error?.message||"Something went wrong"}),jsx("button",{className:"rounded bg-blue-500 px-4 py-2 text-white hover:bg-blue-600",onClick:this.handleRetry,children:"Retry"})]})})]}):this.props.children}};function _({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-black/20 via-black/15 to-black/20","backdrop-blur-[2px]","supports-[backdrop-filter]:bg-black/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 zt=.3,At=.5;function oe({children:e,title:o,headerContent:t,titleAlign:r="left",hideCloseIcon:n=false,hasBackArrow:a=false,onBack:s,isOpen:i,onClose:l,isDismissable:d=true,transparentOverlay:p=false,primaryAction:c,secondaryAction:g,footerContent:h,maxHeight:v="80vh",height:D,maxWidth:B="640px",contentPadding:P=true,showHandle:m=true,animationVariant:y="scale",className:w}){let[f,N]=useState(false),[L,F]=useState(0),[W,$]=useState(false),le=useRef(null),Y=useRef(null),G=useRef({isDragging:false,startY:0,startTime:0,pointerId:null});useEffect(()=>{if(i){let x=setTimeout(()=>{N(true),setTimeout(()=>N(false),600);},400);return ()=>clearTimeout(x)}},[i]),useEffect(()=>{i||(F(0),$(false),G.current={isDragging:false,startY:0,startTime:0,pointerId:null});},[i]);let Re=useCallback(x=>{d&&(x.pointerType!=="touch"&&x.pointerType!=="pen"||(Y.current&&(clearTimeout(Y.current),Y.current=null),G.current={isDragging:true,startY:x.clientY,startTime:Date.now(),pointerId:x.pointerId},$(false),x.currentTarget.setPointerCapture(x.pointerId)));},[d]),ke=useCallback(x=>{let{isDragging:ue,startY:pe,pointerId:fe}=G.current;if(!ue||x.pointerId!==fe)return;let me=x.clientY-pe;F(Math.max(0,me));},[]),de=useCallback(x=>{let{isDragging:ue,startY:pe,startTime:fe,pointerId:me}=G.current;if(!ue||x.pointerId!==me)return;let ge=x.clientY-pe,tt=Date.now()-fe,ot=ge/tt;G.current={isDragging:false,startY:0,startTime:0,pointerId:null};let rt=(le.current?.getBoundingClientRect().height??0)*zt;(ge>rt||ot>At&&ge>50)&&d?(l?.(),F(0)):($(true),F(0),Y.current=setTimeout(()=>{$(false),Y.current=null;},200));},[d,l]);if(!i)return null;let ce=o||t,et=c||g||h;return jsx(M,{children:jsx(_,{isOpen:i,onOpenChange:x=>{x||l?.();},isDismissable:d,transparent:p,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:le,className:twMerge("w-full",W&&"transition-transform duration-200"),style:{transform:L>0?`translateY(${L}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)]",w),style:{maxWidth:B,...D?{height:D}:{maxHeight:v}},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:Re,onPointerMove:ke,onPointerUp:de,onPointerCancel:de,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",f&&"animate-[handle-wiggle_0.6s_ease-in-out]")})}),ce&&(a?jsx(C,{title:o,headerContent:t,titleAlign:r,hideCloseIcon:n||!l,hasBackArrow:true,onBack:s??(()=>{}),onClose:l||(()=>{})}):jsx(C,{title:o,headerContent:t,titleAlign:r,hideCloseIcon:n||!l,onClose:l||(()=>{})})),jsx("div",{className:twMerge("flex-1 min-h-0 overflow-y-auto overscroll-contain",P?"p-4":"p-0"),children:e}),et&&jsx(A,{primaryAction:c,secondaryAction:g,footerContent:h})]})})})})})}oe.displayName="Tray";function De({isOpen:e,onClose:o,title:t,headerContent:r,titleAlign:n="left",hideCloseIcon:a=false,hasBackArrow:s=false,onBack:i,children:l,primaryAction:d,secondaryAction:p,tertiaryAction:c,footerContent:g,transparentOverlay:h=false,maxWidth:v="600px",minWidth:D="400px",maxHeight:B="85vh",height:P,mobileMaxHeight:m="90vh",mobileHeight:y,contentPadding:w=true,className:f}){if(e===false)return null;let N=t||r,L=d||p||c||g,F=e!==void 0;return Se("(max-width: 767px)")?F?jsx(oe,{isOpen:e,onClose:o,title:t,headerContent:r,titleAlign:n,hideCloseIcon:a,hasBackArrow:s,onBack:i,primaryAction:d,secondaryAction:p,footerContent:g,transparentOverlay:h,maxHeight:m,height:y,maxWidth:v,contentPadding:w,showHandle:true,animationVariant:"scale",className:f,children:l}):jsx(M,{children:jsx(_,{isDismissable:true,transparent:h,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,{className:twMerge("relative flex w-full flex-col","bg-background-surface dark:bg-gray-800","shadow-2xl shadow-black/20","border-t border-x border-border-default/40","max-h-[90vh]","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",f),style:{...y?{height:y}:{maxHeight:m}},children:[jsx("div",{className:"flex justify-center pt-2",children:jsx("div",{className:"h-1.5 w-12 rounded-full bg-border-muted"})}),N&&(s?jsx(C,{title:t,headerContent:r,titleAlign:n,hideCloseIcon:a||!o,hasBackArrow:true,onBack:i,onClose:o||(()=>{})}):jsx(C,{title:t,headerContent:r,titleAlign:n,hideCloseIcon:a||!o,onClose:o||(()=>{})})),jsx("div",{className:twMerge("flex-1 min-h-0 overflow-y-auto overscroll-contain",w?"px-6 py-6":"p-0"),children:l}),L&&jsx(A,{primaryAction:d,secondaryAction:p,tertiaryAction:c,footerContent:g})]})})})}):jsx(M,{children:jsx(_,{...F?{isOpen:e,onOpenChange:$=>{!$&&o&&o();}}:{},isDismissable:true,transparent:h,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:v},children:jsxs(Dialog,{className:twMerge("relative flex w-full flex-col","bg-background-surface dark:bg-gray-800","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",f),style:{minWidth:D,...P?{height:P}:{maxHeight:B}},children:[N&&(s?jsx(C,{title:t,headerContent:r,titleAlign:n,hideCloseIcon:a||!o,hasBackArrow:true,onBack:i,onClose:o||(()=>{})}):jsx(C,{title:t,headerContent:r,titleAlign:n,hideCloseIcon:a||!o,onClose:o||(()=>{})})),jsx("div",{className:twMerge("flex-1 min-h-0 overflow-y-auto",w?"px-6 py-6":"p-0"),children:l}),L&&jsx(A,{primaryAction:d,secondaryAction:p,tertiaryAction:c,footerContent:g})]})})})})}function K(e){return jsx(Form,{validationBehavior:"aria",...e,className:twMerge("flex flex-col gap-6",e.className)})}function dn({formId:e="dialog-form",onSubmit:o,primaryLabel:t="Save",secondaryLabel:r="Cancel",onCancel:n,primaryVariant:a,secondaryVariant:s="secondary",children:i,title:l,...d}){return jsx(De,{title:l,primaryAction:{label:t,onPress:()=>{let c=document.getElementById(e);c&&c.requestSubmit();},variant:a},secondaryAction:n?{label:r,onPress:n,variant:s}:void 0,...d,children:jsx(K,{id:e,onSubmit:o,children:i})})}function ne({children:e,title:o,headerContent:t,titleAlign:r="left",hideCloseIcon:n=false,hasBackArrow:a=false,onBack:s,isOpen:i,slideInFrom:l="right",transparentOverlay:d=false,onClose:p,className:c,primaryAction:g,secondaryAction:h,footerContent:v,contentPadding:D=true,maxWidth:B="400px"}){let[P,m]=useState(false);if(useEffect(()=>{if(i){let f=setTimeout(()=>m(true),10);return ()=>clearTimeout(f)}m(false);},[i]),!i)return null;let y=o||t,w=g||h||v;return jsx(M,{children:jsx(_,{isOpen:i,onOpenChange:f=>!f&&p?.(),isDismissable:true,transparent:d,children:jsx(Modal,{className:"flex justify-end outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",isDismissable:true,children:jsxs(Dialog,{className:twMerge("fixed bottom-0 top-0 z-50 flex w-full flex-col bg-background-surface shadow-xl duration-300 h-full min-h-0 overflow-hidden dark:bg-gray-800","outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-action-default focus-visible:outline-offset-0",P?l==="right"?"animate-in slide-in-from-right":"animate-in slide-in-from-left":"",c),style:{[l==="right"?"right":"left"]:0,maxWidth:B,transform:P?void 0:l==="right"?"translateX(100%)":"translateX(-100%)"},children:[y&&(a&&s?jsx(C,{title:o,headerContent:t,titleAlign:r,hideCloseIcon:n,hasBackArrow:true,onBack:s,onClose:p}):jsx(C,{title:o,headerContent:t,titleAlign:r,hideCloseIcon:n,onClose:p})),jsx("div",{className:twMerge("flex-1 overflow-y-auto overscroll-contain",D?"px-6 py-6":"p-0"),children:e}),w&&jsx(A,{primaryAction:g,secondaryAction:h,footerContent:v})]})})})})}ne.displayName="Drawer";function Dn({formId:e="drawer-form",onSubmit:o,primaryLabel:t="Save",secondaryLabel:r="Cancel",onCancel:n,primaryVariant:a,secondaryVariant:s="secondary",children:i,...l}){return jsx(ne,{primaryAction:{label:t,onPress:()=>{let p=document.getElementById(e);p&&p.requestSubmit();},variant:a},secondaryAction:n?{label:r,onPress:n,variant:s}:void 0,...l,children:jsx(K,{id:e,onSubmit:o,className:"mt-2",children:i})})}function Bn({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 Jt={sm:"gap-2",md:"gap-4",lg:"gap-6"};function Kt(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 Hn({cols:e={base:1},gap:o="lg",className:t,...r}){return jsx("div",{...r,className:twMerge("grid",Kt(e),Jt[o],t)})}function Qe({size:e="md",className:o,children:t,...r}){return jsx("div",{...r,className:twMerge("leading-[2.25] text-text-caption",O[e].text,o),children:t})}function Gn({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(V,{tag:"h3",size:"sm",children:e}):e,o?jsx(Qe,{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 Un(){return jsx("hr",{className:"border-border-muted"})}function Kn({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:jsxs("div",{className:"relative mb-20",children:[jsxs("div",{className:"absolute top-5 left-0 right-0 flex items-center justify-between",children:[jsx("div",{className:"w-10 flex-shrink-0"}),e.slice(0,-1).map((a,s)=>jsx("div",{className:twMerge("h-0.5 flex-1 transition-colors",s<n?"bg-action-default":"bg-border-default")},s)),jsx("div",{className:"w-10 flex-shrink-0"})]}),jsx("ol",{className:"relative flex items-start justify-between",children:e.map((a,s)=>{let i=a.id===o,l=s<n,d=t&&(l||i);return jsxs("li",{className:"flex flex-col items-center",children:[jsx("button",{type:"button",disabled:!d,onClick:()=>d&&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",l&&"border-action-default bg-action-default text-text-onPrimary hover:bg-action-default/90",i&&"border-action-default bg-background-body text-action-default",!l&&!i&&"border-border-default bg-background-body text-text-muted",d&&"cursor-pointer",!d&&"cursor-default"),"aria-current":i?"step":void 0,children:l?jsx(R,{name:"Check",size:20,weight:"bold"}):jsx("span",{className:"text-sm font-semibold",children:s+1})}),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",l&&"text-text-body",!i&&!l&&"text-text-muted"),children:a.title}),a.description&&jsx("span",{className:"mt-1 text-xs text-text-caption",children:a.description})]})]},a.id)})})]})})}function ra({formId:e,show:o,isSubmitting:t,onCancel:r,primaryLabel:n="Save changes",secondaryLabel:a="Cancel",className:s}){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",s),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-muted",children:"You have unsaved changes"}),jsxs("div",{className:"flex gap-2",children:[jsx(k,{variant:"secondary",onPress:r,children:a}),jsx(k,{type:"submit",form:e,isDisabled:!!t,children:t?"Saving...":n})]})]})}):null}function ia({when:e,message:o="You have unsaved changes. Leave anyway?"}){return Ke.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 la({steps:e,initialStepId:o,canNavigate:t}){if(e.length===0)throw new Error("useWizard: steps array cannot be empty");let[r,n]=Ke.useState(o||e[0].id),a=e.findIndex(c=>c.id===r),s=a>0,i=a<e.length-1,l=async c=>c===r?true:t&&!await t(r,c)?false:(n(c),true);return {steps:e,currentStepId:r,setCurrentStepId:l,next:async()=>!i||a===-1?false:l(e[a+1].id),prev:async()=>!s||a===-1?false:l(e[a-1].id),hasNext:i,hasPrev:s,stepIndex:a}}export{dn as DialogForm,Dn as DrawerForm,Bn as FormActions,Un as FormDivider,Hn as FormGrid,Gn as FormSection,Kn as FormStepper,ra as SaveBar,ia as UnsavedChangesPrompt,la as useWizard};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map