@omniviewdev/ui 0.1.0

package/dist/Button-lr02bh_m.js

@@ -0,0 +1,51 @@
+import { jsx as s } from "react/jsx-runtime";
+import M from "@mui/material/Button";
+import j from "@mui/material/CircularProgress";
+import { toBorderRadius as A, toMuiColor as O, toMuiVariant as R, toMuiSize as V, sizeOverrideSx as N } from "./types.js";
+function $({
+  children: c,
+  color: a = "neutral",
+  emphasis: i = "ghost",
+  size: o = "sm",
+  shape: u = "rounded",
+  loading: r = !1,
+  loadingPosition: t = "center",
+  disabled: d,
+  startIcon: m,
+  startAdornment: l,
+  icon: p,
+  endIcon: I,
+  endAdornment: f,
+  fullWidth: v,
+  onClick: b,
+  type: S = "button",
+  href: B,
+  sx: e
+}) {
+  const y = m ?? l ?? p, z = I ?? f, h = O(a), x = R(i), C = V(o), E = N(o), n = /* @__PURE__ */ s(j, { size: o === "xs" ? 12 : 16, color: "inherit" });
+  return /* @__PURE__ */ s(
+    M,
+    {
+      color: h,
+      variant: x,
+      size: C,
+      disabled: d || r && t === "center",
+      startIcon: r && t === "start" ? n : y,
+      endIcon: r && t === "end" ? n : z,
+      fullWidth: v,
+      onClick: b,
+      type: S,
+      href: B,
+      sx: {
+        borderRadius: A(u),
+        ...E,
+        ...typeof e == "object" && !Array.isArray(e) ? e : {}
+      },
+      children: r && t === "center" ? n : c
+    }
+  );
+}
+$.displayName = "Button";
+export {
+  $ as B
+};

package/dist/CodeBlock-B1iQO7zU.js

@@ -0,0 +1,73 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import e from "@mui/material/Box";
+import { C as f } from "./CopyButton-DPBgL0K8.js";
+function v({
+  children: r,
+  lineNumbers: p = !1,
+  copy: i = !0,
+  maxHeight: d,
+  wrap: l = !1,
+  sx: t
+}) {
+  const s = r.split(`
+`);
+  return /* @__PURE__ */ a(
+    e,
+    {
+      sx: {
+        position: "relative",
+        bgcolor: "var(--ov-bg-surface-inset)",
+        borderRadius: "6px",
+        border: "1px solid var(--ov-border-muted)",
+        overflow: "hidden",
+        ...typeof t == "object" && !Array.isArray(t) ? t : {}
+      },
+      children: [
+        i && /* @__PURE__ */ o(e, { sx: { position: "absolute", top: 4, right: 4, zIndex: 1 }, children: /* @__PURE__ */ o(f, { value: r, size: "xs" }) }),
+        /* @__PURE__ */ o(
+          e,
+          {
+            component: "pre",
+            sx: {
+              m: 0,
+              p: 1.5,
+              pr: i ? 5 : 1.5,
+              overflow: "auto",
+              maxHeight: d,
+              fontFamily: "var(--ov-font-mono)",
+              fontSize: "13px",
+              lineHeight: 1.6,
+              color: "var(--ov-fg-default)",
+              whiteSpace: l ? "pre-wrap" : "pre",
+              wordBreak: l ? "break-all" : void 0
+            },
+            children: p ? /* @__PURE__ */ o(e, { component: "table", sx: { borderCollapse: "collapse", width: "100%" }, children: /* @__PURE__ */ o("tbody", { children: s.map((c, n) => /* @__PURE__ */ a("tr", { children: [
+              /* @__PURE__ */ o(
+                e,
+                {
+                  component: "td",
+                  sx: {
+                    pr: 2,
+                    pl: 0.5,
+                    textAlign: "right",
+                    userSelect: "none",
+                    color: "var(--ov-fg-faint)",
+                    width: 1,
+                    whiteSpace: "nowrap",
+                    verticalAlign: "top"
+                  },
+                  children: n + 1
+                }
+              ),
+              /* @__PURE__ */ o("td", { children: c })
+            ] }, n)) }) }) : /* @__PURE__ */ o("code", { children: r })
+          }
+        )
+      ]
+    }
+  );
+}
+v.displayName = "CodeBlock";
+export {
+  v as C
+};

package/dist/CodeBlock-CIyG0DbW.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("@mui/material/Box"),x=require("./CopyButton-CACe3RCF.cjs");function l({children:r,lineNumbers:a=!1,copy:i=!0,maxHeight:d,wrap:n=!1,sx:t}){const c=r.split(`
+`);return e.jsxs(o,{sx:{position:"relative",bgcolor:"var(--ov-bg-surface-inset)",borderRadius:"6px",border:"1px solid var(--ov-border-muted)",overflow:"hidden",...typeof t=="object"&&!Array.isArray(t)?t:{}},children:[i&&e.jsx(o,{sx:{position:"absolute",top:4,right:4,zIndex:1},children:e.jsx(x.CopyButton,{value:r,size:"xs"})}),e.jsx(o,{component:"pre",sx:{m:0,p:1.5,pr:i?5:1.5,overflow:"auto",maxHeight:d,fontFamily:"var(--ov-font-mono)",fontSize:"13px",lineHeight:1.6,color:"var(--ov-fg-default)",whiteSpace:n?"pre-wrap":"pre",wordBreak:n?"break-all":void 0},children:a?e.jsx(o,{component:"table",sx:{borderCollapse:"collapse",width:"100%"},children:e.jsx("tbody",{children:c.map((p,s)=>e.jsxs("tr",{children:[e.jsx(o,{component:"td",sx:{pr:2,pl:.5,textAlign:"right",userSelect:"none",color:"var(--ov-fg-faint)",width:1,whiteSpace:"nowrap",verticalAlign:"top"},children:s+1}),e.jsx("td",{children:p})]},s))})}):e.jsx("code",{children:r})})]})}l.displayName="CodeBlock";exports.CodeBlock=l;

package/dist/CopyButton-CACe3RCF.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),C=require("react"),S=require("@mui/icons-material/ContentCopy"),j=require("@mui/icons-material/Check"),q=require("@mui/material/IconButton"),b=require("@mui/material/CircularProgress"),a=require("./types.cjs");function l({children:n,color:t="neutral",emphasis:c,size:o="sm",shape:r="rounded",loading:s=!1,disabled:i,onClick:x,title:y,sx:u,...h}){const f=a.toMuiColor(t),B=a.toMuiSize(o),d={xs:24,sm:32,md:40,lg:48,xl:56},p={xs:14,sm:18,md:22,lg:26,xl:30};return e.jsx(q,{color:f,size:B,disabled:i||s,onClick:x,title:y,sx:{borderRadius:a.toBorderRadius(r),width:d[o],height:d[o],fontSize:p[o],...typeof u=="object"&&!Array.isArray(u)?u:{}},...h,children:s?e.jsx(b,{size:p[o]-4,color:"inherit"}):n})}l.displayName="IconButton";function m({value:n,size:t="sm",label:c}){const[o,r]=C.useState(!1),s=C.useCallback(()=>{navigator.clipboard.writeText(n).then(()=>{r(!0),setTimeout(()=>r(!1),1500)})},[n]),i=t==="xs"?12:t==="sm"?14:t==="md"?16:18;return e.jsx(l,{size:t,color:o?"success":"neutral",onClick:s,"aria-label":c??(o?"Copied":"Copy to clipboard"),title:c??(o?"Copied!":"Copy"),children:o?e.jsx(j,{sx:{fontSize:i}}):e.jsx(S,{sx:{fontSize:i}})})}m.displayName="CopyButton";exports.CopyButton=m;exports.IconButton=l;

package/dist/CopyButton-DPBgL0K8.js

@@ -0,0 +1,77 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useState as h, useCallback as x } from "react";
+import S from "@mui/icons-material/ContentCopy";
+import b from "@mui/icons-material/Check";
+import B from "@mui/material/IconButton";
+import I from "@mui/material/CircularProgress";
+import { toBorderRadius as M, toMuiColor as g, toMuiSize as k } from "./types.js";
+function l({
+  children: i,
+  color: t = "neutral",
+  emphasis: c,
+  size: o = "sm",
+  shape: e = "rounded",
+  loading: n = !1,
+  disabled: s,
+  onClick: u,
+  title: d,
+  sx: a,
+  ...C
+}) {
+  const f = g(t), y = k(o), m = {
+    xs: 24,
+    sm: 32,
+    md: 40,
+    lg: 48,
+    xl: 56
+  }, p = {
+    xs: 14,
+    sm: 18,
+    md: 22,
+    lg: 26,
+    xl: 30
+  };
+  return /* @__PURE__ */ r(
+    B,
+    {
+      color: f,
+      size: y,
+      disabled: s || n,
+      onClick: u,
+      title: d,
+      sx: {
+        borderRadius: M(e),
+        width: m[o],
+        height: m[o],
+        fontSize: p[o],
+        ...typeof a == "object" && !Array.isArray(a) ? a : {}
+      },
+      ...C,
+      children: n ? /* @__PURE__ */ r(I, { size: p[o] - 4, color: "inherit" }) : i
+    }
+  );
+}
+l.displayName = "IconButton";
+function z({ value: i, size: t = "sm", label: c }) {
+  const [o, e] = h(!1), n = x(() => {
+    navigator.clipboard.writeText(i).then(() => {
+      e(!0), setTimeout(() => e(!1), 1500);
+    });
+  }, [i]), s = t === "xs" ? 12 : t === "sm" ? 14 : t === "md" ? 16 : 18;
+  return /* @__PURE__ */ r(
+    l,
+    {
+      size: t,
+      color: o ? "success" : "neutral",
+      onClick: n,
+      "aria-label": c ?? (o ? "Copied" : "Copy to clipboard"),
+      title: c ?? (o ? "Copied!" : "Copy"),
+      children: o ? /* @__PURE__ */ r(b, { sx: { fontSize: s } }) : /* @__PURE__ */ r(S, { sx: { fontSize: s } })
+    }
+  );
+}
+z.displayName = "CopyButton";
+export {
+  z as C,
+  l as I
+};

package/dist/ErrorState-CexYrMpy.js

@@ -0,0 +1,188 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import a from "@mui/material/Box";
+import i from "@mui/material/Typography";
+import d from "@mui/icons-material/ErrorOutline";
+import { B as f } from "./Button-lr02bh_m.js";
+import { C as p } from "./CopyButton-DPBgL0K8.js";
+const g = {
+  xs: 2,
+  sm: 3,
+  md: 4,
+  lg: 6,
+  xl: 8
+};
+function v({
+  icon: l,
+  title: s,
+  description: r,
+  primaryAction: c,
+  secondaryAction: m,
+  size: e = "md",
+  sx: n
+}) {
+  const x = e === "xs" || e === "sm" ? 32 : e === "md" ? 40 : 48;
+  return /* @__PURE__ */ o(
+    a,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        textAlign: "center",
+        py: g[e],
+        px: 2,
+        ...typeof n == "object" && !Array.isArray(n) ? n : {}
+      },
+      children: [
+        l && /* @__PURE__ */ t(
+          a,
+          {
+            sx: {
+              mb: 2,
+              color: "var(--ov-fg-faint)",
+              fontSize: x,
+              display: "flex"
+            },
+            children: l
+          }
+        ),
+        /* @__PURE__ */ t(
+          i,
+          {
+            variant: e === "xs" || e === "sm" ? "subtitle2" : "h6",
+            sx: { color: "var(--ov-fg-default)", fontWeight: 600, mb: r ? 0.5 : 0 },
+            children: s
+          }
+        ),
+        r && /* @__PURE__ */ t(
+          i,
+          {
+            variant: "body2",
+            sx: {
+              color: "var(--ov-fg-muted)",
+              maxWidth: 400,
+              lineHeight: 1.5
+            },
+            children: r
+          }
+        ),
+        (c || m) && /* @__PURE__ */ o(a, { sx: { display: "flex", gap: 1, mt: 2.5 }, children: [
+          c,
+          m
+        ] })
+      ]
+    }
+  );
+}
+v.displayName = "EmptyState";
+function h({
+  message: l,
+  errorId: s,
+  onRetry: r,
+  variant: c = "panel"
+}) {
+  const m = c === "inline", e = c === "page", n = e ? 56 : m ? 20 : 40;
+  return m ? /* @__PURE__ */ o(
+    a,
+    {
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 1,
+        color: "var(--ov-danger-default)"
+      },
+      children: [
+        /* @__PURE__ */ t(d, { sx: { fontSize: n } }),
+        /* @__PURE__ */ t(i, { variant: "body2", sx: { color: "var(--ov-danger-default)" }, children: l }),
+        r && /* @__PURE__ */ t(f, { size: "xs", emphasis: "ghost", color: "danger", onClick: r, children: "Retry" })
+      ]
+    }
+  ) : /* @__PURE__ */ o(
+    a,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        textAlign: "center",
+        py: e ? 8 : 4,
+        px: 2,
+        ...e && { minHeight: "60vh" }
+      },
+      children: [
+        /* @__PURE__ */ t(
+          d,
+          {
+            sx: {
+              fontSize: n,
+              color: "var(--ov-danger-default)",
+              mb: 2
+            }
+          }
+        ),
+        /* @__PURE__ */ t(
+          i,
+          {
+            variant: e ? "h5" : "subtitle1",
+            sx: { color: "var(--ov-fg-default)", fontWeight: 600, mb: 0.5 },
+            children: "Something went wrong"
+          }
+        ),
+        /* @__PURE__ */ t(
+          i,
+          {
+            variant: "body2",
+            sx: {
+              color: "var(--ov-fg-muted)",
+              maxWidth: 420,
+              lineHeight: 1.5,
+              mb: 1
+            },
+            children: l
+          }
+        ),
+        s && /* @__PURE__ */ o(
+          a,
+          {
+            sx: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: 0.5,
+              mb: 2,
+              px: 1.5,
+              py: 0.5,
+              borderRadius: "4px",
+              bgcolor: "var(--ov-bg-surface-inset)"
+            },
+            children: [
+              /* @__PURE__ */ o(
+                i,
+                {
+                  variant: "caption",
+                  sx: {
+                    fontFamily: "var(--ov-font-mono)",
+                    color: "var(--ov-fg-muted)",
+                    fontSize: "var(--ov-text-xs)"
+                  },
+                  children: [
+                    "Error ID: ",
+                    s
+                  ]
+                }
+              ),
+              /* @__PURE__ */ t(p, { value: s, size: "xs" })
+            ]
+          }
+        ),
+        r && /* @__PURE__ */ t(f, { emphasis: "outline", color: "primary", size: "sm", onClick: r, children: "Try again" })
+      ]
+    }
+  );
+}
+h.displayName = "ErrorState";
+export {
+  v as E,
+  h as a
+};

package/dist/ErrorState-CnIR-1xa.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("@mui/material/Box"),i=require("@mui/material/Typography"),c=require("@mui/icons-material/ErrorOutline"),d=require("./Button-Dmu1cikC.cjs"),g=require("./CopyButton-CACe3RCF.cjs"),p={xs:2,sm:3,md:4,lg:6,xl:8};function u({icon:s,title:a,description:n,primaryAction:l,secondaryAction:x,size:t="md",sx:r}){const f=t==="xs"||t==="sm"?32:t==="md"?40:48;return e.jsxs(o,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",py:p[t],px:2,...typeof r=="object"&&!Array.isArray(r)?r:{}},children:[s&&e.jsx(o,{sx:{mb:2,color:"var(--ov-fg-faint)",fontSize:f,display:"flex"},children:s}),e.jsx(i,{variant:t==="xs"||t==="sm"?"subtitle2":"h6",sx:{color:"var(--ov-fg-default)",fontWeight:600,mb:n?.5:0},children:a}),n&&e.jsx(i,{variant:"body2",sx:{color:"var(--ov-fg-muted)",maxWidth:400,lineHeight:1.5},children:n}),(l||x)&&e.jsxs(o,{sx:{display:"flex",gap:1,mt:2.5},children:[l,x]})]})}u.displayName="EmptyState";function m({message:s,errorId:a,onRetry:n,variant:l="panel"}){const x=l==="inline",t=l==="page",r=t?56:x?20:40;return x?e.jsxs(o,{sx:{display:"inline-flex",alignItems:"center",gap:1,color:"var(--ov-danger-default)"},children:[e.jsx(c,{sx:{fontSize:r}}),e.jsx(i,{variant:"body2",sx:{color:"var(--ov-danger-default)"},children:s}),n&&e.jsx(d.Button,{size:"xs",emphasis:"ghost",color:"danger",onClick:n,children:"Retry"})]}):e.jsxs(o,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",py:t?8:4,px:2,...t&&{minHeight:"60vh"}},children:[e.jsx(c,{sx:{fontSize:r,color:"var(--ov-danger-default)",mb:2}}),e.jsx(i,{variant:t?"h5":"subtitle1",sx:{color:"var(--ov-fg-default)",fontWeight:600,mb:.5},children:"Something went wrong"}),e.jsx(i,{variant:"body2",sx:{color:"var(--ov-fg-muted)",maxWidth:420,lineHeight:1.5,mb:1},children:s}),a&&e.jsxs(o,{sx:{display:"inline-flex",alignItems:"center",gap:.5,mb:2,px:1.5,py:.5,borderRadius:"4px",bgcolor:"var(--ov-bg-surface-inset)"},children:[e.jsxs(i,{variant:"caption",sx:{fontFamily:"var(--ov-font-mono)",color:"var(--ov-fg-muted)",fontSize:"var(--ov-text-xs)"},children:["Error ID: ",a]}),e.jsx(g.CopyButton,{value:a,size:"xs"})]}),n&&e.jsx(d.Button,{emphasis:"outline",color:"primary",size:"sm",onClick:n,children:"Try again"})]})}m.displayName="ErrorState";exports.EmptyState=u;exports.ErrorState=m;

package/dist/HotkeyHint-6SOi-MaU.js

@@ -0,0 +1,37 @@
+import { jsx as e } from "react/jsx-runtime";
+import n from "@mui/material/Box";
+const t = typeof navigator < "u" && /Mac/.test(navigator.userAgent);
+function a(r) {
+  return r === "Meta" ? t ? "⌘" : "Ctrl" : r === "Control" ? t ? "⌃" : "Ctrl" : r === "Alt" ? t ? "⌥" : "Alt" : r === "Shift" ? "⇧" : r === "Enter" ? "⏎" : r === "Escape" ? "Esc" : r === "Backspace" ? "⌫" : r === "Delete" ? "Del" : r === "ArrowUp" ? "↑" : r === "ArrowDown" ? "↓" : r === "ArrowLeft" ? "←" : r === "ArrowRight" ? "→" : r;
+}
+function f({ keys: r }) {
+  return /* @__PURE__ */ e(n, { sx: { display: "inline-flex", alignItems: "center", gap: "2px" }, children: r.map((i, o) => /* @__PURE__ */ e(
+    n,
+    {
+      component: "kbd",
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        height: 20,
+        minWidth: 20,
+        px: "5px",
+        fontFamily: "var(--ov-font-ui)",
+        fontSize: "0.6875rem",
+        fontWeight: 500,
+        lineHeight: 1,
+        color: "var(--ov-fg-muted)",
+        bgcolor: "var(--ov-bg-subtle)",
+        border: "1px solid var(--ov-border-default)",
+        borderRadius: "4px",
+        boxShadow: "0 1px 0 var(--ov-border-muted)"
+      },
+      children: a(i)
+    },
+    o
+  )) });
+}
+f.displayName = "HotkeyHint";
+export {
+  f as H
+};

package/dist/HotkeyHint-DrTOTrIM.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),n=require("@mui/material/Box"),t=typeof navigator<"u"&&/Mac/.test(navigator.userAgent);function a(r){return r==="Meta"?t?"⌘":"Ctrl":r==="Control"?t?"⌃":"Ctrl":r==="Alt"?t?"⌥":"Alt":r==="Shift"?"⇧":r==="Enter"?"⏎":r==="Escape"?"Esc":r==="Backspace"?"⌫":r==="Delete"?"Del":r==="ArrowUp"?"↑":r==="ArrowDown"?"↓":r==="ArrowLeft"?"←":r==="ArrowRight"?"→":r}function i({keys:r}){return e.jsx(n,{sx:{display:"inline-flex",alignItems:"center",gap:"2px"},children:r.map((o,u)=>e.jsx(n,{component:"kbd",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",height:20,minWidth:20,px:"5px",fontFamily:"var(--ov-font-ui)",fontSize:"0.6875rem",fontWeight:500,lineHeight:1,color:"var(--ov-fg-muted)",bgcolor:"var(--ov-bg-subtle)",border:"1px solid var(--ov-border-default)",borderRadius:"4px",boxShadow:"0 1px 0 var(--ov-border-muted)"},children:a(o)},u))})}i.displayName="HotkeyHint";exports.HotkeyHint=i;

package/dist/Icon-CKdIOrjZ.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),c=require("react-icons/lu"),u=require("react-icons/si");function s(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const a=s(c),f=s(u),l={Si:f,Lu:a},d=t=>{const e=t.substring(0,2),n=t,r=l[e];if(!r)throw new Error(`Icon library "${e}" is not supported`);if(!r[n])throw new Error(`Icon "${n}" is not supported`);return r[n]},p=({name:t,...e})=>{t.substring(0,2)==="Lu"&&!e.strokeWidth&&(e.strokeWidth=1.5);let r;try{r=d(t)}catch(i){return console.error(i),o.jsx(c.LuFileQuestion,{...e})}return o.jsx(r,{...e})};exports.Icon=p;

package/dist/Icon-CuO9W7cA.js

@@ -0,0 +1,27 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as e from "react-icons/lu";
+import { LuFileQuestion as c } from "react-icons/lu";
+import * as u from "react-icons/si";
+const f = {
+  Si: u,
+  Lu: e
+}, m = (t) => {
+  const o = t.substring(0, 2), n = t, r = f[o];
+  if (!r)
+    throw new Error(`Icon library "${o}" is not supported`);
+  if (!r[n])
+    throw new Error(`Icon "${n}" is not supported`);
+  return r[n];
+}, a = ({ name: t, ...o }) => {
+  t.substring(0, 2) === "Lu" && !o.strokeWidth && (o.strokeWidth = 1.5);
+  let r;
+  try {
+    r = m(t);
+  } catch (s) {
+    return console.error(s), /* @__PURE__ */ i(c, { ...o });
+  }
+  return /* @__PURE__ */ i(r, { ...o });
+};
+export {
+  a as I
+};

package/dist/SearchInput-CFBBNdI2.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),u=require("@mui/material/OutlinedInput"),o=require("@mui/material/InputAdornment"),d=require("@mui/material/IconButton"),p=require("@mui/icons-material/SearchRounded"),m=require("@mui/icons-material/Clear"),r=({placeholder:s,value:t,onChange:n})=>{const i=()=>{n("")},c=l.useMemo(()=>t!=="",[t]);return e.jsx(u,{size:"small",autoComplete:"off",type:"text",placeholder:s??"Search",startAdornment:e.jsx(o,{position:"start",children:e.jsx(p,{color:"primary"})}),endAdornment:c?e.jsx(o,{position:"end",children:e.jsx(d,{size:"small",onClick:i,edge:"end",children:e.jsx(m,{fontSize:"small"})})}):void 0,value:t,onChange:a=>{n(a.target.value)},sx:{flexBasis:"500px",display:"flex",boxShadow:"none",minWidth:{md:400,lg:400,xl:500}},inputProps:{autoCorrect:"off",autoComplete:"off"}})};r.displayName="SearchInput";exports.SearchInput=r;

package/dist/SearchInput-D3AsCI5H.js

@@ -0,0 +1,41 @@
+import { jsx as o } from "react/jsx-runtime";
+import l from "react";
+import p from "@mui/material/OutlinedInput";
+import r from "@mui/material/InputAdornment";
+import d from "@mui/material/IconButton";
+import s from "@mui/icons-material/SearchRounded";
+import c from "@mui/icons-material/Clear";
+const f = ({ placeholder: n, value: t, onChange: e }) => {
+  const i = () => {
+    e("");
+  }, a = l.useMemo(() => t !== "", [t]);
+  return /* @__PURE__ */ o(
+    p,
+    {
+      size: "small",
+      autoComplete: "off",
+      type: "text",
+      placeholder: n ?? "Search",
+      startAdornment: /* @__PURE__ */ o(r, { position: "start", children: /* @__PURE__ */ o(s, { color: "primary" }) }),
+      endAdornment: a ? /* @__PURE__ */ o(r, { position: "end", children: /* @__PURE__ */ o(d, { size: "small", onClick: i, edge: "end", children: /* @__PURE__ */ o(c, { fontSize: "small" }) }) }) : void 0,
+      value: t,
+      onChange: (m) => {
+        e(m.target.value);
+      },
+      sx: {
+        flexBasis: "500px",
+        display: "flex",
+        boxShadow: "none",
+        minWidth: { md: 400, lg: 400, xl: 500 }
+      },
+      inputProps: {
+        autoCorrect: "off",
+        autoComplete: "off"
+      }
+    }
+  );
+};
+f.displayName = "SearchInput";
+export {
+  f as S
+};

package/dist/Select-CnRBSc5w.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),M=require("react"),E=require("@mui/material/Select"),h=require("@mui/material/MenuItem"),F=require("@mui/material/FormControl"),N=require("@mui/material/InputLabel"),R=require("@mui/material/FormHelperText"),B=require("@mui/material/ListItemIcon"),O=require("@mui/material/ListItemText"),G=require("@mui/material/CircularProgress"),K=require("@mui/material/OutlinedInput"),U=require("@mui/material/InputBase"),V=require("@mui/material/Chip"),l=require("@mui/material/Box"),_=require("@mui/icons-material/Search"),A=require("@mui/icons-material/Clear"),m=require("./types.cjs");function b({options:u,value:v,onChange:f,size:c="md",color:P="neutral",label:i,helperText:j,placeholder:t,searchable:d=!1,multiple:p=!1,loading:I=!1,error:s,fullWidth:w,disabled:L,clearable:q=!1,sx:z}){const[x,S]=M.useState(""),D=m.toMuiInputSize(c),g=m.toMuiColor(P),H=typeof s=="string"?!!s:s,y=typeof s=="string"?s:void 0,C=M.useMemo(()=>{if(!d||!x)return u;const r=x.toLowerCase();return u.filter(n=>n.label.toLowerCase().includes(r))},[u,x,d]),T=r=>{f(r.target.value)};return e.jsxs(F,{size:D,fullWidth:w,error:H,disabled:L,style:{"--ov-input-height":m.INPUT_HEIGHTS[c]},sx:z,children:[i&&e.jsx(N,{color:g==="default"||g==="inherit"?void 0:g,shrink:!!t||void 0,children:i}),e.jsxs(E,{value:v,onChange:T,multiple:p,displayEmpty:!!t,label:i,notched:i&&!!t||void 0,input:p?e.jsx(K,{label:i}):void 0,onClose:()=>{d&&S("")},renderValue:p?r=>{const n=r;return n.length===0&&t?e.jsx(l,{sx:{color:"var(--ov-fg-faint)"},children:t}):e.jsxs(l,{sx:{display:"flex",flexWrap:"nowrap",gap:.5,overflow:"hidden",alignItems:"center"},children:[n.map(o=>{const W=u.find(a=>a.value===o);return e.jsx(V,{label:W?.label??o,size:"small",...q?{onDelete:a=>{a.stopPropagation(),f(n.filter(k=>k!==o))},onMouseDown:a=>{a.stopPropagation()}}:{}},o)}),q&&n.length>1&&e.jsx("span",{role:"button","aria-label":"Clear all",onMouseDown:o=>{o.stopPropagation(),o.preventDefault(),f([])},style:{display:"inline-flex",alignItems:"center",flexShrink:0,marginLeft:2,cursor:"pointer",color:"var(--ov-fg-faint)",lineHeight:0},children:e.jsx(A,{sx:{fontSize:16}})})]})}:t&&!v?()=>e.jsx(l,{sx:{color:"var(--ov-fg-faint)"},children:t}):void 0,MenuProps:{PaperProps:{sx:{maxHeight:300,...c==="xs"||c==="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&&e.jsx(l,{sx:{px:1,pb:.5,pt:.5},onKeyDown:r=>r.stopPropagation(),onClickCapture:r=>r.stopPropagation(),onMouseDown:r=>r.stopPropagation(),children:e.jsxs(l,{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:[e.jsx(_,{sx:{fontSize:14,color:"var(--ov-fg-faint)",mr:.5}}),e.jsx(U,{autoFocus:!0,fullWidth:!0,placeholder:"Search...",value:x,onChange:r=>S(r.target.value),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}}})]})}),I&&e.jsxs(h,{disabled:!0,children:[e.jsx(G,{size:16,sx:{mr:1}})," Loading..."]}),C.map(r=>e.jsxs(h,{value:r.value,disabled:r.disabled,children:[r.icon&&e.jsx(B,{sx:{minWidth:28},children:r.icon}),e.jsx(O,{children:r.label})]},r.value)),C.length===0&&!I&&e.jsx(h,{disabled:!0,children:"No options"})]}),(y||j)&&e.jsx(R,{children:y??j})]})}b.displayName="Select";exports.Select=b;