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

package/build/checkbox-control/index.js

@@ -1,129 +0,0 @@
-"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/checkbox-control/index.tsx
-var checkbox_control_exports = {};
-__export(checkbox_control_exports, {
-  CheckboxControl: () => CheckboxControl,
-  default: () => checkbox_control_default
-});
-module.exports = __toCommonJS(checkbox_control_exports);
-var import_clsx = __toESM(require("clsx"));
-var import_element = require("@wordpress/element");
-var import_compose = require("@wordpress/compose");
-var import_deprecated = __toESM(require("@wordpress/deprecated"));
-var import_icons = require("@wordpress/icons");
-var import_base_control = __toESM(require("../base-control"));
-var import_h_stack = require("../h-stack");
-var import_jsx_runtime = require("react/jsx-runtime");
-function CheckboxControl(props) {
-  const {
-    __nextHasNoMarginBottom,
-    label,
-    className,
-    heading,
-    checked,
-    indeterminate,
-    help,
-    id: idProp,
-    onChange,
-    onClick,
-    ...additionalProps
-  } = props;
-  if (heading) {
-    (0, import_deprecated.default)("`heading` prop in `CheckboxControl`", {
-      alternative: "a separate element to implement a heading",
-      since: "5.8"
-    });
-  }
-  const [showCheckedIcon, setShowCheckedIcon] = (0, import_element.useState)(false);
-  const [showIndeterminateIcon, setShowIndeterminateIcon] = (0, import_element.useState)(false);
-  const ref = (0, import_compose.useRefEffect)((node) => {
-    if (!node) {
-      return;
-    }
-    node.indeterminate = !!indeterminate;
-    setShowCheckedIcon(node.matches(":checked"));
-    setShowIndeterminateIcon(node.matches(":indeterminate"));
-  }, [checked, indeterminate]);
-  const id = (0, import_compose.useInstanceId)(CheckboxControl, "inspector-checkbox-control", idProp);
-  const onChangeValue = (event) => onChange(event.target.checked);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_base_control.default, {
-    __nextHasNoMarginBottom,
-    __associatedWPComponentName: "CheckboxControl",
-    label: heading,
-    id,
-    help: help && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-      className: "components-checkbox-control__help",
-      children: help
-    }),
-    className: (0, import_clsx.default)("components-checkbox-control", className),
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_h_stack.HStack, {
-      spacing: 0,
-      justify: "start",
-      alignment: "top",
-      children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-        className: "components-checkbox-control__input-container",
-        children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
-          ref,
-          id,
-          className: "components-checkbox-control__input",
-          type: "checkbox",
-          value: "1",
-          onChange: onChangeValue,
-          checked,
-          "aria-describedby": !!help ? id + "__help" : void 0,
-          onClick: (event) => {
-            event.currentTarget.focus();
-            onClick?.(event);
-          },
-          ...additionalProps
-        }), showIndeterminateIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, {
-          icon: import_icons.reset,
-          className: "components-checkbox-control__indeterminate",
-          role: "presentation"
-        }) : null, showCheckedIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, {
-          icon: import_icons.check,
-          className: "components-checkbox-control__checked",
-          role: "presentation"
-        }) : null]
-      }), label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
-        className: "components-checkbox-control__label",
-        htmlFor: id,
-        children: label
-      })]
-    })
-  });
-}
-var checkbox_control_default = CheckboxControl;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CheckboxControl
-});
-//# sourceMappingURL=index.js.map

package/build/checkbox-control/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/checkbox-control/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { useInstanceId, useRefEffect } from '@wordpress/compose';\nimport deprecated from '@wordpress/deprecated';\nimport { Icon, check, reset } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport { HStack } from '../h-stack';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * Checkboxes allow the user to select one or more items from a set.\n *\n * ```jsx\n * import { CheckboxControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyCheckboxControl = () => {\n *   const [ isChecked, setChecked ] = useState( true );\n *   return (\n *     <CheckboxControl\n *       __nextHasNoMarginBottom\n *       label=\"Is author\"\n *       help=\"Is the user a author or not?\"\n *       checked={ isChecked }\n *       onChange={ setChecked }\n *     />\n *   );\n * };\n * ```\n */\nexport function CheckboxControl(props) {\n  const {\n    __nextHasNoMarginBottom,\n    label,\n    className,\n    heading,\n    checked,\n    indeterminate,\n    help,\n    id: idProp,\n    onChange,\n    onClick,\n    ...additionalProps\n  } = props;\n  if (heading) {\n    deprecated('`heading` prop in `CheckboxControl`', {\n      alternative: 'a separate element to implement a heading',\n      since: '5.8'\n    });\n  }\n  const [showCheckedIcon, setShowCheckedIcon] = useState(false);\n  const [showIndeterminateIcon, setShowIndeterminateIcon] = useState(false);\n\n  // Run the following callback every time the `ref` (and the additional\n  // dependencies) change.\n  const ref = useRefEffect(node => {\n    if (!node) {\n      return;\n    }\n\n    // It cannot be set using an HTML attribute.\n    node.indeterminate = !!indeterminate;\n    setShowCheckedIcon(node.matches(':checked'));\n    setShowIndeterminateIcon(node.matches(':indeterminate'));\n  }, [checked, indeterminate]);\n  const id = useInstanceId(CheckboxControl, 'inspector-checkbox-control', idProp);\n  const onChangeValue = event => onChange(event.target.checked);\n  return /*#__PURE__*/_jsx(BaseControl, {\n    __nextHasNoMarginBottom: __nextHasNoMarginBottom,\n    __associatedWPComponentName: \"CheckboxControl\",\n    label: heading,\n    id: id,\n    help: help && /*#__PURE__*/_jsx(\"span\", {\n      className: \"components-checkbox-control__help\",\n      children: help\n    }),\n    className: clsx('components-checkbox-control', className),\n    children: /*#__PURE__*/_jsxs(HStack, {\n      spacing: 0,\n      justify: \"start\",\n      alignment: \"top\",\n      children: [/*#__PURE__*/_jsxs(\"span\", {\n        className: \"components-checkbox-control__input-container\",\n        children: [/*#__PURE__*/_jsx(\"input\", {\n          ref: ref,\n          id: id,\n          className: \"components-checkbox-control__input\",\n          type: \"checkbox\",\n          value: \"1\",\n          onChange: onChangeValue,\n          checked: checked,\n          \"aria-describedby\": !!help ? id + '__help' : undefined,\n          onClick: event => {\n            // Compat code for Safari to ensure that the checkbox is focused when clicked.\n            event.currentTarget.focus();\n            onClick?.(event);\n          },\n          ...additionalProps\n        }), showIndeterminateIcon ? /*#__PURE__*/_jsx(Icon, {\n          icon: reset,\n          className: \"components-checkbox-control__indeterminate\",\n          role: \"presentation\"\n        }) : null, showCheckedIcon ? /*#__PURE__*/_jsx(Icon, {\n          icon: check,\n          className: \"components-checkbox-control__checked\",\n          role: \"presentation\"\n        }) : null]\n      }), label && /*#__PURE__*/_jsx(\"label\", {\n        className: \"components-checkbox-control__label\",\n        htmlFor: id,\n        children: label\n      })]\n    })\n  });\n}\nexport default CheckboxControl;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAIjB,qBAAyB;AACzB,qBAA4C;AAC5C,wBAAuB;AACvB,mBAAmC;AAKnC,0BAAwB;AACxB,qBAAuB;AACvB,yBAA2C;AAsBpC,SAAS,gBAAgB,OAAO;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,MAAI,SAAS;AACX,0BAAAA,SAAW,uCAAuC;AAAA,MAChD,aAAa;AAAA,MACb,OAAO;AAAA,IACT,CAAC;AAAA,EACH;AACA,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,yBAAS,KAAK;AAC5D,QAAM,CAAC,uBAAuB,wBAAwB,QAAI,yBAAS,KAAK;AAIxE,QAAM,UAAM,6BAAa,UAAQ;AAC/B,QAAI,CAAC,MAAM;AACT;AAAA,IACF;AAGA,SAAK,gBAAgB,CAAC,CAAC;AACvB,uBAAmB,KAAK,QAAQ,UAAU,CAAC;AAC3C,6BAAyB,KAAK,QAAQ,gBAAgB,CAAC;AAAA,EACzD,GAAG,CAAC,SAAS,aAAa,CAAC;AAC3B,QAAM,SAAK,8BAAc,iBAAiB,8BAA8B,MAAM;AAC9E,QAAM,gBAAgB,WAAS,SAAS,MAAM,OAAO,OAAO;AAC5D,SAAoB,uCAAAC,KAAK,oBAAAC,SAAa;AAAA,IACpC;AAAA,IACA,6BAA6B;AAAA,IAC7B,OAAO;AAAA,IACP;AAAA,IACA,MAAM,QAAqB,uCAAAD,KAAK,QAAQ;AAAA,MACtC,WAAW;AAAA,MACX,UAAU;AAAA,IACZ,CAAC;AAAA,IACD,eAAW,YAAAE,SAAK,+BAA+B,SAAS;AAAA,IACxD,UAAuB,uCAAAC,MAAM,uBAAQ;AAAA,MACnC,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,UAAU,CAAc,uCAAAA,MAAM,QAAQ;AAAA,QACpC,WAAW;AAAA,QACX,UAAU,CAAc,uCAAAH,KAAK,SAAS;AAAA,UACpC;AAAA,UACA;AAAA,UACA,WAAW;AAAA,UACX,MAAM;AAAA,UACN,OAAO;AAAA,UACP,UAAU;AAAA,UACV;AAAA,UACA,oBAAoB,CAAC,CAAC,OAAO,KAAK,WAAW;AAAA,UAC7C,SAAS,WAAS;AAEhB,kBAAM,cAAc,MAAM;AAC1B,sBAAU,KAAK;AAAA,UACjB;AAAA,UACA,GAAG;AAAA,QACL,CAAC,GAAG,wBAAqC,uCAAAA,KAAK,mBAAM;AAAA,UAClD,MAAM;AAAA,UACN,WAAW;AAAA,UACX,MAAM;AAAA,QACR,CAAC,IAAI,MAAM,kBAA+B,uCAAAA,KAAK,mBAAM;AAAA,UACnD,MAAM;AAAA,UACN,WAAW;AAAA,UACX,MAAM;AAAA,QACR,CAAC,IAAI,IAAI;AAAA,MACX,CAAC,GAAG,SAAsB,uCAAAA,KAAK,SAAS;AAAA,QACtC,WAAW;AAAA,QACX,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,2BAAQ;",
-  "names": ["deprecated", "_jsx", "BaseControl", "clsx", "_jsxs"]
-}

package/build/checkbox-control/types.js

@@ -1,19 +0,0 @@
-"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/checkbox-control/types.ts
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);
-//# sourceMappingURL=types.js.map

package/build/circular-option-picker/circular-option-picker-actions.js

@@ -1,81 +0,0 @@
-"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/circular-option-picker/circular-option-picker-actions.tsx
-var circular_option_picker_actions_exports = {};
-__export(circular_option_picker_actions_exports, {
-  ButtonAction: () => ButtonAction,
-  DropdownLinkAction: () => DropdownLinkAction
-});
-module.exports = __toCommonJS(circular_option_picker_actions_exports);
-var import_clsx = __toESM(require("clsx"));
-var import_button = __toESM(require("../button"));
-var import_dropdown = __toESM(require("../dropdown"));
-var import_jsx_runtime = require("react/jsx-runtime");
-function DropdownLinkAction({
-  buttonProps,
-  className,
-  dropdownProps,
-  linkText
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown.default, {
-    className: (0, import_clsx.default)("components-circular-option-picker__dropdown-link-action", className),
-    renderToggle: ({
-      isOpen,
-      onToggle
-    }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, {
-      "aria-expanded": isOpen,
-      "aria-haspopup": "true",
-      onClick: onToggle,
-      variant: "link",
-      ...buttonProps,
-      children: linkText
-    }),
-    ...dropdownProps
-  });
-}
-function ButtonAction({
-  className,
-  children,
-  ...additionalProps
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, {
-    __next40pxDefaultSize: true,
-    className: (0, import_clsx.default)("components-circular-option-picker__clear", className),
-    variant: "tertiary",
-    ...additionalProps,
-    children
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ButtonAction,
-  DropdownLinkAction
-});
-//# sourceMappingURL=circular-option-picker-actions.js.map

package/build/circular-option-picker/circular-option-picker-context.js

@@ -1,33 +0,0 @@
-"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/circular-option-picker/circular-option-picker-context.tsx
-var circular_option_picker_context_exports = {};
-__export(circular_option_picker_context_exports, {
-  CircularOptionPickerContext: () => CircularOptionPickerContext
-});
-module.exports = __toCommonJS(circular_option_picker_context_exports);
-var import_element = require("@wordpress/element");
-var CircularOptionPickerContext = (0, import_element.createContext)({});
-CircularOptionPickerContext.displayName = "CircularOptionPickerContext";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CircularOptionPickerContext
-});
-//# sourceMappingURL=circular-option-picker-context.js.map

package/build/circular-option-picker/circular-option-picker-option-group.js

@@ -1,55 +0,0 @@
-"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/circular-option-picker/circular-option-picker-option-group.tsx
-var circular_option_picker_option_group_exports = {};
-__export(circular_option_picker_option_group_exports, {
-  OptionGroup: () => OptionGroup
-});
-module.exports = __toCommonJS(circular_option_picker_option_group_exports);
-var import_clsx = __toESM(require("clsx"));
-var import_jsx_runtime = require("react/jsx-runtime");
-function OptionGroup({
-  className,
-  options,
-  ...additionalProps
-}) {
-  const role = "aria-label" in additionalProps || "aria-labelledby" in additionalProps ? "group" : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    ...additionalProps,
-    role,
-    className: (0, import_clsx.default)("components-circular-option-picker__option-group", "components-circular-option-picker__swatches", className),
-    children: options
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  OptionGroup
-});
-//# sourceMappingURL=circular-option-picker-option-group.js.map

package/build/circular-option-picker/circular-option-picker-option.js

@@ -1,126 +0,0 @@
-"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/circular-option-picker/circular-option-picker-option.tsx
-var circular_option_picker_option_exports = {};
-__export(circular_option_picker_option_exports, {
-  Option: () => Option
-});
-module.exports = __toCommonJS(circular_option_picker_option_exports);
-var import_clsx = __toESM(require("clsx"));
-var import_compose = require("@wordpress/compose");
-var import_element = require("@wordpress/element");
-var import_icons = require("@wordpress/icons");
-var import_circular_option_picker_context = require("./circular-option-picker-context");
-var import_button = __toESM(require("../button"));
-var import_composite = require("../composite");
-var import_jsx_runtime = require("react/jsx-runtime");
-function UnforwardedOptionAsButton(props, forwardedRef) {
-  const {
-    isPressed,
-    label,
-    ...additionalProps
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, {
-    ...additionalProps,
-    "aria-pressed": isPressed,
-    ref: forwardedRef,
-    label
-  });
-}
-var OptionAsButton = (0, import_element.forwardRef)(UnforwardedOptionAsButton);
-function UnforwardedOptionAsOption(props, forwardedRef) {
-  const {
-    id,
-    isSelected,
-    label,
-    ...additionalProps
-  } = props;
-  const {
-    setActiveId,
-    activeId
-  } = (0, import_element.useContext)(import_circular_option_picker_context.CircularOptionPickerContext);
-  (0, import_element.useEffect)(() => {
-    if (isSelected && !activeId) {
-      window.setTimeout(() => setActiveId?.(id), 0);
-    }
-  }, [isSelected, setActiveId, activeId, id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_composite.Composite.Item, {
-    render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, {
-      ...additionalProps,
-      role: "option",
-      "aria-selected": !!isSelected,
-      ref: forwardedRef,
-      label
-    }),
-    id
-  });
-}
-var OptionAsOption = (0, import_element.forwardRef)(UnforwardedOptionAsOption);
-function Option({
-  className,
-  isSelected,
-  selectedIconProps = {},
-  tooltipText,
-  ...additionalProps
-}) {
-  const {
-    baseId,
-    setActiveId
-  } = (0, import_element.useContext)(import_circular_option_picker_context.CircularOptionPickerContext);
-  const id = (0, import_compose.useInstanceId)(Option, baseId || "components-circular-option-picker__option");
-  const commonProps = {
-    id,
-    className: "components-circular-option-picker__option",
-    __next40pxDefaultSize: true,
-    ...additionalProps
-  };
-  const isListbox = setActiveId !== void 0;
-  const optionControl = isListbox ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OptionAsOption, {
-    ...commonProps,
-    label: tooltipText,
-    isSelected
-  }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OptionAsButton, {
-    ...commonProps,
-    label: tooltipText,
-    isPressed: isSelected
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-    className: (0, import_clsx.default)(className, "components-circular-option-picker__option-wrapper"),
-    children: [optionControl, isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, {
-      icon: import_icons.check,
-      ...selectedIconProps
-    })]
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Option
-});
-//# sourceMappingURL=circular-option-picker-option.js.map

package/build/circular-option-picker/circular-option-picker.js

@@ -1,133 +0,0 @@
-"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/circular-option-picker/circular-option-picker.tsx
-var circular_option_picker_exports = {};
-__export(circular_option_picker_exports, {
-  default: () => circular_option_picker_default
-});
-module.exports = __toCommonJS(circular_option_picker_exports);
-var import_clsx = __toESM(require("clsx"));
-var import_compose = require("@wordpress/compose");
-var import_i18n = require("@wordpress/i18n");
-var import_element = require("@wordpress/element");
-var import_circular_option_picker_context = require("./circular-option-picker-context");
-var import_composite = require("../composite");
-var import_circular_option_picker_option = require("./circular-option-picker-option");
-var import_circular_option_picker_option_group = require("./circular-option-picker-option-group");
-var import_circular_option_picker_actions = require("./circular-option-picker-actions");
-var import_jsx_runtime = require("react/jsx-runtime");
-function ListboxCircularOptionPicker(props) {
-  const {
-    actions,
-    options,
-    baseId,
-    className,
-    loop = true,
-    children,
-    ...additionalProps
-  } = props;
-  const [activeId, setActiveId] = (0, import_element.useState)(void 0);
-  const contextValue = (0, import_element.useMemo)(() => ({
-    baseId,
-    activeId,
-    setActiveId
-  }), [baseId, activeId, setActiveId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    className,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_circular_option_picker_context.CircularOptionPickerContext.Provider, {
-      value: contextValue,
-      children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_composite.Composite, {
-        ...additionalProps,
-        id: baseId,
-        focusLoop: loop,
-        rtl: (0, import_i18n.isRTL)(),
-        role: "listbox",
-        activeId,
-        setActiveId,
-        children: options
-      }), children, actions]
-    })
-  });
-}
-function ButtonsCircularOptionPicker(props) {
-  const {
-    actions,
-    options,
-    children,
-    baseId,
-    ...additionalProps
-  } = props;
-  const contextValue = (0, import_element.useMemo)(() => ({
-    baseId
-  }), [baseId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    ...additionalProps,
-    role: "group",
-    id: baseId,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_circular_option_picker_context.CircularOptionPickerContext.Provider, {
-      value: contextValue,
-      children: [options, children, actions]
-    })
-  });
-}
-function CircularOptionPicker(props) {
-  const {
-    asButtons,
-    actions: actionsProp,
-    options: optionsProp,
-    children,
-    className,
-    ...additionalProps
-  } = props;
-  const baseId = (0, import_compose.useInstanceId)(CircularOptionPicker, "components-circular-option-picker", additionalProps.id);
-  const OptionPickerImplementation = asButtons ? ButtonsCircularOptionPicker : ListboxCircularOptionPicker;
-  const actions = actionsProp ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    className: "components-circular-option-picker__custom-clear-wrapper",
-    children: actionsProp
-  }) : void 0;
-  const options = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    className: "components-circular-option-picker__swatches",
-    children: optionsProp
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OptionPickerImplementation, {
-    ...additionalProps,
-    baseId,
-    className: (0, import_clsx.default)("components-circular-option-picker", className),
-    actions,
-    options,
-    children
-  });
-}
-CircularOptionPicker.Option = import_circular_option_picker_option.Option;
-CircularOptionPicker.OptionGroup = import_circular_option_picker_option_group.OptionGroup;
-CircularOptionPicker.ButtonAction = import_circular_option_picker_actions.ButtonAction;
-CircularOptionPicker.DropdownLinkAction = import_circular_option_picker_actions.DropdownLinkAction;
-var circular_option_picker_default = CircularOptionPicker;
-//# sourceMappingURL=circular-option-picker.js.map

package/build/circular-option-picker/index.js

@@ -1,55 +0,0 @@
-"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/circular-option-picker/index.tsx
-var circular_option_picker_exports = {};
-__export(circular_option_picker_exports, {
-  ButtonAction: () => import_circular_option_picker_actions.ButtonAction,
-  DropdownLinkAction: () => import_circular_option_picker_actions.DropdownLinkAction,
-  Option: () => import_circular_option_picker_option.Option,
-  OptionGroup: () => import_circular_option_picker_option_group.OptionGroup,
-  default: () => circular_option_picker_default,
-  getComputeCircularOptionPickerCommonProps: () => import_utils.getComputeCircularOptionPickerCommonProps
-});
-module.exports = __toCommonJS(circular_option_picker_exports);
-var import_circular_option_picker = __toESM(require("./circular-option-picker"));
-var import_circular_option_picker_option = require("./circular-option-picker-option");
-var import_circular_option_picker_option_group = require("./circular-option-picker-option-group");
-var import_circular_option_picker_actions = require("./circular-option-picker-actions");
-var import_utils = require("./utils");
-var circular_option_picker_default = import_circular_option_picker.default;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ButtonAction,
-  DropdownLinkAction,
-  Option,
-  OptionGroup,
-  getComputeCircularOptionPickerCommonProps
-});
-//# sourceMappingURL=index.js.map