@wordpress/block-library 9.38.0 → 9.39.0

package/build/tabs/deprecated.cjs

@@ -0,0 +1,179 @@
+"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/tabs/deprecated.js
+var deprecated_exports = {};
+__export(deprecated_exports, {
+  default: () => deprecated_default
+});
+module.exports = __toCommonJS(deprecated_exports);
+var import_block_editor = require("@wordpress/block-editor");
+var import_blocks = require("@wordpress/blocks");
+var import_jsx_runtime = require("react/jsx-runtime");
+var v1Attributes = {
+  tabsId: {
+    type: "string",
+    default: ""
+  },
+  orientation: {
+    type: "string",
+    default: "horizontal",
+    enum: ["horizontal", "vertical"]
+  },
+  activeTabIndex: {
+    type: "number",
+    default: 0
+  },
+  tabInactiveColor: {
+    type: "string"
+  },
+  customTabInactiveColor: {
+    type: "string"
+  },
+  tabHoverColor: {
+    type: "string"
+  },
+  customTabHoverColor: {
+    type: "string"
+  },
+  tabActiveColor: {
+    type: "string"
+  },
+  customTabActiveColor: {
+    type: "string"
+  },
+  tabTextColor: {
+    type: "string"
+  },
+  customTabTextColor: {
+    type: "string"
+  },
+  tabActiveTextColor: {
+    type: "string"
+  },
+  customTabActiveTextColor: {
+    type: "string"
+  },
+  tabHoverTextColor: {
+    type: "string"
+  },
+  customTabHoverTextColor: {
+    type: "string"
+  }
+};
+function v1Save({ attributes }) {
+  const blockProps = import_block_editor.useBlockProps.save();
+  const innerBlocksProps = import_block_editor.useInnerBlocksProps.save({});
+  const title = attributes?.metadata?.name || "Tab Contents";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...blockProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "tabs__title", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "tabs__list" }),
+    innerBlocksProps.children
+  ] });
+}
+function v1Migrate(attributes, innerBlocks) {
+  const tabsMenuAttributes = {
+    // Map inactive colors to core background/text supports
+    backgroundColor: attributes.tabInactiveColor,
+    textColor: attributes.tabTextColor,
+    // Map custom inactive colors
+    style: {
+      color: {
+        background: attributes.customTabInactiveColor,
+        text: attributes.customTabTextColor
+      }
+    },
+    // Active colors
+    activeBackgroundColor: attributes.tabActiveColor,
+    customActiveBackgroundColor: attributes.customTabActiveColor,
+    activeTextColor: attributes.tabActiveTextColor,
+    customActiveTextColor: attributes.customTabActiveTextColor,
+    // Hover colors
+    hoverBackgroundColor: attributes.tabHoverColor,
+    customHoverBackgroundColor: attributes.customTabHoverColor,
+    hoverTextColor: attributes.tabHoverTextColor,
+    customHoverTextColor: attributes.customTabHoverTextColor
+  };
+  if (tabsMenuAttributes.style?.color) {
+    if (!tabsMenuAttributes.style.color.background) {
+      delete tabsMenuAttributes.style.color.background;
+    }
+    if (!tabsMenuAttributes.style.color.text) {
+      delete tabsMenuAttributes.style.color.text;
+    }
+    if (Object.keys(tabsMenuAttributes.style.color).length === 0) {
+      delete tabsMenuAttributes.style.color;
+    }
+    if (Object.keys(tabsMenuAttributes.style).length === 0) {
+      delete tabsMenuAttributes.style;
+    }
+  }
+  Object.keys(tabsMenuAttributes).forEach((key) => {
+    if (tabsMenuAttributes[key] === void 0) {
+      delete tabsMenuAttributes[key];
+    }
+  });
+  const tabsMenuBlock = (0, import_blocks.createBlock)("core/tabs-menu", tabsMenuAttributes);
+  const tabPanelsBlock = (0, import_blocks.createBlock)("core/tab-panels", {}, innerBlocks);
+  const newAttributes = {
+    tabsId: attributes.tabsId,
+    orientation: attributes.orientation,
+    activeTabIndex: attributes.activeTabIndex,
+    metadata: attributes.metadata
+  };
+  return [newAttributes, [tabsMenuBlock, tabPanelsBlock]];
+}
+function v1IsEligible(attributes, innerBlocks) {
+  return innerBlocks.some((block) => block.name === "core/tab");
+}
+var deprecated = [
+  {
+    attributes: v1Attributes,
+    supports: {
+      align: true,
+      color: {
+        text: false,
+        background: false
+      },
+      html: false,
+      interactivity: true,
+      spacing: {
+        blockGap: ["horizontal", "vertical"],
+        margin: true,
+        padding: false
+      },
+      typography: {
+        fontSize: true,
+        __experimentalFontFamily: true
+      },
+      __experimentalBorder: {
+        radius: true,
+        __experimentalSkipSerialization: true,
+        __experimentalDefaultControls: {
+          radius: true
+        }
+      }
+    },
+    isEligible: v1IsEligible,
+    migrate: v1Migrate,
+    save: v1Save
+  }
+];
+var deprecated_default = deprecated;
+//# sourceMappingURL=deprecated.cjs.map

package/build/tabs/deprecated.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/tabs/deprecated.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\nimport { createBlock } from '@wordpress/blocks';\n\n/**\n * The old attributes before restructuring.\n * Maintain during experimental phase to allow for migration.\n *\n * TODO: Should be removed after the experimental phase before release into main block library.\n */\nconst v1Attributes = {\n\ttabsId: {\n\t\ttype: 'string',\n\t\tdefault: '',\n\t},\n\torientation: {\n\t\ttype: 'string',\n\t\tdefault: 'horizontal',\n\t\tenum: [ 'horizontal', 'vertical' ],\n\t},\n\tactiveTabIndex: {\n\t\ttype: 'number',\n\t\tdefault: 0,\n\t},\n\ttabInactiveColor: {\n\t\ttype: 'string',\n\t},\n\tcustomTabInactiveColor: {\n\t\ttype: 'string',\n\t},\n\ttabHoverColor: {\n\t\ttype: 'string',\n\t},\n\tcustomTabHoverColor: {\n\t\ttype: 'string',\n\t},\n\ttabActiveColor: {\n\t\ttype: 'string',\n\t},\n\tcustomTabActiveColor: {\n\t\ttype: 'string',\n\t},\n\ttabTextColor: {\n\t\ttype: 'string',\n\t},\n\tcustomTabTextColor: {\n\t\ttype: 'string',\n\t},\n\ttabActiveTextColor: {\n\t\ttype: 'string',\n\t},\n\tcustomTabActiveTextColor: {\n\t\ttype: 'string',\n\t},\n\ttabHoverTextColor: {\n\t\ttype: 'string',\n\t},\n\tcustomTabHoverTextColor: {\n\t\ttype: 'string',\n\t},\n};\n\n/**\n * The old save function before restructuring.\n * This renders the tab blocks directly as children with a tabs list placeholder.\n *\n * @param {Object} root0            Component props.\n * @param {Object} root0.attributes Block attributes.\n */\nfunction v1Save( { attributes } ) {\n\tconst blockProps = useBlockProps.save();\n\tconst innerBlocksProps = useInnerBlocksProps.save( {} );\n\tconst title = attributes?.metadata?.name || 'Tab Contents';\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<h3 className=\"tabs__title\">{ title }</h3>\n\t\t\t<ul className=\"tabs__list\"></ul>\n\t\t\t{ innerBlocksProps.children }\n\t\t</div>\n\t);\n}\n\n/**\n * Migration function to convert old tabs structure to new structure.\n *\n * Old structure:\n * - core/tabs (with color attributes and tab innerblocks)\n *   - core/tab\n *   - core/tab\n *\n * New structure:\n * - core/tabs (orientation only)\n *   - core/tabs-menu (with color attributes)\n *   - core/tab-panels\n *     - core/tab\n *     - core/tab\n *\n * @param {Object} attributes  Block attributes.\n * @param {Array}  innerBlocks Inner blocks array.\n */\nfunction v1Migrate( attributes, innerBlocks ) {\n\t// Extract color attributes for tabs-menu\n\tconst tabsMenuAttributes = {\n\t\t// Map inactive colors to core background/text supports\n\t\tbackgroundColor: attributes.tabInactiveColor,\n\t\ttextColor: attributes.tabTextColor,\n\t\t// Map custom inactive colors\n\t\tstyle: {\n\t\t\tcolor: {\n\t\t\t\tbackground: attributes.customTabInactiveColor,\n\t\t\t\ttext: attributes.customTabTextColor,\n\t\t\t},\n\t\t},\n\t\t// Active colors\n\t\tactiveBackgroundColor: attributes.tabActiveColor,\n\t\tcustomActiveBackgroundColor: attributes.customTabActiveColor,\n\t\tactiveTextColor: attributes.tabActiveTextColor,\n\t\tcustomActiveTextColor: attributes.customTabActiveTextColor,\n\t\t// Hover colors\n\t\thoverBackgroundColor: attributes.tabHoverColor,\n\t\tcustomHoverBackgroundColor: attributes.customTabHoverColor,\n\t\thoverTextColor: attributes.tabHoverTextColor,\n\t\tcustomHoverTextColor: attributes.customTabHoverTextColor,\n\t};\n\n\t// Clean up undefined values from style object\n\tif ( tabsMenuAttributes.style?.color ) {\n\t\tif ( ! tabsMenuAttributes.style.color.background ) {\n\t\t\tdelete tabsMenuAttributes.style.color.background;\n\t\t}\n\t\tif ( ! tabsMenuAttributes.style.color.text ) {\n\t\t\tdelete tabsMenuAttributes.style.color.text;\n\t\t}\n\t\tif ( Object.keys( tabsMenuAttributes.style.color ).length === 0 ) {\n\t\t\tdelete tabsMenuAttributes.style.color;\n\t\t}\n\t\tif ( Object.keys( tabsMenuAttributes.style ).length === 0 ) {\n\t\t\tdelete tabsMenuAttributes.style;\n\t\t}\n\t}\n\n\t// Clean up undefined top-level attributes\n\tObject.keys( tabsMenuAttributes ).forEach( ( key ) => {\n\t\tif ( tabsMenuAttributes[ key ] === undefined ) {\n\t\t\tdelete tabsMenuAttributes[ key ];\n\t\t}\n\t} );\n\n\t// Create tabs-menu block\n\tconst tabsMenuBlock = createBlock( 'core/tabs-menu', tabsMenuAttributes );\n\n\t// Create tab-panels block with existing tab innerblocks\n\tconst tabPanelsBlock = createBlock( 'core/tab-panels', {}, innerBlocks );\n\n\t// Return new attributes (stripped of color attrs) and new innerblocks structure\n\tconst newAttributes = {\n\t\ttabsId: attributes.tabsId,\n\t\torientation: attributes.orientation,\n\t\tactiveTabIndex: attributes.activeTabIndex,\n\t\tmetadata: attributes.metadata,\n\t};\n\n\treturn [ newAttributes, [ tabsMenuBlock, tabPanelsBlock ] ];\n}\n\n/**\n * Check if block is using old structure (tab blocks directly as children).\n *\n * @param {Object} attributes  Block attributes.\n * @param {Array}  innerBlocks Inner blocks array.\n */\nfunction v1IsEligible( attributes, innerBlocks ) {\n\t// If there are any direct tab children (not wrapped in tab-panels), this is old structure\n\treturn innerBlocks.some( ( block ) => block.name === 'core/tab' );\n}\n\nconst deprecated = [\n\t{\n\t\tattributes: v1Attributes,\n\t\tsupports: {\n\t\t\talign: true,\n\t\t\tcolor: {\n\t\t\t\ttext: false,\n\t\t\t\tbackground: false,\n\t\t\t},\n\t\t\thtml: false,\n\t\t\tinteractivity: true,\n\t\t\tspacing: {\n\t\t\t\tblockGap: [ 'horizontal', 'vertical' ],\n\t\t\t\tmargin: true,\n\t\t\t\tpadding: false,\n\t\t\t},\n\t\t\ttypography: {\n\t\t\t\tfontSize: true,\n\t\t\t\t__experimentalFontFamily: true,\n\t\t\t},\n\t\t\t__experimentalBorder: {\n\t\t\t\tradius: true,\n\t\t\t\t__experimentalSkipSerialization: true,\n\t\t\t\t__experimentalDefaultControls: {\n\t\t\t\t\tradius: true,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tisEligible: v1IsEligible,\n\t\tmigrate: v1Migrate,\n\t\tsave: v1Save,\n\t},\n];\n\nexport default deprecated;\n"],
+  "mappings": "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",
+  "names": []
+}

package/build/tabs/edit.cjs

@@ -33,85 +33,107 @@ __export(edit_exports, {
   default: () => edit_default
 });
 module.exports = __toCommonJS(edit_exports);
-var import_clsx = __toESM(require("clsx"));
+var import_i18n = require("@wordpress/i18n");
 var import_block_editor = require("@wordpress/block-editor");
-var import_style_engine = __toESM(require("./style-engine.cjs"));
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
 var import_controls = __toESM(require("./controls.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var TABS_TEMPLATE = [["core/tab", {}]];
-var DEFAULT_BLOCK = {
-  name: "core/tab",
-  attributesToCopy: ["className", "fontFamily", "fontSize"]
-};
+var TABS_TEMPLATE = [
+  [
+    "core/tabs-menu",
+    {
+      lock: {
+        remove: true
+      }
+    }
+  ],
+  [
+    "core/tab-panels",
+    {
+      lock: {
+        remove: true
+      }
+    },
+    [
+      [
+        "core/tab",
+        {
+          anchor: "tab-1",
+          label: "Tab 1"
+        },
+        [
+          [
+            "core/paragraph",
+            {
+              placeholder: (0, import_i18n.__)("Type / to add a block to tab")
+            }
+          ]
+        ]
+      ]
+    ]
+  ]
+];
 function Edit({
   clientId,
   attributes,
   setAttributes,
-  tabInactiveColor,
-  setTabInactiveColor,
-  tabHoverColor,
-  setTabHoverColor,
-  tabActiveColor,
-  setTabActiveColor,
-  tabTextColor,
-  setTabTextColor,
-  tabActiveTextColor,
-  setTabActiveTextColor,
-  tabHoverTextColor,
-  setTabHoverTextColor
+  __unstableLayoutClassNames: layoutClassNames
 }) {
-  const { style, orientation } = attributes;
-  const blockProps = (0, import_block_editor.useBlockProps)({
-    className: (0, import_clsx.default)(
-      "vertical" === orientation ? "is-vertical" : "is-horizontal"
-    ),
-    style: {
-      ...style
+  const { anchor, activeTabIndex, editorActiveTabIndex } = attributes;
+  (0, import_element.useEffect)(() => {
+    if (editorActiveTabIndex === void 0) {
+      setAttributes({ editorActiveTabIndex: activeTabIndex });
     }
+  }, []);
+  const tabsList = (0, import_data.useSelect)(
+    (select) => {
+      const { getBlocks } = select(import_block_editor.store);
+      const innerBlocks = getBlocks(clientId);
+      const tabPanels = innerBlocks.find(
+        (block) => block.name === "core/tab-panels"
+      );
+      if (!tabPanels) {
+        return [];
+      }
+      return tabPanels.innerBlocks.filter((block) => block.name === "core/tab").map((tab, index) => ({
+        id: tab.attributes.anchor || `tab-${index}`,
+        label: tab.attributes.label || "",
+        clientId: tab.clientId,
+        index
+      }));
+    },
+    [clientId]
+  );
+  const contextValue = (0, import_element.useMemo)(
+    () => ({
+      "core/tabs-list": tabsList,
+      "core/tabs-id": anchor,
+      "core/tabs-activeTabIndex": activeTabIndex,
+      "core/tabs-editorActiveTabIndex": editorActiveTabIndex
+    }),
+    [tabsList, anchor, activeTabIndex, editorActiveTabIndex]
+  );
+  const blockProps = (0, import_block_editor.useBlockProps)({
+    className: layoutClassNames
   });
   const innerBlockProps = (0, import_block_editor.useInnerBlocksProps)(blockProps, {
-    defaultBlock: DEFAULT_BLOCK,
-    directInsert: true,
-    __experimentalCaptureToolbars: true,
-    clientId,
-    orientation,
     template: TABS_TEMPLATE,
-    renderAppender: false
-    // Appender is rendered by individual tab blocks.
+    templateLock: false,
+    renderAppender: false,
+    __experimentalCaptureToolbars: true
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...innerBlockProps, children: [
-    innerBlockProps.children,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style_engine.default, { attributes, clientId }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockContextProvider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...innerBlockProps, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_controls.default,
       {
-        ...{
-          clientId,
-          attributes,
-          setAttributes,
-          tabInactiveColor,
-          setTabInactiveColor,
-          tabHoverColor,
-          setTabHoverColor,
-          tabActiveColor,
-          setTabActiveColor,
-          tabTextColor,
-          setTabTextColor,
-          tabActiveTextColor,
-          setTabActiveTextColor,
-          tabHoverTextColor,
-          setTabHoverTextColor
-        }
+        clientId,
+        attributes,
+        setAttributes
       }
-    )
+    ),
+    innerBlockProps.children
   ] }) });
 }
-var edit_default = (0, import_block_editor.withColors)(
-  "tabInactiveColor",
-  "tabHoverColor",
-  "tabActiveColor",
-  "tabTextColor",
-  "tabActiveTextColor",
-  "tabHoverTextColor"
-)(Edit);
+var edit_default = Edit;
 //# sourceMappingURL=edit.cjs.map

package/build/tabs/edit.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tabs/edit.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\twithColors,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport StyleEngine from './style-engine';\nimport Controls from './controls';\n\nconst TABS_TEMPLATE = [ [ 'core/tab', {} ] ];\n\nconst DEFAULT_BLOCK = {\n\tname: 'core/tab',\n\tattributesToCopy: [ 'className', 'fontFamily', 'fontSize' ],\n};\n\nfunction Edit( {\n\tclientId,\n\tattributes,\n\tsetAttributes,\n\ttabInactiveColor,\n\tsetTabInactiveColor,\n\ttabHoverColor,\n\tsetTabHoverColor,\n\ttabActiveColor,\n\tsetTabActiveColor,\n\ttabTextColor,\n\tsetTabTextColor,\n\ttabActiveTextColor,\n\tsetTabActiveTextColor,\n\ttabHoverTextColor,\n\tsetTabHoverTextColor,\n} ) {\n\tconst { style, orientation } = attributes;\n\n\t/**\n\t * Block props for the tabs container.\n\t */\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx(\n\t\t\t'vertical' === orientation ? 'is-vertical' : 'is-horizontal'\n\t\t),\n\t\tstyle: {\n\t\t\t...style,\n\t\t},\n\t} );\n\n\t/**\n\t * Innerblocks props for the tabs list.\n\t */\n\tconst innerBlockProps = useInnerBlocksProps( blockProps, {\n\t\tdefaultBlock: DEFAULT_BLOCK,\n\t\tdirectInsert: true,\n\t\t__experimentalCaptureToolbars: true,\n\t\tclientId,\n\t\torientation,\n\t\ttemplate: TABS_TEMPLATE,\n\t\trenderAppender: false, // Appender is rendered by individual tab blocks.\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<div { ...innerBlockProps }>\n\t\t\t\t{ innerBlockProps.children }\n\t\t\t\t<StyleEngine attributes={ attributes } clientId={ clientId } />\n\t\t\t\t<Controls\n\t\t\t\t\t{ ...{\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\tattributes,\n\t\t\t\t\t\tsetAttributes,\n\t\t\t\t\t\ttabInactiveColor,\n\t\t\t\t\t\tsetTabInactiveColor,\n\t\t\t\t\t\ttabHoverColor,\n\t\t\t\t\t\tsetTabHoverColor,\n\t\t\t\t\t\ttabActiveColor,\n\t\t\t\t\t\tsetTabActiveColor,\n\t\t\t\t\t\ttabTextColor,\n\t\t\t\t\t\tsetTabTextColor,\n\t\t\t\t\t\ttabActiveTextColor,\n\t\t\t\t\t\tsetTabActiveTextColor,\n\t\t\t\t\t\ttabHoverTextColor,\n\t\t\t\t\t\tsetTabHoverTextColor,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default withColors(\n\t'tabInactiveColor',\n\t'tabHoverColor',\n\t'tabActiveColor',\n\t'tabTextColor',\n\t'tabActiveTextColor',\n\t'tabHoverTextColor'\n)( Edit );\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,0BAIO;AAKP,0BAAwB;AACxB,sBAAqB;AAsDnB;AApDF,IAAM,gBAAgB,CAAE,CAAE,YAAY,CAAC,CAAE,CAAE;AAE3C,IAAM,gBAAgB;AAAA,EACrB,MAAM;AAAA,EACN,kBAAkB,CAAE,aAAa,cAAc,UAAW;AAC3D;AAEA,SAAS,KAAM;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,OAAO,YAAY,IAAI;AAK/B,QAAM,iBAAa,mCAAe;AAAA,IACjC,eAAW,YAAAA;AAAA,MACV,eAAe,cAAc,gBAAgB;AAAA,IAC9C;AAAA,IACA,OAAO;AAAA,MACN,GAAG;AAAA,IACJ;AAAA,EACD,CAAE;AAKF,QAAM,sBAAkB,yCAAqB,YAAY;AAAA,IACxD,cAAc;AAAA,IACd,cAAc;AAAA,IACd,+BAA+B;AAAA,IAC/B;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,gBAAgB;AAAA;AAAA,EACjB,CAAE;AAEF,SACC,2EACC,uDAAC,SAAM,GAAG,iBACP;AAAA,oBAAgB;AAAA,IAClB,4CAAC,oBAAAC,SAAA,EAAY,YAA0B,UAAsB;AAAA,IAC7D;AAAA,MAAC,gBAAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACD;AAAA;AAAA,IACD;AAAA,KACD,GACD;AAEF;AAEA,IAAO,mBAAQ;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,EAAG,IAAK;",
-  "names": ["clsx", "StyleEngine", "Controls"]
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tBlockContextProvider,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Controls from './controls';\n\nconst TABS_TEMPLATE = [\n\t[\n\t\t'core/tabs-menu',\n\t\t{\n\t\t\tlock: {\n\t\t\t\tremove: true,\n\t\t\t},\n\t\t},\n\t],\n\t[\n\t\t'core/tab-panels',\n\t\t{\n\t\t\tlock: {\n\t\t\t\tremove: true,\n\t\t\t},\n\t\t},\n\t\t[\n\t\t\t[\n\t\t\t\t'core/tab',\n\t\t\t\t{\n\t\t\t\t\tanchor: 'tab-1',\n\t\t\t\t\tlabel: 'Tab 1',\n\t\t\t\t},\n\t\t\t\t[\n\t\t\t\t\t[\n\t\t\t\t\t\t'core/paragraph',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tplaceholder: __( 'Type / to add a block to tab' ),\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t],\n\t\t\t],\n\t\t],\n\t],\n];\n\nfunction Edit( {\n\tclientId,\n\tattributes,\n\tsetAttributes,\n\t__unstableLayoutClassNames: layoutClassNames,\n} ) {\n\tconst { anchor, activeTabIndex, editorActiveTabIndex } = attributes;\n\n\t/**\n\t * Initialize editorActiveTabIndex to activeTabIndex on mount.\n\t * This ensures the ephemeral editor state starts at the persisted default.\n\t */\n\tuseEffect( () => {\n\t\tif ( editorActiveTabIndex === undefined ) {\n\t\t\tsetAttributes( { editorActiveTabIndex: activeTabIndex } );\n\t\t}\n\t}, [] ); // eslint-disable-line react-hooks/exhaustive-deps\n\n\t/**\n\t * Compute tabs list from innerblocks to provide via context.\n\t * This traverses the tab-panels block to find all tab blocks\n\t * and extracts their label and anchor for the tabs-menu to consume.\n\t */\n\tconst tabsList = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlocks } = select( blockEditorStore );\n\t\t\tconst innerBlocks = getBlocks( clientId );\n\n\t\t\t// Find tab-panels block and extract tab data\n\t\t\tconst tabPanels = innerBlocks.find(\n\t\t\t\t( block ) => block.name === 'core/tab-panels'\n\t\t\t);\n\n\t\t\tif ( ! tabPanels ) {\n\t\t\t\treturn [];\n\t\t\t}\n\n\t\t\treturn tabPanels.innerBlocks\n\t\t\t\t.filter( ( block ) => block.name === 'core/tab' )\n\t\t\t\t.map( ( tab, index ) => ( {\n\t\t\t\t\tid: tab.attributes.anchor || `tab-${ index }`,\n\t\t\t\t\tlabel: tab.attributes.label || '',\n\t\t\t\t\tclientId: tab.clientId,\n\t\t\t\t\tindex,\n\t\t\t\t} ) );\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\t/**\n\t * Memoize context value to prevent unnecessary re-renders.\n\t */\n\tconst contextValue = useMemo(\n\t\t() => ( {\n\t\t\t'core/tabs-list': tabsList,\n\t\t\t'core/tabs-id': anchor,\n\t\t\t'core/tabs-activeTabIndex': activeTabIndex,\n\t\t\t'core/tabs-editorActiveTabIndex': editorActiveTabIndex,\n\t\t} ),\n\t\t[ tabsList, anchor, activeTabIndex, editorActiveTabIndex ]\n\t);\n\n\t/**\n\t * Block props for the tabs container.\n\t */\n\tconst blockProps = useBlockProps( {\n\t\tclassName: layoutClassNames,\n\t} );\n\n\t/**\n\t * Innerblocks props for the tabs container.\n\t */\n\tconst innerBlockProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TABS_TEMPLATE,\n\t\ttemplateLock: false,\n\t\trenderAppender: false,\n\t\t__experimentalCaptureToolbars: true,\n\t} );\n\n\treturn (\n\t\t<BlockContextProvider value={ contextValue }>\n\t\t\t<div { ...innerBlockProps }>\n\t\t\t\t<Controls\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\t\t\t\t{ innerBlockProps.children }\n\t\t\t</div>\n\t\t</BlockContextProvider>\n\t);\n}\n\nexport default Edit;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAmB;AACnB,0BAKO;AACP,kBAA0B;AAC1B,qBAAmC;AAKnC,sBAAqB;AAuHlB;AArHH,IAAM,gBAAgB;AAAA,EACrB;AAAA,IACC;AAAA,IACA;AAAA,MACC,MAAM;AAAA,QACL,QAAQ;AAAA,MACT;AAAA,IACD;AAAA,EACD;AAAA,EACA;AAAA,IACC;AAAA,IACA;AAAA,MACC,MAAM;AAAA,QACL,QAAQ;AAAA,MACT;AAAA,IACD;AAAA,IACA;AAAA,MACC;AAAA,QACC;AAAA,QACA;AAAA,UACC,QAAQ;AAAA,UACR,OAAO;AAAA,QACR;AAAA,QACA;AAAA,UACC;AAAA,YACC;AAAA,YACA;AAAA,cACC,iBAAa,gBAAI,8BAA+B;AAAA,YACjD;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD;AAEA,SAAS,KAAM;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,4BAA4B;AAC7B,GAAI;AACH,QAAM,EAAE,QAAQ,gBAAgB,qBAAqB,IAAI;AAMzD,gCAAW,MAAM;AAChB,QAAK,yBAAyB,QAAY;AACzC,oBAAe,EAAE,sBAAsB,eAAe,CAAE;AAAA,IACzD;AAAA,EACD,GAAG,CAAC,CAAE;AAON,QAAM,eAAW;AAAA,IAChB,CAAE,WAAY;AACb,YAAM,EAAE,UAAU,IAAI,OAAQ,oBAAAA,KAAiB;AAC/C,YAAM,cAAc,UAAW,QAAS;AAGxC,YAAM,YAAY,YAAY;AAAA,QAC7B,CAAE,UAAW,MAAM,SAAS;AAAA,MAC7B;AAEA,UAAK,CAAE,WAAY;AAClB,eAAO,CAAC;AAAA,MACT;AAEA,aAAO,UAAU,YACf,OAAQ,CAAE,UAAW,MAAM,SAAS,UAAW,EAC/C,IAAK,CAAE,KAAK,WAAa;AAAA,QACzB,IAAI,IAAI,WAAW,UAAU,OAAQ,KAAM;AAAA,QAC3C,OAAO,IAAI,WAAW,SAAS;AAAA,QAC/B,UAAU,IAAI;AAAA,QACd;AAAA,MACD,EAAI;AAAA,IACN;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AAKA,QAAM,mBAAe;AAAA,IACpB,OAAQ;AAAA,MACP,kBAAkB;AAAA,MAClB,gBAAgB;AAAA,MAChB,4BAA4B;AAAA,MAC5B,kCAAkC;AAAA,IACnC;AAAA,IACA,CAAE,UAAU,QAAQ,gBAAgB,oBAAqB;AAAA,EAC1D;AAKA,QAAM,iBAAa,mCAAe;AAAA,IACjC,WAAW;AAAA,EACZ,CAAE;AAKF,QAAM,sBAAkB,yCAAqB,YAAY;AAAA,IACxD,UAAU;AAAA,IACV,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,+BAA+B;AAAA,EAChC,CAAE;AAEF,SACC,4CAAC,4CAAqB,OAAQ,cAC7B,uDAAC,SAAM,GAAG,iBACT;AAAA;AAAA,MAAC,gBAAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,IACE,gBAAgB;AAAA,KACnB,GACD;AAEF;AAEA,IAAO,eAAQ;",
+  "names": ["blockEditorStore", "Controls"]
 }

package/build/tabs/index.cjs

@@ -40,12 +40,14 @@ var import_init_block = __toESM(require("../utils/init-block.cjs"));
 var import_edit = __toESM(require("./edit.cjs"));
 var import_save = __toESM(require("./save.cjs"));
 var import_icon = __toESM(require("./icon.cjs"));
+var import_deprecated = __toESM(require("./deprecated.cjs"));
 var import_block = __toESM(require("./block.json"));
 var { name } = import_block.default;
 var settings = {
   icon: import_icon.default,
   edit: import_edit.default,
-  save: import_save.default
+  save: import_save.default,
+  deprecated: import_deprecated.default
 };
 var init = () => (0, import_init_block.default)({ name, metadata: import_block.default, settings });
 // Annotate the CommonJS export names for ESM import in node:

package/build/tabs/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tabs/index.js"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport edit from './edit';\nimport save from './save';\nimport icon from './icon';\n\nimport metadata from './block.json';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,+BAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAGA,wBAAsB;AACtB,kBAAiB;AACjB,kBAAiB;AACjB,kBAAiB;AAEjB,mBAAqB;AAErB,IAAM,EAAE,KAAK,IAAI,aAAAA;AAIV,IAAM,WAAW;AAAA,EACvB,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AACD;AAEO,IAAM,OAAO,UAAM,kBAAAC,SAAW,EAAE,MAAM,uBAAAC,SAAU,SAAS,CAAE;",
-  "names": ["metadata", "icon", "edit", "save", "initBlock", "metadata"]
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport edit from './edit';\nimport save from './save';\nimport icon from './icon';\nimport deprecated from './deprecated';\n\nimport metadata from './block.json';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n\tdeprecated,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,+BAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAGA,wBAAsB;AACtB,kBAAiB;AACjB,kBAAiB;AACjB,kBAAiB;AACjB,wBAAuB;AAEvB,mBAAqB;AAErB,IAAM,EAAE,KAAK,IAAI,aAAAA;AAIV,IAAM,WAAW;AAAA,EACvB,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,8BAAAC;AACD;AAEO,IAAM,OAAO,UAAM,kBAAAC,SAAW,EAAE,MAAM,uBAAAC,SAAU,SAAS,CAAE;",
+  "names": ["metadata", "icon", "edit", "save", "deprecated", "initBlock", "metadata"]
 }

package/build/tabs/save.cjs

@@ -20,19 +20,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // packages/block-library/src/tabs/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 tabsId = anchor;
   const blockProps = import_block_editor.useBlockProps.save();
-  const innerBlocksProps = import_block_editor.useInnerBlocksProps.save({});
-  const title = attributes?.metadata?.name || "Tab Contents";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...blockProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "tabs__title", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "tabs__list" }),
-    innerBlocksProps.children
-  ] });
+  const innerBlocksProps = import_block_editor.useInnerBlocksProps.save(blockProps);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...innerBlocksProps, id: tabsId });
 }
 //# sourceMappingURL=save.cjs.map

package/build/tabs/save.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tabs/save.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n\nexport default function Save( { attributes } ) {\n\t// eslint-disable-next-line react-compiler/react-compiler\n\tconst blockProps = useBlockProps.save();\n\n\t// eslint-disable-next-line react-compiler/react-compiler\n\tconst innerBlocksProps = useInnerBlocksProps.save( {} );\n\n\tconst title = attributes?.metadata?.name || 'Tab Contents';\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<h3 className=\"tabs__title\">{ title }</h3>\n\t\t\t<ul className=\"tabs__list\"></ul>\n\t\t\t{ innerBlocksProps.children }\n\t\t</div>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAAmD;AAYjD;AAVa,SAAR,KAAuB,EAAE,WAAW,GAAI;AAE9C,QAAM,aAAa,kCAAc,KAAK;AAGtC,QAAM,mBAAmB,wCAAoB,KAAM,CAAC,CAAE;AAEtD,QAAM,QAAQ,YAAY,UAAU,QAAQ;AAE5C,SACC,6CAAC,SAAM,GAAG,YACT;AAAA,gDAAC,QAAG,WAAU,eAAgB,iBAAO;AAAA,IACrC,4CAAC,QAAG,WAAU,cAAa;AAAA,IACzB,iBAAiB;AAAA,KACpB;AAEF;",
+  "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 tabsId = anchor;\n\n\tconst blockProps = useBlockProps.save();\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\n\treturn <div { ...innerBlocksProps } id={ tabsId } />;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAAmD;AAU3C;AARO,SAAR,KAAuB,EAAE,WAAW,GAAI;AAC9C,QAAM,EAAE,OAAO,IAAI;AAEnB,QAAM,SAAS;AAEf,QAAM,aAAa,kCAAc,KAAK;AACtC,QAAM,mBAAmB,wCAAoB,KAAM,UAAW;AAE9D,SAAO,4CAAC,SAAM,GAAG,kBAAmB,IAAK,QAAS;AACnD;",
   "names": []
 }

package/build/tabs-menu/block.json

@@ -0,0 +1,77 @@
+{
+	"$schema": "https://schemas.wp.org/trunk/block.json",
+	"__experimental": true,
+	"apiVersion": 3,
+	"name": "core/tabs-menu",
+	"title": "Tabs Menu",
+	"description": "Display the tab buttons for a tabbed interface.",
+	"version": "1.0.0",
+	"category": "design",
+	"textdomain": "default",
+	"parent": [
+		"core/tabs"
+	],
+	"allowedBlocks": [
+		"core/tabs-menu-item"
+	],
+	"usesContext": [
+		"core/tabs-list",
+		"core/tabs-id",
+		"core/tabs-activeTabIndex",
+		"core/tabs-editorActiveTabIndex"
+	],
+	"attributes": {},
+	"supports": {
+		"html": false,
+		"reusable": false,
+		"lock": false,
+		"dimensions": {
+			"aspectRatio": false,
+			"height": false,
+			"minHeight": false,
+			"width": false
+		},
+		"color": {
+			"background": true,
+			"text": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true
+			}
+		},
+		"typography": {
+			"fontSize": true,
+			"__experimentalFontFamily": true
+		},
+		"__experimentalBorder": {
+			"color": true,
+			"radius": true,
+			"style": true,
+			"width": true
+		},
+		"layout": {
+			"default": {
+				"type": "flex",
+				"flexWrap": "nowrap",
+				"orientation": "horizontal"
+			},
+			"allowSwitching": false,
+			"allowVerticalAlignment": true,
+			"allowJustification": true,
+			"allowOrientation": true
+		},
+		"spacing": {
+			"padding": true,
+			"margin": true,
+			"blockGap": true,
+			"__experimentalDefaultControls": {
+				"padding": true,
+				"margin": true,
+				"blockGap": true
+			}
+		}
+	},
+	"editorScript": "file:./index.js",
+	"editorStyle": "file:./editor.css",
+	"style": "file:./style-index.css"
+}