@wordpress/components 30.5.1-next.233ccab9b.0 → 30.6.0

package/build-module/notice/index.js

@@ -1,30 +1,15 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { RawHTML, useEffect, renderToString } from '@wordpress/element';
-import { speak } from '@wordpress/a11y';
-import { close } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import Button from '../button';
-import { VisuallyHidden } from '../visually-hidden';
+import clsx from "clsx";
+import { __ } from "@wordpress/i18n";
+import { RawHTML, useEffect, renderToString } from "@wordpress/element";
+import { speak } from "@wordpress/a11y";
+import { close } from "@wordpress/icons";
+import Button from "../button";
+import { VisuallyHidden } from "../visually-hidden";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const noop = () => {};
-
-/**
- * Custom hook which announces the message with the given politeness, if a
- * valid message is provided.
- */
+const noop = () => {
+};
 function useSpokenMessage(message, politeness) {
-  const spokenMessage = typeof message === 'string' ? message : renderToString(message);
+  const spokenMessage = typeof message === "string" ? message : renderToString(message);
   useEffect(() => {
     if (spokenMessage) {
       speak(spokenMessage, politeness);
@@ -33,43 +18,31 @@ function useSpokenMessage(message, politeness) {
 }
 function getDefaultPoliteness(status) {
   switch (status) {
-    case 'success':
-    case 'warning':
-    case 'info':
-      return 'polite';
+    case "success":
+    case "warning":
+    case "info":
+      return "polite";
     // The default will also catch the 'error' status.
     default:
-      return 'assertive';
+      return "assertive";
   }
 }
 function getStatusLabel(status) {
   switch (status) {
-    case 'warning':
-      return __('Warning notice');
-    case 'info':
-      return __('Information notice');
-    case 'error':
-      return __('Error notice');
+    case "warning":
+      return __("Warning notice");
+    case "info":
+      return __("Information notice");
+    case "error":
+      return __("Error notice");
     // The default will also catch the 'success' status.
     default:
-      return __('Notice');
+      return __("Notice");
   }
 }
-
-/**
- * `Notice` is a component used to communicate feedback to the user.
- *
- *```jsx
- * import { Notice } from `@wordpress/components`;
- *
- * const MyNotice = () => (
- *   <Notice status="error">An unknown error occurred.</Notice>
- * );
- * ```
- */
 function Notice({
   className,
-  status = 'info',
+  status = "info",
   children,
   spokenMessage = children,
   onRemove = noop,
@@ -83,25 +56,25 @@ function Notice({
   onDismiss = noop
 }) {
   useSpokenMessage(spokenMessage, politeness);
-  const classes = clsx(className, 'components-notice', 'is-' + status, {
-    'is-dismissible': isDismissible
+  const classes = clsx(className, "components-notice", "is-" + status, {
+    "is-dismissible": isDismissible
   });
-  if (__unstableHTML && typeof children === 'string') {
-    children = /*#__PURE__*/_jsx(RawHTML, {
-      children: children
+  if (__unstableHTML && typeof children === "string") {
+    children = /* @__PURE__ */ _jsx(RawHTML, {
+      children
     });
   }
   const onDismissNotice = () => {
     onDismiss();
     onRemove();
   };
-  return /*#__PURE__*/_jsxs("div", {
+  return /* @__PURE__ */ _jsxs("div", {
     className: classes,
-    children: [/*#__PURE__*/_jsx(VisuallyHidden, {
+    children: [/* @__PURE__ */ _jsx(VisuallyHidden, {
       children: getStatusLabel(status)
-    }), /*#__PURE__*/_jsxs("div", {
+    }), /* @__PURE__ */ _jsxs("div", {
       className: "components-notice__content",
-      children: [children, /*#__PURE__*/_jsx("div", {
+      children: [children, /* @__PURE__ */ _jsx("div", {
         className: "components-notice__actions",
         children: actions.map(({
           className: buttonCustomClasses,
@@ -113,30 +86,33 @@ function Notice({
           url
         }, index) => {
           let computedVariant = variant;
-          if (variant !== 'primary' && !noDefaultClasses) {
-            computedVariant = !url ? 'secondary' : 'link';
+          if (variant !== "primary" && !noDefaultClasses) {
+            computedVariant = !url ? "secondary" : "link";
           }
-          if (typeof computedVariant === 'undefined' && isPrimary) {
-            computedVariant = 'primary';
+          if (typeof computedVariant === "undefined" && isPrimary) {
+            computedVariant = "primary";
           }
-          return /*#__PURE__*/_jsx(Button, {
+          return /* @__PURE__ */ _jsx(Button, {
             __next40pxDefaultSize: true,
             href: url,
             variant: computedVariant,
-            onClick: url ? undefined : onClick,
-            className: clsx('components-notice__action', buttonCustomClasses),
+            onClick: url ? void 0 : onClick,
+            className: clsx("components-notice__action", buttonCustomClasses),
             children: label
           }, index);
         })
       })]
-    }), isDismissible && /*#__PURE__*/_jsx(Button, {
+    }), isDismissible && /* @__PURE__ */ _jsx(Button, {
       size: "small",
       className: "components-notice__dismiss",
       icon: close,
-      label: __('Close'),
+      label: __("Close"),
       onClick: onDismissNotice
     })]
   });
 }
-export default Notice;
-//# sourceMappingURL=index.js.map
+var notice_default = Notice;
+export {
+  notice_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/notice/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","__","RawHTML","useEffect","renderToString","speak","close","Button","VisuallyHidden","jsx","_jsx","jsxs","_jsxs","noop","useSpokenMessage","message","politeness","spokenMessage","getDefaultPoliteness","status","getStatusLabel","Notice","className","children","onRemove","isDismissible","actions","__unstableHTML","onDismiss","classes","onDismissNotice","map","buttonCustomClasses","label","isPrimary","variant","noDefaultClasses","onClick","url","index","computedVariant","__next40pxDefaultSize","href","undefined","size","icon"],"sources":["@wordpress/components/src/notice/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { RawHTML, useEffect, renderToString } from '@wordpress/element';\nimport { speak } from '@wordpress/a11y';\nimport { close } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport type { NoticeAction, NoticeProps } from './types';\nimport type { DeprecatedButtonProps } from '../button/types';\nimport { VisuallyHidden } from '../visually-hidden';\n\nconst noop = () => {};\n\n/**\n * Custom hook which announces the message with the given politeness, if a\n * valid message is provided.\n */\nfunction useSpokenMessage(\n\tmessage: NoticeProps[ 'spokenMessage' ],\n\tpoliteness: NoticeProps[ 'politeness' ]\n) {\n\tconst spokenMessage =\n\t\ttypeof message === 'string' ? message : renderToString( message );\n\n\tuseEffect( () => {\n\t\tif ( spokenMessage ) {\n\t\t\tspeak( spokenMessage, politeness );\n\t\t}\n\t}, [ spokenMessage, politeness ] );\n}\n\nfunction getDefaultPoliteness( status: NoticeProps[ 'status' ] ) {\n\tswitch ( status ) {\n\t\tcase 'success':\n\t\tcase 'warning':\n\t\tcase 'info':\n\t\t\treturn 'polite';\n\t\t// The default will also catch the 'error' status.\n\t\tdefault:\n\t\t\treturn 'assertive';\n\t}\n}\n\nfunction getStatusLabel( status: NoticeProps[ 'status' ] ) {\n\tswitch ( status ) {\n\t\tcase 'warning':\n\t\t\treturn __( 'Warning notice' );\n\t\tcase 'info':\n\t\t\treturn __( 'Information notice' );\n\t\tcase 'error':\n\t\t\treturn __( 'Error notice' );\n\t\t// The default will also catch the 'success' status.\n\t\tdefault:\n\t\t\treturn __( 'Notice' );\n\t}\n}\n\n/**\n * `Notice` is a component used to communicate feedback to the user.\n *\n *```jsx\n * import { Notice } from `@wordpress/components`;\n *\n * const MyNotice = () => (\n *   <Notice status=\"error\">An unknown error occurred.</Notice>\n * );\n * ```\n */\nfunction Notice( {\n\tclassName,\n\tstatus = 'info',\n\tchildren,\n\tspokenMessage = children,\n\tonRemove = noop,\n\tisDismissible = true,\n\tactions = [],\n\tpoliteness = getDefaultPoliteness( status ),\n\t__unstableHTML,\n\t// onDismiss is a callback executed when the notice is dismissed.\n\t// It is distinct from onRemove, which _looks_ like a callback but is\n\t// actually the function to call to remove the notice from the UI.\n\tonDismiss = noop,\n}: NoticeProps ) {\n\tuseSpokenMessage( spokenMessage, politeness );\n\n\tconst classes = clsx( className, 'components-notice', 'is-' + status, {\n\t\t'is-dismissible': isDismissible,\n\t} );\n\n\tif ( __unstableHTML && typeof children === 'string' ) {\n\t\tchildren = <RawHTML>{ children }</RawHTML>;\n\t}\n\n\tconst onDismissNotice = () => {\n\t\tonDismiss();\n\t\tonRemove();\n\t};\n\n\treturn (\n\t\t<div className={ classes }>\n\t\t\t<VisuallyHidden>{ getStatusLabel( status ) }</VisuallyHidden>\n\t\t\t<div className=\"components-notice__content\">\n\t\t\t\t{ children }\n\t\t\t\t<div className=\"components-notice__actions\">\n\t\t\t\t\t{ actions.map(\n\t\t\t\t\t\t(\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tclassName: buttonCustomClasses,\n\t\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\t\tisPrimary,\n\t\t\t\t\t\t\t\tvariant,\n\t\t\t\t\t\t\t\tnoDefaultClasses = false,\n\t\t\t\t\t\t\t\tonClick,\n\t\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\t}: NoticeAction &\n\t\t\t\t\t\t\t\t// `isPrimary` is a legacy prop included for\n\t\t\t\t\t\t\t\t// backcompat, but `variant` should be used\n\t\t\t\t\t\t\t\t// instead.\n\t\t\t\t\t\t\t\tPick< DeprecatedButtonProps, 'isPrimary' >,\n\t\t\t\t\t\t\tindex\n\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\tlet computedVariant = variant;\n\t\t\t\t\t\t\tif ( variant !== 'primary' && ! noDefaultClasses ) {\n\t\t\t\t\t\t\t\tcomputedVariant = ! url ? 'secondary' : 'link';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\ttypeof computedVariant === 'undefined' &&\n\t\t\t\t\t\t\t\tisPrimary\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tcomputedVariant = 'primary';\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\thref={ url }\n\t\t\t\t\t\t\t\t\tvariant={ computedVariant }\n\t\t\t\t\t\t\t\t\tonClick={ url ? undefined : onClick }\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'components-notice__action',\n\t\t\t\t\t\t\t\t\t\tbuttonCustomClasses\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t</Button>\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</div>\n\t\t\t</div>\n\t\t\t{ isDismissible && (\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tclassName=\"components-notice__dismiss\"\n\t\t\t\t\ticon={ close }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ onDismissNotice }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default Notice;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/notice/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { RawHTML, useEffect, renderToString } from '@wordpress/element';\nimport { speak } from '@wordpress/a11y';\nimport { close } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { VisuallyHidden } from '../visually-hidden';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * Custom hook which announces the message with the given politeness, if a\n * valid message is provided.\n */\nfunction useSpokenMessage(message, politeness) {\n  const spokenMessage = typeof message === 'string' ? message : renderToString(message);\n  useEffect(() => {\n    if (spokenMessage) {\n      speak(spokenMessage, politeness);\n    }\n  }, [spokenMessage, politeness]);\n}\nfunction getDefaultPoliteness(status) {\n  switch (status) {\n    case 'success':\n    case 'warning':\n    case 'info':\n      return 'polite';\n    // The default will also catch the 'error' status.\n    default:\n      return 'assertive';\n  }\n}\nfunction getStatusLabel(status) {\n  switch (status) {\n    case 'warning':\n      return __('Warning notice');\n    case 'info':\n      return __('Information notice');\n    case 'error':\n      return __('Error notice');\n    // The default will also catch the 'success' status.\n    default:\n      return __('Notice');\n  }\n}\n\n/**\n * `Notice` is a component used to communicate feedback to the user.\n *\n *```jsx\n * import { Notice } from `@wordpress/components`;\n *\n * const MyNotice = () => (\n *   <Notice status=\"error\">An unknown error occurred.</Notice>\n * );\n * ```\n */\nfunction Notice({\n  className,\n  status = 'info',\n  children,\n  spokenMessage = children,\n  onRemove = noop,\n  isDismissible = true,\n  actions = [],\n  politeness = getDefaultPoliteness(status),\n  __unstableHTML,\n  // onDismiss is a callback executed when the notice is dismissed.\n  // It is distinct from onRemove, which _looks_ like a callback but is\n  // actually the function to call to remove the notice from the UI.\n  onDismiss = noop\n}) {\n  useSpokenMessage(spokenMessage, politeness);\n  const classes = clsx(className, 'components-notice', 'is-' + status, {\n    'is-dismissible': isDismissible\n  });\n  if (__unstableHTML && typeof children === 'string') {\n    children = /*#__PURE__*/_jsx(RawHTML, {\n      children: children\n    });\n  }\n  const onDismissNotice = () => {\n    onDismiss();\n    onRemove();\n  };\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: classes,\n    children: [/*#__PURE__*/_jsx(VisuallyHidden, {\n      children: getStatusLabel(status)\n    }), /*#__PURE__*/_jsxs(\"div\", {\n      className: \"components-notice__content\",\n      children: [children, /*#__PURE__*/_jsx(\"div\", {\n        className: \"components-notice__actions\",\n        children: actions.map(({\n          className: buttonCustomClasses,\n          label,\n          isPrimary,\n          variant,\n          noDefaultClasses = false,\n          onClick,\n          url\n        }, index) => {\n          let computedVariant = variant;\n          if (variant !== 'primary' && !noDefaultClasses) {\n            computedVariant = !url ? 'secondary' : 'link';\n          }\n          if (typeof computedVariant === 'undefined' && isPrimary) {\n            computedVariant = 'primary';\n          }\n          return /*#__PURE__*/_jsx(Button, {\n            __next40pxDefaultSize: true,\n            href: url,\n            variant: computedVariant,\n            onClick: url ? undefined : onClick,\n            className: clsx('components-notice__action', buttonCustomClasses),\n            children: label\n          }, index);\n        })\n      })]\n    }), isDismissible && /*#__PURE__*/_jsx(Button, {\n      size: \"small\",\n      className: \"components-notice__dismiss\",\n      icon: close,\n      label: __('Close'),\n      onClick: onDismissNotice\n    })]\n  });\n}\nexport default Notice;"],
+  "mappings": "AAGA,OAAO,UAAU;AAKjB,SAAS,UAAU;AACnB,SAAS,SAAS,WAAW,sBAAsB;AACnD,SAAS,aAAa;AACtB,SAAS,aAAa;AAKtB,OAAO,YAAY;AACnB,SAAS,sBAAsB;AAC/B,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,MAAM,OAAO,MAAM;AAAC;AAMpB,SAAS,iBAAiB,SAAS,YAAY;AAC7C,QAAM,gBAAgB,OAAO,YAAY,WAAW,UAAU,eAAe,OAAO;AACpF,YAAU,MAAM;AACd,QAAI,eAAe;AACjB,YAAM,eAAe,UAAU;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,eAAe,UAAU,CAAC;AAChC;AACA,SAAS,qBAAqB,QAAQ;AACpC,UAAQ,QAAQ;AAAA,IACd,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA;AAAA,IAET;AACE,aAAO;AAAA,EACX;AACF;AACA,SAAS,eAAe,QAAQ;AAC9B,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO,GAAG,gBAAgB;AAAA,IAC5B,KAAK;AACH,aAAO,GAAG,oBAAoB;AAAA,IAChC,KAAK;AACH,aAAO,GAAG,cAAc;AAAA;AAAA,IAE1B;AACE,aAAO,GAAG,QAAQ;AAAA,EACtB;AACF;AAaA,SAAS,OAAO;AAAA,EACd;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,UAAU,CAAC;AAAA,EACX,aAAa,qBAAqB,MAAM;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA,EAIA,YAAY;AACd,GAAG;AACD,mBAAiB,eAAe,UAAU;AAC1C,QAAM,UAAU,KAAK,WAAW,qBAAqB,QAAQ,QAAQ;AAAA,IACnE,kBAAkB;AAAA,EACpB,CAAC;AACD,MAAI,kBAAkB,OAAO,aAAa,UAAU;AAClD,eAAwB,qBAAK,SAAS;AAAA,MACpC;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,kBAAkB,MAAM;AAC5B,cAAU;AACV,aAAS;AAAA,EACX;AACA,SAAoB,sBAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX,UAAU,CAAc,qBAAK,gBAAgB;AAAA,MAC3C,UAAU,eAAe,MAAM;AAAA,IACjC,CAAC,GAAgB,sBAAM,OAAO;AAAA,MAC5B,WAAW;AAAA,MACX,UAAU,CAAC,UAAuB,qBAAK,OAAO;AAAA,QAC5C,WAAW;AAAA,QACX,UAAU,QAAQ,IAAI,CAAC;AAAA,UACrB,WAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA,mBAAmB;AAAA,UACnB;AAAA,UACA;AAAA,QACF,GAAG,UAAU;AACX,cAAI,kBAAkB;AACtB,cAAI,YAAY,aAAa,CAAC,kBAAkB;AAC9C,8BAAkB,CAAC,MAAM,cAAc;AAAA,UACzC;AACA,cAAI,OAAO,oBAAoB,eAAe,WAAW;AACvD,8BAAkB;AAAA,UACpB;AACA,iBAAoB,qBAAK,QAAQ;AAAA,YAC/B,uBAAuB;AAAA,YACvB,MAAM;AAAA,YACN,SAAS;AAAA,YACT,SAAS,MAAM,SAAY;AAAA,YAC3B,WAAW,KAAK,6BAA6B,mBAAmB;AAAA,YAChE,UAAU;AAAA,UACZ,GAAG,KAAK;AAAA,QACV,CAAC;AAAA,MACH,CAAC,CAAC;AAAA,IACJ,CAAC,GAAG,iBAA8B,qBAAK,QAAQ;AAAA,MAC7C,MAAM;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,MACN,OAAO,GAAG,OAAO;AAAA,MACjB,SAAS;AAAA,IACX,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACA,IAAO,iBAAQ;",
+  "names": []
+}

package/build-module/notice/list.js

@@ -1,58 +1,25 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * Internal dependencies
- */
-import Notice from '.';
+import clsx from "clsx";
+import Notice from ".";
 import { createElement as _createElement } from "react";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const noop = () => {};
-
-/**
- * `NoticeList` is a component used to render a collection of notices.
- *
- *```jsx
- * import { Notice, NoticeList } from `@wordpress/components`;
- *
- * const MyNoticeList = () => {
- *	const [ notices, setNotices ] = useState( [
- *		{
- *			id: 'second-notice',
- *			content: 'second notice content',
- *		},
- *		{
- *			id: 'fist-notice',
- *			content: 'first notice content',
- *		},
- *	] );
- *
- *	const removeNotice = ( id ) => {
- *		setNotices( notices.filter( ( notice ) => notice.id !== id ) );
- *	};
- *
- *	return <NoticeList notices={ notices } onRemove={ removeNotice } />;
- *};
- *```
- */
+const noop = () => {
+};
 function NoticeList({
   notices,
   onRemove = noop,
   className,
   children
 }) {
-  const removeNotice = id => () => onRemove(id);
-  className = clsx('components-notice-list', className);
-  return /*#__PURE__*/_jsxs("div", {
-    className: className,
-    children: [children, [...notices].reverse().map(notice => {
+  const removeNotice = (id) => () => onRemove(id);
+  className = clsx("components-notice-list", className);
+  return /* @__PURE__ */ _jsxs("div", {
+    className,
+    children: [children, [...notices].reverse().map((notice) => {
       const {
         content,
         ...restNotice
       } = notice;
-      return /*#__PURE__*/_createElement(Notice, {
+      return /* @__PURE__ */ _createElement(Notice, {
         ...restNotice,
         key: notice.id,
         onRemove: removeNotice(notice.id)
@@ -60,5 +27,8 @@ function NoticeList({
     })]
   });
 }
-export default NoticeList;
-//# sourceMappingURL=list.js.map
+var list_default = NoticeList;
+export {
+  list_default as default
+};
+//# sourceMappingURL=list.js.map

package/build-module/notice/list.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","Notice","createElement","_createElement","jsxs","_jsxs","noop","NoticeList","notices","onRemove","className","children","removeNotice","id","reverse","map","notice","content","restNotice","key"],"sources":["@wordpress/components/src/notice/list.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * Internal dependencies\n */\nimport Notice from '.';\nimport type { WordPressComponentProps } from '../context';\nimport type { NoticeListProps } from './types';\n\nconst noop = () => {};\n\n/**\n * `NoticeList` is a component used to render a collection of notices.\n *\n *```jsx\n * import { Notice, NoticeList } from `@wordpress/components`;\n *\n * const MyNoticeList = () => {\n *\tconst [ notices, setNotices ] = useState( [\n *\t\t{\n *\t\t\tid: 'second-notice',\n *\t\t\tcontent: 'second notice content',\n *\t\t},\n *\t\t{\n *\t\t\tid: 'fist-notice',\n *\t\t\tcontent: 'first notice content',\n *\t\t},\n *\t] );\n *\n *\tconst removeNotice = ( id ) => {\n *\t\tsetNotices( notices.filter( ( notice ) => notice.id !== id ) );\n *\t};\n *\n *\treturn <NoticeList notices={ notices } onRemove={ removeNotice } />;\n *};\n *```\n */\nfunction NoticeList( {\n\tnotices,\n\tonRemove = noop,\n\tclassName,\n\tchildren,\n}: WordPressComponentProps< NoticeListProps, 'div', false > ) {\n\tconst removeNotice =\n\t\t( id: NoticeListProps[ 'notices' ][ number ][ 'id' ] ) => () =>\n\t\t\tonRemove( id );\n\n\tclassName = clsx( 'components-notice-list', className );\n\n\treturn (\n\t\t<div className={ className }>\n\t\t\t{ children }\n\t\t\t{ [ ...notices ].reverse().map( ( notice ) => {\n\t\t\t\tconst { content, ...restNotice } = notice;\n\t\t\t\treturn (\n\t\t\t\t\t<Notice\n\t\t\t\t\t\t{ ...restNotice }\n\t\t\t\t\t\tkey={ notice.id }\n\t\t\t\t\t\tonRemove={ removeNotice( notice.id ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ notice.content }\n\t\t\t\t\t</Notice>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</div>\n\t);\n}\n\nexport default NoticeList;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,OAAOC,MAAM,MAAM,GAAG;AAAC,SAAAC,aAAA,IAAAC,cAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAIvB,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;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,SAASC,UAAUA,CAAE;EACpBC,OAAO;EACPC,QAAQ,GAAGH,IAAI;EACfI,SAAS;EACTC;AACyD,CAAC,EAAG;EAC7D,MAAMC,YAAY,GACfC,EAAkD,IAAM,MACzDJ,QAAQ,CAAEI,EAAG,CAAC;EAEhBH,SAAS,GAAGV,IAAI,CAAE,wBAAwB,EAAEU,SAAU,CAAC;EAEvD,oBACCL,KAAA;IAAKK,SAAS,EAAGA,SAAW;IAAAC,QAAA,GACzBA,QAAQ,EACR,CAAE,GAAGH,OAAO,CAAE,CAACM,OAAO,CAAC,CAAC,CAACC,GAAG,CAAIC,MAAM,IAAM;MAC7C,MAAM;QAAEC,OAAO;QAAE,GAAGC;MAAW,CAAC,GAAGF,MAAM;MACzC,oBACCb,cAAA,CAACF,MAAM;QAAA,GACDiB,UAAU;QACfC,GAAG,EAAGH,MAAM,CAACH,EAAI;QACjBJ,QAAQ,EAAGG,YAAY,CAAEI,MAAM,CAACH,EAAG;MAAG,GAEpCG,MAAM,CAACC,OACF,CAAC;IAEX,CAAE,CAAC;EAAA,CACC,CAAC;AAER;AAEA,eAAeV,UAAU","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/notice/list.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * Internal dependencies\n */\nimport Notice from '.';\nimport { createElement as _createElement } from \"react\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * `NoticeList` is a component used to render a collection of notices.\n *\n *```jsx\n * import { Notice, NoticeList } from `@wordpress/components`;\n *\n * const MyNoticeList = () => {\n *\tconst [ notices, setNotices ] = useState( [\n *\t\t{\n *\t\t\tid: 'second-notice',\n *\t\t\tcontent: 'second notice content',\n *\t\t},\n *\t\t{\n *\t\t\tid: 'fist-notice',\n *\t\t\tcontent: 'first notice content',\n *\t\t},\n *\t] );\n *\n *\tconst removeNotice = ( id ) => {\n *\t\tsetNotices( notices.filter( ( notice ) => notice.id !== id ) );\n *\t};\n *\n *\treturn <NoticeList notices={ notices } onRemove={ removeNotice } />;\n *};\n *```\n */\nfunction NoticeList({\n  notices,\n  onRemove = noop,\n  className,\n  children\n}) {\n  const removeNotice = id => () => onRemove(id);\n  className = clsx('components-notice-list', className);\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: className,\n    children: [children, [...notices].reverse().map(notice => {\n      const {\n        content,\n        ...restNotice\n      } = notice;\n      return /*#__PURE__*/_createElement(Notice, {\n        ...restNotice,\n        key: notice.id,\n        onRemove: removeNotice(notice.id)\n      }, notice.content);\n    })]\n  });\n}\nexport default NoticeList;"],
+  "mappings": "AAGA,OAAO,UAAU;AAKjB,OAAO,YAAY;AACnB,SAAS,iBAAiB,sBAAsB;AAChD,SAAS,QAAQ,aAAa;AAC9B,MAAM,OAAO,MAAM;AAAC;AA4BpB,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAG;AACD,QAAM,eAAe,QAAM,MAAM,SAAS,EAAE;AAC5C,cAAY,KAAK,0BAA0B,SAAS;AACpD,SAAoB,sBAAM,OAAO;AAAA,IAC/B;AAAA,IACA,UAAU,CAAC,UAAU,CAAC,GAAG,OAAO,EAAE,QAAQ,EAAE,IAAI,YAAU;AACxD,YAAM;AAAA,QACJ;AAAA,QACA,GAAG;AAAA,MACL,IAAI;AACJ,aAAoB,+BAAe,QAAQ;AAAA,QACzC,GAAG;AAAA,QACH,KAAK,OAAO;AAAA,QACZ,UAAU,aAAa,OAAO,EAAE;AAAA,MAClC,GAAG,OAAO,OAAO;AAAA,IACnB,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACA,IAAO,eAAQ;",
+  "names": []
+}

package/build-module/notice/types.js

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

package/build-module/notice/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/notice/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { MouseEventHandler, ReactNode } from 'react';\n\ntype CommonNoticeActionProps = {\n\tlabel: string;\n\tclassName?: string;\n\tnoDefaultClasses?: boolean;\n\tvariant?: 'primary' | 'secondary' | 'link';\n};\n// `url` and `onClick` can both be provided, but `url` takes precedence. If\n// `url` is provided, the action's button will be rendered as an anchor and\n// `onClick` will be ignored.\ntype NoticeActionWithURL = CommonNoticeActionProps & {\n\turl: string;\n\topenInNewTab?: boolean;\n\tonClick?: never;\n};\ntype NoticeActionWithOnClick = CommonNoticeActionProps & {\n\turl?: never;\n\topenInNewTab?: never;\n\tonClick: MouseEventHandler< HTMLButtonElement | HTMLAnchorElement >;\n};\n\nexport type NoticeAction = NoticeActionWithURL | NoticeActionWithOnClick;\n\nexport type NoticeChildren = string | JSX.Element;\n\nexport type NoticeProps = {\n\t/**\n\t * A CSS `class` to give to the wrapper element.\n\t */\n\tclassName?: string;\n\t/**\n\t * The displayed message of a notice. Also used as the spoken message for\n\t * assistive technology, unless `spokenMessage` is provided as an alternative message.\n\t */\n\tchildren: ReactNode;\n\t/**\n\t * Used to provide a custom spoken message in place of the `children` default.\n\t *\n\t * @default `children`\n\t */\n\tspokenMessage?: ReactNode;\n\t/**\n\t * Determines the color of the notice: `warning` (yellow),\n\t * `success` (green), `error` (red), or `'info'`.\n\t * By default `'info'` will be blue, but if there is a parent Theme component\n\t * with an accent color prop, the notice will take on that color instead.\n\t *\n\t * @default 'info'\n\t */\n\tstatus?: 'warning' | 'success' | 'error' | 'info';\n\t/**\n\t * Function called when dismissing the notice\n\t *\n\t * @default noop\n\t */\n\tonRemove?: () => void;\n\t/**\n\t * A politeness level for the notice's spoken message. Should be provided as\n\t * one of the valid options for an `aria-live` attribute value.\n\t *\n\t * A value of `'assertive'` is to be used for important, and usually\n\t * time-sensitive, information. It will interrupt anything else the screen\n\t * reader is announcing in that moment.\n\t * A value of `'polite'` is to be used for advisory information. It should\n\t * not interrupt what the screen reader is announcing in that moment\n\t * (the \"speech queue\") or interrupt the current task.\n\t *\n\t * Note that this value should be considered a suggestion; assistive\n\t * technologies may override it based on internal heuristics.\n\t *\n\t * @see https://www.w3.org/TR/wai-aria-1.1/#aria-live\n\t *\n\t * @default 'assertive' for 'error' status, 'polite' for all other statuses\n\t */\n\tpoliteness?: 'polite' | 'assertive';\n\t/**\n\t * Whether the notice should be dismissible or not\n\t *\n\t * @default true\n\t */\n\tisDismissible?: boolean;\n\t/**\n\t * A deprecated alternative to `onRemove`. This prop is kept for\n\t * compatibility reasons but should be avoided.\n\t *\n\t * @default noop\n\t */\n\tonDismiss?: () => void;\n\t/**\n\t * An array of action objects. Each member object should contain:\n\t *\n\t * - `label`: `string` containing the text of the button/link\n\t * - `url`: `string` OR `onClick`: `( event: SyntheticEvent ) => void` to specify\n\t *    what the action does.\n\t * - `className`: `string` (optional) to add custom classes to the button styles.\n\t * - `noDefaultClasses`: `boolean` (optional) A value of `true` will remove all\n\t *    default styling.\n\t * - `variant`: `'primary' | 'secondary' | 'link'` (optional) You can denote a\n\t *    primary button action for a notice by passing a value of `primary`.\n\t *\n\t * The default appearance of an action button is inferred based on whether\n\t * `url` or `onClick` are provided, rendering the button as a link if\n\t * appropriate. If both props are provided, `url` takes precedence, and the\n\t * action button will render as an anchor tag.\n\t *\n\t * @default []\n\t */\n\tactions?: Array< NoticeAction >;\n\t/**\n\t * Determines whether or not the message should be parsed as custom HTML\n\t * instead of a string.\n\t */\n\t__unstableHTML?: boolean;\n};\n\nexport type NoticeListProps = {\n\t/**\n\t * Array of notices to render.\n\t */\n\tnotices: Array<\n\t\tOmit< NoticeProps, 'children' > & {\n\t\t\tid: string;\n\t\t\tcontent: string;\n\t\t}\n\t>;\n\t/**\n\t * Function called when a notice should be removed / dismissed.\n\t */\n\tonRemove?: ( id: string ) => void;\n\t/**\n\t * Children to be rendered inside the notice list.\n\t */\n\tchildren?: ReactNode;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build-module/number-control/index.js

@@ -1,37 +1,28 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-/**
- * WordPress dependencies
- */
-import { useRef, forwardRef } from '@wordpress/element';
-import { isRTL, __ } from '@wordpress/i18n';
-import { plus as plusIcon, reset as resetIcon } from '@wordpress/icons';
-import { useMergeRefs } from '@wordpress/compose';
-import deprecated from '@wordpress/deprecated';
-
-/**
- * Internal dependencies
- */
-import { Input, SpinButton, styles } from './styles/number-control-styles';
-import * as inputControlActionTypes from '../input-control/reducer/actions';
-import { add, subtract, clamp, ensureValidStep } from '../utils/math';
-import { ensureNumber, isValueEmpty } from '../utils/values';
-import { HStack } from '../h-stack';
-import { Spacer } from '../spacer';
-import { useCx } from '../utils';
-import { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';
-import { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';
+import clsx from "clsx";
+import { useRef, forwardRef } from "@wordpress/element";
+import { isRTL, __ } from "@wordpress/i18n";
+import { plus as plusIcon, reset as resetIcon } from "@wordpress/icons";
+import { useMergeRefs } from "@wordpress/compose";
+import deprecated from "@wordpress/deprecated";
+import { Input, SpinButton, styles } from "./styles/number-control-styles";
+import * as inputControlActionTypes from "../input-control/reducer/actions";
+import { add, subtract, clamp, ensureValidStep } from "../utils/math";
+import { ensureNumber, isValueEmpty } from "../utils/values";
+import { HStack } from "../h-stack";
+import { Spacer } from "../spacer";
+import { useCx } from "../utils";
+import { useDeprecated36pxDefaultSizeProp } from "../utils/use-deprecated-props";
+import { maybeWarnDeprecated36pxSize } from "../utils/deprecated-36px-size";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const noop = () => {};
+const noop = () => {
+};
 function UnforwardedNumberControl(props, forwardedRef) {
   const {
     __unstableStateReducer: stateReducerProp,
     className,
-    dragDirection = 'n',
+    dragDirection = "n",
     hideHTMLArrows = false,
-    spinControls = hideHTMLArrows ? 'none' : 'native',
+    spinControls = hideHTMLArrows ? "none" : "native",
     isDragEnabled = true,
     isShiftStepEnabled = true,
     label,
@@ -41,64 +32,55 @@ function UnforwardedNumberControl(props, forwardedRef) {
     shiftStep = 10,
     step = 1,
     spinFactor = 1,
-    type: typeProp = 'number',
+    type: typeProp = "number",
     value: valueProp,
-    size = 'default',
+    size = "default",
     suffix,
     onChange = noop,
     __shouldNotWarnDeprecated36pxSize,
     ...restProps
   } = useDeprecated36pxDefaultSizeProp(props);
   maybeWarnDeprecated36pxSize({
-    componentName: 'NumberControl',
+    componentName: "NumberControl",
     size,
     __next40pxDefaultSize: restProps.__next40pxDefaultSize,
     __shouldNotWarnDeprecated36pxSize
   });
   if (hideHTMLArrows) {
-    deprecated('wp.components.NumberControl hideHTMLArrows prop ', {
+    deprecated("wp.components.NumberControl hideHTMLArrows prop ", {
       alternative: 'spinControls="none"',
-      since: '6.2',
-      version: '6.3'
+      since: "6.2",
+      version: "6.3"
     });
   }
   const inputRef = useRef();
   const mergedRef = useMergeRefs([inputRef, forwardedRef]);
-  const isStepAny = step === 'any';
+  const isStepAny = step === "any";
   const baseStep = isStepAny ? 1 : ensureNumber(step);
   const baseSpin = ensureNumber(spinFactor) * baseStep;
   const constrainValue = (value, stepOverride) => {
-    // When step is not "any" the value must be a valid step.
     if (!isStepAny) {
       value = ensureValidStep(value, min, stepOverride !== null && stepOverride !== void 0 ? stepOverride : baseStep);
     }
     return `${clamp(value, min, max)}`;
   };
   const baseValue = constrainValue(0);
-  const autoComplete = typeProp === 'number' ? 'off' : undefined;
-  const classes = clsx('components-number-control', className);
+  const autoComplete = typeProp === "number" ? "off" : void 0;
+  const classes = clsx("components-number-control", className);
   const cx = useCx();
-  const spinButtonClasses = cx(size === 'small' && styles.smallSpinButtons);
+  const spinButtonClasses = cx(size === "small" && styles.smallSpinButtons);
   const spinValue = (value, direction, event) => {
     event?.preventDefault();
     const shift = event?.shiftKey && isShiftStepEnabled;
     const delta = shift ? ensureNumber(shiftStep) * baseSpin : baseSpin;
     let nextValue = isValueEmpty(value) ? baseValue : value;
-    if (direction === 'up') {
+    if (direction === "up") {
       nextValue = add(nextValue, delta);
-    } else if (direction === 'down') {
+    } else if (direction === "down") {
       nextValue = subtract(nextValue, delta);
     }
-    return constrainValue(nextValue, shift ? delta : undefined);
+    return constrainValue(nextValue, shift ? delta : void 0);
   };
-
-  /**
-   * "Middleware" function that intercepts updates from InputControl.
-   * This allows us to tap into actions to transform the (next) state for
-   * InputControl.
-   *
-   * @return The updated state to apply to InputControl
-   */
   const numberControlStateReducer = (state, action) => {
     const nextState = {
       ...state
@@ -109,17 +91,9 @@ function UnforwardedNumberControl(props, forwardedRef) {
     } = action;
     const event = payload.event;
     const currentValue = nextState.value;
-
-    /**
-     * Handles custom UP and DOWN Keyboard events
-     */
     if (type === inputControlActionTypes.PRESS_UP || type === inputControlActionTypes.PRESS_DOWN) {
-      nextState.value = spinValue(currentValue, type === inputControlActionTypes.PRESS_UP ? 'up' : 'down', event);
+      nextState.value = spinValue(currentValue, type === inputControlActionTypes.PRESS_UP ? "up" : "down", event);
     }
-
-    /**
-     * Handles drag to update events
-     */
     if (type === inputControlActionTypes.DRAG && isDragEnabled) {
       const [x, y] = payload.delta;
       const enableShift = payload.shiftKey && isShiftStepEnabled;
@@ -127,19 +101,19 @@ function UnforwardedNumberControl(props, forwardedRef) {
       let directionModifier;
       let delta;
       switch (dragDirection) {
-        case 'n':
+        case "n":
           delta = y;
           directionModifier = -1;
           break;
-        case 'e':
+        case "e":
           delta = x;
           directionModifier = isRTL() ? -1 : 1;
           break;
-        case 's':
+        case "s":
           delta = y;
           directionModifier = 1;
           break;
-        case 'w':
+        case "w":
           delta = x;
           directionModifier = isRTL() ? 1 : -1;
           break;
@@ -148,23 +122,22 @@ function UnforwardedNumberControl(props, forwardedRef) {
         delta = Math.ceil(Math.abs(delta)) * Math.sign(delta);
         const distance = delta * modifier * directionModifier;
         nextState.value = constrainValue(
-        // @ts-expect-error TODO: Investigate if it's ok for currentValue to be undefined
-        add(currentValue, distance), enableShift ? modifier : undefined);
+          // @ts-expect-error TODO: Investigate if it's ok for currentValue to be undefined
+          add(currentValue, distance),
+          enableShift ? modifier : void 0
+        );
       }
     }
-
-    /**
-     * Handles commit (ENTER key press or blur)
-     */
     if (type === inputControlActionTypes.PRESS_ENTER || type === inputControlActionTypes.COMMIT) {
-      const applyEmptyValue = required === false && currentValue === '';
-      nextState.value = applyEmptyValue ? currentValue :
-      // @ts-expect-error TODO: Investigate if it's ok for currentValue to be undefined
-      constrainValue(currentValue);
+      const applyEmptyValue = required === false && currentValue === "";
+      nextState.value = applyEmptyValue ? currentValue : (
+        // @ts-expect-error TODO: Investigate if it's ok for currentValue to be undefined
+        constrainValue(currentValue)
+      );
     }
     return nextState;
   };
-  const buildSpinButtonClickHandler = direction => event => onChange(String(spinValue(valueProp, direction, event)), {
+  const buildSpinButtonClickHandler = (direction) => (event) => onChange(String(spinValue(valueProp, direction, event)), {
     // Set event.target to the <input> so that consumers can use
     // e.g. event.target.validity.
     event: {
@@ -172,56 +145,58 @@ function UnforwardedNumberControl(props, forwardedRef) {
       target: inputRef.current
     }
   });
-  return /*#__PURE__*/_jsx(Input, {
-    autoComplete: autoComplete,
+  return /* @__PURE__ */ _jsx(Input, {
+    autoComplete,
     inputMode: "numeric",
     ...restProps,
     className: classes,
-    dragDirection: dragDirection,
-    hideHTMLArrows: spinControls !== 'native',
-    isDragEnabled: isDragEnabled,
-    label: label,
-    max: max === Infinity ? undefined : max,
-    min: min === -Infinity ? undefined : min,
+    dragDirection,
+    hideHTMLArrows: spinControls !== "native",
+    isDragEnabled,
+    label,
+    max: max === Infinity ? void 0 : max,
+    min: min === -Infinity ? void 0 : min,
     ref: mergedRef,
-    required: required,
-    step: step,
-    type: typeProp
-    // @ts-expect-error TODO: Resolve discrepancy between `value` types in InputControl based components
-    ,
+    required,
+    step,
+    type: typeProp,
     value: valueProp,
     __unstableStateReducer: (state, action) => {
       var _stateReducerProp;
       const baseState = numberControlStateReducer(state, action);
       return (_stateReducerProp = stateReducerProp?.(baseState, action)) !== null && _stateReducerProp !== void 0 ? _stateReducerProp : baseState;
     },
-    size: size,
+    size,
     __shouldNotWarnDeprecated36pxSize: true,
-    suffix: spinControls === 'custom' ? /*#__PURE__*/_jsxs(_Fragment, {
-      children: [suffix, /*#__PURE__*/_jsx(Spacer, {
+    suffix: spinControls === "custom" ? /* @__PURE__ */ _jsxs(_Fragment, {
+      children: [suffix, /* @__PURE__ */ _jsx(Spacer, {
         marginBottom: 0,
         marginRight: 2,
-        children: /*#__PURE__*/_jsxs(HStack, {
+        children: /* @__PURE__ */ _jsxs(HStack, {
           spacing: 1,
-          children: [/*#__PURE__*/_jsx(SpinButton, {
+          children: [/* @__PURE__ */ _jsx(SpinButton, {
             className: spinButtonClasses,
             icon: plusIcon,
             size: "small",
-            label: __('Increment'),
-            onClick: buildSpinButtonClickHandler('up')
-          }), /*#__PURE__*/_jsx(SpinButton, {
+            label: __("Increment"),
+            onClick: buildSpinButtonClickHandler("up")
+          }), /* @__PURE__ */ _jsx(SpinButton, {
             className: spinButtonClasses,
             icon: resetIcon,
             size: "small",
-            label: __('Decrement'),
-            onClick: buildSpinButtonClickHandler('down')
+            label: __("Decrement"),
+            onClick: buildSpinButtonClickHandler("down")
           })]
         })
       })]
     }) : suffix,
-    onChange: onChange
+    onChange
   });
 }
-export const NumberControl = forwardRef(UnforwardedNumberControl);
-export default NumberControl;
-//# sourceMappingURL=index.js.map
+const NumberControl = forwardRef(UnforwardedNumberControl);
+var number_control_default = NumberControl;
+export {
+  NumberControl,
+  number_control_default as default
+};
+//# sourceMappingURL=index.js.map