@openspecui/web 11.1.0 → 12.0.0

package/dist-ssg/client/assets/{config-guide-presentation-BuoQZFn1.js → config-guide-presentation-GtsojPuN.js}

@@ -1 +1 @@
-import{a as e}from"./chunk-BEqpzyXh.js";import{n as t,t as n}from"./jsx-runtime-BLLrG8rB.js";import{$ as r,B as i,Ct as a,D as o,Dt as s,Et as c,Ft as l,G as u,H as d,J as f,K as p,L as m,Ot as h,Pt as g,Q as _,R as v,St as y,Tt as b,U as x,V as S,W as C,X as w,Y as T,Z as E,_t as D,a as O,at as k,bt as A,ct as j,dt as M,et as N,ft as P,gt as F,i as ee,it as I,lt as L,n as R,nt as z,ot as B,pt as V,q as H,r as te,rt as ne,st as re,t as ie,tt as ae,ut as U,wt as oe,xt as se,yt as ce,z as W}from"./index.ssg-qirBkhbD.js";var G=e(t()),le=new Map([[`select`,`listbox`],[`combobox`,`listbox`],[`label`,!1]]);function ue(e,t={}){let n=`rootStore`in e?e.rootStore:e,r=n.useState(`open`),i=n.useState(`floatingId`),a=n.useState(`domReferenceElement`),o=n.useState(`floatingElement`),{role:s=`dialog`}=t,c=M(),l=a?.id||c,u=G.useMemo(()=>se(o)?.id||i,[o,i]),d=le.get(s)??s,f=j()!=null,p=G.useMemo(()=>d===`tooltip`||s===`label`?A:{"aria-haspopup":d===`alertdialog`?`dialog`:d,"aria-expanded":`false`,...d===`listbox`&&{role:`combobox`},...d===`menu`&&f&&{role:`menuitem`},...s===`select`&&{"aria-autocomplete":`none`},...s===`combobox`&&{"aria-autocomplete":`list`}},[d,f,s]),m=G.useMemo(()=>d===`tooltip`||s===`label`?{[`aria-${s===`label`?`labelledby`:`describedby`}`]:r?u:void 0}:{...p,"aria-expanded":r?`true`:`false`,"aria-controls":r?u:void 0,...d===`menu`&&{id:l}},[d,u,r,l,s,p]),h=G.useMemo(()=>{let e={id:u,...d&&{role:d}};return d===`tooltip`||s===`label`?e:{...e,...d===`menu`&&{"aria-labelledby":l}}},[d,u,l,s]),g=G.useCallback(({active:e,selected:t})=>{let n={role:`option`,...e&&{id:`${u}-fui-option`}};switch(s){case`select`:case`combobox`:return{...n,"aria-selected":t};default:}return{}},[u,s]);return G.useMemo(()=>({reference:m,floating:h,item:g,trigger:p}),[m,h,p,g])}var de=G.createContext(void 0);function K(e){let t=G.useContext(de);if(t===void 0&&!e)throw Error(b(47));return t}var fe=e(l());function pe(){return{...H(),disabled:!1,modal:!1,instantType:void 0,openMethod:null,openChangeReason:null,titleElementId:void 0,descriptionElementId:void 0,stickIfOpen:!0,nested:!1,openOnHover:!1,closeDelay:0,hasViewport:!1}}var me={...f,disabled:z(e=>e.disabled),instantType:z(e=>e.instantType),openMethod:z(e=>e.openMethod),openChangeReason:z(e=>e.openChangeReason),modal:z(e=>e.modal),stickIfOpen:z(e=>e.stickIfOpen),titleElementId:z(e=>e.titleElementId),descriptionElementId:z(e=>e.descriptionElementId),openOnHover:z(e=>e.openOnHover),closeDelay:z(e=>e.closeDelay),hasViewport:z(e=>e.hasViewport)},he=class e extends ae{constructor(e){let t={...pe(),...e};t.open&&e?.mounted===void 0&&(t.mounted=!0),super(t,{popupRef:G.createRef(),backdropRef:G.createRef(),internalBackdropRef:G.createRef(),onOpenChange:void 0,onOpenChangeComplete:void 0,triggerFocusTargetRef:G.createRef(),beforeContentFocusGuardRef:G.createRef(),stickIfOpenTimeout:new a,triggerElements:new T},me)}setOpen=(e,t)=>{let n=t.reason===D,r=t.reason===`trigger-press`&&t.event.detail===0,i=!e&&(t.reason===`escape-key`||t.reason==null);if(t.preventUnmountOnClose=()=>{this.set(`preventUnmountingOnClose`,!0)},this.context.onOpenChange?.(e,t),t.isCanceled)return;let a={open:e,nativeEvent:t.event,reason:t.reason,nested:this.state.nested,triggerElement:t.trigger};this.state.floatingRootContext.context.events?.emit(`openchange`,a);let o=()=>{let n={open:e,openChangeReason:t.reason},r=t.trigger?.id??null;(r||e)&&(n.activeTriggerId=r,n.activeTriggerElement=t.trigger??null),this.update(n)};n?(this.set(`stickIfOpen`,!0),this.context.stickIfOpenTimeout.start(500,()=>{this.set(`stickIfOpen`,!1)}),fe.flushSync(o)):o(),r||i?this.set(`instantType`,r?`click`:`dismiss`):t.reason===`focus-out`?this.set(`instantType`,`focus`):this.set(`instantType`,void 0)};static useStore(t,n){let r=h(()=>new e(n)).current,i=t??r;return oe(r.disposeEffect),i}disposeEffect=()=>this.context.stickIfOpenTimeout.disposeEffect()},q=n();function ge({props:e}){let{children:t,open:n,defaultOpen:r=!1,onOpenChange:i,onOpenChangeComplete:a,modal:o=!1,handle:c,triggerId:l,defaultTriggerId:u=null}=e,d=he.useStore(c?.store,{modal:o,open:r,openProp:n,activeTriggerId:u,triggerIdProp:l});s(()=>{n===void 0&&d.state.open===!1&&r===!0&&d.update({open:!0,activeTriggerId:u})}),d.useControlledProp(`openProp`,n),d.useControlledProp(`triggerIdProp`,l);let f=d.useState(`open`),m=d.useState(`positionerElement`),h=d.useState(`payload`),g=d.useState(`openChangeReason`);d.useContextCallback(`onOpenChange`,i),d.useContextCallback(`onOpenChangeComplete`,a);let{openMethod:_,triggerProps:v}=O(f);w(d);let{forceUnmount:y}=E(f,d,()=>{d.update({stickIfOpen:!0,openChangeReason:null})});ee(f&&o===!0&&g!==`trigger-hover`&&_!==`touch`,m),G.useEffect(()=>{f||d.context.stickIfOpenTimeout.clear()},[d,f]);let b=G.useCallback(e=>{let t=V(e);return t.preventUnmountOnClose=()=>{d.set(`preventUnmountingOnClose`,!0)},t},[d]),x=G.useCallback(()=>{d.setOpen(!1,b(F))},[d,b]);G.useImperativeHandle(e.actionsRef,()=>({unmount:y,close:x}),[y,x]);let S=p({popupStore:d,onOpenChange:d.setOpen}),{getReferenceProps:T,getFloatingProps:D,getTriggerProps:k}=C([ne(S,{outsidePressEvent:{mouse:o===`trap-focus`?`sloppy`:`intentional`,touch:`sloppy`}}),ue(S)]),A=G.useMemo(()=>T(v),[T,v]),M=G.useMemo(()=>k(v),[k,v]),N=G.useMemo(()=>D(),[D]);d.useSyncedValues({modal:o,openMethod:_,activeTriggerProps:A,inactiveTriggerProps:M,popupProps:N,floatingRootContext:S,nested:j()!=null});let P=G.useMemo(()=>({store:d}),[d]);return(0,q.jsx)(de.Provider,{value:P,children:typeof t==`function`?t({payload:h}):t})}function _e(e){return K(!0)?(0,q.jsx)(ge,{props:e}):(0,q.jsx)(B,{children:(0,q.jsx)(ge,{props:e})})}var ve=G.createContext(void 0);function ye(){let e=G.useContext(ve);if(e===void 0)throw Error(b(45));return e}var be=G.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,{store:i}=K();return i.useState(`mounted`)||n?(0,q.jsx)(ve.Provider,{value:n,children:(0,q.jsx)(L,{ref:t,...r})}):null}),xe=G.createContext(void 0);function Se(){let e=G.useContext(xe);if(!e)throw Error(b(46));return e}var Ce=G.forwardRef(function(e,t){let{render:n,className:a,anchor:o,positionMethod:s=`absolute`,side:l=`bottom`,align:u=`center`,sideOffset:d=0,alignOffset:f=0,collisionBoundary:p=`clipping-ancestors`,collisionPadding:m=5,arrowPadding:h=5,sticky:g=!1,disableAnchorTracking:_=!1,collisionAvoidance:y=ce,...b}=e,{store:C}=K(),w=ye(),T=re(),E=C.useState(`floatingRootContext`),D=C.useState(`mounted`),O=C.useState(`open`),A=C.useState(`openChangeReason`),j=C.useState(`activeTriggerElement`),M=C.useState(`modal`),N=C.useState(`positionerElement`),P=C.useState(`instantType`),F=C.useState(`transitionStatus`),ee=C.useState(`hasViewport`),I=G.useRef(null),L=r(N,!1,!1),R=i({anchor:o,floatingRootContext:E,positionMethod:s,mounted:D,side:l,sideOffset:d,align:u,alignOffset:f,arrowPadding:h,collisionBoundary:p,collisionPadding:m,sticky:g,disableAnchorTracking:_,keepMounted:w,nodeId:T,collisionAvoidance:y,adaptiveOrigin:ee?S:void 0}),z=G.useMemo(()=>{let e={};return O||(e.pointerEvents=`none`),{role:`presentation`,hidden:!D,style:{...R.positionerStyles,...e}}},[O,D,R.positionerStyles]),B=G.useMemo(()=>({props:z,...R}),[z,R]),V=E.useState(`domReferenceElement`);c(()=>{let e=V,t=I.current;if(e&&(I.current=e),t&&e&&e!==t){C.set(`instantType`,void 0);let e=new AbortController;return L(()=>{C.set(`instantType`,`trigger-change`)},e.signal),()=>{e.abort()}}},[V,L,C]);let H={open:O,side:B.side,align:B.align,anchorHidden:B.anchorHidden,instant:P},ne=G.useCallback(e=>{C.set(`positionerElement`,e)},[C]),ie=U(`div`,e,{state:H,props:[B.props,W(F),b],ref:[t,ne],stateAttributesMapping:x});return(0,q.jsxs)(xe.Provider,{value:B,children:[D&&M===!0&&A!==`trigger-hover`&&(0,q.jsx)(te,{ref:C.context.internalBackdropRef,inert:v(!O),cutout:j}),(0,q.jsx)(k,{id:T,children:ie})]})}),we=G.createContext(void 0);function Te(){let[e,t]=G.useState(0),n=P(()=>(t(e=>e+1),()=>{t(e=>Math.max(0,e-1))}));return{context:G.useMemo(()=>({register:n}),[n]),hasClosePart:e>0}}function Ee(e){let{value:t,children:n}=e;return(0,q.jsx)(we.Provider,{value:t,children:n})}var De={...x,...N},Oe=G.forwardRef(function(e,t){let{className:n,render:r,initialFocus:i,finalFocus:a,...o}=e,{store:s}=K(),c=Se(),l=R(!0)!=null,{context:d,hasClosePart:f}=Te(),p=s.useState(`open`),m=s.useState(`openMethod`),h=s.useState(`instantType`),g=s.useState(`transitionStatus`),v=s.useState(`popupProps`),b=s.useState(`titleElementId`),x=s.useState(`descriptionElementId`),S=s.useState(`modal`),C=s.useState(`mounted`),w=s.useState(`openChangeReason`),T=s.useState(`activeTriggerElement`),E=s.useState(`floatingRootContext`);_({open:p,ref:s.context.popupRef,onComplete(){p&&s.context.onOpenChangeComplete?.(!0)}});let D=s.useState(`disabled`),O=s.useState(`openOnHover`),k=s.useState(`closeDelay`);u(E,{enabled:O&&!D,closeDelay:k});function A(e){return e===`touch`?s.context.popupRef.current:!0}let j=i===void 0?A:i,M={open:p,side:c.side,align:c.align,instant:h,transitionStatus:g},N=S!==!1&&f,P=G.useCallback(e=>{s.set(`popupElement`,e)},[s]),F=U(`div`,e,{state:M,ref:[t,s.context.popupRef,P],props:[v,{"aria-labelledby":b,"aria-describedby":x,onKeyDown(e){l&&ie.has(e.key)&&e.stopPropagation()}},W(g),o],stateAttributesMapping:De});return(0,q.jsx)(I,{context:E,openInteractionType:m,modal:N,disabled:!C||w===`trigger-hover`,initialFocus:j,returnFocus:a,restoreFocus:`popup`,previousFocusableElement:y(T)?T:void 0,nextFocusableElement:s.context.triggerFocusTargetRef,beforeContentFocusGuardRef:s.context.beforeContentFocusGuardRef,children:(0,q.jsx)(Ee,{value:d,children:F})})}),ke=G.forwardRef(function(e,t){let{render:n,className:r,...i}=e,{store:a}=K(),o=d(i.id);return c(()=>(a.set(`titleElementId`,o),()=>{a.set(`titleElementId`,void 0)}),[a,o]),U(`h2`,e,{ref:t,props:[{id:o},i]})}),Ae=G.forwardRef(function(e,t){let{render:n,className:r,...i}=e,{store:a}=K(),o=d(i.id);return c(()=>(a.set(`descriptionElementId`,o),()=>{a.set(`descriptionElementId`,void 0)}),[a,o]),U(`p`,e,{ref:t,props:[{id:o},i]})}),je={topLeft:{x:0,y:0},topRight:{x:0,y:0},bottomRight:{x:0,y:0},bottomLeft:{x:0,y:0}};function J(e){return Number(e.toFixed(3)).toString()}function Me(e,t){let n=Number.parseFloat(e);return Number.isFinite(n)?e.trim().endsWith(`%`)?n/100*t:n:0}function Y(e,t,n){let[r=`0`,i=r]=e.trim().split(/\s+/).filter(e=>e!==`/`);return{x:Math.max(0,Me(r,t)),y:Math.max(0,Me(i,n))}}function Ne(e,t,n){let r=[t/Math.max(t,e.topLeft.x+e.topRight.x),t/Math.max(t,e.bottomLeft.x+e.bottomRight.x),n/Math.max(n,e.topLeft.y+e.bottomLeft.y),n/Math.max(n,e.topRight.y+e.bottomRight.y)],i=Math.min(1,...r),a=({x:e,y:t})=>({x:e*i,y:t*i});return{topLeft:a(e.topLeft),topRight:a(e.topRight),bottomRight:a(e.bottomRight),bottomLeft:a(e.bottomLeft)}}function Pe(e,t,n){if(typeof CSS>`u`||!CSS.supports?.(`corner-shape`,`bevel`))return je;let r=window.getComputedStyle(e);return Ne({topLeft:Y(r.borderTopLeftRadius,t,n),topRight:Y(r.borderTopRightRadius,t,n),bottomRight:Y(r.borderBottomRightRadius,t,n),bottomLeft:Y(r.borderBottomLeftRadius,t,n)},t,n)}function Fe(e,t){let n=window.visualViewport?.width??window.innerWidth,r=window.visualViewport?.height??window.innerHeight;if(!e?.isConnected)return{viewportWidth:n,viewportHeight:r,hole:null};let i=e.getBoundingClientRect(),a=Math.max(0,i.left-t),o=Math.max(0,i.top-t),s=Math.min(n,i.right+t),c=Math.min(r,i.bottom+t);return s<=a||c<=o?{viewportWidth:n,viewportHeight:r,hole:null}:{viewportWidth:n,viewportHeight:r,hole:{top:o,right:s,bottom:c,left:a,width:s-a,height:c-o,corners:Pe(e,i.width,i.height)}}}function Ie(e){let{top:t,right:n,bottom:r,left:i,corners:a}=e;return[`M ${J(i+a.topLeft.x)} ${J(t)}`,`H ${J(n-a.topRight.x)}`,`L ${J(n)} ${J(t+a.topRight.y)}`,`V ${J(r-a.bottomRight.y)}`,`L ${J(n-a.bottomRight.x)} ${J(r)}`,`H ${J(i+a.bottomLeft.x)}`,`L ${J(i)} ${J(r-a.bottomLeft.y)}`,`V ${J(t+a.topLeft.y)}`,`L ${J(i+a.topLeft.x)} ${J(t)}`,`Z`].join(` `)}function Le(e){let t=`M 0 0 H ${J(e.viewportWidth)} V ${J(e.viewportHeight)} H 0 Z`,n=e.hole?Ie(e.hole):null;return{holePath:n,maskPath:n?`${t} ${n}`:t}}var X=8;function Z(e){let t=e.kind!==`stage`;return{description:e.kind===`complete`?`Resolved Context is current and the selected Root is usable.`:e.kind===`target-failed`?`The semantic Guide target did not mount. Retry after the route is available.`:e.signal?.detail,nextLabel:e.kind===`complete`?`Done`:e.kind===`target-failed`?`Retry`:`Continue`,showNext:t||e.signal?.status===`ready`}}function Re(e){let[t,n]=(0,G.useState)(()=>Fe(e,X));return(0,G.useEffect)(()=>{let t=0,r=()=>{window.cancelAnimationFrame(t),t=window.requestAnimationFrame(()=>n(Fe(e,X)))};r();let i=e&&typeof ResizeObserver<`u`?new ResizeObserver(r):null;return e&&i?.observe(e),window.addEventListener(`resize`,r),window.addEventListener(`scroll`,r,!0),window.visualViewport?.addEventListener(`resize`,r),window.visualViewport?.addEventListener(`scroll`,r),()=>{window.cancelAnimationFrame(t),i?.disconnect(),window.removeEventListener(`resize`,r),window.removeEventListener(`scroll`,r,!0),window.visualViewport?.removeEventListener(`resize`,r),window.visualViewport?.removeEventListener(`scroll`,r)}},[e]),t}function Q(e){e.preventDefault(),e.stopPropagation()}function ze({element:e}){let t=Re(e),n=Le(t);return(0,q.jsxs)(`svg`,{"data-config-guide-overlay":!0,className:`fixed left-0 top-0 z-[80]`,width:t.viewportWidth,height:t.viewportHeight,viewBox:`0 0 ${t.viewportWidth} ${t.viewportHeight}`,preserveAspectRatio:`none`,pointerEvents:`none`,"aria-hidden":!0,children:[(0,q.jsx)(`path`,{"data-config-guide-overlay-mask":!0,d:n.maskPath,fill:`var(--config-guide-mask)`,fillRule:`evenodd`,clipRule:`evenodd`,pointerEvents:`visiblePainted`,onPointerDown:Q,onPointerUp:Q,onClick:Q,onContextMenu:Q,onWheel:Q}),n.holePath?(0,q.jsx)(`path`,{"data-config-guide-spotlight":!0,d:n.holePath,fill:`none`,stroke:`var(--primary)`,strokeOpacity:`0.7`,strokeWidth:`2`,vectorEffect:`non-scaling-stroke`,pointerEvents:`none`}):null]})}function Be({presentation:e,copy:t}){return(0,q.jsxs)(`div`,{className:`border-border mt-4 flex items-center justify-end gap-2 border-t pt-3`,children:[e.canGoBack?(0,q.jsx)(o,{"data-config-guide-action":`previous`,variant:`secondary`,size:`sm`,onClick:e.onPrevious,children:`Back`}):null,t.showNext?(0,q.jsx)(o,{"data-config-guide-action":`next`,variant:`primary`,size:`sm`,autoFocus:e.kind!==`stage`,onClick:e.onNext,children:t.nextLabel}):null]})}function $({presentation:e,title:t,description:n,children:r}){return(0,q.jsxs)(`div`,{className:`relative`,children:[(0,q.jsx)(o,{"data-config-guide-action":`close`,variant:`ghost`,size:`icon-sm`,"aria-label":`Close Guide`,className:`text-muted-foreground hover:text-foreground absolute -right-1 -top-1`,onClick:e.onCancel,children:(0,q.jsx)(g,{className:`h-4 w-4`,"aria-hidden":!0})}),(0,q.jsx)(`div`,{className:`min-w-0 pr-8`,children:t}),(0,q.jsx)(`div`,{className:`mt-1 min-w-0`,children:n}),r]})}function Ve({presentation:e}){let t=Z(e),n=!e.reducedMotion;return(0,q.jsx)(_e,{open:!0,modal:!1,triggerId:e.element?.id,onOpenChange:()=>void 0,children:(0,q.jsx)(be,{children:(0,q.jsx)(Ce,{anchor:e.element,positionMethod:`fixed`,side:`bottom`,align:`center`,sideOffset:12,collisionPadding:16,className:`z-[81] max-w-[calc(100vw-1rem)] outline-none`,children:(0,q.jsx)(Oe,{"data-config-guide-popover":!0,"data-config-guide-kind":e.kind,"data-config-guide-anchor":e.element?.id,initialFocus:!0,finalFocus:!1,className:m(`bg-popover text-popover-foreground border-border w-[min(22rem,calc(100vw-1rem))] rounded-lg border p-4 shadow-lg outline-none`,n&&`origin-(--transform-origin) transition-[transform,opacity] duration-150 data-[ending-style]:scale-95 data-[starting-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0`),children:(0,q.jsx)($,{presentation:e,title:(0,q.jsx)(ke,{className:`text-base font-semibold leading-snug`,children:e.label}),description:t.description?(0,q.jsx)(Ae,{className:`text-muted-foreground text-sm leading-relaxed`,children:t.description}):null,children:(0,q.jsx)(Be,{presentation:e,copy:t})})})})})})}function He({presentation:e}){let t=Z(e),n=(0,G.useId)(),r=(0,G.useId)();return(0,q.jsx)(`div`,{"data-config-guide-popover":!0,"data-config-guide-kind":e.kind,role:`dialog`,"aria-modal":`true`,"aria-labelledby":n,"aria-describedby":r,className:`bg-popover text-popover-foreground border-border fixed left-1/2 top-1/2 z-[81] w-[min(22rem,calc(100vw-1rem))] -translate-x-1/2 -translate-y-1/2 rounded-lg border p-4 shadow-lg outline-none`,children:(0,q.jsx)($,{presentation:e,title:(0,q.jsx)(`h2`,{id:n,className:`text-base font-semibold leading-snug`,children:e.label}),description:(0,q.jsx)(`p`,{id:r,className:`text-muted-foreground text-sm leading-relaxed`,children:t.description}),children:(0,q.jsx)(Be,{presentation:e,copy:t})})})}function Ue({presentation:e}){return(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(ze,{element:e.element}),e.element?(0,q.jsx)(Ve,{presentation:e}):(0,q.jsx)(He,{presentation:e})]})}export{Ue as ConfigGuidePresentationLayer,Z as getConfigGuidePresentationCopy};
+import{a as e}from"./chunk-BEqpzyXh.js";import{n as t,t as n}from"./jsx-runtime-BLLrG8rB.js";import{$ as r,B as i,Ct as a,D as o,Dt as s,Et as c,Ft as l,G as u,H as d,J as f,K as p,L as m,Ot as h,Pt as g,Q as _,R as v,St as y,Tt as b,U as x,V as S,W as C,X as w,Y as T,Z as E,_t as D,a as O,at as k,bt as A,ct as j,dt as M,et as N,ft as P,gt as F,i as ee,it as I,lt as L,n as R,nt as z,ot as B,pt as V,q as H,r as te,rt as ne,st as re,t as ie,tt as ae,ut as U,wt as oe,xt as se,yt as ce,z as W}from"./index.ssg-m0qZ-Tbv.js";var G=e(t()),le=new Map([[`select`,`listbox`],[`combobox`,`listbox`],[`label`,!1]]);function ue(e,t={}){let n=`rootStore`in e?e.rootStore:e,r=n.useState(`open`),i=n.useState(`floatingId`),a=n.useState(`domReferenceElement`),o=n.useState(`floatingElement`),{role:s=`dialog`}=t,c=M(),l=a?.id||c,u=G.useMemo(()=>se(o)?.id||i,[o,i]),d=le.get(s)??s,f=j()!=null,p=G.useMemo(()=>d===`tooltip`||s===`label`?A:{"aria-haspopup":d===`alertdialog`?`dialog`:d,"aria-expanded":`false`,...d===`listbox`&&{role:`combobox`},...d===`menu`&&f&&{role:`menuitem`},...s===`select`&&{"aria-autocomplete":`none`},...s===`combobox`&&{"aria-autocomplete":`list`}},[d,f,s]),m=G.useMemo(()=>d===`tooltip`||s===`label`?{[`aria-${s===`label`?`labelledby`:`describedby`}`]:r?u:void 0}:{...p,"aria-expanded":r?`true`:`false`,"aria-controls":r?u:void 0,...d===`menu`&&{id:l}},[d,u,r,l,s,p]),h=G.useMemo(()=>{let e={id:u,...d&&{role:d}};return d===`tooltip`||s===`label`?e:{...e,...d===`menu`&&{"aria-labelledby":l}}},[d,u,l,s]),g=G.useCallback(({active:e,selected:t})=>{let n={role:`option`,...e&&{id:`${u}-fui-option`}};switch(s){case`select`:case`combobox`:return{...n,"aria-selected":t};default:}return{}},[u,s]);return G.useMemo(()=>({reference:m,floating:h,item:g,trigger:p}),[m,h,p,g])}var de=G.createContext(void 0);function K(e){let t=G.useContext(de);if(t===void 0&&!e)throw Error(b(47));return t}var fe=e(l());function pe(){return{...H(),disabled:!1,modal:!1,instantType:void 0,openMethod:null,openChangeReason:null,titleElementId:void 0,descriptionElementId:void 0,stickIfOpen:!0,nested:!1,openOnHover:!1,closeDelay:0,hasViewport:!1}}var me={...f,disabled:z(e=>e.disabled),instantType:z(e=>e.instantType),openMethod:z(e=>e.openMethod),openChangeReason:z(e=>e.openChangeReason),modal:z(e=>e.modal),stickIfOpen:z(e=>e.stickIfOpen),titleElementId:z(e=>e.titleElementId),descriptionElementId:z(e=>e.descriptionElementId),openOnHover:z(e=>e.openOnHover),closeDelay:z(e=>e.closeDelay),hasViewport:z(e=>e.hasViewport)},he=class e extends ae{constructor(e){let t={...pe(),...e};t.open&&e?.mounted===void 0&&(t.mounted=!0),super(t,{popupRef:G.createRef(),backdropRef:G.createRef(),internalBackdropRef:G.createRef(),onOpenChange:void 0,onOpenChangeComplete:void 0,triggerFocusTargetRef:G.createRef(),beforeContentFocusGuardRef:G.createRef(),stickIfOpenTimeout:new a,triggerElements:new T},me)}setOpen=(e,t)=>{let n=t.reason===D,r=t.reason===`trigger-press`&&t.event.detail===0,i=!e&&(t.reason===`escape-key`||t.reason==null);if(t.preventUnmountOnClose=()=>{this.set(`preventUnmountingOnClose`,!0)},this.context.onOpenChange?.(e,t),t.isCanceled)return;let a={open:e,nativeEvent:t.event,reason:t.reason,nested:this.state.nested,triggerElement:t.trigger};this.state.floatingRootContext.context.events?.emit(`openchange`,a);let o=()=>{let n={open:e,openChangeReason:t.reason},r=t.trigger?.id??null;(r||e)&&(n.activeTriggerId=r,n.activeTriggerElement=t.trigger??null),this.update(n)};n?(this.set(`stickIfOpen`,!0),this.context.stickIfOpenTimeout.start(500,()=>{this.set(`stickIfOpen`,!1)}),fe.flushSync(o)):o(),r||i?this.set(`instantType`,r?`click`:`dismiss`):t.reason===`focus-out`?this.set(`instantType`,`focus`):this.set(`instantType`,void 0)};static useStore(t,n){let r=h(()=>new e(n)).current,i=t??r;return oe(r.disposeEffect),i}disposeEffect=()=>this.context.stickIfOpenTimeout.disposeEffect()},q=n();function ge({props:e}){let{children:t,open:n,defaultOpen:r=!1,onOpenChange:i,onOpenChangeComplete:a,modal:o=!1,handle:c,triggerId:l,defaultTriggerId:u=null}=e,d=he.useStore(c?.store,{modal:o,open:r,openProp:n,activeTriggerId:u,triggerIdProp:l});s(()=>{n===void 0&&d.state.open===!1&&r===!0&&d.update({open:!0,activeTriggerId:u})}),d.useControlledProp(`openProp`,n),d.useControlledProp(`triggerIdProp`,l);let f=d.useState(`open`),m=d.useState(`positionerElement`),h=d.useState(`payload`),g=d.useState(`openChangeReason`);d.useContextCallback(`onOpenChange`,i),d.useContextCallback(`onOpenChangeComplete`,a);let{openMethod:_,triggerProps:v}=O(f);w(d);let{forceUnmount:y}=E(f,d,()=>{d.update({stickIfOpen:!0,openChangeReason:null})});ee(f&&o===!0&&g!==`trigger-hover`&&_!==`touch`,m),G.useEffect(()=>{f||d.context.stickIfOpenTimeout.clear()},[d,f]);let b=G.useCallback(e=>{let t=V(e);return t.preventUnmountOnClose=()=>{d.set(`preventUnmountingOnClose`,!0)},t},[d]),x=G.useCallback(()=>{d.setOpen(!1,b(F))},[d,b]);G.useImperativeHandle(e.actionsRef,()=>({unmount:y,close:x}),[y,x]);let S=p({popupStore:d,onOpenChange:d.setOpen}),{getReferenceProps:T,getFloatingProps:D,getTriggerProps:k}=C([ne(S,{outsidePressEvent:{mouse:o===`trap-focus`?`sloppy`:`intentional`,touch:`sloppy`}}),ue(S)]),A=G.useMemo(()=>T(v),[T,v]),M=G.useMemo(()=>k(v),[k,v]),N=G.useMemo(()=>D(),[D]);d.useSyncedValues({modal:o,openMethod:_,activeTriggerProps:A,inactiveTriggerProps:M,popupProps:N,floatingRootContext:S,nested:j()!=null});let P=G.useMemo(()=>({store:d}),[d]);return(0,q.jsx)(de.Provider,{value:P,children:typeof t==`function`?t({payload:h}):t})}function _e(e){return K(!0)?(0,q.jsx)(ge,{props:e}):(0,q.jsx)(B,{children:(0,q.jsx)(ge,{props:e})})}var ve=G.createContext(void 0);function ye(){let e=G.useContext(ve);if(e===void 0)throw Error(b(45));return e}var be=G.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,{store:i}=K();return i.useState(`mounted`)||n?(0,q.jsx)(ve.Provider,{value:n,children:(0,q.jsx)(L,{ref:t,...r})}):null}),xe=G.createContext(void 0);function Se(){let e=G.useContext(xe);if(!e)throw Error(b(46));return e}var Ce=G.forwardRef(function(e,t){let{render:n,className:a,anchor:o,positionMethod:s=`absolute`,side:l=`bottom`,align:u=`center`,sideOffset:d=0,alignOffset:f=0,collisionBoundary:p=`clipping-ancestors`,collisionPadding:m=5,arrowPadding:h=5,sticky:g=!1,disableAnchorTracking:_=!1,collisionAvoidance:y=ce,...b}=e,{store:C}=K(),w=ye(),T=re(),E=C.useState(`floatingRootContext`),D=C.useState(`mounted`),O=C.useState(`open`),A=C.useState(`openChangeReason`),j=C.useState(`activeTriggerElement`),M=C.useState(`modal`),N=C.useState(`positionerElement`),P=C.useState(`instantType`),F=C.useState(`transitionStatus`),ee=C.useState(`hasViewport`),I=G.useRef(null),L=r(N,!1,!1),R=i({anchor:o,floatingRootContext:E,positionMethod:s,mounted:D,side:l,sideOffset:d,align:u,alignOffset:f,arrowPadding:h,collisionBoundary:p,collisionPadding:m,sticky:g,disableAnchorTracking:_,keepMounted:w,nodeId:T,collisionAvoidance:y,adaptiveOrigin:ee?S:void 0}),z=G.useMemo(()=>{let e={};return O||(e.pointerEvents=`none`),{role:`presentation`,hidden:!D,style:{...R.positionerStyles,...e}}},[O,D,R.positionerStyles]),B=G.useMemo(()=>({props:z,...R}),[z,R]),V=E.useState(`domReferenceElement`);c(()=>{let e=V,t=I.current;if(e&&(I.current=e),t&&e&&e!==t){C.set(`instantType`,void 0);let e=new AbortController;return L(()=>{C.set(`instantType`,`trigger-change`)},e.signal),()=>{e.abort()}}},[V,L,C]);let H={open:O,side:B.side,align:B.align,anchorHidden:B.anchorHidden,instant:P},ne=G.useCallback(e=>{C.set(`positionerElement`,e)},[C]),ie=U(`div`,e,{state:H,props:[B.props,W(F),b],ref:[t,ne],stateAttributesMapping:x});return(0,q.jsxs)(xe.Provider,{value:B,children:[D&&M===!0&&A!==`trigger-hover`&&(0,q.jsx)(te,{ref:C.context.internalBackdropRef,inert:v(!O),cutout:j}),(0,q.jsx)(k,{id:T,children:ie})]})}),we=G.createContext(void 0);function Te(){let[e,t]=G.useState(0),n=P(()=>(t(e=>e+1),()=>{t(e=>Math.max(0,e-1))}));return{context:G.useMemo(()=>({register:n}),[n]),hasClosePart:e>0}}function Ee(e){let{value:t,children:n}=e;return(0,q.jsx)(we.Provider,{value:t,children:n})}var De={...x,...N},Oe=G.forwardRef(function(e,t){let{className:n,render:r,initialFocus:i,finalFocus:a,...o}=e,{store:s}=K(),c=Se(),l=R(!0)!=null,{context:d,hasClosePart:f}=Te(),p=s.useState(`open`),m=s.useState(`openMethod`),h=s.useState(`instantType`),g=s.useState(`transitionStatus`),v=s.useState(`popupProps`),b=s.useState(`titleElementId`),x=s.useState(`descriptionElementId`),S=s.useState(`modal`),C=s.useState(`mounted`),w=s.useState(`openChangeReason`),T=s.useState(`activeTriggerElement`),E=s.useState(`floatingRootContext`);_({open:p,ref:s.context.popupRef,onComplete(){p&&s.context.onOpenChangeComplete?.(!0)}});let D=s.useState(`disabled`),O=s.useState(`openOnHover`),k=s.useState(`closeDelay`);u(E,{enabled:O&&!D,closeDelay:k});function A(e){return e===`touch`?s.context.popupRef.current:!0}let j=i===void 0?A:i,M={open:p,side:c.side,align:c.align,instant:h,transitionStatus:g},N=S!==!1&&f,P=G.useCallback(e=>{s.set(`popupElement`,e)},[s]),F=U(`div`,e,{state:M,ref:[t,s.context.popupRef,P],props:[v,{"aria-labelledby":b,"aria-describedby":x,onKeyDown(e){l&&ie.has(e.key)&&e.stopPropagation()}},W(g),o],stateAttributesMapping:De});return(0,q.jsx)(I,{context:E,openInteractionType:m,modal:N,disabled:!C||w===`trigger-hover`,initialFocus:j,returnFocus:a,restoreFocus:`popup`,previousFocusableElement:y(T)?T:void 0,nextFocusableElement:s.context.triggerFocusTargetRef,beforeContentFocusGuardRef:s.context.beforeContentFocusGuardRef,children:(0,q.jsx)(Ee,{value:d,children:F})})}),ke=G.forwardRef(function(e,t){let{render:n,className:r,...i}=e,{store:a}=K(),o=d(i.id);return c(()=>(a.set(`titleElementId`,o),()=>{a.set(`titleElementId`,void 0)}),[a,o]),U(`h2`,e,{ref:t,props:[{id:o},i]})}),Ae=G.forwardRef(function(e,t){let{render:n,className:r,...i}=e,{store:a}=K(),o=d(i.id);return c(()=>(a.set(`descriptionElementId`,o),()=>{a.set(`descriptionElementId`,void 0)}),[a,o]),U(`p`,e,{ref:t,props:[{id:o},i]})}),je={topLeft:{x:0,y:0},topRight:{x:0,y:0},bottomRight:{x:0,y:0},bottomLeft:{x:0,y:0}};function J(e){return Number(e.toFixed(3)).toString()}function Me(e,t){let n=Number.parseFloat(e);return Number.isFinite(n)?e.trim().endsWith(`%`)?n/100*t:n:0}function Y(e,t,n){let[r=`0`,i=r]=e.trim().split(/\s+/).filter(e=>e!==`/`);return{x:Math.max(0,Me(r,t)),y:Math.max(0,Me(i,n))}}function Ne(e,t,n){let r=[t/Math.max(t,e.topLeft.x+e.topRight.x),t/Math.max(t,e.bottomLeft.x+e.bottomRight.x),n/Math.max(n,e.topLeft.y+e.bottomLeft.y),n/Math.max(n,e.topRight.y+e.bottomRight.y)],i=Math.min(1,...r),a=({x:e,y:t})=>({x:e*i,y:t*i});return{topLeft:a(e.topLeft),topRight:a(e.topRight),bottomRight:a(e.bottomRight),bottomLeft:a(e.bottomLeft)}}function Pe(e,t,n){if(typeof CSS>`u`||!CSS.supports?.(`corner-shape`,`bevel`))return je;let r=window.getComputedStyle(e);return Ne({topLeft:Y(r.borderTopLeftRadius,t,n),topRight:Y(r.borderTopRightRadius,t,n),bottomRight:Y(r.borderBottomRightRadius,t,n),bottomLeft:Y(r.borderBottomLeftRadius,t,n)},t,n)}function Fe(e,t){let n=window.visualViewport?.width??window.innerWidth,r=window.visualViewport?.height??window.innerHeight;if(!e?.isConnected)return{viewportWidth:n,viewportHeight:r,hole:null};let i=e.getBoundingClientRect(),a=Math.max(0,i.left-t),o=Math.max(0,i.top-t),s=Math.min(n,i.right+t),c=Math.min(r,i.bottom+t);return s<=a||c<=o?{viewportWidth:n,viewportHeight:r,hole:null}:{viewportWidth:n,viewportHeight:r,hole:{top:o,right:s,bottom:c,left:a,width:s-a,height:c-o,corners:Pe(e,i.width,i.height)}}}function Ie(e){let{top:t,right:n,bottom:r,left:i,corners:a}=e;return[`M ${J(i+a.topLeft.x)} ${J(t)}`,`H ${J(n-a.topRight.x)}`,`L ${J(n)} ${J(t+a.topRight.y)}`,`V ${J(r-a.bottomRight.y)}`,`L ${J(n-a.bottomRight.x)} ${J(r)}`,`H ${J(i+a.bottomLeft.x)}`,`L ${J(i)} ${J(r-a.bottomLeft.y)}`,`V ${J(t+a.topLeft.y)}`,`L ${J(i+a.topLeft.x)} ${J(t)}`,`Z`].join(` `)}function Le(e){let t=`M 0 0 H ${J(e.viewportWidth)} V ${J(e.viewportHeight)} H 0 Z`,n=e.hole?Ie(e.hole):null;return{holePath:n,maskPath:n?`${t} ${n}`:t}}var X=8;function Z(e){let t=e.kind!==`stage`;return{description:e.kind===`complete`?`Resolved Context is current and the selected Root is usable.`:e.kind===`target-failed`?`The semantic Guide target did not mount. Retry after the route is available.`:e.signal?.detail,nextLabel:e.kind===`complete`?`Done`:e.kind===`target-failed`?`Retry`:`Continue`,showNext:t||e.signal?.status===`ready`}}function Re(e){let[t,n]=(0,G.useState)(()=>Fe(e,X));return(0,G.useEffect)(()=>{let t=0,r=()=>{window.cancelAnimationFrame(t),t=window.requestAnimationFrame(()=>n(Fe(e,X)))};r();let i=e&&typeof ResizeObserver<`u`?new ResizeObserver(r):null;return e&&i?.observe(e),window.addEventListener(`resize`,r),window.addEventListener(`scroll`,r,!0),window.visualViewport?.addEventListener(`resize`,r),window.visualViewport?.addEventListener(`scroll`,r),()=>{window.cancelAnimationFrame(t),i?.disconnect(),window.removeEventListener(`resize`,r),window.removeEventListener(`scroll`,r,!0),window.visualViewport?.removeEventListener(`resize`,r),window.visualViewport?.removeEventListener(`scroll`,r)}},[e]),t}function Q(e){e.preventDefault(),e.stopPropagation()}function ze({element:e}){let t=Re(e),n=Le(t);return(0,q.jsxs)(`svg`,{"data-config-guide-overlay":!0,className:`fixed left-0 top-0 z-[80]`,width:t.viewportWidth,height:t.viewportHeight,viewBox:`0 0 ${t.viewportWidth} ${t.viewportHeight}`,preserveAspectRatio:`none`,pointerEvents:`none`,"aria-hidden":!0,children:[(0,q.jsx)(`path`,{"data-config-guide-overlay-mask":!0,d:n.maskPath,fill:`var(--config-guide-mask)`,fillRule:`evenodd`,clipRule:`evenodd`,pointerEvents:`visiblePainted`,onPointerDown:Q,onPointerUp:Q,onClick:Q,onContextMenu:Q,onWheel:Q}),n.holePath?(0,q.jsx)(`path`,{"data-config-guide-spotlight":!0,d:n.holePath,fill:`none`,stroke:`var(--primary)`,strokeOpacity:`0.7`,strokeWidth:`2`,vectorEffect:`non-scaling-stroke`,pointerEvents:`none`}):null]})}function Be({presentation:e,copy:t}){return(0,q.jsxs)(`div`,{className:`border-border mt-4 flex items-center justify-end gap-2 border-t pt-3`,children:[e.canGoBack?(0,q.jsx)(o,{"data-config-guide-action":`previous`,variant:`secondary`,size:`sm`,onClick:e.onPrevious,children:`Back`}):null,t.showNext?(0,q.jsx)(o,{"data-config-guide-action":`next`,variant:`primary`,size:`sm`,autoFocus:e.kind!==`stage`,onClick:e.onNext,children:t.nextLabel}):null]})}function $({presentation:e,title:t,description:n,children:r}){return(0,q.jsxs)(`div`,{className:`relative`,children:[(0,q.jsx)(o,{"data-config-guide-action":`close`,variant:`ghost`,size:`icon-sm`,"aria-label":`Close Guide`,className:`text-muted-foreground hover:text-foreground absolute -right-1 -top-1`,onClick:e.onCancel,children:(0,q.jsx)(g,{className:`h-4 w-4`,"aria-hidden":!0})}),(0,q.jsx)(`div`,{className:`min-w-0 pr-8`,children:t}),(0,q.jsx)(`div`,{className:`mt-1 min-w-0`,children:n}),r]})}function Ve({presentation:e}){let t=Z(e),n=!e.reducedMotion;return(0,q.jsx)(_e,{open:!0,modal:!1,triggerId:e.element?.id,onOpenChange:()=>void 0,children:(0,q.jsx)(be,{children:(0,q.jsx)(Ce,{anchor:e.element,positionMethod:`fixed`,side:`bottom`,align:`center`,sideOffset:12,collisionPadding:16,className:`z-[81] max-w-[calc(100vw-1rem)] outline-none`,children:(0,q.jsx)(Oe,{"data-config-guide-popover":!0,"data-config-guide-kind":e.kind,"data-config-guide-anchor":e.element?.id,initialFocus:!0,finalFocus:!1,className:m(`bg-popover text-popover-foreground border-border w-[min(22rem,calc(100vw-1rem))] rounded-lg border p-4 shadow-lg outline-none`,n&&`origin-(--transform-origin) transition-[transform,opacity] duration-150 data-[ending-style]:scale-95 data-[starting-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0`),children:(0,q.jsx)($,{presentation:e,title:(0,q.jsx)(ke,{className:`text-base font-semibold leading-snug`,children:e.label}),description:t.description?(0,q.jsx)(Ae,{className:`text-muted-foreground text-sm leading-relaxed`,children:t.description}):null,children:(0,q.jsx)(Be,{presentation:e,copy:t})})})})})})}function He({presentation:e}){let t=Z(e),n=(0,G.useId)(),r=(0,G.useId)();return(0,q.jsx)(`div`,{"data-config-guide-popover":!0,"data-config-guide-kind":e.kind,role:`dialog`,"aria-modal":`true`,"aria-labelledby":n,"aria-describedby":r,className:`bg-popover text-popover-foreground border-border fixed left-1/2 top-1/2 z-[81] w-[min(22rem,calc(100vw-1rem))] -translate-x-1/2 -translate-y-1/2 rounded-lg border p-4 shadow-lg outline-none`,children:(0,q.jsx)($,{presentation:e,title:(0,q.jsx)(`h2`,{id:n,className:`text-base font-semibold leading-snug`,children:e.label}),description:(0,q.jsx)(`p`,{id:r,className:`text-muted-foreground text-sm leading-relaxed`,children:t.description}),children:(0,q.jsx)(Be,{presentation:e,copy:t})})})}function Ue({presentation:e}){return(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(ze,{element:e.element}),e.element?(0,q.jsx)(Ve,{presentation:e}):(0,q.jsx)(He,{presentation:e})]})}export{Ue as ConfigGuidePresentationLayer,Z as getConfigGuidePresentationCopy};