@wordpress/format-library 5.32.0 → 5.32.1-next.ff1cebbba.0

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","toggleFormat","RichTextToolbarButton","button","jsx","_jsx","name","title","keyboard","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","type","onClick","icon","role"],"sources":["@wordpress/format-library/src/keyboard/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { toggleFormat } from '@wordpress/rich-text';\nimport { RichTextToolbarButton } from '@wordpress/block-editor';\nimport { button } from '@wordpress/icons';\n\nconst name = 'core/keyboard';\nconst title = __( 'Keyboard input' );\n\nexport const keyboard = {\n\tname,\n\ttitle,\n\ttagName: 'kbd',\n\tclassName: null,\n\tedit( { isActive, value, onChange, onFocus } ) {\n\t\tfunction onToggle() {\n\t\t\tonChange( toggleFormat( value, { type: name, title } ) );\n\t\t}\n\n\t\tfunction onClick() {\n\t\t\tonToggle();\n\t\t\tonFocus();\n\t\t}\n\n\t\treturn (\n\t\t\t<RichTextToolbarButton\n\t\t\t\ticon={ button }\n\t\t\t\ttitle={ title }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tisActive={ isActive }\n\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t/>\n\t\t);\n\t},\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,MAAM,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1C,MAAMC,IAAI,GAAG,eAAe;AAC5B,MAAMC,KAAK,GAAGP,EAAE,CAAE,gBAAiB,CAAC;AAEpC,OAAO,MAAMQ,QAAQ,GAAG;EACvBF,IAAI;EACJC,KAAK;EACLE,OAAO,EAAE,KAAK;EACdC,SAAS,EAAE,IAAI;EACfC,IAAIA,CAAE;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,EAAG;IAC9C,SAASC,QAAQA,CAAA,EAAG;MACnBF,QAAQ,CAAEb,YAAY,CAAEY,KAAK,EAAE;QAAEI,IAAI,EAAEX,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASW,OAAOA,CAAA,EAAG;MAClBF,QAAQ,CAAC,CAAC;MACVD,OAAO,CAAC,CAAC;IACV;IAEA,oBACCV,IAAA,CAACH,qBAAqB;MACrBiB,IAAI,EAAGhB,MAAQ;MACfI,KAAK,EAAGA,KAAO;MACfW,OAAO,EAAGA,OAAS;MACnBN,QAAQ,EAAGA,QAAU;MACrBQ,IAAI,EAAC;IAAkB,CACvB,CAAC;EAEJ;AACD,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/keyboard/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { toggleFormat } from '@wordpress/rich-text';\nimport { RichTextToolbarButton } from '@wordpress/block-editor';\nimport { button } from '@wordpress/icons';\n\nconst name = 'core/keyboard';\nconst title = __( 'Keyboard input' );\n\nexport const keyboard = {\n\tname,\n\ttitle,\n\ttagName: 'kbd',\n\tclassName: null,\n\tedit( { isActive, value, onChange, onFocus } ) {\n\t\tfunction onToggle() {\n\t\t\tonChange( toggleFormat( value, { type: name, title } ) );\n\t\t}\n\n\t\tfunction onClick() {\n\t\t\tonToggle();\n\t\t\tonFocus();\n\t\t}\n\n\t\treturn (\n\t\t\t<RichTextToolbarButton\n\t\t\t\ticon={ button }\n\t\t\t\ttitle={ title }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tisActive={ isActive }\n\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t/>\n\t\t);\n\t},\n};\n"],
+  "mappings": "AA2BG;AAxBH,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,SAAS,cAAc;AAEvB,MAAM,OAAO;AACb,MAAM,QAAQ,GAAI,gBAAiB;AAE5B,MAAM,WAAW;AAAA,EACvB;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,WAAW;AAAA,EACX,KAAM,EAAE,UAAU,OAAO,UAAU,QAAQ,GAAI;AAC9C,aAAS,WAAW;AACnB,eAAU,aAAc,OAAO,EAAE,MAAM,MAAM,MAAM,CAAE,CAAE;AAAA,IACxD;AAEA,aAAS,UAAU;AAClB,eAAS;AACT,cAAQ;AAAA,IACT;AAEA,WACC;AAAA,MAAC;AAAA;AAAA,QACA,MAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAK;AAAA;AAAA,IACN;AAAA,EAEF;AACD;",
+  "names": []
+}

package/build-module/language/index.js

@@ -1,119 +1,142 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-
-/**
- * WordPress dependencies
- */
-import { RichTextToolbarButton } from '@wordpress/block-editor';
-import { TextControl, SelectControl, Button, Popover, __experimentalHStack as HStack, __experimentalVStack as VStack } from '@wordpress/components';
-import { useState } from '@wordpress/element';
-import { applyFormat, removeFormat, useAnchor } from '@wordpress/rich-text';
-import { language as languageIcon } from '@wordpress/icons';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const name = 'core/language';
-const title = __('Language');
-export const language = {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { RichTextToolbarButton } from "@wordpress/block-editor";
+import {
+  TextControl,
+  SelectControl,
+  Button,
+  Popover,
+  __experimentalHStack as HStack,
+  __experimentalVStack as VStack
+} from "@wordpress/components";
+import { useState } from "@wordpress/element";
+import { applyFormat, removeFormat, useAnchor } from "@wordpress/rich-text";
+import { language as languageIcon } from "@wordpress/icons";
+const name = "core/language";
+const title = __("Language");
+const language = {
   name,
-  tagName: 'bdo',
+  tagName: "bdo",
   className: null,
   edit: Edit,
   title
 };
-function Edit({
-  isActive,
-  value,
-  onChange,
-  contentRef
-}) {
+function Edit({ isActive, value, onChange, contentRef }) {
   const [isPopoverVisible, setIsPopoverVisible] = useState(false);
   const togglePopover = () => {
-    setIsPopoverVisible(state => !state);
+    setIsPopoverVisible((state) => !state);
   };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(RichTextToolbarButton, {
-      icon: languageIcon,
-      label: title,
-      title: title,
-      onClick: () => {
-        if (isActive) {
-          onChange(removeFormat(value, name));
-        } else {
-          togglePopover();
-        }
-      },
-      isActive: isActive,
-      role: "menuitemcheckbox"
-    }), isPopoverVisible && /*#__PURE__*/_jsx(InlineLanguageUI, {
-      value: value,
-      onChange: onChange,
-      onClose: togglePopover,
-      contentRef: contentRef
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      RichTextToolbarButton,
+      {
+        icon: languageIcon,
+        label: title,
+        title,
+        onClick: () => {
+          if (isActive) {
+            onChange(removeFormat(value, name));
+          } else {
+            togglePopover();
+          }
+        },
+        isActive,
+        role: "menuitemcheckbox"
+      }
+    ),
+    isPopoverVisible && /* @__PURE__ */ jsx(
+      InlineLanguageUI,
+      {
+        value,
+        onChange,
+        onClose: togglePopover,
+        contentRef
+      }
+    )
+  ] });
 }
-function InlineLanguageUI({
-  value,
-  contentRef,
-  onChange,
-  onClose
-}) {
+function InlineLanguageUI({ value, contentRef, onChange, onClose }) {
   const popoverAnchor = useAnchor({
     editableContentElement: contentRef.current,
     settings: language
   });
-  const [lang, setLang] = useState('');
-  const [dir, setDir] = useState('ltr');
-  return /*#__PURE__*/_jsx(Popover, {
-    className: "block-editor-format-toolbar__language-popover",
-    anchor: popoverAnchor,
-    onClose: onClose,
-    children: /*#__PURE__*/_jsxs(VStack, {
-      as: "form",
-      spacing: 4,
-      className: "block-editor-format-toolbar__language-container-content",
-      onSubmit: event => {
-        event.preventDefault();
-        onChange(applyFormat(value, {
-          type: name,
-          attributes: {
-            lang,
-            dir
-          }
-        }));
-        onClose();
-      },
-      children: [/*#__PURE__*/_jsx(TextControl, {
-        __next40pxDefaultSize: true,
-        __nextHasNoMarginBottom: true,
-        label: title,
-        value: lang,
-        onChange: val => setLang(val),
-        help: __('A valid language attribute, like "en" or "fr".')
-      }), /*#__PURE__*/_jsx(SelectControl, {
-        __next40pxDefaultSize: true,
-        __nextHasNoMarginBottom: true,
-        label: __('Text direction'),
-        value: dir,
-        options: [{
-          label: __('Left to right'),
-          value: 'ltr'
-        }, {
-          label: __('Right to left'),
-          value: 'rtl'
-        }],
-        onChange: val => setDir(val)
-      }), /*#__PURE__*/_jsx(HStack, {
-        alignment: "right",
-        children: /*#__PURE__*/_jsx(Button, {
-          __next40pxDefaultSize: true,
-          variant: "primary",
-          type: "submit",
-          text: __('Apply')
-        })
-      })]
-    })
-  });
+  const [lang, setLang] = useState("");
+  const [dir, setDir] = useState("ltr");
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      className: "block-editor-format-toolbar__language-popover",
+      anchor: popoverAnchor,
+      onClose,
+      children: /* @__PURE__ */ jsxs(
+        VStack,
+        {
+          as: "form",
+          spacing: 4,
+          className: "block-editor-format-toolbar__language-container-content",
+          onSubmit: (event) => {
+            event.preventDefault();
+            onChange(
+              applyFormat(value, {
+                type: name,
+                attributes: {
+                  lang,
+                  dir
+                }
+              })
+            );
+            onClose();
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              TextControl,
+              {
+                __next40pxDefaultSize: true,
+                __nextHasNoMarginBottom: true,
+                label: title,
+                value: lang,
+                onChange: (val) => setLang(val),
+                help: __(
+                  'A valid language attribute, like "en" or "fr".'
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SelectControl,
+              {
+                __next40pxDefaultSize: true,
+                __nextHasNoMarginBottom: true,
+                label: __("Text direction"),
+                value: dir,
+                options: [
+                  {
+                    label: __("Left to right"),
+                    value: "ltr"
+                  },
+                  {
+                    label: __("Right to left"),
+                    value: "rtl"
+                  }
+                ],
+                onChange: (val) => setDir(val)
+              }
+            ),
+            /* @__PURE__ */ jsx(HStack, { alignment: "right", children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                __next40pxDefaultSize: true,
+                variant: "primary",
+                type: "submit",
+                text: __("Apply")
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+export {
+  language
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","RichTextToolbarButton","TextControl","SelectControl","Button","Popover","__experimentalHStack","HStack","__experimentalVStack","VStack","useState","applyFormat","removeFormat","useAnchor","language","languageIcon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","name","title","tagName","className","edit","Edit","isActive","value","onChange","contentRef","isPopoverVisible","setIsPopoverVisible","togglePopover","state","children","icon","label","onClick","role","InlineLanguageUI","onClose","popoverAnchor","editableContentElement","current","settings","lang","setLang","dir","setDir","anchor","as","spacing","onSubmit","event","preventDefault","type","attributes","__next40pxDefaultSize","__nextHasNoMarginBottom","val","help","options","alignment","variant","text"],"sources":["@wordpress/format-library/src/language/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * WordPress dependencies\n */\nimport { RichTextToolbarButton } from '@wordpress/block-editor';\nimport {\n\tTextControl,\n\tSelectControl,\n\tButton,\n\tPopover,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { applyFormat, removeFormat, useAnchor } from '@wordpress/rich-text';\nimport { language as languageIcon } from '@wordpress/icons';\n\nconst name = 'core/language';\nconst title = __( 'Language' );\n\nexport const language = {\n\tname,\n\ttagName: 'bdo',\n\tclassName: null,\n\tedit: Edit,\n\ttitle,\n};\n\nfunction Edit( { isActive, value, onChange, contentRef } ) {\n\tconst [ isPopoverVisible, setIsPopoverVisible ] = useState( false );\n\tconst togglePopover = () => {\n\t\tsetIsPopoverVisible( ( state ) => ! state );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<RichTextToolbarButton\n\t\t\t\ticon={ languageIcon }\n\t\t\t\tlabel={ title }\n\t\t\t\ttitle={ title }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tif ( isActive ) {\n\t\t\t\t\t\tonChange( removeFormat( value, name ) );\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttogglePopover();\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\tisActive={ isActive }\n\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t/>\n\t\t\t{ isPopoverVisible && (\n\t\t\t\t<InlineLanguageUI\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tonClose={ togglePopover }\n\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction InlineLanguageUI( { value, contentRef, onChange, onClose } ) {\n\tconst popoverAnchor = useAnchor( {\n\t\teditableContentElement: contentRef.current,\n\t\tsettings: language,\n\t} );\n\n\tconst [ lang, setLang ] = useState( '' );\n\tconst [ dir, setDir ] = useState( 'ltr' );\n\n\treturn (\n\t\t<Popover\n\t\t\tclassName=\"block-editor-format-toolbar__language-popover\"\n\t\t\tanchor={ popoverAnchor }\n\t\t\tonClose={ onClose }\n\t\t>\n\t\t\t<VStack\n\t\t\t\tas=\"form\"\n\t\t\t\tspacing={ 4 }\n\t\t\t\tclassName=\"block-editor-format-toolbar__language-container-content\"\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tonChange(\n\t\t\t\t\t\tapplyFormat( value, {\n\t\t\t\t\t\t\ttype: name,\n\t\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t\tlang,\n\t\t\t\t\t\t\t\tdir,\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\tonClose();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ title }\n\t\t\t\t\tvalue={ lang }\n\t\t\t\t\tonChange={ ( val ) => setLang( val ) }\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'A valid language attribute, like \"en\" or \"fr\".'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Text direction' ) }\n\t\t\t\t\tvalue={ dir }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Left to right' ),\n\t\t\t\t\t\t\tvalue: 'ltr',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Right to left' ),\n\t\t\t\t\t\t\tvalue: 'rtl',\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t\tonChange={ ( val ) => setDir( val ) }\n\t\t\t\t/>\n\t\t\t\t<HStack alignment=\"right\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\ttext={ __( 'Apply' ) }\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t</Popover>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/language/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * WordPress dependencies\n */\nimport { RichTextToolbarButton } from '@wordpress/block-editor';\nimport {\n\tTextControl,\n\tSelectControl,\n\tButton,\n\tPopover,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { applyFormat, removeFormat, useAnchor } from '@wordpress/rich-text';\nimport { language as languageIcon } from '@wordpress/icons';\n\nconst name = 'core/language';\nconst title = __( 'Language' );\n\nexport const language = {\n\tname,\n\ttagName: 'bdo',\n\tclassName: null,\n\tedit: Edit,\n\ttitle,\n};\n\nfunction Edit( { isActive, value, onChange, contentRef } ) {\n\tconst [ isPopoverVisible, setIsPopoverVisible ] = useState( false );\n\tconst togglePopover = () => {\n\t\tsetIsPopoverVisible( ( state ) => ! state );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<RichTextToolbarButton\n\t\t\t\ticon={ languageIcon }\n\t\t\t\tlabel={ title }\n\t\t\t\ttitle={ title }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tif ( isActive ) {\n\t\t\t\t\t\tonChange( removeFormat( value, name ) );\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttogglePopover();\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\tisActive={ isActive }\n\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t/>\n\t\t\t{ isPopoverVisible && (\n\t\t\t\t<InlineLanguageUI\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tonClose={ togglePopover }\n\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction InlineLanguageUI( { value, contentRef, onChange, onClose } ) {\n\tconst popoverAnchor = useAnchor( {\n\t\teditableContentElement: contentRef.current,\n\t\tsettings: language,\n\t} );\n\n\tconst [ lang, setLang ] = useState( '' );\n\tconst [ dir, setDir ] = useState( 'ltr' );\n\n\treturn (\n\t\t<Popover\n\t\t\tclassName=\"block-editor-format-toolbar__language-popover\"\n\t\t\tanchor={ popoverAnchor }\n\t\t\tonClose={ onClose }\n\t\t>\n\t\t\t<VStack\n\t\t\t\tas=\"form\"\n\t\t\t\tspacing={ 4 }\n\t\t\t\tclassName=\"block-editor-format-toolbar__language-container-content\"\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tonChange(\n\t\t\t\t\t\tapplyFormat( value, {\n\t\t\t\t\t\t\ttype: name,\n\t\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t\tlang,\n\t\t\t\t\t\t\t\tdir,\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\tonClose();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ title }\n\t\t\t\t\tvalue={ lang }\n\t\t\t\t\tonChange={ ( val ) => setLang( val ) }\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'A valid language attribute, like \"en\" or \"fr\".'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Text direction' ) }\n\t\t\t\t\tvalue={ dir }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Left to right' ),\n\t\t\t\t\t\t\tvalue: 'ltr',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Right to left' ),\n\t\t\t\t\t\t\tvalue: 'rtl',\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t\tonChange={ ( val ) => setDir( val ) }\n\t\t\t\t/>\n\t\t\t\t<HStack alignment=\"right\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\ttext={ __( 'Apply' ) }\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t</Popover>\n\t);\n}\n"],
+  "mappings": "AAuCE,mBACC,KADD;AApCF,SAAS,UAAU;AAKnB,SAAS,6BAA6B;AACtC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,OAClB;AACP,SAAS,gBAAgB;AACzB,SAAS,aAAa,cAAc,iBAAiB;AACrD,SAAS,YAAY,oBAAoB;AAEzC,MAAM,OAAO;AACb,MAAM,QAAQ,GAAI,UAAW;AAEtB,MAAM,WAAW;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,EACT,WAAW;AAAA,EACX,MAAM;AAAA,EACN;AACD;AAEA,SAAS,KAAM,EAAE,UAAU,OAAO,UAAU,WAAW,GAAI;AAC1D,QAAM,CAAE,kBAAkB,mBAAoB,IAAI,SAAU,KAAM;AAClE,QAAM,gBAAgB,MAAM;AAC3B,wBAAqB,CAAE,UAAW,CAAE,KAAM;AAAA,EAC3C;AAEA,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,MAAO;AAAA,QACP,OAAQ;AAAA,QACR;AAAA,QACA,SAAU,MAAM;AACf,cAAK,UAAW;AACf,qBAAU,aAAc,OAAO,IAAK,CAAE;AAAA,UACvC,OAAO;AACN,0BAAc;AAAA,UACf;AAAA,QACD;AAAA,QACA;AAAA,QACA,MAAK;AAAA;AAAA,IACN;AAAA,IACE,oBACD;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAU;AAAA,QACV;AAAA;AAAA,IACD;AAAA,KAEF;AAEF;AAEA,SAAS,iBAAkB,EAAE,OAAO,YAAY,UAAU,QAAQ,GAAI;AACrE,QAAM,gBAAgB,UAAW;AAAA,IAChC,wBAAwB,WAAW;AAAA,IACnC,UAAU;AAAA,EACX,CAAE;AAEF,QAAM,CAAE,MAAM,OAAQ,IAAI,SAAU,EAAG;AACvC,QAAM,CAAE,KAAK,MAAO,IAAI,SAAU,KAAM;AAExC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,QAAS;AAAA,MACT;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,IAAG;AAAA,UACH,SAAU;AAAA,UACV,WAAU;AAAA,UACV,UAAW,CAAE,UAAW;AACvB,kBAAM,eAAe;AACrB;AAAA,cACC,YAAa,OAAO;AAAA,gBACnB,MAAM;AAAA,gBACN,YAAY;AAAA,kBACX;AAAA,kBACA;AAAA,gBACD;AAAA,cACD,CAAE;AAAA,YACH;AACA,oBAAQ;AAAA,UACT;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACA,uBAAqB;AAAA,gBACrB,yBAAuB;AAAA,gBACvB,OAAQ;AAAA,gBACR,OAAQ;AAAA,gBACR,UAAW,CAAE,QAAS,QAAS,GAAI;AAAA,gBACnC,MAAO;AAAA,kBACN;AAAA,gBACD;AAAA;AAAA,YACD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,uBAAqB;AAAA,gBACrB,yBAAuB;AAAA,gBACvB,OAAQ,GAAI,gBAAiB;AAAA,gBAC7B,OAAQ;AAAA,gBACR,SAAU;AAAA,kBACT;AAAA,oBACC,OAAO,GAAI,eAAgB;AAAA,oBAC3B,OAAO;AAAA,kBACR;AAAA,kBACA;AAAA,oBACC,OAAO,GAAI,eAAgB;AAAA,oBAC3B,OAAO;AAAA,kBACR;AAAA,gBACD;AAAA,gBACA,UAAW,CAAE,QAAS,OAAQ,GAAI;AAAA;AAAA,YACnC;AAAA,YACA,oBAAC,UAAO,WAAU,SACjB;AAAA,cAAC;AAAA;AAAA,gBACA,uBAAqB;AAAA,gBACrB,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,MAAO,GAAI,OAAQ;AAAA;AAAA,YACpB,GACD;AAAA;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;",
+  "names": []
+}

package/build-module/link/css-classes-setting.js

@@ -0,0 +1,67 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "@wordpress/element";
+import { useInstanceId } from "@wordpress/compose";
+import { __ } from "@wordpress/i18n";
+import {
+  __experimentalInputControl as InputControl,
+  CheckboxControl,
+  VisuallyHidden,
+  __experimentalVStack as VStack
+} from "@wordpress/components";
+const CSSClassesSettingComponent = ({ setting, value, onChange }) => {
+  const hasValue = value ? value?.cssClasses?.length > 0 : false;
+  const [isSettingActive, setIsSettingActive] = useState(hasValue);
+  const instanceId = useInstanceId(CSSClassesSettingComponent);
+  const controlledRegionId = `css-classes-setting-${instanceId}`;
+  const handleSettingChange = (newValue) => {
+    const sanitizedValue = typeof newValue === "string" ? newValue.replace(/,/g, " ").replace(/\s+/g, " ").trim() : newValue;
+    onChange({
+      ...value,
+      [setting.id]: sanitizedValue
+    });
+  };
+  const handleCheckboxChange = () => {
+    if (isSettingActive) {
+      if (hasValue) {
+        handleSettingChange("");
+      }
+      setIsSettingActive(false);
+    } else {
+      setIsSettingActive(true);
+    }
+  };
+  return /* @__PURE__ */ jsxs("fieldset", { children: [
+    /* @__PURE__ */ jsx(VisuallyHidden, { as: "legend", children: setting.title }),
+    /* @__PURE__ */ jsxs(VStack, { spacing: 3, children: [
+      /* @__PURE__ */ jsx(
+        CheckboxControl,
+        {
+          __nextHasNoMarginBottom: true,
+          label: setting.title,
+          onChange: handleCheckboxChange,
+          checked: isSettingActive || hasValue,
+          "aria-expanded": isSettingActive,
+          "aria-controls": isSettingActive ? controlledRegionId : void 0
+        }
+      ),
+      isSettingActive && /* @__PURE__ */ jsx("div", { id: controlledRegionId, children: /* @__PURE__ */ jsx(
+        InputControl,
+        {
+          label: __("CSS classes"),
+          value: value?.cssClasses,
+          onChange: handleSettingChange,
+          help: __(
+            "Separate multiple classes with spaces."
+          ),
+          __unstableInputWidth: "100%",
+          __next40pxDefaultSize: true
+        }
+      ) })
+    ] })
+  ] });
+};
+var css_classes_setting_default = CSSClassesSettingComponent;
+export {
+  css_classes_setting_default as default
+};
+//# sourceMappingURL=css-classes-setting.js.map

package/build-module/link/css-classes-setting.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/link/css-classes-setting.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalInputControl as InputControl,\n\tCheckboxControl,\n\tVisuallyHidden,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/**\n * CSSClassesSettingComponent\n *\n * Presents a toggleable text input for editing link CSS classes. The input\n * is shown when the toggle is enabled or when there is already a value. When\n * toggled off and a value exists, it resets the value to an empty string.\n *\n * @param {Object}   props          - Component props.\n * @param {Object}   props.setting  - Setting configuration object.\n * @param {Object}   props.value    - Current link value object.\n * @param {Function} props.onChange - Callback when value changes.\n */\nconst CSSClassesSettingComponent = ( { setting, value, onChange } ) => {\n\tconst hasValue = value ? value?.cssClasses?.length > 0 : false;\n\tconst [ isSettingActive, setIsSettingActive ] = useState( hasValue );\n\tconst instanceId = useInstanceId( CSSClassesSettingComponent );\n\tconst controlledRegionId = `css-classes-setting-${ instanceId }`;\n\n\t// Sanitize user input: replace commas with spaces, collapse repeated spaces, and trim\n\tconst handleSettingChange = ( newValue ) => {\n\t\tconst sanitizedValue =\n\t\t\ttypeof newValue === 'string'\n\t\t\t\t? newValue.replace( /,/g, ' ' ).replace( /\\s+/g, ' ' ).trim()\n\t\t\t\t: newValue;\n\t\tonChange( {\n\t\t\t...value,\n\t\t\t[ setting.id ]: sanitizedValue,\n\t\t} );\n\t};\n\n\tconst handleCheckboxChange = () => {\n\t\tif ( isSettingActive ) {\n\t\t\tif ( hasValue ) {\n\t\t\t\t// Reset the value when hiding the input and a value exists.\n\t\t\t\thandleSettingChange( '' );\n\t\t\t}\n\t\t\tsetIsSettingActive( false );\n\t\t} else {\n\t\t\tsetIsSettingActive( true );\n\t\t}\n\t};\n\n\treturn (\n\t\t<fieldset>\n\t\t\t<VisuallyHidden as=\"legend\">{ setting.title }</VisuallyHidden>\n\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t<CheckboxControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ setting.title }\n\t\t\t\t\tonChange={ handleCheckboxChange }\n\t\t\t\t\tchecked={ isSettingActive || hasValue }\n\t\t\t\t\taria-expanded={ isSettingActive }\n\t\t\t\t\taria-controls={\n\t\t\t\t\t\tisSettingActive ? controlledRegionId : undefined\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t{ isSettingActive && (\n\t\t\t\t\t<div id={ controlledRegionId }>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\tlabel={ __( 'CSS classes' ) }\n\t\t\t\t\t\t\tvalue={ value?.cssClasses }\n\t\t\t\t\t\t\tonChange={ handleSettingChange }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Separate multiple classes with spaces.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t__unstableInputWidth=\"100%\"\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</fieldset>\n\t);\n};\n\nexport default CSSClassesSettingComponent;\n"],
+  "mappings": "AAyDG,cACA,YADA;AAtDH,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAAS,UAAU;AACnB;AAAA,EACC,8BAA8B;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,wBAAwB;AAAA,OAClB;AAcP,MAAM,6BAA6B,CAAE,EAAE,SAAS,OAAO,SAAS,MAAO;AACtE,QAAM,WAAW,QAAQ,OAAO,YAAY,SAAS,IAAI;AACzD,QAAM,CAAE,iBAAiB,kBAAmB,IAAI,SAAU,QAAS;AACnE,QAAM,aAAa,cAAe,0BAA2B;AAC7D,QAAM,qBAAqB,uBAAwB,UAAW;AAG9D,QAAM,sBAAsB,CAAE,aAAc;AAC3C,UAAM,iBACL,OAAO,aAAa,WACjB,SAAS,QAAS,MAAM,GAAI,EAAE,QAAS,QAAQ,GAAI,EAAE,KAAK,IAC1D;AACJ,aAAU;AAAA,MACT,GAAG;AAAA,MACH,CAAE,QAAQ,EAAG,GAAG;AAAA,IACjB,CAAE;AAAA,EACH;AAEA,QAAM,uBAAuB,MAAM;AAClC,QAAK,iBAAkB;AACtB,UAAK,UAAW;AAEf,4BAAqB,EAAG;AAAA,MACzB;AACA,yBAAoB,KAAM;AAAA,IAC3B,OAAO;AACN,yBAAoB,IAAK;AAAA,IAC1B;AAAA,EACD;AAEA,SACC,qBAAC,cACA;AAAA,wBAAC,kBAAe,IAAG,UAAW,kBAAQ,OAAO;AAAA,IAC7C,qBAAC,UAAO,SAAU,GACjB;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,yBAAuB;AAAA,UACvB,OAAQ,QAAQ;AAAA,UAChB,UAAW;AAAA,UACX,SAAU,mBAAmB;AAAA,UAC7B,iBAAgB;AAAA,UAChB,iBACC,kBAAkB,qBAAqB;AAAA;AAAA,MAEzC;AAAA,MACE,mBACD,oBAAC,SAAI,IAAK,oBACT;AAAA,QAAC;AAAA;AAAA,UACA,OAAQ,GAAI,aAAc;AAAA,UAC1B,OAAQ,OAAO;AAAA,UACf,UAAW;AAAA,UACX,MAAO;AAAA,YACN;AAAA,UACD;AAAA,UACA,sBAAqB;AAAA,UACrB,uBAAqB;AAAA;AAAA,MACtB,GACD;AAAA,OAEF;AAAA,KACD;AAEF;AAEA,IAAO,8BAAQ;",
+  "names": []
+}