@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.1-next.b8c8708f3.0

package/build/custom-gradient-picker/index.js

@@ -1,53 +1,67 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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);
+var custom_gradient_picker_exports = {};
+__export(custom_gradient_picker_exports, {
+  CustomGradientPicker: () => CustomGradientPicker,
+  default: () => custom_gradient_picker_default
 });
-exports.CustomGradientPicker = CustomGradientPicker;
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-var _anglePickerControl = _interopRequireDefault(require("../angle-picker-control"));
-var _gradientBar = _interopRequireDefault(require("./gradient-bar"));
-var _flex = require("../flex");
-var _selectControl = _interopRequireDefault(require("../select-control"));
-var _vStack = require("../v-stack");
-var _utils = require("./utils");
-var _serializer = require("./serializer");
-var _constants = require("./constants");
-var _customGradientPickerStyles = require("./styles/custom-gradient-picker-styles");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(custom_gradient_picker_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_angle_picker_control = __toESM(require("../angle-picker-control"));
+var import_gradient_bar = __toESM(require("./gradient-bar"));
+var import_flex = require("../flex");
+var import_select_control = __toESM(require("../select-control"));
+var import_v_stack = require("../v-stack");
+var import_utils = require("./utils");
+var import_serializer = require("./serializer");
+var import_constants = require("./constants");
+var import_custom_gradient_picker_styles = require("./styles/custom-gradient-picker-styles");
+var import_jsx_runtime = require("react/jsx-runtime");
 const GradientAnglePicker = ({
   gradientAST,
   hasGradient,
   onChange
 }) => {
   var _gradientAST$orientat;
-  const angle = (_gradientAST$orientat = gradientAST?.orientation?.value) !== null && _gradientAST$orientat !== void 0 ? _gradientAST$orientat : _constants.DEFAULT_LINEAR_GRADIENT_ANGLE;
-  const onAngleChange = newAngle => {
-    onChange((0, _serializer.serializeGradient)({
+  const angle = (_gradientAST$orientat = gradientAST?.orientation?.value) !== null && _gradientAST$orientat !== void 0 ? _gradientAST$orientat : import_constants.DEFAULT_LINEAR_GRADIENT_ANGLE;
+  const onAngleChange = (newAngle) => {
+    onChange((0, import_serializer.serializeGradient)({
       ...gradientAST,
       orientation: {
-        type: 'angular',
+        type: "angular",
         value: `${newAngle}`
       }
     }));
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_anglePickerControl.default, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_angle_picker_control.default, {
     onChange: onAngleChange,
-    value: hasGradient ? angle : ''
+    value: hasGradient ? angle : ""
   });
 };
 const GradientTypePicker = ({
@@ -59,10 +73,10 @@ const GradientTypePicker = ({
     type
   } = gradientAST;
   const onSetLinearGradient = () => {
-    onChange((0, _serializer.serializeGradient)({
+    onChange((0, import_serializer.serializeGradient)({
       ...gradientAST,
-      orientation: gradientAST.orientation ? undefined : _constants.HORIZONTAL_GRADIENT_ORIENTATION,
-      type: 'linear-gradient'
+      orientation: gradientAST.orientation ? void 0 : import_constants.HORIZONTAL_GRADIENT_ORIENTATION,
+      type: "linear-gradient"
     }));
   };
   const onSetRadialGradient = () => {
@@ -70,52 +84,30 @@ const GradientTypePicker = ({
       orientation,
       ...restGradientAST
     } = gradientAST;
-    onChange((0, _serializer.serializeGradient)({
+    onChange((0, import_serializer.serializeGradient)({
       ...restGradientAST,
-      type: 'radial-gradient'
+      type: "radial-gradient"
     }));
   };
-  const handleOnChange = next => {
-    if (next === 'linear-gradient') {
+  const handleOnChange = (next) => {
+    if (next === "linear-gradient") {
       onSetLinearGradient();
     }
-    if (next === 'radial-gradient') {
+    if (next === "radial-gradient") {
       onSetRadialGradient();
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectControl.default, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select_control.default, {
     __nextHasNoMarginBottom: true,
     className: "components-custom-gradient-picker__type-picker",
-    label: (0, _i18n.__)('Type'),
+    label: (0, import_i18n.__)("Type"),
     labelPosition: "top",
     onChange: handleOnChange,
-    options: _constants.GRADIENT_OPTIONS,
+    options: import_constants.GRADIENT_OPTIONS,
     size: "__unstable-large",
-    value: hasGradient ? type : undefined
+    value: hasGradient ? type : void 0
   });
 };
-
-/**
- * CustomGradientPicker is a React component that renders a UI for specifying
- * linear or radial gradients. Radial gradients are displayed in the picker as
- * a slice of the gradient from the center to the outside.
- *
- * ```jsx
- * import { CustomGradientPicker } from '@wordpress/components';
- * import { useState } from '@wordpress/element';
- *
- * const MyCustomGradientPicker = () => {
- *   const [ gradient, setGradient ] = useState();
- *
- *   return (
- *     <CustomGradientPicker
- *			value={ gradient }
- *			onChange={ setGradient }
- *     />
- *   );
- * };
- * ```
- */
 function CustomGradientPicker({
   value,
   onChange,
@@ -125,54 +117,51 @@ function CustomGradientPicker({
   const {
     gradientAST,
     hasGradient
-  } = (0, _utils.getGradientAstWithDefault)(value);
-
-  // On radial gradients the bar should display a linear gradient.
-  // On radial gradients the bar represents a slice of the gradient from the center until the outside.
-  // On liner gradients the bar represents the color stops from left to right independently of the angle.
-  const background = (0, _utils.getLinearGradientRepresentation)(gradientAST);
-
-  // Control points color option may be hex from presets, custom colors will be rgb.
-  // The position should always be a percentage.
-  const controlPoints = gradientAST.colorStops.map(colorStop => {
+  } = (0, import_utils.getGradientAstWithDefault)(value);
+  const background = (0, import_utils.getLinearGradientRepresentation)(gradientAST);
+  const controlPoints = gradientAST.colorStops.map((colorStop) => {
     return {
-      color: (0, _utils.getStopCssColor)(colorStop),
+      color: (0, import_utils.getStopCssColor)(colorStop),
       // Although it's already been checked by `hasUnsupportedLength` in `getGradientAstWithDefault`,
       // TypeScript doesn't know that `colorStop.length` is not undefined here.
       // @ts-expect-error
       position: parseInt(colorStop.length.value)
     };
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_vStack.VStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_v_stack.VStack, {
     spacing: 4,
     className: "components-custom-gradient-picker",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_gradientBar.default, {
-      __experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar,
+    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gradient_bar.default, {
+      __experimentalIsRenderedInSidebar,
       disableAlpha: !enableAlpha,
-      background: background,
-      hasGradient: hasGradient,
+      background,
+      hasGradient,
       value: controlPoints,
-      onChange: newControlPoints => {
-        onChange((0, _serializer.serializeGradient)((0, _utils.getGradientAstWithControlPoints)(gradientAST, newControlPoints)));
+      onChange: (newControlPoints) => {
+        onChange((0, import_serializer.serializeGradient)((0, import_utils.getGradientAstWithControlPoints)(gradientAST, newControlPoints)));
       }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_flex.Flex, {
+    }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_flex.Flex, {
       gap: 3,
       className: "components-custom-gradient-picker__ui-line",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_customGradientPickerStyles.SelectWrapper, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(GradientTypePicker, {
-          gradientAST: gradientAST,
-          hasGradient: hasGradient,
-          onChange: onChange
+      children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_custom_gradient_picker_styles.SelectWrapper, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientTypePicker, {
+          gradientAST,
+          hasGradient,
+          onChange
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_customGradientPickerStyles.AccessoryWrapper, {
-        children: gradientAST.type === 'linear-gradient' && /*#__PURE__*/(0, _jsxRuntime.jsx)(GradientAnglePicker, {
-          gradientAST: gradientAST,
-          hasGradient: hasGradient,
-          onChange: onChange
+      }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_custom_gradient_picker_styles.AccessoryWrapper, {
+        children: gradientAST.type === "linear-gradient" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientAnglePicker, {
+          gradientAST,
+          hasGradient,
+          onChange
         })
       })]
     })]
   });
 }
-var _default = exports.default = CustomGradientPicker;
-//# sourceMappingURL=index.js.map
+var custom_gradient_picker_default = CustomGradientPicker;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CustomGradientPicker
+});
+//# sourceMappingURL=index.js.map

package/build/custom-gradient-picker/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_anglePickerControl","_interopRequireDefault","_gradientBar","_flex","_selectControl","_vStack","_utils","_serializer","_constants","_customGradientPickerStyles","_jsxRuntime","GradientAnglePicker","gradientAST","hasGradient","onChange","_gradientAST$orientat","angle","orientation","value","DEFAULT_LINEAR_GRADIENT_ANGLE","onAngleChange","newAngle","serializeGradient","type","jsx","default","GradientTypePicker","onSetLinearGradient","undefined","HORIZONTAL_GRADIENT_ORIENTATION","onSetRadialGradient","restGradientAST","handleOnChange","next","__nextHasNoMarginBottom","className","label","__","labelPosition","options","GRADIENT_OPTIONS","size","CustomGradientPicker","enableAlpha","__experimentalIsRenderedInSidebar","getGradientAstWithDefault","background","getLinearGradientRepresentation","controlPoints","colorStops","map","colorStop","color","getStopCssColor","position","parseInt","length","jsxs","VStack","spacing","children","disableAlpha","newControlPoints","getGradientAstWithControlPoints","Flex","gap","SelectWrapper","AccessoryWrapper","_default","exports"],"sources":["@wordpress/components/src/custom-gradient-picker/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { type LinearGradientNode } from 'gradient-parser';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AnglePickerControl from '../angle-picker-control';\nimport CustomGradientBar from './gradient-bar';\nimport { Flex } from '../flex';\nimport SelectControl from '../select-control';\nimport { VStack } from '../v-stack';\nimport {\n\tgetGradientAstWithDefault,\n\tgetLinearGradientRepresentation,\n\tgetGradientAstWithControlPoints,\n\tgetStopCssColor,\n} from './utils';\nimport { serializeGradient } from './serializer';\nimport {\n\tDEFAULT_LINEAR_GRADIENT_ANGLE,\n\tHORIZONTAL_GRADIENT_ORIENTATION,\n\tGRADIENT_OPTIONS,\n} from './constants';\nimport {\n\tAccessoryWrapper,\n\tSelectWrapper,\n} from './styles/custom-gradient-picker-styles';\nimport type {\n\tCustomGradientPickerProps,\n\tGradientAnglePickerProps,\n\tGradientTypePickerProps,\n} from './types';\n\nconst GradientAnglePicker = ( {\n\tgradientAST,\n\thasGradient,\n\tonChange,\n}: GradientAnglePickerProps ) => {\n\tconst angle =\n\t\tgradientAST?.orientation?.value ?? DEFAULT_LINEAR_GRADIENT_ANGLE;\n\tconst onAngleChange = ( newAngle: number ) => {\n\t\tonChange(\n\t\t\tserializeGradient( {\n\t\t\t\t...gradientAST,\n\t\t\t\torientation: {\n\t\t\t\t\ttype: 'angular',\n\t\t\t\t\tvalue: `${ newAngle }`,\n\t\t\t\t},\n\t\t\t} )\n\t\t);\n\t};\n\treturn (\n\t\t<AnglePickerControl\n\t\t\tonChange={ onAngleChange }\n\t\t\tvalue={ hasGradient ? angle : '' }\n\t\t/>\n\t);\n};\n\nconst GradientTypePicker = ( {\n\tgradientAST,\n\thasGradient,\n\tonChange,\n}: GradientTypePickerProps ) => {\n\tconst { type } = gradientAST;\n\n\tconst onSetLinearGradient = () => {\n\t\tonChange(\n\t\t\tserializeGradient( {\n\t\t\t\t...gradientAST,\n\t\t\t\torientation: gradientAST.orientation\n\t\t\t\t\t? undefined\n\t\t\t\t\t: HORIZONTAL_GRADIENT_ORIENTATION,\n\t\t\t\ttype: 'linear-gradient',\n\t\t\t} satisfies LinearGradientNode )\n\t\t);\n\t};\n\n\tconst onSetRadialGradient = () => {\n\t\tconst { orientation, ...restGradientAST } = gradientAST;\n\t\tonChange(\n\t\t\tserializeGradient( {\n\t\t\t\t...restGradientAST,\n\t\t\t\ttype: 'radial-gradient',\n\t\t\t} )\n\t\t);\n\t};\n\n\tconst handleOnChange = ( next: string ) => {\n\t\tif ( next === 'linear-gradient' ) {\n\t\t\tonSetLinearGradient();\n\t\t}\n\t\tif ( next === 'radial-gradient' ) {\n\t\t\tonSetRadialGradient();\n\t\t}\n\t};\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tclassName=\"components-custom-gradient-picker__type-picker\"\n\t\t\tlabel={ __( 'Type' ) }\n\t\t\tlabelPosition=\"top\"\n\t\t\tonChange={ handleOnChange }\n\t\t\toptions={ GRADIENT_OPTIONS }\n\t\t\tsize=\"__unstable-large\"\n\t\t\tvalue={ hasGradient ? type : undefined }\n\t\t/>\n\t);\n};\n\n/**\n * CustomGradientPicker is a React component that renders a UI for specifying\n * linear or radial gradients. Radial gradients are displayed in the picker as\n * a slice of the gradient from the center to the outside.\n *\n * ```jsx\n * import { CustomGradientPicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyCustomGradientPicker = () => {\n *   const [ gradient, setGradient ] = useState();\n *\n *   return (\n *     <CustomGradientPicker\n *\t\t\tvalue={ gradient }\n *\t\t\tonChange={ setGradient }\n *     />\n *   );\n * };\n * ```\n */\nexport function CustomGradientPicker( {\n\tvalue,\n\tonChange,\n\tenableAlpha = true,\n\t__experimentalIsRenderedInSidebar = false,\n}: CustomGradientPickerProps ) {\n\tconst { gradientAST, hasGradient } = getGradientAstWithDefault( value );\n\n\t// On radial gradients the bar should display a linear gradient.\n\t// On radial gradients the bar represents a slice of the gradient from the center until the outside.\n\t// On liner gradients the bar represents the color stops from left to right independently of the angle.\n\tconst background = getLinearGradientRepresentation( gradientAST );\n\n\t// Control points color option may be hex from presets, custom colors will be rgb.\n\t// The position should always be a percentage.\n\tconst controlPoints = gradientAST.colorStops.map( ( colorStop ) => {\n\t\treturn {\n\t\t\tcolor: getStopCssColor( colorStop ),\n\t\t\t// Although it's already been checked by `hasUnsupportedLength` in `getGradientAstWithDefault`,\n\t\t\t// TypeScript doesn't know that `colorStop.length` is not undefined here.\n\t\t\t// @ts-expect-error\n\t\t\tposition: parseInt( colorStop.length.value ),\n\t\t};\n\t} );\n\n\treturn (\n\t\t<VStack spacing={ 4 } className=\"components-custom-gradient-picker\">\n\t\t\t<CustomGradientBar\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tdisableAlpha={ ! enableAlpha }\n\t\t\t\tbackground={ background }\n\t\t\t\thasGradient={ hasGradient }\n\t\t\t\tvalue={ controlPoints }\n\t\t\t\tonChange={ ( newControlPoints ) => {\n\t\t\t\t\tonChange(\n\t\t\t\t\t\tserializeGradient(\n\t\t\t\t\t\t\tgetGradientAstWithControlPoints(\n\t\t\t\t\t\t\t\tgradientAST,\n\t\t\t\t\t\t\t\tnewControlPoints\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<Flex\n\t\t\t\tgap={ 3 }\n\t\t\t\tclassName=\"components-custom-gradient-picker__ui-line\"\n\t\t\t>\n\t\t\t\t<SelectWrapper>\n\t\t\t\t\t<GradientTypePicker\n\t\t\t\t\t\tgradientAST={ gradientAST }\n\t\t\t\t\t\thasGradient={ hasGradient }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t</SelectWrapper>\n\t\t\t\t<AccessoryWrapper>\n\t\t\t\t\t{ gradientAST.type === 'linear-gradient' && (\n\t\t\t\t\t\t<GradientAnglePicker\n\t\t\t\t\t\t\tgradientAST={ gradientAST }\n\t\t\t\t\t\t\thasGradient={ hasGradient }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</AccessoryWrapper>\n\t\t\t</Flex>\n\t\t</VStack>\n\t);\n}\n\nexport default CustomGradientPicker;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/custom-gradient-picker/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AnglePickerControl from '../angle-picker-control';\nimport CustomGradientBar from './gradient-bar';\nimport { Flex } from '../flex';\nimport SelectControl from '../select-control';\nimport { VStack } from '../v-stack';\nimport { getGradientAstWithDefault, getLinearGradientRepresentation, getGradientAstWithControlPoints, getStopCssColor } from './utils';\nimport { serializeGradient } from './serializer';\nimport { DEFAULT_LINEAR_GRADIENT_ANGLE, HORIZONTAL_GRADIENT_ORIENTATION, GRADIENT_OPTIONS } from './constants';\nimport { AccessoryWrapper, SelectWrapper } from './styles/custom-gradient-picker-styles';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst GradientAnglePicker = ({\n  gradientAST,\n  hasGradient,\n  onChange\n}) => {\n  var _gradientAST$orientat;\n  const angle = (_gradientAST$orientat = gradientAST?.orientation?.value) !== null && _gradientAST$orientat !== void 0 ? _gradientAST$orientat : DEFAULT_LINEAR_GRADIENT_ANGLE;\n  const onAngleChange = newAngle => {\n    onChange(serializeGradient({\n      ...gradientAST,\n      orientation: {\n        type: 'angular',\n        value: `${newAngle}`\n      }\n    }));\n  };\n  return /*#__PURE__*/_jsx(AnglePickerControl, {\n    onChange: onAngleChange,\n    value: hasGradient ? angle : ''\n  });\n};\nconst GradientTypePicker = ({\n  gradientAST,\n  hasGradient,\n  onChange\n}) => {\n  const {\n    type\n  } = gradientAST;\n  const onSetLinearGradient = () => {\n    onChange(serializeGradient({\n      ...gradientAST,\n      orientation: gradientAST.orientation ? undefined : HORIZONTAL_GRADIENT_ORIENTATION,\n      type: 'linear-gradient'\n    }));\n  };\n  const onSetRadialGradient = () => {\n    const {\n      orientation,\n      ...restGradientAST\n    } = gradientAST;\n    onChange(serializeGradient({\n      ...restGradientAST,\n      type: 'radial-gradient'\n    }));\n  };\n  const handleOnChange = next => {\n    if (next === 'linear-gradient') {\n      onSetLinearGradient();\n    }\n    if (next === 'radial-gradient') {\n      onSetRadialGradient();\n    }\n  };\n  return /*#__PURE__*/_jsx(SelectControl, {\n    __nextHasNoMarginBottom: true,\n    className: \"components-custom-gradient-picker__type-picker\",\n    label: __('Type'),\n    labelPosition: \"top\",\n    onChange: handleOnChange,\n    options: GRADIENT_OPTIONS,\n    size: \"__unstable-large\",\n    value: hasGradient ? type : undefined\n  });\n};\n\n/**\n * CustomGradientPicker is a React component that renders a UI for specifying\n * linear or radial gradients. Radial gradients are displayed in the picker as\n * a slice of the gradient from the center to the outside.\n *\n * ```jsx\n * import { CustomGradientPicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyCustomGradientPicker = () => {\n *   const [ gradient, setGradient ] = useState();\n *\n *   return (\n *     <CustomGradientPicker\n *\t\t\tvalue={ gradient }\n *\t\t\tonChange={ setGradient }\n *     />\n *   );\n * };\n * ```\n */\nexport function CustomGradientPicker({\n  value,\n  onChange,\n  enableAlpha = true,\n  __experimentalIsRenderedInSidebar = false\n}) {\n  const {\n    gradientAST,\n    hasGradient\n  } = getGradientAstWithDefault(value);\n\n  // On radial gradients the bar should display a linear gradient.\n  // On radial gradients the bar represents a slice of the gradient from the center until the outside.\n  // On liner gradients the bar represents the color stops from left to right independently of the angle.\n  const background = getLinearGradientRepresentation(gradientAST);\n\n  // Control points color option may be hex from presets, custom colors will be rgb.\n  // The position should always be a percentage.\n  const controlPoints = gradientAST.colorStops.map(colorStop => {\n    return {\n      color: getStopCssColor(colorStop),\n      // Although it's already been checked by `hasUnsupportedLength` in `getGradientAstWithDefault`,\n      // TypeScript doesn't know that `colorStop.length` is not undefined here.\n      // @ts-expect-error\n      position: parseInt(colorStop.length.value)\n    };\n  });\n  return /*#__PURE__*/_jsxs(VStack, {\n    spacing: 4,\n    className: \"components-custom-gradient-picker\",\n    children: [/*#__PURE__*/_jsx(CustomGradientBar, {\n      __experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar,\n      disableAlpha: !enableAlpha,\n      background: background,\n      hasGradient: hasGradient,\n      value: controlPoints,\n      onChange: newControlPoints => {\n        onChange(serializeGradient(getGradientAstWithControlPoints(gradientAST, newControlPoints)));\n      }\n    }), /*#__PURE__*/_jsxs(Flex, {\n      gap: 3,\n      className: \"components-custom-gradient-picker__ui-line\",\n      children: [/*#__PURE__*/_jsx(SelectWrapper, {\n        children: /*#__PURE__*/_jsx(GradientTypePicker, {\n          gradientAST: gradientAST,\n          hasGradient: hasGradient,\n          onChange: onChange\n        })\n      }), /*#__PURE__*/_jsx(AccessoryWrapper, {\n        children: gradientAST.type === 'linear-gradient' && /*#__PURE__*/_jsx(GradientAnglePicker, {\n          gradientAST: gradientAST,\n          hasGradient: hasGradient,\n          onChange: onChange\n        })\n      })]\n    })]\n  });\n}\nexport default CustomGradientPicker;"],
+  "mappings": "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",
+  "names": ["_jsx", "AnglePickerControl", "SelectControl", "_jsxs", "CustomGradientBar"]
+}

package/build/custom-gradient-picker/serializer.js

@@ -1,49 +1,62 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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);
+var serializer_exports = {};
+__export(serializer_exports, {
+  serializeGradient: () => serializeGradient,
+  serializeGradientColor: () => serializeGradientColor,
+  serializeGradientColorStop: () => serializeGradientColorStop,
+  serializeGradientOrientation: () => serializeGradientOrientation,
+  serializeGradientPosition: () => serializeGradientPosition
 });
-exports.serializeGradient = serializeGradient;
-exports.serializeGradientColor = serializeGradientColor;
-exports.serializeGradientColorStop = serializeGradientColorStop;
-exports.serializeGradientOrientation = serializeGradientOrientation;
-exports.serializeGradientPosition = serializeGradientPosition;
-/**
- * External dependencies
- */
-
+module.exports = __toCommonJS(serializer_exports);
 function serializeGradientColor({
   type,
   value
 }) {
-  if (type === 'literal') {
+  if (type === "literal") {
     return value;
   }
-  if (type === 'hex') {
+  if (type === "hex") {
     return `#${value}`;
   }
-  if (type === 'var') {
+  if (type === "var") {
     return `var(${value})`;
   }
-  if (type === 'hsl') {
+  if (type === "hsl") {
     const [hue, saturation, lightness] = value;
     return `hsl(${hue},${saturation}%,${lightness}%)`;
   }
-  if (type === 'hsla') {
+  if (type === "hsla") {
     const [hue, saturation, lightness, alpha] = value;
     return `hsla(${hue},${saturation}%,${lightness}%,${alpha})`;
   }
-  return `${type}(${value.join(',')})`;
+  return `${type}(${value.join(",")})`;
 }
 function serializeGradientPosition(position) {
   if (!position) {
-    return '';
+    return "";
   }
   const {
     value,
     type
   } = position;
-  if (type === 'calc') {
+  if (type === "calc") {
     return `calc(${value})`;
   }
   return `${value}${type}`;
@@ -59,7 +72,7 @@ function serializeGradientColorStop({
   })} ${serializeGradientPosition(length)}`;
 }
 function serializeGradientOrientation(orientation) {
-  if (Array.isArray(orientation) || !orientation || orientation.type !== 'angular') {
+  if (Array.isArray(orientation) || !orientation || orientation.type !== "angular") {
     return;
   }
   return `${orientation.value}deg`;
@@ -71,11 +84,19 @@ function serializeGradient({
 }) {
   const serializedOrientation = serializeGradientOrientation(orientation);
   const serializedColorStops = colorStops.sort((colorStop1, colorStop2) => {
-    const getNumericStopValue = colorStop => {
-      return colorStop?.length?.value === undefined ? 0 : parseInt(colorStop.length.value);
+    const getNumericStopValue = (colorStop) => {
+      return colorStop?.length?.value === void 0 ? 0 : parseInt(colorStop.length.value);
     };
     return getNumericStopValue(colorStop1) - getNumericStopValue(colorStop2);
   }).map(serializeGradientColorStop);
-  return `${type}(${[serializedOrientation, ...serializedColorStops].filter(Boolean).join(',')})`;
+  return `${type}(${[serializedOrientation, ...serializedColorStops].filter(Boolean).join(",")})`;
 }
-//# sourceMappingURL=serializer.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  serializeGradient,
+  serializeGradientColor,
+  serializeGradientColorStop,
+  serializeGradientOrientation,
+  serializeGradientPosition
+});
+//# sourceMappingURL=serializer.js.map

package/build/custom-gradient-picker/serializer.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["serializeGradientColor","type","value","hue","saturation","lightness","alpha","join","serializeGradientPosition","position","serializeGradientColorStop","length","serializeGradientOrientation","orientation","Array","isArray","serializeGradient","colorStops","serializedOrientation","serializedColorStops","sort","colorStop1","colorStop2","getNumericStopValue","colorStop","undefined","parseInt","map","filter","Boolean"],"sources":["@wordpress/components/src/custom-gradient-picker/serializer.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type gradientParser from 'gradient-parser';\n\nexport function serializeGradientColor( {\n\ttype,\n\tvalue,\n}: gradientParser.ColorStop ) {\n\tif ( type === 'literal' ) {\n\t\treturn value;\n\t}\n\tif ( type === 'hex' ) {\n\t\treturn `#${ value }`;\n\t}\n\tif ( type === 'var' ) {\n\t\treturn `var(${ value })`;\n\t}\n\tif ( type === 'hsl' ) {\n\t\tconst [ hue, saturation, lightness ] = value;\n\t\treturn `hsl(${ hue },${ saturation }%,${ lightness }%)`;\n\t}\n\tif ( type === 'hsla' ) {\n\t\tconst [ hue, saturation, lightness, alpha ] = value;\n\t\treturn `hsla(${ hue },${ saturation }%,${ lightness }%,${ alpha })`;\n\t}\n\treturn `${ type }(${ value.join( ',' ) })`;\n}\n\nexport function serializeGradientPosition(\n\tposition: gradientParser.ColorStop[ 'length' ]\n) {\n\tif ( ! position ) {\n\t\treturn '';\n\t}\n\tconst { value, type } = position;\n\tif ( type === 'calc' ) {\n\t\treturn `calc(${ value })`;\n\t}\n\treturn `${ value }${ type }`;\n}\n\nexport function serializeGradientColorStop( {\n\ttype,\n\tvalue,\n\tlength,\n}: gradientParser.ColorStop ) {\n\treturn `${ serializeGradientColor( {\n\t\ttype,\n\t\tvalue,\n\t} as gradientParser.ColorStop ) } ${ serializeGradientPosition( length ) }`;\n}\n\nexport function serializeGradientOrientation(\n\torientation: gradientParser.GradientNode[ 'orientation' ]\n) {\n\tif (\n\t\tArray.isArray( orientation ) ||\n\t\t! orientation ||\n\t\torientation.type !== 'angular'\n\t) {\n\t\treturn;\n\t}\n\treturn `${ orientation.value }deg`;\n}\n\nexport function serializeGradient( {\n\ttype,\n\torientation,\n\tcolorStops,\n}: gradientParser.GradientNode ) {\n\tconst serializedOrientation = serializeGradientOrientation( orientation );\n\tconst serializedColorStops = colorStops\n\t\t.sort( ( colorStop1, colorStop2 ) => {\n\t\t\tconst getNumericStopValue = (\n\t\t\t\tcolorStop: gradientParser.ColorStop\n\t\t\t) => {\n\t\t\t\treturn colorStop?.length?.value === undefined\n\t\t\t\t\t? 0\n\t\t\t\t\t: parseInt( colorStop.length.value );\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\tgetNumericStopValue( colorStop1 ) -\n\t\t\t\tgetNumericStopValue( colorStop2 )\n\t\t\t);\n\t\t} )\n\t\t.map( serializeGradientColorStop );\n\treturn `${ type }(${ [ serializedOrientation, ...serializedColorStops ]\n\t\t.filter( Boolean )\n\t\t.join( ',' ) })`;\n}\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;;AAGO,SAASA,sBAAsBA,CAAE;EACvCC,IAAI;EACJC;AACyB,CAAC,EAAG;EAC7B,IAAKD,IAAI,KAAK,SAAS,EAAG;IACzB,OAAOC,KAAK;EACb;EACA,IAAKD,IAAI,KAAK,KAAK,EAAG;IACrB,OAAO,IAAKC,KAAK,EAAG;EACrB;EACA,IAAKD,IAAI,KAAK,KAAK,EAAG;IACrB,OAAO,OAAQC,KAAK,GAAI;EACzB;EACA,IAAKD,IAAI,KAAK,KAAK,EAAG;IACrB,MAAM,CAAEE,GAAG,EAAEC,UAAU,EAAEC,SAAS,CAAE,GAAGH,KAAK;IAC5C,OAAO,OAAQC,GAAG,IAAMC,UAAU,KAAOC,SAAS,IAAK;EACxD;EACA,IAAKJ,IAAI,KAAK,MAAM,EAAG;IACtB,MAAM,CAAEE,GAAG,EAAEC,UAAU,EAAEC,SAAS,EAAEC,KAAK,CAAE,GAAGJ,KAAK;IACnD,OAAO,QAASC,GAAG,IAAMC,UAAU,KAAOC,SAAS,KAAOC,KAAK,GAAI;EACpE;EACA,OAAO,GAAIL,IAAI,IAAMC,KAAK,CAACK,IAAI,CAAE,GAAI,CAAC,GAAI;AAC3C;AAEO,SAASC,yBAAyBA,CACxCC,QAA8C,EAC7C;EACD,IAAK,CAAEA,QAAQ,EAAG;IACjB,OAAO,EAAE;EACV;EACA,MAAM;IAAEP,KAAK;IAAED;EAAK,CAAC,GAAGQ,QAAQ;EAChC,IAAKR,IAAI,KAAK,MAAM,EAAG;IACtB,OAAO,QAASC,KAAK,GAAI;EAC1B;EACA,OAAO,GAAIA,KAAK,GAAKD,IAAI,EAAG;AAC7B;AAEO,SAASS,0BAA0BA,CAAE;EAC3CT,IAAI;EACJC,KAAK;EACLS;AACyB,CAAC,EAAG;EAC7B,OAAO,GAAIX,sBAAsB,CAAE;IAClCC,IAAI;IACJC;EACD,CAA8B,CAAC,IAAMM,yBAAyB,CAAEG,MAAO,CAAC,EAAG;AAC5E;AAEO,SAASC,4BAA4BA,CAC3CC,WAAyD,EACxD;EACD,IACCC,KAAK,CAACC,OAAO,CAAEF,WAAY,CAAC,IAC5B,CAAEA,WAAW,IACbA,WAAW,CAACZ,IAAI,KAAK,SAAS,EAC7B;IACD;EACD;EACA,OAAO,GAAIY,WAAW,CAACX,KAAK,KAAM;AACnC;AAEO,SAASc,iBAAiBA,CAAE;EAClCf,IAAI;EACJY,WAAW;EACXI;AAC4B,CAAC,EAAG;EAChC,MAAMC,qBAAqB,GAAGN,4BAA4B,CAAEC,WAAY,CAAC;EACzE,MAAMM,oBAAoB,GAAGF,UAAU,CACrCG,IAAI,CAAE,CAAEC,UAAU,EAAEC,UAAU,KAAM;IACpC,MAAMC,mBAAmB,GACxBC,SAAmC,IAC/B;MACJ,OAAOA,SAAS,EAAEb,MAAM,EAAET,KAAK,KAAKuB,SAAS,GAC1C,CAAC,GACDC,QAAQ,CAAEF,SAAS,CAACb,MAAM,CAACT,KAAM,CAAC;IACtC,CAAC;IAED,OACCqB,mBAAmB,CAAEF,UAAW,CAAC,GACjCE,mBAAmB,CAAED,UAAW,CAAC;EAEnC,CAAE,CAAC,CACFK,GAAG,CAAEjB,0BAA2B,CAAC;EACnC,OAAO,GAAIT,IAAI,IAAM,CAAEiB,qBAAqB,EAAE,GAAGC,oBAAoB,CAAE,CACrES,MAAM,CAAEC,OAAQ,CAAC,CACjBtB,IAAI,CAAE,GAAI,CAAC,GAAI;AAClB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/custom-gradient-picker/serializer.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\nexport function serializeGradientColor({\n  type,\n  value\n}) {\n  if (type === 'literal') {\n    return value;\n  }\n  if (type === 'hex') {\n    return `#${value}`;\n  }\n  if (type === 'var') {\n    return `var(${value})`;\n  }\n  if (type === 'hsl') {\n    const [hue, saturation, lightness] = value;\n    return `hsl(${hue},${saturation}%,${lightness}%)`;\n  }\n  if (type === 'hsla') {\n    const [hue, saturation, lightness, alpha] = value;\n    return `hsla(${hue},${saturation}%,${lightness}%,${alpha})`;\n  }\n  return `${type}(${value.join(',')})`;\n}\nexport function serializeGradientPosition(position) {\n  if (!position) {\n    return '';\n  }\n  const {\n    value,\n    type\n  } = position;\n  if (type === 'calc') {\n    return `calc(${value})`;\n  }\n  return `${value}${type}`;\n}\nexport function serializeGradientColorStop({\n  type,\n  value,\n  length\n}) {\n  return `${serializeGradientColor({\n    type,\n    value\n  })} ${serializeGradientPosition(length)}`;\n}\nexport function serializeGradientOrientation(orientation) {\n  if (Array.isArray(orientation) || !orientation || orientation.type !== 'angular') {\n    return;\n  }\n  return `${orientation.value}deg`;\n}\nexport function serializeGradient({\n  type,\n  orientation,\n  colorStops\n}) {\n  const serializedOrientation = serializeGradientOrientation(orientation);\n  const serializedColorStops = colorStops.sort((colorStop1, colorStop2) => {\n    const getNumericStopValue = colorStop => {\n      return colorStop?.length?.value === undefined ? 0 : parseInt(colorStop.length.value);\n    };\n    return getNumericStopValue(colorStop1) - getNumericStopValue(colorStop2);\n  }).map(serializeGradientColorStop);\n  return `${type}(${[serializedOrientation, ...serializedColorStops].filter(Boolean).join(',')})`;\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AACF,GAAG;AACD,MAAI,SAAS,WAAW;AACtB,WAAO;AAAA,EACT;AACA,MAAI,SAAS,OAAO;AAClB,WAAO,IAAI,KAAK;AAAA,EAClB;AACA,MAAI,SAAS,OAAO;AAClB,WAAO,OAAO,KAAK;AAAA,EACrB;AACA,MAAI,SAAS,OAAO;AAClB,UAAM,CAAC,KAAK,YAAY,SAAS,IAAI;AACrC,WAAO,OAAO,GAAG,IAAI,UAAU,KAAK,SAAS;AAAA,EAC/C;AACA,MAAI,SAAS,QAAQ;AACnB,UAAM,CAAC,KAAK,YAAY,WAAW,KAAK,IAAI;AAC5C,WAAO,QAAQ,GAAG,IAAI,UAAU,KAAK,SAAS,KAAK,KAAK;AAAA,EAC1D;AACA,SAAO,GAAG,IAAI,IAAI,MAAM,KAAK,GAAG,CAAC;AACnC;AACO,SAAS,0BAA0B,UAAU;AAClD,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,MAAI,SAAS,QAAQ;AACnB,WAAO,QAAQ,KAAK;AAAA,EACtB;AACA,SAAO,GAAG,KAAK,GAAG,IAAI;AACxB;AACO,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,SAAO,GAAG,uBAAuB;AAAA,IAC/B;AAAA,IACA;AAAA,EACF,CAAC,CAAC,IAAI,0BAA0B,MAAM,CAAC;AACzC;AACO,SAAS,6BAA6B,aAAa;AACxD,MAAI,MAAM,QAAQ,WAAW,KAAK,CAAC,eAAe,YAAY,SAAS,WAAW;AAChF;AAAA,EACF;AACA,SAAO,GAAG,YAAY,KAAK;AAC7B;AACO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,wBAAwB,6BAA6B,WAAW;AACtE,QAAM,uBAAuB,WAAW,KAAK,CAAC,YAAY,eAAe;AACvE,UAAM,sBAAsB,eAAa;AACvC,aAAO,WAAW,QAAQ,UAAU,SAAY,IAAI,SAAS,UAAU,OAAO,KAAK;AAAA,IACrF;AACA,WAAO,oBAAoB,UAAU,IAAI,oBAAoB,UAAU;AAAA,EACzE,CAAC,EAAE,IAAI,0BAA0B;AACjC,SAAO,GAAG,IAAI,IAAI,CAAC,uBAAuB,GAAG,oBAAoB,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,CAAC;AAC9F;",
+  "names": []
+}

package/build/custom-gradient-picker/styles/custom-gradient-picker-styles.js

@@ -1,18 +1,43 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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);
+var custom_gradient_picker_styles_exports = {};
+__export(custom_gradient_picker_styles_exports, {
+  AccessoryWrapper: () => AccessoryWrapper,
+  SelectWrapper: () => SelectWrapper
 });
-exports.SelectWrapper = exports.AccessoryWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _flex = require("../../flex");
-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)."; } /**
- * External dependencies
- */ /**
- * Internal dependencies
- */
-const SelectWrapper = exports.SelectWrapper = /*#__PURE__*/(0, _base.default)(_flex.FlexBlock, process.env.NODE_ENV === "production" ? {
+module.exports = __toCommonJS(custom_gradient_picker_styles_exports);
+var import_base = __toESM(require("@emotion/styled/base"));
+var import_flex = require("../../flex");
+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 SelectWrapper = /* @__PURE__ */ (0, import_base.default)(import_flex.FlexBlock, process.env.NODE_ENV === "production" ? {
   target: "e10bzpgi1"
 } : {
   target: "e10bzpgi1",
@@ -23,10 +48,10 @@ const SelectWrapper = exports.SelectWrapper = /*#__PURE__*/(0, _base.default)(_f
 } : {
   name: "1gvx10y",
   styles: "flex-grow:5",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLWdyYWRpZW50LXBpY2tlci9zdHlsZXMvY3VzdG9tLWdyYWRpZW50LXBpY2tlci1zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNnRCIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2N1c3RvbS1ncmFkaWVudC1waWNrZXIvc3R5bGVzL2N1c3RvbS1ncmFkaWVudC1waWNrZXItc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IEZsZXhCbG9jayB9IGZyb20gJy4uLy4uL2ZsZXgnO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0V3JhcHBlciA9IHN0eWxlZCggRmxleEJsb2NrIClgXG5cdGZsZXgtZ3JvdzogNTtcbmA7XG5cbmV4cG9ydCBjb25zdCBBY2Nlc3NvcnlXcmFwcGVyID0gc3R5bGVkKCBGbGV4QmxvY2sgKWBcblx0ZmxleC1ncm93OiA1O1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS1ncmFkaWVudC1waWNrZXItc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTZ0QiLCJmaWxlIjoiY3VzdG9tLWdyYWRpZW50LXBpY2tlci1zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgRmxleEJsb2NrIH0gZnJvbSAnLi4vLi4vZmxleCc7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RXcmFwcGVyID0gc3R5bGVkKCBGbGV4QmxvY2sgKWBcblx0ZmxleC1ncm93OiA1O1xuYDtcblxuZXhwb3J0IGNvbnN0IEFjY2Vzc29yeVdyYXBwZXIgPSBzdHlsZWQoIEZsZXhCbG9jayApYFxuXHRmbGV4LWdyb3c6IDU7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const AccessoryWrapper = exports.AccessoryWrapper = /*#__PURE__*/(0, _base.default)(_flex.FlexBlock, process.env.NODE_ENV === "production" ? {
+const AccessoryWrapper = /* @__PURE__ */ (0, import_base.default)(import_flex.FlexBlock, process.env.NODE_ENV === "production" ? {
   target: "e10bzpgi0"
 } : {
   target: "e10bzpgi0",
@@ -37,7 +62,12 @@ const AccessoryWrapper = exports.AccessoryWrapper = /*#__PURE__*/(0, _base.defau
 } : {
   name: "1gvx10y",
   styles: "flex-grow:5",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLWdyYWRpZW50LXBpY2tlci9zdHlsZXMvY3VzdG9tLWdyYWRpZW50LXBpY2tlci1zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFtRCIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2N1c3RvbS1ncmFkaWVudC1waWNrZXIvc3R5bGVzL2N1c3RvbS1ncmFkaWVudC1waWNrZXItc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IEZsZXhCbG9jayB9IGZyb20gJy4uLy4uL2ZsZXgnO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0V3JhcHBlciA9IHN0eWxlZCggRmxleEJsb2NrIClgXG5cdGZsZXgtZ3JvdzogNTtcbmA7XG5cbmV4cG9ydCBjb25zdCBBY2Nlc3NvcnlXcmFwcGVyID0gc3R5bGVkKCBGbGV4QmxvY2sgKWBcblx0ZmxleC1ncm93OiA1O1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS1ncmFkaWVudC1waWNrZXItc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhbUQiLCJmaWxlIjoiY3VzdG9tLWdyYWRpZW50LXBpY2tlci1zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgRmxleEJsb2NrIH0gZnJvbSAnLi4vLi4vZmxleCc7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RXcmFwcGVyID0gc3R5bGVkKCBGbGV4QmxvY2sgKWBcblx0ZmxleC1ncm93OiA1O1xuYDtcblxuZXhwb3J0IGNvbnN0IEFjY2Vzc29yeVdyYXBwZXIgPSBzdHlsZWQoIEZsZXhCbG9jayApYFxuXHRmbGV4LWdyb3c6IDU7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-//# sourceMappingURL=custom-gradient-picker-styles.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccessoryWrapper,
+  SelectWrapper
+});
+//# sourceMappingURL=custom-gradient-picker-styles.js.map

package/build/custom-gradient-picker/styles/custom-gradient-picker-styles.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_flex","require","_EMOTION_STRINGIFIED_CSS_ERROR__","SelectWrapper","exports","_base","default","FlexBlock","process","env","NODE_ENV","target","label","name","styles","map","toString","AccessoryWrapper"],"sources":["@wordpress/components/src/custom-gradient-picker/styles/custom-gradient-picker-styles.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n/**\n * Internal dependencies\n */\nimport { FlexBlock } from '../../flex';\n\nexport const SelectWrapper = styled( FlexBlock )`\n\tflex-grow: 5;\n`;\n\nexport const AccessoryWrapper = styled( FlexBlock )`\n\tflex-grow: 5;\n`;\n"],"mappings":";;;;;;;;AAOA,IAAAA,KAAA,GAAAC,OAAA;AAAuC,SAAAC,iCAAA,gPAPvC;AACA;AACA,GAFA,CAIA;AACA;AACA;AAGO,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,KAAA,CAAAC,OAAA,EAAQC,eAAS,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAd;AAAA,EAE/C;AAEM,MAAMe,gBAAgB,GAAAb,OAAA,CAAAa,gBAAA,gBAAG,IAAAZ,KAAA,CAAAC,OAAA,EAAQC,eAAS,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAd;AAAA,EAElD","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/custom-gradient-picker/styles/custom-gradient-picker-styles.tsx"],
+  "sourcesContent": ["import _styled from \"@emotion/styled/base\";\nfunction _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).\"; }\n/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\nimport { FlexBlock } from '../../flex';\nexport const SelectWrapper = /*#__PURE__*/_styled(FlexBlock, process.env.NODE_ENV === \"production\" ? {\n  target: \"e10bzpgi1\"\n} : {\n  target: \"e10bzpgi1\",\n  label: \"SelectWrapper\"\n})(process.env.NODE_ENV === \"production\" ? {\n  name: \"1gvx10y\",\n  styles: \"flex-grow:5\"\n} : {\n  name: \"1gvx10y\",\n  styles: \"flex-grow:5\",\n  map: \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS1ncmFkaWVudC1waWNrZXItc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTZ0QiLCJmaWxlIjoiY3VzdG9tLWdyYWRpZW50LXBpY2tlci1zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgRmxleEJsb2NrIH0gZnJvbSAnLi4vLi4vZmxleCc7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RXcmFwcGVyID0gc3R5bGVkKCBGbGV4QmxvY2sgKWBcblx0ZmxleC1ncm93OiA1O1xuYDtcblxuZXhwb3J0IGNvbnN0IEFjY2Vzc29yeVdyYXBwZXIgPSBzdHlsZWQoIEZsZXhCbG9jayApYFxuXHRmbGV4LWdyb3c6IDU7XG5gO1xuIl19 */\",\n  toString: _EMOTION_STRINGIFIED_CSS_ERROR__\n});\nexport const AccessoryWrapper = /*#__PURE__*/_styled(FlexBlock, process.env.NODE_ENV === \"production\" ? {\n  target: \"e10bzpgi0\"\n} : {\n  target: \"e10bzpgi0\",\n  label: \"AccessoryWrapper\"\n})(process.env.NODE_ENV === \"production\" ? {\n  name: \"1gvx10y\",\n  styles: \"flex-grow:5\"\n} : {\n  name: \"1gvx10y\",\n  styles: \"flex-grow:5\",\n  map: \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS1ncmFkaWVudC1waWNrZXItc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhbUQiLCJmaWxlIjoiY3VzdG9tLWdyYWRpZW50LXBpY2tlci1zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgRmxleEJsb2NrIH0gZnJvbSAnLi4vLi4vZmxleCc7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RXcmFwcGVyID0gc3R5bGVkKCBGbGV4QmxvY2sgKWBcblx0ZmxleC1ncm93OiA1O1xuYDtcblxuZXhwb3J0IGNvbnN0IEFjY2Vzc29yeVdyYXBwZXIgPSBzdHlsZWQoIEZsZXhCbG9jayApYFxuXHRmbGV4LWdyb3c6IDU7XG5gO1xuIl19 */\",\n  toString: _EMOTION_STRINGIFIED_CSS_ERROR__\n});"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAoB;AASpB,kBAA0B;AAR1B,SAAS,mCAAmC;AAAE,SAAO;AAAmO;AASjR,MAAM,gBAA6B,gCAAAA,SAAQ,uBAAW,QAAQ,IAAI,aAAa,eAAe;AAAA,EACnG,QAAQ;AACV,IAAI;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,EAAE,QAAQ,IAAI,aAAa,eAAe;AAAA,EACzC,MAAM;AAAA,EACN,QAAQ;AACV,IAAI;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,UAAU;AACZ,CAAC;AACM,MAAM,mBAAgC,gCAAAA,SAAQ,uBAAW,QAAQ,IAAI,aAAa,eAAe;AAAA,EACtG,QAAQ;AACV,IAAI;AAAA,EACF,QAAQ;AAAA,EACR,OAAO;AACT,CAAC,EAAE,QAAQ,IAAI,aAAa,eAAe;AAAA,EACzC,MAAM;AAAA,EACN,QAAQ;AACV,IAAI;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,UAAU;AACZ,CAAC;",
+  "names": ["_styled"]
+}

package/build/custom-gradient-picker/types.js

@@ -1,6 +1,17 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=types.js.map
+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);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/build/custom-gradient-picker/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/custom-gradient-picker/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type gradientParser from 'gradient-parser';\n\nexport type CustomGradientPickerProps = {\n\t/**\n\t * Start opting in to the new margin-free styles that will become the default\n\t * in a future version, currently scheduled to be WordPress 6.4. (The prop\n\t * can be safely removed once this happens.)\n\t *\n\t * @default false\n\t * @deprecated Default behavior since WP 6.5. Prop can be safely removed.\n\t * @ignore\n\t */\n\t__nextHasNoMargin?: boolean;\n\t/**\n\t * The current value of the gradient. Pass a css gradient string (See default value for example).\n\t * Optionally pass in a `null` value to specify no gradient is currently selected.\n\t *\n\t * @default 'linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)'\n\t */\n\tvalue?: string | null;\n\t/**\n\t * The function called when a new gradient has been defined. It is passed to\n\t * the `currentGradient` as an argument.\n\t */\n\tonChange: ( currentGradient: string ) => void;\n\t/**\n\t * Whether to enable alpha transparency options in the picker.\n\t *\n\t * @default true\n\t */\n\tenableAlpha?: boolean;\n\t/**\n\t * Whether this is rendered in the sidebar.\n\t *\n\t * @default false\n\t */\n\t__experimentalIsRenderedInSidebar?: boolean;\n};\n\nexport type GradientAnglePickerProps = {\n\tgradientAST:\n\t\t| gradientParser.LinearGradientNode\n\t\t| gradientParser.RepeatingLinearGradientNode;\n\thasGradient: boolean;\n\tonChange: ( gradient: string ) => void;\n};\n\nexport type GradientTypePickerProps = {\n\tgradientAST: gradientParser.GradientNode;\n\thasGradient: boolean;\n\tonChange: ( gradient: string ) => void;\n};\n\nexport type ControlPoint = { color: string; position: number };\n\nexport type CustomGradientBarProps = {\n\tbackground: React.CSSProperties[ 'background' ];\n\thasGradient: boolean;\n\tvalue: ControlPoint[];\n\tonChange: ( newControlPoints: ControlPoint[] ) => void;\n\tdisableInserter?: boolean;\n\tdisableAlpha?: boolean;\n\t__experimentalIsRenderedInSidebar?: boolean;\n};\n\nexport type CustomGradientBarIdleState = { id: 'IDLE' };\ntype CustomGradientBarMovingInserterState = {\n\tid: 'MOVING_INSERTER';\n\tinsertPosition: number;\n};\ntype CustomGradientBarInsertingControlPointState = {\n\tid: 'INSERTING_CONTROL_POINT';\n\tinsertPosition: number;\n};\ntype CustomGradientBarMovingControlPointState = { id: 'MOVING_CONTROL_POINT' };\n\nexport type CustomGradientBarReducerState =\n\t| CustomGradientBarIdleState\n\t| CustomGradientBarMovingInserterState\n\t| CustomGradientBarInsertingControlPointState\n\t| CustomGradientBarMovingControlPointState;\n\nexport type CustomGradientBarReducerAction =\n\t| { type: 'MOVE_INSERTER'; insertPosition: number }\n\t| { type: 'STOP_INSERTER_MOVE' }\n\t| { type: 'OPEN_INSERTER' }\n\t| { type: 'CLOSE_INSERTER' }\n\t| { type: 'START_CONTROL_CHANGE' }\n\t| { type: 'STOP_CONTROL_CHANGE' };\n\nexport type ControlPointButtonProps = {\n\tisOpen: boolean;\n\tposition: ControlPoint[ 'position' ];\n\tcolor: string;\n};\n\nexport type ControlPointsProps = {\n\tdisableRemove: boolean;\n\tdisableAlpha: boolean;\n\tgradientPickerDomRef: React.RefObject< HTMLDivElement >;\n\tignoreMarkerPosition?: number;\n\tvalue: ControlPoint[];\n\tonChange: ( controlPoints: ControlPoint[] ) => void;\n\tonStartControlPointChange: () => void;\n\tonStopControlPointChange: () => void;\n\t__experimentalIsRenderedInSidebar: boolean;\n};\n\nexport type ControlPointMoveState = {\n\tinitialPosition: number;\n\tindex: number;\n\tsignificantMoveHappened: boolean;\n\tlistenersActivated: boolean;\n};\n\nexport type InsertPointProps = {\n\tvalue: ControlPoint[];\n\tonChange: ( controlPoints: ControlPoint[] ) => void;\n\tonOpenInserter: () => void;\n\tonCloseInserter: () => void;\n\tinsertPosition: number;\n\tdisableAlpha: boolean;\n\t__experimentalIsRenderedInSidebar: boolean;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/custom-gradient-picker/types.ts"],
+  "sourcesContent": ["export {};"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}