@wordpress/block-library 9.38.0 → 9.39.0

package/build/tab/controls.cjs

@@ -39,6 +39,7 @@ var import_i18n = require("@wordpress/i18n");
 var import_data = require("@wordpress/data");
 var import_html_entities = require("@wordpress/html-entities");
 var import_add_tab_toolbar_control = __toESM(require("./add-tab-toolbar-control.cjs"));
+var import_remove_tab_toolbar_control = __toESM(require("./remove-tab-toolbar-control.cjs"));
 var import_slug_from_label = __toESM(require("./slug-from-label.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 function Controls({
@@ -51,14 +52,9 @@ function Controls({
   const { label } = attributes;
   const { updateBlockAttributes } = (0, import_data.useDispatch)(import_block_editor.store);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_add_tab_toolbar_control.default,
-      {
-        tabsClientId,
-        attributes
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.InspectorControls, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.PanelBody, { title: (0, import_i18n.__)("Tab Settings"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_add_tab_toolbar_control.default, { tabsClientId }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_remove_tab_toolbar_control.default, { tabsClientId }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.InspectorControls, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.PanelBody, { title: (0, import_i18n.__)("Settings"), children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_components.TextControl,
         {

package/build/tab/controls.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tab/controls.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tInspectorControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { PanelBody, TextControl, ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport AddTabToolbarControl from './add-tab-toolbar-control';\nimport slugFromLabel from './slug-from-label';\n\nexport default function Controls( {\n\tattributes,\n\tsetAttributes,\n\ttabsClientId,\n\tblockIndex,\n\tisDefaultTab,\n} ) {\n\tconst { label } = attributes;\n\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<>\n\t\t\t<AddTabToolbarControl\n\t\t\t\ttabsClientId={ tabsClientId }\n\t\t\t\tattributes={ attributes }\n\t\t\t/>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Tab Settings' ) }>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tlabel={ __( 'Tab Label' ) }\n\t\t\t\t\t\tvalue={ decodeEntities( label ) }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tlabel: value,\n\t\t\t\t\t\t\t\tanchor: slugFromLabel( value, blockIndex ),\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Default Tab' ) }\n\t\t\t\t\t\tchecked={ isDefaultTab }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tupdateBlockAttributes( tabsClientId, {\n\t\t\t\t\t\t\t\tactiveTabIndex: value ? blockIndex : 0,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'If toggled, this tab will be selected when the page loads.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAGO;AACP,wBAAsD;AACtD,kBAAmB;AACnB,kBAA4B;AAC5B,2BAA+B;AAK/B,qCAAiC;AACjC,6BAA0B;AAcxB;AAZa,SAAR,SAA2B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,MAAM,IAAI;AAElB,QAAM,EAAE,sBAAsB,QAAI,yBAAa,oBAAAA,KAAiB;AAEhE,SACC,4EACC;AAAA;AAAA,MAAC,+BAAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,IACA,4CAAC,yCACA,uDAAC,+BAAU,WAAQ,gBAAI,cAAe,GACrC;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,WAAQ,gBAAI,WAAY;AAAA,UACxB,WAAQ,qCAAgB,KAAM;AAAA,UAC9B,UAAW,CAAE,UAAW;AACvB,0BAAe;AAAA,cACd,OAAO;AAAA,cACP,YAAQ,uBAAAC,SAAe,OAAO,UAAW;AAAA,YAC1C,CAAE;AAAA,UACH;AAAA,UACA,uBAAqB;AAAA;AAAA,MACtB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,WAAQ,gBAAI,aAAc;AAAA,UAC1B,SAAU;AAAA,UACV,UAAW,CAAE,UAAW;AACvB,kCAAuB,cAAc;AAAA,cACpC,gBAAgB,QAAQ,aAAa;AAAA,YACtC,CAAE;AAAA,UACH;AAAA,UACA,UAAO;AAAA,YACN;AAAA,UACD;AAAA;AAAA,MACD;AAAA,OACD,GACD;AAAA,KACD;AAEF;",
-  "names": ["blockEditorStore", "AddTabToolbarControl", "slugFromLabel"]
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tInspectorControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { PanelBody, TextControl, ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport AddTabToolbarControl from './add-tab-toolbar-control';\nimport RemoveTabToolbarControl from './remove-tab-toolbar-control';\nimport slugFromLabel from './slug-from-label';\n\nexport default function Controls( {\n\tattributes,\n\tsetAttributes,\n\ttabsClientId,\n\tblockIndex,\n\tisDefaultTab,\n} ) {\n\tconst { label } = attributes;\n\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<>\n\t\t\t<AddTabToolbarControl tabsClientId={ tabsClientId } />\n\t\t\t<RemoveTabToolbarControl tabsClientId={ tabsClientId } />\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tlabel={ __( 'Tab Label' ) }\n\t\t\t\t\t\tvalue={ decodeEntities( label ) }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tlabel: value,\n\t\t\t\t\t\t\t\tanchor: slugFromLabel( value, blockIndex ),\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Default Tab' ) }\n\t\t\t\t\t\tchecked={ isDefaultTab }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tupdateBlockAttributes( tabsClientId, {\n\t\t\t\t\t\t\t\tactiveTabIndex: value ? blockIndex : 0,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'If toggled, this tab will be selected when the page loads.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAGO;AACP,wBAAsD;AACtD,kBAAmB;AACnB,kBAA4B;AAC5B,2BAA+B;AAK/B,qCAAiC;AACjC,wCAAoC;AACpC,6BAA0B;AAcxB;AAZa,SAAR,SAA2B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,MAAM,IAAI;AAElB,QAAM,EAAE,sBAAsB,QAAI,yBAAa,oBAAAA,KAAiB;AAEhE,SACC,4EACC;AAAA,gDAAC,+BAAAC,SAAA,EAAqB,cAA8B;AAAA,IACpD,4CAAC,kCAAAC,SAAA,EAAwB,cAA8B;AAAA,IACvD,4CAAC,yCACA,uDAAC,+BAAU,WAAQ,gBAAI,UAAW,GACjC;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,WAAQ,gBAAI,WAAY;AAAA,UACxB,WAAQ,qCAAgB,KAAM;AAAA,UAC9B,UAAW,CAAE,UAAW;AACvB,0BAAe;AAAA,cACd,OAAO;AAAA,cACP,YAAQ,uBAAAC,SAAe,OAAO,UAAW;AAAA,YAC1C,CAAE;AAAA,UACH;AAAA,UACA,uBAAqB;AAAA;AAAA,MACtB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,WAAQ,gBAAI,aAAc;AAAA,UAC1B,SAAU;AAAA,UACV,UAAW,CAAE,UAAW;AACvB,kCAAuB,cAAc;AAAA,cACpC,gBAAgB,QAAQ,aAAa;AAAA,YACtC,CAAE;AAAA,UACH;AAAA,UACA,UAAO;AAAA,YACN;AAAA,UACD;AAAA;AAAA,MACD;AAAA,OACD,GACD;AAAA,KACD;AAEF;",
+  "names": ["blockEditorStore", "AddTabToolbarControl", "RemoveTabToolbarControl", "slugFromLabel"]
 }

package/build/tab/edit.cjs

@@ -40,56 +40,29 @@ var import_data = require("@wordpress/data");
 var import_element = require("@wordpress/element");
 var import_controls = __toESM(require("./controls.cjs"));
 var import_slug_from_label = __toESM(require("./slug-from-label.cjs"));
-var import_tabs_list = __toESM(require("./tabs-list.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var TEMPLATE = [
   [
     "core/paragraph",
     {
-      placeholder: (0, import_i18n.__)("Type / to add a block to tab")
+      placeholder: (0, import_i18n.__)("Type / to choose a block")
     }
   ]
 ];
-var { requestAnimationFrame, cancelAnimationFrame } = window;
+var { cancelAnimationFrame } = window;
 function Edit({
   attributes,
   clientId,
+  context,
   isSelected,
   setAttributes,
   __unstableLayoutClassNames: layoutClassNames
 }) {
-  const { selectBlock } = (0, import_data.useDispatch)(import_block_editor.store);
-  const innerBlocksRef = (0, import_element.useRef)(null);
   const focusRef = (0, import_element.useRef)();
-  const [isInitialMount, setIsInitialMount] = (0, import_element.useState)(true);
-  const labelElementRef = (0, import_element.useRef)(null);
   const { anchor, label } = attributes;
-  const labelRef = (0, import_element.useCallback)(
-    (node) => {
-      labelElementRef.current = node;
-      if (node && isInitialMount) {
-        const animationId = requestAnimationFrame(() => {
-          if (node) {
-            node.focus();
-          }
-        });
-        focusRef.current = animationId;
-        setIsInitialMount(false);
-      }
-    },
-    [isInitialMount]
-  );
-  (0, import_element.useEffect)(() => {
-    if (!label && !isInitialMount && labelElementRef.current) {
-      const animationId = requestAnimationFrame(() => {
-        if (labelElementRef.current) {
-          labelElementRef.current.focus();
-        }
-      });
-      focusRef.current = animationId;
-      return () => cancelAnimationFrame(focusRef.current);
-    }
-  }, [label, isInitialMount]);
+  const activeTabIndex = context["core/tabs-activeTabIndex"] ?? 0;
+  const editorActiveTabIndex = context["core/tabs-editorActiveTabIndex"];
+  const effectiveActiveIndex = editorActiveTabIndex ?? activeTabIndex;
   (0, import_element.useEffect)(() => {
     return () => {
       if (focusRef.current) {
@@ -97,99 +70,74 @@ function Edit({
       }
     };
   }, []);
-  const {
-    blockIndex,
-    hasInnerBlocksSelected,
-    tabsHasSelectedBlock,
-    tabsClientId,
-    tabsAttributes,
-    forceDisplay,
-    isTabsClientSelected,
-    isDefaultTab,
-    siblingTabs
-  } = (0, import_data.useSelect)(
+  const { blockIndex, hasInnerBlocksSelected, tabsClientId } = (0, import_data.useSelect)(
     (select) => {
       const {
         getBlockRootClientId,
         getBlockIndex,
-        isBlockSelected,
-        hasSelectedInnerBlock,
-        getBlockAttributes,
-        getBlocks
+        hasSelectedInnerBlock
       } = select(import_block_editor.store);
-      const rootClientId = getBlockRootClientId(clientId);
-      const hasTabSelected = hasSelectedInnerBlock(rootClientId, true);
-      const rootAttributes = getBlockAttributes(rootClientId);
-      const { activeTabIndex } = rootAttributes;
-      const _isTabsClientSelected = isBlockSelected(rootClientId);
+      const tabPanelsClientId = getBlockRootClientId(clientId);
+      const _tabsClientId = getBlockRootClientId(tabPanelsClientId);
       const _blockIndex = getBlockIndex(clientId);
-      const _isDefaultTab = activeTabIndex === _blockIndex;
       const _hasInnerBlocksSelected = hasSelectedInnerBlock(
         clientId,
         true
       );
-      const _siblingTabs = getBlocks(rootClientId);
       return {
         blockIndex: _blockIndex,
         hasInnerBlocksSelected: _hasInnerBlocksSelected,
-        tabsClientId: rootClientId,
-        forceDisplay: _isDefaultTab && _isTabsClientSelected,
-        tabsHasSelectedBlock: hasTabSelected,
-        isTabsClientSelected: _isTabsClientSelected,
-        isDefaultTab: _isDefaultTab,
-        tabsAttributes: rootAttributes,
-        siblingTabs: _siblingTabs
+        tabsClientId: _tabsClientId
       };
     },
     [clientId]
   );
+  const { updateBlockAttributes, __unstableMarkNextChangeAsNotPersistent } = (0, import_data.useDispatch)(import_block_editor.store);
+  (0, import_element.useEffect)(() => {
+    const isTabSelected = isSelected || hasInnerBlocksSelected;
+    if (isTabSelected && tabsClientId && effectiveActiveIndex !== blockIndex) {
+      __unstableMarkNextChangeAsNotPersistent();
+      updateBlockAttributes(tabsClientId, {
+        editorActiveTabIndex: blockIndex
+      });
+    }
+  }, [
+    isSelected,
+    hasInnerBlocksSelected,
+    tabsClientId,
+    effectiveActiveIndex,
+    blockIndex,
+    updateBlockAttributes,
+    __unstableMarkNextChangeAsNotPersistent
+  ]);
+  const isActiveTab = effectiveActiveIndex === blockIndex;
+  const isDefaultTab = activeTabIndex === blockIndex;
   const isSelectedTab = (0, import_element.useMemo)(() => {
-    if (isSelected || hasInnerBlocksSelected || forceDisplay) {
+    if (isSelected || hasInnerBlocksSelected) {
       return true;
     }
-    if (isDefaultTab && !isTabsClientSelected && !isSelected && !tabsHasSelectedBlock) {
+    if (isActiveTab) {
       return true;
     }
     return false;
-  }, [
-    isSelected,
-    hasInnerBlocksSelected,
-    forceDisplay,
-    isDefaultTab,
-    isTabsClientSelected,
-    tabsHasSelectedBlock
-  ]);
+  }, [isSelected, hasInnerBlocksSelected, isActiveTab]);
   const tabPanelId = (0, import_element.useMemo)(
     () => anchor || (0, import_slug_from_label.default)(label, blockIndex),
     [anchor, label, blockIndex]
   );
   const tabLabelId = (0, import_element.useMemo)(() => `${tabPanelId}--tab`, [tabPanelId]);
-  const tabItemColorProps = (0, import_block_editor.__experimentalUseColorProps)(tabsAttributes);
-  const tabContentTypographyProps = (0, import_block_editor.getTypographyClassesAndStyles)(attributes);
   const blockProps = (0, import_block_editor.useBlockProps)({
-    hidden: !isSelectedTab
+    hidden: !isSelectedTab,
+    "aria-labelledby": tabLabelId,
+    id: tabPanelId,
+    role: "tabpanel",
+    tabIndex: isSelectedTab ? 0 : -1,
+    className: (0, import_clsx.default)("wp-block-tab__editor-content", layoutClassNames)
   });
-  const innerBlocksProps = (0, import_block_editor.useInnerBlocksProps)(
-    {
-      "aria-labelledby": tabLabelId,
-      id: tabPanelId,
-      role: "tabpanel",
-      ref: innerBlocksRef,
-      tabIndex: isSelectedTab ? 0 : -1,
-      className: (0, import_clsx.default)(
-        tabContentTypographyProps.className,
-        "tabs__tab-editor-content",
-        layoutClassNames
-      ),
-      style: {
-        ...tabContentTypographyProps.style
-      }
-    },
-    {
-      template: TEMPLATE
-    }
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...blockProps, children: [
+  const innerBlocksProps = (0, import_block_editor.useInnerBlocksProps)(blockProps, {
+    template: TEMPLATE
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { ...innerBlocksProps, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_controls.default,
       {
@@ -200,27 +148,7 @@ function Edit({
         isDefaultTab
       }
     ),
-    isSelectedTab && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tabs_list.default,
-        {
-          siblingTabs,
-          currentClientId: clientId,
-          currentBlockIndex: blockIndex,
-          currentLabel: label,
-          tabItemColorProps,
-          onSelectTab: selectBlock,
-          onLabelChange: (value) => setAttributes({
-            label: value,
-            anchor: (0, import_slug_from_label.default)(value, blockIndex)
-          }),
-          labelRef,
-          focusRef,
-          labelElementRef
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { ...innerBlocksProps })
-    ] })
-  ] }) });
+    isSelectedTab && innerBlocksProps.children
+  ] });
 }
 //# sourceMappingURL=edit.cjs.map

package/build/tab/edit.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tab/edit.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tgetTypographyClassesAndStyles as useTypographyProps,\n\t__experimentalUseColorProps as useColorProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tuseMemo,\n\tuseRef,\n\tuseEffect,\n\tuseCallback,\n\tuseState,\n} from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport Controls from './controls';\nimport slugFromLabel from './slug-from-label';\nimport TabsList from './tabs-list';\n\nconst TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\tplaceholder: __( 'Type / to add a block to tab' ),\n\t\t},\n\t],\n];\n\nconst { requestAnimationFrame, cancelAnimationFrame } = window;\n\nexport default function Edit( {\n\tattributes,\n\tclientId,\n\tisSelected,\n\tsetAttributes,\n\t__unstableLayoutClassNames: layoutClassNames,\n} ) {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\tconst innerBlocksRef = useRef( null );\n\tconst focusRef = useRef();\n\tconst [ isInitialMount, setIsInitialMount ] = useState( true );\n\tconst labelElementRef = useRef( null );\n\n\tconst { anchor, label } = attributes;\n\n\t// Callback ref that stores the element and focuses on initial mount.\n\tconst labelRef = useCallback(\n\t\t( node ) => {\n\t\t\tlabelElementRef.current = node;\n\t\t\tif ( node && isInitialMount ) {\n\t\t\t\t// Focus immediately when ref is set on initial mount.\n\t\t\t\tconst animationId = requestAnimationFrame( () => {\n\t\t\t\t\tif ( node ) {\n\t\t\t\t\t\tnode.focus();\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t\tfocusRef.current = animationId;\n\t\t\t\tsetIsInitialMount( false );\n\t\t\t}\n\t\t},\n\t\t[ isInitialMount ]\n\t);\n\n\t// Focus the label RichText component when no label exists (after initial mount).\n\tuseEffect( () => {\n\t\tif ( ! label && ! isInitialMount && labelElementRef.current ) {\n\t\t\tconst animationId = requestAnimationFrame( () => {\n\t\t\t\tif ( labelElementRef.current ) {\n\t\t\t\t\tlabelElementRef.current.focus();\n\t\t\t\t}\n\t\t\t} );\n\t\t\tfocusRef.current = animationId;\n\t\t\treturn () => cancelAnimationFrame( focusRef.current );\n\t\t}\n\t}, [ label, isInitialMount ] );\n\n\t// Clean up animation frames on unmount.\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tif ( focusRef.current ) {\n\t\t\t\tcancelAnimationFrame( focusRef.current );\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\tconst {\n\t\tblockIndex,\n\t\thasInnerBlocksSelected,\n\t\ttabsHasSelectedBlock,\n\t\ttabsClientId,\n\t\ttabsAttributes,\n\t\tforceDisplay,\n\t\tisTabsClientSelected,\n\t\tisDefaultTab,\n\t\tsiblingTabs,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockIndex,\n\t\t\t\tisBlockSelected,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tgetBlocks,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\t// Get data from core/tabs.\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\tconst hasTabSelected = hasSelectedInnerBlock( rootClientId, true );\n\t\t\tconst rootAttributes = getBlockAttributes( rootClientId );\n\t\t\tconst { activeTabIndex } = rootAttributes;\n\t\t\tconst _isTabsClientSelected = isBlockSelected( rootClientId );\n\n\t\t\t// Get data about this instance of core/tab.\n\t\t\tconst _blockIndex = getBlockIndex( clientId );\n\t\t\tconst _isDefaultTab = activeTabIndex === _blockIndex;\n\t\t\tconst _hasInnerBlocksSelected = hasSelectedInnerBlock(\n\t\t\t\tclientId,\n\t\t\t\ttrue\n\t\t\t);\n\n\t\t\t// Get all sibling tabs from parent.\n\t\t\tconst _siblingTabs = getBlocks( rootClientId );\n\n\t\t\treturn {\n\t\t\t\tblockIndex: _blockIndex,\n\t\t\t\thasInnerBlocksSelected: _hasInnerBlocksSelected,\n\t\t\t\ttabsClientId: rootClientId,\n\t\t\t\tforceDisplay: _isDefaultTab && _isTabsClientSelected,\n\t\t\t\ttabsHasSelectedBlock: hasTabSelected,\n\t\t\t\tisTabsClientSelected: _isTabsClientSelected,\n\t\t\t\tisDefaultTab: _isDefaultTab,\n\t\t\t\ttabsAttributes: rootAttributes,\n\t\t\t\tsiblingTabs: _siblingTabs,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\t/**\n\t * This hook determines if the current tab is selected. This is true if it is the active tab, or if it is selected directly.\n\t */\n\tconst isSelectedTab = useMemo( () => {\n\t\tif ( isSelected || hasInnerBlocksSelected || forceDisplay ) {\n\t\t\treturn true;\n\t\t}\n\t\tif (\n\t\t\tisDefaultTab &&\n\t\t\t! isTabsClientSelected &&\n\t\t\t! isSelected &&\n\t\t\t! tabsHasSelectedBlock\n\t\t) {\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}, [\n\t\tisSelected,\n\t\thasInnerBlocksSelected,\n\t\tforceDisplay,\n\t\tisDefaultTab,\n\t\tisTabsClientSelected,\n\t\ttabsHasSelectedBlock,\n\t] );\n\n\t// Use a custom anchor, if set. Otherwise fall back to the slug generated from the label text.\n\tconst tabPanelId = useMemo(\n\t\t() => anchor || slugFromLabel( label, blockIndex ),\n\t\t[ anchor, label, blockIndex ]\n\t);\n\tconst tabLabelId = useMemo( () => `${ tabPanelId }--tab`, [ tabPanelId ] );\n\n\tconst tabItemColorProps = useColorProps( tabsAttributes );\n\tconst tabContentTypographyProps = useTypographyProps( attributes );\n\n\tconst blockProps = useBlockProps( {\n\t\thidden: ! isSelectedTab,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\t'aria-labelledby': tabLabelId,\n\t\t\tid: tabPanelId,\n\t\t\trole: 'tabpanel',\n\t\t\tref: innerBlocksRef,\n\t\t\ttabIndex: isSelectedTab ? 0 : -1,\n\t\t\tclassName: clsx(\n\t\t\t\ttabContentTypographyProps.className,\n\t\t\t\t'tabs__tab-editor-content',\n\t\t\t\tlayoutClassNames\n\t\t\t),\n\t\t\tstyle: {\n\t\t\t\t...tabContentTypographyProps.style,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\ttemplate: TEMPLATE,\n\t\t}\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Controls\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\ttabsClientId={ tabsClientId }\n\t\t\t\t\tblockIndex={ blockIndex }\n\t\t\t\t\tisDefaultTab={ isDefaultTab }\n\t\t\t\t/>\n\t\t\t\t{ isSelectedTab && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<TabsList\n\t\t\t\t\t\t\tsiblingTabs={ siblingTabs }\n\t\t\t\t\t\t\tcurrentClientId={ clientId }\n\t\t\t\t\t\t\tcurrentBlockIndex={ blockIndex }\n\t\t\t\t\t\t\tcurrentLabel={ label }\n\t\t\t\t\t\t\ttabItemColorProps={ tabItemColorProps }\n\t\t\t\t\t\t\tonSelectTab={ selectBlock }\n\t\t\t\t\t\t\tonLabelChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tlabel: value,\n\t\t\t\t\t\t\t\t\tanchor: slugFromLabel( value, blockIndex ),\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabelRef={ labelRef }\n\t\t\t\t\t\t\tfocusRef={ focusRef }\n\t\t\t\t\t\t\tlabelElementRef={ labelElementRef }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<section { ...innerBlocksProps } />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],
-  "mappings": "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",
-  "names": ["blockEditorStore", "slugFromLabel", "useColorProps", "useTypographyProps", "clsx", "Controls", "TabsList"]
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useMemo, useRef, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Controls from './controls';\nimport slugFromLabel from './slug-from-label';\n\nconst TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\tplaceholder: __( 'Type / to choose a block' ),\n\t\t},\n\t],\n];\n\nconst { cancelAnimationFrame } = window;\n\nexport default function Edit( {\n\tattributes,\n\tclientId,\n\tcontext,\n\tisSelected,\n\tsetAttributes,\n\t__unstableLayoutClassNames: layoutClassNames,\n} ) {\n\tconst focusRef = useRef();\n\n\tconst { anchor, label } = attributes;\n\n\t// Consume tab indices from context\n\tconst activeTabIndex = context[ 'core/tabs-activeTabIndex' ] ?? 0;\n\tconst editorActiveTabIndex = context[ 'core/tabs-editorActiveTabIndex' ];\n\tconst effectiveActiveIndex = editorActiveTabIndex ?? activeTabIndex;\n\n\t// Clean up animation frames on unmount.\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tif ( focusRef.current ) {\n\t\t\t\tcancelAnimationFrame( focusRef.current );\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\tconst { blockIndex, hasInnerBlocksSelected, tabsClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockIndex,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\t// Get the tab-panels parent first\n\t\t\tconst tabPanelsClientId = getBlockRootClientId( clientId );\n\t\t\t// Then get the tabs parent\n\t\t\tconst _tabsClientId = getBlockRootClientId( tabPanelsClientId );\n\n\t\t\t// Get data about this instance of core/tab.\n\t\t\tconst _blockIndex = getBlockIndex( clientId );\n\t\t\tconst _hasInnerBlocksSelected = hasSelectedInnerBlock(\n\t\t\t\tclientId,\n\t\t\t\ttrue\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tblockIndex: _blockIndex,\n\t\t\t\thasInnerBlocksSelected: _hasInnerBlocksSelected,\n\t\t\t\ttabsClientId: _tabsClientId,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { updateBlockAttributes, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\t// Sync editorActiveTabIndex when this tab is selected directly\n\tuseEffect( () => {\n\t\t// Only update if this tab is selected and not already the active index\n\t\tconst isTabSelected = isSelected || hasInnerBlocksSelected;\n\t\tif (\n\t\t\tisTabSelected &&\n\t\t\ttabsClientId &&\n\t\t\teffectiveActiveIndex !== blockIndex\n\t\t) {\n\t\t\t// Mark as non-persistent so it doesn't add to undo history\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tupdateBlockAttributes( tabsClientId, {\n\t\t\t\teditorActiveTabIndex: blockIndex,\n\t\t\t} );\n\t\t}\n\t}, [\n\t\tisSelected,\n\t\thasInnerBlocksSelected,\n\t\ttabsClientId,\n\t\teffectiveActiveIndex,\n\t\tblockIndex,\n\t\tupdateBlockAttributes,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t] );\n\n\t// Determine if this is the currently active tab (for editor visibility)\n\tconst isActiveTab = effectiveActiveIndex === blockIndex;\n\n\t// Determine if this is the default tab (for the \"Default Tab\" toggle in controls)\n\tconst isDefaultTab = activeTabIndex === blockIndex;\n\n\t/**\n\t * This hook determines if the current tab panel should be visible.\n\t * This is true if it is the editor active tab, or if it is selected directly.\n\t */\n\tconst isSelectedTab = useMemo( () => {\n\t\t// Show if this tab is directly selected or has selected inner blocks\n\t\tif ( isSelected || hasInnerBlocksSelected ) {\n\t\t\treturn true;\n\t\t}\n\t\t// Always show the active tab (at effectiveActiveIndex) regardless of other selection state.\n\t\t// This ensures the tab panel remains visible when editing labels in tabs-menu.\n\t\tif ( isActiveTab ) {\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}, [ isSelected, hasInnerBlocksSelected, isActiveTab ] );\n\n\t// Use a custom anchor, if set. Otherwise fall back to the slug generated from the label text.\n\tconst tabPanelId = useMemo(\n\t\t() => anchor || slugFromLabel( label, blockIndex ),\n\t\t[ anchor, label, blockIndex ]\n\t);\n\tconst tabLabelId = useMemo( () => `${ tabPanelId }--tab`, [ tabPanelId ] );\n\n\tconst blockProps = useBlockProps( {\n\t\thidden: ! isSelectedTab,\n\t\t'aria-labelledby': tabLabelId,\n\t\tid: tabPanelId,\n\t\trole: 'tabpanel',\n\t\ttabIndex: isSelectedTab ? 0 : -1,\n\t\tclassName: clsx( 'wp-block-tab__editor-content', layoutClassNames ),\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t} );\n\n\treturn (\n\t\t<section { ...innerBlocksProps }>\n\t\t\t<Controls\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\ttabsClientId={ tabsClientId }\n\t\t\t\tblockIndex={ blockIndex }\n\t\t\t\tisDefaultTab={ isDefaultTab }\n\t\t\t/>\n\t\t\t{ isSelectedTab && innerBlocksProps.children }\n\t\t</section>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["blockEditorStore", "slugFromLabel", "clsx", "Controls"]
 }

package/build/tab/remove-tab-toolbar-control.cjs

@@ -0,0 +1,91 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-library/src/tab/remove-tab-toolbar-control.js
+var remove_tab_toolbar_control_exports = {};
+__export(remove_tab_toolbar_control_exports, {
+  default: () => RemoveTabToolbarControl
+});
+module.exports = __toCommonJS(remove_tab_toolbar_control_exports);
+var import_block_editor = require("@wordpress/block-editor");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_data = require("@wordpress/data");
+var import_jsx_runtime = require("react/jsx-runtime");
+function RemoveTabToolbarControl({ tabsClientId }) {
+  const {
+    removeBlock,
+    updateBlockAttributes,
+    selectBlock,
+    __unstableMarkNextChangeAsNotPersistent
+  } = (0, import_data.useDispatch)(import_block_editor.store);
+  const { activeTabClientId, tabCount, editorActiveTabIndex } = (0, import_data.useSelect)(
+    (select) => {
+      if (!tabsClientId) {
+        return {
+          activeTabClientId: null,
+          tabCount: 0,
+          editorActiveTabIndex: 0
+        };
+      }
+      const { getBlocks, getBlockAttributes } = select(import_block_editor.store);
+      const tabsAttributes = getBlockAttributes(tabsClientId);
+      const activeIndex = tabsAttributes?.editorActiveTabIndex ?? tabsAttributes?.activeTabIndex ?? 0;
+      const innerBlocks = getBlocks(tabsClientId);
+      const tabPanels = innerBlocks.find(
+        (block) => block.name === "core/tab-panels"
+      );
+      const tabs = tabPanels?.innerBlocks || [];
+      const activeTab = tabs[activeIndex];
+      return {
+        activeTabClientId: activeTab?.clientId || null,
+        tabCount: tabs.length,
+        editorActiveTabIndex: activeIndex
+      };
+    },
+    [tabsClientId]
+  );
+  const removeTab = () => {
+    if (!activeTabClientId || tabCount <= 1) {
+      return;
+    }
+    const newActiveIndex = editorActiveTabIndex >= tabCount - 1 ? tabCount - 2 : editorActiveTabIndex;
+    __unstableMarkNextChangeAsNotPersistent();
+    updateBlockAttributes(tabsClientId, {
+      editorActiveTabIndex: newActiveIndex
+    });
+    removeBlock(activeTabClientId, false);
+    if (tabsClientId) {
+      selectBlock(tabsClientId);
+    }
+  };
+  const isDisabled = tabCount <= 1 || !activeTabClientId;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockControls, { group: "other", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ToolbarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.ToolbarButton,
+    {
+      className: "components-toolbar__control",
+      label: (0, import_i18n.__)("Remove the current tab"),
+      onClick: removeTab,
+      showTooltip: true,
+      text: (0, import_i18n.__)("Remove Tab"),
+      disabled: isDisabled
+    }
+  ) }) });
+}
+//# sourceMappingURL=remove-tab-toolbar-control.cjs.map

package/build/tab/remove-tab-toolbar-control.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/tab/remove-tab-toolbar-control.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ToolbarGroup, ToolbarButton } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * \"Remove Tab\" button in the block toolbar for the tab block.\n * Removes the currently active tab from the tab-panels block.\n *\n * @param {Object} props\n * @param {string} props.tabsClientId The client ID of the parent tabs block.\n * @return {JSX.Element} The toolbar control element.\n */\nexport default function RemoveTabToolbarControl( { tabsClientId } ) {\n\tconst {\n\t\tremoveBlock,\n\t\tupdateBlockAttributes,\n\t\tselectBlock,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t} = useDispatch( blockEditorStore );\n\n\t// Find the tab-panels block, active tab, and tab count within the tabs block\n\tconst { activeTabClientId, tabCount, editorActiveTabIndex } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! tabsClientId ) {\n\t\t\t\treturn {\n\t\t\t\t\tactiveTabClientId: null,\n\t\t\t\t\ttabCount: 0,\n\t\t\t\t\teditorActiveTabIndex: 0,\n\t\t\t\t};\n\t\t\t}\n\t\t\tconst { getBlocks, getBlockAttributes } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst tabsAttributes = getBlockAttributes( tabsClientId );\n\t\t\tconst activeIndex =\n\t\t\t\ttabsAttributes?.editorActiveTabIndex ??\n\t\t\t\ttabsAttributes?.activeTabIndex ??\n\t\t\t\t0;\n\t\t\tconst innerBlocks = getBlocks( tabsClientId );\n\t\t\tconst tabPanels = innerBlocks.find(\n\t\t\t\t( block ) => block.name === 'core/tab-panels'\n\t\t\t);\n\t\t\tconst tabs = tabPanels?.innerBlocks || [];\n\t\t\tconst activeTab = tabs[ activeIndex ];\n\t\t\treturn {\n\t\t\t\tactiveTabClientId: activeTab?.clientId || null,\n\t\t\t\ttabCount: tabs.length,\n\t\t\t\teditorActiveTabIndex: activeIndex,\n\t\t\t};\n\t\t},\n\t\t[ tabsClientId ]\n\t);\n\n\tconst removeTab = () => {\n\t\tif ( ! activeTabClientId || tabCount <= 1 ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Calculate new active index after removal\n\t\tconst newActiveIndex =\n\t\t\teditorActiveTabIndex >= tabCount - 1\n\t\t\t\t? tabCount - 2 // If removing last tab, select the previous one\n\t\t\t\t: editorActiveTabIndex; // Otherwise keep the same index (next tab shifts into position)\n\n\t\t// Update the active tab index before removing\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tupdateBlockAttributes( tabsClientId, {\n\t\t\teditorActiveTabIndex: newActiveIndex,\n\t\t} );\n\n\t\t// Remove the tab\n\t\tremoveBlock( activeTabClientId, false );\n\n\t\t// Select the tabs block after removal\n\t\tif ( tabsClientId ) {\n\t\t\tselectBlock( tabsClientId );\n\t\t}\n\t};\n\n\t// Don't show the button if there's only one tab or no active tab\n\tconst isDisabled = tabCount <= 1 || ! activeTabClientId;\n\n\treturn (\n\t\t<BlockControls group=\"other\">\n\t\t\t<ToolbarGroup>\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tclassName=\"components-toolbar__control\"\n\t\t\t\t\tlabel={ __( 'Remove the current tab' ) }\n\t\t\t\t\tonClick={ removeTab }\n\t\t\t\t\tshowTooltip\n\t\t\t\t\ttext={ __( 'Remove Tab' ) }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t</BlockControls>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAGO;AACP,wBAA4C;AAC5C,kBAAmB;AACnB,kBAAuC;AAkFnC;AAxEW,SAAR,wBAA0C,EAAE,aAAa,GAAI;AACnE,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI,yBAAa,oBAAAA,KAAiB;AAGlC,QAAM,EAAE,mBAAmB,UAAU,qBAAqB,QAAI;AAAA,IAC7D,CAAE,WAAY;AACb,UAAK,CAAE,cAAe;AACrB,eAAO;AAAA,UACN,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,sBAAsB;AAAA,QACvB;AAAA,MACD;AACA,YAAM,EAAE,WAAW,mBAAmB,IACrC,OAAQ,oBAAAA,KAAiB;AAC1B,YAAM,iBAAiB,mBAAoB,YAAa;AACxD,YAAM,cACL,gBAAgB,wBAChB,gBAAgB,kBAChB;AACD,YAAM,cAAc,UAAW,YAAa;AAC5C,YAAM,YAAY,YAAY;AAAA,QAC7B,CAAE,UAAW,MAAM,SAAS;AAAA,MAC7B;AACA,YAAM,OAAO,WAAW,eAAe,CAAC;AACxC,YAAM,YAAY,KAAM,WAAY;AACpC,aAAO;AAAA,QACN,mBAAmB,WAAW,YAAY;AAAA,QAC1C,UAAU,KAAK;AAAA,QACf,sBAAsB;AAAA,MACvB;AAAA,IACD;AAAA,IACA,CAAE,YAAa;AAAA,EAChB;AAEA,QAAM,YAAY,MAAM;AACvB,QAAK,CAAE,qBAAqB,YAAY,GAAI;AAC3C;AAAA,IACD;AAGA,UAAM,iBACL,wBAAwB,WAAW,IAChC,WAAW,IACX;AAGJ,4CAAwC;AACxC,0BAAuB,cAAc;AAAA,MACpC,sBAAsB;AAAA,IACvB,CAAE;AAGF,gBAAa,mBAAmB,KAAM;AAGtC,QAAK,cAAe;AACnB,kBAAa,YAAa;AAAA,IAC3B;AAAA,EACD;AAGA,QAAM,aAAa,YAAY,KAAK,CAAE;AAEtC,SACC,4CAAC,qCAAc,OAAM,SACpB,sDAAC,kCACA;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,WAAQ,gBAAI,wBAAyB;AAAA,MACrC,SAAU;AAAA,MACV,aAAW;AAAA,MACX,UAAO,gBAAI,YAAa;AAAA,MACxB,UAAW;AAAA;AAAA,EACZ,GACD,GACD;AAEF;",
+  "names": ["blockEditorStore"]
+}

package/build/tab/save.cjs

@@ -20,12 +20,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // packages/block-library/src/tab/save.js
 var save_exports = {};
 __export(save_exports, {
-  default: () => Save
+  default: () => save
 });
 module.exports = __toCommonJS(save_exports);
 var import_block_editor = require("@wordpress/block-editor");
 var import_jsx_runtime = require("react/jsx-runtime");
-function Save({ attributes }) {
+function save({ attributes }) {
   const { anchor } = attributes;
   const tabPanelId = anchor;
   const blockProps = import_block_editor.useBlockProps.save();

package/build/tab/save.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tab/save.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n\nexport default function Save( { attributes } ) {\n\tconst { anchor } = attributes;\n\n\tconst tabPanelId = anchor;\n\n\t// eslint-disable-next-line react-compiler/react-compiler\n\tconst blockProps = useBlockProps.save();\n\t// eslint-disable-next-line react-compiler/react-compiler\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\n\treturn <section { ...innerBlocksProps } id={ tabPanelId } />;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAAmD;AAY3C;AAVO,SAAR,KAAuB,EAAE,WAAW,GAAI;AAC9C,QAAM,EAAE,OAAO,IAAI;AAEnB,QAAM,aAAa;AAGnB,QAAM,aAAa,kCAAc,KAAK;AAEtC,QAAM,mBAAmB,wCAAoB,KAAM,UAAW;AAE9D,SAAO,4CAAC,aAAU,GAAG,kBAAmB,IAAK,YAAa;AAC3D;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { anchor } = attributes;\n\n\tconst tabPanelId = anchor;\n\n\tconst blockProps = useBlockProps.save();\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\n\treturn <section { ...innerBlocksProps } id={ tabPanelId } />;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAAmD;AAU3C;AARO,SAAR,KAAuB,EAAE,WAAW,GAAI;AAC9C,QAAM,EAAE,OAAO,IAAI;AAEnB,QAAM,aAAa;AAEnB,QAAM,aAAa,kCAAc,KAAK;AACtC,QAAM,mBAAmB,wCAAoB,KAAM,UAAW;AAE9D,SAAO,4CAAC,aAAU,GAAG,kBAAmB,IAAK,YAAa;AAC3D;",
   "names": []
 }

package/build/tab-panels/block.json

@@ -0,0 +1,70 @@
+{
+	"$schema": "https://schemas.wp.org/trunk/block.json",
+	"__experimental": true,
+	"apiVersion": 3,
+	"name": "core/tab-panels",
+	"title": "Tab Panels",
+	"description": "Container for tab panel content in a tabbed interface.",
+	"version": "1.0.0",
+	"category": "design",
+	"textdomain": "default",
+	"parent": [
+		"core/tabs"
+	],
+	"allowedBlocks": [
+		"core/tab"
+	],
+	"attributes": {},
+	"supports": {
+		"anchor": false,
+		"html": false,
+		"reusable": false,
+		"lock": false,
+		"dimensions": {
+			"aspectRatio": false,
+			"height": false,
+			"minHeight": false,
+			"width": false
+		},
+		"color": {
+			"background": true,
+			"text": true,
+			"heading": true,
+			"link": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true
+			}
+		},
+		"spacing": {
+			"blockGap": false,
+			"padding": true,
+			"margin": true
+		},
+		"typography": {
+			"fontSize": true,
+			"__experimentalFontFamily": true
+		},
+		"layout": {
+			"default": {
+				"type": "flex",
+				"flexWrap": "nowrap",
+				"justifyContent": "stretch",
+				"orientation": "vertical"
+			},
+			"allowSwitching": false,
+			"allowVerticalAlignment": false,
+			"allowOrientation": false,
+			"allowJustification": true,
+			"allowSizingOnChildren": false
+		},
+		"__experimentalBorder": {
+			"radius": true,
+			"color": true,
+			"width": true,
+			"style": true
+		}
+	},
+	"editorScript": "file:./index.js",
+	"style": "file:./style-index.css"
+}

package/build/tab-panels/edit.cjs

@@ -0,0 +1,63 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-library/src/tab-panels/edit.js
+var edit_exports = {};
+__export(edit_exports, {
+  default: () => Edit
+});
+module.exports = __toCommonJS(edit_exports);
+var import_block_editor = require("@wordpress/block-editor");
+var import_data = require("@wordpress/data");
+var import_add_tab_toolbar_control = __toESM(require("../tab/add-tab-toolbar-control.cjs"));
+var import_remove_tab_toolbar_control = __toESM(require("../tab/remove-tab-toolbar-control.cjs"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var TAB_PANELS_TEMPLATE = [["core/tab", {}]];
+function Edit({ clientId }) {
+  const blockProps = (0, import_block_editor.useBlockProps)();
+  const innerBlocksProps = (0, import_block_editor.useInnerBlocksProps)(blockProps, {
+    template: TAB_PANELS_TEMPLATE,
+    templateLock: false,
+    renderAppender: false
+    // Appender handled by individual tab blocks
+  });
+  const tabsClientId = (0, import_data.useSelect)(
+    (select) => {
+      const { getBlockRootClientId } = select(import_block_editor.store);
+      return getBlockRootClientId(clientId);
+    },
+    [clientId]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_add_tab_toolbar_control.default, { tabsClientId }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_remove_tab_toolbar_control.default, { tabsClientId }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...innerBlocksProps })
+  ] });
+}
+//# sourceMappingURL=edit.cjs.map

package/build/tab-panels/edit.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/tab-panels/edit.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport AddTabToolbarControl from '../tab/add-tab-toolbar-control';\nimport RemoveTabToolbarControl from '../tab/remove-tab-toolbar-control';\n\nconst TAB_PANELS_TEMPLATE = [ [ 'core/tab', {} ] ];\n\nexport default function Edit( { clientId } ) {\n\tconst blockProps = useBlockProps();\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TAB_PANELS_TEMPLATE,\n\t\ttemplateLock: false,\n\t\trenderAppender: false, // Appender handled by individual tab blocks\n\t} );\n\n\t// Get the parent tabs block clientId\n\tconst tabsClientId = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId } = select( blockEditorStore );\n\t\t\treturn getBlockRootClientId( clientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<AddTabToolbarControl tabsClientId={ tabsClientId } />\n\t\t\t<RemoveTabToolbarControl tabsClientId={ tabsClientId } />\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAIO;AACP,kBAA0B;AAK1B,qCAAiC;AACjC,wCAAoC;AAuBlC;AArBF,IAAM,sBAAsB,CAAE,CAAE,YAAY,CAAC,CAAE,CAAE;AAElC,SAAR,KAAuB,EAAE,SAAS,GAAI;AAC5C,QAAM,iBAAa,mCAAc;AAEjC,QAAM,uBAAmB,yCAAqB,YAAY;AAAA,IACzD,UAAU;AAAA,IACV,cAAc;AAAA,IACd,gBAAgB;AAAA;AAAA,EACjB,CAAE;AAGF,QAAM,mBAAe;AAAA,IACpB,CAAE,WAAY;AACb,YAAM,EAAE,qBAAqB,IAAI,OAAQ,oBAAAA,KAAiB;AAC1D,aAAO,qBAAsB,QAAS;AAAA,IACvC;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AAEA,SACC,4EACC;AAAA,gDAAC,+BAAAC,SAAA,EAAqB,cAA8B;AAAA,IACpD,4CAAC,kCAAAC,SAAA,EAAwB,cAA8B;AAAA,IACvD,4CAAC,SAAM,GAAG,kBAAmB;AAAA,KAC9B;AAEF;",
+  "names": ["blockEditorStore", "AddTabToolbarControl", "RemoveTabToolbarControl"]
+}