@brilo/base-blocks 0.1.42 → 0.1.44

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

@@ -1,2 +1,29 @@
 export declare const HEADING_LEVELS: readonly [2, 3, 4];
+export declare const RATIOS: readonly ['4:3', '3:2', '16:9', '1:1', '2:1', '3:4'];
+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">;
+}];
+export declare const IMAGE_CLIP_PATH_VALUES: Record<string, string>;
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-group/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,YAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-group/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,YAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAA;AAEhD,eAAO,MAAM,MAAM,YAAI,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAU,CAAA;AAE1E,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;AAIV,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQzD,CAAA"}

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

@@ -1 +1,24 @@
+import { __ } from '@wordpress/i18n';
 export const HEADING_LEVELS = [2, 3, 4];
+export const RATIOS = ['4:3', '3:2', '16:9', '1:1', '2:1', '3:4'];
+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') },
+];
+// Frontend reads the shapes from the theme's --shape-* tokens; the editor has no
+// access to them, so the same geometry is inlined here for the preview CSS var.
+export const IMAGE_CLIP_PATH_VALUES = {
+    circle: 'circle(50% at 50% 50%)',
+    triangle: 'polygon(50% 0%, 0% 100%, 100% 100%)',
+    rhombus: 'polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)',
+    octagon: 'polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%)',
+    bevel: 'polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%)',
+    rabbet: 'polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%)',
+    parallelogram: 'polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%)',
+};

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

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-group/edit.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAExE,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,mBAAmB,oCAI9D;IACD,UAAU,EAAE,sBAAsB,CAAA;IAClC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAA;CAC5D,iCAiCF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-group/edit.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAAuB,MAAM,SAAS,CAAA;AAE9F,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,mBAAmB,oCAI9D;IACD,UAAU,EAAE,sBAAsB,CAAA;IAClC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAA;CAC5D,iCAuDF"}

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

@@ -1,21 +1,26 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InspectorControls } from '@wordpress/block-editor';
-import { PanelBody, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
+import { PanelBody, SelectControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useGroupBlock } from '../../../hooks/useGroupBlock';
-import { HEADING_LEVELS } from './constants';
+import { DEFAULT_IMAGE_CLIP_PATHS, HEADING_LEVELS, IMAGE_CLIP_PATH_VALUES, RATIOS } from './constants';
 export function createCompareGroupEdit(options) {
     return function Edit({ attributes, setAttributes, }) {
-        var _a, _b;
-        const { headingLevel } = attributes;
+        var _a, _b, _c;
+        const { headingLevel, ratio, img } = attributes;
+        const clipPath = (_a = img === null || img === void 0 ? void 0 : img.clipPath) !== null && _a !== void 0 ? _a : 'none';
         const { blockProps, innerBlocksProps } = useGroupBlock({
-            blockClassName: (_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'g-compare wp-block-section',
-            containerClassName: [(_b = options.containerClassName) !== null && _b !== void 0 ? _b : 'u-grid-responsive'],
+            blockClassName: (_b = options.blockClassName) !== null && _b !== void 0 ? _b : 'g-compare wp-block-section',
+            containerClassName: [(_c = options.containerClassName) !== null && _c !== void 0 ? _c : 'u-grid-responsive', `--ratio-${ratio.replace(':', '-')}`],
+            containerStyle: {
+                // Inherited by every compare item inside the container.
+                ...(IMAGE_CLIP_PATH_VALUES[clipPath] && { '--compare-image-clip-path': IMAGE_CLIP_PATH_VALUES[clipPath] }),
+            },
             allowedBlocks: options.allowedBlocks,
             orientation: 'horizontal',
             template: options.template,
             layout: { type: 'default' },
         });
-        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsx(PanelBody, { title: __('Nastavení', 'brilo-blocks'), children: _jsx(ToggleGroupControl, { isBlock: true, label: __('Úroveň nadpisu', 'brilo-blocks'), value: String(headingLevel), onChange: (v) => setAttributes({ headingLevel: Number(v) }), children: HEADING_LEVELS.map((l) => (_jsx(ToggleGroupControlOption, { value: String(l), label: `H${l}` }, l))) }) }) }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Nastavení', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Úroveň nadpisu', 'brilo-blocks'), value: String(headingLevel), onChange: (v) => setAttributes({ headingLevel: Number(v) }), children: HEADING_LEVELS.map((l) => (_jsx(ToggleGroupControlOption, { value: String(l), label: `H${l}` }, l))) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Poměr stran obrázku', 'brilo-blocks'), value: ratio, onChange: (v) => setAttributes({ ratio: v }), children: RATIOS.map((r) => (_jsx(ToggleGroupControlOption, { value: r, label: r }, r))) }), _jsx(SelectControl, { label: __('Tvar výřezu obrázku', 'brilo-blocks'), value: clipPath, options: [...DEFAULT_IMAGE_CLIP_PATHS], onChange: (v) => setAttributes({ img: { ...img, clipPath: v } }) })] }) }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
     };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAKzD,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAExE,YAAY,EAAC,sBAAsB,EAAE,mBAAmB,EAAC,CAAA;AAEzD,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,mBAAmB,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CAkBhH"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAKzD,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAExE,YAAY,EAAC,sBAAsB,EAAE,mBAAmB,EAAC,CAAA;AAEzD,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,mBAAmB,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CA2BhH"}

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

@@ -3,7 +3,7 @@ import { InnerBlocks } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
 import { createCompareGroupEdit } from './edit';
 import { icon as defaultIcon } from './icon';
-import { HEADING_LEVELS } from './constants';
+import { DEFAULT_IMAGE_CLIP_PATHS, HEADING_LEVELS, RATIOS } from './constants';
 export function createCompareGroupBlock(options) {
     var _a, _b, _c;
     return {
@@ -19,6 +19,15 @@ export function createCompareGroupBlock(options) {
                 type: 'number',
                 default: HEADING_LEVELS[1],
             },
+            ratio: {
+                type: 'string',
+                default: RATIOS[0],
+                enum: [...RATIOS],
+            },
+            img: {
+                type: 'object',
+                default: { clipPath: DEFAULT_IMAGE_CLIP_PATHS[0].value },
+            },
         },
         edit: createCompareGroupEdit(options),
         save: () => _jsx(InnerBlocks.Content, {}),

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

@@ -1,4 +1,4 @@
-export type { CompareGroupAttributes, CompareGroupOptions } from './types';
+export type { CompareGroupAttributes, CompareGroupOptions, CompareHeadingLevel, CompareImageClipPath, CompareRatio, } from './types';
 export { createCompareGroupBlock } from './factory';
 import type { CompareGroupOptions } from './types';
 export declare const compareGroupDefaults: CompareGroupOptions;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,sBAAsB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAA;AACxE,OAAO,EAAC,uBAAuB,EAAC,MAAM,WAAW,CAAA;AACjD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,eAAO,MAAM,oBAAoB,EAAE,mBAQlC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,YAAY,GACb,MAAM,SAAS,CAAA;AAChB,OAAO,EAAC,uBAAuB,EAAC,MAAM,WAAW,CAAA;AACjD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,eAAO,MAAM,oBAAoB,EAAE,mBAQlC,CAAA"}

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

@@ -1,8 +1,14 @@
-import { HEADING_LEVELS } from './constants';
 import type { BriloBlockType } from '../../../types';
+import type { DEFAULT_IMAGE_CLIP_PATHS, HEADING_LEVELS, RATIOS } from './constants';
 export type CompareHeadingLevel = (typeof HEADING_LEVELS)[number];
+export type CompareRatio = (typeof RATIOS)[number];
+export type CompareImageClipPath = (typeof DEFAULT_IMAGE_CLIP_PATHS)[number]['value'];
 export interface CompareGroupAttributes extends Record<string, unknown> {
     headingLevel: CompareHeadingLevel;
+    ratio: CompareRatio;
+    img: {
+        clipPath: CompareImageClipPath;
+    };
 }
 export interface CompareGroupOptions extends BriloBlockType {
     allowedBlocks: string[];

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAC1C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAEjE,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACrE,YAAY,EAAE,mBAAmB,CAAA;CAClC;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,aAAa,EAAE,MAAM,EAAE,CAAA;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAC,wBAAwB,EAAE,cAAc,EAAE,MAAM,EAAC,MAAM,aAAa,CAAA;AAEjF,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AACjE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAClD,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAErF,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACrE,YAAY,EAAE,mBAAmB,CAAA;IACjC,KAAK,EAAE,YAAY,CAAA;IACnB,GAAG,EAAE;QAAC,QAAQ,EAAE,oBAAoB,CAAA;KAAC,CAAA;CACtC;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,aAAa,EAAE,MAAM,EAAE,CAAA;CACxB"}

package/build/blocks/compare/compare-item/edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-item/edit.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAEtE,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,kBAAkB,oCAI5D;IACD,UAAU,EAAE,qBAAqB,CAAA;IACjC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAA;CAC3D,iCA0BF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-item/edit.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAEtE,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,kBAAkB,oCAI5D;IACD,UAAU,EAAE,qBAAqB,CAAA;IACjC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAA;CAC3D,iCA2CF"}

package/build/blocks/compare/compare-item/edit.js

@@ -1,14 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RichText, useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InspectorControls, RichText, useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
+import { PanelBody } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
+import { ImagePickerControl } from '../../../components/ImagePicker';
 export function createCompareItemEdit(options) {
     return function Edit({ attributes, setAttributes, }) {
-        const { title } = attributes;
+        const { title, img } = attributes;
         const blockProps = useBlockProps({ className: 'i-compare' });
         const innerBlocksProps = useInnerBlocksProps({ className: 'i-compare__options wp-block-inner-content' }, {
             allowedBlocks: options.allowedBlocks,
             template: options.template,
         });
-        return (_jsx("div", { ...blockProps, children: _jsxs("div", { className: 'i-compare__inner', children: [_jsx(RichText, { tagName: 'div', className: "i-compare__title u-text-editable", value: title, onChange: (v) => setAttributes({ title: v }), placeholder: __('Nadpis...', 'brilo-blocks') }), _jsx("div", { ...innerBlocksProps })] }) }));
+        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsx(PanelBody, { title: __('Obrázek', 'brilo-blocks'), children: _jsx(ImagePickerControl, { value: img, onChange: (val) => setAttributes({ img: val }) }) }) }), _jsx("div", { ...blockProps, children: _jsxs("div", { className: 'i-compare__inner', children: [_jsx("div", { className: "i-compare__image-wrapper", children: img.id ? (_jsx(ImagePickerControl, { value: img, onChange: (val) => setAttributes({ img: val }), size: [128, 128] })) : (_jsx("div", { className: "i-compare__image-placeholder", children: _jsx(ImagePickerControl, { value: img, onChange: (val) => setAttributes({ img: val }) }) })) }), _jsx(RichText, { tagName: 'div', className: "i-compare__title u-text-editable", value: title, onChange: (v) => setAttributes({ title: v }), placeholder: __('Nadpis...', 'brilo-blocks') }), _jsx("div", { ...innerBlocksProps })] }) })] }));
     };
 }

package/build/blocks/compare/compare-item/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-item/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAEtE,YAAY,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,CAAA;AAEvD,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,kBAAkB,GAAG,kBAAkB,CAAC,qBAAqB,CAAC,CAkB7G"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-item/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAEtE,YAAY,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,CAAA;AAEvD,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,kBAAkB,GAAG,kBAAkB,CAAC,qBAAqB,CAAC,CAsB7G"}

package/build/blocks/compare/compare-item/factory.js

@@ -18,6 +18,10 @@ export function createCompareItemBlock(options) {
                 type: 'string',
                 default: '',
             },
+            img: {
+                type: 'object',
+                default: { id: 0, alt: '' },
+            },
         },
         edit: createCompareItemEdit(options),
         save: () => _jsx(InnerBlocks.Content, {}),

package/build/blocks/compare/compare-item/types.d.ts

@@ -1,6 +1,8 @@
+import type { ImageValue } from '../../../components/ImagePicker/ImagePicker';
 import type { BriloBlockType } from '../../../types';
 export interface CompareItemAttributes extends Record<string, unknown> {
     title: string;
+    img: ImageValue;
 }
 export interface CompareItemOptions extends BriloBlockType {
     allowedBlocks: string[];

package/build/blocks/compare/compare-item/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACpE,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,aAAa,EAAE,MAAM,EAAE,CAAA;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sCAAsC,CAAA;AACpE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACpE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,UAAU,CAAA;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,aAAa,EAAE,MAAM,EAAE,CAAA;CACxB"}

package/build/blocks/compare/compare-option/types.d.ts

@@ -1,5 +1,5 @@
 import type { BriloBlockType } from '../../../types';
-import { VARIANTS } from './constants';
+import type { VARIANTS } from './constants';
 export type CompareOptionVariant = (typeof VARIANTS)[number]['value'];
 export interface CompareOptionAttributes extends Record<string, unknown> {
     text: string;

package/build/blocks/compare/compare-option/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-option/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AAEpC,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAErE,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtE,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,oBAAoB,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/compare/compare-option/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AAEzC,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAErE,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtE,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,oBAAoB,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;CAAG"}

package/build/blocks/core/basic-icon/buildPreviewStyle.d.ts

@@ -0,0 +1,8 @@
+import type { BasicIconStyle } from './types';
+export interface BasicIconPreviewStyle {
+    rootClassName: string;
+    iconClassName: string;
+    cssVars: Record<string, string>;
+}
+export declare function buildBasicIconPreviewStyle(style: BasicIconStyle, resolveHex?: (value: string) => string): BasicIconPreviewStyle;
+//# sourceMappingURL=buildPreviewStyle.d.ts.map

package/build/blocks/core/basic-icon/buildPreviewStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildPreviewStyle.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-icon/buildPreviewStyle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAChC;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,cAAc,EACrB,UAAU,GAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAyB,GACvD,qBAAqB,CA2BvB"}

package/build/blocks/core/basic-icon/buildPreviewStyle.js

@@ -0,0 +1,22 @@
+import clsx from 'clsx';
+export function buildBasicIconPreviewStyle(style, resolveHex = (value) => value) {
+    var _a;
+    const icon = (_a = style.icon) !== null && _a !== void 0 ? _a : {};
+    const rootClassName = clsx(style.align && `--align-${style.align}`, icon.background && icon.background !== 'none' && '--icon-background', icon.color && icon.color !== 'none' && '--icon-color', icon.borderColor && '--icon-bordered');
+    const iconClassName = clsx(icon.backgroundShape && icon.backgroundShape !== 'none' && `--background-shape --background-shape-${icon.backgroundShape}`);
+    const cssVars = {};
+    if (icon.background && icon.background !== 'none')
+        cssVars['--icon-background-color'] = resolveHex(icon.background);
+    if (icon.color && icon.color !== 'none')
+        cssVars['--icon-color'] = resolveHex(icon.color);
+    if (icon.size)
+        cssVars['--icon-size'] = `${icon.size}px`;
+    if (icon.background && icon.background !== 'none' && icon.backgroundSize) {
+        cssVars['--icon-background-size'] = `${icon.backgroundSize}px`;
+    }
+    if (icon.borderColor) {
+        cssVars['--icon-outline-color'] = resolveHex(icon.borderColor);
+        cssVars['--icon-outline-width'] = `${icon.borderWidth || 1}px`;
+    }
+    return { rootClassName, iconClassName, cssVars };
+}

package/build/blocks/core/basic-icon/constants.d.ts

@@ -0,0 +1,84 @@
+export declare const ICON_TYPES: readonly [{
+    readonly value: 'preselected';
+    readonly label: import("@wordpress/i18n").TransformedText<"Předvolená">;
+}, {
+    readonly value: 'media';
+    readonly label: import("@wordpress/i18n").TransformedText<"Obrázek">;
+}, {
+    readonly value: 'number';
+    readonly label: import("@wordpress/i18n").TransformedText<"Číslo">;
+}];
+export declare const DEFAULT_ALIGNMENTS: readonly [{
+    readonly value: 'left';
+    readonly label: import("@wordpress/i18n").TransformedText<"Vlevo">;
+}, {
+    readonly value: 'center';
+    readonly label: import("@wordpress/i18n").TransformedText<"Na střed">;
+}, {
+    readonly value: 'right';
+    readonly label: import("@wordpress/i18n").TransformedText<"Vpravo">;
+}];
+export declare const DEFAULT_ICON_SIZE = 88;
+export declare const ICON_SIZE_MIN = 4;
+export declare const ICON_SIZE_MAX = 128;
+export declare const DEFAULT_ICON_SIZE_PRESETS: readonly [{
+    readonly value: 8;
+    readonly label: import("@wordpress/i18n").TransformedText<"XS">;
+}, {
+    readonly value: 16;
+    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: 48;
+    readonly label: import("@wordpress/i18n").TransformedText<"XL">;
+}];
+export declare const DEFAULT_ICON_BACKGROUND_SIZE = 88;
+export declare const ICON_BACKGROUND_SIZE_MIN = 16;
+export declare const ICON_BACKGROUND_SIZE_MAX = 240;
+export declare const DEFAULT_ICON_BACKGROUND_SIZE_PRESETS: readonly [{
+    readonly value: 48;
+    readonly label: import("@wordpress/i18n").TransformedText<"XS">;
+}, {
+    readonly value: 64;
+    readonly label: import("@wordpress/i18n").TransformedText<"SM">;
+}, {
+    readonly value: 88;
+    readonly label: import("@wordpress/i18n").TransformedText<"Výchozí">;
+}, {
+    readonly value: 104;
+    readonly label: import("@wordpress/i18n").TransformedText<"LG">;
+}, {
+    readonly value: 128;
+    readonly label: import("@wordpress/i18n").TransformedText<"XL">;
+}];
+export declare const DEFAULT_ICON_BACKGROUND_SHAPES: 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/core/basic-icon/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-icon/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;aACpB,KAAK,EAAE,aAAa;aAAE,KAAK;;aAC3B,KAAK,EAAE,OAAO;aAAE,KAAK;;aACrB,KAAK,EAAE,QAAQ;aAAE,KAAK;EACf,CAAA;AAEV,eAAO,MAAM,kBAAkB;aAC5B,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,QAAQ;aAAE,KAAK;;aACtB,KAAK,EAAE,OAAO;aAAE,KAAK;EACd,CAAA;AAEV,eAAO,MAAM,iBAAiB,KAAK,CAAA;AACnC,eAAO,MAAM,aAAa,IAAI,CAAA;AAC9B,eAAO,MAAM,aAAa,MAAM,CAAA;AAEhC,eAAO,MAAM,yBAAyB;aACnC,KAAK,EAAE,CAAC;aAAE,KAAK;;aACf,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;AAEV,eAAO,MAAM,4BAA4B,KAAK,CAAA;AAC9C,eAAO,MAAM,wBAAwB,KAAK,CAAA;AAC1C,eAAO,MAAM,wBAAwB,MAAM,CAAA;AAE3C,eAAO,MAAM,oCAAoC;aAC9C,KAAK,EAAE,EAAE;aAAE,KAAK;;aAChB,KAAK,EAAE,EAAE;aAAE,KAAK;;aAChB,KAAK,EAAE,EAAE;aAAE,KAAK;;aAChB,KAAK,EAAE,GAAG;aAAE,KAAK;;aACjB,KAAK,EAAE,GAAG;aAAE,KAAK;EACV,CAAA;AAEV,eAAO,MAAM,8BAA8B;aACxC,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/core/basic-icon/constants.js

@@ -0,0 +1,41 @@
+import { __ } from '@wordpress/i18n';
+export const ICON_TYPES = [
+    { value: 'preselected', label: __('Předvolená', 'brilo-blocks') },
+    { value: 'media', label: __('Obrázek', 'brilo-blocks') },
+    { value: 'number', label: __('Číslo', 'brilo-blocks') },
+];
+export const DEFAULT_ALIGNMENTS = [
+    { value: 'left', label: __('Vlevo', 'brilo-blocks') },
+    { value: 'center', label: __('Na střed', 'brilo-blocks') },
+    { value: 'right', label: __('Vpravo', 'brilo-blocks') },
+];
+export const DEFAULT_ICON_SIZE = 88;
+export const ICON_SIZE_MIN = 4;
+export const ICON_SIZE_MAX = 128;
+export const DEFAULT_ICON_SIZE_PRESETS = [
+    { value: 8, label: __('XS', 'brilo-blocks') },
+    { value: 16, label: __('SM', 'brilo-blocks') },
+    { value: 24, label: __('MD', 'brilo-blocks') },
+    { value: 32, label: __('LG', 'brilo-blocks') },
+    { value: 48, label: __('XL', 'brilo-blocks') },
+];
+export const DEFAULT_ICON_BACKGROUND_SIZE = 88;
+export const ICON_BACKGROUND_SIZE_MIN = 16;
+export const ICON_BACKGROUND_SIZE_MAX = 240;
+export const DEFAULT_ICON_BACKGROUND_SIZE_PRESETS = [
+    { value: 48, label: __('XS', 'brilo-blocks') },
+    { value: 64, label: __('SM', 'brilo-blocks') },
+    { value: 88, label: __('Výchozí', 'brilo-blocks') },
+    { value: 104, label: __('LG', 'brilo-blocks') },
+    { value: 128, label: __('XL', 'brilo-blocks') },
+];
+export const DEFAULT_ICON_BACKGROUND_SHAPES = [
+    { 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/core/basic-icon/edit.d.ts

@@ -0,0 +1,6 @@
+import type { BasicIconAttributes, BasicIconOptions } from './types';
+export declare function createBasicIconEdit(options: BasicIconOptions): ({ attributes, setAttributes, }: {
+    attributes: BasicIconAttributes;
+    setAttributes: (a: Partial<BasicIconAttributes>) => void;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=edit.d.ts.map

package/build/blocks/core/basic-icon/edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-icon/edit.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAqB,mBAAmB,EAA4B,gBAAgB,EAAsB,MAAM,SAAS,CAAA;AA+BrI,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,oCAIxD;IACD,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;CACzD,iCAwGF"}

package/build/blocks/core/basic-icon/edit.js

@@ -0,0 +1,22 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
+import { BaseControl, Button, ColorPalette, PanelBody, RangeControl, SelectControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import clsx from 'clsx';
+import { ItemIconControl, ItemIconPreview } from '../../../components/ItemIconControl';
+import { useTenantColorPalette } from '../../../hooks/useTenantColorPalette';
+import { buildBasicIconPreviewStyle } from './buildPreviewStyle';
+import { DEFAULT_ALIGNMENTS, DEFAULT_ICON_BACKGROUND_SHAPES, DEFAULT_ICON_BACKGROUND_SIZE_PRESETS, DEFAULT_ICON_SIZE_PRESETS, ICON_BACKGROUND_SIZE_MAX, ICON_BACKGROUND_SIZE_MIN, ICON_SIZE_MAX, ICON_SIZE_MIN, ICON_TYPES, } from './constants';
+function PresetSizeControl({ label, value, presets, min, max, onChange, }) {
+    return (_jsxs(BaseControl, { label: label, id: `basic-icon-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 createBasicIconEdit(options) {
+    return function Edit({ attributes, setAttributes, }) {
+        const { icon, style } = attributes;
+        const { paletteColors, resolveHex } = useTenantColorPalette();
+        const { rootClassName, iconClassName, cssVars } = buildBasicIconPreviewStyle(style, resolveHex);
+        const blockProps = useBlockProps({ className: clsx('i-basic-icon', rootClassName) });
+        const setIcon = (patch) => setAttributes({ style: { ...style, icon: { ...style.icon, ...patch } } });
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsx(PanelBody, { title: __('Ikona', 'brilo-blocks'), children: _jsx(ItemIconControl, { icon: icon, setAttributes: setAttributes, iconTypes: ICON_TYPES, options: options }) }), _jsx(PanelBody, { title: __('Zarovnání', 'brilo-blocks'), children: _jsx(ToggleGroupControl, { isBlock: true, label: __('Zarovnání', 'brilo-blocks'), value: style.align, onChange: (v) => setAttributes({ style: { ...style, align: v } }), children: DEFAULT_ALIGNMENTS.map((a) => (_jsx(ToggleGroupControlOption, { value: a.value, label: a.label }, a.value))) }) }), _jsxs(PanelBody, { title: __('Styl ikony', 'brilo-blocks'), initialOpen: false, children: [_jsx(PresetSizeControl, { label: __('Velikost', 'brilo-blocks'), value: style.icon.size, presets: DEFAULT_ICON_SIZE_PRESETS, min: ICON_SIZE_MIN, max: ICON_SIZE_MAX, onChange: (v) => setIcon({ size: v }) }), _jsx(BaseControl, { label: __('Barva', 'brilo-blocks'), id: "basic-icon-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.icon.color || undefined, onChange: (value) => setIcon({ color: value !== null && value !== void 0 ? value : '' }) }) }), _jsx(BaseControl, { label: __('Pozadí', 'brilo-blocks'), id: "basic-icon-background-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.icon.background || undefined, onChange: (value) => setIcon({ background: value !== null && value !== void 0 ? value : '' }) }) }), _jsx(PresetSizeControl, { label: __('Velikost pozadí', 'brilo-blocks'), value: style.icon.backgroundSize, presets: DEFAULT_ICON_BACKGROUND_SIZE_PRESETS, min: ICON_BACKGROUND_SIZE_MIN, max: ICON_BACKGROUND_SIZE_MAX, onChange: (v) => setIcon({ backgroundSize: v }) }), style.icon.background && (_jsx(SelectControl, { label: __('Tvar pozadí', 'brilo-blocks'), value: style.icon.backgroundShape, options: [...DEFAULT_ICON_BACKGROUND_SHAPES], onChange: (v) => setIcon({ backgroundShape: v }) })), _jsx(BaseControl, { label: __('Barva ohraničení', 'brilo-blocks'), help: __('Bez vybrané barvy se okraj nevykreslí.', 'brilo-blocks'), id: "basic-icon-border-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.icon.borderColor || undefined, onChange: (value) => setIcon({ borderColor: value !== null && value !== void 0 ? value : '' }) }) }), style.icon.borderColor && (_jsx(RangeControl, { label: __('Šířka ohraničení (px)', 'brilo-blocks'), value: style.icon.borderWidth, onChange: (v) => setIcon({ borderWidth: v !== null && v !== void 0 ? v : 0 }), min: 0, max: 10, step: 1 }))] })] }), _jsx("div", { ...blockProps, children: _jsx(ItemIconPreview, { icon: icon, className: "i-basic-icon__icon", modifierClassName: iconClassName, style: cssVars, setAttributes: setAttributes, options: options }) })] }));
+    };
+}

package/build/blocks/core/basic-icon/factory.d.ts

@@ -0,0 +1,5 @@
+import type { BlockConfiguration } from '@wordpress/blocks';
+import type { BasicIconAttributes, BasicIconOptions } from './types';
+export type { BasicIconAttributes, BasicIconOptions };
+export declare function createBasicIconBlock(options: BasicIconOptions): BlockConfiguration<BasicIconAttributes>;
+//# sourceMappingURL=factory.d.ts.map

package/build/blocks/core/basic-icon/factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-icon/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAElE,YAAY,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,CAAA;AAEnD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAiCvG"}

package/build/blocks/core/basic-icon/factory.js

@@ -0,0 +1,38 @@
+import { __ } from '@wordpress/i18n';
+import { DEFAULT_ALIGNMENTS, DEFAULT_ICON_BACKGROUND_SHAPES, DEFAULT_ICON_BACKGROUND_SIZE, DEFAULT_ICON_SIZE, ICON_TYPES } from './constants';
+import { createBasicIconEdit } from './edit';
+export function createBasicIconBlock(options) {
+    var _a, _b, _c;
+    return {
+        name: options.name,
+        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Ikona', 'brilo-blocks'),
+        description: options.description,
+        category: (_b = options.category) !== null && _b !== void 0 ? _b : 'layout',
+        ...(options.parent && { parent: options.parent }),
+        icon: (_c = options.icon) !== null && _c !== void 0 ? _c : 'star-filled',
+        supports: { html: false, customClassName: false },
+        attributes: {
+            icon: {
+                type: 'object',
+                default: { type: ICON_TYPES[0].value, src: '', media: { id: 0, alt: '' } },
+            },
+            style: {
+                type: 'object',
+                default: {
+                    align: DEFAULT_ALIGNMENTS[0].value,
+                    icon: {
+                        size: DEFAULT_ICON_SIZE,
+                        color: '',
+                        background: '',
+                        backgroundSize: DEFAULT_ICON_BACKGROUND_SIZE,
+                        backgroundShape: DEFAULT_ICON_BACKGROUND_SHAPES[0].value,
+                        borderColor: '',
+                        borderWidth: 1,
+                    },
+                },
+            },
+        },
+        edit: createBasicIconEdit(options),
+        save: () => null,
+    };
+}

package/build/blocks/core/basic-icon/index.d.ts

@@ -0,0 +1,5 @@
+export type { BasicIconAlignment, BasicIconAttributes, BasicIconBackgroundShape, BasicIconOptions, BasicIconStyle, } from './types';
+export { createBasicIconBlock } from './factory';
+import type { BasicIconOptions } from './types';
+export declare const basicIconDefaults: BasicIconOptions;
+//# sourceMappingURL=index.d.ts.map

package/build/blocks/core/basic-icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-icon/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,gBAAgB,EAChB,cAAc,GACf,MAAM,SAAS,CAAA;AAChB,OAAO,EAAC,oBAAoB,EAAC,MAAM,WAAW,CAAA;AAE9C,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAE7C,eAAO,MAAM,iBAAiB,EAAE,gBAK/B,CAAA"}

package/build/blocks/core/basic-icon/index.js

@@ -0,0 +1,7 @@
+export { createBasicIconBlock } from './factory';
+export const basicIconDefaults = {
+    name: 'brilo/basic-icon',
+    parent: ['brilo/base-section'],
+    icons: [],
+    iconsSrc: '',
+};

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

@@ -0,0 +1,30 @@
+import type { IconType } from '../../../components/IconControl';
+import type { BriloBlockType, Icon } from '../../../types';
+import type { DEFAULT_ALIGNMENTS, DEFAULT_ICON_BACKGROUND_SHAPES } from './constants';
+export type BasicIconAlignment = (typeof DEFAULT_ALIGNMENTS)[number]['value'];
+export type BasicIconBackgroundShape = (typeof DEFAULT_ICON_BACKGROUND_SHAPES)[number]['value'];
+export interface BasicIconSizePreset {
+    value: number;
+    label: string;
+}
+export interface BasicIconStyle {
+    align: BasicIconAlignment;
+    icon: {
+        size: number;
+        color: string;
+        background: string;
+        backgroundSize: number;
+        backgroundShape: BasicIconBackgroundShape;
+        borderColor: string;
+        borderWidth: number;
+    };
+}
+export interface BasicIconAttributes extends Record<string, unknown> {
+    icon: Icon;
+    style: BasicIconStyle;
+}
+export interface BasicIconOptions extends BriloBlockType {
+    icons: IconType[];
+    iconsSrc: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACtD,OAAO,KAAK,EAAC,cAAc,EAAE,IAAI,EAAC,MAAM,SAAS,CAAA;AACjD,OAAO,KAAK,EAAC,kBAAkB,EAAE,8BAA8B,EAAC,MAAM,aAAa,CAAA;AAEnF,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAC7E,MAAM,MAAM,wBAAwB,GAAG,CAAC,OAAO,8BAA8B,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAE/F,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,kBAAkB,CAAA;IACzB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,UAAU,EAAE,MAAM,CAAA;QAClB,cAAc,EAAE,MAAM,CAAA;QACtB,eAAe,EAAE,wBAAwB,CAAA;QACzC,WAAW,EAAE,MAAM,CAAA;QACnB,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;CACF;AAED,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,cAAc,CAAA;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB"}

package/build/blocks/core/basic-icon/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-overline/edit.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,uBAAuB,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAA;AAE1E,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,oBAAoB,oCAIhE;IACD,UAAU,EAAE,uBAAuB,CAAA;IACnC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAA;CAC7D,iCAgBF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-overline/edit.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,uBAAuB,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAA;AAE1E,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,oBAAoB,oCAIhE;IACD,UAAU,EAAE,uBAAuB,CAAA;IACnC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAA;CAC7D,iCAwBF"}

package/build/blocks/core/basic-overline/edit.js

@@ -5,6 +5,11 @@ export function createBasicOverlineEdit(options) {
     return function Edit({ attributes, setAttributes, }) {
         var _a;
         const blockProps = useBlockProps({ className: (_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'i-overline' });
-        return (_jsx("div", { ...blockProps, children: _jsx(RichText, { tagName: "span", className: "i-overline__text u-text-editable", value: attributes.title, onChange: (value) => setAttributes({ title: value }), placeholder: __('Overline...', 'brilo-blocks'), allowedFormats: [] }) }));
+        return (_jsx("div", { ...blockProps, children: _jsx(RichText, { tagName: "span", className: "i-overline__text u-text-editable", style: attributes.color || attributes.background
+                    ? {
+                        ...(attributes.color ? { color: attributes.color } : {}),
+                        ...(attributes.background ? { backgroundColor: attributes.background } : {}),
+                    }
+                    : undefined, value: attributes.title, onChange: (value) => setAttributes({ title: value }), placeholder: __('Overline...', 'brilo-blocks'), allowedFormats: [] }) }));
     };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-overline/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,uBAAuB,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAA;AAE1E,YAAY,EAAC,uBAAuB,EAAE,oBAAoB,EAAC,CAAA;AAE3D,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,oBAAoB,GAAG,kBAAkB,CAAC,uBAAuB,CAAC,CAcnH"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-overline/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,uBAAuB,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAA;AAE1E,YAAY,EAAC,uBAAuB,EAAE,oBAAoB,EAAC,CAAA;AAE3D,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,oBAAoB,GAAG,kBAAkB,CAAC,uBAAuB,CAAC,CAgBnH"}

package/build/blocks/core/basic-overline/factory.js

@@ -11,6 +11,8 @@ export function createBasicOverlineBlock(options) {
         icon: (_c = options.icon) !== null && _c !== void 0 ? _c : 'text',
         attributes: {
             title: { type: 'string', default: '' },
+            color: { type: 'string', default: '' },
+            background: { type: 'string', default: '' },
         },
         edit: createBasicOverlineEdit(options),
         save: () => null,