@omniviewdev/ui 0.1.0

package/dist/buttons/Button.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, Emphasis, ComponentSize, Shape } from '../types';
+export interface ButtonProps {
+    children: React.ReactNode;
+    color?: SemanticColor;
+    emphasis?: Emphasis;
+    size?: ComponentSize;
+    shape?: Shape;
+    loading?: boolean;
+    loadingPosition?: 'start' | 'center' | 'end';
+    disabled?: boolean;
+    startIcon?: React.ReactNode;
+    /** Alias for startIcon */
+    startAdornment?: React.ReactNode;
+    /** Alias for startIcon (single icon shorthand) */
+    icon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    /** Alias for endIcon */
+    endAdornment?: React.ReactNode;
+    fullWidth?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    type?: 'button' | 'submit' | 'reset';
+    href?: string;
+    sx?: SxProps<Theme>;
+}
+declare function Button({ children, color, emphasis, size, shape, loading, loadingPosition, disabled, startIcon, startAdornment, icon, endIcon, endAdornment, fullWidth, onClick, type, href, sx, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Button {
+    var displayName: string;
+}
+export default Button;

package/dist/buttons/ButtonGroup.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, Emphasis, ComponentSize } from '../types';
+export interface ButtonGroupProps {
+    children: React.ReactNode;
+    emphasis?: Emphasis;
+    size?: ComponentSize;
+    color?: SemanticColor;
+    fullWidth?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    disabled?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function ButtonGroup({ children, emphasis, size, color, fullWidth, orientation, disabled, sx, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ButtonGroup {
+    var displayName: string;
+}
+export default ButtonGroup;

package/dist/buttons/ConfirmButton.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps } from './Button';
+export interface ConfirmButtonProps extends Omit<ButtonProps, 'onClick'> {
+    onConfirm: () => void;
+    confirmMessage?: string;
+}
+declare function ConfirmButton({ onConfirm, confirmMessage, children, ...buttonProps }: ConfirmButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ConfirmButton {
+    var displayName: string;
+}
+export default ConfirmButton;

package/dist/buttons/CopyButton.d.ts

@@ -0,0 +1,11 @@
+import { ComponentSize } from '../types';
+export interface CopyButtonProps {
+    value: string;
+    size?: ComponentSize;
+    label?: string;
+}
+declare function CopyButton({ value, size, label }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CopyButton {
+    var displayName: string;
+}
+export default CopyButton;

package/dist/buttons/IconButton.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, Emphasis, ComponentSize, Shape } from '../types';
+export interface IconButtonProps {
+    children: React.ReactNode;
+    color?: SemanticColor;
+    emphasis?: Emphasis;
+    size?: ComponentSize;
+    shape?: Shape;
+    loading?: boolean;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    'aria-label'?: string;
+    title?: string;
+    sx?: SxProps<Theme>;
+}
+declare function IconButton({ children, color, emphasis, size, shape, loading, disabled, onClick, title, sx, ...rest }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace IconButton {
+    var displayName: string;
+}
+export default IconButton;

package/dist/buttons/SearchBar.d.ts

@@ -0,0 +1,22 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { ComponentSize } from '../types';
+export interface SearchBarProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    regex?: boolean;
+    caseSensitive?: boolean;
+    onRegexChange?: (enabled: boolean) => void;
+    onCaseSensitiveChange?: (enabled: boolean) => void;
+    matchCount?: number;
+    currentMatch?: number;
+    onNext?: () => void;
+    onPrev?: () => void;
+    size?: ComponentSize;
+    sx?: SxProps<Theme>;
+}
+declare function SearchBar({ value, onChange, placeholder, regex, caseSensitive, onRegexChange, onCaseSensitiveChange, matchCount, currentMatch, onNext, onPrev, size, sx, }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SearchBar {
+    var displayName: string;
+}
+export default SearchBar;

package/dist/buttons/ToggleButton.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, ComponentSize } from '../types';
+export interface ToggleButtonProps {
+    selected: boolean;
+    onChange: (selected: boolean) => void;
+    icon: React.ReactNode;
+    label?: string;
+    size?: ComponentSize;
+    color?: SemanticColor;
+    disabled?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function ToggleButton({ selected, onChange, icon, label, size, color, disabled, sx, }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ToggleButton {
+    var displayName: string;
+}
+export default ToggleButton;

package/dist/buttons/ToggleGroup.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, ComponentSize } from '../types';
+export interface ToggleOption {
+    key: string;
+    label?: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface ToggleGroupProps {
+    value: string | string[];
+    onChange: (value: string | string[]) => void;
+    options: ToggleOption[];
+    exclusive?: boolean;
+    size?: ComponentSize;
+    color?: SemanticColor;
+    sx?: SxProps<Theme>;
+}
+declare function ToggleGroup({ value, onChange, options, exclusive, size, color, sx, }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ToggleGroup {
+    var displayName: string;
+}
+export default ToggleGroup;

package/dist/buttons/Toolbar.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { ComponentSize } from '../types';
+export interface ToolbarProps {
+    children: React.ReactNode;
+    size?: ComponentSize;
+    variant?: 'default' | 'dense';
+    dividers?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function Toolbar({ children, variant, dividers, sx, }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Toolbar {
+    var displayName: string;
+}
+export default Toolbar;

package/dist/buttons/ToolbarGroup.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface ToolbarGroupProps {
+    children: React.ReactNode;
+    sx?: SxProps<Theme>;
+}
+declare function ToolbarGroup({ children, sx }: ToolbarGroupProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ToolbarGroup {
+    var displayName: string;
+}
+export default ToolbarGroup;

package/dist/buttons/index.d.ts

@@ -0,0 +1,22 @@
+export { default as Button } from './Button';
+export type { ButtonProps } from './Button';
+export { default as IconButton } from './IconButton';
+export type { IconButtonProps } from './IconButton';
+export { default as CopyButton } from './CopyButton';
+export type { CopyButtonProps } from './CopyButton';
+export { default as ConfirmButton } from './ConfirmButton';
+export type { ConfirmButtonProps } from './ConfirmButton';
+export { default as ActionMenu } from './ActionMenu';
+export type { ActionMenuProps, ActionMenuItem } from './ActionMenu';
+export { default as ButtonGroup } from './ButtonGroup';
+export type { ButtonGroupProps } from './ButtonGroup';
+export { default as Toolbar } from './Toolbar';
+export type { ToolbarProps } from './Toolbar';
+export { default as ToolbarGroup } from './ToolbarGroup';
+export type { ToolbarGroupProps } from './ToolbarGroup';
+export { default as ToggleButton } from './ToggleButton';
+export type { ToggleButtonProps } from './ToggleButton';
+export { default as ToggleGroup } from './ToggleGroup';
+export type { ToggleGroupProps, ToggleOption } from './ToggleGroup';
+export { default as SearchBar } from './SearchBar';
+export type { SearchBarProps } from './SearchBar';

package/dist/buttons.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./Button-Dmu1cikC.cjs"),B=require("./CopyButton-CACe3RCF.cjs"),o=require("react/jsx-runtime"),g=require("react"),O=require("@mui/material/Popover"),m=require("@mui/material/Box"),z=require("@mui/material/Typography"),w=require("@mui/material/Menu"),N=require("@mui/material/MenuItem"),E=require("@mui/material/ListItemIcon"),$=require("@mui/material/ListItemText"),D=require("@mui/material/Divider"),K=require("@mui/icons-material/MoreVert"),W=require("@mui/material/ButtonGroup"),d=require("./types.cjs"),v=require("@mui/material/IconButton"),C=require("@mui/material/Tooltip"),F=require("@mui/material/ToggleButton"),U=require("@mui/material/ToggleButtonGroup"),V=require("@mui/material/InputBase"),P=require("@mui/icons-material/Search"),b=require("react-icons/lu");function q({onConfirm:n,confirmMessage:e="Are you sure?",children:c,...t}){const[s,i]=g.useState(!1),a=g.useRef(null);return o.jsxs(o.Fragment,{children:[o.jsx(m,{component:"span",ref:a,sx:{display:"inline-flex"},children:o.jsx(y.Button,{...t,onClick:()=>i(!0),children:c})}),o.jsxs(O,{open:s,anchorEl:a.current,onClose:()=>i(!1),anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},slotProps:{paper:{sx:{p:2,mt:.5,minWidth:200,bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-border-default)"}}},children:[o.jsx(z,{variant:"body2",sx:{color:"var(--ov-fg-default)",mb:1.5},children:e}),o.jsxs(m,{sx:{display:"flex",gap:1,justifyContent:"flex-end"},children:[o.jsx(y.Button,{size:"xs",emphasis:"ghost",color:"neutral",onClick:()=>i(!1),children:"Cancel"}),o.jsx(y.Button,{size:"xs",emphasis:"solid",color:"danger",onClick:()=>{i(!1),n()},children:"Confirm"})]})]})]})}q.displayName="ConfirmButton";function S({items:n,trigger:e,size:c="sm"}){const[t,s]=g.useState(!1),i=g.useRef(null),a=()=>s(!1);return o.jsxs(o.Fragment,{children:[o.jsx("span",{ref:i,children:e?o.jsx("span",{onClick:()=>s(!0),style:{cursor:"pointer"},children:e}):o.jsx(B.IconButton,{size:c,color:"neutral",onClick:()=>s(!0),"aria-label":"Actions",children:o.jsx(K,{fontSize:"inherit"})})}),o.jsx(w,{open:t,anchorEl:i.current,onClose:a,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{sx:{minWidth:160,bgcolor:"var(--ov-bg-surface)",border:"1px solid var(--ov-border-default)"}}},children:n.map(r=>[o.jsxs(N,{disabled:r.disabled,onClick:()=>{a(),r.onClick()},sx:{fontSize:"var(--ov-text-sm)",color:r.color==="danger"||r.color==="error"?"var(--ov-danger-default)":"var(--ov-fg-default)"},children:[r.icon&&o.jsx(E,{sx:{color:"inherit",minWidth:28},children:r.icon}),o.jsx($,{children:r.label})]},r.key),r.dividerAfter&&o.jsx(D,{},`${r.key}-divider`)])})]})}S.displayName="ActionMenu";function k({children:n,emphasis:e="outline",size:c="sm",color:t="neutral",fullWidth:s,orientation:i="horizontal",disabled:a,sx:r}){const p=d.toMuiColor(t),u=d.toMuiVariant(e),l=d.toMuiSize(c);return o.jsx(W,{color:p,variant:u,size:l,fullWidth:s,orientation:i,disabled:a,sx:r,children:n})}k.displayName="ButtonGroup";const _={default:36,dense:28};function M({children:n,variant:e="default",dividers:c=!1,sx:t}){const s=_[e];return o.jsx(m,{sx:{display:"flex",alignItems:"center",height:s,gap:c?0:.5,px:.5,bgcolor:"var(--ov-bg-surface)",...c&&{"& > *:not(:last-child)::after":{content:'""',display:"block",width:"1px",height:"60%",bgcolor:"var(--ov-border-muted)",ml:.5,mr:.5,flexShrink:0}},...typeof t=="object"&&!Array.isArray(t)?t:{}},children:n})}M.displayName="Toolbar";function T({children:n,sx:e}){return o.jsx(m,{sx:{display:"flex",alignItems:"center",gap:"2px",...typeof e=="object"&&!Array.isArray(e)?e:{}},children:n})}T.displayName="ToolbarGroup";function A({selected:n,onChange:e,icon:c,label:t,size:s="sm",color:i="primary",disabled:a,sx:r}){const p=d.toMuiSize(s),u=d.toCssColor(i),l=o.jsx(v,{size:p,disabled:a,onClick:()=>e(!n),sx:{borderRadius:"4px",color:n?u:"var(--ov-fg-muted)",bgcolor:n?"var(--ov-state-hover)":"transparent","&:hover":{bgcolor:"var(--ov-state-hover)"},...typeof r=="object"&&!Array.isArray(r)?r:{}},children:c});return t?o.jsx(C,{title:t,children:l}):l}A.displayName="ToggleButton";function I({value:n,onChange:e,options:c,exclusive:t=!0,size:s="sm",color:i="primary",sx:a}){const r=d.toMuiSize(s),p=d.toCssColor(i),u=(l,x)=>{x!==null&&e(x)};return o.jsx(U,{value:n,exclusive:t,onChange:u,size:r,sx:{"& .Mui-selected":{color:`${p} !important`,bgcolor:"var(--ov-state-hover) !important"},...typeof a=="object"&&!Array.isArray(a)?a:{}},children:c.map(l=>o.jsxs(F,{value:l.key,disabled:l.disabled,sx:{fontSize:"var(--ov-text-sm)",textTransform:"none",px:1.5,gap:.5},children:[l.icon,l.label]},l.key))})}I.displayName="ToggleGroup";const H={xs:24,sm:28,md:32,lg:36,xl:40};function G({value:n,onChange:e,placeholder:c="Search...",regex:t,caseSensitive:s,onRegexChange:i,onCaseSensitiveChange:a,matchCount:r,currentMatch:p,onNext:u,onPrev:l,size:x="sm",sx:j}){const R=H[x],h=x==="xs"?12:14,L=g.useCallback(f=>{f.key==="Enter"&&(f.shiftKey?l?.():u?.()),f.key==="Escape"&&f.target.blur()},[u,l]);return o.jsxs(m,{sx:{display:"flex",alignItems:"center",height:R,border:"1px solid var(--ov-border-default)",borderRadius:"4px",bgcolor:"var(--ov-bg-surface)",px:.5,gap:"2px","&:focus-within":{borderColor:"var(--ov-accent)"},...typeof j=="object"&&!Array.isArray(j)?j:{}},children:[o.jsx(P,{sx:{fontSize:h+2,color:"var(--ov-fg-muted)",ml:.25}}),o.jsx(V,{value:n,onChange:f=>e(f.target.value),onKeyDown:L,placeholder:c,sx:{flex:1,fontSize:x==="xs"?"var(--ov-text-xs)":"var(--ov-text-sm)",color:"var(--ov-fg-default)","& input":{py:0,px:.5},"& input::placeholder":{color:"var(--ov-fg-faint)",opacity:1}}}),a&&o.jsx(C,{title:"Match Case",children:o.jsx(v,{size:"small",onClick:()=>a(!s),sx:{borderRadius:"3px",p:"2px",color:s?"var(--ov-accent-fg)":"var(--ov-fg-faint)",bgcolor:s?"var(--ov-accent-subtle)":"transparent"},children:o.jsx(b.LuCaseSensitive,{size:h})})}),i&&o.jsx(C,{title:"Use Regular Expression",children:o.jsx(v,{size:"small",onClick:()=>i(!t),sx:{borderRadius:"3px",p:"2px",color:t?"var(--ov-accent-fg)":"var(--ov-fg-faint)",bgcolor:t?"var(--ov-accent-subtle)":"transparent"},children:o.jsx(b.LuRegex,{size:h})})}),r!==void 0&&o.jsx(z,{sx:{fontSize:"var(--ov-text-xs)",color:"var(--ov-fg-muted)",whiteSpace:"nowrap",px:.5},children:r===0?"No results":`${(p??0)+1}/${r}`}),l&&o.jsx(v,{size:"small",onClick:l,sx:{p:"2px"},children:o.jsx(b.LuChevronUp,{size:h})}),u&&o.jsx(v,{size:"small",onClick:u,sx:{p:"2px"},children:o.jsx(b.LuChevronDown,{size:h})})]})}G.displayName="SearchBar";exports.Button=y.Button;exports.CopyButton=B.CopyButton;exports.IconButton=B.IconButton;exports.ActionMenu=S;exports.ButtonGroup=k;exports.ConfirmButton=q;exports.SearchBar=G;exports.ToggleButton=A;exports.ToggleGroup=I;exports.Toolbar=M;exports.ToolbarGroup=T;

package/dist/buttons.js

@@ -0,0 +1,430 @@
+import { B as b } from "./Button-lr02bh_m.js";
+import { I } from "./CopyButton-DPBgL0K8.js";
+import { C as jo } from "./CopyButton-DPBgL0K8.js";
+import { jsxs as f, Fragment as z, jsx as o } from "react/jsx-runtime";
+import { useState as k, useRef as B, useCallback as j } from "react";
+import G from "@mui/material/Popover";
+import g from "@mui/material/Box";
+import M from "@mui/material/Typography";
+import R from "@mui/material/Menu";
+import w from "@mui/material/MenuItem";
+import L from "@mui/material/ListItemIcon";
+import N from "@mui/material/ListItemText";
+import O from "@mui/material/Divider";
+import E from "@mui/icons-material/MoreVert";
+import $ from "@mui/material/ButtonGroup";
+import { toMuiColor as D, toMuiVariant as K, toMuiSize as C, toCssColor as S } from "./types.js";
+import v from "@mui/material/IconButton";
+import y from "@mui/material/Tooltip";
+import W from "@mui/material/ToggleButton";
+import U from "@mui/material/ToggleButtonGroup";
+import V from "@mui/material/InputBase";
+import F from "@mui/icons-material/Search";
+import { LuCaseSensitive as _, LuRegex as q, LuChevronUp as H, LuChevronDown as J } from "react-icons/lu";
+function P({
+  onConfirm: n,
+  confirmMessage: e = "Are you sure?",
+  children: c,
+  ...t
+}) {
+  const [i, a] = k(!1), l = B(null);
+  return /* @__PURE__ */ f(z, { children: [
+    /* @__PURE__ */ o(g, { component: "span", ref: l, sx: { display: "inline-flex" }, children: /* @__PURE__ */ o(b, { ...t, onClick: () => a(!0), children: c }) }),
+    /* @__PURE__ */ f(
+      G,
+      {
+        open: i,
+        anchorEl: l.current,
+        onClose: () => a(!1),
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        transformOrigin: { vertical: "top", horizontal: "center" },
+        slotProps: {
+          paper: {
+            sx: {
+              p: 2,
+              mt: 0.5,
+              minWidth: 200,
+              bgcolor: "var(--ov-bg-surface)",
+              border: "1px solid var(--ov-border-default)"
+            }
+          }
+        },
+        children: [
+          /* @__PURE__ */ o(
+            M,
+            {
+              variant: "body2",
+              sx: { color: "var(--ov-fg-default)", mb: 1.5 },
+              children: e
+            }
+          ),
+          /* @__PURE__ */ f(g, { sx: { display: "flex", gap: 1, justifyContent: "flex-end" }, children: [
+            /* @__PURE__ */ o(
+              b,
+              {
+                size: "xs",
+                emphasis: "ghost",
+                color: "neutral",
+                onClick: () => a(!1),
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ o(
+              b,
+              {
+                size: "xs",
+                emphasis: "solid",
+                color: "danger",
+                onClick: () => {
+                  a(!1), n();
+                },
+                children: "Confirm"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+P.displayName = "ConfirmButton";
+function Q({
+  items: n,
+  trigger: e,
+  size: c = "sm"
+}) {
+  const [t, i] = k(!1), a = B(null), l = () => i(!1);
+  return /* @__PURE__ */ f(z, { children: [
+    /* @__PURE__ */ o("span", { ref: a, children: e ? /* @__PURE__ */ o("span", { onClick: () => i(!0), style: { cursor: "pointer" }, children: e }) : /* @__PURE__ */ o(
+      I,
+      {
+        size: c,
+        color: "neutral",
+        onClick: () => i(!0),
+        "aria-label": "Actions",
+        children: /* @__PURE__ */ o(E, { fontSize: "inherit" })
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      R,
+      {
+        open: t,
+        anchorEl: a.current,
+        onClose: l,
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        transformOrigin: { vertical: "top", horizontal: "right" },
+        slotProps: {
+          paper: {
+            sx: {
+              minWidth: 160,
+              bgcolor: "var(--ov-bg-surface)",
+              border: "1px solid var(--ov-border-default)"
+            }
+          }
+        },
+        children: n.map((r) => [
+          /* @__PURE__ */ f(
+            w,
+            {
+              disabled: r.disabled,
+              onClick: () => {
+                l(), r.onClick();
+              },
+              sx: {
+                fontSize: "var(--ov-text-sm)",
+                color: r.color === "danger" || r.color === "error" ? "var(--ov-danger-default)" : "var(--ov-fg-default)"
+              },
+              children: [
+                r.icon && /* @__PURE__ */ o(L, { sx: { color: "inherit", minWidth: 28 }, children: r.icon }),
+                /* @__PURE__ */ o(N, { children: r.label })
+              ]
+            },
+            r.key
+          ),
+          r.dividerAfter && /* @__PURE__ */ o(O, {}, `${r.key}-divider`)
+        ])
+      }
+    )
+  ] });
+}
+Q.displayName = "ActionMenu";
+function X({
+  children: n,
+  emphasis: e = "outline",
+  size: c = "sm",
+  color: t = "neutral",
+  fullWidth: i,
+  orientation: a = "horizontal",
+  disabled: l,
+  sx: r
+}) {
+  const u = D(t), p = K(e), s = C(c);
+  return /* @__PURE__ */ o(
+    $,
+    {
+      color: u,
+      variant: p,
+      size: s,
+      fullWidth: i,
+      orientation: a,
+      disabled: l,
+      sx: r,
+      children: n
+    }
+  );
+}
+X.displayName = "ButtonGroup";
+const Y = {
+  default: 36,
+  dense: 28
+};
+function Z({
+  children: n,
+  variant: e = "default",
+  dividers: c = !1,
+  sx: t
+}) {
+  const i = Y[e];
+  return /* @__PURE__ */ o(
+    g,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        height: i,
+        gap: c ? 0 : 0.5,
+        px: 0.5,
+        bgcolor: "var(--ov-bg-surface)",
+        ...c && {
+          "& > *:not(:last-child)::after": {
+            content: '""',
+            display: "block",
+            width: "1px",
+            height: "60%",
+            bgcolor: "var(--ov-border-muted)",
+            ml: 0.5,
+            mr: 0.5,
+            flexShrink: 0
+          }
+        },
+        ...typeof t == "object" && !Array.isArray(t) ? t : {}
+      },
+      children: n
+    }
+  );
+}
+Z.displayName = "Toolbar";
+function oo({ children: n, sx: e }) {
+  return /* @__PURE__ */ o(
+    g,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: "2px",
+        ...typeof e == "object" && !Array.isArray(e) ? e : {}
+      },
+      children: n
+    }
+  );
+}
+oo.displayName = "ToolbarGroup";
+function ro({
+  selected: n,
+  onChange: e,
+  icon: c,
+  label: t,
+  size: i = "sm",
+  color: a = "primary",
+  disabled: l,
+  sx: r
+}) {
+  const u = C(i), p = S(a), s = /* @__PURE__ */ o(
+    v,
+    {
+      size: u,
+      disabled: l,
+      onClick: () => e(!n),
+      sx: {
+        borderRadius: "4px",
+        color: n ? p : "var(--ov-fg-muted)",
+        bgcolor: n ? "var(--ov-state-hover)" : "transparent",
+        "&:hover": {
+          bgcolor: "var(--ov-state-hover)"
+        },
+        ...typeof r == "object" && !Array.isArray(r) ? r : {}
+      },
+      children: c
+    }
+  );
+  return t ? /* @__PURE__ */ o(y, { title: t, children: s }) : s;
+}
+ro.displayName = "ToggleButton";
+function eo({
+  value: n,
+  onChange: e,
+  options: c,
+  exclusive: t = !0,
+  size: i = "sm",
+  color: a = "primary",
+  sx: l
+}) {
+  const r = C(i), u = S(a);
+  return /* @__PURE__ */ o(
+    U,
+    {
+      value: n,
+      exclusive: t,
+      onChange: (s, d) => {
+        d !== null && e(d);
+      },
+      size: r,
+      sx: {
+        "& .Mui-selected": {
+          color: `${u} !important`,
+          bgcolor: "var(--ov-state-hover) !important"
+        },
+        ...typeof l == "object" && !Array.isArray(l) ? l : {}
+      },
+      children: c.map((s) => /* @__PURE__ */ f(
+        W,
+        {
+          value: s.key,
+          disabled: s.disabled,
+          sx: {
+            fontSize: "var(--ov-text-sm)",
+            textTransform: "none",
+            px: 1.5,
+            gap: 0.5
+          },
+          children: [
+            s.icon,
+            s.label
+          ]
+        },
+        s.key
+      ))
+    }
+  );
+}
+eo.displayName = "ToggleGroup";
+const to = {
+  xs: 24,
+  sm: 28,
+  md: 32,
+  lg: 36,
+  xl: 40
+};
+function no({
+  value: n,
+  onChange: e,
+  placeholder: c = "Search...",
+  regex: t,
+  caseSensitive: i,
+  onRegexChange: a,
+  onCaseSensitiveChange: l,
+  matchCount: r,
+  currentMatch: u,
+  onNext: p,
+  onPrev: s,
+  size: d = "sm",
+  sx: x
+}) {
+  const A = to[d], h = d === "xs" ? 12 : 14, T = j((m) => {
+    m.key === "Enter" && (m.shiftKey ? s?.() : p?.()), m.key === "Escape" && m.target.blur();
+  }, [p, s]);
+  return /* @__PURE__ */ f(
+    g,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        height: A,
+        border: "1px solid var(--ov-border-default)",
+        borderRadius: "4px",
+        bgcolor: "var(--ov-bg-surface)",
+        px: 0.5,
+        gap: "2px",
+        "&:focus-within": {
+          borderColor: "var(--ov-accent)"
+        },
+        ...typeof x == "object" && !Array.isArray(x) ? x : {}
+      },
+      children: [
+        /* @__PURE__ */ o(F, { sx: { fontSize: h + 2, color: "var(--ov-fg-muted)", ml: 0.25 } }),
+        /* @__PURE__ */ o(
+          V,
+          {
+            value: n,
+            onChange: (m) => e(m.target.value),
+            onKeyDown: T,
+            placeholder: c,
+            sx: {
+              flex: 1,
+              fontSize: d === "xs" ? "var(--ov-text-xs)" : "var(--ov-text-sm)",
+              color: "var(--ov-fg-default)",
+              "& input": { py: 0, px: 0.5 },
+              "& input::placeholder": { color: "var(--ov-fg-faint)", opacity: 1 }
+            }
+          }
+        ),
+        l && /* @__PURE__ */ o(y, { title: "Match Case", children: /* @__PURE__ */ o(
+          v,
+          {
+            size: "small",
+            onClick: () => l(!i),
+            sx: {
+              borderRadius: "3px",
+              p: "2px",
+              color: i ? "var(--ov-accent-fg)" : "var(--ov-fg-faint)",
+              bgcolor: i ? "var(--ov-accent-subtle)" : "transparent"
+            },
+            children: /* @__PURE__ */ o(_, { size: h })
+          }
+        ) }),
+        a && /* @__PURE__ */ o(y, { title: "Use Regular Expression", children: /* @__PURE__ */ o(
+          v,
+          {
+            size: "small",
+            onClick: () => a(!t),
+            sx: {
+              borderRadius: "3px",
+              p: "2px",
+              color: t ? "var(--ov-accent-fg)" : "var(--ov-fg-faint)",
+              bgcolor: t ? "var(--ov-accent-subtle)" : "transparent"
+            },
+            children: /* @__PURE__ */ o(q, { size: h })
+          }
+        ) }),
+        r !== void 0 && /* @__PURE__ */ o(
+          M,
+          {
+            sx: {
+              fontSize: "var(--ov-text-xs)",
+              color: "var(--ov-fg-muted)",
+              whiteSpace: "nowrap",
+              px: 0.5
+            },
+            children: r === 0 ? "No results" : `${(u ?? 0) + 1}/${r}`
+          }
+        ),
+        s && /* @__PURE__ */ o(v, { size: "small", onClick: s, sx: { p: "2px" }, children: /* @__PURE__ */ o(H, { size: h }) }),
+        p && /* @__PURE__ */ o(v, { size: "small", onClick: p, sx: { p: "2px" }, children: /* @__PURE__ */ o(J, { size: h }) })
+      ]
+    }
+  );
+}
+no.displayName = "SearchBar";
+export {
+  Q as ActionMenu,
+  b as Button,
+  X as ButtonGroup,
+  P as ConfirmButton,
+  jo as CopyButton,
+  I as IconButton,
+  no as SearchBar,
+  ro as ToggleButton,
+  eo as ToggleGroup,
+  Z as Toolbar,
+  oo as ToolbarGroup
+};

package/dist/cells/BadgesCell.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+type ColorName = 'success' | 'warning' | 'danger' | 'primary' | 'neutral';
+type Props = {
+    /** The values to use for calculating the badge colors */
+    values: string[];
+    /** Specify mapping of values to badges that will change with the input */
+    colorMap: Record<string, ColorName>;
+    /** The horizontal alignment of the text. Default is 'left' */
+    align?: 'left' | 'right' | 'center' | 'justify';
+    /** The contents to put in the menu on hover, if any */
+    hoverMenu?: (value: string) => React.ReactNode;
+    /** The time to wait before showing the hover menu, in ms. Defaults to 200ms */
+    hoverMenuDelay?: number;
+};
+/**
+ * Render a list of colored badge dots for the generic resource table.
+ */
+export declare const BadgesCell: React.FC<Props>;
+export default BadgesCell;