@brilo/base-blocks 0.1.51 → 0.1.54

package/build/blocks/accordion/accordion-group/edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/accordion/accordion-group/edit.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,wBAAwB,EAAE,qBAAqB,EAAwB,MAAM,SAAS,CAAA;AAEnG,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,qBAAqB,oCAIlE;IACD,UAAU,EAAE,wBAAwB,CAAA;IACpC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAA;CAC9D,iCA8BF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/accordion/accordion-group/edit.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAC,wBAAwB,EAAE,qBAAqB,EAAwB,MAAM,SAAS,CAAA;AAEnG,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,qBAAqB,oCAOlE;IACD,UAAU,EAAE,wBAAwB,CAAA;IACpC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAA;CAC9D,iCAwCF"}

package/build/blocks/accordion/accordion-group/edit.js

@@ -2,20 +2,26 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { InspectorControls } from '@wordpress/block-editor';
 import { PanelBody, SelectControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
+import { ItemSpacingPanel, itemSpacingStyle } from '../../../components/ItemSpacingControl';
+import { DEFAULT_SURFACE_SHADOWS, SurfaceStylePanel } from '../../../components/SurfaceStyleControl';
 import { useGroupBlock } from '../../../hooks/useGroupBlock';
 import { ACCORDION_HEADING_LEVELS } from './constants';
 export function createAccordionGroupEdit(options) {
+    var _a, _b;
+    const exclude = (_a = options.exclude) !== null && _a !== void 0 ? _a : [];
+    const shadows = (_b = options.shadows) !== null && _b !== void 0 ? _b : DEFAULT_SURFACE_SHADOWS;
     return function Edit({ attributes, setAttributes, }) {
         var _a, _b;
-        const { headingLevel } = attributes;
+        const { headingLevel, style, spacing } = attributes;
         const { blockProps, innerBlocksProps } = useGroupBlock({
             blockClassName: (_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'g-accordion wp-block-section',
             containerClassName: (_b = options.containerClassName) !== null && _b !== void 0 ? _b : 'g-accordion__items',
+            containerStyle: itemSpacingStyle(spacing),
             allowedBlocks: options.allowedBlocks,
             template: options.template,
             orientation: 'vertical',
             layout: { type: 'default' },
         });
-        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsx(PanelBody, { title: __('Nadpis', 'brilo-blocks'), children: _jsx(SelectControl, { label: __('Level nadpisu', 'brilo-blocks'), value: headingLevel, options: ACCORDION_HEADING_LEVELS.map((level) => ({ value: level, label: `H${level}` })), onChange: (value) => setAttributes({ headingLevel: value }) }) }) }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsx(PanelBody, { title: __('Nadpis', 'brilo-blocks'), children: _jsx(SelectControl, { label: __('Level nadpisu', 'brilo-blocks'), value: headingLevel, options: ACCORDION_HEADING_LEVELS.map((level) => ({ value: level, label: `H${level}` })), onChange: (value) => setAttributes({ headingLevel: value }) }) }), !exclude.includes('colors') && style && (_jsx(SurfaceStylePanel, { style: style, shadows: shadows, idPrefix: "accordion-group", onChange: (next) => setAttributes({ style: next }) })), _jsx(ItemSpacingPanel, { spacing: spacing, onChange: (v) => setAttributes({ spacing: v }) })] }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
     };
 }

package/build/blocks/accordion/accordion-group/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/accordion/accordion-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAC,wBAAwB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;AAE5E,YAAY,EAAC,wBAAwB,EAAE,qBAAqB,EAAC,CAAA;AAE7D,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,qBAAqB,GAAG,kBAAkB,CAAC,wBAAwB,CAAC,CAmBtH"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/accordion/accordion-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAMzD,OAAO,KAAK,EAAC,wBAAwB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;AAE5E,YAAY,EAAC,wBAAwB,EAAE,qBAAqB,EAAC,CAAA;AAE7D,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,qBAAqB,GAAG,kBAAkB,CAAC,wBAAwB,CAAC,CA6BtH"}

package/build/blocks/accordion/accordion-group/factory.js

@@ -1,25 +1,34 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { InnerBlocks } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
+import { ITEM_SPACING_ATTRIBUTE } from '../../../components/ItemSpacingControl';
+import { DEFAULT_SURFACE_SHADOWS, surfaceStyleAttribute } from '../../../components/SurfaceStyleControl';
 import { ACCORDION_HEADING_LEVELS } from './constants';
 import { createAccordionGroupEdit } from './edit';
 export function createAccordionGroupBlock(options) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
+    const exclude = (_a = options.exclude) !== null && _a !== void 0 ? _a : [];
+    const shadows = (_b = options.shadows) !== null && _b !== void 0 ? _b : DEFAULT_SURFACE_SHADOWS;
+    const attributes = {
+        headingLevel: {
+            type: 'string',
+            default: ACCORDION_HEADING_LEVELS[1],
+            enum: [...ACCORDION_HEADING_LEVELS],
+        },
+        ...ITEM_SPACING_ATTRIBUTE,
+    };
+    if (!exclude.includes('colors')) {
+        attributes.style = surfaceStyleAttribute(shadows);
+    }
     return {
         name: options.name,
-        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Accordion', 'brilo-blocks'),
+        title: (_c = options.title) !== null && _c !== void 0 ? _c : __('Accordion', 'brilo-blocks'),
         description: options.description,
-        category: (_b = options.category) !== null && _b !== void 0 ? _b : 'layout',
+        category: (_d = options.category) !== null && _d !== void 0 ? _d : 'layout',
         ...(options.parent && { parent: options.parent }),
-        icon: (_c = options.icon) !== null && _c !== void 0 ? _c : 'editor-ul',
+        icon: (_e = options.icon) !== null && _e !== void 0 ? _e : 'editor-ul',
         supports: { html: false, customClassName: false },
-        attributes: {
-            headingLevel: {
-                type: 'string',
-                default: ACCORDION_HEADING_LEVELS[1],
-                enum: [...ACCORDION_HEADING_LEVELS],
-            },
-        },
+        attributes,
         edit: createAccordionGroupEdit(options),
         save: () => _jsx(InnerBlocks.Content, {}),
     };

package/build/blocks/accordion/accordion-group/index.d.ts

@@ -1,4 +1,5 @@
-export type { AccordionGroupAttributes, AccordionGroupOptions, AccordionHeadingLevel } from './types';
+export type { AccordionGroupAttributes, AccordionGroupOptions, AccordionHeadingLevel, AccordionShadow, ExcludableAccordionAttr, } from './types';
+export { ACCORDION_HEADING_LEVELS } from './constants';
 export { createAccordionGroupBlock } from './factory';
 import type { AccordionGroupOptions } from './types';
 export declare const accordionGroupDefaults: AccordionGroupOptions;

package/build/blocks/accordion/accordion-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/accordion/accordion-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,wBAAwB,EAAE,qBAAqB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;AACnG,OAAO,EAAC,yBAAyB,EAAC,MAAM,WAAW,CAAA;AAEnD,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAA;AAElD,eAAO,MAAM,sBAAsB,EAAE,qBAKpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/accordion/accordion-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,EACf,uBAAuB,GACxB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAC,wBAAwB,EAAC,MAAM,aAAa,CAAA;AACpD,OAAO,EAAC,yBAAyB,EAAC,MAAM,WAAW,CAAA;AAEnD,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAA;AAElD,eAAO,MAAM,sBAAsB,EAAE,qBAKpC,CAAA"}

package/build/blocks/accordion/accordion-group/index.js

@@ -1,3 +1,4 @@
+export { ACCORDION_HEADING_LEVELS } from './constants';
 export { createAccordionGroupBlock } from './factory';
 export const accordionGroupDefaults = {
     name: 'brilo/accordion-group',

package/build/blocks/accordion/accordion-group/types.d.ts

@@ -1,9 +1,17 @@
+import type { SurfaceShadowOption, SurfaceStyle } from '../../../components/SurfaceStyleControl';
 import type { BriloBlockType } from '../../../types';
 import type { ACCORDION_HEADING_LEVELS } from './constants';
 export type AccordionHeadingLevel = (typeof ACCORDION_HEADING_LEVELS)[number];
+export type AccordionShadow = SurfaceStyle['shadow'];
+export type ExcludableAccordionAttr = 'colors';
 export interface AccordionGroupAttributes extends Record<string, unknown> {
     headingLevel: AccordionHeadingLevel;
+    style?: SurfaceStyle<string>;
+    spacing?: number;
 }
 export interface AccordionGroupOptions extends BriloBlockType {
+    exclude?: ExcludableAccordionAttr[];
+    /** Overrides the shared shadow presets — see `DEFAULT_SURFACE_SHADOWS`. */
+    shadows?: readonly SurfaceShadowOption[];
 }
 //# sourceMappingURL=types.d.ts.map

package/build/blocks/accordion/accordion-group/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/accordion/accordion-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,aAAa,CAAA;AAEzD,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7E,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACvE,YAAY,EAAE,qBAAqB,CAAA;CACpC;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/accordion/accordion-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAA;AACvF,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,aAAa,CAAA;AAEzD,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC7E,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAEpD,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAA;AAE9C,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACvE,YAAY,EAAE,qBAAqB,CAAA;IACnC,KAAK,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAA;IACnC,2EAA2E;IAC3E,OAAO,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAA;CACzC"}

package/build/blocks/career/job-position-group/JobPositionsSelectModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JobPositionsSelectModal.d.ts","sourceRoot":"","sources":["../../../../src/blocks/career/job-position-group/JobPositionsSelectModal.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqC,MAAM,OAAO,CAAA;AACzD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AA0G/C;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EAAC,aAAa,EAAE,QAAQ,EAAC,EAAE,kBAAkB,qBAuHpF"}
+{"version":3,"file":"JobPositionsSelectModal.d.ts","sourceRoot":"","sources":["../../../../src/blocks/career/job-position-group/JobPositionsSelectModal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAqC,MAAM,OAAO,CAAA;AACzD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AA0G/C;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EAAC,aAAa,EAAE,QAAQ,EAAC,EAAE,kBAAkB,qBAuHpF"}

package/build/blocks/career/job-position-group/JobPositionsSelectModal.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import apiFetch from '@wordpress/api-fetch';
 import { Button, Card, CardBody, __experimentalHStack as HStack, Modal, __experimentalVStack as VStack } from '@wordpress/components';
-import { DataViews } from '@wordpress/dataviews/wp';
+import { LazyDataViews as DataViews } from '../../../components/LazyDataViews/LazyDataViews';
 import { __ } from '@wordpress/i18n';
 import { arrowDown, arrowUp, close, plusCircle } from '@wordpress/icons';
 // biome-ignore lint/correctness/noUnusedImports: required in scope for classic JSX transform

package/build/blocks/document/documents-grid/DocumentsSelectModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentsSelectModal.d.ts","sourceRoot":"","sources":["../../../../src/blocks/document/documents-grid/DocumentsSelectModal.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqC,MAAM,OAAO,CAAA;AACzD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAgH/C;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,EAAC,aAAa,EAAE,QAAQ,EAAC,EAAE,kBAAkB,qBAiJjF"}
+{"version":3,"file":"DocumentsSelectModal.d.ts","sourceRoot":"","sources":["../../../../src/blocks/document/documents-grid/DocumentsSelectModal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAqC,MAAM,OAAO,CAAA;AACzD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAgH/C;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,EAAC,aAAa,EAAE,QAAQ,EAAC,EAAE,kBAAkB,qBAiJjF"}

package/build/blocks/document/documents-grid/DocumentsSelectModal.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import apiFetch from '@wordpress/api-fetch';
 import { Button, Card, CardBody, __experimentalHStack as HStack, Modal, __experimentalVStack as VStack } from '@wordpress/components';
-import { DataViews } from '@wordpress/dataviews/wp';
+import { LazyDataViews as DataViews } from '../../../components/LazyDataViews/LazyDataViews';
 import { __ } from '@wordpress/i18n';
 import { arrowDown, arrowUp, close, plusCircle } from '@wordpress/icons';
 // biome-ignore lint/correctness/noUnusedImports: required in scope for classic JSX transform

package/build/blocks/faq/faq-group/constants.d.ts

@@ -15,16 +15,6 @@ export declare const DEFAULT_ICON_VARIANTS: readonly [{
     readonly value: 'message';
     readonly label: import("@wordpress/i18n").TransformedText<"Zpráva">;
 }];
-export declare const DEFAULT_SHADOWS: readonly [{
-    readonly value: 'none';
-    readonly label: import("@wordpress/i18n").TransformedText<"Žádný">;
-}, {
-    readonly value: 'sm';
-    readonly label: import("@wordpress/i18n").TransformedText<"Malý">;
-}, {
-    readonly value: 'md';
-    readonly label: import("@wordpress/i18n").TransformedText<"Střední">;
-}];
 export declare const DEFAULT_ICON_SIZE = 24;
 export declare const ICON_SIZE_MIN = 12;
 export declare const ICON_SIZE_MAX = 64;

package/build/blocks/faq/faq-group/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/faq/faq-group/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,YAAI,GAAG,EAAE,GAAG,CAAU,CAAA;AAErD,eAAO,MAAM,qBAAqB;aAC/B,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,UAAU;aAAE,KAAK;;aACxB,KAAK,EAAE,aAAa;aAAE,KAAK;;aAC3B,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,SAAS;aAAE,KAAK;EAChB,CAAA;AAEV,eAAO,MAAM,eAAe;aACzB,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,IAAI;aAAE,KAAK;;aAClB,KAAK,EAAE,IAAI;aAAE,KAAK;EACX,CAAA;AAEV,eAAO,MAAM,iBAAiB,KAAK,CAAA;AACnC,eAAO,MAAM,aAAa,KAAK,CAAA;AAC/B,eAAO,MAAM,aAAa,KAAK,CAAA;AAE/B,eAAO,MAAM,yBAAyB;aACnC,KAAK,EAAE,EAAE;aAAE,KAAK;;aAChB,KAAK,EAAE,EAAE;aAAE,KAAK;;aAChB,KAAK,EAAE,EAAE;aAAE,KAAK;;aAChB,KAAK,EAAE,EAAE;aAAE,KAAK;;aAChB,KAAK,EAAE,EAAE;aAAE,KAAK;EACT,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/faq/faq-group/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,YAAI,GAAG,EAAE,GAAG,CAAU,CAAA;AAErD,eAAO,MAAM,qBAAqB;aAC/B,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,UAAU;aAAE,KAAK;;aACxB,KAAK,EAAE,aAAa;aAAE,KAAK;;aAC3B,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,SAAS;aAAE,KAAK;EAChB,CAAA;AAEV,eAAO,MAAM,iBAAiB,KAAK,CAAA;AACnC,eAAO,MAAM,aAAa,KAAK,CAAA;AAC/B,eAAO,MAAM,aAAa,KAAK,CAAA;AAE/B,eAAO,MAAM,yBAAyB;aACnC,KAAK,EAAE,EAAE;aAAE,KAAK;;aAChB,KAAK,EAAE,EAAE;aAAE,KAAK;;aAChB,KAAK,EAAE,EAAE;aAAE,KAAK;;aAChB,KAAK,EAAE,EAAE;aAAE,KAAK;;aAChB,KAAK,EAAE,EAAE;aAAE,KAAK;EACT,CAAA"}

package/build/blocks/faq/faq-group/constants.js

@@ -7,11 +7,6 @@ export const DEFAULT_ICON_VARIANTS = [
     { value: 'info', label: __('Informace', 'brilo-blocks') },
     { value: 'message', label: __('Zpráva', 'brilo-blocks') },
 ];
-export const DEFAULT_SHADOWS = [
-    { value: 'none', label: __('Žádný', 'brilo-blocks') },
-    { value: 'sm', label: __('Malý', 'brilo-blocks') },
-    { value: 'md', label: __('Střední', 'brilo-blocks') },
-];
 export const DEFAULT_ICON_SIZE = 24;
 export const ICON_SIZE_MIN = 12;
 export const ICON_SIZE_MAX = 64;

package/build/blocks/faq/faq-group/edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/faq/faq-group/edit.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAA4D,MAAM,SAAS,CAAA;AA+B3H,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,oCAQtD;IACD,UAAU,EAAE,kBAAkB,CAAA;IAC9B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;CACxD,iCA0GF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/faq/faq-group/edit.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAiD,MAAM,SAAS,CAAA;AA+BhH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,oCAStD;IACD,UAAU,EAAE,kBAAkB,CAAA;IAC9B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;CACxD,iCA2EF"}

package/build/blocks/faq/faq-group/edit.js

@@ -1,19 +1,21 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InspectorControls } from '@wordpress/block-editor';
-import { BaseControl, Button, ColorPalette, PanelBody, RangeControl, SelectControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
+import { BaseControl, Button, ColorPalette, PanelBody, RangeControl, SelectControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { ItemSpacingPanel, itemSpacingStyle } from '../../../components/ItemSpacingControl';
+import { DEFAULT_SURFACE_SHADOWS, SurfaceStylePanel } from '../../../components/SurfaceStyleControl';
 import { useGroupBlock } from '../../../hooks/useGroupBlock';
 import { useTenantColorPalette } from '../../../hooks/useTenantColorPalette';
-import { DEFAULT_ICON_SIZE_PRESETS, DEFAULT_ICON_VARIANTS, DEFAULT_SHADOWS, FAQ_HEADING_LEVELS, ICON_SIZE_MAX, ICON_SIZE_MIN, } from './constants';
+import { DEFAULT_ICON_SIZE_PRESETS, DEFAULT_ICON_VARIANTS, FAQ_HEADING_LEVELS, ICON_SIZE_MAX, ICON_SIZE_MIN } from './constants';
 function PresetSizeControl({ label, value, presets, min, max, onChange, }) {
     return (_jsxs(BaseControl, { label: label, id: `faq-group-size-${label}`, children: [_jsx("div", { style: { display: 'flex', gap: 4, marginBottom: 8, flexWrap: 'wrap' }, children: presets.map((p) => (_jsx(Button, { variant: value === p.value ? 'primary' : 'secondary', size: "small", onClick: () => onChange(p.value), children: p.label }, p.label))) }), _jsx(RangeControl, { value: value, onChange: (v) => onChange(v !== null && v !== void 0 ? v : min), min: min, max: max, step: 1, withInputField: true })] }));
 }
 export function createFaqGroupEdit(options) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const ICON_VARIANTS = (_a = options.iconVariants) !== null && _a !== void 0 ? _a : DEFAULT_ICON_VARIANTS;
     const ICON_SIZE_PRESETS = (_b = options.iconSizePresets) !== null && _b !== void 0 ? _b : DEFAULT_ICON_SIZE_PRESETS;
     const exclude = (_c = options.exclude) !== null && _c !== void 0 ? _c : [];
+    const shadows = (_d = options.shadows) !== null && _d !== void 0 ? _d : DEFAULT_SURFACE_SHADOWS;
     return function Edit({ attributes, setAttributes, }) {
         var _a, _b;
         const { headingLevel, iconVariant, style, spacing } = attributes;
@@ -27,6 +29,6 @@ export function createFaqGroupEdit(options) {
             orientation: 'vertical',
             layout: { type: 'default' },
         });
-        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsx(PanelBody, { title: __('Nadpis', 'brilo-blocks'), children: _jsx(SelectControl, { label: __('Level nadpisu FAQ', 'brilo-blocks'), value: headingLevel, options: FAQ_HEADING_LEVELS.map((level) => ({ value: level, label: `H${level}` })), onChange: (value) => setAttributes({ headingLevel: value }) }) }), _jsxs(PanelBody, { title: __('Ikona', 'brilo-blocks'), children: [_jsx(SelectControl, { label: __('Typ ikonky', 'brilo-blocks'), value: iconVariant, options: ICON_VARIANTS.map((v) => ({ value: v.value, label: v.label })), onChange: (value) => setAttributes({ iconVariant: value }) }), !exclude.includes('colors') && style && (_jsxs(_Fragment, { children: [_jsx(PresetSizeControl, { label: __('Velikost', 'brilo-blocks'), value: style.icon.size, presets: ICON_SIZE_PRESETS, min: ICON_SIZE_MIN, max: ICON_SIZE_MAX, onChange: (v) => setAttributes({ style: { ...style, icon: { ...style.icon, size: v } } }) }), _jsx(BaseControl, { label: __('Barva', 'brilo-blocks'), id: "faq-group-icon-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.icon.color || undefined, onChange: (value) => setAttributes({ style: { ...style, icon: { ...style.icon, color: value !== null && value !== void 0 ? value : '' } } }) }) }), _jsx(BaseControl, { label: __('Pozadí', 'brilo-blocks'), id: "faq-group-icon-background-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.icon.background || undefined, onChange: (value) => setAttributes({ style: { ...style, icon: { ...style.icon, background: value !== null && value !== void 0 ? value : '' } } }) }) })] }))] }), !exclude.includes('colors') && style && (_jsxs(PanelBody, { title: __('Styl', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Stín', 'brilo-blocks'), value: style.shadow, onChange: (v) => setAttributes({ style: { ...style, shadow: v } }), children: DEFAULT_SHADOWS.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }), _jsx(BaseControl, { label: __('Barva okraje', 'brilo-blocks'), help: __('Bez vybrané barvy se okraj nevykreslí.', 'brilo-blocks'), id: "faq-group-border-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.borderColor || undefined, onChange: (value) => setAttributes({ style: { ...style, borderColor: value !== null && value !== void 0 ? value : '' } }) }) }), _jsx(BaseControl, { label: __('Barva pozadí', 'brilo-blocks'), id: "faq-group-background-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.backgroundColor || undefined, onChange: (value) => setAttributes({ style: { ...style, backgroundColor: value !== null && value !== void 0 ? value : '' } }) }) }), _jsx(BaseControl, { label: __('Barva textu', 'brilo-blocks'), id: "faq-group-text-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.textColor || undefined, onChange: (value) => setAttributes({ style: { ...style, textColor: value !== null && value !== void 0 ? value : '' } }) }) })] })), _jsx(ItemSpacingPanel, { spacing: spacing, onChange: (v) => setAttributes({ spacing: v }) })] }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsx(PanelBody, { title: __('Nadpis', 'brilo-blocks'), children: _jsx(SelectControl, { label: __('Level nadpisu FAQ', 'brilo-blocks'), value: headingLevel, options: FAQ_HEADING_LEVELS.map((level) => ({ value: level, label: `H${level}` })), onChange: (value) => setAttributes({ headingLevel: value }) }) }), _jsxs(PanelBody, { title: __('Ikona', 'brilo-blocks'), children: [_jsx(SelectControl, { label: __('Typ ikonky', 'brilo-blocks'), value: iconVariant, options: ICON_VARIANTS.map((v) => ({ value: v.value, label: v.label })), onChange: (value) => setAttributes({ iconVariant: value }) }), !exclude.includes('colors') && style && (_jsxs(_Fragment, { children: [_jsx(PresetSizeControl, { label: __('Velikost', 'brilo-blocks'), value: style.icon.size, presets: ICON_SIZE_PRESETS, min: ICON_SIZE_MIN, max: ICON_SIZE_MAX, onChange: (v) => setAttributes({ style: { ...style, icon: { ...style.icon, size: v } } }) }), _jsx(BaseControl, { label: __('Barva', 'brilo-blocks'), id: "faq-group-icon-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.icon.color || undefined, onChange: (value) => setAttributes({ style: { ...style, icon: { ...style.icon, color: value !== null && value !== void 0 ? value : '' } } }) }) }), _jsx(BaseControl, { label: __('Pozadí', 'brilo-blocks'), id: "faq-group-icon-background-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.icon.background || undefined, onChange: (value) => setAttributes({ style: { ...style, icon: { ...style.icon, background: value !== null && value !== void 0 ? value : '' } } }) }) })] }))] }), !exclude.includes('colors') && style && (_jsx(SurfaceStylePanel, { style: style, shadows: shadows, idPrefix: "faq-group", onChange: (next) => setAttributes({ style: { ...style, ...next } }) })), _jsx(ItemSpacingPanel, { spacing: spacing, onChange: (v) => setAttributes({ spacing: v }) })] }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
     };
 }

package/build/blocks/faq/faq-group/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/faq/faq-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AACxC,OAAO,EAAoB,qBAAqB,EAAsC,MAAM,aAAa,CAAA;AAEzG,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAEhE,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,CAAA;AAEjD,wBAAgB,mBAAmB,CAAC,aAAa,SAAS,WAAW,GAAG,OAAO,qBAAqB,EAClG,OAAO,EAAE,eAAe,CAAC,aAAa,CAAC,GACtC,kBAAkB,CAAC,kBAAkB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CA+CxE"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/faq/faq-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AAExC,OAAO,EAAoB,qBAAqB,EAAqB,MAAM,aAAa,CAAA;AAExF,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAEhE,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,CAAA;AAEjD,wBAAgB,mBAAmB,CAAC,aAAa,SAAS,WAAW,GAAG,OAAO,qBAAqB,EAClG,OAAO,EAAE,eAAe,CAAC,aAAa,CAAC,GACtC,kBAAkB,CAAC,kBAAkB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CA8CxE"}

package/build/blocks/faq/faq-group/factory.js

@@ -2,11 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { InnerBlocks } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
 import { ITEM_SPACING_ATTRIBUTE } from '../../../components/ItemSpacingControl';
-import { DEFAULT_ICON_SIZE, DEFAULT_ICON_VARIANTS, DEFAULT_SHADOWS, FAQ_HEADING_LEVELS } from './constants';
+import { DEFAULT_SURFACE_SHADOWS, surfaceStyleAttribute } from '../../../components/SurfaceStyleControl';
+import { DEFAULT_ICON_SIZE, DEFAULT_ICON_VARIANTS, FAQ_HEADING_LEVELS } from './constants';
 import { createFaqGroupEdit } from './edit';
 export function createFaqGroupBlock(options) {
     var _a;
-    var _b, _c, _d, _e, _f, _g;
+    var _b, _c, _d, _e, _f, _g, _h;
     const iconVariants = (_b = options.iconVariants) !== null && _b !== void 0 ? _b : DEFAULT_ICON_VARIANTS;
     const exclude = (_c = options.exclude) !== null && _c !== void 0 ? _c : [];
     const attributes = {
@@ -23,13 +24,11 @@ export function createFaqGroupBlock(options) {
         ...ITEM_SPACING_ATTRIBUTE,
     };
     if (!exclude.includes('colors')) {
+        const surfaceStyle = surfaceStyleAttribute((_e = options.shadows) !== null && _e !== void 0 ? _e : DEFAULT_SURFACE_SHADOWS);
         attributes.style = {
-            type: 'object',
+            ...surfaceStyle,
             default: {
-                shadow: DEFAULT_SHADOWS[0].value,
-                borderColor: '',
-                backgroundColor: '',
-                textColor: '',
+                ...surfaceStyle.default,
                 icon: {
                     color: '',
                     background: '',
@@ -40,11 +39,11 @@ export function createFaqGroupBlock(options) {
     }
     return {
         name: options.name,
-        title: (_e = options.title) !== null && _e !== void 0 ? _e : __('FAQ', 'brilo-blocks'),
+        title: (_f = options.title) !== null && _f !== void 0 ? _f : __('FAQ', 'brilo-blocks'),
         description: options.description,
-        category: (_f = options.category) !== null && _f !== void 0 ? _f : 'layout',
+        category: (_g = options.category) !== null && _g !== void 0 ? _g : 'layout',
         ...(options.parent && { parent: options.parent }),
-        icon: (_g = options.icon) !== null && _g !== void 0 ? _g : 'editor-help',
+        icon: (_h = options.icon) !== null && _h !== void 0 ? _h : 'editor-help',
         supports: { html: false, customClassName: false },
         attributes,
         edit: createFaqGroupEdit(options),

package/build/blocks/faq/faq-group/types.d.ts

@@ -1,8 +1,9 @@
+import type { SurfaceShadowOption, SurfaceStyle } from '../../../components/SurfaceStyleControl';
 import type { BriloBlockType, OptionArray } from '../../../types';
-import type { DEFAULT_ICON_VARIANTS, DEFAULT_SHADOWS, FAQ_HEADING_LEVELS } from './constants';
+import type { DEFAULT_ICON_VARIANTS, FAQ_HEADING_LEVELS } from './constants';
 export type FaqHeadingLevel = (typeof FAQ_HEADING_LEVELS)[number];
 export type FaqIconVariant = (typeof DEFAULT_ICON_VARIANTS)[number]['value'];
-export type FaqShadow = (typeof DEFAULT_SHADOWS)[number]['value'];
+export type FaqShadow = SurfaceStyle['shadow'];
 export type ExcludableFaqAttr = 'colors';
 export interface FaqSizePreset {
     value: number;
@@ -11,11 +12,7 @@ export interface FaqSizePreset {
 export interface FaqGroupAttributes<TIconVariant extends string = FaqIconVariant> extends Record<string, unknown> {
     headingLevel: FaqHeadingLevel;
     iconVariant: TIconVariant;
-    style: {
-        shadow: FaqShadow;
-        borderColor: string;
-        backgroundColor: string;
-        textColor: string;
+    style: SurfaceStyle<string> & {
         icon: {
             color: string;
             background: string;
@@ -28,5 +25,7 @@ export interface FaqGroupOptions<TIconVariants extends OptionArray = typeof DEFA
     iconVariants?: TIconVariants;
     iconSizePresets?: readonly FaqSizePreset[];
     exclude?: ExcludableFaqAttr[];
+    /** Overrides the shared shadow presets — see `DEFAULT_SURFACE_SHADOWS`. */
+    shadows?: readonly SurfaceShadowOption[];
 }
 //# sourceMappingURL=types.d.ts.map

package/build/blocks/faq/faq-group/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/faq/faq-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACxD,OAAO,KAAK,EAAC,qBAAqB,EAAE,eAAe,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAA;AAE3F,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;AACjE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAC5E,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAEjE,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAA;AAExC,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,kBAAkB,CAAC,YAAY,SAAS,MAAM,GAAG,cAAc,CAAE,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/G,YAAY,EAAE,eAAe,CAAA;IAC7B,WAAW,EAAE,YAAY,CAAA;IACzB,KAAK,EAAE;QACL,MAAM,EAAE,SAAS,CAAA;QACjB,WAAW,EAAE,MAAM,CAAA;QACnB,eAAe,EAAE,MAAM,CAAA;QACvB,SAAS,EAAE,MAAM,CAAA;QACjB,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAA;YACb,UAAU,EAAE,MAAM,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;SACb,CAAA;KACF,CAAA;IACD,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,eAAe,CAAC,aAAa,SAAS,WAAW,GAAG,OAAO,qBAAqB,CAAE,SAAQ,cAAc;IACvH,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,eAAe,CAAC,EAAE,SAAS,aAAa,EAAE,CAAA;IAC1C,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAA;CAC9B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/faq/faq-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAA;AACvF,OAAO,KAAK,EAAC,cAAc,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACxD,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAA;AAE1E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;AACjE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAC5E,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAE9C,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAA;AAExC,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,kBAAkB,CAAC,YAAY,SAAS,MAAM,GAAG,cAAc,CAAE,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/G,YAAY,EAAE,eAAe,CAAA;IAC7B,WAAW,EAAE,YAAY,CAAA;IACzB,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG;QAC5B,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAA;YACb,UAAU,EAAE,MAAM,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;SACb,CAAA;KACF,CAAA;IACD,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,eAAe,CAAC,aAAa,SAAS,WAAW,GAAG,OAAO,qBAAqB,CAAE,SAAQ,cAAc;IACvH,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,eAAe,CAAC,EAAE,SAAS,aAAa,EAAE,CAAA;IAC1C,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC7B,2EAA2E;IAC3E,OAAO,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAA;CACzC"}

package/build/blocks/layout/box/constants.d.ts

@@ -0,0 +1,12 @@
+import type { ReactElement } from 'react';
+import type { BoxSpacingSide } from './types';
+/** Sides shared by the padding and margin panels, in CSS shorthand order. */
+export declare const BOX_SPACING_SIDES: readonly {
+    value: BoxSpacingSide;
+    label: string;
+    icon: ReactElement;
+}[];
+export declare const BOX_SPACING_MAX = 120;
+export declare const BOX_BORDER_WIDTH_MAX = 20;
+export declare const BOX_BORDER_RADIUS_MAX = 64;
+//# sourceMappingURL=constants.d.ts.map

package/build/blocks/layout/box/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/box/constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,6EAA6E;AAC7E,eAAO,MAAM,iBAAiB,EAAE,SAAS;IAAC,KAAK,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,YAAY,CAAA;CAAC,EAKzF,CAAA;AAKV,eAAO,MAAM,eAAe,MAAM,CAAA;AAClC,eAAO,MAAM,oBAAoB,KAAK,CAAA;AACtC,eAAO,MAAM,qBAAqB,KAAK,CAAA"}

package/build/blocks/layout/box/constants.js

@@ -0,0 +1,15 @@
+import { __ } from '@wordpress/i18n';
+import { justifyBottom, justifyLeft, justifyRight, justifyTop } from '@wordpress/icons';
+/** Sides shared by the padding and margin panels, in CSS shorthand order. */
+export const BOX_SPACING_SIDES = [
+    { value: 'top', label: __('Nahoře', 'brilo-blocks'), icon: justifyTop },
+    { value: 'right', label: __('Vpravo', 'brilo-blocks'), icon: justifyRight },
+    { value: 'bottom', label: __('Dole', 'brilo-blocks'), icon: justifyBottom },
+    { value: 'left', label: __('Vlevo', 'brilo-blocks'), icon: justifyLeft },
+];
+// All box lengths are plain pixel numbers — the same convention as the shared
+// `spacing` attribute — so the editor needs no unit picker and the template
+// appends the unit.
+export const BOX_SPACING_MAX = 120;
+export const BOX_BORDER_WIDTH_MAX = 20;
+export const BOX_BORDER_RADIUS_MAX = 64;

package/build/blocks/layout/box/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/box/controls.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,aAAa,EAAkB,MAAM,SAAS,CAAA;AAY3D,UAAU,gBAAgB;IACxB,UAAU,EAAE,aAAa,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;CACvD;AAED,wBAAgB,WAAW,CAAC,EAAC,UAAU,EAAE,aAAa,EAAC,EAAE,gBAAgB,+BAwCxE"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/box/controls.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,aAAa,EAAa,MAAM,SAAS,CAAA;AAEtD,UAAU,gBAAgB;IACxB,UAAU,EAAE,aAAa,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;CACvD;AAuBD,wBAAgB,WAAW,CAAC,EAAC,UAAU,EAAE,aAAa,EAAC,EAAE,gBAAgB,+BAmDxE"}

package/build/blocks/layout/box/controls.js

@@ -1,13 +1,14 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as blockEditor from '@wordpress/block-editor';
 import { ColorPalette, ContrastChecker } from '@wordpress/block-editor';
-import { BoxControl, PanelBody, __experimentalUnitControl as UnitControl } from '@wordpress/components';
+import { PanelBody, RangeControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useTenantColorPalette } from '../../../hooks/useTenantColorPalette';
-const BorderRadiusControl = blockEditor
-    .__experimentalBorderRadiusControl;
+import { BOX_BORDER_RADIUS_MAX, BOX_BORDER_WIDTH_MAX, BOX_SPACING_MAX, BOX_SPACING_SIDES } from './constants';
+function SpacingPanel({ title, values, onChange }) {
+    return (_jsx(PanelBody, { title: title, children: BOX_SPACING_SIDES.map((side) => (_jsx(RangeControl, { label: side.label, beforeIcon: side.icon, value: values === null || values === void 0 ? void 0 : values[side.value], onChange: (v) => onChange({ ...values, [side.value]: v }), min: 0, max: BOX_SPACING_MAX, step: 1, allowReset: true, withInputField: true }, side.value))) }));
+}
 export function BoxControls({ attributes, setAttributes }) {
     const { padding, margin, borderRadius, borderWidth, borderColor, background, textColor } = attributes;
     const { paletteColors, resolveHex } = useTenantColorPalette();
-    return (_jsxs(_Fragment, { children: [_jsxs(PanelBody, { title: __('Rozestupy', 'brilo-blocks'), children: [_jsx(BoxControl, { label: __('Padding', 'brilo-blocks'), values: padding, onChange: (next) => setAttributes({ padding: next }) }), _jsx(BoxControl, { label: __('Margin', 'brilo-blocks'), values: margin, onChange: (next) => setAttributes({ margin: next }) })] }), _jsxs(PanelBody, { title: __('Ohraničení', 'brilo-blocks'), children: [_jsx(UnitControl, { label: __('Šířka okraje', 'brilo-blocks'), value: borderWidth, min: 0, onChange: (next) => { var _a; return setAttributes({ borderWidth: (_a = next) !== null && _a !== void 0 ? _a : '' }); } }), _jsx("p", { children: __('Barva okraje', 'brilo-blocks') }), _jsx(ColorPalette, { colors: paletteColors, value: borderColor || undefined, onChange: (value) => setAttributes({ borderColor: value !== null && value !== void 0 ? value : '' }) }), _jsx(BorderRadiusControl, { values: borderRadius, onChange: (next) => setAttributes({ borderRadius: next !== null && next !== void 0 ? next : '' }) })] }), _jsxs(PanelBody, { title: __('Barvy', 'brilo-blocks'), children: [_jsx("p", { children: __('Pozadí', 'brilo-blocks') }), _jsx(ColorPalette, { colors: paletteColors, value: background || undefined, onChange: (value) => setAttributes({ background: value !== null && value !== void 0 ? value : '' }) }), _jsx("p", { children: __('Barva textu', 'brilo-blocks') }), _jsx(ColorPalette, { colors: paletteColors, value: textColor || undefined, onChange: (value) => setAttributes({ textColor: value !== null && value !== void 0 ? value : '' }) }), !!background && !!textColor && _jsx(ContrastChecker, { backgroundColor: resolveHex(background), textColor: resolveHex(textColor) })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(SpacingPanel, { title: __('Padding', 'brilo-blocks'), values: padding, onChange: (next) => setAttributes({ padding: next }) }), _jsx(SpacingPanel, { title: __('Margin', 'brilo-blocks'), values: margin, onChange: (next) => setAttributes({ margin: next }) }), _jsxs(PanelBody, { title: __('Ohraničení', 'brilo-blocks'), children: [_jsx(RangeControl, { label: __('Šířka okraje', 'brilo-blocks'), value: borderWidth, onChange: (v) => setAttributes({ borderWidth: v !== null && v !== void 0 ? v : 0 }), min: 0, max: BOX_BORDER_WIDTH_MAX, step: 1, allowReset: true, withInputField: true }), _jsx("p", { children: __('Barva okraje', 'brilo-blocks') }), _jsx(ColorPalette, { colors: paletteColors, value: borderColor || undefined, onChange: (value) => setAttributes({ borderColor: value !== null && value !== void 0 ? value : '' }) }), _jsx(RangeControl, { label: __('Zaoblení rohů', 'brilo-blocks'), value: borderRadius, onChange: (v) => setAttributes({ borderRadius: v !== null && v !== void 0 ? v : 0 }), min: 0, max: BOX_BORDER_RADIUS_MAX, step: 1, allowReset: true, withInputField: true })] }), _jsxs(PanelBody, { title: __('Barvy', 'brilo-blocks'), children: [_jsx("p", { children: __('Pozadí', 'brilo-blocks') }), _jsx(ColorPalette, { colors: paletteColors, value: background || undefined, onChange: (value) => setAttributes({ background: value !== null && value !== void 0 ? value : '' }) }), _jsx("p", { children: __('Barva textu', 'brilo-blocks') }), _jsx(ColorPalette, { colors: paletteColors, value: textColor || undefined, onChange: (value) => setAttributes({ textColor: value !== null && value !== void 0 ? value : '' }) }), !!background && !!textColor && _jsx(ContrastChecker, { backgroundColor: resolveHex(background), textColor: resolveHex(textColor) })] })] }));
 }

package/build/blocks/layout/box/deprecated.d.ts

@@ -0,0 +1,71 @@
+import type { BoxSpacingSide } from './types';
+interface LegacySpacing {
+    top?: string;
+    right?: string;
+    bottom?: string;
+    left?: string;
+}
+interface LegacyBorderRadius {
+    topLeft?: string;
+    topRight?: string;
+    bottomLeft?: string;
+    bottomRight?: string;
+}
+export interface LegacyBoxAttributes extends Record<string, unknown> {
+    padding: LegacySpacing;
+    margin: LegacySpacing;
+    borderRadius: string | LegacyBorderRadius;
+    borderWidth: string;
+    borderColor: string;
+    background: string;
+    textColor: string;
+}
+export declare const boxDeprecated: {
+    attributes: {
+        padding: {
+            type: string;
+            default: {};
+        };
+        margin: {
+            type: string;
+            default: {};
+        };
+        borderRadius: {
+            type: string[];
+            default: string;
+        };
+        borderWidth: {
+            type: string;
+            default: string;
+        };
+        borderColor: {
+            type: string;
+            default: string;
+        };
+        background: {
+            type: string;
+            default: string;
+        };
+        textColor: {
+            type: string;
+            default: string;
+        };
+    };
+    supports: {
+        html: boolean;
+        customClassName: boolean;
+    };
+    isEligible: (attributes: Record<string, unknown>) => boolean;
+    migrate: (attributes: Record<string, unknown>) => {
+        borderColor: string;
+        background: string;
+        textColor: string;
+        padding: Partial<Record<BoxSpacingSide, number>>;
+        margin: Partial<Record<BoxSpacingSide, number>>;
+        borderRadius: number;
+        borderWidth: number;
+    };
+    save: () => import("react").JSX.Element;
+}[];
+export {};
+//# sourceMappingURL=deprecated.d.ts.map

package/build/blocks/layout/box/deprecated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/box/deprecated.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,cAAc,EAAC,MAAM,SAAS,CAAA;AAavD,UAAU,aAAa;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,OAAO,EAAE,aAAa,CAAA;IACtB,MAAM,EAAE,aAAa,CAAA;IACrB,YAAY,EAAE,MAAM,GAAG,kBAAkB,CAAA;IACzC,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;CAClB;AAmFD,eAAO,MAAM,aAAa;;QAGpB,OAAO;YAAG,IAAI;YAAY,OAAO;;QACjC,MAAM;YAAG,IAAI;YAAY,OAAO;;QAChC,YAAY;YAAG,IAAI;YAAwB,OAAO;;QAClD,WAAW;YAAG,IAAI;YAAY,OAAO;;QACrC,WAAW;YAAG,IAAI;YAAY,OAAO;;QACrC,UAAU;YAAG,IAAI;YAAY,OAAO;;QACpC,SAAS;YAAG,IAAI;YAAY,OAAO;;;;QAE1B,IAAI;QAAS,eAAe;;6BACd,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;0BAC1B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;qBAnGlC,MAAM;oBACP,MAAM;mBACP,MAAM;;;;;;;GA8GlB,CAAA"}

package/build/blocks/layout/box/deprecated.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InnerBlocks } from '@wordpress/block-editor';
+/**
+ * v1 stored every length as a CSS string (`"16px"`, `"1rem"`) and allowed a
+ * per-corner `borderRadius` object. v2 stores plain pixel numbers, so posts
+ * saved by v1 have to be migrated — the save output is unchanged
+ * (`<InnerBlocks.Content />`), which means block validation never fails and
+ * would otherwise leave the legacy values in place, silently rendering
+ * `16pxpx`. `isEligible` is what forces the migration.
+ */
+const BOX_SIDES = ['top', 'right', 'bottom', 'left'];
+/**
+ * Parses a v1 CSS length into pixels. `rem`/`em` are approximated at the
+ * 16px browser default; anything else unitless-or-px is taken at face value.
+ * Unparseable values become 0, which renders as "no declaration".
+ */
+function toPixels(value) {
+    if (typeof value === 'number') {
+        return Number.isFinite(value) ? value : 0;
+    }
+    if (typeof value !== 'string') {
+        return 0;
+    }
+    const match = value.trim().match(/^(-?\d*\.?\d+)\s*(px|rem|em)?$/);
+    if (!match) {
+        return 0;
+    }
+    const amount = Number.parseFloat(match[1]);
+    if (!Number.isFinite(amount)) {
+        return 0;
+    }
+    return match[2] === 'rem' || match[2] === 'em' ? Math.round(amount * 16) : Math.round(amount);
+}
+function migrateSpacing(spacing) {
+    const next = {};
+    for (const side of BOX_SIDES) {
+        const pixels = toPixels(spacing === null || spacing === void 0 ? void 0 : spacing[side]);
+        if (pixels !== 0) {
+            next[side] = pixels;
+        }
+    }
+    return next;
+}
+/**
+ * v1 could set each corner separately; v2 has a single radius. The first
+ * non-zero corner wins — lossy by design, and only for content that actually
+ * used per-corner radii.
+ */
+function migrateBorderRadius(radius) {
+    if (radius && typeof radius === 'object') {
+        for (const corner of ['topLeft', 'topRight', 'bottomRight', 'bottomLeft']) {
+            const pixels = toPixels(radius[corner]);
+            if (pixels !== 0) {
+                return pixels;
+            }
+        }
+        return 0;
+    }
+    return toPixels(radius);
+}
+/** A v1 value still needing conversion: a non-empty string, or a corner object. */
+function isLegacyLength(value) {
+    return (typeof value === 'string' && value !== '') || (!!value && typeof value === 'object');
+}
+function hasLegacyLengths(attributes) {
+    for (const spacing of [attributes.padding, attributes.margin]) {
+        for (const side of BOX_SIDES) {
+            if (isLegacyLength(spacing === null || spacing === void 0 ? void 0 : spacing[side])) {
+                return true;
+            }
+        }
+    }
+    return isLegacyLength(attributes.borderWidth) || isLegacyLength(attributes.borderRadius);
+}
+export const boxDeprecated = [
+    {
+        attributes: {
+            padding: { type: 'object', default: {} },
+            margin: { type: 'object', default: {} },
+            borderRadius: { type: ['string', 'object'], default: '' },
+            borderWidth: { type: 'string', default: '' },
+            borderColor: { type: 'string', default: '' },
+            background: { type: 'string', default: '' },
+            textColor: { type: 'string', default: '' },
+        },
+        supports: { html: false, customClassName: false },
+        isEligible: (attributes) => hasLegacyLengths(attributes),
+        migrate: (attributes) => {
+            const legacy = attributes;
+            return {
+                ...legacy,
+                padding: migrateSpacing(legacy.padding),
+                margin: migrateSpacing(legacy.margin),
+                borderRadius: migrateBorderRadius(legacy.borderRadius),
+                borderWidth: toPixels(legacy.borderWidth),
+            };
+        },
+        save: () => _jsx(InnerBlocks.Content, {}),
+    },
+];

package/build/blocks/layout/box/edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/box/edit.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAGrD,OAAO,KAAK,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,SAAS,CAAA;AAEtD,wBAAgB,aAAa,CAAC,OAAO,EAAE,UAAU,mCACG,cAAc,CAAC,aAAa,CAAC,iCA4ChF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/box/edit.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAGrD,OAAO,KAAK,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,SAAS,CAAA;AAOtD,wBAAgB,aAAa,CAAC,OAAO,EAAE,UAAU,mCACG,cAAc,CAAC,aAAa,CAAC,iCAoChF"}