@omniviewdev/ui 0.1.0

package/dist/overlays.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("@mui/material/Dialog"),K=require("@mui/material/DialogTitle"),Y=require("@mui/material/DialogContent"),J=require("@mui/material/DialogActions"),k=require("@mui/material/IconButton"),D=require("@mui/icons-material/Close"),a=require("@mui/material/Box"),h=require("@mui/material/Typography"),M=require("./Button-Dmu1cikC.cjs"),q=require("@mui/material/Modal"),u=require("react"),E=require("@mui/material/Drawer"),Q=require("./Tooltip-44-P5KfQ.cjs"),G=require("@mui/material/Popover"),V=require("@mui/material/Snackbar"),Z=require("@mui/material/Alert"),P=require("./types.cjs"),w=require("react-icons/lu"),T=require("@mui/material/Button"),ee=require("@mui/material/InputBase"),re=require("@mui/icons-material/Search"),oe={sm:"xs",md:"sm",lg:"md",xl:"lg"};function W({open:o,onClose:r,title:t,icon:i,size:c="md",variant:d="default",actions:l,disableBackdropClose:s=!1,children:p,sx:n}){const f=c==="fullscreen",g=(z,y)=>{y==="backdropClick"&&s||r()},b=l||(d==="confirm"?e.jsxs(e.Fragment,{children:[e.jsx(M.Button,{emphasis:"ghost",color:"neutral",size:"sm",onClick:r,children:"Cancel"}),e.jsx(M.Button,{emphasis:"solid",color:"primary",size:"sm",onClick:r,children:"Confirm"})]}):d==="danger"?e.jsxs(e.Fragment,{children:[e.jsx(M.Button,{emphasis:"ghost",color:"neutral",size:"sm",onClick:r,children:"Cancel"}),e.jsx(M.Button,{emphasis:"solid",color:"danger",size:"sm",onClick:r,children:"Delete"})]}):null);return e.jsxs(_,{open:o,onClose:g,fullScreen:f,maxWidth:f?!1:oe[c],fullWidth:!0,sx:n,children:[t&&e.jsxs(K,{sx:{display:"flex",alignItems:"center",gap:1,pr:6},children:[i&&e.jsx(a,{sx:{display:"flex",color:"var(--ov-fg-muted)"},children:i}),e.jsx(h,{variant:"h6",component:"span",sx:{fontWeight:600},children:t}),e.jsx(k,{size:"small",onClick:r,sx:{position:"absolute",right:8,top:8,color:"var(--ov-fg-faint)"},"aria-label":"Close",children:e.jsx(D,{fontSize:"small"})})]}),e.jsx(Y,{children:p}),b&&e.jsx(J,{sx:{px:3,pb:2},children:b})]})}W.displayName="Dialog";const te={sm:400,md:600,lg:800,xl:1e3};function B({open:o,onClose:r,children:t,size:i="md",backdrop:c=!0,sx:d}){return e.jsx(q,{open:o,onClose:r,hideBackdrop:!c,children:e.jsx(a,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:te[i],maxWidth:"90vw",maxHeight:"90vh",overflow:"auto",bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-border-default)",borderRadius:"8px",boxShadow:24,p:3,...typeof d=="object"&&!Array.isArray(d)?d:{}},children:t})})}B.displayName="Modal";function O({open:o,onClose:r,anchor:t="right",size:i=360,resizable:c=!1,persistent:d=!1,children:l,title:s,sx:p}){const n=t==="left"||t==="right",[f,g]=u.useState(typeof i=="number"?i:360),m=u.useRef(!1),b=u.useRef(0),z=u.useRef(0),y=u.useCallback(S=>{m.current=!0,b.current=n?S.clientX:S.clientY,z.current=f,S.preventDefault()},[n,f]);u.useEffect(()=>{if(!c)return;const S=x=>{if(!m.current)return;const v=n?t==="right"?b.current-x.clientX:x.clientX-b.current:b.current-x.clientY;g(Math.max(200,z.current+v))},C=()=>{m.current=!1};return document.addEventListener("mousemove",S),document.addEventListener("mouseup",C),()=>{document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",C)}},[c,n,t]);const I=n?{width:c?f:i}:{height:c?f:i};return e.jsxs(E,{open:o,onClose:r,anchor:t,variant:d?"persistent":"temporary",slotProps:{paper:{sx:{...I,bgcolor:"var(--ov-bg-surface)",borderColor:"var(--ov-border-default)",...typeof p=="object"&&!Array.isArray(p)?p:{}}}},children:[c&&e.jsx(a,{onMouseDown:y,sx:{position:"absolute",...n?{top:0,[t==="right"?"left":"right"]:0,width:4,height:"100%",cursor:"col-resize"}:{left:0,top:0,height:4,width:"100%",cursor:"row-resize"},zIndex:1,"&:hover":{bgcolor:"var(--ov-accent)"},transition:"background-color 150ms"}}),s&&e.jsxs(a,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",px:2,py:1.5,borderBottom:"1px solid var(--ov-border-default)"},children:[e.jsx(h,{variant:"subtitle1",sx:{fontWeight:600,color:"var(--ov-fg-base)"},children:s}),e.jsx(k,{size:"small",onClick:r,"aria-label":"Close",children:e.jsx(D,{fontSize:"small"})})]}),e.jsx(a,{sx:{flex:1,overflow:"auto",p:s?2:0},children:l})]})}O.displayName="Drawer";const se={top:{anchorOrigin:{vertical:"top",horizontal:"center"},transformOrigin:{vertical:"bottom",horizontal:"center"}},bottom:{anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"}},left:{anchorOrigin:{vertical:"center",horizontal:"left"},transformOrigin:{vertical:"center",horizontal:"right"}},right:{anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:"center",horizontal:"left"}}};function L({open:o,onClose:r,anchorEl:t,children:i,width:c,placement:d="bottom",sx:l}){const s=se[d];return e.jsx(G,{open:o,onClose:r,anchorEl:t,anchorOrigin:s.anchorOrigin,transformOrigin:s.transformOrigin,slotProps:{paper:{sx:{width:c,mt:d==="bottom"?.5:void 0,mb:d==="top"?.5:void 0,bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-border-default)",...typeof l=="object"&&!Array.isArray(l)?l:{}}}},children:i})}L.displayName="Popover";const R=u.createContext(null);function ne(o,r){switch(r.type){case"ADD":return o.some(t=>t.message===r.toast.message)?o:[...o,r.toast];case"DISMISS":return o.filter(t=>t.id!==r.id);case"DISMISS_ALL":return[];default:return o}}const ie={"top-right":{vertical:"top",horizontal:"right"},"top-left":{vertical:"top",horizontal:"left"},"bottom-right":{vertical:"bottom",horizontal:"right"},"bottom-left":{vertical:"bottom",horizontal:"left"}};function F({children:o,maxVisible:r=3,position:t="bottom-left"}){const[i,c]=u.useReducer(ne,[]),d=u.useRef(new Map);u.useEffect(()=>{for(const n of i){if(d.current.has(n.id))continue;const f=n.duration??5e3,g=setTimeout(()=>{c({type:"DISMISS",id:n.id}),d.current.delete(n.id)},f);d.current.set(n.id,g)}for(const[n,f]of d.current)i.some(g=>g.id===n)||(clearTimeout(f),d.current.delete(n))},[i]),u.useEffect(()=>()=>{d.current.forEach(n=>clearTimeout(n))},[]);const l=ie[t],s=i.slice(-r),p={success:"success",info:"info",warning:"warning",error:"error",danger:"error",primary:"info",secondary:"info",neutral:"info",accent:"info",muted:"info"};return e.jsxs(R.Provider,{value:{dispatch:c},children:[o,e.jsx(V,{open:s.length>0,anchorOrigin:l,children:e.jsx(a,{sx:{display:"flex",flexDirection:"column",gap:1},children:s.map(n=>{const f=n.color?P.toMuiColor(n.color):"info",g=p[f]??"info";return e.jsx(Z,{severity:g,variant:"filled",action:e.jsxs(e.Fragment,{children:[n.action,e.jsx(k,{size:"small",color:"inherit",onClick:()=>c({type:"DISMISS",id:n.id}),children:e.jsx(D,{fontSize:"small"})})]}),sx:{minWidth:280,boxShadow:6},children:n.message},n.id)})})})]})}F.displayName="ToastProvider";let ae=0;function le(){const o=u.useContext(R);if(!o)throw new Error("useToast must be used within a ToastProvider");const{dispatch:r}=o,t=u.useCallback(l=>{r({type:"ADD",toast:{id:`toast-${ae++}`,message:l.message,color:l.color,duration:l.duration,action:l.action,timestamp:Date.now()}})},[r]),i=u.useMemo(()=>{const l=(s=>t(s));return l.success=s=>t({message:s,color:"success"}),l.error=s=>t({message:s,color:"error"}),l.warning=s=>t({message:s,color:"warning"}),l.info=s=>t({message:s,color:"info"}),l},[t]),c=u.useCallback(l=>r({type:"DISMISS",id:l}),[r]),d=u.useCallback(()=>r({type:"DISMISS_ALL"}),[r]);return{toast:i,dismiss:c,dismissAll:d}}function ce(o){const t=new Date().getTime()-o.getTime(),i=Math.floor(t/6e4);if(i<1)return"Just now";if(i<60)return`${i}m ago`;const c=Math.floor(i/60);return c<24?`${c}h ago`:`${Math.floor(c/24)}d ago`}function N({open:o,onClose:r,notifications:t,onDismiss:i,onMarkRead:c,onClearAll:d,width:l=360,sx:s}){const p=t.filter(f=>!f.read),n=t.filter(f=>f.read);return e.jsxs(E,{anchor:"right",open:o,onClose:r,slotProps:{paper:{sx:{width:l,bgcolor:"var(--ov-bg-surface)",borderLeft:"1px solid var(--ov-border-default)",...typeof s=="object"&&!Array.isArray(s)?s:{}}}},children:[e.jsxs(a,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",px:2,py:1.5,borderBottom:"1px solid var(--ov-border-default)"},children:[e.jsxs(a,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(w.LuBell,{size:16}),e.jsx(h,{sx:{fontWeight:600,fontSize:"var(--ov-text-sm)",color:"var(--ov-fg-base)"},children:"Notifications"}),p.length>0&&e.jsx(a,{sx:{px:.75,py:.125,borderRadius:999,bgcolor:"var(--ov-accent-subtle)",color:"var(--ov-accent-fg)",fontSize:"var(--ov-text-xs)",fontWeight:600},children:p.length})]}),e.jsxs(a,{sx:{display:"flex",gap:.5},children:[d&&t.length>0&&e.jsx(k,{size:"small",onClick:d,sx:{color:"var(--ov-fg-muted)"},children:e.jsx(w.LuCheck,{size:14})}),e.jsx(k,{size:"small",onClick:r,sx:{color:"var(--ov-fg-muted)"},children:e.jsx(w.LuX,{size:14})})]})]}),e.jsxs(a,{sx:{flex:1,overflow:"auto"},children:[t.length===0&&e.jsx(a,{sx:{p:4,textAlign:"center"},children:e.jsx(h,{sx:{color:"var(--ov-fg-faint)",fontSize:"var(--ov-text-sm)"},children:"No notifications"})}),p.length>0&&e.jsxs(e.Fragment,{children:[e.jsx(h,{sx:{px:2,pt:1.5,pb:.5,fontSize:"var(--ov-text-xs)",fontWeight:600,color:"var(--ov-fg-faint)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Unread"}),p.map(f=>e.jsx(A,{item:f,onDismiss:i,onMarkRead:c},f.id))]}),n.length>0&&e.jsxs(e.Fragment,{children:[e.jsx(h,{sx:{px:2,pt:1.5,pb:.5,fontSize:"var(--ov-text-xs)",fontWeight:600,color:"var(--ov-fg-faint)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Earlier"}),n.map(f=>e.jsx(A,{item:f,onDismiss:i,onMarkRead:c},f.id))]})]})]})}function A({item:o,onDismiss:r,onMarkRead:t}){return e.jsxs(a,{sx:{px:2,py:1.5,display:"flex",gap:1.5,"&:hover":{bgcolor:"var(--ov-state-hover)"},borderBottom:"1px solid var(--ov-border-muted)",...!o.read&&{bgcolor:"var(--ov-accent-subtle)",opacity:1}},onClick:()=>t?.(o.id),children:[e.jsx(a,{sx:{pt:.25,color:o.color?P.toCssColor(o.color):"var(--ov-fg-muted)",flexShrink:0},children:o.icon??e.jsx(w.LuBell,{size:14})}),e.jsxs(a,{sx:{flex:1,minWidth:0},children:[e.jsxs(a,{sx:{display:"flex",justifyContent:"space-between",alignItems:"baseline",mb:.25},children:[e.jsx(h,{sx:{fontSize:"var(--ov-text-sm)",fontWeight:500,color:"var(--ov-fg-base)"},children:o.title}),e.jsx(h,{sx:{fontSize:"var(--ov-text-xs)",color:"var(--ov-fg-faint)",whiteSpace:"nowrap",ml:1},children:ce(o.timestamp)})]}),o.message&&e.jsx(h,{sx:{fontSize:"var(--ov-text-xs)",color:"var(--ov-fg-muted)",lineHeight:1.4},children:o.message}),e.jsxs(a,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mt:.5},children:[o.action&&e.jsx(h,{onClick:i=>{i.stopPropagation(),o.action.onClick()},sx:{fontSize:"var(--ov-text-xs)",color:"var(--ov-accent-fg)",cursor:"pointer","&:hover":{textDecoration:"underline"}},children:o.action.label}),r&&e.jsx(k,{size:"small",onClick:i=>{i.stopPropagation(),r(o.id)},sx:{p:"2px",color:"var(--ov-fg-faint)","&:hover":{color:"var(--ov-fg-default)"}},children:e.jsx(w.LuX,{size:12})})]})]})]})}N.displayName="NotificationCenter";function H({open:o,onClose:r,title:t="Error",message:i,file:c,line:d,stack:l,actions:s,sx:p}){return o?e.jsx(a,{sx:{position:"fixed",inset:0,zIndex:9999,display:"flex",alignItems:"center",justifyContent:"center",bgcolor:"rgba(0, 0, 0, 0.6)",backdropFilter:"blur(4px)",...typeof p=="object"&&!Array.isArray(p)?p:{}},children:e.jsxs(a,{sx:{bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-danger-default)",borderRadius:"8px",maxWidth:560,width:"90%",maxHeight:"80vh",overflow:"auto",boxShadow:"0 8px 32px rgba(0,0,0,0.3)"},children:[e.jsxs(a,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",px:2.5,py:1.5,borderBottom:"1px solid var(--ov-border-default)",bgcolor:"var(--ov-danger-default)"},children:[e.jsxs(a,{sx:{display:"flex",alignItems:"center",gap:1,color:"#fff"},children:[e.jsx(w.LuTriangleAlert,{size:16}),e.jsx(h,{sx:{fontWeight:600,fontSize:"var(--ov-text-sm)"},children:t})]}),e.jsx(k,{size:"small",onClick:r,sx:{color:"#fff"},children:e.jsx(w.LuX,{size:16})})]}),e.jsxs(a,{sx:{px:2.5,py:2},children:[e.jsx(h,{sx:{fontSize:"var(--ov-text-sm)",color:"var(--ov-fg-base)",mb:1.5,lineHeight:1.5},children:i}),c&&e.jsxs(a,{sx:{display:"flex",alignItems:"center",gap:.5,mb:1.5,fontFamily:"var(--ov-font-mono)",fontSize:"var(--ov-text-xs)",color:"var(--ov-fg-muted)"},children:[e.jsx("span",{children:c}),d!==void 0&&e.jsxs("span",{children:[":",d]})]}),l&&e.jsx(a,{component:"pre",sx:{bgcolor:"var(--ov-bg-surface-inset)",border:"1px solid var(--ov-border-muted)",borderRadius:"4px",p:1.5,fontSize:"var(--ov-text-xs)",fontFamily:"var(--ov-font-mono)",color:"var(--ov-fg-muted)",overflow:"auto",maxHeight:200,whiteSpace:"pre-wrap",wordBreak:"break-all",m:0},children:l})]}),s&&s.length>0&&e.jsxs(a,{sx:{display:"flex",justifyContent:"flex-end",gap:1,px:2.5,py:1.5,borderTop:"1px solid var(--ov-border-default)"},children:[s.map(n=>e.jsx(T,{size:"small",variant:"outlined",onClick:n.onClick,sx:{textTransform:"none",fontSize:"var(--ov-text-sm)"},children:n.label},n.label)),e.jsx(T,{size:"small",variant:"contained",onClick:r,sx:{textTransform:"none",fontSize:"var(--ov-text-sm)"},children:"Dismiss"})]})]})}):null}H.displayName="ErrorOverlay";function X({open:o,onClose:r,onSearch:t,placeholder:i="Search commands, files, settings...",recentItems:c,width:d=560,sx:l}){const[s,p]=u.useState(""),[n,f]=u.useState([]),[g,m]=u.useState(0),b=u.useRef(null);u.useEffect(()=>{o||(p(""),f([]),m(0))},[o]),u.useEffect(()=>{if(!s.trim()){f([]),m(0);return}let x=!1;const v=t(s);return v instanceof Promise?v.then(j=>{x||(f(j),m(0))}):(f(v),m(0)),()=>{x=!0}},[s,t]);const z=s.trim()?n:c??[],y=new Map;for(const x of z){const v=x.section??"";y.has(v)||y.set(v,[]),y.get(v).push(x)}const I=z,S=u.useCallback(x=>{if(x.key==="ArrowDown")x.preventDefault(),m(v=>Math.min(v+1,I.length-1));else if(x.key==="ArrowUp")x.preventDefault(),m(v=>Math.max(v-1,0));else if(x.key==="Enter"){x.preventDefault();const v=I[g];v&&(v.onSelect(),r())}else x.key==="Escape"&&r()},[I,g,r]);let C=-1;return e.jsx(q,{open:o,onClose:r,slotProps:{backdrop:{sx:{bgcolor:"rgba(0,0,0,0.4)",backdropFilter:"blur(2px)"}}},children:e.jsxs(a,{sx:{position:"absolute",top:"20%",left:"50%",transform:"translateX(-50%)",width:d,maxHeight:"60vh",bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-border-default)",borderRadius:"8px",boxShadow:"0 16px 48px rgba(0,0,0,0.3)",overflow:"hidden",display:"flex",flexDirection:"column",...typeof l=="object"&&!Array.isArray(l)?l:{}},children:[e.jsxs(a,{sx:{display:"flex",alignItems:"center",px:2,py:1.5,borderBottom:"1px solid var(--ov-border-default)",gap:1},children:[e.jsx(re,{sx:{color:"var(--ov-fg-muted)",fontSize:20}}),e.jsx(ee,{ref:b,autoFocus:!0,value:s,onChange:x=>p(x.target.value),onKeyDown:S,placeholder:i,fullWidth:!0,sx:{fontSize:"var(--ov-text-sm)",color:"var(--ov-fg-base)","& input::placeholder":{color:"var(--ov-fg-faint)",opacity:1}}})]}),e.jsxs(a,{sx:{overflow:"auto",maxHeight:400},children:[z.length===0&&s.trim()&&e.jsx(a,{sx:{p:3,textAlign:"center"},children:e.jsxs(h,{sx:{color:"var(--ov-fg-faint)",fontSize:"var(--ov-text-sm)"},children:["No results for “",s,"”"]})}),Array.from(y.entries()).map(([x,v])=>e.jsxs(a,{children:[x&&e.jsx(h,{sx:{px:2,pt:1.5,pb:.5,fontSize:"var(--ov-text-xs)",fontWeight:600,color:"var(--ov-fg-faint)",textTransform:"uppercase",letterSpacing:"0.05em"},children:x}),v.map(j=>{C++;const $=C===g,U=C;return e.jsxs(a,{onClick:()=>{j.onSelect(),r()},onMouseEnter:()=>m(U),sx:{display:"flex",alignItems:"center",gap:1.5,px:2,py:1,cursor:"pointer",bgcolor:$?"var(--ov-state-hover)":"transparent","&:hover":{bgcolor:"var(--ov-state-hover)"}},children:[j.icon&&e.jsx(a,{sx:{color:"var(--ov-fg-muted)",flexShrink:0,display:"flex"},children:j.icon}),e.jsxs(a,{sx:{flex:1,minWidth:0},children:[e.jsx(h,{sx:{fontSize:"var(--ov-text-sm)",color:"var(--ov-fg-base)"},children:j.label}),j.description&&e.jsx(h,{sx:{fontSize:"var(--ov-text-xs)",color:"var(--ov-fg-muted)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:j.description})]})]},j.id)})]},x))]}),e.jsxs(a,{sx:{display:"flex",alignItems:"center",gap:2,px:2,py:1,borderTop:"1px solid var(--ov-border-default)",fontSize:"var(--ov-text-xs)",color:"var(--ov-fg-faint)"},children:[e.jsxs("span",{children:[e.jsx("kbd",{style:{fontFamily:"var(--ov-font-mono)"},children:"↑↓"})," navigate"]}),e.jsxs("span",{children:[e.jsx("kbd",{style:{fontFamily:"var(--ov-font-mono)"},children:"↵"})," select"]}),e.jsxs("span",{children:[e.jsx("kbd",{style:{fontFamily:"var(--ov-font-mono)"},children:"esc"})," close"]})]})]})})}X.displayName="Spotlight";exports.Tooltip=Q.Tooltip;exports.Dialog=W;exports.Drawer=O;exports.ErrorOverlay=H;exports.Modal=B;exports.NotificationCenter=N;exports.Popover=L;exports.Spotlight=X;exports.ToastProvider=F;exports.useToast=le;