@weng-lab/ui-components 2.0.0 → 2.0.2

package/dist/ui-components.es49.js

@@ -1,124 +1,128 @@
-import * as d from "react";
-import o from "./ui-components.es81.js";
-import { clsx as f } from "./ui-components.es80.js";
-import u from "./ui-components.es82.js";
-import { getToolbarUtilityClass as g } from "./ui-components.es222.js";
-import { j as b } from "./ui-components.es12.js";
-import { useDefaultProps as v } from "./ui-components.es85.js";
-import T from "./ui-components.es40.js";
-import y from "./ui-components.es86.js";
-const x = (s) => {
-  const {
-    classes: t,
-    disableGutters: r,
-    variant: e
-  } = s;
-  return y({
-    root: ["root", !r && "gutters", e]
-  }, g, t);
-}, R = T("div", {
-  name: "MuiToolbar",
-  slot: "Root",
-  overridesResolver: (s, t) => {
-    const {
-      ownerState: r
-    } = s;
-    return [t.root, !r.disableGutters && t.gutters, t[r.variant]];
-  }
-})(u(({
-  theme: s
+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
 }) => ({
-  position: "relative",
-  display: "flex",
-  alignItems: "center",
-  variants: [{
-    props: ({
-      ownerState: t
-    }) => !t.disableGutters,
-    style: {
-      paddingLeft: s.spacing(2),
-      paddingRight: s.spacing(2),
-      [s.breakpoints.up("sm")]: {
-        paddingLeft: s.spacing(3),
-        paddingRight: s.spacing(3)
+  gridArea: "1 / 1",
+  width: "min-content",
+  height: "min-content",
+  zIndex: 1,
+  opacity: i.expanded ? 0 : 1,
+  pointerEvents: i.expanded ? "none" : "auto",
+  transition: r.transitions.create(["opacity"])
+})), q = p(W)(({
+  theme: r,
+  ownerState: i
+}) => ({
+  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: {
-      variant: "dense"
-    },
-    style: {
-      minHeight: 48
-    }
-  }, {
-    props: {
-      variant: "regular"
-    },
-    style: s.mixins.toolbar
-  }]
-}))), j = /* @__PURE__ */ d.forwardRef(function(t, r) {
-  const e = v({
-    props: t,
-    name: "MuiToolbar"
-  }), {
-    className: a,
-    component: n = "div",
-    disableGutters: p = !1,
-    variant: l = "regular",
-    ...c
-  } = e, i = {
-    ...e,
-    component: n,
-    disableGutters: p,
-    variant: l
-  }, m = x(i);
-  return /* @__PURE__ */ b.jsx(R, {
-    as: n,
-    className: f(m.root, a),
-    ref: r,
-    ownerState: i,
-    ...c
-  });
-});
-process.env.NODE_ENV !== "production" && (j.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The Toolbar children, usually a mixture of `IconButton`, `Button` and `Typography`.
-   * The Toolbar is a flex container, allowing flex item properties to be used to lay out the children.
-   */
-  children: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: o.elementType,
-  /**
-   * If `true`, disables gutter padding.
-   * @default false
-   */
-  disableGutters: o.bool,
-  /**
-   * 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 variant to use.
-   * @default 'regular'
-   */
-  variant: o.oneOfType([o.oneOf(["dense", "regular"]), o.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 {
-  j as default
+  ae as CustomToolbar
 };
 //# 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.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/Toolbar/Toolbar.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 { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getToolbarUtilityClass } from \"./toolbarClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    disableGutters,\n    variant\n  } = ownerState;\n  const slots = {\n    root: ['root', !disableGutters && 'gutters', variant]\n  };\n  return composeClasses(slots, getToolbarUtilityClass, classes);\n};\nconst ToolbarRoot = styled('div', {\n  name: 'MuiToolbar',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, !ownerState.disableGutters && styles.gutters, styles[ownerState.variant]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  position: 'relative',\n  display: 'flex',\n  alignItems: 'center',\n  variants: [{\n    props: ({\n      ownerState\n    }) => !ownerState.disableGutters,\n    style: {\n      paddingLeft: theme.spacing(2),\n      paddingRight: theme.spacing(2),\n      [theme.breakpoints.up('sm')]: {\n        paddingLeft: theme.spacing(3),\n        paddingRight: theme.spacing(3)\n      }\n    }\n  }, {\n    props: {\n      variant: 'dense'\n    },\n    style: {\n      minHeight: 48\n    }\n  }, {\n    props: {\n      variant: 'regular'\n    },\n    style: theme.mixins.toolbar\n  }]\n})));\nconst Toolbar = /*#__PURE__*/React.forwardRef(function Toolbar(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiToolbar'\n  });\n  const {\n    className,\n    component = 'div',\n    disableGutters = false,\n    variant = 'regular',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    component,\n    disableGutters,\n    variant\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(ToolbarRoot, {\n    as: component,\n    className: clsx(classes.root, className),\n    ref: ref,\n    ownerState: ownerState,\n    ...other\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Toolbar.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   * The Toolbar children, usually a mixture of `IconButton`, `Button` and `Typography`.\n   * The Toolbar is a flex container, allowing flex item properties to be used to lay out the children.\n   */\n  children: 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 component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, disables gutter padding.\n   * @default false\n   */\n  disableGutters: PropTypes.bool,\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 variant to use.\n   * @default 'regular'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['dense', 'regular']), PropTypes.string])\n} : void 0;\nexport default Toolbar;"],"names":["useUtilityClasses","ownerState","classes","disableGutters","variant","composeClasses","getToolbarUtilityClass","ToolbarRoot","styled","props","styles","memoTheme","theme","Toolbar","React","inProps","ref","useDefaultProps","className","component","other","_jsx","clsx","PropTypes"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAoB,CAAAC,MAAc;AACtC,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,EACJ,IAAMH;AAIJ,SAAOI,EAHO;AAAA,IACZ,MAAM,CAAC,QAAQ,CAACF,KAAkB,WAAWC,CAAO;AAAA,EACxD,GAC+BE,GAAwBJ,CAAO;AAC9D,GACMK,IAAcC,EAAO,OAAO;AAAA,EAChC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,mBAAmB,CAACC,GAAOC,MAAW;AACpC,UAAM;AAAA,MACJ,YAAAT;AAAA,IACN,IAAQQ;AACJ,WAAO,CAACC,EAAO,MAAM,CAACT,EAAW,kBAAkBS,EAAO,SAASA,EAAOT,EAAW,OAAO,CAAC;AAAA,EAC/F;AACF,CAAC,EAAEU,EAAU,CAAC;AAAA,EACZ,OAAAC;AACF,OAAO;AAAA,EACL,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU,CAAC;AAAA,IACT,OAAO,CAAC;AAAA,MACN,YAAAX;AAAA,IACN,MAAU,CAACA,EAAW;AAAA,IAClB,OAAO;AAAA,MACL,aAAaW,EAAM,QAAQ,CAAC;AAAA,MAC5B,cAAcA,EAAM,QAAQ,CAAC;AAAA,MAC7B,CAACA,EAAM,YAAY,GAAG,IAAI,CAAC,GAAG;AAAA,QAC5B,aAAaA,EAAM,QAAQ,CAAC;AAAA,QAC5B,cAAcA,EAAM,QAAQ,CAAC;AAAA,MACrC;AAAA,IACA;AAAA,EACA,GAAK;AAAA,IACD,OAAO;AAAA,MACL,SAAS;AAAA,IACf;AAAA,IACI,OAAO;AAAA,MACL,WAAW;AAAA,IACjB;AAAA,EACA,GAAK;AAAA,IACD,OAAO;AAAA,MACL,SAAS;AAAA,IACf;AAAA,IACI,OAAOA,EAAM,OAAO;AAAA,EACxB,CAAG;AACH,EAAE,CAAC,GACGC,IAAuB,gBAAAC,EAAM,WAAW,SAAiBC,GAASC,GAAK;AAC3E,QAAMP,IAAQQ,EAAgB;AAAA,IAC5B,OAAOF;AAAA,IACP,MAAM;AAAA,EACV,CAAG,GACK;AAAA,IACJ,WAAAG;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,gBAAAhB,IAAiB;AAAA,IACjB,SAAAC,IAAU;AAAA,IACV,GAAGgB;AAAA,EACP,IAAMX,GACER,IAAa;AAAA,IACjB,GAAGQ;AAAA,IACH,WAAAU;AAAA,IACA,gBAAAhB;AAAA,IACA,SAAAC;AAAA,EACJ,GACQF,IAAUF,EAAkBC,CAAU;AAC5C,SAAoBoB,gBAAAA,EAAAA,IAAKd,GAAa;AAAA,IACpC,IAAIY;AAAA,IACJ,WAAWG,EAAKpB,EAAQ,MAAMgB,CAAS;AAAA,IACvC,KAAKF;AAAA,IACL,YAAYf;AAAA,IACZ,GAAGmB;AAAA,EACP,CAAG;AACH,CAAC;AACD,QAAQ,IAAI,aAAa,iBAAeP,EAAQ,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASjF,UAAUU,EAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,SAASA,EAAU;AAAA;AAAA;AAAA;AAAA,EAInB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB,gBAAgBA,EAAU;AAAA;AAAA;AAAA;AAAA,EAI1B,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,SAASA,EAAgD,UAAU,CAACA,EAAU,MAAM,CAAC,SAAS,SAAS,CAAC,GAAGA,EAAU,MAAM,CAAC;AAC9H;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es49.js","sources":["../src/components/Table/CustomToolbar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { styled } from \"@mui/material/styles\";\nimport {\n  Toolbar,\n  ToolbarButton,\n  ColumnsPanelTrigger,\n  FilterPanelTrigger,\n  ExportCsv,\n  ExportPrint,\n  QuickFilter,\n  QuickFilterControl,\n  QuickFilterClear,\n  QuickFilterTrigger,\n  GridToolbarProps,\n  ToolbarPropsOverrides,\n  ExportExcel,\n} from \"@mui/x-data-grid-premium\";\nimport Tooltip from \"@mui/material/Tooltip\";\nimport Menu from \"@mui/material/Menu\";\nimport Badge from \"@mui/material/Badge\";\nimport ViewColumnIcon from \"@mui/icons-material/ViewColumn\";\nimport FilterListIcon from \"@mui/icons-material/FilterList\";\nimport FileDownloadIcon from \"@mui/icons-material/FileDownload\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport Divider from \"@mui/material/Divider\";\nimport TextField from \"@mui/material/TextField\";\nimport InputAdornment from \"@mui/material/InputAdornment\";\nimport CancelIcon from \"@mui/icons-material/Cancel\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport Typography from \"@mui/material/Typography\";\nimport { TableProps } from \"./types\";\nimport { InfoOutline } from \"@mui/icons-material\";\n\ntype OwnerState = {\n  expanded: boolean;\n};\n\nconst StyledQuickFilter = styled(QuickFilter)({\n  display: \"grid\",\n  alignItems: \"center\",\n});\n\nconst StyledToolbarButton = styled(ToolbarButton)<{ ownerState: OwnerState }>(({ theme, ownerState }) => ({\n  gridArea: \"1 / 1\",\n  width: \"min-content\",\n  height: \"min-content\",\n  zIndex: 1,\n  opacity: ownerState.expanded ? 0 : 1,\n  pointerEvents: ownerState.expanded ? \"none\" : \"auto\",\n  transition: theme.transitions.create([\"opacity\"]),\n}));\n\nconst StyledTextField = styled(TextField)<{\n  ownerState: OwnerState;\n}>(({ theme, ownerState }) => ({\n  gridArea: \"1 / 1\",\n  overflowX: \"clip\",\n  width: ownerState.expanded ? 260 : \"var(--trigger-width)\",\n  opacity: ownerState.expanded ? 1 : 0,\n  transition: theme.transitions.create([\"width\", \"opacity\"]),\n}));\n\ntype CustomToolbarProps = {\n  label: TableProps[\"label\"];\n  downloadFileName: TableProps[\"downloadFileName\"];\n  labelTooltip: TableProps[\"labelTooltip\"];\n  toolbarSlot?: TableProps[\"toolbarSlot\"];\n  toolbarStyle?: TableProps[\"toolbarStyle\"];\n  toolbarIconColor?: TableProps[\"toolbarIconColor\"];\n} & GridToolbarProps &\n  ToolbarPropsOverrides;\n\nexport function CustomToolbar({ label, downloadFileName, labelTooltip, toolbarSlot, toolbarStyle, toolbarIconColor, ...restToolbarProps }: CustomToolbarProps) {\n  const [exportMenuOpen, setExportMenuOpen] = React.useState(false);\n  const exportMenuTriggerRef = React.useRef<HTMLButtonElement>(null);\n\n  const iconColor = toolbarIconColor ?? \"inherit\"\n\n  return (\n    <Toolbar style={{ ...toolbarStyle }}>\n      {typeof label !== \"string\" && label}\n      <Typography fontWeight=\"medium\" sx={{ flex: 1, mx: 0.5, display: \"flex\", alignItems: \"center\", gap: 1 }}>\n        {typeof label === \"string\" && label}\n        {/* ReactNode can be more than just an element, string, or number but not accounting for that for simplicity */}\n        {labelTooltip && (typeof labelTooltip === \"string\" || typeof labelTooltip === \"number\") ? (\n          <Tooltip title={labelTooltip}>\n            <InfoOutline fontSize=\"inherit\" color=\"primary\" />\n          </Tooltip>\n        ) : (\n          labelTooltip\n        )}\n      </Typography>\n      {toolbarSlot && (\n        <>\n          {toolbarSlot}\n          <Divider orientation=\"vertical\" variant=\"middle\" flexItem sx={{ mx: 0.5 }} />\n        </>\n      )}\n\n      <Tooltip title=\"Columns\">\n        <ColumnsPanelTrigger render={<ToolbarButton />}>\n          <ViewColumnIcon fontSize=\"small\" htmlColor={iconColor} />\n        </ColumnsPanelTrigger>\n      </Tooltip>\n\n      <Tooltip title=\"Filters\">\n        <FilterPanelTrigger\n          render={(props, state) => (\n            <ToolbarButton {...props} color=\"default\">\n              <Badge badgeContent={state.filterCount} color=\"primary\" variant=\"dot\">\n                <FilterListIcon fontSize=\"small\" htmlColor={iconColor} />\n              </Badge>\n            </ToolbarButton>\n          )}\n        />\n      </Tooltip>\n      <Divider orientation=\"vertical\" variant=\"middle\" flexItem sx={{ mx: 0.5 }} />\n      <Tooltip title=\"Export\">\n        <ToolbarButton\n          ref={exportMenuTriggerRef}\n          id=\"export-menu-trigger\"\n          aria-controls=\"export-menu\"\n          aria-haspopup=\"true\"\n          aria-expanded={exportMenuOpen ? \"true\" : undefined}\n          onClick={() => setExportMenuOpen(true)}\n        >\n          <FileDownloadIcon fontSize=\"small\" htmlColor={iconColor} />\n        </ToolbarButton>\n      </Tooltip>\n\n      <Menu\n        id=\"export-menu\"\n        anchorEl={exportMenuTriggerRef.current}\n        open={exportMenuOpen}\n        onClose={() => setExportMenuOpen(false)}\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"right\" }}\n        transformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n        slotProps={{\n          list: {\n            \"aria-labelledby\": \"export-menu-trigger\",\n          },\n        }}\n      >\n        <ExportPrint\n          options={{ ...restToolbarProps.printOptions }}\n          render={<MenuItem />}\n          onClick={() => setExportMenuOpen(false)}\n        >\n          Print\n        </ExportPrint>\n        <ExportCsv\n          options={{ fileName: typeof label === \"string\" ? label : downloadFileName, ...restToolbarProps.csvOptions }}\n          render={<MenuItem />}\n          onClick={() => setExportMenuOpen(false)}\n        >\n          Download as CSV\n        </ExportCsv>\n        <ExportExcel\n          options={{ ...restToolbarProps.excelOptions }}\n          render={<MenuItem />}\n          onClick={() => setExportMenuOpen(false)}\n        >\n          Download as Excel\n        </ExportExcel>\n      </Menu>\n\n      <StyledQuickFilter>\n        <QuickFilterTrigger\n          render={(triggerProps, state) => (\n            <Tooltip title=\"Search\" enterDelay={0}>\n              <StyledToolbarButton\n                {...triggerProps}\n                ownerState={{ expanded: state.expanded }}\n                color=\"default\"\n                aria-disabled={state.expanded}\n              >\n                <SearchIcon fontSize=\"small\" htmlColor={iconColor} />\n              </StyledToolbarButton>\n            </Tooltip>\n          )}\n        />\n        <QuickFilterControl\n          render={({ ref, ...controlProps }, state) => (\n            <StyledTextField\n              {...controlProps}\n              ownerState={{ expanded: state.expanded }}\n              inputRef={ref}\n              aria-label=\"Search\"\n              placeholder=\"Search...\"\n              size=\"small\"\n              slotProps={{\n                input: {\n                  startAdornment: (\n                    <InputAdornment position=\"start\">\n                      <SearchIcon fontSize=\"small\" />\n                    </InputAdornment>\n                  ),\n                  endAdornment: state.value ? (\n                    <InputAdornment position=\"end\">\n                      <QuickFilterClear\n                        edge=\"end\"\n                        size=\"small\"\n                        aria-label=\"Clear search\"\n                        material={{ sx: { marginRight: -0.75 } }}\n                      >\n                        <CancelIcon fontSize=\"small\" />\n                      </QuickFilterClear>\n                    </InputAdornment>\n                  ) : null,\n                  ...controlProps.slotProps?.input,\n                },\n                ...controlProps.slotProps,\n              }}\n            />\n          )}\n        />\n      </StyledQuickFilter>\n    </Toolbar>\n  );\n}\n"],"names":["StyledQuickFilter","styled","QuickFilter","display","alignItems","StyledToolbarButton","ToolbarButton","theme","ownerState","gridArea","width","height","zIndex","opacity","expanded","pointerEvents","transition","transitions","create","StyledTextField","TextField","overflowX","CustomToolbar","label","downloadFileName","labelTooltip","toolbarSlot","toolbarStyle","toolbarIconColor","restToolbarProps","exportMenuOpen","setExportMenuOpen","React","useState","exportMenuTriggerRef","useRef","iconColor","jsxs","Toolbar","Typography","flex","mx","gap","jsx","Tooltip","InfoOutline","Fragment","Divider","ColumnsPanelTrigger","ViewColumnIcon","FilterPanelTrigger","props","state","Badge","filterCount","FilterListIcon","undefined","FileDownloadIcon","Menu","current","vertical","horizontal","list","ExportPrint","printOptions","MenuItem","ExportCsv","fileName","csvOptions","ExportExcel","excelOptions","QuickFilterTrigger","triggerProps","SearchIcon","QuickFilterControl","ref","controlProps","input","startAdornment","InputAdornment","endAdornment","value","QuickFilterClear","sx","marginRight","CancelIcon","slotProps"],"mappings":"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"}

package/dist/ui-components.es5.js

@@ -1,7 +1,7 @@
 import { j as l } from "./ui-components.es12.js";
 import O, { useState as k, useEffect as K, useCallback as T, createElement as R } from "react";
 import { c as q } from "./ui-components.es13.js";
-import { isDomain as M } from "./ui-components.es20.js";
+import { isDomain as M } from "./ui-components.es46.js";
 import { Box as A, Autocomplete as _, TextField as F, Button as N, Typography as m } from "@mui/material";
 import { useEntityAutocomplete as V } from "./ui-components.es11.js";
 const p = 3, z = ({

package/dist/ui-components.es50.js

@@ -1,129 +1,39 @@
-import * as p from "react";
-import e from "./ui-components.es81.js";
-import { clsx as T } from "./ui-components.es80.js";
-import x from "./ui-components.es183.js";
-import g from "./ui-components.es82.js";
-import { getTableUtilityClass as k } from "./ui-components.es187.js";
-import { j as m } from "./ui-components.es12.js";
-import v from "./ui-components.es40.js";
-import { useDefaultProps as j } from "./ui-components.es85.js";
-import C from "./ui-components.es86.js";
-const H = (o) => {
-  const {
-    classes: t,
-    stickyHeader: s
-  } = o;
-  return C({
-    root: ["root", s && "stickyHeader"]
-  }, k, t);
-}, O = v("table", {
-  name: "MuiTable",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: s
-    } = o;
-    return [t.root, s.stickyHeader && t.stickyHeader];
-  }
-})(g(({
-  theme: o
-}) => ({
-  display: "table",
-  width: "100%",
-  borderCollapse: "collapse",
-  borderSpacing: 0,
-  "& caption": {
-    ...o.typography.body2,
-    padding: o.spacing(2),
-    color: (o.vars || o).palette.text.secondary,
-    textAlign: "left",
-    captionSide: "bottom"
-  },
-  variants: [{
-    props: ({
-      ownerState: t
-    }) => t.stickyHeader,
-    style: {
-      borderCollapse: "separate"
-    }
-  }]
-}))), d = "table", R = /* @__PURE__ */ p.forwardRef(function(t, s) {
-  const r = j({
-    props: t,
-    name: "MuiTable"
-  }), {
-    className: f,
-    component: a = d,
-    padding: n = "normal",
-    size: l = "medium",
-    stickyHeader: c = !1,
-    ...b
-  } = r, i = {
-    ...r,
-    component: a,
-    padding: n,
-    size: l,
-    stickyHeader: c
-  }, y = H(i), u = p.useMemo(() => ({
-    padding: n,
-    size: l,
-    stickyHeader: c
-  }), [n, l, c]);
-  return /* @__PURE__ */ m.jsx(x.Provider, {
-    value: u,
-    children: /* @__PURE__ */ m.jsx(O, {
-      as: a,
-      role: a === d ? null : "table",
-      ref: s,
-      className: T(y.root, f),
-      ownerState: i,
-      ...b
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (R.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the table, normally `TableHead` and `TableBody`.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * Allows TableCells to inherit padding of the Table.
-   * @default 'normal'
-   */
-  padding: e.oneOf(["checkbox", "none", "normal"]),
-  /**
-   * Allows TableCells to inherit size of the Table.
-   * @default 'medium'
-   */
-  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
-  /**
-   * Set the header sticky.
-   * @default false
-   */
-  stickyHeader: e.bool,
-  /**
-   * 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])
-});
+import { j as r } from "./ui-components.es12.js";
+import { c as d } from "./ui-components.es13.js";
+import { Typography as h, Box as p, Tooltip as j } from "@mui/material";
+import y from "./ui-components.es18.js";
+const S = (x) => {
+  const e = d.c(13), {
+    params: i,
+    tooltipTitle: f,
+    originalRenderHeader: s
+  } = x;
+  let n;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = {
+    display: "flex",
+    alignItems: "center",
+    gap: 1
+  }, e[0] = n) : n = e[0];
+  let m;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (m = {
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  }, e[1] = m) : m = e[1];
+  let t;
+  e[2] !== s || e[3] !== i ? (t = s ? s(i) : /* @__PURE__ */ r.jsx(h, { variant: "subtitle2", noWrap: !0, children: i.colDef.headerName || i.field }), e[2] = s, e[3] = i, e[4] = t) : t = e[4];
+  let l;
+  e[5] !== t ? (l = /* @__PURE__ */ r.jsx(p, { sx: m, children: t }), e[5] = t, e[6] = l) : l = e[6];
+  let a;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ r.jsx(y, { fontSize: "inherit", color: "primary" }), e[7] = a) : a = e[7];
+  let o;
+  e[8] !== f ? (o = /* @__PURE__ */ r.jsx(j, { title: f, children: a }), e[8] = f, e[9] = o) : o = e[9];
+  let c;
+  return e[10] !== l || e[11] !== o ? (c = /* @__PURE__ */ r.jsxs(p, { sx: n, children: [
+    l,
+    o
+  ] }), e[10] = l, e[11] = o, e[12] = c) : c = e[12], c;
+};
 export {
-  R as default
+  S as HeaderWithTooltip
 };
 //# sourceMappingURL=ui-components.es50.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es50.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/Table/Table.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 TableContext from \"./TableContext.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getTableUtilityClass } from \"./tableClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    stickyHeader\n  } = ownerState;\n  const slots = {\n    root: ['root', stickyHeader && 'stickyHeader']\n  };\n  return composeClasses(slots, getTableUtilityClass, classes);\n};\nconst TableRoot = styled('table', {\n  name: 'MuiTable',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.stickyHeader && styles.stickyHeader];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  display: 'table',\n  width: '100%',\n  borderCollapse: 'collapse',\n  borderSpacing: 0,\n  '& caption': {\n    ...theme.typography.body2,\n    padding: theme.spacing(2),\n    color: (theme.vars || theme).palette.text.secondary,\n    textAlign: 'left',\n    captionSide: 'bottom'\n  },\n  variants: [{\n    props: ({\n      ownerState\n    }) => ownerState.stickyHeader,\n    style: {\n      borderCollapse: 'separate'\n    }\n  }]\n})));\nconst defaultComponent = 'table';\nconst Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTable'\n  });\n  const {\n    className,\n    component = defaultComponent,\n    padding = 'normal',\n    size = 'medium',\n    stickyHeader = false,\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    component,\n    padding,\n    size,\n    stickyHeader\n  };\n  const classes = useUtilityClasses(ownerState);\n  const table = React.useMemo(() => ({\n    padding,\n    size,\n    stickyHeader\n  }), [padding, size, stickyHeader]);\n  return /*#__PURE__*/_jsx(TableContext.Provider, {\n    value: table,\n    children: /*#__PURE__*/_jsx(TableRoot, {\n      as: component,\n      role: component === defaultComponent ? null : 'table',\n      ref: ref,\n      className: clsx(classes.root, className),\n      ownerState: ownerState,\n      ...other\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Table.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   * The content of the table, normally `TableHead` and `TableBody`.\n   */\n  children: 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 component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Allows TableCells to inherit padding of the Table.\n   * @default 'normal'\n   */\n  padding: PropTypes.oneOf(['checkbox', 'none', 'normal']),\n  /**\n   * Allows TableCells to inherit size of the Table.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * Set the header sticky.\n   * @default false\n   */\n  stickyHeader: PropTypes.bool,\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} : void 0;\nexport default Table;"],"names":["useUtilityClasses","ownerState","classes","stickyHeader","composeClasses","getTableUtilityClass","TableRoot","styled","props","styles","memoTheme","theme","defaultComponent","Table","React","inProps","ref","useDefaultProps","className","component","padding","size","other","table","_jsx","TableContext","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es50.js","sources":["../src/components/Table/HeaderWithToolip.tsx"],"sourcesContent":["import { Tooltip, Box, Typography, TooltipProps } from '@mui/material';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport { GridColumnHeaderParams } from '@mui/x-data-grid-premium';\n\nexport interface HeaderWithTooltipProps {\n  params: GridColumnHeaderParams;\n  tooltipTitle: TooltipProps[\"title\"];\n  originalRenderHeader?: (params: GridColumnHeaderParams) => React.ReactNode;\n}\n\nexport const HeaderWithTooltip = ({ params, tooltipTitle, originalRenderHeader }: HeaderWithTooltipProps) => {\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n      <Box sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n        {originalRenderHeader ? (\n          originalRenderHeader(params)\n        ) : (\n          // Fallback to default behavior (showing the headerName)\n          <Typography variant=\"subtitle2\" noWrap>\n            {params.colDef.headerName || params.field}\n          </Typography>\n        )}\n      </Box>\n      <Tooltip title={tooltipTitle}>\n        <InfoOutlinedIcon fontSize=\"inherit\" color=\"primary\" />\n      </Tooltip>\n    </Box>\n  );\n};"],"names":["HeaderWithTooltip","t0","$","_c","params","tooltipTitle","originalRenderHeader","t1","Symbol","for","display","alignItems","gap","t2","overflow","textOverflow","t3","Typography","colDef","headerName","field","t4","jsx","Box","t5","InfoOutlinedIcon","t6","Tooltip","t7"],"mappings":";;;;AAUO,MAAMA,IAAoBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAC;AAAA,IAAAC,QAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,sBAAAA;AAAAA,EAAAA,IAAAL;AAAsE,MAAAM;AAAA,EAAAL,EAAA,CAAA,MAAAM,OAAAC,IAAA,2BAAA,KAE3FF,IAAA;AAAA,IAAAG,SAAW;AAAA,IAAMC,YAAc;AAAA,IAAQC,KAAO;AAAA,EAAA,GAAGV,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAW;AAAA,EAAAX,EAAA,CAAA,MAAAM,OAAAC,IAAA,2BAAA,KAC/CI,IAAA;AAAA,IAAAC,UAAY;AAAA,IAAQC,cAAgB;AAAA,EAAA,GAAYb,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,CAAA,MAAAI,KAAAJ,SAAAE,KACtDY,IAAAV,IACCA,EAAqBF,CAMvB,0BAHGa,GAAA,EAAmB,SAAA,aAAY,QAAA,IAC7Bb,UAAAA,EAAMc,OAAOC,cAAef,EAAMgB,OACrC,GACDlB,OAAAI,GAAAJ,OAAAE,GAAAF,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAmB;AAAA,EAAAnB,SAAAc,KARHK,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAQ,IAAAV,GACNG,UAAAA,GAQH,GAAMd,OAAAc,GAAAd,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,MAAAsB;AAAA,EAAAtB,EAAA,CAAA,MAAAM,OAAAC,IAAA,2BAAA,KAEJe,IAAAF,gBAAAA,EAAAA,IAACG,GAAA,EAA0B,UAAA,WAAgB,OAAA,WAAS,GAAGvB,OAAAsB,KAAAA,IAAAtB,EAAA,CAAA;AAAA,MAAAwB;AAAA,EAAAxB,SAAAG,KADzDqB,IAAAJ,gBAAAA,EAAAA,IAACK,GAAA,EAAetB,OAAAA,GACdmB,UAAAA,GACF,GAAUtB,OAAAG,GAAAH,OAAAwB,KAAAA,IAAAxB,EAAA,CAAA;AAAA,MAAA0B;AAAA,SAAA1B,EAAA,EAAA,MAAAmB,KAAAnB,UAAAwB,KAbZE,2BAACL,GAAA,EAAQ,IAAAhB,GACPc,UAAAA;AAAAA,IAAAA;AAAAA,IAUAK;AAAAA,EAAAA,GAGF,GAAMxB,QAAAmB,GAAAnB,QAAAwB,GAAAxB,QAAA0B,KAAAA,IAAA1B,EAAA,EAAA,GAdN0B;AAcM;"}

package/dist/ui-components.es51.js

@@ -1,72 +1,26 @@
-import * as p from "react";
-import o from "./ui-components.es81.js";
-import { clsx as m } from "./ui-components.es80.js";
-import { getTableContainerUtilityClass as f } from "./ui-components.es208.js";
-import { j as u } from "./ui-components.es12.js";
-import T from "./ui-components.es40.js";
-import { useDefaultProps as b } from "./ui-components.es85.js";
-import d from "./ui-components.es86.js";
-const y = (t) => {
-  const {
-    classes: e
-  } = t;
-  return d({
-    root: ["root"]
-  }, f, e);
-}, C = T("div", {
-  name: "MuiTableContainer",
-  slot: "Root"
-})({
-  width: "100%",
-  overflowX: "auto"
-}), j = /* @__PURE__ */ p.forwardRef(function(e, s) {
-  const r = b({
-    props: e,
-    name: "MuiTableContainer"
-  }), {
-    className: c,
-    component: n = "div",
-    ...i
-  } = r, a = {
-    ...r,
-    component: n
-  }, l = y(a);
-  return /* @__PURE__ */ u.jsx(C, {
-    ref: s,
-    as: n,
-    className: m(l.root, c),
-    ownerState: a,
-    ...i
-  });
-});
-process.env.NODE_ENV !== "production" && (j.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component, normally `Table`.
-   */
-  children: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: 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])
-});
+import { c as p } from "./ui-components.es13.js";
+import { useRef as b, useEffect as v } from "react";
+import z from "./ui-components.es75.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 {
-  j as default
+  E as useContainerResize
 };
 //# sourceMappingURL=ui-components.es51.js.map