@brilo/base-blocks 0.1.0 → 0.1.1

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

@@ -0,0 +1,47 @@
+import type { BriloBlockType, NumberArray, OptionArray } from '../../../types';
+import type { DEFAULT_ALIGNMENTS, DEFAULT_COLUMNS, DEFAULT_CONTENT_SIZES, DEFAULT_DIRECTIONS, DEFAULT_HEADING_STYLES, DEFAULT_ICON_BACKGROUNDS, DEFAULT_ICON_COLORS, DEFAULT_ICON_SIZES, DEFAULT_SHADOWS, HEADING_LEVELS } from './constants';
+export type UspColumns = (typeof DEFAULT_COLUMNS)[number];
+export type UspDirection = (typeof DEFAULT_DIRECTIONS)[number]['value'];
+export type UspHeadingLevel = (typeof HEADING_LEVELS)[number];
+export type UspHeadingStyle = (typeof DEFAULT_HEADING_STYLES)[number]['value'];
+export type UspShadow = (typeof DEFAULT_SHADOWS)[number]['value'];
+export type UspAlignment = (typeof DEFAULT_ALIGNMENTS)[number]['value'];
+export type UspIconSize = (typeof DEFAULT_ICON_SIZES)[number]['value'];
+export type UspIconColor = (typeof DEFAULT_ICON_COLORS)[number]['value'];
+export type UspIconBackground = (typeof DEFAULT_ICON_BACKGROUNDS)[number]['value'];
+export type UspContentSize = (typeof DEFAULT_CONTENT_SIZES)[number]['value'];
+export interface UspGroupAttributes<TColumn extends number = UspColumns, TDirection extends string = UspDirection, THeadingStyle extends string = UspHeadingStyle, TShadow extends string = UspShadow, TIconSize extends string = UspIconSize, TIconColor extends string = UspIconColor, TIconBackground extends string = UspIconBackground, TAlignment extends string = UspAlignment, TContentSize extends string = UspContentSize> extends Record<string, unknown> {
+    columns: TColumn;
+    headingSettings: {
+        level: UspHeadingLevel;
+        style: THeadingStyle;
+    };
+    content: {
+        size: TContentSize;
+    };
+    style: {
+        shadow: TShadow;
+        card: boolean;
+        direction: TDirection;
+        align: TAlignment;
+        icon: {
+            size: TIconSize;
+            color: TIconColor;
+            background: TIconBackground;
+            bordered?: boolean;
+        };
+    };
+}
+export interface UspGroupOptions<TColumns extends NumberArray = typeof DEFAULT_COLUMNS, TDirections extends OptionArray = typeof DEFAULT_DIRECTIONS, THeadingStyles extends OptionArray = typeof DEFAULT_HEADING_STYLES, TShadows extends OptionArray = typeof DEFAULT_SHADOWS, TIconSizes extends OptionArray = typeof DEFAULT_ICON_SIZES, TIconColors extends OptionArray = typeof DEFAULT_ICON_COLORS, TIconBackgrounds extends OptionArray = typeof DEFAULT_ICON_BACKGROUNDS, TAlignments extends OptionArray = typeof DEFAULT_ALIGNMENTS, TContentSizes extends OptionArray = typeof DEFAULT_CONTENT_SIZES> extends BriloBlockType {
+    allowedBlocks: string[];
+    columns?: TColumns;
+    directions?: TDirections;
+    headingStyles?: THeadingStyles;
+    shadows?: TShadows;
+    iconSizes?: TIconSizes;
+    iconColors?: TIconColors;
+    iconBackgrounds?: TIconBackgrounds;
+    alignments?: TAlignments;
+    contentSizes?: TContentSizes;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,WAAW,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACrE,OAAO,KAAK,EACV,kBAAkB,EAClB,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACf,MAAM,aAAa,CAAA;AAEpB,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AACzD,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACvE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAC7D,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAC9E,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACjE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACvE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACtE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACxE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAClF,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAE5E,MAAM,WAAW,kBAAkB,CACjC,OAAO,SAAS,MAAM,GAAG,UAAU,EACnC,UAAU,SAAS,MAAM,GAAG,YAAY,EACxC,aAAa,SAAS,MAAM,GAAG,eAAe,EAC9C,OAAO,SAAS,MAAM,GAAG,SAAS,EAClC,SAAS,SAAS,MAAM,GAAG,WAAW,EACtC,UAAU,SAAS,MAAM,GAAG,YAAY,EACxC,eAAe,SAAS,MAAM,GAAG,iBAAiB,EAClD,UAAU,SAAS,MAAM,GAAG,YAAY,EACxC,YAAY,SAAS,MAAM,GAAG,cAAc,CAC5C,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE;QAAC,KAAK,EAAE,eAAe,CAAC;QAAC,KAAK,EAAE,aAAa,CAAA;KAAC,CAAA;IAC/D,OAAO,EAAE;QAAC,IAAI,EAAE,YAAY,CAAA;KAAC,CAAA;IAC7B,KAAK,EAAE;QACL,MAAM,EAAE,OAAO,CAAA;QACf,IAAI,EAAE,OAAO,CAAA;QACb,SAAS,EAAE,UAAU,CAAA;QACrB,KAAK,EAAE,UAAU,CAAA;QACjB,IAAI,EAAE;YAAC,IAAI,EAAE,SAAS,CAAC;YAAC,KAAK,EAAE,UAAU,CAAC;YAAC,UAAU,EAAE,eAAe,CAAC;YAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;SAAC,CAAA;KAC5F,CAAA;CACF;AAED,MAAM,WAAW,eAAe,CAC9B,QAAQ,SAAS,WAAW,GAAG,OAAO,eAAe,EACrD,WAAW,SAAS,WAAW,GAAG,OAAO,kBAAkB,EAC3D,cAAc,SAAS,WAAW,GAAG,OAAO,sBAAsB,EAClE,QAAQ,SAAS,WAAW,GAAG,OAAO,eAAe,EACrD,UAAU,SAAS,WAAW,GAAG,OAAO,kBAAkB,EAC1D,WAAW,SAAS,WAAW,GAAG,OAAO,mBAAmB,EAC5D,gBAAgB,SAAS,WAAW,GAAG,OAAO,wBAAwB,EACtE,WAAW,SAAS,WAAW,GAAG,OAAO,kBAAkB,EAC3D,aAAa,SAAS,WAAW,GAAG,OAAO,qBAAqB,CAChE,SAAQ,cAAc;IACtB,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,UAAU,CAAC,EAAE,WAAW,CAAA;IACxB,aAAa,CAAC,EAAE,cAAc,CAAA;IAC9B,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,UAAU,CAAC,EAAE,WAAW,CAAA;IACxB,eAAe,CAAC,EAAE,gBAAgB,CAAA;IAClC,UAAU,CAAC,EAAE,WAAW,CAAA;IACxB,YAAY,CAAC,EAAE,aAAa,CAAA;CAC7B"}

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

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

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

@@ -0,0 +1,11 @@
+export declare const ICON_TYPES: readonly [{
+    readonly value: "preselected";
+    readonly label: import("@wordpress/i18n").TransformedText<"Předvolená">;
+}, {
+    readonly value: "media";
+    readonly label: import("@wordpress/i18n").TransformedText<"Obrázek">;
+}, {
+    readonly value: "number";
+    readonly label: import("@wordpress/i18n").TransformedText<"Číslo">;
+}];
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-item/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;EAIb,CAAA"}

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

@@ -0,0 +1,6 @@
+import { __ } from '@wordpress/i18n';
+export const ICON_TYPES = [
+    { value: 'preselected', label: __('Předvolená', 'brilo-blocks') },
+    { value: 'media', label: __('Obrázek', 'brilo-blocks') },
+    { value: 'number', label: __('Číslo', 'brilo-blocks') },
+];

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-item/edit.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAA;AAE9D,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,cAAc,IAClC,gCAGlB;IACD,UAAU,EAAE,iBAAiB,CAAA;IAC7B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;CACvD,iCA+CF"}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { InspectorControls, RichText, useBlockProps } from '@wordpress/block-editor';
+import { PanelBody, ToggleControl, TextControl } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import clsx from 'clsx';
+import { ItemIconControl, ItemIconPreview } from '../../../components/ItemIconControl';
+import { ICON_TYPES } from './constants';
+export function createUspItemEdit(options) {
+    return function Edit({ attributes, setAttributes, }) {
+        const { title, content, url, icon } = attributes;
+        const blockProps = useBlockProps({ className: 'i-usp' });
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsx(PanelBody, { title: __('Ikona', 'brilo-blocks'), children: _jsx(ItemIconControl, { icon: icon, setAttributes: setAttributes, iconTypes: ICON_TYPES, options: options }) }), _jsxs(PanelBody, { title: __('Odkaz', 'brilo-blocks'), initialOpen: false, children: [_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 } }) })] })] }), _jsx("div", { ...blockProps, children: _jsxs("div", { className: "i-usp__inner wp-block-inner", children: [_jsx(ItemIconPreview, { icon: icon, className: "i-usp__icon", setAttributes: setAttributes, options: options }), _jsxs("div", { className: clsx('i-usp__body', 'grow'), children: [_jsx(RichText, { tagName: "h3", className: "i-usp__title u-text-editable", value: title, onChange: (v) => setAttributes({ title: v }), placeholder: __('Nadpis...', 'brilo-blocks'), allowedFormats: ['core/bold', 'core/italic'] }), _jsx(RichText, { tagName: "p", className: "i-usp__content u-text-editable", value: content, onChange: (v) => setAttributes({ content: v }), placeholder: __('Popis...', 'brilo-blocks') })] })] }) })] }));
+    };
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-item/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAA;AAE9D,YAAY,EAAC,iBAAiB,EAAE,cAAc,EAAC,CAAA;AAE/C,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,cAAc,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAqBjG"}

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

@@ -0,0 +1,26 @@
+import { __ } from '@wordpress/i18n';
+import { ICON_TYPES } from './constants';
+import { createUspItemEdit } from './edit';
+export function createUspItemBlock(options) {
+    var _a, _b, _c;
+    return {
+        name: options.name,
+        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('USP polož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 : 'star-filled',
+        supports: { html: false, customClassName: false },
+        attributes: {
+            title: { type: 'string', default: '' },
+            content: { type: 'string', default: '' },
+            url: { type: 'object', default: { src: '', blank: false } },
+            icon: {
+                type: 'object',
+                default: { type: ICON_TYPES[0].value, src: '', media: { id: 0, alt: '' } },
+            },
+        },
+        edit: createUspItemEdit(options),
+        save: () => null,
+    };
+}

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

@@ -0,0 +1,5 @@
+export type { UspItemAttributes, UspItemOptions } from './types';
+export { createUspItemBlock } from './factory';
+import type { UspItemOptions } from './types';
+export declare const uspItemDefaults: UspItemOptions;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-item/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,cAK7B,CAAA"}

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

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

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

@@ -0,0 +1,18 @@
+import { BriloBlockType, Icon } from '../../../types';
+import type { IconType } from '../../../components/IconControl';
+import type { ICON_TYPES } from './constants';
+export type UspIconType = (typeof ICON_TYPES)[number]['value'];
+export interface UspItemAttributes extends Record<string, unknown> {
+    title: string;
+    content: string;
+    url: {
+        src: string;
+        blank: boolean;
+    };
+    icon: Icon;
+}
+export interface UspItemOptions extends BriloBlockType {
+    icons: IconType[];
+    iconsSrc: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,IAAI,EAAC,MAAM,SAAS,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACtD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,aAAa,CAAA;AAE3C,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAE9D,MAAM,WAAW,iBAAkB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,GAAG,EAAE;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAC,CAAA;IAClC,IAAI,EAAE,IAAI,CAAA;CACX;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB"}

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

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

package/build/components/IconControl/IconControl.d.ts

@@ -0,0 +1,14 @@
+export interface IconType {
+    value: string;
+    label: string;
+}
+interface IconControlProps {
+    value: string;
+    label?: string;
+    icons: IconType[];
+    iconsSrc: string;
+    onChange: (icon: IconType) => void;
+}
+export declare function IconControl({ value, label, icons, iconsSrc, onChange }: IconControlProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=IconControl.d.ts.map

package/build/components/IconControl/IconControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconControl.d.ts","sourceRoot":"","sources":["../../../src/components/IconControl/IconControl.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;CACnC;AAED,wBAAgB,WAAW,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,gBAAgB,+BAqCtF"}

package/build/components/IconControl/IconControl.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+import clsx from 'clsx';
+export function IconControl({ value, label, icons, iconsSrc, onChange }) {
+    const getIconUrl = (name) => (name && name !== 'none' ? `${iconsSrc}${name}.svg` : '');
+    const [selectedIcon, setSelectedIcon] = useState({
+        value,
+        label: label !== null && label !== void 0 ? label : '',
+    });
+    return (_jsxs("div", { className: "icon-control flex column gap-4", children: [_jsxs("div", { className: "icon-control__hero-selected flex gap-4", children: [_jsx("div", { className: "icon-control__hero-selected-img flex items-center justify-center", children: selectedIcon.value && _jsx("img", { src: getIconUrl(selectedIcon.value), alt: "", width: 24, height: 24, loading: "lazy" }) }), _jsxs("div", { className: "icon-control__hero-selected-body flex column gap-1", children: [_jsx("span", { children: __('Vybraná ikona', 'brilo-blocks') }), _jsx("span", { className: "icon-control__hero-selected-label", children: selectedIcon.label })] })] }), _jsx("div", { className: "icon-control__group", children: icons.map((icon) => (_jsx("button", { type: "button", className: clsx('icon-control__item', 'flex', 'column', 'gap-2', 'items-center', 'justify-center', 'cursor-pointer', {
+                        '--selected': selectedIcon.value === icon.value,
+                    }), onClick: () => {
+                        onChange(icon);
+                        setSelectedIcon(icon);
+                    }, children: _jsx("img", { src: getIconUrl(icon.value), alt: "", width: 24, height: 24, loading: "lazy" }) }, icon.value))) })] }));
+}

package/build/components/IconControl/index.d.ts

@@ -0,0 +1,3 @@
+export type { IconType } from './IconControl';
+export { IconControl } from './IconControl';
+//# sourceMappingURL=index.d.ts.map

package/build/components/IconControl/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconControl/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA"}

package/build/components/IconControl/index.js

@@ -0,0 +1 @@
+export { IconControl } from './IconControl';

package/build/components/ImagePicker/ImagePicker.d.ts

@@ -0,0 +1,22 @@
+export interface ImageValue {
+    id: number;
+    alt: string;
+}
+export interface ImageLabels {
+    select?: string;
+    change?: string;
+    remove?: string;
+}
+interface ImagePickerProps {
+    value: ImageValue;
+    onChange: (value: ImageValue) => void;
+    allowedTypes?: string[];
+    placeholder?: string;
+    labels?: ImageLabels;
+    size?: [number, number];
+}
+export declare function useMediaUrl(id: number): string | undefined;
+export declare function ImagePickerBody({ value, onChange, allowedTypes, placeholder, labels }: ImagePickerProps): import("react").JSX.Element;
+export declare function ImagePickerControl({ value, onChange, allowedTypes, placeholder, labels, size }: ImagePickerProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ImagePicker.d.ts.map

package/build/components/ImagePicker/ImagePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePicker.d.ts","sourceRoot":"","sources":["../../../src/components/ImagePicker/ImagePicker.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAE,UAAU,CAAA;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACxB;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAU1D;AAYD,wBAAgB,eAAe,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,YAAwB,EAAE,WAAW,EAAE,MAAM,EAAC,EAAE,gBAAgB,+BA+BjH;AAED,wBAAgB,kBAAkB,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,YAAwB,EAAE,WAAW,EAAE,MAAM,EAAE,IAAe,EAAC,EAAE,gBAAgB,+BA0CrI"}

package/build/components/ImagePicker/ImagePicker.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';
+import { Button, TextControl } from '@wordpress/components';
+import { useSelect } from '@wordpress/data';
+import { __ } from '@wordpress/i18n';
+export function useMediaUrl(id) {
+    return useSelect((select) => {
+        if (!id)
+            return undefined;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const media = select('core').getMedia(id);
+        return media === null || media === void 0 ? void 0 : media.source_url;
+    }, [id]);
+}
+function useImagePicker(value, onChange, labels) {
+    var _a, _b, _c;
+    const mediaUrl = useMediaUrl(value.id);
+    const selectLabel = (_a = labels === null || labels === void 0 ? void 0 : labels.select) !== null && _a !== void 0 ? _a : __('Vybrat obrázek', 'brilo-blocks');
+    const changeLabel = (_b = labels === null || labels === void 0 ? void 0 : labels.change) !== null && _b !== void 0 ? _b : __('Změnit', 'brilo-blocks');
+    const removeLabel = (_c = labels === null || labels === void 0 ? void 0 : labels.remove) !== null && _c !== void 0 ? _c : __('Odebrat', 'brilo-blocks');
+    const handleSelect = (media) => { var _a; return onChange({ id: media.id, alt: (_a = media.alt) !== null && _a !== void 0 ? _a : '' }); };
+    const handleRemove = () => onChange({ id: 0, alt: '' });
+    return { mediaUrl, selectLabel, changeLabel, removeLabel, handleSelect, handleRemove };
+}
+export function ImagePickerBody({ value, onChange, allowedTypes = ['image'], placeholder, labels }) {
+    const { mediaUrl, selectLabel, changeLabel, removeLabel, handleSelect, handleRemove } = useImagePicker(value, onChange, labels);
+    return (_jsx(MediaUploadCheck, { children: _jsx(MediaUpload, { onSelect: handleSelect, allowedTypes: allowedTypes, value: value.id || 0, render: ({ open }) => value.id ? (_jsxs("div", { className: "c-image-picker-body", children: [_jsx("div", { className: "c-image-picker-body__preview", children: mediaUrl && _jsx("img", { src: mediaUrl, alt: value.alt }) }), _jsxs("div", { className: "c-image-picker-body__actions", children: [_jsx(Button, { onClick: open, variant: "secondary", children: changeLabel }), _jsx(Button, { onClick: handleRemove, variant: "tertiary", isDestructive: true, children: removeLabel })] })] })) : (_jsx("button", { type: "button", className: "c-image-picker-body__placeholder", onClick: open, children: placeholder !== null && placeholder !== void 0 ? placeholder : selectLabel })) }) }));
+}
+export function ImagePickerControl({ value, onChange, allowedTypes = ['image'], placeholder, labels, size = [48, 48] }) {
+    const { mediaUrl, selectLabel, changeLabel, removeLabel, handleSelect, handleRemove } = useImagePicker(value, onChange, labels);
+    return (_jsxs("div", { className: "c-image-picker-control", style: {
+            '--image-picker-width': `${size[0]}px`,
+            '--image-picker-height': `${size[1]}px`,
+        }, children: [_jsx(MediaUploadCheck, { children: _jsx(MediaUpload, { onSelect: handleSelect, allowedTypes: allowedTypes, value: value.id || 0, render: ({ open }) => (_jsxs("div", { className: "c-image-picker-control__row", children: [!!value.id && !!mediaUrl && (_jsx("div", { className: "c-image-picker-control__thumb", children: _jsx("img", { src: mediaUrl, alt: value.alt }) })), _jsxs("div", { className: "c-image-picker-control__btns", children: [_jsx(Button, { onClick: open, variant: "secondary", size: "small", children: value.id ? changeLabel : (placeholder !== null && placeholder !== void 0 ? placeholder : selectLabel) }), !!value.id && (_jsx(Button, { onClick: handleRemove, variant: "tertiary", size: "small", isDestructive: true, children: removeLabel }))] })] })) }) }), !!value.id && _jsx(TextControl, { label: __('Alt text', 'brilo-blocks'), value: value.alt, onChange: (alt) => onChange({ ...value, alt }) })] }));
+}

package/build/components/ImagePicker/index.d.ts

@@ -0,0 +1,3 @@
+export type { ImageLabels, ImageValue } from './ImagePicker';
+export { ImagePickerBody, ImagePickerControl, useMediaUrl } from './ImagePicker';
+//# sourceMappingURL=index.d.ts.map

package/build/components/ImagePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ImagePicker/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,WAAW,EAAE,UAAU,EAAC,MAAM,eAAe,CAAA;AAC1D,OAAO,EAAC,eAAe,EAAE,kBAAkB,EAAE,WAAW,EAAC,MAAM,eAAe,CAAA"}

package/build/components/ImagePicker/index.js

@@ -0,0 +1 @@
+export { ImagePickerBody, ImagePickerControl, useMediaUrl } from './ImagePicker';

package/build/components/ItemIconControl/ItemIconControl.d.ts

@@ -0,0 +1,3 @@
+import type { ItemIconControlProps } from './types';
+export declare function ItemIconControl({ icon, setAttributes, options, iconTypes }: ItemIconControlProps): import("react").JSX.Element;
+//# sourceMappingURL=ItemIconControl.d.ts.map

package/build/components/ItemIconControl/ItemIconControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemIconControl.d.ts","sourceRoot":"","sources":["../../../src/components/ItemIconControl/ItemIconControl.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,SAAS,CAAA;AAGjD,wBAAgB,eAAe,CAAC,EAAC,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,EAAC,EAAE,oBAAoB,+BA2D9F"}

package/build/components/ItemIconControl/ItemIconControl.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, TextControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
+import { useState } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+import { ImagePickerControl } from '../../components/ImagePicker';
+import { ItemIconModal } from './ItemIconModal';
+export function ItemIconControl({ icon, setAttributes, options, iconTypes }) {
+    const [isModalOpen, setModalOpen] = useState(false);
+    const preselectedIconUrl = icon.type === 'preselected' && icon.src ? `${options.iconsSrc}${icon.src}.svg` : '';
+    return (_jsxs(_Fragment, { children: [_jsx(ToggleGroupControl, { label: __('Typ ikony', 'brilo-blocks'), value: icon.type, onChange: (v) => setAttributes({ icon: { ...icon, type: v } }), isBlock: true, children: iconTypes.map((t) => (_jsx(ToggleGroupControlOption, { value: t.value, label: t.label }, t.value))) }), icon.type === 'preselected' && (_jsxs("div", { className: "i-item-icon__control-preselected", children: [preselectedIconUrl && (_jsx("div", { className: "i-item-icon__preview", children: _jsx("img", { src: preselectedIconUrl, alt: "", width: 32, height: 32 }) })), _jsx(Button, { variant: "secondary", onClick: () => setModalOpen(true), children: icon.src ? __('Změnit ikonu', 'brilo-blocks') : __('Vybrat ikonu', 'brilo-blocks') })] })), icon.type === 'media' && (_jsx(ImagePickerControl, { value: icon.media, onChange: (val) => setAttributes({ icon: { ...icon, media: val } }), labels: {
+                    select: __('Vybrat ikonu', 'brilo-blocks'),
+                    change: __('Změnit ikonu', 'brilo-blocks'),
+                    remove: __('Odebrat ikonu', 'brilo-blocks'),
+                } })), icon.type === 'number' && (_jsx(TextControl, { label: __('Číslo', 'brilo-blocks'), value: icon.src, onChange: (v) => setAttributes({ icon: { ...icon, src: v } }) })), isModalOpen && (_jsx(ItemIconModal, { icon: icon, options: options, onClose: () => setModalOpen(false), onChange: (selectedIcon) => {
+                    setAttributes({ icon: { ...icon, src: selectedIcon.value } });
+                    setModalOpen(false);
+                } }))] }));
+}

package/build/components/ItemIconControl/ItemIconModal.d.ts

@@ -0,0 +1,3 @@
+import type { ItemIconModalProps } from './types';
+export declare function ItemIconModal({ icon, options, onClose, onChange, className }: ItemIconModalProps): import("react").JSX.Element;
+//# sourceMappingURL=ItemIconModal.d.ts.map

package/build/components/ItemIconControl/ItemIconModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemIconModal.d.ts","sourceRoot":"","sources":["../../../src/components/ItemIconControl/ItemIconModal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,wBAAgB,aAAa,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAgC,EAAC,EAAE,kBAAkB,+BAMrH"}

package/build/components/ItemIconControl/ItemIconModal.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Modal } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import { IconControl } from '../../components/IconControl';
+export function ItemIconModal({ icon, options, onClose, onChange, className = 'i-item-icon__modal' }) {
+    return (_jsx(Modal, { title: __('Vybrat ikonu', 'brilo-blocks'), onRequestClose: onClose, size: "large", className: className, children: _jsx(IconControl, { value: icon.src, icons: options.icons, iconsSrc: options.iconsSrc, onChange: onChange }) }));
+}

package/build/components/ItemIconControl/ItemIconPreview.d.ts

@@ -0,0 +1,3 @@
+import type { ItemIconPreviewProps } from './types';
+export declare function ItemIconPreview({ icon, className, options, setAttributes }: ItemIconPreviewProps): import("react").JSX.Element;
+//# sourceMappingURL=ItemIconPreview.d.ts.map

package/build/components/ItemIconControl/ItemIconPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemIconPreview.d.ts","sourceRoot":"","sources":["../../../src/components/ItemIconControl/ItemIconPreview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,SAAS,CAAA;AAGjD,wBAAgB,eAAe,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAC,EAAE,oBAAoB,+BAsF9F"}

package/build/components/ItemIconControl/ItemIconPreview.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useState } from '@wordpress/element';
+import { useMediaUrl } from '../../components/ImagePicker';
+import { ItemIconModal } from './ItemIconModal';
+export function ItemIconPreview({ icon, className, options, setAttributes }) {
+    const [isModalOpen, setModalOpen] = useState(false);
+    const mediaIconUrl = useMediaUrl(icon.media.id);
+    const preselectedIconUrl = icon.type === 'preselected' && icon.src ? `${options.iconsSrc}${icon.src}.svg` : '';
+    const renderContent = () => {
+        if (icon.type === 'preselected') {
+            if (preselectedIconUrl) {
+                return (_jsx("div", { className: clsx('i-item-icon', className), children: _jsx("img", { src: preselectedIconUrl, alt: "", className: clsx(className ? `${className}-img` : 'i-item-icon__img'), width: 40, height: 40 }) }));
+            }
+            return (_jsx("button", { type: "button", className: clsx('i-item-icon', className ? `${className}-placeholder` : null, 'i-item-icon__placeholder', !isModalOpen && '--clickable'), onClick: () => setModalOpen(true), children: _jsx("span", { children: "\u2606" }) }));
+        }
+        if (icon.type === 'media') {
+            if (icon.media.id && mediaIconUrl) {
+                return (_jsx("div", { className: clsx('i-item-icon', className), children: _jsx("img", { src: mediaIconUrl, alt: icon.media.alt, className: clsx(className ? `${className}-img` : null, 'i-item-icon__img') }) }));
+            }
+            return (_jsx("div", { className: clsx('i-item-icon', className ? `${className}-placeholder` : 'i-item-icon__placeholder'), children: _jsx("span", { children: "\u2606" }) }));
+        }
+        if (icon.type === 'number') {
+            if (icon.src) {
+                return (_jsx("div", { className: clsx('i-item-icon', className), children: _jsx("span", { className: clsx(className ? `${className}-number` : 'i-item-icon__number'), children: icon.src }) }));
+            }
+            return (_jsx("div", { className: clsx('i-item-icon', className ? `${className}-placeholder` : 'i-item-icon__placeholder'), children: _jsx("span", { children: "\u2606" }) }));
+        }
+        return null;
+    };
+    return (_jsxs(_Fragment, { children: [renderContent(), isModalOpen && (_jsx(ItemIconModal, { icon: icon, options: options, onClose: () => setModalOpen(false), onChange: (selectedIcon) => {
+                    setAttributes({ icon: { ...icon, src: selectedIcon.value } });
+                    setModalOpen(false);
+                }, className: "i-step__icon-modal" }))] }));
+}

package/build/components/ItemIconControl/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ItemIconControl';
+export * from './ItemIconPreview';
+//# sourceMappingURL=index.d.ts.map

package/build/components/ItemIconControl/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ItemIconControl/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA"}

package/build/components/ItemIconControl/index.js

@@ -0,0 +1,2 @@
+export * from './ItemIconControl';
+export * from './ItemIconPreview';

package/build/constants.d.ts

@@ -0,0 +1,27 @@
+export declare const HEADING_LEVELS: readonly [1, 2, 3, 4];
+export declare const HEADING_STYLES: readonly ["h1", "h2", "h3", "h4"];
+export declare const HEADING_STYLE_OPTIONS: readonly [{
+    readonly value: "h1";
+    readonly label: "H1 styl";
+}, {
+    readonly value: "h2";
+    readonly label: "H2 styl";
+}, {
+    readonly value: "h3";
+    readonly label: "H3 styl";
+}, {
+    readonly value: "h4";
+    readonly label: "H4 styl";
+}];
+export type HeadingStyleOption = (typeof HEADING_STYLE_OPTIONS)[number]['value'];
+export declare const CONTENT_SIZES: readonly [{
+    readonly value: "sm";
+    readonly label: import("@wordpress/i18n").TransformedText<"Malá">;
+}, {
+    readonly value: "default";
+    readonly label: import("@wordpress/i18n").TransformedText<"Výchozí">;
+}, {
+    readonly value: "lg";
+    readonly label: import("@wordpress/i18n").TransformedText<"Velká">;
+}];
+//# sourceMappingURL=constants.d.ts.map

package/build/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,uBAAwB,CAAA;AAEnD,eAAO,MAAM,cAAc,mCAAoC,CAAA;AAE/D,eAAO,MAAM,qBAAqB;;;;;;;;;;;;EAKxB,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAEhF,eAAO,MAAM,aAAa;;;;;;;;;EAIhB,CAAA"}

package/build/constants.js

@@ -0,0 +1,14 @@
+import { __ } from '@wordpress/i18n';
+export const HEADING_LEVELS = [1, 2, 3, 4];
+export const HEADING_STYLES = ['h1', 'h2', 'h3', 'h4'];
+export const HEADING_STYLE_OPTIONS = [
+    { value: 'h1', label: 'H1 styl' },
+    { value: 'h2', label: 'H2 styl' },
+    { value: 'h3', label: 'H3 styl' },
+    { value: 'h4', label: 'H4 styl' },
+];
+export const CONTENT_SIZES = [
+    { value: 'sm', label: __('Malá', 'brilo-blocks') },
+    { value: 'default', label: __('Výchozí', 'brilo-blocks') },
+    { value: 'lg', label: __('Velká', 'brilo-blocks') },
+];

package/build/hooks/useGroupBlock.d.ts

@@ -0,0 +1,29 @@
+import { type ClassValue } from 'clsx';
+import type { ComponentType, CSSProperties } from 'react';
+type BlockTemplate = [string, Record<string, unknown>][];
+type StyleWithVars = CSSProperties & {
+    [key: `--${string}`]: string | number;
+};
+export interface GroupBlockConfig {
+    blockClassName: ClassValue | ClassValue[];
+    containerClassName: ClassValue | ClassValue[];
+    containerStyle?: StyleWithVars;
+    allowedBlocks?: string[];
+    template?: BlockTemplate;
+    templateLock?: 'all' | 'insert' | false;
+    orientation?: 'horizontal' | 'vertical';
+    layout?: {
+        type: string;
+        columnCount?: number;
+        minimumColumnWidth?: string;
+    };
+    renderAppender?: ComponentType;
+}
+type GroupBlockProps = Record<string, unknown>;
+interface GroupBlockResult {
+    blockProps: GroupBlockProps;
+    innerBlocksProps: GroupBlockProps;
+}
+export declare function useGroupBlock({ blockClassName, containerClassName, containerStyle, allowedBlocks, template, templateLock, orientation, layout, renderAppender, }: GroupBlockConfig): GroupBlockResult;
+export {};
+//# sourceMappingURL=useGroupBlock.d.ts.map

package/build/hooks/useGroupBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGroupBlock.d.ts","sourceRoot":"","sources":["../../src/hooks/useGroupBlock.ts"],"names":[],"mappings":"AACA,OAAa,EAAC,KAAK,UAAU,EAAC,MAAM,MAAM,CAAA;AAC1C,OAAO,KAAK,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,OAAO,CAAA;AAEvD,KAAK,aAAa,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAA;AACxD,KAAK,aAAa,GAAG,aAAa,GAAG;IAAC,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;CAAC,CAAA;AAE5E,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;IACzC,kBAAkB,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;IAC7C,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAA;IACvC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,MAAM,CAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,kBAAkB,CAAC,EAAE,MAAM,CAAA;KAAC,CAAA;IAC1E,cAAc,CAAC,EAAE,aAAa,CAAA;CAC/B;AAED,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAE9C,UAAU,gBAAgB;IACxB,UAAU,EAAE,eAAe,CAAA;IAC3B,gBAAgB,EAAE,eAAe,CAAA;CAClC;AAED,wBAAgB,aAAa,CAAC,EAC5B,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,MAAM,EACN,cAAc,GACf,EAAE,gBAAgB,GAAG,gBAAgB,CAgBrC"}

package/build/hooks/useGroupBlock.js

@@ -0,0 +1,15 @@
+import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
+import clsx from 'clsx';
+export function useGroupBlock({ blockClassName, containerClassName, containerStyle, allowedBlocks, template, templateLock, orientation, layout, renderAppender, }) {
+    const blockProps = useBlockProps({ className: clsx(blockClassName) });
+    const innerBlocksProps = useInnerBlocksProps({
+        className: clsx(containerClassName),
+        ...(containerStyle && { style: containerStyle }),
+    }, 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    { allowedBlocks, template, templateLock, orientation, layout, renderAppender });
+    return {
+        blockProps: blockProps,
+        innerBlocksProps: innerBlocksProps,
+    };
+}