@weng-lab/ui-components 2.0.1 → 2.0.2

package/dist/ui-components.es49.js

@@ -1,1038 +1,128 @@
-import * as se from "react";
-import e from "./ui-components.es81.js";
-import { clsx as U } from "./ui-components.es80.js";
-import { useRtl as Ue } from "./ui-components.es89.js";
-import { useSlider as He, valueToPercent as ie } from "./ui-components.es90.js";
-import H from "./ui-components.es91.js";
-import S from "./ui-components.es82.js";
-import be from "./ui-components.es92.js";
-import Xe from "./ui-components.es93.js";
-import X from "./ui-components.es94.js";
-import We from "./ui-components.es95.js";
-import m, { getSliderUtilityClass as _e } from "./ui-components.es96.js";
-import { j as u } from "./ui-components.es12.js";
-import { useDefaultProps as Be } from "./ui-components.es85.js";
-import y from "./ui-components.es97.js";
-import v from "./ui-components.es31.js";
-import h from "./ui-components.es98.js";
-import Ge from "./ui-components.es86.js";
-import { lighten as pe, darken as ce, alpha as ue } from "./ui-components.es48.js";
-import me from "./ui-components.es99.js";
-function de(t) {
-  return t;
-}
-const Je = v("span", {
-  name: "MuiSlider",
-  slot: "Root",
-  overridesResolver: (t, a) => {
-    const {
-      ownerState: o
-    } = t;
-    return [a.root, a[`color${h(o.color)}`], o.size !== "medium" && a[`size${h(o.size)}`], o.marked && a.marked, o.orientation === "vertical" && a.vertical, o.track === "inverted" && a.trackInverted, o.track === !1 && a.trackFalse];
-  }
-})(S(({
-  theme: t
-}) => ({
-  borderRadius: 12,
-  boxSizing: "content-box",
-  display: "inline-block",
-  position: "relative",
-  cursor: "pointer",
-  touchAction: "none",
-  WebkitTapHighlightColor: "transparent",
-  "@media print": {
-    colorAdjust: "exact"
-  },
-  [`&.${m.disabled}`]: {
-    pointerEvents: "none",
-    cursor: "default",
-    color: (t.vars || t).palette.grey[400]
-  },
-  [`&.${m.dragging}`]: {
-    [`& .${m.thumb}, & .${m.track}`]: {
-      transition: "none"
-    }
-  },
-  variants: [...Object.entries(t.palette).filter(X()).map(([a]) => ({
-    props: {
-      color: a
-    },
-    style: {
-      color: (t.vars || t).palette[a].main
-    }
-  })), {
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      height: 4,
-      width: "100%",
-      padding: "13px 0",
-      // The primary input mechanism of the device includes a pointing device of limited accuracy.
-      "@media (pointer: coarse)": {
-        // Reach 42px touch target, about ~8mm on screen.
-        padding: "20px 0"
-      }
-    }
-  }, {
-    props: {
-      orientation: "horizontal",
-      size: "small"
-    },
-    style: {
-      height: 2
-    }
-  }, {
-    props: {
-      orientation: "horizontal",
-      marked: !0
-    },
-    style: {
-      marginBottom: 20
-    }
-  }, {
-    props: {
-      orientation: "vertical"
-    },
-    style: {
-      height: "100%",
-      width: 4,
-      padding: "0 13px",
-      // The primary input mechanism of the device includes a pointing device of limited accuracy.
-      "@media (pointer: coarse)": {
-        // Reach 42px touch target, about ~8mm on screen.
-        padding: "0 20px"
-      }
-    }
-  }, {
-    props: {
-      orientation: "vertical",
-      size: "small"
-    },
-    style: {
-      width: 2
-    }
-  }, {
-    props: {
-      orientation: "vertical",
-      marked: !0
-    },
-    style: {
-      marginRight: 44
-    }
-  }]
-}))), Ke = v("span", {
-  name: "MuiSlider",
-  slot: "Rail"
-})({
-  display: "block",
-  position: "absolute",
-  borderRadius: "inherit",
-  backgroundColor: "currentColor",
-  opacity: 0.38,
-  variants: [{
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      width: "100%",
-      height: "inherit",
-      top: "50%",
-      transform: "translateY(-50%)"
-    }
-  }, {
-    props: {
-      orientation: "vertical"
-    },
-    style: {
-      height: "100%",
-      width: "inherit",
-      left: "50%",
-      transform: "translateX(-50%)"
-    }
-  }, {
-    props: {
-      track: "inverted"
-    },
-    style: {
-      opacity: 1
-    }
-  }]
-}), Qe = v("span", {
-  name: "MuiSlider",
-  slot: "Track"
-})(S(({
-  theme: t
-}) => ({
-  display: "block",
-  position: "absolute",
-  borderRadius: "inherit",
-  border: "1px solid currentColor",
-  backgroundColor: "currentColor",
-  transition: t.transitions.create(["left", "width", "bottom", "height"], {
-    duration: t.transitions.duration.shortest
-  }),
-  variants: [{
-    props: {
-      size: "small"
-    },
-    style: {
-      border: "none"
-    }
-  }, {
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      height: "inherit",
-      top: "50%",
-      transform: "translateY(-50%)"
-    }
-  }, {
-    props: {
-      orientation: "vertical"
-    },
-    style: {
-      width: "inherit",
-      left: "50%",
-      transform: "translateX(-50%)"
-    }
-  }, {
-    props: {
-      track: !1
-    },
-    style: {
-      display: "none"
-    }
-  }, ...Object.entries(t.palette).filter(X()).map(([a]) => ({
-    props: {
-      color: a,
-      track: "inverted"
-    },
-    style: {
-      ...t.vars ? {
-        backgroundColor: t.vars.palette.Slider[`${a}Track`],
-        borderColor: t.vars.palette.Slider[`${a}Track`]
-      } : {
-        backgroundColor: pe(t.palette[a].main, 0.62),
-        borderColor: pe(t.palette[a].main, 0.62),
-        ...t.applyStyles("dark", {
-          backgroundColor: ce(t.palette[a].main, 0.5)
-        }),
-        ...t.applyStyles("dark", {
-          borderColor: ce(t.palette[a].main, 0.5)
-        })
-      }
-    }
-  }))]
-}))), Ze = v("span", {
-  name: "MuiSlider",
-  slot: "Thumb",
-  overridesResolver: (t, a) => {
-    const {
-      ownerState: o
-    } = t;
-    return [a.thumb, a[`thumbColor${h(o.color)}`], o.size !== "medium" && a[`thumbSize${h(o.size)}`]];
-  }
-})(S(({
-  theme: t
-}) => ({
-  position: "absolute",
-  width: 20,
-  height: 20,
-  boxSizing: "border-box",
-  borderRadius: "50%",
-  outline: 0,
-  backgroundColor: "currentColor",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  transition: t.transitions.create(["box-shadow", "left", "bottom"], {
-    duration: t.transitions.duration.shortest
-  }),
-  "&::before": {
-    position: "absolute",
-    content: '""',
-    borderRadius: "inherit",
-    width: "100%",
-    height: "100%",
-    boxShadow: (t.vars || t).shadows[2]
-  },
-  "&::after": {
-    position: "absolute",
-    content: '""',
-    borderRadius: "50%",
-    // 42px is the hit target
-    width: 42,
-    height: 42,
-    top: "50%",
-    left: "50%",
-    transform: "translate(-50%, -50%)"
-  },
-  [`&.${m.disabled}`]: {
-    "&:hover": {
-      boxShadow: "none"
-    }
-  },
-  variants: [{
-    props: {
-      size: "small"
-    },
-    style: {
-      width: 12,
-      height: 12,
-      "&::before": {
-        boxShadow: "none"
-      }
-    }
-  }, {
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      top: "50%",
-      transform: "translate(-50%, -50%)"
-    }
-  }, {
-    props: {
-      orientation: "vertical"
-    },
-    style: {
-      left: "50%",
-      transform: "translate(-50%, 50%)"
-    }
-  }, ...Object.entries(t.palette).filter(X()).map(([a]) => ({
-    props: {
-      color: a
-    },
-    style: {
-      [`&:hover, &.${m.focusVisible}`]: {
-        ...t.vars ? {
-          boxShadow: `0px 0px 0px 8px rgba(${t.vars.palette[a].mainChannel} / 0.16)`
-        } : {
-          boxShadow: `0px 0px 0px 8px ${ue(t.palette[a].main, 0.16)}`
-        },
-        "@media (hover: none)": {
-          boxShadow: "none"
-        }
-      },
-      [`&.${m.active}`]: {
-        ...t.vars ? {
-          boxShadow: `0px 0px 0px 14px rgba(${t.vars.palette[a].mainChannel} / 0.16)`
-        } : {
-          boxShadow: `0px 0px 0px 14px ${ue(t.palette[a].main, 0.16)}`
-        }
-      }
-    }
-  }))]
-}))), fe = v(We, {
-  name: "MuiSlider",
-  slot: "ValueLabel"
-})(S(({
-  theme: t
+import { j as e } from "./ui-components.es12.js";
+import * as j from "react";
+import { Toolbar as I, ColumnsPanelTrigger as z, ToolbarButton as d, FilterPanelTrigger as F, ExportPrint as E, ExportCsv as k, ExportExcel as w, QuickFilterTrigger as O, QuickFilterControl as R, QuickFilterClear as T, QuickFilter as A } from "@mui/x-data-grid-premium";
+import D from "./ui-components.es66.js";
+import M from "./ui-components.es67.js";
+import Q from "./ui-components.es68.js";
+import P from "./ui-components.es69.js";
+import g from "./ui-components.es19.js";
+import { InfoOutline as B } from "@mui/icons-material";
+import V from "./ui-components.es22.js";
+import s from "./ui-components.es23.js";
+import y from "./ui-components.es70.js";
+import L from "./ui-components.es71.js";
+import N from "./ui-components.es72.js";
+import x from "./ui-components.es73.js";
+import p from "./ui-components.es25.js";
+import C from "./ui-components.es74.js";
+import W from "./ui-components.es45.js";
+const X = p(A)({
+  display: "grid",
+  alignItems: "center"
+}), b = p(d)(({
+  theme: r,
+  ownerState: i
 }) => ({
+  gridArea: "1 / 1",
+  width: "min-content",
+  height: "min-content",
   zIndex: 1,
-  whiteSpace: "nowrap",
-  ...t.typography.body2,
-  fontWeight: 500,
-  transition: t.transitions.create(["transform"], {
-    duration: t.transitions.duration.shortest
-  }),
-  position: "absolute",
-  backgroundColor: (t.vars || t).palette.grey[600],
-  borderRadius: 2,
-  color: (t.vars || t).palette.common.white,
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  padding: "0.25rem 0.75rem",
-  variants: [{
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      transform: "translateY(-100%) scale(0)",
-      top: "-10px",
-      transformOrigin: "bottom center",
-      "&::before": {
-        position: "absolute",
-        content: '""',
-        width: 8,
-        height: 8,
-        transform: "translate(-50%, 50%) rotate(45deg)",
-        backgroundColor: "inherit",
-        bottom: 0,
-        left: "50%"
-      },
-      [`&.${m.valueLabelOpen}`]: {
-        transform: "translateY(-100%) scale(1)"
-      }
-    }
-  }, {
-    props: {
-      orientation: "vertical"
-    },
-    style: {
-      transform: "translateY(-50%) scale(0)",
-      right: "30px",
-      top: "50%",
-      transformOrigin: "right center",
-      "&::before": {
-        position: "absolute",
-        content: '""',
-        width: 8,
-        height: 8,
-        transform: "translate(-50%, -50%) rotate(45deg)",
-        backgroundColor: "inherit",
-        right: -8,
-        top: "50%"
-      },
-      [`&.${m.valueLabelOpen}`]: {
-        transform: "translateY(-50%) scale(1)"
-      }
-    }
-  }, {
-    props: {
-      size: "small"
-    },
-    style: {
-      fontSize: t.typography.pxToRem(12),
-      padding: "0.25rem 0.5rem"
-    }
-  }, {
-    props: {
-      orientation: "vertical",
-      size: "small"
-    },
-    style: {
-      right: "20px"
-    }
-  }]
-})));
-process.env.NODE_ENV !== "production" && (fe.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: e.element.isRequired,
-  /**
-   * @ignore
-   */
-  index: e.number.isRequired,
-  /**
-   * @ignore
-   */
-  open: e.bool.isRequired,
-  /**
-   * @ignore
-   */
-  value: e.node
-});
-const et = v("span", {
-  name: "MuiSlider",
-  slot: "Mark",
-  shouldForwardProp: (t) => be(t) && t !== "markActive",
-  overridesResolver: (t, a) => {
-    const {
-      markActive: o
-    } = t;
-    return [a.mark, o && a.markActive];
-  }
-})(S(({
-  theme: t
+  opacity: i.expanded ? 0 : 1,
+  pointerEvents: i.expanded ? "none" : "auto",
+  transition: r.transitions.create(["opacity"])
+})), q = p(W)(({
+  theme: r,
+  ownerState: i
 }) => ({
-  position: "absolute",
-  width: 2,
-  height: 2,
-  borderRadius: 1,
-  backgroundColor: "currentColor",
-  variants: [{
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      top: "50%",
-      transform: "translate(-1px, -50%)"
-    }
-  }, {
-    props: {
-      orientation: "vertical"
-    },
-    style: {
-      left: "50%",
-      transform: "translate(-50%, 1px)"
-    }
-  }, {
-    props: {
-      markActive: !0
-    },
-    style: {
-      backgroundColor: (t.vars || t).palette.background.paper,
-      opacity: 0.8
-    }
-  }]
-}))), tt = v("span", {
-  name: "MuiSlider",
-  slot: "MarkLabel",
-  shouldForwardProp: (t) => be(t) && t !== "markLabelActive"
-})(S(({
-  theme: t
-}) => ({
-  ...t.typography.body2,
-  color: (t.vars || t).palette.text.secondary,
-  position: "absolute",
-  whiteSpace: "nowrap",
-  variants: [{
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      top: 30,
-      transform: "translateX(-50%)",
-      "@media (pointer: coarse)": {
-        top: 40
-      }
-    }
-  }, {
-    props: {
-      orientation: "vertical"
-    },
-    style: {
-      left: 36,
-      transform: "translateY(50%)",
-      "@media (pointer: coarse)": {
-        left: 44
+  gridArea: "1 / 1",
+  overflowX: "clip",
+  width: i.expanded ? 260 : "var(--trigger-width)",
+  opacity: i.expanded ? 1 : 0,
+  transition: r.transitions.create(["width", "opacity"])
+}));
+function ae({
+  label: r,
+  downloadFileName: i,
+  labelTooltip: n,
+  toolbarSlot: c,
+  toolbarStyle: v,
+  toolbarIconColor: S,
+  ...m
+}) {
+  const [f, o] = j.useState(!1), h = j.useRef(null), a = S ?? "inherit";
+  return /* @__PURE__ */ e.jsxs(I, { style: {
+    ...v
+  }, children: [
+    typeof r != "string" && r,
+    /* @__PURE__ */ e.jsxs(V, { fontWeight: "medium", sx: {
+      flex: 1,
+      mx: 0.5,
+      display: "flex",
+      alignItems: "center",
+      gap: 1
+    }, children: [
+      typeof r == "string" && r,
+      n && (typeof n == "string" || typeof n == "number") ? /* @__PURE__ */ e.jsx(s, { title: n, children: /* @__PURE__ */ e.jsx(B, { fontSize: "inherit", color: "primary" }) }) : n
+    ] }),
+    c && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      c,
+      /* @__PURE__ */ e.jsx(y, { orientation: "vertical", variant: "middle", flexItem: !0, sx: {
+        mx: 0.5
+      } })
+    ] }),
+    /* @__PURE__ */ e.jsx(s, { title: "Columns", children: /* @__PURE__ */ e.jsx(z, { render: /* @__PURE__ */ e.jsx(d, {}), children: /* @__PURE__ */ e.jsx(D, { fontSize: "small", htmlColor: a }) }) }),
+    /* @__PURE__ */ e.jsx(s, { title: "Filters", children: /* @__PURE__ */ e.jsx(F, { render: (l, t) => /* @__PURE__ */ e.jsx(d, { ...l, color: "default", children: /* @__PURE__ */ e.jsx(L, { badgeContent: t.filterCount, color: "primary", variant: "dot", children: /* @__PURE__ */ e.jsx(M, { fontSize: "small", htmlColor: a }) }) }) }) }),
+    /* @__PURE__ */ e.jsx(y, { orientation: "vertical", variant: "middle", flexItem: !0, sx: {
+      mx: 0.5
+    } }),
+    /* @__PURE__ */ e.jsx(s, { title: "Export", children: /* @__PURE__ */ e.jsx(d, { ref: h, id: "export-menu-trigger", "aria-controls": "export-menu", "aria-haspopup": "true", "aria-expanded": f ? "true" : void 0, onClick: () => o(!0), children: /* @__PURE__ */ e.jsx(Q, { fontSize: "small", htmlColor: a }) }) }),
+    /* @__PURE__ */ e.jsxs(N, { id: "export-menu", anchorEl: h.current, open: f, onClose: () => o(!1), anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "right"
+    }, transformOrigin: {
+      vertical: "top",
+      horizontal: "right"
+    }, slotProps: {
+      list: {
+        "aria-labelledby": "export-menu-trigger"
       }
-    }
-  }, {
-    props: {
-      markLabelActive: !0
-    },
-    style: {
-      color: (t.vars || t).palette.text.primary
-    }
-  }]
-}))), at = (t) => {
-  const {
-    disabled: a,
-    dragging: o,
-    marked: T,
-    orientation: $,
-    track: L,
-    classes: N,
-    color: g,
-    size: k
-  } = t, p = {
-    root: ["root", a && "disabled", o && "dragging", T && "marked", $ === "vertical" && "vertical", L === "inverted" && "trackInverted", L === !1 && "trackFalse", g && `color${h(g)}`, k && `size${h(k)}`],
-    rail: ["rail"],
-    track: ["track"],
-    mark: ["mark"],
-    markActive: ["markActive"],
-    markLabel: ["markLabel"],
-    markLabelActive: ["markLabelActive"],
-    valueLabel: ["valueLabel"],
-    thumb: ["thumb", a && "disabled", k && `thumbSize${h(k)}`, g && `thumbColor${h(g)}`],
-    active: ["active"],
-    disabled: ["disabled"],
-    focusVisible: ["focusVisible"]
-  };
-  return Ge(p, _e, N);
-}, rt = ({
-  children: t
-}) => t, ot = /* @__PURE__ */ se.forwardRef(function(a, o) {
-  const T = Be({
-    props: a,
-    name: "MuiSlider"
-  }), $ = Ue(), {
-    "aria-label": L,
-    "aria-valuetext": N,
-    "aria-labelledby": g,
-    // eslint-disable-next-line react/prop-types
-    component: k = "span",
-    components: p = {},
-    componentsProps: d = {},
-    color: ye = "primary",
-    classes: he,
-    className: ve,
-    disableSwap: ge = !1,
-    disabled: W = !1,
-    getAriaLabel: _,
-    getAriaValueText: B,
-    marks: ke = !1,
-    max: w = 100,
-    min: P = 0,
-    name: nt,
-    onChange: lt,
-    onChangeCommitted: st,
-    orientation: Se = "horizontal",
-    shiftStep: xe = 10,
-    size: Te = "medium",
-    step: Le = 1,
-    scale: O = de,
-    slotProps: b,
-    slots: f,
-    tabIndex: it,
-    track: C = "normal",
-    value: pt,
-    valueLabelDisplay: j = "off",
-    valueLabelFormat: x = de,
-    ...we
-  } = T, l = {
-    ...T,
-    isRtl: $,
-    max: w,
-    min: P,
-    classes: he,
-    disabled: W,
-    disableSwap: ge,
-    orientation: Se,
-    marks: ke,
-    color: ye,
-    size: Te,
-    step: Le,
-    shiftStep: xe,
-    scale: O,
-    track: C,
-    valueLabelDisplay: j,
-    valueLabelFormat: x
-  }, {
-    axisProps: R,
-    getRootProps: Pe,
-    getHiddenInputProps: Oe,
-    getThumbProps: Ce,
-    open: je,
-    active: G,
-    axis: z,
-    focusedThumbIndex: J,
-    range: K,
-    dragging: Re,
-    marks: V,
-    values: i,
-    trackOffset: ze,
-    trackLeap: Ae,
-    getThumbStyle: $e
-  } = He({
-    ...l,
-    rootRef: o
-  });
-  l.marked = V.length > 0 && V.some((r) => r.label), l.dragging = Re, l.focusedThumbIndex = J;
-  const s = at(l), M = f?.root ?? p.Root ?? Je, Q = f?.rail ?? p.Rail ?? Ke, Z = f?.track ?? p.Track ?? Qe, ee = f?.thumb ?? p.Thumb ?? Ze, te = f?.valueLabel ?? p.ValueLabel ?? fe, I = f?.mark ?? p.Mark ?? et, F = f?.markLabel ?? p.MarkLabel ?? tt, ae = f?.input ?? p.Input ?? "input", re = b?.root ?? d.root, Ne = b?.rail ?? d.rail, oe = b?.track ?? d.track, ne = b?.thumb ?? d.thumb, le = b?.valueLabel ?? d.valueLabel, Ve = b?.mark ?? d.mark, Me = b?.markLabel ?? d.markLabel, Ie = b?.input ?? d.input, Fe = y({
-    elementType: M,
-    getSlotProps: Pe,
-    externalSlotProps: re,
-    externalForwardedProps: we,
-    additionalProps: {
-      ...Xe(M) && {
-        as: k
-      }
-    },
-    ownerState: {
-      ...l,
-      ...re?.ownerState
-    },
-    className: [s.root, ve]
-  }), Ye = y({
-    elementType: Q,
-    externalSlotProps: Ne,
-    ownerState: l,
-    className: s.rail
-  }), Ee = y({
-    elementType: Z,
-    externalSlotProps: oe,
-    additionalProps: {
-      style: {
-        ...R[z].offset(ze),
-        ...R[z].leap(Ae)
-      }
-    },
-    ownerState: {
-      ...l,
-      ...oe?.ownerState
-    },
-    className: s.track
-  }), Y = y({
-    elementType: ee,
-    getSlotProps: Ce,
-    externalSlotProps: ne,
-    ownerState: {
-      ...l,
-      ...ne?.ownerState
-    },
-    className: s.thumb
-  }), De = y({
-    elementType: te,
-    externalSlotProps: le,
-    ownerState: {
-      ...l,
-      ...le?.ownerState
-    },
-    className: s.valueLabel
-  }), E = y({
-    elementType: I,
-    externalSlotProps: Ve,
-    ownerState: l,
-    className: s.mark
-  }), D = y({
-    elementType: F,
-    externalSlotProps: Me,
-    ownerState: l,
-    className: s.markLabel
-  }), qe = y({
-    elementType: ae,
-    getSlotProps: Oe,
-    externalSlotProps: Ie,
-    ownerState: l
-  });
-  return /* @__PURE__ */ u.jsxs(M, {
-    ...Fe,
-    children: [/* @__PURE__ */ u.jsx(Q, {
-      ...Ye
-    }), /* @__PURE__ */ u.jsx(Z, {
-      ...Ee
-    }), V.filter((r) => r.value >= P && r.value <= w).map((r, n) => {
-      const q = ie(r.value, P, w), A = R[z].offset(q);
-      let c;
-      return C === !1 ? c = i.includes(r.value) : c = C === "normal" && (K ? r.value >= i[0] && r.value <= i[i.length - 1] : r.value <= i[0]) || C === "inverted" && (K ? r.value <= i[0] || r.value >= i[i.length - 1] : r.value >= i[0]), /* @__PURE__ */ u.jsxs(se.Fragment, {
-        children: [/* @__PURE__ */ u.jsx(I, {
-          "data-index": n,
-          ...E,
-          ...!H(I) && {
-            markActive: c
-          },
-          style: {
-            ...A,
-            ...E.style
-          },
-          className: U(E.className, c && s.markActive)
-        }), r.label != null ? /* @__PURE__ */ u.jsx(F, {
-          "aria-hidden": !0,
-          "data-index": n,
-          ...D,
-          ...!H(F) && {
-            markLabelActive: c
-          },
-          style: {
-            ...A,
-            ...D.style
-          },
-          className: U(s.markLabel, D.className, c && s.markLabelActive),
-          children: r.label
-        }) : null]
-      }, n);
-    }), i.map((r, n) => {
-      const q = ie(r, P, w), A = R[z].offset(q), c = j === "off" ? rt : te;
-      return (
-        /* TODO v6: Change component structure. It will help in avoiding the complicated React.cloneElement API added in SliderValueLabel component. Should be: Thumb -> Input, ValueLabel. Follow Joy UI's Slider structure. */
-        /* @__PURE__ */ u.jsx(c, {
-          ...!H(c) && {
-            valueLabelFormat: x,
-            valueLabelDisplay: j,
-            value: typeof x == "function" ? x(O(r), n) : x,
-            index: n,
-            open: je === n || G === n || j === "on",
-            disabled: W
-          },
-          ...De,
-          children: /* @__PURE__ */ u.jsx(ee, {
-            "data-index": n,
-            ...Y,
-            className: U(s.thumb, Y.className, G === n && s.active, J === n && s.focusVisible),
-            style: {
-              ...A,
-              ...$e(n),
-              ...Y.style
-            },
-            children: /* @__PURE__ */ u.jsx(ae, {
-              "data-index": n,
-              "aria-label": _ ? _(n) : L,
-              "aria-valuenow": O(r),
-              "aria-labelledby": g,
-              "aria-valuetext": B ? B(O(r), n) : N,
-              value: i[n],
-              ...qe
-            })
-          })
-        }, n)
-      );
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (ot.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The label of the slider.
-   */
-  "aria-label": me(e.string, (t) => Array.isArray(t.value || t.defaultValue) && t["aria-label"] != null ? new Error("MUI: You need to use the `getAriaLabel` prop instead of `aria-label` when using a range slider.") : null),
-  /**
-   * The id of the element containing a label for the slider.
-   */
-  "aria-labelledby": e.string,
-  /**
-   * A string value that provides a user-friendly name for the current value of the slider.
-   */
-  "aria-valuetext": me(e.string, (t) => Array.isArray(t.value || t.defaultValue) && t["aria-valuetext"] != null ? new Error("MUI: You need to use the `getAriaValueText` prop instead of `aria-valuetext` when using a range slider.") : null),
-  /**
-   * @ignore
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: e.oneOfType([e.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), e.string]),
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components: e.shape({
-    Input: e.elementType,
-    Mark: e.elementType,
-    MarkLabel: e.elementType,
-    Rail: e.elementType,
-    Root: e.elementType,
-    Thumb: e.elementType,
-    Track: e.elementType,
-    ValueLabel: e.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps: e.shape({
-    input: e.oneOfType([e.func, e.object]),
-    mark: e.oneOfType([e.func, e.object]),
-    markLabel: e.oneOfType([e.func, e.object]),
-    rail: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object]),
-    thumb: e.oneOfType([e.func, e.object]),
-    track: e.oneOfType([e.func, e.object]),
-    valueLabel: e.oneOfType([e.func, e.shape({
-      children: e.element,
-      className: e.string,
-      open: e.bool,
-      style: e.object,
-      value: e.node,
-      valueLabelDisplay: e.oneOf(["auto", "off", "on"])
-    })])
-  }),
-  /**
-   * The default value. Use when the component is not controlled.
-   */
-  defaultValue: e.oneOfType([e.arrayOf(e.number), e.number]),
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
-   * @default false
-   */
-  disableSwap: e.bool,
-  /**
-   * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
-   * This is important for screen reader users.
-   * @param {number} index The thumb label's index to format.
-   * @returns {string}
-   */
-  getAriaLabel: e.func,
-  /**
-   * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
-   * This is important for screen reader users.
-   * @param {number} value The thumb label's value to format.
-   * @param {number} index The thumb label's index to format.
-   * @returns {string}
-   */
-  getAriaValueText: e.func,
-  /**
-   * Marks indicate predetermined values to which the user can move the slider.
-   * If `true` the marks are spaced according the value of the `step` prop.
-   * If an array, it should contain objects with `value` and an optional `label` keys.
-   * @default false
-   */
-  marks: e.oneOfType([e.arrayOf(e.shape({
-    label: e.node,
-    value: e.number.isRequired
-  })), e.bool]),
-  /**
-   * The maximum allowed value of the slider.
-   * Should not be equal to min.
-   * @default 100
-   */
-  max: e.number,
-  /**
-   * The minimum allowed value of the slider.
-   * Should not be equal to max.
-   * @default 0
-   */
-  min: e.number,
-  /**
-   * Name attribute of the hidden `input` element.
-   */
-  name: e.string,
-  /**
-   * Callback function that is fired when the slider's value changed.
-   *
-   * @param {Event} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (any).
-   * **Warning**: This is a generic event not a change event.
-   * @param {Value} value The new value.
-   * @param {number} activeThumb Index of the currently moved thumb.
-   */
-  onChange: e.func,
-  /**
-   * Callback function that is fired when the `mouseup` is triggered.
-   *
-   * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
-   * @param {Value} value The new value.
-   */
-  onChangeCommitted: e.func,
-  /**
-   * The component orientation.
-   * @default 'horizontal'
-   */
-  orientation: e.oneOf(["horizontal", "vertical"]),
-  /**
-   * A transformation function, to change the scale of the slider.
-   * @param {any} x
-   * @returns {any}
-   * @default function Identity(x) {
-   *   return x;
-   * }
-   */
-  scale: e.func,
-  /**
-   * The granularity with which the slider can step through values when using Page Up/Page Down or Shift + Arrow Up/Arrow Down.
-   * @default 10
-   */
-  shiftStep: e.number,
-  /**
-   * The size of the slider.
-   * @default 'medium'
-   */
-  size: e.oneOfType([e.oneOf(["small", "medium"]), e.string]),
-  /**
-   * The props used for each slot inside the Slider.
-   * @default {}
-   */
-  slotProps: e.shape({
-    input: e.oneOfType([e.func, e.object]),
-    mark: e.oneOfType([e.func, e.object]),
-    markLabel: e.oneOfType([e.func, e.object]),
-    rail: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object]),
-    thumb: e.oneOfType([e.func, e.object]),
-    track: e.oneOfType([e.func, e.object]),
-    valueLabel: e.oneOfType([e.func, e.shape({
-      children: e.element,
-      className: e.string,
-      open: e.bool,
-      style: e.object,
-      value: e.node,
-      valueLabelDisplay: e.oneOf(["auto", "off", "on"])
-    })])
-  }),
-  /**
-   * The components used for each slot inside the Slider.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: e.shape({
-    input: e.elementType,
-    mark: e.elementType,
-    markLabel: e.elementType,
-    rail: e.elementType,
-    root: e.elementType,
-    thumb: e.elementType,
-    track: e.elementType,
-    valueLabel: e.elementType
-  }),
-  /**
-   * The granularity with which the slider can step through values. (A "discrete" slider.)
-   * The `min` prop serves as the origin for the valid values.
-   * We recommend (max - min) to be evenly divisible by the step.
-   *
-   * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.
-   * @default 1
-   */
-  step: e.number,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * Tab index attribute of the hidden `input` element.
-   */
-  tabIndex: e.number,
-  /**
-   * The track presentation:
-   *
-   * - `normal` the track will render a bar representing the slider value.
-   * - `inverted` the track will render a bar representing the remaining slider value.
-   * - `false` the track will render without a bar.
-   * @default 'normal'
-   */
-  track: e.oneOf(["inverted", "normal", !1]),
-  /**
-   * The value of the slider.
-   * For ranged sliders, provide an array with two values.
-   */
-  value: e.oneOfType([e.arrayOf(e.number), e.number]),
-  /**
-   * Controls when the value label is displayed:
-   *
-   * - `auto` the value label will display when the thumb is hovered or focused.
-   * - `on` will display persistently.
-   * - `off` will never display.
-   * @default 'off'
-   */
-  valueLabelDisplay: e.oneOf(["auto", "off", "on"]),
-  /**
-   * The format function the value label's value.
-   *
-   * When a function is provided, it should have the following signature:
-   *
-   * - {number} value The value label's value to format
-   * - {number} index The value label's index to format
-   * @param {any} x
-   * @returns {any}
-   * @default function Identity(x) {
-   *   return x;
-   * }
-   */
-  valueLabelFormat: e.oneOfType([e.func, e.string])
-});
+    }, children: [
+      /* @__PURE__ */ e.jsx(E, { options: {
+        ...m.printOptions
+      }, render: /* @__PURE__ */ e.jsx(x, {}), onClick: () => o(!1), children: "Print" }),
+      /* @__PURE__ */ e.jsx(k, { options: {
+        fileName: typeof r == "string" ? r : i,
+        ...m.csvOptions
+      }, render: /* @__PURE__ */ e.jsx(x, {}), onClick: () => o(!1), children: "Download as CSV" }),
+      /* @__PURE__ */ e.jsx(w, { options: {
+        ...m.excelOptions
+      }, render: /* @__PURE__ */ e.jsx(x, {}), onClick: () => o(!1), children: "Download as Excel" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(X, { children: [
+      /* @__PURE__ */ e.jsx(O, { render: (l, t) => /* @__PURE__ */ e.jsx(s, { title: "Search", enterDelay: 0, children: /* @__PURE__ */ e.jsx(b, { ...l, ownerState: {
+        expanded: t.expanded
+      }, color: "default", "aria-disabled": t.expanded, children: /* @__PURE__ */ e.jsx(g, { fontSize: "small", htmlColor: a }) }) }) }),
+      /* @__PURE__ */ e.jsx(R, { render: ({
+        ref: l,
+        ...t
+      }, u) => /* @__PURE__ */ e.jsx(q, { ...t, ownerState: {
+        expanded: u.expanded
+      }, inputRef: l, "aria-label": "Search", placeholder: "Search...", size: "small", slotProps: {
+        input: {
+          startAdornment: /* @__PURE__ */ e.jsx(C, { position: "start", children: /* @__PURE__ */ e.jsx(g, { fontSize: "small" }) }),
+          endAdornment: u.value ? /* @__PURE__ */ e.jsx(C, { position: "end", children: /* @__PURE__ */ e.jsx(T, { edge: "end", size: "small", "aria-label": "Clear search", material: {
+            sx: {
+              marginRight: -0.75
+            }
+          }, children: /* @__PURE__ */ e.jsx(P, { fontSize: "small" }) }) }) : null,
+          ...t.slotProps?.input
+        },
+        ...t.slotProps
+      } }) })
+    ] })
+  ] });
+}
 export {
-  et as SliderMark,
-  tt as SliderMarkLabel,
-  Ke as SliderRail,
-  Je as SliderRoot,
-  Ze as SliderThumb,
-  Qe as SliderTrack,
-  fe as SliderValueLabel,
-  ot as default
+  ae as CustomToolbar
 };
 //# sourceMappingURL=ui-components.es49.js.map