@weng-lab/ui-components 2.2.2 → 2.2.4

package/dist/ui-components.es32.js

@@ -1,78 +1,115 @@
-import * as f from "react";
-import o from "./ui-components.es88.js";
-import { clsx as d } from "./ui-components.es91.js";
-import y from "./ui-components.es106.js";
-import { getTableBodyUtilityClass as u } from "./ui-components.es116.js";
-import { j as n } from "./ui-components.es15.js";
-import { useDefaultProps as b } from "./ui-components.es96.js";
-import T from "./ui-components.es97.js";
-import x from "./ui-components.es34.js";
-const j = (s) => {
+import * as i from "react";
+import e from "./ui-components.es89.js";
+import { clsx as b } from "./ui-components.es90.js";
+import w from "./ui-components.es92.js";
+import y from "./ui-components.es93.js";
+import f, { getTableRowUtilityClass as R } from "./ui-components.es100.js";
+import { j as T } from "./ui-components.es15.js";
+import { useDefaultProps as C } from "./ui-components.es95.js";
+import h from "./ui-components.es97.js";
+import x from "./ui-components.es37.js";
+const O = (o) => {
   const {
-    classes: t
-  } = s;
-  return T({
-    root: ["root"]
-  }, u, t);
-}, v = x("tbody", {
-  name: "MuiTableBody",
-  slot: "Root"
-})({
-  display: "table-row-group"
-}), B = {
-  variant: "body"
-}, p = "tbody", w = /* @__PURE__ */ f.forwardRef(function(t, r) {
-  const l = b({
+    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",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: r
+    } = o;
+    return [t.root, r.head && t.head, r.footer && t.footer];
+  }
+})(y(({
+  theme: o
+}) => ({
+  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}`)
+    }
+  }
+}))), d = "tr", j = /* @__PURE__ */ i.forwardRef(function(t, r) {
+  const s = C({
     props: t,
-    name: "MuiTableBody"
+    name: "MuiTableRow"
   }), {
-    className: c,
-    component: e = p,
-    ...m
-  } = l, a = {
-    ...l,
-    component: e
-  }, i = j(a);
-  return /* @__PURE__ */ n.jsx(y.Provider, {
-    value: B,
-    children: /* @__PURE__ */ n.jsx(v, {
-      className: d(i.root, c),
-      as: e,
-      ref: r,
-      role: e === p ? null : "rowgroup",
-      ownerState: a,
-      ...m
-    })
+    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,
+    ref: r,
+    className: b(u.root, n),
+    role: a === d ? null : "row",
+    ownerState: p,
+    ...v
   });
 });
-process.env.NODE_ENV !== "production" && (w.propTypes = {
+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 `TableRow`.
+   * Should be valid `<tr>` children such as `TableCell`.
    */
-  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,
+  component: e.elementType,
+  /**
+   * If `true`, the table row will shade on hover.
+   * @default false
+   */
+  hover: e.bool,
+  /**
+   * If `true`, the table row will have the selected shading.
+   * @default false
+   */
+  selected: 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])
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
 export {
-  w as default
+  j as default
 };
 //# sourceMappingURL=ui-components.es32.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es32.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/TableBody/TableBody.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 { getTableBodyUtilityClass } from \"./tableBodyClasses.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, getTableBodyUtilityClass, classes);\n};\nconst TableBodyRoot = styled('tbody', {\n  name: 'MuiTableBody',\n  slot: 'Root'\n})({\n  display: 'table-row-group'\n});\nconst tablelvl2 = {\n  variant: 'body'\n};\nconst defaultComponent = 'tbody';\nconst TableBody = /*#__PURE__*/React.forwardRef(function TableBody(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTableBody'\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(TableBodyRoot, {\n      className: clsx(classes.root, className),\n      as: component,\n      ref: ref,\n      role: component === defaultComponent ? null : 'rowgroup',\n      ownerState: ownerState,\n      ...other\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? TableBody.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 TableBody;"],"names":["useUtilityClasses","ownerState","classes","composeClasses","getTableBodyUtilityClass","TableBodyRoot","styled","tablelvl2","defaultComponent","TableBody","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,WAAWe,EAAKlB,EAAQ,MAAMa,CAAS;AAAA,MACvC,IAAIC;AAAA,MACJ,KAAKJ;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.es32.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]}

package/dist/ui-components.es320.js

@@ -1,13 +1,79 @@
-import * as n from "react";
-import { ThemeContext as o } from "@emotion/react";
-function r(e) {
-  return Object.keys(e).length === 0;
-}
-function u(e = null) {
-  const t = n.useContext(o);
-  return !t || r(t) ? e : t;
-}
+import p from "./ui-components.es309.js";
+import r from "./ui-components.es311.js";
+import c from "./ui-components.es310.js";
+import { createUnaryUnit as a, getValue as l } from "./ui-components.es193.js";
+import { handleBreakpoints as s } from "./ui-components.es312.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);
+  }
+  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 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);
 export {
-  u as default
+  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
 };
 //# sourceMappingURL=ui-components.es320.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es320.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/useThemeWithoutDefault/useThemeWithoutDefault.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ThemeContext } from '@mui/styled-engine';\nfunction isObjectEmpty(obj) {\n  return Object.keys(obj).length === 0;\n}\nfunction useTheme(defaultTheme = null) {\n  const contextTheme = React.useContext(ThemeContext);\n  return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;\n}\nexport default useTheme;"],"names":["isObjectEmpty","obj","useTheme","defaultTheme","contextTheme","React","ThemeContext"],"mappings":";;AAIA,SAASA,EAAcC,GAAK;AAC1B,SAAO,OAAO,KAAKA,CAAG,EAAE,WAAW;AACrC;AACA,SAASC,EAASC,IAAe,MAAM;AACrC,QAAMC,IAAeC,EAAM,WAAWC,CAAY;AAClD,SAAO,CAACF,KAAgBJ,EAAcI,CAAY,IAAID,IAAeC;AACvE;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es320.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]}

package/dist/ui-components.es321.js

@@ -1,150 +1,27 @@
-import { traverseBreakpoints as c } from "./ui-components.es323.js";
-function a(r) {
-  return `--Grid-${r}Spacing`;
+import o from "./ui-components.es311.js";
+import p from "./ui-components.es310.js";
+function r(e, t) {
+  return t === "grey" ? t : e;
 }
-function f(r) {
-  return `--Grid-parent-${r}Spacing`;
-}
-const p = "--Grid-columns", o = "--Grid-parent-columns", g = ({
-  theme: r,
-  ownerState: s
-}) => {
-  const t = {};
-  return c(r.breakpoints, s.size, (e, n) => {
-    let i = {};
-    n === "grow" && (i = {
-      flexBasis: 0,
-      flexGrow: 1,
-      maxWidth: "100%"
-    }), n === "auto" && (i = {
-      flexBasis: "auto",
-      flexGrow: 0,
-      flexShrink: 0,
-      maxWidth: "none",
-      width: "auto"
-    }), typeof n == "number" && (i = {
-      flexGrow: 0,
-      flexBasis: "auto",
-      width: `calc(100% * ${n} / var(${o}) - (var(${o}) - ${n}) * (var(${f("column")}) / var(${o})))`
-    }), e(t, i);
-  }), t;
-}, l = ({
-  theme: r,
-  ownerState: s
-}) => {
-  const t = {};
-  return c(r.breakpoints, s.offset, (e, n) => {
-    let i = {};
-    n === "auto" && (i = {
-      marginLeft: "auto"
-    }), typeof n == "number" && (i = {
-      marginLeft: n === 0 ? "0px" : `calc(100% * ${n} / var(${o}) + var(${f("column")}) * ${n} / var(${o}))`
-    }), e(t, i);
-  }), t;
-}, m = ({
-  theme: r,
-  ownerState: s
-}) => {
-  if (!s.container)
-    return {};
-  const t = {
-    [p]: 12
-  };
-  return c(r.breakpoints, s.columns, (e, n) => {
-    const i = n ?? 12;
-    e(t, {
-      [p]: i,
-      "> *": {
-        [o]: i
-      }
-    });
-  }), t;
-}, d = ({
-  theme: r,
-  ownerState: s
-}) => {
-  if (!s.container)
-    return {};
-  const t = {};
-  return c(r.breakpoints, s.rowSpacing, (e, n) => {
-    const i = typeof n == "string" ? n : r.spacing?.(n);
-    e(t, {
-      [a("row")]: i,
-      "> *": {
-        [f("row")]: i
-      }
-    });
-  }), t;
-}, y = ({
-  theme: r,
-  ownerState: s
-}) => {
-  if (!s.container)
-    return {};
-  const t = {};
-  return c(r.breakpoints, s.columnSpacing, (e, n) => {
-    const i = typeof n == "string" ? n : r.spacing?.(n);
-    e(t, {
-      [a("column")]: i,
-      "> *": {
-        [f("column")]: i
-      }
-    });
-  }), t;
-}, $ = ({
-  theme: r,
-  ownerState: s
-}) => {
-  if (!s.container)
-    return {};
-  const t = {};
-  return c(r.breakpoints, s.direction, (e, n) => {
-    e(t, {
-      flexDirection: n
-    });
-  }), t;
-}, b = ({
-  ownerState: r
-}) => ({
-  minWidth: 0,
-  boxSizing: "border-box",
-  ...r.container && {
-    display: "flex",
-    flexWrap: "wrap",
-    ...r.wrap && r.wrap !== "wrap" && {
-      flexWrap: r.wrap
-    },
-    gap: `var(${a("row")}) var(${a("column")})`
-  }
-}), x = (r) => {
-  const s = [];
-  return Object.entries(r).forEach(([t, e]) => {
-    e !== !1 && e !== void 0 && s.push(`grid-${t}-${String(e)}`);
-  }), s;
-}, S = (r, s = "xs") => {
-  function t(e) {
-    return e === void 0 ? !1 : typeof e == "string" && !Number.isNaN(Number(e)) || typeof e == "number" && e > 0;
-  }
-  if (t(r))
-    return [`spacing-${s}-${String(r)}`];
-  if (typeof r == "object" && !Array.isArray(r)) {
-    const e = [];
-    return Object.entries(r).forEach(([n, i]) => {
-      t(i) && e.push(`spacing-${n}-${String(i)}`);
-    }), e;
-  }
-  return [];
-}, G = (r) => r === void 0 ? [] : typeof r == "object" ? Object.entries(r).map(([s, t]) => `direction-${s}-${t}`) : [`direction-xs-${String(r)}`];
+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 {
-  G as generateDirectionClasses,
-  y as generateGridColumnSpacingStyles,
-  m as generateGridColumnsStyles,
-  $ as generateGridDirectionStyles,
-  l as generateGridOffsetStyles,
-  d as generateGridRowSpacingStyles,
-  g as generateGridSizeStyles,
-  b as generateGridStyles,
-  x as generateSizeClassNames,
-  S as generateSpacingClassNames
+  m as backgroundColor,
+  c as bgcolor,
+  n as color,
+  r as paletteTransform
 };
 //# sourceMappingURL=ui-components.es321.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es321.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/Grid/gridGenerator.js"],"sourcesContent":["import { traverseBreakpoints } from \"./traverseBreakpoints.js\";\nfunction getSelfSpacingVar(axis) {\n  return `--Grid-${axis}Spacing`;\n}\nfunction getParentSpacingVar(axis) {\n  return `--Grid-parent-${axis}Spacing`;\n}\nconst selfColumnsVar = '--Grid-columns';\nconst parentColumnsVar = '--Grid-parent-columns';\nexport const generateGridSizeStyles = ({\n  theme,\n  ownerState\n}) => {\n  const styles = {};\n  traverseBreakpoints(theme.breakpoints, ownerState.size, (appendStyle, value) => {\n    let style = {};\n    if (value === 'grow') {\n      style = {\n        flexBasis: 0,\n        flexGrow: 1,\n        maxWidth: '100%'\n      };\n    }\n    if (value === 'auto') {\n      style = {\n        flexBasis: 'auto',\n        flexGrow: 0,\n        flexShrink: 0,\n        maxWidth: 'none',\n        width: 'auto'\n      };\n    }\n    if (typeof value === 'number') {\n      style = {\n        flexGrow: 0,\n        flexBasis: 'auto',\n        width: `calc(100% * ${value} / var(${parentColumnsVar}) - (var(${parentColumnsVar}) - ${value}) * (var(${getParentSpacingVar('column')}) / var(${parentColumnsVar})))`\n      };\n    }\n    appendStyle(styles, style);\n  });\n  return styles;\n};\nexport const generateGridOffsetStyles = ({\n  theme,\n  ownerState\n}) => {\n  const styles = {};\n  traverseBreakpoints(theme.breakpoints, ownerState.offset, (appendStyle, value) => {\n    let style = {};\n    if (value === 'auto') {\n      style = {\n        marginLeft: 'auto'\n      };\n    }\n    if (typeof value === 'number') {\n      style = {\n        marginLeft: value === 0 ? '0px' : `calc(100% * ${value} / var(${parentColumnsVar}) + var(${getParentSpacingVar('column')}) * ${value} / var(${parentColumnsVar}))`\n      };\n    }\n    appendStyle(styles, style);\n  });\n  return styles;\n};\nexport const generateGridColumnsStyles = ({\n  theme,\n  ownerState\n}) => {\n  if (!ownerState.container) {\n    return {};\n  }\n  const styles = {\n    [selfColumnsVar]: 12\n  };\n  traverseBreakpoints(theme.breakpoints, ownerState.columns, (appendStyle, value) => {\n    const columns = value ?? 12;\n    appendStyle(styles, {\n      [selfColumnsVar]: columns,\n      '> *': {\n        [parentColumnsVar]: columns\n      }\n    });\n  });\n  return styles;\n};\nexport const generateGridRowSpacingStyles = ({\n  theme,\n  ownerState\n}) => {\n  if (!ownerState.container) {\n    return {};\n  }\n  const styles = {};\n  traverseBreakpoints(theme.breakpoints, ownerState.rowSpacing, (appendStyle, value) => {\n    const spacing = typeof value === 'string' ? value : theme.spacing?.(value);\n    appendStyle(styles, {\n      [getSelfSpacingVar('row')]: spacing,\n      '> *': {\n        [getParentSpacingVar('row')]: spacing\n      }\n    });\n  });\n  return styles;\n};\nexport const generateGridColumnSpacingStyles = ({\n  theme,\n  ownerState\n}) => {\n  if (!ownerState.container) {\n    return {};\n  }\n  const styles = {};\n  traverseBreakpoints(theme.breakpoints, ownerState.columnSpacing, (appendStyle, value) => {\n    const spacing = typeof value === 'string' ? value : theme.spacing?.(value);\n    appendStyle(styles, {\n      [getSelfSpacingVar('column')]: spacing,\n      '> *': {\n        [getParentSpacingVar('column')]: spacing\n      }\n    });\n  });\n  return styles;\n};\nexport const generateGridDirectionStyles = ({\n  theme,\n  ownerState\n}) => {\n  if (!ownerState.container) {\n    return {};\n  }\n  const styles = {};\n  traverseBreakpoints(theme.breakpoints, ownerState.direction, (appendStyle, value) => {\n    appendStyle(styles, {\n      flexDirection: value\n    });\n  });\n  return styles;\n};\nexport const generateGridStyles = ({\n  ownerState\n}) => {\n  return {\n    minWidth: 0,\n    boxSizing: 'border-box',\n    ...(ownerState.container && {\n      display: 'flex',\n      flexWrap: 'wrap',\n      ...(ownerState.wrap && ownerState.wrap !== 'wrap' && {\n        flexWrap: ownerState.wrap\n      }),\n      gap: `var(${getSelfSpacingVar('row')}) var(${getSelfSpacingVar('column')})`\n    })\n  };\n};\nexport const generateSizeClassNames = size => {\n  const classNames = [];\n  Object.entries(size).forEach(([key, value]) => {\n    if (value !== false && value !== undefined) {\n      classNames.push(`grid-${key}-${String(value)}`);\n    }\n  });\n  return classNames;\n};\nexport const generateSpacingClassNames = (spacing, smallestBreakpoint = 'xs') => {\n  function isValidSpacing(val) {\n    if (val === undefined) {\n      return false;\n    }\n    return typeof val === 'string' && !Number.isNaN(Number(val)) || typeof val === 'number' && val > 0;\n  }\n  if (isValidSpacing(spacing)) {\n    return [`spacing-${smallestBreakpoint}-${String(spacing)}`];\n  }\n  if (typeof spacing === 'object' && !Array.isArray(spacing)) {\n    const classNames = [];\n    Object.entries(spacing).forEach(([key, value]) => {\n      if (isValidSpacing(value)) {\n        classNames.push(`spacing-${key}-${String(value)}`);\n      }\n    });\n    return classNames;\n  }\n  return [];\n};\nexport const generateDirectionClasses = direction => {\n  if (direction === undefined) {\n    return [];\n  }\n  if (typeof direction === 'object') {\n    return Object.entries(direction).map(([key, value]) => `direction-${key}-${value}`);\n  }\n  return [`direction-xs-${String(direction)}`];\n};"],"names":["getSelfSpacingVar","axis","getParentSpacingVar","selfColumnsVar","parentColumnsVar","generateGridSizeStyles","theme","ownerState","styles","traverseBreakpoints","appendStyle","value","style","generateGridOffsetStyles","generateGridColumnsStyles","columns","generateGridRowSpacingStyles","spacing","generateGridColumnSpacingStyles","generateGridDirectionStyles","generateGridStyles","generateSizeClassNames","size","classNames","key","generateSpacingClassNames","smallestBreakpoint","isValidSpacing","val","generateDirectionClasses","direction"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es321.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/palette/palette.js"],"sourcesContent":["import style from \"../style/index.js\";\nimport compose from \"../compose/index.js\";\nexport function paletteTransform(value, userValue) {\n  if (userValue === 'grey') {\n    return userValue;\n  }\n  return value;\n}\nexport const color = style({\n  prop: 'color',\n  themeKey: 'palette',\n  transform: paletteTransform\n});\nexport const bgcolor = style({\n  prop: 'bgcolor',\n  cssProperty: 'backgroundColor',\n  themeKey: 'palette',\n  transform: paletteTransform\n});\nexport const backgroundColor = style({\n  prop: 'backgroundColor',\n  themeKey: 'palette',\n  transform: paletteTransform\n});\nconst palette = compose(color, bgcolor, backgroundColor);\nexport default palette;"],"names":["paletteTransform","value","userValue","color","style","bgcolor","backgroundColor","compose"],"mappings":";;AAEO,SAASA,EAAiBC,GAAOC,GAAW;AACjD,SAAIA,MAAc,SACTA,IAEFD;AACT;AACY,MAACE,IAAQC,EAAM;AAAA,EACzB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAWJ;AACb,CAAC,GACYK,IAAUD,EAAM;AAAA,EAC3B,MAAM;AAAA,EACN,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAWJ;AACb,CAAC,GACYM,IAAkBF,EAAM;AAAA,EACnC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAWJ;AACb,CAAC;AACeO,EAAQJ,GAAOE,GAASC,CAAe;","x_google_ignoreList":[0]}

package/dist/ui-components.es322.js

@@ -1,14 +1,8 @@
-const r = (e) => ["item", "zeroMinWidth"].includes(e) ? `The \`${e}\` prop has been removed and is no longer necessary. You can safely remove it.` : `The \`${e}\` prop has been removed. See https://mui.com/material-ui/migration/upgrade-to-grid-v2/ for migration instructions.`, t = [];
-function o(e, d) {
-  const n = [];
-  e.item !== void 0 && (delete e.item, n.push("item")), e.zeroMinWidth !== void 0 && (delete e.zeroMinWidth, n.push("zeroMinWidth")), d.keys.forEach((i) => {
-    e[i] !== void 0 && (n.push(i), delete e[i]);
-  }), process.env.NODE_ENV !== "production" && n.forEach((i) => {
-    t.includes(i) || (t.push(i), console.warn(`MUI Grid: ${r(i)}
-`));
-  });
+function u(t) {
+  const n = {};
+  return (e) => (n[e] === void 0 && (n[e] = t(e)), n[e]);
 }
 export {
-  o as default
+  u as default
 };
 //# sourceMappingURL=ui-components.es322.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es322.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/Grid/deleteLegacyGridProps.js"],"sourcesContent":["const getLegacyGridWarning = propName => {\n  if (['item', 'zeroMinWidth'].includes(propName)) {\n    return `The \\`${propName}\\` prop has been removed and is no longer necessary. You can safely remove it.`;\n  }\n\n  // #host-reference\n  return `The \\`${propName}\\` prop has been removed. See https://mui.com/material-ui/migration/upgrade-to-grid-v2/ for migration instructions.`;\n};\nconst warnedAboutProps = [];\n\n/**\n * Deletes the legacy Grid component props from the `props` object and warns once about them if found.\n *\n * @param {object} props The props object to remove the legacy Grid props from.\n * @param {Breakpoints} breakpoints The breakpoints object.\n */\nexport default function deleteLegacyGridProps(props, breakpoints) {\n  const propsToWarn = [];\n  if (props.item !== undefined) {\n    delete props.item;\n    propsToWarn.push('item');\n  }\n  if (props.zeroMinWidth !== undefined) {\n    delete props.zeroMinWidth;\n    propsToWarn.push('zeroMinWidth');\n  }\n  breakpoints.keys.forEach(breakpoint => {\n    if (props[breakpoint] !== undefined) {\n      propsToWarn.push(breakpoint);\n      delete props[breakpoint];\n    }\n  });\n  if (process.env.NODE_ENV !== 'production') {\n    propsToWarn.forEach(prop => {\n      if (!warnedAboutProps.includes(prop)) {\n        warnedAboutProps.push(prop);\n        console.warn(`MUI Grid: ${getLegacyGridWarning(prop)}\\n`);\n      }\n    });\n  }\n}"],"names":["getLegacyGridWarning","propName","warnedAboutProps","deleteLegacyGridProps","props","breakpoints","propsToWarn","breakpoint","prop"],"mappings":"AAAA,MAAMA,IAAuB,CAAAC,MACvB,CAAC,QAAQ,cAAc,EAAE,SAASA,CAAQ,IACrC,SAASA,CAAQ,mFAInB,SAASA,CAAQ,uHAEpBC,IAAmB,CAAA;AAQV,SAASC,EAAsBC,GAAOC,GAAa;AAChE,QAAMC,IAAc,CAAA;AACpB,EAAIF,EAAM,SAAS,WACjB,OAAOA,EAAM,MACbE,EAAY,KAAK,MAAM,IAErBF,EAAM,iBAAiB,WACzB,OAAOA,EAAM,cACbE,EAAY,KAAK,cAAc,IAEjCD,EAAY,KAAK,QAAQ,CAAAE,MAAc;AACrC,IAAIH,EAAMG,CAAU,MAAM,WACxBD,EAAY,KAAKC,CAAU,GAC3B,OAAOH,EAAMG,CAAU;AAAA,EAE3B,CAAC,GACG,QAAQ,IAAI,aAAa,gBAC3BD,EAAY,QAAQ,CAAAE,MAAQ;AAC1B,IAAKN,EAAiB,SAASM,CAAI,MACjCN,EAAiB,KAAKM,CAAI,GAC1B,QAAQ,KAAK,aAAaR,EAAqBQ,CAAI,CAAC;AAAA,CAAI;AAAA,EAE5D,CAAC;AAEL;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es322.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/memoize/memoize.js"],"sourcesContent":["export default function memoize(fn) {\n  const cache = {};\n  return arg => {\n    if (cache[arg] === undefined) {\n      cache[arg] = fn(arg);\n    }\n    return cache[arg];\n  };\n}"],"names":["memoize","fn","cache","arg"],"mappings":"AAAe,SAASA,EAAQC,GAAI;AAClC,QAAMC,IAAQ,CAAA;AACd,SAAO,CAAAC,OACDD,EAAMC,CAAG,MAAM,WACjBD,EAAMC,CAAG,IAAIF,EAAGE,CAAG,IAEdD,EAAMC,CAAG;AAEpB;","x_google_ignoreList":[0]}

package/dist/ui-components.es323.js

@@ -1,22 +1,64 @@
-const h = (c, f) => c.filter((l) => f.includes(l)), O = (c, f, l) => {
-  const j = c.keys[0];
-  Array.isArray(f) ? f.forEach((g, t) => {
-    l((y, e) => {
-      t <= c.keys.length - 1 && (t === 0 ? Object.assign(y, e) : y[c.up(c.keys[t])] = e);
-    }, g);
-  }) : f && typeof f == "object" ? (Object.keys(f).length > c.keys.length ? c.keys : h(c.keys, Object.keys(f))).forEach((t) => {
-    if (c.keys.includes(t)) {
-      const y = f[t];
-      y !== void 0 && l((e, u) => {
-        j === t ? Object.assign(e, u) : e[c.up(t)] = u;
-      }, y);
-    }
-  }) : (typeof f == "number" || typeof f == "string") && l((g, t) => {
-    Object.assign(g, t);
-  }, f);
+import i from "./ui-components.es311.js";
+import s from "./ui-components.es310.js";
+import { handleBreakpoints as h, values as a } from "./ui-components.es312.js";
+function r(t) {
+  return t <= 1 && t !== 0 ? `${t * 100}%` : t;
+}
+const f = i({
+  prop: "width",
+  transform: r
+}), e = (t) => {
+  if (t.maxWidth !== void 0 && t.maxWidth !== null) {
+    const m = (n) => {
+      const o = t.theme?.breakpoints?.values?.[n] || a[n];
+      return o ? t.theme?.breakpoints?.unit !== "px" ? {
+        maxWidth: `${o}${t.theme.breakpoints.unit}`
+      } : {
+        maxWidth: o
+      } : {
+        maxWidth: r(n)
+      };
+    };
+    return h(t, t.maxWidth, m);
+  }
+  return null;
 };
+e.filterProps = ["maxWidth"];
+const d = i({
+  prop: "minWidth",
+  transform: r
+}), p = i({
+  prop: "height",
+  transform: r
+}), x = i({
+  prop: "maxHeight",
+  transform: r
+}), c = i({
+  prop: "minHeight",
+  transform: r
+});
+i({
+  prop: "size",
+  cssProperty: "width",
+  transform: r
+});
+i({
+  prop: "size",
+  cssProperty: "height",
+  transform: r
+});
+const g = i({
+  prop: "boxSizing"
+});
+s(f, e, d, p, x, c, g);
 export {
-  h as filterBreakpointKeys,
-  O as traverseBreakpoints
+  g as boxSizing,
+  p as height,
+  x as maxHeight,
+  e as maxWidth,
+  c as minHeight,
+  d as minWidth,
+  r as sizingTransform,
+  f as width
 };
 //# sourceMappingURL=ui-components.es323.js.map