@omniviewdev/ui 0.1.0

package/dist/Select-DTUF31OP.js

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

package/dist/Skeleton-BUYyXUiC.js

@@ -0,0 +1,32 @@
+import { jsx as o } from "react/jsx-runtime";
+import m from "@mui/material/Skeleton";
+import i from "@mui/material/Box";
+function p({
+  variant: n = "text",
+  width: e,
+  height: a,
+  lines: r,
+  sx: t
+}) {
+  return r && r > 1 ? /* @__PURE__ */ o(i, { sx: { display: "flex", flexDirection: "column", gap: 0.5, ...typeof t == "object" && !Array.isArray(t) ? t : {} }, children: Array.from({ length: r }, (l, f) => /* @__PURE__ */ o(
+    m,
+    {
+      variant: "text",
+      width: f === r - 1 ? "60%" : e ?? "100%",
+      height: a
+    },
+    f
+  )) }) : /* @__PURE__ */ o(
+    m,
+    {
+      variant: n,
+      width: e,
+      height: a,
+      sx: t
+    }
+  );
+}
+p.displayName = "Skeleton";
+export {
+  p as S
+};

package/dist/Skeleton-CfdQWLQM.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),u=require("@mui/material/Skeleton"),l=require("@mui/material/Box");function a({variant:c="text",width:n,height:o,lines:e,sx:r}){return e&&e>1?t.jsx(l,{sx:{display:"flex",flexDirection:"column",gap:.5,...typeof r=="object"&&!Array.isArray(r)?r:{}},children:Array.from({length:e},(s,i)=>t.jsx(u,{variant:"text",width:i===e-1?"60%":n??"100%",height:o},i))}):t.jsx(u,{variant:c,width:n,height:o,sx:r})}a.displayName="Skeleton";exports.Skeleton=a;

package/dist/StatusDot-CYyJxjJK.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),i=require("@mui/material/Box"),x=require("@mui/material/Typography"),a=require("./types.cjs"),d={xs:6,sm:8,md:10,lg:12,xl:14};function n({status:c,size:e="sm",label:s,pulse:l=!1,sx:t}){const u=a.toCssColor(a.statusToColor(c)),r=d[e];return o.jsxs(i,{sx:{display:"inline-flex",alignItems:"center",gap:.75,...typeof t=="object"&&!Array.isArray(t)?t:{}},children:[o.jsx(i,{sx:{width:r,height:r,borderRadius:"50%",backgroundColor:u,flexShrink:0,...l&&{animation:"ov-pulse 1.5s ease-in-out infinite","@keyframes ov-pulse":{"0%, 100%":{opacity:1},"50%":{opacity:.4}}}}}),s&&o.jsx(x,{variant:"body2",sx:{fontSize:e==="xs"?"var(--ov-text-xs)":"var(--ov-text-sm)",color:"var(--ov-fg-default)",lineHeight:1},children:s})]})}n.displayName="StatusDot";exports.StatusDot=n;

package/dist/StatusDot-CncykBAY.js

@@ -0,0 +1,68 @@
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import e from "@mui/material/Box";
+import p from "@mui/material/Typography";
+import { toCssColor as f, statusToColor as c } from "./types.js";
+const d = {
+  xs: 6,
+  sm: 8,
+  md: 10,
+  lg: 12,
+  xl: 14
+};
+function x({
+  status: a,
+  size: t = "sm",
+  label: r,
+  pulse: n = !1,
+  sx: o
+}) {
+  const l = f(c(a)), i = d[t];
+  return /* @__PURE__ */ m(
+    e,
+    {
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 0.75,
+        ...typeof o == "object" && !Array.isArray(o) ? o : {}
+      },
+      children: [
+        /* @__PURE__ */ s(
+          e,
+          {
+            sx: {
+              width: i,
+              height: i,
+              borderRadius: "50%",
+              backgroundColor: l,
+              flexShrink: 0,
+              ...n && {
+                animation: "ov-pulse 1.5s ease-in-out infinite",
+                "@keyframes ov-pulse": {
+                  "0%, 100%": { opacity: 1 },
+                  "50%": { opacity: 0.4 }
+                }
+              }
+            }
+          }
+        ),
+        r && /* @__PURE__ */ s(
+          p,
+          {
+            variant: "body2",
+            sx: {
+              fontSize: t === "xs" ? "var(--ov-text-xs)" : "var(--ov-text-sm)",
+              color: "var(--ov-fg-default)",
+              lineHeight: 1
+            },
+            children: r
+          }
+        )
+      ]
+    }
+  );
+}
+x.displayName = "StatusDot";
+export {
+  x as S
+};

package/dist/StatusPill-C1NaiCzd.js

@@ -0,0 +1,29 @@
+import { jsx as s } from "react/jsx-runtime";
+import m from "@mui/material/Chip";
+import { toMuiColor as n, statusToColor as p } from "./types.js";
+function c({
+  status: o,
+  size: t = "sm",
+  label: l,
+  sx: r
+}) {
+  const a = p(o), i = n(a), e = l ?? o.charAt(0).toUpperCase() + o.slice(1);
+  return /* @__PURE__ */ s(
+    m,
+    {
+      label: e,
+      color: i === "default" || i === "inherit" ? void 0 : i,
+      variant: "outlined",
+      size: t === "xs" || t === "sm" ? "small" : "medium",
+      sx: {
+        fontWeight: 500,
+        fontSize: t === "xs" ? "var(--ov-text-xs)" : "var(--ov-text-sm)",
+        ...typeof r == "object" && !Array.isArray(r) ? r : {}
+      }
+    }
+  );
+}
+c.displayName = "StatusPill";
+export {
+  c as S
+};

package/dist/StatusPill-C7yn7dSA.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("react/jsx-runtime"),c=require("@mui/material/Chip"),r=require("./types.cjs");function s({status:t,size:o="sm",label:l,sx:e}){const a=r.statusToColor(t),i=r.toMuiColor(a),n=l??t.charAt(0).toUpperCase()+t.slice(1);return u.jsx(c,{label:n,color:i==="default"||i==="inherit"?void 0:i,variant:"outlined",size:o==="xs"||o==="sm"?"small":"medium",sx:{fontWeight:500,fontSize:o==="xs"?"var(--ov-text-xs)":"var(--ov-text-sm)",...typeof e=="object"&&!Array.isArray(e)?e:{}}})}s.displayName="StatusPill";exports.StatusPill=s;

package/dist/TabPanel-CkUSl6Bt.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),v=require("@mui/material/Tabs"),H=require("@mui/material/Tab"),d=require("@mui/material/Box"),T=require("@mui/material/IconButton"),z=require("@mui/icons-material/Close"),S=require("@mui/icons-material/Add");function g({tabs:s,value:a,onChange:t,variant:r="line",size:o="md",closable:f=!1,onClose:x,scrollable:m=!1,addButton:b=!1,onAdd:h,sx:l}){const u={xs:{fontSize:"0.6875rem",minHeight:28,py:.25},sm:{fontSize:"0.75rem",minHeight:32,py:.5},md:{fontSize:"0.8125rem",minHeight:40,py:1},lg:{fontSize:"0.875rem",minHeight:48,py:1.5},xl:{fontSize:"1rem",minHeight:56,py:2}},n=u[o]||u.md,y={line:{},pill:{"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":{borderRadius:"999px",minHeight:n.minHeight,"&.Mui-selected":{bgcolor:"var(--ov-accent-subtle)",color:"var(--ov-accent-fg)"}}},segmented:{bgcolor:"var(--ov-bg-surface-inset)",borderRadius:"8px",p:.5,minHeight:"auto","& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":{borderRadius:"6px",minHeight:n.minHeight-8,"&.Mui-selected":{bgcolor:"var(--ov-bg-surface)",color:"var(--ov-fg-base)",boxShadow:"var(--ov-shadow-sm)"}}}};return e.jsxs(d,{sx:{display:"flex",alignItems:"center",...typeof l=="object"&&!Array.isArray(l)?l:{}},children:[e.jsx(v,{value:a,onChange:(i,c)=>t(c),variant:m?"scrollable":"standard",scrollButtons:m?"auto":!1,sx:{minHeight:n.minHeight,...y[r]},children:s.map(i=>e.jsx(H,{value:i.key,label:e.jsxs(d,{sx:{display:"flex",alignItems:"center",gap:.5},children:[i.icon,e.jsx("span",{children:i.label}),f&&e.jsx(z,{sx:{fontSize:14,ml:.5,opacity:.6,"&:hover":{opacity:1}},onClick:c=>{c.stopPropagation(),x?.(i.key)}})]}),disabled:i.disabled,sx:{fontSize:n.fontSize,minHeight:n.minHeight,py:n.py,textTransform:"none",color:"var(--ov-fg-default)"}},i.key))}),b&&e.jsx(T,{size:"small",onClick:h,sx:{ml:.5},children:e.jsx(S,{fontSize:"small"})})]})}g.displayName="Tabs";function p({value:s,activeValue:a,children:t,keepMounted:r=!1}){const o=s===a;return!o&&!r?null:e.jsx(d,{role:"tabpanel",hidden:!o,sx:{display:o?void 0:"none"},children:t})}p.displayName="TabPanel";exports.TabPanel=p;exports.Tabs=g;

package/dist/TabPanel-DLHbgKpl.js

@@ -0,0 +1,124 @@
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import v from "@mui/material/Tabs";
+import x from "@mui/material/Tab";
+import c from "@mui/material/Box";
+import H from "@mui/material/IconButton";
+import z from "@mui/icons-material/Close";
+import S from "@mui/icons-material/Add";
+function T({
+  tabs: a,
+  value: r,
+  onChange: t,
+  variant: s = "line",
+  size: n = "md",
+  closable: g = !1,
+  onClose: u,
+  scrollable: d = !1,
+  addButton: h = !1,
+  onAdd: y,
+  sx: l
+}) {
+  const p = {
+    xs: { fontSize: "0.6875rem", minHeight: 28, py: 0.25 },
+    sm: { fontSize: "0.75rem", minHeight: 32, py: 0.5 },
+    md: { fontSize: "0.8125rem", minHeight: 40, py: 1 },
+    lg: { fontSize: "0.875rem", minHeight: 48, py: 1.5 },
+    xl: { fontSize: "1rem", minHeight: 56, py: 2 }
+  }, o = p[n] || p.md, b = {
+    line: {},
+    pill: {
+      "& .MuiTabs-indicator": { display: "none" },
+      "& .MuiTab-root": {
+        borderRadius: "999px",
+        minHeight: o.minHeight,
+        "&.Mui-selected": {
+          bgcolor: "var(--ov-accent-subtle)",
+          color: "var(--ov-accent-fg)"
+        }
+      }
+    },
+    segmented: {
+      bgcolor: "var(--ov-bg-surface-inset)",
+      borderRadius: "8px",
+      p: 0.5,
+      minHeight: "auto",
+      "& .MuiTabs-indicator": { display: "none" },
+      "& .MuiTab-root": {
+        borderRadius: "6px",
+        minHeight: o.minHeight - 8,
+        "&.Mui-selected": {
+          bgcolor: "var(--ov-bg-surface)",
+          color: "var(--ov-fg-base)",
+          boxShadow: "var(--ov-shadow-sm)"
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ f(c, { sx: { display: "flex", alignItems: "center", ...typeof l == "object" && !Array.isArray(l) ? l : {} }, children: [
+    /* @__PURE__ */ i(
+      v,
+      {
+        value: r,
+        onChange: (e, m) => t(m),
+        variant: d ? "scrollable" : "standard",
+        scrollButtons: d ? "auto" : !1,
+        sx: {
+          minHeight: o.minHeight,
+          ...b[s]
+        },
+        children: a.map((e) => /* @__PURE__ */ i(
+          x,
+          {
+            value: e.key,
+            label: /* @__PURE__ */ f(c, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+              e.icon,
+              /* @__PURE__ */ i("span", { children: e.label }),
+              g && /* @__PURE__ */ i(
+                z,
+                {
+                  sx: { fontSize: 14, ml: 0.5, opacity: 0.6, "&:hover": { opacity: 1 } },
+                  onClick: (m) => {
+                    m.stopPropagation(), u?.(e.key);
+                  }
+                }
+              )
+            ] }),
+            disabled: e.disabled,
+            sx: {
+              fontSize: o.fontSize,
+              minHeight: o.minHeight,
+              py: o.py,
+              textTransform: "none",
+              color: "var(--ov-fg-default)"
+            }
+          },
+          e.key
+        ))
+      }
+    ),
+    h && /* @__PURE__ */ i(H, { size: "small", onClick: y, sx: { ml: 0.5 }, children: /* @__PURE__ */ i(S, { fontSize: "small" }) })
+  ] });
+}
+T.displayName = "Tabs";
+function M({
+  value: a,
+  activeValue: r,
+  children: t,
+  keepMounted: s = !1
+}) {
+  const n = a === r;
+  return !n && !s ? null : /* @__PURE__ */ i(
+    c,
+    {
+      role: "tabpanel",
+      hidden: !n,
+      sx: { display: n ? void 0 : "none" },
+      children: t
+    }
+  );
+}
+M.displayName = "TabPanel";
+export {
+  M as T,
+  T as a
+};

package/dist/Text-By4P3in5.js

@@ -0,0 +1,71 @@
+import { jsx as y } from "react/jsx-runtime";
+import v from "@mui/material/Typography";
+import { toCssColor as x } from "./types.js";
+const u = {
+  body: "body2",
+  caption: "caption",
+  overline: "overline",
+  mono: "body2",
+  code: "body2"
+}, m = {
+  xs: "0.625rem",
+  sm: "0.75rem",
+  md: "0.875rem",
+  lg: "1rem",
+  xl: "1.125rem"
+}, g = {
+  normal: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700
+};
+function C({
+  children: d,
+  variant: o = "body",
+  color: t,
+  size: e,
+  weight: i,
+  truncate: p = !1,
+  noWrap: l = !1,
+  lines: r,
+  muted: s = !1,
+  inline: k = !1,
+  component: c,
+  sx: n
+}) {
+  const f = u[o], b = o === "mono" || o === "code", a = s ? "var(--ov-fg-muted)" : t ? x(t) : void 0;
+  return /* @__PURE__ */ y(
+    v,
+    {
+      variant: f,
+      component: c ?? "span",
+      noWrap: l || p,
+      sx: {
+        ...a && { color: a },
+        ...e && { fontSize: m[e] },
+        ...i && { fontWeight: g[i] },
+        ...b && {
+          fontFamily: "var(--ov-font-mono)",
+          fontSize: e ? m[e] : o === "code" ? "0.85em" : void 0
+        },
+        ...o === "code" && {
+          backgroundColor: "var(--ov-bg-surface-inset)",
+          padding: "1px 4px",
+          borderRadius: "3px"
+        },
+        ...r && r > 0 && {
+          display: "-webkit-box",
+          WebkitLineClamp: r,
+          WebkitBoxOrient: "vertical",
+          overflow: "hidden"
+        },
+        ...typeof n == "object" && !Array.isArray(n) ? n : {}
+      },
+      children: d
+    }
+  );
+}
+C.displayName = "Text";
+export {
+  C as T
+};

package/dist/Text-Mk6Uyg1w.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("react/jsx-runtime"),v=require("@mui/material/Typography"),x=require("./types.cjs"),g={body:"body2",caption:"caption",overline:"overline",mono:"body2",code:"body2"},a={xs:"0.625rem",sm:"0.75rem",md:"0.875rem",lg:"1rem",xl:"1.125rem"},C={normal:400,medium:500,semibold:600,bold:700};function d({children:c,variant:o="body",color:t,size:e,weight:i,truncate:m=!1,noWrap:l=!1,lines:n,muted:p=!1,inline:k=!1,component:b,sx:r}){const f=g[o],y=o==="mono"||o==="code",s=p?"var(--ov-fg-muted)":t?x.toCssColor(t):void 0;return u.jsx(v,{variant:f,component:b??"span",noWrap:l||m,sx:{...s&&{color:s},...e&&{fontSize:a[e]},...i&&{fontWeight:C[i]},...y&&{fontFamily:"var(--ov-font-mono)",fontSize:e?a[e]:o==="code"?"0.85em":void 0},...o==="code"&&{backgroundColor:"var(--ov-bg-surface-inset)",padding:"1px 4px",borderRadius:"3px"},...n&&n>0&&{display:"-webkit-box",WebkitLineClamp:n,WebkitBoxOrient:"vertical",overflow:"hidden"},...typeof r=="object"&&!Array.isArray(r)?r:{}},children:c})}d.displayName="Text";exports.Text=d;

package/dist/Tooltip-44-P5KfQ.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),p=require("@mui/material/Tooltip"),s=require("@mui/material/Box");function n({title:t,content:l,variant:o="default",placement:c="top",delay:r,children:x}){const i=t??l??"",u=o==="code"?e.jsx(s,{sx:{fontFamily:"var(--ov-font-mono)",fontSize:"var(--ov-text-xs)",bgcolor:"var(--ov-bg-surface-inset)",px:1,py:.5,borderRadius:"3px"},children:i}):o==="rich"?e.jsx(s,{sx:{p:1,maxWidth:320},children:i}):t;return e.jsx(p,{title:u,placement:c,enterDelay:r,enterNextDelay:r,arrow:o==="default",children:x})}n.displayName="Tooltip";exports.Tooltip=n;

package/dist/Tooltip-BEVuYuZ3.js

@@ -0,0 +1,41 @@
+import { jsx as t } from "react/jsx-runtime";
+import x from "@mui/material/Tooltip";
+import n from "@mui/material/Box";
+function a({
+  title: e,
+  content: l,
+  variant: o = "default",
+  placement: p = "top",
+  delay: r,
+  children: s
+}) {
+  const i = e ?? l ?? "";
+  return /* @__PURE__ */ t(
+    x,
+    {
+      title: o === "code" ? /* @__PURE__ */ t(
+        n,
+        {
+          sx: {
+            fontFamily: "var(--ov-font-mono)",
+            fontSize: "var(--ov-text-xs)",
+            bgcolor: "var(--ov-bg-surface-inset)",
+            px: 1,
+            py: 0.5,
+            borderRadius: "3px"
+          },
+          children: i
+        }
+      ) : o === "rich" ? /* @__PURE__ */ t(n, { sx: { p: 1, maxWidth: 320 }, children: i }) : e,
+      placement: p,
+      enterDelay: r,
+      enterNextDelay: r,
+      arrow: o === "default",
+      children: s
+    }
+  );
+}
+a.displayName = "Tooltip";
+export {
+  a as T
+};

package/dist/_commonjsHelpers-CvWRHxnb.js

@@ -0,0 +1,26 @@
+function a() {
+  return a = Object.assign ? Object.assign.bind() : function(t) {
+    for (var n = 1; n < arguments.length; n++) {
+      var r = arguments[n];
+      for (var e in r) ({}).hasOwnProperty.call(r, e) && (t[e] = r[e]);
+    }
+    return t;
+  }, a.apply(null, arguments);
+}
+function o(t, n) {
+  if (t == null) return {};
+  var r = {};
+  for (var e in t) if ({}.hasOwnProperty.call(t, e)) {
+    if (n.indexOf(e) !== -1) continue;
+    r[e] = t[e];
+  }
+  return r;
+}
+function u(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  o as _,
+  a,
+  u as g
+};

package/dist/_commonjsHelpers-D3HyQheV.cjs

@@ -0,0 +1 @@
+"use strict";function o(){return o=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var e in r)({}).hasOwnProperty.call(r,e)&&(t[e]=r[e])}return t},o.apply(null,arguments)}function u(t,n){if(t==null)return{};var r={};for(var e in t)if({}.hasOwnProperty.call(t,e)){if(n.indexOf(e)!==-1)continue;r[e]=t[e]}return r}function a(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}exports._extends=o;exports._objectWithoutPropertiesLoose=u;exports.getDefaultExportFromCjs=a;

package/dist/buttons/ActionMenu.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { ComponentSize, SemanticColor } from '../types';
+export interface ActionMenuItem {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    color?: SemanticColor;
+    disabled?: boolean;
+    dividerAfter?: boolean;
+    onClick: () => void;
+}
+export interface ActionMenuProps {
+    items: ActionMenuItem[];
+    trigger?: React.ReactNode;
+    size?: ComponentSize;
+}
+declare function ActionMenu({ items, trigger, size, }: ActionMenuProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ActionMenu {
+    var displayName: string;
+}
+export default ActionMenu;