@weng-lab/ui-components 3.0.0 → 3.0.1-beta.0

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es42.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/TableHead/TableHead.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 Tablelvl2Context from \"../Table/Tablelvl2Context.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getTableHeadUtilityClass } from \"./tableHeadClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root']\n  };\n  return composeClasses(slots, getTableHeadUtilityClass, classes);\n};\nconst TableHeadRoot = styled('thead', {\n  name: 'MuiTableHead',\n  slot: 'Root'\n})({\n  display: 'table-header-group'\n});\nconst tablelvl2 = {\n  variant: 'head'\n};\nconst defaultComponent = 'thead';\nconst TableHead = /*#__PURE__*/React.forwardRef(function TableHead(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTableHead'\n  });\n  const {\n    className,\n    component = defaultComponent,\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    component\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(Tablelvl2Context.Provider, {\n    value: tablelvl2,\n    children: /*#__PURE__*/_jsx(TableHeadRoot, {\n      as: component,\n      className: clsx(classes.root, className),\n      ref: ref,\n      role: component === defaultComponent ? null : 'rowgroup',\n      ownerState: ownerState,\n      ...other\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? TableHead.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 component, normally `TableRow`.\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   * 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 TableHead;"],"names":["useUtilityClasses","ownerState","classes","composeClasses","getTableHeadUtilityClass","TableHeadRoot","styled","tablelvl2","defaultComponent","TableHead","React","inProps","ref","props","useDefaultProps","className","component","other","_jsx","Tablelvl2Context","clsx","PropTypes"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAoB,CAAAC,MAAc;AACtC,QAAM;AAAA,IACJ,SAAAC;AAAA,EACJ,IAAMD;AAIJ,SAAOE,EAHO;AAAA,IACZ,MAAM,CAAC,MAAM;AAAA,EACjB,GAC+BC,GAA0BF,CAAO;AAChE,GACMG,IAAgBC,EAAO,SAAS;AAAA,EACpC,MAAM;AAAA,EACN,MAAM;AACR,CAAC,EAAE;AAAA,EACD,SAAS;AACX,CAAC,GACKC,IAAY;AAAA,EAChB,SAAS;AACX,GACMC,IAAmB,SACnBC,IAAyB,gBAAAC,EAAM,WAAW,SAAmBC,GAASC,GAAK;AAC/E,QAAMC,IAAQC,EAAgB;AAAA,IAC5B,OAAOH;AAAA,IACP,MAAM;AAAA,EACV,CAAG,GACK;AAAA,IACJ,WAAAI;AAAA,IACA,WAAAC,IAAYR;AAAA,IACZ,GAAGS;AAAA,EACP,IAAMJ,GACEZ,IAAa;AAAA,IACjB,GAAGY;AAAA,IACH,WAAAG;AAAA,EACJ,GACQd,IAAUF,EAAkBC,CAAU;AAC5C,SAAoBiB,gBAAAA,EAAAA,IAAKC,EAAiB,UAAU;AAAA,IAClD,OAAOZ;AAAA,IACP,UAAuBW,gBAAAA,EAAAA,IAAKb,GAAe;AAAA,MACzC,IAAIW;AAAA,MACJ,WAAWI,EAAKlB,EAAQ,MAAMa,CAAS;AAAA,MACvC,KAAKH;AAAA,MACL,MAAMI,MAAcR,IAAmB,OAAO;AAAA,MAC9C,YAAYP;AAAA,MACZ,GAAGgB;AAAA,IACT,CAAK;AAAA,EACL,CAAG;AACH,CAAC;AACD,QAAQ,IAAI,aAAa,iBAAeR,EAAU,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnF,UAAUY,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,EAIrB,IAAIA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,UAAU,CAACA,EAAU,MAAMA,EAAU,QAAQA,EAAU,IAAI,CAAC,CAAC,GAAGA,EAAU,MAAMA,EAAU,MAAM,CAAC;AACxJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es42.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/IconButton/IconButton.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport chainPropTypes from '@mui/utils/chainPropTypes';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { unstable_useId as useId } from \"../utils/index.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 ButtonBase from \"../ButtonBase/index.js\";\nimport CircularProgress from \"../CircularProgress/index.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport iconButtonClasses, { getIconButtonUtilityClass } from \"./iconButtonClasses.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    disabled,\n    color,\n    edge,\n    size,\n    loading\n  } = ownerState;\n  const slots = {\n    root: ['root', loading && 'loading', disabled && 'disabled', color !== 'default' && `color${capitalize(color)}`, edge && `edge${capitalize(edge)}`, `size${capitalize(size)}`],\n    loadingIndicator: ['loadingIndicator'],\n    loadingWrapper: ['loadingWrapper']\n  };\n  return composeClasses(slots, getIconButtonUtilityClass, classes);\n};\nconst IconButtonRoot = styled(ButtonBase, {\n  name: 'MuiIconButton',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.loading && styles.loading, ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`], ownerState.edge && styles[`edge${capitalize(ownerState.edge)}`], styles[`size${capitalize(ownerState.size)}`]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  textAlign: 'center',\n  flex: '0 0 auto',\n  fontSize: theme.typography.pxToRem(24),\n  padding: 8,\n  borderRadius: '50%',\n  color: (theme.vars || theme).palette.action.active,\n  transition: theme.transitions.create('background-color', {\n    duration: theme.transitions.duration.shortest\n  }),\n  variants: [{\n    props: props => !props.disableRipple,\n    style: {\n      '--IconButton-hoverBg': theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.hoverOpacity),\n      '&:hover': {\n        backgroundColor: 'var(--IconButton-hoverBg)',\n        // Reset on touch devices, it doesn't add specificity\n        '@media (hover: none)': {\n          backgroundColor: 'transparent'\n        }\n      }\n    }\n  }, {\n    props: {\n      edge: 'start'\n    },\n    style: {\n      marginLeft: -12\n    }\n  }, {\n    props: {\n      edge: 'start',\n      size: 'small'\n    },\n    style: {\n      marginLeft: -3\n    }\n  }, {\n    props: {\n      edge: 'end'\n    },\n    style: {\n      marginRight: -12\n    }\n  }, {\n    props: {\n      edge: 'end',\n      size: 'small'\n    },\n    style: {\n      marginRight: -3\n    }\n  }]\n})), memoTheme(({\n  theme\n}) => ({\n  variants: [{\n    props: {\n      color: 'inherit'\n    },\n    style: {\n      color: 'inherit'\n    }\n  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()) // check all the used fields in the style below\n  .map(([color]) => ({\n    props: {\n      color\n    },\n    style: {\n      color: (theme.vars || theme).palette[color].main\n    }\n  })), ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()) // check all the used fields in the style below\n  .map(([color]) => ({\n    props: {\n      color\n    },\n    style: {\n      '--IconButton-hoverBg': theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.hoverOpacity)\n    }\n  })), {\n    props: {\n      size: 'small'\n    },\n    style: {\n      padding: 5,\n      fontSize: theme.typography.pxToRem(18)\n    }\n  }, {\n    props: {\n      size: 'large'\n    },\n    style: {\n      padding: 12,\n      fontSize: theme.typography.pxToRem(28)\n    }\n  }],\n  [`&.${iconButtonClasses.disabled}`]: {\n    backgroundColor: 'transparent',\n    color: (theme.vars || theme).palette.action.disabled\n  },\n  [`&.${iconButtonClasses.loading}`]: {\n    color: 'transparent'\n  }\n})));\nconst IconButtonLoadingIndicator = styled('span', {\n  name: 'MuiIconButton',\n  slot: 'LoadingIndicator'\n})(({\n  theme\n}) => ({\n  display: 'none',\n  position: 'absolute',\n  visibility: 'visible',\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  color: (theme.vars || theme).palette.action.disabled,\n  variants: [{\n    props: {\n      loading: true\n    },\n    style: {\n      display: 'flex'\n    }\n  }]\n}));\n\n/**\n * Refer to the [Icons](/material-ui/icons/) section of the documentation\n * regarding the available icon options.\n */\nconst IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiIconButton'\n  });\n  const {\n    edge = false,\n    children,\n    className,\n    color = 'default',\n    disabled = false,\n    disableFocusRipple = false,\n    size = 'medium',\n    id: idProp,\n    loading = null,\n    loadingIndicator: loadingIndicatorProp,\n    ...other\n  } = props;\n  const loadingId = useId(idProp);\n  const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/_jsx(CircularProgress, {\n    \"aria-labelledby\": loadingId,\n    color: \"inherit\",\n    size: 16\n  });\n  const ownerState = {\n    ...props,\n    edge,\n    color,\n    disabled,\n    disableFocusRipple,\n    loading,\n    loadingIndicator,\n    size\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsxs(IconButtonRoot, {\n    id: loading ? loadingId : idProp,\n    className: clsx(classes.root, className),\n    centerRipple: true,\n    focusRipple: !disableFocusRipple,\n    disabled: disabled || loading,\n    ref: ref,\n    ...other,\n    ownerState: ownerState,\n    children: [typeof loading === 'boolean' &&\n    /*#__PURE__*/\n    // use plain HTML span to minimize the runtime overhead\n    _jsx(\"span\", {\n      className: classes.loadingWrapper,\n      style: {\n        display: 'contents'\n      },\n      children: /*#__PURE__*/_jsx(IconButtonLoadingIndicator, {\n        className: classes.loadingIndicator,\n        ownerState: ownerState,\n        children: loading && loadingIndicator\n      })\n    }), children]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? IconButton.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 icon to display.\n   */\n  children: chainPropTypes(PropTypes.node, props => {\n    const found = React.Children.toArray(props.children).some(child => /*#__PURE__*/React.isValidElement(child) && child.props.onClick);\n    if (found) {\n      return new Error(['MUI: You are providing an onClick event listener to a child of a button element.', 'Prefer applying it to the IconButton directly.', 'This guarantees that the whole <button> will be responsive to click events.'].join('\\n'));\n    }\n    return null;\n  }),\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 'default'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the  keyboard focus ripple is disabled.\n   * @default false\n   */\n  disableFocusRipple: PropTypes.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   *\n   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\n   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.\n   * @default false\n   */\n  disableRipple: PropTypes.bool,\n  /**\n   * If given, uses a negative margin to counteract the padding on one\n   * side (this is often helpful for aligning the left or right\n   * side of the icon with content above or below, without ruining the border\n   * size and shape).\n   * @default false\n   */\n  edge: PropTypes.oneOf(['end', 'start', false]),\n  /**\n   * @ignore\n   */\n  id: PropTypes.string,\n  /**\n   * If `true`, the loading indicator is visible and the button is disabled.\n   * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).\n   * @default null\n   */\n  loading: PropTypes.bool,\n  /**\n   * Element placed before the children if the button is in loading state.\n   * The node should contain an element with `role=\"progressbar\"` with an accessible name.\n   * By default, it renders a `CircularProgress` that is labeled by the button itself.\n   * @default <CircularProgress color=\"inherit\" size={16} />\n   */\n  loadingIndicator: PropTypes.node,\n  /**\n   * The size of the component.\n   * `small` is equivalent to the dense button styling.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),\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 IconButton;"],"names":["useUtilityClasses","ownerState","classes","disabled","color","edge","size","loading","slots","capitalize","composeClasses","getIconButtonUtilityClass","IconButtonRoot","styled","ButtonBase","props","styles","memoTheme","theme","createSimplePaletteValueFilter","iconButtonClasses","IconButtonLoadingIndicator","IconButton","React","inProps","ref","useDefaultProps","children","className","disableFocusRipple","idProp","loadingIndicatorProp","other","loadingId","useId","loadingIndicator","_jsx","CircularProgress","_jsxs","clsx","chainPropTypes","PropTypes","child"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es43.js

@@ -1,75 +1,83 @@
-import * as i from "react";
-import e from "./ui-components.es89.js";
-import { clsx as b } from "./ui-components.es102.js";
-import w from "./ui-components.es135.js";
-import y from "./ui-components.es105.js";
-import f, { getTableRowUtilityClass as R } from "./ui-components.es136.js";
-import { j as T } from "./ui-components.es15.js";
-import { useDefaultProps as C } from "./ui-components.es92.js";
-import h from "./ui-components.es114.js";
-import x from "./ui-components.es48.js";
-const O = (o) => {
+import * as d from "react";
+import o from "./ui-components.es89.js";
+import { clsx as f } from "./ui-components.es92.js";
+import u from "./ui-components.es93.js";
+import { getToolbarUtilityClass as g } from "./ui-components.es149.js";
+import { j as b } from "./ui-components.es15.js";
+import { useDefaultProps as v } from "./ui-components.es96.js";
+import T from "./ui-components.es97.js";
+import y from "./ui-components.es40.js";
+const x = (s) => {
   const {
     classes: t,
-    selected: r,
-    hover: s,
-    head: n,
-    footer: a
-  } = o;
-  return h({
-    root: ["root", r && "selected", s && "hover", n && "head", a && "footer"]
-  }, R, t);
-}, g = x("tr", {
-  name: "MuiTableRow",
+    disableGutters: r,
+    variant: e
+  } = s;
+  return T({
+    root: ["root", !r && "gutters", e]
+  }, g, t);
+}, R = y("div", {
+  name: "MuiToolbar",
   slot: "Root",
-  overridesResolver: (o, t) => {
+  overridesResolver: (s, t) => {
     const {
       ownerState: r
-    } = o;
-    return [t.root, r.head && t.head, r.footer && t.footer];
+    } = s;
+    return [t.root, !r.disableGutters && t.gutters, t[r.variant]];
   }
-})(y(({
-  theme: o
+})(u(({
+  theme: s
 }) => ({
-  color: "inherit",
-  display: "table-row",
-  verticalAlign: "middle",
-  // We disable the focus ring for mouse, touch and keyboard users.
-  outline: 0,
-  [`&.${f.hover}:hover`]: {
-    backgroundColor: (o.vars || o).palette.action.hover
-  },
-  [`&.${f.selected}`]: {
-    backgroundColor: o.alpha((o.vars || o).palette.primary.main, (o.vars || o).palette.action.selectedOpacity),
-    "&:hover": {
-      backgroundColor: o.alpha((o.vars || o).palette.primary.main, `${(o.vars || o).palette.action.selectedOpacity} + ${(o.vars || o).palette.action.hoverOpacity}`)
+  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)
+      }
     }
-  }
-}))), d = "tr", j = /* @__PURE__ */ i.forwardRef(function(t, r) {
-  const s = C({
+  }, {
+    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: "MuiTableRow"
+    name: "MuiToolbar"
   }), {
-    className: n,
-    component: a = d,
-    hover: c = !1,
-    selected: m = !1,
-    ...v
-  } = s, l = i.useContext(w), p = {
-    ...s,
-    component: a,
-    hover: c,
-    selected: m,
-    head: l && l.variant === "head",
-    footer: l && l.variant === "footer"
-  }, u = O(p);
-  return /* @__PURE__ */ T.jsx(g, {
-    as: a,
+    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,
-    className: b(u.root, n),
-    role: a === d ? null : "row",
-    ownerState: p,
-    ...v
+    ownerState: i,
+    ...c
   });
 });
 process.env.NODE_ENV !== "production" && (j.propTypes = {
@@ -78,36 +86,37 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
   // └─────────────────────────────────────────────────────────────────────┘
   /**
-   * Should be valid `<tr>` children such as `TableCell`.
+   * 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: e.node,
+  children: o.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: o.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: e.elementType,
+  component: o.elementType,
   /**
-   * If `true`, the table row will shade on hover.
+   * If `true`, disables gutter padding.
    * @default false
    */
-  hover: e.bool,
+  disableGutters: o.bool,
   /**
-   * If `true`, the table row will have the selected shading.
-   * @default false
+   * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  selected: e.bool,
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
   /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
+   * The variant to use.
+   * @default 'regular'
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+  variant: o.oneOfType([o.oneOf(["dense", "regular"]), o.string])
 });
 export {
   j as default

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es43.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/TableRow/TableRow.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 Tablelvl2Context from \"../Table/Tablelvl2Context.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport tableRowClasses, { getTableRowUtilityClass } from \"./tableRowClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    selected,\n    hover,\n    head,\n    footer\n  } = ownerState;\n  const slots = {\n    root: ['root', selected && 'selected', hover && 'hover', head && 'head', footer && 'footer']\n  };\n  return composeClasses(slots, getTableRowUtilityClass, classes);\n};\nconst TableRowRoot = styled('tr', {\n  name: 'MuiTableRow',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.head && styles.head, ownerState.footer && styles.footer];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  color: 'inherit',\n  display: 'table-row',\n  verticalAlign: 'middle',\n  // We disable the focus ring for mouse, touch and keyboard users.\n  outline: 0,\n  [`&.${tableRowClasses.hover}:hover`]: {\n    backgroundColor: (theme.vars || theme).palette.action.hover\n  },\n  [`&.${tableRowClasses.selected}`]: {\n    backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, (theme.vars || theme).palette.action.selectedOpacity),\n    '&:hover': {\n      backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.hoverOpacity}`)\n    }\n  }\n})));\nconst defaultComponent = 'tr';\n/**\n * Will automatically set dynamic row height\n * based on the material table element parent (head, body, etc).\n */\nconst TableRow = /*#__PURE__*/React.forwardRef(function TableRow(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTableRow'\n  });\n  const {\n    className,\n    component = defaultComponent,\n    hover = false,\n    selected = false,\n    ...other\n  } = props;\n  const tablelvl2 = React.useContext(Tablelvl2Context);\n  const ownerState = {\n    ...props,\n    component,\n    hover,\n    selected,\n    head: tablelvl2 && tablelvl2.variant === 'head',\n    footer: tablelvl2 && tablelvl2.variant === 'footer'\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(TableRowRoot, {\n    as: component,\n    ref: ref,\n    className: clsx(classes.root, className),\n    role: component === defaultComponent ? null : 'row',\n    ownerState: ownerState,\n    ...other\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? TableRow.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   * Should be valid `<tr>` children such as `TableCell`.\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`, the table row will shade on hover.\n   * @default false\n   */\n  hover: PropTypes.bool,\n  /**\n   * If `true`, the table row will have the selected shading.\n   * @default false\n   */\n  selected: 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 TableRow;"],"names":["useUtilityClasses","ownerState","classes","selected","hover","head","footer","composeClasses","getTableRowUtilityClass","TableRowRoot","styled","props","styles","memoTheme","theme","tableRowClasses","defaultComponent","TableRow","React","inProps","ref","useDefaultProps","className","component","other","tablelvl2","Tablelvl2Context","_jsx","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es43.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/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":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es44.js

@@ -1,243 +1,129 @@
-import * as m from "react";
-import o from "./ui-components.es89.js";
-import { clsx as O } from "./ui-components.es102.js";
-import H from "./ui-components.es137.js";
-import j from "./ui-components.es135.js";
-import R from "./ui-components.es105.js";
-import $, { getTableCellUtilityClass as w } from "./ui-components.es138.js";
-import { j as P } from "./ui-components.es15.js";
-import { useDefaultProps as A } from "./ui-components.es92.js";
-import r from "./ui-components.es113.js";
-import D from "./ui-components.es114.js";
-import N from "./ui-components.es48.js";
-const S = (e) => {
+import * as p from "react";
+import e from "./ui-components.es89.js";
+import { clsx as T } from "./ui-components.es92.js";
+import x from "./ui-components.es107.js";
+import g from "./ui-components.es93.js";
+import { getTableUtilityClass as k } from "./ui-components.es108.js";
+import { j as m } from "./ui-components.es15.js";
+import v from "./ui-components.es40.js";
+import { useDefaultProps as j } from "./ui-components.es96.js";
+import C from "./ui-components.es97.js";
+const H = (o) => {
   const {
     classes: t,
-    variant: a,
-    align: n,
-    padding: l,
-    size: g,
-    stickyHeader: p
-  } = e, f = {
-    root: ["root", a, p && "stickyHeader", n !== "inherit" && `align${r(n)}`, l !== "normal" && `padding${r(l)}`, `size${r(g)}`]
-  };
-  return D(f, w, t);
-}, E = N("td", {
-  name: "MuiTableCell",
+    stickyHeader: s
+  } = o;
+  return C({
+    root: ["root", s && "stickyHeader"]
+  }, k, t);
+}, O = v("table", {
+  name: "MuiTable",
   slot: "Root",
-  overridesResolver: (e, t) => {
+  overridesResolver: (o, t) => {
     const {
-      ownerState: a
-    } = e;
-    return [t.root, t[a.variant], t[`size${r(a.size)}`], a.padding !== "normal" && t[`padding${r(a.padding)}`], a.align !== "inherit" && t[`align${r(a.align)}`], a.stickyHeader && t.stickyHeader];
+      ownerState: s
+    } = o;
+    return [t.root, s.stickyHeader && t.stickyHeader];
   }
-})(R(({
-  theme: e
+})(g(({
+  theme: o
 }) => ({
-  ...e.typography.body2,
-  display: "table-cell",
-  verticalAlign: "inherit",
-  // Workaround for a rendering bug with spanned columns in Chrome 62.0.
-  // Removes the alpha (sets it to 1), and lightens or darkens the theme color.
-  borderBottom: e.vars ? `1px solid ${e.vars.palette.TableCell.border}` : `1px solid
-    ${e.palette.mode === "light" ? e.lighten(e.alpha(e.palette.divider, 1), 0.88) : e.darken(e.alpha(e.palette.divider, 1), 0.68)}`,
-  textAlign: "left",
-  padding: 16,
+  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: {
-      variant: "head"
-    },
-    style: {
-      color: (e.vars || e).palette.text.primary,
-      lineHeight: e.typography.pxToRem(24),
-      fontWeight: e.typography.fontWeightMedium
-    }
-  }, {
-    props: {
-      variant: "body"
-    },
-    style: {
-      color: (e.vars || e).palette.text.primary
-    }
-  }, {
-    props: {
-      variant: "footer"
-    },
-    style: {
-      color: (e.vars || e).palette.text.secondary,
-      lineHeight: e.typography.pxToRem(21),
-      fontSize: e.typography.pxToRem(12)
-    }
-  }, {
-    props: {
-      size: "small"
-    },
-    style: {
-      padding: "6px 16px",
-      [`&.${$.paddingCheckbox}`]: {
-        width: 24,
-        // prevent the checkbox column from growing
-        padding: "0 12px 0 16px",
-        "& > *": {
-          padding: 0
-        }
-      }
-    }
-  }, {
-    props: {
-      padding: "checkbox"
-    },
-    style: {
-      width: 48,
-      // prevent the checkbox column from growing
-      padding: "0 0 0 4px"
-    }
-  }, {
-    props: {
-      padding: "none"
-    },
-    style: {
-      padding: 0
-    }
-  }, {
-    props: {
-      align: "left"
-    },
-    style: {
-      textAlign: "left"
-    }
-  }, {
-    props: {
-      align: "center"
-    },
-    style: {
-      textAlign: "center"
-    }
-  }, {
-    props: {
-      align: "right"
-    },
-    style: {
-      textAlign: "right",
-      flexDirection: "row-reverse"
-    }
-  }, {
-    props: {
-      align: "justify"
-    },
-    style: {
-      textAlign: "justify"
-    }
-  }, {
     props: ({
       ownerState: t
     }) => t.stickyHeader,
     style: {
-      position: "sticky",
-      top: 0,
-      zIndex: 2,
-      backgroundColor: (e.vars || e).palette.background.default
+      borderCollapse: "separate"
     }
   }]
-}))), M = /* @__PURE__ */ m.forwardRef(function(t, a) {
-  const n = A({
+}))), d = "table", R = /* @__PURE__ */ p.forwardRef(function(t, s) {
+  const r = j({
     props: t,
-    name: "MuiTableCell"
+    name: "MuiTable"
   }), {
-    align: l = "inherit",
-    className: g,
-    component: p,
-    padding: f,
-    scope: T,
-    size: C,
-    sortDirection: y,
-    variant: k,
-    ...z
-  } = n, i = m.useContext(H), d = m.useContext(j), x = d && d.variant === "head";
-  let s;
-  p ? s = p : s = x ? "th" : "td";
-  let c = T;
-  s === "td" ? c = void 0 : !c && x && (c = "col");
-  const v = k || d && d.variant, b = {
-    ...n,
-    align: l,
-    component: s,
-    padding: f || (i && i.padding ? i.padding : "normal"),
-    size: C || (i && i.size ? i.size : "medium"),
-    sortDirection: y,
-    stickyHeader: v === "head" && i && i.stickyHeader,
-    variant: v
-  }, h = S(b);
-  let u = null;
-  return y && (u = y === "asc" ? "ascending" : "descending"), /* @__PURE__ */ P.jsx(E, {
-    as: s,
-    ref: a,
-    className: O(h.root, g),
-    "aria-sort": u,
-    scope: c,
-    ownerState: b,
-    ...z
+    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" && (M.propTypes = {
+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`.     │
   // └─────────────────────────────────────────────────────────────────────┘
   /**
-   * Set the text-align on the table cell content.
-   *
-   * Monetary or generally number fields **should be right aligned** as that allows
-   * you to add them up quickly in your head without having to worry about decimals.
-   * @default 'inherit'
+   * The content of the table, normally `TableHead` and `TableBody`.
    */
-  align: o.oneOf(["center", "inherit", "justify", "left", "right"]),
-  /**
-   * The content of the component.
-   */
-  children: o.node,
+  children: e.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: o.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: o.string,
+  className: e.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: o.elementType,
-  /**
-   * Sets the padding applied to the cell.
-   * The prop defaults to the value (`'default'`) inherited from the parent Table component.
-   */
-  padding: o.oneOf(["checkbox", "none", "normal"]),
+  component: e.elementType,
   /**
-   * Set scope attribute.
+   * Allows TableCells to inherit padding of the Table.
+   * @default 'normal'
    */
-  scope: o.string,
+  padding: e.oneOf(["checkbox", "none", "normal"]),
   /**
-   * Specify the size of the cell.
-   * The prop defaults to the value (`'medium'`) inherited from the parent Table component.
+   * Allows TableCells to inherit size of the Table.
+   * @default 'medium'
    */
-  size: o.oneOfType([o.oneOf(["medium", "small"]), o.string]),
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
   /**
-   * Set aria-sort direction.
+   * Set the header sticky.
+   * @default false
    */
-  sortDirection: o.oneOf(["asc", "desc", !1]),
+  stickyHeader: e.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]),
-  /**
-   * Specify the cell type.
-   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.
-   */
-  variant: o.oneOfType([o.oneOf(["body", "footer", "head"]), o.string])
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
 export {
-  M as default
+  R as default
 };
 //# sourceMappingURL=ui-components.es44.js.map