@wordpress/components 17.0.0 → 19.0.2

package/build/text/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/text/utils.js"],"names":["lowercaseProps","object","mapped","key","toLowerCase","memoizedLowercaseProps","createHighlighterText","activeClassName","activeIndex","activeStyle","autoEscape","caseSensitive","children","findChunks","highlightClassName","highlightStyle","highlightTag","sanitize","searchWords","unhighlightClassName","unhighlightStyle","textToHighlight","chunks","HighlightTag","highlightIndex","highlightClassNames","highlightStyles","textContent","map","chunk","index","text","substr","start","end","highlight","highlightClass","isActive","Object","assign","props","className","style"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport memoize from 'memize';\nimport { findAll } from 'highlight-words-core';\n\n/**\n * WordPress dependencies\n */\nimport { createElement } from '@wordpress/element';\n\n/**\n * Source:\n * https://github.com/bvaughn/react-highlight-words/blob/HEAD/src/Highlighter.js\n */\n\n/* eslint-disable jsdoc/valid-types */\n/**\n * @typedef Options\n * @property {string}                                                     [activeClassName='']      Classname for active highlighted areas.\n * @property {number}                                                     [activeIndex=-1]          The index of the active highlighted area.\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [activeStyle]             Styles to apply to the active highlighted area.\n * @property {boolean}                                                    [autoEscape]              Whether to automatically escape text.\n * @property {boolean}                                                    [caseSensitive=false]     Whether to highlight in a case-sensitive manner.\n * @property {string}                                                     children                  Children to highlight.\n * @property {import('highlight-words-core').FindAllArgs['findChunks']}   [findChunks]              Custom `findChunks` function to pass to `highlight-words-core`.\n * @property {string | Record<string, unknown>}                           [highlightClassName='']   Classname to apply to highlighted text or a Record of classnames to apply to given text (which should be the key).\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [highlightStyle={}]       Styles to apply to highlighted text.\n * @property {keyof JSX.IntrinsicElements}                                [highlightTag='mark']     Tag to use for the highlighted text.\n * @property {import('highlight-words-core').FindAllArgs['sanitize']}     [sanitize]                Custom `santize` function to pass to `highlight-words-core`.\n * @property {string[]}                                                   [searchWords=[]]          Words to search for and highlight.\n * @property {string}                                                     [unhighlightClassName=''] Classname to apply to unhighlighted text.\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [unhighlightStyle]        Style to apply to unhighlighted text.\n */\n\n/**\n * Maps props to lowercase names.\n *\n * @template {Record<string, unknown>} T\n * @param {T} object Props to map.\n * @return {{[K in keyof T as Lowercase<string & K>]: T[K]}} The mapped props.\n */\n/* eslint-enable jsdoc/valid-types */\nconst lowercaseProps = ( object ) => {\n\t/** @type {any} */\n\tconst mapped = {};\n\tfor ( const key in object ) {\n\t\tmapped[ key.toLowerCase() ] = object[ key ];\n\t}\n\treturn mapped;\n};\n\nconst memoizedLowercaseProps = memoize( lowercaseProps );\n\n/**\n *\n * @param {Options} options\n */\nexport function createHighlighterText( {\n\tactiveClassName = '',\n\tactiveIndex = -1,\n\tactiveStyle,\n\tautoEscape,\n\tcaseSensitive = false,\n\tchildren,\n\tfindChunks,\n\thighlightClassName = '',\n\thighlightStyle = {},\n\thighlightTag = 'mark',\n\tsanitize,\n\tsearchWords = [],\n\tunhighlightClassName = '',\n\tunhighlightStyle,\n} ) {\n\tif ( ! children ) return null;\n\tif ( typeof children !== 'string' ) return children;\n\n\tconst textToHighlight = children;\n\n\tconst chunks = findAll( {\n\t\tautoEscape,\n\t\tcaseSensitive,\n\t\tfindChunks,\n\t\tsanitize,\n\t\tsearchWords,\n\t\ttextToHighlight,\n\t} );\n\tconst HighlightTag = highlightTag;\n\tlet highlightIndex = -1;\n\tlet highlightClassNames = '';\n\tlet highlightStyles;\n\n\tconst textContent = chunks.map( ( chunk, index ) => {\n\t\tconst text = textToHighlight.substr(\n\t\t\tchunk.start,\n\t\t\tchunk.end - chunk.start\n\t\t);\n\n\t\tif ( chunk.highlight ) {\n\t\t\thighlightIndex++;\n\n\t\t\tlet highlightClass;\n\t\t\tif ( typeof highlightClassName === 'object' ) {\n\t\t\t\tif ( ! caseSensitive ) {\n\t\t\t\t\thighlightClassName = memoizedLowercaseProps(\n\t\t\t\t\t\thighlightClassName\n\t\t\t\t\t);\n\t\t\t\t\thighlightClass = highlightClassName[ text.toLowerCase() ];\n\t\t\t\t} else {\n\t\t\t\t\thighlightClass = highlightClassName[ text ];\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\thighlightClass = highlightClassName;\n\t\t\t}\n\n\t\t\tconst isActive = highlightIndex === +activeIndex;\n\n\t\t\thighlightClassNames = `${ highlightClass } ${\n\t\t\t\tisActive ? activeClassName : ''\n\t\t\t}`;\n\t\t\thighlightStyles =\n\t\t\t\tisActive === true && activeStyle !== null\n\t\t\t\t\t? Object.assign( {}, highlightStyle, activeStyle )\n\t\t\t\t\t: highlightStyle;\n\n\t\t\t/** @type {Record<string, any>} */\n\t\t\tconst props = {\n\t\t\t\tchildren: text,\n\t\t\t\tclassName: highlightClassNames,\n\t\t\t\tkey: index,\n\t\t\t\tstyle: highlightStyles,\n\t\t\t};\n\n\t\t\t// Don't attach arbitrary props to DOM elements; this triggers React DEV warnings (https://fb.me/react-unknown-prop)\n\t\t\t// Only pass through the highlightIndex attribute for custom components.\n\t\t\tif ( typeof HighlightTag !== 'string' ) {\n\t\t\t\tprops.highlightIndex = highlightIndex;\n\t\t\t}\n\n\t\t\treturn createElement( HighlightTag, props );\n\t\t}\n\t\treturn createElement( 'span', {\n\t\t\tchildren: text,\n\t\t\tclassName: unhighlightClassName,\n\t\t\tkey: index,\n\t\t\tstyle: unhighlightStyle,\n\t\t} );\n\t} );\n\n\treturn textContent;\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/text/utils.js"],"names":["lowercaseProps","object","mapped","key","toLowerCase","memoizedLowercaseProps","createHighlighterText","activeClassName","activeIndex","activeStyle","autoEscape","caseSensitive","children","findChunks","highlightClassName","highlightStyle","highlightTag","sanitize","searchWords","unhighlightClassName","unhighlightStyle","textToHighlight","chunks","HighlightTag","highlightIndex","highlightClassNames","highlightStyles","textContent","map","chunk","index","text","substr","start","end","highlight","highlightClass","isActive","Object","assign","props","className","style"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport memoize from 'memize';\nimport { findAll } from 'highlight-words-core';\n\n/**\n * WordPress dependencies\n */\nimport { createElement } from '@wordpress/element';\n\n/**\n * Source:\n * https://github.com/bvaughn/react-highlight-words/blob/HEAD/src/Highlighter.js\n */\n\n/* eslint-disable jsdoc/valid-types */\n/**\n * @typedef Options\n * @property {string}                                                     [activeClassName='']      Classname for active highlighted areas.\n * @property {number}                                                     [activeIndex=-1]          The index of the active highlighted area.\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [activeStyle]             Styles to apply to the active highlighted area.\n * @property {boolean}                                                    [autoEscape]              Whether to automatically escape text.\n * @property {boolean}                                                    [caseSensitive=false]     Whether to highlight in a case-sensitive manner.\n * @property {string}                                                     children                  Children to highlight.\n * @property {import('highlight-words-core').FindAllArgs['findChunks']}   [findChunks]              Custom `findChunks` function to pass to `highlight-words-core`.\n * @property {string | Record<string, unknown>}                           [highlightClassName='']   Classname to apply to highlighted text or a Record of classnames to apply to given text (which should be the key).\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [highlightStyle={}]       Styles to apply to highlighted text.\n * @property {keyof JSX.IntrinsicElements}                                [highlightTag='mark']     Tag to use for the highlighted text.\n * @property {import('highlight-words-core').FindAllArgs['sanitize']}     [sanitize]                Custom `santize` function to pass to `highlight-words-core`.\n * @property {string[]}                                                   [searchWords=[]]          Words to search for and highlight.\n * @property {string}                                                     [unhighlightClassName=''] Classname to apply to unhighlighted text.\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [unhighlightStyle]        Style to apply to unhighlighted text.\n */\n\n/**\n * Maps props to lowercase names.\n *\n * @template {Record<string, unknown>} T\n * @param {T} object Props to map.\n * @return {{[K in keyof T as Lowercase<string & K>]: T[K]}} The mapped props.\n */\n/* eslint-enable jsdoc/valid-types */\nconst lowercaseProps = ( object ) => {\n\t/** @type {any} */\n\tconst mapped = {};\n\tfor ( const key in object ) {\n\t\tmapped[ key.toLowerCase() ] = object[ key ];\n\t}\n\treturn mapped;\n};\n\nconst memoizedLowercaseProps = memoize( lowercaseProps );\n\n/**\n *\n * @param {Options} options\n */\nexport function createHighlighterText( {\n\tactiveClassName = '',\n\tactiveIndex = -1,\n\tactiveStyle,\n\tautoEscape,\n\tcaseSensitive = false,\n\tchildren,\n\tfindChunks,\n\thighlightClassName = '',\n\thighlightStyle = {},\n\thighlightTag = 'mark',\n\tsanitize,\n\tsearchWords = [],\n\tunhighlightClassName = '',\n\tunhighlightStyle,\n} ) {\n\tif ( ! children ) return null;\n\tif ( typeof children !== 'string' ) return children;\n\n\tconst textToHighlight = children;\n\n\tconst chunks = findAll( {\n\t\tautoEscape,\n\t\tcaseSensitive,\n\t\tfindChunks,\n\t\tsanitize,\n\t\tsearchWords,\n\t\ttextToHighlight,\n\t} );\n\tconst HighlightTag = highlightTag;\n\tlet highlightIndex = -1;\n\tlet highlightClassNames = '';\n\tlet highlightStyles;\n\n\tconst textContent = chunks.map( ( chunk, index ) => {\n\t\tconst text = textToHighlight.substr(\n\t\t\tchunk.start,\n\t\t\tchunk.end - chunk.start\n\t\t);\n\n\t\tif ( chunk.highlight ) {\n\t\t\thighlightIndex++;\n\n\t\t\tlet highlightClass;\n\t\t\tif ( typeof highlightClassName === 'object' ) {\n\t\t\t\tif ( ! caseSensitive ) {\n\t\t\t\t\thighlightClassName = memoizedLowercaseProps(\n\t\t\t\t\t\thighlightClassName\n\t\t\t\t\t);\n\t\t\t\t\thighlightClass = highlightClassName[ text.toLowerCase() ];\n\t\t\t\t} else {\n\t\t\t\t\thighlightClass = highlightClassName[ text ];\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\thighlightClass = highlightClassName;\n\t\t\t}\n\n\t\t\tconst isActive = highlightIndex === +activeIndex;\n\n\t\t\thighlightClassNames = `${ highlightClass } ${\n\t\t\t\tisActive ? activeClassName : ''\n\t\t\t}`;\n\t\t\thighlightStyles =\n\t\t\t\tisActive === true && activeStyle !== null\n\t\t\t\t\t? Object.assign( {}, highlightStyle, activeStyle )\n\t\t\t\t\t: highlightStyle;\n\n\t\t\t/** @type {Record<string, any>} */\n\t\t\tconst props = {\n\t\t\t\tchildren: text,\n\t\t\t\tclassName: highlightClassNames,\n\t\t\t\tkey: index,\n\t\t\t\tstyle: highlightStyles,\n\t\t\t};\n\n\t\t\t// Don't attach arbitrary props to DOM elements; this triggers React DEV warnings (https://fb.me/react-unknown-prop)\n\t\t\t// Only pass through the highlightIndex attribute for custom components.\n\t\t\tif ( typeof HighlightTag !== 'string' ) {\n\t\t\t\tprops.highlightIndex = highlightIndex;\n\t\t\t}\n\n\t\t\treturn createElement( HighlightTag, props );\n\t\t}\n\t\treturn createElement( 'span', {\n\t\t\tchildren: text,\n\t\t\tclassName: unhighlightClassName,\n\t\t\tkey: index,\n\t\t\tstyle: unhighlightStyle,\n\t\t} );\n\t} );\n\n\treturn textContent;\n}\n"]}

package/build/text-control/index.js

@@ -41,22 +41,23 @@ var _baseControl = _interopRequireDefault(require("../base-control"));
  * @param {Props}                                 props Props
  * @param {import('react').Ref<HTMLInputElement>} [ref]
  */
-function TextControl({
-  label,
-  hideLabelFromVision,
-  value,
-  help,
-  className,
-  onChange,
-  type = 'text',
-  ...props
-}, ref) {
+function TextControl(_ref, ref) {
+  let {
+    label,
+    hideLabelFromVision,
+    value,
+    help,
+    className,
+    onChange,
+    type = 'text',
+    ...props
+  } = _ref;
   const instanceId = (0, _compose.useInstanceId)(TextControl);
   const id = `inspector-text-control-${instanceId}`;
 
-  const onChangeValue =
+  const onChangeValue = (
   /** @type {import('react').ChangeEvent<HTMLInputElement>} */
-  event => onChange(event.target.value);
+  event) => onChange(event.target.value);
 
   return (0, _element.createElement)(_baseControl.default, {
     label: label,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/text-control/index.js"],"names":["TextControl","label","hideLabelFromVision","value","help","className","onChange","type","props","ref","instanceId","id","onChangeValue","event","target","undefined"],"mappings":";;;;;;;;;AAIA;;;;AADA;;AAMA;;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASA,WAAT,CACC;AACCC,EAAAA,KADD;AAECC,EAAAA,mBAFD;AAGCC,EAAAA,KAHD;AAICC,EAAAA,IAJD;AAKCC,EAAAA,SALD;AAMCC,EAAAA,QAND;AAOCC,EAAAA,IAAI,GAAG,MAPR;AAQC,KAAGC;AARJ,CADD,EAWCC,GAXD,EAYE;AACD,QAAMC,UAAU,GAAG,4BAAeV,WAAf,CAAnB;AACA,QAAMW,EAAE,GAAI,0BAA0BD,UAAY,EAAlD;;AACA,QAAME,aAAa;AAClB;AACAC,EAAAA,KAFqB,IAGjBP,QAAQ,CAAEO,KAAK,CAACC,MAAN,CAAaX,KAAf,CAHb;;AAKA,SACC,4BAAC,oBAAD;AACC,IAAA,KAAK,EAAGF,KADT;AAEC,IAAA,mBAAmB,EAAGC,mBAFvB;AAGC,IAAA,EAAE,EAAGS,EAHN;AAIC,IAAA,IAAI,EAAGP,IAJR;AAKC,IAAA,SAAS,EAAGC;AALb,KAOC;AACC,IAAA,SAAS,EAAC,gCADX;AAEC,IAAA,IAAI,EAAGE,IAFR;AAGC,IAAA,EAAE,EAAGI,EAHN;AAIC,IAAA,KAAK,EAAGR,KAJT;AAKC,IAAA,QAAQ,EAAGS,aALZ;AAMC,wBAAmB,CAAC,CAAER,IAAH,GAAUO,EAAE,GAAG,QAAf,GAA0BI,SAN9C;AAOC,IAAA,GAAG,EAAGN;AAPP,KAQMD,KARN,EAPD,CADD;AAoBA;;eAEc,yBAAYR,WAAZ,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\n\n/**\n * @typedef OwnProps\n * @property {string}                  label                 Label for the control.\n * @property {boolean}                 [hideLabelFromVision] Whether to accessibly hide the label.\n * @property {string}                  value                 Value of the input.\n * @property {string}                  [help]                Optional help text for the control.\n * @property {string}                  [className]           Classname passed to BaseControl wrapper\n * @property {(value: string) => void} onChange              Handle changes.\n * @property {string}                  [type='text']         Type of the input.\n */\n\n/** @typedef {OwnProps & import('react').ComponentProps<'input'>} Props */\n\n/**\n *\n * @param {Props}                                 props Props\n * @param {import('react').Ref<HTMLInputElement>} [ref]\n */\nfunction TextControl(\n\t{\n\t\tlabel,\n\t\thideLabelFromVision,\n\t\tvalue,\n\t\thelp,\n\t\tclassName,\n\t\tonChange,\n\t\ttype = 'text',\n\t\t...props\n\t},\n\tref\n) {\n\tconst instanceId = useInstanceId( TextControl );\n\tconst id = `inspector-text-control-${ instanceId }`;\n\tconst onChangeValue = (\n\t\t/** @type {import('react').ChangeEvent<HTMLInputElement>} */\n\t\tevent\n\t) => onChange( event.target.value );\n\n\treturn (\n\t\t<BaseControl\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t>\n\t\t\t<input\n\t\t\t\tclassName=\"components-text-control__input\"\n\t\t\t\ttype={ type }\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChangeValue }\n\t\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\t\tref={ ref }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\nexport default forwardRef( TextControl );\n"]}
+{"version":3,"sources":["@wordpress/components/src/text-control/index.js"],"names":["TextControl","ref","label","hideLabelFromVision","value","help","className","onChange","type","props","instanceId","id","onChangeValue","event","target","undefined"],"mappings":";;;;;;;;;AAIA;;;;AADA;;AAMA;;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASA,WAAT,OAWCC,GAXD,EAYE;AAAA,MAXD;AACCC,IAAAA,KADD;AAECC,IAAAA,mBAFD;AAGCC,IAAAA,KAHD;AAICC,IAAAA,IAJD;AAKCC,IAAAA,SALD;AAMCC,IAAAA,QAND;AAOCC,IAAAA,IAAI,GAAG,MAPR;AAQC,OAAGC;AARJ,GAWC;AACD,QAAMC,UAAU,GAAG,4BAAeV,WAAf,CAAnB;AACA,QAAMW,EAAE,GAAI,0BAA0BD,UAAY,EAAlD;;AACA,QAAME,aAAa,GAAG;AACrB;AACAC,EAAAA,KAFqB,KAGjBN,QAAQ,CAAEM,KAAK,CAACC,MAAN,CAAaV,KAAf,CAHb;;AAKA,SACC,4BAAC,oBAAD;AACC,IAAA,KAAK,EAAGF,KADT;AAEC,IAAA,mBAAmB,EAAGC,mBAFvB;AAGC,IAAA,EAAE,EAAGQ,EAHN;AAIC,IAAA,IAAI,EAAGN,IAJR;AAKC,IAAA,SAAS,EAAGC;AALb,KAOC;AACC,IAAA,SAAS,EAAC,gCADX;AAEC,IAAA,IAAI,EAAGE,IAFR;AAGC,IAAA,EAAE,EAAGG,EAHN;AAIC,IAAA,KAAK,EAAGP,KAJT;AAKC,IAAA,QAAQ,EAAGQ,aALZ;AAMC,wBAAmB,CAAC,CAAEP,IAAH,GAAUM,EAAE,GAAG,QAAf,GAA0BI,SAN9C;AAOC,IAAA,GAAG,EAAGd;AAPP,KAQMQ,KARN,EAPD,CADD;AAoBA;;eAEc,yBAAYT,WAAZ,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\n\n/**\n * @typedef OwnProps\n * @property {string}                  label                 Label for the control.\n * @property {boolean}                 [hideLabelFromVision] Whether to accessibly hide the label.\n * @property {string}                  value                 Value of the input.\n * @property {string}                  [help]                Optional help text for the control.\n * @property {string}                  [className]           Classname passed to BaseControl wrapper\n * @property {(value: string) => void} onChange              Handle changes.\n * @property {string}                  [type='text']         Type of the input.\n */\n\n/** @typedef {OwnProps & import('react').ComponentProps<'input'>} Props */\n\n/**\n *\n * @param {Props}                                 props Props\n * @param {import('react').Ref<HTMLInputElement>} [ref]\n */\nfunction TextControl(\n\t{\n\t\tlabel,\n\t\thideLabelFromVision,\n\t\tvalue,\n\t\thelp,\n\t\tclassName,\n\t\tonChange,\n\t\ttype = 'text',\n\t\t...props\n\t},\n\tref\n) {\n\tconst instanceId = useInstanceId( TextControl );\n\tconst id = `inspector-text-control-${ instanceId }`;\n\tconst onChangeValue = (\n\t\t/** @type {import('react').ChangeEvent<HTMLInputElement>} */\n\t\tevent\n\t) => onChange( event.target.value );\n\n\treturn (\n\t\t<BaseControl\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t>\n\t\t\t<input\n\t\t\t\tclassName=\"components-text-control__input\"\n\t\t\t\ttype={ type }\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChangeValue }\n\t\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\t\tref={ ref }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\nexport default forwardRef( TextControl );\n"]}

package/build/text-control/index.native.js

@@ -20,18 +20,19 @@ var _cell = _interopRequireDefault(require("../mobile/bottom-sheet/cell"));
 /**
  * Internal dependencies
  */
-function TextControl({
-  label,
-  hideLabelFromVision,
-  value,
-  help,
-  className,
-  instanceId,
-  onChange,
-  type = 'text',
-  placeholder,
-  ...props
-}) {
+function TextControl(_ref) {
+  let {
+    label,
+    hideLabelFromVision,
+    value,
+    help,
+    className,
+    instanceId,
+    onChange,
+    type = 'text',
+    placeholder,
+    ...props
+  } = _ref;
   const id = `inspector-text-control-${instanceId}`;
   return (0, _element.createElement)(_cell.default, (0, _extends2.default)({
     label: label,

package/build/text-control/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/text-control/index.native.js"],"names":["TextControl","label","hideLabelFromVision","value","help","className","instanceId","onChange","type","placeholder","props","id","undefined"],"mappings":";;;;;;;;;AAGA;;;;AAIA;;AAPA;AACA;AACA;;AAEA;AACA;AACA;AAGA,SAASA,WAAT,CAAsB;AACrBC,EAAAA,KADqB;AAErBC,EAAAA,mBAFqB;AAGrBC,EAAAA,KAHqB;AAIrBC,EAAAA,IAJqB;AAKrBC,EAAAA,SALqB;AAMrBC,EAAAA,UANqB;AAOrBC,EAAAA,QAPqB;AAQrBC,EAAAA,IAAI,GAAG,MARc;AASrBC,EAAAA,WATqB;AAUrB,KAAGC;AAVkB,CAAtB,EAWI;AACH,QAAMC,EAAE,GAAI,0BAA0BL,UAAY,EAAlD;AAEA,SACC,4BAAC,aAAD;AACC,IAAA,KAAK,EAAGL,KADT;AAEC,IAAA,mBAAmB,EAAGC,mBAFvB;AAGC,IAAA,EAAE,EAAGS,EAHN;AAIC,IAAA,IAAI,EAAGP,IAJR;AAKC,IAAA,SAAS,EAAGC,SALb;AAMC,IAAA,IAAI,EAAGG,IANR;AAOC,IAAA,KAAK,EAAGL,KAPT;AAQC,IAAA,aAAa,EAAGI,QARjB;AASC,wBAAmB,CAAC,CAAEH,IAAH,GAAUO,EAAE,GAAG,QAAf,GAA0BC,SAT9C;AAUC,IAAA,gBAAgB,EAAGH;AAVpB,KAWMC,KAXN,EADD;AAeA;;eAEc,mBAAMV,WAAN,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport Cell from '../mobile/bottom-sheet/cell';\n\nfunction TextControl( {\n\tlabel,\n\thideLabelFromVision,\n\tvalue,\n\thelp,\n\tclassName,\n\tinstanceId,\n\tonChange,\n\ttype = 'text',\n\tplaceholder,\n\t...props\n} ) {\n\tconst id = `inspector-text-control-${ instanceId }`;\n\n\treturn (\n\t\t<Cell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\ttype={ type }\n\t\t\tvalue={ value }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\tvaluePlaceholder={ placeholder }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( TextControl );\n"]}
+{"version":3,"sources":["@wordpress/components/src/text-control/index.native.js"],"names":["TextControl","label","hideLabelFromVision","value","help","className","instanceId","onChange","type","placeholder","props","id","undefined"],"mappings":";;;;;;;;;AAGA;;;;AAIA;;AAPA;AACA;AACA;;AAEA;AACA;AACA;AAGA,SAASA,WAAT,OAWI;AAAA,MAXkB;AACrBC,IAAAA,KADqB;AAErBC,IAAAA,mBAFqB;AAGrBC,IAAAA,KAHqB;AAIrBC,IAAAA,IAJqB;AAKrBC,IAAAA,SALqB;AAMrBC,IAAAA,UANqB;AAOrBC,IAAAA,QAPqB;AAQrBC,IAAAA,IAAI,GAAG,MARc;AASrBC,IAAAA,WATqB;AAUrB,OAAGC;AAVkB,GAWlB;AACH,QAAMC,EAAE,GAAI,0BAA0BL,UAAY,EAAlD;AAEA,SACC,4BAAC,aAAD;AACC,IAAA,KAAK,EAAGL,KADT;AAEC,IAAA,mBAAmB,EAAGC,mBAFvB;AAGC,IAAA,EAAE,EAAGS,EAHN;AAIC,IAAA,IAAI,EAAGP,IAJR;AAKC,IAAA,SAAS,EAAGC,SALb;AAMC,IAAA,IAAI,EAAGG,IANR;AAOC,IAAA,KAAK,EAAGL,KAPT;AAQC,IAAA,aAAa,EAAGI,QARjB;AASC,wBAAmB,CAAC,CAAEH,IAAH,GAAUO,EAAE,GAAG,QAAf,GAA0BC,SAT9C;AAUC,IAAA,gBAAgB,EAAGH;AAVpB,KAWMC,KAXN,EADD;AAeA;;eAEc,mBAAMV,WAAN,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport Cell from '../mobile/bottom-sheet/cell';\n\nfunction TextControl( {\n\tlabel,\n\thideLabelFromVision,\n\tvalue,\n\thelp,\n\tclassName,\n\tinstanceId,\n\tonChange,\n\ttype = 'text',\n\tplaceholder,\n\t...props\n} ) {\n\tconst id = `inspector-text-control-${ instanceId }`;\n\n\treturn (\n\t\t<Cell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\ttype={ type }\n\t\t\tvalue={ value }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\tvaluePlaceholder={ placeholder }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( TextControl );\n"]}

package/build/text-highlight/index.js

@@ -16,10 +16,11 @@ var _lodash = require("lodash");
 /**
  * WordPress dependencies
  */
-const TextHighlight = ({
-  text = '',
-  highlight = ''
-}) => {
+const TextHighlight = _ref => {
+  let {
+    text = '',
+    highlight = ''
+  } = _ref;
   const trimmedHighlightText = highlight.trim();
 
   if (!trimmedHighlightText) {

package/build/text-highlight/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/text-highlight/index.js"],"names":["TextHighlight","text","highlight","trimmedHighlightText","trim","regex","RegExp","replace","mark"],"mappings":";;;;;;;AAQA;;AALA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,aAAa,GAAG,CAAE;AAAEC,EAAAA,IAAI,GAAG,EAAT;AAAaC,EAAAA,SAAS,GAAG;AAAzB,CAAF,KAAqC;AAC1D,QAAMC,oBAAoB,GAAGD,SAAS,CAACE,IAAV,EAA7B;;AAEA,MAAK,CAAED,oBAAP,EAA8B;AAC7B,WAAOF,IAAP;AACA;;AAED,QAAMI,KAAK,GAAG,IAAIC,MAAJ,CACZ,IAAI,0BAAcH,oBAAd,CAAsC,GAD9B,EAEb,IAFa,CAAd;AAKA,SAAO,uCAA0BF,IAAI,CAACM,OAAL,CAAcF,KAAd,EAAqB,iBAArB,CAA1B,EAAoE;AAC1EG,IAAAA,IAAI,EAAE;AADoE,GAApE,CAAP;AAGA,CAfD;;eAiBeR,a","sourcesContent":["/**\n * External dependencies\n */\nimport { escapeRegExp } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { createInterpolateElement } from '@wordpress/element';\n\nconst TextHighlight = ( { text = '', highlight = '' } ) => {\n\tconst trimmedHighlightText = highlight.trim();\n\n\tif ( ! trimmedHighlightText ) {\n\t\treturn text;\n\t}\n\n\tconst regex = new RegExp(\n\t\t`(${ escapeRegExp( trimmedHighlightText ) })`,\n\t\t'gi'\n\t);\n\n\treturn createInterpolateElement( text.replace( regex, '<mark>$&</mark>' ), {\n\t\tmark: <mark />,\n\t} );\n};\n\nexport default TextHighlight;\n"]}
+{"version":3,"sources":["@wordpress/components/src/text-highlight/index.js"],"names":["TextHighlight","text","highlight","trimmedHighlightText","trim","regex","RegExp","replace","mark"],"mappings":";;;;;;;AAQA;;AALA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,aAAa,GAAG,QAAqC;AAAA,MAAnC;AAAEC,IAAAA,IAAI,GAAG,EAAT;AAAaC,IAAAA,SAAS,GAAG;AAAzB,GAAmC;AAC1D,QAAMC,oBAAoB,GAAGD,SAAS,CAACE,IAAV,EAA7B;;AAEA,MAAK,CAAED,oBAAP,EAA8B;AAC7B,WAAOF,IAAP;AACA;;AAED,QAAMI,KAAK,GAAG,IAAIC,MAAJ,CACZ,IAAI,0BAAcH,oBAAd,CAAsC,GAD9B,EAEb,IAFa,CAAd;AAKA,SAAO,uCAA0BF,IAAI,CAACM,OAAL,CAAcF,KAAd,EAAqB,iBAArB,CAA1B,EAAoE;AAC1EG,IAAAA,IAAI,EAAE;AADoE,GAApE,CAAP;AAGA,CAfD;;eAiBeR,a","sourcesContent":["/**\n * External dependencies\n */\nimport { escapeRegExp } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { createInterpolateElement } from '@wordpress/element';\n\nconst TextHighlight = ( { text = '', highlight = '' } ) => {\n\tconst trimmedHighlightText = highlight.trim();\n\n\tif ( ! trimmedHighlightText ) {\n\t\treturn text;\n\t}\n\n\tconst regex = new RegExp(\n\t\t`(${ escapeRegExp( trimmedHighlightText ) })`,\n\t\t'gi'\n\t);\n\n\treturn createInterpolateElement( text.replace( regex, '<mark>$&</mark>' ), {\n\t\tmark: <mark />,\n\t} );\n};\n\nexport default TextHighlight;\n"]}

package/build/textarea-control/index.js

@@ -24,16 +24,17 @@ var _textareaControlStyles = require("./styles/textarea-control-styles");
 /**
  * Internal dependencies
  */
-function TextareaControl({
-  label,
-  hideLabelFromVision,
-  value,
-  help,
-  onChange,
-  rows = 4,
-  className,
-  ...props
-}) {
+function TextareaControl(_ref) {
+  let {
+    label,
+    hideLabelFromVision,
+    value,
+    help,
+    onChange,
+    rows = 4,
+    className,
+    ...props
+  } = _ref;
   const instanceId = (0, _compose.useInstanceId)(TextareaControl);
   const id = `inspector-textarea-control-${instanceId}`;
 

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/textarea-control/index.js"],"names":["TextareaControl","label","hideLabelFromVision","value","help","onChange","rows","className","props","instanceId","id","onChangeValue","event","target","undefined"],"mappings":";;;;;;;;;;;;;AAGA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAIe,SAASA,eAAT,CAA0B;AACxCC,EAAAA,KADwC;AAExCC,EAAAA,mBAFwC;AAGxCC,EAAAA,KAHwC;AAIxCC,EAAAA,IAJwC;AAKxCC,EAAAA,QALwC;AAMxCC,EAAAA,IAAI,GAAG,CANiC;AAOxCC,EAAAA,SAPwC;AAQxC,KAAGC;AARqC,CAA1B,EASX;AACH,QAAMC,UAAU,GAAG,4BAAeT,eAAf,CAAnB;AACA,QAAMU,EAAE,GAAI,8BAA8BD,UAAY,EAAtD;;AACA,QAAME,aAAa,GAAKC,KAAF,IAAaP,QAAQ,CAAEO,KAAK,CAACC,MAAN,CAAaV,KAAf,CAA3C;;AAEA,SACC,4BAAC,oBAAD;AACC,IAAA,KAAK,EAAGF,KADT;AAEC,IAAA,mBAAmB,EAAGC,mBAFvB;AAGC,IAAA,EAAE,EAAGQ,EAHN;AAIC,IAAA,IAAI,EAAGN,IAJR;AAKC,IAAA,SAAS,EAAGG;AALb,KAOC,4BAAC,qCAAD;AACC,IAAA,SAAS,EAAC,oCADX;AAEC,IAAA,EAAE,EAAGG,EAFN;AAGC,IAAA,IAAI,EAAGJ,IAHR;AAIC,IAAA,QAAQ,EAAGK,aAJZ;AAKC,wBAAmB,CAAC,CAAEP,IAAH,GAAUM,EAAE,GAAG,QAAf,GAA0BI,SAL9C;AAMC,IAAA,KAAK,EAAGX;AANT,KAOMK,KAPN,EAPD,CADD;AAmBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport { StyledTextarea } from './styles/textarea-control-styles';\n\nexport default function TextareaControl( {\n\tlabel,\n\thideLabelFromVision,\n\tvalue,\n\thelp,\n\tonChange,\n\trows = 4,\n\tclassName,\n\t...props\n} ) {\n\tconst instanceId = useInstanceId( TextareaControl );\n\tconst id = `inspector-textarea-control-${ instanceId }`;\n\tconst onChangeValue = ( event ) => onChange( event.target.value );\n\n\treturn (\n\t\t<BaseControl\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t>\n\t\t\t<StyledTextarea\n\t\t\t\tclassName=\"components-textarea-control__input\"\n\t\t\t\tid={ id }\n\t\t\t\trows={ rows }\n\t\t\t\tonChange={ onChangeValue }\n\t\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\t\tvalue={ value }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/textarea-control/index.js"],"names":["TextareaControl","label","hideLabelFromVision","value","help","onChange","rows","className","props","instanceId","id","onChangeValue","event","target","undefined"],"mappings":";;;;;;;;;;;;;AAGA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAIe,SAASA,eAAT,OASX;AAAA,MATqC;AACxCC,IAAAA,KADwC;AAExCC,IAAAA,mBAFwC;AAGxCC,IAAAA,KAHwC;AAIxCC,IAAAA,IAJwC;AAKxCC,IAAAA,QALwC;AAMxCC,IAAAA,IAAI,GAAG,CANiC;AAOxCC,IAAAA,SAPwC;AAQxC,OAAGC;AARqC,GASrC;AACH,QAAMC,UAAU,GAAG,4BAAeT,eAAf,CAAnB;AACA,QAAMU,EAAE,GAAI,8BAA8BD,UAAY,EAAtD;;AACA,QAAME,aAAa,GAAKC,KAAF,IAAaP,QAAQ,CAAEO,KAAK,CAACC,MAAN,CAAaV,KAAf,CAA3C;;AAEA,SACC,4BAAC,oBAAD;AACC,IAAA,KAAK,EAAGF,KADT;AAEC,IAAA,mBAAmB,EAAGC,mBAFvB;AAGC,IAAA,EAAE,EAAGQ,EAHN;AAIC,IAAA,IAAI,EAAGN,IAJR;AAKC,IAAA,SAAS,EAAGG;AALb,KAOC,4BAAC,qCAAD;AACC,IAAA,SAAS,EAAC,oCADX;AAEC,IAAA,EAAE,EAAGG,EAFN;AAGC,IAAA,IAAI,EAAGJ,IAHR;AAIC,IAAA,QAAQ,EAAGK,aAJZ;AAKC,wBAAmB,CAAC,CAAEP,IAAH,GAAUM,EAAE,GAAG,QAAf,GAA0BI,SAL9C;AAMC,IAAA,KAAK,EAAGX;AANT,KAOMK,KAPN,EAPD,CADD;AAmBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport { StyledTextarea } from './styles/textarea-control-styles';\n\nexport default function TextareaControl( {\n\tlabel,\n\thideLabelFromVision,\n\tvalue,\n\thelp,\n\tonChange,\n\trows = 4,\n\tclassName,\n\t...props\n} ) {\n\tconst instanceId = useInstanceId( TextareaControl );\n\tconst id = `inspector-textarea-control-${ instanceId }`;\n\tconst onChangeValue = ( event ) => onChange( event.target.value );\n\n\treturn (\n\t\t<BaseControl\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t>\n\t\t\t<StyledTextarea\n\t\t\t\tclassName=\"components-textarea-control__input\"\n\t\t\t\tid={ id }\n\t\t\t\trows={ rows }\n\t\t\t\tonChange={ onChangeValue }\n\t\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\t\tvalue={ value }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n"]}

package/build/textarea-control/index.native.js

@@ -20,13 +20,14 @@ var _baseControl = _interopRequireDefault(require("../base-control"));
 /**
  * Internal dependencies
  */
-function TextareaControl({
-  label,
-  value,
-  help,
-  onChange,
-  rows = 4
-}) {
+function TextareaControl(_ref) {
+  let {
+    label,
+    value,
+    help,
+    onChange,
+    rows = 4
+  } = _ref;
   return (0, _element.createElement)(_baseControl.default, {
     label: label,
     help: help

package/build/textarea-control/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/textarea-control/index.native.js"],"names":["TextareaControl","label","value","help","onChange","rows","height","borderColor","borderWidth"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,SAASA,eAAT,CAA0B;AAAEC,EAAAA,KAAF;AAASC,EAAAA,KAAT;AAAgBC,EAAAA,IAAhB;AAAsBC,EAAAA,QAAtB;AAAgCC,EAAAA,IAAI,GAAG;AAAvC,CAA1B,EAAuE;AACtE,SACC,4BAAC,oBAAD;AAAa,IAAA,KAAK,EAAGJ,KAArB;AAA6B,IAAA,IAAI,EAAGE;AAApC,KACC,4BAAC,sBAAD;AACC,IAAA,KAAK,EAAG;AAAEG,MAAAA,MAAM,EAAE,EAAV;AAAcC,MAAAA,WAAW,EAAE,MAA3B;AAAmCC,MAAAA,WAAW,EAAE;AAAhD,KADT;AAEC,IAAA,KAAK,EAAGN,KAFT;AAGC,IAAA,YAAY,EAAGE,QAHhB;AAIC,IAAA,aAAa,EAAGC,IAJjB;AAKC,IAAA,SAAS,EAAGA,IAAI,GAAG,CALpB;AAMC,IAAA,iBAAiB,EAAC;AANnB,IADD,CADD;AAYA;;eAEcL,e","sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\n\nfunction TextareaControl( { label, value, help, onChange, rows = 4 } ) {\n\treturn (\n\t\t<BaseControl label={ label } help={ help }>\n\t\t\t<TextInput\n\t\t\t\tstyle={ { height: 80, borderColor: 'gray', borderWidth: 1 } }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChangeText={ onChange }\n\t\t\t\tnumberOfLines={ rows }\n\t\t\t\tmultiline={ rows > 1 }\n\t\t\t\ttextAlignVertical=\"top\"\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\nexport default TextareaControl;\n"]}
+{"version":3,"sources":["@wordpress/components/src/textarea-control/index.native.js"],"names":["TextareaControl","label","value","help","onChange","rows","height","borderColor","borderWidth"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,SAASA,eAAT,OAAuE;AAAA,MAA7C;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,IAAhB;AAAsBC,IAAAA,QAAtB;AAAgCC,IAAAA,IAAI,GAAG;AAAvC,GAA6C;AACtE,SACC,4BAAC,oBAAD;AAAa,IAAA,KAAK,EAAGJ,KAArB;AAA6B,IAAA,IAAI,EAAGE;AAApC,KACC,4BAAC,sBAAD;AACC,IAAA,KAAK,EAAG;AAAEG,MAAAA,MAAM,EAAE,EAAV;AAAcC,MAAAA,WAAW,EAAE,MAA3B;AAAmCC,MAAAA,WAAW,EAAE;AAAhD,KADT;AAEC,IAAA,KAAK,EAAGN,KAFT;AAGC,IAAA,YAAY,EAAGE,QAHhB;AAIC,IAAA,aAAa,EAAGC,IAJjB;AAKC,IAAA,SAAS,EAAGA,IAAI,GAAG,CALpB;AAMC,IAAA,iBAAiB,EAAC;AANnB,IADD,CADD;AAYA;;eAEcL,e","sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\n\nfunction TextareaControl( { label, value, help, onChange, rows = 4 } ) {\n\treturn (\n\t\t<BaseControl label={ label } help={ help }>\n\t\t\t<TextInput\n\t\t\t\tstyle={ { height: 80, borderColor: 'gray', borderWidth: 1 } }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChangeText={ onChange }\n\t\t\t\tnumberOfLines={ rows }\n\t\t\t\tmultiline={ rows > 1 }\n\t\t\t\ttextAlignVertical=\"top\"\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\nexport default TextareaControl;\n"]}

package/build/toggle-control/index.js

@@ -30,14 +30,16 @@ var _baseControl = _interopRequireDefault(require("../base-control"));
 /**
  * Internal dependencies
  */
-function ToggleControl({
-  label,
-  checked,
-  help,
-  className,
-  onChange,
-  disabled
-}) {
+function ToggleControl(_ref) {
+  let {
+    label,
+    checked,
+    help,
+    className,
+    onChange,
+    disabled
+  } = _ref;
+
   function onChangeToggle(event) {
     onChange(event.target.checked);
   }

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toggle-control/index.js"],"names":["ToggleControl","label","checked","help","className","onChange","disabled","onChangeToggle","event","target","instanceId","id","describedBy","helpLabel"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAKA;;AAKA;;AACA;;AAfA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AAIe,SAASA,aAAT,CAAwB;AACtCC,EAAAA,KADsC;AAEtCC,EAAAA,OAFsC;AAGtCC,EAAAA,IAHsC;AAItCC,EAAAA,SAJsC;AAKtCC,EAAAA,QALsC;AAMtCC,EAAAA;AANsC,CAAxB,EAOX;AACH,WAASC,cAAT,CAAyBC,KAAzB,EAAiC;AAChCH,IAAAA,QAAQ,CAAEG,KAAK,CAACC,MAAN,CAAaP,OAAf,CAAR;AACA;;AACD,QAAMQ,UAAU,GAAG,4BAAeV,aAAf,CAAnB;AACA,QAAMW,EAAE,GAAI,4BAA4BD,UAAY,EAApD;AAEA,MAAIE,WAAJ,EAAiBC,SAAjB;;AACA,MAAKV,IAAL,EAAY;AACXS,IAAAA,WAAW,GAAGD,EAAE,GAAG,QAAnB;AACAE,IAAAA,SAAS,GAAG,wBAAYV,IAAZ,IAAqBA,IAAI,CAAED,OAAF,CAAzB,GAAuCC,IAAnD;AACA;;AAED,SACC,4BAAC,oBAAD;AACC,IAAA,EAAE,EAAGQ,EADN;AAEC,IAAA,IAAI,EAAGE,SAFR;AAGC,IAAA,SAAS,EAAG,yBAAY,2BAAZ,EAAyCT,SAAzC;AAHb,KAKC,4BAAC,mBAAD;AACC,IAAA,EAAE,EAAGO,EADN;AAEC,IAAA,OAAO,EAAGT,OAFX;AAGC,IAAA,QAAQ,EAAGK,cAHZ;AAIC,wBAAmBK,WAJpB;AAKC,IAAA,QAAQ,EAAGN;AALZ,IALD,EAYC;AAAO,IAAA,OAAO,EAAGK,EAAjB;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACGV,KADH,CAZD,CADD;AAkBA","sourcesContent":["/**\n * External dependencies\n */\nimport { isFunction } from 'lodash';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport FormToggle from '../form-toggle';\nimport BaseControl from '../base-control';\n\nexport default function ToggleControl( {\n\tlabel,\n\tchecked,\n\thelp,\n\tclassName,\n\tonChange,\n\tdisabled,\n} ) {\n\tfunction onChangeToggle( event ) {\n\t\tonChange( event.target.checked );\n\t}\n\tconst instanceId = useInstanceId( ToggleControl );\n\tconst id = `inspector-toggle-control-${ instanceId }`;\n\n\tlet describedBy, helpLabel;\n\tif ( help ) {\n\t\tdescribedBy = id + '__help';\n\t\thelpLabel = isFunction( help ) ? help( checked ) : help;\n\t}\n\n\treturn (\n\t\t<BaseControl\n\t\t\tid={ id }\n\t\t\thelp={ helpLabel }\n\t\t\tclassName={ classnames( 'components-toggle-control', className ) }\n\t\t>\n\t\t\t<FormToggle\n\t\t\t\tid={ id }\n\t\t\t\tchecked={ checked }\n\t\t\t\tonChange={ onChangeToggle }\n\t\t\t\taria-describedby={ describedBy }\n\t\t\t\tdisabled={ disabled }\n\t\t\t/>\n\t\t\t<label htmlFor={ id } className=\"components-toggle-control__label\">\n\t\t\t\t{ label }\n\t\t\t</label>\n\t\t</BaseControl>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/toggle-control/index.js"],"names":["ToggleControl","label","checked","help","className","onChange","disabled","onChangeToggle","event","target","instanceId","id","describedBy","helpLabel"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAKA;;AAKA;;AACA;;AAfA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AAIe,SAASA,aAAT,OAOX;AAAA,MAPmC;AACtCC,IAAAA,KADsC;AAEtCC,IAAAA,OAFsC;AAGtCC,IAAAA,IAHsC;AAItCC,IAAAA,SAJsC;AAKtCC,IAAAA,QALsC;AAMtCC,IAAAA;AANsC,GAOnC;;AACH,WAASC,cAAT,CAAyBC,KAAzB,EAAiC;AAChCH,IAAAA,QAAQ,CAAEG,KAAK,CAACC,MAAN,CAAaP,OAAf,CAAR;AACA;;AACD,QAAMQ,UAAU,GAAG,4BAAeV,aAAf,CAAnB;AACA,QAAMW,EAAE,GAAI,4BAA4BD,UAAY,EAApD;AAEA,MAAIE,WAAJ,EAAiBC,SAAjB;;AACA,MAAKV,IAAL,EAAY;AACXS,IAAAA,WAAW,GAAGD,EAAE,GAAG,QAAnB;AACAE,IAAAA,SAAS,GAAG,wBAAYV,IAAZ,IAAqBA,IAAI,CAAED,OAAF,CAAzB,GAAuCC,IAAnD;AACA;;AAED,SACC,4BAAC,oBAAD;AACC,IAAA,EAAE,EAAGQ,EADN;AAEC,IAAA,IAAI,EAAGE,SAFR;AAGC,IAAA,SAAS,EAAG,yBAAY,2BAAZ,EAAyCT,SAAzC;AAHb,KAKC,4BAAC,mBAAD;AACC,IAAA,EAAE,EAAGO,EADN;AAEC,IAAA,OAAO,EAAGT,OAFX;AAGC,IAAA,QAAQ,EAAGK,cAHZ;AAIC,wBAAmBK,WAJpB;AAKC,IAAA,QAAQ,EAAGN;AALZ,IALD,EAYC;AAAO,IAAA,OAAO,EAAGK,EAAjB;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACGV,KADH,CAZD,CADD;AAkBA","sourcesContent":["/**\n * External dependencies\n */\nimport { isFunction } from 'lodash';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport FormToggle from '../form-toggle';\nimport BaseControl from '../base-control';\n\nexport default function ToggleControl( {\n\tlabel,\n\tchecked,\n\thelp,\n\tclassName,\n\tonChange,\n\tdisabled,\n} ) {\n\tfunction onChangeToggle( event ) {\n\t\tonChange( event.target.checked );\n\t}\n\tconst instanceId = useInstanceId( ToggleControl );\n\tconst id = `inspector-toggle-control-${ instanceId }`;\n\n\tlet describedBy, helpLabel;\n\tif ( help ) {\n\t\tdescribedBy = id + '__help';\n\t\thelpLabel = isFunction( help ) ? help( checked ) : help;\n\t}\n\n\treturn (\n\t\t<BaseControl\n\t\t\tid={ id }\n\t\t\thelp={ helpLabel }\n\t\t\tclassName={ classnames( 'components-toggle-control', className ) }\n\t\t>\n\t\t\t<FormToggle\n\t\t\t\tid={ id }\n\t\t\t\tchecked={ checked }\n\t\t\t\tonChange={ onChangeToggle }\n\t\t\t\taria-describedby={ describedBy }\n\t\t\t\tdisabled={ disabled }\n\t\t\t/>\n\t\t\t<label htmlFor={ id } className=\"components-toggle-control__label\">\n\t\t\t\t{ label }\n\t\t\t</label>\n\t\t</BaseControl>\n\t);\n}\n"]}

package/build/toggle-control/index.native.js

@@ -26,15 +26,16 @@ var _switchCell = _interopRequireDefault(require("../mobile/bottom-sheet/switch-
 /**
  * Internal dependencies
  */
-const ToggleControl = (0, _element.memo)(({
-  label,
-  checked,
-  help,
-  instanceId,
-  className,
-  onChange,
-  ...props
-}) => {
+const ToggleControl = (0, _element.memo)(_ref => {
+  let {
+    label,
+    checked,
+    help,
+    instanceId,
+    className,
+    onChange,
+    ...props
+  } = _ref;
   const id = `inspector-toggle-control-${instanceId}`;
   const helpLabel = help && (0, _lodash.isFunction)(help) ? help(checked) : help;
   return (0, _element.createElement)(_switchCell.default, (0, _extends2.default)({

package/build/toggle-control/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toggle-control/index.native.js"],"names":["ToggleControl","label","checked","help","instanceId","className","onChange","props","id","helpLabel"],"mappings":";;;;;;;;;AAQA;;;;AALA;;AASA;;AAZA;AACA;AACA;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AAGA,MAAMA,aAAa,GAAG,mBACrB,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA,OAAT;AAAkBC,EAAAA,IAAlB;AAAwBC,EAAAA,UAAxB;AAAoCC,EAAAA,SAApC;AAA+CC,EAAAA,QAA/C;AAAyD,KAAGC;AAA5D,CAAF,KAA2E;AAC1E,QAAMC,EAAE,GAAI,4BAA4BJ,UAAY,EAApD;AAEA,QAAMK,SAAS,GAAGN,IAAI,IAAI,wBAAYA,IAAZ,CAAR,GAA6BA,IAAI,CAAED,OAAF,CAAjC,GAA+CC,IAAjE;AAEA,SACC,4BAAC,mBAAD;AACC,IAAA,KAAK,EAAGF,KADT;AAEC,IAAA,EAAE,EAAGO,EAFN;AAGC,IAAA,IAAI,EAAGC,SAHR;AAIC,IAAA,SAAS,EAAGJ,SAJb;AAKC,IAAA,KAAK,EAAGH,OALT;AAMC,IAAA,aAAa,EAAGI;AANjB,KAOMC,KAPN,EADD;AAWA,CAjBoB,CAAtB;eAoBeP,a","sourcesContent":["/**\n * External dependencies\n */\nimport { isFunction } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport SwitchCell from '../mobile/bottom-sheet/switch-cell';\n\nconst ToggleControl = memo(\n\t( { label, checked, help, instanceId, className, onChange, ...props } ) => {\n\t\tconst id = `inspector-toggle-control-${ instanceId }`;\n\n\t\tconst helpLabel = help && isFunction( help ) ? help( checked ) : help;\n\n\t\treturn (\n\t\t\t<SwitchCell\n\t\t\t\tlabel={ label }\n\t\t\t\tid={ id }\n\t\t\t\thelp={ helpLabel }\n\t\t\t\tclassName={ className }\n\t\t\t\tvalue={ checked }\n\t\t\t\tonValueChange={ onChange }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport default ToggleControl;\n"]}
+{"version":3,"sources":["@wordpress/components/src/toggle-control/index.native.js"],"names":["ToggleControl","label","checked","help","instanceId","className","onChange","props","id","helpLabel"],"mappings":";;;;;;;;;AAQA;;;;AALA;;AASA;;AAZA;AACA;AACA;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AAGA,MAAMA,aAAa,GAAG,mBACrB,QAA2E;AAAA,MAAzE;AAAEC,IAAAA,KAAF;AAASC,IAAAA,OAAT;AAAkBC,IAAAA,IAAlB;AAAwBC,IAAAA,UAAxB;AAAoCC,IAAAA,SAApC;AAA+CC,IAAAA,QAA/C;AAAyD,OAAGC;AAA5D,GAAyE;AAC1E,QAAMC,EAAE,GAAI,4BAA4BJ,UAAY,EAApD;AAEA,QAAMK,SAAS,GAAGN,IAAI,IAAI,wBAAYA,IAAZ,CAAR,GAA6BA,IAAI,CAAED,OAAF,CAAjC,GAA+CC,IAAjE;AAEA,SACC,4BAAC,mBAAD;AACC,IAAA,KAAK,EAAGF,KADT;AAEC,IAAA,EAAE,EAAGO,EAFN;AAGC,IAAA,IAAI,EAAGC,SAHR;AAIC,IAAA,SAAS,EAAGJ,SAJb;AAKC,IAAA,KAAK,EAAGH,OALT;AAMC,IAAA,aAAa,EAAGI;AANjB,KAOMC,KAPN,EADD;AAWA,CAjBoB,CAAtB;eAoBeP,a","sourcesContent":["/**\n * External dependencies\n */\nimport { isFunction } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport SwitchCell from '../mobile/bottom-sheet/switch-cell';\n\nconst ToggleControl = memo(\n\t( { label, checked, help, instanceId, className, onChange, ...props } ) => {\n\t\tconst id = `inspector-toggle-control-${ instanceId }`;\n\n\t\tconst helpLabel = help && isFunction( help ) ? help( checked ) : help;\n\n\t\treturn (\n\t\t\t<SwitchCell\n\t\t\t\tlabel={ label }\n\t\t\t\tid={ id }\n\t\t\t\thelp={ helpLabel }\n\t\t\t\tclassName={ className }\n\t\t\t\tvalue={ checked }\n\t\t\t\tonValueChange={ onChange }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport default ToggleControl;\n"]}

package/build/toggle-group-control/{toggle-group-control-context.js → context.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.useToggleGroupControlContext = void 0;
+exports.useToggleGroupControlContext = exports.default = void 0;
 
 var _element = require("@wordpress/element");
 
@@ -17,4 +17,4 @@ const useToggleGroupControlContext = () => (0, _element.useContext)(ToggleGroupC
 exports.useToggleGroupControlContext = useToggleGroupControlContext;
 var _default = ToggleGroupControlContext;
 exports.default = _default;
-//# sourceMappingURL=toggle-group-control-context.js.map
+//# sourceMappingURL=context.js.map

package/build/toggle-group-control/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/components/src/toggle-group-control/context.ts"],"names":["ToggleGroupControlContext","useToggleGroupControlContext"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAQA,MAAMA,yBAAyB,GAAG,4BACjC,EADiC,CAAlC;;AAGO,MAAMC,4BAA4B,GAAG,MAC3C,yBAAYD,yBAAZ,CADM;;;eAEQA,yB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ToggleGroupControlContextProps } from './types';\n\nconst ToggleGroupControlContext = createContext(\n\t{} as ToggleGroupControlContextProps\n);\nexport const useToggleGroupControlContext = () =>\n\tuseContext( ToggleGroupControlContext );\nexport default ToggleGroupControlContext;\n"]}

package/build/toggle-group-control/index.js

@@ -1,24 +1,22 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "ToggleGroupControl", {
   enumerable: true,
   get: function () {
-    return _component.default;
+    return _toggleGroupControl.ToggleGroupControl;
   }
 });
 Object.defineProperty(exports, "ToggleGroupControlOption", {
   enumerable: true,
   get: function () {
-    return _toggleGroupControlOption.default;
+    return _toggleGroupControlOption.ToggleGroupControlOption;
   }
 });
 
-var _component = _interopRequireDefault(require("./component"));
+var _toggleGroupControl = require("./toggle-group-control");
 
-var _toggleGroupControlOption = _interopRequireDefault(require("./toggle-group-control-option"));
+var _toggleGroupControlOption = require("./toggle-group-control-option");
 //# sourceMappingURL=index.js.map

package/build/toggle-group-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/toggle-group-control/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { default as ToggleGroupControl } from './component';\nexport { default as ToggleGroupControlOption } from './toggle-group-control-option';\n"]}
+{"version":3,"sources":["@wordpress/components/src/toggle-group-control/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { ToggleGroupControl } from './toggle-group-control';\nexport { ToggleGroupControlOption } from './toggle-group-control-option';\n"]}

package/build/toggle-group-control/{component.js → toggle-group-control/component.js}

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -19,24 +17,29 @@ var _reactResizeAware = _interopRequireDefault(require("react-resize-aware"));
 
 var _compose = require("@wordpress/compose");
 
-var _context = require("../ui/context");
+var _context = require("../../ui/context");
 
-var _hooks = require("../utils/hooks");
+var _hooks = require("../../utils/hooks");
 
-var _view = require("../view");
+var _view = require("../../view");
 
-var _baseControl = _interopRequireDefault(require("../base-control"));
+var _baseControl = _interopRequireDefault(require("../../base-control"));
 
 var _toggleGroupControlBackdrop = _interopRequireDefault(require("./toggle-group-control-backdrop"));
 
-var _toggleGroupControlContext = _interopRequireDefault(require("./toggle-group-control-context"));
+var _context2 = _interopRequireDefault(require("../context"));
 
 var styles = _interopRequireWildcard(require("./styles"));
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * External dependencies
  */
 // eslint-disable-next-line no-restricted-imports
+// eslint-disable-next-line no-restricted-imports
 
 /**
  * Internal dependencies
@@ -77,7 +80,7 @@ function ToggleGroupControl(props, forwardedRef) {
   const classes = (0, _element.useMemo)(() => cx(styles.ToggleGroupControl, isBlock && styles.block, 'medium', className), [className, isBlock]);
   return (0, _element.createElement)(_baseControl.default, {
     help: help
-  }, (0, _element.createElement)(_toggleGroupControlContext.default.Provider, {
+  }, (0, _element.createElement)(_context2.default.Provider, {
     value: { ...radio,
       isBlock: !isAdaptiveWidth
     }
@@ -93,8 +96,35 @@ function ToggleGroupControl(props, forwardedRef) {
     isAdaptiveWidth: isAdaptiveWidth
   })), children)));
 }
+/**
+ * `ToggleGroupControl` is a form component that lets users choose options
+ * represented in horizontal segments. To render options for this control use
+ * `ToggleGroupControlOption` component.
+ *
+ * Only use this control when you know for sure the labels of items inside won't
+ * wrap. For items with longer labels, you can consider a `SelectControl` or a
+ * `CustomSelectControl` component instead.
+ *
+ * @example
+ * ```jsx
+ * import {
+ *   __experimentalToggleGroupControl as ToggleGroupControl,
+ *   __experimentalToggleGroupControlOption as ToggleGroupControlOption,
+ * } from '@wordpress/components';
+ *
+ * function Example() {
+ *   return (
+ *     <ToggleGroupControl label="my label" value="vertical" isBlock>
+ *       <ToggleGroupControlOption value="horizontal" label="Horizontal" />
+ *       <ToggleGroupControlOption value="vertical" label="Vertical" />
+ *     </ToggleGroupControl>
+ *   );
+ * }
+ * ```
+ */
 
-var _default = (0, _context.contextConnect)(ToggleGroupControl, 'ToggleGroupControl');
 
+const ConnectedToggleGroupControl = (0, _context.contextConnect)(ToggleGroupControl, 'ToggleGroupControl');
+var _default = ConnectedToggleGroupControl;
 exports.default = _default;
 //# sourceMappingURL=component.js.map

package/build/toggle-group-control/toggle-group-control/component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/component.tsx"],"names":["noop","ToggleGroupControl","props","forwardedRef","className","isAdaptiveWidth","isBlock","label","hideLabelFromVision","help","onChange","value","children","otherProps","cx","containerRef","resizeListener","sizes","baseId","toString","radio","state","setState","classes","styles","block","View","width","ConnectedToggleGroupControl"],"mappings":";;;;;;;;;AAaA;;;;AAPA;;AACA;;AAOA;;AAKA;;AAKA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;AA9BA;AACA;AACA;AACA;AAEA;;AAWA;AACA;AACA;AAcA,MAAMA,IAAI,GAAG,MAAM,CAAE,CAArB;;AAEA,SAASC,kBAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAM;AACLC,IAAAA,SADK;AAELC,IAAAA,eAAe,GAAG,KAFb;AAGLC,IAAAA,OAAO,GAAG,KAHL;AAILC,IAAAA,KAJK;AAKLC,IAAAA,mBAAmB,GAAG,KALjB;AAMLC,IAAAA,IANK;AAOLC,IAAAA,QAAQ,GAAGV,IAPN;AAQLW,IAAAA,KARK;AASLC,IAAAA,QATK;AAUL,OAAGC;AAVE,MAWF,+BAAkBX,KAAlB,EAAyB,oBAAzB,CAXJ;AAYA,QAAMY,EAAE,GAAG,mBAAX;AACA,QAAMC,YAAY,GAAG,sBAArB;AACA,QAAM,CAAEC,cAAF,EAAkBC,KAAlB,IAA4B,gCAAlC;AACA,QAAMC,MAAM,GAAG,4BACdjB,kBADc,EAEd,sBAFc,EAGbkB,QAHa,EAAf;AAIA,QAAMC,KAAK,GAAG,2BAAe;AAC5BF,IAAAA,MAD4B;AAE5BG,IAAAA,KAAK,EAAEV;AAFqB,GAAf,CAAd,CApBC,CAyBD;;AACA,8BAAiB,MAAM;AACtBD,IAAAA,QAAQ,CAAEU,KAAK,CAACC,KAAR,CAAR;AACA,GAFD,EAEG,CAAED,KAAK,CAACC,KAAR,CAFH,EA1BC,CA8BD;;AACA,8BAAiB,MAAM;AACtB,QAAKV,KAAK,KAAKS,KAAK,CAACC,KAArB,EAA6B;AAC5BD,MAAAA,KAAK,CAACE,QAAN,CAAgBX,KAAhB;AACA;AACD,GAJD,EAIG,CAAEA,KAAF,CAJH;AAMA,QAAMY,OAAO,GAAG,sBACf,MACCT,EAAE,CACDU,MAAM,CAACvB,kBADN,EAEDK,OAAO,IAAIkB,MAAM,CAACC,KAFjB,EAGD,QAHC,EAIDrB,SAJC,CAFY,EAQf,CAAEA,SAAF,EAAaE,OAAb,CARe,CAAhB;AAUA,SACC,4BAAC,oBAAD;AAAa,IAAA,IAAI,EAAGG;AAApB,KACC,4BAAC,iBAAD,CAA2B,QAA3B;AACC,IAAA,KAAK,EAAG,EAAE,GAAGW,KAAL;AAAYd,MAAAA,OAAO,EAAE,CAAED;AAAvB;AADT,KAGG,CAAEG,mBAAF,IACD,yCACC,4BAAC,oBAAD,CAAa,WAAb,QACGD,KADH,CADD,CAJF,EAUC,4BAAC,kBAAD,6BACMa,KADN;AAEC,kBAAab,KAFd;AAGC,IAAA,EAAE,EAAGmB,UAHN;AAIC,IAAA,SAAS,EAAGH;AAJb,KAKMV,UALN;AAMC,IAAA,GAAG,EAAG,2BAAc,CAAEE,YAAF,EAAgBZ,YAAhB,CAAd;AANP,MAQGa,cARH,EASC,4BAAC,mCAAD,6BACMI,KADN;AAEC,IAAA,YAAY,EAAGL,YAFhB;AAGC,IAAA,cAAc,EAAGE,KAAK,CAACU,KAHxB;AAIC,IAAA,eAAe,EAAGtB;AAJnB,KATD,EAeGO,QAfH,CAVD,CADD,CADD;AAgCA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMgB,2BAA2B,GAAG,6BACnC3B,kBADmC,EAEnC,oBAFmC,CAApC;eAKe2B,2B","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type { Ref } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { RadioGroup, useRadioState } from 'reakit';\nimport useResizeAware from 'react-resize-aware';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useRef, useMemo } from '@wordpress/element';\nimport { useMergeRefs, useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tcontextConnect,\n\tuseContextSystem,\n\tWordPressComponentProps,\n} from '../../ui/context';\nimport { useUpdateEffect, useCx } from '../../utils/hooks';\nimport { View } from '../../view';\nimport BaseControl from '../../base-control';\nimport ToggleGroupControlBackdrop from './toggle-group-control-backdrop';\nimport type { ToggleGroupControlProps } from '../types';\nimport ToggleGroupControlContext from '../context';\nimport * as styles from './styles';\n\nconst noop = () => {};\n\nfunction ToggleGroupControl(\n\tprops: WordPressComponentProps< ToggleGroupControlProps, 'input' >,\n\tforwardedRef: Ref< any >\n) {\n\tconst {\n\t\tclassName,\n\t\tisAdaptiveWidth = false,\n\t\tisBlock = false,\n\t\tlabel,\n\t\thideLabelFromVision = false,\n\t\thelp,\n\t\tonChange = noop,\n\t\tvalue,\n\t\tchildren,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ToggleGroupControl' );\n\tconst cx = useCx();\n\tconst containerRef = useRef();\n\tconst [ resizeListener, sizes ] = useResizeAware();\n\tconst baseId = useInstanceId(\n\t\tToggleGroupControl,\n\t\t'toggle-group-control'\n\t).toString();\n\tconst radio = useRadioState( {\n\t\tbaseId,\n\t\tstate: value,\n\t} );\n\n\t// Propagate radio.state change\n\tuseUpdateEffect( () => {\n\t\tonChange( radio.state );\n\t}, [ radio.state ] );\n\n\t// Sync incoming value with radio.state\n\tuseUpdateEffect( () => {\n\t\tif ( value !== radio.state ) {\n\t\t\tradio.setState( value );\n\t\t}\n\t}, [ value ] );\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.ToggleGroupControl,\n\t\t\t\tisBlock && styles.block,\n\t\t\t\t'medium',\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, isBlock ]\n\t);\n\treturn (\n\t\t<BaseControl help={ help }>\n\t\t\t<ToggleGroupControlContext.Provider\n\t\t\t\tvalue={ { ...radio, isBlock: ! isAdaptiveWidth } }\n\t\t\t>\n\t\t\t\t{ ! hideLabelFromVision && (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t<RadioGroup\n\t\t\t\t\t{ ...radio }\n\t\t\t\t\taria-label={ label }\n\t\t\t\t\tas={ View }\n\t\t\t\t\tclassName={ classes }\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\tref={ useMergeRefs( [ containerRef, forwardedRef ] ) }\n\t\t\t\t>\n\t\t\t\t\t{ resizeListener }\n\t\t\t\t\t<ToggleGroupControlBackdrop\n\t\t\t\t\t\t{ ...radio }\n\t\t\t\t\t\tcontainerRef={ containerRef }\n\t\t\t\t\t\tcontainerWidth={ sizes.width }\n\t\t\t\t\t\tisAdaptiveWidth={ isAdaptiveWidth }\n\t\t\t\t\t/>\n\t\t\t\t\t{ children }\n\t\t\t\t</RadioGroup>\n\t\t\t</ToggleGroupControlContext.Provider>\n\t\t</BaseControl>\n\t);\n}\n\n/**\n * `ToggleGroupControl` is a form component that lets users choose options\n * represented in horizontal segments. To render options for this control use\n * `ToggleGroupControlOption` component.\n *\n * Only use this control when you know for sure the labels of items inside won't\n * wrap. For items with longer labels, you can consider a `SelectControl` or a\n * `CustomSelectControl` component instead.\n *\n * @example\n * ```jsx\n * import {\n *   __experimentalToggleGroupControl as ToggleGroupControl,\n *   __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n * } from '@wordpress/components';\n *\n * function Example() {\n *   return (\n *     <ToggleGroupControl label=\"my label\" value=\"vertical\" isBlock>\n *       <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n *       <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n *     </ToggleGroupControl>\n *   );\n * }\n * ```\n */\nconst ConnectedToggleGroupControl = contextConnect(\n\tToggleGroupControl,\n\t'ToggleGroupControl'\n);\n\nexport default ConnectedToggleGroupControl;\n"]}

package/build/toggle-group-control/toggle-group-control/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ToggleGroupControl", {
+  enumerable: true,
+  get: function () {
+    return _component.default;
+  }
+});
+
+var _component = _interopRequireDefault(require("./component"));
+//# sourceMappingURL=index.js.map

package/build/toggle-group-control/toggle-group-control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default as ToggleGroupControl } from './component';\n"]}

package/build/toggle-group-control/toggle-group-control/styles.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.block = exports.ToggleGroupControl = exports.BackdropView = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _react = require("@emotion/react");
+
+var _utils = require("../../utils");
+
+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 ToggleGroupControl = /*#__PURE__*/(0, _react.css)("background:", _utils.COLORS.ui.background, ";border:1px solid;border-color:", _utils.COLORS.ui.border, ";border-radius:", _utils.CONFIG.controlBorderRadius, ";display:inline-flex;min-height:", _utils.CONFIG.controlHeight, ";min-width:0;padding:2px;position:relative;transition:transform ", _utils.CONFIG.transitionDurationFastest, " linear;", (0, _utils.reduceMotion)('transition'), " &:hover{border-color:", _utils.COLORS.ui.borderHover, ";}&:focus-within{border-color:", _utils.COLORS.ui.borderFocus, ";box-shadow:", _utils.CONFIG.controlBoxShadowFocus, ";outline:none;z-index:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ToggleGroupControl;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdxQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3RvZ2dsZS1ncm91cC1jb250cm9sL3RvZ2dsZS1ncm91cC1jb250cm9sL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09ORklHLCBDT0xPUlMsIHJlZHVjZU1vdGlvbiB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFRvZ2dsZUdyb3VwQ29udHJvbCA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnVpLmJhY2tncm91bmQgfTtcblx0Ym9yZGVyOiAxcHggc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlciB9O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcuY29udHJvbEJvcmRlclJhZGl1cyB9O1xuXHRkaXNwbGF5OiBpbmxpbmUtZmxleDtcblx0bWluLWhlaWdodDogJHsgQ09ORklHLmNvbnRyb2xIZWlnaHQgfTtcblx0bWluLXdpZHRoOiAwO1xuXHRwYWRkaW5nOiAycHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0dHJhbnNpdGlvbjogdHJhbnNmb3JtICR7IENPTkZJRy50cmFuc2l0aW9uRHVyYXRpb25GYXN0ZXN0IH0gbGluZWFyO1xuXHQkeyByZWR1Y2VNb3Rpb24oICd0cmFuc2l0aW9uJyApIH1cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVySG92ZXIgfTtcblx0fVxuXG5cdCY6Zm9jdXMtd2l0aGluIHtcblx0XHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXJGb2N1cyB9O1xuXHRcdGJveC1zaGFkb3c6ICR7IENPTkZJRy5jb250cm9sQm94U2hhZG93Rm9jdXMgfTtcblx0XHRvdXRsaW5lOiBub25lO1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgQmFja2Ryb3BWaWV3ID0gc3R5bGVkLmRpdmBcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5jb250cm9sQm9yZGVyUmFkaXVzIH07XG5cdGJveC1zaGFkb3c6ICR7IENPTkZJRy50b2dnbGVHcm91cENvbnRyb2xCYWNrZHJvcEJveFNoYWRvdyB9O1xuXHRsZWZ0OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMnB4O1xuXHRib3R0b206IDJweDtcblx0dHJhbnNpdGlvbjogdHJhbnNmb3JtICR7IENPTkZJRy50cmFuc2l0aW9uRHVyYXRpb25GYXN0IH0gZWFzZTtcblx0JHsgcmVkdWNlTW90aW9uKCAndHJhbnNpdGlvbicgKSB9XG5cdHotaW5kZXg6IDE7XG5gO1xuIl19 */");
+exports.ToggleGroupControl = ToggleGroupControl;
+const block = process.env.NODE_ENV === "production" ? {
+  name: "7whenc",
+  styles: "display:flex;width:100%"
+} : {
+  name: "2dfrl8-block",
+  styles: "display:flex;width:100%;label:block;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Dd0IiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b2dnbGUtZ3JvdXAtY29udHJvbC90b2dnbGUtZ3JvdXAtY29udHJvbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBUb2dnbGVHcm91cENvbnRyb2wgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy51aS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXIgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJSYWRpdXMgfTtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdG1pbi1oZWlnaHQ6ICR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH07XG5cdG1pbi13aWR0aDogMDtcblx0cGFkZGluZzogMnB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdHRyYW5zaXRpb246IHRyYW5zZm9ybSAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdGVzdCB9IGxpbmVhcjtcblx0JHsgcmVkdWNlTW90aW9uKCAndHJhbnNpdGlvbicgKSB9XG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlckhvdmVyIH07XG5cdH1cblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRib3gtc2hhZG93OiAkeyBDT05GSUcuY29udHJvbEJveFNoYWRvd0ZvY3VzIH07XG5cdFx0b3V0bGluZTogbm9uZTtcblx0XHR6LWluZGV4OiAxO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEJhY2tkcm9wVmlldyA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcuY29udHJvbEJvcmRlclJhZGl1cyB9O1xuXHRib3gtc2hhZG93OiAkeyBDT05GSUcudG9nZ2xlR3JvdXBDb250cm9sQmFja2Ryb3BCb3hTaGFkb3cgfTtcblx0bGVmdDogMDtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDJweDtcblx0Ym90dG9tOiAycHg7XG5cdHRyYW5zaXRpb246IHRyYW5zZm9ybSAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdCB9IGVhc2U7XG5cdCR7IHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nICkgfVxuXHR6LWluZGV4OiAxO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+exports.block = block;
+const BackdropView = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eakva830"
+} : {
+  target: "eakva830",
+  label: "BackdropView"
+})("background:", _utils.COLORS.gray[900], ";border-radius:", _utils.CONFIG.controlBorderRadius, ";box-shadow:", _utils.CONFIG.toggleGroupControlBackdropBoxShadow, ";left:0;position:absolute;top:2px;bottom:2px;transition:transform ", _utils.CONFIG.transitionDurationFast, " ease;", (0, _utils.reduceMotion)('transition'), " z-index:1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvdG9nZ2xlLWdyb3VwLWNvbnRyb2wvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDc0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy90b2dnbGUtZ3JvdXAtY29udHJvbC90b2dnbGUtZ3JvdXAtY29udHJvbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTLCByZWR1Y2VNb3Rpb24gfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBUb2dnbGVHcm91cENvbnRyb2wgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy51aS5iYWNrZ3JvdW5kIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7IENPTE9SUy51aS5ib3JkZXIgfTtcblx0Ym9yZGVyLXJhZGl1czogJHsgQ09ORklHLmNvbnRyb2xCb3JkZXJSYWRpdXMgfTtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdG1pbi1oZWlnaHQ6ICR7IENPTkZJRy5jb250cm9sSGVpZ2h0IH07XG5cdG1pbi13aWR0aDogMDtcblx0cGFkZGluZzogMnB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdHRyYW5zaXRpb246IHRyYW5zZm9ybSAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdGVzdCB9IGxpbmVhcjtcblx0JHsgcmVkdWNlTW90aW9uKCAndHJhbnNpdGlvbicgKSB9XG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnVpLmJvcmRlckhvdmVyIH07XG5cdH1cblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyBDT0xPUlMudWkuYm9yZGVyRm9jdXMgfTtcblx0XHRib3gtc2hhZG93OiAkeyBDT05GSUcuY29udHJvbEJveFNoYWRvd0ZvY3VzIH07XG5cdFx0b3V0bGluZTogbm9uZTtcblx0XHR6LWluZGV4OiAxO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEJhY2tkcm9wVmlldyA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcuY29udHJvbEJvcmRlclJhZGl1cyB9O1xuXHRib3gtc2hhZG93OiAkeyBDT05GSUcudG9nZ2xlR3JvdXBDb250cm9sQmFja2Ryb3BCb3hTaGFkb3cgfTtcblx0bGVmdDogMDtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDJweDtcblx0Ym90dG9tOiAycHg7XG5cdHRyYW5zaXRpb246IHRyYW5zZm9ybSAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdCB9IGVhc2U7XG5cdCR7IHJlZHVjZU1vdGlvbiggJ3RyYW5zaXRpb24nICkgfVxuXHR6LWluZGV4OiAxO1xuYDtcbiJdfQ== */"));
+exports.BackdropView = BackdropView;
+//# sourceMappingURL=styles.js.map

package/build/toggle-group-control/toggle-group-control/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/styles.ts"],"names":["ToggleGroupControl","css","COLORS","ui","background","border","CONFIG","controlBorderRadius","controlHeight","transitionDurationFastest","borderHover","borderFocus","controlBoxShadowFocus","block","BackdropView","gray","toggleGroupControlBackdropBoxShadow","transitionDurationFast"],"mappings":";;;;;;;;;;;AAGA;;AAMA;;;;AAEO,MAAMA,kBAAkB,oBAAGC,UAAH,iBACfC,cAAOC,EAAP,CAAUC,UADK,qCAGbF,cAAOC,EAAP,CAAUE,MAHG,qBAIZC,cAAOC,mBAJK,sCAMfD,cAAOE,aANQ,sEAULF,cAAOG,yBAVF,cAW3B,yBAAc,YAAd,CAX2B,4BAaZP,cAAOC,EAAP,CAAUO,WAbE,oCAiBZR,cAAOC,EAAP,CAAUQ,WAjBE,kBAkBdL,cAAOM,qBAlBO,4wEAAxB;;AAwBA,MAAMC,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAX;;AAKA,MAAMC,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBACTZ,cAAOa,IAAP,CAAa,GAAb,CADS,qBAENT,cAAOC,mBAFD,kBAGTD,cAAOU,mCAHE,wEAQCV,cAAOW,sBARR,YASrB,yBAAc,YAAd,CATqB,urEAAlB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS, reduceMotion } from '../../utils';\n\nexport const ToggleGroupControl = css`\n\tbackground: ${ COLORS.ui.background };\n\tborder: 1px solid;\n\tborder-color: ${ COLORS.ui.border };\n\tborder-radius: ${ CONFIG.controlBorderRadius };\n\tdisplay: inline-flex;\n\tmin-height: ${ CONFIG.controlHeight };\n\tmin-width: 0;\n\tpadding: 2px;\n\tposition: relative;\n\ttransition: transform ${ CONFIG.transitionDurationFastest } linear;\n\t${ reduceMotion( 'transition' ) }\n\t&:hover {\n\t\tborder-color: ${ COLORS.ui.borderHover };\n\t}\n\n\t&:focus-within {\n\t\tborder-color: ${ COLORS.ui.borderFocus };\n\t\tbox-shadow: ${ CONFIG.controlBoxShadowFocus };\n\t\toutline: none;\n\t\tz-index: 1;\n\t}\n`;\n\nexport const block = css`\n\tdisplay: flex;\n\twidth: 100%;\n`;\n\nexport const BackdropView = styled.div`\n\tbackground: ${ COLORS.gray[ 900 ] };\n\tborder-radius: ${ CONFIG.controlBorderRadius };\n\tbox-shadow: ${ CONFIG.toggleGroupControlBackdropBoxShadow };\n\tleft: 0;\n\tposition: absolute;\n\ttop: 2px;\n\tbottom: 2px;\n\ttransition: transform ${ CONFIG.transitionDurationFast } ease;\n\t${ reduceMotion( 'transition' ) }\n\tz-index: 1;\n`;\n"]}