@brilo/base-blocks 0.1.22 → 0.1.24

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

@@ -0,0 +1,24 @@
+export declare const ANCHOR_COLUMNS: readonly [{
+    readonly value: '2';
+    readonly label: '2';
+}, {
+    readonly value: '3';
+    readonly label: '3';
+}, {
+    readonly value: '4';
+    readonly label: '4';
+}, {
+    readonly value: '6';
+    readonly label: '6';
+}, {
+    readonly value: 'auto';
+    readonly label: import("@wordpress/i18n").TransformedText<"Auto">;
+}];
+export declare const ANCHOR_ALIGNMENTS: readonly [{
+    readonly value: 'left';
+    readonly label: import("@wordpress/i18n").TransformedText<"Vlevo">;
+}, {
+    readonly value: 'center';
+    readonly label: import("@wordpress/i18n").TransformedText<"Na střed">;
+}];
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/anchor/anchor-group/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;aACxB,KAAK,EAAE,GAAG;aAAE,KAAK,EAAE,GAAG;;aACtB,KAAK,EAAE,GAAG;aAAE,KAAK,EAAE,GAAG;;aACtB,KAAK,EAAE,GAAG;aAAE,KAAK,EAAE,GAAG;;aACtB,KAAK,EAAE,GAAG;aAAE,KAAK,EAAE,GAAG;;aACtB,KAAK,EAAE,MAAM;aAAE,KAAK;EACb,CAAA;AAEV,eAAO,MAAM,iBAAiB;aAC3B,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,QAAQ;aAAE,KAAK;EACf,CAAA"}

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

@@ -0,0 +1,12 @@
+import { __ } from '@wordpress/i18n';
+export const ANCHOR_COLUMNS = [
+    { value: '2', label: '2' },
+    { value: '3', label: '3' },
+    { value: '4', label: '4' },
+    { value: '6', label: '6' },
+    { value: 'auto', label: __('Auto', 'brilo-blocks') },
+];
+export const ANCHOR_ALIGNMENTS = [
+    { value: 'left', label: __('Vlevo', 'brilo-blocks') },
+    { value: 'center', label: __('Na střed', 'brilo-blocks') },
+];

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/anchor/anchor-group/edit.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAiC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAEtG,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,kBAAkB,oCAO5D;IACD,UAAU,EAAE,qBAAqB,CAAA;IACjC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAA;CAC3D,iCA+CF"}

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

@@ -0,0 +1,28 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InspectorControls } from '@wordpress/block-editor';
+import { PanelBody, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import clsx from 'clsx';
+import { useGroupBlock } from '../../../hooks/useGroupBlock';
+import { ANCHOR_ALIGNMENTS, ANCHOR_COLUMNS } from './constants';
+export function createAnchorGroupEdit(options) {
+    var _a, _b;
+    const columnsOptions = (_a = options.columnsOptions) !== null && _a !== void 0 ? _a : ANCHOR_COLUMNS;
+    const alignments = (_b = options.alignments) !== null && _b !== void 0 ? _b : ANCHOR_ALIGNMENTS;
+    return function Edit({ attributes, setAttributes, }) {
+        var _a, _b;
+        const { columns, align } = attributes;
+        const { blockProps, innerBlocksProps } = useGroupBlock({
+            blockClassName: clsx((_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'g-anchors'),
+            containerClassName: [
+                (_b = options.containerClassName) !== null && _b !== void 0 ? _b : 'g-anchors__inner',
+                columns === 'auto' ? '--auto' : `u-grid-responsive --cols-${columns}`,
+                align === 'center' && 'justify-content-center',
+            ],
+            allowedBlocks: options.allowedBlocks,
+            template: options.template,
+            layout: { type: 'default' },
+        });
+        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Kotvy', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Počet sloupců', 'brilo-blocks'), value: columns, onChange: (v) => setAttributes({ columns: v }), children: columnsOptions.map((c) => (_jsx(ToggleGroupControlOption, { value: c.value, label: c.label }, c.value))) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Zarovnání', 'brilo-blocks'), value: align, onChange: (v) => setAttributes({ align: v }), children: alignments.map((a) => (_jsx(ToggleGroupControlOption, { value: a.value, label: a.label }, a.value))) })] }) }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
+    };
+}

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

@@ -0,0 +1,7 @@
+import type { BlockConfiguration } from '@wordpress/blocks';
+import type { OptionArray } from '../../../types';
+import { ANCHOR_ALIGNMENTS, ANCHOR_COLUMNS } from './constants';
+import type { AnchorGroupAttributes, AnchorGroupOptions } from './types';
+export type { AnchorGroupAttributes, AnchorGroupOptions };
+export declare function createAnchorGroupBlock<TColumnsOptions extends OptionArray = typeof ANCHOR_COLUMNS, TAlignments extends OptionArray = typeof ANCHOR_ALIGNMENTS>(options: AnchorGroupOptions<TColumnsOptions, TAlignments>): BlockConfiguration<AnchorGroupAttributes<TColumnsOptions[number]['value'], TAlignments[number]['value']>>;
+//# sourceMappingURL=factory.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/anchor/anchor-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AACxC,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,aAAa,CAAA;AAE7D,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAEtE,YAAY,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,CAAA;AAEvD,wBAAgB,sBAAsB,CACpC,eAAe,SAAS,WAAW,GAAG,OAAO,cAAc,EAC3D,WAAW,SAAS,WAAW,GAAG,OAAO,iBAAiB,EAE1D,OAAO,EAAE,kBAAkB,CAAC,eAAe,EAAE,WAAW,CAAC,GACxD,kBAAkB,CAAC,qBAAqB,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CA2B3G"}

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InnerBlocks } from '@wordpress/block-editor';
+import { __ } from '@wordpress/i18n';
+import { ANCHOR_ALIGNMENTS, ANCHOR_COLUMNS } from './constants';
+import { createAnchorGroupEdit } from './edit';
+export function createAnchorGroupBlock(options) {
+    var _a, _b, _c, _d, _e;
+    const columnsOptions = (_a = options.columnsOptions) !== null && _a !== void 0 ? _a : ANCHOR_COLUMNS;
+    const alignments = (_b = options.alignments) !== null && _b !== void 0 ? _b : ANCHOR_ALIGNMENTS;
+    return {
+        name: options.name,
+        title: (_c = options.title) !== null && _c !== void 0 ? _c : __('Kotvy', '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 : 'anchor',
+        supports: { html: false, customClassName: false },
+        attributes: {
+            columns: {
+                type: 'string',
+                default: columnsOptions[columnsOptions.length - 1].value,
+                enum: columnsOptions.map((c) => c.value),
+            },
+            align: {
+                type: 'string',
+                default: alignments[0].value,
+                enum: alignments.map((a) => a.value),
+            },
+        },
+        edit: createAnchorGroupEdit(options),
+        save: () => _jsx(InnerBlocks.Content, {}),
+    };
+}

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

@@ -0,0 +1,6 @@
+export type { AnchorAlignment, AnchorColumns, AnchorGroupAttributes, AnchorGroupOptions } from './types';
+export { createAnchorGroupBlock } from './factory';
+export { ANCHOR_ALIGNMENTS, ANCHOR_COLUMNS } from './constants';
+import type { AnchorGroupOptions } from './types';
+export declare const anchorGroupDefaults: AnchorGroupOptions;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/anchor/anchor-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,eAAe,EAAE,aAAa,EAAE,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AACtG,OAAO,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAChD,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,aAAa,CAAA;AAE7D,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,mBAAmB,EAAE,kBAIjC,CAAA"}

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

@@ -0,0 +1,7 @@
+export { createAnchorGroupBlock } from './factory';
+export { ANCHOR_ALIGNMENTS, ANCHOR_COLUMNS } from './constants';
+export const anchorGroupDefaults = {
+    name: 'brilo/anchor-group',
+    allowedBlocks: ['brilo/anchor-item'],
+    template: [['brilo/anchor-item', {}]],
+};

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

@@ -0,0 +1,13 @@
+import type { BriloBlockType, OptionArray } from '../../../types';
+import type { ANCHOR_ALIGNMENTS, ANCHOR_COLUMNS } from './constants';
+export type AnchorColumns = (typeof ANCHOR_COLUMNS)[number]['value'];
+export type AnchorAlignment = (typeof ANCHOR_ALIGNMENTS)[number]['value'];
+export interface AnchorGroupAttributes<TColumns extends string = AnchorColumns, TAlignment extends string = AnchorAlignment> extends Record<string, unknown> {
+    columns: TColumns;
+    align: TAlignment;
+}
+export interface AnchorGroupOptions<TColumnsOptions extends OptionArray = typeof ANCHOR_COLUMNS, TAlignments extends OptionArray = typeof ANCHOR_ALIGNMENTS> extends BriloBlockType {
+    columnsOptions?: TColumnsOptions;
+    alignments?: TAlignments;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/anchor/anchor-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACxD,OAAO,KAAK,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,aAAa,CAAA;AAElE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACpE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAEzE,MAAM,WAAW,qBAAqB,CAAC,QAAQ,SAAS,MAAM,GAAG,aAAa,EAAE,UAAU,SAAS,MAAM,GAAG,eAAe,CACzH,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,QAAQ,CAAA;IACjB,KAAK,EAAE,UAAU,CAAA;CAClB;AAED,MAAM,WAAW,kBAAkB,CACjC,eAAe,SAAS,WAAW,GAAG,OAAO,cAAc,EAC3D,WAAW,SAAS,WAAW,GAAG,OAAO,iBAAiB,CAC1D,SAAQ,cAAc;IACtB,cAAc,CAAC,EAAE,eAAe,CAAA;IAChC,UAAU,CAAC,EAAE,WAAW,CAAA;CACzB"}

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

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

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

@@ -0,0 +1,13 @@
+export declare const ANCHOR_ICON_TYPES: readonly [{
+    readonly value: 'preselected';
+    readonly label: import("@wordpress/i18n").TransformedText<"Předdefinovaná">;
+}, {
+    readonly value: 'media';
+    readonly label: import("@wordpress/i18n").TransformedText<"Médium">;
+}];
+export declare const ANCHOR_ICON_SIZE_RANGE: {
+    readonly min: 8;
+    readonly max: 100;
+};
+export declare const ANCHOR_ICON_SIZE_DEFAULT = 32;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/anchor/anchor-item/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;aAC3B,KAAK,EAAE,aAAa;aAAE,KAAK;;aAC3B,KAAK,EAAE,OAAO;aAAE,KAAK;EACd,CAAA;AAEV,eAAO,MAAM,sBAAsB;aAAI,GAAG,EAAE,CAAC;aAAE,GAAG,EAAE,GAAG;CAAU,CAAA;AAEjE,eAAO,MAAM,wBAAwB,KAAK,CAAA"}

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

@@ -0,0 +1,7 @@
+import { __ } from '@wordpress/i18n';
+export const ANCHOR_ICON_TYPES = [
+    { value: 'preselected', label: __('Předdefinovaná', 'brilo-blocks') },
+    { value: 'media', label: __('Médium', 'brilo-blocks') },
+];
+export const ANCHOR_ICON_SIZE_RANGE = { min: 8, max: 100 };
+export const ANCHOR_ICON_SIZE_DEFAULT = 32;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/anchor/anchor-item/edit.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAEpE,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,iBAAiB,oCAI1D;IACD,UAAU,EAAE,oBAAoB,CAAA;IAChC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;CAC1D,iCAsEF"}

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

@@ -0,0 +1,24 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ColorPalette, InspectorControls, RichText, useBlockProps } from '@wordpress/block-editor';
+import { BaseControl, PanelBody, RangeControl, TextControl, ToggleControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import clsx from 'clsx';
+import { ItemIconControl, ItemIconPreview } from '../../../components/ItemIconControl';
+import { useTenantColorPalette } from '../../../hooks/useTenantColorPalette';
+import { ANCHOR_ICON_SIZE_RANGE, ANCHOR_ICON_TYPES } from './constants';
+export function createAnchorItemEdit(options) {
+    return function Edit({ attributes, setAttributes, }) {
+        var _a;
+        var _b;
+        const { title, url, icon, iconSize, iconColor, iconPosition } = attributes;
+        const { paletteColors } = useTenantColorPalette();
+        const hasIcon = icon.src || ((_a = icon.media) === null || _a === void 0 ? void 0 : _a.id);
+        const blockProps = useBlockProps({ className: clsx((_b = options.blockClassName) !== null && _b !== void 0 ? _b : 'i-anchor') });
+        const iconPreviewStyle = {
+            maxWidth: iconSize,
+            flex: `0 0 ${iconSize}px`,
+            '--icon-color': iconColor || undefined,
+        };
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Odkaz', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('Titulek', 'brilo-blocks'), value: title, onChange: (v) => setAttributes({ title: v }) }), _jsx(TextControl, { label: __('URL', 'brilo-blocks'), value: url.src, onChange: (v) => setAttributes({ url: { ...url, src: v } }) }), _jsx(ToggleControl, { label: __('Otevřít v nové záložce', 'brilo-blocks'), checked: url.blank, onChange: (v) => setAttributes({ url: { ...url, blank: v } }) })] }), _jsxs(PanelBody, { title: __('Ikona', 'brilo-blocks'), children: [_jsx(ItemIconControl, { icon: icon, setAttributes: setAttributes, iconTypes: ANCHOR_ICON_TYPES, options: options }), _jsx(RangeControl, { label: __('Velikost ikony (px)', 'brilo-blocks'), value: iconSize, onChange: (v) => setAttributes({ iconSize: v !== null && v !== void 0 ? v : ANCHOR_ICON_SIZE_RANGE.min }), min: ANCHOR_ICON_SIZE_RANGE.min, max: ANCHOR_ICON_SIZE_RANGE.max }), _jsx(BaseControl, { label: __('Barva ikony', 'brilo-blocks'), id: "anchor-item-icon-color", children: _jsx(ColorPalette, { colors: paletteColors, value: iconColor || undefined, onChange: (v) => setAttributes({ iconColor: v !== null && v !== void 0 ? v : '' }) }) }), _jsxs(ToggleGroupControl, { isBlock: true, label: __('Pozice ikony', 'brilo-blocks'), value: iconPosition, onChange: (v) => setAttributes({ iconPosition: v }), children: [_jsx(ToggleGroupControlOption, { value: "before", label: __('Před textem', 'brilo-blocks') }), _jsx(ToggleGroupControlOption, { value: "after", label: __('Za textem', 'brilo-blocks') })] })] })] }), _jsxs("div", { ...blockProps, children: [hasIcon && iconPosition === 'before' && (_jsx("span", { className: "i-anchor__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setAttributes, options: options }) })), _jsx(RichText, { tagName: "span", className: "i-anchor__title", value: title, onChange: (v) => setAttributes({ title: v }), placeholder: __('Titulek kotvy...', 'brilo-blocks'), allowedFormats: [] }), hasIcon && iconPosition === 'after' && (_jsx("span", { className: "i-anchor__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setAttributes, options: options }) }))] })] }));
+    };
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/anchor/anchor-item/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAEpE,YAAY,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,CAAA;AAErD,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,iBAAiB,GAAG,kBAAkB,CAAC,oBAAoB,CAAC,CAoB1G"}

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

@@ -0,0 +1,25 @@
+import { __ } from '@wordpress/i18n';
+import { ANCHOR_ICON_SIZE_DEFAULT } from './constants';
+import { createAnchorItemEdit } from './edit';
+export function createAnchorItemBlock(options) {
+    var _a, _b, _c;
+    return {
+        name: options.name,
+        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Kotva', 'brilo-blocks'),
+        description: options.description,
+        category: (_b = options.category) !== null && _b !== void 0 ? _b : 'text',
+        ...(options.parent && { parent: options.parent }),
+        icon: (_c = options.icon) !== null && _c !== void 0 ? _c : 'admin-links',
+        supports: { html: false, customClassName: false },
+        attributes: {
+            title: { type: 'string', default: '' },
+            url: { type: 'object', default: { src: '', blank: false } },
+            icon: { type: 'object', default: { type: 'preselected', src: '', media: {} } },
+            iconSize: { type: 'number', default: ANCHOR_ICON_SIZE_DEFAULT },
+            iconColor: { type: 'string', default: '' },
+            iconPosition: { type: 'string', default: 'before', enum: ['before', 'after'] },
+        },
+        edit: createAnchorItemEdit(options),
+        save: () => null,
+    };
+}

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

@@ -0,0 +1,7 @@
+export type { AnchorItemAttributes, AnchorItemOptions } from './types';
+export { createAnchorItemBlock } from './factory';
+export { createAnchorItemEdit } from './edit';
+export { ANCHOR_ICON_SIZE_DEFAULT, ANCHOR_ICON_SIZE_RANGE, ANCHOR_ICON_TYPES } from './constants';
+import type { AnchorItemOptions } from './types';
+export declare const anchorItemDefaults: AnchorItemOptions;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/anchor/anchor-item/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AACpE,OAAO,EAAC,qBAAqB,EAAC,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAC,oBAAoB,EAAC,MAAM,QAAQ,CAAA;AAC3C,OAAO,EAAC,wBAAwB,EAAE,sBAAsB,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAA;AAE/F,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,kBAAkB,EAAE,iBAKhC,CAAA"}

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

@@ -0,0 +1,9 @@
+export { createAnchorItemBlock } from './factory';
+export { createAnchorItemEdit } from './edit';
+export { ANCHOR_ICON_SIZE_DEFAULT, ANCHOR_ICON_SIZE_RANGE, ANCHOR_ICON_TYPES } from './constants';
+export const anchorItemDefaults = {
+    name: 'brilo/anchor-item',
+    parent: ['brilo/anchor-group'],
+    icons: [],
+    iconsSrc: '',
+};

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

@@ -0,0 +1,18 @@
+import type { BriloBlockType, Icon } from '../../../types';
+import type { IconType } from '../../../components/IconControl';
+export interface AnchorItemAttributes extends Record<string, unknown> {
+    title: string;
+    url: {
+        src: string;
+        blank: boolean;
+    };
+    icon: Icon;
+    iconSize: number;
+    iconColor: string;
+    iconPosition: 'before' | 'after';
+}
+export interface AnchorItemOptions extends BriloBlockType {
+    icons: IconType[];
+    iconsSrc: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/anchor/anchor-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,IAAI,EAAC,MAAM,SAAS,CAAA;AACjD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AAEtD,MAAM,WAAW,oBAAqB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACnE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAC,CAAA;IAClC,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,QAAQ,GAAG,OAAO,CAAA;CACjC;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACvD,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB"}

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

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

package/build/blocks/layout/layout-aside/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const ASIDE_DEFAULTS: {};
+//# sourceMappingURL=constants.d.ts.map

package/build/blocks/layout/layout-aside/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/layout-aside/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,IAAK,CAAA"}

package/build/blocks/layout/layout-aside/constants.js

@@ -0,0 +1 @@
+export const ASIDE_DEFAULTS = {};

package/build/blocks/layout/layout-aside/edit.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AsideOptions } from './types';
+export declare function createAsideEdit(options: AsideOptions): () => React.JSX.Element;
+//# sourceMappingURL=edit.d.ts.map

package/build/blocks/layout/layout-aside/edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/layout-aside/edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAkB,YAAY,EAAC,MAAM,SAAS,CAAA;AAE1D,wBAAgB,eAAe,CAAC,OAAO,EAAE,YAAY,2BAepD"}

package/build/blocks/layout/layout-aside/edit.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useGroupBlock } from '../../../hooks/useGroupBlock';
+export function createAsideEdit(options) {
+    return function Edit() {
+        const { blockProps, innerBlocksProps } = useGroupBlock({
+            blockClassName: 'l-content-w-aside__aside',
+            containerClassName: 'l-content-w-aside__aside-container',
+            layout: { type: 'default' },
+            orientation: 'vertical',
+        });
+        return (_jsx("aside", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) }));
+    };
+}

package/build/blocks/layout/layout-aside/factory.d.ts

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

package/build/blocks/layout/layout-aside/factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/layout-aside/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAKzD,OAAO,KAAK,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,SAAS,CAAA;AAE1D,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,YAAY,GACpB,kBAAkB,CAAC,eAAe,CAAC,CAarC"}

package/build/blocks/layout/layout-aside/factory.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InnerBlocks } from '@wordpress/block-editor';
+import { __ } from '@wordpress/i18n';
+import { createAsideEdit } from './edit';
+import { icon as defaultIcon } from './icon';
+export function createAsideBlock(options) {
+    var _a, _b, _c;
+    return {
+        name: options.name,
+        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Postranní panel', 'brilo-blocks'),
+        description: options.description,
+        category: (_b = options.category) !== null && _b !== void 0 ? _b : 'layout',
+        parent: options.parent,
+        icon: (_c = options.icon) !== null && _c !== void 0 ? _c : { src: defaultIcon },
+        supports: { html: false, customClassName: false },
+        attributes: {},
+        edit: createAsideEdit(options),
+        save: () => _jsx(InnerBlocks.Content, {}),
+    };
+}

package/build/blocks/layout/layout-aside/icon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const icon: React.JSX.Element;
+//# sourceMappingURL=icon.d.ts.map

package/build/blocks/layout/layout-aside/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/layout-aside/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,IAAI,mBAShB,CAAA"}

package/build/blocks/layout/layout-aside/icon.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const icon = (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 4H20V20H8V4ZM10 6H18V18H10V6Z", fill: "currentColor" }) }));

package/build/blocks/layout/layout-aside/index.d.ts

@@ -0,0 +1,5 @@
+export type { AsideAttributes, AsideOptions } from './types';
+export { createAsideBlock } from './factory';
+import type { AsideOptions } from './types';
+export declare const asideDefaults: AsideOptions;
+//# sourceMappingURL=index.d.ts.map

package/build/blocks/layout/layout-aside/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/layout-aside/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAC,gBAAgB,EAAC,MAAM,WAAW,CAAA;AAE1C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,aAAa,EAAE,YAG3B,CAAA"}

package/build/blocks/layout/layout-aside/index.js

@@ -0,0 +1,5 @@
+export { createAsideBlock } from './factory';
+export const asideDefaults = {
+    name: 'brilo/layout-aside',
+    parent: ['brilo/layout-content-w-aside'],
+};

package/build/blocks/layout/layout-aside/types.d.ts

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

package/build/blocks/layout/layout-aside/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/layout-aside/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,eAAgB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAEnE,MAAM,WAAW,YAAa,SAAQ,cAAc;CAAG"}

package/build/blocks/layout/layout-aside/types.js

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

package/build/blocks/layout/layout-content/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const CONTENT_DEFAULTS: {};
+//# sourceMappingURL=constants.d.ts.map

package/build/blocks/layout/layout-content/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/layout-content/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,IAAK,CAAA"}

package/build/blocks/layout/layout-content/constants.js

@@ -0,0 +1 @@
+export const CONTENT_DEFAULTS = {};

package/build/blocks/layout/layout-content/edit.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ContentOptions } from './types';
+export declare function createContentEdit(options: ContentOptions): () => React.JSX.Element;
+//# sourceMappingURL=edit.d.ts.map

package/build/blocks/layout/layout-content/edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/layout-content/edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAoB,cAAc,EAAC,MAAM,SAAS,CAAA;AAE9D,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,cAAc,2BAexD"}

package/build/blocks/layout/layout-content/edit.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useGroupBlock } from '../../../hooks/useGroupBlock';
+export function createContentEdit(options) {
+    return function Edit() {
+        const { blockProps, innerBlocksProps } = useGroupBlock({
+            blockClassName: 'l-content-w-aside__content',
+            containerClassName: 'l-content-w-aside__content-container',
+            layout: { type: 'default' },
+            orientation: 'vertical',
+        });
+        return (_jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) }));
+    };
+}

package/build/blocks/layout/layout-content/factory.d.ts

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

package/build/blocks/layout/layout-content/factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/layout-content/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAKzD,OAAO,KAAK,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAA;AAE9D,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,cAAc,GACtB,kBAAkB,CAAC,iBAAiB,CAAC,CAavC"}

package/build/blocks/layout/layout-content/factory.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InnerBlocks } from '@wordpress/block-editor';
+import { __ } from '@wordpress/i18n';
+import { createContentEdit } from './edit';
+import { icon as defaultIcon } from './icon';
+export function createContentBlock(options) {
+    var _a, _b, _c;
+    return {
+        name: options.name,
+        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Obsah', 'brilo-blocks'),
+        description: options.description,
+        category: (_b = options.category) !== null && _b !== void 0 ? _b : 'layout',
+        parent: options.parent,
+        icon: (_c = options.icon) !== null && _c !== void 0 ? _c : { src: defaultIcon },
+        supports: { html: false, customClassName: false },
+        attributes: {},
+        edit: createContentEdit(options),
+        save: () => _jsx(InnerBlocks.Content, {}),
+    };
+}

package/build/blocks/layout/layout-content/icon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const icon: React.JSX.Element;
+//# sourceMappingURL=icon.d.ts.map

package/build/blocks/layout/layout-content/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/layout-content/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,IAAI,mBAShB,CAAA"}

package/build/blocks/layout/layout-content/icon.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const icon = (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 4H16V20H4V4ZM6 6H14V18H6V6Z", fill: "currentColor" }) }));

package/build/blocks/layout/layout-content/index.d.ts

@@ -0,0 +1,5 @@
+export type { ContentAttributes, ContentOptions } from './types';
+export { createContentBlock } from './factory';
+import type { ContentOptions } from './types';
+export declare const contentDefaults: ContentOptions;
+//# sourceMappingURL=index.d.ts.map

package/build/blocks/layout/layout-content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/layout-content/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAA;AAC9D,OAAO,EAAC,kBAAkB,EAAC,MAAM,WAAW,CAAA;AAE5C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,eAAO,MAAM,eAAe,EAAE,cAG7B,CAAA"}

package/build/blocks/layout/layout-content/index.js

@@ -0,0 +1,5 @@
+export { createContentBlock } from './factory';
+export const contentDefaults = {
+    name: 'brilo/layout-content',
+    parent: ['brilo/layout-content-w-aside'],
+};

package/build/blocks/layout/layout-content/types.d.ts

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

package/build/blocks/layout/layout-content/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/layout-content/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,iBAAkB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAErE,MAAM,WAAW,cAAe,SAAQ,cAAc;CAAG"}

package/build/blocks/layout/layout-content/types.js

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

package/build/blocks/layout/layout-content-w-aside/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const ASIDE_SIZES: readonly [{
+    readonly value: 'sm';
+    readonly label: import("@wordpress/i18n").TransformedText<"Malá">;
+}, {
+    readonly value: 'md';
+    readonly label: import("@wordpress/i18n").TransformedText<"Střední">;
+}, {
+    readonly value: 'lg';
+    readonly label: import("@wordpress/i18n").TransformedText<"Velká">;
+}];
+//# sourceMappingURL=constants.d.ts.map

package/build/blocks/layout/layout-content-w-aside/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/layout/layout-content-w-aside/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;aACrB,KAAK,EAAE,IAAI;aAAE,KAAK;;aAClB,KAAK,EAAE,IAAI;aAAE,KAAK;;aAClB,KAAK,EAAE,IAAI;aAAE,KAAK;EACX,CAAA"}

package/build/blocks/layout/layout-content-w-aside/constants.js

@@ -0,0 +1,6 @@
+import { __ } from '@wordpress/i18n';
+export const ASIDE_SIZES = [
+    { value: 'sm', label: __('Malá', 'brilo-blocks') },
+    { value: 'md', label: __('Střední', 'brilo-blocks') },
+    { value: 'lg', label: __('Velká', 'brilo-blocks') },
+];

package/build/blocks/layout/layout-content-w-aside/edit.d.ts

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