@weng-lab/ui-components 3.0.1 → 3.1.0

package/dist/ui-components.es149.js

@@ -1,6 +1,40 @@
-import r from "./ui-components.es108.js";
-const t = (o) => r(o) && o !== "classes";
+import { clsx as y } from "./ui-components.es96.js";
+function r(t, o, n = !1) {
+  const e = {
+    ...o
+  };
+  for (const f in t)
+    if (Object.prototype.hasOwnProperty.call(t, f)) {
+      const s = f;
+      if (s === "components" || s === "slots")
+        e[s] = {
+          ...t[s],
+          ...e[s]
+        };
+      else if (s === "componentsProps" || s === "slotProps") {
+        const l = t[s], c = o[s];
+        if (!c)
+          e[s] = l || {};
+        else if (!l)
+          e[s] = c;
+        else {
+          e[s] = {
+            ...c
+          };
+          for (const a in l)
+            if (Object.prototype.hasOwnProperty.call(l, a)) {
+              const i = a;
+              e[s][i] = r(l[i], c[i], n);
+            }
+        }
+      } else s === "className" && n && o.className ? e.className = y(t?.className, o?.className) : s === "style" && n && o.style ? e.style = {
+        ...t?.style,
+        ...o?.style
+      } : e[s] === void 0 && (e[s] = t[s]);
+    }
+  return e;
+}
 export {
-  t as default
+  r as default
 };
 //# sourceMappingURL=ui-components.es149.js.map

package/dist/ui-components.es149.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es149.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/styles/rootShouldForwardProp.js"],"sourcesContent":["import slotShouldForwardProp from \"./slotShouldForwardProp.js\";\nconst rootShouldForwardProp = prop => slotShouldForwardProp(prop) && prop !== 'classes';\nexport default rootShouldForwardProp;"],"names":["rootShouldForwardProp","prop","slotShouldForwardProp"],"mappings":";AACK,MAACA,IAAwB,CAAAC,MAAQC,EAAsBD,CAAI,KAAKA,MAAS;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es149.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/resolveProps/resolveProps.js"],"sourcesContent":["import clsx from 'clsx';\n\n/**\n * Add keys, values of `defaultProps` that does not exist in `props`\n * @param defaultProps\n * @param props\n * @param mergeClassNameAndStyle If `true`, merges `className` and `style` props instead of overriding them.\n *   When `false` (default), props override defaultProps. When `true`, `className` values are concatenated\n *   and `style` objects are merged with props taking precedence.\n * @returns resolved props\n */\nexport default function resolveProps(defaultProps, props, mergeClassNameAndStyle = false) {\n  const output = {\n    ...props\n  };\n  for (const key in defaultProps) {\n    if (Object.prototype.hasOwnProperty.call(defaultProps, key)) {\n      const propName = key;\n      if (propName === 'components' || propName === 'slots') {\n        output[propName] = {\n          ...defaultProps[propName],\n          ...output[propName]\n        };\n      } else if (propName === 'componentsProps' || propName === 'slotProps') {\n        const defaultSlotProps = defaultProps[propName];\n        const slotProps = props[propName];\n        if (!slotProps) {\n          output[propName] = defaultSlotProps || {};\n        } else if (!defaultSlotProps) {\n          output[propName] = slotProps;\n        } else {\n          output[propName] = {\n            ...slotProps\n          };\n          for (const slotKey in defaultSlotProps) {\n            if (Object.prototype.hasOwnProperty.call(defaultSlotProps, slotKey)) {\n              const slotPropName = slotKey;\n              output[propName][slotPropName] = resolveProps(defaultSlotProps[slotPropName], slotProps[slotPropName], mergeClassNameAndStyle);\n            }\n          }\n        }\n      } else if (propName === 'className' && mergeClassNameAndStyle && props.className) {\n        output.className = clsx(defaultProps?.className, props?.className);\n      } else if (propName === 'style' && mergeClassNameAndStyle && props.style) {\n        output.style = {\n          ...defaultProps?.style,\n          ...props?.style\n        };\n      } else if (output[propName] === undefined) {\n        output[propName] = defaultProps[propName];\n      }\n    }\n  }\n  return output;\n}"],"names":["resolveProps","defaultProps","props","mergeClassNameAndStyle","output","key","propName","defaultSlotProps","slotProps","slotKey","slotPropName","clsx"],"mappings":";AAWe,SAASA,EAAaC,GAAcC,GAAOC,IAAyB,IAAO;AACxF,QAAMC,IAAS;AAAA,IACb,GAAGF;AAAA,EACP;AACE,aAAWG,KAAOJ;AAChB,QAAI,OAAO,UAAU,eAAe,KAAKA,GAAcI,CAAG,GAAG;AAC3D,YAAMC,IAAWD;AACjB,UAAIC,MAAa,gBAAgBA,MAAa;AAC5C,QAAAF,EAAOE,CAAQ,IAAI;AAAA,UACjB,GAAGL,EAAaK,CAAQ;AAAA,UACxB,GAAGF,EAAOE,CAAQ;AAAA,QAC5B;AAAA,eACiBA,MAAa,qBAAqBA,MAAa,aAAa;AACrE,cAAMC,IAAmBN,EAAaK,CAAQ,GACxCE,IAAYN,EAAMI,CAAQ;AAChC,YAAI,CAACE;AACH,UAAAJ,EAAOE,CAAQ,IAAIC,KAAoB,CAAA;AAAA,iBAC9B,CAACA;AACV,UAAAH,EAAOE,CAAQ,IAAIE;AAAA,aACd;AACL,UAAAJ,EAAOE,CAAQ,IAAI;AAAA,YACjB,GAAGE;AAAA,UACf;AACU,qBAAWC,KAAWF;AACpB,gBAAI,OAAO,UAAU,eAAe,KAAKA,GAAkBE,CAAO,GAAG;AACnE,oBAAMC,IAAeD;AACrB,cAAAL,EAAOE,CAAQ,EAAEI,CAAY,IAAIV,EAAaO,EAAiBG,CAAY,GAAGF,EAAUE,CAAY,GAAGP,CAAsB;AAAA,YAC/H;AAAA,QAEJ;AAAA,MACF,MAAO,CAAIG,MAAa,eAAeH,KAA0BD,EAAM,YACrEE,EAAO,YAAYO,EAAKV,GAAc,WAAWC,GAAO,SAAS,IACxDI,MAAa,WAAWH,KAA0BD,EAAM,QACjEE,EAAO,QAAQ;AAAA,QACb,GAAGH,GAAc;AAAA,QACjB,GAAGC,GAAO;AAAA,MACpB,IACiBE,EAAOE,CAAQ,MAAM,WAC9BF,EAAOE,CAAQ,IAAIL,EAAaK,CAAQ;AAAA,IAE5C;AAEF,SAAOF;AACT;","x_google_ignoreList":[0]}

package/dist/ui-components.es15.js

@@ -1,6 +1,63 @@
-import { __require as r } from "./ui-components.es65.js";
-var i = r();
+import { useState as g, useRef as m, useEffect as M, useCallback as u, useMemo as b } from "react";
+import { useGridApiRef as k, gridFilteredSortedRowEntriesSelector as x } from "@mui/x-data-grid-premium";
+function C(c, l) {
+  if (c === l) return !0;
+  if (c.length !== l.length) return !1;
+  for (let o = 0; o < c.length; o++)
+    if (c[o] !== l[o]) return !1;
+  return !0;
+}
+function D({
+  rows: c,
+  getRowId: l
+}) {
+  const [o, i] = g([]), [h, p] = g([]), d = k(), f = m(l), a = m(c);
+  M(() => {
+    f.current = l, a.current = c;
+  });
+  const t = u((e) => f.current(e), []), S = u((e) => {
+    const r = () => {
+      const s = x(e).map((n) => n.model);
+      p((n) => C(n, s) ? n : s);
+    };
+    return r(), [e.current.subscribeEvent("sortedRowsSet", r), e.current.subscribeEvent("filteredRowsSet", r)];
+  }, []), w = u((e) => {
+    if (e.type === "include") {
+      const r = Array.from(e.ids).map((s) => a.current.find((n) => t(n) === String(s))).filter(Boolean);
+      i(r);
+    } else
+      i([...a.current]);
+  }, [t]), y = u((e) => {
+    const r = t(e);
+    i((s) => s.some((n) => t(n) === r) ? s.filter((n) => t(n) !== r) : [...s, e]);
+  }, [t]), R = b(
+    () => ({
+      type: "include",
+      ids: new Set(o.map((e) => t(e)))
+    }),
+    // stableGetRowId has [] deps and never changes — omitting it is safe
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [o]
+  ), E = b(() => ({
+    apiRef: d,
+    checkboxSelection: !0,
+    onRowSelectionModelChange: w,
+    rowSelectionModel: R,
+    keepNonExistentRowsSelected: !0,
+    onReady: S,
+    getRowId: t
+  }), [d, w, R, S, t]);
+  return {
+    selected: o,
+    setSelected: i,
+    sortedFilteredData: h,
+    apiRef: d,
+    tableProps: E,
+    toggleSelection: y,
+    getRowId: t
+  };
+}
 export {
-  i as j
+  D as useTablePlotSync
 };
 //# sourceMappingURL=ui-components.es15.js.map

package/dist/ui-components.es15.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es15.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"ui-components.es15.js","sources":["../src/components/TwoPaneLayout/useTablePlotSync.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { gridFilteredSortedRowEntriesSelector, GridRowSelectionModel, useGridApiRef } from \"@mui/x-data-grid-premium\";\nimport type { GridApi } from \"@mui/x-data-grid-premium\";\nimport type { RefObject } from \"react\";\nimport { TableProps } from \"../Table\";\n\n/**\n * Shallow equality check for arrays by element reference.\n * Used to prevent unnecessary state updates when the DataGrid\n * fires events but the actual row order/content hasn't changed.\n */\nfunction arraysShallowEqual<T>(a: T[], b: T[]): boolean {\n  if (a === b) return true;\n  if (a.length !== b.length) return false;\n  for (let i = 0; i < a.length; i++) {\n    if (a[i] !== b[i]) return false;\n  }\n  return true;\n}\n\ntype UseTablePlotSyncOptions<T> = {\n  /** Pre-transformed rows to display in the table */\n  rows: T[];\n  /** Extract a unique string ID from a row */\n  getRowId: (row: T) => string;\n};\n\n/**\n * Manages shared state between a table and its companion plots.\n *\n * Handles:\n * - Selection state (bidirectional between table checkboxes and plot clicks)\n * - Syncing the table's sorted/filtered rows to plots via DataGrid events\n * - Providing table props to spread onto <Table>\n */\nexport function useTablePlotSync<T>({ rows, getRowId }: UseTablePlotSyncOptions<T>) {\n  const [selected, setSelected] = useState<T[]>([]);\n  const [sortedFilteredData, setSortedFilteredData] = useState<T[]>([]);\n  const apiRef = useGridApiRef();\n\n  // Use refs so stable callbacks always access current values\n  const getRowIdRef = useRef(getRowId);\n  const rowsRef = useRef(rows);\n  useEffect(() => {\n    getRowIdRef.current = getRowId;\n    rowsRef.current = rows;\n  });\n\n  const stableGetRowId = useCallback((r: T) => getRowIdRef.current(r), []);\n\n  /**\n   * Called via Table's `onReady` prop once the DataGrid has mounted.\n   * Subscribes to sortedRowsSet and filteredRowsSet events which fire\n   * AFTER the DataGrid has recomputed its rows — replacing the old\n   * onStateChange + setTimeout(0) hack.\n   */\n  const onTableReady = useCallback((readyApiRef: RefObject<GridApi>) => {\n    const sync = () => {\n      const newRows = gridFilteredSortedRowEntriesSelector(readyApiRef).map((x) => x.model) as T[];\n      setSortedFilteredData((prev) => (arraysShallowEqual(prev, newRows) ? prev : newRows));\n    };\n    sync(); // initial sync\n    return [\n      readyApiRef.current.subscribeEvent(\"sortedRowsSet\", sync),\n      readyApiRef.current.subscribeEvent(\"filteredRowsSet\", sync),\n    ];\n  }, []);\n\n  const handleRowSelectionModelChange = useCallback(\n    (model: GridRowSelectionModel) => {\n      if (model.type === \"include\") {\n        const newSelected = Array.from(model.ids)\n          .map((id) => rowsRef.current.find((r) => stableGetRowId(r) === String(id)))\n          .filter(Boolean) as T[];\n        setSelected(newSelected);\n      } else {\n        // type \"exclude\" with 0 ids = select all\n        setSelected([...rowsRef.current]);\n      }\n    },\n    [stableGetRowId]\n  );\n\n  /** Toggle a single item's selection state. Use for plot click handlers. */\n  const toggleSelection = useCallback(\n    (item: T) => {\n      const id = stableGetRowId(item);\n      setSelected((prev) =>\n        prev.some((x) => stableGetRowId(x) === id) ? prev.filter((x) => stableGetRowId(x) !== id) : [...prev, item]\n      );\n    },\n    [stableGetRowId]\n  );\n\n  const rowSelectionModel: GridRowSelectionModel = useMemo(\n    () => ({\n      type: \"include\" as const,\n      ids: new Set(selected.map((x) => stableGetRowId(x))),\n    }),\n    // stableGetRowId has [] deps and never changes — omitting it is safe\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [selected]\n  );\n\n  const tableProps = useMemo(\n    () => ({\n      apiRef,\n      checkboxSelection: true as const,\n      onRowSelectionModelChange: handleRowSelectionModelChange,\n      rowSelectionModel,\n      keepNonExistentRowsSelected: true,\n      onReady: onTableReady,\n      getRowId: stableGetRowId,\n    }),\n    [apiRef, handleRowSelectionModelChange, rowSelectionModel, onTableReady, stableGetRowId]\n  ) satisfies Partial<TableProps>;\n\n  return {\n    selected,\n    setSelected,\n    sortedFilteredData,\n    apiRef,\n    tableProps,\n    toggleSelection,\n    getRowId: stableGetRowId,\n  };\n}\n"],"names":["arraysShallowEqual","a","b","length","i","useTablePlotSync","rows","getRowId","selected","setSelected","useState","sortedFilteredData","setSortedFilteredData","apiRef","useGridApiRef","getRowIdRef","useRef","rowsRef","useEffect","current","stableGetRowId","useCallback","r","onTableReady","readyApiRef","sync","newRows","gridFilteredSortedRowEntriesSelector","map","x","model","prev","subscribeEvent","handleRowSelectionModelChange","type","newSelected","Array","from","ids","id","find","String","filter","Boolean","toggleSelection","item","some","rowSelectionModel","useMemo","Set","tableProps","checkboxSelection","onRowSelectionModelChange","keepNonExistentRowsSelected","onReady"],"mappings":"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"}

package/dist/ui-components.es150.js

@@ -1,159 +1,348 @@
-import B, { internal_mutateStyles as I, internal_serializeStyles as p } from "./ui-components.es276.js";
-import K from "./ui-components.es279.js";
-import q from "./ui-components.es275.js";
-import V from "./ui-components.es161.js";
-import G from "./ui-components.es115.js";
-import J from "./ui-components.es325.js";
-import { isPlainObject as Q } from "./ui-components.es156.js";
-const U = q();
-function R(e) {
-  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
-}
-function y(e, r) {
-  return r && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${r}{${String(e.styles)}}`), e;
-}
-function X(e) {
-  return e ? (r, t) => t[e] : null;
-}
-function Y(e, r, t) {
-  e.theme = N(e.theme) ? t : e.theme[r] || e.theme;
-}
-function C(e, r, t) {
-  const n = typeof r == "function" ? r(e) : r;
-  if (Array.isArray(n))
-    return n.flatMap((s) => C(e, s, t));
-  if (Array.isArray(n?.variants)) {
-    let s;
-    if (n.isProcessed)
-      s = t ? y(n.style, t) : n.style;
-    else {
-      const {
-        variants: S,
-        ...o
-      } = n;
-      s = t ? y(p(o), t) : o;
-    }
-    return b(e, n.variants, [s], t);
-  }
-  return n?.isProcessed ? t ? y(p(n.style), t) : n.style : t ? y(p(n), t) : n;
-}
-function b(e, r, t = [], n = void 0) {
-  let s;
-  e: for (let S = 0; S < r.length; S += 1) {
-    const o = r[S];
-    if (typeof o.props == "function") {
-      if (s ??= {
-        ...e,
-        ...e.ownerState,
-        ownerState: e.ownerState
-      }, !o.props(s))
-        continue;
-    } else
-      for (const i in o.props)
-        if (e[i] !== o.props[i] && e.ownerState?.[i] !== o.props[i])
-          continue e;
-    typeof o.style == "function" ? (s ??= {
-      ...e,
-      ...e.ownerState,
-      ownerState: e.ownerState
-    }, t.push(n ? y(p(o.style(s)), n) : o.style(s))) : t.push(n ? y(p(o.style), n) : o.style);
-  }
-  return t;
-}
-function le(e = {}) {
+import * as h from "react";
+import o from "./ui-components.es91.js";
+import { clsx as po } from "./ui-components.es96.js";
+import fo from "./ui-components.es309.js";
+import bo, { getButtonBaseUtilityClass as mo } from "./ui-components.es310.js";
+import { j as U } from "./ui-components.es16.js";
+import { useDefaultProps as ho } from "./ui-components.es94.js";
+import yo from "./ui-components.es311.js";
+import A from "./ui-components.es168.js";
+import x from "./ui-components.es188.js";
+import K from "./ui-components.es192.js";
+import Ro from "./ui-components.es108.js";
+import To from "./ui-components.es43.js";
+import go from "./ui-components.es171.js";
+import Mo from "./ui-components.es129.js";
+const Co = (y) => {
   const {
-    themeId: r,
-    defaultTheme: t = U,
-    rootShouldForwardProp: n = R,
-    slotShouldForwardProp: s = R
-  } = e;
-  function S(i) {
-    Y(i, r, t);
+    disabled: p,
+    focusVisible: i,
+    focusVisibleClassName: u,
+    classes: c
+  } = y, R = Ro({
+    root: ["root", p && "disabled", i && "focusVisible"]
+  }, mo, c);
+  return i && u && (R.root += ` ${u}`), R;
+}, xo = To("button", {
+  name: "MuiButtonBase",
+  slot: "Root"
+})({
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  position: "relative",
+  boxSizing: "border-box",
+  WebkitTapHighlightColor: "transparent",
+  backgroundColor: "transparent",
+  // Reset default value
+  // We disable the focus ring for mouse, touch and keyboard users.
+  outline: 0,
+  border: 0,
+  margin: 0,
+  // Remove the margin in Safari
+  borderRadius: 0,
+  padding: 0,
+  // Remove the padding in Firefox
+  cursor: "pointer",
+  userSelect: "none",
+  verticalAlign: "middle",
+  MozAppearance: "none",
+  // Reset
+  WebkitAppearance: "none",
+  // Reset
+  textDecoration: "none",
+  // So we take precedent over the style of a native <a /> element.
+  color: "inherit",
+  "&::-moz-focus-inner": {
+    borderStyle: "none"
+    // Remove Firefox dotted outline.
+  },
+  [`&.${bo.disabled}`]: {
+    pointerEvents: "none",
+    // Disable link interactions
+    cursor: "default"
+  },
+  "@media print": {
+    colorAdjust: "exact"
   }
-  return (i, k = {}) => {
-    I(i, (u) => u.filter((l) => l !== V));
-    const {
-      name: h,
-      slot: c,
-      skipVariantsResolver: T,
-      skipSx: D,
-      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
-      // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: L = X(g(c)),
-      ...E
-    } = k, O = h && h.startsWith("Mui") || c ? "components" : "custom", j = T !== void 0 ? T : (
-      // TODO v6: remove `Root` in the next major release
-      // For more details: https://github.com/mui/material-ui/pull/37908
-      c && c !== "Root" && c !== "root" || !1
-    ), H = D || !1;
-    let w = R;
-    c === "Root" || c === "root" ? w = n : c ? w = s : ee(i) && (w = void 0);
-    const x = B(i, {
-      shouldForwardProp: w,
-      label: z(h, c),
-      ...E
-    }), M = (u) => {
-      if (u.__emotion_real === u)
-        return u;
-      if (typeof u == "function")
-        return function(m) {
-          return C(m, u, m.theme.modularCssLayers ? O : void 0);
-        };
-      if (Q(u)) {
-        const l = K(u);
-        return function(d) {
-          return l.variants ? C(d, l, d.theme.modularCssLayers ? O : void 0) : d.theme.modularCssLayers ? y(l.style, O) : l.style;
-        };
-      }
-      return u;
-    }, _ = (...u) => {
-      const l = [], m = u.map(M), d = [];
-      if (l.push(S), h && L && d.push(function(f) {
-        const a = f.theme.components?.[h]?.styleOverrides;
-        if (!a)
-          return null;
-        const $ = {};
-        for (const F in a)
-          $[F] = C(f, a[F], f.theme.modularCssLayers ? "theme" : void 0);
-        return L(f, $);
-      }), h && !j && d.push(function(f) {
-        const a = f.theme?.components?.[h]?.variants;
-        return a ? b(f, a, [], f.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), H || d.push(V), Array.isArray(m[0])) {
-        const v = m.shift(), f = new Array(l.length).fill(""), A = new Array(d.length).fill("");
-        let a;
-        a = [...f, ...v, ...A], a.raw = [...f, ...v.raw, ...A], l.unshift(a);
-      }
-      const W = [...l, ...m, ...d], P = x(...W);
-      return i.muiName && (P.muiName = i.muiName), process.env.NODE_ENV !== "production" && (P.displayName = Z(h, c, i)), P;
-    };
-    return x.withConfig && (_.withConfig = x.withConfig), _;
-  };
-}
-function Z(e, r, t) {
-  return e ? `${e}${G(r || "")}` : `Styled(${J(t)})`;
-}
-function z(e, r) {
-  let t;
-  return process.env.NODE_ENV !== "production" && e && (t = `${e}-${g(r || "Root")}`), t;
-}
-function N(e) {
-  for (const r in e)
-    return !1;
-  return !0;
-}
-function ee(e) {
-  return typeof e == "string" && // 96 is one less than the char code
-  // for "a" so this is checking that
-  // it's a lowercase character
-  e.charCodeAt(0) > 96;
-}
-function g(e) {
-  return e && e.charAt(0).toLowerCase() + e.slice(1);
+}), Bo = /* @__PURE__ */ h.forwardRef(function(p, i) {
+  const u = ho({
+    props: p,
+    name: "MuiButtonBase"
+  }), {
+    action: c,
+    centerRipple: B = !1,
+    children: R,
+    className: O,
+    component: T = "button",
+    disabled: r = !1,
+    disableRipple: g = !1,
+    disableTouchRipple: n = !1,
+    focusRipple: f = !1,
+    focusVisibleClassName: Do,
+    LinkComponent: P = "a",
+    onBlur: V,
+    onClick: d,
+    onContextMenu: I,
+    onDragLeave: z,
+    onFocus: w,
+    onFocusVisible: E,
+    onKeyDown: L,
+    onKeyUp: N,
+    onMouseDown: q,
+    onMouseLeave: j,
+    onMouseUp: H,
+    onTouchEnd: W,
+    onTouchMove: $,
+    onTouchStart: _,
+    tabIndex: F = 0,
+    TouchRippleProps: G,
+    touchRippleRef: J,
+    type: D,
+    ...l
+  } = u, b = h.useRef(null), t = yo(), Q = A(t.ref, J), [a, M] = h.useState(!1);
+  r && a && M(!1), h.useImperativeHandle(c, () => ({
+    focusVisible: () => {
+      M(!0), b.current.focus();
+    }
+  }), []);
+  const X = t.shouldMount && !g && !r;
+  h.useEffect(() => {
+    a && f && !g && t.pulsate();
+  }, [g, f, a, t]);
+  const Y = s(t, "start", q, n), Z = s(t, "stop", I, n), v = s(t, "stop", z, n), oo = s(t, "stop", H, n), eo = s(t, "stop", (e) => {
+    a && e.preventDefault(), j && j(e);
+  }, n), to = s(t, "start", _, n), no = s(t, "stop", W, n), so = s(t, "stop", $, n), ro = s(t, "stop", (e) => {
+    K(e.target) || M(!1), V && V(e);
+  }, !1), io = x((e) => {
+    b.current || (b.current = e.currentTarget), K(e.target) && (M(!0), E && E(e)), w && w(e);
+  }), k = () => {
+    const e = b.current;
+    return T && T !== "button" && !(e.tagName === "A" && e.href);
+  }, uo = x((e) => {
+    f && !e.repeat && a && e.key === " " && t.stop(e, () => {
+      t.start(e);
+    }), e.target === e.currentTarget && k() && e.key === " " && e.preventDefault(), L && L(e), e.target === e.currentTarget && k() && e.key === "Enter" && !r && (e.preventDefault(), d && d(e));
+  }), ao = x((e) => {
+    f && e.key === " " && a && !e.defaultPrevented && t.stop(e, () => {
+      t.pulsate(e);
+    }), N && N(e), d && e.target === e.currentTarget && k() && e.key === " " && !e.defaultPrevented && d(e);
+  });
+  let C = T;
+  C === "button" && (l.href || l.to) && (C = P);
+  const m = {};
+  if (C === "button") {
+    const e = !!l.formAction;
+    m.type = D === void 0 && !e ? "button" : D, m.disabled = r;
+  } else
+    !l.href && !l.to && (m.role = "button"), r && (m["aria-disabled"] = r);
+  const co = A(i, b), S = {
+    ...u,
+    centerRipple: B,
+    component: T,
+    disabled: r,
+    disableRipple: g,
+    disableTouchRipple: n,
+    focusRipple: f,
+    tabIndex: F,
+    focusVisible: a
+  }, lo = Co(S);
+  return /* @__PURE__ */ U.jsxs(xo, {
+    as: C,
+    className: po(lo.root, O),
+    ownerState: S,
+    onBlur: ro,
+    onClick: d,
+    onContextMenu: Z,
+    onFocus: io,
+    onKeyDown: uo,
+    onKeyUp: ao,
+    onMouseDown: Y,
+    onMouseLeave: eo,
+    onMouseUp: oo,
+    onDragLeave: v,
+    onTouchEnd: no,
+    onTouchMove: so,
+    onTouchStart: to,
+    ref: co,
+    tabIndex: r ? -1 : F,
+    type: D,
+    ...m,
+    ...l,
+    children: [R, X ? /* @__PURE__ */ U.jsx(fo, {
+      ref: Q,
+      center: B,
+      ...G
+    }) : null]
+  });
+});
+function s(y, p, i, u = !1) {
+  return x((c) => (i && i(c), u || y[p](c), !0));
 }
+process.env.NODE_ENV !== "production" && (Bo.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * A ref for imperative actions.
+   * It currently only supports `focusVisible()` action.
+   */
+  action: Mo,
+  /**
+   * If `true`, the ripples are centered.
+   * They won't start at the cursor interaction position.
+   * @default false
+   */
+  centerRipple: o.bool,
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: go,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: o.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: o.bool,
+  /**
+   * If `true`, the touch ripple effect is disabled.
+   * @default false
+   */
+  disableTouchRipple: o.bool,
+  /**
+   * If `true`, the base button will have a keyboard focus ripple.
+   * @default false
+   */
+  focusRipple: o.bool,
+  /**
+   * This prop can help identify which element has keyboard focus.
+   * The class name will be applied when the element gains the focus through keyboard interaction.
+   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
+   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
+   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
+   * if needed.
+   */
+  focusVisibleClassName: o.string,
+  /**
+   * @ignore
+   */
+  formAction: o.oneOfType([o.func, o.string]),
+  /**
+   * @ignore
+   */
+  href: o.any,
+  /**
+   * The component used to render a link when the `href` prop is provided.
+   * @default 'a'
+   */
+  LinkComponent: o.elementType,
+  /**
+   * @ignore
+   */
+  onBlur: o.func,
+  /**
+   * @ignore
+   */
+  onClick: o.func,
+  /**
+   * @ignore
+   */
+  onContextMenu: o.func,
+  /**
+   * @ignore
+   */
+  onDragLeave: o.func,
+  /**
+   * @ignore
+   */
+  onFocus: o.func,
+  /**
+   * Callback fired when the component is focused with a keyboard.
+   * We trigger a `onFocus` callback too.
+   */
+  onFocusVisible: o.func,
+  /**
+   * @ignore
+   */
+  onKeyDown: o.func,
+  /**
+   * @ignore
+   */
+  onKeyUp: o.func,
+  /**
+   * @ignore
+   */
+  onMouseDown: o.func,
+  /**
+   * @ignore
+   */
+  onMouseLeave: o.func,
+  /**
+   * @ignore
+   */
+  onMouseUp: o.func,
+  /**
+   * @ignore
+   */
+  onTouchEnd: o.func,
+  /**
+   * @ignore
+   */
+  onTouchMove: o.func,
+  /**
+   * @ignore
+   */
+  onTouchStart: o.func,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * @default 0
+   */
+  tabIndex: o.number,
+  /**
+   * Props applied to the `TouchRipple` element.
+   */
+  TouchRippleProps: o.object,
+  /**
+   * A ref that points to the `TouchRipple` element.
+   */
+  touchRippleRef: o.oneOfType([o.func, o.shape({
+    current: o.shape({
+      pulsate: o.func.isRequired,
+      start: o.func.isRequired,
+      stop: o.func.isRequired
+    })
+  })]),
+  /**
+   * @ignore
+   */
+  type: o.oneOfType([o.oneOf(["button", "reset", "submit"]), o.string])
+});
 export {
-  le as default,
-  R as shouldForwardProp,
-  U as systemDefaultTheme
+  xo as ButtonBaseRoot,
+  Bo as default
 };
 //# sourceMappingURL=ui-components.es150.js.map