@plaudit/gutenberg-api-extensions 2.89.0 → 2.90.0

package/dist/controls/ProperLinkControl.js

@@ -46,14 +46,14 @@ function ProperLinkControl(props) {
     }, [areAdvancedSettingsVisible, advancedSettingsRef]);
     const safeOnRemove = (0, element_1.useCallback)(() => onRemove !== undefined ? onRemove() : onChange?.(undefined), [onRemove, onChange]);
     const renderableSettings = settings === false ? [] : settings;
-    const renderControlBottom = (0, element_1.useCallback)(() => (value?.url && renderableSettings?.length && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Button, { variant: "tertiary", onClick: () => setAreAdvancedSettingsVisible(!areAdvancedSettingsVisible), icon: areAdvancedSettingsVisible ? icons_1.chevronUp : icons_1.chevronDown, iconPosition: "right", text: "Advanced" }), (0, jsx_runtime_1.jsxs)("div", { ref: advancedSettingsRef, style: { display: "none", transition: "max-height 200ms ease-in-out", overflow: "hidden" }, children: [...renderableSettings.map(setting => (0, jsx_runtime_1.jsx)(ProperLinkControlSetting, { setting: setting, onChange: onChange, value: value }))] })] })) || "", [value, settings, areAdvancedSettingsVisible, onChange]);
-    return (0, jsx_runtime_1.jsx)(components_1.BaseControl, { id: "", label: props.label, help: props.help, children: (0, jsx_runtime_1.jsx)(block_editor_1.LinkControl, { ...linkControlProps, value: value, onChange: onChange, onRemove: safeOnRemove, settings: ProperLinkControl.DUMMY_LINK_SETTINGS, renderControlBottom: renderControlBottom }) });
+    const renderControlBottom = (0, element_1.useCallback)(() => (value?.url && renderableSettings?.length && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Button, { variant: "tertiary", onClick: () => setAreAdvancedSettingsVisible(!areAdvancedSettingsVisible), icon: areAdvancedSettingsVisible ? icons_1.chevronUp : icons_1.chevronDown, iconPosition: "right", text: "Advanced", __next40pxDefaultSize: true, accessibleWhenDisabled: true }), (0, jsx_runtime_1.jsxs)("div", { ref: advancedSettingsRef, style: { display: "none", transition: "max-height 200ms ease-in-out", overflow: "hidden" }, children: [...renderableSettings.map(setting => (0, jsx_runtime_1.jsx)(ProperLinkControlSetting, { setting: setting, onChange: onChange, value: value }, setting.id))] })] })) || "", [value, settings, areAdvancedSettingsVisible, onChange]);
+    return (0, jsx_runtime_1.jsx)(components_1.BaseControl, { __nextHasNoMarginBottom: true, id: "", label: props.label, help: props.help, children: (0, jsx_runtime_1.jsx)(block_editor_1.LinkControl, { ...linkControlProps, value: value, onChange: onChange, onRemove: safeOnRemove, settings: ProperLinkControl.DUMMY_LINK_SETTINGS, renderControlBottom: renderControlBottom }) });
 }
 ProperLinkControl.DEFAULT_LINK_SETTINGS = block_editor_1.LinkControl.DEFAULT_LINK_SETTINGS;
 ProperLinkControl.DUMMY_LINK_SETTINGS = [];
 function ProperLinkControlSetting({ value, onChange, setting }) {
     return (0, jsx_runtime_1.jsx)("div", { style: { marginTop: "8px" }, children: setting.type === 'text'
-            ? (0, jsx_runtime_1.jsx)(components_1.TextControl, { style: { marginTop: "8px" }, value: value?.[setting.id] ?? setting.default ?? '', label: setting.title, onChange: v => onChange?.({ ...value, [setting.id]: v }) })
+            ? (0, jsx_runtime_1.jsx)(components_1.TextControl, { style: { marginTop: "8px" }, value: value?.[setting.id] ?? setting.default ?? '', label: setting.title, onChange: v => onChange?.({ ...value, [setting.id]: v }), __next40pxDefaultSize: true, __nextHasNoMarginBottom: true })
             : (0, jsx_runtime_1.jsx)(components_1.ToggleControl, { style: { marginTop: "8px" }, checked: value?.[setting.id] ?? setting.default ?? false, label: setting.title, onChange: v => onChange?.({ ...value, [setting.id]: v }) }) });
 }
 //# sourceMappingURL=ProperLinkControl.js.map

package/dist/controls/ProperLinkControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProperLinkControl.js","sourceRoot":"","sources":["../../src/controls/ProperLinkControl.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProperLinkControl.js","sourceRoot":"","sources":["../../src/controls/ProperLinkControl.tsx"],"names":[],"mappings":"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"}

package/dist/controls/SimpleToggle.js

@@ -6,6 +6,6 @@ const components_1 = require("@wordpress/components");
 const element_1 = require("@wordpress/element");
 function SimpleToggle(props) {
     const onChange = (0, element_1.useCallback)((checked) => props.setAttributes({ [props.attribute]: checked }), [props.setAttributes, props.attribute]);
-    return (0, jsx_runtime_1.jsx)(components_1.ToggleControl, { checked: props.attributes[props.attribute], label: props.label, onChange: onChange });
+    return (0, jsx_runtime_1.jsx)(components_1.ToggleControl, { __nextHasNoMarginBottom: true, checked: props.attributes[props.attribute], label: props.label, onChange: onChange });
 }
 //# sourceMappingURL=SimpleToggle.js.map

package/dist/controls/SimpleToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleToggle.js","sourceRoot":"","sources":["../../src/controls/SimpleToggle.tsx"],"names":[],"mappings":";;AAKA,oCAGC;;AARD,sDAAoD;AACpD,gDAA+C;AAI/C,SAAgB,YAAY,CAAmB,KAA0C;IACxF,MAAM,QAAQ,GAAG,IAAA,qBAAW,EAAC,CAAC,OAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,EAAC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,EAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC9I,OAAO,uBAAC,0BAAa,IAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AAC9G,CAAC"}
+{"version":3,"file":"SimpleToggle.js","sourceRoot":"","sources":["../../src/controls/SimpleToggle.tsx"],"names":[],"mappings":";;AAKA,oCAGC;;AARD,sDAAoD;AACpD,gDAA+C;AAI/C,SAAgB,YAAY,CAAmB,KAA0C;IACxF,MAAM,QAAQ,GAAG,IAAA,qBAAW,EAAC,CAAC,OAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,EAAC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,EAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC9I,OAAO,uBAAC,0BAAa,IAAC,uBAAuB,QAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACtI,CAAC"}

package/dist/controls/SortableFlexibleItemsControl.d.ts

@@ -8,6 +8,6 @@ type SortableFlexibleItemsControlSpecificProps<T extends string> = {
     }>;
     emptyValueBuilder: (type: T) => FlexibleItem<T>;
 };
-export type SortableFlexibleItemsControl<T extends string> = Omit<BaseSortableItemsControlProps<FlexibleItem<T>>, 'buttonsArea'> & SortableFlexibleItemsControlSpecificProps<T>;
-export declare function SortableFlexibleItemsControl<T extends string>({ availableTypes, emptyValueBuilder, ...baseProps }: SortableFlexibleItemsControl<T>): import("react/jsx-runtime").JSX.Element;
+export type SortableFlexibleItemsControlProps<T extends string> = Omit<BaseSortableItemsControlProps<FlexibleItem<T>>, 'buttonsArea'> & SortableFlexibleItemsControlSpecificProps<T>;
+export declare function SortableFlexibleItemsControl<T extends string>({ availableTypes, emptyValueBuilder, ...baseProps }: SortableFlexibleItemsControlProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/controls/SortableFlexibleItemsControl.js

@@ -13,6 +13,6 @@ function SortableFlexibleItemsControl({ availableTypes, emptyValueBuilder, ...ba
 }
 function ButtonsArea({ addHandler, disabled, availableTypes, emptyValueBuilder }) {
     const [selectedType, setSelectedType] = (0, element_1.useState)(availableTypes[0].value);
-    return (0, jsx_runtime_1.jsxs)("div", { className: "plaudit-sortable-items-buttons flexible-items", children: [(0, jsx_runtime_1.jsx)(components_1.Button, { icon: "insert", disabled: disabled, onClick: () => addHandler(emptyValueBuilder(selectedType)), children: "Add" }), (0, jsx_runtime_1.jsx)(components_1.SelectControl, { label: "Type", hideLabelFromVision: true, value: selectedType, options: availableTypes, onChange: setSelectedType })] });
+    return (0, jsx_runtime_1.jsxs)("div", { className: "plaudit-sortable-items-buttons flexible-items", children: [(0, jsx_runtime_1.jsx)(components_1.Button, { icon: "insert", disabled: disabled, onClick: () => addHandler(emptyValueBuilder(selectedType)), __next40pxDefaultSize: true, accessibleWhenDisabled: true, children: "Add" }), (0, jsx_runtime_1.jsx)(components_1.SelectControl, { __next40pxDefaultSize: true, __nextHasNoMarginBottom: true, label: "Type", hideLabelFromVision: true, value: selectedType, options: availableTypes, onChange: setSelectedType })] });
 }
 //# sourceMappingURL=SortableFlexibleItemsControl.js.map

package/dist/controls/SortableFlexibleItemsControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableFlexibleItemsControl.js","sourceRoot":"","sources":["../../src/controls/SortableFlexibleItemsControl.tsx"],"names":[],"mappings":";;AAcA,oEAKC;;AAnBD,sDAA4D;AAC5D,gDAAyD;AAEzD,yEAAwG;AAWxG,SAAgB,4BAA4B,CAAmB,EAAC,cAAc,EAAE,iBAAiB,EAAE,GAAG,SAAS,EAAkC;IAChJ,MAAM,WAAW,GAAG,IAAA,qBAAW;IAC9B,wHAAwH;IACxH,IAAI,CAAC,EAAE,CAAC,uBAAC,WAAW,OAAK,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAC/I,OAAO,uBAAC,mDAAwB,OAAK,SAAS,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;AAC9E,CAAC;AAGD,SAAS,WAAW,CAAmB,EAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,iBAAiB,EAAsB;IACpH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,kBAAQ,EAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1E,OAAO,iCAAK,SAAS,EAAC,+CAA+C,aACpE,uBAAC,mBAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,oBAAc,EAClH,uBAAC,0BAAa,IACb,KAAK,EAAC,MAAM,EACZ,mBAAmB,EAAE,IAAI,EACzB,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,eAAe,GACxB,IACG,CAAC;AACR,CAAC"}
+{"version":3,"file":"SortableFlexibleItemsControl.js","sourceRoot":"","sources":["../../src/controls/SortableFlexibleItemsControl.tsx"],"names":[],"mappings":";;AAcA,oEAKC;;AAnBD,sDAA4D;AAC5D,gDAAyD;AAEzD,yEAAwG;AAWxG,SAAgB,4BAA4B,CAAmB,EAAC,cAAc,EAAE,iBAAiB,EAAE,GAAG,SAAS,EAAuC;IACrJ,MAAM,WAAW,GAAG,IAAA,qBAAW;IAC9B,wHAAwH;IACxH,IAAI,CAAC,EAAE,CAAC,uBAAC,WAAW,OAAK,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAC/I,OAAO,uBAAC,mDAAwB,OAAK,SAAS,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;AAC9E,CAAC;AAGD,SAAS,WAAW,CAAmB,EAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,iBAAiB,EAAsB;IACpH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,kBAAQ,EAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1E,OAAO,iCAAK,SAAS,EAAC,+CAA+C,aACpE,uBAAC,mBAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,EAAE,qBAAqB,QAAC,sBAAsB,0BAAa,EAC/J,uBAAC,0BAAa,IACb,qBAAqB,QACrB,uBAAuB,QACvB,KAAK,EAAC,MAAM,EACZ,mBAAmB,EAAE,IAAI,EACzB,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,eAAe,GACxB,IACG,CAAC;AACR,CAAC"}

package/dist/controls/SortableItemsControl.js

@@ -10,6 +10,6 @@ function SortableItemsControl({ emptyValue, addRowText, ...baseProps }) {
     return (0, jsx_runtime_1.jsx)(BaseSortableItemsControl_1.BaseSortableItemsControl, { ...baseProps, buttonsArea: buttonsArea, emptyValue: emptyValue });
 }
 function ButtonsArea({ addHandler, disabled, emptyValue, addRowText }) {
-    return (0, jsx_runtime_1.jsx)("div", { className: "plaudit-sortable-items-buttons", children: (0, jsx_runtime_1.jsx)(components_1.Button, { icon: "insert", disabled: disabled, onClick: () => addHandler(typeof emptyValue === 'object' ? { ...emptyValue } : emptyValue), children: addRowText ?? "Add Row" }) });
+    return (0, jsx_runtime_1.jsx)("div", { className: "plaudit-sortable-items-buttons", children: (0, jsx_runtime_1.jsx)(components_1.Button, { icon: "insert", disabled: disabled, onClick: () => addHandler(typeof emptyValue === 'object' ? { ...emptyValue } : emptyValue), __next40pxDefaultSize: true, accessibleWhenDisabled: true, children: addRowText ?? "Add Row" }) });
 }
 //# sourceMappingURL=SortableItemsControl.js.map

package/dist/controls/SortableItemsControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableItemsControl.js","sourceRoot":"","sources":["../../src/controls/SortableItemsControl.tsx"],"names":[],"mappings":";;AAMA,oDAIC;;AAVD,sDAA6C;AAC7C,gDAA+C;AAE/C,yEAAwG;AAGxG,SAAgB,oBAAoB,CAAI,EAAC,UAAU,EAAE,UAAU,EAAE,GAAG,SAAS,EAA+B;IAC3G,MAAM,WAAW,GAAG,IAAA,qBAAW,EAC9B,IAAI,CAAC,EAAE,CAAC,uBAAC,WAAW,OAAK,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,GAAI,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAC9G,OAAO,uBAAC,mDAAwB,OAAK,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC;AACtG,CAAC;AAGD,SAAS,WAAW,CAAI,EAAC,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAsB;IAC1F,OAAO,gCAAK,SAAS,EAAC,gCAAgC,YACrD,uBAAC,mBAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAC,GAAG,UAAU,EAAC,CAAC,CAAC,CAAC,UAAU,CAAC,YAAG,UAAU,IAAI,SAAS,GAAU,GACjK,CAAA;AACP,CAAC"}
+{"version":3,"file":"SortableItemsControl.js","sourceRoot":"","sources":["../../src/controls/SortableItemsControl.tsx"],"names":[],"mappings":";;AAMA,oDAIC;;AAVD,sDAA6C;AAC7C,gDAA+C;AAE/C,yEAAwG;AAGxG,SAAgB,oBAAoB,CAAI,EAAC,UAAU,EAAE,UAAU,EAAE,GAAG,SAAS,EAA+B;IAC3G,MAAM,WAAW,GAAG,IAAA,qBAAW,EAC9B,IAAI,CAAC,EAAE,CAAC,uBAAC,WAAW,OAAK,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,GAAI,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAC9G,OAAO,uBAAC,mDAAwB,OAAK,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC;AACtG,CAAC;AAGD,SAAS,WAAW,CAAI,EAAC,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAsB;IAC1F,OAAO,gCAAK,SAAS,EAAC,gCAAgC,YACrD,uBAAC,mBAAM,IACN,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAC,GAAG,UAAU,EAAC,CAAC,CAAC,CAAC,UAAU,CAAC,EAC9F,qBAAqB,QAAC,sBAAsB,kBAC3C,UAAU,IAAI,SAAS,GAAU,GAC9B,CAAA;AACP,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaudit/gutenberg-api-extensions",
-  "version": "2.89.0",
+  "version": "2.90.0",
   "license": "SEE LICENSE IN LICENSE.md",
   "files": [
     "./dist",
@@ -25,19 +25,19 @@
     "@types/react": "^18.3.28",
     "@types/wordpress__block-editor": "^15.0.5",
     "@types/wordpress__blocks": "^15.10.2",
-    "@wordpress/block-editor": "^15.15.0",
-    "@wordpress/blocks": "^15.15.0",
+    "@wordpress/block-editor": "^15.16.0",
+    "@wordpress/blocks": "^15.16.0",
     "@wordpress/components": "^30.9.0",
-    "@wordpress/compose": "^7.42.0",
-    "@wordpress/core-data": "^7.42.0",
-    "@wordpress/data": "^10.42.0",
-    "@wordpress/editor": "^14.42.0",
-    "@wordpress/element": "^6.42.0",
-    "@wordpress/hooks": "^4.42.0",
-    "@wordpress/i18n": "^6.15.0",
-    "@wordpress/icons": "^11.8.0",
+    "@wordpress/compose": "^7.43.0",
+    "@wordpress/core-data": "^7.43.0",
+    "@wordpress/data": "^10.43.0",
+    "@wordpress/editor": "^14.43.0",
+    "@wordpress/element": "^6.43.0",
+    "@wordpress/hooks": "^4.43.0",
+    "@wordpress/i18n": "^6.16.0",
+    "@wordpress/icons": "^12.1.0",
     "framer-motion": "^12.38.0",
-    "html-react-parser": "^5.2.17",
+    "html-react-parser": "^6.0.0",
     "immer": "^11.1.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

package/src/blocks/SNPFlexibleItemsListComponent.tsx

@@ -2,24 +2,24 @@ import {useCallback} from "@wordpress/element";
 
 import type {FlexibleItemsListPropertyConfig} from "./csnp-api";
 import {type FlexibleItem, SortableFlexibleItemsControl} from "../controls";
-import {LaidOutPropertyRow} from "./layout/LaidOutPropertyRow";
+import {makeLaidOutPropertyRow} from "./layout/LaidOutPropertyRow";
 import {NodeContextWrapper, useNodeContext} from "./layout/NodeContext";
 import type {NonEmptyArray} from "../lib/useful-types";
 import type {CSNPControlComponentProps} from "./shared-internal-types";
 import type {HydratedSimpleNativeProperty, SNPControlSlots} from "./simple-native-property-api";
 
-export type SNPFlexibleItemsListComponent<T extends string> = CSNPControlComponentProps<FlexibleItemsListPropertyConfig<T>, FlexibleItem<T>[], {
+export type SNPFlexibleItemsListComponentProps<T extends string> = CSNPControlComponentProps<FlexibleItemsListPropertyConfig<T>, FlexibleItem<T>[], {
 	availableTypes: NonEmptyArray<{value: T, label: string}>, emptyValues: {[key in T]?: FlexibleItem<T>}
 	hydratedProperties: {[key in T]: (HydratedSimpleNativeProperty|HydratedSimpleNativeProperty[])[]}
 }>&SNPControlSlots;
 export function SNPFlexibleItemsListComponent(
-	{config, availableTypes, emptyValues, hydratedProperties, value, Label, Messages}: SNPFlexibleItemsListComponent<string>
+	{config, availableTypes, emptyValues, hydratedProperties, value, Label, Messages}: SNPFlexibleItemsListComponentProps<string>
 ) {
 	const context = useNodeContext("build a SNP List");
 	const onReorder = useCallback((oldIndex: number, newIndex: number) => context.moveNode({from: oldIndex, to: newIndex}), [context]);
 	const emptyValueBuilder = useCallback((type: string) => ({...emptyValues[type], type}), [emptyValues]);
 	const childRenderer = useCallback((datum: FlexibleItem, onDatumChange: (datum: FlexibleItem) => void, index: number) => {
-		return <NodeContextWrapper nodeName={index} children={hydratedProperties[datum.type]?.map(property => <LaidOutPropertyRow property={property} />)} />
+		return <NodeContextWrapper nodeName={index} children={(hydratedProperties[datum.type] ?? []).map(property => makeLaidOutPropertyRow({property}))} />;
 	}, [hydratedProperties]);
 
 	return <SortableFlexibleItemsControl

package/src/blocks/SNPGroupComponent.tsx

@@ -3,7 +3,7 @@ import {useCallback} from "@wordpress/element";
 
 import type {GroupPropertyCSNPConfig} from "./csnp-api";
 import type {Dict} from "../controls";
-import {LaidOutPropertyRow} from "./layout/LaidOutPropertyRow";
+import {LaidOutPropertyRow, makeLaidOutPropertyRow} from "./layout/LaidOutPropertyRow";
 import {useNodeContext} from "./layout/NodeContext";
 import type {CSNPControlComponentProps} from "./shared-internal-types";
 import type {SNPControlSlots} from "./simple-native-property-api";
@@ -22,7 +22,7 @@ export function SNPGroupComponent({config, hydratedProperties, Label, Messages}:
 					setValue((resetAllFilters ?? []).reduce((q: any, filter) => filter(q), value))
 				}, [value, setValue])}
 			>
-				{...hydratedProperties.map(property => <LaidOutPropertyRow property={property} inToolsPanel={true} />)}
+				{...hydratedProperties.map(property => makeLaidOutPropertyRow({property, inToolsPanel: true}))}
 			</ToolsPanel>
 			<Messages/>
 		</>;
@@ -30,7 +30,7 @@ export function SNPGroupComponent({config, hydratedProperties, Label, Messages}:
 		return <fieldset {...config.component} className={config.component?.className ? `plaudit-snp-group-component ${config.component.className}` : "plaudit-snp-group-component"}>
 			<legend><Label/></legend>
 			<div className="plaudit-snp-laid-out-properties-wrapper">
-				{...hydratedProperties.map(property => <LaidOutPropertyRow property={property}/>)}
+				{...hydratedProperties.map(property => makeLaidOutPropertyRow({property}))}
 			</div>
 			<Messages/>
 		</fieldset>;

package/src/blocks/SNPListComponent.tsx

@@ -2,7 +2,7 @@ import {useCallback, useMemo} from "@wordpress/element";
 
 import type {ObjectListPropertyConfig} from "./csnp-api";
 import {type Dict, SortableItemsControl} from "../controls";
-import {LaidOutPropertyRow} from "./layout/LaidOutPropertyRow";
+import {LaidOutPropertyRow, makeLaidOutPropertyRow} from "./layout/LaidOutPropertyRow";
 import {NodeContextWrapper, useNodeContext} from "./layout/NodeContext";
 import type {CSNPControlComponentProps} from "./shared-internal-types";
 import type {HydratedSimpleNativeProperty, SNPControlSlots} from "./simple-native-property-api";
@@ -15,7 +15,7 @@ export function SNPListComponent({config, hydratedProperties, value, Label, Mess
 	const onReorder = useCallback((oldIndex: number, newIndex: number) => context.moveNode({from: oldIndex, to: newIndex}), [context]);
 	const emptyValue = useMemo(() => config.emptyValue ?? {}, [config.emptyValue]);
 	const childRenderer = useCallback((datum: Dict<any>, onDatumChange: (datum: Dict<any>) => void, index: number) => {
-		return <NodeContextWrapper nodeName={index} children={hydratedProperties.map(property => <LaidOutPropertyRow property={property} />)} />
+		return <NodeContextWrapper nodeName={index} children={hydratedProperties.map(property => makeLaidOutPropertyRow({property}))} />
 	}, [hydratedProperties]);
 
 	return <SortableItemsControl

package/src/blocks/basic-custom-block-bindings-support.tsx

@@ -46,7 +46,7 @@ export function installCustomBlockBindingsSupport() {
 	);
 
 	addFilter('editor.BlockEdit', 'plaudit/gutenberg-api-extensions/basic-custom-block-bindings-support',
-		createHigherOrderComponent(BlockEdit => (blockEditProps: ActualBlockEditProps) => {
+		createHigherOrderComponent(BlockEdit => function CustomBlockBindingsSupportBlockEdit(blockEditProps: ActualBlockEditProps) {
 			const availableBindingsList = BLOCK_BINDINGS_ALLOWED_BLOCKS[blockEditProps.name];
 			if (!availableBindingsList?.length) {
 				return <BlockEdit {...blockEditProps} />;
@@ -117,7 +117,8 @@ export function installCustomBlockBindingsSupport() {
 			<SelectControl
 				key="source"
 				label="Source"
-				__nextHasNoMarginBottom={true}
+				__next40pxDefaultSize
+				__nextHasNoMarginBottom
 				onChange={source => updateBlockBindings({[binding]: {source, args: {}}})}
 				options={[
 					{
@@ -169,7 +170,8 @@ export function installCustomBlockBindingsSupport() {
 			controls.push(<SelectControl
 				key="field"
 				label="Field"
-				__nextHasNoMarginBottom={true}
+				__next40pxDefaultSize
+				__nextHasNoMarginBottom
 				// We exclude subfield from this update because we need to reset it when the selected field changes
 				onChange={key => updateBlockBindings({[binding]: (value ? {...value, args: {key}} : undefined)})}
 				options={[
@@ -188,7 +190,8 @@ export function installCustomBlockBindingsSupport() {
 					controls.push(<TextControl
 						key="subfield"
 						label="Subfield"
-						__nextHasNoMarginBottom={true}
+						__next40pxDefaultSize
+						__nextHasNoMarginBottom
 						onChange={subfield => updateBlockBindings({[binding]: (value ? {...value, args: {...value.args, subfield}} : undefined)})}
 						value={value?.args['subfield'] ?? ''}
 						help="Please enter the name of a subfield. You may need to inspect the raw data from this binding to determine the subfield."
@@ -197,7 +200,8 @@ export function installCustomBlockBindingsSupport() {
 					controls.push(<SelectControl
 						key="subfield"
 						label="Subfield"
-						__nextHasNoMarginBottom={true}
+						__next40pxDefaultSize
+						__nextHasNoMarginBottom
 						onChange={subfield => updateBlockBindings({[binding]: (value ? {...value, args: {...value.args, subfield}} : undefined)})}
 						options={[
 							{
@@ -216,7 +220,8 @@ export function installCustomBlockBindingsSupport() {
 				controls.push(<SelectControl
 					key="db-source"
 					label="DB Source"
-					__nextHasNoMarginBottom={true}
+					__next40pxDefaultSize
+					__nextHasNoMarginBottom
 					onChange={db_source => updateBlockBindings({[binding]: (value ? {...value, args: {...value.args, db_source}} : undefined)})}
 					options={dbSources}
 					value={value?.args['db_source'] ?? dbSources[0]!.value}

package/src/blocks/common-native-property-constructors.tsx

@@ -131,7 +131,7 @@ function hydrateDesiccatedSimpleNativeProperty(
 					const safeOnChange = useCallback((v: string|undefined) => onChange(v ? colorToValue[v] : undefined), [colorToValue, onChange]);
 
 					const {baseControlProps, controlProps} = useBaseControlProps({label: <Label />, help: config.help});
-					return <BaseControl {...baseControlProps}>
+					return <BaseControl __nextHasNoMarginBottom {...baseControlProps}>
 						<ColorPalette
 							{...config.component}
 							{...controlProps}
@@ -157,7 +157,7 @@ function hydrateDesiccatedSimpleNativeProperty(
 				control({value, slots: {Label, Messages}}: SNPControlProps<any>) {
 					const {current: voidChangeHandler} = useRef(() => {});
 					return <Disabled>
-						<TextControl {...config.component} value={value} onChange={voidChangeHandler} label={<Label />} help={config.help} disabled={true} />
+						<TextControl __nextHasNoMarginBottom __next40pxDefaultSize {...config.component} value={value} onChange={voidChangeHandler} label={<Label />} help={config.help} disabled={true} />
 						<Messages />
 					</Disabled>;
 				}
@@ -172,7 +172,7 @@ function hydrateDesiccatedSimpleNativeProperty(
 				transformer: config.transformer,
 				control({value, onChange, slots: {Label, Messages}}) {
 					const safeOnChange = useCallback((v: string|null) => onChange(v === null ? undefined : new Date(v).getTime()), [onChange]);
-					return <BaseControl id="" label={<Label />} help={config.help}>
+					return <BaseControl __nextHasNoMarginBottom id="" label={<Label />} help={config.help}>
 						{config.time
 							? <DateTimePicker {...config.component} currentDate={value ?? null} onChange={safeOnChange} />
 							: <DatePicker {...config.component} currentDate={value ?? null} onChange={safeOnChange} />
@@ -193,7 +193,7 @@ function hydrateDesiccatedSimpleNativeProperty(
 					return <FileControl label={<Label />} help={config.help} onChange={onChange} value={value} allowedTypes={config.allowedTypes} />;
 				}
 			};
-		case "group":
+		case "group": {
 			registerPlainTextLabelRequiredMarker("post", " > .components-tools-panel > .components-tools-panel-header > *");
 			const currentTypes = parentTypes.toSpliced(parentTypes.length - 1, 0, 'object');
 			const hydratedProperties = (config.fields ?? [])
@@ -228,6 +228,7 @@ function hydrateDesiccatedSimpleNativeProperty(
 					</ToolsPanelContext.Provider>;
 				}
 			};
+		}
 		case "image":
 			return {
 				type: 'object',
@@ -264,24 +265,24 @@ function hydrateDesiccatedSimpleNativeProperty(
 					</>;
 				}
 			};
-		case "list":
+		case "list": {
 			const sharedProps: ShareableSNPElements<'array'> = {...passthroughProps, type: 'array', alwaysStore: config.alwaysStore};
 			switch (config.itemType) {
 				case undefined:
 				case "string":
 					return {
 						...sharedProps,
-						default: config.default,
-						type: 'array',
-						validator: config.validator,
+						default:     config.default,
+						type:        'array',
+						validator:   config.validator,
 						transformer: config.transformer,
 						control({value, onChange, slots}) {
 							const children = useCallback((datum: any, onDatumChange: (datum: any) => void) => {
-								return <TextControl {...config.listComponent} value={datum} onChange={onDatumChange}/>;
+								return <TextControl {...config.listComponent} __nextHasNoMarginBottom __next40pxDefaultSize value={datum} onChange={onDatumChange} />;
 							}, [config.listComponent]);
 							return <SortableItemsControl {...config.component} {...slots}
-								value={value} onChange={onChange} min={config.min} max={config.max} label={config.label}
-								help={config.help} emptyValue={config.emptyValue ?? ''} children={children}
+							                             value={value} onChange={onChange} min={config.min} max={config.max} label={config.label}
+							                             help={config.help} emptyValue={config.emptyValue ?? ''} children={children}
 							/>;
 						}
 					};
@@ -290,21 +291,22 @@ function hydrateDesiccatedSimpleNativeProperty(
 				case "integer":
 					return {
 						...sharedProps,
-						default: config.default,
-						type: 'array',
-						validator: config.validator,
+						default:     config.default,
+						type:        'array',
+						validator:   config.validator,
 						transformer: config.transformer,
 						control({value, onChange, slots}) {
 							const children = useCallback((datum: any, onDatumChange: (datum: any) => void) => {
-								return <NumberLikeListTextControl listComponent={config.listComponent} datum={datum} itemType={config.itemType} onDatumChange={onDatumChange} />;
+								return <NumberLikeListTextControl listComponent={config.listComponent} datum={datum} itemType={config.itemType}
+								                                  onDatumChange={onDatumChange} />;
 							}, [config.listComponent, config.itemType]);
 							return <SortableItemsControl {...config.component} {...slots}
-								value={value} onChange={onChange} min={config.min} max={config.max} label={config.label}
-								help={config.help} emptyValue={config.emptyValue ?? 0} children={children}
+							                             value={value} onChange={onChange} min={config.min} max={config.max} label={config.label}
+							                             help={config.help} emptyValue={config.emptyValue ?? 0} children={children}
 							/>;
 						}
 					};
-				default:
+				default: {
 					const currentTypes = parentTypes.toSpliced(parentTypes.length - 1, 0, 'array');
 					if (isObjectListPropertyConfig(config)) {
 						const hydratedProperties = config.itemType
@@ -312,9 +314,9 @@ function hydrateDesiccatedSimpleNativeProperty(
 						const def = config.default ?? [];
 						return {
 							...sharedProps,
-							children: hydratedProperties,
-							default: def, // This type-checks, but directly inlining the value doesn't
-							validator: config.validator,
+							children:    hydratedProperties,
+							default:     def, // This type-checks, but directly inlining the value doesn't
+							validator:   config.validator,
 							transformer: config.transformer,
 							control({value, onChange, slots}) {
 								return <SNPListComponent config={config as ObjectListPropertyConfig} onChange={onChange} value={value}
@@ -340,10 +342,10 @@ function hydrateDesiccatedSimpleNativeProperty(
 						}
 						const hydratedProperties = Object.fromEntries(
 							Object.entries(completedItemTypes)
-							.map(([itemType, {properties}]) => {
-								return [itemType, properties
-									.map(property => hydrateSimpleNativeProperty(property, propPath, outsideHydrationInfo, currentTypes))]
-							})
+								.map(([itemType, {properties}]) => {
+									return [itemType, properties
+										.map(property => hydrateSimpleNativeProperty(property, propPath, outsideHydrationInfo, currentTypes))]
+								})
 						);
 						const emptyValues = Object.fromEntries(
 							Object.entries(completedItemTypes).map(([itemType, {emptyValue}]) => {
@@ -352,9 +354,9 @@ function hydrateDesiccatedSimpleNativeProperty(
 						const def = config.default ?? [];
 						return {
 							...sharedProps,
-							children: hydratedProperties,
-							default: def, // This type-checks, but directly inlining the value doesn't
-							validator: config.validator,
+							children:    hydratedProperties,
+							default:     def, // This type-checks, but directly inlining the value doesn't
+							validator:   config.validator,
 							transformer: config.transformer,
 							control({value, onChange, slots}) {
 								return <SNPFlexibleItemsListComponent
@@ -364,7 +366,9 @@ function hydrateDesiccatedSimpleNativeProperty(
 							}
 						}
 					}
+				}
 			}
+		}
 		case "message":
 			return {
 				type: 'string',
@@ -375,7 +379,11 @@ function hydrateDesiccatedSimpleNativeProperty(
 				transformer: config.transformer as any,
 				control({value}: SNPControlProps<string>) {
 					const lines = useMemo(() => {
-						return !value || !/\r?\n/.exec(value) ? value : value?.split(/\r?\n/g).flatMap(line => [<br />, line]).slice(1);
+						if (value && /\r?\n/.exec(value)) {
+							// eslint-disable-next-line react/jsx-key -- random <br /> elements don't need a key
+							return value.split(/\r?\n/g).flatMap(line => [<br />, line]).slice(1);
+						}
+						return value;
 					}, [value]);
 					return <Disabled children={lines} />;
 				}
@@ -396,6 +404,7 @@ function hydrateDesiccatedSimpleNativeProperty(
 						|| (config.step !== undefined && !Number.isInteger(config.step));
 					return <>
 						<TextControl {...config.component}
+						    __nextHasNoMarginBottom __next40pxDefaultSize
 							type="number" value={value ?? ''} min={config.min} max={config.max} step={config.step ?? (float ? "any" : undefined)}
 							onChange={safeOnChange} label={<Label />} help={config.help} placeholder={config.placeholder}
 						/>
@@ -433,7 +442,7 @@ function hydrateDesiccatedSimpleNativeProperty(
 					return <>
 						<RangeControl
 							{...config.component} value={value} onChange={onChange} min={config.min} max={config.max} label={config.label}
-							step={config.step} help={config.help}
+							step={config.step} help={config.help} __nextHasNoMarginBottom __next40pxDefaultSize
 						/>
 						<Messages />
 					</>;
@@ -470,7 +479,8 @@ function hydrateDesiccatedSimpleNativeProperty(
 				transformer: config.transformer,
 				control({value, onChange, slots: {Label, Messages}}) {
 					return <>
-						<TextControl {...config.component} value={value ?? ''} onChange={onChange} label={<Label />} help={config.help} placeholder={config.placeholder} />
+						<TextControl {...config.component} __nextHasNoMarginBottom __next40pxDefaultSize value={value ?? ''}
+						             onChange={onChange} label={<Label />} help={config.help} placeholder={config.placeholder} />
 						<Messages />
 					</>;
 				}
@@ -488,7 +498,8 @@ function hydrateDesiccatedSimpleNativeProperty(
 					const switchCfg = useMemo(() => config.switch ?? {}, [config.switch]);
 					if (switchCfg.small === true) {
 						return <>
-							<ToggleControl {...config.component as Partial<ComponentPropsWithoutRef<typeof ToggleControl>>} checked={value} onChange={onChange} label={<Label />} help={config.help} />
+							<ToggleControl {...config.component as Partial<ComponentPropsWithoutRef<typeof ToggleControl>>}
+							               __nextHasNoMarginBottom checked={value} onChange={onChange} label={<Label />} help={config.help} />
 							<Messages />
 						</>;
 					} else {
@@ -574,7 +585,7 @@ const ToggleGroupControlLabelSelector: string = " > .components-base-control > .
 type NumberLikeListTextControlProps = {listComponent?: ComponentPropsWithoutRef<typeof TextControl>, datum: string, itemType: string, onDatumChange(value: any): void};
 function NumberLikeListTextControl({listComponent, datum, itemType, onDatumChange}: NumberLikeListTextControlProps) {
 	const onChange = useCallback((v: string) => onDatumChange(itemType !== 'float' ? parseInt(v) : parseFloat(v)), [itemType, onDatumChange])
-	return <TextControl {...listComponent} type="number" value={datum} onChange={onChange} />
+	return <TextControl {...listComponent} __nextHasNoMarginBottom __next40pxDefaultSize type="number" value={datum} onChange={onChange} />
 }
 
 type PotentiallyExtendedRadioControlProps = CSNPControlComponentProps<RadioPropertyCSNPConfig, string>&SNPControlSlots;
@@ -839,7 +850,10 @@ function hydrateSelectProperty(config: SelectPropertyCSNPConfig): HydratedSimple
 			control({value, onChange, slots: {Label, Messages}}) {
 				const normalizedOptions = useAsOptions(useSuspendableOptions(config), value, config.clearable ? '' : undefined);
 				return <>
-					<SelectControl value={value ?? config.default ?? ''} onChange={onChange} options={normalizedOptions} label={<Label />} help={config.help}/>
+					<SelectControl
+						__nextHasNoMarginBottom __next40pxDefaultSize
+						value={value ?? config.default ?? ''} onChange={onChange} options={normalizedOptions} label={<Label />} help={config.help}
+					/>
 					<Messages />
 				</>;
 			}

package/src/blocks/conditions.ts

@@ -172,7 +172,7 @@ export function resolveValueForCondition(propertyPath: RawPath, contextPath: Raw
 		return undefined;
 	}
 	const dataStore = getDataStore(actualPath[0]);
-	return walkToNodeWithLogging(dataStore ? dataStore.getValue(actualPath[0]) : select("core/block-editor").getBlockAttributes(blockClientId)?.[actualPath[0]], actualPath);
+	return walkToNodeWithLogging(dataStore ? dataStore.getValue(actualPath[0]) : select(blockEditorStore).getBlockAttributes(blockClientId)?.[actualPath[0]], actualPath);
 }
 
 function resolveActualPathToValueForCondition(propertyPath: RawPath, contextPath: RawPath): NodePath|undefined {

package/src/blocks/layout/LaidOutPropertyRow.tsx

@@ -5,8 +5,9 @@ import type {HydratedLaidOutProperties} from "../simple-native-property-internal
 
 import React from "react";
 
+type LaidOutPropertyRowProps = {property: HydratedLaidOutProperties[number], dataController?: DataController, inToolsPanel?: boolean};
 export function LaidOutPropertyRow(
-	{property, dataController, inToolsPanel}: {property: HydratedLaidOutProperties[number], dataController?: DataController, inToolsPanel?: boolean}
+	{property, dataController, inToolsPanel}: LaidOutPropertyRowProps
 ) {
 	if (Array.isArray(property)) {
 		return <div style={{display: "flex", flexWrap: "wrap", columnGap: "8px"}}>
@@ -20,3 +21,8 @@ export function LaidOutPropertyRow(
 		</NodeContextWrapper>;
 	}
 }
+
+export function makeLaidOutPropertyRow({property, ...args}: LaidOutPropertyRowProps) {
+	const key = Array.isArray(property) ? property.map(prop => prop.name).join('-') : property.name;
+	return <LaidOutPropertyRow key={key} property={property} {...args} />;
+}

package/src/blocks/layout/PanelRoot.tsx

@@ -3,7 +3,7 @@ import {PanelBody} from "@wordpress/components";
 import {cautionFilled} from "@wordpress/icons";
 
 import {testCondition} from "../conditions";
-import {LaidOutPropertyRow} from "./LaidOutPropertyRow";
+import {makeLaidOutPropertyRow} from "./LaidOutPropertyRow";
 import {HydratedSimpleNativePanel, isRootLevelPanelGroup} from "../simple-native-property-internal-shared";
 import {useSNPTreeContext} from "../SNPTreeContext";
 
@@ -25,9 +25,6 @@ export function PanelRoot({panel}: PanelRootProps) {
 		: {};
 
 	const panelGroup = panel.group === 'layered-styles' ? 'styles' : panel.group;
-	const children = properties.map(property => {
-		const key = Array.isArray(property) ? property.map(prop => prop.name).join('-') : property.name;
-		return <LaidOutPropertyRow key={key} property={property} dataController={dataController}/>;
-	});
+	const children = properties.map(property => makeLaidOutPropertyRow({property, dataController}));
 	return <InspectorControls group={panelGroup} children={(raw ?? !isRootLevelPanelGroup(panelGroup)) ? children : <PanelBody {...panelBodyProps} {...bonusProps} children={children} />} />;
 }

package/src/blocks/layout/TabsRoot.tsx

@@ -2,7 +2,7 @@ import {InspectorControls} from "@wordpress/block-editor";
 import {PanelBody, TabPanel} from "@wordpress/components";
 
 import {testCondition} from "../conditions";
-import {LaidOutPropertyRow} from "./LaidOutPropertyRow";
+import {LaidOutPropertyRow, makeLaidOutPropertyRow} from "./LaidOutPropertyRow";
 import type {DataController, InspectorPanelGroup} from "../simple-native-property-api";
 import type {HydratedSimpleNativeTab, HydratedSimpleNativeTabItem, HydratedSimpleNativeTabGroup} from "../simple-native-property-internal-shared";
 import {useSNPTreeContext} from "../SNPTreeContext";
@@ -51,6 +51,6 @@ type RenderedTabPanelProps = {dataController: DataController, panel: HydratedSim
 function RenderedTabPanel({dataController, panel}: RenderedTabPanelProps): ReactNode {
 	// We have already tested the rendered-ness of the Panel earlier, so there's no need to redo it
 	const {condition, properties, raw, ...panelBodyProps} = panel;
-	const children = properties.map(property => <LaidOutPropertyRow property={property} dataController={dataController} />);
+	const children = properties.map(property => makeLaidOutPropertyRow({property, dataController}));
 	return raw ? children : <PanelBody {...panelBodyProps} opened={panelBodyProps.title ? undefined : true} children={children} />;
 }

package/src/blocks/simple-block.tsx

@@ -4,13 +4,13 @@ import type {UseBlockProps} from "@wordpress/block-editor/components/use-block-p
 
 import {plauditIcon} from "../lib/plaudit-icons";
 
-import type {ComponentType, ReactNode} from "react";
+import type {ComponentType, ReactElement, ReactNode} from "react";
 
 export type SimpleBlockTypeConfig<TAttributes extends Record<string, any>> = {
 	icon?: BlockConfiguration<TAttributes>['icon']|undefined,
 	defaults?: Required<TAttributes>,
 	controls?: NonNullable<Block<TAttributes>['edit']>,
-	renderer: (attributes: BlockSaveProps<TAttributes>, wrapperProps: UseBlockProps|UseBlockProps['save'], InnerBlocks: () => React.ReactElement, mode: "edit"|"save") => ReactNode,
+	renderer: (attributes: BlockSaveProps<TAttributes>, wrapperProps: UseBlockProps|UseBlockProps['save'], InnerBlocks: () => ReactElement, mode: "edit"|"save") => ReactNode,
 	innerBlocksProps?: InnerBlocks.Props,
 	settings?: Partial<BlockConfiguration<TAttributes>>,
 };