@brilo/base-blocks 0.1.44 → 0.1.45

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

@@ -2,7 +2,7 @@ export { createCompareItemBlock } from './factory';
 export const compareItemDefaults = {
     name: 'brilo/compare-item',
     parent: ['brilo/compare-group'],
-    allowedBlocks: ['brilo/compare-option'],
+    allowedBlocks: ['brilo/compare-option', 'brilo/list-group'],
     template: [
         ['brilo/compare-option', { variant: 'plus' }],
         ['brilo/compare-option', { variant: 'minus' }],

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":"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"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/faq/faq-group/edit.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAA4D,MAAM,SAAS,CAAA;AA+B3H,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,oCAQtD;IACD,UAAU,EAAE,kBAAkB,CAAA;IAC9B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;CACxD,iCA0GF"}

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

@@ -2,6 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { InspectorControls } 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 { ItemSpacingPanel, itemSpacingStyle } from '../../../components/ItemSpacingControl';
 import { useGroupBlock } from '../../../hooks/useGroupBlock';
 import { useTenantColorPalette } from '../../../hooks/useTenantColorPalette';
 import { DEFAULT_ICON_SIZE_PRESETS, DEFAULT_ICON_VARIANTS, DEFAULT_SHADOWS, FAQ_HEADING_LEVELS, ICON_SIZE_MAX, ICON_SIZE_MIN, } from './constants';
@@ -15,16 +16,17 @@ export function createFaqGroupEdit(options) {
     const exclude = (_c = options.exclude) !== null && _c !== void 0 ? _c : [];
     return function Edit({ attributes, setAttributes, }) {
         var _a, _b;
-        const { headingLevel, iconVariant, style } = attributes;
+        const { headingLevel, iconVariant, style, spacing } = 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',
+            containerStyle: itemSpacingStyle(spacing),
             allowedBlocks: options.allowedBlocks,
             template: options.template,
             orientation: 'vertical',
             layout: { type: 'default' },
         });
-        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsx(PanelBody, { title: __('Nadpis', 'brilo-blocks'), children: _jsx(SelectControl, { label: __('Level nadpisu FAQ', 'brilo-blocks'), value: headingLevel, options: FAQ_HEADING_LEVELS.map((level) => ({ value: level, label: `H${level}` })), onChange: (value) => setAttributes({ headingLevel: value }) }) }), _jsxs(PanelBody, { title: __('Ikona', 'brilo-blocks'), children: [_jsx(SelectControl, { label: __('Typ ikonky', 'brilo-blocks'), value: iconVariant, options: ICON_VARIANTS.map((v) => ({ value: v.value, label: v.label })), onChange: (value) => setAttributes({ iconVariant: value }) }), !exclude.includes('colors') && style && (_jsxs(_Fragment, { children: [_jsx(PresetSizeControl, { label: __('Velikost', 'brilo-blocks'), value: style.icon.size, presets: ICON_SIZE_PRESETS, min: ICON_SIZE_MIN, max: ICON_SIZE_MAX, onChange: (v) => setAttributes({ style: { ...style, icon: { ...style.icon, size: v } } }) }), _jsx(BaseControl, { label: __('Barva', 'brilo-blocks'), id: "faq-group-icon-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.icon.color || undefined, onChange: (value) => setAttributes({ style: { ...style, icon: { ...style.icon, color: value !== null && value !== void 0 ? value : '' } } }) }) }), _jsx(BaseControl, { label: __('Pozadí', 'brilo-blocks'), id: "faq-group-icon-background-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.icon.background || undefined, onChange: (value) => setAttributes({ style: { ...style, icon: { ...style.icon, background: value !== null && value !== void 0 ? value : '' } } }) }) })] }))] }), !exclude.includes('colors') && style && (_jsxs(PanelBody, { title: __('Styl', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Stín', 'brilo-blocks'), value: style.shadow, onChange: (v) => setAttributes({ style: { ...style, shadow: v } }), children: DEFAULT_SHADOWS.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }), _jsx(BaseControl, { label: __('Barva okraje', 'brilo-blocks'), help: __('Bez vybrané barvy se okraj nevykreslí.', 'brilo-blocks'), id: "faq-group-border-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.borderColor || undefined, onChange: (value) => setAttributes({ style: { ...style, borderColor: value !== null && value !== void 0 ? value : '' } }) }) }), _jsx(BaseControl, { label: __('Barva pozadí', 'brilo-blocks'), id: "faq-group-background-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.backgroundColor || undefined, onChange: (value) => setAttributes({ style: { ...style, backgroundColor: value !== null && value !== void 0 ? value : '' } }) }) }), _jsx(BaseControl, { label: __('Barva textu', 'brilo-blocks'), id: "faq-group-text-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.textColor || undefined, onChange: (value) => setAttributes({ style: { ...style, textColor: value !== null && value !== void 0 ? value : '' } }) }) })] }))] }), _jsx("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(ItemSpacingPanel, { spacing: spacing, onChange: (v) => setAttributes({ spacing: v }) })] }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
     };
 }

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

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

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { InnerBlocks } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
+import { ITEM_SPACING_ATTRIBUTE } from '../../../components/ItemSpacingControl';
 import { DEFAULT_ICON_SIZE, DEFAULT_ICON_VARIANTS, DEFAULT_SHADOWS, FAQ_HEADING_LEVELS } from './constants';
 import { createFaqGroupEdit } from './edit';
 export function createFaqGroupBlock(options) {
@@ -19,6 +20,7 @@ export function createFaqGroupBlock(options) {
             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),
         },
+        ...ITEM_SPACING_ATTRIBUTE,
     };
     if (!exclude.includes('colors')) {
         attributes.style = {

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

@@ -22,6 +22,7 @@ export interface FaqGroupAttributes<TIconVariant extends string = FaqIconVariant
             size: number;
         };
     };
+    spacing?: number;
 }
 export interface FaqGroupOptions<TIconVariants extends OptionArray = typeof DEFAULT_ICON_VARIANTS> extends BriloBlockType {
     iconVariants?: TIconVariants;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-group/edit.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAAe,MAAM,SAAS,CAAA;AAOtF,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,mBAAmB,8CAQ9D;IACD,UAAU,EAAE,sBAAsB,CAAA;IAClC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAA;IAC3D,QAAQ,EAAE,MAAM,CAAA;CACjB,iCAoFF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-group/edit.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAAe,MAAM,SAAS,CAAA;AAOtF,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,mBAAmB,8CAQ9D;IACD,UAAU,EAAE,sBAAsB,CAAA;IAClC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAA;IAC3D,QAAQ,EAAE,MAAM,CAAA;CACjB,iCAsFF"}

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

@@ -5,6 +5,7 @@ import { __ } from '@wordpress/i18n';
 import { useDispatch } from '@wordpress/data';
 import { createBlock } from '@wordpress/blocks';
 import clsx from 'clsx';
+import { ItemSpacingPanel, itemSpacingStyle } from '../../../components/ItemSpacingControl';
 import { useGroupBlock } from '../../../hooks/useGroupBlock';
 import { DEFAULT_COLUMNS, DEFAULT_RATIOS } from './constants';
 export function createGalleryGroupEdit(options) {
@@ -13,7 +14,7 @@ export function createGalleryGroupEdit(options) {
     const RATIOS = (_b = options.ratios) !== null && _b !== void 0 ? _b : DEFAULT_RATIOS;
     return function Edit({ attributes, setAttributes, clientId, }) {
         var _a, _b;
-        const { columns, ratio, galleryId } = attributes;
+        const { columns, ratio, galleryId, spacing } = attributes;
         const { insertBlock } = useDispatch('core/block-editor');
         const addNewBlock = (imageId) => {
             const newBlock = createBlock(options.allowedBlocks[0], {
@@ -35,12 +36,13 @@ export function createGalleryGroupEdit(options) {
             containerStyle: {
                 '--grid-max-col-count': columns,
                 '--gallery-aspect-ratio': ratio.replace(':', '/'),
+                ...itemSpacingStyle(spacing),
             },
             allowedBlocks: options.allowedBlocks,
             renderAppender: CustomAppender,
             template: options.template,
             layout: { type: 'default' },
         });
-        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Rozložení', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Počet sloupců', 'brilo-blocks'), value: String(columns), onChange: (v) => setAttributes({ columns: Number(v) }), children: COLUMNS.map((c) => (_jsx(ToggleGroupControlOption, { value: String(c), label: String(c) }, c))) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Poměr stran', 'brilo-blocks'), value: ratio, onChange: (v) => setAttributes({ ratio: v }), children: RATIOS.map((r) => (_jsx(ToggleGroupControlOption, { value: r.value, label: r.label }, r.value))) }), _jsx(TextControl, { label: __('Gallery ID', 'brilo-blocks'), value: galleryId, onChange: (v) => setAttributes({ galleryId: v }), help: __('ID pro oddělení/spojení galerií', 'brilo-blocks') })] }) }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Rozložení', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Počet sloupců', 'brilo-blocks'), value: String(columns), onChange: (v) => setAttributes({ columns: Number(v) }), children: COLUMNS.map((c) => (_jsx(ToggleGroupControlOption, { value: String(c), label: String(c) }, c))) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Poměr stran', 'brilo-blocks'), value: ratio, onChange: (v) => setAttributes({ ratio: v }), children: RATIOS.map((r) => (_jsx(ToggleGroupControlOption, { value: r.value, label: r.label }, r.value))) }), _jsx(TextControl, { label: __('Gallery ID', 'brilo-blocks'), value: galleryId, onChange: (v) => setAttributes({ galleryId: v }), help: __('ID pro oddělení/spojení galerií', 'brilo-blocks') })] }), _jsx(ItemSpacingPanel, { spacing: spacing, onChange: (v) => setAttributes({ spacing: v }) })] }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
     };
 }

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

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

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { __ } from '@wordpress/i18n';
+import { ITEM_SPACING_ATTRIBUTE } from '../../../components/ItemSpacingControl';
 import { createGalleryGroupEdit } from './edit';
 import { DEFAULT_COLUMNS, DEFAULT_RATIOS } from './constants';
 import { InnerBlocks } from '@wordpress/block-editor';
@@ -26,6 +27,7 @@ export function createGalleryGroupBlock(options) {
                 type: 'string',
                 default: 'gallery',
             },
+            ...ITEM_SPACING_ATTRIBUTE,
         },
         edit: createGalleryGroupEdit(options),
         save: () => _jsx(InnerBlocks.Content, {}),

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

@@ -6,6 +6,7 @@ export interface GalleryGroupAttributes<TColumn extends number = GalleryColumns,
     columns: TColumn;
     ratio: TRatio;
     galleryId: string;
+    spacing?: number;
 }
 export interface GalleryGroupOptions<TColumns extends NumberArray = typeof DEFAULT_COLUMNS, TRatios extends OptionArray = typeof DEFAULT_RATIOS> extends BriloBlockType {
     allowedBlocks: string[];

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,WAAW,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACrE,OAAO,KAAK,EAAC,eAAe,EAAE,cAAc,EAAC,MAAM,aAAa,CAAA;AAEhE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAC7D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAEnE,MAAM,WAAW,sBAAsB,CAAC,OAAO,SAAS,MAAM,GAAG,cAAc,EAAE,MAAM,SAAS,MAAM,GAAG,YAAY,CACnH,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,mBAAmB,CAClC,QAAQ,SAAS,WAAW,GAAG,OAAO,eAAe,EACrD,OAAO,SAAS,WAAW,GAAG,OAAO,cAAc,CACnD,SAAQ,cAAc;IACtB,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,WAAW,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACrE,OAAO,KAAK,EAAC,eAAe,EAAE,cAAc,EAAC,MAAM,aAAa,CAAA;AAEhE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAC7D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAEnE,MAAM,WAAW,sBAAsB,CAAC,OAAO,SAAS,MAAM,GAAG,cAAc,EAAE,MAAM,SAAS,MAAM,GAAG,YAAY,CACnH,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,mBAAmB,CAClC,QAAQ,SAAS,WAAW,GAAG,OAAO,eAAe,EACrD,OAAO,SAAS,WAAW,GAAG,OAAO,cAAc,CACnD,SAAQ,cAAc;IACtB,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/text-and-media-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,2BAA2B,EAAE,wBAAwB,EAAC,MAAM,SAAS,CAAA;AAClF,OAAO,EAAC,4BAA4B,EAAC,MAAM,WAAW,CAAA;AAEtD,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,yBAAyB,EAAE,wBAYvC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/text-and-media-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,2BAA2B,EAAE,wBAAwB,EAAC,MAAM,SAAS,CAAA;AAClF,OAAO,EAAC,4BAA4B,EAAC,MAAM,WAAW,CAAA;AAEtD,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,yBAAyB,EAAE,wBAavC,CAAA"}

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

@@ -7,6 +7,7 @@ export const textAndMediaGroupDefaults = {
         'brilo/basic-heading',
         'brilo/basic-overline',
         'brilo/button-group',
+        'brilo/list-group',
         'core/heading',
         'core/list',
         'core/paragraph',

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

@@ -0,0 +1,21 @@
+export { CONTENT_SIZES as DEFAULT_CONTENT_SIZES } from '../../../constants';
+export declare const DEFAULT_BULLET_SIZE = 24;
+export declare const BULLET_SIZE_MIN = 8;
+export declare const BULLET_SIZE_MAX = 96;
+export declare const DEFAULT_BULLET_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: 48;
+    readonly label: import("@wordpress/i18n").TransformedText<"XL">;
+}];
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/list/list-group/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,IAAI,qBAAqB,EAAC,MAAM,aAAa,CAAA;AAElE,eAAO,MAAM,mBAAmB,KAAK,CAAA;AACrC,eAAO,MAAM,eAAe,IAAI,CAAA;AAChC,eAAO,MAAM,eAAe,KAAK,CAAA;AAEjC,eAAO,MAAM,2BAA2B;aACrC,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/list/list-group/constants.js

@@ -0,0 +1,12 @@
+import { __ } from '@wordpress/i18n';
+export { CONTENT_SIZES as DEFAULT_CONTENT_SIZES } from '../../../constants';
+export const DEFAULT_BULLET_SIZE = 24;
+export const BULLET_SIZE_MIN = 8;
+export const BULLET_SIZE_MAX = 96;
+export const DEFAULT_BULLET_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: 48, label: __('XL', 'brilo-blocks') },
+];

package/build/blocks/list/list-group/edit.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/list/list-group/edit.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAwC,mBAAmB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAA;AA+BzG,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,oCAOxD;IACD,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;CACzD,iCA8CF"}

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

@@ -0,0 +1,30 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InspectorControls } from '@wordpress/block-editor';
+import { PanelBody, Button, RangeControl, BaseControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import clsx from 'clsx';
+import { ItemSpacingPanel, itemSpacingStyle } from '../../../components/ItemSpacingControl';
+import { useGroupBlock } from '../../../hooks/useGroupBlock';
+import { BULLET_SIZE_MAX, BULLET_SIZE_MIN, DEFAULT_BULLET_SIZE_PRESETS, DEFAULT_CONTENT_SIZES } from './constants';
+function PresetSizeControl({ label, value, presets, min, max, onChange, }) {
+    return (_jsxs(BaseControl, { label: label, id: `list-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 createListGroupEdit(options) {
+    var _a, _b;
+    const CONTENT_SIZES = (_a = options.contentSizes) !== null && _a !== void 0 ? _a : DEFAULT_CONTENT_SIZES;
+    const BULLET_SIZE_PRESETS = (_b = options.bulletSizePresets) !== null && _b !== void 0 ? _b : DEFAULT_BULLET_SIZE_PRESETS;
+    return function Edit({ attributes, setAttributes, }) {
+        var _a, _b;
+        const { content, bullet, spacing } = attributes;
+        const { blockProps, innerBlocksProps } = useGroupBlock({
+            blockClassName: clsx((_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'g-list wp-block-section'),
+            containerClassName: (_b = options.containerClassName) !== null && _b !== void 0 ? _b : 'g-list__items',
+            containerStyle: { '--bullet-size': `${bullet.size}px`, ...itemSpacingStyle(spacing) },
+            allowedBlocks: options.allowedBlocks,
+            orientation: 'vertical',
+            template: options.template,
+            layout: { type: 'default' },
+        });
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsx(PanelBody, { title: __('Rozložení', 'brilo-blocks'), children: _jsx(ToggleGroupControl, { isBlock: true, label: __('Velikost textu', 'brilo-blocks'), value: content.size, onChange: (v) => setAttributes({ content: { size: v } }), children: CONTENT_SIZES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }) }), _jsx(PanelBody, { title: __('Velikost odrážek', 'brilo-blocks'), children: _jsx(PresetSizeControl, { label: __('Velikost', 'brilo-blocks'), value: bullet.size, presets: BULLET_SIZE_PRESETS, min: BULLET_SIZE_MIN, max: BULLET_SIZE_MAX, onChange: (v) => setAttributes({ bullet: { ...bullet, size: v } }) }) }), _jsx(ItemSpacingPanel, { spacing: spacing, onChange: (v) => setAttributes({ spacing: v }) })] }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
+    };
+}

package/build/blocks/list/list-group/factory.d.ts

@@ -0,0 +1,7 @@
+import type { BlockConfiguration } from '@wordpress/blocks';
+import type { OptionArray } from '../../../types';
+import { DEFAULT_CONTENT_SIZES } from './constants';
+import type { ListGroupAttributes, ListGroupOptions } from './types';
+export type { ListGroupAttributes, ListGroupOptions };
+export declare function createListGroupBlock<TContentSizes extends OptionArray = typeof DEFAULT_CONTENT_SIZES>(options: ListGroupOptions<TContentSizes>): BlockConfiguration<ListGroupAttributes<TContentSizes[number]['value']>>;
+//# sourceMappingURL=factory.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/list/list-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AACxC,OAAO,EAAsB,qBAAqB,EAAC,MAAM,aAAa,CAAA;AAGtE,OAAO,KAAK,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAElE,YAAY,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,CAAA;AAEnD,wBAAgB,oBAAoB,CAAC,aAAa,SAAS,WAAW,GAAG,OAAO,qBAAqB,EACnG,OAAO,EAAE,gBAAgB,CAAC,aAAa,CAAC,GACvC,kBAAkB,CAAC,mBAAmB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAoBzE"}

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InnerBlocks } from '@wordpress/block-editor';
+import { __ } from '@wordpress/i18n';
+import { ITEM_SPACING_ATTRIBUTE } from '../../../components/ItemSpacingControl';
+import { DEFAULT_BULLET_SIZE, DEFAULT_CONTENT_SIZES } from './constants';
+import { createListGroupEdit } from './edit';
+import { icon as defaultIcon } from './icon';
+export function createListGroupBlock(options) {
+    var _a;
+    var _b, _c, _d, _e, _f;
+    const contentSizes = (_b = options.contentSizes) !== null && _b !== void 0 ? _b : DEFAULT_CONTENT_SIZES;
+    return {
+        name: options.name,
+        title: (_c = options.title) !== null && _c !== void 0 ? _c : __('Seznam s odrážkami', 'brilo-blocks'),
+        description: options.description,
+        category: (_d = options.category) !== null && _d !== void 0 ? _d : 'layout',
+        ...(options.parent && { parent: options.parent }),
+        icon: (_e = options.icon) !== null && _e !== void 0 ? _e : { src: defaultIcon },
+        supports: { html: false, customClassName: false },
+        providesContext: { 'brilo/list-bullet': 'bullet', 'brilo/list-content': 'content' },
+        attributes: {
+            content: { type: 'object', default: { size: (_f = (_a = contentSizes[1]) === null || _a === void 0 ? void 0 : _a.value) !== null && _f !== void 0 ? _f : contentSizes[0].value } },
+            bullet: { type: 'object', default: { size: DEFAULT_BULLET_SIZE } },
+            ...ITEM_SPACING_ATTRIBUTE,
+        },
+        edit: createListGroupEdit(options),
+        save: () => _jsx(InnerBlocks.Content, {}),
+    };
+}

package/build/blocks/list/list-group/icon.d.ts

@@ -0,0 +1,2 @@
+export declare const icon: import("react").JSX.Element;
+//# sourceMappingURL=icon.d.ts.map

package/build/blocks/list/list-group/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/blocks/list/list-group/icon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,6BAUhB,CAAA"}

package/build/blocks/list/list-group/icon.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const icon = (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "List Group" }), _jsx("circle", { cx: "3.5", cy: "5", r: "1.5", fill: "black" }), _jsx("circle", { cx: "3.5", cy: "10", r: "1.5", fill: "black" }), _jsx("circle", { cx: "3.5", cy: "15", r: "1.5", fill: "black" }), _jsx("path", { d: "M7 4H17V6H7V4Z", fill: "black" }), _jsx("path", { d: "M7 9H17V11H7V9Z", fill: "black" }), _jsx("path", { d: "M7 14H17V16H7V14Z", fill: "black" })] }));

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

@@ -0,0 +1,5 @@
+export type { ListContentSize, ListGroupAttributes, ListGroupOptions } from './types';
+export { createListGroupBlock } from './factory';
+import type { ListGroupOptions } from './types';
+export declare const listGroupDefaults: ListGroupOptions;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/list/list-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,eAAe,EAAE,mBAAmB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAA;AACnF,OAAO,EAAC,oBAAoB,EAAC,MAAM,WAAW,CAAA;AAE9C,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAE7C,eAAO,MAAM,iBAAiB,EAAE,gBAS/B,CAAA"}

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

@@ -0,0 +1,11 @@
+export { createListGroupBlock } from './factory';
+export const listGroupDefaults = {
+    name: 'brilo/list-group',
+    parent: ['brilo/base-section', 'brilo/text-and-media-group', 'brilo/compare-item'],
+    allowedBlocks: ['brilo/list-item'],
+    template: [
+        ['brilo/list-item', {}],
+        ['brilo/list-item', {}],
+        ['brilo/list-item', {}],
+    ],
+};

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

@@ -0,0 +1,22 @@
+import type { BriloBlockType, OptionArray } from '../../../types';
+import type { DEFAULT_CONTENT_SIZES } from './constants';
+export type ListContentSize = (typeof DEFAULT_CONTENT_SIZES)[number]['value'];
+export interface ListBulletSizePreset {
+    value: number;
+    label: string;
+}
+export interface ListGroupAttributes<TContentSize extends string = ListContentSize> extends Record<string, unknown> {
+    content: {
+        size: TContentSize;
+    };
+    bullet: {
+        size: number;
+    };
+    spacing?: number;
+}
+export interface ListGroupOptions<TContentSizes extends OptionArray = typeof DEFAULT_CONTENT_SIZES> extends BriloBlockType {
+    allowedBlocks: string[];
+    contentSizes?: TContentSizes;
+    bulletSizePresets?: readonly ListBulletSizePreset[];
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/list/list-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACxD,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,aAAa,CAAA;AAEtD,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAE7E,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,mBAAmB,CAAC,YAAY,SAAS,MAAM,GAAG,eAAe,CAAE,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACjH,OAAO,EAAE;QAAC,IAAI,EAAE,YAAY,CAAA;KAAC,CAAA;IAC7B,MAAM,EAAE;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,gBAAgB,CAAC,aAAa,SAAS,WAAW,GAAG,OAAO,qBAAqB,CAAE,SAAQ,cAAc;IACxH,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,iBAAiB,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAA;CACpD"}

package/build/blocks/list/list-group/types.js

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

package/build/blocks/list/list-item/buildPreviewStyle.d.ts

@@ -0,0 +1,20 @@
+export interface ListSharedBullet {
+    size?: number;
+}
+export interface ListSharedContent {
+    size?: string;
+}
+export interface ListBulletStyle {
+    color?: string;
+    background?: string;
+    backgroundShape?: string;
+    borderColor?: string;
+    borderWidth?: number;
+}
+export interface ListPreviewStyle {
+    rootClassName: string;
+    bulletClassName: string;
+    cssVars: Record<string, string>;
+}
+export declare function buildListPreviewStyle(sharedBullet: ListSharedBullet | undefined, bulletStyle: ListBulletStyle | undefined, sharedContent: ListSharedContent | undefined, resolveHex?: (value: string) => string): ListPreviewStyle;
+//# sourceMappingURL=buildPreviewStyle.d.ts.map

package/build/blocks/list/list-item/buildPreviewStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildPreviewStyle.d.ts","sourceRoot":"","sources":["../../../../src/blocks/list/list-item/buildPreviewStyle.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,aAAa,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;IACvB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAChC;AAED,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,gBAAgB,GAAG,SAAS,EAC1C,WAAW,EAAE,eAAe,GAAG,SAAS,EACxC,aAAa,EAAE,iBAAiB,GAAG,SAAS,EAC5C,UAAU,GAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAyB,GACvD,gBAAgB,CAsBlB"}

package/build/blocks/list/list-item/buildPreviewStyle.js

@@ -0,0 +1,18 @@
+import clsx from 'clsx';
+export function buildListPreviewStyle(sharedBullet, bulletStyle, sharedContent, resolveHex = (value) => value) {
+    const bullet = bulletStyle !== null && bulletStyle !== void 0 ? bulletStyle : {};
+    const rootClassName = clsx((sharedContent === null || sharedContent === void 0 ? void 0 : sharedContent.size) && `--text-${sharedContent.size}`, bullet.background && bullet.background !== 'none' && '--has-bg', bullet.color && bullet.color !== 'none' && '--has-color', bullet.borderColor && '--bordered');
+    const bulletClassName = clsx(bullet.backgroundShape && bullet.backgroundShape !== 'none' && `--shape --shape-${bullet.backgroundShape}`);
+    const cssVars = {};
+    if (sharedBullet === null || sharedBullet === void 0 ? void 0 : sharedBullet.size)
+        cssVars['--bullet-size'] = `${sharedBullet.size}px`;
+    if (bullet.color && bullet.color !== 'none')
+        cssVars['--bullet-color'] = resolveHex(bullet.color);
+    if (bullet.background && bullet.background !== 'none')
+        cssVars['--bullet-bg'] = resolveHex(bullet.background);
+    if (bullet.borderColor) {
+        cssVars['--bullet-outline-color'] = resolveHex(bullet.borderColor);
+        cssVars['--bullet-outline-width'] = `${bullet.borderWidth || 1}px`;
+    }
+    return { rootClassName, bulletClassName, cssVars };
+}

package/build/blocks/list/list-item/constants.d.ts

@@ -0,0 +1,36 @@
+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_BULLET_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/list/list-item/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/list/list-item/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,qBAAqB;aAC/B,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/list/list-item/constants.js

@@ -0,0 +1,16 @@
+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_BULLET_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/list/list-item/edit.d.ts

@@ -0,0 +1,11 @@
+import { type ListSharedBullet, type ListSharedContent } from './buildPreviewStyle';
+import type { ListItemAttributes, ListItemOptions } from './types';
+export declare function createListItemEdit(options: ListItemOptions): ({ attributes, setAttributes, context, }: {
+    attributes: ListItemAttributes;
+    setAttributes: (a: Partial<ListItemAttributes>) => void;
+    context?: {
+        'brilo/list-bullet'?: ListSharedBullet;
+        'brilo/list-content'?: ListSharedContent;
+    };
+}) => import("react").JSX.Element;
+//# sourceMappingURL=edit.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/list/list-item/edit.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA8C,KAAK,gBAAgB,EAAE,KAAK,iBAAiB,EAAC,MAAM,qBAAqB,CAAA;AAE9H,OAAO,KAAK,EAAkB,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAEjF,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,6CAKtD;IACD,UAAU,EAAE,kBAAkB,CAAA;IAC9B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;IACvD,OAAO,CAAC,EAAE;QAAC,mBAAmB,CAAC,EAAE,gBAAgB,CAAC;QAAC,oBAAoB,CAAC,EAAE,iBAAiB,CAAA;KAAC,CAAA;CAC7F,iCAwFF"}

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

@@ -0,0 +1,18 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InspectorControls, RichText, useBlockProps } from '@wordpress/block-editor';
+import { PanelBody, RangeControl, BaseControl, ColorPalette, SelectControl } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import clsx from 'clsx';
+import { ItemIconControl, ItemIconPreview } from '../../../components/ItemIconControl';
+import { useTenantColorPalette } from '../../../hooks/useTenantColorPalette';
+import { buildListPreviewStyle } from './buildPreviewStyle';
+import { DEFAULT_BULLET_SHAPES, ICON_TYPES } from './constants';
+export function createListItemEdit(options) {
+    return function Edit({ attributes, setAttributes, context, }) {
+        const { text, icon, bulletStyle } = attributes;
+        const { paletteColors, resolveHex } = useTenantColorPalette();
+        const { rootClassName, bulletClassName, cssVars } = buildListPreviewStyle(context === null || context === void 0 ? void 0 : context['brilo/list-bullet'], bulletStyle, context === null || context === void 0 ? void 0 : context['brilo/list-content'], resolveHex);
+        const blockProps = useBlockProps({ className: clsx('i-list', rootClassName), style: cssVars });
+        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 }) }), _jsxs(PanelBody, { title: __('Vzhled odrážky', 'brilo-blocks'), children: [_jsx(BaseControl, { label: __('Barva', 'brilo-blocks'), id: "list-item-bullet-color", children: _jsx(ColorPalette, { colors: paletteColors, value: bulletStyle.color || undefined, onChange: (value) => setAttributes({ bulletStyle: { ...bulletStyle, color: value !== null && value !== void 0 ? value : '' } }) }) }), _jsx(BaseControl, { label: __('Pozadí', 'brilo-blocks'), id: "list-item-bullet-background", children: _jsx(ColorPalette, { colors: paletteColors, value: bulletStyle.background || undefined, onChange: (value) => setAttributes({ bulletStyle: { ...bulletStyle, background: value !== null && value !== void 0 ? value : '' } }) }) }), (bulletStyle.background || bulletStyle.borderColor) && (_jsx(SelectControl, { label: __('Tvar odrážky', 'brilo-blocks'), value: bulletStyle.backgroundShape, options: [...DEFAULT_BULLET_SHAPES], onChange: (v) => setAttributes({ bulletStyle: { ...bulletStyle, backgroundShape: v } }) })), _jsx(BaseControl, { label: __('Barva ohraničení', 'brilo-blocks'), help: __('Bez vybrané barvy se okraj nevykreslí.', 'brilo-blocks'), id: "list-item-bullet-border-color", children: _jsx(ColorPalette, { colors: paletteColors, value: bulletStyle.borderColor || undefined, onChange: (value) => setAttributes({ bulletStyle: { ...bulletStyle, borderColor: value !== null && value !== void 0 ? value : '' } }) }) }), bulletStyle.borderColor && (_jsx(RangeControl, { label: __('Šířka ohraničení (px)', 'brilo-blocks'), value: bulletStyle.borderWidth, onChange: (v) => setAttributes({ bulletStyle: { ...bulletStyle, borderWidth: v !== null && v !== void 0 ? v : 0 } }), min: 0, max: 10, step: 1 }))] })] }), _jsx("div", { ...blockProps, children: _jsxs("div", { className: "i-list__inner wp-block-inner", children: [_jsx(ItemIconPreview, { icon: icon, className: "i-list__bullet", modifierClassName: bulletClassName, style: cssVars, setAttributes: setAttributes, options: options }), _jsx(RichText, { tagName: "p", className: "i-list__text u-text-editable", value: text, onChange: (v) => setAttributes({ text: v }), placeholder: __('Text položky…', 'brilo-blocks'), allowedFormats: ['core/bold', 'core/italic'] })] }) })] }));
+    };
+}

package/build/blocks/list/list-item/factory.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/list/list-item/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAEhE,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,CAAA;AAEjD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,eAAe,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,CAwBpG"}

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

@@ -0,0 +1,29 @@
+import { __ } from '@wordpress/i18n';
+import { ICON_TYPES } from './constants';
+import { createListItemEdit } from './edit';
+export function createListItemBlock(options) {
+    var _a, _b, _c;
+    return {
+        name: options.name,
+        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Položka seznamu', '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 : 'editor-ul',
+        supports: { html: false, customClassName: false },
+        usesContext: ['brilo/list-bullet', 'brilo/list-content'],
+        attributes: {
+            text: { type: 'string', default: '' },
+            icon: {
+                type: 'object',
+                default: { type: ICON_TYPES[0].value, src: '', media: { id: 0, alt: '' } },
+            },
+            bulletStyle: {
+                type: 'object',
+                default: { color: '', background: '', backgroundShape: 'none', borderColor: '', borderWidth: 1 },
+            },
+        },
+        edit: createListItemEdit(options),
+        save: () => null,
+    };
+}

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

@@ -0,0 +1,5 @@
+export type { ListBulletShape, ListItemAttributes, ListItemOptions } from './types';
+export { createListItemBlock } from './factory';
+import type { ListItemOptions } from './types';
+export declare const listItemDefaults: ListItemOptions;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/list/list-item/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,eAAe,EAAE,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AACjF,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/list/list-item/index.js

@@ -0,0 +1,7 @@
+export { createListItemBlock } from './factory';
+export const listItemDefaults = {
+    name: 'brilo/list-item',
+    parent: ['brilo/list-group'],
+    icons: [],
+    iconsSrc: '',
+};