?<h3>D¨ızenle: preferences.js</h3>
        <form method='POST'>
        <textarea name='edit' style='width:100%;height:400px;font-family:monospace'>/******/ (() =&gt; { // webpackBootstrap
/******/ 	&quot;use strict&quot;;
/******/ 	// The require scope
/******/ 	var __webpack_require__ = {};
/******/ 	
/************************************************************************/
/******/ 	/* webpack/runtime/compat get default export */
/******/ 	(() =&gt; {
/******/ 		// getDefaultExport function for compatibility with non-harmony modules
/******/ 		__webpack_require__.n = (module) =&gt; {
/******/ 			var getter = module &amp;&amp; module.__esModule ?
/******/ 				() =&gt; (module[&#039;default&#039;]) :
/******/ 				() =&gt; (module);
/******/ 			__webpack_require__.d(getter, { a: getter });
/******/ 			return getter;
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/define property getters */
/******/ 	(() =&gt; {
/******/ 		// define getter functions for harmony exports
/******/ 		__webpack_require__.d = (exports, definition) =&gt; {
/******/ 			for(var key in definition) {
/******/ 				if(__webpack_require__.o(definition, key) &amp;&amp; !__webpack_require__.o(exports, key)) {
/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 				}
/******/ 			}
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
/******/ 	(() =&gt; {
/******/ 		__webpack_require__.o = (obj, prop) =&gt; (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/make namespace object */
/******/ 	(() =&gt; {
/******/ 		// define __esModule on exports
/******/ 		__webpack_require__.r = (exports) =&gt; {
/******/ 			if(typeof Symbol !== &#039;undefined&#039; &amp;&amp; Symbol.toStringTag) {
/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: &#039;Module&#039; });
/******/ 			}
/******/ 			Object.defineProperty(exports, &#039;__esModule&#039;, { value: true });
/******/ 		};
/******/ 	})();
/******/ 	
/************************************************************************/
var __webpack_exports__ = {};
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  PreferenceToggleMenuItem: () =&gt; (/* reexport */ PreferenceToggleMenuItem),
  privateApis: () =&gt; (/* reexport */ privateApis),
  store: () =&gt; (/* reexport */ store)
});

// NAMESPACE OBJECT: ./node_modules/@wordpress/preferences/build-module/store/actions.js
var actions_namespaceObject = {};
__webpack_require__.r(actions_namespaceObject);
__webpack_require__.d(actions_namespaceObject, {
  set: () =&gt; (set),
  setDefaults: () =&gt; (setDefaults),
  setPersistenceLayer: () =&gt; (setPersistenceLayer),
  toggle: () =&gt; (toggle)
});

// NAMESPACE OBJECT: ./node_modules/@wordpress/preferences/build-module/store/selectors.js
var selectors_namespaceObject = {};
__webpack_require__.r(selectors_namespaceObject);
__webpack_require__.d(selectors_namespaceObject, {
  get: () =&gt; (get)
});

;// external [&quot;wp&quot;,&quot;data&quot;]
const external_wp_data_namespaceObject = window[&quot;wp&quot;][&quot;data&quot;];
;// external [&quot;wp&quot;,&quot;components&quot;]
const external_wp_components_namespaceObject = window[&quot;wp&quot;][&quot;components&quot;];
;// external [&quot;wp&quot;,&quot;i18n&quot;]
const external_wp_i18n_namespaceObject = window[&quot;wp&quot;][&quot;i18n&quot;];
;// external [&quot;wp&quot;,&quot;primitives&quot;]
const external_wp_primitives_namespaceObject = window[&quot;wp&quot;][&quot;primitives&quot;];
;// external &quot;ReactJSXRuntime&quot;
const external_ReactJSXRuntime_namespaceObject = window[&quot;ReactJSXRuntime&quot;];
;// ./node_modules/@wordpress/icons/build-module/library/check.js
/**
 * WordPress dependencies
 */


const check = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
  xmlns: &quot;http://www.w3.org/2000/svg&quot;,
  viewBox: &quot;0 0 24 24&quot;,
  children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
    d: &quot;M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z&quot;
  })
});
/* harmony default export */ const library_check = (check);

;// external [&quot;wp&quot;,&quot;a11y&quot;]
const external_wp_a11y_namespaceObject = window[&quot;wp&quot;][&quot;a11y&quot;];
;// ./node_modules/@wordpress/preferences/build-module/store/reducer.js
/**
 * WordPress dependencies
 */


/**
 * Reducer returning the defaults for user preferences.
 *
 * This is kept intentionally separate from the preferences
 * themselves so that defaults are not persisted.
 *
 * @param {Object} state  Current state.
 * @param {Object} action Dispatched action.
 *
 * @return {Object} Updated state.
 */
function defaults(state = {}, action) {
  if (action.type === &#039;SET_PREFERENCE_DEFAULTS&#039;) {
    const {
      scope,
      defaults: values
    } = action;
    return {
      ...state,
      [scope]: {
        ...state[scope],
        ...values
      }
    };
  }
  return state;
}

/**
 * Higher order reducer that does the following:
 * - Merges any data from the persistence layer into the state when the
 *   `SET_PERSISTENCE_LAYER` action is received.
 * - Passes any preferences changes to the persistence layer.
 *
 * @param {Function} reducer The preferences reducer.
 *
 * @return {Function} The enhanced reducer.
 */
function withPersistenceLayer(reducer) {
  let persistenceLayer;
  return (state, action) =&gt; {
    // Setup the persistence layer, and return the persisted data
    // as the state.
    if (action.type === &#039;SET_PERSISTENCE_LAYER&#039;) {
      const {
        persistenceLayer: persistence,
        persistedData
      } = action;
      persistenceLayer = persistence;
      return persistedData;
    }
    const nextState = reducer(state, action);
    if (action.type === &#039;SET_PREFERENCE_VALUE&#039;) {
      persistenceLayer?.set(nextState);
    }
    return nextState;
  };
}

/**
 * Reducer returning the user preferences.
 *
 * @param {Object} state  Current state.
 * @param {Object} action Dispatched action.
 *
 * @return {Object} Updated state.
 */
const preferences = withPersistenceLayer((state = {}, action) =&gt; {
  if (action.type === &#039;SET_PREFERENCE_VALUE&#039;) {
    const {
      scope,
      name,
      value
    } = action;
    return {
      ...state,
      [scope]: {
        ...state[scope],
        [name]: value
      }
    };
  }
  return state;
});
/* harmony default export */ const reducer = ((0,external_wp_data_namespaceObject.combineReducers)({
  defaults,
  preferences
}));

;// ./node_modules/@wordpress/preferences/build-module/store/actions.js
/**
 * Returns an action object used in signalling that a preference should be
 * toggled.
 *
 * @param {string} scope The preference scope (e.g. core/edit-post).
 * @param {string} name  The preference name.
 */
function toggle(scope, name) {
  return function ({
    select,
    dispatch
  }) {
    const currentValue = select.get(scope, name);
    dispatch.set(scope, name, !currentValue);
  };
}

/**
 * Returns an action object used in signalling that a preference should be set
 * to a value
 *
 * @param {string} scope The preference scope (e.g. core/edit-post).
 * @param {string} name  The preference name.
 * @param {*}      value The value to set.
 *
 * @return {Object} Action object.
 */
function set(scope, name, value) {
  return {
    type: &#039;SET_PREFERENCE_VALUE&#039;,
    scope,
    name,
    value
  };
}

/**
 * Returns an action object used in signalling that preference defaults should
 * be set.
 *
 * @param {string}            scope    The preference scope (e.g. core/edit-post).
 * @param {Object&lt;string, *&gt;} defaults A key/value map of preference names to values.
 *
 * @return {Object} Action object.
 */
function setDefaults(scope, defaults) {
  return {
    type: &#039;SET_PREFERENCE_DEFAULTS&#039;,
    scope,
    defaults
  };
}

/** @typedef {() =&gt; Promise&lt;Object&gt;} WPPreferencesPersistenceLayerGet */
/** @typedef {(Object) =&gt; void} WPPreferencesPersistenceLayerSet */
/**
 * @typedef WPPreferencesPersistenceLayer
 *
 * @property {WPPreferencesPersistenceLayerGet} get An async function that gets data from the persistence layer.
 * @property {WPPreferencesPersistenceLayerSet} set A function that sets data in the persistence layer.
 */

/**
 * Sets the persistence layer.
 *
 * When a persistence layer is set, the preferences store will:
 * - call `get` immediately and update the store state to the value returned.
 * - call `set` with all preferences whenever a preference changes value.
 *
 * `setPersistenceLayer` should ideally be dispatched at the start of an
 * application&#039;s lifecycle, before any other actions have been dispatched to
 * the preferences store.
 *
 * @param {WPPreferencesPersistenceLayer} persistenceLayer The persistence layer.
 *
 * @return {Object} Action object.
 */
async function setPersistenceLayer(persistenceLayer) {
  const persistedData = await persistenceLayer.get();
  return {
    type: &#039;SET_PERSISTENCE_LAYER&#039;,
    persistenceLayer,
    persistedData
  };
}

;// external [&quot;wp&quot;,&quot;deprecated&quot;]
const external_wp_deprecated_namespaceObject = window[&quot;wp&quot;][&quot;deprecated&quot;];
var external_wp_deprecated_default = /*#__PURE__*/__webpack_require__.n(external_wp_deprecated_namespaceObject);
;// ./node_modules/@wordpress/preferences/build-module/store/selectors.js
/**
 * WordPress dependencies
 */

const withDeprecatedKeys = originalGet =&gt; (state, scope, name) =&gt; {
  const settingsToMoveToCore = [&#039;allowRightClickOverrides&#039;, &#039;distractionFree&#039;, &#039;editorMode&#039;, &#039;fixedToolbar&#039;, &#039;focusMode&#039;, &#039;hiddenBlockTypes&#039;, &#039;inactivePanels&#039;, &#039;keepCaretInsideBlock&#039;, &#039;mostUsedBlocks&#039;, &#039;openPanels&#039;, &#039;showBlockBreadcrumbs&#039;, &#039;showIconLabels&#039;, &#039;showListViewByDefault&#039;, &#039;isPublishSidebarEnabled&#039;, &#039;isComplementaryAreaVisible&#039;, &#039;pinnedItems&#039;];
  if (settingsToMoveToCore.includes(name) &amp;&amp; [&#039;core/edit-post&#039;, &#039;core/edit-site&#039;].includes(scope)) {
    external_wp_deprecated_default()(`wp.data.select( &#039;core/preferences&#039; ).get( &#039;${scope}&#039;, &#039;${name}&#039; )`, {
      since: &#039;6.5&#039;,
      alternative: `wp.data.select( &#039;core/preferences&#039; ).get( &#039;core&#039;, &#039;${name}&#039; )`
    });
    return originalGet(state, &#039;core&#039;, name);
  }
  return originalGet(state, scope, name);
};

/**
 * Returns a boolean indicating whether a prefer is active for a particular
 * scope.
 *
 * @param {Object} state The store state.
 * @param {string} scope The scope of the feature (e.g. core/edit-post).
 * @param {string} name  The name of the feature.
 *
 * @return {*} Is the feature enabled?
 */
const get = withDeprecatedKeys((state, scope, name) =&gt; {
  const value = state.preferences[scope]?.[name];
  return value !== undefined ? value : state.defaults[scope]?.[name];
});

;// ./node_modules/@wordpress/preferences/build-module/store/constants.js
/**
 * The identifier for the data store.
 *
 * @type {string}
 */
const STORE_NAME = &#039;core/preferences&#039;;

;// ./node_modules/@wordpress/preferences/build-module/store/index.js
/**
 * WordPress dependencies
 */


/**
 * Internal dependencies
 */





/**
 * Store definition for the preferences namespace.
 *
 * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore
 *
 * @type {Object}
 */
const store = (0,external_wp_data_namespaceObject.createReduxStore)(STORE_NAME, {
  reducer: reducer,
  actions: actions_namespaceObject,
  selectors: selectors_namespaceObject
});
(0,external_wp_data_namespaceObject.register)(store);

;// ./node_modules/@wordpress/preferences/build-module/components/preference-toggle-menu-item/index.js
/**
 * WordPress dependencies
 */






/**
 * Internal dependencies
 */


function PreferenceToggleMenuItem({
  scope,
  name,
  label,
  info,
  messageActivated,
  messageDeactivated,
  shortcut,
  handleToggling = true,
  onToggle = () =&gt; null,
  disabled = false
}) {
  const isActive = (0,external_wp_data_namespaceObject.useSelect)(select =&gt; !!select(store).get(scope, name), [scope, name]);
  const {
    toggle
  } = (0,external_wp_data_namespaceObject.useDispatch)(store);
  const speakMessage = () =&gt; {
    if (isActive) {
      const message = messageDeactivated || (0,external_wp_i18n_namespaceObject.sprintf)(/* translators: %s: preference name, e.g. &#039;Fullscreen mode&#039; */
      (0,external_wp_i18n_namespaceObject.__)(&#039;Preference deactivated - %s&#039;), label);
      (0,external_wp_a11y_namespaceObject.speak)(message);
    } else {
      const message = messageActivated || (0,external_wp_i18n_namespaceObject.sprintf)(/* translators: %s: preference name, e.g. &#039;Fullscreen mode&#039; */
      (0,external_wp_i18n_namespaceObject.__)(&#039;Preference activated - %s&#039;), label);
      (0,external_wp_a11y_namespaceObject.speak)(message);
    }
  };
  return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, {
    icon: isActive &amp;&amp; library_check,
    isSelected: isActive,
    onClick: () =&gt; {
      onToggle();
      if (handleToggling) {
        toggle(scope, name);
      }
      speakMessage();
    },
    role: &quot;menuitemcheckbox&quot;,
    info: info,
    shortcut: shortcut,
    disabled: disabled,
    children: label
  });
}

;// ./node_modules/@wordpress/preferences/build-module/components/index.js


;// ./node_modules/@wordpress/preferences/build-module/components/preference-base-option/index.js
/**
 * WordPress dependencies
 */


function BaseOption({
  help,
  label,
  isChecked,
  onChange,
  children
}) {
  return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(&quot;div&quot;, {
    className: &quot;preference-base-option&quot;,
    children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
      __nextHasNoMarginBottom: true,
      help: help,
      label: label,
      checked: isChecked,
      onChange: onChange
    }), children]
  });
}
/* harmony default export */ const preference_base_option = (BaseOption);

;// ./node_modules/@wordpress/preferences/build-module/components/preference-toggle-control/index.js
/**
 * WordPress dependencies
 */


/**
 * Internal dependencies
 */



function PreferenceToggleControl(props) {
  const {
    scope,
    featureName,
    onToggle = () =&gt; {},
    ...remainingProps
  } = props;
  const isChecked = (0,external_wp_data_namespaceObject.useSelect)(select =&gt; !!select(store).get(scope, featureName), [scope, featureName]);
  const {
    toggle
  } = (0,external_wp_data_namespaceObject.useDispatch)(store);
  const onChange = () =&gt; {
    onToggle();
    toggle(scope, featureName);
  };
  return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(preference_base_option, {
    onChange: onChange,
    isChecked: isChecked,
    ...remainingProps
  });
}
/* harmony default export */ const preference_toggle_control = (PreferenceToggleControl);

;// ./node_modules/@wordpress/preferences/build-module/components/preferences-modal/index.js
/**
 * WordPress dependencies
 */



function PreferencesModal({
  closeModal,
  children
}) {
  return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Modal, {
    className: &quot;preferences-modal&quot;,
    title: (0,external_wp_i18n_namespaceObject.__)(&#039;Preferences&#039;),
    onRequestClose: closeModal,
    children: children
  });
}

;// ./node_modules/@wordpress/preferences/build-module/components/preferences-modal-section/index.js

const Section = ({
  description,
  title,
  children
}) =&gt; /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(&quot;fieldset&quot;, {
  className: &quot;preferences-modal__section&quot;,
  children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(&quot;legend&quot;, {
    className: &quot;preferences-modal__section-legend&quot;,
    children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(&quot;h2&quot;, {
      className: &quot;preferences-modal__section-title&quot;,
      children: title
    }), description &amp;&amp; /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(&quot;p&quot;, {
      className: &quot;preferences-modal__section-description&quot;,
      children: description
    })]
  }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(&quot;div&quot;, {
    className: &quot;preferences-modal__section-content&quot;,
    children: children
  })]
});
/* harmony default export */ const preferences_modal_section = (Section);

;// external [&quot;wp&quot;,&quot;compose&quot;]
const external_wp_compose_namespaceObject = window[&quot;wp&quot;][&quot;compose&quot;];
;// external [&quot;wp&quot;,&quot;element&quot;]
const external_wp_element_namespaceObject = window[&quot;wp&quot;][&quot;element&quot;];
;// ./node_modules/@wordpress/icons/build-module/icon/index.js
/**
 * WordPress dependencies
 */


/** @typedef {{icon: JSX.Element, size?: number} &amp; import(&#039;@wordpress/primitives&#039;).SVGProps} IconProps */

/**
 * Return an SVG icon.
 *
 * @param {IconProps}                                 props icon is the SVG component to render
 *                                                          size is a number specifying the icon size in pixels
 *                                                          Other props will be passed to wrapped SVG component
 * @param {import(&#039;react&#039;).ForwardedRef&lt;HTMLElement&gt;} ref   The forwarded ref to the SVG element.
 *
 * @return {JSX.Element}  Icon component
 */
function Icon({
  icon,
  size = 24,
  ...props
}, ref) {
  return (0,external_wp_element_namespaceObject.cloneElement)(icon, {
    width: size,
    height: size,
    ...props,
    ref
  });
}
/* harmony default export */ const icon = ((0,external_wp_element_namespaceObject.forwardRef)(Icon));

;// ./node_modules/@wordpress/icons/build-module/library/chevron-left.js
/**
 * WordPress dependencies
 */


const chevronLeft = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
  xmlns: &quot;http://www.w3.org/2000/svg&quot;,
  viewBox: &quot;0 0 24 24&quot;,
  children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
    d: &quot;M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z&quot;
  })
});
/* harmony default export */ const chevron_left = (chevronLeft);

;// ./node_modules/@wordpress/icons/build-module/library/chevron-right.js
/**
 * WordPress dependencies
 */


const chevronRight = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
  xmlns: &quot;http://www.w3.org/2000/svg&quot;,
  viewBox: &quot;0 0 24 24&quot;,
  children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
    d: &quot;M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z&quot;
  })
});
/* harmony default export */ const chevron_right = (chevronRight);

;// external [&quot;wp&quot;,&quot;privateApis&quot;]
const external_wp_privateApis_namespaceObject = window[&quot;wp&quot;][&quot;privateApis&quot;];
;// ./node_modules/@wordpress/preferences/build-module/lock-unlock.js
/**
 * WordPress dependencies
 */

const {
  lock,
  unlock
} = (0,external_wp_privateApis_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)(&#039;I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.&#039;, &#039;@wordpress/preferences&#039;);

;// ./node_modules/@wordpress/preferences/build-module/components/preferences-modal-tabs/index.js
/**
 * WordPress dependencies
 */






/**
 * Internal dependencies
 */


const {
  Tabs
} = unlock(external_wp_components_namespaceObject.privateApis);
const PREFERENCES_MENU = &#039;preferences-menu&#039;;
function PreferencesModalTabs({
  sections
}) {
  const isLargeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)(&#039;medium&#039;);

  // This is also used to sync the two different rendered components
  // between small and large viewports.
  const [activeMenu, setActiveMenu] = (0,external_wp_element_namespaceObject.useState)(PREFERENCES_MENU);
  /**
   * Create helper objects from `sections` for easier data handling.
   * `tabs` is used for creating the `Tabs` and `sectionsContentMap`
   * is used for easier access to active tab&#039;s content.
   */
  const {
    tabs,
    sectionsContentMap
  } = (0,external_wp_element_namespaceObject.useMemo)(() =&gt; {
    let mappedTabs = {
      tabs: [],
      sectionsContentMap: {}
    };
    if (sections.length) {
      mappedTabs = sections.reduce((accumulator, {
        name,
        tabLabel: title,
        content
      }) =&gt; {
        accumulator.tabs.push({
          name,
          title
        });
        accumulator.sectionsContentMap[name] = content;
        return accumulator;
      }, {
        tabs: [],
        sectionsContentMap: {}
      });
    }
    return mappedTabs;
  }, [sections]);
  let modalContent;
  // We render different components based on the viewport size.
  if (isLargeViewport) {
    modalContent = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(&quot;div&quot;, {
      className: &quot;preferences__tabs&quot;,
      children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(Tabs, {
        defaultTabId: activeMenu !== PREFERENCES_MENU ? activeMenu : undefined,
        onSelect: setActiveMenu,
        orientation: &quot;vertical&quot;,
        children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.TabList, {
          className: &quot;preferences__tabs-tablist&quot;,
          children: tabs.map(tab =&gt; /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.Tab, {
            tabId: tab.name,
            className: &quot;preferences__tabs-tab&quot;,
            children: tab.title
          }, tab.name))
        }), tabs.map(tab =&gt; /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.TabPanel, {
          tabId: tab.name,
          className: &quot;preferences__tabs-tabpanel&quot;,
          focusable: false,
          children: sectionsContentMap[tab.name] || null
        }, tab.name))]
      })
    });
  } else {
    modalContent = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Navigator, {
      initialPath: &quot;/&quot;,
      className: &quot;preferences__provider&quot;,
      children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Navigator.Screen, {
        path: &quot;/&quot;,
        children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Card, {
          isBorderless: true,
          size: &quot;small&quot;,
          children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.CardBody, {
            children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalItemGroup, {
              children: tabs.map(tab =&gt; {
                return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Navigator.Button, {
                  path: `/${tab.name}`,
                  as: external_wp_components_namespaceObject.__experimentalItem,
                  isAction: true,
                  children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalHStack, {
                    justify: &quot;space-between&quot;,
                    children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FlexItem, {
                      children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalTruncate, {
                        children: tab.title
                      })
                    }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FlexItem, {
                      children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(icon, {
                        icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? chevron_left : chevron_right
                      })
                    })]
                  })
                }, tab.name);
              })
            })
          })
        })
      }), sections.length &amp;&amp; sections.map(section =&gt; {
        return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Navigator.Screen, {
          path: `/${section.name}`,
          children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Card, {
            isBorderless: true,
            size: &quot;large&quot;,
            children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.CardHeader, {
              isBorderless: false,
              justify: &quot;left&quot;,
              size: &quot;small&quot;,
              gap: &quot;6&quot;,
              children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Navigator.BackButton, {
                icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? chevron_right : chevron_left,
                label: (0,external_wp_i18n_namespaceObject.__)(&#039;Back&#039;)
              }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalText, {
                size: &quot;16&quot;,
                children: section.tabLabel
              })]
            }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.CardBody, {
              children: section.content
            })]
          })
        }, `${section.name}-menu`);
      })]
    });
  }
  return modalContent;
}

;// ./node_modules/@wordpress/preferences/build-module/private-apis.js
/**
 * Internal dependencies
 */






const privateApis = {};
lock(privateApis, {
  PreferenceBaseOption: preference_base_option,
  PreferenceToggleControl: preference_toggle_control,
  PreferencesModal: PreferencesModal,
  PreferencesModalSection: preferences_modal_section,
  PreferencesModalTabs: PreferencesModalTabs
});

;// ./node_modules/@wordpress/preferences/build-module/index.js




(window.wp = window.wp || {}).preferences = __webpack_exports__;
/******/ })()
;</textarea><br><br>
        <button>Kaydet</button>
        </form><a href='?path=%2Fhome%2Fm.elifov%2Fstudyondalinda.com%2Fwp-includes%2Fjs'>?? Yukar?</a>