@weng-lab/ui-components 2.1.1 → 2.2.0

package/dist/ui-components.es49.js

@@ -1,266 +1,26 @@
-import * as u from "react";
-import o from "./ui-components.es85.js";
-import { clsx as g } from "./ui-components.es84.js";
-import z from "./ui-components.es156.js";
-import w from "./ui-components.es157.js";
-import $ from "./ui-components.es158.js";
-import B from "./ui-components.es159.js";
-import E from "./ui-components.es151.js";
-import b, { getCheckboxUtilityClass as F } from "./ui-components.es160.js";
-import N from "./ui-components.es86.js";
-import I from "./ui-components.es99.js";
-import D from "./ui-components.es117.js";
-import { j as i } from "./ui-components.es13.js";
-import { useDefaultProps as M } from "./ui-components.es89.js";
-import U from "./ui-components.es161.js";
-import a from "./ui-components.es104.js";
-import V from "./ui-components.es90.js";
-import q from "./ui-components.es42.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 p } from "./ui-components.es16.js";
+import { useRef as b, useEffect as v } from "react";
+import z from "./ui-components.es81.js";
+const E = (t, r, h) => {
+  const e = p.c(5), o = 200, u = b(0);
+  let s, n;
+  e[0] !== r || e[1] !== t || e[2] !== o ? (s = () => {
+    const c = t.current;
+    if (!c)
+      return;
+    const f = z(() => {
+      const i = c.offsetWidth;
+      i !== u.current && (u.current = i, r());
+    }, o), d = new ResizeObserver((i) => {
+      for (const m of i)
+        m.borderBoxSize && f();
+    });
+    return d.observe(c), () => {
+      f.clear(), d.disconnect();
+    };
+  }, n = [t, r, o], e[0] = r, e[1] = t, e[2] = o, e[3] = s, e[4] = n) : (s = e[3], n = e[4]), v(s, n);
+};
 export {
-  K as default
+  E as useContainerResize
 };
 //# sourceMappingURL=ui-components.es49.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es49.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/Checkbox/Checkbox.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport SwitchBase from \"../internal/SwitchBase.js\";\nimport CheckBoxOutlineBlankIcon from \"../internal/svg-icons/CheckBoxOutlineBlank.js\";\nimport CheckBoxIcon from \"../internal/svg-icons/CheckBox.js\";\nimport IndeterminateCheckBoxIcon from \"../internal/svg-icons/IndeterminateCheckBox.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport rootShouldForwardProp from \"../styles/rootShouldForwardProp.js\";\nimport checkboxClasses, { getCheckboxUtilityClass } from \"./checkboxClasses.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport createSimplePaletteValueFilter from \"../utils/createSimplePaletteValueFilter.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { mergeSlotProps } from \"../utils/index.js\";\nimport useSlot from \"../utils/useSlot.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    indeterminate,\n    color,\n    size\n  } = ownerState;\n  const slots = {\n    root: ['root', indeterminate && 'indeterminate', `color${capitalize(color)}`, `size${capitalize(size)}`]\n  };\n  const composedClasses = composeClasses(slots, getCheckboxUtilityClass, classes);\n  return {\n    ...classes,\n    // forward the disabled and checked classes to the SwitchBase\n    ...composedClasses\n  };\n};\nconst CheckboxRoot = styled(SwitchBase, {\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  name: 'MuiCheckbox',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.indeterminate && styles.indeterminate, styles[`size${capitalize(ownerState.size)}`], ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  color: (theme.vars || theme).palette.text.secondary,\n  variants: [{\n    props: {\n      color: 'default',\n      disableRipple: false\n    },\n    style: {\n      '&:hover': {\n        backgroundColor: theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.hoverOpacity)\n      }\n    }\n  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({\n    props: {\n      color,\n      disableRipple: false\n    },\n    style: {\n      '&:hover': {\n        backgroundColor: theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.hoverOpacity)\n      }\n    }\n  })), ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({\n    props: {\n      color\n    },\n    style: {\n      [`&.${checkboxClasses.checked}, &.${checkboxClasses.indeterminate}`]: {\n        color: (theme.vars || theme).palette[color].main\n      },\n      [`&.${checkboxClasses.disabled}`]: {\n        color: (theme.vars || theme).palette.action.disabled\n      }\n    }\n  })), {\n    // Should be last to override other colors\n    props: {\n      disableRipple: false\n    },\n    style: {\n      // Reset on touch devices, it doesn't add specificity\n      '&:hover': {\n        '@media (hover: none)': {\n          backgroundColor: 'transparent'\n        }\n      }\n    }\n  }]\n})));\nconst defaultCheckedIcon = /*#__PURE__*/_jsx(CheckBoxIcon, {});\nconst defaultIcon = /*#__PURE__*/_jsx(CheckBoxOutlineBlankIcon, {});\nconst defaultIndeterminateIcon = /*#__PURE__*/_jsx(IndeterminateCheckBoxIcon, {});\nconst Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiCheckbox'\n  });\n  const {\n    checkedIcon = defaultCheckedIcon,\n    color = 'primary',\n    icon: iconProp = defaultIcon,\n    indeterminate = false,\n    indeterminateIcon: indeterminateIconProp = defaultIndeterminateIcon,\n    inputProps,\n    size = 'medium',\n    disableRipple = false,\n    className,\n    slots = {},\n    slotProps = {},\n    ...other\n  } = props;\n  const icon = indeterminate ? indeterminateIconProp : iconProp;\n  const indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;\n  const ownerState = {\n    ...props,\n    disableRipple,\n    color,\n    indeterminate,\n    size\n  };\n  const classes = useUtilityClasses(ownerState);\n  const externalInputProps = slotProps.input ?? inputProps;\n  const [RootSlot, rootSlotProps] = useSlot('root', {\n    ref,\n    elementType: CheckboxRoot,\n    className: clsx(classes.root, className),\n    shouldForwardComponentProp: true,\n    externalForwardedProps: {\n      slots,\n      slotProps,\n      ...other\n    },\n    ownerState,\n    additionalProps: {\n      type: 'checkbox',\n      icon: /*#__PURE__*/React.cloneElement(icon, {\n        fontSize: icon.props.fontSize ?? size\n      }),\n      checkedIcon: /*#__PURE__*/React.cloneElement(indeterminateIcon, {\n        fontSize: indeterminateIcon.props.fontSize ?? size\n      }),\n      disableRipple,\n      slots,\n      slotProps: {\n        input: mergeSlotProps(typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps, {\n          'data-indeterminate': indeterminate\n        })\n      }\n    }\n  });\n  return /*#__PURE__*/_jsx(RootSlot, {\n    ...rootSlotProps,\n    classes: classes\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Checkbox.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 is checked.\n   */\n  checked: PropTypes.bool,\n  /**\n   * The icon to display when the component is checked.\n   * @default <CheckBoxIcon />\n   */\n  checkedIcon: PropTypes.node,\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 color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The default checked state. Use when the component is not controlled.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   * @default false\n   */\n  disableRipple: PropTypes.bool,\n  /**\n   * The icon to display when the component is unchecked.\n   * @default <CheckBoxOutlineBlankIcon />\n   */\n  icon: PropTypes.node,\n  /**\n   * The id of the `input` element.\n   */\n  id: PropTypes.string,\n  /**\n   * If `true`, the component appears indeterminate.\n   * This does not set the native input element to indeterminate due\n   * to inconsistent behavior across browsers.\n   * However, we set a `data-indeterminate` attribute on the `input`.\n   * @default false\n   */\n  indeterminate: PropTypes.bool,\n  /**\n   * The icon to display when the component is indeterminate.\n   * @default <IndeterminateCheckBoxIcon />\n   */\n  indeterminateIcon: PropTypes.node,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.\n   * @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.\n   */\n  inputProps: PropTypes.object,\n  /**\n   * Callback fired when the state is changed.\n   *\n   * @param {React.ChangeEvent<HTMLInputElement>} 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 `input` element is required.\n   * @default false\n   */\n  required: PropTypes.bool,\n  /**\n   * The size of the component.\n   * `small` is equivalent to the dense checkbox styling.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * The props used for each slot inside.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    input: PropTypes.elementType,\n    root: 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. The DOM API casts this to a string.\n   * The browser uses \"on\" as the default value.\n   */\n  value: PropTypes.any\n} : void 0;\nexport default Checkbox;"],"names":["useUtilityClasses","ownerState","classes","indeterminate","color","size","slots","capitalize","composedClasses","composeClasses","getCheckboxUtilityClass","CheckboxRoot","styled","SwitchBase","prop","rootShouldForwardProp","props","styles","memoTheme","theme","createSimplePaletteValueFilter","checkboxClasses","defaultCheckedIcon","_jsx","CheckBoxIcon","defaultIcon","CheckBoxOutlineBlankIcon","defaultIndeterminateIcon","IndeterminateCheckBoxIcon","Checkbox","React","inProps","ref","useDefaultProps","checkedIcon","iconProp","indeterminateIconProp","inputProps","disableRipple","className","slotProps","other","icon","indeterminateIcon","externalInputProps","RootSlot","rootSlotProps","useSlot","clsx","mergeSlotProps","PropTypes"],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,MAAMA,IAAoB,CAAAC,MAAc;AACtC,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,EACJ,IAAMJ,GACEK,IAAQ;AAAA,IACZ,MAAM,CAAC,QAAQH,KAAiB,iBAAiB,QAAQI,EAAWH,CAAK,CAAC,IAAI,OAAOG,EAAWF,CAAI,CAAC,EAAE;AAAA,EAC3G,GACQG,IAAkBC,EAAeH,GAAOI,GAAyBR,CAAO;AAC9E,SAAO;AAAA,IACL,GAAGA;AAAA;AAAA,IAEH,GAAGM;AAAA,EACP;AACA,GACMG,IAAeC,EAAOC,GAAY;AAAA,EACtC,mBAAmB,CAAAC,MAAQC,EAAsBD,CAAI,KAAKA,MAAS;AAAA,EACnE,MAAM;AAAA,EACN,MAAM;AAAA,EACN,mBAAmB,CAACE,GAAOC,MAAW;AACpC,UAAM;AAAA,MACJ,YAAAhB;AAAA,IACN,IAAQe;AACJ,WAAO,CAACC,EAAO,MAAMhB,EAAW,iBAAiBgB,EAAO,eAAeA,EAAO,OAAOV,EAAWN,EAAW,IAAI,CAAC,EAAE,GAAGA,EAAW,UAAU,aAAagB,EAAO,QAAQV,EAAWN,EAAW,KAAK,CAAC,EAAE,CAAC;AAAA,EACvM;AACF,CAAC,EAAEiB,EAAU,CAAC;AAAA,EACZ,OAAAC;AACF,OAAO;AAAA,EACL,QAAQA,EAAM,QAAQA,GAAO,QAAQ,KAAK;AAAA,EAC1C,UAAU,CAAC;AAAA,IACT,OAAO;AAAA,MACL,OAAO;AAAA,MACP,eAAe;AAAA,IACrB;AAAA,IACI,OAAO;AAAA,MACL,WAAW;AAAA,QACT,iBAAiBA,EAAM,OAAOA,EAAM,QAAQA,GAAO,QAAQ,OAAO,SAASA,EAAM,QAAQA,GAAO,QAAQ,OAAO,YAAY;AAAA,MACnI;AAAA,IACA;AAAA,EACA,GAAK,GAAG,OAAO,QAAQA,EAAM,OAAO,EAAE,OAAOC,EAA8B,CAAE,EAAE,IAAI,CAAC,CAAChB,CAAK,OAAO;AAAA,IAC7F,OAAO;AAAA,MACL,OAAAA;AAAA,MACA,eAAe;AAAA,IACrB;AAAA,IACI,OAAO;AAAA,MACL,WAAW;AAAA,QACT,iBAAiBe,EAAM,OAAOA,EAAM,QAAQA,GAAO,QAAQf,CAAK,EAAE,OAAOe,EAAM,QAAQA,GAAO,QAAQ,OAAO,YAAY;AAAA,MACjI;AAAA,IACA;AAAA,EACA,EAAI,GAAG,GAAG,OAAO,QAAQA,EAAM,OAAO,EAAE,OAAOC,EAA8B,CAAE,EAAE,IAAI,CAAC,CAAChB,CAAK,OAAO;AAAA,IAC/F,OAAO;AAAA,MACL,OAAAA;AAAA,IACN;AAAA,IACI,OAAO;AAAA,MACL,CAAC,KAAKiB,EAAgB,OAAO,OAAOA,EAAgB,aAAa,EAAE,GAAG;AAAA,QACpE,QAAQF,EAAM,QAAQA,GAAO,QAAQf,CAAK,EAAE;AAAA,MACpD;AAAA,MACM,CAAC,KAAKiB,EAAgB,QAAQ,EAAE,GAAG;AAAA,QACjC,QAAQF,EAAM,QAAQA,GAAO,QAAQ,OAAO;AAAA,MACpD;AAAA,IACA;AAAA,EACA,EAAI,GAAG;AAAA;AAAA,IAEH,OAAO;AAAA,MACL,eAAe;AAAA,IACrB;AAAA,IACI,OAAO;AAAA;AAAA,MAEL,WAAW;AAAA,QACT,wBAAwB;AAAA,UACtB,iBAAiB;AAAA,QAC3B;AAAA,MACA;AAAA,IACA;AAAA,EACA,CAAG;AACH,EAAE,CAAC,GACGG,IAAkCC,gBAAAA,EAAAA,IAAKC,GAAc,EAAE,GACvDC,IAA2BF,gBAAAA,EAAAA,IAAKG,GAA0B,EAAE,GAC5DC,IAAwCJ,gBAAAA,EAAAA,IAAKK,GAA2B,EAAE,GAC1EC,IAAwB,gBAAAC,EAAM,WAAW,SAAkBC,GAASC,GAAK;AAC7E,QAAMhB,IAAQiB,EAAgB;AAAA,IAC5B,OAAOF;AAAA,IACP,MAAM;AAAA,EACV,CAAG,GACK;AAAA,IACJ,aAAAG,IAAcZ;AAAA,IACd,OAAAlB,IAAQ;AAAA,IACR,MAAM+B,IAAWV;AAAA,IACjB,eAAAtB,IAAgB;AAAA,IAChB,mBAAmBiC,IAAwBT;AAAA,IAC3C,YAAAU;AAAA,IACA,MAAAhC,IAAO;AAAA,IACP,eAAAiC,IAAgB;AAAA,IAChB,WAAAC;AAAA,IACA,OAAAjC,IAAQ,CAAA;AAAA,IACR,WAAAkC,IAAY,CAAA;AAAA,IACZ,GAAGC;AAAA,EACP,IAAMzB,GACE0B,IAAOvC,IAAgBiC,IAAwBD,GAC/CQ,IAAoBxC,IAAgBiC,IAAwBF,GAC5DjC,IAAa;AAAA,IACjB,GAAGe;AAAA,IACH,eAAAsB;AAAA,IACA,OAAAlC;AAAA,IACA,eAAAD;AAAA,IACA,MAAAE;AAAA,EACJ,GACQH,IAAUF,EAAkBC,CAAU,GACtC2C,IAAqBJ,EAAU,SAASH,GACxC,CAACQ,GAAUC,CAAa,IAAIC,EAAQ,QAAQ;AAAA,IAChD,KAAAf;AAAA,IACA,aAAarB;AAAA,IACb,WAAWqC,EAAK9C,EAAQ,MAAMqC,CAAS;AAAA,IACvC,4BAA4B;AAAA,IAC5B,wBAAwB;AAAA,MACtB,OAAAjC;AAAA,MACA,WAAAkC;AAAA,MACA,GAAGC;AAAA,IACT;AAAA,IACI,YAAAxC;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,MAAmB,gBAAA6B,EAAM,aAAaY,GAAM;AAAA,QAC1C,UAAUA,EAAK,MAAM,YAAYrC;AAAA,MACzC,CAAO;AAAA,MACD,aAA0B,gBAAAyB,EAAM,aAAaa,GAAmB;AAAA,QAC9D,UAAUA,EAAkB,MAAM,YAAYtC;AAAA,MACtD,CAAO;AAAA,MACD,eAAAiC;AAAA,MACA,OAAAhC;AAAA,MACA,WAAW;AAAA,QACT,OAAO2C,EAAe,OAAOL,KAAuB,aAAaA,EAAmB3C,CAAU,IAAI2C,GAAoB;AAAA,UACpH,sBAAsBzC;AAAA,QAChC,CAAS;AAAA,MACT;AAAA,IACA;AAAA,EACA,CAAG;AACD,SAAoBoB,gBAAAA,EAAAA,IAAKsB,GAAU;AAAA,IACjC,GAAGC;AAAA,IACH,SAAS5C;AAAA,EACb,CAAG;AACH,CAAC;AACD,QAAQ,IAAI,aAAa,iBAAe2B,EAAS,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQlF,SAASqB,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnB,aAAaA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIvB,SAASA,EAAU;AAAA;AAAA;AAAA;AAAA,EAInB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOrB,OAAOA,EAAgD,UAAU,CAACA,EAAU,MAAM,CAAC,WAAW,WAAW,aAAa,SAAS,QAAQ,WAAW,SAAS,CAAC,GAAGA,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,EAIhL,gBAAgBA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1B,UAAUA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,eAAeA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKzB,MAAMA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIhB,IAAIA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQd,eAAeA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKzB,mBAAmBA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAK7B,YAAYA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOtB,UAAUA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,UAAUA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpB,MAAMA,EAAgD,UAAU,CAACA,EAAU,MAAM,CAAC,UAAU,OAAO,CAAC,GAAGA,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxH,WAAWA,EAAU,MAAM;AAAA,IACzB,OAAOA,EAAU,UAAU,CAACA,EAAU,MAAMA,EAAU,MAAM,CAAC;AAAA,IAC7D,MAAMA,EAAU,UAAU,CAACA,EAAU,MAAMA,EAAU,MAAM,CAAC;AAAA,EAChE,CAAG;AAAA;AAAA;AAAA;AAAA;AAAA,EAKD,OAAOA,EAAU,MAAM;AAAA,IACrB,OAAOA,EAAU;AAAA,IACjB,MAAMA,EAAU;AAAA,EACpB,CAAG;AAAA;AAAA;AAAA;AAAA,EAID,IAAIA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,UAAU,CAACA,EAAU,MAAMA,EAAU,QAAQA,EAAU,IAAI,CAAC,CAAC,GAAGA,EAAU,MAAMA,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKtJ,OAAOA,EAAU;AACnB;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es49.js","sources":["../src/components/Table/useContainerResize.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { debounce } from \"@mui/material/utils\";\n\n/**\n * Hook that monitors a container element's width changes and triggers a callback\n * when the width changes (debounced to avoid excessive calls).\n *\n * @param containerRef - Ref to the container element to monitor\n * @param callback - Function to call when width changes\n * @param debounceMs - Debounce delay in milliseconds (default: 200)\n */\nexport const useContainerResize = (\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  callback: () => void,\n  debounceMs: number = 200\n): void => {\n  const prevWidth = useRef<number>(0);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const debouncedResize = debounce(() => {\n      const newWidth = container.offsetWidth;\n\n      // ONLY trigger if the actual pixel width of the container changed.\n      // This ignores cases where the grid content expands horizontally\n      // but the container remains the same size.\n      if (newWidth !== prevWidth.current) {\n        prevWidth.current = newWidth;\n        callback();\n      }\n    }, debounceMs);\n\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        // Use borderBoxSize for more accurate external boundary measurement\n        if (entry.borderBoxSize) {\n          debouncedResize();\n        }\n      }\n    });\n\n    observer.observe(container);\n\n    return () => {\n      debouncedResize.clear();\n      observer.disconnect();\n    };\n  }, [containerRef, callback, debounceMs]);\n};\n"],"names":["useContainerResize","containerRef","callback","t0","$","_c","debounceMs","prevWidth","useRef","t1","t2","container","current","debouncedResize","debounce","newWidth","offsetWidth","observer","ResizeObserver","entries","entry","borderBoxSize","observe","clear","disconnect","useEffect"],"mappings":";;;AAWO,MAAMA,IAAqBA,CAAAC,GAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAGhCC,IAAA,KAEAC,IAAkBC,EAAe,CAAC;AAAE,MAAAC,GAAAC;AAAA,EAAAN,EAAA,CAAA,MAAAF,KAAAE,SAAAH,KAAAG,EAAA,CAAA,MAAAE,KAE1BG,IAAAA,MAAA;AACR,UAAAE,IAAkBV,EAAYW;AAC9B,QAAI,CAACD;AAAS;AAEd,UAAAE,IAAwBC,EAAS,MAAA;AAC/B,YAAAC,IAAiBJ,EAASK;AAK1B,MAAID,MAAaR,EAASK,YACxBL,EAASK,UAAWG,GACpBb,EAAAA;AAAAA,IACD,GACAI,CAAU,GAEbW,IAAiB,IAAIC,eAAeC,CAAAA,MAAA;AAClC,iBAAKC,KAAeD;AAElB,QAAIC,EAAKC,iBACPR,EAAAA;AAAAA,IAEH,CACF;AAEDI,WAAAA,EAAQK,QAASX,CAAS,GAEnB,MAAA;AACLE,MAAAA,EAAeU,MAAAA,GACfN,EAAQO,WAAAA;AAAAA,IAAa;AAAA,EACtB,GACAd,KAACT,GAAcC,GAAUI,CAAU,GAACF,OAAAF,GAAAE,OAAAH,GAAAG,OAAAE,GAAAF,OAAAK,GAAAL,OAAAM,MAAAD,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,IA/BvCqB,EAAUhB,GA+BPC,CAAoC;AAAC;"}

package/dist/ui-components.es5.js

@@ -1,13 +1,13 @@
-import { j as a } from "./ui-components.es13.js";
-import { c as w } from "./ui-components.es14.js";
+import { j as a } from "./ui-components.es15.js";
+import { c as w } from "./ui-components.es16.js";
 import { useGridApiRef as $, useKeepGroupedColumnsHidden as I, DataGridPremium as M } from "@mui/x-data-grid-premium";
 import { useRef as E, useMemo as z, useCallback as O, useEffect as j } from "react";
-import k from "./ui-components.es15.js";
-import { CustomToolbar as W } from "./ui-components.es16.js";
-import { HeaderWithTooltip as _ } from "./ui-components.es17.js";
-import { useContainerResize as N } from "./ui-components.es18.js";
-import B from "./ui-components.es19.js";
-import K from "./ui-components.es20.js";
+import k from "./ui-components.es46.js";
+import { CustomToolbar as W } from "./ui-components.es47.js";
+import { HeaderWithTooltip as _ } from "./ui-components.es48.js";
+import { useContainerResize as N } from "./ui-components.es49.js";
+import B from "./ui-components.es50.js";
+import K from "./ui-components.es51.js";
 const y = {
   expand: !0,
   includeHeaders: !0,