@weng-lab/ui-components 3.0.1-beta.1 → 3.0.1-beta.2

package/dist/ui-components.es56.js

@@ -1,262 +1,30 @@
-import * as P from "react";
-import e from "./ui-components.es89.js";
-import { clsx as x } from "./ui-components.es92.js";
-import T from "./ui-components.es93.js";
-import a, { getFormControlLabelUtilityClasses as A } from "./ui-components.es206.js";
-import M from "./ui-components.es144.js";
-import U from "./ui-components.es117.js";
-import { j as m } from "./ui-components.es15.js";
-import { useDefaultProps as z } from "./ui-components.es96.js";
-import H from "./ui-components.es146.js";
-import v from "./ui-components.es41.js";
-import R from "./ui-components.es109.js";
-import I from "./ui-components.es97.js";
-import j from "./ui-components.es50.js";
-import V from "./ui-components.es126.js";
-const W = (r) => {
-  const {
-    classes: o,
-    disabled: s,
-    labelPlacement: t,
-    error: c,
-    required: d
-  } = r, b = {
-    root: ["root", s && "disabled", `labelPlacement${R(t)}`, c && "error", d && "required"],
-    label: ["label", s && "disabled"],
-    asterisk: ["asterisk", c && "error"]
-  };
-  return I(b, A, o);
-}, _ = j("label", {
-  name: "MuiFormControlLabel",
-  slot: "Root",
-  overridesResolver: (r, o) => {
-    const {
-      ownerState: s
-    } = r;
-    return [{
-      [`& .${a.label}`]: o.label
-    }, o.root, o[`labelPlacement${R(s.labelPlacement)}`]];
-  }
-})(T(({
-  theme: r
-}) => ({
-  display: "inline-flex",
-  alignItems: "center",
-  cursor: "pointer",
-  // For correct alignment with the text.
-  verticalAlign: "middle",
-  WebkitTapHighlightColor: "transparent",
-  marginLeft: -11,
-  marginRight: 16,
-  // used for row presentation of radio/checkbox
-  [`&.${a.disabled}`]: {
-    cursor: "default"
-  },
-  [`& .${a.label}`]: {
-    [`&.${a.disabled}`]: {
-      color: (r.vars || r).palette.text.disabled
-    }
-  },
-  variants: [{
-    props: {
-      labelPlacement: "start"
-    },
-    style: {
-      flexDirection: "row-reverse",
-      marginRight: -11
-    }
-  }, {
-    props: {
-      labelPlacement: "top"
-    },
-    style: {
-      flexDirection: "column-reverse"
-    }
-  }, {
-    props: {
-      labelPlacement: "bottom"
-    },
-    style: {
-      flexDirection: "column"
-    }
-  }, {
-    props: ({
-      labelPlacement: o
-    }) => o === "start" || o === "top" || o === "bottom",
-    style: {
-      marginLeft: 16
-      // used for row presentation of radio/checkbox
-    }
-  }]
-}))), B = j("span", {
-  name: "MuiFormControlLabel",
-  slot: "Asterisk"
-})(T(({
-  theme: r
-}) => ({
-  [`&.${a.error}`]: {
-    color: (r.vars || r).palette.error.main
-  }
-}))), G = /* @__PURE__ */ P.forwardRef(function(o, s) {
-  const t = z({
-    props: o,
-    name: "MuiFormControlLabel"
-  }), {
-    checked: c,
-    className: d,
-    componentsProps: b = {},
-    control: n,
-    disabled: F,
-    disableTypography: L,
-    inputRef: J,
-    label: q,
-    labelPlacement: N = "end",
-    name: K,
-    onChange: Q,
-    required: S,
-    slots: w = {},
-    slotProps: $ = {},
-    value: X,
-    ...k
-  } = t, y = H(), h = F ?? n.props.disabled ?? y?.disabled, f = S ?? n.props.required, g = {
-    disabled: h,
-    required: f
-  };
-  ["checked", "name", "onChange", "value", "inputRef"].forEach((i) => {
-    typeof n.props[i] > "u" && typeof t[i] < "u" && (g[i] = t[i]);
-  });
-  const O = M({
-    props: t,
-    muiFormControl: y,
-    states: ["error"]
-  }), p = {
-    ...t,
-    disabled: h,
-    labelPlacement: N,
-    required: f,
-    error: O.error
-  }, u = W(p), D = {
-    slots: w,
-    slotProps: {
-      ...b,
-      ...$
-    }
-  }, [E, C] = U("typography", {
-    elementType: v,
-    externalForwardedProps: D,
-    ownerState: p
-  });
-  let l = q;
-  return l != null && l.type !== v && !L && (l = /* @__PURE__ */ m.jsx(E, {
-    component: "span",
-    ...C,
-    className: x(u.label, C?.className),
-    children: l
-  })), /* @__PURE__ */ m.jsxs(_, {
-    className: x(u.root, d),
-    ownerState: p,
-    ref: s,
-    ...k,
-    children: [/* @__PURE__ */ P.cloneElement(n, g), f ? /* @__PURE__ */ m.jsxs("div", {
-      children: [l, /* @__PURE__ */ m.jsxs(B, {
-        ownerState: p,
-        "aria-hidden": !0,
-        className: u.asterisk,
-        children: [" ", "*"]
-      })]
-    }) : l]
-  });
-});
-process.env.NODE_ENV !== "production" && (G.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * If `true`, the component appears selected.
-   */
-  checked: e.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @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.
-   */
-  componentsProps: e.shape({
-    typography: e.object
-  }),
-  /**
-   * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
-   */
-  control: e.element.isRequired,
-  /**
-   * If `true`, the control is disabled.
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the label is rendered as it is passed without an additional typography node.
-   */
-  disableTypography: e.bool,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: V,
-  /**
-   * A text or an element to be used in an enclosing label element.
-   */
-  label: e.node,
-  /**
-   * The position of the label.
-   * @default 'end'
-   */
-  labelPlacement: e.oneOf(["bottom", "end", "start", "top"]),
-  /**
-   * @ignore
-   */
-  name: e.string,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: e.func,
-  /**
-   * If `true`, the label will indicate that the `input` is required.
-   */
-  required: e.bool,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: e.shape({
-    typography: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: e.shape({
-    typography: e.elementType
-  }),
-  /**
-   * 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]),
-  /**
-   * The value of the component.
-   */
-  value: e.any
-});
+import { j as l } from "./ui-components.es15.js";
+import { c as f } from "./ui-components.es16.js";
+import { Switch as x, Box as p, Tooltip as u, FormControlLabel as S } from "@mui/material";
+import { Sort as h } from "@mui/icons-material";
+const g = (a) => {
+  const e = f.c(9), {
+    autoSort: m,
+    setAutoSort: c
+  } = a;
+  let r;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
+    mr: 1
+  }, e[0] = r) : r = e[0];
+  let t;
+  e[1] !== c ? (t = (j, n) => c(n), e[1] = c, e[2] = t) : t = e[2];
+  let o;
+  e[3] !== m || e[4] !== t ? (o = /* @__PURE__ */ l.jsx(x, { color: "primary", size: "small", sx: r, checked: m, onChange: t }), e[3] = m, e[4] = t, e[5] = o) : o = e[5];
+  let s;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ l.jsx(p, { sx: {
+    display: "flex",
+    alignItems: "center",
+    lineHeight: 1
+  }, children: /* @__PURE__ */ l.jsx(h, { fontSize: "small" }) }), e[6] = s) : s = e[6];
+  let i;
+  return e[7] !== o ? (i = /* @__PURE__ */ l.jsx(u, { title: "Auto sort selected rows", children: /* @__PURE__ */ l.jsx(S, { value: "autoSort", control: o, label: s, labelPlacement: "start" }) }), e[7] = o, e[8] = i) : i = e[8], i;
+};
 export {
-  _ as FormControlLabelRoot,
-  G as default
+  g as default
 };
 //# sourceMappingURL=ui-components.es56.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es56.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/FormControlLabel/FormControlLabel.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport refType from '@mui/utils/refType';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { useFormControl } from \"../FormControl/index.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport Typography from \"../Typography/index.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport formControlLabelClasses, { getFormControlLabelUtilityClasses } from \"./formControlLabelClasses.js\";\nimport formControlState from \"../FormControl/formControlState.js\";\nimport useSlot from \"../utils/useSlot.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    disabled,\n    labelPlacement,\n    error,\n    required\n  } = ownerState;\n  const slots = {\n    root: ['root', disabled && 'disabled', `labelPlacement${capitalize(labelPlacement)}`, error && 'error', required && 'required'],\n    label: ['label', disabled && 'disabled'],\n    asterisk: ['asterisk', error && 'error']\n  };\n  return composeClasses(slots, getFormControlLabelUtilityClasses, classes);\n};\nexport const FormControlLabelRoot = styled('label', {\n  name: 'MuiFormControlLabel',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [{\n      [`& .${formControlLabelClasses.label}`]: styles.label\n    }, styles.root, styles[`labelPlacement${capitalize(ownerState.labelPlacement)}`]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  display: 'inline-flex',\n  alignItems: 'center',\n  cursor: 'pointer',\n  // For correct alignment with the text.\n  verticalAlign: 'middle',\n  WebkitTapHighlightColor: 'transparent',\n  marginLeft: -11,\n  marginRight: 16,\n  // used for row presentation of radio/checkbox\n  [`&.${formControlLabelClasses.disabled}`]: {\n    cursor: 'default'\n  },\n  [`& .${formControlLabelClasses.label}`]: {\n    [`&.${formControlLabelClasses.disabled}`]: {\n      color: (theme.vars || theme).palette.text.disabled\n    }\n  },\n  variants: [{\n    props: {\n      labelPlacement: 'start'\n    },\n    style: {\n      flexDirection: 'row-reverse',\n      marginRight: -11\n    }\n  }, {\n    props: {\n      labelPlacement: 'top'\n    },\n    style: {\n      flexDirection: 'column-reverse'\n    }\n  }, {\n    props: {\n      labelPlacement: 'bottom'\n    },\n    style: {\n      flexDirection: 'column'\n    }\n  }, {\n    props: ({\n      labelPlacement\n    }) => labelPlacement === 'start' || labelPlacement === 'top' || labelPlacement === 'bottom',\n    style: {\n      marginLeft: 16 // used for row presentation of radio/checkbox\n    }\n  }]\n})));\nconst AsteriskComponent = styled('span', {\n  name: 'MuiFormControlLabel',\n  slot: 'Asterisk'\n})(memoTheme(({\n  theme\n}) => ({\n  [`&.${formControlLabelClasses.error}`]: {\n    color: (theme.vars || theme).palette.error.main\n  }\n})));\n\n/**\n * Drop-in replacement of the `Radio`, `Switch` and `Checkbox` component.\n * Use this component if you want to display an extra label.\n */\nconst FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiFormControlLabel'\n  });\n  const {\n    checked,\n    className,\n    componentsProps = {},\n    control,\n    disabled: disabledProp,\n    disableTypography,\n    inputRef,\n    label: labelProp,\n    labelPlacement = 'end',\n    name,\n    onChange,\n    required: requiredProp,\n    slots = {},\n    slotProps = {},\n    value,\n    ...other\n  } = props;\n  const muiFormControl = useFormControl();\n  const disabled = disabledProp ?? control.props.disabled ?? muiFormControl?.disabled;\n  const required = requiredProp ?? control.props.required;\n  const controlProps = {\n    disabled,\n    required\n  };\n  ['checked', 'name', 'onChange', 'value', 'inputRef'].forEach(key => {\n    if (typeof control.props[key] === 'undefined' && typeof props[key] !== 'undefined') {\n      controlProps[key] = props[key];\n    }\n  });\n  const fcs = formControlState({\n    props,\n    muiFormControl,\n    states: ['error']\n  });\n  const ownerState = {\n    ...props,\n    disabled,\n    labelPlacement,\n    required,\n    error: fcs.error\n  };\n  const classes = useUtilityClasses(ownerState);\n  const externalForwardedProps = {\n    slots,\n    slotProps: {\n      ...componentsProps,\n      ...slotProps\n    }\n  };\n  const [TypographySlot, typographySlotProps] = useSlot('typography', {\n    elementType: Typography,\n    externalForwardedProps,\n    ownerState\n  });\n  let label = labelProp;\n  if (label != null && label.type !== Typography && !disableTypography) {\n    label = /*#__PURE__*/_jsx(TypographySlot, {\n      component: \"span\",\n      ...typographySlotProps,\n      className: clsx(classes.label, typographySlotProps?.className),\n      children: label\n    });\n  }\n  return /*#__PURE__*/_jsxs(FormControlLabelRoot, {\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    ref: ref,\n    ...other,\n    children: [/*#__PURE__*/React.cloneElement(control, controlProps), required ? /*#__PURE__*/_jsxs(\"div\", {\n      children: [label, /*#__PURE__*/_jsxs(AsteriskComponent, {\n        ownerState: ownerState,\n        \"aria-hidden\": true,\n        className: classes.asterisk,\n        children: [\"\\u2009\", '*']\n      })]\n    }) : label]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? FormControlLabel.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * If `true`, the component appears selected.\n   */\n  checked: PropTypes.bool,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The props used for each slot inside.\n   * @default {}\n   * @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.\n   */\n  componentsProps: PropTypes.shape({\n    typography: PropTypes.object\n  }),\n  /**\n   * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.\n   */\n  control: PropTypes.element.isRequired,\n  /**\n   * If `true`, the control is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the label is rendered as it is passed without an additional typography node.\n   */\n  disableTypography: PropTypes.bool,\n  /**\n   * Pass a ref to the `input` element.\n   */\n  inputRef: refType,\n  /**\n   * A text or an element to be used in an enclosing label element.\n   */\n  label: PropTypes.node,\n  /**\n   * The position of the label.\n   * @default 'end'\n   */\n  labelPlacement: PropTypes.oneOf(['bottom', 'end', 'start', 'top']),\n  /**\n   * @ignore\n   */\n  name: PropTypes.string,\n  /**\n   * Callback fired when the state is changed.\n   *\n   * @param {React.SyntheticEvent} event The event source of the callback.\n   * You can pull out the new checked state by accessing `event.target.checked` (boolean).\n   */\n  onChange: PropTypes.func,\n  /**\n   * If `true`, the label will indicate that the `input` is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * The props used for each slot inside.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    typography: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    typography: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The value of the component.\n   */\n  value: PropTypes.any\n} : void 0;\nexport default FormControlLabel;"],"names":["useUtilityClasses","ownerState","classes","disabled","labelPlacement","error","required","slots","capitalize","composeClasses","getFormControlLabelUtilityClasses","FormControlLabelRoot","styled","props","styles","formControlLabelClasses","memoTheme","theme","AsteriskComponent","FormControlLabel","React","inProps","ref","useDefaultProps","checked","className","componentsProps","control","disabledProp","disableTypography","inputRef","labelProp","name","onChange","requiredProp","slotProps","value","other","muiFormControl","useFormControl","controlProps","key","fcs","formControlState","externalForwardedProps","TypographySlot","typographySlotProps","useSlot","Typography","label","_jsx","clsx","_jsxs","PropTypes","refType"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es56.js","sources":["../src/components/TwoPaneLayout/AutoSortSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip, FormControlLabel, Switch, Box } from \"@mui/material\";\nimport { Sort } from \"@mui/icons-material\";\n\ninterface AutoSortSwitchProps {\n  autoSort: boolean;\n  setAutoSort: (value: boolean) => void;\n}\n\nconst AutoSortSwitch: React.FC<AutoSortSwitchProps> = ({ autoSort, setAutoSort }) => {\n  return (\n    <Tooltip title=\"Auto sort selected rows\">\n      <FormControlLabel\n        value=\"autoSort\"\n        control={\n          <Switch\n            color=\"primary\"\n            size=\"small\"\n            sx={{ mr: 1 }}\n            checked={autoSort}\n            onChange={(_, checked) => setAutoSort(checked)}\n          />\n        }\n        label={\n          <Box sx={{ display: \"flex\", alignItems: \"center\", lineHeight: 1 }}>\n            <Sort fontSize=\"small\" />\n          </Box>\n        }\n        labelPlacement=\"start\"\n      />\n    </Tooltip>\n  );\n};\n\nexport default AutoSortSwitch;\n"],"names":["AutoSortSwitch","t0","$","_c","autoSort","setAutoSort","t1","Symbol","for","mr","t2","_","checked","t3","jsx","Switch","t4","Box","display","alignItems","lineHeight","Sort","t5","Tooltip","FormControlLabel"],"mappings":";;;;AASA,MAAMA,IAAgDC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAJ;AAAyB,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAK,uBAAAC,IAAA,2BAAA,KAShEF,IAAA;AAAA,IAAAG,IAAM;AAAA,EAAA,GAAGP,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAQ;AAAA,EAAAR,SAAAG,KAEHK,IAAAA,CAAAC,GAAAC,MAAgBP,EAAYO,CAAO,GAACV,OAAAG,GAAAH,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAW;AAAA,EAAAX,EAAA,CAAA,MAAAE,KAAAF,SAAAQ,KALhDG,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACO,OAAA,WACD,MAAA,SACD,IAAAT,GACKF,SAAAA,GACC,UAAAM,EAAAA,CAAoC,GAC9CR,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,CAAA,MAAAK,uBAAAC,IAAA,2BAAA,KAGFQ,IAAAF,gBAAAA,EAAAA,IAACG,KAAQ,IAAA;AAAA,IAAAC,SAAW;AAAA,IAAMC,YAAc;AAAA,IAAQC,YAAc;AAAA,EAAA,GAC5D,UAAAN,gBAAAA,EAAAA,IAACO,GAAA,EAAc,UAAA,SAAO,GACxB,GAAMnB,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAoB;AAAA,SAAApB,SAAAW,KAfZS,IAAAR,gBAAAA,EAAAA,IAACS,GAAA,EAAc,OAAA,2BACb,gCAACC,GAAA,EACO,OAAA,YAEJ,SAAAX,GASA,OAAAG,GAIa,gBAAA,SAAO,GAE1B,GAAUd,OAAAW,GAAAX,OAAAoB,KAAAA,IAAApB,EAAA,CAAA,GAnBVoB;AAmBU;"}

package/dist/ui-components.es57.js

@@ -1,266 +1,46 @@
-import * as u from "react";
-import o from "./ui-components.es89.js";
-import { clsx as g } from "./ui-components.es92.js";
-import z from "./ui-components.es208.js";
-import w from "./ui-components.es209.js";
-import $ from "./ui-components.es210.js";
-import B from "./ui-components.es211.js";
-import E from "./ui-components.es159.js";
-import b, { getCheckboxUtilityClass as F } from "./ui-components.es212.js";
-import N from "./ui-components.es93.js";
-import I from "./ui-components.es104.js";
-import D from "./ui-components.es117.js";
-import { j as i } from "./ui-components.es15.js";
-import { useDefaultProps as M } from "./ui-components.es96.js";
-import U from "./ui-components.es213.js";
-import a from "./ui-components.es109.js";
-import V from "./ui-components.es97.js";
-import q from "./ui-components.es50.js";
-const _ = (e) => {
-  const {
-    classes: t,
-    indeterminate: r,
-    color: s,
-    size: c
-  } = e, l = {
-    root: ["root", r && "indeterminate", `color${a(s)}`, `size${a(c)}`]
-  }, p = V(l, F, t);
-  return {
-    ...t,
-    // forward the disabled and checked classes to the SwitchBase
-    ...p
-  };
-}, A = q(z, {
-  shouldForwardProp: (e) => E(e) || e === "classes",
-  name: "MuiCheckbox",
-  slot: "Root",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: r
-    } = e;
-    return [t.root, r.indeterminate && t.indeterminate, t[`size${a(r.size)}`], r.color !== "default" && t[`color${a(r.color)}`]];
-  }
-})(N(({
-  theme: e
-}) => ({
-  color: (e.vars || e).palette.text.secondary,
-  variants: [{
-    props: {
-      color: "default",
-      disableRipple: !1
-    },
-    style: {
-      "&:hover": {
-        backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity)
-      }
-    }
-  }, ...Object.entries(e.palette).filter(I()).map(([t]) => ({
-    props: {
-      color: t,
-      disableRipple: !1
-    },
-    style: {
-      "&:hover": {
-        backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity)
-      }
-    }
-  })), ...Object.entries(e.palette).filter(I()).map(([t]) => ({
-    props: {
-      color: t
-    },
-    style: {
-      [`&.${b.checked}, &.${b.indeterminate}`]: {
-        color: (e.vars || e).palette[t].main
-      },
-      [`&.${b.disabled}`]: {
-        color: (e.vars || e).palette.action.disabled
-      }
-    }
-  })), {
-    // Should be last to override other colors
-    props: {
-      disableRipple: !1
-    },
-    style: {
-      // Reset on touch devices, it doesn't add specificity
-      "&:hover": {
-        "@media (hover: none)": {
-          backgroundColor: "transparent"
-        }
-      }
-    }
-  }]
-}))), G = /* @__PURE__ */ i.jsx($, {}), H = /* @__PURE__ */ i.jsx(w, {}), J = /* @__PURE__ */ i.jsx(B, {}), K = /* @__PURE__ */ u.forwardRef(function(t, r) {
-  const s = M({
-    props: t,
-    name: "MuiCheckbox"
-  }), {
-    checkedIcon: c = G,
-    color: l = "primary",
-    icon: p = H,
-    indeterminate: n = !1,
-    indeterminateIcon: y = J,
-    inputProps: O,
-    size: d = "medium",
-    disableRipple: x = !1,
-    className: j,
-    slots: k = {},
-    slotProps: C = {},
-    ...S
-  } = s, v = n ? y : p, h = n ? y : c, m = {
-    ...s,
-    disableRipple: x,
-    color: l,
-    indeterminate: n,
-    size: d
-  }, P = _(m), f = C.input ?? O, [R, T] = D("root", {
-    ref: r,
-    elementType: A,
-    className: g(P.root, j),
-    shouldForwardComponentProp: !0,
-    externalForwardedProps: {
-      slots: k,
-      slotProps: C,
-      ...S
-    },
-    ownerState: m,
-    additionalProps: {
-      type: "checkbox",
-      icon: /* @__PURE__ */ u.cloneElement(v, {
-        fontSize: v.props.fontSize ?? d
-      }),
-      checkedIcon: /* @__PURE__ */ u.cloneElement(h, {
-        fontSize: h.props.fontSize ?? d
-      }),
-      disableRipple: x,
-      slots: k,
-      slotProps: {
-        input: U(typeof f == "function" ? f(m) : f, {
-          "data-indeterminate": n
-        })
-      }
-    }
-  });
-  return /* @__PURE__ */ i.jsx(R, {
-    ...T,
-    classes: P
-  });
-});
-process.env.NODE_ENV !== "production" && (K.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: o.bool,
-  /**
-   * The icon to display when the component is checked.
-   * @default <CheckBoxIcon />
-   */
-  checkedIcon: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.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: o.oneOfType([o.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
-  /**
-   * The default checked state. Use when the component is not controlled.
-   */
-  defaultChecked: o.bool,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: o.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   * @default false
-   */
-  disableRipple: o.bool,
-  /**
-   * The icon to display when the component is unchecked.
-   * @default <CheckBoxOutlineBlankIcon />
-   */
-  icon: o.node,
-  /**
-   * The id of the `input` element.
-   */
-  id: o.string,
-  /**
-   * If `true`, the component appears indeterminate.
-   * This does not set the native input element to indeterminate due
-   * to inconsistent behavior across browsers.
-   * However, we set a `data-indeterminate` attribute on the `input`.
-   * @default false
-   */
-  indeterminate: o.bool,
-  /**
-   * The icon to display when the component is indeterminate.
-   * @default <IndeterminateCheckBoxIcon />
-   */
-  indeterminateIcon: o.node,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  inputProps: o.object,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: o.func,
-  /**
-   * If `true`, the `input` element is required.
-   * @default false
-   */
-  required: o.bool,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense checkbox styling.
-   * @default 'medium'
-   */
-  size: o.oneOfType([o.oneOf(["medium", "small"]), o.string]),
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: o.shape({
-    input: o.oneOfType([o.func, o.object]),
-    root: o.oneOfType([o.func, o.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: o.shape({
-    input: o.elementType,
-    root: o.elementType
-  }),
-  /**
-   * 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]),
-  /**
-   * The value of the component. The DOM API casts this to a string.
-   * The browser uses "on" as the default value.
-   */
-  value: o.any
-});
+import { c as M } from "./ui-components.es16.js";
+import { useState as d, useRef as E, useEffect as S } from "react";
+function v(r, n, u) {
+  const t = M.c(11), [e, b] = d(!1), m = E(e);
+  let s;
+  t[0] !== e ? (s = () => {
+    m.current = e;
+  }, t[0] = e, t[1] = s) : s = t[1], S(s);
+  let l, _;
+  t[2] !== r || t[3] !== e || t[4] !== n || t[5] !== u ? (l = () => {
+    const c = r?.current;
+    if (!c)
+      return;
+    const o = u ? [] : n;
+    c.setSortModel(e ? [{
+      field: "__check__",
+      sort: "desc"
+    }, ...o] : o);
+  }, _ = [r, e, u, n], t[2] = r, t[3] = e, t[4] = n, t[5] = u, t[6] = l, t[7] = _) : (l = t[6], _ = t[7]), S(l, _);
+  let f;
+  t[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (c) => [c.current.subscribeEvent("sortModelChange", (o) => {
+    if (!m.current || o[0]?.field === "__check__")
+      return;
+    const k = o.filter(g);
+    c.current.setSortModel([{
+      field: "__check__",
+      sort: "desc"
+    }, ...k]);
+  }), c.current.subscribeEvent("rowSelectionChange", () => {
+    m.current && c.current.setSortModel([...c.current.getSortModel()]);
+  })], t[8] = f) : f = t[8];
+  const i = f;
+  let h;
+  return t[9] !== e ? (h = {
+    autoSort: e,
+    setAutoSort: b,
+    onReady: i
+  }, t[9] = e, t[10] = h) : h = t[10], h;
+}
+function g(r) {
+  return r.field !== "__check__";
+}
 export {
-  K as default
+  v as useAutoSort
 };
 //# sourceMappingURL=ui-components.es57.js.map