@omniviewdev/ui 0.1.9 → 0.1.11
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/AppTheme-BakZ7ezV.cjs +1 -0
- package/dist/AppTheme-wAxlNjgN.js +291 -0
- package/dist/{CodeBlock-CIyG0DbW.cjs → CodeBlock-DTB_WsXQ.cjs} +1 -1
- package/dist/{CodeBlock-B1iQO7zU.js → CodeBlock-DV6CPG00.js} +1 -1
- package/dist/CopyButton-3fq1UAiv.cjs +1 -0
- package/dist/CopyButton-DWVcqdPe.js +78 -0
- package/dist/{ErrorState-CnIR-1xa.cjs → ErrorState-Cwwem5yh.cjs} +1 -1
- package/dist/{ErrorState-CexYrMpy.js → ErrorState-DNOrahZX.js} +1 -1
- package/dist/Select-BqA47TdK.cjs +1 -0
- package/dist/Select-D61fKI8Y.js +276 -0
- package/dist/{Tooltip-BEVuYuZ3.js → Tooltip-CZMOcjX7.js} +10 -10
- package/dist/Tooltip-oUFp4gNV.cjs +1 -0
- package/dist/buttons/IconButton.d.ts +1 -4
- package/dist/buttons.cjs +1 -1
- package/dist/buttons.js +2 -2
- package/dist/charts.cjs +1 -1
- package/dist/charts.js +2 -2
- package/dist/domain.cjs +1 -1
- package/dist/domain.js +3 -3
- package/dist/editors/index.d.ts +1 -1
- package/dist/editors/themes.d.ts +13 -0
- package/dist/editors.cjs +26 -26
- package/dist/editors.js +3860 -3791
- package/dist/feedback.cjs +1 -1
- package/dist/feedback.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/inputs.cjs +1 -1
- package/dist/inputs.js +1 -1
- package/dist/overlays.cjs +1 -1
- package/dist/overlays.js +1 -1
- package/dist/theme/AppTheme.d.ts +11 -2
- package/dist/theme/customizations/dataDisplay.d.ts +11 -0
- package/dist/theme/customizations/feedback.d.ts +6 -0
- package/dist/theme/customizations/inputs.d.ts +7 -0
- package/dist/theme/customizations/navigation.d.ts +7 -0
- package/dist/theme/index.d.ts +10 -5
- package/dist/theme/registry/init.d.ts +1 -0
- package/dist/theme/registry/registry.d.ts +9 -0
- package/dist/theme/registry/types.d.ts +19 -0
- package/dist/theme/registry/variants/default/index.d.ts +2 -0
- package/dist/theme/registry/variants/solarized/index.d.ts +2 -0
- package/dist/theme/registry/variants/solarized/palettes.d.ts +147 -0
- package/dist/theme.cjs +1 -1
- package/dist/theme.js +1250 -1275
- package/dist/tokens.css +116 -0
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +1 -1
- package/package.json +1 -1
- package/dist/CopyButton-CACe3RCF.cjs +0 -1
- package/dist/CopyButton-DPBgL0K8.js +0 -77
- package/dist/Select-CnRBSc5w.cjs +0 -1
- package/dist/Select-DTUF31OP.js +0 -206
- package/dist/Tooltip-44-P5KfQ.cjs +0 -1
package/dist/overlays.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
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;
|
|
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-oUFp4gNV.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;
|
package/dist/overlays.js
CHANGED
|
@@ -11,7 +11,7 @@ import { B as W } from "./Button-lr02bh_m.js";
|
|
|
11
11
|
import L from "@mui/material/Modal";
|
|
12
12
|
import { useState as P, useRef as C, useCallback as M, useEffect as A, useReducer as Y, createContext as q, useContext as J, useMemo as Q } from "react";
|
|
13
13
|
import N from "@mui/material/Drawer";
|
|
14
|
-
import { T as _e } from "./Tooltip-
|
|
14
|
+
import { T as _e } from "./Tooltip-CZMOcjX7.js";
|
|
15
15
|
import G from "@mui/material/Popover";
|
|
16
16
|
import V from "@mui/material/Snackbar";
|
|
17
17
|
import Z from "@mui/material/Alert";
|
package/dist/theme/AppTheme.d.ts
CHANGED
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
import { ThemeOptions } from '@mui/material/styles';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
+
import { ThemeVariant } from './registry/types';
|
|
4
|
+
export type { ThemeVariant } from './registry/types';
|
|
3
5
|
export type ColorMode = 'light' | 'dark' | 'system';
|
|
6
|
+
interface ThemeVariantContextValue {
|
|
7
|
+
variant: ThemeVariant;
|
|
8
|
+
colorMode: ColorMode;
|
|
9
|
+
}
|
|
10
|
+
export declare const ThemeVariantContext: import('react').Context<ThemeVariantContextValue>;
|
|
11
|
+
export declare function useThemeVariant(): ThemeVariantContextValue;
|
|
4
12
|
interface AppThemeProps {
|
|
5
13
|
children: ReactNode;
|
|
6
14
|
/** Additional component overrides to merge into the theme */
|
|
@@ -9,6 +17,7 @@ interface AppThemeProps {
|
|
|
9
17
|
disableCustomTheme?: boolean;
|
|
10
18
|
/** Default color mode. Defaults to 'dark'. */
|
|
11
19
|
defaultMode?: ColorMode;
|
|
20
|
+
/** Theme variant. Defaults to 'default'. */
|
|
21
|
+
variant?: ThemeVariant;
|
|
12
22
|
}
|
|
13
|
-
export default function AppTheme({ children, disableCustomTheme, themeComponents, defaultMode, }: AppThemeProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export {};
|
|
23
|
+
export default function AppTheme({ children, disableCustomTheme, themeComponents, defaultMode, variant, }: AppThemeProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,13 @@
|
|
|
1
1
|
import { Components, Theme } from '@mui/material/styles';
|
|
2
|
+
type ColorScale = Record<number, string>;
|
|
3
|
+
interface DataDisplayPalettes {
|
|
4
|
+
gray: ColorScale;
|
|
5
|
+
brand: ColorScale;
|
|
6
|
+
green: ColorScale;
|
|
7
|
+
orange: ColorScale;
|
|
8
|
+
red: ColorScale;
|
|
9
|
+
purple: ColorScale;
|
|
10
|
+
}
|
|
11
|
+
export declare function createDataDisplayCustomizations(palettes?: Partial<DataDisplayPalettes>): Components<Theme>;
|
|
2
12
|
export declare const dataDisplayCustomizations: Components<Theme>;
|
|
13
|
+
export {};
|
|
@@ -1,2 +1,8 @@
|
|
|
1
1
|
import { Components, Theme } from '@mui/material/styles';
|
|
2
|
+
type ColorScale = Record<number, string>;
|
|
3
|
+
interface FeedbackPalettes {
|
|
4
|
+
gray: ColorScale;
|
|
5
|
+
}
|
|
6
|
+
export declare function createFeedbackCustomizations(palettes?: Partial<FeedbackPalettes>): Components<Theme>;
|
|
2
7
|
export declare const feedbackCustomizations: Components<Theme>;
|
|
8
|
+
export {};
|
|
@@ -1,2 +1,9 @@
|
|
|
1
1
|
import { Components, Theme } from '@mui/material/styles';
|
|
2
|
+
type ColorScale = Record<number, string>;
|
|
3
|
+
interface InputPalettes {
|
|
4
|
+
gray: ColorScale;
|
|
5
|
+
brand: ColorScale;
|
|
6
|
+
}
|
|
7
|
+
export declare function createInputsCustomizations(palettes?: Partial<InputPalettes>): Components<Theme>;
|
|
2
8
|
export declare const inputsCustomizations: Components<Theme>;
|
|
9
|
+
export {};
|
|
@@ -1,2 +1,9 @@
|
|
|
1
1
|
import { Components, Theme } from '@mui/material/styles';
|
|
2
|
+
type ColorScale = Record<number, string>;
|
|
3
|
+
interface NavigationPalettes {
|
|
4
|
+
gray: ColorScale;
|
|
5
|
+
brand: ColorScale;
|
|
6
|
+
}
|
|
7
|
+
export declare function createNavigationCustomizations(palettes?: Partial<NavigationPalettes>): Components<Theme>;
|
|
2
8
|
export declare const navigationCustomizations: Components<Theme>;
|
|
9
|
+
export {};
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -6,12 +6,17 @@
|
|
|
6
6
|
* 2. CSS Custom Properties (tokens.css, applyTheme/resetTheme) — controls custom component styling
|
|
7
7
|
*/
|
|
8
8
|
export { default as AppTheme } from './AppTheme';
|
|
9
|
-
export type { ColorMode } from './AppTheme';
|
|
9
|
+
export type { ColorMode, ThemeVariant } from './AppTheme';
|
|
10
|
+
export { ThemeVariantContext, useThemeVariant } from './AppTheme';
|
|
11
|
+
export { ThemeRegistry } from './registry/registry';
|
|
12
|
+
export { initThemeRegistry } from './registry/init';
|
|
13
|
+
export type { ThemeDefinition, ThemePalettes } from './registry/types';
|
|
10
14
|
export { brand, gray, green, orange, red, purple, getDesignTokens, typography, shape, customShadows, } from './primitives';
|
|
11
|
-
export { inputsCustomizations } from './customizations/inputs';
|
|
12
|
-
export { navigationCustomizations } from './customizations/navigation';
|
|
13
|
-
export { feedbackCustomizations } from './customizations/feedback';
|
|
14
|
-
export { dataDisplayCustomizations } from './customizations/dataDisplay';
|
|
15
|
+
export { inputsCustomizations, createInputsCustomizations } from './customizations/inputs';
|
|
16
|
+
export { navigationCustomizations, createNavigationCustomizations } from './customizations/navigation';
|
|
17
|
+
export { feedbackCustomizations, createFeedbackCustomizations } from './customizations/feedback';
|
|
18
|
+
export { dataDisplayCustomizations, createDataDisplayCustomizations } from './customizations/dataDisplay';
|
|
19
|
+
export { solarizedGray, solarizedBrand, solarizedGreen, solarizedOrange, solarizedRed, solarizedPurple, getSolarizedDesignTokens, solarizedCustomShadows, } from './registry/variants/solarized/palettes';
|
|
15
20
|
export interface OmniviewTheme {
|
|
16
21
|
name: string;
|
|
17
22
|
type: "dark" | "light";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function initThemeRegistry(): void;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ThemeDefinition, ThemeVariant } from './types';
|
|
2
|
+
declare class ThemeRegistryClass {
|
|
3
|
+
private themes;
|
|
4
|
+
register(variant: string, definition: ThemeDefinition): void;
|
|
5
|
+
get(variant: ThemeVariant | string): ThemeDefinition;
|
|
6
|
+
getVariants(): string[];
|
|
7
|
+
}
|
|
8
|
+
export declare const ThemeRegistry: ThemeRegistryClass;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { PaletteMode, Shadows, ThemeOptions } from '@mui/material/styles';
|
|
2
|
+
export type ThemeVariant = 'default' | 'solarized';
|
|
3
|
+
export type ColorScale = Record<number, string>;
|
|
4
|
+
export interface ThemePalettes {
|
|
5
|
+
gray: ColorScale;
|
|
6
|
+
brand: ColorScale;
|
|
7
|
+
green: ColorScale;
|
|
8
|
+
orange: ColorScale;
|
|
9
|
+
red: ColorScale;
|
|
10
|
+
purple: ColorScale;
|
|
11
|
+
}
|
|
12
|
+
export interface ThemeDefinition {
|
|
13
|
+
palettes: ThemePalettes;
|
|
14
|
+
getDesignTokens: (mode: PaletteMode) => {
|
|
15
|
+
palette: object;
|
|
16
|
+
};
|
|
17
|
+
getShadows: (mode: PaletteMode) => Shadows;
|
|
18
|
+
getCustomizations: () => NonNullable<ThemeOptions['components']>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import { PaletteMode, Shadows } from '@mui/material/styles';
|
|
2
|
+
/**
|
|
3
|
+
* Gray scale aligned with the solarized-dark --ov-scale-gray-* tokens.
|
|
4
|
+
* 50 = lightest (base2), 900 = darkest (base03).
|
|
5
|
+
*/
|
|
6
|
+
export declare const solarizedGray: {
|
|
7
|
+
50: string;
|
|
8
|
+
100: string;
|
|
9
|
+
200: string;
|
|
10
|
+
300: string;
|
|
11
|
+
400: string;
|
|
12
|
+
500: string;
|
|
13
|
+
600: string;
|
|
14
|
+
700: string;
|
|
15
|
+
800: string;
|
|
16
|
+
900: string;
|
|
17
|
+
};
|
|
18
|
+
/** Brand — 10-step scale around Solarized Blue (#268BD2). */
|
|
19
|
+
export declare const solarizedBrand: {
|
|
20
|
+
50: string;
|
|
21
|
+
100: string;
|
|
22
|
+
200: string;
|
|
23
|
+
300: string;
|
|
24
|
+
400: string;
|
|
25
|
+
500: string;
|
|
26
|
+
600: string;
|
|
27
|
+
700: string;
|
|
28
|
+
800: string;
|
|
29
|
+
900: string;
|
|
30
|
+
};
|
|
31
|
+
/** Green — 10-step scale. Cooler green (less yellow/orange) for Solarized harmony. */
|
|
32
|
+
export declare const solarizedGreen: {
|
|
33
|
+
50: string;
|
|
34
|
+
100: string;
|
|
35
|
+
200: string;
|
|
36
|
+
300: string;
|
|
37
|
+
400: string;
|
|
38
|
+
500: string;
|
|
39
|
+
600: string;
|
|
40
|
+
700: string;
|
|
41
|
+
800: string;
|
|
42
|
+
900: string;
|
|
43
|
+
};
|
|
44
|
+
/** Orange — 10-step scale around Solarized Yellow (#B58900). Darker chip values for stronger contrast with green. */
|
|
45
|
+
export declare const solarizedOrange: {
|
|
46
|
+
50: string;
|
|
47
|
+
100: string;
|
|
48
|
+
200: string;
|
|
49
|
+
300: string;
|
|
50
|
+
400: string;
|
|
51
|
+
500: string;
|
|
52
|
+
600: string;
|
|
53
|
+
700: string;
|
|
54
|
+
800: string;
|
|
55
|
+
900: string;
|
|
56
|
+
};
|
|
57
|
+
/** Red — 10-step scale around Solarized Red (#DC322F). */
|
|
58
|
+
export declare const solarizedRed: {
|
|
59
|
+
50: string;
|
|
60
|
+
100: string;
|
|
61
|
+
200: string;
|
|
62
|
+
300: string;
|
|
63
|
+
400: string;
|
|
64
|
+
500: string;
|
|
65
|
+
600: string;
|
|
66
|
+
700: string;
|
|
67
|
+
800: string;
|
|
68
|
+
900: string;
|
|
69
|
+
};
|
|
70
|
+
/** Purple — 10-step scale around Solarized Violet (#6C71C4). */
|
|
71
|
+
export declare const solarizedPurple: {
|
|
72
|
+
50: string;
|
|
73
|
+
100: string;
|
|
74
|
+
200: string;
|
|
75
|
+
300: string;
|
|
76
|
+
400: string;
|
|
77
|
+
500: string;
|
|
78
|
+
600: string;
|
|
79
|
+
700: string;
|
|
80
|
+
800: string;
|
|
81
|
+
900: string;
|
|
82
|
+
};
|
|
83
|
+
export declare const getSolarizedDesignTokens: (mode: PaletteMode) => {
|
|
84
|
+
palette: {
|
|
85
|
+
mode: PaletteMode;
|
|
86
|
+
primary: {
|
|
87
|
+
light: string;
|
|
88
|
+
dark: string;
|
|
89
|
+
main: string;
|
|
90
|
+
contrastText: string;
|
|
91
|
+
};
|
|
92
|
+
info: {
|
|
93
|
+
contrastText: string;
|
|
94
|
+
light: string;
|
|
95
|
+
main: string;
|
|
96
|
+
dark: string;
|
|
97
|
+
};
|
|
98
|
+
warning: {
|
|
99
|
+
light: string;
|
|
100
|
+
main: string;
|
|
101
|
+
dark: string;
|
|
102
|
+
};
|
|
103
|
+
error: {
|
|
104
|
+
light: string;
|
|
105
|
+
main: string;
|
|
106
|
+
dark: string;
|
|
107
|
+
};
|
|
108
|
+
success: {
|
|
109
|
+
light: string;
|
|
110
|
+
main: string;
|
|
111
|
+
dark: string;
|
|
112
|
+
};
|
|
113
|
+
secondary: {
|
|
114
|
+
light: string;
|
|
115
|
+
main: string;
|
|
116
|
+
dark: string;
|
|
117
|
+
contrastText: string;
|
|
118
|
+
};
|
|
119
|
+
grey: {
|
|
120
|
+
50: string;
|
|
121
|
+
100: string;
|
|
122
|
+
200: string;
|
|
123
|
+
300: string;
|
|
124
|
+
400: string;
|
|
125
|
+
500: string;
|
|
126
|
+
600: string;
|
|
127
|
+
700: string;
|
|
128
|
+
800: string;
|
|
129
|
+
900: string;
|
|
130
|
+
};
|
|
131
|
+
divider: string;
|
|
132
|
+
background: {
|
|
133
|
+
default: string;
|
|
134
|
+
paper: string;
|
|
135
|
+
};
|
|
136
|
+
text: {
|
|
137
|
+
primary: string;
|
|
138
|
+
secondary: string;
|
|
139
|
+
};
|
|
140
|
+
action: {
|
|
141
|
+
hover: string;
|
|
142
|
+
selected: string;
|
|
143
|
+
};
|
|
144
|
+
baseShadow: string;
|
|
145
|
+
};
|
|
146
|
+
};
|
|
147
|
+
export declare const solarizedCustomShadows: (mode: PaletteMode) => Shadows;
|
package/dist/theme.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),k=require("@mui/material"),M=require("react"),e=require("@mui/material/styles"),h=require("@mui/material/OutlinedInput"),$=require("@mui/material/ToggleButtonGroup"),O=require("@mui/material/ToggleButton"),P=require("@mui/icons-material/CheckBoxOutlineBlankRounded"),q=require("@mui/icons-material/CheckRounded"),A=require("@mui/icons-material/RemoveRounded"),m=require("@mui/material/ButtonBase"),L=require("@mui/material/Divider"),f=require("@mui/material/MenuItem"),w=require("@mui/material/Tab"),j=require("@mui/icons-material/UnfoldMoreRounded"),x=require("@mui/material/SvgIcon"),E=require("@mui/material/Typography"),l=require("@mui/material/Chip"),V=require("@mui/material/IconButton");function G(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const c in o)if(c!=="default"){const g=Object.getOwnPropertyDescriptor(o,c);Object.defineProperty(s,c,g.get?g:{enumerable:!0,get:()=>o[c]})}}return s.default=o,Object.freeze(s)}const v=G(M),u=e.createTheme(),a={50:"hsl(210, 100%, 95%)",100:"hsl(210, 100%, 92%)",200:"hsl(210, 100%, 80%)",300:"hsl(210, 100%, 65%)",400:"hsl(210, 98%, 48%)",500:"hsl(210, 98%, 42%)",600:"hsl(210, 98%, 55%)",700:"hsl(210, 100%, 35%)",800:"hsl(210, 100%, 16%)",900:"hsl(210, 100%, 21%)"},r={50:"#ECF0F6",100:"#CBD5E1",200:"#ABB8CC",300:"#8B9BB5",400:"#6B7D96",500:"#3E4F66",600:"#2D3D52",700:"#1F2937",800:"#151B23",900:"#0D1117"},n={50:"hsl(120, 80%, 98%)",100:"hsl(120, 75%, 94%)",200:"hsl(120, 75%, 87%)",300:"hsl(120, 61%, 77%)",400:"hsl(120, 44%, 53%)",500:"hsl(120, 59%, 30%)",600:"hsl(120, 70%, 25%)",700:"hsl(120, 75%, 16%)",800:"hsl(120, 84%, 10%)",900:"hsl(120, 87%, 6%)"},d={50:"hsl(45, 100%, 97%)",100:"hsl(45, 92%, 90%)",200:"hsl(45, 94%, 80%)",300:"hsl(45, 90%, 65%)",400:"hsl(45, 90%, 40%)",500:"hsl(45, 90%, 35%)",600:"hsl(45, 91%, 25%)",700:"hsl(45, 94%, 20%)",800:"hsl(45, 95%, 16%)",900:"hsl(45, 93%, 12%)"},p={50:"hsl(0, 100%, 97%)",100:"hsl(0, 92%, 90%)",200:"hsl(0, 94%, 80%)",300:"hsl(0, 90%, 65%)",400:"hsl(0, 90%, 40%)",500:"hsl(0, 90%, 30%)",600:"hsl(0, 91%, 25%)",700:"hsl(0, 94%, 18%)",800:"hsl(0, 95%, 12%)",900:"hsl(0, 93%, 6%)"},i={50:"hsl(270, 100%, 97%)",100:"hsl(270, 92%, 90%)",200:"hsl(270, 80%, 80%)",300:"hsl(270, 70%, 65%)",400:"hsl(270, 70%, 50%)",500:"hsl(270, 70%, 42%)",600:"hsl(270, 70%, 35%)",700:"hsl(270, 75%, 25%)",800:"hsl(270, 80%, 16%)",900:"hsl(270, 85%, 10%)"},S=o=>({palette:{mode:o,primary:{light:a[200],main:a[400],dark:a[700],contrastText:a[50],...o==="dark"&&{contrastText:a[50],light:a[300],main:a[400],dark:a[700]}},info:{light:a[100],main:a[300],dark:a[600],contrastText:r[50],...o==="dark"&&{contrastText:a[300],light:a[500],main:a[700],dark:a[900]}},warning:{light:d[300],main:d[400],dark:d[800],...o==="dark"&&{light:d[400],main:d[500],dark:d[700]}},error:{light:p[300],main:p[400],dark:p[800],...o==="dark"&&{light:p[400],main:p[500],dark:p[700]}},success:{light:n[300],main:n[400],dark:n[800],...o==="dark"&&{light:n[400],main:n[500],dark:n[700]}},secondary:{light:i[300],main:i[400],dark:i[700],contrastText:i[50],...o==="dark"&&{light:i[300],main:i[400],dark:i[800]}},grey:r,divider:o==="dark"?"rgba(62, 79, 102, 0.6)":"rgba(208, 215, 222, 0.6)",background:{default:o==="dark"?"#0D1117":"#FFFFFF",paper:o==="dark"?"#151B23":"#F6F8FA"},text:{primary:o==="dark"?"rgba(236, 240, 246, 0.92)":"rgba(31, 35, 40, 0.92)",secondary:o==="dark"?"rgba(236, 240, 246, 0.64)":"rgba(31, 35, 40, 0.64)"},action:{hover:o==="dark"?"rgba(255, 255, 255, 0.04)":"rgba(31, 35, 40, 0.04)",selected:o==="dark"?"rgba(88, 166, 255, 0.10)":"rgba(9, 105, 218, 0.10)"},baseShadow:o==="dark"?"0 4px 12px rgba(0, 0, 0, 0.35), 0 2px 4px rgba(0, 0, 0, 0.25)":"0 4px 12px rgba(31, 35, 40, 0.12), 0 2px 4px rgba(31, 35, 40, 0.08)"}}),R={fontFamily:["-apple-system","BlinkMacSystemFont",'"Segoe UI"','"Noto Sans"',"Helvetica","Arial","sans-serif"].join(","),h1:{fontSize:u.typography.pxToRem(48),fontWeight:600,lineHeight:1.2,letterSpacing:-.5},h2:{fontSize:u.typography.pxToRem(36),fontWeight:600,lineHeight:1.2},h3:{fontSize:u.typography.pxToRem(30),fontWeight:600,lineHeight:1.2},h4:{fontSize:u.typography.pxToRem(24),fontWeight:600,lineHeight:1.5},h5:{fontSize:u.typography.pxToRem(20),fontWeight:600},h6:{fontSize:u.typography.pxToRem(18),fontWeight:600},subtitle1:{fontSize:u.typography.pxToRem(18)},subtitle2:{fontSize:u.typography.pxToRem(14),fontWeight:500},body1:{fontSize:u.typography.pxToRem(14)},body2:{fontSize:u.typography.pxToRem(14),fontWeight:400},caption:{fontSize:u.typography.pxToRem(12),fontWeight:400},button:{textTransform:"none",fontWeight:600},overline:{fontSize:u.typography.pxToRem(12),fontWeight:600,textTransform:"uppercase",letterSpacing:"0.08em"}},z={borderRadius:8},T=o=>{const s=o==="dark"?"0 4px 12px rgba(0, 0, 0, 0.35), 0 2px 4px rgba(0, 0, 0, 0.25)":"0 4px 12px rgba(31, 35, 40, 0.12), 0 2px 4px rgba(31, 35, 40, 0.08)",c=[...u.shadows];return c[1]=s,c},I={MuiButtonBase:{defaultProps:{disableTouchRipple:!0,disableRipple:!0},styleOverrides:{root:({theme:o})=>({boxSizing:"border-box",transition:"color 80ms cubic-bezier(0.33,1,0.68,1), background-color 80ms cubic-bezier(0.33,1,0.68,1), border-color 80ms cubic-bezier(0.33,1,0.68,1), box-shadow 80ms cubic-bezier(0.33,1,0.68,1)","&:focus-visible":{outline:`3px solid ${e.alpha(o.palette.primary.main,.5)}`,outlineOffset:"2px"}})}},MuiButton:{defaultProps:{disableElevation:!0},styleOverrides:{root:({theme:o})=>{const s=[["primary",o.palette.primary],["secondary",o.palette.secondary],["success",o.palette.success],["warning",o.palette.warning],["error",o.palette.error],["info",o.palette.info]],c=s.map(([b,t])=>({props:{color:b,variant:"contained"},style:{backgroundColor:t.main,color:t.contrastText||"#fff","&:hover":{backgroundColor:e.darken(t.main,.12)},"&:active":{backgroundColor:e.darken(t.main,.2)},...o.applyStyles("dark",{backgroundColor:t.main,color:t.contrastText||"#fff","&:hover":{backgroundColor:e.lighten(t.main,.12)},"&:active":{backgroundColor:e.lighten(t.main,.04)}})}})),g=s.map(([b,t])=>({props:{color:b,variant:"outlined"},style:{color:t.main,borderColor:e.alpha(t.main,.5),backgroundColor:"transparent","&:hover":{backgroundColor:e.alpha(t.main,.06),borderColor:t.main},"&:active":{backgroundColor:e.alpha(t.main,.12)},...o.applyStyles("dark",{color:t.light,borderColor:e.alpha(t.light,.4),"&:hover":{backgroundColor:e.alpha(t.main,.12),borderColor:t.light},"&:active":{backgroundColor:e.alpha(t.main,.2)}})}})),C=s.map(([b,t])=>({props:{color:b,variant:"text"},style:{color:t.main,"&:hover":{backgroundColor:e.alpha(t.main,.06)},"&:active":{backgroundColor:e.alpha(t.main,.12)},...o.applyStyles("dark",{color:t.light,"&:hover":{backgroundColor:e.alpha(t.main,.12)},"&:active":{backgroundColor:e.alpha(t.main,.2)}})}})),D=s.map(([b,t])=>({props:{color:b,variant:"soft"},style:{color:t.main,backgroundColor:e.alpha(t.main,.1),"&:hover":{backgroundColor:e.alpha(t.main,.18)},"&:active":{backgroundColor:e.alpha(t.main,.26)},...o.applyStyles("dark",{color:t.light,backgroundColor:e.alpha(t.main,.15),"&:hover":{backgroundColor:e.alpha(t.main,.25)},"&:active":{backgroundColor:e.alpha(t.main,.32)}})}})),H=s.map(([b,t])=>({props:{color:b,variant:"link"},style:{color:t.main,...o.applyStyles("dark",{color:t.light})}}));return{boxShadow:"none",borderRadius:o.shape.borderRadius,textTransform:"none",whiteSpace:"nowrap",transition:"color 80ms cubic-bezier(0.33,1,0.68,1), background-color 80ms cubic-bezier(0.33,1,0.68,1), border-color 80ms cubic-bezier(0.33,1,0.68,1), box-shadow 80ms cubic-bezier(0.33,1,0.68,1)",variants:[{props:{size:"small"},style:{minHeight:"2rem",padding:"6px 12px"}},{props:{size:"medium"},style:{minHeight:"2.25rem",padding:"8px 16px"}},{props:{size:"large"},style:{minHeight:"2.75rem",padding:"10px 20px"}},{props:{size:"xs"},style:{minHeight:"1.5rem",padding:"2px 8px",fontSize:"0.6875rem"}},{props:{size:"xl"},style:{minHeight:"3.25rem",padding:"12px 24px",fontSize:"1rem"}},{props:{variant:"contained"},style:{boxShadow:"none","&:hover":{boxShadow:"none"}}},...c,{props:{variant:"outlined"},style:{color:r[700],border:"1px solid",borderColor:r[200],backgroundColor:e.alpha(r[50],.3),"&:hover":{backgroundColor:r[100],borderColor:r[300]},"&:active":{backgroundColor:r[200]},...o.applyStyles("dark",{color:r[200],backgroundColor:e.alpha(r[800],.3),borderColor:r[600],"&:hover":{backgroundColor:e.alpha(r[700],.5),borderColor:r[500]},"&:active":{backgroundColor:r[700]}})}},...g,{props:{variant:"text"},style:{color:r[600],"&:hover":{backgroundColor:e.alpha(r[500],.08)},"&:active":{backgroundColor:e.alpha(r[500],.16)},...o.applyStyles("dark",{color:r[300],"&:hover":{backgroundColor:e.alpha(r[500],.12)},"&:active":{backgroundColor:e.alpha(r[500],.2)}})}},...C,{props:{variant:"soft"},style:{color:r[700],backgroundColor:e.alpha(r[500],.08),"&:hover":{backgroundColor:e.alpha(r[500],.16)},"&:active":{backgroundColor:e.alpha(r[500],.24)},...o.applyStyles("dark",{color:r[200],backgroundColor:e.alpha(r[500],.12),"&:hover":{backgroundColor:e.alpha(r[500],.2)},"&:active":{backgroundColor:e.alpha(r[500],.28)}})}},...D,{props:{variant:"link"},style:{color:r[600],backgroundColor:"transparent",padding:"0 4px",minWidth:"auto",textDecoration:"none","&:hover":{backgroundColor:"transparent",textDecoration:"underline"},...o.applyStyles("dark",{color:r[300]})}},...H]}}}},MuiIconButton:{styleOverrides:{root:({theme:o})=>({boxSizing:"border-box",borderRadius:o.shape.borderRadius,color:r[600],"&:hover":{backgroundColor:e.alpha(r[500],.1)},...o.applyStyles("dark",{color:r[300],"&:hover":{backgroundColor:e.alpha(r[500],.2)}}),variants:[{props:{size:"small"},style:{width:"2rem",height:"2rem",padding:"0.25rem"}},{props:{size:"medium"},style:{width:"2.5rem",height:"2.5rem"}},{props:{color:"primary"},style:{color:a[600],"&:hover":{backgroundColor:e.alpha(a[500],.1)},...o.applyStyles("dark",{color:a[300],"&:hover":{backgroundColor:e.alpha(a[500],.2)}})}}]})}},MuiToggleButtonGroup:{styleOverrides:{root:({theme:o})=>({borderRadius:o.shape.borderRadius,backgroundColor:r[100],border:`1px solid ${r[200]}`,boxShadow:"none",[`& .${$.toggleButtonGroupClasses.grouped}`]:{border:"none","&:not(:first-of-type)":{marginLeft:0,borderLeft:"1px solid",borderLeftColor:r[300]}},...o.applyStyles("dark",{backgroundColor:e.alpha(r[800],.5),border:`1px solid ${r[700]}`,[`& .${$.toggleButtonGroupClasses.grouped}`]:{"&:not(:first-of-type)":{borderLeftColor:r[700]}}})})}},MuiToggleButton:{styleOverrides:{root:({theme:o})=>({padding:"8px 16px",fontWeight:500,color:r[600],textTransform:"none",border:"none",borderRadius:o.shape.borderRadius,"&:hover":{backgroundColor:e.alpha(r[500],.1)},[`&.${O.toggleButtonClasses.selected}`]:{color:a[600],backgroundColor:e.alpha(a[500],.1),"&:hover":{backgroundColor:e.alpha(a[500],.15)}},...o.applyStyles("dark",{color:r[400],"&:hover":{backgroundColor:e.alpha(r[500],.15)},[`&.${O.toggleButtonClasses.selected}`]:{color:a[300],backgroundColor:e.alpha(a[500],.2),"&:hover":{backgroundColor:e.alpha(a[500],.25)}}})})}},MuiCheckbox:{defaultProps:{disableRipple:!0,icon:v.createElement(P,{sx:{color:"hsla(210, 0%, 0%, 0.0)"}}),checkedIcon:v.createElement(q,{sx:{height:14,width:14}}),indeterminateIcon:v.createElement(A,{sx:{height:14,width:14}})},styleOverrides:{root:({theme:o})=>({margin:10,height:16,width:16,borderRadius:5,border:"1px solid",borderColor:e.alpha(r[300],.8),boxShadow:"0 0 0 1.5px hsla(210, 0%, 0%, 0.04) inset",backgroundColor:e.alpha(r[100],.4),transition:"border-color, background-color, 120ms ease-in","&:hover":{borderColor:a[300]},"&.Mui-checked":{color:"white",backgroundColor:a[500],borderColor:a[500],boxShadow:"none","&:hover":{backgroundColor:a[600]}},...o.applyStyles("dark",{borderColor:e.alpha(r[700],.8),boxShadow:"0 0 0 1.5px hsl(210, 0%, 0%) inset",backgroundColor:e.alpha(r[900],.8),"&:hover":{borderColor:a[300]}})})}},MuiSelect:{styleOverrides:{select:{display:"flex",alignItems:"center",overflow:"hidden","& > .MuiBox-root":{flexWrap:"nowrap",overflow:"hidden"}}}},MuiAutocomplete:{styleOverrides:{inputRoot:{flexWrap:"nowrap !important",overflow:"hidden"},tag:{maxHeight:20}}},MuiFormControl:{styleOverrides:{root:()=>({"--ov-input-height":"2.75rem",variants:[{props:{size:"small"},style:{"--ov-input-height":"2.25rem"}}]})}},MuiInputLabel:{styleOverrides:{root:{"&.MuiInputLabel-shrink":{transform:"translate(14px, -6px) scale(0.75)"},"&.MuiInputLabel-outlined:not(.MuiInputLabel-shrink)":{transform:"translate(14px, calc((var(--ov-input-height) - 1.4375em) / 2)) scale(1)"}}}},MuiInputBase:{defaultProps:{autoCapitalize:"off",autoCorrect:"off",spellCheck:!1},styleOverrides:{root:({theme:o})=>({border:"none",...o.applyStyles("dark",{"&.Mui-disabled":{color:r[600]}})}),input:({theme:o})=>({textTransform:"none",WebkitTextSecurity:"none","&::placeholder":{opacity:.7,color:r[500]},...o.applyStyles("dark",{"&::placeholder":{color:r[500]}})})}},MuiOutlinedInput:{styleOverrides:{input:{padding:"10px 14px"},inputMultiline:{padding:0},root:({theme:o})=>({borderRadius:o.shape.borderRadius,backgroundColor:r[50],transition:"background-color 120ms ease-in","&:not(.MuiInputBase-multiline)":{boxSizing:"border-box",height:"var(--ov-input-height)"},"&.MuiInputBase-multiline":{padding:"10px 14px",minHeight:"var(--ov-input-height)"},"&:hover":{backgroundColor:r[100],[`& .${h.outlinedInputClasses.notchedOutline}`]:{borderColor:r[400]}},[`&.${h.outlinedInputClasses.focused}`]:{[`& .${h.outlinedInputClasses.notchedOutline}`]:{borderColor:a[500],borderWidth:2}},[`&.${h.outlinedInputClasses.disabled}`]:{backgroundColor:r[100],[`& .${h.outlinedInputClasses.notchedOutline}`]:{borderColor:r[200]}},...o.applyStyles("dark",{backgroundColor:e.alpha(r[800],.8),"&:hover":{backgroundColor:e.alpha(r[800],.9),[`& .${h.outlinedInputClasses.notchedOutline}`]:{borderColor:r[500]}},[`&.${h.outlinedInputClasses.focused}`]:{backgroundColor:e.alpha(r[800],.9),[`& .${h.outlinedInputClasses.notchedOutline}`]:{borderColor:a[400]}},[`&.${h.outlinedInputClasses.disabled}`]:{backgroundColor:e.alpha(r[900],.6),[`& .${h.outlinedInputClasses.notchedOutline}`]:{borderColor:r[800]}}})}),notchedOutline:({theme:o})=>({borderColor:r[300],transition:"border-color 120ms ease-in",...o.applyStyles("dark",{borderColor:r[700]})})}},MuiInputAdornment:{styleOverrides:{root:({theme:o})=>({color:o.palette.grey[500],...o.applyStyles("dark",{color:o.palette.grey[400]})})}},MuiSwitch:{styleOverrides:{root:{width:44,height:24,padding:0},switchBase:({theme:o})=>({padding:0,margin:2,transitionDuration:"140ms",transitionTimingFunction:"cubic-bezier(0.45, 0.05, 0.55, 0.95)",transitionProperty:"transform","&.Mui-checked":{transform:"translateX(20px)",color:"#fff","& + .MuiSwitch-track":{backgroundColor:a[500],opacity:1,border:0}},"&.Mui-focusVisible + .MuiSwitch-track":{outline:`2px solid ${e.alpha(a[500],.5)}`,outlineOffset:2},"&.Mui-disabled + .MuiSwitch-track":{opacity:.4},"&.Mui-disabled .MuiSwitch-thumb":{opacity:.7},...o.applyStyles("dark",{"&.Mui-checked":{"& + .MuiSwitch-track":{backgroundColor:a[400]}}})}),thumb:{boxSizing:"border-box",width:20,height:20,boxShadow:"0 0 0 1px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.08)"},track:({theme:o})=>({borderRadius:9999,backgroundColor:r[300],opacity:1,transition:"background-color 120ms linear",...o.applyStyles("dark",{backgroundColor:r[600]})})}}},B={MuiMenuItem:{styleOverrides:{root:({theme:o})=>({borderRadius:o.shape.borderRadius,padding:"6px 8px",[`&.${f.menuItemClasses.focusVisible}`]:{backgroundColor:"transparent"},[`&.${f.menuItemClasses.selected}`]:{[`&.${f.menuItemClasses.focusVisible}`]:{backgroundColor:e.alpha(o.palette.action.selected,.3)}}})}},MuiMenu:{styleOverrides:{list:{gap:"0px",padding:"4px",[`&.${L.dividerClasses.root}`]:{margin:"0 -8px"}},paper:({theme:o})=>({marginTop:"4px",borderRadius:o.shape.borderRadius,border:`1px solid ${o.palette.divider}`,backgroundImage:"none",background:"hsl(0, 0%, 100%)",boxShadow:"hsla(220, 30%, 5%, 0.07) 0px 4px 16px 0px, hsla(220, 25%, 10%, 0.07) 0px 8px 16px -5px",[`& .${m.buttonBaseClasses.root}`]:{"&.Mui-selected":{backgroundColor:e.alpha(o.palette.action.selected,.3)}},...o.applyStyles("dark",{background:r[900],boxShadow:"hsla(220, 30%, 5%, 0.7) 0px 4px 16px 0px, hsla(220, 25%, 10%, 0.8) 0px 8px 16px -5px"})})}},MuiSelect:{defaultProps:{IconComponent:v.forwardRef((o,s)=>y.jsx(j,{fontSize:"small",...o,ref:s}))},styleOverrides:{select:{display:"flex",alignItems:"center"}}},MuiLink:{defaultProps:{underline:"none"},styleOverrides:{root:({theme:o})=>({color:r[800],fontWeight:500,position:"relative",textDecoration:"none",width:"fit-content","&::before":{content:'""',position:"absolute",width:"100%",height:"1px",bottom:0,left:0,backgroundColor:r[600],opacity:.3,transition:"width 0.3s ease, opacity 0.3s ease"},"&:hover::before":{width:0},"&:focus-visible":{outline:`3px solid ${e.alpha(a[500],.5)}`,outlineOffset:"4px",borderRadius:"2px"},...o.applyStyles("dark",{color:r[100],"&::before":{backgroundColor:r[400]}})})}},MuiDrawer:{styleOverrides:{paper:({theme:o})=>({backgroundColor:o.palette.background.default})}},MuiListItemButton:{styleOverrides:{root:({theme:o})=>({borderRadius:o.shape.borderRadius,padding:"8px 12px",gap:12,border:"1px solid transparent",transition:"all 100ms ease-in","&:hover":{backgroundColor:e.alpha(r[500],.08)},"&.Mui-selected":{backgroundColor:e.alpha(a[500],.08),border:`1px solid ${e.alpha(a[500],.2)}`,"&:hover":{backgroundColor:e.alpha(a[500],.12)}},...o.applyStyles("dark",{"&:hover":{backgroundColor:e.alpha(r[500],.12)},"&.Mui-selected":{backgroundColor:e.alpha(a[400],.12),border:`1px solid ${e.alpha(a[400],.25)}`,"&:hover":{backgroundColor:e.alpha(a[400],.16)}}})})}},MuiTabs:{styleOverrides:{root:{minHeight:"fit-content"},indicator:({theme:o})=>({backgroundColor:o.palette.grey[800],...o.applyStyles("dark",{backgroundColor:o.palette.grey[200]})})}},MuiTab:{styleOverrides:{root:({theme:o})=>({padding:"6px 8px",marginBottom:"8px",textTransform:"none",minWidth:"fit-content",minHeight:"fit-content",color:r[600],borderRadius:o.shape.borderRadius,border:"1px solid transparent",":hover":{color:r[800],backgroundColor:r[100],borderColor:r[200]},[`&.${w.tabClasses.selected}`]:{color:r[900]},...o.applyStyles("dark",{color:r[400],":hover":{color:r[100],backgroundColor:r[800],borderColor:r[700]},[`&.${w.tabClasses.selected}`]:{color:"#fff"}})})}}},W={MuiAlert:{styleOverrides:{root:{}}},MuiDialog:{styleOverrides:{root:({theme:o})=>({"& .MuiDialog-paper":{borderRadius:"10px",border:"1px solid",borderColor:o.palette.divider,backgroundColor:r[50],...o.applyStyles("dark",{backgroundColor:"hsl(220, 25%, 10%)",borderColor:e.alpha(r[700],.6)})}})}},MuiPopover:{styleOverrides:{paper:({theme:o})=>({borderRadius:"10px",border:"1px solid",borderColor:o.palette.divider,backgroundImage:"none",backgroundColor:r[50],boxShadow:"0 4px 20px rgba(0, 0, 0, 0.08)",...o.applyStyles("dark",{backgroundColor:"hsl(220, 25%, 10%)",borderColor:e.alpha(r[700],.6),boxShadow:"0 4px 20px rgba(0, 0, 0, 0.5)"})})}},MuiLinearProgress:{styleOverrides:{root:({theme:o})=>({height:8,borderRadius:8,backgroundColor:r[200],...o.applyStyles("dark",{backgroundColor:r[800]})})}}},F={MuiList:{styleOverrides:{root:{padding:"8px",display:"flex",flexDirection:"column",gap:0}}},MuiListItem:{styleOverrides:{root:({theme:o})=>({[`& > .${x.svgIconClasses.root}`]:{width:"1rem",height:"1rem",color:r[600]},[`& .${E.typographyClasses.root}`]:{fontWeight:500},[`& .${m.buttonBaseClasses.root}`]:{display:"flex",gap:8,padding:"2px 8px",borderRadius:o.shape.borderRadius,opacity:.7,"&.Mui-selected":{opacity:1,backgroundColor:e.alpha(r[200],.6),[`& .${x.svgIconClasses.root}`]:{color:r[800]},"&:hover":{backgroundColor:e.alpha(r[200],.8)}}},...o.applyStyles("dark",{[`& > .${x.svgIconClasses.root}`]:{color:r[400]},[`& .${m.buttonBaseClasses.root}`]:{"&.Mui-selected":{backgroundColor:e.alpha(r[600],.3),[`& .${x.svgIconClasses.root}`]:{color:r[100]},"&:hover":{backgroundColor:e.alpha(r[600],.5)}}}})})}},MuiListItemText:{styleOverrides:{primary:({theme:o})=>({fontSize:o.typography.body2.fontSize,fontWeight:500,lineHeight:o.typography.body2.lineHeight}),secondary:({theme:o})=>({fontSize:o.typography.caption.fontSize,lineHeight:o.typography.caption.lineHeight})}},MuiListSubheader:{styleOverrides:{root:({theme:o})=>({backgroundColor:"transparent",padding:"4px 8px",fontSize:o.typography.caption.fontSize,fontWeight:500,lineHeight:o.typography.caption.lineHeight})}},MuiListItemIcon:{styleOverrides:{root:{minWidth:0}}},MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:({theme:o})=>({display:"flex",flexDirection:"column",padding:16,gap:16,overflow:"visible",transition:"all 150ms ease-in-out",backgroundColor:r[50],borderRadius:o.shape.borderRadius,border:`1px solid ${o.palette.divider}`,boxShadow:"none","&:hover":{borderColor:r[300],boxShadow:"0 2px 8px 0 rgba(0, 0, 0, 0.08)"},...o.applyStyles("dark",{backgroundColor:r[800],"&:hover":{borderColor:r[600],boxShadow:"0 2px 8px 0 rgba(0, 0, 0, 0.3)"}}),variants:[{props:{variant:"outlined"},style:{border:`1px solid ${o.palette.divider}`,boxShadow:"none",background:"hsl(0, 0%, 100%)","&:hover":{borderColor:r[300],boxShadow:"0 2px 8px 0 rgba(0, 0, 0, 0.08)"},...o.applyStyles("dark",{background:e.alpha(r[900],.4),"&:hover":{borderColor:r[600],boxShadow:"0 2px 8px 0 rgba(0, 0, 0, 0.3)"}})}}]})}},MuiCardContent:{styleOverrides:{root:{padding:0,"&:last-child":{paddingBottom:0}}}},MuiCardHeader:{styleOverrides:{root:{padding:0}}},MuiCardActions:{styleOverrides:{root:{padding:0}}},MuiPaper:{defaultProps:{elevation:0},styleOverrides:{root:({theme:o})=>({backgroundImage:"none",...o.applyStyles("dark",{backgroundColor:r[800]})})}},MuiChip:{defaultProps:{size:"small"},styleOverrides:{root:({theme:o})=>({border:"1px solid",borderRadius:6,[`& .${l.chipClasses.label}`]:{fontWeight:600},variants:[{props:{color:"default"},style:{borderColor:r[200],backgroundColor:r[100],[`& .${l.chipClasses.label}`]:{color:r[500]},[`& .${l.chipClasses.icon}`]:{color:r[500]},[`& .${l.chipClasses.deleteIcon}`]:{color:r[400],"&:hover":{color:r[600]}},...o.applyStyles("dark",{borderColor:r[600],backgroundColor:e.alpha(r[600],.3),[`& .${l.chipClasses.label}`]:{color:r[200]},[`& .${l.chipClasses.icon}`]:{color:r[200]},[`& .${l.chipClasses.deleteIcon}`]:{color:r[400],"&:hover":{color:r[200]}}})}},{props:{color:"success"},style:{borderColor:n[200],backgroundColor:n[50],[`& .${l.chipClasses.label}`]:{color:n[500]},[`& .${l.chipClasses.icon}`]:{color:n[500]},...o.applyStyles("dark",{borderColor:n[800],backgroundColor:n[900],[`& .${l.chipClasses.label}`]:{color:n[200]},[`& .${l.chipClasses.icon}`]:{color:n[200]}})}},{props:{color:"error"},style:{borderColor:p[100],backgroundColor:p[50],[`& .${l.chipClasses.label}`]:{color:p[500]},[`& .${l.chipClasses.icon}`]:{color:p[500]},...o.applyStyles("dark",{borderColor:p[800],backgroundColor:p[900],[`& .${l.chipClasses.label}`]:{color:p[100]},[`& .${l.chipClasses.icon}`]:{color:p[100]}})}},{props:{color:"warning"},style:{borderColor:d[200],backgroundColor:d[50],[`& .${l.chipClasses.label}`]:{color:d[500]},[`& .${l.chipClasses.icon}`]:{color:d[500]},...o.applyStyles("dark",{borderColor:d[800],backgroundColor:d[900],[`& .${l.chipClasses.label}`]:{color:d[200]},[`& .${l.chipClasses.icon}`]:{color:d[200]}})}},{props:{color:"primary"},style:{borderColor:a[200],backgroundColor:a[50],[`& .${l.chipClasses.label}`]:{color:a[500]},[`& .${l.chipClasses.icon}`]:{color:a[500]},...o.applyStyles("dark",{borderColor:a[800],backgroundColor:a[900],[`& .${l.chipClasses.label}`]:{color:a[100]},[`& .${l.chipClasses.icon}`]:{color:a[100]}})}},{props:{color:"secondary"},style:{borderColor:i[200],backgroundColor:i[50],[`& .${l.chipClasses.label}`]:{color:i[500]},[`& .${l.chipClasses.icon}`]:{color:i[500]},...o.applyStyles("dark",{borderColor:i[700],backgroundColor:i[900],[`& .${l.chipClasses.label}`]:{color:i[100]},[`& .${l.chipClasses.icon}`]:{color:i[100]}})}},{props:{variant:"outlined",color:"default"},style:{backgroundColor:"transparent",borderColor:r[300],[`& .${l.chipClasses.label}`]:{color:r[500]},...o.applyStyles("dark",{backgroundColor:"transparent",borderColor:r[500],[`& .${l.chipClasses.label}`]:{color:r[200]}})}},{props:{size:"small"},style:{height:20,borderRadius:6,[`& .${l.chipClasses.label}`]:{fontSize:o.typography.caption.fontSize,padding:"0 6px"}}},{props:{size:"medium"},style:{height:28,borderRadius:8,[`& .${l.chipClasses.label}`]:{fontSize:o.typography.caption.fontSize}}}]})}},MuiTablePagination:{styleOverrides:{actions:{display:"flex",gap:8,marginRight:6,[`& .${V.iconButtonClasses.root}`]:{minWidth:0,width:36,height:36}}}},MuiAvatar:{styleOverrides:{root:{color:"#ffffff",fontWeight:600}}},MuiDivider:{styleOverrides:{root:({theme:o})=>({borderColor:r[200],...o.applyStyles("dark",{borderColor:r[700]})})}},MuiTable:{styleOverrides:{root:{borderCollapse:"separate",borderSpacing:0}}},MuiTableHead:{styleOverrides:{root:({theme:o})=>({backgroundColor:r[50],...o.applyStyles("dark",{backgroundColor:r[900]})})}},MuiTableCell:{styleOverrides:{root:({theme:o})=>({borderColor:r[200],padding:"0.75rem 1rem",...o.applyStyles("dark",{borderColor:r[700]})}),head:({theme:o})=>({fontWeight:600,color:r[700],...o.applyStyles("dark",{color:r[300]})})}},MuiTableRow:{styleOverrides:{root:({theme:o})=>({"&:hover":{backgroundColor:e.alpha(r[100],.5)},"&.Mui-selected":{backgroundColor:e.alpha(a[500],.08),"&:hover":{backgroundColor:e.alpha(a[500],.12)}},...o.applyStyles("dark",{"&:hover":{backgroundColor:e.alpha(r[700],.3)},"&.Mui-selected":{backgroundColor:e.alpha(a[400],.15),"&:hover":{backgroundColor:e.alpha(a[400],.2)}}})})}},MuiAccordion:{styleOverrides:{root:({theme:o})=>({border:`1px solid ${r[200]}`,borderRadius:o.shape.borderRadius,"&:before":{display:"none"},"&.Mui-expanded":{margin:0},...o.applyStyles("dark",{border:`1px solid ${r[700]}`,backgroundColor:r[800]})})}},MuiAccordionSummary:{styleOverrides:{root:({theme:o})=>({borderRadius:o.shape.borderRadius,fontWeight:600,"&.Mui-expanded":{minHeight:48}}),content:{"&.Mui-expanded":{margin:"12px 0"}}}},MuiAccordionDetails:{styleOverrides:{root:({theme:o})=>({borderTop:`1px solid ${r[200]}`,...o.applyStyles("dark",{borderTop:`1px solid ${r[700]}`})})}},MuiTypography:{styleOverrides:{root:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"}}}};function _({mode:o}){const{setMode:s}=k.useColorScheme();return M.useEffect(()=>{s&&s(o)},[o,s]),null}function N({children:o,disableCustomTheme:s,themeComponents:c,defaultMode:g="dark"}){const C=M.useMemo(()=>s?k.createTheme():k.createTheme({cssVariables:{colorSchemeSelector:"data-mui-color-scheme",cssVarPrefix:"ov-mui"},colorSchemes:{light:{palette:S("light").palette},dark:{palette:S("dark").palette}},typography:R,shape:z,shadows:T("light"),components:{MuiCssBaseline:{styleOverrides:{html:{height:"100%"},body:{height:"100%"}}},...I,...B,...W,...F,...c}}),[s,c]);return s?y.jsx(y.Fragment,{children:o}):y.jsxs(k.ThemeProvider,{theme:C,children:[y.jsx(k.CssBaseline,{enableColorScheme:!0}),y.jsx(_,{mode:g}),o]})}function U(o){const s=document.documentElement;s.setAttribute("data-ov-theme",o.type);for(const[c,g]of Object.entries(o.colors)){const C=`--ov-${c.replace(/\./g,"-")}`;s.style.setProperty(C,g)}o.typography?.fontFamily&&s.style.setProperty("--ov-font-ui",o.typography.fontFamily),o.typography?.monoFontFamily&&s.style.setProperty("--ov-font-mono",o.typography.monoFontFamily),o.typography?.fontSize&&s.style.setProperty("--ov-text-base",`${o.typography.fontSize/16}rem`)}function X(o="dark"){const s=document.documentElement;s.setAttribute("data-ov-theme",o),s.removeAttribute("style")}exports.AppTheme=N;exports.applyTheme=U;exports.brand=a;exports.customShadows=T;exports.dataDisplayCustomizations=F;exports.feedbackCustomizations=W;exports.getDesignTokens=S;exports.gray=r;exports.green=n;exports.inputsCustomizations=I;exports.navigationCustomizations=B;exports.orange=d;exports.purple=i;exports.red=p;exports.resetTheme=X;exports.shape=z;exports.typography=R;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./AppTheme-BakZ7ezV.cjs"),P=require("react"),e=require("@mui/material/styles"),b=require("@mui/material/OutlinedInput"),T=require("@mui/material/ToggleButtonGroup"),R=require("@mui/material/ToggleButton"),q=require("@mui/icons-material/CheckBoxOutlineBlankRounded"),H=require("@mui/icons-material/CheckRounded"),W=require("@mui/icons-material/RemoveRounded"),L=require("react/jsx-runtime"),w=require("@mui/material/ButtonBase"),V=require("@mui/material/Divider"),O=require("@mui/material/MenuItem"),B=require("@mui/material/Tab"),j=require("@mui/icons-material/UnfoldMoreRounded"),v=require("@mui/material/SvgIcon"),G=require("@mui/material/Typography"),n=require("@mui/material/Chip"),N=require("@mui/material/IconButton");function _(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(o,a,r.get?r:{enumerable:!0,get:()=>t[a]})}}return o.default=t,Object.freeze(o)}const m=_(P);function S(t){const o=t?.gray??s.gray,a=t?.brand??s.brand;return{MuiButtonBase:{defaultProps:{disableTouchRipple:!0,disableRipple:!0},styleOverrides:{root:({theme:r})=>({boxSizing:"border-box",transition:"color 80ms cubic-bezier(0.33,1,0.68,1), background-color 80ms cubic-bezier(0.33,1,0.68,1), border-color 80ms cubic-bezier(0.33,1,0.68,1), box-shadow 80ms cubic-bezier(0.33,1,0.68,1)","&:focus-visible":{outline:`3px solid ${e.alpha(r.palette.primary.main,.5)}`,outlineOffset:"2px"}})}},MuiButton:{defaultProps:{disableElevation:!0},styleOverrides:{root:({theme:r})=>{const d=[["primary",r.palette.primary],["secondary",r.palette.secondary],["success",r.palette.success],["warning",r.palette.warning],["error",r.palette.error],["info",r.palette.info]],c=d.map(([g,i])=>({props:{color:g,variant:"contained"},style:{backgroundColor:i.main,color:i.contrastText||"#fff","&:hover":{backgroundColor:e.darken(i.main,.12)},"&:active":{backgroundColor:e.darken(i.main,.2)},...r.applyStyles("dark",{backgroundColor:i.main,color:i.contrastText||"#fff","&:hover":{backgroundColor:e.lighten(i.main,.12)},"&:active":{backgroundColor:e.lighten(i.main,.04)}})}})),u=d.map(([g,i])=>({props:{color:g,variant:"outlined"},style:{color:i.main,borderColor:e.alpha(i.main,.5),backgroundColor:"transparent","&:hover":{backgroundColor:e.alpha(i.main,.06),borderColor:i.main},"&:active":{backgroundColor:e.alpha(i.main,.12)},...r.applyStyles("dark",{color:i.light,borderColor:e.alpha(i.light,.4),"&:hover":{backgroundColor:e.alpha(i.main,.12),borderColor:i.light},"&:active":{backgroundColor:e.alpha(i.main,.2)}})}})),l=d.map(([g,i])=>({props:{color:g,variant:"text"},style:{color:i.main,"&:hover":{backgroundColor:e.alpha(i.main,.06)},"&:active":{backgroundColor:e.alpha(i.main,.12)},...r.applyStyles("dark",{color:i.light,"&:hover":{backgroundColor:e.alpha(i.main,.12)},"&:active":{backgroundColor:e.alpha(i.main,.2)}})}})),F=d.map(([g,i])=>({props:{color:g,variant:"soft"},style:{color:i.main,backgroundColor:e.alpha(i.main,.1),"&:hover":{backgroundColor:e.alpha(i.main,.18)},"&:active":{backgroundColor:e.alpha(i.main,.26)},...r.applyStyles("dark",{color:i.light,backgroundColor:e.alpha(i.main,.15),"&:hover":{backgroundColor:e.alpha(i.main,.25)},"&:active":{backgroundColor:e.alpha(i.main,.32)}})}})),A=d.map(([g,i])=>({props:{color:g,variant:"link"},style:{color:i.main,...r.applyStyles("dark",{color:i.light})}}));return{boxShadow:"none",borderRadius:r.shape.borderRadius,textTransform:"none",whiteSpace:"nowrap",transition:"color 80ms cubic-bezier(0.33,1,0.68,1), background-color 80ms cubic-bezier(0.33,1,0.68,1), border-color 80ms cubic-bezier(0.33,1,0.68,1), box-shadow 80ms cubic-bezier(0.33,1,0.68,1)",variants:[{props:{size:"small"},style:{minHeight:"2rem",padding:"6px 12px"}},{props:{size:"medium"},style:{minHeight:"2.25rem",padding:"8px 16px"}},{props:{size:"large"},style:{minHeight:"2.75rem",padding:"10px 20px"}},{props:{size:"xs"},style:{minHeight:"1.5rem",padding:"2px 8px",fontSize:"0.6875rem"}},{props:{size:"xl"},style:{minHeight:"3.25rem",padding:"12px 24px",fontSize:"1rem"}},{props:{variant:"contained"},style:{boxShadow:"none","&:hover":{boxShadow:"none"}}},...c,{props:{variant:"outlined"},style:{color:o[700],border:"1px solid",borderColor:o[200],backgroundColor:e.alpha(o[50],.3),"&:hover":{backgroundColor:o[100],borderColor:o[300]},"&:active":{backgroundColor:o[200]},...r.applyStyles("dark",{color:o[200],backgroundColor:e.alpha(o[800],.3),borderColor:o[600],"&:hover":{backgroundColor:e.alpha(o[700],.5),borderColor:o[500]},"&:active":{backgroundColor:o[700]}})}},...u,{props:{variant:"text"},style:{color:o[600],"&:hover":{backgroundColor:e.alpha(o[500],.08)},"&:active":{backgroundColor:e.alpha(o[500],.16)},...r.applyStyles("dark",{color:o[300],"&:hover":{backgroundColor:e.alpha(o[500],.12)},"&:active":{backgroundColor:e.alpha(o[500],.2)}})}},...l,{props:{variant:"soft"},style:{color:o[700],backgroundColor:e.alpha(o[500],.08),"&:hover":{backgroundColor:e.alpha(o[500],.16)},"&:active":{backgroundColor:e.alpha(o[500],.24)},...r.applyStyles("dark",{color:o[200],backgroundColor:e.alpha(o[500],.12),"&:hover":{backgroundColor:e.alpha(o[500],.2)},"&:active":{backgroundColor:e.alpha(o[500],.28)}})}},...F,{props:{variant:"link"},style:{color:o[600],backgroundColor:"transparent",padding:"0 4px",minWidth:"auto",textDecoration:"none","&:hover":{backgroundColor:"transparent",textDecoration:"underline"},...r.applyStyles("dark",{color:o[300]})}},...A]}}}},MuiIconButton:{styleOverrides:{root:({theme:r})=>({boxSizing:"border-box",borderRadius:r.shape.borderRadius,color:o[600],"&:hover":{backgroundColor:e.alpha(o[500],.1)},...r.applyStyles("dark",{color:o[300],"&:hover":{backgroundColor:e.alpha(o[500],.2)}}),variants:[{props:{size:"small"},style:{width:"2rem",height:"2rem",padding:"0.25rem"}},{props:{size:"medium"},style:{width:"2.5rem",height:"2.5rem"}},{props:{color:"primary"},style:{color:a[600],"&:hover":{backgroundColor:e.alpha(a[500],.1)},...r.applyStyles("dark",{color:a[300],"&:hover":{backgroundColor:e.alpha(a[500],.2)}})}}]})}},MuiToggleButtonGroup:{styleOverrides:{root:({theme:r})=>({borderRadius:r.shape.borderRadius,backgroundColor:o[100],border:`1px solid ${o[200]}`,boxShadow:"none",[`& .${T.toggleButtonGroupClasses.grouped}`]:{border:"none","&:not(:first-of-type)":{marginLeft:0,borderLeft:"1px solid",borderLeftColor:o[300]}},...r.applyStyles("dark",{backgroundColor:e.alpha(o[800],.5),border:`1px solid ${o[700]}`,[`& .${T.toggleButtonGroupClasses.grouped}`]:{"&:not(:first-of-type)":{borderLeftColor:o[700]}}})})}},MuiToggleButton:{styleOverrides:{root:({theme:r})=>({padding:"8px 16px",fontWeight:500,color:o[600],textTransform:"none",border:"none",borderRadius:r.shape.borderRadius,"&:hover":{backgroundColor:e.alpha(o[500],.1)},[`&.${R.toggleButtonClasses.selected}`]:{color:a[600],backgroundColor:e.alpha(a[500],.1),"&:hover":{backgroundColor:e.alpha(a[500],.15)}},...r.applyStyles("dark",{color:o[400],"&:hover":{backgroundColor:e.alpha(o[500],.15)},[`&.${R.toggleButtonClasses.selected}`]:{color:a[300],backgroundColor:e.alpha(a[500],.2),"&:hover":{backgroundColor:e.alpha(a[500],.25)}}})})}},MuiCheckbox:{defaultProps:{disableRipple:!0,icon:m.createElement(q,{sx:{color:"hsla(210, 0%, 0%, 0.0)"}}),checkedIcon:m.createElement(H,{sx:{height:14,width:14}}),indeterminateIcon:m.createElement(W,{sx:{height:14,width:14}})},styleOverrides:{root:({theme:r})=>({margin:10,height:16,width:16,borderRadius:5,border:"1px solid",borderColor:e.alpha(o[300],.8),boxShadow:"0 0 0 1.5px hsla(210, 0%, 0%, 0.04) inset",backgroundColor:e.alpha(o[100],.4),transition:"border-color, background-color, 120ms ease-in","&:hover":{borderColor:a[300]},"&.Mui-checked":{color:"white",backgroundColor:a[500],borderColor:a[500],boxShadow:"none","&:hover":{backgroundColor:a[600]}},...r.applyStyles("dark",{borderColor:e.alpha(o[700],.8),boxShadow:"0 0 0 1.5px hsl(210, 0%, 0%) inset",backgroundColor:e.alpha(o[900],.8),"&:hover":{borderColor:a[300]}})})}},MuiSelect:{styleOverrides:{select:{display:"flex",alignItems:"center",overflow:"hidden","& > .MuiBox-root":{flexWrap:"nowrap",overflow:"hidden"}}}},MuiAutocomplete:{styleOverrides:{inputRoot:{flexWrap:"nowrap !important",overflow:"hidden"},tag:{maxHeight:20}}},MuiFormControl:{styleOverrides:{root:()=>({"--ov-input-height":"2.75rem",variants:[{props:{size:"small"},style:{"--ov-input-height":"2.25rem"}}]})}},MuiInputLabel:{styleOverrides:{root:{"&.MuiInputLabel-shrink":{transform:"translate(14px, -6px) scale(0.75)"},"&.MuiInputLabel-outlined:not(.MuiInputLabel-shrink)":{transform:"translate(14px, calc((var(--ov-input-height) - 1.4375em) / 2)) scale(1)"}}}},MuiInputBase:{defaultProps:{autoCapitalize:"off",autoCorrect:"off",spellCheck:!1},styleOverrides:{root:({theme:r})=>({border:"none",...r.applyStyles("dark",{"&.Mui-disabled":{color:o[600]}})}),input:({theme:r})=>({textTransform:"none",WebkitTextSecurity:"none","&::placeholder":{opacity:.7,color:o[500]},...r.applyStyles("dark",{"&::placeholder":{color:o[500]}})})}},MuiOutlinedInput:{styleOverrides:{input:{padding:"10px 14px"},inputMultiline:{padding:0},root:({theme:r})=>({borderRadius:r.shape.borderRadius,backgroundColor:o[50],transition:"background-color 120ms ease-in","&:not(.MuiInputBase-multiline)":{boxSizing:"border-box",height:"var(--ov-input-height)"},"&.MuiInputBase-multiline":{padding:"10px 14px",minHeight:"var(--ov-input-height)"},"&:hover":{backgroundColor:o[100],[`& .${b.outlinedInputClasses.notchedOutline}`]:{borderColor:o[400]}},[`&.${b.outlinedInputClasses.focused}`]:{[`& .${b.outlinedInputClasses.notchedOutline}`]:{borderColor:a[500],borderWidth:2}},[`&.${b.outlinedInputClasses.disabled}`]:{backgroundColor:o[100],[`& .${b.outlinedInputClasses.notchedOutline}`]:{borderColor:o[200]}},...r.applyStyles("dark",{backgroundColor:e.alpha(o[800],.8),"&:hover":{backgroundColor:e.alpha(o[800],.9),[`& .${b.outlinedInputClasses.notchedOutline}`]:{borderColor:o[500]}},[`&.${b.outlinedInputClasses.focused}`]:{backgroundColor:e.alpha(o[800],.9),[`& .${b.outlinedInputClasses.notchedOutline}`]:{borderColor:a[400]}},[`&.${b.outlinedInputClasses.disabled}`]:{backgroundColor:e.alpha(o[900],.6),[`& .${b.outlinedInputClasses.notchedOutline}`]:{borderColor:o[800]}}})}),notchedOutline:({theme:r})=>({borderColor:o[300],transition:"border-color 120ms ease-in",...r.applyStyles("dark",{borderColor:o[700]})})}},MuiInputAdornment:{styleOverrides:{root:({theme:r})=>({color:r.palette.grey[500],...r.applyStyles("dark",{color:r.palette.grey[400]})})}},MuiSwitch:{styleOverrides:{root:{width:44,height:24,padding:0},switchBase:({theme:r})=>({padding:0,margin:2,transitionDuration:"140ms",transitionTimingFunction:"cubic-bezier(0.45, 0.05, 0.55, 0.95)",transitionProperty:"transform","&.Mui-checked":{transform:"translateX(20px)",color:"#fff","& + .MuiSwitch-track":{backgroundColor:a[500],opacity:1,border:0}},"&.Mui-focusVisible + .MuiSwitch-track":{outline:`2px solid ${e.alpha(a[500],.5)}`,outlineOffset:2},"&.Mui-disabled + .MuiSwitch-track":{opacity:.4},"&.Mui-disabled .MuiSwitch-thumb":{opacity:.7},...r.applyStyles("dark",{"&.Mui-checked":{"& + .MuiSwitch-track":{backgroundColor:a[400]}}})}),thumb:{boxSizing:"border-box",width:20,height:20,boxShadow:"0 0 0 1px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.08)"},track:({theme:r})=>({borderRadius:9999,backgroundColor:o[300],opacity:1,transition:"background-color 120ms linear",...r.applyStyles("dark",{backgroundColor:o[600]})})}}}}const U=S();function M(t){const o=t?.gray??s.gray,a=t?.brand??s.brand;return{MuiMenuItem:{styleOverrides:{root:({theme:r})=>({borderRadius:r.shape.borderRadius,padding:"6px 8px",[`&.${O.menuItemClasses.focusVisible}`]:{backgroundColor:"transparent"},[`&.${O.menuItemClasses.selected}`]:{[`&.${O.menuItemClasses.focusVisible}`]:{backgroundColor:e.alpha(r.palette.action.selected,.3)}}})}},MuiMenu:{styleOverrides:{list:{gap:"0px",padding:"4px",[`&.${V.dividerClasses.root}`]:{margin:"0 -8px"}},paper:({theme:r})=>({marginTop:"4px",borderRadius:r.shape.borderRadius,border:`1px solid ${r.palette.divider}`,backgroundImage:"none",background:o[50],boxShadow:"hsla(220, 30%, 5%, 0.07) 0px 4px 16px 0px, hsla(220, 25%, 10%, 0.07) 0px 8px 16px -5px",[`& .${w.buttonBaseClasses.root}`]:{"&.Mui-selected":{backgroundColor:e.alpha(r.palette.action.selected,.3)}},...r.applyStyles("dark",{background:o[900],boxShadow:"hsla(220, 30%, 5%, 0.7) 0px 4px 16px 0px, hsla(220, 25%, 10%, 0.8) 0px 8px 16px -5px"})})}},MuiSelect:{defaultProps:{IconComponent:m.forwardRef((r,d)=>L.jsx(j,{fontSize:"small",...r,ref:d}))},styleOverrides:{select:{display:"flex",alignItems:"center"}}},MuiLink:{defaultProps:{underline:"none"},styleOverrides:{root:({theme:r})=>({color:o[800],fontWeight:500,position:"relative",textDecoration:"none",width:"fit-content","&::before":{content:'""',position:"absolute",width:"100%",height:"1px",bottom:0,left:0,backgroundColor:o[600],opacity:.3,transition:"width 0.3s ease, opacity 0.3s ease"},"&:hover::before":{width:0},"&:focus-visible":{outline:`3px solid ${e.alpha(a[500],.5)}`,outlineOffset:"4px",borderRadius:"2px"},...r.applyStyles("dark",{color:o[100],"&::before":{backgroundColor:o[400]}})})}},MuiDrawer:{styleOverrides:{paper:({theme:r})=>({backgroundColor:r.palette.background.default})}},MuiListItemButton:{styleOverrides:{root:({theme:r})=>({borderRadius:r.shape.borderRadius,padding:"8px 12px",gap:12,border:"1px solid transparent",transition:"all 100ms ease-in","&:hover":{backgroundColor:e.alpha(o[500],.08)},"&.Mui-selected":{backgroundColor:e.alpha(a[500],.08),border:`1px solid ${e.alpha(a[500],.2)}`,"&:hover":{backgroundColor:e.alpha(a[500],.12)}},...r.applyStyles("dark",{"&:hover":{backgroundColor:e.alpha(o[500],.12)},"&.Mui-selected":{backgroundColor:e.alpha(a[400],.12),border:`1px solid ${e.alpha(a[400],.25)}`,"&:hover":{backgroundColor:e.alpha(a[400],.16)}}})})}},MuiTabs:{styleOverrides:{root:{minHeight:"fit-content"},indicator:({theme:r})=>({backgroundColor:r.palette.grey[800],...r.applyStyles("dark",{backgroundColor:r.palette.grey[200]})})}},MuiTab:{styleOverrides:{root:({theme:r})=>({padding:"6px 8px",marginBottom:"8px",textTransform:"none",minWidth:"fit-content",minHeight:"fit-content",color:o[600],borderRadius:r.shape.borderRadius,border:"1px solid transparent",":hover":{color:o[800],backgroundColor:o[100],borderColor:o[200]},[`&.${B.tabClasses.selected}`]:{color:o[900]},...r.applyStyles("dark",{color:o[400],":hover":{color:o[100],backgroundColor:o[800],borderColor:o[700]},[`&.${B.tabClasses.selected}`]:{color:"#fff"}})})}}}}const X=M();function z(t){const o=t?.gray??s.gray;return{MuiAlert:{styleOverrides:{root:{}}},MuiDialog:{styleOverrides:{root:({theme:a})=>({"& .MuiDialog-paper":{borderRadius:"10px",border:"1px solid",borderColor:a.palette.divider,backgroundColor:o[50],...a.applyStyles("dark",{backgroundColor:o[900],borderColor:e.alpha(o[700],.6)})}})}},MuiPopover:{styleOverrides:{paper:({theme:a})=>({borderRadius:"10px",border:"1px solid",borderColor:a.palette.divider,backgroundImage:"none",backgroundColor:o[50],boxShadow:"0 4px 20px rgba(0, 0, 0, 0.08)",...a.applyStyles("dark",{backgroundColor:o[900],borderColor:e.alpha(o[700],.6),boxShadow:"0 4px 20px rgba(0, 0, 0, 0.5)"})})}},MuiLinearProgress:{styleOverrides:{root:({theme:a})=>({height:8,borderRadius:8,backgroundColor:o[200],...a.applyStyles("dark",{backgroundColor:o[800]})})}}}}const J=z();function $(t){const o=t?.gray??s.gray,a=t?.brand??s.brand,r=t?.green??s.green,d=t?.orange??s.orange,c=t?.red??s.red,u=t?.purple??s.purple;return{MuiList:{styleOverrides:{root:{padding:"8px",display:"flex",flexDirection:"column",gap:0}}},MuiListItem:{styleOverrides:{root:({theme:l})=>({[`& > .${v.svgIconClasses.root}`]:{width:"1rem",height:"1rem",color:o[600]},[`& .${G.typographyClasses.root}`]:{fontWeight:500},[`& .${w.buttonBaseClasses.root}`]:{display:"flex",gap:8,padding:"2px 8px",borderRadius:l.shape.borderRadius,opacity:.7,"&.Mui-selected":{opacity:1,backgroundColor:e.alpha(o[200],.6),[`& .${v.svgIconClasses.root}`]:{color:o[800]},"&:hover":{backgroundColor:e.alpha(o[200],.8)}}},...l.applyStyles("dark",{[`& > .${v.svgIconClasses.root}`]:{color:o[400]},[`& .${w.buttonBaseClasses.root}`]:{"&.Mui-selected":{backgroundColor:e.alpha(o[600],.3),[`& .${v.svgIconClasses.root}`]:{color:o[100]},"&:hover":{backgroundColor:e.alpha(o[600],.5)}}}})})}},MuiListItemText:{styleOverrides:{primary:({theme:l})=>({fontSize:l.typography.body2.fontSize,fontWeight:500,lineHeight:l.typography.body2.lineHeight}),secondary:({theme:l})=>({fontSize:l.typography.caption.fontSize,lineHeight:l.typography.caption.lineHeight})}},MuiListSubheader:{styleOverrides:{root:({theme:l})=>({backgroundColor:"transparent",padding:"4px 8px",fontSize:l.typography.caption.fontSize,fontWeight:500,lineHeight:l.typography.caption.lineHeight})}},MuiListItemIcon:{styleOverrides:{root:{minWidth:0}}},MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:({theme:l})=>({display:"flex",flexDirection:"column",padding:16,gap:16,overflow:"visible",transition:"all 150ms ease-in-out",backgroundColor:o[50],borderRadius:l.shape.borderRadius,border:`1px solid ${l.palette.divider}`,boxShadow:"none","&:hover":{borderColor:o[300],boxShadow:"0 2px 8px 0 rgba(0, 0, 0, 0.08)"},...l.applyStyles("dark",{backgroundColor:o[800],"&:hover":{borderColor:o[600],boxShadow:"0 2px 8px 0 rgba(0, 0, 0, 0.3)"}}),variants:[{props:{variant:"outlined"},style:{border:`1px solid ${l.palette.divider}`,boxShadow:"none",background:o[50],"&:hover":{borderColor:o[300],boxShadow:"0 2px 8px 0 rgba(0, 0, 0, 0.08)"},...l.applyStyles("dark",{background:e.alpha(o[900],.4),"&:hover":{borderColor:o[600],boxShadow:"0 2px 8px 0 rgba(0, 0, 0, 0.3)"}})}}]})}},MuiCardContent:{styleOverrides:{root:{padding:0,"&:last-child":{paddingBottom:0}}}},MuiCardHeader:{styleOverrides:{root:{padding:0}}},MuiCardActions:{styleOverrides:{root:{padding:0}}},MuiPaper:{defaultProps:{elevation:0},styleOverrides:{root:({theme:l})=>({backgroundImage:"none",...l.applyStyles("dark",{backgroundColor:o[800]})})}},MuiChip:{defaultProps:{size:"small"},styleOverrides:{root:({theme:l})=>({border:"1px solid",borderRadius:6,[`& .${n.chipClasses.label}`]:{fontWeight:600},variants:[{props:{color:"default"},style:{borderColor:o[200],backgroundColor:o[100],[`& .${n.chipClasses.label}`]:{color:o[500]},[`& .${n.chipClasses.icon}`]:{color:o[500]},[`& .${n.chipClasses.deleteIcon}`]:{color:o[400],"&:hover":{color:o[600]}},...l.applyStyles("dark",{borderColor:o[600],backgroundColor:e.alpha(o[600],.3),[`& .${n.chipClasses.label}`]:{color:o[200]},[`& .${n.chipClasses.icon}`]:{color:o[200]},[`& .${n.chipClasses.deleteIcon}`]:{color:o[400],"&:hover":{color:o[200]}}})}},{props:{color:"success"},style:{borderColor:r[200],backgroundColor:r[50],[`& .${n.chipClasses.label}`]:{color:r[500]},[`& .${n.chipClasses.icon}`]:{color:r[500]},...l.applyStyles("dark",{borderColor:r[800],backgroundColor:r[900],[`& .${n.chipClasses.label}`]:{color:r[200]},[`& .${n.chipClasses.icon}`]:{color:r[200]}})}},{props:{color:"error"},style:{borderColor:c[100],backgroundColor:c[50],[`& .${n.chipClasses.label}`]:{color:c[500]},[`& .${n.chipClasses.icon}`]:{color:c[500]},...l.applyStyles("dark",{borderColor:c[800],backgroundColor:c[900],[`& .${n.chipClasses.label}`]:{color:c[100]},[`& .${n.chipClasses.icon}`]:{color:c[100]}})}},{props:{color:"warning"},style:{borderColor:d[200],backgroundColor:d[50],[`& .${n.chipClasses.label}`]:{color:d[500]},[`& .${n.chipClasses.icon}`]:{color:d[500]},...l.applyStyles("dark",{borderColor:d[800],backgroundColor:d[900],[`& .${n.chipClasses.label}`]:{color:d[200]},[`& .${n.chipClasses.icon}`]:{color:d[200]}})}},{props:{color:"primary"},style:{borderColor:a[200],backgroundColor:a[50],[`& .${n.chipClasses.label}`]:{color:a[500]},[`& .${n.chipClasses.icon}`]:{color:a[500]},...l.applyStyles("dark",{borderColor:a[800],backgroundColor:a[900],[`& .${n.chipClasses.label}`]:{color:a[100]},[`& .${n.chipClasses.icon}`]:{color:a[100]}})}},{props:{color:"secondary"},style:{borderColor:u[200],backgroundColor:u[50],[`& .${n.chipClasses.label}`]:{color:u[500]},[`& .${n.chipClasses.icon}`]:{color:u[500]},...l.applyStyles("dark",{borderColor:u[700],backgroundColor:u[900],[`& .${n.chipClasses.label}`]:{color:u[100]},[`& .${n.chipClasses.icon}`]:{color:u[100]}})}},{props:{variant:"outlined",color:"default"},style:{backgroundColor:"transparent",borderColor:o[300],[`& .${n.chipClasses.label}`]:{color:o[500]},...l.applyStyles("dark",{backgroundColor:"transparent",borderColor:o[500],[`& .${n.chipClasses.label}`]:{color:o[200]}})}},{props:{size:"small"},style:{height:20,borderRadius:6,[`& .${n.chipClasses.label}`]:{fontSize:l.typography.caption.fontSize,padding:"0 6px"}}},{props:{size:"medium"},style:{height:28,borderRadius:8,[`& .${n.chipClasses.label}`]:{fontSize:l.typography.caption.fontSize}}}]})}},MuiTablePagination:{styleOverrides:{actions:{display:"flex",gap:8,marginRight:6,[`& .${N.iconButtonClasses.root}`]:{minWidth:0,width:36,height:36}}}},MuiAvatar:{styleOverrides:{root:{color:"#ffffff",fontWeight:600}}},MuiDivider:{styleOverrides:{root:({theme:l})=>({borderColor:o[200],...l.applyStyles("dark",{borderColor:o[700]})})}},MuiTable:{styleOverrides:{root:{borderCollapse:"separate",borderSpacing:0}}},MuiTableHead:{styleOverrides:{root:({theme:l})=>({backgroundColor:o[50],...l.applyStyles("dark",{backgroundColor:o[900]})})}},MuiTableCell:{styleOverrides:{root:({theme:l})=>({borderColor:o[200],padding:"0.75rem 1rem",...l.applyStyles("dark",{borderColor:o[700]})}),head:({theme:l})=>({fontWeight:600,color:o[700],...l.applyStyles("dark",{color:o[300]})})}},MuiTableRow:{styleOverrides:{root:({theme:l})=>({"&:hover":{backgroundColor:e.alpha(o[100],.5)},"&.Mui-selected":{backgroundColor:e.alpha(a[500],.08),"&:hover":{backgroundColor:e.alpha(a[500],.12)}},...l.applyStyles("dark",{"&:hover":{backgroundColor:e.alpha(o[700],.3)},"&.Mui-selected":{backgroundColor:e.alpha(a[400],.15),"&:hover":{backgroundColor:e.alpha(a[400],.2)}}})})}},MuiAccordion:{styleOverrides:{root:({theme:l})=>({border:`1px solid ${o[200]}`,borderRadius:l.shape.borderRadius,"&:before":{display:"none"},"&.Mui-expanded":{margin:0},...l.applyStyles("dark",{border:`1px solid ${o[700]}`,backgroundColor:o[800]})})}},MuiAccordionSummary:{styleOverrides:{root:({theme:l})=>({borderRadius:l.shape.borderRadius,fontWeight:600,"&.Mui-expanded":{minHeight:48}}),content:{"&.Mui-expanded":{margin:"12px 0"}}}},MuiAccordionDetails:{styleOverrides:{root:({theme:l})=>({borderTop:`1px solid ${o[200]}`,...l.applyStyles("dark",{borderTop:`1px solid ${o[700]}`})})}},MuiTypography:{styleOverrides:{root:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"}}}}}const K=$(),Q={gray:s.gray,brand:s.brand,green:s.green,orange:s.orange,red:s.red,purple:s.purple},Y={palettes:Q,getDesignTokens:s.getDesignTokens,getShadows:s.customShadows,getCustomizations:()=>({...S(),...M(),...z(),...$()})},Z=e.createTheme(),f={50:"#EEE8D5",100:"#93A1A1",200:"#839496",300:"#657B83",400:"#586E75",500:"#4C666E",600:"#35565F",700:"#1E4651",800:"#073642",900:"#002B36"},p={50:"#E4F1FB",100:"#C6E2F8",200:"#7CBCE8",300:"#4FA3DD",400:"#268BD2",500:"#1A73AD",600:"#155F94",700:"#0F4E7A",800:"#07354F",900:"#032A40"},y={50:"#F2F7E8",100:"#DCEBC4",200:"#8FBB4D",300:"#84B86A",400:"#7A9B00",500:"#5E7F00",600:"#4D6B06",700:"#384F04",800:"#0F3D2A",900:"#083320"},C={50:"#FEF8E6",100:"#FAECBA",200:"#DFB540",300:"#B89A4A",400:"#B58900",500:"#997300",600:"#9B4A08",700:"#6E5302",800:"#2A1E06",900:"#1A1204"},k={50:"#FBECEC",100:"#F5CECE",200:"#EA9695",300:"#DE6462",400:"#DC322F",500:"#BC2320",600:"#981D1B",700:"#701411",800:"#4A0B09",900:"#2F0504"},h={50:"#EEEEF9",100:"#D1D2F0",200:"#A4A7DD",300:"#8387CF",400:"#6C71C4",500:"#5559AC",600:"#474A92",700:"#363972",800:"#232547",900:"#14152D"},I=t=>t==="dark"?"0 4px 12px rgba(0, 20, 26, 0.35), 0 2px 4px rgba(0, 20, 26, 0.25)":"0 4px 12px rgba(88, 110, 117, 0.12), 0 2px 4px rgba(88, 110, 117, 0.08)",D=t=>({palette:{mode:t,primary:{light:p[200],main:p[400],dark:p[700],contrastText:p[50],...t==="dark"&&{light:p[300],dark:p[700]}},info:{light:p[100],main:p[300],dark:p[600],contrastText:f[50],...t==="dark"&&{contrastText:p[300],light:p[500],main:p[700],dark:p[900]}},warning:{light:C[300],main:C[400],dark:C[800],...t==="dark"&&{light:C[400],main:C[500],dark:C[700]}},error:{light:k[300],main:k[400],dark:k[800],...t==="dark"&&{light:k[400],main:k[500],dark:k[700]}},success:{light:y[300],main:y[400],dark:y[800],...t==="dark"&&{light:y[400],main:y[500],dark:y[700]}},secondary:{light:h[300],main:h[400],dark:h[700],contrastText:h[50],...t==="dark"&&{light:h[300],main:h[400],dark:h[800]}},grey:f,divider:t==="dark"?"rgba(76, 102, 110, 0.6)":"rgba(201, 194, 175, 0.6)",background:{default:t==="dark"?"#002B36":"#FDF6E3",paper:t==="dark"?"#073642":"#EEE8D5"},text:{primary:t==="dark"?"rgba(147, 161, 161, 0.92)":"rgba(88, 110, 117, 0.92)",secondary:t==="dark"?"rgba(147, 161, 161, 0.64)":"rgba(88, 110, 117, 0.64)"},action:{hover:t==="dark"?"rgba(147, 161, 161, 0.04)":"rgba(88, 110, 117, 0.04)",selected:"rgba(38, 139, 210, 0.10)"},baseShadow:I(t)}}),E=t=>{const o=I(t),a=[...Z.shadows];return a[1]=o,a},x={gray:f,brand:p,green:y,orange:C,red:k,purple:h},oo={palettes:x,getDesignTokens:D,getShadows:E,getCustomizations:()=>({...S(x),...M(x),...z(x),...$(x)})};function ro(){s.ThemeRegistry.register("default",Y),s.ThemeRegistry.register("solarized",oo)}function eo(t){const o=document.documentElement;o.setAttribute("data-ov-theme",t.type);for(const[a,r]of Object.entries(t.colors)){const d=`--ov-${a.replace(/\./g,"-")}`;o.style.setProperty(d,r)}t.typography?.fontFamily&&o.style.setProperty("--ov-font-ui",t.typography.fontFamily),t.typography?.monoFontFamily&&o.style.setProperty("--ov-font-mono",t.typography.monoFontFamily),t.typography?.fontSize&&o.style.setProperty("--ov-text-base",`${t.typography.fontSize/16}rem`)}function ao(t="dark"){const o=document.documentElement;o.setAttribute("data-ov-theme",t),o.removeAttribute("style")}exports.AppTheme=s.AppTheme;exports.ThemeRegistry=s.ThemeRegistry;exports.ThemeVariantContext=s.ThemeVariantContext;exports.brand=s.brand;exports.customShadows=s.customShadows;exports.getDesignTokens=s.getDesignTokens;exports.gray=s.gray;exports.green=s.green;exports.orange=s.orange;exports.purple=s.purple;exports.red=s.red;exports.shape=s.shape;exports.typography=s.typography;exports.useThemeVariant=s.useThemeVariant;exports.applyTheme=eo;exports.createDataDisplayCustomizations=$;exports.createFeedbackCustomizations=z;exports.createInputsCustomizations=S;exports.createNavigationCustomizations=M;exports.dataDisplayCustomizations=K;exports.feedbackCustomizations=J;exports.getSolarizedDesignTokens=D;exports.initThemeRegistry=ro;exports.inputsCustomizations=U;exports.navigationCustomizations=X;exports.resetTheme=ao;exports.solarizedBrand=p;exports.solarizedCustomShadows=E;exports.solarizedGray=f;exports.solarizedGreen=y;exports.solarizedOrange=C;exports.solarizedPurple=h;exports.solarizedRed=k;
|