@omniviewdev/ui 0.1.0

package/dist/theme/primitives.d.ts

@@ -0,0 +1,234 @@
+import { PaletteMode, Shadows } from '@mui/material/styles';
+declare module '@mui/material/Paper' {
+    interface PaperPropsVariantOverrides {
+        highlighted: true;
+    }
+}
+declare module '@mui/material/styles' {
+    interface ColorRange {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    }
+    interface PaletteColor extends ColorRange {
+    }
+    interface Palette {
+        baseShadow: string;
+    }
+}
+export declare const brand: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+/**
+ * Gray scale aligned with --ov-scale-gray-* tokens from tokens.css.
+ * These values are the single source of truth for neutral colors.
+ */
+export declare const gray: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const green: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const orange: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const red: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const purple: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+/**
+ * Design tokens aligned with tokens.css --ov-* semantic tokens.
+ * Dark/light values here MUST match the CSS custom properties so that
+ * MUI-themed components and custom components share identical colors.
+ */
+export declare const getDesignTokens: (mode: PaletteMode) => {
+    palette: {
+        mode: PaletteMode;
+        primary: {
+            contrastText: string;
+            light: string;
+            main: string;
+            dark: string;
+        };
+        info: {
+            contrastText: string;
+            light: string;
+            main: string;
+            dark: string;
+        };
+        warning: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        error: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        success: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        secondary: {
+            light: string;
+            main: string;
+            dark: string;
+            contrastText: string;
+        };
+        grey: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        divider: string;
+        background: {
+            default: string;
+            paper: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+        };
+        action: {
+            hover: string;
+            selected: string;
+        };
+        baseShadow: string;
+    };
+};
+export declare const typography: {
+    fontFamily: string;
+    h1: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+        letterSpacing: number;
+    };
+    h2: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h3: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h4: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h5: {
+        fontSize: string;
+        fontWeight: number;
+    };
+    h6: {
+        fontSize: string;
+        fontWeight: number;
+    };
+    subtitle1: {
+        fontSize: string;
+    };
+    subtitle2: {
+        fontSize: string;
+        fontWeight: number;
+    };
+    body1: {
+        fontSize: string;
+    };
+    body2: {
+        fontSize: string;
+        fontWeight: number;
+    };
+    caption: {
+        fontSize: string;
+        fontWeight: number;
+    };
+    button: {
+        textTransform: "none";
+        fontWeight: number;
+    };
+    overline: {
+        fontSize: string;
+        fontWeight: number;
+        textTransform: "uppercase";
+        letterSpacing: string;
+    };
+};
+export declare const shape: {
+    borderRadius: number;
+};
+export declare const customShadows: (mode: PaletteMode) => Shadows;

package/dist/theme.cjs

@@ -0,0 +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;