@inkeep/open-knowledge 0.62.0-beta.9 → 0.62.0

package/dist/public/assets/dialog-BH80AfFt.js

@@ -0,0 +1,5 @@
+import{o as e}from"./chunk-CYidjpOJ.js";import{t}from"./jsx-runtime-BUgB2tll.js";import{t as n}from"./react-f2sANaYj.js";import{n as r}from"./dist-Nvb76hAm.js";import{t as i}from"./compiler-runtime-BfE3aGVn.js";import{t as a}from"./utils-CPqDy6Hr.js";import{t as o}from"./button-CA0dewJJ.js";import{a as s,n as c}from"./dist-mv8e6dBX.js";import{c as l,i as u,l as d,n as f,o as p,r as m,s as h}from"./dist-DsLZcVyZ.js";import{n as g,t as ee}from"./dist-BvwnbioL.js";import{i as te,n as ne,r as re,t as ie}from"./es2015-wpLRKwCl.js";import{t as ae}from"./x-wQUDJS55.js";var _=e(n(),1),v=t(),y=`Dialog`,[b,oe]=l(y),[se,x]=b(y),S=e=>{let{__scopeDialog:t,children:n,open:r,defaultOpen:i,onOpenChange:a,modal:o=!0}=e,s=_.useRef(null),c=_.useRef(null),[l,d]=u({prop:r,defaultProp:i??!1,onChange:a,caller:y});return(0,v.jsx)(se,{scope:t,triggerRef:s,contentRef:c,contentId:f(),titleId:f(),descriptionId:f(),open:l,onOpenChange:d,onOpenToggle:_.useCallback(()=>d(e=>!e),[d]),modal:o,children:n})};S.displayName=y;var C=`DialogTrigger`,w=_.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=x(C,n),a=s(t,i.triggerRef);return(0,v.jsx)(d.button,{type:`button`,"aria-haspopup":`dialog`,"aria-expanded":i.open,"aria-controls":i.contentId,"data-state":z(i.open),...r,ref:a,onClick:p(e.onClick,i.onOpenToggle)})});w.displayName=C;var T=`DialogPortal`,[ce,E]=b(T,{forceMount:void 0}),D=e=>{let{__scopeDialog:t,forceMount:n,children:r,container:i}=e,a=x(T,t);return(0,v.jsx)(ce,{scope:t,forceMount:n,children:_.Children.map(r,e=>(0,v.jsx)(m,{present:n||a.open,children:(0,v.jsx)(ee,{asChild:!0,container:i,children:e})}))})};D.displayName=T;var O=`DialogOverlay`,k=_.forwardRef((e,t)=>{let n=E(O,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,a=x(O,e.__scopeDialog);return a.modal?(0,v.jsx)(m,{present:r||a.open,children:(0,v.jsx)(ue,{...i,ref:t})}):null});k.displayName=O;var le=c(`DialogOverlay.RemoveScroll`),ue=_.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=x(O,n);return(0,v.jsx)(ne,{as:le,allowPinchZoom:!0,shards:[i.contentRef],children:(0,v.jsx)(d.div,{"data-state":z(i.open),...r,ref:t,style:{pointerEvents:`auto`,...r.style}})})}),A=`DialogContent`,j=_.forwardRef((e,t)=>{let n=E(A,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,a=x(A,e.__scopeDialog);return(0,v.jsx)(m,{present:r||a.open,children:a.modal?(0,v.jsx)(de,{...i,ref:t}):(0,v.jsx)(fe,{...i,ref:t})})});j.displayName=A;var de=_.forwardRef((e,t)=>{let n=x(A,e.__scopeDialog),r=_.useRef(null),i=s(t,n.contentRef,r);return _.useEffect(()=>{let e=r.current;if(e)return ie(e)},[]),(0,v.jsx)(M,{...e,ref:i,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:p(e.onCloseAutoFocus,e=>{e.preventDefault(),n.triggerRef.current?.focus()}),onPointerDownOutside:p(e.onPointerDownOutside,e=>{let t=e.detail.originalEvent,n=t.button===0&&t.ctrlKey===!0;(t.button===2||n)&&e.preventDefault()}),onFocusOutside:p(e.onFocusOutside,e=>e.preventDefault())})}),fe=_.forwardRef((e,t)=>{let n=x(A,e.__scopeDialog),r=_.useRef(!1),i=_.useRef(!1);return(0,v.jsx)(M,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:t=>{e.onCloseAutoFocus?.(t),t.defaultPrevented||(r.current||n.triggerRef.current?.focus(),t.preventDefault()),r.current=!1,i.current=!1},onInteractOutside:t=>{e.onInteractOutside?.(t),t.defaultPrevented||(r.current=!0,t.detail.originalEvent.type===`pointerdown`&&(i.current=!0));let a=t.target;n.triggerRef.current?.contains(a)&&t.preventDefault(),t.detail.originalEvent.type===`focusin`&&i.current&&t.preventDefault()}})}),M=_.forwardRef((e,t)=>{let{__scopeDialog:n,trapFocus:r,onOpenAutoFocus:i,onCloseAutoFocus:a,...o}=e,c=x(A,n),l=_.useRef(null),u=s(t,l);return re(),(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(te,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:i,onUnmountAutoFocus:a,children:(0,v.jsx)(g,{role:`dialog`,id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":z(c.open),...o,ref:u,onDismiss:()=>c.onOpenChange(!1)})}),(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(me,{titleId:c.titleId}),(0,v.jsx)(ge,{contentRef:l,descriptionId:c.descriptionId})]})]})}),N=`DialogTitle`,P=_.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=x(N,n);return(0,v.jsx)(d.h2,{id:i.titleId,...r,ref:t})});P.displayName=N;var F=`DialogDescription`,I=_.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=x(F,n);return(0,v.jsx)(d.p,{id:i.descriptionId,...r,ref:t})});I.displayName=F;var L=`DialogClose`,R=_.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=x(L,n);return(0,v.jsx)(d.button,{type:`button`,...r,ref:t,onClick:p(e.onClick,()=>i.onOpenChange(!1))})});R.displayName=L;function z(e){return e?`open`:`closed`}var B=`DialogTitleWarning`,[pe,V]=h(B,{contentName:A,titleName:N,docsSlug:`dialog`}),me=({titleId:e})=>{let t=V(B),n=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return _.useEffect(()=>{e&&(document.getElementById(e)||console.error(n))},[n,e]),null},he=`DialogDescriptionWarning`,ge=({contentRef:e,descriptionId:t})=>{let n=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${V(he).contentName}}.`;return _.useEffect(()=>{let r=e.current?.getAttribute(`aria-describedby`);t&&r&&(document.getElementById(t)||console.warn(n))},[n,e,t]),null},H=S,_e=w,U=D,W=k,G=j,K=P,q=I,J=R,Y=i(),ve=`h-12`,ye=`max-h-[calc(100dvh-6rem)]`;function X(){return typeof window<`u`&&window.okDesktop!=null}function Z(){return X()?ye:void 0}function Q(e){let t=(0,Y.c)(2),{testId:n}=e;if(!X())return null;let r;return t[0]===n?r=t[1]:(r=(0,v.jsx)(`div`,{"aria-hidden":`true`,"data-testid":n,"data-electron-drag":``,className:`pointer-events-none fixed inset-x-0 top-0 z-50 ${ve} [-webkit-app-region:drag]`}),t[0]=n,t[1]=r),r}function be(e){return t=>{if(t.target?.closest(`[data-sonner-toaster]`)){t.preventDefault();return}e?.(t)}}function xe(e){let t=(0,Y.c)(4),n;t[0]===e?n=t[1]:({...n}=e,t[0]=e,t[1]=n);let r;return t[2]===n?r=t[3]:(r=(0,v.jsx)(H,{"data-slot":`dialog`,...n}),t[2]=n,t[3]=r),r}function Se(e){let t=(0,Y.c)(4),n;t[0]===e?n=t[1]:({...n}=e,t[0]=e,t[1]=n);let r;return t[2]===n?r=t[3]:(r=(0,v.jsx)(U,{"data-slot":`dialog-portal`,...n}),t[2]=n,t[3]=r),r}function Ce(e){let t=(0,Y.c)(4),n;t[0]===e?n=t[1]:({...n}=e,t[0]=e,t[1]=n);let r;return t[2]===n?r=t[3]:(r=(0,v.jsx)(J,{"data-slot":`dialog-close`,className:`font-mono uppercase`,...n}),t[2]=n,t[3]=r),r}function $(e){let t=(0,Y.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=a(`fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs [-webkit-app-region:no-drag] data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 motion-reduce:data-open:animate-none motion-reduce:data-closed:animate-none motion-reduce:duration-0`,n),t[3]=n,t[4]=i);let o;return t[5]!==r||t[6]!==i?(o=(0,v.jsx)(W,{"data-slot":`dialog-overlay`,className:i,...r}),t[5]=r,t[6]=i,t[7]=o):o=t[7],o}function we(e){let t=(0,Y.c)(20),n,i,s,c,l;t[0]===e?(n=t[1],i=t[2],s=t[3],c=t[4],l=t[5]):({className:i,children:n,showCloseButton:l,onInteractOutside:s,...c}=e,t[0]=e,t[1]=n,t[2]=i,t[3]=s,t[4]=c,t[5]=l);let u=l===void 0?!0:l,d,f;t[6]===Symbol.for(`react.memo_cache_sentinel`)?(d=(0,v.jsx)($,{}),f=(0,v.jsx)(Q,{testId:`dialog-drag-strip`}),t[6]=d,t[7]=f):(d=t[6],f=t[7]);let p;t[8]===s?p=t[9]:(p=be(s),t[8]=s,t[9]=p);let m;t[10]===i?m=t[11]:(m=a(`fixed top-1/2 left-1/2 z-50 flex w-full max-w-[calc(100%-2rem)] max-h-[calc(100dvh-2rem)] -translate-x-1/2 -translate-y-1/2 flex-col gap-6 overflow-hidden rounded-xl bg-popover p-6 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm [-webkit-app-region:no-drag] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 motion-reduce:data-open:animate-none motion-reduce:data-closed:animate-none motion-reduce:duration-0`,Z(),i),t[10]=i,t[11]=m);let h;t[12]===u?h=t[13]:(h=u&&(0,v.jsx)(J,{"data-slot":`dialog-close`,asChild:!0,children:(0,v.jsxs)(o,{variant:`ghost`,className:`absolute top-2 right-2`,size:`icon-sm`,onMouseDown:Te,children:[(0,v.jsx)(ae,{}),(0,v.jsx)(`span`,{className:`sr-only`,children:(0,v.jsx)(r,{id:`yz7wBu`})})]})}),t[12]=u,t[13]=h);let g;return t[14]!==n||t[15]!==c||t[16]!==p||t[17]!==m||t[18]!==h?(g=(0,v.jsxs)(Se,{children:[d,f,(0,v.jsxs)(G,{"data-slot":`dialog-content`,onInteractOutside:p,className:m,...c,children:[n,h]})]}),t[14]=n,t[15]=c,t[16]=p,t[17]=m,t[18]=h,t[19]=g):g=t[19],g}function Te(e){return e.preventDefault()}function Ee(e){let t=(0,Y.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=a(`flex shrink-0 flex-col gap-4`,n),t[3]=n,t[4]=i);let o;return t[5]!==r||t[6]!==i?(o=(0,v.jsx)(`div`,{"data-slot":`dialog-header`,className:i,...r}),t[5]=r,t[6]=i,t[7]=o):o=t[7],o}function De(e){let t=(0,Y.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=a(`-mx-6 min-h-0 flex-1 overflow-y-auto px-6 subtle-scrollbar scroll-fade-mask`,n),t[3]=n,t[4]=i);let o;return t[5]!==r||t[6]!==i?(o=(0,v.jsx)(`div`,{"data-slot":`dialog-body`,className:i,...r}),t[5]=r,t[6]=i,t[7]=o):o=t[7],o}function Oe(e){let t=(0,Y.c)(14),n,i,s,c;t[0]===e?(n=t[1],i=t[2],s=t[3],c=t[4]):({className:i,showCloseButton:c,children:n,...s}=e,t[0]=e,t[1]=n,t[2]=i,t[3]=s,t[4]=c);let l=c===void 0?!1:c,u;t[5]===i?u=t[6]:(u=a(`-mx-6 -mb-6 flex shrink-0 flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 px-6 py-4 sm:flex-row sm:justify-end`,i),t[5]=i,t[6]=u);let d;t[7]===l?d=t[8]:(d=l&&(0,v.jsx)(J,{asChild:!0,children:(0,v.jsx)(o,{variant:`outline`,className:`font-mono uppercase`,children:(0,v.jsx)(r,{id:`yz7wBu`})})}),t[7]=l,t[8]=d);let f;return t[9]!==n||t[10]!==s||t[11]!==u||t[12]!==d?(f=(0,v.jsxs)(`div`,{"data-slot":`dialog-footer`,className:u,...s,children:[n,d]}),t[9]=n,t[10]=s,t[11]=u,t[12]=d,t[13]=f):f=t[13],f}function ke(e){let t=(0,Y.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=a(`font-heading text-base leading-none font-medium`,n),t[3]=n,t[4]=i);let o;return t[5]!==r||t[6]!==i?(o=(0,v.jsx)(K,{"data-slot":`dialog-title`,className:i,...r}),t[5]=r,t[6]=i,t[7]=o):o=t[7],o}function Ae(e){let t=(0,Y.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=a(`text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground`,n),t[3]=n,t[4]=i);let o;return t[5]!==r||t[6]!==i?(o=(0,v.jsx)(q,{"data-slot":`dialog-description`,className:i,...r}),t[5]=r,t[6]=i,t[7]=o):o=t[7],o}export{K as _,Ae as a,oe as b,ke as c,J as d,G as f,H as g,U as h,we as i,Q as l,W as m,De as n,Oe as o,q as p,Ce as r,Ee as s,xe as t,Z as u,_e as v,pe as y};