fix: prevent asset conflicts between React and Grid.js versions

Add coexistence checks to all enqueue methods to prevent loading
both React and Grid.js assets simultaneously.

Changes:
- ReactAdmin.php: Only enqueue React assets when ?react=1
- Init.php: Skip Grid.js when React active on admin pages
- Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0
- Customer.php, Product.php, License.php: Add coexistence checks

Now the toggle between Classic and React versions works correctly.

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>

node_modules/@wordpress/components/build/theme/color-algorithms.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkContrasts = checkContrasts;
+exports.generateShades = generateShades;
+exports.generateThemeVariables = generateThemeVariables;
+var _colord = require("colord");
+var _a11y = _interopRequireDefault(require("colord/plugins/a11y"));
+var _names = _interopRequireDefault(require("colord/plugins/names"));
+var _warning = _interopRequireDefault(require("@wordpress/warning"));
+var _utils = require("../utils");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+(0, _colord.extend)([_names.default, _a11y.default]);
+function generateThemeVariables(inputs) {
+  validateInputs(inputs);
+  const generatedColors = {
+    ...generateAccentDependentColors(inputs.accent),
+    ...generateBackgroundDependentColors(inputs.background)
+  };
+  warnContrastIssues(checkContrasts(inputs, generatedColors));
+  return {
+    colors: generatedColors
+  };
+}
+function validateInputs(inputs) {
+  for (const [key, value] of Object.entries(inputs)) {
+    if (typeof value !== 'undefined' && !(0, _colord.colord)(value).isValid()) {
+      typeof SCRIPT_DEBUG !== "undefined" && SCRIPT_DEBUG === true ? (0, _warning.default)(`wp.components.Theme: "${value}" is not a valid color value for the '${key}' prop.`) : void 0;
+    }
+  }
+}
+function checkContrasts(inputs, outputs) {
+  const background = inputs.background || _utils.COLORS.white;
+  const accent = inputs.accent || '#3858e9';
+  const foreground = outputs.foreground || _utils.COLORS.gray[900];
+  const gray = outputs.gray || _utils.COLORS.gray;
+  return {
+    accent: (0, _colord.colord)(background).isReadable(accent) ? undefined : `The background color ("${background}") does not have sufficient contrast against the accent color ("${accent}").`,
+    foreground: (0, _colord.colord)(background).isReadable(foreground) ? undefined : `The background color provided ("${background}") does not have sufficient contrast against the standard foreground colors.`,
+    grays: (0, _colord.colord)(background).contrast(gray[600]) >= 3 && (0, _colord.colord)(background).contrast(gray[700]) >= 4.5 ? undefined : `The background color provided ("${background}") cannot generate a set of grayscale foreground colors with sufficient contrast. Try adjusting the color to be lighter or darker.`
+  };
+}
+function warnContrastIssues(issues) {
+  for (const error of Object.values(issues)) {
+    if (error) {
+      typeof SCRIPT_DEBUG !== "undefined" && SCRIPT_DEBUG === true ? (0, _warning.default)('wp.components.Theme: ' + error) : void 0;
+    }
+  }
+}
+function generateAccentDependentColors(accent) {
+  if (!accent) return {};
+  return {
+    accent,
+    accentDarker10: (0, _colord.colord)(accent).darken(0.1).toHex(),
+    accentDarker20: (0, _colord.colord)(accent).darken(0.2).toHex(),
+    accentInverted: getForegroundForColor(accent)
+  };
+}
+function generateBackgroundDependentColors(background) {
+  if (!background) return {};
+  const foreground = getForegroundForColor(background);
+  return {
+    background,
+    foreground,
+    foregroundInverted: getForegroundForColor(foreground),
+    gray: generateShades(background, foreground)
+  };
+}
+function getForegroundForColor(color) {
+  return (0, _colord.colord)(color).isDark() ? _utils.COLORS.white : _utils.COLORS.gray[900];
+}
+function generateShades(background, foreground) {
+  // How much darkness you need to add to #fff to get the COLORS.gray[n] color
+  const SHADES = {
+    100: 0.06,
+    200: 0.121,
+    300: 0.132,
+    400: 0.2,
+    600: 0.42,
+    700: 0.543,
+    800: 0.821
+  };
+
+  // Darkness of COLORS.gray[ 900 ], relative to #fff
+  const limit = 0.884;
+  const direction = (0, _colord.colord)(background).isDark() ? 'lighten' : 'darken';
+
+  // Lightness delta between the background and foreground colors
+  const range = Math.abs((0, _colord.colord)(background).toHsl().l - (0, _colord.colord)(foreground).toHsl().l) / 100;
+  const result = {};
+  Object.entries(SHADES).forEach(([key, value]) => {
+    result[parseInt(key)] = (0, _colord.colord)(background)[direction](value / limit * range).toHex();
+  });
+  return result;
+}
+//# sourceMappingURL=color-algorithms.js.map

node_modules/@wordpress/components/build/theme/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _element = require("@wordpress/element");
+var _styles = require("./styles");
+var _colorAlgorithms = require("./color-algorithms");
+var _utils = require("../utils");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * `Theme` allows defining theme variables for components in the `@wordpress/components` package.
+ *
+ * Multiple `Theme` components can be nested in order to override specific theme variables.
+ *
+ *
+ * ```jsx
+ * const Example = () => {
+ *   return (
+ *     <Theme accent="red">
+ *       <Button variant="primary">I'm red</Button>
+ *       <Theme accent="blue">
+ *         <Button variant="primary">I'm blue</Button>
+ *       </Theme>
+ *     </Theme>
+ *   );
+ * };
+ * ```
+ */
+function Theme({
+  accent,
+  background,
+  className,
+  ...props
+}) {
+  const cx = (0, _utils.useCx)();
+  const classes = (0, _element.useMemo)(() => cx(...(0, _styles.colorVariables)((0, _colorAlgorithms.generateThemeVariables)({
+    accent,
+    background
+  })), className), [accent, background, className, cx]);
+  return (0, _react.createElement)(_styles.Wrapper, {
+    className: classes,
+    ...props
+  });
+}
+var _default = Theme;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

node_modules/@wordpress/components/build/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_element","require","_styles","_colorAlgorithms","_utils","Theme","accent","background","className","props","cx","useCx","classes","useMemo","colorVariables","generateThemeVariables","_react","createElement","Wrapper","_default","exports","default"],"sources":["@wordpress/components/src/theme/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ThemeProps } from './types';\nimport type { WordPressComponentProps } from '../context';\nimport { colorVariables, Wrapper } from './styles';\nimport { generateThemeVariables } from './color-algorithms';\nimport { useCx } from '../utils';\n\n/**\n * `Theme` allows defining theme variables for components in the `@wordpress/components` package.\n *\n * Multiple `Theme` components can be nested in order to override specific theme variables.\n *\n *\n * ```jsx\n * const Example = () => {\n *   return (\n *     <Theme accent=\"red\">\n *       <Button variant=\"primary\">I'm red</Button>\n *       <Theme accent=\"blue\">\n *         <Button variant=\"primary\">I'm blue</Button>\n *       </Theme>\n *     </Theme>\n *   );\n * };\n * ```\n */\nfunction Theme( {\n\taccent,\n\tbackground,\n\tclassName,\n\t...props\n}: WordPressComponentProps< ThemeProps, 'div', true > ) {\n\tconst cx = useCx();\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\t...colorVariables(\n\t\t\t\t\tgenerateThemeVariables( { accent, background } )\n\t\t\t\t),\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ accent, background, className, cx ]\n\t);\n\n\treturn <Wrapper className={ classes } { ...props } />;\n}\n\nexport default Theme;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAZA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASI,KAAKA,CAAE;EACfC,MAAM;EACNC,UAAU;EACVC,SAAS;EACT,GAAGC;AACgD,CAAC,EAAG;EACvD,MAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,MAAMC,OAAO,GAAG,IAAAC,gBAAO,EACtB,MACCH,EAAE,CACD,GAAG,IAAAI,sBAAc,EAChB,IAAAC,uCAAsB,EAAE;IAAET,MAAM;IAAEC;EAAW,CAAE,CAChD,CAAC,EACDC,SACD,CAAC,EACF,CAAEF,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAEE,EAAE,CACpC,CAAC;EAED,OAAO,IAAAM,MAAA,CAAAC,aAAA,EAACf,OAAA,CAAAgB,OAAO;IAACV,SAAS,EAAGI,OAAS;IAAA,GAAMH;EAAK,CAAI,CAAC;AACtD;AAAC,IAAAU,QAAA,GAEcd,KAAK;AAAAe,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

node_modules/@wordpress/components/build/theme/styles.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.colorVariables = exports.Wrapper = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = require("@emotion/react");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const colorVariables = ({
+  colors
+}) => {
+  const shades = Object.entries(colors.gray || {}).map(([k, v]) => `--wp-components-color-gray-${k}: ${v};`).join('');
+  return [/*#__PURE__*/(0, _react.css)("--wp-components-color-accent:", colors.accent, ";--wp-components-color-accent-darker-10:", colors.accentDarker10, ";--wp-components-color-accent-darker-20:", colors.accentDarker20, ";--wp-components-color-accent-inverted:", colors.accentInverted, ";--wp-components-color-background:", colors.background, ";--wp-components-color-foreground:", colors.foreground, ";--wp-components-color-foreground-inverted:", colors.foregroundInverted, ";", shades, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:colorVariables;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdGhlbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCSyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3RoZW1lL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHR5cGUgeyBUaGVtZU91dHB1dFZhbHVlcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgY29sb3JWYXJpYWJsZXMgPSAoIHsgY29sb3JzIH06IFRoZW1lT3V0cHV0VmFsdWVzICkgPT4ge1xuXHRjb25zdCBzaGFkZXMgPSBPYmplY3QuZW50cmllcyggY29sb3JzLmdyYXkgfHwge30gKVxuXHRcdC5tYXAoICggWyBrLCB2IF0gKSA9PiBgLS13cC1jb21wb25lbnRzLWNvbG9yLWdyYXktJHsgayB9OiAkeyB2IH07YCApXG5cdFx0LmpvaW4oICcnICk7XG5cblx0cmV0dXJuIFtcblx0XHRjc3NgXG5cdFx0XHQtLXdwLWNvbXBvbmVudHMtY29sb3ItYWNjZW50OiAkeyBjb2xvcnMuYWNjZW50IH07XG5cdFx0XHQtLXdwLWNvbXBvbmVudHMtY29sb3ItYWNjZW50LWRhcmtlci0xMDogJHsgY29sb3JzLmFjY2VudERhcmtlcjEwIH07XG5cdFx0XHQtLXdwLWNvbXBvbmVudHMtY29sb3ItYWNjZW50LWRhcmtlci0yMDogJHsgY29sb3JzLmFjY2VudERhcmtlcjIwIH07XG5cdFx0XHQtLXdwLWNvbXBvbmVudHMtY29sb3ItYWNjZW50LWludmVydGVkOiAkeyBjb2xvcnMuYWNjZW50SW52ZXJ0ZWQgfTtcblxuXHRcdFx0LS13cC1jb21wb25lbnRzLWNvbG9yLWJhY2tncm91bmQ6ICR7IGNvbG9ycy5iYWNrZ3JvdW5kIH07XG5cdFx0XHQtLXdwLWNvbXBvbmVudHMtY29sb3ItZm9yZWdyb3VuZDogJHsgY29sb3JzLmZvcmVncm91bmQgfTtcblx0XHRcdC0td3AtY29tcG9uZW50cy1jb2xvci1mb3JlZ3JvdW5kLWludmVydGVkOiAkeyBjb2xvcnMuZm9yZWdyb3VuZEludmVydGVkIH07XG5cblx0XHRcdCR7IHNoYWRlcyB9XG5cdFx0YCxcblx0XTtcbn07XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6IHZhciggLS13cC1jb21wb25lbnRzLWNvbG9yLWZvcmVncm91bmQsIGN1cnJlbnRDb2xvciApO1xuYDtcbiJdfQ== */")];
+};
+exports.colorVariables = colorVariables;
+const Wrapper = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1krjpvb0"
+} : {
+  target: "e1krjpvb0",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1a3idx0",
+  styles: "color:var( --wp-components-color-foreground, currentColor )"
+} : {
+  name: "1a3idx0",
+  styles: "color:var( --wp-components-color-foreground, currentColor )",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdGhlbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDaUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90aGVtZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB0eXBlIHsgVGhlbWVPdXRwdXRWYWx1ZXMgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IGNvbG9yVmFyaWFibGVzID0gKCB7IGNvbG9ycyB9OiBUaGVtZU91dHB1dFZhbHVlcyApID0+IHtcblx0Y29uc3Qgc2hhZGVzID0gT2JqZWN0LmVudHJpZXMoIGNvbG9ycy5ncmF5IHx8IHt9IClcblx0XHQubWFwKCAoIFsgaywgdiBdICkgPT4gYC0td3AtY29tcG9uZW50cy1jb2xvci1ncmF5LSR7IGsgfTogJHsgdiB9O2AgKVxuXHRcdC5qb2luKCAnJyApO1xuXG5cdHJldHVybiBbXG5cdFx0Y3NzYFxuXHRcdFx0LS13cC1jb21wb25lbnRzLWNvbG9yLWFjY2VudDogJHsgY29sb3JzLmFjY2VudCB9O1xuXHRcdFx0LS13cC1jb21wb25lbnRzLWNvbG9yLWFjY2VudC1kYXJrZXItMTA6ICR7IGNvbG9ycy5hY2NlbnREYXJrZXIxMCB9O1xuXHRcdFx0LS13cC1jb21wb25lbnRzLWNvbG9yLWFjY2VudC1kYXJrZXItMjA6ICR7IGNvbG9ycy5hY2NlbnREYXJrZXIyMCB9O1xuXHRcdFx0LS13cC1jb21wb25lbnRzLWNvbG9yLWFjY2VudC1pbnZlcnRlZDogJHsgY29sb3JzLmFjY2VudEludmVydGVkIH07XG5cblx0XHRcdC0td3AtY29tcG9uZW50cy1jb2xvci1iYWNrZ3JvdW5kOiAkeyBjb2xvcnMuYmFja2dyb3VuZCB9O1xuXHRcdFx0LS13cC1jb21wb25lbnRzLWNvbG9yLWZvcmVncm91bmQ6ICR7IGNvbG9ycy5mb3JlZ3JvdW5kIH07XG5cdFx0XHQtLXdwLWNvbXBvbmVudHMtY29sb3ItZm9yZWdyb3VuZC1pbnZlcnRlZDogJHsgY29sb3JzLmZvcmVncm91bmRJbnZlcnRlZCB9O1xuXG5cdFx0XHQkeyBzaGFkZXMgfVxuXHRcdGAsXG5cdF07XG59O1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGNvbG9yOiB2YXIoIC0td3AtY29tcG9uZW50cy1jb2xvci1mb3JlZ3JvdW5kLCBjdXJyZW50Q29sb3IgKTtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.Wrapper = Wrapper;
+//# sourceMappingURL=styles.js.map

node_modules/@wordpress/components/build/theme/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_EMOTION_STRINGIFIED_CSS_ERROR__","colorVariables","colors","shades","Object","entries","gray","map","k","v","join","css","accent","accentDarker10","accentDarker20","accentInverted","background","foreground","foregroundInverted","process","env","NODE_ENV","exports","Wrapper","_base","default","target","label","name","styles","toString"],"sources":["@wordpress/components/src/theme/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport type { ThemeOutputValues } from './types';\n\nexport const colorVariables = ( { colors }: ThemeOutputValues ) => {\n\tconst shades = Object.entries( colors.gray || {} )\n\t\t.map( ( [ k, v ] ) => `--wp-components-color-gray-${ k }: ${ v };` )\n\t\t.join( '' );\n\n\treturn [\n\t\tcss`\n\t\t\t--wp-components-color-accent: ${ colors.accent };\n\t\t\t--wp-components-color-accent-darker-10: ${ colors.accentDarker10 };\n\t\t\t--wp-components-color-accent-darker-20: ${ colors.accentDarker20 };\n\t\t\t--wp-components-color-accent-inverted: ${ colors.accentInverted };\n\n\t\t\t--wp-components-color-background: ${ colors.background };\n\t\t\t--wp-components-color-foreground: ${ colors.foreground };\n\t\t\t--wp-components-color-foreground-inverted: ${ colors.foregroundInverted };\n\n\t\t\t${ shades }\n\t\t`,\n\t];\n};\n\nexport const Wrapper = styled.div`\n\tcolor: var( --wp-components-color-foreground, currentColor );\n`;\n"],"mappings":";;;;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AAAqC,SAAAC,iCAAA;AAO9B,MAAMC,cAAc,GAAGA,CAAE;EAAEC;AAA0B,CAAC,KAAM;EAClE,MAAMC,MAAM,GAAGC,MAAM,CAACC,OAAO,CAAEH,MAAM,CAACI,IAAI,IAAI,CAAC,CAAE,CAAC,CAChDC,GAAG,CAAE,CAAE,CAAEC,CAAC,EAAEC,CAAC,CAAE,KAAO,8BAA8BD,CAAG,KAAKC,CAAG,GAAG,CAAC,CACnEC,IAAI,CAAE,EAAG,CAAC;EAEZ,OAAO,kBACNC,UAAG,mCAC+BT,MAAM,CAACU,MAAM,8CACHV,MAAM,CAACW,cAAc,8CACrBX,MAAM,CAACY,cAAc,6CACtBZ,MAAM,CAACa,cAAc,wCAE1Bb,MAAM,CAACc,UAAU,wCACjBd,MAAM,CAACe,UAAU,iDACRf,MAAM,CAACgB,kBAAkB,OAEpEf,MAAM,SAAAgB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,gvDAEV;AACF,CAAC;AAACC,OAAA,CAAArB,cAAA,GAAAA,cAAA;AAEK,MAAMsB,OAAO,OAAAC,KAAA,CAAAC,OAAA,SAAAN,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAK,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAO,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAtB,GAAA;EAAAuB,QAAA,EAAA9B;AAAA,EAEnB;AAACsB,OAAA,CAAAC,OAAA,GAAAA,OAAA"}

node_modules/@wordpress/components/build/theme/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

node_modules/@wordpress/components/build/theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["@wordpress/components/src/theme/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\nexport type ThemeInputValues = {\n\t/**\n\t * The accent color (used by components as the primary color).\n\t *\n\t * If an accent color is not defined, the default fallback value is the original\n\t * WP Admin main theme color. Not all valid CSS color syntaxes are supported —\n\t * in particular, keywords (like `'currentcolor'`, `'inherit'`, `'initial'`,\n\t * `'revert'`, `'unset'`...) and CSS custom properties (e.g.\n\t * `var(--my-custom-property)`) are _not_ supported values for this property.\n\t */\n\taccent?: string;\n\t/**\n\t * The background color.\n\t *\n\t * If a component explicitly has a background, it will be this color.\n\t * Otherwise, this color will simply be used to determine what the foreground colors should be.\n\t * The actual background color will need to be set on the component's container element.\n\t *\n\t * If a background color is not defined, the default fallback value is #fff.\n\t * Not all valid CSS color syntaxes are supported —\n\t * in particular, keywords (like `'currentcolor'`, `'inherit'`, `'initial'`,\n\t * `'revert'`, `'unset'`...) and CSS custom properties (e.g.\n\t * `var(--my-custom-property)`) are _not_ supported values for this property.\n\t */\n\tbackground?: string;\n};\n\nexport type ThemeOutputValues = {\n\tcolors: Partial< {\n\t\taccent: string;\n\t\taccentDarker10: string;\n\t\taccentDarker20: string;\n\t\t/** Foreground color to use when accent color is the background. */\n\t\taccentInverted: string;\n\t\tbackground: string;\n\t\tforeground: string;\n\t\t/** Foreground color to use when foreground color is the background. */\n\t\tforegroundInverted: string;\n\t\tgray: {\n\t\t\t100: string;\n\t\t\t200: string;\n\t\t\t300: string;\n\t\t\t400: string;\n\t\t\t600: string;\n\t\t\t700: string;\n\t\t\t800: string;\n\t\t};\n\t} >;\n};\n\nexport type ThemeProps = ThemeInputValues & {\n\t/**\n\t * The children elements.\n\t */\n\tchildren?: ReactNode;\n};\n"],"mappings":""}