@omniviewdev/ui 0.1.0

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("@mui/material/Stack"),j=require("@mui/material/Card"),b=require("@mui/material/Chip"),M=require("@mui/material/Avatar"),I=require("@mui/material/Divider"),u=require("@mui/material/Typography"),d=require("@mui/material/Box"),y=require("./Icon-CKdIOrjZ.cjs"),h=require("react"),C=require("@mui/material/Grid"),D=require("@mui/material/Accordion"),W=require("@mui/material/AccordionDetails"),R=require("@mui/material/AccordionSummary"),Ie=require("@mui/icons-material/ExpandMore"),g=require("react-icons/lu"),w=require("./types.cjs"),ze=require("./Text-Mk6Uyg1w.cjs"),P=require("@mui/material/LinearProgress"),A=require("@mui/material/CircularProgress"),Le=require("@mui/material/List"),O=require("@mui/material/ListSubheader"),z=require("@mui/material/ListItem"),B=require("@mui/material/ListItemButton"),L=require("@mui/material/ListItemIcon"),N=require("@mui/material/ListItemText"),Me=require("./CopyButton-CACe3RCF.cjs"),Ee=require("@mui/material/Tooltip"),Ae=require("@mui/material/TextField"),$=require("./HotkeyHint-DrTOTrIM.cjs"),ke=require("@mui/material/Badge"),S=require("react-icons/si"),Be=require("@mui/icons-material/Search"),Ne=require("@mui/material/ButtonBase"),qe=require("./StatusDot-CYyJxjJK.cjs"),H=({title:r,titleDecorator:n,icon:t,children:o,variant:i,emphasis:s,noPadding:a=!1,onClick:l,sx:x})=>{const p=i??(s?{outline:"outlined",solid:"elevation",soft:"elevation",ghost:"outlined"}[s]??"outlined":"outlined");return r?e.jsxs(j,{variant:p,onClick:l,sx:{p:0,gap:0,...x},children:[e.jsxs(f,{direction:"row",spacing:1,sx:{px:1.5,py:1},alignItems:"center",justifyContent:"space-between",children:[e.jsxs(f,{direction:"row",alignItems:"center",spacing:1,children:[t&&(typeof t=="string"?t.startsWith("http")?e.jsx(M,{src:t,sx:{height:16,width:16,borderRadius:"4px"}}):e.jsx(y.Icon,{name:t,size:14}):t),e.jsx(u,{variant:"subtitle2",children:r})]}),n&&(typeof n=="string"||typeof n=="number"?e.jsx(b,{sx:{borderRadius:"4px"},size:"small",color:"primary",variant:"outlined",label:n}):n)]}),e.jsx(I,{}),e.jsx(d,{sx:{p:a?0:1.5},children:o})]}):e.jsx(j,{variant:p,onClick:l,sx:{p:a?0:1.5,gap:0,...x},children:o})};H.displayName="Card";const Fe=r=>{switch(r){case"sm":return 12;case"md":return 14;case"lg":return 16;default:return 14}},Te=r=>{switch(r){case"sm":return .5;case"md":return 1;case"lg":return 2;default:return 1}},De=r=>{switch(r){case"sm":return 12;case"md":return 14;case"lg":return 16;default:return 14}},G=({title:r,titleSize:n="md",icon:t,data:o,endAdornment:i,showUndefined:s=!1})=>e.jsxs(j,{variant:"outlined",sx:{p:0,gap:0,bgcolor:"var(--ov-bg-surface-raised)"},children:[r&&e.jsxs(d,{sx:{px:1.5,py:1,display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",bgcolor:"var(--ov-bg-surface)",borderBottom:"1px solid var(--ov-border-default)"},children:[e.jsxs(f,{direction:"row",spacing:Te(n),alignItems:"center",children:[t&&(typeof t=="string"?t.startsWith("http")?e.jsx(M,{src:t,sx:{height:16,width:16,borderRadius:"4px"}}):e.jsx(y.Icon,{name:t,size:De(n)}):t),e.jsx(u,{sx:{fontSize:Fe(n)},variant:"subtitle2",children:r})]}),i]}),e.jsx(d,{sx:{px:1.5,py:1},children:e.jsx(C,{container:!0,spacing:1,children:o.map(a=>{if(a.value||s)return e.jsxs(h.Fragment,{children:[e.jsx(C,{size:a.ratio?.[0]??5,children:e.jsxs(f,{direction:"row",spacing:1,alignItems:"center",children:[a.icon&&(typeof a.icon=="string"?a.icon.startsWith("http")?e.jsx(M,{src:a.icon,sx:{width:24,height:24}}):e.jsx(y.Icon,{name:a.icon,size:14}):a.icon),e.jsx(u,{variant:"caption",children:a.key})]})}),e.jsx(C,{size:a.ratio?.[1]??7,children:e.jsxs(f,{direction:"row",spacing:1,alignItems:"center",justifyContent:"space-between",children:[e.jsx(u,{variant:"caption",noWrap:!0,sx:{color:"var(--ov-fg-default)"},children:a.used?`${a.used} / ${a.value}`:a.value}),a.endAdornment]})})]},a.key)})})})]});G.displayName="DetailsCard";const K=({title:r,kvs:n,defaultExpanded:t})=>e.jsxs(D,{disabled:!Object.keys(n).length,defaultExpanded:t,disableGutters:!0,sx:{"&:before":{display:"none"}},children:[e.jsx(R,{expandIcon:e.jsx(Ie,{}),children:e.jsxs(f,{direction:"row",gap:1,alignItems:"center",children:[e.jsx(u,{variant:"subtitle2",children:r}),e.jsx(b,{size:"small",variant:"outlined",color:"primary",label:Object.keys(n).length,sx:{borderRadius:"4px"}})]})}),e.jsx(W,{children:e.jsx(C,{container:!0,spacing:.25,children:Object.entries(n).map(([o,i])=>e.jsxs(h.Fragment,{children:[e.jsx(C,{size:6,children:e.jsx(u,{variant:"caption",sx:{fontWeight:400},children:o})}),e.jsx(C,{size:6,children:e.jsx(u,{variant:"caption",sx:{fontWeight:600},children:i})})]},o))})})]});K.displayName="KVCard";function We(r){switch(r){case"outline":case"ghost":return"outlined";default:return"filled"}}function Re(r,n){if(r==="soft"){const t=w.toCssColor(n);return{bgcolor:`color-mix(in srgb, ${t} 18%, transparent)`,color:t,border:"1px solid",borderColor:`color-mix(in srgb, ${t} 30%, transparent)`,fontWeight:600,"& .MuiChip-label":{color:t},"& .MuiChip-icon":{color:t},"& .MuiChip-deleteIcon":{color:t,opacity:.7,"&:hover":{opacity:1}}}}if(r==="ghost")return{borderColor:"transparent",bgcolor:"transparent"}}function Pe(r){if(r==="xs")return{height:20,fontSize:"0.6875rem","& .MuiChip-label":{px:"6px"},"& .MuiChip-icon":{fontSize:"0.75rem"}};if(r==="xl")return{height:40,fontSize:"1rem","& .MuiChip-label":{px:"16px"}}}const Oe={soft:"soft",outlined:"outline",solid:"solid",plain:"ghost",filled:"solid"};function k({label:r,children:n,color:t="neutral",emphasis:o,variant:i,size:s="sm",shape:a,textTransform:l,icon:x,startAdornment:c,endAdornment:p,deletable:m=!1,onDelete:v,onClick:he,disabled:ge=!1,sx:ve}){const E=o??(i?Oe[i]??"soft":"soft"),me=r??n,je=x??c,be=E==="soft"?"filled":We(E),ye=Re(E,t),Se=Pe(s),Ce=a?{borderRadius:w.toBorderRadius(a)}:void 0,we=l?{"& .MuiChip-label":{textTransform:l}}:void 0;return e.jsx(b,{label:me,color:w.toMuiColor(t),variant:be,size:w.toMuiSize(s),icon:je,onDelete:m||v?v??void 0:void 0,onClick:he,disabled:ge,sx:{...ye,...Se,...Ce,...we,...ve}})}k.displayName="Chip";const $e={sm:{minHeight:28,headerPy:"4px",headerPx:1,fontSize:12,iconSize:14,chevronSize:14},md:{minHeight:32,headerPy:"6px",headerPx:1.25,fontSize:13,iconSize:16,chevronSize:16},lg:{minHeight:38,headerPy:"10px",headerPx:1.5,fontSize:14,iconSize:18,chevronSize:18}};function V(r){switch(r){case"bordered":return{borderRadius:"6px",border:"1px solid var(--ov-border-default)"};case"plain":return{};case"flush":return{}}}function He(r,n){return n===0?!1:r!=="flush"}function _({section:r,size:n,monospace:t,expanded:o,onExpandedChange:i}){const s=$e[n],a=o!==void 0||r.expanded!==void 0,l=o??r.expanded,x=(m,v)=>{i?.(v),r.onExpandedChange?.(v)},c={disableGutters:!0,disabled:r.disabled,onChange:x,sx:{boxShadow:"none",background:"transparent !important","&:before":{display:"none"},"&.Mui-expanded":{margin:0}}};a?c.expanded=l:c.defaultExpanded=r.defaultExpanded;const p=()=>r.icon?typeof r.icon=="string"?e.jsx(d,{sx:{display:"flex",alignItems:"center",mr:.75,color:"var(--ov-fg-muted)"},children:e.jsx(y.Icon,{name:r.icon,size:s.iconSize})}):e.jsx(d,{sx:{display:"flex",alignItems:"center",mr:.75,color:"var(--ov-fg-muted)"},children:r.icon}):null;return e.jsxs(D,{...c,children:[e.jsxs(R,{expandIcon:null,sx:{minHeight:s.minHeight,py:s.headerPy,px:s.headerPx,"&:hover":{bgcolor:"var(--ov-state-hover)"},"&.Mui-expanded":{minHeight:s.minHeight},"& .MuiAccordionSummary-content":{margin:0,display:"flex",alignItems:"center",gap:0,"&.Mui-expanded":{margin:0}}},children:[e.jsx(Ge,{size:s.chevronSize}),p(),e.jsx(ze.Text,{size:n==="lg"?"md":n,weight:"semibold",inline:!0,sx:{color:"var(--ov-fg-base)",...t&&{fontFamily:"var(--ov-font-mono)",fontSize:s.fontSize},...!t&&{fontSize:s.fontSize},lineHeight:1},children:r.title}),r.count!==void 0&&e.jsx(d,{sx:{ml:.75},children:e.jsx(k,{size:"xs",color:"neutral",emphasis:"soft",label:r.count})}),e.jsx(d,{sx:{flex:1}}),r.endDecorator&&e.jsx(d,{sx:{display:"flex",alignItems:"center",ml:1},onClick:m=>m.stopPropagation(),children:r.endDecorator})]}),e.jsx(W,{sx:{p:0},children:r.children})]})}function Ge({size:r}){return e.jsxs(d,{sx:{display:"flex",alignItems:"center",mr:.75,color:"var(--ov-fg-muted)"},children:[e.jsx(d,{component:"span",sx:{display:"flex",".MuiAccordionSummary-root.Mui-expanded &":{display:"none"}},children:e.jsx(g.LuChevronRight,{size:r})}),e.jsx(d,{component:"span",sx:{display:"none",".MuiAccordionSummary-root.Mui-expanded &":{display:"flex"}},children:e.jsx(g.LuChevronDown,{size:r})})]})}function Ke(){return e.jsx(d,{sx:{height:"1px",bgcolor:"var(--ov-border-default)"}})}function U({sections:r,variant:n="bordered",size:t="md",monospace:o=!1,exclusive:i=!1,sx:s}){const[a,l]=h.useState(()=>{if(!i)return null;const c=r.findIndex(p=>p.defaultExpanded||p.expanded);return c>=0?c:null}),x=h.useCallback(c=>p=>{i&&l(p?c:null)},[i]);return r.length===0?e.jsx(e.Fragment,{}):e.jsx(d,{sx:{flexGrow:0,...V(n),...typeof s=="object"&&!Array.isArray(s)?s:{}},children:r.map((c,p)=>{const m=c.key??(typeof c.title=="string"?c.title:String(p)),v=i?{expanded:a===p,onExpandedChange:x(p)}:{};return e.jsxs(h.Fragment,{children:[He(n,p)&&e.jsx(Ke,{}),e.jsx(_,{section:c,size:t,monospace:o,...v})]},m)})})}U.displayName="ExpandableSections";function Y({variant:r="bordered",size:n="md",monospace:t=!1,...o}){return e.jsx(d,{sx:{...V(r)},children:e.jsx(_,{section:o,size:n,monospace:t})})}Y.displayName="ExpandableSection";const Ve={NONE:"",BYTES:"B",KB:"KB",MB:"MB",GB:"GB",PERCENTAGE:"%",MILLISECONDS:"ms",SECONDS:"s",COUNT:"",OPS_PER_SEC:"ops/s",BYTES_PER_SEC:"B/s",MILLICORES:"m",CORES:"cores"};function q(r,n){const t=Ve[n]??n;return n==="BYTES"||n==="bytes"?r>=1024*1024*1024?`${(r/(1024*1024*1024)).toFixed(1)} GB`:r>=1024*1024?`${(r/(1024*1024)).toFixed(1)} MB`:r>=1024?`${(r/1024).toFixed(1)} KB`:`${r} B`:n==="MILLICORES"||n==="millicores"?r>=1e3?`${(r/1e3).toFixed(2)} cores`:`${Math.round(r)}${t}`:Number.isInteger(r)?`${r}${t?` ${t}`:""}`:`${r.toFixed(2)}${t?` ${t}`:""}`}const _e=({metric:r})=>{const n=r.capacity!=null&&r.capacity>0,t=n?Math.min(r.value/r.capacity*100,100):null,o=()=>t==null?"primary":t>=90?"error":t>=70?"warning":"primary";return e.jsxs(d,{sx:{minWidth:0,flex:1},children:[e.jsxs(f,{direction:"row",spacing:.5,alignItems:"center",sx:{mb:.25},children:[r.icon&&e.jsx(y.Icon,{name:r.icon,style:{fontSize:14,opacity:.7}}),e.jsx(u,{variant:"caption",sx:{fontWeight:500,opacity:.8,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:r.name})]}),e.jsx(u,{variant:"body2",sx:{fontWeight:600,fontVariantNumeric:"tabular-nums"},children:q(r.value,r.unit)}),n&&e.jsxs(d,{sx:{mt:.5},children:[e.jsx(P,{variant:"determinate",value:t,color:o(),sx:{height:4,borderRadius:2}}),e.jsxs(u,{variant:"caption",sx:{opacity:.6,fontSize:"0.65rem"},children:[t.toFixed(0),"% of ",q(r.capacity,r.unit)]})]})]})},Ue=({providers:r,isLoading:n=!1,error:t,sx:o})=>n&&r.length===0?e.jsx(d,{sx:{display:"flex",justifyContent:"center",py:2,...o},children:e.jsx(A,{size:20})}):t?e.jsx(d,{sx:{px:1,py:.5,...o},children:e.jsx(u,{variant:"caption",color:"error",children:t})}):r.length===0?null:e.jsx(f,{spacing:1.5,sx:o,children:r.map(i=>e.jsxs(d,{children:[r.length>1&&e.jsxs(f,{direction:"row",spacing:.5,alignItems:"center",sx:{mb:.75},children:[i.providerIcon&&e.jsx(y.Icon,{name:i.providerIcon,style:{fontSize:14}}),e.jsx(b,{label:i.providerName,size:"small",variant:"outlined",sx:{height:20,fontSize:"0.7rem"}})]}),e.jsx(f,{direction:"row",spacing:1.5,sx:{flexWrap:"wrap","& > *":{minWidth:100}},children:i.metrics.map(s=>e.jsx(_e,{metric:s},s.metricID))})]},i.providerID))}),Ye={xs:!0,sm:!0,md:!1,lg:!1,xl:!1};function J({children:r,size:n="md",subheader:t,dense:o,disablePadding:i=!1,sx:s}){return e.jsx(Le,{dense:o??Ye[n],disablePadding:i,subheader:t?e.jsx(O,{children:t}):void 0,sx:s,children:r})}J.displayName="List";function Q({sx:r}){return e.jsx(I,{component:"li",sx:r})}Q.displayName="ListDivider";function X({children:r,primary:n,secondary:t,icon:o,action:i,selected:s=!1,disabled:a=!1,onClick:l,sx:x}){return r&&!n?l?e.jsx(z,{disablePadding:!0,secondaryAction:i,sx:x,children:e.jsxs(B,{selected:s,disabled:a,onClick:l,children:[o&&e.jsx(L,{children:o}),r]})}):e.jsxs(z,{secondaryAction:i,sx:x,children:[o&&e.jsx(L,{children:o}),r]}):l?e.jsx(z,{disablePadding:!0,secondaryAction:i,sx:x,children:e.jsxs(B,{selected:s,disabled:a,onClick:l,children:[o&&e.jsx(L,{children:o}),e.jsx(N,{primary:n,secondary:t}),r]})}):e.jsxs(z,{secondaryAction:i,sx:x,children:[o&&e.jsx(L,{children:o}),e.jsx(N,{primary:n,secondary:t}),r]})}X.displayName="ListItem";function Z({ratio:r="1/1",children:n,sx:t}){return e.jsx(d,{sx:{position:"relative",width:"100%",aspectRatio:typeof r=="number"?String(r):r,overflow:"hidden","& > *":{position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover"},...t},children:n})}Z.displayName="AspectRatio";function ee({value:r,truncate:n=!0,maxWidth:t,sx:o,variant:i="mono"}){const[s,a]=h.useState(!1);return e.jsxs(d,{onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),sx:{display:"inline-flex",alignItems:"center",gap:.5,maxWidth:t,minWidth:0,...o},children:[i==="mono"?e.jsx(u,{variant:"body2",sx:{fontSize:"0.8125rem",color:"var(--ov-fg-default)",fontFamily:"var(--ov-font-mono)",...n&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},children:r}):e.jsx("span",{style:{...n?{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}:{}},children:r}),e.jsx("span",{onClick:l=>l.stopPropagation(),style:{display:"inline-flex",alignItems:"center",visibility:s?"visible":"hidden",flexShrink:0},children:e.jsx(Me.CopyButton,{value:r,size:"xs"})})]})}ee.displayName="ClipboardText";function re({children:r,maxWidth:n,copyOnClick:t=!1,sx:o}){const i=h.useRef(null),[s,a]=h.useState(!1);h.useEffect(()=>{const c=i.current;c&&a(c.scrollWidth>c.clientWidth)},[r]);const l=()=>{t&&navigator.clipboard.writeText(r).catch(()=>{})},x=e.jsx(d,{ref:i,onClick:l,sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:n,fontSize:"0.8125rem",color:"var(--ov-fg-default)",cursor:t?"pointer":void 0,...o},children:r});return s?e.jsx(Ee,{title:r,arrow:!0,children:x}):x}re.displayName="OverflowText";const F={xs:"0.6875rem",sm:"0.8125rem",md:"0.875rem",lg:"1rem",xl:"1.125rem"};function te({value:r,onSave:n,placeholder:t="Click to edit",size:o="sm",sx:i}){const[s,a]=h.useState(!1),[l,x]=h.useState(r),c=h.useRef(null);h.useEffect(()=>{s&&c.current&&(c.current.focus(),c.current.select())},[s]);const p=()=>{a(!1),l!==r&&n(l)},m=()=>{a(!1),x(r)};return s?e.jsx(d,{sx:i,children:e.jsx(Ae,{inputRef:c,value:l,onChange:v=>x(v.target.value),onBlur:p,onKeyDown:v=>{v.key==="Enter"&&p(),v.key==="Escape"&&m()},variant:"outlined",size:"small",fullWidth:!0,slotProps:{input:{sx:{fontSize:F[o],py:.25,px:.5}}}})}):e.jsx(d,{onClick:()=>{x(r),a(!0)},sx:{cursor:"pointer",borderRadius:"4px",px:.5,py:.25,"&:hover":{bgcolor:"var(--ov-state-hover)"},...i},children:e.jsx(u,{variant:"body2",sx:{fontSize:F[o],color:r?"var(--ov-fg-default)":"var(--ov-fg-faint)"},children:r||t})})}te.displayName="InlineEdit";function ne({count:r,dot:n=!1,color:t="primary",max:o=99,invisible:i,anchorOrigin:s,children:a,sx:l}){return e.jsx(ke,{badgeContent:n?void 0:r,variant:n?"dot":"standard",color:w.toMuiColor(t),max:o,invisible:i,anchorOrigin:s,sx:l,children:a})}ne.displayName="Badge";const Je={xs:24,sm:32,md:40,lg:48,xl:64},Qe={xs:"0.625rem",sm:"0.75rem",md:"0.875rem",lg:"1rem",xl:"1.25rem"},T=["#e57373","#f06292","#ba68c8","#9575cd","#7986cb","#64b5f6","#4fc3f7","#4dd0e1","#4db6ac","#81c784","#aed581","#dce775","#fff176","#ffd54f","#ffb74d","#ff8a65"];function Xe(r){let n=0;for(let t=0;t<r.length;t++)n=r.charCodeAt(t)+((n<<5)-n),n|=0;return Math.abs(n)}function Ze(r){const n=r.trim().split(/\s+/);return n.length>=2?(n[0][0]+n[1][0]).toUpperCase():r.slice(0,2).toUpperCase()}function er(r){return T[Xe(r)%T.length]}const rr={xs:4,sm:6,md:8,lg:10,xl:12};function ie({src:r,name:n,size:t="md",variant:o="rounded",children:i,sx:s}){const a=Je[t],l=n?er(n):void 0,x=n?Ze(n):void 0,c=i??(r?void 0:x);return e.jsx(M,{src:r,alt:n,variant:o==="circular"?"circular":"rounded",sx:{width:a,height:a,fontSize:Qe[t],fontWeight:600,bgcolor:r?void 0:l,...o==="rounded"?{borderRadius:`${rr[t]}px`}:{},...s},children:c})}ie.displayName="Avatar";const tr={xs:12,sm:14,md:16,lg:20,xl:24};function nr(r,n){if(n.toLowerCase().startsWith("dockerfile"))return{icon:S.SiDocker,color:"var(--ov-info-default)"};switch(r){case".go":return{icon:S.SiGo,color:"#00ADD8"};case".ts":case".tsx":return{icon:S.SiTypescript,color:"#3178C6"};case".js":case".jsx":case".mjs":case".cjs":return{icon:S.SiJavascript,color:"#F7DF1E"};case".py":return{icon:S.SiPython,color:"#3776AB"};case".rs":return{icon:S.SiRust,color:"#DEA584"};case".yaml":case".yml":return{icon:g.LuFileCode,color:"var(--ov-info-default)"};case".json":return{icon:g.LuBraces,color:"#F5C518"};case".md":case".mdx":case".txt":case".log":return{icon:g.LuFileText,color:"var(--ov-fg-muted)"};case".html":case".htm":case".xml":case".svg":return{icon:g.LuFileCode,color:"#E44D26"};case".css":case".scss":case".less":return{icon:g.LuFileCode,color:"#264DE4"};case".png":case".jpg":case".jpeg":case".gif":case".webp":case".ico":return{icon:g.LuFileImage,color:"var(--ov-success-default)"};case".toml":case".ini":case".env":case".cfg":return{icon:g.LuFileCode,color:"var(--ov-fg-muted)"};case".sh":case".bash":case".zsh":return{icon:g.LuFileCode,color:"var(--ov-success-default)"};case".proto":return{icon:g.LuFileCode,color:"var(--ov-warning-default)"};case".sql":return{icon:g.LuFileCode,color:"#336791"};case".jsonc":return{icon:g.LuBraces,color:"#F5C518"};default:return{icon:g.LuFile,color:"var(--ov-fg-muted)"}}}function oe({filename:r,size:n="sm",sx:t}){const o=tr[n],i=r.lastIndexOf("."),s=i>=0?r.slice(i).toLowerCase():"",a=r.split("/").pop()??r,{icon:l,color:x}=nr(s,a);return e.jsx(d,{component:"span",sx:{display:"inline-flex",color:x,flexShrink:0,...typeof t=="object"&&!Array.isArray(t)?t:{}},children:e.jsx(l,{size:o})})}oe.displayName="FileIcon";function se({items:r,maxVisible:n=3,renderItem:t,sx:o}){const[i,s]=h.useState(!1),a=i?r:r.slice(0,n),l=r.length-n;return e.jsxs(d,{sx:{display:"flex",alignItems:"center",gap:.5,flexWrap:"wrap",...typeof o=="object"&&!Array.isArray(o)?o:{}},children:[a.map((x,c)=>t?t(x,c):e.jsx(d,{component:"span",children:x},c)),!i&&l>0&&e.jsx(b,{label:`+${l} more`,size:"small",onClick:()=>s(!0),sx:{fontSize:"var(--ov-text-xs)",height:20,cursor:"pointer",bgcolor:"var(--ov-bg-surface-inset)",color:"var(--ov-fg-muted)","&:hover":{bgcolor:"var(--ov-state-hover)"}}}),i&&l>0&&e.jsx(b,{label:"Show less",size:"small",onClick:()=>s(!1),sx:{fontSize:"var(--ov-text-xs)",height:20,cursor:"pointer",bgcolor:"var(--ov-bg-surface-inset)",color:"var(--ov-fg-muted)","&:hover":{bgcolor:"var(--ov-state-hover)"}}})]})}se.displayName="TruncatedList";function ae({query:r,suggestions:n,onSuggestionClick:t,sx:o}){return e.jsxs(d,{sx:{display:"flex",flexDirection:"column",alignItems:"center",py:4,gap:1.5,...typeof o=="object"&&!Array.isArray(o)?o:{}},children:[e.jsx(Be,{sx:{fontSize:32,color:"var(--ov-fg-faint)"}}),e.jsxs(u,{sx:{fontSize:"var(--ov-text-sm)",color:"var(--ov-fg-muted)"},children:["No results for “",r,"”"]}),n&&n.length>0&&e.jsxs(d,{sx:{display:"flex",gap:.75,flexWrap:"wrap",justifyContent:"center",mt:.5},children:[e.jsx(u,{sx:{fontSize:"var(--ov-text-xs)",color:"var(--ov-fg-faint)",width:"100%",textAlign:"center"},children:"Try:"}),n.map(i=>e.jsx(b,{label:i,size:"small",onClick:t?()=>t(i):void 0,sx:{fontSize:"var(--ov-text-xs)",cursor:t?"pointer":"default",bgcolor:"var(--ov-bg-surface-inset)",color:"var(--ov-fg-muted)"}},i))]})]})}ae.displayName="EmptySearch";function le({active:r,children:n,label:t,blur:o=!1,sx:i}){return e.jsxs(d,{sx:{position:"relative",...typeof i=="object"&&!Array.isArray(i)?i:{}},children:[n,r&&e.jsxs(d,{sx:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:1.5,bgcolor:"rgba(0, 0, 0, 0.3)",zIndex:10,borderRadius:"inherit",...o&&{backdropFilter:"blur(3px)"}},children:[e.jsx(A,{size:28,sx:{color:"var(--ov-accent-fg)"}}),t&&e.jsx(u,{sx:{fontSize:"var(--ov-text-sm)",color:"#fff",fontWeight:500},children:t})]})]})}le.displayName="LoadingOverlay";function ce({shortcut:r}){const n=r.split("+").map(t=>t.trim());return e.jsx($.HotkeyHint,{keys:n})}ce.displayName="Kbd";function de({value:r,label:n,description:t,icon:o,trend:i,color:s="primary",sx:a}){const l=i?i.value>0?"up":i.value<0?"down":"flat":void 0,x=l==="up"?"var(--ov-success-default)":l==="down"?"var(--ov-danger-default)":"var(--ov-fg-muted)",c=l==="up"?"↑":l==="down"?"↓":"→";return e.jsxs(j,{variant:"outlined",sx:{p:2,display:"flex",flexDirection:"column",gap:.5,...a},children:[e.jsxs(f,{direction:"row",justifyContent:"space-between",alignItems:"flex-start",children:[e.jsxs(d,{children:[e.jsx(u,{sx:{fontSize:"var(--ov-text-2xl)",fontWeight:700,lineHeight:1.2,color:`var(${w.toCssColor(s)})`},children:r}),e.jsx(u,{variant:"body2",sx:{color:"var(--ov-fg-muted)",fontWeight:500,mt:.25},children:n})]}),o&&e.jsx(d,{sx:{color:"var(--ov-fg-faint)",fontSize:24,display:"flex"},children:o})]}),(i||t)&&e.jsxs(f,{direction:"row",alignItems:"center",spacing:1,sx:{mt:.5},children:[i&&e.jsxs(u,{variant:"caption",sx:{color:x,fontWeight:600},children:[c," ",Math.abs(i.value),"%",i.label?` ${i.label}`:""]}),t&&e.jsx(u,{variant:"caption",sx:{color:"var(--ov-fg-faint)"},children:t})]})]})}de.displayName="StatCard";function xe({media:r,mediaHeight:n=140,title:t,description:o,meta:i,actions:s,onClick:a,sx:l}){return e.jsxs(j,{variant:"outlined",onClick:a,sx:{p:0,cursor:a?"pointer":void 0,transition:"border-color 0.15s, box-shadow 0.15s","&:hover":a?{borderColor:"var(--ov-border-focus)",boxShadow:"0 2px 8px rgba(0,0,0,0.08)"}:void 0,...l},children:[typeof r=="string"?e.jsx(d,{sx:{height:n,width:"100%",backgroundImage:`url(${r})`,backgroundSize:"cover",backgroundPosition:"center",borderBottom:"1px solid var(--ov-border-default)"}}):e.jsx(d,{sx:{height:n,width:"100%",display:"flex",alignItems:"center",justifyContent:"center",bgcolor:"var(--ov-bg-surface)",borderBottom:"1px solid var(--ov-border-default)",color:"var(--ov-fg-faint)",fontSize:40},children:r}),e.jsxs(d,{sx:{px:1.5,py:1.25},children:[e.jsx(u,{variant:"subtitle2",sx:{mb:.25},children:t}),o&&e.jsx(u,{variant:"body2",sx:{color:"var(--ov-fg-muted)",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:o}),i&&e.jsx(u,{variant:"caption",component:"div",sx:{color:"var(--ov-fg-faint)",mt:.5},children:i})]}),s&&e.jsx(f,{direction:"row",spacing:1,sx:{px:1.5,py:1,borderTop:"1px solid var(--ov-border-default)"},children:s})]})}xe.displayName="MediaCard";function ue({icon:r,title:n,description:t,primaryAction:o,secondaryAction:i,direction:s="vertical",sx:a}){const l=s==="horizontal";return e.jsxs(j,{variant:"outlined",sx:{p:2,display:"flex",flexDirection:l?"row":"column",alignItems:l?"center":"flex-start",gap:l?2:1,...a},children:[r&&e.jsx(d,{sx:{fontSize:32,color:"var(--ov-fg-muted)",display:"flex",flexShrink:0},children:r}),e.jsxs(d,{sx:{flex:1,minWidth:0},children:[e.jsx(u,{variant:"subtitle2",sx:{mb:.25},children:n}),t&&e.jsx(u,{variant:"body2",sx:{color:"var(--ov-fg-muted)"},children:t})]}),(o||i)&&e.jsxs(f,{direction:"row",spacing:1,sx:{mt:l?0:1,flexShrink:0},children:[o,i]})]})}ue.displayName="ActionCard";function fe({title:r,icon:n,headerAction:t,items:o,maxVisible:i=5,emptyMessage:s="No items",sx:a}){const x=i*40;return e.jsxs(j,{variant:"outlined",sx:{p:0,...a},children:[e.jsxs(f,{direction:"row",spacing:1,sx:{px:1.5,py:1},alignItems:"center",justifyContent:"space-between",children:[e.jsxs(f,{direction:"row",alignItems:"center",spacing:1,children:[n&&e.jsx(d,{sx:{display:"flex",color:"var(--ov-fg-muted)",fontSize:16},children:n}),e.jsx(u,{variant:"subtitle2",children:r})]}),t]}),e.jsx(I,{}),o.length===0?e.jsx(d,{sx:{px:1.5,py:2,textAlign:"center"},children:e.jsx(u,{variant:"body2",sx:{color:"var(--ov-fg-faint)"},children:s})}):e.jsx(d,{sx:{maxHeight:x,overflowY:"auto"},children:o.map((c,p)=>{const m=e.jsxs(f,{direction:"row",alignItems:"center",spacing:1,sx:{px:1.5,height:40,width:"100%",borderBottom:p<o.length-1?"1px solid var(--ov-border-default)":void 0,"&:hover":c.onClick?{bgcolor:"var(--ov-bg-surface-hover)"}:void 0,transition:"background-color 0.1s"},children:[c.icon&&e.jsx(d,{sx:{display:"flex",color:"var(--ov-fg-muted)",fontSize:16,flexShrink:0},children:c.icon}),e.jsxs(d,{sx:{flex:1,minWidth:0},children:[e.jsx(u,{variant:"body2",noWrap:!0,children:c.label}),c.secondary&&e.jsx(u,{variant:"caption",noWrap:!0,sx:{color:"var(--ov-fg-faint)"},children:c.secondary})]}),c.trailing&&e.jsx(d,{sx:{flexShrink:0,display:"flex",alignItems:"center"},children:c.trailing})]});return c.onClick?e.jsx(Ne,{onClick:c.onClick,sx:{display:"block",width:"100%",textAlign:"left"},children:m},c.key):e.jsx(h.Fragment,{children:m},c.key)})})]})}fe.displayName="ListCard";function pe({title:r,icon:n,status:t,statusLabel:o,description:i,metadata:s,headerAction:a,sx:l}){return e.jsxs(j,{variant:"outlined",sx:{p:0,...l},children:[e.jsxs(f,{direction:"row",spacing:1,sx:{px:1.5,py:1},alignItems:"center",justifyContent:"space-between",children:[e.jsxs(f,{direction:"row",alignItems:"center",spacing:1,children:[n&&e.jsx(d,{sx:{display:"flex",color:"var(--ov-fg-muted)",fontSize:16},children:n}),e.jsx(u,{variant:"subtitle2",children:r})]}),a]}),e.jsx(I,{}),e.jsxs(d,{sx:{px:1.5,py:1.25},children:[e.jsxs(f,{direction:"row",alignItems:"center",spacing:1,children:[e.jsx(qe.StatusDot,{status:t,pulse:t==="pending"}),e.jsx(u,{variant:"body2",sx:{fontWeight:600,textTransform:"capitalize"},children:o??t})]}),i&&e.jsx(u,{variant:"body2",sx:{color:"var(--ov-fg-muted)",mt:.5},children:i})]}),s&&s.length>0&&e.jsxs(e.Fragment,{children:[e.jsx(I,{}),e.jsx(d,{sx:{px:1.5,py:1},children:s.map((x,c)=>e.jsxs(f,{direction:"row",justifyContent:"space-between",alignItems:"center",sx:{py:.5,borderBottom:c<s.length-1?"1px solid var(--ov-border-default)":void 0},children:[e.jsx(u,{variant:"caption",sx:{color:"var(--ov-fg-muted)"},children:x.label}),e.jsx(u,{variant:"caption",sx:{color:"var(--ov-fg-default)",fontWeight:500},children:x.value})]},x.label))})]})]})}pe.displayName="StatusCard";exports.Divider=I;exports.Icon=y.Icon;exports.LinearProgress=P;exports.CircularProgress=A;exports.ListSubheader=O;exports.HotkeyHint=$.HotkeyHint;exports.ActionCard=ue;exports.AspectRatio=Z;exports.Avatar=ie;exports.Badge=ne;exports.Card=H;exports.Chip=k;exports.ClipboardText=ee;exports.DetailsCard=G;exports.EmptySearch=ae;exports.ExpandableSection=Y;exports.ExpandableSections=U;exports.FileIcon=oe;exports.InlineEdit=te;exports.KVCard=K;exports.Kbd=ce;exports.List=J;exports.ListCard=fe;exports.ListDivider=Q;exports.ListItem=X;exports.LoadingOverlay=le;exports.MediaCard=xe;exports.MetricsSection=Ue;exports.OverflowText=re;exports.StatCard=de;exports.StatusCard=pe;exports.TruncatedList=se;

package/dist/index.d.ts

@@ -0,0 +1,54 @@
+export { Card } from './components/Card';
+export type { CardProps } from './components/Card';
+export { DetailsCard } from './components/DetailsCard';
+export type { DetailsCardProps, DetailsCardEntry } from './components/DetailsCard';
+export { default as KVCard } from './components/KVCard';
+export type { KVCardProps } from './components/KVCard';
+export { default as ExpandableSections, ExpandableSectionComponent as ExpandableSection } from './components/ExpandableSections';
+export type { ExpandableSection as ExpandableSectionItem, ExpandableSectionsProps, ExpandableSectionStandaloneProps } from './components/ExpandableSections';
+export { Icon } from './components/Icon';
+export { MetricsSection } from './components/MetricsSection';
+export type { MetricsSectionProps, MetricValue, MetricProviderGroup } from './components/MetricsSection';
+export { default as List, ListSubheader, ListDivider } from './components/List';
+export type { ListProps } from './components/List';
+export { default as ListItem } from './components/ListItem';
+export type { ListItemProps } from './components/ListItem';
+export { default as Chip } from './components/Chip';
+export type { ChipProps } from './components/Chip';
+export { default as AspectRatio } from './components/AspectRatio';
+export type { AspectRatioProps } from './components/AspectRatio';
+export { default as Divider } from '@mui/material/Divider';
+export { default as CircularProgress } from '@mui/material/CircularProgress';
+export { default as LinearProgress } from '@mui/material/LinearProgress';
+export { default as ClipboardText } from './components/ClipboardText';
+export type { ClipboardTextProps } from './components/ClipboardText';
+export { default as OverflowText } from './components/OverflowText';
+export type { OverflowTextProps } from './components/OverflowText';
+export { default as InlineEdit } from './components/InlineEdit';
+export type { InlineEditProps } from './components/InlineEdit';
+export { default as HotkeyHint } from './components/HotkeyHint';
+export type { HotkeyHintProps } from './components/HotkeyHint';
+export { default as Badge } from './components/Badge';
+export type { BadgeProps } from './components/Badge';
+export { default as Avatar } from './components/Avatar';
+export type { AvatarProps } from './components/Avatar';
+export { default as FileIcon } from './components/FileIcon';
+export type { FileIconProps } from './components/FileIcon';
+export { default as TruncatedList } from './components/TruncatedList';
+export type { TruncatedListProps } from './components/TruncatedList';
+export { default as EmptySearch } from './components/EmptySearch';
+export type { EmptySearchProps } from './components/EmptySearch';
+export { default as LoadingOverlay } from './components/LoadingOverlay';
+export type { LoadingOverlayProps } from './components/LoadingOverlay';
+export { default as Kbd } from './components/Kbd';
+export type { KbdProps } from './components/Kbd';
+export { default as StatCard } from './components/StatCard';
+export type { StatCardProps } from './components/StatCard';
+export { default as MediaCard } from './components/MediaCard';
+export type { MediaCardProps } from './components/MediaCard';
+export { default as ActionCard } from './components/ActionCard';
+export type { ActionCardProps } from './components/ActionCard';
+export { default as ListCard } from './components/ListCard';
+export type { ListCardItem, ListCardProps } from './components/ListCard';
+export { default as StatusCard } from './components/StatusCard';
+export type { StatusCardMeta, StatusCardProps } from './components/StatusCard';