@brilo/base-blocks 0.1.42 → 0.1.44

package/build/blocks/core/basic-overline/types.d.ts

@@ -1,6 +1,8 @@
-import { BriloBlockType } from '../../../types';
+import type { BriloBlockType } from '../../../types';
 export interface BasicOverlineAttributes extends Record<string, unknown> {
     title: string;
+    color?: string;
+    background?: string;
 }
 export interface BasicOverlineOptions extends BriloBlockType {
 }

package/build/blocks/core/basic-overline/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-overline/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAEtC,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtE,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-overline/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;CAAG"}

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

@@ -15,4 +15,33 @@ 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;
+export declare const DEFAULT_ICON_SIZE_PRESETS: readonly [{
+    readonly value: 16;
+    readonly label: import("@wordpress/i18n").TransformedText<"XS">;
+}, {
+    readonly value: 20;
+    readonly label: import("@wordpress/i18n").TransformedText<"SM">;
+}, {
+    readonly value: 24;
+    readonly label: import("@wordpress/i18n").TransformedText<"MD">;
+}, {
+    readonly value: 32;
+    readonly label: import("@wordpress/i18n").TransformedText<"LG">;
+}, {
+    readonly value: 40;
+    readonly label: import("@wordpress/i18n").TransformedText<"XL">;
+}];
 //# sourceMappingURL=constants.d.ts.map

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"}
+{"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"}

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

@@ -7,3 +7,18 @@ 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;
+export const DEFAULT_ICON_SIZE_PRESETS = [
+    { value: 16, label: __('XS', 'brilo-blocks') },
+    { value: 20, label: __('SM', 'brilo-blocks') },
+    { value: 24, label: __('MD', 'brilo-blocks') },
+    { value: 32, label: __('LG', 'brilo-blocks') },
+    { value: 40, label: __('XL', 'brilo-blocks') },
+];

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":"AAKA,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAkC,MAAM,SAAS,CAAA;AAEjG,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,oCAMtD;IACD,UAAU,EAAE,kBAAkB,CAAA;IAC9B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;CACxD,iCAsCF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/faq/faq-group/edit.tsx"],"names":[],"mappings":"AAsBA,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,iCAwGF"}

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

@@ -1,15 +1,22 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InspectorControls } from '@wordpress/block-editor';
-import { PanelBody, SelectControl } from '@wordpress/components';
+import { BaseControl, Button, ColorPalette, PanelBody, RangeControl, SelectControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useGroupBlock } from '../../../hooks/useGroupBlock';
-import { DEFAULT_ICON_VARIANTS, FAQ_HEADING_LEVELS } from './constants';
+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';
+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;
+    var _a, _b, _c;
     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 : [];
     return function Edit({ attributes, setAttributes, }) {
         var _a, _b;
-        const { headingLevel, iconVariant } = attributes;
+        const { headingLevel, iconVariant, style } = attributes;
+        const { paletteColors } = useTenantColorPalette();
         const { blockProps, innerBlocksProps } = useGroupBlock({
             blockClassName: (_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'g-faq wp-block-section',
             containerClassName: (_b = options.containerClassName) !== null && _b !== void 0 ? _b : 'g-faq__items',
@@ -18,6 +25,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 }) }) }), _jsx(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 }) }) })] }), _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 && (_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("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;AAEzD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AACxC,OAAO,EAAC,qBAAqB,EAAqB,MAAM,aAAa,CAAA;AAErE,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,CA0BxE"}
+{"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;AAEzD,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,CA8CxE"}

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

@@ -1,32 +1,50 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { InnerBlocks } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
-import { DEFAULT_ICON_VARIANTS, FAQ_HEADING_LEVELS } from './constants';
+import { DEFAULT_ICON_SIZE, DEFAULT_ICON_VARIANTS, DEFAULT_SHADOWS, FAQ_HEADING_LEVELS } from './constants';
 import { createFaqGroupEdit } from './edit';
 export function createFaqGroupBlock(options) {
     var _a;
-    var _b, _c, _d, _e, _f;
+    var _b, _c, _d, _e, _f, _g;
     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 = {
+        headingLevel: {
+            type: 'string',
+            default: FAQ_HEADING_LEVELS[1],
+            enum: [...FAQ_HEADING_LEVELS],
+        },
+        iconVariant: {
+            type: 'string',
+            default: (_d = (_a = iconVariants[1]) === null || _a === void 0 ? void 0 : _a.value) !== null && _d !== void 0 ? _d : iconVariants[0].value,
+            enum: iconVariants.map((v) => v.value),
+        },
+    };
+    if (!exclude.includes('colors')) {
+        attributes.style = {
+            type: 'object',
+            default: {
+                shadow: DEFAULT_SHADOWS[0].value,
+                borderColor: '',
+                backgroundColor: '',
+                textColor: '',
+                icon: {
+                    color: '',
+                    background: '',
+                    size: DEFAULT_ICON_SIZE,
+                },
+            },
+        };
+    }
     return {
         name: options.name,
-        title: (_c = options.title) !== null && _c !== void 0 ? _c : __('FAQ', 'brilo-blocks'),
+        title: (_e = options.title) !== null && _e !== void 0 ? _e : __('FAQ', 'brilo-blocks'),
         description: options.description,
-        category: (_d = options.category) !== null && _d !== void 0 ? _d : 'layout',
+        category: (_f = options.category) !== null && _f !== void 0 ? _f : 'layout',
         ...(options.parent && { parent: options.parent }),
-        icon: (_e = options.icon) !== null && _e !== void 0 ? _e : 'editor-help',
+        icon: (_g = options.icon) !== null && _g !== void 0 ? _g : 'editor-help',
         supports: { html: false, customClassName: false },
-        attributes: {
-            headingLevel: {
-                type: 'string',
-                default: FAQ_HEADING_LEVELS[1],
-                enum: [...FAQ_HEADING_LEVELS],
-            },
-            iconVariant: {
-                type: 'string',
-                default: (_f = (_a = iconVariants[1]) === null || _a === void 0 ? void 0 : _a.value) !== null && _f !== void 0 ? _f : iconVariants[0].value,
-                enum: iconVariants.map((v) => v.value),
-            },
-        },
+        attributes,
         edit: createFaqGroupEdit(options),
         save: () => _jsx(InnerBlocks.Content, {}),
     };

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

@@ -1,4 +1,4 @@
-export type { FaqGroupAttributes, FaqGroupOptions } from './types';
+export type { ExcludableFaqAttr, FaqGroupAttributes, FaqGroupOptions, FaqHeadingLevel, FaqIconVariant, FaqShadow, FaqSizePreset, } from './types';
 export { createFaqGroupBlock } from './factory';
 import type { FaqGroupOptions } from './types';
 export declare const faqGroupDefaults: FaqGroupOptions;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/faq/faq-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAChE,OAAO,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAA;AAE7C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;AAE5C,eAAO,MAAM,gBAAgB,EAAE,eAK9B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/faq/faq-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,cAAc,EACd,SAAS,EACT,aAAa,GACd,MAAM,SAAS,CAAA;AAChB,OAAO,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAA;AAE7C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;AAE5C,eAAO,MAAM,gBAAgB,EAAE,eAK9B,CAAA"}

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

@@ -1,12 +1,31 @@
 import type { BriloBlockType, OptionArray } from '../../../types';
-import type { DEFAULT_ICON_VARIANTS, FAQ_HEADING_LEVELS } from './constants';
+import type { DEFAULT_ICON_VARIANTS, DEFAULT_SHADOWS, 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 ExcludableFaqAttr = 'colors';
+export interface FaqSizePreset {
+    value: number;
+    label: string;
+}
 export interface FaqGroupAttributes<TIconVariant extends string = FaqIconVariant> extends Record<string, unknown> {
     headingLevel: FaqHeadingLevel;
     iconVariant: TIconVariant;
+    style: {
+        shadow: FaqShadow;
+        borderColor: string;
+        backgroundColor: string;
+        textColor: string;
+        icon: {
+            color: string;
+            background: string;
+            size: number;
+        };
+    };
 }
 export interface FaqGroupOptions<TIconVariants extends OptionArray = typeof DEFAULT_ICON_VARIANTS> extends BriloBlockType {
     iconVariants?: TIconVariants;
+    iconSizePresets?: readonly FaqSizePreset[];
+    exclude?: ExcludableFaqAttr[];
 }
 //# 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,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;AAE5E,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;CAC1B;AAED,MAAM,WAAW,eAAe,CAAC,aAAa,SAAS,WAAW,GAAG,OAAO,qBAAqB,CAAE,SAAQ,cAAc;IACvH,YAAY,CAAC,EAAE,aAAa,CAAA;CAC7B"}
+{"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;CACF;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"}

package/build/blocks/form/form-field/edit.d.ts

@@ -1,4 +1,4 @@
-import { FormFieldAttributes, FormFieldOptions } from './types';
+import type { FormFieldAttributes, FormFieldOptions } from './types';
 export declare function createFormFieldEdit(_options: FormFieldOptions): ({ attributes, setAttributes, }: {
     attributes: FormFieldAttributes;
     setAttributes: (a: Partial<FormFieldAttributes>) => void;

package/build/blocks/form/form-field/edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/edit.tsx"],"names":[],"mappings":"AAgBA,OAAO,EACL,mBAAmB,EAEnB,gBAAgB,EAIjB,MAAM,SAAS,CAAA;AAehB,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,oCAIzD;IACD,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;CACzD,iCAqQF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/edit.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,mBAAmB,EAEnB,gBAAgB,EAIjB,MAAM,SAAS,CAAA;AAehB,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,oCAIzD;IACD,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;CACzD,iCAqQF"}

package/build/blocks/form/form-field/types.d.ts

@@ -1,4 +1,4 @@
-import { FIELD_SELECT_MODE_VALUES, FIELD_TEXT_TYPE_VALUES, FIELD_TYPE_VALUES, FILE_BUTTON_VARIANT_VALUES } from './constants';
+import { type FIELD_SELECT_MODE_VALUES, type FIELD_TEXT_TYPE_VALUES, type FIELD_TYPE_VALUES, type FILE_BUTTON_VARIANT_VALUES } from './constants';
 import type { BriloBlockType } from '../../../types';
 export type FormFieldType = (typeof FIELD_TYPE_VALUES)[number];
 export type FormFieldTextType = (typeof FIELD_TEXT_TYPE_VALUES)[number];

package/build/blocks/form/form-field/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EAExB,sBAAsB,EACtB,iBAAiB,EACjB,0BAA0B,EAC3B,MAAM,aAAa,CAAA;AACpB,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AACvE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC3E,MAAM,MAAM,0BAA0B,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAA;AAEpF,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAEvF,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,UAAU,EAAE,mBAAmB,CAAA;IAC/B,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,MAAM,EAAE,CAAA;IAC1B,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,0BAA0B,CAAA;IACzC,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,0BAA0B,EAChC,MAAM,aAAa,CAAA;AACpB,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AACvE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC3E,MAAM,MAAM,0BAA0B,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAA;AAEpF,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAEvF,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,UAAU,EAAE,mBAAmB,CAAA;IAC/B,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,MAAM,EAAE,CAAA;IAC1B,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,0BAA0B,CAAA;IACzC,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;CAAG"}

package/build/blocks/gallery/gallery-item/index.d.ts

@@ -1,4 +1,4 @@
-import { GalleryItemOptions } from './types';
+import type { GalleryItemOptions } from './types';
 export type { GalleryItemAttributes, GalleryItemOptions } from './types';
 export { createGalleryItemBlock } from './factory';
 export declare const galleryItemDefaults: GalleryItemOptions;

package/build/blocks/gallery/gallery-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE1C,YAAY,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AACtE,OAAO,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAEhD,eAAO,MAAM,mBAAmB,EAAE,kBAIjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,YAAY,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AACtE,OAAO,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAEhD,eAAO,MAAM,mBAAmB,EAAE,kBAIjC,CAAA"}

package/build/blocks/groups/banner-group/index.d.ts

@@ -1,4 +1,4 @@
-import { BannerGroupOptions } from '../../../blocks/groups/banner-group/types';
+import type { BannerGroupOptions } from '../../../blocks/groups/banner-group/types';
 export type { BannerGroupAttributes, BannerGroupOptions } from './factory';
 export { createBannerGroupBlock } from './factory';
 export declare const bannerGroupDefaults: BannerGroupOptions;

package/build/blocks/groups/banner-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/banner-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,oCAAoC,CAAA;AAErE,YAAY,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,WAAW,CAAA;AACxE,OAAO,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAEhD,eAAO,MAAM,mBAAmB,EAAE,kBAKjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/banner-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oCAAoC,CAAA;AAE1E,YAAY,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,WAAW,CAAA;AACxE,OAAO,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAEhD,eAAO,MAAM,mBAAmB,EAAE,kBAKjC,CAAA"}

package/build/blocks/groups/banner-group/types.d.ts

@@ -1,6 +1,6 @@
 import type { BriloBlockType, Media, OptionArray, StringArray } from '../../../types';
-import { DEFAULT_HEADING_STYLES, DEFAULT_VARIANTS } from './constants';
-import { HEADING_LEVELS } from '../../../constants';
+import type { DEFAULT_HEADING_STYLES, DEFAULT_VARIANTS } from './constants';
+import type { HEADING_LEVELS } from '../../../constants';
 export type Variants = (typeof DEFAULT_VARIANTS)[number]['value'];
 export type HeadingLevels = (typeof HEADING_LEVELS)[number];
 export type HeadingStyles = (typeof DEFAULT_HEADING_STYLES)[number];

package/build/blocks/groups/banner-group/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/banner-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AAC5E,OAAO,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAA;AACpE,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE1C,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACjE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAC3D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEnE,MAAM,WAAW,qBAAqB,CAAC,QAAQ,SAAS,MAAM,GAAG,QAAQ,EAAE,aAAa,SAAS,MAAM,GAAG,aAAa,CACrH,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE;QACN,OAAO,EAAE;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,aAAa,CAAC;YAAC,KAAK,EAAE,aAAa,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAC,CAAA;KACrF,CAAA;IACD,GAAG,EAAE,KAAK,CAAA;IACV,kBAAkB,EAAE,OAAO,CAAA;IAC3B,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,QAAQ,CAAA;CAClB;AAED,MAAM,WAAW,kBAAkB,CACjC,SAAS,SAAS,WAAW,GAAG,OAAO,gBAAgB,EACvD,cAAc,SAAS,WAAW,GAAG,OAAO,sBAAsB,CAClE,SAAQ,cAAc;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,aAAa,CAAC,EAAE,cAAc,CAAA;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/banner-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AAC5E,OAAO,KAAK,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAA;AACzE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE/C,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACjE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAC3D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEnE,MAAM,WAAW,qBAAqB,CAAC,QAAQ,SAAS,MAAM,GAAG,QAAQ,EAAE,aAAa,SAAS,MAAM,GAAG,aAAa,CACrH,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE;QACN,OAAO,EAAE;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,aAAa,CAAC;YAAC,KAAK,EAAE,aAAa,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAC,CAAA;KACrF,CAAA;IACD,GAAG,EAAE,KAAK,CAAA;IACV,kBAAkB,EAAE,OAAO,CAAA;IAC3B,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,QAAQ,CAAA;CAClB;AAED,MAAM,WAAW,kBAAkB,CACjC,SAAS,SAAS,WAAW,GAAG,OAAO,gBAAgB,EACvD,cAAc,SAAS,WAAW,GAAG,OAAO,sBAAsB,CAClE,SAAQ,cAAc;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,aAAa,CAAC,EAAE,cAAc,CAAA;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B"}

package/build/blocks/groups/basic-header-group/edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/basic-header-group/edit.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAC,0BAA0B,EAAE,uBAAuB,EAAgC,MAAM,SAAS,CAAA;AAE/G,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,uBAAuB,oCAQtE;IACD,UAAU,EAAE,0BAA0B,CAAA;IACtC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,0BAA0B,CAAC,KAAK,IAAI,CAAA;CAChE,iCAqFF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/basic-header-group/edit.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAC,0BAA0B,EAAE,uBAAuB,EAAgC,MAAM,SAAS,CAAA;AAE/G,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,uBAAuB,oCAQtE;IACD,UAAU,EAAE,0BAA0B,CAAA;IACtC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,0BAA0B,CAAC,KAAK,IAAI,CAAA;CAChE,iCA6GF"}

package/build/blocks/groups/basic-header-group/edit.js

@@ -17,8 +17,13 @@ export function createBasicHeaderGroupEdit(options) {
             className: clsx((_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'g-header wp-block-section', `--textAlign-${textAlign}`),
         });
         const { paletteColors } = useTenantColorPalette();
-        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Nadpis', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { label: __('Úroveň nadpisu', 'brilo-blocks'), value: String(heading.level), onChange: (value) => setAttributes({
-                                    heading: { ...heading, level: Number(value) },
-                                }), isBlock: true, children: LEVELS.map((l) => (_jsx(ToggleGroupControlOption, { value: String(l), label: `H${l}` }, l))) }), _jsx(ToggleGroupControl, { label: __('Styl nadpisu', 'brilo-blocks'), value: heading.style, onChange: (value) => setAttributes({ heading: { ...heading, style: value } }), isBlock: true, children: STYLES.map((s) => (_jsx(ToggleGroupControlOption, { value: s, label: s.toUpperCase() }, s))) }), _jsx(BaseControl, { label: __('Barva nadpisu', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: heading.color || undefined, onChange: (value) => setAttributes({ heading: { ...heading, color: value !== null && value !== void 0 ? value : '' } }) }) }), _jsx(ToggleGroupControl, { label: __('Zarovnání', 'brilo-blocks'), value: textAlign, onChange: (value) => setAttributes({ textAlign: value }), isBlock: true, children: ALIGNMENTS.map((a) => (_jsx(ToggleGroupControlOption, { value: a.value, label: a.label }, a.value))) })] }) }), _jsxs("div", { ...blockProps, children: [_jsx(RichText, { tagName: "span", className: "g-header__overline u-text-editable", value: overline.title, onChange: (value) => setAttributes({ overline: { title: value } }), placeholder: __('Overline...', 'brilo-blocks'), allowedFormats: [] }), _jsx(RichText, { tagName: `h${heading.level}`, className: clsx('g-header__heading', `--heading-style-${heading.style}`, 'u-text-editable'), style: heading.color ? { color: heading.color } : undefined, value: heading.title, onChange: (value) => setAttributes({ heading: { ...heading, title: value } }), placeholder: __('Nadpis...', 'brilo-blocks'), allowedFormats: ['core/bold', 'core/italic', 'core/text-color'] }), _jsx(RichText, { tagName: "div", multiline: "p", className: "g-header__content u-text-editable", value: content, onChange: (value) => setAttributes({ content: value }), placeholder: __('Perex...', 'brilo-blocks'), allowedFormats: ['core/bold', 'core/italic', 'core/link'] })] })] }));
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Overline', 'brilo-blocks'), children: [_jsx(BaseControl, { label: __('Barva pozadí', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: overline.background || undefined, onChange: (value) => setAttributes({ overline: { ...overline, background: value !== null && value !== void 0 ? value : '' } }) }) }), _jsx(BaseControl, { label: __('Barva textu', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: overline.color || undefined, onChange: (value) => setAttributes({ overline: { ...overline, color: value !== null && value !== void 0 ? value : '' } }) }) })] }), _jsxs(PanelBody, { title: __('Nadpis', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { label: __('Úroveň nadpisu', 'brilo-blocks'), value: String(heading.level), onChange: (value) => setAttributes({
+                                        heading: { ...heading, level: Number(value) },
+                                    }), isBlock: true, children: LEVELS.map((l) => (_jsx(ToggleGroupControlOption, { value: String(l), label: `H${l}` }, l))) }), _jsx(ToggleGroupControl, { label: __('Styl nadpisu', 'brilo-blocks'), value: heading.style, onChange: (value) => setAttributes({ heading: { ...heading, style: value } }), isBlock: true, children: STYLES.map((s) => (_jsx(ToggleGroupControlOption, { value: s, label: s.toUpperCase() }, s))) }), _jsx(BaseControl, { label: __('Barva nadpisu', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: heading.color || undefined, onChange: (value) => setAttributes({ heading: { ...heading, color: value !== null && value !== void 0 ? value : '' } }) }) }), _jsx(ToggleGroupControl, { label: __('Zarovnání', 'brilo-blocks'), value: textAlign, onChange: (value) => setAttributes({ textAlign: value }), isBlock: true, children: ALIGNMENTS.map((a) => (_jsx(ToggleGroupControlOption, { value: a.value, label: a.label }, a.value))) })] })] }), _jsxs("div", { ...blockProps, children: [_jsx(RichText, { tagName: "span", className: "g-header__overline u-text-editable", style: overline.color || overline.background
+                                ? {
+                                    ...(overline.color ? { color: overline.color } : {}),
+                                    ...(overline.background ? { backgroundColor: overline.background } : {}),
+                                }
+                                : undefined, value: overline.title, onChange: (value) => setAttributes({ overline: { ...overline, title: value } }), placeholder: __('Overline...', 'brilo-blocks'), allowedFormats: [] }), _jsx(RichText, { tagName: `h${heading.level}`, className: clsx('g-header__heading', `--heading-style-${heading.style}`, 'u-text-editable'), style: heading.color ? { color: heading.color } : undefined, value: heading.title, onChange: (value) => setAttributes({ heading: { ...heading, title: value } }), placeholder: __('Nadpis...', 'brilo-blocks'), allowedFormats: ['core/bold', 'core/italic', 'core/text-color'] }), _jsx(RichText, { tagName: "div", multiline: "p", className: "g-header__content u-text-editable", value: content, onChange: (value) => setAttributes({ content: value }), placeholder: __('Perex...', 'brilo-blocks'), allowedFormats: ['core/bold', 'core/italic', 'core/link'] })] })] }));
     };
 }

package/build/blocks/groups/basic-header-group/factory.js

@@ -21,7 +21,7 @@ export function createBasicHeaderGroupBlock(options) {
                 type: 'object',
                 default: { title: '', level: (_h = levels[1]) !== null && _h !== void 0 ? _h : levels[0], style: (_j = styles[1]) !== null && _j !== void 0 ? _j : styles[0], color: '' },
             },
-            overline: { type: 'object', default: { title: '' } },
+            overline: { type: 'object', default: { title: '', color: '', background: '' } },
             content: { type: 'string', default: '' },
             textAlign: {
                 type: 'string',

package/build/blocks/groups/basic-header-group/types.d.ts

@@ -12,6 +12,8 @@ export interface BasicHeaderGroupAttributes<TLevel extends number = HeadingLevel
     };
     overline: {
         title: string;
+        color?: string;
+        background?: string;
     };
     content: string;
     textAlign: TAlignment;

package/build/blocks/groups/basic-header-group/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/basic-header-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AAClF,OAAO,KAAK,EAAC,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAC,MAAM,aAAa,CAAA;AAEnF,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAC1E,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAC1D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAE1D,MAAM,WAAW,0BAA0B,CACzC,MAAM,SAAS,MAAM,GAAG,YAAY,EACpC,MAAM,SAAS,MAAM,GAAG,YAAY,EACpC,UAAU,SAAS,MAAM,GAAG,eAAe,CAC3C,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,CAAA;IACtE,QAAQ,EAAE;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAA;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,UAAU,CAAA;CACtB;AAED,MAAM,WAAW,uBAAuB,CACtC,OAAO,SAAS,WAAW,GAAG,OAAO,cAAc,EACnD,OAAO,SAAS,WAAW,GAAG,OAAO,cAAc,EACnD,WAAW,SAAS,WAAW,GAAG,OAAO,kBAAkB,CAC3D,SAAQ,cAAc;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,WAAW,CAAA;CACzB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/basic-header-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AAClF,OAAO,KAAK,EAAC,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAC,MAAM,aAAa,CAAA;AAEnF,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAC1E,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAC1D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAE1D,MAAM,WAAW,0BAA0B,CACzC,MAAM,SAAS,MAAM,GAAG,YAAY,EACpC,MAAM,SAAS,MAAM,GAAG,YAAY,EACpC,UAAU,SAAS,MAAM,GAAG,eAAe,CAC3C,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,CAAA;IACtE,QAAQ,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAC,CAAA;IAC9D,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,UAAU,CAAA;CACtB;AAED,MAAM,WAAW,uBAAuB,CACtC,OAAO,SAAS,WAAW,GAAG,OAAO,cAAc,EACnD,OAAO,SAAS,WAAW,GAAG,OAAO,cAAc,EACnD,WAAW,SAAS,WAAW,GAAG,OAAO,kBAAkB,CAC3D,SAAQ,cAAc;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,WAAW,CAAA;CACzB"}

package/build/blocks/groups/text-and-media-group/constants.d.ts

@@ -71,4 +71,29 @@ export declare const DEFAULT_GRID_STYLES: readonly [{
     readonly value: '2-1';
     readonly label: import("@wordpress/i18n").TransformedText<"2/3 + 1/3">;
 }];
+export declare const DEFAULT_IMAGE_CLIP_PATHS: readonly [{
+    readonly value: 'none';
+    readonly label: import("@wordpress/i18n").TransformedText<"Žádný">;
+}, {
+    readonly value: 'circle';
+    readonly label: import("@wordpress/i18n").TransformedText<"Kruh">;
+}, {
+    readonly value: 'triangle';
+    readonly label: import("@wordpress/i18n").TransformedText<"Trojúhelník">;
+}, {
+    readonly value: 'rhombus';
+    readonly label: import("@wordpress/i18n").TransformedText<"Kosočtverec">;
+}, {
+    readonly value: 'octagon';
+    readonly label: import("@wordpress/i18n").TransformedText<"Osmiúhelník">;
+}, {
+    readonly value: 'bevel';
+    readonly label: import("@wordpress/i18n").TransformedText<"Zkosený">;
+}, {
+    readonly value: 'rabbet';
+    readonly label: import("@wordpress/i18n").TransformedText<"Drážkovaný">;
+}, {
+    readonly value: 'parallelogram';
+    readonly label: import("@wordpress/i18n").TransformedText<"Rovnoběžník">;
+}];
 //# sourceMappingURL=constants.d.ts.map

package/build/blocks/groups/text-and-media-group/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/text-and-media-group/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,IAAI,qBAAqB,EAAE,cAAc,EAAC,MAAM,aAAa,CAAA;AAElF,eAAO,MAAM,cAAc;aACxB,KAAK,EAAE,KAAK;aAAE,KAAK,EAAE,KAAK;;aAC1B,KAAK,EAAE,KAAK;aAAE,KAAK,EAAE,KAAK;;aAC1B,KAAK,EAAE,MAAM;aAAE,KAAK,EAAE,MAAM;;aAC5B,KAAK,EAAE,KAAK;aAAE,KAAK,EAAE,KAAK;;aAC1B,KAAK,EAAE,KAAK;aAAE,KAAK,EAAE,KAAK;;aAC1B,KAAK,EAAE,KAAK;aAAE,KAAK,EAAE,KAAK;;aAC1B,KAAK,EAAE,MAAM;aAAE,KAAK,EAAE,MAAM;EACrB,CAAA;AAEV,eAAO,MAAM,cAAc;aACxB,KAAK,EAAE,UAAU;aAAE,KAAK;;aACxB,KAAK,EAAE,WAAW;aAAE,KAAK;;aACzB,KAAK,EAAE,aAAa;aAAE,KAAK;;aAC3B,KAAK,EAAE,cAAc;aAAE,KAAK;EACrB,CAAA;AAEV,eAAO,MAAM,qBAAqB;aAC/B,KAAK,EAAE,SAAS;aAAE,KAAK;;aACvB,KAAK,EAAE,WAAW;aAAE,KAAK;;aACzB,KAAK,EAAE,SAAS;aAAE,KAAK;EAChB,CAAA;AAEV,eAAO,MAAM,uBAAuB;aACjC,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,OAAO;aAAE,KAAK;EACd,CAAA;AAEV,eAAO,MAAM,sBAAsB;aAChC,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,SAAS;;aAC7B,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,SAAS;;aAC7B,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,SAAS;;aAC7B,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,SAAS;EACtB,CAAA;AAEV,eAAO,MAAM,mBAAmB;aAC7B,KAAK,EAAE,KAAK;aAAE,KAAK;;aACnB,KAAK,EAAE,KAAK;aAAE,KAAK;EACZ,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/text-and-media-group/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,IAAI,qBAAqB,EAAE,cAAc,EAAC,MAAM,aAAa,CAAA;AAElF,eAAO,MAAM,cAAc;aACxB,KAAK,EAAE,KAAK;aAAE,KAAK,EAAE,KAAK;;aAC1B,KAAK,EAAE,KAAK;aAAE,KAAK,EAAE,KAAK;;aAC1B,KAAK,EAAE,MAAM;aAAE,KAAK,EAAE,MAAM;;aAC5B,KAAK,EAAE,KAAK;aAAE,KAAK,EAAE,KAAK;;aAC1B,KAAK,EAAE,KAAK;aAAE,KAAK,EAAE,KAAK;;aAC1B,KAAK,EAAE,KAAK;aAAE,KAAK,EAAE,KAAK;;aAC1B,KAAK,EAAE,MAAM;aAAE,KAAK,EAAE,MAAM;EACrB,CAAA;AAEV,eAAO,MAAM,cAAc;aACxB,KAAK,EAAE,UAAU;aAAE,KAAK;;aACxB,KAAK,EAAE,WAAW;aAAE,KAAK;;aACzB,KAAK,EAAE,aAAa;aAAE,KAAK;;aAC3B,KAAK,EAAE,cAAc;aAAE,KAAK;EACrB,CAAA;AAEV,eAAO,MAAM,qBAAqB;aAC/B,KAAK,EAAE,SAAS;aAAE,KAAK;;aACvB,KAAK,EAAE,WAAW;aAAE,KAAK;;aACzB,KAAK,EAAE,SAAS;aAAE,KAAK;EAChB,CAAA;AAEV,eAAO,MAAM,uBAAuB;aACjC,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,OAAO;aAAE,KAAK;EACd,CAAA;AAEV,eAAO,MAAM,sBAAsB;aAChC,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,SAAS;;aAC7B,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,SAAS;;aAC7B,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,SAAS;;aAC7B,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,SAAS;EACtB,CAAA;AAEV,eAAO,MAAM,mBAAmB;aAC7B,KAAK,EAAE,KAAK;aAAE,KAAK;;aACnB,KAAK,EAAE,KAAK;aAAE,KAAK;EACZ,CAAA;AAEV,eAAO,MAAM,wBAAwB;aAClC,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,QAAQ;aAAE,KAAK;;aACtB,KAAK,EAAE,UAAU;aAAE,KAAK;;aACxB,KAAK,EAAE,SAAS;aAAE,KAAK;;aACvB,KAAK,EAAE,SAAS;aAAE,KAAK;;aACvB,KAAK,EAAE,OAAO;aAAE,KAAK;;aACrB,KAAK,EAAE,QAAQ;aAAE,KAAK;;aACtB,KAAK,EAAE,eAAe;aAAE,KAAK;EACtB,CAAA"}

package/build/blocks/groups/text-and-media-group/constants.js

@@ -34,3 +34,13 @@ export const DEFAULT_GRID_STYLES = [
     { value: '1-1', label: __('Půl na půl', 'brilo-blocks') },
     { value: '2-1', label: __('2/3 + 1/3', 'brilo-blocks') },
 ];
+export const DEFAULT_IMAGE_CLIP_PATHS = [
+    { value: 'none', label: __('Žádný', 'brilo-blocks') },
+    { value: 'circle', label: __('Kruh', 'brilo-blocks') },
+    { value: 'triangle', label: __('Trojúhelník', 'brilo-blocks') },
+    { value: 'rhombus', label: __('Kosočtverec', 'brilo-blocks') },
+    { value: 'octagon', label: __('Osmiúhelník', 'brilo-blocks') },
+    { value: 'bevel', label: __('Zkosený', 'brilo-blocks') },
+    { value: 'rabbet', label: __('Drážkovaný', 'brilo-blocks') },
+    { value: 'parallelogram', label: __('Rovnoběžník', 'brilo-blocks') },
+];

package/build/blocks/groups/text-and-media-group/edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/text-and-media-group/edit.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EASV,2BAA2B,EAC3B,wBAAwB,EACzB,MAAM,SAAS,CAAA;AAEhB,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,wBAAwB,oCAWxE;IACD,UAAU,EAAE,2BAA2B,CAAA;IACvC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,KAAK,IAAI,CAAA;CACjE,iCAuMF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/text-and-media-group/edit.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAUV,2BAA2B,EAC3B,wBAAwB,EACzB,MAAM,SAAS,CAAA;AAEhB,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,wBAAwB,oCAYxE;IACD,UAAU,EAAE,2BAA2B,CAAA;IACvC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,KAAK,IAAI,CAAA;CACjE,iCAsOF"}

package/build/blocks/groups/text-and-media-group/edit.js

@@ -1,38 +1,45 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BlockControls, InspectorControls, RichText } from '@wordpress/block-editor';
-import { BaseControl, ColorPalette, PanelBody, TextControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, ToolbarButton, ToolbarGroup, } from '@wordpress/components';
+import { BaseControl, ColorPalette, PanelBody, SelectControl, TextControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, ToolbarButton, ToolbarGroup, } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import clsx from 'clsx';
 import { ImagePickerBody, ImagePickerControl } from '../../../components/ImagePicker';
 import { useGroupBlock } from '../../../hooks/useGroupBlock';
 import { useTenantColorPalette } from '../../../hooks/useTenantColorPalette';
-import { CHIP_POSITIONS, DEFAULT_CHIP_VARIANTS, DEFAULT_CONTENT_SIZES, DEFAULT_GRID_STYLES, DEFAULT_HEADING_STYLES, DEFAULT_MEDIA_POSITIONS, DEFAULT_RATIOS, HEADING_LEVELS, } from './constants';
+import { CHIP_POSITIONS, DEFAULT_CHIP_VARIANTS, DEFAULT_CONTENT_SIZES, DEFAULT_GRID_STYLES, DEFAULT_HEADING_STYLES, DEFAULT_IMAGE_CLIP_PATHS, DEFAULT_MEDIA_POSITIONS, DEFAULT_RATIOS, HEADING_LEVELS, } from './constants';
 export function createTextAndMediaGroupEdit(options) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     const RATIOS = (_a = options.ratios) !== null && _a !== void 0 ? _a : DEFAULT_RATIOS;
     const MEDIA_POSITIONS = (_b = options.mediaPositions) !== null && _b !== void 0 ? _b : DEFAULT_MEDIA_POSITIONS;
     const GRID_STYLES = (_c = options.gridStyles) !== null && _c !== void 0 ? _c : DEFAULT_GRID_STYLES;
     const HEADING_STYLES = (_d = options.headingStyles) !== null && _d !== void 0 ? _d : DEFAULT_HEADING_STYLES;
     const CONTENT_SIZES = (_e = options.contentSizes) !== null && _e !== void 0 ? _e : DEFAULT_CONTENT_SIZES;
     const CHIP_VARIANTS = (_f = options.chipVariants) !== null && _f !== void 0 ? _f : DEFAULT_CHIP_VARIANTS;
+    const IMAGE_CLIP_PATHS = (_g = options.imageClipPaths) !== null && _g !== void 0 ? _g : DEFAULT_IMAGE_CLIP_PATHS;
     return function Edit({ attributes, setAttributes, }) {
-        var _a, _b;
+        var _a, _b, _c;
         const { header, mediaPosition, img, ratio, gridStyle, content } = attributes;
         const isMediaLeft = mediaPosition === 'left';
+        const clipPath = (_a = img.clipPath) !== null && _a !== void 0 ? _a : 'none';
         const { paletteColors } = useTenantColorPalette();
         const { blockProps, innerBlocksProps } = useGroupBlock({
             blockClassName: [
-                (_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'g-text-and-media wp-block-section',
+                (_b = options.blockClassName) !== null && _b !== void 0 ? _b : 'g-text-and-media wp-block-section',
                 `--media-${mediaPosition}`,
                 ratio && `--ratio-${ratio}`,
                 `--content-${content.size}`,
             ],
-            containerClassName: (_b = options.containerClassName) !== null && _b !== void 0 ? _b : 'g-text-and-media__inner-blocks',
+            containerClassName: (_c = options.containerClassName) !== null && _c !== void 0 ? _c : 'g-text-and-media__inner-blocks',
             allowedBlocks: options.allowedBlocks,
             template: options.template,
         });
-        const mediaColumn = (_jsxs("div", { className: "g-text-and-media__media", children: [_jsx(ImagePickerBody, { value: { id: img.id, alt: img.alt }, onChange: (val) => setAttributes({ img: { ...img, ...val } }), placeholder: __('Vybrat obrázek', 'brilo-blocks') }), img.id > 0 && img.chip.title && (_jsx("span", { className: clsx('g-text-and-media__chip', `--${img.chip.position}`, `--${img.chip.variant}`), children: img.chip.title }))] }));
-        const textColumn = (_jsxs("div", { className: "g-text-and-media__text", children: [_jsx(RichText, { tagName: "span", className: "g-text-and-media__overline u-text-editable", value: header.overline.title, onChange: (value) => setAttributes({ header: { ...header, overline: { title: value } } }), placeholder: __('Overline...', 'brilo-blocks'), allowedFormats: [] }), _jsx(RichText, { tagName: `h${header.heading.level}`, className: clsx('g-text-and-media__heading', `--heading-style-${header.heading.style}`, 'u-text-editable'), style: header.heading.color ? { color: header.heading.color } : undefined, value: header.heading.title, onChange: (value) => setAttributes({ header: { ...header, heading: { ...header.heading, title: value } } }), placeholder: __('Nadpis...', 'brilo-blocks'), allowedFormats: ['core/bold', 'core/italic', 'core/text-color'] }), _jsx("div", { ...innerBlocksProps })] }));
-        return (_jsxs(_Fragment, { children: [_jsx(BlockControls, { children: _jsxs(ToolbarGroup, { children: [_jsx(ToolbarButton, { icon: "align-pull-left", label: __('Média vlevo', 'brilo-blocks'), isActive: isMediaLeft, onClick: () => setAttributes({ mediaPosition: 'left' }) }), _jsx(ToolbarButton, { icon: "align-pull-right", label: __('Média vpravo', 'brilo-blocks'), isActive: !isMediaLeft, onClick: () => setAttributes({ mediaPosition: 'right' }) })] }) }), _jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Obrázek', 'brilo-blocks'), children: [_jsx(ImagePickerControl, { value: { id: img.id, alt: img.alt }, onChange: (val) => setAttributes({ img: { ...img, ...val } }) }), _jsx(ToggleGroupControl, { label: __('Poměr stran', 'brilo-blocks'), value: ratio, onChange: (value) => setAttributes({ ratio: value }), isBlock: true, children: RATIOS.map((r) => (_jsx(ToggleGroupControlOption, { value: r.value, label: r.label }, r.value))) }), _jsx(TextControl, { label: __('URL videa', 'brilo-blocks'), value: img.video.src, onChange: (value) => setAttributes({ img: { ...img, video: { src: value } } }) })] }), _jsxs(PanelBody, { title: __('Chip', 'brilo-blocks'), initialOpen: false, children: [_jsx(TextControl, { label: __('Text chipu', 'brilo-blocks'), value: img.chip.title, onChange: (value) => setAttributes({ img: { ...img, chip: { ...img.chip, title: value } } }) }), _jsx(ToggleGroupControl, { label: __('Pozice chipu', 'brilo-blocks'), value: img.chip.position, onChange: (value) => setAttributes({ img: { ...img, chip: { ...img.chip, position: value } } }), isBlock: true, children: CHIP_POSITIONS.map((p) => (_jsx(ToggleGroupControlOption, { value: p.value, label: p.label }, p.value))) }), _jsx(ToggleGroupControl, { label: __('Varianta chipu', 'brilo-blocks'), value: img.chip.variant, onChange: (value) => setAttributes({ img: { ...img, chip: { ...img.chip, variant: value } } }), isBlock: true, children: CHIP_VARIANTS.map((v) => (_jsx(ToggleGroupControlOption, { value: v.value, label: v.label }, v.value))) })] }), _jsxs(PanelBody, { title: __('Rozložení', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { label: __('Pozice médií', 'brilo-blocks'), value: mediaPosition, onChange: (value) => setAttributes({ mediaPosition: value }), isBlock: true, children: MEDIA_POSITIONS.map((p) => (_jsx(ToggleGroupControlOption, { value: p.value, label: p.label }, p.value))) }), _jsx(ToggleGroupControl, { label: __('Styl mřížky', 'brilo-blocks'), value: gridStyle, onChange: (value) => setAttributes({ gridStyle: value }), isBlock: true, children: GRID_STYLES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }), _jsx(ToggleGroupControl, { label: __('Velikost textu', 'brilo-blocks'), value: content.size, onChange: (value) => setAttributes({ content: { size: value } }), isBlock: true, children: CONTENT_SIZES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) })] }), _jsxs(PanelBody, { title: __('Nadpis', 'brilo-blocks'), initialOpen: false, children: [_jsx(ToggleGroupControl, { label: __('Úroveň nadpisu', 'brilo-blocks'), value: String(header.heading.level), onChange: (value) => setAttributes({ header: { ...header, heading: { ...header.heading, level: Number(value) } } }), isBlock: true, children: HEADING_LEVELS.map((l) => (_jsx(ToggleGroupControlOption, { value: String(l), label: `H${l}` }, l))) }), _jsx(ToggleGroupControl, { label: __('Styl nadpisu', 'brilo-blocks'), value: header.heading.style, onChange: (value) => setAttributes({ header: { ...header, heading: { ...header.heading, style: value } } }), isBlock: true, children: HEADING_STYLES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }), _jsx(BaseControl, { label: __('Barva nadpisu', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: header.heading.color || undefined, onChange: (value) => setAttributes({ header: { ...header, heading: { ...header.heading, color: value !== null && value !== void 0 ? value : '' } } }) }) })] })] }), _jsx("div", { ...blockProps, children: _jsx("div", { className: clsx('u-grid-responsive --col-2 g-text-and-media__grid', `--grid-style-${gridStyle}`), children: isMediaLeft ? (_jsxs(_Fragment, { children: [mediaColumn, textColumn] })) : (_jsxs(_Fragment, { children: [textColumn, mediaColumn] })) }) })] }));
+        const mediaColumn = (_jsxs("div", { className: clsx('g-text-and-media__media', clipPath !== 'none' && `--clip-path --clip-path-${clipPath}`), children: [_jsx(ImagePickerBody, { value: { id: img.id, alt: img.alt }, onChange: (val) => setAttributes({ img: { ...img, ...val } }), placeholder: __('Vybrat obrázek', 'brilo-blocks') }), img.id > 0 && img.chip.title && (_jsx("span", { className: clsx('g-text-and-media__chip', `--${img.chip.position}`, `--${img.chip.variant}`), children: img.chip.title }))] }));
+        const textColumn = (_jsxs("div", { className: "g-text-and-media__text", children: [_jsx(RichText, { tagName: "span", className: "g-text-and-media__overline u-text-editable", style: header.overline.color || header.overline.background
+                        ? {
+                            ...(header.overline.color ? { color: header.overline.color } : {}),
+                            ...(header.overline.background ? { backgroundColor: header.overline.background } : {}),
+                        }
+                        : undefined, value: header.overline.title, onChange: (value) => setAttributes({ header: { ...header, overline: { ...header.overline, title: value } } }), placeholder: __('Overline...', 'brilo-blocks'), allowedFormats: [] }), _jsx(RichText, { tagName: `h${header.heading.level}`, className: clsx('g-text-and-media__heading', `--heading-style-${header.heading.style}`, 'u-text-editable'), style: header.heading.color ? { color: header.heading.color } : undefined, value: header.heading.title, onChange: (value) => setAttributes({ header: { ...header, heading: { ...header.heading, title: value } } }), placeholder: __('Nadpis...', 'brilo-blocks'), allowedFormats: ['core/bold', 'core/italic', 'core/text-color'] }), _jsx("div", { ...innerBlocksProps })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(BlockControls, { children: _jsxs(ToolbarGroup, { children: [_jsx(ToolbarButton, { icon: "align-pull-left", label: __('Média vlevo', 'brilo-blocks'), isActive: isMediaLeft, onClick: () => setAttributes({ mediaPosition: 'left' }) }), _jsx(ToolbarButton, { icon: "align-pull-right", label: __('Média vpravo', 'brilo-blocks'), isActive: !isMediaLeft, onClick: () => setAttributes({ mediaPosition: 'right' }) })] }) }), _jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Obrázek', 'brilo-blocks'), children: [_jsx(ImagePickerControl, { value: { id: img.id, alt: img.alt }, onChange: (val) => setAttributes({ img: { ...img, ...val } }) }), _jsx(ToggleGroupControl, { label: __('Poměr stran', 'brilo-blocks'), value: ratio, onChange: (value) => setAttributes({ ratio: value }), isBlock: true, children: RATIOS.map((r) => (_jsx(ToggleGroupControlOption, { value: r.value, label: r.label }, r.value))) }), _jsx(SelectControl, { label: __('Tvar výřezu', 'brilo-blocks'), value: clipPath, options: [...IMAGE_CLIP_PATHS], onChange: (value) => setAttributes({ img: { ...img, clipPath: value } }) }), _jsx(TextControl, { label: __('URL videa', 'brilo-blocks'), value: img.video.src, onChange: (value) => setAttributes({ img: { ...img, video: { src: value } } }) })] }), _jsxs(PanelBody, { title: __('Chip', 'brilo-blocks'), initialOpen: false, children: [_jsx(TextControl, { label: __('Text chipu', 'brilo-blocks'), value: img.chip.title, onChange: (value) => setAttributes({ img: { ...img, chip: { ...img.chip, title: value } } }) }), _jsx(ToggleGroupControl, { label: __('Pozice chipu', 'brilo-blocks'), value: img.chip.position, onChange: (value) => setAttributes({ img: { ...img, chip: { ...img.chip, position: value } } }), isBlock: true, children: CHIP_POSITIONS.map((p) => (_jsx(ToggleGroupControlOption, { value: p.value, label: p.label }, p.value))) }), _jsx(ToggleGroupControl, { label: __('Varianta chipu', 'brilo-blocks'), value: img.chip.variant, onChange: (value) => setAttributes({ img: { ...img, chip: { ...img.chip, variant: value } } }), isBlock: true, children: CHIP_VARIANTS.map((v) => (_jsx(ToggleGroupControlOption, { value: v.value, label: v.label }, v.value))) })] }), _jsxs(PanelBody, { title: __('Rozložení', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { label: __('Pozice médií', 'brilo-blocks'), value: mediaPosition, onChange: (value) => setAttributes({ mediaPosition: value }), isBlock: true, children: MEDIA_POSITIONS.map((p) => (_jsx(ToggleGroupControlOption, { value: p.value, label: p.label }, p.value))) }), _jsx(ToggleGroupControl, { label: __('Styl mřížky', 'brilo-blocks'), value: gridStyle, onChange: (value) => setAttributes({ gridStyle: value }), isBlock: true, children: GRID_STYLES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }), _jsx(ToggleGroupControl, { label: __('Velikost textu', 'brilo-blocks'), value: content.size, onChange: (value) => setAttributes({ content: { size: value } }), isBlock: true, children: CONTENT_SIZES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) })] }), _jsxs(PanelBody, { title: __('Overline', 'brilo-blocks'), initialOpen: false, children: [_jsx(BaseControl, { label: __('Barva pozadí', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: header.overline.background || undefined, onChange: (value) => setAttributes({ header: { ...header, overline: { ...header.overline, background: value !== null && value !== void 0 ? value : '' } } }) }) }), _jsx(BaseControl, { label: __('Barva textu', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: header.overline.color || undefined, onChange: (value) => setAttributes({ header: { ...header, overline: { ...header.overline, color: value !== null && value !== void 0 ? value : '' } } }) }) })] }), _jsxs(PanelBody, { title: __('Nadpis', 'brilo-blocks'), initialOpen: false, children: [_jsx(ToggleGroupControl, { label: __('Úroveň nadpisu', 'brilo-blocks'), value: String(header.heading.level), onChange: (value) => setAttributes({ header: { ...header, heading: { ...header.heading, level: Number(value) } } }), isBlock: true, children: HEADING_LEVELS.map((l) => (_jsx(ToggleGroupControlOption, { value: String(l), label: `H${l}` }, l))) }), _jsx(ToggleGroupControl, { label: __('Styl nadpisu', 'brilo-blocks'), value: header.heading.style, onChange: (value) => setAttributes({ header: { ...header, heading: { ...header.heading, style: value } } }), isBlock: true, children: HEADING_STYLES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }), _jsx(BaseControl, { label: __('Barva nadpisu', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: header.heading.color || undefined, onChange: (value) => setAttributes({ header: { ...header, heading: { ...header.heading, color: value !== null && value !== void 0 ? value : '' } } }) }) })] })] }), _jsx("div", { ...blockProps, children: _jsx("div", { className: clsx('u-grid-responsive --col-2 g-text-and-media__grid', `--grid-style-${gridStyle}`), children: isMediaLeft ? (_jsxs(_Fragment, { children: [mediaColumn, textColumn] })) : (_jsxs(_Fragment, { children: [textColumn, mediaColumn] })) }) })] }));
     };
 }

package/build/blocks/groups/text-and-media-group/factory.d.ts

@@ -1,7 +1,7 @@
 import type { BlockConfiguration } from '@wordpress/blocks';
 import type { OptionArray } from '../../../types';
-import { DEFAULT_CHIP_VARIANTS, DEFAULT_CONTENT_SIZES, DEFAULT_GRID_STYLES, DEFAULT_HEADING_STYLES, DEFAULT_MEDIA_POSITIONS, DEFAULT_RATIOS } from './constants';
+import { DEFAULT_CHIP_VARIANTS, DEFAULT_CONTENT_SIZES, DEFAULT_GRID_STYLES, DEFAULT_HEADING_STYLES, DEFAULT_IMAGE_CLIP_PATHS, DEFAULT_MEDIA_POSITIONS, DEFAULT_RATIOS } from './constants';
 import type { TextAndMediaGroupAttributes, TextAndMediaGroupOptions } from './types';
 export type { TextAndMediaGroupAttributes, TextAndMediaGroupOptions };
-export declare function createTextAndMediaGroupBlock<TRatios extends OptionArray = typeof DEFAULT_RATIOS, TMediaPositions extends OptionArray = typeof DEFAULT_MEDIA_POSITIONS, TGridStyles extends OptionArray = typeof DEFAULT_GRID_STYLES, THeadingStyles extends OptionArray = typeof DEFAULT_HEADING_STYLES, TContentSizes extends OptionArray = typeof DEFAULT_CONTENT_SIZES, TChipVariants extends OptionArray = typeof DEFAULT_CHIP_VARIANTS>(options: TextAndMediaGroupOptions<TRatios, TMediaPositions, TGridStyles, THeadingStyles, TContentSizes, TChipVariants>): BlockConfiguration<TextAndMediaGroupAttributes<TRatios[number]['value'], TMediaPositions[number]['value'], TGridStyles[number]['value'], THeadingStyles[number]['value'], TContentSizes[number]['value'], TChipVariants[number]['value']>>;
+export declare function createTextAndMediaGroupBlock<TRatios extends OptionArray = typeof DEFAULT_RATIOS, TMediaPositions extends OptionArray = typeof DEFAULT_MEDIA_POSITIONS, TGridStyles extends OptionArray = typeof DEFAULT_GRID_STYLES, THeadingStyles extends OptionArray = typeof DEFAULT_HEADING_STYLES, TContentSizes extends OptionArray = typeof DEFAULT_CONTENT_SIZES, TChipVariants extends OptionArray = typeof DEFAULT_CHIP_VARIANTS, TImageClipPaths extends OptionArray = typeof DEFAULT_IMAGE_CLIP_PATHS>(options: TextAndMediaGroupOptions<TRatios, TMediaPositions, TGridStyles, THeadingStyles, TContentSizes, TChipVariants, TImageClipPaths>): BlockConfiguration<TextAndMediaGroupAttributes<TRatios[number]['value'], TMediaPositions[number]['value'], TGridStyles[number]['value'], THeadingStyles[number]['value'], TContentSizes[number]['value'], TChipVariants[number]['value'], TImageClipPaths[number]['value']>>;
 //# sourceMappingURL=factory.d.ts.map

package/build/blocks/groups/text-and-media-group/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/text-and-media-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AACxC,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,EACvB,cAAc,EAEf,MAAM,aAAa,CAAA;AAGpB,OAAO,KAAK,EAAC,2BAA2B,EAAE,wBAAwB,EAAC,MAAM,SAAS,CAAA;AAElF,YAAY,EAAC,2BAA2B,EAAE,wBAAwB,EAAC,CAAA;AAEnE,wBAAgB,4BAA4B,CAC1C,OAAO,SAAS,WAAW,GAAG,OAAO,cAAc,EACnD,eAAe,SAAS,WAAW,GAAG,OAAO,uBAAuB,EACpE,WAAW,SAAS,WAAW,GAAG,OAAO,mBAAmB,EAC5D,cAAc,SAAS,WAAW,GAAG,OAAO,sBAAsB,EAClE,aAAa,SAAS,WAAW,GAAG,OAAO,qBAAqB,EAChE,aAAa,SAAS,WAAW,GAAG,OAAO,qBAAqB,EAEhE,OAAO,EAAE,wBAAwB,CAAC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,CAAC,GACrH,kBAAkB,CACnB,2BAA2B,CACzB,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EACxB,eAAe,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAChC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC5B,cAAc,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC/B,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC9B,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAC/B,CACF,CA8DA"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/text-and-media-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AACxC,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,sBAAsB,EACtB,wBAAwB,EACxB,uBAAuB,EACvB,cAAc,EAEf,MAAM,aAAa,CAAA;AAGpB,OAAO,KAAK,EAAC,2BAA2B,EAAE,wBAAwB,EAAC,MAAM,SAAS,CAAA;AAElF,YAAY,EAAC,2BAA2B,EAAE,wBAAwB,EAAC,CAAA;AAEnE,wBAAgB,4BAA4B,CAC1C,OAAO,SAAS,WAAW,GAAG,OAAO,cAAc,EACnD,eAAe,SAAS,WAAW,GAAG,OAAO,uBAAuB,EACpE,WAAW,SAAS,WAAW,GAAG,OAAO,mBAAmB,EAC5D,cAAc,SAAS,WAAW,GAAG,OAAO,sBAAsB,EAClE,aAAa,SAAS,WAAW,GAAG,OAAO,qBAAqB,EAChE,aAAa,SAAS,WAAW,GAAG,OAAO,qBAAqB,EAChE,eAAe,SAAS,WAAW,GAAG,OAAO,wBAAwB,EAErE,OAAO,EAAE,wBAAwB,CAAC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,CAAC,GACtI,kBAAkB,CACnB,2BAA2B,CACzB,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EACxB,eAAe,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAChC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC5B,cAAc,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC/B,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC9B,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC9B,eAAe,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CACjC,CACF,CAiEA"}