@brilo/base-blocks 0.1.0 → 0.1.1

package/build/blocks/newsletter/newsletter-form/factory.js

@@ -0,0 +1,54 @@
+import { __ } from '@wordpress/i18n';
+import { DEFAULT_HEADING_STYLES, NEWSLETTER_LEVELS } from './constants';
+import { createNewsletterFormEdit } from './edit';
+export function createNewsletterFormBlock(options) {
+    var _a, _b, _c, _d, _e;
+    const headingStyles = (_a = options.headingStyles) !== null && _a !== void 0 ? _a : DEFAULT_HEADING_STYLES;
+    return {
+        name: options.name,
+        title: (_b = options.title) !== null && _b !== void 0 ? _b : __('Newsletter', 'brilo-blocks'),
+        description: options.description,
+        category: (_c = options.category) !== null && _c !== void 0 ? _c : 'text',
+        icon: (_d = options.icon) !== null && _d !== void 0 ? _d : 'email',
+        ...(options.parent && { parent: options.parent }),
+        supports: { html: false, customClassName: false },
+        attributes: {
+            heading: {
+                type: 'object',
+                default: { title: '', level: NEWSLETTER_LEVELS[1], style: (_e = headingStyles[1]) !== null && _e !== void 0 ? _e : headingStyles[0] },
+            },
+            description: {
+                type: 'string',
+                default: '',
+            },
+            form: {
+                type: 'object',
+                default: {
+                    id: '',
+                    action: '',
+                    method: 'post',
+                    name: '',
+                    hiddenFields: [],
+                    fields: {
+                        email: {
+                            name: 'email',
+                            label: __('E-mail', 'brilo-blocks'),
+                            placeholder: __('Váš e-mail', 'brilo-blocks'),
+                            icon: { type: 'preselected', src: '', media: { id: 0, alt: '' } },
+                        },
+                        submit: {
+                            title: __('Odebírat', 'brilo-blocks'),
+                        },
+                        terms: {
+                            title: '',
+                            name: 'terms',
+                            isCheckbox: true,
+                        },
+                    },
+                },
+            },
+        },
+        edit: createNewsletterFormEdit(options),
+        save: () => null,
+    };
+}

package/build/blocks/newsletter/newsletter-form/index.d.ts

@@ -0,0 +1,5 @@
+export type { NewsletterFormAttributes, NewsletterFormOptions } from './types';
+export { createNewsletterFormBlock } from './factory';
+import type { NewsletterFormOptions } from './types';
+export declare const newsletterFormDefaults: NewsletterFormOptions;
+//# sourceMappingURL=index.d.ts.map

package/build/blocks/newsletter/newsletter-form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/newsletter/newsletter-form/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,wBAAwB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;AAC5E,OAAO,EAAC,yBAAyB,EAAC,MAAM,WAAW,CAAA;AAEnD,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAA;AAElD,eAAO,MAAM,sBAAsB,EAAE,qBAKpC,CAAA"}

package/build/blocks/newsletter/newsletter-form/index.js

@@ -0,0 +1,7 @@
+export { createNewsletterFormBlock } from './factory';
+export const newsletterFormDefaults = {
+    name: 'brilo/newsletter-form',
+    parent: ['brilo/base-section'],
+    icons: [],
+    iconsSrc: '',
+};

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

@@ -0,0 +1,46 @@
+import type { BriloBlockType, Icon, StringArray } from '../../../types';
+import type { IconType } from '../../../components/IconControl';
+import { DEFAULT_HEADING_STYLES, NEWSLETTER_LEVELS } from './constants';
+export type HeadingLevels = (typeof NEWSLETTER_LEVELS)[number];
+export type HeadingStyles = (typeof DEFAULT_HEADING_STYLES)[number];
+export interface HiddenField {
+    name: string;
+    value: string;
+}
+export interface NewsletterFormAttributes extends Record<string, unknown> {
+    heading: {
+        title: string;
+        level: HeadingLevels;
+        style: HeadingStyles;
+    };
+    description: string;
+    form: {
+        id: string;
+        action: string;
+        method: string;
+        name: string;
+        hiddenFields: HiddenField[];
+        fields: {
+            email: {
+                name: string;
+                label: string;
+                placeholder: string;
+                icon: Icon;
+            };
+            submit: {
+                title: string;
+            };
+            terms: {
+                title: string;
+                name: string;
+                isCheckbox: boolean;
+            };
+        };
+    };
+}
+export interface NewsletterFormOptions extends BriloBlockType {
+    icons: IconType[];
+    iconsSrc: string;
+    headingStyles?: StringArray;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/newsletter/newsletter-form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,IAAI,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AAC9D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAC,sBAAsB,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAA;AAErE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC9D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEnE,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACvE,OAAO,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,aAAa,CAAC;QAAC,KAAK,EAAE,aAAa,CAAA;KAAC,CAAA;IACpE,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAA;QACV,MAAM,EAAE,MAAM,CAAA;QACd,MAAM,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,MAAM,CAAA;QACZ,YAAY,EAAE,WAAW,EAAE,CAAA;QAC3B,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,IAAI,EAAE,MAAM,CAAA;gBACZ,KAAK,EAAE,MAAM,CAAA;gBACb,WAAW,EAAE,MAAM,CAAA;gBACnB,IAAI,EAAE,IAAI,CAAA;aACX,CAAA;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,MAAM,CAAA;aACd,CAAA;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM,CAAA;gBACb,IAAI,EAAE,MAAM,CAAA;gBACZ,UAAU,EAAE,OAAO,CAAA;aACpB,CAAA;SACF,CAAA;KACF,CAAA;CACF;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,WAAW,CAAA;CAC5B"}

package/build/blocks/newsletter/newsletter-form/types.js

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

package/build/blocks/post/post-slider-group/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const MAX_ITEMS_MIN = 2;
+export declare const MAX_ITEMS_MAX = 32;
+export declare const MAX_ITEMS_DEFAULT = 6;
+//# sourceMappingURL=constants.d.ts.map

package/build/blocks/post/post-slider-group/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/post/post-slider-group/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,IAAI,CAAA;AAC9B,eAAO,MAAM,aAAa,KAAK,CAAA;AAC/B,eAAO,MAAM,iBAAiB,IAAI,CAAA"}

package/build/blocks/post/post-slider-group/constants.js

@@ -0,0 +1,3 @@
+export const MAX_ITEMS_MIN = 2;
+export const MAX_ITEMS_MAX = 32;
+export const MAX_ITEMS_DEFAULT = 6;

package/build/blocks/post/post-slider-group/edit.d.ts

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

package/build/blocks/post/post-slider-group/edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/post/post-slider-group/edit.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAC,yBAAyB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAE9E,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,sBAAsB,IAClD,gCAGlB;IACD,UAAU,EAAE,yBAAyB,CAAA;IACrC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,KAAK,IAAI,CAAA;CAC/D,iCAyDF"}

package/build/blocks/post/post-slider-group/edit.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
+import { PanelBody, RangeControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import { MAX_ITEMS_DEFAULT, MAX_ITEMS_MAX, MAX_ITEMS_MIN } from './constants';
+export function createPostSliderGroupEdit(options) {
+    return function Edit({ attributes, setAttributes, }) {
+        var _a, _b;
+        const { mode, maxItems, selectedCategories, selectedPosts } = attributes;
+        const blockProps = useBlockProps({ className: 'wp-block-section' });
+        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Nastavení slideru', 'brilo-blocks'), initialOpen: true, children: [_jsxs(ToggleGroupControl, { label: __('Režim výběru', 'brilo-blocks'), value: mode, onChange: (value) => setAttributes({ mode: value }), isBlock: true, children: [_jsx(ToggleGroupControlOption, { value: "default", label: __('Výchozí', 'brilo-blocks') }), _jsx(ToggleGroupControlOption, { value: "category", label: __('Dle kategorie', 'brilo-blocks') }), _jsx(ToggleGroupControlOption, { value: "selected", label: __('Vybrané', 'brilo-blocks') })] }), mode !== 'selected' && (_jsx(RangeControl, { label: __('Max. počet příspěvků', 'brilo-blocks'), value: maxItems, onChange: (value) => setAttributes({ maxItems: value !== null && value !== void 0 ? value : MAX_ITEMS_DEFAULT }), min: MAX_ITEMS_MIN, max: MAX_ITEMS_MAX }))] }) }), _jsxs("div", { ...blockProps, children: [mode === 'category' &&
+                            ((_a = options.renderCategoryControl) === null || _a === void 0 ? void 0 : _a.call(options, {
+                                selectedItems: selectedCategories,
+                                onChange: (ids) => setAttributes({ selectedCategories: ids }),
+                            })), mode === 'selected' &&
+                            ((_b = options.renderPostsControl) === null || _b === void 0 ? void 0 : _b.call(options, {
+                                selectedItems: selectedPosts,
+                                onChange: (ids) => setAttributes({ selectedPosts: ids }),
+                            })), mode === 'default' && (_jsxs("div", { className: "components-placeholder", children: [_jsx("div", { className: "components-placeholder__label", children: __('Post Slider', 'brilo-blocks') }), _jsx("div", { className: "components-placeholder__instructions", children: `${__('Zobrazí', 'brilo-blocks')} ${maxItems} ${__('nejnovějších příspěvků.', 'brilo-blocks')}` })] }))] })] }));
+    };
+}

package/build/blocks/post/post-slider-group/factory.d.ts

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

package/build/blocks/post/post-slider-group/factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/post/post-slider-group/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAKzD,OAAO,KAAK,EAAC,yBAAyB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAE9E,YAAY,EAAC,yBAAyB,EAAE,sBAAsB,EAAC,CAAA;AAE/D,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,sBAAsB,GAAG,kBAAkB,CAAC,yBAAyB,CAAC,CAiCzH"}

package/build/blocks/post/post-slider-group/factory.js

@@ -0,0 +1,39 @@
+import { __ } from '@wordpress/i18n';
+import { MAX_ITEMS_DEFAULT } from './constants';
+import { createPostSliderGroupEdit } from './edit';
+import { icon as defaultIcon } from './icon';
+export function createPostSliderGroupBlock(options) {
+    var _a, _b, _c;
+    return {
+        name: options.name,
+        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Post Slider', 'brilo-blocks'),
+        description: options.description,
+        category: (_b = options.category) !== null && _b !== void 0 ? _b : 'widgets',
+        ...(options.parent && { parent: options.parent }),
+        icon: (_c = options.icon) !== null && _c !== void 0 ? _c : { src: defaultIcon },
+        supports: { html: false, customClassName: false },
+        attributes: {
+            mode: {
+                type: 'string',
+                default: 'default',
+                enum: ['default', 'category', 'selected'],
+            },
+            maxItems: {
+                type: 'number',
+                default: MAX_ITEMS_DEFAULT,
+            },
+            selectedCategories: {
+                type: 'array',
+                default: [],
+                items: { type: 'number' },
+            },
+            selectedPosts: {
+                type: 'array',
+                default: [],
+                items: { type: 'number' },
+            },
+        },
+        edit: createPostSliderGroupEdit(options),
+        save: () => null,
+    };
+}

package/build/blocks/post/post-slider-group/icon.d.ts

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

package/build/blocks/post/post-slider-group/icon.d.ts.map

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

package/build/blocks/post/post-slider-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("rect", { x: "1", y: "4", width: "18", height: "12", rx: "1", stroke: "black", fill: "none" }), _jsx("rect", { x: "3", y: "6", width: "6", height: "5", stroke: "black", fill: "none" }), _jsx("path", { d: "M3 13H7V14H3V13Z", fill: "black" }), _jsx("path", { d: "M3 15H9V16H3V15Z", fill: "black" }), _jsx("path", { d: "M11 8H17V9H11V8Z", fill: "black" }), _jsx("path", { d: "M11 11H17V12H11V11Z", fill: "black" }), _jsx("path", { d: "M11 14H15V15H11V14Z", fill: "black" }), _jsx("circle", { cx: "17.5", cy: "10", r: "1", fill: "#357AB5" }), _jsx("circle", { cx: "2.5", cy: "10", r: "1", fill: "#357AB5" })] }));

package/build/blocks/post/post-slider-group/index.d.ts

@@ -0,0 +1,5 @@
+export type { PostSliderGroupAttributes, PostSliderGroupOptions } from './types';
+export { createPostSliderGroupBlock } from './factory';
+import type { PostSliderGroupOptions } from './types';
+export declare const postSliderGroupDefaults: PostSliderGroupOptions;
+//# sourceMappingURL=index.d.ts.map

package/build/blocks/post/post-slider-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/post/post-slider-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,yBAAyB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAC9E,OAAO,EAAC,0BAA0B,EAAC,MAAM,WAAW,CAAA;AAEpD,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAEnD,eAAO,MAAM,uBAAuB,EAAE,sBAGrC,CAAA"}

package/build/blocks/post/post-slider-group/index.js

@@ -0,0 +1,5 @@
+export { createPostSliderGroupBlock } from './factory';
+export const postSliderGroupDefaults = {
+    name: 'brilo/post-slider-group',
+    parent: ['brilo/base-section'],
+};

package/build/blocks/post/post-slider-group/types.d.ts

@@ -0,0 +1,17 @@
+import type { BriloBlockType } from '../../../types';
+export type PostSliderMode = 'default' | 'category' | 'selected';
+export interface PostSliderGroupAttributes extends Record<string, unknown> {
+    mode: PostSliderMode;
+    maxItems: number;
+    selectedCategories: number[];
+    selectedPosts: number[];
+}
+export interface SelectControlProps {
+    selectedItems: number[];
+    onChange: (ids: number[]) => void;
+}
+export interface PostSliderGroupOptions extends BriloBlockType {
+    renderCategoryControl?: (props: SelectControlProps) => JSX.Element;
+    renderPostsControl?: (props: SelectControlProps) => JSX.Element;
+}
+//# sourceMappingURL=types.d.ts.map

package/build/blocks/post/post-slider-group/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/post/post-slider-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;AAEhE,MAAM,WAAW,yBAA0B,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACxE,IAAI,EAAE,cAAc,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,kBAAkB,EAAE,MAAM,EAAE,CAAA;IAC5B,aAAa,EAAE,MAAM,EAAE,CAAA;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAClC;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,GAAG,CAAC,OAAO,CAAA;IAClE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,GAAG,CAAC,OAAO,CAAA;CAChE"}

package/build/blocks/post/post-slider-group/types.js

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

package/build/blocks/responsive-grid/responsive-grid-group/edit.d.ts

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

package/build/blocks/responsive-grid/responsive-grid-group/edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/responsive-grid/responsive-grid-group/edit.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAC,6BAA6B,EAAE,0BAA0B,EAAC,MAAM,SAAS,CAAA;AAMtF,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,0BAA0B,IAC1D,gCAGlB;IACD,UAAU,EAAE,6BAA6B,CAAA;IACzC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,6BAA6B,CAAC,KAAK,IAAI,CAAA;CACnE,iCAwEF"}

package/build/blocks/responsive-grid/responsive-grid-group/edit.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { InspectorControls } from '@wordpress/block-editor';
+import { PanelBody, __experimentalNumberControl as NumberControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import { useGroupBlock } from '../../../hooks/useGroupBlock';
+const COLUMN_OPTIONS = [2, 3, 4, 5, 6];
+const GAP_PRESETS = [8, 16, 24, 32, 48];
+const MIN_COL_PRESETS = [150, 200, 250, 300];
+export function createResponsiveGridGroupEdit(options) {
+    return function Edit({ attributes, setAttributes, }) {
+        var _a, _b;
+        const { columns, gap, minColSize } = attributes;
+        const { blockProps, innerBlocksProps } = useGroupBlock({
+            blockClassName: (_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'wp-block-section',
+            containerClassName: (_b = options.containerClassName) !== null && _b !== void 0 ? _b : 'u-grid-responsive',
+            containerStyle: {
+                '--grid-max-col-count': columns,
+                '--grid-min-col-size': `${minColSize}px`,
+                '--grid-gap': `${gap}px`,
+            },
+            allowedBlocks: options.allowedBlocks,
+            template: options.template,
+            layout: { type: 'default' },
+        });
+        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Rozložení mřížky', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Počet sloupců', 'brilo-blocks'), value: String(columns), onChange: (v) => setAttributes({ columns: Number(v) }), children: COLUMN_OPTIONS.map((c) => (_jsx(ToggleGroupControlOption, { value: String(c), label: String(c) }, c))) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Mezera (gap)', 'brilo-blocks'), value: GAP_PRESETS.includes(gap) ? String(gap) : undefined, onChange: (v) => v && setAttributes({ gap: Number(v) }), children: GAP_PRESETS.map((p) => (_jsx(ToggleGroupControlOption, { value: String(p), label: `${p}px` }, p))) }), _jsx(NumberControl, { label: __('Vlastní mezera (px)', 'brilo-blocks'), value: gap, onChange: (v) => setAttributes({ gap: Number(v) || 0 }), min: 0, step: 4 }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Minimální šířka sloupce', 'brilo-blocks'), value: MIN_COL_PRESETS.includes(minColSize) ? String(minColSize) : undefined, onChange: (v) => v && setAttributes({ minColSize: Number(v) }), children: MIN_COL_PRESETS.map((p) => (_jsx(ToggleGroupControlOption, { value: String(p), label: `${p}px` }, p))) }), _jsx(NumberControl, { label: __('Vlastní minimum (px)', 'brilo-blocks'), value: minColSize, onChange: (v) => setAttributes({ minColSize: Number(v) || 0 }), min: 0, step: 10 })] }) }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
+    };
+}

package/build/blocks/responsive-grid/responsive-grid-group/factory.d.ts

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

package/build/blocks/responsive-grid/responsive-grid-group/factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/responsive-grid/responsive-grid-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,6BAA6B,EAAE,0BAA0B,EAAC,MAAM,SAAS,CAAA;AAEtF,wBAAgB,8BAA8B,CAAC,OAAO,EAAE,0BAA0B,GAAG,kBAAkB,CAAC,6BAA6B,CAAC,CA0BrI"}

package/build/blocks/responsive-grid/responsive-grid-group/factory.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InnerBlocks } from '@wordpress/block-editor';
+import { __ } from '@wordpress/i18n';
+import { createResponsiveGridGroupEdit } from './edit';
+export function createResponsiveGridGroupBlock(options) {
+    var _a, _b, _c;
+    return {
+        name: options.name,
+        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Responzivní mřížka', '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 : 'grid-view',
+        supports: { html: false, customClassName: false },
+        attributes: {
+            columns: {
+                type: 'number',
+                default: 2,
+            },
+            gap: {
+                type: 'number',
+                default: 32,
+            },
+            minColSize: {
+                type: 'number',
+                default: 300,
+            },
+        },
+        edit: createResponsiveGridGroupEdit(options),
+        save: () => _jsx(InnerBlocks.Content, {}),
+    };
+}

package/build/blocks/responsive-grid/responsive-grid-group/index.d.ts

@@ -0,0 +1,5 @@
+export type { ResponsiveGridGroupAttributes, ResponsiveGridGroupOptions } from './types';
+export { createResponsiveGridGroupBlock } from './factory';
+import type { ResponsiveGridGroupOptions } from './types';
+export declare const responsiveGridGroupDefaults: ResponsiveGridGroupOptions;
+//# sourceMappingURL=index.d.ts.map

package/build/blocks/responsive-grid/responsive-grid-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/responsive-grid/responsive-grid-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,6BAA6B,EAAE,0BAA0B,EAAC,MAAM,SAAS,CAAA;AACtF,OAAO,EAAC,8BAA8B,EAAC,MAAM,WAAW,CAAA;AAExD,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAA;AAEvD,eAAO,MAAM,2BAA2B,EAAE,0BAOzC,CAAA"}

package/build/blocks/responsive-grid/responsive-grid-group/index.js

@@ -0,0 +1,9 @@
+export { createResponsiveGridGroupBlock } from './factory';
+export const responsiveGridGroupDefaults = {
+    name: 'brilo/responsive-grid-group',
+    allowedBlocks: ['brilo/responsive-grid-item'],
+    template: [
+        ['brilo/responsive-grid-item', {}],
+        ['brilo/responsive-grid-item', {}],
+    ],
+};

package/build/blocks/responsive-grid/responsive-grid-group/types.d.ts

@@ -0,0 +1,9 @@
+import type { BriloBlockType } from '../../../types';
+export interface ResponsiveGridGroupAttributes extends Record<string, unknown> {
+    columns: number;
+    gap: number;
+    minColSize: number;
+}
+export interface ResponsiveGridGroupOptions extends BriloBlockType {
+}
+//# sourceMappingURL=types.d.ts.map

package/build/blocks/responsive-grid/responsive-grid-group/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/responsive-grid/responsive-grid-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,6BAA8B,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC5E,OAAO,EAAE,MAAM,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;IACX,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,0BAA2B,SAAQ,cAAc;CAAG"}

package/build/blocks/responsive-grid/responsive-grid-group/types.js

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

package/build/blocks/responsive-grid/responsive-grid-item/edit.d.ts

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

package/build/blocks/responsive-grid/responsive-grid-item/edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/responsive-grid/responsive-grid-item/edit.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,4BAA4B,EAAE,yBAAyB,EAAC,MAAM,SAAS,CAAA;AAEpF,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,yBAAyB,IACxD,GAAG;IAAC,UAAU,EAAE,4BAA4B,CAAC;IAAC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,KAAK,IAAI,CAAA;CAAC,iCActI"}

package/build/blocks/responsive-grid/responsive-grid-item/edit.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useGroupBlock } from '../../../hooks/useGroupBlock';
+export function createResponsiveGridItemEdit(options) {
+    return function Edit(_) {
+        var _a, _b;
+        const { blockProps, innerBlocksProps } = useGroupBlock({
+            blockClassName: (_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'u-grid-responsive__item',
+            containerClassName: (_b = options.containerClassName) !== null && _b !== void 0 ? _b : 'u-grid-responsive__item-inner entry-content',
+            allowedBlocks: options.allowedBlocks,
+            template: options.template,
+        });
+        return (_jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) }));
+    };
+}

package/build/blocks/responsive-grid/responsive-grid-item/factory.d.ts

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

package/build/blocks/responsive-grid/responsive-grid-item/factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/responsive-grid/responsive-grid-item/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,4BAA4B,EAAE,yBAAyB,EAAC,MAAM,SAAS,CAAA;AAEpF,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,yBAAyB,GAAG,kBAAkB,CAAC,4BAA4B,CAAC,CAalI"}

package/build/blocks/responsive-grid/responsive-grid-item/factory.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InnerBlocks } from '@wordpress/block-editor';
+import { __ } from '@wordpress/i18n';
+import { createResponsiveGridItemEdit } from './edit';
+export function createResponsiveGridItemBlock(options) {
+    var _a, _b, _c;
+    return {
+        name: options.name,
+        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Buňka mřížky', '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 : 'grid-view',
+        supports: { html: false, customClassName: false },
+        attributes: {},
+        edit: createResponsiveGridItemEdit(options),
+        save: () => _jsx(InnerBlocks.Content, {}),
+    };
+}

package/build/blocks/responsive-grid/responsive-grid-item/index.d.ts

@@ -0,0 +1,5 @@
+export type { ResponsiveGridItemAttributes, ResponsiveGridItemOptions } from './types';
+export { createResponsiveGridItemBlock } from './factory';
+import type { ResponsiveGridItemOptions } from './types';
+export declare const responsiveGridItemDefaults: ResponsiveGridItemOptions;
+//# sourceMappingURL=index.d.ts.map

package/build/blocks/responsive-grid/responsive-grid-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/responsive-grid/responsive-grid-item/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,4BAA4B,EAAE,yBAAyB,EAAC,MAAM,SAAS,CAAA;AACpF,OAAO,EAAC,6BAA6B,EAAC,MAAM,WAAW,CAAA;AAEvD,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,SAAS,CAAA;AAEtD,eAAO,MAAM,0BAA0B,EAAE,yBAGxC,CAAA"}

package/build/blocks/responsive-grid/responsive-grid-item/index.js

@@ -0,0 +1,5 @@
+export { createResponsiveGridItemBlock } from './factory';
+export const responsiveGridItemDefaults = {
+    name: 'brilo/responsive-grid-item',
+    parent: ['brilo/responsive-grid-group'],
+};

package/{src/blocks/responsive-grid/responsive-grid-item/types.ts → build/blocks/responsive-grid/responsive-grid-item/types.d.ts}

@@ -1,5 +1,6 @@
-import type {BriloBlockType} from '~/types'
-
-export interface ResponsiveGridItemAttributes extends Record<string, unknown> {}
-
-export interface ResponsiveGridItemOptions extends BriloBlockType {}
+import type { BriloBlockType } from '../../../types';
+export interface ResponsiveGridItemAttributes extends Record<string, unknown> {
+}
+export interface ResponsiveGridItemOptions extends BriloBlockType {
+}
+//# sourceMappingURL=types.d.ts.map

package/build/blocks/responsive-grid/responsive-grid-item/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/responsive-grid/responsive-grid-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,4BAA6B,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAEhF,MAAM,WAAW,yBAA0B,SAAQ,cAAc;CAAG"}

package/build/blocks/responsive-grid/responsive-grid-item/types.js

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

package/build/blocks/sections/base-section/attributes.d.ts

@@ -0,0 +1,18 @@
+export declare const baseAttributes: {
+    readonly id: {
+        readonly type: "string";
+        readonly default: "";
+    };
+    readonly spacing: {
+        readonly type: "object";
+        readonly default: {
+            readonly position: "default";
+            readonly size: "default";
+        };
+    };
+    readonly background: {
+        readonly type: "string";
+        readonly default: "none";
+    };
+};
+//# sourceMappingURL=attributes.d.ts.map

package/build/blocks/sections/base-section/attributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/attributes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;CAgBjB,CAAA"}

package/build/blocks/sections/base-section/attributes.js

@@ -0,0 +1,17 @@
+export const baseAttributes = {
+    id: {
+        type: 'string',
+        default: '',
+    },
+    spacing: {
+        type: 'object',
+        default: {
+            position: 'default',
+            size: 'default',
+        },
+    },
+    background: {
+        type: 'string',
+        default: 'none',
+    },
+};

package/build/blocks/sections/base-section/constants.d.ts

@@ -0,0 +1,31 @@
+export declare const SPACING_POSITIONS: readonly [{
+    readonly value: "default";
+    readonly label: import("@wordpress/i18n").TransformedText<"Nahoře i dole">;
+}, {
+    readonly value: "none";
+    readonly label: import("@wordpress/i18n").TransformedText<"Žádná">;
+}, {
+    readonly value: "bottom-0";
+    readonly label: import("@wordpress/i18n").TransformedText<"Pouze nahoře">;
+}, {
+    readonly value: "top-0";
+    readonly label: import("@wordpress/i18n").TransformedText<"Pouze dole">;
+}];
+export declare const SPACING_SIZES: readonly ["default", "sm", "xs"];
+export declare const BACKGROUNDS: readonly [{
+    readonly value: "none";
+    readonly label: import("@wordpress/i18n").TransformedText<"Žádné">;
+}, {
+    readonly value: "primary";
+    readonly label: import("@wordpress/i18n").TransformedText<"Primární">;
+}, {
+    readonly value: "secondary";
+    readonly label: import("@wordpress/i18n").TransformedText<"Sekundární">;
+}, {
+    readonly value: "conversion";
+    readonly label: import("@wordpress/i18n").TransformedText<"Konverzní">;
+}, {
+    readonly value: "neutral";
+    readonly label: import("@wordpress/i18n").TransformedText<"Neutrální">;
+}];
+//# sourceMappingURL=constants.d.ts.map

package/build/blocks/sections/base-section/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;EAKpB,CAAA;AAEV,eAAO,MAAM,aAAa,kCAAmC,CAAA;AAE7D,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;EAMd,CAAA"}

package/build/blocks/sections/base-section/constants.js

@@ -0,0 +1,15 @@
+import { __ } from '@wordpress/i18n';
+export const SPACING_POSITIONS = [
+    { value: 'default', label: __('Nahoře i dole', 'brilo-blocks') },
+    { value: 'none', label: __('Žádná', 'brilo-blocks') },
+    { value: 'bottom-0', label: __('Pouze nahoře', 'brilo-blocks') },
+    { value: 'top-0', label: __('Pouze dole', 'brilo-blocks') },
+];
+export const SPACING_SIZES = ['default', 'sm', 'xs'];
+export const BACKGROUNDS = [
+    { value: 'none', label: __('Žádné', 'brilo-blocks') },
+    { value: 'primary', label: __('Primární', 'brilo-blocks') },
+    { value: 'secondary', label: __('Sekundární', 'brilo-blocks') },
+    { value: 'conversion', label: __('Konverzní', 'brilo-blocks') },
+    { value: 'neutral', label: __('Neutrální', 'brilo-blocks') },
+];