@wordpress/components 31.0.1-next.6deb34194.0 → 31.0.1-next.738bb1424.0

package/build/confirm-dialog/component.cjs

@@ -0,0 +1,130 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/confirm-dialog/component.tsx
+var component_exports = {};
+__export(component_exports, {
+  ConfirmDialog: () => ConfirmDialog,
+  default: () => component_default
+});
+module.exports = __toCommonJS(component_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_modal = __toESM(require("../modal/index.cjs"), 1);
+var import_context = require("../context/index.cjs");
+var import_flex = require("../flex/index.cjs");
+var import_button = __toESM(require("../button/index.cjs"), 1);
+var import_text = require("../text/index.cjs");
+var import_v_stack = require("../v-stack/index.cjs");
+var styles = __toESM(require("./styles.cjs"), 1);
+var import_use_cx = require("../utils/hooks/use-cx.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var UnconnectedConfirmDialog = (props, forwardedRef) => {
+  const {
+    isOpen: isOpenProp,
+    onConfirm,
+    onCancel,
+    children,
+    confirmButtonText,
+    cancelButtonText,
+    isBusy,
+    ...otherProps
+  } = (0, import_context.useContextSystem)(props, "ConfirmDialog");
+  const cx = (0, import_use_cx.useCx)();
+  const wrapperClassName = cx(styles.wrapper);
+  const cancelButtonRef = (0, import_element.useRef)();
+  const confirmButtonRef = (0, import_element.useRef)();
+  const [isOpen, setIsOpen] = (0, import_element.useState)();
+  const [shouldSelfClose, setShouldSelfClose] = (0, import_element.useState)();
+  (0, import_element.useEffect)(() => {
+    const isIsOpenSet = typeof isOpenProp !== "undefined";
+    setIsOpen(isIsOpenSet ? isOpenProp : true);
+    setShouldSelfClose(!isIsOpenSet);
+  }, [isOpenProp]);
+  const handleEvent = (0, import_element.useCallback)((callback) => (event) => {
+    callback?.(event);
+    if (shouldSelfClose) {
+      setIsOpen(false);
+    }
+  }, [shouldSelfClose, setIsOpen]);
+  const handleEnter = (0, import_element.useCallback)((event) => {
+    const isConfirmOrCancelButton = event.target === cancelButtonRef.current || event.target === confirmButtonRef.current;
+    if (!isConfirmOrCancelButton && event.key === "Enter") {
+      handleEvent(onConfirm)(event);
+    }
+  }, [handleEvent, onConfirm]);
+  const cancelLabel = cancelButtonText !== null && cancelButtonText !== void 0 ? cancelButtonText : (0, import_i18n.__)("Cancel");
+  const confirmLabel = confirmButtonText !== null && confirmButtonText !== void 0 ? confirmButtonText : (0, import_i18n.__)("OK");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_modal.default, {
+      onRequestClose: handleEvent(onCancel),
+      onKeyDown: handleEnter,
+      closeButtonLabel: cancelLabel,
+      isDismissible: true,
+      ref: forwardedRef,
+      overlayClassName: wrapperClassName,
+      __experimentalHideHeader: true,
+      ...otherProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_v_stack.VStack, {
+        spacing: 8,
+        children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, {
+          children
+        }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_flex.Flex, {
+          direction: "row",
+          justify: "flex-end",
+          children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, {
+            __next40pxDefaultSize: true,
+            ref: cancelButtonRef,
+            variant: "tertiary",
+            onClick: handleEvent(onCancel),
+            accessibleWhenDisabled: true,
+            disabled: isBusy,
+            children: cancelLabel
+          }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, {
+            __next40pxDefaultSize: true,
+            ref: confirmButtonRef,
+            variant: "primary",
+            onClick: handleEvent(onConfirm),
+            accessibleWhenDisabled: true,
+            disabled: isBusy,
+            isBusy,
+            children: confirmLabel
+          })]
+        })]
+      })
+    })
+  });
+};
+var ConfirmDialog = (0, import_context.contextConnect)(UnconnectedConfirmDialog, "ConfirmDialog");
+var component_default = ConfirmDialog;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ConfirmDialog
+});
+//# sourceMappingURL=component.cjs.map

package/build/confirm-dialog/index.cjs

@@ -0,0 +1,41 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/confirm-dialog/index.tsx
+var confirm_dialog_exports = {};
+__export(confirm_dialog_exports, {
+  ConfirmDialog: () => import_component.default
+});
+module.exports = __toCommonJS(confirm_dialog_exports);
+var import_component = __toESM(require("./component.cjs"), 1);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ConfirmDialog
+});
+//# sourceMappingURL=index.cjs.map

package/build/confirm-dialog/styles.cjs

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/confirm-dialog/styles.ts
+var styles_exports = {};
+__export(styles_exports, {
+  wrapper: () => wrapper
+});
+module.exports = __toCommonJS(styles_exports);
+var import_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).";
+}
+var wrapper = process.env.NODE_ENV === "production" ? {
+  name: "7g5ii0",
+  styles: "&&{z-index:1000001;}"
+} : {
+  name: "1gucf3d-wrapper",
+  styles: "&&{z-index:1000001;};label:wrapper;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFRoZSB6LWluZGV4IGZvciBDb25maXJtRGlhbG9nIGlzIGJlaW5nIHNldCBoZXJlIGluc3RlYWQgb2YgaW5cbiAqIHBhY2thZ2VzL2Jhc2Utc3R5bGVzL196LWluZGV4LnNjc3MsIGJlY2F1c2UgdGhpcyBjb21wb25lbnQgdXNlc1xuICogZW1vdGlvbiBpbnN0ZWFkIG9mIHNhc3MuXG4gKlxuICogQ29uZmlybURpYWxvZyBuZWVkcyB0aGlzIGhpZ2hlciB6LWluZGV4IHRvIGVuc3VyZSBpdCByZW5kZXJzIG9uIHRvcCBvZlxuICogYW55IHBhcmVudCBQb3BvdmVyIGNvbXBvbmVudC5cbiAqL1xuZXhwb3J0IGNvbnN0IHdyYXBwZXIgPSBjc3NgXG5cdCYmIHtcblx0XHR6LWluZGV4OiAxMDAwMDAxO1xuXHR9XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  wrapper
+});
+//# sourceMappingURL=styles.cjs.map

package/build/confirm-dialog/types.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/confirm-dialog/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.cjs.map

package/build/context/constants.cjs

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/context/constants.js
+var constants_exports = {};
+__export(constants_exports, {
+  COMPONENT_NAMESPACE: () => COMPONENT_NAMESPACE,
+  CONNECTED_NAMESPACE: () => CONNECTED_NAMESPACE,
+  CONNECT_STATIC_NAMESPACE: () => CONNECT_STATIC_NAMESPACE
+});
+module.exports = __toCommonJS(constants_exports);
+var COMPONENT_NAMESPACE = "data-wp-component";
+var CONNECTED_NAMESPACE = "data-wp-c16t";
+var CONNECT_STATIC_NAMESPACE = "__contextSystemKey__";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  COMPONENT_NAMESPACE,
+  CONNECTED_NAMESPACE,
+  CONNECT_STATIC_NAMESPACE
+});
+//# sourceMappingURL=constants.cjs.map

package/build/context/context-connect.cjs

@@ -0,0 +1,101 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/context/context-connect.ts
+var context_connect_exports = {};
+__export(context_connect_exports, {
+  contextConnect: () => contextConnect,
+  contextConnectWithoutRef: () => contextConnectWithoutRef,
+  getConnectNamespace: () => getConnectNamespace,
+  hasConnectNamespace: () => hasConnectNamespace
+});
+module.exports = __toCommonJS(context_connect_exports);
+var import_element = require("@wordpress/element");
+var import_warning = __toESM(require("@wordpress/warning"), 1);
+var import_constants = require("./constants.cjs");
+var import_get_styled_class_name_from_key = require("./get-styled-class-name-from-key.cjs");
+function contextConnect(Component, namespace) {
+  return _contextConnect(Component, namespace, {
+    forwardsRef: true
+  });
+}
+function contextConnectWithoutRef(Component, namespace) {
+  return _contextConnect(Component, namespace);
+}
+function _contextConnect(Component, namespace, options) {
+  const WrappedComponent = options?.forwardsRef ? (0, import_element.forwardRef)(Component) : Component;
+  if (typeof namespace === "undefined") {
+    globalThis.SCRIPT_DEBUG === true ? (0, import_warning.default)("contextConnect: Please provide a namespace") : void 0;
+  }
+  let mergedNamespace = WrappedComponent[import_constants.CONNECT_STATIC_NAMESPACE] || [namespace];
+  if (Array.isArray(namespace)) {
+    mergedNamespace = [...mergedNamespace, ...namespace];
+  }
+  if (typeof namespace === "string") {
+    mergedNamespace = [...mergedNamespace, namespace];
+  }
+  return Object.assign(WrappedComponent, {
+    [import_constants.CONNECT_STATIC_NAMESPACE]: [...new Set(mergedNamespace)],
+    displayName: namespace,
+    selector: `.${(0, import_get_styled_class_name_from_key.getStyledClassNameFromKey)(namespace)}`
+  });
+}
+function getConnectNamespace(Component) {
+  if (!Component) {
+    return [];
+  }
+  let namespaces = [];
+  if (Component[import_constants.CONNECT_STATIC_NAMESPACE]) {
+    namespaces = Component[import_constants.CONNECT_STATIC_NAMESPACE];
+  }
+  if (Component.type && Component.type[import_constants.CONNECT_STATIC_NAMESPACE]) {
+    namespaces = Component.type[import_constants.CONNECT_STATIC_NAMESPACE];
+  }
+  return namespaces;
+}
+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;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  contextConnect,
+  contextConnectWithoutRef,
+  getConnectNamespace,
+  hasConnectNamespace
+});
+//# sourceMappingURL=context-connect.cjs.map

package/build/context/context-system-provider.cjs

@@ -0,0 +1,91 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/context/context-system-provider.js
+var context_system_provider_exports = {};
+__export(context_system_provider_exports, {
+  ComponentsContext: () => ComponentsContext,
+  ContextSystemProvider: () => ContextSystemProvider,
+  useComponentsContext: () => useComponentsContext
+});
+module.exports = __toCommonJS(context_system_provider_exports);
+var import_deepmerge = __toESM(require("deepmerge"), 1);
+var import_es6 = __toESM(require("fast-deep-equal/es6"), 1);
+var import_is_plain_object = require("is-plain-object");
+var import_element = require("@wordpress/element");
+var import_warning = __toESM(require("@wordpress/warning"), 1);
+var import_utils = require("../utils/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ComponentsContext = (0, import_element.createContext)(
+  /** @type {Record<string, any>} */
+  {}
+);
+ComponentsContext.displayName = "ComponentsContext";
+var useComponentsContext = () => (0, import_element.useContext)(ComponentsContext);
+function useContextSystemBridge({
+  value
+}) {
+  const parentContext = useComponentsContext();
+  const valueRef = (0, import_element.useRef)(value);
+  (0, import_utils.useUpdateEffect)(() => {
+    if (
+      // Objects are equivalent.
+      (0, import_es6.default)(valueRef.current, value) && // But not the same reference.
+      valueRef.current !== value
+    ) {
+      globalThis.SCRIPT_DEBUG === true ? (0, import_warning.default)(`Please memoize your context: ${JSON.stringify(value)}`) : void 0;
+    }
+  }, [value]);
+  const config = (0, import_element.useMemo)(() => {
+    return (0, import_deepmerge.default)(parentContext !== null && parentContext !== void 0 ? parentContext : {}, value !== null && value !== void 0 ? value : {}, {
+      isMergeableObject: import_is_plain_object.isPlainObject
+    });
+  }, [parentContext, value]);
+  return config;
+}
+var BaseContextSystemProvider = ({
+  children,
+  value
+}) => {
+  const contextValue = useContextSystemBridge({
+    value
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComponentsContext.Provider, {
+    value: contextValue,
+    children
+  });
+};
+var ContextSystemProvider = (0, import_element.memo)(BaseContextSystemProvider);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ComponentsContext,
+  ContextSystemProvider,
+  useComponentsContext
+});
+//# sourceMappingURL=context-system-provider.cjs.map

package/build/context/get-styled-class-name-from-key.cjs

@@ -0,0 +1,47 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/context/get-styled-class-name-from-key.ts
+var get_styled_class_name_from_key_exports = {};
+__export(get_styled_class_name_from_key_exports, {
+  getStyledClassNameFromKey: () => getStyledClassNameFromKey
+});
+module.exports = __toCommonJS(get_styled_class_name_from_key_exports);
+var import_change_case = require("change-case");
+var import_memize = __toESM(require("memize"), 1);
+function getStyledClassName(namespace) {
+  const kebab = (0, import_change_case.paramCase)(namespace);
+  return `components-${kebab}`;
+}
+var getStyledClassNameFromKey = (0, import_memize.default)(getStyledClassName);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getStyledClassNameFromKey
+});
+//# sourceMappingURL=get-styled-class-name-from-key.cjs.map

package/build/context/index.cjs

@@ -0,0 +1,48 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/context/index.ts
+var context_exports = {};
+__export(context_exports, {
+  ContextSystemProvider: () => import_context_system_provider.ContextSystemProvider,
+  contextConnect: () => import_context_connect.contextConnect,
+  contextConnectWithoutRef: () => import_context_connect.contextConnectWithoutRef,
+  getConnectNamespace: () => import_context_connect.getConnectNamespace,
+  hasConnectNamespace: () => import_context_connect.hasConnectNamespace,
+  useComponentsContext: () => import_context_system_provider.useComponentsContext,
+  useContextSystem: () => import_use_context_system.useContextSystem
+});
+module.exports = __toCommonJS(context_exports);
+var import_context_system_provider = require("./context-system-provider.cjs");
+var import_context_connect = require("./context-connect.cjs");
+var import_use_context_system = require("./use-context-system.cjs");
+__reExport(context_exports, require("./wordpress-component.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ContextSystemProvider,
+  contextConnect,
+  contextConnectWithoutRef,
+  getConnectNamespace,
+  hasConnectNamespace,
+  useComponentsContext,
+  useContextSystem,
+  ...require("./wordpress-component.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/build/context/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/context/index.ts"],
+  "sourcesContent": ["export { ContextSystemProvider, useComponentsContext } from './context-system-provider';\nexport { contextConnect, contextConnectWithoutRef, hasConnectNamespace, getConnectNamespace } from './context-connect';\nexport { useContextSystem } from './use-context-system';\nexport * from './wordpress-component';"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAA4D;AAC5D,6BAAmG;AACnG,gCAAiC;AACjC,4BAAc,sCAHd;",
+  "names": []
+}

package/build/context/use-context-system.cjs

@@ -0,0 +1,75 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/context/use-context-system.js
+var use_context_system_exports = {};
+__export(use_context_system_exports, {
+  useContextSystem: () => useContextSystem
+});
+module.exports = __toCommonJS(use_context_system_exports);
+var import_warning = __toESM(require("@wordpress/warning"), 1);
+var import_context_system_provider = require("./context-system-provider.cjs");
+var import_utils = require("./utils.cjs");
+var import_get_styled_class_name_from_key = require("./get-styled-class-name-from-key.cjs");
+var import_use_cx = require("../utils/hooks/use-cx.cjs");
+function useContextSystem(props, namespace) {
+  const contextSystemProps = (0, import_context_system_provider.useComponentsContext)();
+  if (typeof namespace === "undefined") {
+    globalThis.SCRIPT_DEBUG === true ? (0, import_warning.default)("useContextSystem: Please provide a namespace") : void 0;
+  }
+  const contextProps = contextSystemProps?.[namespace] || {};
+  const finalComponentProps = {
+    ...(0, import_utils.getConnectedNamespace)(),
+    ...(0, import_utils.getNamespace)(namespace)
+  };
+  const {
+    _overrides: overrideProps,
+    ...otherContextProps
+  } = contextProps;
+  const initialMergedProps = Object.entries(otherContextProps).length ? Object.assign({}, otherContextProps, props) : props;
+  const cx = (0, import_use_cx.useCx)();
+  const classes = cx((0, import_get_styled_class_name_from_key.getStyledClassNameFromKey)(namespace), props.className);
+  const rendered = typeof initialMergedProps.renderChildren === "function" ? initialMergedProps.renderChildren(initialMergedProps) : initialMergedProps.children;
+  for (const key in initialMergedProps) {
+    finalComponentProps[key] = initialMergedProps[key];
+  }
+  for (const key in overrideProps) {
+    finalComponentProps[key] = overrideProps[key];
+  }
+  if (rendered !== void 0) {
+    finalComponentProps.children = rendered;
+  }
+  finalComponentProps.className = classes;
+  return finalComponentProps;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useContextSystem
+});
+//# sourceMappingURL=use-context-system.cjs.map