@weng-lab/ui-components 2.2.2 → 2.2.4

package/dist/ui-components.es309.js

@@ -1,52 +1,6 @@
-function u(e, r) {
-  if (!e.containerQueries)
-    return r;
-  const o = Object.keys(r).filter((n) => n.startsWith("@container")).sort((n, i) => {
-    const t = /min-width:\s*([0-9.]+)/;
-    return +(n.match(t)?.[1] || 0) - +(i.match(t)?.[1] || 0);
-  });
-  return o.length ? o.reduce((n, i) => {
-    const t = r[i];
-    return delete n[i], n[i] = t, n;
-  }, {
-    ...r
-  }) : r;
-}
-function d(e, r) {
-  return r === "@" || r.startsWith("@") && (e.some((o) => r.startsWith(`@${o}`)) || !!r.match(/^@\d/));
-}
-function l(e, r) {
-  const o = r.match(/^@([^/]+)?\/?(.+)?$/);
-  if (!o) {
-    if (process.env.NODE_ENV !== "production")
-      throw (
-        /* minify-error */
-        new Error(`MUI: The provided shorthand ${`(${r})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
-For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.`)
-      );
-    return null;
-  }
-  const [, n, i] = o, t = Number.isNaN(+n) ? n || 0 : +n;
-  return e.containerQueries(i).up(t);
-}
-function h(e) {
-  const r = (t, s) => t.replace("@media", s ? `@container ${s}` : "@container");
-  function o(t, s) {
-    t.up = (...a) => r(e.breakpoints.up(...a), s), t.down = (...a) => r(e.breakpoints.down(...a), s), t.between = (...a) => r(e.breakpoints.between(...a), s), t.only = (...a) => r(e.breakpoints.only(...a), s), t.not = (...a) => {
-      const c = r(e.breakpoints.not(...a), s);
-      return c.includes("not all and") ? c.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : c;
-    };
-  }
-  const n = {}, i = (t) => (o(n, t), n);
-  return o(i), {
-    ...e,
-    containerQueries: i
-  };
-}
+import e from "./ui-components.es89.js";
+const r = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.string, e.object, e.array]) : {};
 export {
-  h as default,
-  l as getContainerQuery,
-  d as isCqShorthand,
-  u as sortContainerQueries
+  r as default
 };
 //# sourceMappingURL=ui-components.es309.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es309.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/cssContainerQueries/cssContainerQueries.js"],"sourcesContent":["/**\n * For using in `sx` prop to sort the breakpoint from low to high.\n * Note: this function does not work and will not support multiple units.\n *       e.g. input: { '@container (min-width:300px)': '1rem', '@container (min-width:40rem)': '2rem' }\n *            output: { '@container (min-width:40rem)': '2rem', '@container (min-width:300px)': '1rem' } // since 40 < 300 even though 40rem > 300px\n */\nexport function sortContainerQueries(theme, css) {\n  if (!theme.containerQueries) {\n    return css;\n  }\n  const sorted = Object.keys(css).filter(key => key.startsWith('@container')).sort((a, b) => {\n    const regex = /min-width:\\s*([0-9.]+)/;\n    return +(a.match(regex)?.[1] || 0) - +(b.match(regex)?.[1] || 0);\n  });\n  if (!sorted.length) {\n    return css;\n  }\n  return sorted.reduce((acc, key) => {\n    const value = css[key];\n    delete acc[key];\n    acc[key] = value;\n    return acc;\n  }, {\n    ...css\n  });\n}\nexport function isCqShorthand(breakpointKeys, value) {\n  return value === '@' || value.startsWith('@') && (breakpointKeys.some(key => value.startsWith(`@${key}`)) || !!value.match(/^@\\d/));\n}\nexport function getContainerQuery(theme, shorthand) {\n  const matches = shorthand.match(/^@([^/]+)?\\/?(.+)?$/);\n  if (!matches) {\n    if (process.env.NODE_ENV !== 'production') {\n      throw /* minify-error */new Error(`MUI: The provided shorthand ${`(${shorthand})`} is invalid. The format should be \\`@<breakpoint | number>\\` or \\`@<breakpoint | number>/<container>\\`.\\n` + 'For example, `@sm` or `@600` or `@40rem/sidebar`.');\n    }\n    return null;\n  }\n  const [, containerQuery, containerName] = matches;\n  const value = Number.isNaN(+containerQuery) ? containerQuery || 0 : +containerQuery;\n  return theme.containerQueries(containerName).up(value);\n}\nexport default function cssContainerQueries(themeInput) {\n  const toContainerQuery = (mediaQuery, name) => mediaQuery.replace('@media', name ? `@container ${name}` : '@container');\n  function attachCq(node, name) {\n    node.up = (...args) => toContainerQuery(themeInput.breakpoints.up(...args), name);\n    node.down = (...args) => toContainerQuery(themeInput.breakpoints.down(...args), name);\n    node.between = (...args) => toContainerQuery(themeInput.breakpoints.between(...args), name);\n    node.only = (...args) => toContainerQuery(themeInput.breakpoints.only(...args), name);\n    node.not = (...args) => {\n      const result = toContainerQuery(themeInput.breakpoints.not(...args), name);\n      if (result.includes('not all and')) {\n        // `@container` does not work with `not all and`, so need to invert the logic\n        return result.replace('not all and ', '').replace('min-width:', 'width<').replace('max-width:', 'width>').replace('and', 'or');\n      }\n      return result;\n    };\n  }\n  const node = {};\n  const containerQueries = name => {\n    attachCq(node, name);\n    return node;\n  };\n  attachCq(containerQueries);\n  return {\n    ...themeInput,\n    containerQueries\n  };\n}"],"names":["sortContainerQueries","theme","css","sorted","key","a","b","regex","acc","value","isCqShorthand","breakpointKeys","getContainerQuery","shorthand","matches","containerQuery","containerName","cssContainerQueries","themeInput","toContainerQuery","mediaQuery","name","attachCq","node","args","result","containerQueries"],"mappings":"AAMO,SAASA,EAAqBC,GAAOC,GAAK;AAC/C,MAAI,CAACD,EAAM;AACT,WAAOC;AAET,QAAMC,IAAS,OAAO,KAAKD,CAAG,EAAE,OAAO,CAAAE,MAAOA,EAAI,WAAW,YAAY,CAAC,EAAE,KAAK,CAACC,GAAGC,MAAM;AACzF,UAAMC,IAAQ;AACd,WAAO,EAAEF,EAAE,MAAME,CAAK,IAAI,CAAC,KAAK,KAAK,EAAED,EAAE,MAAMC,CAAK,IAAI,CAAC,KAAK;AAAA,EAChE,CAAC;AACD,SAAKJ,EAAO,SAGLA,EAAO,OAAO,CAACK,GAAKJ,MAAQ;AACjC,UAAMK,IAAQP,EAAIE,CAAG;AACrB,kBAAOI,EAAIJ,CAAG,GACdI,EAAIJ,CAAG,IAAIK,GACJD;AAAA,EACT,GAAG;AAAA,IACD,GAAGN;AAAA,EACP,CAAG,IATQA;AAUX;AACO,SAASQ,EAAcC,GAAgBF,GAAO;AACnD,SAAOA,MAAU,OAAOA,EAAM,WAAW,GAAG,MAAME,EAAe,KAAK,CAAAP,MAAOK,EAAM,WAAW,IAAIL,CAAG,EAAE,CAAC,KAAK,CAAC,CAACK,EAAM,MAAM,MAAM;AACnI;AACO,SAASG,EAAkBX,GAAOY,GAAW;AAClD,QAAMC,IAAUD,EAAU,MAAM,qBAAqB;AACrD,MAAI,CAACC,GAAS;AACZ,QAAI,QAAQ,IAAI,aAAa;AAC3B;AAAA;AAAA,QAAwB,IAAI,MAAM,+BAA+B,IAAID,CAAS,GAAG;AAAA,wDAAiK;AAAA;AAEpP,WAAO;AAAA,EACT;AACA,QAAM,CAAA,EAAGE,GAAgBC,CAAa,IAAIF,GACpCL,IAAQ,OAAO,MAAM,CAACM,CAAc,IAAIA,KAAkB,IAAI,CAACA;AACrE,SAAOd,EAAM,iBAAiBe,CAAa,EAAE,GAAGP,CAAK;AACvD;AACe,SAASQ,EAAoBC,GAAY;AACtD,QAAMC,IAAmB,CAACC,GAAYC,MAASD,EAAW,QAAQ,UAAUC,IAAO,cAAcA,CAAI,KAAK,YAAY;AACtH,WAASC,EAASC,GAAMF,GAAM;AAC5B,IAAAE,EAAK,KAAK,IAAIC,MAASL,EAAiBD,EAAW,YAAY,GAAG,GAAGM,CAAI,GAAGH,CAAI,GAChFE,EAAK,OAAO,IAAIC,MAASL,EAAiBD,EAAW,YAAY,KAAK,GAAGM,CAAI,GAAGH,CAAI,GACpFE,EAAK,UAAU,IAAIC,MAASL,EAAiBD,EAAW,YAAY,QAAQ,GAAGM,CAAI,GAAGH,CAAI,GAC1FE,EAAK,OAAO,IAAIC,MAASL,EAAiBD,EAAW,YAAY,KAAK,GAAGM,CAAI,GAAGH,CAAI,GACpFE,EAAK,MAAM,IAAIC,MAAS;AACtB,YAAMC,IAASN,EAAiBD,EAAW,YAAY,IAAI,GAAGM,CAAI,GAAGH,CAAI;AACzE,aAAII,EAAO,SAAS,aAAa,IAExBA,EAAO,QAAQ,gBAAgB,EAAE,EAAE,QAAQ,cAAc,QAAQ,EAAE,QAAQ,cAAc,QAAQ,EAAE,QAAQ,OAAO,IAAI,IAExHA;AAAA,IACT;AAAA,EACF;AACA,QAAMF,IAAO,CAAA,GACPG,IAAmB,CAAAL,OACvBC,EAASC,GAAMF,CAAI,GACZE;AAET,SAAAD,EAASI,CAAgB,GAClB;AAAA,IACL,GAAGR;AAAA,IACH,kBAAAQ;AAAA,EACJ;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es309.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/responsivePropType/responsivePropType.js"],"sourcesContent":["import PropTypes from 'prop-types';\nconst responsivePropType = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.object, PropTypes.array]) : {};\nexport default responsivePropType;"],"names":["responsivePropType","PropTypes"],"mappings":";AACK,MAACA,IAAqB,QAAQ,IAAI,aAAa,eAAeC,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,QAAQA,EAAU,QAAQA,EAAU,KAAK,CAAC,IAAI,CAAA;","x_google_ignoreList":[0]}

package/dist/ui-components.es31.js

@@ -1,152 +1,57 @@
-import { clsx as C } from "./ui-components.es91.js";
-import o from "./ui-components.es88.js";
-import * as O from "react";
-import P from "./ui-components.es117.js";
-import b from "./ui-components.es93.js";
-import i, { getTableSortLabelUtilityClass as D } from "./ui-components.es118.js";
-import d from "./ui-components.es111.js";
-import { j as u } from "./ui-components.es15.js";
-import { useDefaultProps as N } from "./ui-components.es96.js";
-import c from "./ui-components.es108.js";
-import $ from "./ui-components.es97.js";
-import y from "./ui-components.es34.js";
-import h from "./ui-components.es119.js";
-const E = (e) => {
+import * as d from "react";
+import o from "./ui-components.es89.js";
+import { clsx as f } from "./ui-components.es90.js";
+import u from "./ui-components.es92.js";
+import { getTableHeadUtilityClass as b } from "./ui-components.es113.js";
+import { j as n } from "./ui-components.es15.js";
+import { useDefaultProps as T } from "./ui-components.es95.js";
+import y from "./ui-components.es97.js";
+import x from "./ui-components.es37.js";
+const h = (s) => {
   const {
-    classes: t,
-    direction: r,
-    active: s
-  } = e, n = {
-    root: ["root", s && "active", `direction${c(r)}`],
-    icon: ["icon", `iconDirection${c(r)}`]
-  };
-  return $(n, D, t);
-}, M = y(h, {
-  name: "MuiTableSortLabel",
-  slot: "Root",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: r
-    } = e;
-    return [t.root, r.active && t.active];
-  }
-})(b(({
-  theme: e
-}) => ({
-  cursor: "pointer",
-  display: "inline-flex",
-  justifyContent: "flex-start",
-  flexDirection: "inherit",
-  alignItems: "center",
-  "&:focus": {
-    color: (e.vars || e).palette.text.secondary
-  },
-  "&:hover": {
-    color: (e.vars || e).palette.text.secondary,
-    [`& .${i.icon}`]: {
-      opacity: 0.5
-    }
-  },
-  [`&.${i.active}`]: {
-    color: (e.vars || e).palette.text.primary,
-    [`& .${i.icon}`]: {
-      opacity: 1,
-      color: (e.vars || e).palette.text.secondary
-    }
-  }
-}))), z = y("span", {
-  name: "MuiTableSortLabel",
-  slot: "Icon",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: r
-    } = e;
-    return [t.icon, t[`iconDirection${c(r.direction)}`]];
-  }
-})(b(({
-  theme: e
-}) => ({
-  fontSize: 18,
-  marginRight: 4,
-  marginLeft: 4,
-  opacity: 0,
-  transition: e.transitions.create(["opacity", "transform"], {
-    duration: e.transitions.duration.shorter
-  }),
-  userSelect: "none",
-  variants: [{
-    props: {
-      direction: "desc"
-    },
-    style: {
-      transform: "rotate(0deg)"
-    }
-  }, {
-    props: {
-      direction: "asc"
-    },
-    style: {
-      transform: "rotate(180deg)"
-    }
-  }]
-}))), B = /* @__PURE__ */ O.forwardRef(function(t, r) {
-  const s = N({
-    props: t,
-    name: "MuiTableSortLabel"
+    classes: e
+  } = s;
+  return y({
+    root: ["root"]
+  }, b, e);
+}, j = x("thead", {
+  name: "MuiTableHead",
+  slot: "Root"
+})({
+  display: "table-header-group"
+}), v = {
+  variant: "head"
+}, p = "thead", H = /* @__PURE__ */ d.forwardRef(function(e, r) {
+  const a = T({
+    props: e,
+    name: "MuiTableHead"
   }), {
-    active: n = !1,
-    children: T,
-    className: v,
-    direction: S = "asc",
-    hideSortIcon: l = !1,
-    IconComponent: p = P,
-    slots: x = {},
-    slotProps: j = {},
-    ...L
-  } = s, a = {
-    ...s,
-    active: n,
-    direction: S,
-    hideSortIcon: l,
-    IconComponent: p
-  }, m = E(a), f = {
-    slots: x,
-    slotProps: j
-  }, [R, I] = d("root", {
-    elementType: M,
-    externalForwardedProps: f,
-    ownerState: a,
-    className: C(m.root, v),
-    ref: r
-  }), [g, w] = d("icon", {
-    elementType: z,
-    externalForwardedProps: f,
-    ownerState: a,
-    className: m.icon
-  });
-  return /* @__PURE__ */ u.jsxs(R, {
-    disableRipple: !0,
-    component: "span",
-    ...I,
-    ...L,
-    children: [T, l && !n ? null : /* @__PURE__ */ u.jsx(g, {
-      as: p,
-      ...w
-    })]
+    className: c,
+    component: t = p,
+    ...m
+  } = a, l = {
+    ...a,
+    component: t
+  }, i = h(l);
+  return /* @__PURE__ */ n.jsx(u.Provider, {
+    value: v,
+    children: /* @__PURE__ */ n.jsx(j, {
+      as: t,
+      className: f(i.root, c),
+      ref: r,
+      role: t === p ? null : "rowgroup",
+      ownerState: l,
+      ...m
+    })
   });
 });
-process.env.NODE_ENV !== "production" && (B.propTypes = {
+process.env.NODE_ENV !== "production" && (H.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 label will have the active styling (should be true for the sorted column).
-   * @default false
-   */
-  active: o.bool,
-  /**
-   * Label contents, the arrow will be appended automatically.
+   * The content of the component, normally `TableRow`.
    */
   children: o.node,
   /**
@@ -158,42 +63,16 @@ process.env.NODE_ENV !== "production" && (B.propTypes = {
    */
   className: o.string,
   /**
-   * The current sort direction.
-   * @default 'asc'
-   */
-  direction: o.oneOf(["asc", "desc"]),
-  /**
-   * Hide sort icon when active is false.
-   * @default false
-   */
-  hideSortIcon: o.bool,
-  /**
-   * Sort icon to use.
-   * @default ArrowDownwardIcon
-   */
-  IconComponent: o.elementType,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: o.shape({
-    icon: o.oneOfType([o.func, o.object]),
-    root: o.oneOfType([o.func, o.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
    */
-  slots: o.shape({
-    icon: o.elementType,
-    root: o.elementType
-  }),
+  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])
 });
 export {
-  B as default
+  H as default
 };
 //# sourceMappingURL=ui-components.es31.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es31.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/TableSortLabel/TableSortLabel.js"],"sourcesContent":["'use client';\n\nimport composeClasses from '@mui/utils/composeClasses';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\nimport ButtonBase from \"../ButtonBase/index.js\";\nimport ArrowDownwardIcon from \"../internal/svg-icons/ArrowDownward.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport tableSortLabelClasses, { getTableSortLabelUtilityClass } from \"./tableSortLabelClasses.js\";\nimport useSlot from \"../utils/useSlot.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    direction,\n    active\n  } = ownerState;\n  const slots = {\n    root: ['root', active && 'active', `direction${capitalize(direction)}`],\n    icon: ['icon', `iconDirection${capitalize(direction)}`]\n  };\n  return composeClasses(slots, getTableSortLabelUtilityClass, classes);\n};\nconst TableSortLabelRoot = styled(ButtonBase, {\n  name: 'MuiTableSortLabel',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.active && styles.active];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  cursor: 'pointer',\n  display: 'inline-flex',\n  justifyContent: 'flex-start',\n  flexDirection: 'inherit',\n  alignItems: 'center',\n  '&:focus': {\n    color: (theme.vars || theme).palette.text.secondary\n  },\n  '&:hover': {\n    color: (theme.vars || theme).palette.text.secondary,\n    [`& .${tableSortLabelClasses.icon}`]: {\n      opacity: 0.5\n    }\n  },\n  [`&.${tableSortLabelClasses.active}`]: {\n    color: (theme.vars || theme).palette.text.primary,\n    [`& .${tableSortLabelClasses.icon}`]: {\n      opacity: 1,\n      color: (theme.vars || theme).palette.text.secondary\n    }\n  }\n})));\nconst TableSortLabelIcon = styled('span', {\n  name: 'MuiTableSortLabel',\n  slot: 'Icon',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.icon, styles[`iconDirection${capitalize(ownerState.direction)}`]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  fontSize: 18,\n  marginRight: 4,\n  marginLeft: 4,\n  opacity: 0,\n  transition: theme.transitions.create(['opacity', 'transform'], {\n    duration: theme.transitions.duration.shorter\n  }),\n  userSelect: 'none',\n  variants: [{\n    props: {\n      direction: 'desc'\n    },\n    style: {\n      transform: 'rotate(0deg)'\n    }\n  }, {\n    props: {\n      direction: 'asc'\n    },\n    style: {\n      transform: 'rotate(180deg)'\n    }\n  }]\n})));\n\n/**\n * A button based label for placing inside `TableCell` for column sorting.\n */\nconst TableSortLabel = /*#__PURE__*/React.forwardRef(function TableSortLabel(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTableSortLabel'\n  });\n  const {\n    active = false,\n    children,\n    className,\n    direction = 'asc',\n    hideSortIcon = false,\n    IconComponent = ArrowDownwardIcon,\n    slots = {},\n    slotProps = {},\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    active,\n    direction,\n    hideSortIcon,\n    IconComponent\n  };\n  const classes = useUtilityClasses(ownerState);\n  const externalForwardedProps = {\n    slots,\n    slotProps\n  };\n  const [RootSlot, rootProps] = useSlot('root', {\n    elementType: TableSortLabelRoot,\n    externalForwardedProps,\n    ownerState,\n    className: clsx(classes.root, className),\n    ref\n  });\n  const [IconSlot, iconProps] = useSlot('icon', {\n    elementType: TableSortLabelIcon,\n    externalForwardedProps,\n    ownerState,\n    className: classes.icon\n  });\n  return /*#__PURE__*/_jsxs(RootSlot, {\n    disableRipple: true,\n    component: \"span\",\n    ...rootProps,\n    ...other,\n    children: [children, hideSortIcon && !active ? null : /*#__PURE__*/_jsx(IconSlot, {\n      as: IconComponent,\n      ...iconProps\n    })]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? TableSortLabel.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 label will have the active styling (should be true for the sorted column).\n   * @default false\n   */\n  active: PropTypes.bool,\n  /**\n   * Label contents, the arrow will be appended automatically.\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 current sort direction.\n   * @default 'asc'\n   */\n  direction: PropTypes.oneOf(['asc', 'desc']),\n  /**\n   * Hide sort icon when active is false.\n   * @default false\n   */\n  hideSortIcon: PropTypes.bool,\n  /**\n   * Sort icon to use.\n   * @default ArrowDownwardIcon\n   */\n  IconComponent: PropTypes.elementType,\n  /**\n   * The props used for each slot inside.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    icon: 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    icon: 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} : void 0;\nexport default TableSortLabel;"],"names":["useUtilityClasses","ownerState","classes","direction","active","slots","capitalize","composeClasses","getTableSortLabelUtilityClass","TableSortLabelRoot","styled","ButtonBase","props","styles","memoTheme","theme","tableSortLabelClasses","TableSortLabelIcon","TableSortLabel","React","inProps","ref","useDefaultProps","children","className","hideSortIcon","IconComponent","ArrowDownwardIcon","slotProps","other","externalForwardedProps","RootSlot","rootProps","useSlot","clsx","IconSlot","iconProps","_jsxs","_jsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es31.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]}

package/dist/ui-components.es310.js

@@ -1,11 +1,11 @@
-import f from "./ui-components.es187.js";
-function o(e, r) {
-  return r ? f(e, r, {
-    clone: !1
-    // No need to clone deep, it's way faster.
-  }) : e;
+import c from "./ui-components.es319.js";
+function f(...n) {
+  const u = n.reduce((r, e) => (e.filterProps.forEach((o) => {
+    r[o] = e;
+  }), r), {}), t = (r) => Object.keys(r).reduce((e, o) => u[o] ? c(e, u[o](r)) : e, {});
+  return t.propTypes = process.env.NODE_ENV !== "production" ? n.reduce((r, e) => Object.assign(r, e.propTypes), {}) : {}, t.filterProps = n.reduce((r, e) => r.concat(e.filterProps), []), t;
 }
 export {
-  o as default
+  f as default
 };
 //# sourceMappingURL=ui-components.es310.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es310.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/merge/merge.js"],"sourcesContent":["import deepmerge from '@mui/utils/deepmerge';\nfunction merge(acc, item) {\n  if (!item) {\n    return acc;\n  }\n  return deepmerge(acc, item, {\n    clone: false // No need to clone deep, it's way faster.\n  });\n}\nexport default merge;"],"names":["merge","acc","item","deepmerge"],"mappings":";AACA,SAASA,EAAMC,GAAKC,GAAM;AACxB,SAAKA,IAGEC,EAAUF,GAAKC,GAAM;AAAA,IAC1B,OAAO;AAAA;AAAA,EACX,CAAG,IAJQD;AAKX;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es310.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/compose/compose.js"],"sourcesContent":["import merge from \"../merge/index.js\";\nfunction compose(...styles) {\n  const handlers = styles.reduce((acc, style) => {\n    style.filterProps.forEach(prop => {\n      acc[prop] = style;\n    });\n    return acc;\n  }, {});\n\n  // false positive\n  // eslint-disable-next-line react/function-component-definition\n  const fn = props => {\n    return Object.keys(props).reduce((acc, prop) => {\n      if (handlers[prop]) {\n        return merge(acc, handlers[prop](props));\n      }\n      return acc;\n    }, {});\n  };\n  fn.propTypes = process.env.NODE_ENV !== 'production' ? styles.reduce((acc, style) => Object.assign(acc, style.propTypes), {}) : {};\n  fn.filterProps = styles.reduce((acc, style) => acc.concat(style.filterProps), []);\n  return fn;\n}\nexport default compose;"],"names":["compose","styles","handlers","acc","style","prop","fn","props","merge"],"mappings":";AACA,SAASA,KAAWC,GAAQ;AAC1B,QAAMC,IAAWD,EAAO,OAAO,CAACE,GAAKC,OACnCA,EAAM,YAAY,QAAQ,CAAAC,MAAQ;AAChC,IAAAF,EAAIE,CAAI,IAAID;AAAA,EACd,CAAC,GACMD,IACN,CAAA,CAAE,GAICG,IAAK,CAAAC,MACF,OAAO,KAAKA,CAAK,EAAE,OAAO,CAACJ,GAAKE,MACjCH,EAASG,CAAI,IACRG,EAAML,GAAKD,EAASG,CAAI,EAAEE,CAAK,CAAC,IAElCJ,GACN,CAAA,CAAE;AAEP,SAAAG,EAAG,YAAY,QAAQ,IAAI,aAAa,eAAeL,EAAO,OAAO,CAACE,GAAKC,MAAU,OAAO,OAAOD,GAAKC,EAAM,SAAS,GAAG,CAAA,CAAE,IAAI,CAAA,GAChIE,EAAG,cAAcL,EAAO,OAAO,CAACE,GAAKC,MAAUD,EAAI,OAAOC,EAAM,WAAW,GAAG,CAAA,CAAE,GACzEE;AACT;","x_google_ignoreList":[0]}

package/dist/ui-components.es311.js

@@ -1,79 +1,44 @@
-import p from "./ui-components.es305.js";
-import r from "./ui-components.es307.js";
-import c from "./ui-components.es306.js";
-import { createUnaryUnit as a, getValue as l } from "./ui-components.es194.js";
-import { handleBreakpoints as s } from "./ui-components.es308.js";
-const u = (o) => {
-  if (o.gap !== void 0 && o.gap !== null) {
-    const e = a(o.theme, "spacing", 8, "gap"), n = (t) => ({
-      gap: l(e, t)
-    });
-    return s(o, o.gap, n);
+import P from "./ui-components.es309.js";
+import { handleBreakpoints as m } from "./ui-components.es312.js";
+import $ from "./ui-components.es96.js";
+function c(t, e, f = !0) {
+  if (!e || typeof e != "string")
+    return null;
+  if (t && t.vars && f) {
+    const n = `vars.${e}`.split(".").reduce((r, s) => r && r[s] ? r[s] : null, t);
+    if (n != null)
+      return n;
   }
-  return null;
-};
-u.propTypes = process.env.NODE_ENV !== "production" ? {
-  gap: p
-} : {};
-u.filterProps = ["gap"];
-const i = (o) => {
-  if (o.columnGap !== void 0 && o.columnGap !== null) {
-    const e = a(o.theme, "spacing", 8, "columnGap"), n = (t) => ({
-      columnGap: l(e, t)
+  return e.split(".").reduce((n, r) => n && n[r] != null ? n[r] : null, t);
+}
+function y(t, e, f, n = f) {
+  let r;
+  return typeof t == "function" ? r = t(f) : Array.isArray(t) ? r = t[f] || n : r = c(t, f) || n, e && (r = e(r, n, t)), r;
+}
+function k(t) {
+  const {
+    prop: e,
+    cssProperty: f = t.prop,
+    themeKey: n,
+    transform: r
+  } = t, s = (o) => {
+    if (o[e] == null)
+      return null;
+    const v = o[e], d = o.theme, i = c(d, n) || {};
+    return m(o, v, (u) => {
+      let l = y(i, r, u);
+      return u === l && typeof u == "string" && (l = y(i, r, `${e}${u === "default" ? "" : $(u)}`, u)), f === !1 ? l : {
+        [f]: l
+      };
     });
-    return s(o, o.columnGap, n);
-  }
-  return null;
-};
-i.propTypes = process.env.NODE_ENV !== "production" ? {
-  columnGap: p
-} : {};
-i.filterProps = ["columnGap"];
-const m = (o) => {
-  if (o.rowGap !== void 0 && o.rowGap !== null) {
-    const e = a(o.theme, "spacing", 8, "rowGap"), n = (t) => ({
-      rowGap: l(e, t)
-    });
-    return s(o, o.rowGap, n);
-  }
-  return null;
-};
-m.propTypes = process.env.NODE_ENV !== "production" ? {
-  rowGap: p
-} : {};
-m.filterProps = ["rowGap"];
-const g = r({
-  prop: "gridColumn"
-}), d = r({
-  prop: "gridRow"
-}), f = r({
-  prop: "gridAutoFlow"
-}), w = r({
-  prop: "gridAutoColumns"
-}), G = r({
-  prop: "gridAutoRows"
-}), A = r({
-  prop: "gridTemplateColumns"
-}), T = r({
-  prop: "gridTemplateRows"
-}), y = r({
-  prop: "gridTemplateAreas"
-}), P = r({
-  prop: "gridArea"
-});
-c(u, i, m, g, d, f, w, G, A, T, y, P);
+  };
+  return s.propTypes = process.env.NODE_ENV !== "production" ? {
+    [e]: P
+  } : {}, s.filterProps = [e], s;
+}
 export {
-  i as columnGap,
-  u as gap,
-  P as gridArea,
-  w as gridAutoColumns,
-  f as gridAutoFlow,
-  G as gridAutoRows,
-  g as gridColumn,
-  d as gridRow,
-  y as gridTemplateAreas,
-  A as gridTemplateColumns,
-  T as gridTemplateRows,
-  m as rowGap
+  k as default,
+  c as getPath,
+  y as getStyleValue
 };
 //# sourceMappingURL=ui-components.es311.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es311.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/cssGrid/cssGrid.js"],"sourcesContent":["import style from \"../style/index.js\";\nimport compose from \"../compose/index.js\";\nimport { createUnaryUnit, getValue } from \"../spacing/index.js\";\nimport { handleBreakpoints } from \"../breakpoints/index.js\";\nimport responsivePropType from \"../responsivePropType/index.js\";\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const gap = props => {\n  if (props.gap !== undefined && props.gap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'gap');\n    const styleFromPropValue = propValue => ({\n      gap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.gap, styleFromPropValue);\n  }\n  return null;\n};\ngap.propTypes = process.env.NODE_ENV !== 'production' ? {\n  gap: responsivePropType\n} : {};\ngap.filterProps = ['gap'];\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const columnGap = props => {\n  if (props.columnGap !== undefined && props.columnGap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'columnGap');\n    const styleFromPropValue = propValue => ({\n      columnGap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.columnGap, styleFromPropValue);\n  }\n  return null;\n};\ncolumnGap.propTypes = process.env.NODE_ENV !== 'production' ? {\n  columnGap: responsivePropType\n} : {};\ncolumnGap.filterProps = ['columnGap'];\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const rowGap = props => {\n  if (props.rowGap !== undefined && props.rowGap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'rowGap');\n    const styleFromPropValue = propValue => ({\n      rowGap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.rowGap, styleFromPropValue);\n  }\n  return null;\n};\nrowGap.propTypes = process.env.NODE_ENV !== 'production' ? {\n  rowGap: responsivePropType\n} : {};\nrowGap.filterProps = ['rowGap'];\nexport const gridColumn = style({\n  prop: 'gridColumn'\n});\nexport const gridRow = style({\n  prop: 'gridRow'\n});\nexport const gridAutoFlow = style({\n  prop: 'gridAutoFlow'\n});\nexport const gridAutoColumns = style({\n  prop: 'gridAutoColumns'\n});\nexport const gridAutoRows = style({\n  prop: 'gridAutoRows'\n});\nexport const gridTemplateColumns = style({\n  prop: 'gridTemplateColumns'\n});\nexport const gridTemplateRows = style({\n  prop: 'gridTemplateRows'\n});\nexport const gridTemplateAreas = style({\n  prop: 'gridTemplateAreas'\n});\nexport const gridArea = style({\n  prop: 'gridArea'\n});\nconst grid = compose(gap, columnGap, rowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea);\nexport default grid;"],"names":["gap","props","transformer","createUnaryUnit","styleFromPropValue","propValue","getValue","handleBreakpoints","responsivePropType","columnGap","rowGap","gridColumn","style","gridRow","gridAutoFlow","gridAutoColumns","gridAutoRows","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","gridArea","compose"],"mappings":";;;;;AAQY,MAACA,IAAM,CAAAC,MAAS;AAC1B,MAAIA,EAAM,QAAQ,UAAaA,EAAM,QAAQ,MAAM;AACjD,UAAMC,IAAcC,EAAgBF,EAAM,OAAO,WAAW,GAAG,KAAK,GAC9DG,IAAqB,CAAAC,OAAc;AAAA,MACvC,KAAKC,EAASJ,GAAaG,CAAS;AAAA,IAC1C;AACI,WAAOE,EAAkBN,GAAOA,EAAM,KAAKG,CAAkB;AAAA,EAC/D;AACA,SAAO;AACT;AACAJ,EAAI,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA,EACtD,KAAKQ;AACP,IAAI,CAAA;AACJR,EAAI,cAAc,CAAC,KAAK;AAIZ,MAACS,IAAY,CAAAR,MAAS;AAChC,MAAIA,EAAM,cAAc,UAAaA,EAAM,cAAc,MAAM;AAC7D,UAAMC,IAAcC,EAAgBF,EAAM,OAAO,WAAW,GAAG,WAAW,GACpEG,IAAqB,CAAAC,OAAc;AAAA,MACvC,WAAWC,EAASJ,GAAaG,CAAS;AAAA,IAChD;AACI,WAAOE,EAAkBN,GAAOA,EAAM,WAAWG,CAAkB;AAAA,EACrE;AACA,SAAO;AACT;AACAK,EAAU,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA,EAC5D,WAAWD;AACb,IAAI,CAAA;AACJC,EAAU,cAAc,CAAC,WAAW;AAIxB,MAACC,IAAS,CAAAT,MAAS;AAC7B,MAAIA,EAAM,WAAW,UAAaA,EAAM,WAAW,MAAM;AACvD,UAAMC,IAAcC,EAAgBF,EAAM,OAAO,WAAW,GAAG,QAAQ,GACjEG,IAAqB,CAAAC,OAAc;AAAA,MACvC,QAAQC,EAASJ,GAAaG,CAAS;AAAA,IAC7C;AACI,WAAOE,EAAkBN,GAAOA,EAAM,QAAQG,CAAkB;AAAA,EAClE;AACA,SAAO;AACT;AACAM,EAAO,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA,EACzD,QAAQF;AACV,IAAI,CAAA;AACJE,EAAO,cAAc,CAAC,QAAQ;AAClB,MAACC,IAAaC,EAAM;AAAA,EAC9B,MAAM;AACR,CAAC,GACYC,IAAUD,EAAM;AAAA,EAC3B,MAAM;AACR,CAAC,GACYE,IAAeF,EAAM;AAAA,EAChC,MAAM;AACR,CAAC,GACYG,IAAkBH,EAAM;AAAA,EACnC,MAAM;AACR,CAAC,GACYI,IAAeJ,EAAM;AAAA,EAChC,MAAM;AACR,CAAC,GACYK,IAAsBL,EAAM;AAAA,EACvC,MAAM;AACR,CAAC,GACYM,IAAmBN,EAAM;AAAA,EACpC,MAAM;AACR,CAAC,GACYO,IAAoBP,EAAM;AAAA,EACrC,MAAM;AACR,CAAC,GACYQ,IAAWR,EAAM;AAAA,EAC5B,MAAM;AACR,CAAC;AACYS,EAAQrB,GAAKS,GAAWC,GAAQC,GAAYE,GAASC,GAAcC,GAAiBC,GAAcC,GAAqBC,GAAkBC,GAAmBC,CAAQ;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es311.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/style/style.js"],"sourcesContent":["import capitalize from '@mui/utils/capitalize';\nimport responsivePropType from \"../responsivePropType/index.js\";\nimport { handleBreakpoints } from \"../breakpoints/index.js\";\nexport function getPath(obj, path, checkVars = true) {\n  if (!path || typeof path !== 'string') {\n    return null;\n  }\n\n  // Check if CSS variables are used\n  if (obj && obj.vars && checkVars) {\n    const val = `vars.${path}`.split('.').reduce((acc, item) => acc && acc[item] ? acc[item] : null, obj);\n    if (val != null) {\n      return val;\n    }\n  }\n  return path.split('.').reduce((acc, item) => {\n    if (acc && acc[item] != null) {\n      return acc[item];\n    }\n    return null;\n  }, obj);\n}\nexport function getStyleValue(themeMapping, transform, propValueFinal, userValue = propValueFinal) {\n  let value;\n  if (typeof themeMapping === 'function') {\n    value = themeMapping(propValueFinal);\n  } else if (Array.isArray(themeMapping)) {\n    value = themeMapping[propValueFinal] || userValue;\n  } else {\n    value = getPath(themeMapping, propValueFinal) || userValue;\n  }\n  if (transform) {\n    value = transform(value, userValue, themeMapping);\n  }\n  return value;\n}\nfunction style(options) {\n  const {\n    prop,\n    cssProperty = options.prop,\n    themeKey,\n    transform\n  } = options;\n\n  // false positive\n  // eslint-disable-next-line react/function-component-definition\n  const fn = props => {\n    if (props[prop] == null) {\n      return null;\n    }\n    const propValue = props[prop];\n    const theme = props.theme;\n    const themeMapping = getPath(theme, themeKey) || {};\n    const styleFromPropValue = propValueFinal => {\n      let value = getStyleValue(themeMapping, transform, propValueFinal);\n      if (propValueFinal === value && typeof propValueFinal === 'string') {\n        // Haven't found value\n        value = getStyleValue(themeMapping, transform, `${prop}${propValueFinal === 'default' ? '' : capitalize(propValueFinal)}`, propValueFinal);\n      }\n      if (cssProperty === false) {\n        return value;\n      }\n      return {\n        [cssProperty]: value\n      };\n    };\n    return handleBreakpoints(props, propValue, styleFromPropValue);\n  };\n  fn.propTypes = process.env.NODE_ENV !== 'production' ? {\n    [prop]: responsivePropType\n  } : {};\n  fn.filterProps = [prop];\n  return fn;\n}\nexport default style;"],"names":["getPath","obj","path","checkVars","val","acc","item","getStyleValue","themeMapping","transform","propValueFinal","userValue","value","style","options","prop","cssProperty","themeKey","fn","props","propValue","theme","handleBreakpoints","capitalize","responsivePropType"],"mappings":";;;AAGO,SAASA,EAAQC,GAAKC,GAAMC,IAAY,IAAM;AACnD,MAAI,CAACD,KAAQ,OAAOA,KAAS;AAC3B,WAAO;AAIT,MAAID,KAAOA,EAAI,QAAQE,GAAW;AAChC,UAAMC,IAAM,QAAQF,CAAI,GAAG,MAAM,GAAG,EAAE,OAAO,CAACG,GAAKC,MAASD,KAAOA,EAAIC,CAAI,IAAID,EAAIC,CAAI,IAAI,MAAML,CAAG;AACpG,QAAIG,KAAO;AACT,aAAOA;AAAA,EAEX;AACA,SAAOF,EAAK,MAAM,GAAG,EAAE,OAAO,CAACG,GAAKC,MAC9BD,KAAOA,EAAIC,CAAI,KAAK,OACfD,EAAIC,CAAI,IAEV,MACNL,CAAG;AACR;AACO,SAASM,EAAcC,GAAcC,GAAWC,GAAgBC,IAAYD,GAAgB;AACjG,MAAIE;AACJ,SAAI,OAAOJ,KAAiB,aAC1BI,IAAQJ,EAAaE,CAAc,IAC1B,MAAM,QAAQF,CAAY,IACnCI,IAAQJ,EAAaE,CAAc,KAAKC,IAExCC,IAAQZ,EAAQQ,GAAcE,CAAc,KAAKC,GAE/CF,MACFG,IAAQH,EAAUG,GAAOD,GAAWH,CAAY,IAE3CI;AACT;AACA,SAASC,EAAMC,GAAS;AACtB,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,aAAAC,IAAcF,EAAQ;AAAA,IACtB,UAAAG;AAAA,IACA,WAAAR;AAAA,EACJ,IAAMK,GAIEI,IAAK,CAAAC,MAAS;AAClB,QAAIA,EAAMJ,CAAI,KAAK;AACjB,aAAO;AAET,UAAMK,IAAYD,EAAMJ,CAAI,GACtBM,IAAQF,EAAM,OACdX,IAAeR,EAAQqB,GAAOJ,CAAQ,KAAK,CAAA;AAcjD,WAAOK,EAAkBH,GAAOC,GAbL,CAAAV,MAAkB;AAC3C,UAAIE,IAAQL,EAAcC,GAAcC,GAAWC,CAAc;AAKjE,aAJIA,MAAmBE,KAAS,OAAOF,KAAmB,aAExDE,IAAQL,EAAcC,GAAcC,GAAW,GAAGM,CAAI,GAAGL,MAAmB,YAAY,KAAKa,EAAWb,CAAc,CAAC,IAAIA,CAAc,IAEvIM,MAAgB,KACXJ,IAEF;AAAA,QACL,CAACI,CAAW,GAAGJ;AAAA,MACvB;AAAA,IACI,CAC6D;AAAA,EAC/D;AACA,SAAAM,EAAG,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA,IACrD,CAACH,CAAI,GAAGS;AAAA,EACZ,IAAM,CAAA,GACJN,EAAG,cAAc,CAACH,CAAI,GACfG;AACT;","x_google_ignoreList":[0]}

package/dist/ui-components.es312.js

@@ -1,27 +1,68 @@
-import o from "./ui-components.es307.js";
-import p from "./ui-components.es306.js";
-function r(e, t) {
-  return t === "grey" ? t : e;
+import { isCqShorthand as m, getContainerQuery as y } from "./ui-components.es315.js";
+const c = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, f = {
+  // Sorted ASC by size. That's important.
+  // It can't be configured as it's used statically for propTypes.
+  keys: ["xs", "sm", "md", "lg", "xl"],
+  up: (n) => `@media (min-width:${c[n]}px)`
+}, h = {
+  containerQueries: (n) => ({
+    up: (e) => {
+      let t = typeof e == "number" ? e : c[e] || e;
+      return typeof t == "number" && (t = `${t}px`), n ? `@container ${n} (min-width:${t})` : `@container (min-width:${t})`;
+    }
+  })
+};
+function B(n, e, t) {
+  const i = n.theme || {};
+  if (Array.isArray(e)) {
+    const u = i.breakpoints || f;
+    return e.reduce((o, s, r) => (o[u.up(u.keys[r])] = t(e[r]), o), {});
+  }
+  if (typeof e == "object") {
+    const u = i.breakpoints || f;
+    return Object.keys(e).reduce((o, s) => {
+      if (m(u.keys, s)) {
+        const r = y(i.containerQueries ? i : h, s);
+        r && (o[r] = t(e[s], s));
+      } else if (Object.keys(u.values || c).includes(s)) {
+        const r = u.up(s);
+        o[r] = t(e[s], s);
+      } else {
+        const r = s;
+        o[r] = e[r];
+      }
+      return o;
+    }, {});
+  }
+  return t(e);
+}
+function O(n = {}) {
+  return n.keys?.reduce((t, i) => {
+    const d = n.up(i);
+    return t[d] = {}, t;
+  }, {}) || {};
+}
+function x(n, e) {
+  return n.reduce((t, i) => {
+    const d = t[i];
+    return (!d || Object.keys(d).length === 0) && delete t[i], t;
+  }, e);
 }
-const n = o({
-  prop: "color",
-  themeKey: "palette",
-  transform: r
-}), c = o({
-  prop: "bgcolor",
-  cssProperty: "backgroundColor",
-  themeKey: "palette",
-  transform: r
-}), m = o({
-  prop: "backgroundColor",
-  themeKey: "palette",
-  transform: r
-});
-p(n, c, m);
 export {
-  m as backgroundColor,
-  c as bgcolor,
-  n as color,
-  r as paletteTransform
+  O as createEmptyBreakpointObject,
+  B as handleBreakpoints,
+  x as removeUnusedBreakpoints,
+  c as values
 };
 //# sourceMappingURL=ui-components.es312.js.map