@wordpress/preferences 4.33.1 → 4.34.0

package/build-types/components/preference-base-option/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/preference-base-option/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,KAAK,kBAAkB,GAAG,UAAU,CAAE,OAAO,aAAa,CAAE,CAAE,CAAC,CAAE,CAAC;AAClE,MAAM,MAAM,eAAe,GAAG,IAAI,CACjC,kBAAkB,EAClB,MAAM,GAAG,OAAO,GAAG,UAAU,CAC7B,GAAG;IAAE,SAAS,CAAC,EAAE,kBAAkB,CAAE,SAAS,CAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC"}

package/build-types/components/preference-toggle-control/index.d.ts

@@ -0,0 +1,9 @@
+import type { BaseOptionProps } from '../preference-base-option/types';
+export type PreferenceToggleControlProps = {
+    scope: string;
+    featureName: string;
+    onToggle: () => void;
+} & Omit<BaseOptionProps, 'onChange' | 'isChecked'>;
+declare function PreferenceToggleControl(props: PreferenceToggleControlProps): import("react").JSX.Element;
+export default PreferenceToggleControl;
+//# sourceMappingURL=index.d.ts.map

package/build-types/components/preference-toggle-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preference-toggle-control/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGvE,MAAM,MAAM,4BAA4B,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,IAAI,CAAE,eAAe,EAAE,UAAU,GAAG,WAAW,CAAE,CAAC;AAEtD,iBAAS,uBAAuB,CAAE,KAAK,EAAE,4BAA4B,+BAwBpE;AAED,eAAe,uBAAuB,CAAC"}

package/build-types/components/preference-toggle-menu-item/index.d.ts

@@ -0,0 +1,18 @@
+type PreferenceToggleMenuItemProps = {
+    scope: string;
+    name: string;
+    label: string;
+    info?: string;
+    messageActivated?: string;
+    messageDeactivated?: string;
+    shortcut?: string | {
+        display: string;
+        ariaLabel: string;
+    };
+    handleToggling?: boolean;
+    onToggle?: () => void;
+    disabled?: boolean;
+};
+export default function PreferenceToggleMenuItem({ scope, name, label, info, messageActivated, messageDeactivated, shortcut, handleToggling, onToggle, disabled, }: PreferenceToggleMenuItemProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build-types/components/preference-toggle-menu-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preference-toggle-menu-item/index.tsx"],"names":[],"mappings":"AAcA,KAAK,6BAA6B,GAAG;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAE,EACjD,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,gBAAgB,EAChB,kBAAkB,EAClB,QAAQ,EACR,cAAqB,EACrB,QAAqB,EACrB,QAAgB,GAChB,EAAE,6BAA6B,+BA+C/B"}

package/build-types/components/preferences-modal/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import type { PreferencesModalProps } from './types';
+export default function PreferencesModal({ closeModal, children, }: PreferencesModalProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/build-types/components/preferences-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preferences-modal/index.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAE,EACzC,UAAU,EACV,QAAQ,GACR,EAAE,qBAAqB,+BAUvB"}

package/build-types/components/preferences-modal/types.d.ts

@@ -0,0 +1,11 @@
+/**
+ * WordPress dependencies
+ */
+import type { Modal } from '@wordpress/components';
+type ModalProps = Parameters<typeof Modal>[0];
+export type PreferencesModalProps = {
+    closeModal: ModalProps['onRequestClose'];
+    children: React.ReactNode;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/build-types/components/preferences-modal/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/preferences-modal/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,KAAK,UAAU,GAAG,UAAU,CAAE,OAAO,KAAK,CAAE,CAAE,CAAC,CAAE,CAAC;AAElD,MAAM,MAAM,qBAAqB,GAAG;IACnC,UAAU,EAAE,UAAU,CAAE,gBAAgB,CAAE,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC"}

package/build-types/components/preferences-modal-section/index.d.ts

@@ -0,0 +1,8 @@
+export type SectionProps = {
+    description?: React.ReactNode;
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+};
+declare const Section: ({ description, title, children }: SectionProps) => import("react").JSX.Element;
+export default Section;
+//# sourceMappingURL=index.d.ts.map

package/build-types/components/preferences-modal-section/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preferences-modal-section/index.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,OAAO,qCAAuC,YAAY,gCAY/D,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/build-types/components/preferences-modal-tabs/index.d.ts

@@ -0,0 +1,9 @@
+export type PreferencesModalTabsProps = {
+    sections: {
+        name: string;
+        tabLabel: string;
+        content: React.ReactNode;
+    }[];
+};
+export default function PreferencesModalTabs({ sections, }: PreferencesModalTabsProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/build-types/components/preferences-modal-tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preferences-modal-tabs/index.tsx"],"names":[],"mappings":"AA8BA,MAAM,MAAM,yBAAyB,GAAG;IACvC,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;CACzE,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAE,EAC7C,QAAQ,GACR,EAAE,yBAAyB,+BAgJ3B"}

package/build-types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export { store } from './store';
+export * from './private-apis';
+//# sourceMappingURL=index.d.ts.map

package/build-types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,cAAc,gBAAgB,CAAC"}

package/build-types/lock-unlock.d.ts

@@ -0,0 +1,2 @@
+export declare const lock: (object: unknown, privateData: unknown) => void, unlock: <T = any>(object: unknown) => T;
+//# sourceMappingURL=lock-unlock.d.ts.map

package/build-types/lock-unlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lock-unlock.d.ts","sourceRoot":"","sources":["../src/lock-unlock.ts"],"names":[],"mappings":"AAIA,eAAO,MAAQ,IAAI,mDAAE,MAAM,iCAIzB,CAAC"}

package/build-types/private-apis.d.ts

@@ -0,0 +1,2 @@
+export declare const privateApis: {};
+//# sourceMappingURL=private-apis.d.ts.map

package/build-types/private-apis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"private-apis.d.ts","sourceRoot":"","sources":["../src/private-apis.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,WAAW,IAAK,CAAC"}

package/build-types/store/actions.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Internal dependencies
+ */
+import type { ActionObject, StoreState, WPPreferencesPersistenceLayer } from './types';
+/**
+ * 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.
+ */
+export declare function toggle(scope: string, name: string): ({ select, dispatch }: {
+    select: any;
+    dispatch: any;
+}) => void;
+type SetAction = ActionObject<'SET_PREFERENCE_VALUE', {
+    scope: string;
+    name: string;
+    value: any;
+}>;
+/**
+ * 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 {SetAction} Action object.
+ */
+export declare function set(scope: string, name: string, value: any): SetAction;
+type ScopedDefaults = StoreState['defaults'][string];
+type SetDefaultsAction = ActionObject<'SET_PREFERENCE_DEFAULTS', {
+    scope: string;
+    defaults: ScopedDefaults;
+}>;
+/**
+ * Returns an action object used in signalling that preference defaults should
+ * be set.
+ *
+ * @param scope    The preference scope (e.g. core/edit-post).
+ * @param defaults A key/value map of preference names to values.
+ *
+ * @return Action object.
+ */
+export declare function setDefaults(scope: string, defaults: ScopedDefaults): SetDefaultsAction;
+type SetPersistenceLayerAction<D extends Object> = ActionObject<'SET_PERSISTENCE_LAYER', {
+    persistenceLayer: WPPreferencesPersistenceLayer<D>;
+    persistedData: D;
+}>;
+/**
+ * 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's lifecycle, before any other actions have been dispatched to
+ * the preferences store.
+ *
+ * @param persistenceLayer The persistence layer.
+ *
+ * @return Action object.
+ */
+export declare function setPersistenceLayer<D extends Object>(persistenceLayer: WPPreferencesPersistenceLayer<D>): Promise<SetPersistenceLayerAction<D>>;
+export type AvailableActions = SetAction | SetDefaultsAction | SetPersistenceLayerAction<any>;
+export {};
+//# sourceMappingURL=actions.d.ts.map

package/build-types/store/actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/store/actions.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACX,YAAY,EACZ,UAAU,EACV,6BAA6B,EAC7B,MAAM,SAAS,CAAC;AAEjB;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;;;WAMlD;AAED,KAAK,SAAS,GAAG,YAAY,CAC5B,sBAAsB,EACtB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,GAAG,CAAA;CAAE,CAC3C,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,GAAG,CAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAI,SAAS,CAOxE;AAED,KAAK,cAAc,GAAG,UAAU,CAAE,UAAU,CAAE,CAAE,MAAM,CAAE,CAAC;AACzD,KAAK,iBAAiB,GAAG,YAAY,CACpC,yBAAyB,EACzB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,cAAc,CAAA;CAAE,CAC3C,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAC1B,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,cAAc,GACtB,iBAAiB,CAMnB;AAED,KAAK,yBAAyB,CAAE,CAAC,SAAS,MAAM,IAAK,YAAY,CAChE,uBAAuB,EACvB;IACC,gBAAgB,EAAE,6BAA6B,CAAE,CAAC,CAAE,CAAC;IACrD,aAAa,EAAE,CAAC,CAAC;CACjB,CACD,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,wBAAsB,mBAAmB,CAAE,CAAC,SAAS,MAAM,EAC1D,gBAAgB,EAAE,6BAA6B,CAAE,CAAC,CAAE,GAClD,OAAO,CAAE,yBAAyB,CAAE,CAAC,CAAE,CAAE,CAO3C;AAED,MAAM,MAAM,gBAAgB,GACzB,SAAS,GACT,iBAAiB,GACjB,yBAAyB,CAAE,GAAG,CAAE,CAAC"}

package/build-types/store/constants.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The identifier for the data store.
+ */
+export declare const STORE_NAME = "core/preferences";
+//# sourceMappingURL=constants.d.ts.map

package/build-types/store/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/store/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,UAAU,qBAAqB,CAAC"}

package/build-types/store/index.d.ts

@@ -0,0 +1,10 @@
+import * as actions from './actions';
+import * as selectors from './selectors';
+import type { StoreState } from './types';
+/**
+ * Store definition for the preferences namespace.
+ *
+ * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore
+ */
+export declare const store: import("@wordpress/data/build-types/types").StoreDescriptor<import("@wordpress/data/build-types/types").ReduxStoreConfig<StoreState, typeof actions, typeof selectors>>;
+//# sourceMappingURL=index.d.ts.map

package/build-types/store/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/store/index.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;GAIG;AACH,eAAO,MAAM,KAAK,yKAQf,CAAC"}

package/build-types/store/reducer.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Internal dependencies
+ */
+import type { StoreState } from './types';
+import type { AvailableActions } from './actions';
+/**
+ * Reducer returning the defaults for user preferences.
+ *
+ * This is kept intentionally separate from the preferences
+ * themselves so that defaults are not persisted.
+ *
+ * @param state  Current state.
+ * @param action Dispatched action.
+ *
+ * @return Updated state.
+ */
+export declare function defaults(state: StoreState["defaults"] | undefined, action: AvailableActions): StoreState['defaults'];
+/**
+ * Reducer returning the user preferences.
+ *
+ * @param {Object} state  Current state.
+ * @param {Object} action Dispatched action.
+ *
+ * @return {Object} Updated state.
+ */
+export declare const preferences: (state: StoreState["preferences"], action: AvailableActions) => any;
+declare const _default: import("redux").Reducer<{
+    defaults: {
+        [x: string]: {
+            [x: string]: any;
+        };
+    };
+    preferences: any;
+}, AvailableActions, Partial<{
+    defaults: never;
+    preferences: never;
+}>>;
+export default _default;
+//# sourceMappingURL=reducer.d.ts.map

package/build-types/store/reducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../src/store/reducer.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAiC,MAAM,SAAS,CAAC;AACzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAElD;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CACvB,KAAK,EAAE,UAAU,CAAE,UAAU,CAAE,YAAK,EACpC,MAAM,EAAE,gBAAgB,GACtB,UAAU,CAAE,UAAU,CAAE,CAa1B;AAsCD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,UA1BP,UAAU,CAAE,aAAa,CAAE,UAAU,gBAAgB,QAuCnE,CAAC;;;;;;;;;;;;AAEJ,wBAGI"}

package/build-types/store/selectors.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Internal dependencies
+ */
+import type { StoreState } from './types';
+/**
+ * Returns a boolean indicating whether a prefer is active for a particular
+ * scope.
+ *
+ * @param {StoreState} 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?
+ */
+export declare const get: (state: StoreState, scope: string, name: string) => any;
+//# sourceMappingURL=selectors.d.ts.map

package/build-types/store/selectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../src/store/selectors.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA4C1C;;;;;;;;;GASG;AACH,eAAO,MAAM,GAAG,UAhDN,UAAU,SAAS,MAAM,QAAQ,MAAM,QAqDhD,CAAC"}

package/build-types/store/types.d.ts

@@ -0,0 +1,27 @@
+export type StoreState = {
+    preferences: {
+        [k in string]: {
+            [p in string]: any;
+        };
+    };
+    defaults: {
+        [k in string]: {
+            [p in string]: any;
+        };
+    };
+};
+export type OmitFirstArg<F> = F extends (x: any, ...args: infer P) => infer R ? (...args: P) => R : never;
+export interface WPPreferencesPersistenceLayer<D extends Object> {
+    /**
+     * An async function that gets data from the persistence layer.
+     */
+    get: () => Promise<D>;
+    /**
+     * A function that sets data in the persistence layer.
+     */
+    set: (value: D) => void;
+}
+export type ActionObject<T extends string, D extends Record<Exclude<string, 'type'>, any> = {}> = {
+    type: T;
+} & D;
+//# sourceMappingURL=types.d.ts.map

package/build-types/store/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/store/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACxB,WAAW,EAAE;SAAI,CAAC,IAAI,MAAM,GAAI;aAAI,CAAC,IAAI,MAAM,GAAI,GAAG;SAAE;KAAE,CAAC;IAC3D,QAAQ,EAAE;SAAI,CAAC,IAAI,MAAM,GAAI;aAAI,CAAC,IAAI,MAAM,GAAI,GAAG;SAAE;KAAE,CAAC;CACxD,CAAC;AAEF,MAAM,MAAM,YAAY,CAAE,CAAC,IAAK,CAAC,SAAS,CACzC,CAAC,EAAE,GAAG,EACN,GAAG,IAAI,EAAE,MAAM,CAAC,KACZ,MAAM,CAAC,GACT,CAAE,GAAG,IAAI,EAAE,CAAC,KAAM,CAAC,GACnB,KAAK,CAAC;AAET,MAAM,WAAW,6BAA6B,CAAE,CAAC,SAAS,MAAM;IAC/D;;OAEG;IACH,GAAG,EAAE,MAAM,OAAO,CAAE,CAAC,CAAE,CAAC;IACxB;;OAEG;IACH,GAAG,EAAE,CAAE,KAAK,EAAE,CAAC,KAAM,IAAI,CAAC;CAC1B;AAED,MAAM,MAAM,YAAY,CACvB,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,CAAE,OAAO,CAAE,MAAM,EAAE,MAAM,CAAE,EAAE,GAAG,CAAE,GAAG,EAAE,IACpD;IACH,IAAI,EAAE,CAAC,CAAC;CACR,GAAG,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/preferences",
-	"version": "4.33.1",
+	"version": "4.34.0",
 	"description": "Utilities for managing WordPress preferences.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -36,18 +36,22 @@
 	},
 	"react-native": "src/index",
 	"wpScript": true,
+	"types": "build-types",
+	"wpScriptExtraDependencies": [
+		"wp-preferences-persistence"
+	],
 	"sideEffects": false,
 	"dependencies": {
-		"@wordpress/a11y": "^4.33.1",
-		"@wordpress/base-styles": "^6.9.1",
-		"@wordpress/components": "^30.6.1",
-		"@wordpress/compose": "^7.33.1",
-		"@wordpress/data": "^10.33.1",
-		"@wordpress/deprecated": "^4.33.1",
-		"@wordpress/element": "^6.33.1",
-		"@wordpress/i18n": "^6.6.1",
-		"@wordpress/icons": "^11.0.1",
-		"@wordpress/private-apis": "^1.33.1",
+		"@wordpress/a11y": "^4.34.0",
+		"@wordpress/base-styles": "^6.10.0",
+		"@wordpress/components": "^30.7.0",
+		"@wordpress/compose": "^7.34.0",
+		"@wordpress/data": "^10.34.0",
+		"@wordpress/deprecated": "^4.34.0",
+		"@wordpress/element": "^6.34.0",
+		"@wordpress/i18n": "^6.7.0",
+		"@wordpress/icons": "^11.1.0",
+		"@wordpress/private-apis": "^1.34.0",
 		"clsx": "^2.1.1"
 	},
 	"peerDependencies": {
@@ -57,5 +61,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "5f84bafdec1bed05247c1080c12f6a237951b862"
+	"gitHead": "ceebff807958d2e8fc755b5a20473939c78b4d1d"
 }

package/src/components/preference-base-option/{index.js → index.tsx}

@@ -2,8 +2,18 @@
  * WordPress dependencies
  */
 import { ToggleControl } from '@wordpress/components';
+/**
+ * Internal dependencies
+ */
+import type { BaseOptionProps } from './types';
 
-function BaseOption( { help, label, isChecked, onChange, children } ) {
+function BaseOption( {
+	help,
+	label,
+	isChecked,
+	onChange,
+	children,
+}: BaseOptionProps ) {
 	return (
 		<div className="preference-base-option">
 			<ToggleControl

package/src/components/preference-base-option/types.ts

@@ -0,0 +1,10 @@
+/**
+ * WordPress dependencies
+ */
+import type { ToggleControl } from '@wordpress/components';
+
+type ToggleControlProps = Parameters< typeof ToggleControl >[ 0 ];
+export type BaseOptionProps = Pick<
+	ToggleControlProps,
+	'help' | 'label' | 'onChange'
+> & { isChecked?: ToggleControlProps[ 'checked' ]; children?: React.ReactNode };

package/src/components/preference-toggle-control/{index.js → index.tsx}

@@ -7,9 +7,16 @@ import { useSelect, useDispatch } from '@wordpress/data';
  * Internal dependencies
  */
 import { store as preferencesStore } from '../../store';
+import type { BaseOptionProps } from '../preference-base-option/types';
 import PreferenceBaseOption from '../preference-base-option';
 
-function PreferenceToggleControl( props ) {
+export type PreferenceToggleControlProps = {
+	scope: string;
+	featureName: string;
+	onToggle: () => void;
+} & Omit< BaseOptionProps, 'onChange' | 'isChecked' >;
+
+function PreferenceToggleControl( props: PreferenceToggleControlProps ) {
 	const {
 		scope,
 		featureName,
@@ -28,9 +35,9 @@ function PreferenceToggleControl( props ) {
 
 	return (
 		<PreferenceBaseOption
+			{ ...remainingProps }
 			onChange={ onChange }
 			isChecked={ isChecked }
-			{ ...remainingProps }
 		/>
 	);
 }

package/src/components/preference-toggle-menu-item/{index.js → index.tsx}

@@ -12,6 +12,18 @@ import { speak } from '@wordpress/a11y';
  */
 import { store as preferencesStore } from '../../store';
 
+type PreferenceToggleMenuItemProps = {
+	scope: string;
+	name: string;
+	label: string;
+	info?: string;
+	messageActivated?: string;
+	messageDeactivated?: string;
+	shortcut?: string | { display: string; ariaLabel: string };
+	handleToggling?: boolean;
+	onToggle?: () => void;
+	disabled?: boolean;
+};
 export default function PreferenceToggleMenuItem( {
 	scope,
 	name,
@@ -23,7 +35,7 @@ export default function PreferenceToggleMenuItem( {
 	handleToggling = true,
 	onToggle = () => null,
 	disabled = false,
-} ) {
+}: PreferenceToggleMenuItemProps ) {
 	const isActive = useSelect(
 		( select ) => !! select( preferencesStore ).get( scope, name ),
 		[ scope, name ]
@@ -53,7 +65,7 @@ export default function PreferenceToggleMenuItem( {
 
 	return (
 		<MenuItem
-			icon={ isActive && check }
+			icon={ isActive ? check : null }
 			isSelected={ isActive }
 			onClick={ () => {
 				onToggle();

package/src/components/preferences-modal/{index.js → index.tsx}

@@ -3,8 +3,15 @@
  */
 import { Modal } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
+/**
+ * Internal dependencies
+ */
+import type { PreferencesModalProps } from './types';
 
-export default function PreferencesModal( { closeModal, children } ) {
+export default function PreferencesModal( {
+	closeModal,
+	children,
+}: PreferencesModalProps ) {
 	return (
 		<Modal
 			className="preferences-modal"

package/src/components/preferences-modal/types.ts

@@ -0,0 +1,11 @@
+/**
+ * WordPress dependencies
+ */
+import type { Modal } from '@wordpress/components';
+
+type ModalProps = Parameters< typeof Modal >[ 0 ];
+
+export type PreferencesModalProps = {
+	closeModal: ModalProps[ 'onRequestClose' ];
+	children: React.ReactNode;
+};

package/src/components/preferences-modal-section/{index.js → index.tsx}

@@ -1,4 +1,10 @@
-const Section = ( { description, title, children } ) => (
+export type SectionProps = {
+	description?: React.ReactNode;
+	title?: React.ReactNode;
+	children?: React.ReactNode;
+};
+
+const Section = ( { description, title, children }: SectionProps ) => (
 	<fieldset className="preferences-modal__section">
 		<legend className="preferences-modal__section-legend">
 			<h2 className="preferences-modal__section-title">{ title }</h2>

package/src/components/preferences-modal-tabs/{index.js → index.tsx}

@@ -28,7 +28,12 @@ const { Tabs } = unlock( componentsPrivateApis );
 
 const PREFERENCES_MENU = 'preferences-menu';
 
-export default function PreferencesModalTabs( { sections } ) {
+export type PreferencesModalTabsProps = {
+	sections: { name: string; tabLabel: string; content: React.ReactNode }[];
+};
+export default function PreferencesModalTabs( {
+	sections,
+}: PreferencesModalTabsProps ) {
 	const isLargeViewport = useViewportMatch( 'medium' );
 
 	// This is also used to sync the two different rendered components
@@ -40,12 +45,15 @@ export default function PreferencesModalTabs( { sections } ) {
 	 * is used for easier access to active tab's content.
 	 */
 	const { tabs, sectionsContentMap } = useMemo( () => {
-		let mappedTabs = {
+		let mappedTabs: {
+			tabs: { name: string; title: string }[];
+			sectionsContentMap: Record< string, React.ReactNode >;
+		} = {
 			tabs: [],
 			sectionsContentMap: {},
 		};
 		if ( sections.length ) {
-			mappedTabs = sections.reduce(
+			mappedTabs = sections.reduce< typeof mappedTabs >(
 				( accumulator, { name, tabLabel: title, content } ) => {
 					accumulator.tabs.push( { name, title } );
 					accumulator.sectionsContentMap[ name ] = content;
@@ -102,6 +110,7 @@ export default function PreferencesModalTabs( { sections } ) {
 							<ItemGroup>
 								{ tabs.map( ( tab ) => {
 									return (
+										// @ts-expect-error: Navigator.Button is currently typed in a way that prevents Item from being passed in
 										<Navigator.Button
 											key={ tab.name }
 											path={ `/${ tab.name }` }
@@ -144,6 +153,7 @@ export default function PreferencesModalTabs( { sections } ) {
 										justify="left"
 										size="small"
 										gap="6"
+										as="div"
 									>
 										<Navigator.BackButton
 											icon={