@omniviewdev/ui 0.1.11 → 0.2.0

package/dist/{Select-D61fKI8Y.js → Select-Dg7Xdulg.js}

@@ -1,7 +1,7 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { useState as w, useMemo as K } from "react";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { useState as P, useMemo as K } from "react";
 import R from "@mui/material/Select";
-import M from "@mui/material/MenuItem";
+import w from "@mui/material/MenuItem";
 import U from "@mui/material/FormControl";
 import V from "@mui/material/InputLabel";
 import G from "@mui/material/FormHelperText";
@@ -14,32 +14,32 @@ 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";
+import { INPUT_HEIGHTS as oo, toMuiInputSize as to, toMuiColor as eo } from "./types.js";
 function ro({
   options: g,
   value: h,
   onChange: f,
   size: v = "md",
-  color: E = "neutral",
+  color: T = "neutral",
   label: u,
-  helperText: P,
-  placeholder: n,
+  helperText: M,
+  placeholder: i,
   searchable: c = !1,
   multiple: x = !1,
   loading: C = !1,
   error: d,
-  fullWidth: H,
-  disabled: T,
-  clearable: L = !1,
+  fullWidth: E,
+  disabled: H,
+  clearable: k = !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) => {
+  const [y, D] = P(""), [O, L] = P(!1), [s, a] = P(-1), F = to(v), I = eo(T), W = typeof d == "string" ? !!d : d, z = typeof d == "string" ? d : void 0, S = () => {
+    L(!1), a(-1), c && D("");
+  }, n = K(() => {
+    if (!c || !y) return g;
+    const o = y.toLowerCase();
+    return g.filter((t) => t.label.toLowerCase().includes(o));
+  }, [g, y, c]), N = (o) => {
     f(o.target.value);
   }, j = (o) => {
     if (o.key === "Escape") {
@@ -47,26 +47,32 @@ function ro({
       return;
     }
     if (o.key === "ArrowDown") {
-      if (o.preventDefault(), o.stopPropagation(), i.length === 0) return;
-      const e = a + 1;
-      l(e >= i.length ? 0 : e);
+      if (o.preventDefault(), o.stopPropagation(), n.length === 0) return;
+      const t = s + 1;
+      a(t >= n.length ? 0 : t);
       return;
     }
     if (o.key === "ArrowUp") {
       o.preventDefault(), o.stopPropagation();
-      const e = a - 1;
-      l(e < 0 ? i.length - 1 : e);
+      const t = s - 1;
+      a(t < 0 ? n.length - 1 : t);
       return;
     }
-    if (o.key === "Enter" && a >= 0 && a < i.length) {
+    if (o.key === "Tab") {
+      if (o.preventDefault(), o.stopPropagation(), n.length === 0) return;
+      const t = s + 1;
+      a(t >= n.length ? 0 : t);
+      return;
+    }
+    if (o.key === "Enter" && s >= 0 && s < n.length) {
       o.preventDefault(), o.stopPropagation();
-      const e = i[a];
-      if (!e.disabled)
+      const t = n[s];
+      if (!t.disabled)
         if (x) {
-          const r = Array.isArray(h) ? h : [], b = r.includes(e.value) ? r.filter((s) => s !== e.value) : [...r, e.value];
+          const r = Array.isArray(h) ? h : [], b = r.includes(t.value) ? r.filter((l) => l !== t.value) : [...r, t.value];
           f(b);
         } else
-          f(e.value), S();
+          f(t.value), S();
       return;
     }
     o.stopPropagation();
@@ -75,17 +81,17 @@ function ro({
     U,
     {
       size: F,
-      fullWidth: H,
+      fullWidth: E,
       error: W,
-      disabled: T,
+      disabled: H,
       style: { "--ov-input-height": oo[v] },
       sx: A,
       children: [
-        u && /* @__PURE__ */ t(
+        u && /* @__PURE__ */ e(
           V,
           {
-            color: y === "default" || y === "inherit" ? void 0 : y,
-            shrink: !!n || void 0,
+            color: I === "default" || I === "inherit" ? void 0 : I,
+            shrink: !!i || void 0,
             children: u
           }
         ),
@@ -95,18 +101,18 @@ function ro({
             value: h,
             onChange: N,
             multiple: x,
-            displayEmpty: !!n,
+            displayEmpty: !!i,
             label: u,
-            notched: u && !!n || void 0,
-            input: x ? /* @__PURE__ */ t(Q, { label: u }) : void 0,
+            notched: u && !!i || void 0,
+            input: x ? /* @__PURE__ */ e(Q, { label: u }) : void 0,
             open: O,
             onOpen: () => {
-              D(!0), l(-1);
+              L(!0), a(-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(
+              const t = o;
+              return t.length === 0 && i ? /* @__PURE__ */ e(m, { sx: { color: "var(--ov-fg-faint)" }, children: i }) : /* @__PURE__ */ p(
                 m,
                 {
                   sx: {
@@ -117,26 +123,26 @@ function ro({
                     alignItems: "center"
                   },
                   children: [
-                    e.map((r) => {
-                      const b = g.find((s) => s.value === r);
-                      return /* @__PURE__ */ t(
+                    t.map((r) => {
+                      const b = g.find((l) => l.value === r);
+                      return /* @__PURE__ */ e(
                         Y,
                         {
                           label: b?.label ?? r,
                           size: "small",
-                          ...L ? {
-                            onDelete: (s) => {
-                              s.stopPropagation(), f(e.filter((B) => B !== r));
+                          ...k ? {
+                            onDelete: (l) => {
+                              l.stopPropagation(), f(t.filter((B) => B !== r));
                             },
-                            onMouseDown: (s) => {
-                              s.stopPropagation();
+                            onMouseDown: (l) => {
+                              l.stopPropagation();
                             }
                           } : {}
                         },
                         r
                       );
                     }),
-                    L && e.length > 1 && /* @__PURE__ */ t(
+                    k && t.length > 1 && /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
@@ -156,13 +162,13 @@ function ro({
                           border: "none",
                           padding: 0
                         },
-                        children: /* @__PURE__ */ t($, { sx: { fontSize: 16 } })
+                        children: /* @__PURE__ */ e($, { sx: { fontSize: 16 } })
                       }
                     )
                   ]
                 }
               );
-            } : n && !h ? () => /* @__PURE__ */ t(m, { sx: { color: "var(--ov-fg-faint)" }, children: n }) : void 0,
+            } : i && !h ? () => /* @__PURE__ */ e(m, { sx: { color: "var(--ov-fg-faint)" }, children: i }) : void 0,
             MenuProps: {
               PaperProps: {
                 sx: {
@@ -187,7 +193,7 @@ function ro({
               }
             },
             children: [
-              c && /* @__PURE__ */ t(
+              c && /* @__PURE__ */ e(
                 m,
                 {
                   sx: { px: 1, pb: 0.5, pt: 0.5 },
@@ -207,21 +213,21 @@ function ro({
                         "&:focus-within": { borderColor: "var(--ov-accent)" }
                       },
                       children: [
-                        /* @__PURE__ */ t(
+                        /* @__PURE__ */ e(
                           Z,
                           {
                             sx: { fontSize: 14, color: "var(--ov-fg-faint)", mr: 0.5 }
                           }
                         ),
-                        /* @__PURE__ */ t(
+                        /* @__PURE__ */ e(
                           X,
                           {
                             autoFocus: !0,
                             fullWidth: !0,
                             placeholder: "Search...",
-                            value: I,
+                            value: y,
                             onChange: (o) => {
-                              k(o.target.value), l(-1);
+                              D(o.target.value), a(-1);
                             },
                             onKeyDown: j,
                             sx: {
@@ -241,31 +247,31 @@ function ro({
                   )
                 }
               ),
-              C && /* @__PURE__ */ p(M, { disabled: !0, children: [
-                /* @__PURE__ */ t(J, { size: 16, sx: { mr: 1 } }),
+              C && /* @__PURE__ */ p(w, { disabled: !0, children: [
+                /* @__PURE__ */ e(J, { size: 16, sx: { mr: 1 } }),
                 " Loading..."
               ] }),
-              i.map((o, e) => /* @__PURE__ */ p(
-                M,
+              n.map((o, t) => /* @__PURE__ */ p(
+                w,
                 {
                   value: o.value,
                   disabled: o.disabled,
                   ...c ? {
-                    onMouseEnter: () => l(e),
-                    sx: e === a ? { bgcolor: "action.focus" } : void 0
+                    onMouseEnter: () => a(t),
+                    sx: t === s ? { bgcolor: "action.focus" } : void 0
                   } : {},
                   children: [
-                    o.icon && /* @__PURE__ */ t(_, { sx: { minWidth: 28 }, children: o.icon }),
-                    /* @__PURE__ */ t(q, { children: o.label })
+                    o.icon && /* @__PURE__ */ e(_, { sx: { minWidth: 28 }, children: o.icon }),
+                    /* @__PURE__ */ e(q, { children: o.label })
                   ]
                 },
                 o.value
               )),
-              i.length === 0 && !C && /* @__PURE__ */ t(M, { disabled: !0, children: "No options" })
+              n.length === 0 && !C && /* @__PURE__ */ e(w, { disabled: !0, children: "No options" })
             ]
           }
         ),
-        (z || P) && /* @__PURE__ */ t(G, { children: z ?? P })
+        (z || M) && /* @__PURE__ */ e(G, { children: z ?? M })
       ]
     }
   );

package/dist/Select-mxLKNk8-.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 L({options:x,value:g,onChange:l,size:h="md",color:z="neutral",label:c,helperText:P,placeholder:s,searchable:d=!1,multiple:v=!1,loading:w=!1,error:p,fullWidth:T,disabled:E,clearable:M=!1,sx:H}){const[m,C]=y.useState(""),[A,k]=y.useState(!1),[i,a]=y.useState(-1),O=b.toMuiInputSize(h),I=b.toMuiColor(z),F=typeof p=="string"?!!p:p,D=typeof p=="string"?p:void 0,j=()=>{k(!1),a(-1),d&&C("")},o=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=>{l(e.target.value)},W=e=>{if(e.key==="Escape"){j();return}if(e.key==="ArrowDown"){if(e.preventDefault(),e.stopPropagation(),o.length===0)return;const t=i+1;a(t>=o.length?0:t);return}if(e.key==="ArrowUp"){e.preventDefault(),e.stopPropagation();const t=i-1;a(t<0?o.length-1:t);return}if(e.key==="Tab"){if(e.preventDefault(),e.stopPropagation(),o.length===0)return;const t=i+1;a(t>=o.length?0:t);return}if(e.key==="Enter"&&i>=0&&i<o.length){e.preventDefault(),e.stopPropagation();const t=o[i];if(!t.disabled)if(v){const n=Array.isArray(g)?g:[],S=n.includes(t.value)?n.filter(u=>u!==t.value):[...n,t.value];l(S)}else l(t.value),j();return}e.stopPropagation()};return r.jsxs(K,{size:O,fullWidth:T,error:F,disabled:E,style:{"--ov-input-height":b.INPUT_HEIGHTS[h]},sx:H,children:[c&&r.jsx(U,{color:I==="default"||I==="inherit"?void 0:I,shrink:!!s||void 0,children:c}),r.jsxs(B,{value:g,onChange:R,multiple:v,displayEmpty:!!s,label:c,notched:c&&!!s||void 0,input:v?r.jsx(Q,{label:c}):void 0,open:A,onOpen:()=>{k(!0),a(-1)},onClose:j,renderValue:v?e=>{const t=e;return t.length===0&&s?r.jsx(f,{sx:{color:"var(--ov-fg-faint)"},children:s}):r.jsxs(f,{sx:{display:"flex",flexWrap:"nowrap",gap:.5,overflow:"hidden",alignItems:"center"},children:[t.map(n=>{const S=x.find(u=>u.value===n);return r.jsx(Y,{label:S?.label??n,size:"small",...M?{onDelete:u=>{u.stopPropagation(),l(t.filter(N=>N!==n))},onMouseDown:u=>{u.stopPropagation()}}:{}},n)}),M&&t.length>1&&r.jsx("button",{type:"button","aria-label":"Clear all",onClick:n=>{n.stopPropagation(),l([])},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}})})]})}:s&&!g?()=>r.jsx(f,{sx:{color:"var(--ov-fg-faint)"},children:s}):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),a(-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}}})]})}),w&&r.jsxs(q,{disabled:!0,children:[r.jsx(J,{size:16,sx:{mr:1}})," Loading..."]}),o.map((e,t)=>r.jsxs(q,{value:e.value,disabled:e.disabled,...d?{onMouseEnter:()=>a(t),sx:t===i?{bgcolor:"action.focus"}:void 0}:{},children:[e.icon&&r.jsx(G,{sx:{minWidth:28},children:e.icon}),r.jsx(_,{children:e.label})]},e.value)),o.length===0&&!w&&r.jsx(q,{disabled:!0,children:"No options"})]}),(D||P)&&r.jsx(V,{children:D??P})]})}L.displayName="Select";exports.Select=L;

package/dist/buttons/ActionMenu.d.ts

@@ -13,8 +13,10 @@ export interface ActionMenuProps {
     items: ActionMenuItem[];
     trigger?: React.ReactNode;
     size?: ComponentSize;
+    /** Accessible label for the default trigger button. */
+    label?: string;
 }
-declare function ActionMenu({ items, trigger, size, }: ActionMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function ActionMenu({ items, trigger, size, label, }: ActionMenuProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ActionMenu {
     var displayName: string;
 }

package/dist/buttons.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./Button-Dmu1cikC.cjs"),B=require("./CopyButton-3fq1UAiv.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./Button-Dmu1cikC.cjs"),B=require("./CopyButton-3fq1UAiv.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:r="Are you sure?",children:c,...e}){const[l,s]=g.useState(!1),i=g.useRef(null);return o.jsxs(o.Fragment,{children:[o.jsx(m,{component:"span",ref:i,sx:{display:"inline-flex"},children:o.jsx(y.Button,{...e,onClick:()=>s(!0),children:c})}),o.jsxs(O,{open:l,anchorEl:i.current,onClose:()=>s(!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:r}),o.jsxs(m,{sx:{display:"flex",gap:1,justifyContent:"flex-end"},children:[o.jsx(y.Button,{size:"xs",emphasis:"ghost",color:"neutral",onClick:()=>s(!1),children:"Cancel"}),o.jsx(y.Button,{size:"xs",emphasis:"solid",color:"danger",onClick:()=>{s(!1),n()},children:"Confirm"})]})]})]})}q.displayName="ConfirmButton";function S({items:n,trigger:r,size:c="sm",label:e="Actions"}){const[l,s]=g.useState(!1),i=g.useRef(null),u=()=>s(!1);return o.jsxs(o.Fragment,{children:[o.jsx("span",{ref:i,children:r?o.jsx("span",{onClick:()=>s(!0),style:{cursor:"pointer"},children:r}):o.jsx(B.IconButton,{size:c,color:"neutral",onClick:()=>s(!0),"aria-label":e,children:o.jsx(K,{fontSize:"inherit"})})}),o.jsx(w,{open:l,anchorEl:i.current,onClose:u,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(t=>[o.jsxs(N,{disabled:t.disabled,onClick:()=>{u(),t.onClick()},sx:{fontSize:"var(--ov-text-sm)",color:t.color==="danger"||t.color==="error"?"var(--ov-danger-default)":"var(--ov-fg-default)"},children:[t.icon&&o.jsx(E,{sx:{color:"inherit",minWidth:28},children:t.icon}),o.jsx($,{children:t.label})]},t.key),t.dividerAfter&&o.jsx(D,{},`${t.key}-divider`)])})]})}S.displayName="ActionMenu";function k({children:n,emphasis:r="outline",size:c="sm",color:e="neutral",fullWidth:l,orientation:s="horizontal",disabled:i,sx:u}){const t=d.toMuiColor(e),p=d.toMuiVariant(r),a=d.toMuiSize(c);return o.jsx(W,{color:t,variant:p,size:a,fullWidth:l,orientation:s,disabled:i,sx:u,children:n})}k.displayName="ButtonGroup";const _={default:36,dense:28};function M({children:n,variant:r="default",dividers:c=!1,sx:e}){const l=_[r];return o.jsx(m,{sx:{display:"flex",alignItems:"center",height:l,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 e=="object"&&!Array.isArray(e)?e:{}},children:n})}M.displayName="Toolbar";function T({children:n,sx:r}){return o.jsx(m,{sx:{display:"flex",alignItems:"center",gap:"2px",...typeof r=="object"&&!Array.isArray(r)?r:{}},children:n})}T.displayName="ToolbarGroup";function A({selected:n,onChange:r,icon:c,label:e,size:l="sm",color:s="primary",disabled:i,sx:u}){const t=d.toMuiSize(l),p=d.toCssColor(s),a=o.jsx(v,{size:t,disabled:i,onClick:()=>r(!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 u=="object"&&!Array.isArray(u)?u:{}},children:c});return e?o.jsx(C,{title:e,children:a}):a}A.displayName="ToggleButton";function I({value:n,onChange:r,options:c,exclusive:e=!0,size:l="sm",color:s="primary",sx:i}){const u=d.toMuiSize(l),t=d.toCssColor(s),p=(a,x)=>{x!==null&&r(x)};return o.jsx(U,{value:n,exclusive:e,onChange:p,size:u,sx:{"& .Mui-selected":{color:`${t} !important`,bgcolor:"var(--ov-state-hover) !important"},...typeof i=="object"&&!Array.isArray(i)?i:{}},children:c.map(a=>o.jsxs(F,{value:a.key,disabled:a.disabled,sx:{fontSize:"var(--ov-text-sm)",textTransform:"none",px:1.5,gap:.5},children:[a.icon,a.label]},a.key))})}I.displayName="ToggleGroup";const H={xs:24,sm:28,md:32,lg:36,xl:40};function G({value:n,onChange:r,placeholder:c="Search...",regex:e,caseSensitive:l,onRegexChange:s,onCaseSensitiveChange:i,matchCount:u,currentMatch:t,onNext:p,onPrev:a,size:x="sm",sx:j}){const R=H[x],h=x==="xs"?12:14,L=g.useCallback(f=>{f.key==="Enter"&&(f.shiftKey?a?.():p?.()),f.key==="Escape"&&f.target.blur()},[p,a]);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=>r(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}}}),i&&o.jsx(C,{title:"Match Case",children:o.jsx(v,{size:"small",onClick:()=>i(!l),sx:{borderRadius:"3px",p:"2px",color:l?"var(--ov-accent-fg)":"var(--ov-fg-faint)",bgcolor:l?"var(--ov-accent-subtle)":"transparent"},children:o.jsx(b.LuCaseSensitive,{size:h})})}),s&&o.jsx(C,{title:"Use Regular Expression",children:o.jsx(v,{size:"small",onClick:()=>s(!e),sx:{borderRadius:"3px",p:"2px",color:e?"var(--ov-accent-fg)":"var(--ov-fg-faint)",bgcolor:e?"var(--ov-accent-subtle)":"transparent"},children:o.jsx(b.LuRegex,{size:h})})}),u!==void 0&&o.jsx(z,{sx:{fontSize:"var(--ov-text-xs)",color:"var(--ov-fg-muted)",whiteSpace:"nowrap",px:.5},children:u===0?"No results":`${(t??0)+1}/${u}`}),a&&o.jsx(v,{size:"small",onClick:a,sx:{p:"2px"},children:o.jsx(b.LuChevronUp,{size:h})}),p&&o.jsx(v,{size:"small",onClick:p,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;