@wordpress/block-editor 15.9.1-next.6deb34194.0 → 15.9.1-next.738bb1424.0

package/build/components/inspector-controls/fill.cjs

@@ -0,0 +1,100 @@
+"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-editor/src/components/inspector-controls/fill.js
+var fill_exports = {};
+__export(fill_exports, {
+  default: () => InspectorControlsFill
+});
+module.exports = __toCommonJS(fill_exports);
+var import_components = require("@wordpress/components");
+var import_warning = __toESM(require("@wordpress/warning"), 1);
+var import_deprecated = __toESM(require("@wordpress/deprecated"), 1);
+var import_element = require("@wordpress/element");
+var import_context = require("../block-edit/context.cjs");
+var import_groups = __toESM(require("./groups.cjs"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function InspectorControlsFill({
+  children,
+  group = "default",
+  __experimentalGroup,
+  resetAllFilter
+}) {
+  if (__experimentalGroup) {
+    (0, import_deprecated.default)(
+      "`__experimentalGroup` property in `InspectorControlsFill`",
+      {
+        since: "6.2",
+        version: "6.4",
+        alternative: "`group`"
+      }
+    );
+    group = __experimentalGroup;
+  }
+  const context = (0, import_context.useBlockEditContext)();
+  const Fill = import_groups.default[group]?.Fill;
+  if (!Fill) {
+    (0, import_warning.default)(`Unknown InspectorControls group "${group}" provided.`);
+    return null;
+  }
+  if (!context[import_context.mayDisplayControlsKey]) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalStyleProvider, { document, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Fill, { children: (fillProps) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ToolsPanelInspectorControl,
+      {
+        fillProps,
+        children,
+        resetAllFilter
+      }
+    );
+  } }) });
+}
+function RegisterResetAll({ resetAllFilter, children }) {
+  const { registerResetAllFilter, deregisterResetAllFilter } = (0, import_element.useContext)(import_components.__experimentalToolsPanelContext);
+  (0, import_element.useEffect)(() => {
+    if (resetAllFilter && registerResetAllFilter && deregisterResetAllFilter) {
+      registerResetAllFilter(resetAllFilter);
+      return () => {
+        deregisterResetAllFilter(resetAllFilter);
+      };
+    }
+  }, [resetAllFilter, registerResetAllFilter, deregisterResetAllFilter]);
+  return children;
+}
+function ToolsPanelInspectorControl({ children, resetAllFilter, fillProps }) {
+  const { forwardedContext = [] } = fillProps;
+  const innerMarkup = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RegisterResetAll, { resetAllFilter, children });
+  return forwardedContext.reduce(
+    (inner, [Provider, props]) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { ...props, children: inner }),
+    innerMarkup
+  );
+}
+//# sourceMappingURL=fill.cjs.map

package/build/components/inspector-controls/groups.cjs

@@ -0,0 +1,72 @@
+"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-editor/src/components/inspector-controls/groups.js
+var groups_exports = {};
+__export(groups_exports, {
+  PrivateInspectorControlsAllowedBlocks: () => PrivateInspectorControlsAllowedBlocks,
+  default: () => groups_default
+});
+module.exports = __toCommonJS(groups_exports);
+var import_components = require("@wordpress/components");
+var InspectorControlsDefault = (0, import_components.createSlotFill)("InspectorControls");
+var InspectorControlsAdvanced = (0, import_components.createSlotFill)("InspectorAdvancedControls");
+var InspectorControlsBindings = (0, import_components.createSlotFill)("InspectorControlsBindings");
+var InspectorControlsBackground = (0, import_components.createSlotFill)(
+  "InspectorControlsBackground"
+);
+var InspectorControlsBorder = (0, import_components.createSlotFill)("InspectorControlsBorder");
+var InspectorControlsColor = (0, import_components.createSlotFill)("InspectorControlsColor");
+var InspectorControlsFilter = (0, import_components.createSlotFill)("InspectorControlsFilter");
+var InspectorControlsDimensions = (0, import_components.createSlotFill)(
+  "InspectorControlsDimensions"
+);
+var InspectorControlsPosition = (0, import_components.createSlotFill)("InspectorControlsPosition");
+var InspectorControlsTypography = (0, import_components.createSlotFill)(
+  "InspectorControlsTypography"
+);
+var InspectorControlsListView = (0, import_components.createSlotFill)("InspectorControlsListView");
+var InspectorControlsStyles = (0, import_components.createSlotFill)("InspectorControlsStyles");
+var InspectorControlsEffects = (0, import_components.createSlotFill)("InspectorControlsEffects");
+var groups = {
+  default: InspectorControlsDefault,
+  advanced: InspectorControlsAdvanced,
+  background: InspectorControlsBackground,
+  bindings: InspectorControlsBindings,
+  border: InspectorControlsBorder,
+  color: InspectorControlsColor,
+  dimensions: InspectorControlsDimensions,
+  effects: InspectorControlsEffects,
+  filter: InspectorControlsFilter,
+  list: InspectorControlsListView,
+  position: InspectorControlsPosition,
+  settings: InspectorControlsDefault,
+  // Alias for default.
+  styles: InspectorControlsStyles,
+  typography: InspectorControlsTypography
+};
+var groups_default = groups;
+var PrivateInspectorControlsAllowedBlocks = (0, import_components.createSlotFill)(
+  Symbol("PrivateInspectorControlsAllowedBlocks")
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PrivateInspectorControlsAllowedBlocks
+});
+//# sourceMappingURL=groups.cjs.map

package/build/components/inspector-controls/index.cjs

@@ -0,0 +1,54 @@
+"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-editor/src/components/inspector-controls/index.js
+var inspector_controls_exports = {};
+__export(inspector_controls_exports, {
+  InspectorAdvancedControls: () => InspectorAdvancedControls,
+  default: () => inspector_controls_default
+});
+module.exports = __toCommonJS(inspector_controls_exports);
+var import_fill = __toESM(require("./fill.cjs"), 1);
+var import_slot = __toESM(require("./slot.cjs"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var InspectorControls = import_fill.default;
+InspectorControls.Slot = import_slot.default;
+var InspectorAdvancedControls = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fill.default, { ...props, group: "advanced" });
+};
+InspectorAdvancedControls.Slot = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_slot.default, { ...props, group: "advanced" });
+};
+InspectorAdvancedControls.slotName = "InspectorAdvancedControls";
+var inspector_controls_default = InspectorControls;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InspectorAdvancedControls
+});
+//# sourceMappingURL=index.cjs.map

package/build/components/inspector-controls/slot.cjs

@@ -0,0 +1,83 @@
+"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-editor/src/components/inspector-controls/slot.js
+var slot_exports = {};
+__export(slot_exports, {
+  default: () => InspectorControlsSlot
+});
+module.exports = __toCommonJS(slot_exports);
+var import_components = require("@wordpress/components");
+var import_warning = __toESM(require("@wordpress/warning"), 1);
+var import_deprecated = __toESM(require("@wordpress/deprecated"), 1);
+var import_block_support_tools_panel = __toESM(require("./block-support-tools-panel.cjs"), 1);
+var import_block_support_slot_container = __toESM(require("./block-support-slot-container.cjs"), 1);
+var import_groups = __toESM(require("./groups.cjs"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function InspectorControlsSlot({
+  __experimentalGroup,
+  group = "default",
+  label,
+  fillProps,
+  ...props
+}) {
+  if (__experimentalGroup) {
+    (0, import_deprecated.default)(
+      "`__experimentalGroup` property in `InspectorControlsSlot`",
+      {
+        since: "6.2",
+        version: "6.4",
+        alternative: "`group`"
+      }
+    );
+    group = __experimentalGroup;
+  }
+  const slotFill = import_groups.default[group];
+  const fills = (0, import_components.__experimentalUseSlotFills)(slotFill?.name);
+  if (!slotFill) {
+    (0, import_warning.default)(`Unknown InspectorControls group "${group}" provided.`);
+    return null;
+  }
+  if (!fills?.length) {
+    return null;
+  }
+  const { Slot } = slotFill;
+  if (label) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_support_tools_panel.default, { group, label, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_block_support_slot_container.default,
+      {
+        ...props,
+        fillProps,
+        Slot
+      }
+    ) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Slot, { ...props, fillProps, bubblesVirtually: true });
+}
+//# sourceMappingURL=slot.cjs.map

package/build/components/inspector-controls-tabs/advanced-controls-panel.cjs

@@ -0,0 +1,65 @@
+"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-editor/src/components/inspector-controls-tabs/advanced-controls-panel.js
+var advanced_controls_panel_exports = {};
+__export(advanced_controls_panel_exports, {
+  default: () => advanced_controls_panel_default
+});
+module.exports = __toCommonJS(advanced_controls_panel_exports);
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_inspector_controls = __toESM(require("../inspector-controls/index.cjs"), 1);
+var import_groups = require("../inspector-controls/groups.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AdvancedControls = () => {
+  const fills = (0, import_components.__experimentalUseSlotFills)(import_inspector_controls.InspectorAdvancedControls.slotName);
+  const privateFills = (0, import_components.__experimentalUseSlotFills)(
+    import_groups.PrivateInspectorControlsAllowedBlocks.name
+  );
+  const hasFills = Boolean(fills && fills.length);
+  const hasPrivateFills = Boolean(privateFills && privateFills.length);
+  if (!hasFills && !hasPrivateFills) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_components.PanelBody,
+    {
+      className: "block-editor-block-inspector__advanced",
+      title: (0, import_i18n.__)("Advanced"),
+      initialOpen: false,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_inspector_controls.default.Slot, { group: "advanced" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_groups.PrivateInspectorControlsAllowedBlocks.Slot, {})
+      ]
+    }
+  );
+};
+var advanced_controls_panel_default = AdvancedControls;
+//# sourceMappingURL=advanced-controls-panel.cjs.map

package/build/components/inspector-controls-tabs/content-tab.cjs

@@ -0,0 +1,52 @@
+"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-editor/src/components/inspector-controls-tabs/content-tab.js
+var content_tab_exports = {};
+__export(content_tab_exports, {
+  default: () => content_tab_default
+});
+module.exports = __toCommonJS(content_tab_exports);
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_block_quick_navigation = __toESM(require("../block-quick-navigation/index.cjs"), 1);
+var import_content_only_controls = __toESM(require("../content-only-controls/index.cjs"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var ContentTab = ({ rootClientId, contentClientIds }) => {
+  if (!contentClientIds || contentClientIds.length === 0) {
+    return null;
+  }
+  const shouldShowContentOnlyControls = window?.__experimentalContentOnlyPatternInsertion && window?.__experimentalContentOnlyInspectorFields;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    !shouldShowContentOnlyControls && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.PanelBody, { title: (0, import_i18n.__)("Content"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_quick_navigation.default, { clientIds: contentClientIds }) }),
+    shouldShowContentOnlyControls && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_content_only_controls.default, { rootClientId })
+  ] });
+};
+var content_tab_default = ContentTab;
+//# sourceMappingURL=content-tab.cjs.map

package/build/components/inspector-controls-tabs/index.cjs

@@ -0,0 +1,118 @@
+"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-editor/src/components/inspector-controls-tabs/index.js
+var inspector_controls_tabs_exports = {};
+__export(inspector_controls_tabs_exports, {
+  default: () => InspectorControlsTabs
+});
+module.exports = __toCommonJS(inspector_controls_tabs_exports);
+var import_components = require("@wordpress/components");
+var import_element = require("@wordpress/element");
+var import_preferences = require("@wordpress/preferences");
+var import_data = require("@wordpress/data");
+var import_utils = require("./utils.cjs");
+var import_settings_tab = __toESM(require("./settings-tab.cjs"), 1);
+var import_styles_tab = __toESM(require("./styles-tab.cjs"), 1);
+var import_content_tab = __toESM(require("./content-tab.cjs"), 1);
+var import_inspector_controls = __toESM(require("../inspector-controls/index.cjs"), 1);
+var import_use_is_list_view_tab_disabled = __toESM(require("./use-is-list-view-tab-disabled.cjs"), 1);
+var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var { Tabs } = (0, import_lock_unlock.unlock)(import_components.privateApis);
+function InspectorControlsTabs({
+  blockName,
+  clientId,
+  hasBlockStyles,
+  tabs,
+  isSectionBlock,
+  contentClientIds
+}) {
+  const showIconLabels = (0, import_data.useSelect)((select) => {
+    return select(import_preferences.store).get("core", "showIconLabels");
+  }, []);
+  const initialTabName = !(0, import_use_is_list_view_tab_disabled.default)(blockName) ? import_utils.TAB_LIST_VIEW.name : void 0;
+  const [selectedTabId, setSelectedTabId] = (0, import_element.useState)(
+    initialTabName ?? tabs[0]?.name
+  );
+  (0, import_element.useEffect)(() => {
+    if (initialTabName) {
+      return;
+    }
+    if (tabs?.length && selectedTabId) {
+      const activeTab = tabs.find(
+        (tab) => tab.name === selectedTabId
+      );
+      if (!activeTab) {
+        setSelectedTabId(tabs[0].name);
+      }
+    }
+  }, [tabs, selectedTabId, initialTabName]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-block-inspector__tabs", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    Tabs,
+    {
+      defaultTabId: initialTabName,
+      selectedTabId,
+      onSelect: setSelectedTabId,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.TabList, { children: tabs.map(
+          (tab) => showIconLabels ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.Tab, { tabId: tab.name, children: tab.title }, tab.name) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Tooltip, { text: tab.title, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            Tabs.Tab,
+            {
+              tabId: tab.name,
+              "aria-label": tab.title,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Icon, { icon: tab.icon })
+            }
+          ) }, tab.name)
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.TabPanel, { tabId: import_utils.TAB_SETTINGS.name, focusable: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_settings_tab.default, { showAdvancedControls: !!blockName }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.TabPanel, { tabId: import_utils.TAB_STYLES.name, focusable: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styles_tab.default,
+          {
+            blockName,
+            clientId,
+            hasBlockStyles,
+            isSectionBlock,
+            contentClientIds
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.TabPanel, { tabId: import_utils.TAB_CONTENT.name, focusable: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_content_tab.default,
+          {
+            rootClientId: clientId,
+            contentClientIds
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.TabPanel, { tabId: import_utils.TAB_LIST_VIEW.name, focusable: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_inspector_controls.default.Slot, { group: "list" }) })
+      ]
+    },
+    clientId
+  ) });
+}
+//# sourceMappingURL=index.cjs.map

package/build/components/inspector-controls-tabs/position-controls-panel.cjs

@@ -0,0 +1,115 @@
+"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-editor/src/components/inspector-controls-tabs/position-controls-panel.js
+var position_controls_panel_exports = {};
+__export(position_controls_panel_exports, {
+  default: () => position_controls_panel_default
+});
+module.exports = __toCommonJS(position_controls_panel_exports);
+var import_components = require("@wordpress/components");
+var import_data = require("@wordpress/data");
+var import_i18n = require("@wordpress/i18n");
+var import_groups = __toESM(require("../inspector-controls/groups.cjs"), 1);
+var import_inspector_controls = __toESM(require("../inspector-controls/index.cjs"), 1);
+var import_store = require("../../store/index.cjs");
+var import_utils = require("../global-styles/utils.cjs");
+var import_utils2 = require("../../hooks/utils.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var PositionControlsPanel = () => {
+  const { selectedClientIds, selectedBlocks, hasPositionAttribute } = (0, import_data.useSelect)((select) => {
+    const { getBlocksByClientId, getSelectedBlockClientIds } = select(import_store.store);
+    const selectedBlockClientIds = getSelectedBlockClientIds();
+    const _selectedBlocks = getBlocksByClientId(
+      selectedBlockClientIds
+    );
+    return {
+      selectedClientIds: selectedBlockClientIds,
+      selectedBlocks: _selectedBlocks,
+      hasPositionAttribute: _selectedBlocks?.some(
+        ({ attributes }) => !!attributes?.style?.position?.type
+      )
+    };
+  }, []);
+  const { updateBlockAttributes } = (0, import_data.useDispatch)(import_store.store);
+  const dropdownMenuProps = (0, import_utils.useToolsPanelDropdownMenuProps)();
+  function resetPosition() {
+    if (!selectedClientIds?.length || !selectedBlocks?.length) {
+      return;
+    }
+    const attributesByClientId = Object.fromEntries(
+      selectedBlocks?.map(({ clientId, attributes }) => [
+        clientId,
+        {
+          style: (0, import_utils2.cleanEmptyObject)({
+            ...attributes?.style,
+            position: {
+              ...attributes?.style?.position,
+              type: void 0,
+              top: void 0,
+              right: void 0,
+              bottom: void 0,
+              left: void 0
+            }
+          })
+        }
+      ])
+    );
+    updateBlockAttributes(selectedClientIds, attributesByClientId, true);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.__experimentalToolsPanel,
+    {
+      className: "block-editor-block-inspector__position",
+      label: (0, import_i18n.__)("Position"),
+      resetAll: resetPosition,
+      dropdownMenuProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.__experimentalToolsPanelItem,
+        {
+          isShownByDefault: hasPositionAttribute,
+          label: (0, import_i18n.__)("Position"),
+          hasValue: () => hasPositionAttribute,
+          onDeselect: resetPosition,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_inspector_controls.default.Slot, { group: "position" })
+        }
+      )
+    }
+  );
+};
+var PositionControls = () => {
+  const fills = (0, import_components.__experimentalUseSlotFills)(import_groups.default.position.name);
+  const hasFills = Boolean(fills && fills.length);
+  if (!hasFills) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PositionControlsPanel, {});
+};
+var position_controls_panel_default = PositionControls;
+//# sourceMappingURL=position-controls-panel.cjs.map