@omniviewdev/ui 0.1.10 → 0.1.11

package/dist/AppTheme-BakZ7ezV.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),p=require("@mui/material"),d=require("react"),b=require("@mui/material/styles"),r=b.createTheme(),s={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%)"},u={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%)"},i={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%)"},l={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%)"},h={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=e=>({palette:{mode:e,primary:{light:s[200],main:s[400],dark:s[700],contrastText:s[50],...e==="dark"&&{contrastText:s[50],light:s[300],main:s[400],dark:s[700]}},info:{light:s[100],main:s[300],dark:s[600],contrastText:u[50],...e==="dark"&&{contrastText:s[300],light:s[500],main:s[700],dark:s[900]}},warning:{light:i[300],main:i[400],dark:i[800],...e==="dark"&&{light:i[400],main:i[500],dark:i[700]}},error:{light:l[300],main:l[400],dark:l[800],...e==="dark"&&{light:l[400],main:l[500],dark:l[700]}},success:{light:n[300],main:n[400],dark:n[800],...e==="dark"&&{light:n[400],main:n[500],dark:n[700]}},secondary:{light:h[300],main:h[400],dark:h[700],contrastText:h[50],...e==="dark"&&{light:h[300],main:h[400],dark:h[800]}},grey:u,divider:e==="dark"?"rgba(62, 79, 102, 0.6)":"rgba(208, 215, 222, 0.6)",background:{default:e==="dark"?"#0D1117":"#FFFFFF",paper:e==="dark"?"#151B23":"#F6F8FA"},text:{primary:e==="dark"?"rgba(236, 240, 246, 0.92)":"rgba(31, 35, 40, 0.92)",secondary:e==="dark"?"rgba(236, 240, 246, 0.64)":"rgba(31, 35, 40, 0.64)"},action:{hover:e==="dark"?"rgba(255, 255, 255, 0.04)":"rgba(31, 35, 40, 0.04)",selected:e==="dark"?"rgba(88, 166, 255, 0.10)":"rgba(9, 105, 218, 0.10)"},baseShadow:e==="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)"}}),x={fontFamily:["-apple-system","BlinkMacSystemFont",'"Segoe UI"','"Noto Sans"',"Helvetica","Arial","sans-serif"].join(","),h1:{fontSize:r.typography.pxToRem(48),fontWeight:600,lineHeight:1.2,letterSpacing:-.5},h2:{fontSize:r.typography.pxToRem(36),fontWeight:600,lineHeight:1.2},h3:{fontSize:r.typography.pxToRem(30),fontWeight:600,lineHeight:1.2},h4:{fontSize:r.typography.pxToRem(24),fontWeight:600,lineHeight:1.5},h5:{fontSize:r.typography.pxToRem(20),fontWeight:600},h6:{fontSize:r.typography.pxToRem(18),fontWeight:600},subtitle1:{fontSize:r.typography.pxToRem(18)},subtitle2:{fontSize:r.typography.pxToRem(14),fontWeight:500},body1:{fontSize:r.typography.pxToRem(14)},body2:{fontSize:r.typography.pxToRem(14),fontWeight:400},caption:{fontSize:r.typography.pxToRem(12),fontWeight:400},button:{textTransform:"none",fontWeight:600},overline:{fontSize:r.typography.pxToRem(12),fontWeight:600,textTransform:"uppercase",letterSpacing:"0.08em"}},f={borderRadius:8},R=e=>{const t=e==="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)",a=[...r.shadows];return a[1]=t,a};class F{themes=new Map;register(t,a){this.themes.set(t,a)}get(t){return this.themes.get(t)??this.themes.get("default")}getVariants(){return Array.from(this.themes.keys())}}const k=new F,y=d.createContext({variant:"default",colorMode:"dark"});function z(){return d.useContext(y)}function C({mode:e}){const{setMode:t}=p.useColorScheme();return d.useEffect(()=>{t&&t(e)},[e,t]),null}function B({variant:e}){const{mode:t,systemMode:a}=p.useColorScheme();return d.useEffect(()=>{const c=t==="system"?a??"dark":t??"dark",g=e==="default"?c:`${e}-${c}`;document.documentElement.setAttribute("data-ov-theme",g)},[e,t,a]),null}function w({children:e,disableCustomTheme:t,themeComponents:a,defaultMode:c="dark",variant:g="default"}){const T=d.useMemo(()=>{if(t)return p.createTheme();const m=k.get(g);return p.createTheme({cssVariables:{colorSchemeSelector:"data-mui-color-scheme",cssVarPrefix:"ov-mui"},colorSchemes:{light:{palette:m.getDesignTokens("light").palette},dark:{palette:m.getDesignTokens("dark").palette}},typography:x,shape:f,shadows:m.getShadows("light"),components:{MuiCssBaseline:{styleOverrides:{html:{height:"100%"},body:{height:"100%"}}},...m.getCustomizations(),...a}})},[t,a,g]);return t?o.jsx(o.Fragment,{children:e}):o.jsx(y.Provider,{value:{variant:g,colorMode:c},children:o.jsxs(p.ThemeProvider,{theme:T,children:[o.jsx(p.CssBaseline,{enableColorScheme:!0}),o.jsx(C,{mode:c}),o.jsx(B,{variant:g}),e]})})}exports.AppTheme=w;exports.ThemeRegistry=k;exports.ThemeVariantContext=y;exports.brand=s;exports.customShadows=R;exports.getDesignTokens=S;exports.gray=u;exports.green=n;exports.orange=i;exports.purple=h;exports.red=l;exports.shape=f;exports.typography=x;exports.useThemeVariant=z;

package/dist/AppTheme-wAxlNjgN.js

@@ -0,0 +1,291 @@
+import { jsx as p, Fragment as k, jsxs as T } from "react/jsx-runtime";
+import { createTheme as d, ThemeProvider as b, CssBaseline as S, useColorScheme as f } from "@mui/material";
+import { useMemo as F, createContext as R, useEffect as y, useContext as z } from "react";
+import { createTheme as B } from "@mui/material/styles";
+const r = B(), s = {
+  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%)"
+}, m = {
+  50: "#ECF0F6",
+  // --ov-scale-gray-13
+  100: "#CBD5E1",
+  // --ov-scale-gray-12
+  200: "#ABB8CC",
+  // --ov-scale-gray-11
+  300: "#8B9BB5",
+  // --ov-scale-gray-10
+  400: "#6B7D96",
+  // --ov-scale-gray-9
+  500: "#3E4F66",
+  // --ov-scale-gray-8
+  600: "#2D3D52",
+  // --ov-scale-gray-6
+  700: "#1F2937",
+  // --ov-scale-gray-4
+  800: "#151B23",
+  // --ov-scale-gray-2
+  900: "#0D1117"
+  // --ov-scale-gray-0
+}, 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%)"
+}, l = {
+  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%)"
+}, i = {
+  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%)"
+}, o = {
+  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%)"
+}, j = (e) => ({
+  palette: {
+    mode: e,
+    primary: {
+      light: s[200],
+      main: s[400],
+      dark: s[700],
+      contrastText: s[50],
+      ...e === "dark" && {
+        contrastText: s[50],
+        light: s[300],
+        main: s[400],
+        dark: s[700]
+      }
+    },
+    info: {
+      light: s[100],
+      main: s[300],
+      dark: s[600],
+      contrastText: m[50],
+      ...e === "dark" && {
+        contrastText: s[300],
+        light: s[500],
+        main: s[700],
+        dark: s[900]
+      }
+    },
+    warning: {
+      light: l[300],
+      main: l[400],
+      dark: l[800],
+      ...e === "dark" && {
+        light: l[400],
+        main: l[500],
+        dark: l[700]
+      }
+    },
+    error: {
+      light: i[300],
+      main: i[400],
+      dark: i[800],
+      ...e === "dark" && {
+        light: i[400],
+        main: i[500],
+        dark: i[700]
+      }
+    },
+    success: {
+      light: n[300],
+      main: n[400],
+      dark: n[800],
+      ...e === "dark" && {
+        light: n[400],
+        main: n[500],
+        dark: n[700]
+      }
+    },
+    secondary: {
+      light: o[300],
+      main: o[400],
+      dark: o[700],
+      contrastText: o[50],
+      ...e === "dark" && {
+        light: o[300],
+        main: o[400],
+        dark: o[800]
+      }
+    },
+    grey: m,
+    // Matches --ov-border-default / --ov-border-muted
+    divider: e === "dark" ? "rgba(62, 79, 102, 0.6)" : "rgba(208, 215, 222, 0.6)",
+    // alpha(--ov-border-default light, 0.6)
+    background: {
+      // Matches --ov-bg-base / --ov-bg-surface
+      default: e === "dark" ? "#0D1117" : "#FFFFFF",
+      paper: e === "dark" ? "#151B23" : "#F6F8FA"
+    },
+    text: {
+      // Matches --ov-fg-default / --ov-fg-muted
+      primary: e === "dark" ? "rgba(236, 240, 246, 0.92)" : "rgba(31, 35, 40, 0.92)",
+      secondary: e === "dark" ? "rgba(236, 240, 246, 0.64)" : "rgba(31, 35, 40, 0.64)"
+    },
+    action: {
+      // Matches --ov-state-hover / --ov-state-selected
+      hover: e === "dark" ? "rgba(255, 255, 255, 0.04)" : "rgba(31, 35, 40, 0.04)",
+      selected: e === "dark" ? "rgba(88, 166, 255, 0.10)" : "rgba(9, 105, 218, 0.10)"
+    },
+    baseShadow: e === "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 = {
+  fontFamily: [
+    "-apple-system",
+    "BlinkMacSystemFont",
+    '"Segoe UI"',
+    '"Noto Sans"',
+    "Helvetica",
+    "Arial",
+    "sans-serif"
+  ].join(","),
+  h1: { fontSize: r.typography.pxToRem(48), fontWeight: 600, lineHeight: 1.2, letterSpacing: -0.5 },
+  h2: { fontSize: r.typography.pxToRem(36), fontWeight: 600, lineHeight: 1.2 },
+  h3: { fontSize: r.typography.pxToRem(30), fontWeight: 600, lineHeight: 1.2 },
+  h4: { fontSize: r.typography.pxToRem(24), fontWeight: 600, lineHeight: 1.5 },
+  h5: { fontSize: r.typography.pxToRem(20), fontWeight: 600 },
+  h6: { fontSize: r.typography.pxToRem(18), fontWeight: 600 },
+  subtitle1: { fontSize: r.typography.pxToRem(18) },
+  subtitle2: { fontSize: r.typography.pxToRem(14), fontWeight: 500 },
+  body1: { fontSize: r.typography.pxToRem(14) },
+  body2: { fontSize: r.typography.pxToRem(14), fontWeight: 400 },
+  caption: { fontSize: r.typography.pxToRem(12), fontWeight: 400 },
+  button: { textTransform: "none", fontWeight: 600 },
+  overline: {
+    fontSize: r.typography.pxToRem(12),
+    fontWeight: 600,
+    textTransform: "uppercase",
+    letterSpacing: "0.08em"
+  }
+}, W = { borderRadius: 8 }, P = (e) => {
+  const t = e === "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)", a = [...r.shadows];
+  return a[1] = t, a;
+};
+class w {
+  themes = /* @__PURE__ */ new Map();
+  register(t, a) {
+    this.themes.set(t, a);
+  }
+  get(t) {
+    return this.themes.get(t) ?? this.themes.get("default");
+  }
+  getVariants() {
+    return Array.from(this.themes.keys());
+  }
+}
+const D = new w(), u = R({
+  variant: "default",
+  colorMode: "dark"
+});
+function $() {
+  return z(u);
+}
+function M({ mode: e }) {
+  const { setMode: t } = f();
+  return y(() => {
+    t && t(e);
+  }, [e, t]), null;
+}
+function v({ variant: e }) {
+  const { mode: t, systemMode: a } = f();
+  return y(() => {
+    const g = t === "system" ? a ?? "dark" : t ?? "dark", h = e === "default" ? g : `${e}-${g}`;
+    document.documentElement.setAttribute("data-ov-theme", h);
+  }, [e, t, a]), null;
+}
+function O({
+  children: e,
+  disableCustomTheme: t,
+  themeComponents: a,
+  defaultMode: g = "dark",
+  variant: h = "default"
+}) {
+  const x = F(() => {
+    if (t)
+      return d();
+    const c = D.get(h);
+    return d({
+      cssVariables: {
+        colorSchemeSelector: "data-mui-color-scheme",
+        cssVarPrefix: "ov-mui"
+      },
+      colorSchemes: {
+        light: { palette: c.getDesignTokens("light").palette },
+        dark: { palette: c.getDesignTokens("dark").palette }
+      },
+      typography: C,
+      shape: W,
+      shadows: c.getShadows("light"),
+      components: {
+        MuiCssBaseline: {
+          styleOverrides: {
+            html: { height: "100%" },
+            body: { height: "100%" }
+          }
+        },
+        ...c.getCustomizations(),
+        ...a
+      }
+    });
+  }, [t, a, h]);
+  return t ? /* @__PURE__ */ p(k, { children: e }) : /* @__PURE__ */ p(u.Provider, { value: { variant: h, colorMode: g }, children: /* @__PURE__ */ T(b, { theme: x, children: [
+    /* @__PURE__ */ p(S, { enableColorScheme: !0 }),
+    /* @__PURE__ */ p(M, { mode: g }),
+    /* @__PURE__ */ p(v, { variant: h }),
+    e
+  ] }) });
+}
+export {
+  O as A,
+  D as T,
+  n as a,
+  s as b,
+  P as c,
+  j as d,
+  u as e,
+  m as g,
+  l as o,
+  o as p,
+  i as r,
+  W as s,
+  C as t,
+  $ as u
+};

package/dist/Select-BqA47TdK.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),y=require("react"),B=require("@mui/material/Select"),q=require("@mui/material/MenuItem"),K=require("@mui/material/FormControl"),U=require("@mui/material/InputLabel"),V=require("@mui/material/FormHelperText"),G=require("@mui/material/ListItemIcon"),_=require("@mui/material/ListItemText"),J=require("@mui/material/CircularProgress"),Q=require("@mui/material/OutlinedInput"),X=require("@mui/material/InputBase"),Y=require("@mui/material/Chip"),f=require("@mui/material/Box"),Z=require("@mui/icons-material/Search"),$=require("@mui/icons-material/Clear"),b=require("./types.cjs");function D({options:x,value:g,onChange:c,size:h="md",color:z="neutral",label:l,helperText:w,placeholder:o,searchable:d=!1,multiple:v=!1,loading:M=!1,error:p,fullWidth:E,disabled:H,clearable:P=!1,sx:T}){const[m,C]=y.useState(""),[A,L]=y.useState(!1),[a,u]=y.useState(-1),O=b.toMuiInputSize(h),I=b.toMuiColor(z),F=typeof p=="string"?!!p:p,k=typeof p=="string"?p:void 0,j=()=>{L(!1),u(-1),d&&C("")},s=y.useMemo(()=>{if(!d||!m)return x;const e=m.toLowerCase();return x.filter(t=>t.label.toLowerCase().includes(e))},[x,m,d]),R=e=>{c(e.target.value)},W=e=>{if(e.key==="Escape"){j();return}if(e.key==="ArrowDown"){if(e.preventDefault(),e.stopPropagation(),s.length===0)return;const t=a+1;u(t>=s.length?0:t);return}if(e.key==="ArrowUp"){e.preventDefault(),e.stopPropagation();const t=a-1;u(t<0?s.length-1:t);return}if(e.key==="Enter"&&a>=0&&a<s.length){e.preventDefault(),e.stopPropagation();const t=s[a];if(!t.disabled)if(v){const n=Array.isArray(g)?g:[],S=n.includes(t.value)?n.filter(i=>i!==t.value):[...n,t.value];c(S)}else c(t.value),j();return}e.stopPropagation()};return r.jsxs(K,{size:O,fullWidth:E,error:F,disabled:H,style:{"--ov-input-height":b.INPUT_HEIGHTS[h]},sx:T,children:[l&&r.jsx(U,{color:I==="default"||I==="inherit"?void 0:I,shrink:!!o||void 0,children:l}),r.jsxs(B,{value:g,onChange:R,multiple:v,displayEmpty:!!o,label:l,notched:l&&!!o||void 0,input:v?r.jsx(Q,{label:l}):void 0,open:A,onOpen:()=>{L(!0),u(-1)},onClose:j,renderValue:v?e=>{const t=e;return t.length===0&&o?r.jsx(f,{sx:{color:"var(--ov-fg-faint)"},children:o}):r.jsxs(f,{sx:{display:"flex",flexWrap:"nowrap",gap:.5,overflow:"hidden",alignItems:"center"},children:[t.map(n=>{const S=x.find(i=>i.value===n);return r.jsx(Y,{label:S?.label??n,size:"small",...P?{onDelete:i=>{i.stopPropagation(),c(t.filter(N=>N!==n))},onMouseDown:i=>{i.stopPropagation()}}:{}},n)}),P&&t.length>1&&r.jsx("button",{type:"button","aria-label":"Clear all",onClick:n=>{n.stopPropagation(),c([])},style:{display:"inline-flex",alignItems:"center",flexShrink:0,marginLeft:2,cursor:"pointer",color:"var(--ov-fg-faint)",lineHeight:0,background:"none",border:"none",padding:0},children:r.jsx($,{sx:{fontSize:16}})})]})}:o&&!g?()=>r.jsx(f,{sx:{color:"var(--ov-fg-faint)"},children:o}):void 0,MenuProps:{PaperProps:{sx:{maxHeight:300,...h==="xs"||h==="sm"?{"& .MuiMenuItem-root":{fontSize:"0.8rem",minHeight:28,padding:"3px 8px"},"& .MuiListItemText-root":{margin:0},"& .MuiListItemText-primary":{fontSize:"0.8rem"},"& .MuiListItemIcon-root":{minWidth:22}}:{}}}},children:[d&&r.jsx(f,{sx:{px:1,pb:.5,pt:.5},onClickCapture:e=>e.stopPropagation(),onMouseDown:e=>e.stopPropagation(),children:r.jsxs(f,{sx:{display:"flex",alignItems:"center",height:28,border:"1px solid var(--ov-border-default)",borderRadius:"4px",bgcolor:"var(--ov-bg-base)",px:.75,"&:focus-within":{borderColor:"var(--ov-accent)"}},children:[r.jsx(Z,{sx:{fontSize:14,color:"var(--ov-fg-faint)",mr:.5}}),r.jsx(X,{autoFocus:!0,fullWidth:!0,placeholder:"Search...",value:m,onChange:e=>{C(e.target.value),u(-1)},onKeyDown:W,sx:{flex:1,fontSize:"0.75rem",color:"var(--ov-fg-default)","& input":{py:0,px:0},"& input::placeholder":{color:"var(--ov-fg-faint)",opacity:1}}})]})}),M&&r.jsxs(q,{disabled:!0,children:[r.jsx(J,{size:16,sx:{mr:1}})," Loading..."]}),s.map((e,t)=>r.jsxs(q,{value:e.value,disabled:e.disabled,...d?{onMouseEnter:()=>u(t),sx:t===a?{bgcolor:"action.focus"}:void 0}:{},children:[e.icon&&r.jsx(G,{sx:{minWidth:28},children:e.icon}),r.jsx(_,{children:e.label})]},e.value)),s.length===0&&!M&&r.jsx(q,{disabled:!0,children:"No options"})]}),(k||w)&&r.jsx(V,{children:k??w})]})}D.displayName="Select";exports.Select=D;

package/dist/Select-D61fKI8Y.js

@@ -0,0 +1,276 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { useState as w, useMemo as K } from "react";
+import R from "@mui/material/Select";
+import M from "@mui/material/MenuItem";
+import U from "@mui/material/FormControl";
+import V from "@mui/material/InputLabel";
+import G from "@mui/material/FormHelperText";
+import _ from "@mui/material/ListItemIcon";
+import q from "@mui/material/ListItemText";
+import J from "@mui/material/CircularProgress";
+import Q from "@mui/material/OutlinedInput";
+import X from "@mui/material/InputBase";
+import Y from "@mui/material/Chip";
+import m from "@mui/material/Box";
+import Z from "@mui/icons-material/Search";
+import $ from "@mui/icons-material/Clear";
+import { INPUT_HEIGHTS as oo, toMuiInputSize as eo, toMuiColor as to } from "./types.js";
+function ro({
+  options: g,
+  value: h,
+  onChange: f,
+  size: v = "md",
+  color: E = "neutral",
+  label: u,
+  helperText: P,
+  placeholder: n,
+  searchable: c = !1,
+  multiple: x = !1,
+  loading: C = !1,
+  error: d,
+  fullWidth: H,
+  disabled: T,
+  clearable: L = !1,
+  sx: A
+}) {
+  const [I, k] = w(""), [O, D] = w(!1), [a, l] = w(-1), F = eo(v), y = to(E), W = typeof d == "string" ? !!d : d, z = typeof d == "string" ? d : void 0, S = () => {
+    D(!1), l(-1), c && k("");
+  }, i = K(() => {
+    if (!c || !I) return g;
+    const o = I.toLowerCase();
+    return g.filter((e) => e.label.toLowerCase().includes(o));
+  }, [g, I, c]), N = (o) => {
+    f(o.target.value);
+  }, j = (o) => {
+    if (o.key === "Escape") {
+      S();
+      return;
+    }
+    if (o.key === "ArrowDown") {
+      if (o.preventDefault(), o.stopPropagation(), i.length === 0) return;
+      const e = a + 1;
+      l(e >= i.length ? 0 : e);
+      return;
+    }
+    if (o.key === "ArrowUp") {
+      o.preventDefault(), o.stopPropagation();
+      const e = a - 1;
+      l(e < 0 ? i.length - 1 : e);
+      return;
+    }
+    if (o.key === "Enter" && a >= 0 && a < i.length) {
+      o.preventDefault(), o.stopPropagation();
+      const e = i[a];
+      if (!e.disabled)
+        if (x) {
+          const r = Array.isArray(h) ? h : [], b = r.includes(e.value) ? r.filter((s) => s !== e.value) : [...r, e.value];
+          f(b);
+        } else
+          f(e.value), S();
+      return;
+    }
+    o.stopPropagation();
+  };
+  return /* @__PURE__ */ p(
+    U,
+    {
+      size: F,
+      fullWidth: H,
+      error: W,
+      disabled: T,
+      style: { "--ov-input-height": oo[v] },
+      sx: A,
+      children: [
+        u && /* @__PURE__ */ t(
+          V,
+          {
+            color: y === "default" || y === "inherit" ? void 0 : y,
+            shrink: !!n || void 0,
+            children: u
+          }
+        ),
+        /* @__PURE__ */ p(
+          R,
+          {
+            value: h,
+            onChange: N,
+            multiple: x,
+            displayEmpty: !!n,
+            label: u,
+            notched: u && !!n || void 0,
+            input: x ? /* @__PURE__ */ t(Q, { label: u }) : void 0,
+            open: O,
+            onOpen: () => {
+              D(!0), l(-1);
+            },
+            onClose: S,
+            renderValue: x ? (o) => {
+              const e = o;
+              return e.length === 0 && n ? /* @__PURE__ */ t(m, { sx: { color: "var(--ov-fg-faint)" }, children: n }) : /* @__PURE__ */ p(
+                m,
+                {
+                  sx: {
+                    display: "flex",
+                    flexWrap: "nowrap",
+                    gap: 0.5,
+                    overflow: "hidden",
+                    alignItems: "center"
+                  },
+                  children: [
+                    e.map((r) => {
+                      const b = g.find((s) => s.value === r);
+                      return /* @__PURE__ */ t(
+                        Y,
+                        {
+                          label: b?.label ?? r,
+                          size: "small",
+                          ...L ? {
+                            onDelete: (s) => {
+                              s.stopPropagation(), f(e.filter((B) => B !== r));
+                            },
+                            onMouseDown: (s) => {
+                              s.stopPropagation();
+                            }
+                          } : {}
+                        },
+                        r
+                      );
+                    }),
+                    L && e.length > 1 && /* @__PURE__ */ t(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": "Clear all",
+                        onClick: (r) => {
+                          r.stopPropagation(), f([]);
+                        },
+                        style: {
+                          display: "inline-flex",
+                          alignItems: "center",
+                          flexShrink: 0,
+                          marginLeft: 2,
+                          cursor: "pointer",
+                          color: "var(--ov-fg-faint)",
+                          lineHeight: 0,
+                          background: "none",
+                          border: "none",
+                          padding: 0
+                        },
+                        children: /* @__PURE__ */ t($, { sx: { fontSize: 16 } })
+                      }
+                    )
+                  ]
+                }
+              );
+            } : n && !h ? () => /* @__PURE__ */ t(m, { sx: { color: "var(--ov-fg-faint)" }, children: n }) : void 0,
+            MenuProps: {
+              PaperProps: {
+                sx: {
+                  maxHeight: 300,
+                  ...v === "xs" || v === "sm" ? {
+                    "& .MuiMenuItem-root": {
+                      fontSize: "0.8rem",
+                      minHeight: 28,
+                      padding: "3px 8px"
+                    },
+                    "& .MuiListItemText-root": {
+                      margin: 0
+                    },
+                    "& .MuiListItemText-primary": {
+                      fontSize: "0.8rem"
+                    },
+                    "& .MuiListItemIcon-root": {
+                      minWidth: 22
+                    }
+                  } : {}
+                }
+              }
+            },
+            children: [
+              c && /* @__PURE__ */ t(
+                m,
+                {
+                  sx: { px: 1, pb: 0.5, pt: 0.5 },
+                  onClickCapture: (o) => o.stopPropagation(),
+                  onMouseDown: (o) => o.stopPropagation(),
+                  children: /* @__PURE__ */ p(
+                    m,
+                    {
+                      sx: {
+                        display: "flex",
+                        alignItems: "center",
+                        height: 28,
+                        border: "1px solid var(--ov-border-default)",
+                        borderRadius: "4px",
+                        bgcolor: "var(--ov-bg-base)",
+                        px: 0.75,
+                        "&:focus-within": { borderColor: "var(--ov-accent)" }
+                      },
+                      children: [
+                        /* @__PURE__ */ t(
+                          Z,
+                          {
+                            sx: { fontSize: 14, color: "var(--ov-fg-faint)", mr: 0.5 }
+                          }
+                        ),
+                        /* @__PURE__ */ t(
+                          X,
+                          {
+                            autoFocus: !0,
+                            fullWidth: !0,
+                            placeholder: "Search...",
+                            value: I,
+                            onChange: (o) => {
+                              k(o.target.value), l(-1);
+                            },
+                            onKeyDown: j,
+                            sx: {
+                              flex: 1,
+                              fontSize: "0.75rem",
+                              color: "var(--ov-fg-default)",
+                              "& input": { py: 0, px: 0 },
+                              "& input::placeholder": {
+                                color: "var(--ov-fg-faint)",
+                                opacity: 1
+                              }
+                            }
+                          }
+                        )
+                      ]
+                    }
+                  )
+                }
+              ),
+              C && /* @__PURE__ */ p(M, { disabled: !0, children: [
+                /* @__PURE__ */ t(J, { size: 16, sx: { mr: 1 } }),
+                " Loading..."
+              ] }),
+              i.map((o, e) => /* @__PURE__ */ p(
+                M,
+                {
+                  value: o.value,
+                  disabled: o.disabled,
+                  ...c ? {
+                    onMouseEnter: () => l(e),
+                    sx: e === a ? { bgcolor: "action.focus" } : void 0
+                  } : {},
+                  children: [
+                    o.icon && /* @__PURE__ */ t(_, { sx: { minWidth: 28 }, children: o.icon }),
+                    /* @__PURE__ */ t(q, { children: o.label })
+                  ]
+                },
+                o.value
+              )),
+              i.length === 0 && !C && /* @__PURE__ */ t(M, { disabled: !0, children: "No options" })
+            ]
+          }
+        ),
+        (z || P) && /* @__PURE__ */ t(G, { children: z ?? P })
+      ]
+    }
+  );
+}
+ro.displayName = "Select";
+export {
+  ro as S
+};