@brilo/base-blocks 0.1.8 → 0.1.10

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

@@ -1,2 +1,15 @@
 export declare const SIZES: string[];
+export declare const ALIGN: ({
+    value: string;
+    label: import("@wordpress/i18n").TransformedText<"Nahoru">;
+    icon: import("react").JSX.Element;
+} | {
+    value: string;
+    label: import("@wordpress/i18n").TransformedText<"Uprostřed">;
+    icon: import("react").JSX.Element;
+} | {
+    value: string;
+    label: import("@wordpress/i18n").TransformedText<"Dolu">;
+    icon: import("react").JSX.Element;
+})[];
 //# sourceMappingURL=constants.d.ts.map

package/build/blocks/column/column-item/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAA6C,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,UAA6C,CAAA;AAC/D,eAAO,MAAM,KAAK;;;;;;;;;;;;IAgBjB,CAAA"}

package/build/blocks/column/column-item/constants.js

@@ -1 +1,20 @@
+import { __ } from '@wordpress/i18n';
+import { justifyTop, justifyCenterVertical, justifyBottom } from '@wordpress/icons';
 export const SIZES = ['1/4', '1/3', '1/2', '2/3', '3/4', '1/1'];
+export const ALIGN = [
+    {
+        value: 'top',
+        label: __('Nahoru', 'brilo-blocks'),
+        icon: justifyTop,
+    },
+    {
+        value: 'center',
+        label: __('Uprostřed', 'brilo-blocks'),
+        icon: justifyCenterVertical,
+    },
+    {
+        value: 'bottom',
+        label: __('Dolu', 'brilo-blocks'),
+        icon: justifyBottom,
+    },
+];

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

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/edit.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAGpE,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,iBAAiB,IACxC,gCAGlB;IACD,UAAU,EAAE,oBAAoB,CAAA;IAChC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;CAC1D,iCAgCF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/edit.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAIpE,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,iBAAiB,IACxC,gCAGlB;IACD,UAAU,EAAE,oBAAoB,CAAA;IAChC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;CAC1D,iCA0CF"}

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

@@ -1,21 +1,21 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { InspectorControls } from '@wordpress/block-editor';
-import { PanelBody, RangeControl } from '@wordpress/components';
+import { PanelBody, RangeControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon, } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import clsx from 'clsx';
 import { useGroupBlock } from '../../../hooks/useGroupBlock';
-import { SIZES } from './constants';
+import { ALIGN, SIZES } from './constants';
 export function createColumnItemEdit(options) {
     return function Edit({ attributes, setAttributes, }) {
         var _a, _b;
-        const { size } = attributes;
+        const { size, align } = attributes;
         const { blockProps, innerBlocksProps } = useGroupBlock({
-            blockClassName: clsx((_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'i-column', `--size-${size}`),
+            blockClassName: clsx((_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'i-column', `--size-${size}`, align && `--align-${align}`),
             containerClassName: (_b = options.containerClassName) !== null && _b !== void 0 ? _b : 'i-column__inner',
             allowedBlocks: options.allowedBlocks,
             template: options.template,
         });
         const sizeIndex = SIZES.indexOf(size);
-        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsx(PanelBody, { title: __('Nastavení položky sloupce', 'brilo-blocks'), children: _jsx(RangeControl, { label: __('Šířka sloupce', 'brilo-blocks'), value: sizeIndex, onChange: (v) => setAttributes({ size: SIZES[v] }), min: 0, max: SIZES.length - 1, withInputField: false, marks: SIZES.map((s, i) => ({ label: s, value: i })) }) }) }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Nastavení položky sloupce', 'brilo-blocks'), children: [_jsx(RangeControl, { label: __('Šířka sloupce', 'brilo-blocks'), value: sizeIndex, onChange: (v) => setAttributes({ size: SIZES[v] }), min: 0, max: SIZES.length - 1, withInputField: false, marks: SIZES.map((s, i) => ({ label: s, value: i })) }), _jsx(ToggleGroupControl, { label: __('Zarovnání', 'brilo-blocks'), value: align, onChange: (v) => setAttributes({ align: v }), isBlock: true, children: ALIGN.map((item) => (_jsx(ToggleGroupControlOptionIcon, { value: item.value, label: item.label, icon: item.icon }, item.value))) })] }) }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
     };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAEpE,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,iBAAiB,GAAG,kBAAkB,CAAC,oBAAoB,CAAC,CAkB1G"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAGpE,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,iBAAiB,GAAG,kBAAkB,CAAC,oBAAoB,CAAC,CAsB1G"}

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

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { InnerBlocks } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
 import { createColumnItemEdit } from './edit';
+import { ALIGN } from './constants';
 export function createColumnItemBlock(options) {
     var _a, _b, _c;
     return {
@@ -17,6 +18,10 @@ export function createColumnItemBlock(options) {
                 type: 'string',
                 default: '1/2',
             },
+            align: {
+                type: 'string',
+                default: ALIGN[0],
+            },
         },
         edit: createColumnItemEdit(options),
         save: () => _jsx(InnerBlocks.Content, {}),

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AACpE,OAAO,EAAC,qBAAqB,EAAC,MAAM,WAAW,CAAA;AAE/C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,kBAAkB,EAAE,iBAIhC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AACpE,OAAO,EAAC,qBAAqB,EAAC,MAAM,WAAW,CAAA;AAE/C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,kBAAkB,EAAE,iBAchC,CAAA"}

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

@@ -2,5 +2,15 @@ export { createColumnItemBlock } from './factory';
 export const columnItemDefaults = {
     name: 'brilo/column-item',
     parent: ['brilo/column-group'],
-    allowedBlocks: ['core/paragraph', 'core/list', 'core/image', 'core/heading', 'core/embed', 'core/quote', 'core/table', 'core/gallery'],
+    allowedBlocks: [
+        'core/paragraph',
+        'core/list',
+        'core/image',
+        'core/heading',
+        'core/embed',
+        'core/quote',
+        'core/table',
+        'core/gallery',
+        'brilo/link-item',
+    ],
 };

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

@@ -1,6 +1,7 @@
 import type { BriloBlockType } from '../../../types';
 export interface ColumnItemAttributes extends Record<string, unknown> {
     size: string;
+    align: string;
 }
 export interface ColumnItemOptions extends BriloBlockType {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,oBAAqB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACnE,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,oBAAqB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACnE,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc;CAAG"}

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

@@ -1,5 +1,10 @@
-import type { BlockConfiguration } from '@wordpress/blocks';
+import type { BlockConfiguration, BlockEditProps } from '@wordpress/blocks';
+import type { IconType } from '../../../components/IconControl/IconControl';
 import type { ContactItemAttributes, ContactItemOptions } from './types';
 export type { ContactItemAttributes, ContactItemOptions };
-export declare function createContactItemBlock(options: ContactItemOptions): BlockConfiguration<ContactItemAttributes>;
+export declare function createContactItemBlock<T extends ContactItemAttributes = ContactItemAttributes>(options: ContactItemOptions & {
+    icons: IconType[];
+    iconsSrc: string;
+    edit: (props: BlockEditProps<T>) => JSX.Element;
+}): BlockConfiguration<T>;
 //# sourceMappingURL=factory.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/contact/contact-item/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAKzD,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,CAwB7G"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/contact/contact-item/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAGzE,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,sCAAsC,CAAA;AAGlE,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAEtE,YAAY,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,CAAA;AAEvD,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,EAC5F,OAAO,EAAE,kBAAkB,GAAG;IAC5B,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAA;CAChD,GACA,kBAAkB,CAAC,CAAC,CAAC,CAyBvB"}

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

@@ -3,7 +3,6 @@ import { InnerBlocks } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
 import { CONTACT_COLUMNS_CONTEXT } from '../contact-group/constants';
 import { CONTACT_ICON_SIZE_DEFAULT, CONTACT_ICON_TYPES } from './constants';
-import { createContactItemEdit } from './edit';
 export function createContactItemBlock(options) {
     var _a, _b, _c;
     return {
@@ -16,6 +15,7 @@ export function createContactItemBlock(options) {
         supports: { html: false, customClassName: false },
         usesContext: [CONTACT_COLUMNS_CONTEXT],
         attributes: {
+            ...options.attributes,
             colSpan: { type: 'number', default: 1 },
             icon: {
                 type: 'object',
@@ -26,7 +26,7 @@ export function createContactItemBlock(options) {
                 default: { variant: 'md', custom: CONTACT_ICON_SIZE_DEFAULT },
             },
         },
-        edit: createContactItemEdit(options),
+        edit: options.edit,
         save: () => _jsx(InnerBlocks.Content, {}),
     };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-button/edit.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAA6C,MAAM,SAAS,CAAA;AAElH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,kBAAkB,IAK1C,gCAGlB;IACD,UAAU,EAAE,qBAAqB,CAAA;IACjC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAA;CAC3D,iCAkFF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-button/edit.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAA6C,MAAM,SAAS,CAAA;AAIlH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,kBAAkB,IAK1C,gCAGlB;IACD,UAAU,EAAE,qBAAqB,CAAA;IACjC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAA;CAC3D,iCAgIF"}

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

@@ -1,20 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { InspectorControls, RichText, useBlockProps } from '@wordpress/block-editor';
-import { PanelBody, TextControl, ToggleControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
+import { PanelBody, TextControl, ToggleControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, RangeControl, } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import clsx from 'clsx';
 import { DEFAULT_FULL_WIDTH_OPTIONS, DEFAULT_SIZES, DEFAULT_VARIANTS } from './constants';
+import { ItemIconControl, ItemIconPreview } from '../../../components/ItemIconControl';
+import { ICON_TYPES } from '../../../blocks/link/link-item/constants';
 export function createBasicButtonEdit(options) {
     var _a, _b, _c;
     const VARIANTS = (_a = options.variants) !== null && _a !== void 0 ? _a : DEFAULT_VARIANTS;
     const SIZES = (_b = options.sizes) !== null && _b !== void 0 ? _b : DEFAULT_SIZES;
     const FULL_WIDTH_OPTIONS = (_c = options.fullWidthOptions) !== null && _c !== void 0 ? _c : DEFAULT_FULL_WIDTH_OPTIONS;
     return function Edit({ attributes, setAttributes, }) {
-        var _a;
-        const { title, variant, outline, fullWidth, size, url } = attributes;
+        var _a, _b;
+        const { title, variant, outline, fullWidth, size, url, icon } = attributes;
+        const hasIcon = icon.type !== 'none' && (icon.src || ((_a = icon.media) === null || _a === void 0 ? void 0 : _a.id));
+        const setIconBase = (attrs) => {
+            setAttributes({ icon: { ...icon, ...attrs.icon } });
+        };
         const blockProps = useBlockProps({
-            className: clsx((_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'i-button', `--variant-${variant}`, `--size-${size}`, outline && '--outline', fullWidth !== 'false' && `--full-width-${fullWidth}`),
+            className: clsx((_b = options.blockClassName) !== null && _b !== void 0 ? _b : 'i-button', `--variant-${variant}`, `--size-${size}`, outline && '--outline', fullWidth !== 'false' && `--full-width-${fullWidth}`),
         });
-        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Tlačítko', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('Text tlačítka', 'brilo-blocks'), value: title, onChange: (value) => setAttributes({ title: value }), placeholder: __('Text tlačítka...', 'brilo-blocks') }), _jsx(ToggleGroupControl, { label: __('Varianta', 'brilo-blocks'), value: variant, onChange: (value) => setAttributes({ variant: value }), isBlock: true, children: VARIANTS.map((v) => (_jsx(ToggleGroupControlOption, { value: v.value, label: v.label }, v.value))) }), _jsx(ToggleControl, { label: __('Outline', 'brilo-blocks'), checked: outline, onChange: (value) => setAttributes({ outline: value }) }), _jsx(ToggleGroupControl, { label: __('Velikost', 'brilo-blocks'), value: size, onChange: (value) => setAttributes({ size: value }), isBlock: true, children: SIZES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }), _jsx(ToggleGroupControl, { label: __('Celá šířka', 'brilo-blocks'), value: fullWidth, onChange: (value) => setAttributes({ fullWidth: value }), isBlock: true, children: FULL_WIDTH_OPTIONS.map((o) => (_jsx(ToggleGroupControlOption, { value: o.value, label: o.label }, o.value))) })] }), _jsxs(PanelBody, { title: __('Odkaz', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('URL', 'brilo-blocks'), value: url.src, onChange: (value) => setAttributes({ url: { ...url, src: value } }) }), _jsx(ToggleControl, { label: __('Otevřít v nové záložce', 'brilo-blocks'), checked: url.blank, onChange: (value) => setAttributes({ url: { ...url, blank: value } }) })] })] }), _jsx("div", { ...blockProps, children: _jsx("div", { className: "i-button__inner", children: _jsx(RichText, { tagName: "span", className: "i-button__label", value: title, onChange: (value) => setAttributes({ title: value }), placeholder: __('Text tlačítka...', 'brilo-blocks'), allowedFormats: [] }) }) })] }));
+        const iconPreviewStyle = { maxWidth: icon.size, flex: `0 0 ${icon.size}px` };
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Tlačítko', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('Text tlačítka', 'brilo-blocks'), value: title, onChange: (value) => setAttributes({ title: value }), placeholder: __('Text tlačítka...', 'brilo-blocks') }), _jsx(ToggleGroupControl, { label: __('Varianta', 'brilo-blocks'), value: variant, onChange: (value) => setAttributes({ variant: value }), isBlock: true, children: VARIANTS.map((v) => (_jsx(ToggleGroupControlOption, { value: v.value, label: v.label }, v.value))) }), _jsx(ToggleControl, { label: __('Outline', 'brilo-blocks'), checked: outline, onChange: (value) => setAttributes({ outline: value }) }), _jsx(ToggleGroupControl, { label: __('Velikost', 'brilo-blocks'), value: size, onChange: (value) => setAttributes({ size: value }), isBlock: true, children: SIZES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }), _jsx(ToggleGroupControl, { label: __('Celá šířka', 'brilo-blocks'), value: fullWidth, onChange: (value) => setAttributes({ fullWidth: value }), isBlock: true, children: FULL_WIDTH_OPTIONS.map((o) => (_jsx(ToggleGroupControlOption, { value: o.value, label: o.label }, o.value))) })] }), _jsxs(PanelBody, { title: __('Odkaz', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('URL', 'brilo-blocks'), value: url.src, onChange: (value) => setAttributes({ url: { ...url, src: value } }) }), _jsx(ToggleControl, { label: __('Otevřít v nové záložce', 'brilo-blocks'), checked: url.blank, onChange: (value) => setAttributes({ url: { ...url, blank: value } }) })] }), _jsxs(PanelBody, { title: __('Ikona', 'brilo-blocks'), initialOpen: false, children: [_jsx(ItemIconControl, { icon: icon, setAttributes: setIconBase, iconTypes: ICON_TYPES, options: options }), hasIcon && (_jsxs(_Fragment, { children: [_jsxs(ToggleGroupControl, { isBlock: true, label: __('Pozice', 'brilo-blocks'), value: icon.position, onChange: (v) => setAttributes({ icon: { ...icon, position: String(v) } }), children: [_jsx(ToggleGroupControlOption, { value: "before", label: __('Před', 'brilo-blocks') }), _jsx(ToggleGroupControlOption, { value: "after", label: __('Za', 'brilo-blocks') })] }), _jsx(RangeControl, { label: __('Velikost (px)', 'brilo-blocks'), value: icon.size, onChange: (v) => setAttributes({ icon: { ...icon, size: v !== null && v !== void 0 ? v : 24 } }), min: 8, max: 80, step: 1 })] }))] })] }), _jsxs("div", { ...blockProps, children: [hasIcon && icon.position === 'before' && (_jsx("span", { className: "link-item__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setIconBase, options: options }) })), _jsx("div", { className: "i-button__inner", children: _jsx(RichText, { tagName: "span", className: "i-button__label", value: title, onChange: (value) => setAttributes({ title: value }), placeholder: __('Text tlačítka...', 'brilo-blocks'), allowedFormats: [] }) }), hasIcon && icon.position === 'after' && (_jsx("span", { className: "link-item__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setIconBase, options: options }) }))] })] }));
     };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-button/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AACxC,OAAO,EAAC,0BAA0B,EAAE,aAAa,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAA;AAEvF,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAEtE,YAAY,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,CAAA;AAEvD,wBAAgB,sBAAsB,CACpC,SAAS,SAAS,WAAW,GAAG,OAAO,gBAAgB,EACvD,MAAM,SAAS,WAAW,GAAG,OAAO,aAAa,EACjD,iBAAiB,SAAS,WAAW,GAAG,OAAO,0BAA0B,EAEzE,OAAO,EAAE,kBAAkB,CAAC,SAAS,EAAE,MAAM,EAAE,iBAAiB,CAAC,GAChE,kBAAkB,CAAC,qBAAqB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAsCpI"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-button/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AACxC,OAAO,EAAC,0BAA0B,EAAE,aAAa,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAA;AAEvF,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAEtE,YAAY,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,CAAA;AAEvD,wBAAgB,sBAAsB,CACpC,SAAS,SAAS,WAAW,GAAG,OAAO,gBAAgB,EACvD,MAAM,SAAS,WAAW,GAAG,OAAO,aAAa,EACjD,iBAAiB,SAAS,WAAW,GAAG,OAAO,0BAA0B,EAEzE,OAAO,EAAE,kBAAkB,CAAC,SAAS,EAAE,MAAM,EAAE,iBAAiB,CAAC,GAChE,kBAAkB,CAAC,qBAAqB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CA0CpI"}

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

@@ -33,6 +33,10 @@ export function createBasicButtonBlock(options) {
                 enum: sizes.map((s) => s.value),
             },
             url: { type: 'object', default: { src: '', blank: false } },
+            icon: {
+                type: 'object',
+                default: { type: 'none', src: '', media: {}, position: 'after', size: 24 },
+            },
         },
         edit: createBasicButtonEdit(options),
         save: () => null,

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

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

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

@@ -1,4 +1,6 @@
 export { createBasicButtonBlock } from './factory';
 export const basicButtonDefaults = {
     name: 'brilo/basic-button',
+    icons: [],
+    iconsSrc: '',
 };

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

@@ -1,14 +1,23 @@
-import type { BriloBlockType, OptionArray } from '../../../types';
+import type { BriloBlockType, Media, OptionArray } from '../../../types';
 import type { DEFAULT_FULL_WIDTH_OPTIONS, DEFAULT_SIZES, DEFAULT_VARIANTS } from './constants';
+import type { IconType } from '../../../components/IconControl/IconControl';
 export type ButtonVariant = (typeof DEFAULT_VARIANTS)[number]['value'];
 export type ButtonSize = (typeof DEFAULT_SIZES)[number]['value'];
 export type ButtonFullWidth = (typeof DEFAULT_FULL_WIDTH_OPTIONS)[number]['value'];
+export interface LinkItemIcon {
+    type: 'preselected' | 'media' | 'none';
+    src: string;
+    media: Media;
+    position: 'before' | 'after';
+    size: number;
+}
 export interface BasicButtonAttributes<TVariant extends string = ButtonVariant, TSize extends string = ButtonSize, TFullWidth extends string = ButtonFullWidth> extends Record<string, unknown> {
     title: string;
     variant: TVariant;
     outline: boolean;
     fullWidth: TFullWidth;
     size: TSize;
+    icon: LinkItemIcon;
     url: {
         src: string;
         blank: boolean;
@@ -18,5 +27,7 @@ export interface BasicButtonOptions<TVariants extends OptionArray = typeof DEFAU
     variants?: TVariants;
     sizes?: TSizes;
     fullWidthOptions?: TFullWidthOptions;
+    icons: IconType[];
+    iconsSrc: string;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACxD,OAAO,KAAK,EAAC,0BAA0B,EAAE,aAAa,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAA;AAE5F,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACtE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAChE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAElF,MAAM,WAAW,qBAAqB,CACpC,QAAQ,SAAS,MAAM,GAAG,aAAa,EACvC,KAAK,SAAS,MAAM,GAAG,UAAU,EACjC,UAAU,SAAS,MAAM,GAAG,eAAe,CAC3C,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,QAAQ,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,UAAU,CAAA;IACrB,IAAI,EAAE,KAAK,CAAA;IACX,GAAG,EAAE;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAC,CAAA;CACnC;AAED,MAAM,WAAW,kBAAkB,CACjC,SAAS,SAAS,WAAW,GAAG,OAAO,gBAAgB,EACvD,MAAM,SAAS,WAAW,GAAG,OAAO,aAAa,EACjD,iBAAiB,SAAS,WAAW,GAAG,OAAO,0BAA0B,CACzE,SAAQ,cAAc;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,iBAAiB,CAAA;CACrC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/core/basic-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,KAAK,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AAC/D,OAAO,KAAK,EAAC,0BAA0B,EAAE,aAAa,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAA;AAC5F,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,sCAAsC,CAAA;AAElE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACtE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAChE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAElF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;IACtC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,qBAAqB,CACpC,QAAQ,SAAS,MAAM,GAAG,aAAa,EACvC,KAAK,SAAS,MAAM,GAAG,UAAU,EACjC,UAAU,SAAS,MAAM,GAAG,eAAe,CAC3C,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,QAAQ,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,UAAU,CAAA;IACrB,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,EAAE,YAAY,CAAA;IAClB,GAAG,EAAE;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAC,CAAA;CACnC;AAED,MAAM,WAAW,kBAAkB,CACjC,SAAS,SAAS,WAAW,GAAG,OAAO,gBAAgB,EACvD,MAAM,SAAS,WAAW,GAAG,OAAO,aAAa,EACjD,iBAAiB,SAAS,WAAW,GAAG,OAAO,0BAA0B,CACzE,SAAQ,cAAc;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,iBAAiB,CAAA;IACpC,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB"}

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

@@ -0,0 +1,21 @@
+export declare const DEFAULT_COLUMNS: readonly [2, 3, 4, 6];
+export declare const DEFAULT_RATIOS: readonly [{
+    readonly value: "4:3";
+    readonly label: "4:3";
+}, {
+    readonly value: "16:9";
+    readonly label: "16:9";
+}, {
+    readonly value: "3:2";
+    readonly label: "3:2";
+}, {
+    readonly value: "1:1";
+    readonly label: "1:1";
+}, {
+    readonly value: "2:1";
+    readonly label: "2:1";
+}, {
+    readonly value: "3:4";
+    readonly label: "3:4";
+}];
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-group/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,uBAAwB,CAAA;AAEpD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;EAOjB,CAAA"}

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

@@ -0,0 +1,9 @@
+export const DEFAULT_COLUMNS = [2, 3, 4, 6];
+export const DEFAULT_RATIOS = [
+    { value: '4:3', label: '4:3' },
+    { value: '16:9', label: '16:9' },
+    { value: '3:2', label: '3:2' },
+    { value: '1:1', label: '1:1' },
+    { value: '2:1', label: '2:1' },
+    { value: '3:4', label: '3:4' },
+];

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

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

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

@@ -0,0 +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,IAI5C,0CAIlB;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"}

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

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { InspectorControls, MediaUpload } from '@wordpress/block-editor';
+import { PanelBody, TextControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import { useDispatch } from '@wordpress/data';
+import { createBlock } from '@wordpress/blocks';
+import clsx from 'clsx';
+import { useGroupBlock } from '../../../hooks/useGroupBlock';
+import { DEFAULT_COLUMNS, DEFAULT_RATIOS } from './constants';
+export function createGalleryGroupEdit(options) {
+    var _a, _b;
+    const COLUMNS = (_a = options.columns) !== null && _a !== void 0 ? _a : DEFAULT_COLUMNS;
+    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 { insertBlock } = useDispatch('core/block-editor');
+        const addNewBlock = (imageId) => {
+            const newBlock = createBlock(options.allowedBlocks[0], {
+                img: {
+                    id: imageId,
+                },
+            });
+            insertBlock(newBlock, undefined, clientId);
+        };
+        const onSelectImages = (media) => {
+            media.forEach((item) => addNewBlock(item.id));
+        };
+        const CustomAppender = () => {
+            return (_jsx(MediaUpload, { onSelect: onSelectImages, multiple: "add", allowedTypes: ['image'], render: ({ open }) => (_jsx("div", { onClick: open, className: "g-gallery__appender", children: __('Přidat obrázky', 'brilo-blocks') })) }));
+        };
+        const { blockProps, innerBlocksProps } = useGroupBlock({
+            blockClassName: clsx((_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'g-gallery wp-block-section'),
+            containerClassName: [(_b = options.containerClassName) !== null && _b !== void 0 ? _b : 'u-grid-responsive', `--cols-${columns}`],
+            containerStyle: {
+                '--grid-max-col-count': columns,
+                '--gallery-aspect-ratio': ratio.replace(':', '/'),
+            },
+            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 }) })] }));
+    };
+}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { __ } from '@wordpress/i18n';
+import { createGalleryGroupEdit } from './edit';
+import { DEFAULT_COLUMNS, DEFAULT_RATIOS } from './constants';
+import { InnerBlocks } from '@wordpress/block-editor';
+export function createGalleryGroupBlock(options) {
+    var _a, _b, _c;
+    return {
+        name: options.name,
+        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Gallery Group', '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 : 'format-gallery',
+        supports: { html: false, customClassName: false },
+        attributes: {
+            columns: {
+                type: 'number',
+                default: options.columns ? options.columns[0] : DEFAULT_COLUMNS[1], // Default to 3 if not specified
+            },
+            ratio: {
+                type: 'string',
+                default: options.ratios ? options.ratios[0].value : DEFAULT_RATIOS[0].value,
+            },
+            galleryId: {
+                type: 'string',
+                default: 'gallery',
+            },
+        },
+        edit: createGalleryGroupEdit(options),
+        save: () => _jsx(InnerBlocks.Content, {}),
+    };
+}

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

@@ -0,0 +1,5 @@
+export type { GalleryGroupAttributes, GalleryGroupOptions } from './types';
+export { createGalleryGroupBlock } from './factory';
+import type { GalleryGroupOptions } from './types';
+export declare const galleryGroupDefaults: GalleryGroupOptions;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,sBAAsB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAA;AACxE,OAAO,EAAC,uBAAuB,EAAC,MAAM,WAAW,CAAA;AAEjD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,eAAO,MAAM,oBAAoB,EAAE,mBAKlC,CAAA"}

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

@@ -0,0 +1,7 @@
+export { createGalleryGroupBlock } from './factory';
+export const galleryGroupDefaults = {
+    name: 'brilo/gallery-group',
+    parent: ['brilo/base-section'],
+    allowedBlocks: ['brilo/gallery-item'],
+    template: [],
+};

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

@@ -0,0 +1,15 @@
+import type { BriloBlockType, NumberArray, OptionArray } from '../../../types';
+import type { DEFAULT_COLUMNS, DEFAULT_RATIOS } from './constants';
+export type GalleryColumns = (typeof DEFAULT_COLUMNS)[number];
+export type GalleryRatio = (typeof DEFAULT_RATIOS)[number]['value'];
+export interface GalleryGroupAttributes<TColumn extends number = GalleryColumns, TRatio extends string = GalleryRatio> extends Record<string, unknown> {
+    columns: TColumn;
+    ratio: TRatio;
+    galleryId: string;
+}
+export interface GalleryGroupOptions<TColumns extends NumberArray = typeof DEFAULT_COLUMNS, TRatios extends OptionArray = typeof DEFAULT_RATIOS> extends BriloBlockType {
+    allowedBlocks: string[];
+    columns?: TColumns;
+    ratios?: TRatios;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-item/edit.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAGtE,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,kBAAkB,IAC3C,gCAGlB;IACD,UAAU,EAAE,qBAAqB,CAAA;IACjC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAA;CAC3D,iCA+BF"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
+import { PanelBody } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import clsx from 'clsx';
+import { ImagePickerControl } from '../../../components/ImagePicker/ImagePicker';
+export function createGalleryItemEdit(_options) {
+    return function Edit({ attributes, setAttributes, }) {
+        const { img } = attributes;
+        const blockProps = useBlockProps({ className: clsx('i-gallery') });
+        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: _jsx("div", { className: "i-gallery__image-wrapper", children: img.id ? (_jsx(ImagePickerControl, { value: img, onChange: (val) => setAttributes({ img: val }) })) : (_jsx("div", { className: "i-gallery__image-placeholder", children: _jsx(ImagePickerControl, { labels: { select: __('Vybrat obrázek', 'brilo-blocks') }, value: img, onChange: (val) => setAttributes({ img: val }) }) })) }) })] }));
+    };
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-item/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,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"}

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

@@ -0,0 +1,22 @@
+import { __ } from '@wordpress/i18n';
+import { createGalleryItemEdit } from './edit';
+export function createGalleryItemBlock(options) {
+    var _a, _b, _c;
+    return {
+        name: options.name,
+        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Gallery Item', '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 : 'format-image',
+        supports: { html: false, customClassName: false },
+        attributes: {
+            img: {
+                type: 'object',
+                default: { id: 0, alt: '' },
+            },
+        },
+        edit: createGalleryItemEdit(options),
+        save: () => null,
+    };
+}

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

@@ -0,0 +1,5 @@
+import { GalleryItemOptions } from './types';
+export type { GalleryItemAttributes, GalleryItemOptions } from './types';
+export { createGalleryItemBlock } from './factory';
+export declare const galleryItemDefaults: GalleryItemOptions;
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+export { createGalleryItemBlock } from './factory';
+export const galleryItemDefaults = {
+    name: 'brilo/gallery-item',
+    parent: ['brilo/gallery-group'],
+    template: [],
+};

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

@@ -0,0 +1,7 @@
+import type { BriloBlockType, Media } from '../../../types';
+export interface GalleryItemAttributes extends Record<string, unknown> {
+    img: Media;
+}
+export interface GalleryItemOptions extends BriloBlockType {
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/gallery/gallery-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,KAAK,EAAC,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACpE,GAAG,EAAE,KAAK,CAAA;CACX;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc;CAAG"}

package/build/blocks/gallery/gallery-item/types.js

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