@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.
- package/dist/{RichTextEditor-diZqy_s1.d.cts → RichTextEditor-BNXNpG4s.d.cts} +51 -10
- package/dist/{RichTextEditor-diZqy_s1.d.ts → RichTextEditor-BNXNpG4s.d.ts} +51 -10
- package/dist/{TimeField-7pTUPh11.d.ts → TimeField-2KuhWThm.d.ts} +1 -1
- package/dist/{TimeField-CqmVrAdn.d.cts → TimeField-DAuKLDSw.d.cts} +1 -1
- package/dist/{colors-VFFqViFy.d.ts → colors-CrwFIFc6.d.cts} +455 -28
- package/dist/{colors-CfANmDSd.d.cts → colors-u8PelnWa.d.ts} +455 -28
- package/dist/form/index.cjs +2 -1
- package/dist/form/index.cjs.map +1 -1
- package/dist/form/index.js +2 -1
- package/dist/form/index.js.map +1 -1
- package/dist/index.cjs +12 -12
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +215 -13
- package/dist/index.d.ts +215 -13
- package/dist/index.js +12 -12
- package/dist/index.js.map +1 -1
- package/dist/rhf/index.cjs +2 -1
- package/dist/rhf/index.cjs.map +1 -1
- package/dist/rhf/index.d.cts +2 -2
- package/dist/rhf/index.d.ts +2 -2
- package/dist/rhf/index.js +2 -1
- package/dist/rhf/index.js.map +1 -1
- package/dist/server.cjs +2 -2
- package/dist/server.cjs.map +1 -1
- package/dist/server.d.cts +2 -2
- package/dist/server.d.ts +2 -2
- package/dist/server.js +2 -2
- package/dist/server.js.map +1 -1
- package/package.json +1 -1
package/dist/form/index.cjs
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
'use strict';var go=require('react'),reactAriaComponents=require('react-aria-components'),tailwindMerge=require('tailwind-merge'),Nt=require('@phosphor-icons/react'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var go__namespace=/*#__PURE__*/_interopNamespace(go);var Nt__namespace=/*#__PURE__*/_interopNamespace(Nt);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]=go.useState(t);return go.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]=go.useState(null);return go.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=go.memo(({name:e,size:t="md",color:o,weight:r="regular",className:n,ariaLabel:a,...l})=>{let i=Nt__namespace[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=tailwindMerge.twMerge("inline-block flex-shrink-0",!o&&"text-current",n);return jsxRuntime.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=go.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=tailwindMerge.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 jsxRuntime.jsx("div",{className:b,style:{width:v,height:v},children:jsxRuntime.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?jsxRuntime.jsx(k,{name:t,size:l,weight:s}):null,y=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[i==="left"&&f,typeof o=="function"?null:o,i==="right"&&f]}),N=jsxRuntime.jsxs("div",{className:"relative inline-flex items-center justify-center",children:[jsxRuntime.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:a||jsxRuntime.jsx(k,{name:"CircleNotch",size:l,className:"animate-spin","aria-hidden":"true"})}),jsxRuntime.jsx("div",{className:"invisible","aria-hidden":"true",children:y}),n&&jsxRuntime.jsx("span",{className:"sr-only",role:"status","aria-live":"polite",children:n})]}),h=(c??0)>0,P=tailwindMerge.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?jsxRuntime.jsx(reactAriaComponents.Link,{..._,...r&&{"aria-busy":true},style:h?void 0:b,className:P,children:r?N:typeof o=="function"?(function(L){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[i==="left"&&f,o(L),i==="right"&&f]})}):y}):jsxRuntime.jsx(reactAriaComponents.Button,{...w,...r&&{"aria-busy":true},style:h?void 0:b,className:P,children:r?N:typeof o=="function"?(function(L){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[i==="left"&&f,o(L),i==="right"&&f]})}):y});return h?jsxRuntime.jsxs("div",{className:tailwindMerge.twMerge("relative flex",p),style:b,children:[B,jsxRuntime.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 jsxRuntime.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:jsxRuntime.jsxs("div",{className:`flex w-full flex-col items-center justify-center border-t p-4 ${r?"h-28":""}`,children:[r&&jsxRuntime.jsx("div",{className:"flex h-10 justify-center",children:r}),n&&jsxRuntime.jsxs("div",{className:"flex w-full items-center justify-between gap-3",children:[jsxRuntime.jsx("div",{children:o&&jsxRuntime.jsx(Se,{action:o,defaultVariant:"destructive"})}),jsxRuntime.jsxs("div",{className:"flex items-center gap-3",children:[t&&jsxRuntime.jsx(Se,{action:t,defaultVariant:"secondary"}),e&&jsxRuntime.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 jsxRuntime.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})=>jsxRuntime.jsxs("div",{className:tailwindMerge.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&&jsxRuntime.jsx(V,{variant:"icon",onPress:a,className:"absolute left-6","aria-label":"Go back",children:jsxRuntime.jsx(k,{name:"CaretLeft","data-testid":"back-arrow"})}),l||jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[e&&jsxRuntime.jsx(J,{size:"xs",children:e}),t&&!o&&jsxRuntime.jsx(V,{variant:"icon",onPress:t,"aria-label":"Close dialog",children:jsxRuntime.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]=go.useState(s===0);if(go.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?jsxRuntime.jsx("div",{className:"space-y-2","data-testid":g,children:l.map((h,P)=>jsxRuntime.jsx("div",{className:tailwindMerge.twMerge(C,w,f,y,N,c),style:{width:h,height:t}},P))}):jsxRuntime.jsx("div",{className:tailwindMerge.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 jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("w-full overflow-hidden",_t[e],Wt,n==="flex"&&"flex flex-col",t),"data-testid":"card",children:r?jsxRuntime.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?jsxRuntime.jsxs("div",{className:tailwindMerge.twMerge("p-6 pb-4",r),children:[jsxRuntime.jsxs("div",{className:"flex justify-between items-start mb-1",children:[jsxRuntime.jsx(D,{width:120,height:20}),jsxRuntime.jsx(D,{width:24,height:24})]}),t&&jsxRuntime.jsx(D,{width:200,height:16})]}):!e&&!t&&!o?null:jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("p-6 pb-4",r),children:jsxRuntime.jsxs("div",{className:"flex justify-between items-start gap-4",children:[jsxRuntime.jsxs("div",{className:"min-w-0 flex-1",children:[e&&jsxRuntime.jsx("div",{className:"mb-1",children:typeof e=="string"?jsxRuntime.jsx(J,{tag:"h3",size:"sm",className:"text-text-primary",children:e}):e}),t&&jsxRuntime.jsx("div",{className:Ve("bodySm","text-text-secondary"),children:t})]}),o&&jsxRuntime.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?jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("bg-background-muted",Fe[o],r),children:jsxRuntime.jsx(D,{width:"100%",height:"100%"})}):n?jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("overflow-hidden",Fe[o],r),children:n}):e?jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("overflow-hidden",Fe[o],r),children:jsxRuntime.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?jsxRuntime.jsx("div",{className:tailwindMerge.twMerge(a,r&&"flex-1 flex flex-col min-h-0",e),children:jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(D,{width:"100%",height:16}),jsxRuntime.jsx(D,{width:"80%",height:16}),jsxRuntime.jsx(D,{width:"60%",height:16})]})}):t?jsxRuntime.jsx("div",{className:tailwindMerge.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?jsxRuntime.jsxs("div",{className:tailwindMerge.twMerge("px-6 py-4 flex gap-2 justify-end",e),children:[jsxRuntime.jsx(D,{width:80,height:32}),jsxRuntime.jsx(D,{width:60,height:32})]}):t?jsxRuntime.jsx("div",{className:tailwindMerge.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 go.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:jsxRuntime.jsxs($,{children:[this.props.title&&jsxRuntime.jsx($.Header,{title:this.props.title}),jsxRuntime.jsx($.Content,{children:jsxRuntime.jsxs("div",{className:"flex flex-col items-center justify-center gap-4","data-testid":"error-boundary",children:[jsxRuntime.jsx("p",{className:"text-feedback-error-text",children:this.state.error?.message||"Something went wrong"}),jsxRuntime.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 jsxRuntime.jsx(reactAriaComponents.ModalOverlay,{...r,className:reactAriaComponents.composeRenderProps(t,(n,a)=>tailwindMerge.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]=go.useState(false),[_,B]=go.useState(0),[L,I]=go.useState(false),ae=me(i),W=ae?.height??null,Z=ae?.keyboardOffset??0,ie=go.useRef(null),ee=go.useRef(null),A=go.useRef(null),F=go.useRef({isDragging:false,startY:0,startTime:0,pointerId:null});go.useEffect(()=>{if(i){let m=setTimeout(()=>{P(true),setTimeout(()=>P(false),600);},400);return ()=>clearTimeout(m)}},[i]),go.useEffect(()=>{i||(B(0),I(false),F.current={isDragging:false,startY:0,startTime:0,pointerId:null});},[i]),go.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=go.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=go.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=go.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 jsxRuntime.jsx(M,{children:jsxRuntime.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:jsxRuntime.jsx(reactAriaComponents.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:jsxRuntime.jsx("div",{ref:ie,className:tailwindMerge.twMerge("w-full",L&&"transition-transform duration-200"),style:{transform:_>0?`translateY(${_}px)`:void 0},children:jsxRuntime.jsxs(reactAriaComponents.Dialog,{className:tailwindMerge.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&&jsxRuntime.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:jsxRuntime.jsx("div",{className:tailwindMerge.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?jsxRuntime.jsx(R,{title:t,headerContent:o,titleAlign:r,hideCloseIcon:n||!s,hasBackArrow:true,onBack:l??(()=>{}),onClose:s||(()=>{})}):jsxRuntime.jsx(R,{title:t,headerContent:o,titleAlign:r,hideCloseIcon:n||!s,onClose:s||(()=>{})})),jsxRuntime.jsx("div",{ref:ee,className:tailwindMerge.twMerge("flex-1 min-h-0 overflow-y-auto overscroll-contain",w?"p-4":"p-0"),children:e}),le&&jsxRuntime.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=go.useRef(null),ae=go.useCallback(()=>{I.current&&I.current.scrollTop!==0&&(I.current.scrollTop=0);},[]),W=go.useRef(null),Z=go.useRef(null);go.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=go.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?jsxRuntime.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}):jsxRuntime.jsx(M,{children:jsxRuntime.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:jsxRuntime.jsx(reactAriaComponents.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:jsxRuntime.jsxs(reactAriaComponents.Dialog,{ref:I,onScroll:ae,className:tailwindMerge.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:[jsxRuntime.jsx("div",{className:"flex justify-center pt-2",children:jsxRuntime.jsx("div",{className:"h-1.5 w-12 rounded-full bg-border-muted"})}),ee&&(l?jsxRuntime.jsx(R,{title:o,headerContent:r,titleAlign:n,hideCloseIcon:a||!t,hasBackArrow:true,onBack:i,onClose:t||(()=>{})}):jsxRuntime.jsx(R,{title:o,headerContent:r,titleAlign:n,hideCloseIcon:a||!t,onClose:t||(()=>{})})),jsxRuntime.jsx("div",{ref:Z,className:tailwindMerge.twMerge("flex-1 min-h-0 overflow-y-auto overscroll-contain",N?"px-6 py-6":"p-0"),children:s}),A&&jsxRuntime.jsx(Y,{primaryAction:d,secondaryAction:p,tertiaryAction:c,footerContent:g})]})})})}):jsxRuntime.jsx(M,{children:jsxRuntime.jsx(G,{...F?{isOpen:e,onOpenChange:U=>{!U&&t&&t();}}:{},isDismissable:true,transparent:v,className:"flex items-center justify-center",children:jsxRuntime.jsx(reactAriaComponents.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:jsxRuntime.jsxs(reactAriaComponents.Dialog,{ref:W,onScroll:ie,className:tailwindMerge.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?jsxRuntime.jsx(R,{title:o,headerContent:r,titleAlign:n,hideCloseIcon:a||!t,hasBackArrow:true,onBack:i,onClose:t||(()=>{})}):jsxRuntime.jsx(R,{title:o,headerContent:r,titleAlign:n,hideCloseIcon:a||!t,onClose:t||(()=>{})})),jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex-1 min-h-0 overflow-y-auto",N?"px-6 py-6":"p-0"),children:s}),A&&jsxRuntime.jsx(Y,{primaryAction:d,secondaryAction:p,tertiaryAction:c,footerContent:g})]})})})})}function pe(e){return jsxRuntime.jsx(reactAriaComponents.Form,{validationBehavior:"aria",...e,className:tailwindMerge.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 jsxRuntime.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:jsxRuntime.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 jsxRuntime.jsx(M,{children:jsxRuntime.jsx(G,{isOpen:i,onOpenChange:N=>!N&&p?.(),isDismissable:true,transparent:d,children:jsxRuntime.jsx(reactAriaComponents.Modal,{className:"outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",children:jsxRuntime.jsxs(reactAriaComponents.Dialog,{className:tailwindMerge.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?jsxRuntime.jsx(R,{title:t,headerContent:o,titleAlign:r,hideCloseIcon:n,hasBackArrow:true,onBack:l,onClose:p}):jsxRuntime.jsx(R,{title:t,headerContent:o,titleAlign:r,hideCloseIcon:n,onClose:p})),jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex-1 overflow-y-auto overscroll-contain",S?"px-6 py-6":"p-0"),children:e}),y&&jsxRuntime.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 jsxRuntime.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:jsxRuntime.jsx(pe,{id:e,onSubmit:t,className:"mt-2",children:i})})}function ea({align:e="end",className:t,...o}){return jsxRuntime.jsx("div",{...o,className:tailwindMerge.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 jsxRuntime.jsx("div",{...r,className:tailwindMerge.twMerge("grid",fo(e),po[t],o)})}var bo=go__namespace.default.forwardRef(({children:e,className:t},o)=>jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("relative w-full",t),children:e}));bo.displayName="InputWrapper";function st({size:e="md",className:t,children:o,...r}){return jsxRuntime.jsx("div",{...r,className:tailwindMerge.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 jsxRuntime.jsxs("section",{...a,className:tailwindMerge.twMerge("flex flex-col",r),children:[(e||t)&&jsxRuntime.jsxs("div",{className:"flex flex-col gap-1 mb-6",children:[typeof e=="string"?jsxRuntime.jsx(J,{tag:"h3",size:"sm",children:e}):e,t?jsxRuntime.jsx(st,{size:"lg",children:t}):null]}),jsxRuntime.jsx("div",{className:"flex flex-col gap-6",children:n}),o&&jsxRuntime.jsx("hr",{className:"mt-2 border-border-muted"})]})}function ha(){return jsxRuntime.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 jsxRuntime.jsx("nav",{"aria-label":"Progress",className:tailwindMerge.twMerge("w-full",r),children:jsxRuntime.jsx("div",{className:"relative mb-12",children:jsxRuntime.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 jsxRuntime.jsxs("li",{className:"relative flex flex-col items-center",style:{flex:`1 1 ${100/e.length}%`},children:[jsxRuntime.jsx("button",{type:"button",disabled:!d,onClick:()=>d&&o?.(a.id),className:tailwindMerge.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?jsxRuntime.jsx(k,{name:"Check",size:20,weight:"bold"}):jsxRuntime.jsx("span",{className:"text-sm font-semibold",children:l+1})}),l<e.length-1&&jsxRuntime.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)"}}),jsxRuntime.jsxs("div",{className:"mt-3 flex flex-col items-center text-center w-32",children:[jsxRuntime.jsx("span",{className:tailwindMerge.twMerge("text-sm font-medium",i&&"text-text-default",s&&"text-text-primary",!i&&!s&&"text-text-secondary"),children:a.title}),a.description&&jsxRuntime.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?jsxRuntime.jsx("div",{className:tailwindMerge.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:jsxRuntime.jsxs("div",{className:"mx-auto flex max-w-screen-lg items-center justify-between gap-3 p-3",children:[jsxRuntime.jsx("div",{className:"text-sm text-text-secondary",children:"You have unsaved changes"}),jsxRuntime.jsxs("div",{className:"flex gap-2",children:[jsxRuntime.jsx(V,{variant:"secondary",onPress:r,children:a}),jsxRuntime.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__namespace.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__namespace.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}}exports.DialogForm=Hn;exports.DrawerForm=Qn;exports.FormActions=ea;exports.FormDivider=ha;exports.FormGrid=na;exports.FormSection=ba;exports.FormStepper=wa;exports.SaveBar=Da;exports.UnsavedChangesPrompt=Ia;exports.useWizard=Ta;//# sourceMappingURL=index.cjs.map
|
|
1
|
+
'use strict';var jo=require('react'),reactAriaComponents=require('react-aria-components'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),Ke=require('@phosphor-icons/react');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var jo__namespace=/*#__PURE__*/_interopNamespace(jo);var Ke__namespace=/*#__PURE__*/_interopNamespace(Ke);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]=jo.useState(o);return jo.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]=jo.useState(null);return jo.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=jo.forwardRef(({size:r=24,color:n="currentColor",className:a,mirrored:l,alt:i,...s},c)=>{let p=!!i||"aria-label"in s;return jsxRuntime.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=()=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M12 128h44M200 128h44",fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round"}),jsxRuntime.jsx("circle",{cx:"76",cy:"128",r:"20",fill:"none",stroke:"currentColor",strokeWidth:"16"}),jsxRuntime.jsx("circle",{cx:"180",cy:"128",r:"20",fill:"none",stroke:"currentColor",strokeWidth:"16"})]}),Qe=()=>jsxRuntime.jsx("path",{d:"M166 120 88 70",fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round"}),Je=()=>jsxRuntime.jsx("path",{d:"M162 122 92 128",fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round"}),At=h("TextureRecloser",jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"36",y:"36",width:"184",height:"184",fill:"none",stroke:"currentColor",strokeWidth:"16"}),jsxRuntime.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",jsxRuntime.jsx("path",{d:"M20 128h72q18 -84 36 0q18 84 36 0h72",fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round",strokeLinejoin:"round"})),Ot=h("TextureBreaker",jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("rect",{x:"36",y:"36",width:"184",height:"184",fill:"none",stroke:"currentColor",strokeWidth:"16"}),jsxRuntime.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",jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("path",{d:"M4 128h40M212 128h40",fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round"}),jsxRuntime.jsx("circle",{cx:"128",cy:"128",r:"84",fill:"none",stroke:"currentColor",strokeWidth:"16"}),jsxRuntime.jsx("path",{d:"M92 128q18 -84 36 0q18 84 36 0",fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round",strokeLinejoin:"round"})]})),Vt=h("TextureCapacitor",jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("path",{d:"M4 128h106M146 128h106M110 72v112M146 72v112",fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round"})})),_t=h("TextureRegulator",jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("circle",{cx:"128",cy:"128",r:"92",fill:"none",stroke:"currentColor",strokeWidth:"16"}),jsxRuntime.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",jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Pe,{}),jsxRuntime.jsx(Qe,{})]})),Yt=h("TextureSwitchClosed",jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Pe,{}),jsxRuntime.jsx(Je,{})]})),Ut=h("TextureSectionalizerOpen",jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Pe,{}),jsxRuntime.jsx(Qe,{}),jsxRuntime.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",jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Pe,{}),jsxRuntime.jsx(Je,{}),jsxRuntime.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",jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.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"}),jsxRuntime.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=>jsxRuntime.jsx("path",{d:`M24 ${e}h208`,fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round"},e),Ee=e=>jsxRuntime.jsx("path",{d:`M24 ${e}h208`,fill:"none",stroke:"currentColor",strokeWidth:"16",strokeLinecap:"round",pathLength:100,strokeDasharray:"20 20"},e),qt=h("TextureSinglePhaseOverheadLine",jsxRuntime.jsx(jsxRuntime.Fragment,{children:ie[1].map(Le)})),Xt=h("TextureTwoPhaseOverheadLine",jsxRuntime.jsx(jsxRuntime.Fragment,{children:ie[2].map(Le)})),Qt=h("TextureThreePhaseOverheadLine",jsxRuntime.jsx(jsxRuntime.Fragment,{children:ie[3].map(Le)})),Jt=h("TextureSinglePhaseUndergroundLine",jsxRuntime.jsx(jsxRuntime.Fragment,{children:ie[1].map(Ee)})),Kt=h("TextureTwoPhaseUndergroundLine",jsxRuntime.jsx(jsxRuntime.Fragment,{children:ie[2].map(Ee)})),Zt=h("TextureThreePhaseUndergroundLine",jsxRuntime.jsx(jsxRuntime.Fragment,{children:ie[3].map(Ee)})),eo=h("TextureSupportStructure",jsxRuntime.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__namespace&&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=jo.memo(({name:e,size:o="md",color:t,weight:r="regular",className:n,ariaLabel:a,...l})=>{let i=ke[e]??Ke__namespace[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=tailwindMerge.twMerge("inline-block flex-shrink-0",!t&&"text-current",n);return jsxRuntime.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=jo.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=tailwindMerge.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 jsxRuntime.jsx("div",{className:b,style:{width:k,height:k},children:jsxRuntime.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?jsxRuntime.jsx(D,{name:o,size:l,weight:s}):null,C=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[i==="left"&&m,typeof t=="function"?null:t,i==="right"&&m]}),R=jsxRuntime.jsxs("div",{className:"relative inline-flex items-center justify-center",children:[jsxRuntime.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:a||jsxRuntime.jsx(D,{name:"CircleNotch",size:l,className:"animate-spin","aria-hidden":"true"})}),jsxRuntime.jsx("div",{className:"invisible","aria-hidden":"true",children:C}),n&&jsxRuntime.jsx("span",{className:"sr-only",role:"status","aria-live":"polite",children:n})]}),v=(u??0)>0,w=tailwindMerge.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?jsxRuntime.jsx(reactAriaComponents.Link,{...j,...r&&{"aria-busy":true},style:v?void 0:b,className:w,children:r?R:typeof t=="function"?(function(W){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[i==="left"&&m,t(W),i==="right"&&m]})}):C}):jsxRuntime.jsx(reactAriaComponents.Button,{...N,...r&&{"aria-busy":true},style:v?void 0:b,className:w,children:r?R:typeof t=="function"?(function(W){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[i==="left"&&m,t(W),i==="right"&&m]})}):C});return v?jsxRuntime.jsxs("div",{className:tailwindMerge.twMerge("relative flex",p),style:b,children:[M,jsxRuntime.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 jsxRuntime.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:jsxRuntime.jsxs("div",{className:`flex w-full flex-col items-center justify-center border-t p-4 ${r?"h-28":""}`,children:[r&&jsxRuntime.jsx("div",{className:"flex h-10 justify-center",children:r}),n&&jsxRuntime.jsxs("div",{className:"flex w-full items-center justify-between gap-3",children:[jsxRuntime.jsx("div",{children:t&&jsxRuntime.jsx(Ae,{action:t,defaultVariant:"destructive"})}),jsxRuntime.jsxs("div",{className:"flex items-center gap-3",children:[o&&jsxRuntime.jsx(Ae,{action:o,defaultVariant:"secondary"}),e&&jsxRuntime.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 jsxRuntime.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})=>jsxRuntime.jsxs("div",{className:tailwindMerge.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&&jsxRuntime.jsx($,{variant:"icon",onPress:a,className:"absolute left-6","aria-label":"Go back",children:jsxRuntime.jsx(D,{name:"CaretLeft","data-testid":"back-arrow"})}),l||jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[e&&jsxRuntime.jsx(te,{size:"xs",children:e}),o&&!t&&jsxRuntime.jsx($,{variant:"icon",onPress:o,"aria-label":"Close dialog",children:jsxRuntime.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]=jo.useState(s===0);if(jo.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?jsxRuntime.jsx("div",{className:"space-y-2","data-testid":x,children:l.map((v,w)=>jsxRuntime.jsx("div",{className:tailwindMerge.twMerge(S,N,m,C,R,u),style:{width:v,height:o}},w))}):jsxRuntime.jsx("div",{className:tailwindMerge.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 jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("w-full overflow-hidden",yo[e],Po,n==="flex"&&"flex flex-col",o),"data-testid":"card",children:r?jsxRuntime.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?jsxRuntime.jsxs("div",{className:tailwindMerge.twMerge("p-6 pb-4",r),children:[jsxRuntime.jsxs("div",{className:"flex justify-between items-start mb-1",children:[jsxRuntime.jsx(I,{width:120,height:20}),jsxRuntime.jsx(I,{width:24,height:24})]}),o&&jsxRuntime.jsx(I,{width:200,height:16})]}):!e&&!o&&!t?null:jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("p-6 pb-4",r),children:jsxRuntime.jsxs("div",{className:"flex justify-between items-start gap-4",children:[jsxRuntime.jsxs("div",{className:"min-w-0 flex-1",children:[e&&jsxRuntime.jsx("div",{className:"mb-1",children:typeof e=="string"?jsxRuntime.jsx(te,{tag:"h3",size:"sm",className:"text-text-primary",children:e}):e}),o&&jsxRuntime.jsx("div",{className:qe("bodySm","text-text-secondary"),children:o})]}),t&&jsxRuntime.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?jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("bg-background-muted",We[t],r),children:jsxRuntime.jsx(I,{width:"100%",height:"100%"})}):n?jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("overflow-hidden",We[t],r),children:n}):e?jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("overflow-hidden",We[t],r),children:jsxRuntime.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?jsxRuntime.jsx("div",{className:tailwindMerge.twMerge(a,r&&"flex-1 flex flex-col min-h-0",e),children:jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(I,{width:"100%",height:16}),jsxRuntime.jsx(I,{width:"80%",height:16}),jsxRuntime.jsx(I,{width:"60%",height:16})]})}):o?jsxRuntime.jsx("div",{className:tailwindMerge.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?jsxRuntime.jsxs("div",{className:tailwindMerge.twMerge("px-6 py-4 flex gap-2 justify-end",e),children:[jsxRuntime.jsx(I,{width:80,height:32}),jsxRuntime.jsx(I,{width:60,height:32})]}):o?jsxRuntime.jsx("div",{className:tailwindMerge.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 jo.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:jsxRuntime.jsxs(Y,{children:[this.props.title&&jsxRuntime.jsx(Y.Header,{title:this.props.title}),jsxRuntime.jsx(Y.Content,{children:jsxRuntime.jsxs("div",{className:"flex flex-col items-center justify-center gap-4","data-testid":"error-boundary",children:[jsxRuntime.jsx("p",{className:"text-feedback-error-text",children:this.state.error?.message||"Something went wrong"}),jsxRuntime.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 jsxRuntime.jsx(reactAriaComponents.ModalOverlay,{...r,className:reactAriaComponents.composeRenderProps(o,(n,a)=>tailwindMerge.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]=jo.useState(false),[j,M]=jo.useState(0),[W,L]=jo.useState(false),ce=ve(i),G=ce?.height??null,re=ce?.keyboardOffset??0,ue=jo.useRef(null),ne=jo.useRef(null),V=jo.useRef(null),E=jo.useRef({isDragging:false,startY:0,startTime:0,pointerId:null});jo.useEffect(()=>{if(i){let g=setTimeout(()=>{w(true),setTimeout(()=>w(false),600);},400);return ()=>clearTimeout(g)}},[i]),jo.useEffect(()=>{i||(M(0),L(false),E.current={isDragging:false,startY:0,startTime:0,pointerId:null});},[i]),jo.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=jo.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=jo.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=jo.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 jsxRuntime.jsx(z,{children:jsxRuntime.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:jsxRuntime.jsx(reactAriaComponents.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:jsxRuntime.jsx("div",{ref:ue,className:tailwindMerge.twMerge("w-full",W&&"transition-transform duration-200"),style:{transform:j>0?`translateY(${j}px)`:void 0},children:jsxRuntime.jsxs(reactAriaComponents.Dialog,{className:tailwindMerge.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&&jsxRuntime.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:jsxRuntime.jsx("div",{className:tailwindMerge.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?jsxRuntime.jsx(T,{title:o,headerContent:t,titleAlign:r,hideCloseIcon:n||!s,hasBackArrow:true,onBack:l??(()=>{}),onClose:s||(()=>{})}):jsxRuntime.jsx(T,{title:o,headerContent:t,titleAlign:r,hideCloseIcon:n||!s,onClose:s||(()=>{})})),jsxRuntime.jsx("div",{ref:ne,className:tailwindMerge.twMerge("flex-1 min-h-0 overflow-y-auto overscroll-contain",N?"p-4":"p-0"),children:e}),fe&&jsxRuntime.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=jo.useRef(null),ce=jo.useCallback(()=>{L.current&&L.current.scrollTop!==0&&(L.current.scrollTop=0);},[]),G=jo.useRef(null),re=jo.useRef(null);jo.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=jo.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?jsxRuntime.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}):jsxRuntime.jsx(z,{children:jsxRuntime.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:jsxRuntime.jsx(reactAriaComponents.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:jsxRuntime.jsxs(reactAriaComponents.Dialog,{ref:L,onScroll:ce,className:tailwindMerge.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:[jsxRuntime.jsx("div",{className:"flex justify-center pt-2",children:jsxRuntime.jsx("div",{className:"h-1.5 w-12 rounded-full bg-border-muted"})}),ne&&(l?jsxRuntime.jsx(T,{title:t,headerContent:r,titleAlign:n,hideCloseIcon:a||!o,hasBackArrow:true,onBack:i,onClose:o||(()=>{})}):jsxRuntime.jsx(T,{title:t,headerContent:r,titleAlign:n,hideCloseIcon:a||!o,onClose:o||(()=>{})})),jsxRuntime.jsx("div",{ref:re,className:tailwindMerge.twMerge("flex-1 min-h-0 overflow-y-auto overscroll-contain",R?"px-6 py-6":"p-0"),children:s}),V&&jsxRuntime.jsx(X,{primaryAction:c,secondaryAction:p,tertiaryAction:u,footerContent:x})]})})})}):jsxRuntime.jsx(z,{children:jsxRuntime.jsx(Q,{...E?{isOpen:e,onOpenChange:J=>{!J&&o&&o();}}:{},isDismissable:true,transparent:k,className:"flex items-center justify-center",children:jsxRuntime.jsx(reactAriaComponents.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:jsxRuntime.jsxs(reactAriaComponents.Dialog,{ref:G,onScroll:ue,className:tailwindMerge.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?jsxRuntime.jsx(T,{title:t,headerContent:r,titleAlign:n,hideCloseIcon:a||!o,hasBackArrow:true,onBack:i,onClose:o||(()=>{})}):jsxRuntime.jsx(T,{title:t,headerContent:r,titleAlign:n,hideCloseIcon:a||!o,onClose:o||(()=>{})})),jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex-1 min-h-0 overflow-y-auto",R?"px-6 py-6":"p-0"),children:s}),V&&jsxRuntime.jsx(X,{primaryAction:c,secondaryAction:p,tertiaryAction:u,footerContent:x})]})})})})}function xe(e){return jsxRuntime.jsx(reactAriaComponents.Form,{validationBehavior:"aria",...e,className:tailwindMerge.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 jsxRuntime.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:jsxRuntime.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 jsxRuntime.jsx(z,{children:jsxRuntime.jsx(Q,{isOpen:i,onOpenChange:R=>!R&&p?.(),isDismissable:true,transparent:c,children:jsxRuntime.jsx(reactAriaComponents.Modal,{className:"outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",children:jsxRuntime.jsxs(reactAriaComponents.Dialog,{className:tailwindMerge.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?jsxRuntime.jsx(T,{title:o,headerContent:t,titleAlign:r,hideCloseIcon:n,hasBackArrow:true,onBack:l,onClose:p}):jsxRuntime.jsx(T,{title:o,headerContent:t,titleAlign:r,hideCloseIcon:n,onClose:p})),jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex-1 overflow-y-auto overscroll-contain",B?"px-6 py-6":"p-0"),children:e}),C&&jsxRuntime.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 jsxRuntime.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:jsxRuntime.jsx(xe,{id:e,onSubmit:o,className:"mt-2",children:i})})}function Wa({align:e="end",className:o,...t}){return jsxRuntime.jsx("div",{...t,className:tailwindMerge.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 jsxRuntime.jsx("div",{...r,className:tailwindMerge.twMerge("grid",Yo(e),$o[o],t)})}var Go=jo__namespace.default.forwardRef(({children:e,className:o},t)=>jsxRuntime.jsx("div",{ref:t,className:tailwindMerge.twMerge("relative w-full",o),children:e}));Go.displayName="InputWrapper";function vt({size:e="md",className:o,children:t,...r}){return jsxRuntime.jsx("div",{...r,className:tailwindMerge.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 jsxRuntime.jsxs("section",{...a,className:tailwindMerge.twMerge("flex flex-col",r),children:[(e||o)&&jsxRuntime.jsxs("div",{className:"flex flex-col gap-1 mb-6",children:[typeof e=="string"?jsxRuntime.jsx(te,{tag:"h3",size:"sm",children:e}):e,o?jsxRuntime.jsx(vt,{size:"lg",children:o}):null]}),jsxRuntime.jsx("div",{className:"flex flex-col gap-6",children:n}),t&&jsxRuntime.jsx("hr",{className:"mt-2 border-border-muted"})]})}function ri(){return jsxRuntime.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 jsxRuntime.jsx("nav",{"aria-label":"Progress",className:tailwindMerge.twMerge("w-full",r),children:jsxRuntime.jsx("div",{className:"relative mb-12",children:jsxRuntime.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 jsxRuntime.jsxs("li",{className:"relative flex flex-col items-center",style:{flex:`1 1 ${100/e.length}%`},children:[jsxRuntime.jsx("button",{type:"button",disabled:!c,onClick:()=>c&&t?.(a.id),className:tailwindMerge.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?jsxRuntime.jsx(D,{name:"Check",size:20,weight:"bold"}):jsxRuntime.jsx("span",{className:"text-sm font-semibold",children:l+1})}),l<e.length-1&&jsxRuntime.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)"}}),jsxRuntime.jsxs("div",{className:"mt-3 flex flex-col items-center text-center w-32",children:[jsxRuntime.jsx("span",{className:tailwindMerge.twMerge("text-sm font-medium",i&&"text-text-default",s&&"text-text-primary",!i&&!s&&"text-text-secondary"),children:a.title}),a.description&&jsxRuntime.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?jsxRuntime.jsx("div",{className:tailwindMerge.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:jsxRuntime.jsxs("div",{className:"mx-auto flex max-w-screen-lg items-center justify-between gap-3 p-3",children:[jsxRuntime.jsx("div",{className:"text-sm text-text-secondary",children:"You have unsaved changes"}),jsxRuntime.jsxs("div",{className:"flex gap-2",children:[jsxRuntime.jsx($,{variant:"secondary",onPress:r,children:a}),jsxRuntime.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__namespace.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__namespace.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
|
+
exports.DialogForm=Pa;exports.DrawerForm=Ha;exports.FormActions=Wa;exports.FormDivider=ri;exports.FormGrid=Ya;exports.FormSection=oi;exports.FormStepper=li;exports.SaveBar=fi;exports.UnsavedChangesPrompt=hi;exports.useWizard=bi;//# sourceMappingURL=index.cjs.map
|
|
2
3
|
//# sourceMappingURL=index.cjs.map
|