@plaudit/gutenberg-api-extensions 2.8.0 → 2.10.0

package/build/controls/PickOne.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, __experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon, BaseControl, ColorPalette, RadioControl, SelectControl, useBaseControlProps } from "@wordpress/components";
+import React from "react";
 function makeSharedRadioAndSelectProps(props) {
     return {
         label: props.label,
@@ -12,15 +12,15 @@ function makeSharedRadioAndSelectProps(props) {
     };
 }
 export function PickOneFromToggleGroup(props) {
-    return _jsx(ToggleGroupControl, { label: props.label, value: props.attributes[props.attribute], onChange: value => props.setAttributes({ [props.attribute]: value }), children: props.options.map(([value, label]) => typeof label === 'string'
-            ? _jsx(ToggleGroupControlOption, { value: value, label: label }, value)
-            : _jsx(ToggleGroupControlOptionIcon, { value: value, label: label.text, icon: label.icon }, value)) });
+    return React.createElement(ToggleGroupControl, { label: props.label, value: props.attributes[props.attribute], onChange: value => props.setAttributes({ [props.attribute]: value }), children: props.options.map(([value, label]) => typeof label === 'string'
+            ? React.createElement(ToggleGroupControlOption, { key: value, value: value, label: label })
+            : React.createElement(ToggleGroupControlOptionIcon, { key: value, value: value, label: label.text, icon: label.icon })) });
 }
 export function PickOneFromSelect(props) {
-    return _jsx(SelectControl, { ...makeSharedRadioAndSelectProps(props), value: props.attributes[props.attribute] });
+    return React.createElement(SelectControl, { ...makeSharedRadioAndSelectProps(props), value: props.attributes[props.attribute] });
 }
 export function PickOneFromRadios(props) {
-    return _jsx(RadioControl, { ...makeSharedRadioAndSelectProps(props), selected: props.attributes[props.attribute] });
+    return React.createElement(RadioControl, { ...makeSharedRadioAndSelectProps(props), selected: props.attributes[props.attribute] });
 }
 export function PickOneFromColors(props) {
     const valueToColorMap = new Map();
@@ -41,6 +41,7 @@ export function PickOneFromColors(props) {
     }
     const currentColor = valueToColorMap.get(props.attributes[props.attribute]) ?? props.attributes[props.attribute];
     const { baseControlProps, controlProps } = useBaseControlProps({ label: props.label });
-    return _jsx(BaseControl, { ...baseControlProps, children: _jsx(ColorPalette, { ...controlProps, disableCustomColors: true, onChange: color => props.setAttributes({ [props.attribute]: colorToValueMap.get(color ?? currentColor) ?? color ?? currentColor }), colors: colors, value: currentColor, clearable: false }) });
+    return React.createElement(BaseControl, { ...baseControlProps },
+        React.createElement(ColorPalette, { ...controlProps, disableCustomColors: true, onChange: color => props.setAttributes({ [props.attribute]: colorToValueMap.get(color ?? currentColor) ?? color ?? currentColor }), colors: colors, value: currentColor, clearable: false }));
 }
 //# sourceMappingURL=PickOne.js.map

package/build/controls/PickOne.js.map

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

package/build/controls/SimpleToggle.d.ts

@@ -0,0 +1,3 @@
+import type { SimpleBlockControlProps } from "./types";
+import React from "react";
+export declare function SimpleToggle<T extends string>(props: SimpleBlockControlProps<T, boolean>): React.JSX.Element;

package/build/controls/SimpleToggle.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { ToggleControl } from "@wordpress/components";
+import React from "react";
 export function SimpleToggle(props) {
-    return _jsx(ToggleControl, { checked: props.attributes[props.attribute], label: props.label, onChange: checked => props.setAttributes({ [props.attribute]: checked }) });
+    return React.createElement(ToggleControl, { checked: props.attributes[props.attribute], label: props.label, onChange: checked => props.setAttributes({ [props.attribute]: checked }) });
 }
 //# sourceMappingURL=SimpleToggle.js.map

package/build/controls/SimpleToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleToggle.js","sourceRoot":"","sources":["../../src/controls/SimpleToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAMpD,MAAM,UAAU,YAAY,CAAmB,KAA0C;IACxF,OAAO,KAAC,aAAa,IAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,EAAC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,EAAC,CAAC,GAAI,CAAC;AAClK,CAAC"}
+{"version":3,"file":"SimpleToggle.js","sourceRoot":"","sources":["../../src/controls/SimpleToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAIpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,YAAY,CAAmB,KAA0C;IACxF,OAAO,oBAAC,aAAa,IAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,EAAC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,EAAC,CAAC,GAAI,CAAC;AAClK,CAAC"}

package/build/controls/SortableItemsControl.d.ts

@@ -0,0 +1,11 @@
+import type { BaseControlProps } from "@wordpress/components/build-types/base-control/types";
+import React, { type ReactNode } from "react";
+export type SortableItemsControlProps<D> = Omit<BaseControlProps, 'children'> & {
+    value: D[] | undefined;
+    onChange: (value: D[]) => void;
+    children: (datum: D, onDatumChange: (datum: D) => void) => ReactNode;
+    emptyValue: D;
+    min?: number;
+    max?: number;
+};
+export declare function SortableItemsControl<D>({ value: propValue, onChange, children: makeChild, emptyValue, min, max, id, ...baseControlProps }: SortableItemsControlProps<D>): React.JSX.Element;

package/build/controls/SortableItemsControl.js

@@ -0,0 +1,154 @@
+import { BaseControl, Button, Icon } from "@wordpress/components";
+import { useEffect, useRef, useState } from "@wordpress/element";
+import React, { useId } from "react";
+export function SortableItemsControl({ value: propValue, onChange, children: makeChild, emptyValue, min, max, id, ...baseControlProps }) {
+    if (!window.plauditGutenbergApiExtensionSortableItemsControlCSSLoaded) {
+        const styles = document.createElement("style");
+        //TODO: Add CSS for the drop handler stuff here
+        styles.appendChild(document.createTextNode(`
+			.plaudit-sortable-items-container .drop-zone {
+				background-color: #ccc;
+				transition-property: height, padding;
+				transition-duration: 250ms;
+				transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
+				overflow: hidden;
+				height: 20px;
+			}
+			
+			.plaudit-sortable-items-container .drop-zone.plaudit-sortable-items-hidden {
+				height: 0;
+				padding: 0;
+			}
+			
+			.plaudit-sortable-items-container .dragging {
+				display: none !important;
+			}
+			.plaudit-sortable-items-container .floating {
+				position: fixed;
+				box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
+			}
+			
+			.plaudit-sortable-items-container .plaudit-sortable-items-row {
+				display: grid;
+				grid-template-areas: "HANDLE FIELD CONTROL";
+				grid-template-columns: auto 1fr auto;
+				border: 1px solid #ccc;
+				padding-block-start: 8px;
+			}
+			.plaudit-sortable-items-container .plaudit-sortable-items-drag-handle {
+				padding: 0 6px;
+				display: grid;
+				place-content: center;
+				line-height: 1;
+				margin-bottom: 8px;
+			}
+			.plaudit-sortable-items-container .plaudit-sortable-items-controls {
+				margin-top: -4px;
+			}
+		`));
+        document.head.appendChild(styles);
+        window.plauditGutenbergApiExtensionSortableItemsControlCSSLoaded = true;
+    }
+    const controlId = id ?? useId();
+    const containerRef = useRef(null);
+    const [value, setValue] = useState(propValue ?? []);
+    const [dragging, setDragging] = useState(null);
+    const [dropZone, setDropZone] = useState(null);
+    const [mouse, setMouse] = useState([0, 0]);
+    useEffect(() => {
+        if (dragging !== null) {
+            const handler = (event) => setMouse([event.x, event.y]);
+            document.addEventListener('mousemove', handler);
+            return () => document.removeEventListener('mousemove', handler);
+        }
+        return () => { };
+    }, [dragging]);
+    useEffect(() => {
+        if (dragging !== null && containerRef.current) {
+            const result = Array.from(containerRef.current.querySelectorAll(".drop-zone"))
+                .map(e => [parseInt(e.getAttribute("data-position")), Math.abs(e.getBoundingClientRect().y - mouse[1]), e])
+                .reduce((a, b) => {
+                if (a[2].classList.contains("dragging")) {
+                    return b;
+                }
+                else if (b[2].classList.contains("dragging")) {
+                    return a;
+                }
+                else if (b[1] < a[1]) {
+                    return b;
+                }
+                return a;
+            })[0];
+            setDropZone(result);
+        }
+    }, [dragging, mouse]);
+    useEffect(() => {
+        if (dragging === null) {
+            return () => { };
+        }
+        const handler = (e) => {
+            e.preventDefault();
+            onDragEnd(dragging);
+        };
+        document.addEventListener('mouseup', handler);
+        return () => document.removeEventListener('mouseup', handler);
+    }, [dragging, dropZone]);
+    const onChangeByIndex = (datum, index) => {
+        const newValue = [...value];
+        newValue[index] = datum;
+        onChange(newValue);
+        setValue(newValue);
+    };
+    const removeByIndex = (index) => {
+        const newValue = value.filter((_, i) => i !== index);
+        onChange(newValue);
+        setValue(newValue);
+    };
+    const onDragEnd = (oldIndex) => {
+        if (dropZone !== null) {
+            transferByIndex(oldIndex, dropZone);
+        }
+        setDragging(null);
+        setDropZone(null);
+    };
+    const transferByIndex = (oldIndex, newIndex) => {
+        if (newIndex !== oldIndex) {
+            const newValue = [...value];
+            if (newIndex > oldIndex) {
+                newValue.splice(newIndex, 0, value[oldIndex]);
+                newValue.splice(oldIndex, 1);
+            }
+            else {
+                newValue.splice(newIndex, 0, ...newValue.splice(oldIndex, 1));
+            }
+            onChange(newValue);
+            setValue(newValue);
+        }
+    };
+    const removeDisabled = min !== undefined && value.length <= min;
+    return React.createElement(BaseControl, { ...baseControlProps, id: controlId },
+        React.createElement("div", { className: "plaudit-sortable-items-container", ref: containerRef },
+            ...value.map((datum, index) => React.createElement(React.Fragment, null,
+                React.createElement(SortableItemsDropZone, { position: index, dragging: dragging, dropZone: dropZone }),
+                React.createElement("div", { className: `plaudit-sortable-items-row${dragging === index ? " floating" : ""}`, "data-index": index, style: dragging === index ? { top: `${mouse[1]}px`, left: `${mouse[0]}px` } : {} },
+                    React.createElement("div", { className: "plaudit-sortable-items-drag-handle", onMouseDown: e => {
+                            e.preventDefault();
+                            setDragging(index);
+                            setMouse([e.nativeEvent.x, e.nativeEvent.y]);
+                        } },
+                        React.createElement(Icon, { icon: "move" })),
+                    React.createElement("div", null, makeChild(datum, datum => onChangeByIndex(datum, index))),
+                    React.createElement("div", { className: "plaudit-sortable-items-controls" },
+                        React.createElement(Button, { icon: "remove", disabled: removeDisabled, onClick: () => removeByIndex(index), "aria-label": "Remove" }))))),
+            React.createElement(SortableItemsDropZone, { position: value.length, dragging: dragging, dropZone: dropZone })),
+        React.createElement("div", null,
+            React.createElement(Button, { icon: "insert", disabled: max !== undefined && value.length >= max, onClick: () => {
+                    const newValue = [...value, emptyValue];
+                    onChange(newValue);
+                    setValue(newValue);
+                } }, "Add Row")));
+}
+function SortableItemsDropZone(props) {
+    return React.createElement("div", { "data-position": props.position, className: `drop-zone${props.dragging === null || props.position !== props.dropZone ? " plaudit-sortable-items-hidden" : ""}${props.position - 1 === props.dragging ? " dragging" : ""}` });
+}
+//# sourceMappingURL=SortableItemsControl.js.map

package/build/controls/SortableItemsControl.js.map

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

package/{src/controls/index.ts → build/controls/index.d.ts}

@@ -1,5 +1,6 @@
 export * from "./AsynchronousFormTokenField";
 export * from "./ExtendedPostPicker";
 export * from "./InspectorPanel";
+export * from "./LazySuggestionsComboboxControl";
 export * from "./SimpleToggle";
 export * from "./PickOne";

package/build/controls/index.js

@@ -1,6 +1,7 @@
 export * from "./AsynchronousFormTokenField";
 export * from "./ExtendedPostPicker";
 export * from "./InspectorPanel";
+export * from "./LazySuggestionsComboboxControl";
 export * from "./SimpleToggle";
 export * from "./PickOne";
 //# sourceMappingURL=index.js.map

package/build/controls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kCAAkC,CAAC;AACjD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC"}

package/build/controls/shared.d.ts

@@ -0,0 +1,8 @@
+export declare function requestPostsFromAPI(data: {
+    search?: string;
+    ids?: string;
+    postTypes?: string | undefined;
+}): Promise<{
+    id: string;
+    title: string;
+}[]>;

package/build/controls/shared.js

@@ -0,0 +1,7 @@
+import apiFetch from "@wordpress/api-fetch";
+import { addQueryArgs } from "@wordpress/url";
+export async function requestPostsFromAPI(data) {
+    return (await apiFetch({ path: addQueryArgs("/plaudit/common/v1/post-table-search", data) }))
+        .map(item => ({ id: item.id.toString(), title: item.title }));
+}
+//# sourceMappingURL=shared.js.map

package/build/controls/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/controls/shared.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5C,MAAM,CAAC,KAAK,UAAU,mBAAmB,CAAC,IAAmE;IAC5G,OAAO,CAAC,MAAM,QAAQ,CAAuC,EAAC,IAAI,EAAE,YAAY,CAAC,sCAAsC,EAAE,IAAI,CAAC,EAAC,CAAC,CAAC;SAC/H,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC,CAAC,CAAC;AAC9D,CAAC"}

package/build/controls/types.d.ts

@@ -0,0 +1,12 @@
+import type { BlockEditProps } from "@wordpress/blocks";
+export type SpecificValueBlockProps<T extends string, V> = {
+    attribute: T;
+    attributes: BlockEditProps<Record<T, V> & Record<string, unknown>>['attributes'];
+    setAttributes: BlockEditProps<any>['setAttributes'];
+};
+export type SimpleBlockControlProps<T extends string, V> = SpecificValueBlockProps<T, V> & {
+    label: string;
+};
+export type PickableOptions<V extends string | number, T extends object = {}> = Array<[V, string | ({
+    text: string;
+} & T)]>;

package/build/lib/plaudit-icons/column-1.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const iconColumn1: React.JSX.Element;

package/build/lib/plaudit-icons/column-1.js

@@ -1,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const iconColumn1 = _jsx("svg", { width: 34, height: 24, viewBox: "0 0 34 24", children: _jsx("path", { d: "M32 2H2v20h30V2zM2 0C.9 0 0 .9 0 2v20c0 1.1.9 2 2 2h30c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2H2z", fillRule: "evenodd", clipRule: "evenodd" }) });
+import React from "react";
+export const iconColumn1 = React.createElement("svg", { width: 34, height: 24, viewBox: "0 0 34 24" },
+    React.createElement("path", { d: "M32 2H2v20h30V2zM2 0C.9 0 0 .9 0 2v20c0 1.1.9 2 2 2h30c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2H2z", fillRule: "evenodd", clipRule: "evenodd" }));
 //# sourceMappingURL=column-1.js.map

package/build/lib/plaudit-icons/column-1.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-1.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/column-1.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,WAAW,GAAG,cAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,YACzE,eACC,CAAC,EAAC,2FAA2F,EAC7F,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GACpC,GACG,CAAC"}
+{"version":3,"file":"column-1.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/column-1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,6BAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW;IACzE,8BACC,CAAC,EAAC,2FAA2F,EAC7F,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GACpC,CACG,CAAC"}

package/build/lib/plaudit-icons/column-2.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const iconColumn2: React.JSX.Element;

package/build/lib/plaudit-icons/column-2.js

@@ -1,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const iconColumn2 = _jsx("svg", { width: 34, height: 24, viewBox: "0 0 34 24", children: _jsx("path", { d: "M32 0c1.1 0 2 .9 2 2v20c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2V2C0 .9.9 0 2 0h30zm0 22V2H18v20h14zm-16 0H2V2h14v20z", fillRule: "evenodd", clipRule: "evenodd" }) });
+import React from "react";
+export const iconColumn2 = React.createElement("svg", { width: 34, height: 24, viewBox: "0 0 34 24" },
+    React.createElement("path", { d: "M32 0c1.1 0 2 .9 2 2v20c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2V2C0 .9.9 0 2 0h30zm0 22V2H18v20h14zm-16 0H2V2h14v20z", fillRule: "evenodd", clipRule: "evenodd" }));
 //# sourceMappingURL=column-2.js.map

package/build/lib/plaudit-icons/column-2.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-2.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/column-2.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,WAAW,GAAG,cAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,YACzE,eACC,CAAC,EAAC,+GAA+G,EACjH,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GACpC,GACG,CAAC"}
+{"version":3,"file":"column-2.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/column-2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,6BAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW;IACzE,8BACC,CAAC,EAAC,+GAA+G,EACjH,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GACpC,CACG,CAAC"}

package/build/lib/plaudit-icons/column-3.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const iconColumn3: React.JSX.Element;

package/build/lib/plaudit-icons/column-3.js

@@ -1,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const iconColumn3 = _jsx("svg", { width: 34, height: 24, viewBox: "0 0 34 24", children: _jsx("path", { d: "M34 2c0-1.1-.9-2-2-2H2C.9 0 0 .9 0 2v20c0 1.1.9 2 2 2h30c1.1 0 2-.9 2-2V2zM21.5 22h-9V2h9v20zm2 0V2H32v20h-8.5zm-13 0H2V2h8.5v20z", fillRule: "evenodd", clipRule: "evenodd" }) });
+import React from "react";
+export const iconColumn3 = React.createElement("svg", { width: 34, height: 24, viewBox: "0 0 34 24" },
+    React.createElement("path", { d: "M34 2c0-1.1-.9-2-2-2H2C.9 0 0 .9 0 2v20c0 1.1.9 2 2 2h30c1.1 0 2-.9 2-2V2zM21.5 22h-9V2h9v20zm2 0V2H32v20h-8.5zm-13 0H2V2h8.5v20z", fillRule: "evenodd", clipRule: "evenodd" }));
 //# sourceMappingURL=column-3.js.map

package/build/lib/plaudit-icons/column-3.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-3.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/column-3.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,WAAW,GAAG,cAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,YACzE,eACC,CAAC,EAAC,mIAAmI,EACrI,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GACpC,GACG,CAAC"}
+{"version":3,"file":"column-3.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/column-3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,6BAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW;IACzE,8BACC,CAAC,EAAC,mIAAmI,EACrI,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GACpC,CACG,CAAC"}

package/build/lib/plaudit-icons/placement-center.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const placementCenter: React.JSX.Element;

package/build/lib/plaudit-icons/placement-center.js

@@ -1,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const placementCenter = _jsx("svg", { version: "1.1", x: "0px", y: "0px", focusable: false, viewBox: "0 0 24 24", enableBackground: "new 0 0 24 24", xmlSpace: "preserve", children: _jsx("path", { d: "M20,11h-5V4H9v7H4v1.5h5V20h6v-7.5h5V11z" }) });
+import React from "react";
+export const placementCenter = React.createElement("svg", { version: "1.1", x: "0px", y: "0px", focusable: false, viewBox: "0 0 24 24", enableBackground: "new 0 0 24 24", xmlSpace: "preserve" },
+    React.createElement("path", { d: "M20,11h-5V4H9v7H4v1.5h5V20h6v-7.5h5V11z" }));
 //# sourceMappingURL=placement-center.js.map

package/build/lib/plaudit-icons/placement-center.js.map

@@ -1 +1 @@
-{"version":3,"file":"placement-center.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/placement-center.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,cAAK,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,gBAAgB,EAAC,eAAe,EAAC,QAAQ,EAAC,UAAU,YAC3J,eAAM,CAAC,EAAC,yCAAyC,GAAG,GAC/C,CAAC"}
+{"version":3,"file":"placement-center.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/placement-center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,6BAAK,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,gBAAgB,EAAC,eAAe,EAAC,QAAQ,EAAC,UAAU;IAC3J,8BAAM,CAAC,EAAC,yCAAyC,GAAG,CAC/C,CAAC"}

package/build/lib/plaudit-icons/placement-end.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const placementEnd: React.JSX.Element;

package/build/lib/plaudit-icons/placement-end.js

@@ -1,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const placementEnd = _jsx("svg", { version: "1.1", x: "0px", y: "0px", focusable: false, viewBox: "0 0 24 24", enableBackground: "new 0 0 24 24", xmlSpace: "preserve", children: _jsx("path", { d: "M15,4H9v11h6V4z M4,18.5V20h16v-1.5H4z" }) });
+import React from "react";
+export const placementEnd = React.createElement("svg", { version: "1.1", x: "0px", y: "0px", focusable: false, viewBox: "0 0 24 24", enableBackground: "new 0 0 24 24", xmlSpace: "preserve" },
+    React.createElement("path", { d: "M15,4H9v11h6V4z M4,18.5V20h16v-1.5H4z" }));
 //# sourceMappingURL=placement-end.js.map

package/build/lib/plaudit-icons/placement-end.js.map

@@ -1 +1 @@
-{"version":3,"file":"placement-end.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/placement-end.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,cAAK,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,gBAAgB,EAAC,eAAe,EAAC,QAAQ,EAAC,UAAU,YACxJ,eAAM,CAAC,EAAC,uCAAuC,GAAG,GAC7C,CAAC"}
+{"version":3,"file":"placement-end.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/placement-end.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,6BAAK,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,gBAAgB,EAAC,eAAe,EAAC,QAAQ,EAAC,UAAU;IACxJ,8BAAM,CAAC,EAAC,uCAAuC,GAAG,CAC7C,CAAC"}

package/build/lib/plaudit-icons/placement-start.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const placementStart: React.JSX.Element;

package/build/lib/plaudit-icons/placement-start.js

@@ -1,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const placementStart = _jsx("svg", { version: "1.1", x: "0px", y: "0px", focusable: false, viewBox: "0 0 24 24", enableBackground: "new 0 0 24 24", xmlSpace: "preserve", children: _jsx("path", { d: "M9,20h6V9H9V20z M4,4v1.5h16V4H4z" }) });
+import React from "react";
+export const placementStart = React.createElement("svg", { version: "1.1", x: "0px", y: "0px", focusable: false, viewBox: "0 0 24 24", enableBackground: "new 0 0 24 24", xmlSpace: "preserve" },
+    React.createElement("path", { d: "M9,20h6V9H9V20z M4,4v1.5h16V4H4z" }));
 //# sourceMappingURL=placement-start.js.map

package/build/lib/plaudit-icons/placement-start.js.map

@@ -1 +1 @@
-{"version":3,"file":"placement-start.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/placement-start.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,cAAc,GAAG,cAAK,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,gBAAgB,EAAC,eAAe,EAAC,QAAQ,EAAC,UAAU,YAC1J,eAAM,CAAC,EAAC,kCAAkC,GAAG,GACxC,CAAC"}
+{"version":3,"file":"placement-start.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/placement-start.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,6BAAK,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,gBAAgB,EAAC,eAAe,EAAC,QAAQ,EAAC,UAAU;IAC1J,8BAAM,CAAC,EAAC,kCAAkC,GAAG,CACxC,CAAC"}

package/build/lib/plaudit-icons/placement-stretch.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const placementStretch: React.JSX.Element;

package/build/lib/plaudit-icons/placement-stretch.js

@@ -1,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const placementStretch = _jsx("svg", { version: "1.1", x: "0px", y: "0px", focusable: false, viewBox: "0 0 24 24", enableBackground: "new 0 0 24 24", xmlSpace: "preserve", children: _jsx("path", { d: "M8.8,6.5h6v11h-6V6.5z M4,18.5h16V20H4V18.5z M4,4h16v1.5H4V4z" }) });
+import React from "react";
+export const placementStretch = React.createElement("svg", { version: "1.1", x: "0px", y: "0px", focusable: false, viewBox: "0 0 24 24", enableBackground: "new 0 0 24 24", xmlSpace: "preserve" },
+    React.createElement("path", { d: "M8.8,6.5h6v11h-6V6.5z M4,18.5h16V20H4V18.5z M4,4h16v1.5H4V4z" }));
 //# sourceMappingURL=placement-stretch.js.map

package/build/lib/plaudit-icons/placement-stretch.js.map

@@ -1 +1 @@
-{"version":3,"file":"placement-stretch.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/placement-stretch.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG,cAAK,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,gBAAgB,EAAC,eAAe,EAAC,QAAQ,EAAC,UAAU,YAC5J,eAAM,CAAC,EAAC,8DAA8D,GAAG,GACpE,CAAC"}
+{"version":3,"file":"placement-stretch.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/placement-stretch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,6BAAK,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,gBAAgB,EAAC,eAAe,EAAC,QAAQ,EAAC,UAAU;IAC5J,8BAAM,CAAC,EAAC,8DAA8D,GAAG,CACpE,CAAC"}

package/build/lib/plaudit-icons/plaudit-icon.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const plauditIcon: React.JSX.Element;

package/build/lib/plaudit-icons/plaudit-icon.js

@@ -1,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const plauditIcon = _jsx("svg", { width: 24, height: 24, viewBox: "0 0 139 157.6", children: _jsx("path", { fill: "#d20000", d: "M83.3 39.1L101.6 9c2-3.2.9-7.1-2.4-8.5s-6.9.4-7.9 4l-9.7 33.9c-1.1 3.6-.3 4 1.7.7zm-43.9 19L9 40.5c-3.3-1.9-7.1-.7-8.5 2.6s.5 6.8 4.2 7.8l34.1 8.9c3.7 1 4 .2.6-1.7zm16.3-19c2 3.2 2.7 2.9 1.7-.7L47.6 4.5C46.5.8 43-1 39.7.5S35.3 5.8 37.3 9l18.4 30.1zm82.8 4c-1.4-3.3-5.2-4.5-8.5-2.6L99.5 58.1c-3.3 1.9-3 2.7.7 1.7l34.1-8.9c3.7-1 5.6-4.5 4.2-7.8zM88.8 57.7c-10.6-18.3-28-18.3-38.7 0l-38.7 66.6c-10.6 18.3-1.9 33.3 19.3 33.3h77.4c21.3 0 30-15 19.3-33.3L88.8 57.7zm-19.3 1c7.1 0 12.8 5.8 12.7 12.9s-5.8 12.8-12.9 12.7c-7 0-12.7-5.8-12.8-12.8.1-7.1 5.8-12.9 13-12.8zm32 91.2h-64c-17.6 0-24.8-8.1-16-18l32-35.9c8.8-9.9 23.2-9.9 32 0l32 35.9c8.8 9.9 1.6 17.9-16 18z" }) });
+import React from "react";
+export const plauditIcon = React.createElement("svg", { width: 24, height: 24, viewBox: "0 0 139 157.6" },
+    React.createElement("path", { fill: "#d20000", d: "M83.3 39.1L101.6 9c2-3.2.9-7.1-2.4-8.5s-6.9.4-7.9 4l-9.7 33.9c-1.1 3.6-.3 4 1.7.7zm-43.9 19L9 40.5c-3.3-1.9-7.1-.7-8.5 2.6s.5 6.8 4.2 7.8l34.1 8.9c3.7 1 4 .2.6-1.7zm16.3-19c2 3.2 2.7 2.9 1.7-.7L47.6 4.5C46.5.8 43-1 39.7.5S35.3 5.8 37.3 9l18.4 30.1zm82.8 4c-1.4-3.3-5.2-4.5-8.5-2.6L99.5 58.1c-3.3 1.9-3 2.7.7 1.7l34.1-8.9c3.7-1 5.6-4.5 4.2-7.8zM88.8 57.7c-10.6-18.3-28-18.3-38.7 0l-38.7 66.6c-10.6 18.3-1.9 33.3 19.3 33.3h77.4c21.3 0 30-15 19.3-33.3L88.8 57.7zm-19.3 1c7.1 0 12.8 5.8 12.7 12.9s-5.8 12.8-12.9 12.7c-7 0-12.7-5.8-12.8-12.8.1-7.1 5.8-12.9 13-12.8zm32 91.2h-64c-17.6 0-24.8-8.1-16-18l32-35.9c8.8-9.9 23.2-9.9 32 0l32 35.9c8.8 9.9 1.6 17.9-16 18z" }));
 //# sourceMappingURL=plaudit-icon.js.map

package/build/lib/plaudit-icons/plaudit-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"plaudit-icon.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/plaudit-icon.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,WAAW,GAAG,cAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,eAAe,YAC7E,eAAM,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,mpBAAmpB,GAAG,GACzpB,CAAC"}
+{"version":3,"file":"plaudit-icon.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/plaudit-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,6BAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,eAAe;IAC7E,8BAAM,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,mpBAAmpB,GAAG,CACzpB,CAAC"}

package/build/lib/plaudit-icons/reusable-block-marker.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const reusableBlockMarker: React.JSX.Element;

package/build/lib/plaudit-icons/reusable-block-marker.js

@@ -1,3 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const reusableBlockMarker = _jsx("svg", { viewBox: "0 0 24 24", children: _jsx("path", { d: "M21.3 10.8l-5.6-5.6c-.7-.7-1.8-.7-2.5 0l-5.6 5.6c-.7.7-.7 1.8 0 2.5l5.6 5.6c.3.3.8.5 1.2.5s.9-.2 1.2-.5l5.6-5.6c.8-.7.8-1.9.1-2.5zm-1 1.4l-5.6 5.6c-.1.1-.3.1-.4 0l-5.6-5.6c-.1-.1-.1-.3 0-.4l5.6-5.6s.1-.1.2-.1.1 0 .2.1l5.6 5.6c.1.1.1.3 0 .4zm-16.6-.4L10 5.5l-1-1-6.3 6.3c-.7.7-.7 1.8 0 2.5L9 19.5l1.1-1.1-6.3-6.3c-.2 0-.2-.2-.1-.3z" }) });
+import React from "react";
+export const reusableBlockMarker = React.createElement("svg", { viewBox: "0 0 24 24" },
+    React.createElement("path", { d: "M21.3 10.8l-5.6-5.6c-.7-.7-1.8-.7-2.5 0l-5.6 5.6c-.7.7-.7 1.8 0 2.5l5.6 5.6c.3.3.8.5 1.2.5s.9-.2 1.2-.5l5.6-5.6c.8-.7.8-1.9.1-2.5zm-1 1.4l-5.6 5.6c-.1.1-.3.1-.4 0l-5.6-5.6c-.1-.1-.1-.3 0-.4l5.6-5.6s.1-.1.2-.1.1 0 .2.1l5.6 5.6c.1.1.1.3 0 .4zm-16.6-.4L10 5.5l-1-1-6.3 6.3c-.7.7-.7 1.8 0 2.5L9 19.5l1.1-1.1-6.3-6.3c-.2 0-.2-.2-.1-.3z" }));
 //# sourceMappingURL=reusable-block-marker.js.map

package/build/lib/plaudit-icons/reusable-block-marker.js.map

@@ -1 +1 @@
-{"version":3,"file":"reusable-block-marker.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/reusable-block-marker.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,mBAAmB,GAAG,cAAK,OAAO,EAAC,WAAW,YAC1D,eAAM,CAAC,EAAC,4UAA4U,GAAG,GAClV,CAAA"}
+{"version":3,"file":"reusable-block-marker.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/reusable-block-marker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,mBAAmB,GAAG,6BAAK,OAAO,EAAC,WAAW;IAC1D,8BAAM,CAAC,EAAC,4UAA4U,GAAG,CAClV,CAAA"}

package/{src/lib/plaudit-icons.ts → build/lib/plaudit-icons.d.ts}

@@ -1,7 +1,3 @@
-// =============================================
-// Allows sharing of assets in block configurations
-// =============================================
-
 export * from './plaudit-icons/column-1';
 export * from './plaudit-icons/column-2';
 export * from './plaudit-icons/column-3';

package/package.json

@@ -1,38 +1,38 @@
 {
 	"name": "@plaudit/gutenberg-api-extensions",
-	"version": "2.8.0",
+	"version": "2.10.0",
 	"scripts": {
 		"prepublishOnly": "rm -rf build && mkdir build && tsc",
 		"build": "tsc",
 		"watch": "tsc -w"
 	},
-	"files": ["./build", "./src"],
+	"files": ["./build"],
 	"sideEffects": false,
 	"exports": {
 		"./lib/plaudit-icons": {
-			"types": "./src/lib/plaudit-icons.ts",
 			"default": "./build/lib/plaudit-icons.js"
 		},
 		"./blocks": {
-			"types": "./src/blocks/index.ts",
 			"default": "./build/blocks/index.js"
 		},
 		"./controls": {
-			"types": "./src/controls/index.ts",
 			"default": "./build/controls/index.js"
+		},
+		".": {
+			"default": "./build/index.js"
 		}
 	},
 	"dependencies": {
+		"@wordpress/block-editor": "^12.20.0",
+		"@wordpress/blocks": "^12.29.0",
+		"@wordpress/components": "^27.0.0",
+		"@wordpress/compose": "^6.29.0",
+		"@wordpress/core-data": "^6.29.0",
+		"@wordpress/data": "^9.22.0",
+		"@wordpress/element": "^5.29.0",
+		"@wordpress/hooks": "^3.52.0",
+		"@wordpress/i18n": "^4.52.0",
 		"debounce": "^2.0.0",
-		"@wordpress/block-editor": "^12.19.1",
-		"@wordpress/blocks": "^12.28.1",
-		"@wordpress/components": "^26.0.1",
-		"@wordpress/compose": "^6.28.0",
-		"@wordpress/core-data": "^6.28.1",
-		"@wordpress/data": "^9.21.0",
-		"@wordpress/element": "^5.28.0",
-		"@wordpress/hooks": "^3.51.0",
-		"@wordpress/i18n": "^4.51.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},