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-module/context/constants.js

@@ -0,0 +1,9 @@
+export const COMPONENT_NAMESPACE = 'data-wp-component';
+export const CONNECTED_NAMESPACE = 'data-wp-c16t';
+
+/**
+ * Special key where the connected namespaces are stored.
+ * This is attached to Context connected components as a static property.
+ */
+export const CONNECT_STATIC_NAMESPACE = '__contextSystemKey__';
+//# sourceMappingURL=constants.js.map

node_modules/@wordpress/components/build-module/context/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["COMPONENT_NAMESPACE","CONNECTED_NAMESPACE","CONNECT_STATIC_NAMESPACE"],"sources":["@wordpress/components/src/context/constants.js"],"sourcesContent":["export const COMPONENT_NAMESPACE = 'data-wp-component';\nexport const CONNECTED_NAMESPACE = 'data-wp-c16t';\n\n/**\n * Special key where the connected namespaces are stored.\n * This is attached to Context connected components as a static property.\n */\nexport const CONNECT_STATIC_NAMESPACE = '__contextSystemKey__';\n"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,GAAG,mBAAmB;AACtD,OAAO,MAAMC,mBAAmB,GAAG,cAAc;;AAEjD;AACA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAG,sBAAsB"}

node_modules/@wordpress/components/build-module/context/context-connect.js

@@ -0,0 +1,113 @@
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+import { forwardRef } from '@wordpress/element';
+import warn from '@wordpress/warning';
+
+/**
+ * Internal dependencies
+ */
+import { CONNECT_STATIC_NAMESPACE } from './constants';
+import { getStyledClassNameFromKey } from './get-styled-class-name-from-key';
+/**
+ * Forwards ref (React.ForwardRef) and "Connects" (or registers) a component
+ * within the Context system under a specified namespace.
+ *
+ * @param Component The component to register into the Context system.
+ * @param namespace The namespace to register the component under.
+ * @return The connected WordPressComponent
+ */
+export function contextConnect(Component, namespace) {
+  return _contextConnect(Component, namespace, {
+    forwardsRef: true
+  });
+}
+
+/**
+ * "Connects" (or registers) a component within the Context system under a specified namespace.
+ * Does not forward a ref.
+ *
+ * @param Component The component to register into the Context system.
+ * @param namespace The namespace to register the component under.
+ * @return The connected WordPressComponent
+ */
+export function contextConnectWithoutRef(Component, namespace) {
+  return _contextConnect(Component, namespace);
+}
+
+// This is an (experimental) evolution of the initial connect() HOC.
+// The hope is that we can improve render performance by removing functional
+// component wrappers.
+function _contextConnect(Component, namespace, options) {
+  const WrappedComponent = options?.forwardsRef ? forwardRef(Component) : Component;
+  if (typeof namespace === 'undefined') {
+    typeof SCRIPT_DEBUG !== "undefined" && SCRIPT_DEBUG === true ? warn('contextConnect: Please provide a namespace') : void 0;
+  }
+
+  // @ts-expect-error internal property
+  let mergedNamespace = WrappedComponent[CONNECT_STATIC_NAMESPACE] || [namespace];
+
+  /**
+   * Consolidate (merge) namespaces before attaching it to the WrappedComponent.
+   */
+  if (Array.isArray(namespace)) {
+    mergedNamespace = [...mergedNamespace, ...namespace];
+  }
+  if (typeof namespace === 'string') {
+    mergedNamespace = [...mergedNamespace, namespace];
+  }
+
+  // @ts-expect-error We can't rely on inferred types here because of the
+  // `as` prop polymorphism we're handling in https://github.com/WordPress/gutenberg/blob/4f3a11243c365f94892e479bff0b922ccc4ccda3/packages/components/src/context/wordpress-component.ts#L32-L33
+  return Object.assign(WrappedComponent, {
+    [CONNECT_STATIC_NAMESPACE]: [...new Set(mergedNamespace)],
+    displayName: namespace,
+    selector: `.${getStyledClassNameFromKey(namespace)}`
+  });
+}
+
+/**
+ * Attempts to retrieve the connected namespace from a component.
+ *
+ * @param Component The component to retrieve a namespace from.
+ * @return The connected namespaces.
+ */
+export function getConnectNamespace(Component) {
+  if (!Component) return [];
+  let namespaces = [];
+
+  // @ts-ignore internal property
+  if (Component[CONNECT_STATIC_NAMESPACE]) {
+    // @ts-ignore internal property
+    namespaces = Component[CONNECT_STATIC_NAMESPACE];
+  }
+
+  // @ts-ignore
+  if (Component.type && Component.type[CONNECT_STATIC_NAMESPACE]) {
+    // @ts-ignore
+    namespaces = Component.type[CONNECT_STATIC_NAMESPACE];
+  }
+  return namespaces;
+}
+
+/**
+ * Checks to see if a component is connected within the Context system.
+ *
+ * @param Component The component to retrieve a namespace from.
+ * @param match     The namespace to check.
+ */
+export function hasConnectNamespace(Component, match) {
+  if (!Component) return false;
+  if (typeof match === 'string') {
+    return getConnectNamespace(Component).includes(match);
+  }
+  if (Array.isArray(match)) {
+    return match.some(result => getConnectNamespace(Component).includes(result));
+  }
+  return false;
+}
+//# sourceMappingURL=context-connect.js.map

node_modules/@wordpress/components/build-module/context/context-system-provider.js

@@ -0,0 +1,96 @@
+import { createElement } from "react";
+/**
+ * External dependencies
+ */
+import deepmerge from 'deepmerge';
+import fastDeepEqual from 'fast-deep-equal/es6';
+import { isPlainObject } from 'is-plain-object';
+
+/**
+ * WordPress dependencies
+ */
+import { createContext, useContext, useRef, useMemo, memo } from '@wordpress/element';
+import warn from '@wordpress/warning';
+
+/**
+ * Internal dependencies
+ */
+import { useUpdateEffect } from '../utils';
+export const ComponentsContext = createContext( /** @type {Record<string, any>} */{});
+export const useComponentsContext = () => useContext(ComponentsContext);
+
+/**
+ * Consolidates incoming ContextSystem values with a (potential) parent ContextSystem value.
+ *
+ * Note: This function will warn if it detects an un-memoized `value`
+ *
+ * @param {Object}              props
+ * @param {Record<string, any>} props.value
+ * @return {Record<string, any>} The consolidated value.
+ */
+function useContextSystemBridge({
+  value
+}) {
+  const parentContext = useComponentsContext();
+  const valueRef = useRef(value);
+  useUpdateEffect(() => {
+    if (
+    // Objects are equivalent.
+    fastDeepEqual(valueRef.current, value) &&
+    // But not the same reference.
+    valueRef.current !== value) {
+      typeof SCRIPT_DEBUG !== "undefined" && SCRIPT_DEBUG === true ? warn(`Please memoize your context: ${JSON.stringify(value)}`) : void 0;
+    }
+  }, [value]);
+
+  // `parentContext` will always be memoized (i.e., the result of this hook itself)
+  // or the default value from when the `ComponentsContext` was originally
+  // initialized (which will never change, it's a static variable)
+  // so this memoization will prevent `deepmerge()` from rerunning unless
+  // the references to `value` change OR the `parentContext` has an actual material change
+  // (because again, it's guaranteed to be memoized or a static reference to the empty object
+  // so we know that the only changes for `parentContext` are material ones... i.e., why we
+  // don't have to warn in the `useUpdateEffect` hook above for `parentContext` and we only
+  // need to bother with the `value`). The `useUpdateEffect` above will ensure that we are
+  // correctly warning when the `value` isn't being properly memoized. All of that to say
+  // that this should be super safe to assume that `useMemo` will only run on actual
+  // changes to the two dependencies, therefore saving us calls to `deepmerge()`!
+  const config = useMemo(() => {
+    // Deep clone `parentContext` to avoid mutating it later.
+    return deepmerge(parentContext !== null && parentContext !== void 0 ? parentContext : {}, value !== null && value !== void 0 ? value : {}, {
+      isMergeableObject: isPlainObject
+    });
+  }, [parentContext, value]);
+  return config;
+}
+
+/**
+ * A Provider component that can modify props for connected components within
+ * the Context system.
+ *
+ * @example
+ * ```jsx
+ * <ContextSystemProvider value={{ Button: { size: 'small' }}}>
+ *   <Button>...</Button>
+ * </ContextSystemProvider>
+ * ```
+ *
+ * @template {Record<string, any>} T
+ * @param {Object}                    options
+ * @param {import('react').ReactNode} options.children Children to render.
+ * @param {T}                         options.value    Props to render into connected components.
+ * @return {JSX.Element} A Provider wrapped component.
+ */
+const BaseContextSystemProvider = ({
+  children,
+  value
+}) => {
+  const contextValue = useContextSystemBridge({
+    value
+  });
+  return createElement(ComponentsContext.Provider, {
+    value: contextValue
+  }, children);
+};
+export const ContextSystemProvider = memo(BaseContextSystemProvider);
+//# sourceMappingURL=context-system-provider.js.map

node_modules/@wordpress/components/build-module/context/get-styled-class-name-from-key.js

@@ -0,0 +1,18 @@
+/**
+ * External dependencies
+ */
+import { paramCase as kebabCase } from 'change-case';
+import memoize from 'memize';
+
+/**
+ * Generates the connected component CSS className based on the namespace.
+ *
+ * @param namespace The name of the connected component.
+ * @return The generated CSS className.
+ */
+function getStyledClassName(namespace) {
+  const kebab = kebabCase(namespace);
+  return `components-${kebab}`;
+}
+export const getStyledClassNameFromKey = memoize(getStyledClassName);
+//# sourceMappingURL=get-styled-class-name-from-key.js.map

node_modules/@wordpress/components/build-module/context/get-styled-class-name-from-key.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["paramCase","kebabCase","memoize","getStyledClassName","namespace","kebab","getStyledClassNameFromKey"],"sources":["@wordpress/components/src/context/get-styled-class-name-from-key.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { paramCase as kebabCase } from 'change-case';\nimport memoize from 'memize';\n\n/**\n * Generates the connected component CSS className based on the namespace.\n *\n * @param namespace The name of the connected component.\n * @return The generated CSS className.\n */\nfunction getStyledClassName( namespace: string ): string {\n\tconst kebab = kebabCase( namespace );\n\treturn `components-${ kebab }`;\n}\n\nexport const getStyledClassNameFromKey = memoize( getStyledClassName );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,IAAIC,SAAS,QAAQ,aAAa;AACpD,OAAOC,OAAO,MAAM,QAAQ;;AAE5B;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,kBAAkBA,CAAEC,SAAiB,EAAW;EACxD,MAAMC,KAAK,GAAGJ,SAAS,CAAEG,SAAU,CAAC;EACpC,OAAQ,cAAcC,KAAO,EAAC;AAC/B;AAEA,OAAO,MAAMC,yBAAyB,GAAGJ,OAAO,CAAEC,kBAAmB,CAAC"}

node_modules/@wordpress/components/build-module/context/index.js

@@ -0,0 +1,5 @@
+export { ContextSystemProvider, useComponentsContext } from './context-system-provider';
+export { contextConnect, contextConnectWithoutRef, hasConnectNamespace, getConnectNamespace } from './context-connect';
+export { useContextSystem } from './use-context-system';
+export * from './wordpress-component';
+//# sourceMappingURL=index.js.map

node_modules/@wordpress/components/build-module/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ContextSystemProvider","useComponentsContext","contextConnect","contextConnectWithoutRef","hasConnectNamespace","getConnectNamespace","useContextSystem"],"sources":["@wordpress/components/src/context/index.ts"],"sourcesContent":["export {\n\tContextSystemProvider,\n\tuseComponentsContext,\n} from './context-system-provider';\nexport {\n\tcontextConnect,\n\tcontextConnectWithoutRef,\n\thasConnectNamespace,\n\tgetConnectNamespace,\n} from './context-connect';\nexport { useContextSystem } from './use-context-system';\nexport * from './wordpress-component';\n"],"mappings":"AAAA,SACCA,qBAAqB,EACrBC,oBAAoB,QACd,2BAA2B;AAClC,SACCC,cAAc,EACdC,wBAAwB,EACxBC,mBAAmB,EACnBC,mBAAmB,QACb,mBAAmB;AAC1B,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,cAAc,uBAAuB"}

node_modules/@wordpress/components/build-module/context/use-context-system.js

@@ -0,0 +1,72 @@
+/**
+ * WordPress dependencies
+ */
+import warn from '@wordpress/warning';
+
+/**
+ * Internal dependencies
+ */
+import { useComponentsContext } from './context-system-provider';
+import { getNamespace, getConnectedNamespace } from './utils';
+import { getStyledClassNameFromKey } from './get-styled-class-name-from-key';
+import { useCx } from '../utils/hooks/use-cx';
+
+/**
+ * @template TProps
+ * @typedef {TProps & { className: string }} ConnectedProps
+ */
+
+/**
+ * Custom hook that derives registered props from the Context system.
+ * These derived props are then consolidated with incoming component props.
+ *
+ * @template {{ className?: string }} P
+ * @param {P}      props     Incoming props from the component.
+ * @param {string} namespace The namespace to register and to derive context props from.
+ * @return {ConnectedProps<P>} The connected props.
+ */
+export function useContextSystem(props, namespace) {
+  const contextSystemProps = useComponentsContext();
+  if (typeof namespace === 'undefined') {
+    typeof SCRIPT_DEBUG !== "undefined" && SCRIPT_DEBUG === true ? warn('useContextSystem: Please provide a namespace') : void 0;
+  }
+  const contextProps = contextSystemProps?.[namespace] || {};
+
+  /* eslint-disable jsdoc/no-undefined-types */
+  /** @type {ConnectedProps<P>} */
+  // @ts-ignore We fill in the missing properties below
+  const finalComponentProps = {
+    ...getConnectedNamespace(),
+    ...getNamespace(namespace)
+  };
+  /* eslint-enable jsdoc/no-undefined-types */
+
+  const {
+    _overrides: overrideProps,
+    ...otherContextProps
+  } = contextProps;
+  const initialMergedProps = Object.entries(otherContextProps).length ? Object.assign({}, otherContextProps, props) : props;
+  const cx = useCx();
+  const classes = cx(getStyledClassNameFromKey(namespace), props.className);
+
+  // Provides the ability to customize the render of the component.
+  const rendered = typeof initialMergedProps.renderChildren === 'function' ? initialMergedProps.renderChildren(initialMergedProps) : initialMergedProps.children;
+  for (const key in initialMergedProps) {
+    // @ts-ignore filling in missing props
+    finalComponentProps[key] = initialMergedProps[key];
+  }
+  for (const key in overrideProps) {
+    // @ts-ignore filling in missing props
+    finalComponentProps[key] = overrideProps[key];
+  }
+
+  // Setting an `undefined` explicitly can cause unintended overwrites
+  // when a `cloneElement()` is involved.
+  if (rendered !== undefined) {
+    // @ts-ignore
+    finalComponentProps.children = rendered;
+  }
+  finalComponentProps.className = classes;
+  return finalComponentProps;
+}
+//# sourceMappingURL=use-context-system.js.map

node_modules/@wordpress/components/build-module/context/use-context-system.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["warn","useComponentsContext","getNamespace","getConnectedNamespace","getStyledClassNameFromKey","useCx","useContextSystem","props","namespace","contextSystemProps","SCRIPT_DEBUG","contextProps","finalComponentProps","_overrides","overrideProps","otherContextProps","initialMergedProps","Object","entries","length","assign","cx","classes","className","rendered","renderChildren","children","key","undefined"],"sources":["@wordpress/components/src/context/use-context-system.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport warn from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport { useComponentsContext } from './context-system-provider';\nimport { getNamespace, getConnectedNamespace } from './utils';\nimport { getStyledClassNameFromKey } from './get-styled-class-name-from-key';\nimport { useCx } from '../utils/hooks/use-cx';\n\n/**\n * @template TProps\n * @typedef {TProps & { className: string }} ConnectedProps\n */\n\n/**\n * Custom hook that derives registered props from the Context system.\n * These derived props are then consolidated with incoming component props.\n *\n * @template {{ className?: string }} P\n * @param {P}      props     Incoming props from the component.\n * @param {string} namespace The namespace to register and to derive context props from.\n * @return {ConnectedProps<P>} The connected props.\n */\nexport function useContextSystem( props, namespace ) {\n\tconst contextSystemProps = useComponentsContext();\n\tif ( typeof namespace === 'undefined' ) {\n\t\twarn( 'useContextSystem: Please provide a namespace' );\n\t}\n\n\tconst contextProps = contextSystemProps?.[ namespace ] || {};\n\n\t/* eslint-disable jsdoc/no-undefined-types */\n\t/** @type {ConnectedProps<P>} */\n\t// @ts-ignore We fill in the missing properties below\n\tconst finalComponentProps = {\n\t\t...getConnectedNamespace(),\n\t\t...getNamespace( namespace ),\n\t};\n\t/* eslint-enable jsdoc/no-undefined-types */\n\n\tconst { _overrides: overrideProps, ...otherContextProps } = contextProps;\n\n\tconst initialMergedProps = Object.entries( otherContextProps ).length\n\t\t? Object.assign( {}, otherContextProps, props )\n\t\t: props;\n\n\tconst cx = useCx();\n\n\tconst classes = cx(\n\t\tgetStyledClassNameFromKey( namespace ),\n\t\tprops.className\n\t);\n\n\t// Provides the ability to customize the render of the component.\n\tconst rendered =\n\t\ttypeof initialMergedProps.renderChildren === 'function'\n\t\t\t? initialMergedProps.renderChildren( initialMergedProps )\n\t\t\t: initialMergedProps.children;\n\n\tfor ( const key in initialMergedProps ) {\n\t\t// @ts-ignore filling in missing props\n\t\tfinalComponentProps[ key ] = initialMergedProps[ key ];\n\t}\n\n\tfor ( const key in overrideProps ) {\n\t\t// @ts-ignore filling in missing props\n\t\tfinalComponentProps[ key ] = overrideProps[ key ];\n\t}\n\n\t// Setting an `undefined` explicitly can cause unintended overwrites\n\t// when a `cloneElement()` is involved.\n\tif ( rendered !== undefined ) {\n\t\t// @ts-ignore\n\t\tfinalComponentProps.children = rendered;\n\t}\n\n\tfinalComponentProps.className = classes;\n\n\treturn finalComponentProps;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,oBAAoB;;AAErC;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,2BAA2B;AAChE,SAASC,YAAY,EAAEC,qBAAqB,QAAQ,SAAS;AAC7D,SAASC,yBAAyB,QAAQ,kCAAkC;AAC5E,SAASC,KAAK,QAAQ,uBAAuB;;AAE7C;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAEC,KAAK,EAAEC,SAAS,EAAG;EACpD,MAAMC,kBAAkB,GAAGR,oBAAoB,CAAC,CAAC;EACjD,IAAK,OAAOO,SAAS,KAAK,WAAW,EAAG;IACvC,OAAAE,YAAA,oBAAAA,YAAA,YAAAV,IAAI,CAAE,8CAA+C,CAAC;EACvD;EAEA,MAAMW,YAAY,GAAGF,kBAAkB,GAAID,SAAS,CAAE,IAAI,CAAC,CAAC;;EAE5D;EACA;EACA;EACA,MAAMI,mBAAmB,GAAG;IAC3B,GAAGT,qBAAqB,CAAC,CAAC;IAC1B,GAAGD,YAAY,CAAEM,SAAU;EAC5B,CAAC;EACD;;EAEA,MAAM;IAAEK,UAAU,EAAEC,aAAa;IAAE,GAAGC;EAAkB,CAAC,GAAGJ,YAAY;EAExE,MAAMK,kBAAkB,GAAGC,MAAM,CAACC,OAAO,CAAEH,iBAAkB,CAAC,CAACI,MAAM,GAClEF,MAAM,CAACG,MAAM,CAAE,CAAC,CAAC,EAAEL,iBAAiB,EAAER,KAAM,CAAC,GAC7CA,KAAK;EAER,MAAMc,EAAE,GAAGhB,KAAK,CAAC,CAAC;EAElB,MAAMiB,OAAO,GAAGD,EAAE,CACjBjB,yBAAyB,CAAEI,SAAU,CAAC,EACtCD,KAAK,CAACgB,SACP,CAAC;;EAED;EACA,MAAMC,QAAQ,GACb,OAAOR,kBAAkB,CAACS,cAAc,KAAK,UAAU,GACpDT,kBAAkB,CAACS,cAAc,CAAET,kBAAmB,CAAC,GACvDA,kBAAkB,CAACU,QAAQ;EAE/B,KAAM,MAAMC,GAAG,IAAIX,kBAAkB,EAAG;IACvC;IACAJ,mBAAmB,CAAEe,GAAG,CAAE,GAAGX,kBAAkB,CAAEW,GAAG,CAAE;EACvD;EAEA,KAAM,MAAMA,GAAG,IAAIb,aAAa,EAAG;IAClC;IACAF,mBAAmB,CAAEe,GAAG,CAAE,GAAGb,aAAa,CAAEa,GAAG,CAAE;EAClD;;EAEA;EACA;EACA,IAAKH,QAAQ,KAAKI,SAAS,EAAG;IAC7B;IACAhB,mBAAmB,CAACc,QAAQ,GAAGF,QAAQ;EACxC;EAEAZ,mBAAmB,CAACW,SAAS,GAAGD,OAAO;EAEvC,OAAOV,mBAAmB;AAC3B"}

node_modules/@wordpress/components/build-module/context/utils.js

@@ -0,0 +1,40 @@
+/**
+ * Internal dependencies
+ */
+import { CONNECTED_NAMESPACE, COMPONENT_NAMESPACE } from './constants';
+
+/**
+ * Creates a dedicated context namespace HTML attribute for components.
+ * ns is short for "namespace"
+ *
+ * @example
+ * ```jsx
+ * <div {...ns('Container')} />
+ * ```
+ *
+ * @param {string} componentName The name for the component.
+ * @return {Record<string, any>} A props object with the namespaced HTML attribute.
+ */
+export function getNamespace(componentName) {
+  return {
+    [COMPONENT_NAMESPACE]: componentName
+  };
+}
+
+/**
+ * Creates a dedicated connected context namespace HTML attribute for components.
+ * ns is short for "namespace"
+ *
+ * @example
+ * ```jsx
+ * <div {...cns()} />
+ * ```
+ *
+ * @return {Record<string, any>} A props object with the namespaced HTML attribute.
+ */
+export function getConnectedNamespace() {
+  return {
+    [CONNECTED_NAMESPACE]: true
+  };
+}
+//# sourceMappingURL=utils.js.map

node_modules/@wordpress/components/build-module/context/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CONNECTED_NAMESPACE","COMPONENT_NAMESPACE","getNamespace","componentName","getConnectedNamespace"],"sources":["@wordpress/components/src/context/utils.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { CONNECTED_NAMESPACE, COMPONENT_NAMESPACE } from './constants';\n\n/**\n * Creates a dedicated context namespace HTML attribute for components.\n * ns is short for \"namespace\"\n *\n * @example\n * ```jsx\n * <div {...ns('Container')} />\n * ```\n *\n * @param {string} componentName The name for the component.\n * @return {Record<string, any>} A props object with the namespaced HTML attribute.\n */\nexport function getNamespace( componentName ) {\n\treturn { [ COMPONENT_NAMESPACE ]: componentName };\n}\n\n/**\n * Creates a dedicated connected context namespace HTML attribute for components.\n * ns is short for \"namespace\"\n *\n * @example\n * ```jsx\n * <div {...cns()} />\n * ```\n *\n * @return {Record<string, any>} A props object with the namespaced HTML attribute.\n */\nexport function getConnectedNamespace() {\n\treturn { [ CONNECTED_NAMESPACE ]: true };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,mBAAmB,EAAEC,mBAAmB,QAAQ,aAAa;;AAEtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAAEC,aAAa,EAAG;EAC7C,OAAO;IAAE,CAAEF,mBAAmB,GAAIE;EAAc,CAAC;AAClD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAAA,EAAG;EACvC,OAAO;IAAE,CAAEJ,mBAAmB,GAAI;EAAK,CAAC;AACzC"}

node_modules/@wordpress/components/build-module/context/wordpress-component.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=wordpress-component.js.map

node_modules/@wordpress/components/build-module/context/wordpress-component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["@wordpress/components/src/context/wordpress-component.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type * as React from 'react';\n\n// Based on https://github.com/reakit/reakit/blob/master/packages/reakit-utils/src/types.ts\nexport type WordPressComponentProps<\n\t/** Prop types. */\n\tP,\n\t/** The HTML element to inherit props from. */\n\tT extends React.ElementType | null,\n\t/** Supports polymorphism through the `as` prop. */\n\tIsPolymorphic extends boolean = true,\n> = P &\n\t( T extends React.ElementType\n\t\t? // The `children` prop is being explicitly omitted since it is otherwise implicitly added\n\t\t  // by `ComponentPropsWithRef`. The context is that components should require the `children`\n\t\t  // prop explicitly when needed (see https://github.com/WordPress/gutenberg/pull/31817).\n\t\t  Omit<\n\t\t\t\tReact.ComponentPropsWithoutRef< T >,\n\t\t\t\t'as' | keyof P | 'children'\n\t\t  >\n\t\t: {} ) &\n\t( IsPolymorphic extends true\n\t\t? {\n\t\t\t\t/** The HTML element or React component to render the component as. */\n\t\t\t\tas?: T | keyof JSX.IntrinsicElements;\n\t\t  }\n\t\t: {} );\n\nexport type WordPressComponent<\n\tT extends React.ElementType | null,\n\tO,\n\tIsPolymorphic extends boolean,\n> = {\n\t< TT extends React.ElementType >(\n\t\tprops: WordPressComponentProps< O, TT, IsPolymorphic > &\n\t\t\t( IsPolymorphic extends true ? { as: TT } : {} )\n\t): JSX.Element | null;\n\t(\n\t\tprops: WordPressComponentProps< O, T, IsPolymorphic >\n\t): JSX.Element | null;\n\tdisplayName?: string;\n\t/**\n\t * A CSS selector used to fake component interpolation in styled components\n\t * for components not generated by `styled`. Anything passed to `contextConnect`\n\t * will get this property.\n\t *\n\t * We restrict it to a class to align with the already existing class names that\n\t * are generated by the context system.\n\t */\n\tselector?: `.${ string }`;\n};\n\nexport type WordPressComponentFromProps<\n\tProps,\n\tForwardsRef extends boolean = true,\n> = Props extends WordPressComponentProps< infer P, infer T, infer I >\n\t? WordPressComponent<\n\t\t\tT,\n\t\t\tP & ( ForwardsRef extends true ? React.RefAttributes< any > : {} ),\n\t\t\tI\n\t  >\n\t: never;\n"],"mappings":""}