lib-pixelbuild 0.2.2 → 0.3.1

package/dist/types/{SectionColumnType.d.ts → BlockType.d.ts}

@@ -1,14 +1,10 @@
 import type { StylesType } from './StylesType.js';
-import type { ColumnWidthType } from './ColumnWidthType.js';
 import type { ComponentType } from './ComponentType.js';
-import type { SectionType } from './SectionType.js';
-export interface SectionColumnType {
+export interface BlockType {
     id: number;
-    width: ColumnWidthType;
-    offset: ColumnWidthType;
+    sectionType: 'container' | 'container-fluid';
     sort: number;
     properties: Record<string, unknown>;
     styles: StylesType;
     components: ComponentType[];
-    childSections: SectionType[];
 }

package/dist/types/ComponentType.d.ts

@@ -1,5 +1,6 @@
 import type { StylesType } from './StylesType.js';
 import type { ElementType } from './ElementType.js';
+import type { ColumnWidthType } from './ColumnWidthType.js';
 export interface ComponentType {
     id: number;
     componentType: string;
@@ -7,5 +8,7 @@ export interface ComponentType {
     enabled: boolean;
     properties: Record<string, unknown>;
     styles: StylesType;
+    width: ColumnWidthType;
+    offset: ColumnWidthType;
     elements: ElementType[];
 }

package/dist/types/PageType.d.ts

@@ -1,5 +1,5 @@
 import type { StylesType } from './StylesType.js';
-import type { SectionType } from './SectionType.js';
+import type { BlockType } from './BlockType.js';
 export interface PageType {
     id: number;
     websiteId: number;
@@ -13,5 +13,5 @@ export interface PageType {
     menuType: 'link' | 'dropdown';
     properties: Record<string, unknown>;
     styles: StylesType;
-    sections: SectionType[];
+    blocks: BlockType[];
 }

package/dist/types/WebsiteType.d.ts

@@ -3,6 +3,9 @@ import type { StylesType } from './StylesType.js';
 import type { HeaderType } from './HeaderType.js';
 import type { FooterType } from './FooterType.js';
 import type { WebsitePropertiesType } from './WebsitePropertiesType.js';
+import type { PartialDesignTokens } from '../designSystem/tokens.js';
+/** Estilos padrão por tipo de componente (ex.: todos os botões, títulos...). */
+export type ComponentDefaults = Record<string, Partial<StylesType>>;
 export interface WebsiteType {
     id: number;
     name: string;
@@ -13,6 +16,8 @@ export interface WebsiteType {
     footer: FooterType;
     properties: WebsitePropertiesType;
     styles: StylesType;
+    designSystem?: PartialDesignTokens;
+    componentDefaults?: ComponentDefaults;
     enabled: boolean;
     maintenance?: boolean;
     publishedAt: string | null;

package/dist/ui/PbAlert.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * Alerta próprio do design system. Substitui o `Alert` do react-bootstrap.
+ */
+export declare function PbAlert({ variant, title, style, children }: {
+    readonly variant?: string;
+    readonly title?: ReactNode;
+    readonly style?: CSSProperties;
+    readonly children?: ReactNode;
+}): import("react").JSX.Element;

package/dist/ui/PbAlert.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Alerta próprio do design system. Substitui o `Alert` do react-bootstrap.
+ */
+export function PbAlert({ variant = 'info', title, style, children }) {
+    const classes = ['pb-alert', variant ? `pb-alert-${variant}` : 'pb-alert-info'].filter(Boolean).join(' ');
+    return (_jsxs("div", { className: classes, role: "alert", style: style, children: [title && _jsx("div", { className: "pb-alert-title", children: title }), children] }));
+}

package/dist/ui/PbButton.d.ts

@@ -0,0 +1,20 @@
+import { CSSProperties, ReactNode } from 'react';
+export type PbButtonVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'outline-primary' | 'outline-secondary' | 'link';
+/**
+ * Botão próprio do design system. Substitui o `Button` do react-bootstrap,
+ * mantendo o comportamento de link (`href`) e botão de formulário.
+ */
+export declare function PbButton({ as, href, target, rel, type, variant, size, disabled, onClick, className, style, children }: {
+    readonly as?: string;
+    readonly href?: string;
+    readonly target?: string;
+    readonly rel?: string;
+    readonly type?: 'button' | 'submit' | 'reset';
+    readonly variant?: string;
+    readonly size?: 'sm' | 'lg';
+    readonly disabled?: boolean;
+    readonly onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    readonly className?: string;
+    readonly style?: CSSProperties;
+    readonly children?: ReactNode;
+}): import("react").JSX.Element;

package/dist/ui/PbButton.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Botão próprio do design system. Substitui o `Button` do react-bootstrap,
+ * mantendo o comportamento de link (`href`) e botão de formulário.
+ */
+export function PbButton({ as, href, target, rel, type, variant = 'primary', size, disabled, onClick, className, style, children }) {
+    const isAnchor = Boolean(href) || as === 'a';
+    const classes = [
+        'pb-button',
+        variant ? `pb-button-${variant}` : 'pb-button-primary',
+        size ? `pb-button-${size}` : '',
+        className || ''
+    ]
+        .filter(Boolean)
+        .join(' ');
+    if (isAnchor) {
+        return (_jsx("a", { href: href, target: target, rel: rel || 'noopener noreferrer', className: classes, style: style, onClick: onClick, children: children }));
+    }
+    return (_jsx("button", { type: type || 'button', disabled: disabled, className: classes, style: style, onClick: onClick, children: children }));
+}

package/dist/ui/PbCol.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties, ReactNode } from 'react';
+import type { ColumnWidthType } from '../types/ColumnWidthType.js';
+/**
+ * Célula do grid de 12 colunas. Responde por breakpoint gerando um `<style>`
+ * próprio quando `width`/`offset` variam entre dispositivos.
+ */
+export declare function PbCol({ colId, width, offset, style, className, children, ...rest }: {
+    readonly colId?: number | string;
+    readonly width?: ColumnWidthType;
+    readonly offset?: ColumnWidthType;
+    readonly style?: CSSProperties;
+    readonly className?: string;
+    readonly children?: ReactNode;
+} & Record<string, unknown>): import("react").JSX.Element;

package/dist/ui/PbCol.js

@@ -0,0 +1,43 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const BREAKPOINTS = [
+    { key: 'sm', min: 576 },
+    { key: 'md', min: 768 },
+    { key: 'lg', min: 992 },
+    { key: 'xl', min: 1200 }
+];
+function gridColumn(span, offset) {
+    const start = offset && offset > 0 ? offset + 1 : undefined;
+    return start ? `${start} / span ${span}` : `span ${span}`;
+}
+/**
+ * Célula do grid de 12 colunas. Responde por breakpoint gerando um `<style>`
+ * próprio quando `width`/`offset` variam entre dispositivos.
+ */
+export function PbCol(_a) {
+    var { colId, width, offset, style, className, children } = _a, rest = __rest(_a, ["colId", "width", "offset", "style", "className", "children"]);
+    const w = width || {};
+    const off = offset || {};
+    const base = w.xs || 12;
+    const cls = `pb-col pb-col-${colId !== null && colId !== void 0 ? colId : 'static'}`;
+    const inline = Object.assign({ gridColumn: gridColumn(base, off.xs), minWidth: 0 }, style);
+    const rules = [];
+    for (const bp of BREAKPOINTS) {
+        const span = w[bp.key];
+        const offSpan = off[bp.key];
+        if (span || offSpan) {
+            rules.push(`@media (min-width:${bp.min}px){.${cls}{grid-column:${gridColumn(span || base, offSpan)}}}`);
+        }
+    }
+    return (_jsxs(_Fragment, { children: [rules.length > 0 && _jsx("style", { children: rules.join('') }), _jsx("div", Object.assign({ className: `${cls} ${className || ''}`.trim(), style: inline }, rest, { children: children }))] }));
+}

package/dist/ui/PbContainer.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, ReactNode } from 'react';
+export declare function PbContainer({ fluid, style, className, children, ...rest }: {
+    readonly fluid?: boolean;
+    readonly style?: CSSProperties;
+    readonly className?: string;
+    readonly children?: ReactNode;
+} & Record<string, unknown>): import("react").JSX.Element;

package/dist/ui/PbContainer.js

@@ -0,0 +1,17 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+export function PbContainer(_a) {
+    var { fluid, style, className, children } = _a, rest = __rest(_a, ["fluid", "style", "className", "children"]);
+    const classes = ['pb-container', fluid ? 'pb-container-fluid' : '', className || ''].filter(Boolean).join(' ');
+    return (_jsx("div", Object.assign({ className: classes, style: style }, rest, { children: children })));
+}

package/dist/ui/PbRow.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, ReactNode } from 'react';
+export declare function PbRow({ id, style, className, children, ...rest }: {
+    readonly id?: string;
+    readonly style?: CSSProperties;
+    readonly className?: string;
+    readonly children?: ReactNode;
+} & Record<string, unknown>): import("react").JSX.Element;

package/dist/ui/PbRow.js

@@ -0,0 +1,17 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+export function PbRow(_a) {
+    var { id, style, className, children } = _a, rest = __rest(_a, ["id", "style", "className", "children"]);
+    const classes = ['pb-row', className || ''].filter(Boolean).join(' ');
+    return (_jsx("div", Object.assign({ id: id, className: classes, style: style }, rest, { children: children })));
+}

package/dist/ui/PbSpinner.d.ts

@@ -0,0 +1,3 @@
+export declare function PbSpinner({ size }: {
+    readonly size?: 'sm';
+}): import("react").JSX.Element;

package/dist/ui/PbSpinner.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function PbSpinner({ size }) {
+    const classes = ['pb-spinner', size === 'sm' ? 'pb-spinner-sm' : ''].filter(Boolean).join(' ');
+    return _jsx("span", { className: classes, "aria-hidden": "true" });
+}

package/dist/ui/index.d.ts

@@ -0,0 +1,6 @@
+export { PbContainer } from './PbContainer.js';
+export { PbRow } from './PbRow.js';
+export { PbCol } from './PbCol.js';
+export { PbButton } from './PbButton.js';
+export { PbSpinner } from './PbSpinner.js';
+export { PbAlert } from './PbAlert.js';

package/dist/ui/index.js

@@ -0,0 +1,6 @@
+export { PbContainer } from './PbContainer.js';
+export { PbRow } from './PbRow.js';
+export { PbCol } from './PbCol.js';
+export { PbButton } from './PbButton.js';
+export { PbSpinner } from './PbSpinner.js';
+export { PbAlert } from './PbAlert.js';

package/dist/utils/imageCustomization.js

@@ -4,8 +4,6 @@ export function resolveImageElement(component, element) {
     }
     const properties = component.properties || {};
     const useShared = properties.imageCustomization !== 'separate';
-    const imageStyles = useShared
-        ? properties.imageStyles || {}
-        : element.styles;
+    const imageStyles = useShared ? properties.imageStyles || {} : element.styles;
     return Object.assign(Object.assign({}, element), { styles: Object.assign({ width: '100%' }, imageStyles) });
 }

package/dist/utils/responsiveStyles.d.ts

@@ -1,6 +1,6 @@
-import type { SectionType } from '../types/SectionType.js';
+import type { BlockType } from '../types/BlockType.js';
 import type { StylesType } from '../types/StylesType.js';
 declare const BREAKPOINT_MIN_WIDTHS: Record<string, number>;
 export declare function buildResponsiveCssForStyles(selector: string, styles: StylesType | undefined): string;
-export declare function buildResponsiveCss(sections: SectionType[]): string;
+export declare function buildResponsiveCss(blocks: BlockType[]): string;
 export { BREAKPOINT_MIN_WIDTHS };

package/dist/utils/responsiveStyles.js

@@ -2,14 +2,14 @@ const BREAKPOINT_MIN_WIDTHS = {
     sm: 576,
     md: 768,
     lg: 992,
-    xl: 1200,
+    xl: 1200
 };
 const SKIP_KEYS = new Set([
     'responsive',
     'customCss',
     'fluid',
     'backgroundGradientColorStart',
-    'backgroundGradientColorEnd',
+    'backgroundGradientColorEnd'
 ]);
 function kebabCase(key) {
     return key.replace(/([A-Z])/g, '-$1').toLowerCase();
@@ -56,26 +56,17 @@ function buildRules(selector, responsive) {
 export function buildResponsiveCssForStyles(selector, styles) {
     return buildRules(selector, styles === null || styles === void 0 ? void 0 : styles.responsive).join('');
 }
-export function buildResponsiveCss(sections) {
+export function buildResponsiveCss(blocks) {
+    var _a, _b, _c;
     const rules = [];
-    const visitSection = (section) => {
-        var _a, _b, _c, _d;
-        rules.push(...buildRules(`#section-${section.id}`, (_a = section.styles) === null || _a === void 0 ? void 0 : _a.responsive));
-        for (const column of section.columns) {
-            rules.push(...buildRules(`#column-${column.id}`, (_b = column.styles) === null || _b === void 0 ? void 0 : _b.responsive));
-            for (const component of column.components) {
-                rules.push(...buildRules(`[data-pb-component="${component.id}"]`, (_c = component.styles) === null || _c === void 0 ? void 0 : _c.responsive));
-                for (const element of component.elements) {
-                    rules.push(...buildRules(`[data-pb-element="${element.id}"]`, (_d = element.styles) === null || _d === void 0 ? void 0 : _d.responsive));
-                }
-            }
-            for (const childSection of column.childSections) {
-                visitSection(childSection);
+    for (const block of blocks) {
+        rules.push(...buildRules(`[data-pb-block="${block.id}"]`, (_a = block.styles) === null || _a === void 0 ? void 0 : _a.responsive));
+        for (const component of block.components) {
+            rules.push(...buildRules(`[data-pb-component="${component.id}"]`, (_b = component.styles) === null || _b === void 0 ? void 0 : _b.responsive));
+            for (const element of component.elements) {
+                rules.push(...buildRules(`[data-pb-element="${element.id}"]`, (_c = element.styles) === null || _c === void 0 ? void 0 : _c.responsive));
             }
         }
-    };
-    for (const section of sections) {
-        visitSection(section);
     }
     return rules.join('');
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lib-pixelbuild",
-  "version": "0.2.2",
+  "version": "0.3.1",
   "engines": {
     "node": "^24.0.0",
     "npm": ">=10"
@@ -66,12 +66,10 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/node": "^24.0.13",
     "@types/react": "^18.3.3",
-    "@types/react-bootstrap": "^1.0.1",
     "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^8.35.0",
     "@typescript-eslint/parser": "^8.35.0",
     "@vitejs/plugin-react": "^6.0.4",
-    "bootstrap": "^5.3.7",
     "dompurify": "^3.2.6",
     "eslint": "^10.8.0",
     "eslint-plugin-react-hooks": "^7.1.1",
@@ -82,7 +80,6 @@
     "lint-staged": "^15.5.2",
     "prettier": "^3.6.2",
     "react": "^18.2.0",
-    "react-bootstrap": "^2.10.10",
     "react-dom": "^18.2.0",
     "react-ga4": "^2.1.0",
     "react-helmet-async": "^2.0.5",
@@ -102,10 +99,8 @@
     ]
   },
   "peerDependencies": {
-    "bootstrap": "^5.0.0",
     "dompurify": "^3.2.6",
     "react": "^18.0.0",
-    "react-bootstrap": "^2.10.10",
     "react-dom": "^18.0.0",
     "react-ga4": "^2.1.0",
     "react-helmet-async": "^2.0.5",

package/dist/renderers/SectionRenderer.d.ts

@@ -1,6 +0,0 @@
-import type { SectionType } from '../types/SectionType.js';
-declare const SectionRenderer: import("react").NamedExoticComponent<{
-    readonly sections: SectionType[];
-    readonly editionMode?: boolean;
-}>;
-export { SectionRenderer };

package/dist/renderers/SectionRenderer.js

@@ -1,88 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useMemo } from 'react';
-import { Container, Row, Col } from 'react-bootstrap';
-import { ComponentFactory } from '../factories/ComponentFactory.js';
-import { orderBySort } from '../utils/orderBySort.js';
-import { buildResponsiveCss } from '../utils/responsiveStyles.js';
-const componentFactory = new ComponentFactory();
-function colWidthValue(width, offset) {
-    if (width === undefined && offset === undefined)
-        return undefined;
-    if (offset !== undefined) {
-        return { span: width !== null && width !== void 0 ? width : 12, offset };
-    }
-    return width;
-}
-const ColumnContent = memo(function ColumnContent({ column, editionMode }) {
-    const components = useMemo(() => orderBySort(column.components.filter((c) => c.enabled)), [column.components]);
-    const childSections = useMemo(() => orderBySort(column.childSections), [column.childSections]);
-    if (editionMode && components.length === 0 && childSections.length === 0) {
-        return (_jsxs("div", { "data-pixelbuild-empty-column": column.id, style: {
-                minHeight: 80,
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                gap: 6,
-                border: '1.5px dashed #c4d0dc',
-                color: '#94a3b8',
-                fontSize: 13,
-                cursor: 'pointer',
-                textAlign: 'center',
-            }, children: [_jsx("span", { style: { fontSize: 18, lineHeight: 1 }, children: "+" }), "Adicionar componente"] }));
-    }
-    return (_jsxs(_Fragment, { children: [components.map((component) => componentFactory.build(component, editionMode)), childSections.map((childSection) => (_jsx(SectionContent, { section: childSection, editionMode: editionMode }, childSection.id)))] }));
-});
-function gridClass(id) {
-    return `pixelbuild-grid-${String(id).replace(/[^a-zA-Z0-9_-]/g, '_')}`;
-}
-const GridRenderer = memo(function GridRenderer({ section, editionMode }) {
-    const grid = gridClass(section.id);
-    const columns = section.columns;
-    const css = useMemo(() => {
-        const rules = columns
-            .map((column) => {
-            const properties = column.properties || {};
-            const row = Math.max(0, Number(properties.row) || 0);
-            const rowSpan = Math.max(1, Number(properties.rowSpan) || 1);
-            const xs = column.width.xs || 12;
-            const sm = column.width.sm || xs;
-            const md = column.width.md || sm;
-            const columnClass = gridClass(column.id);
-            return [
-                `.${grid} .${columnClass}{grid-column:span ${xs};grid-row:auto;min-width:0}`,
-                `@media (min-width:576px){.${grid} .${columnClass}{grid-column:span ${sm}}}`,
-                `@media (min-width:768px){.${grid} .${columnClass}{grid-column:span ${md};grid-row:${row + 1}/span ${rowSpan}}}`
-            ].join('');
-        })
-            .join('');
-        return `.${grid}{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}${rules}`;
-    }, [grid, columns]);
-    return (_jsxs(_Fragment, { children: [_jsx("style", { children: css }), _jsx("div", { id: `section-${section.id}`, "data-pb-section": section.sectionType === 'row' ? section.id : undefined, className: grid, style: section.sectionType === 'row' ? section.styles : undefined, children: columns.map((column) => (_jsx("div", { id: `column-${column.id}`, className: gridClass(column.id), style: column.styles, children: _jsx(ColumnContent, { column: column, editionMode: editionMode }) }, column.id))) })] }));
-});
-const SectionContent = memo(function SectionContent({ section, editionMode }) {
-    const usesGrid = useMemo(() => section.columns.some((column) => { var _a, _b; return ((_a = column.properties) === null || _a === void 0 ? void 0 : _a.row) !== undefined || Number((_b = column.properties) === null || _b === void 0 ? void 0 : _b.rowSpan) > 1; }), [section.columns]);
-    const content = useMemo(() => {
-        if (usesGrid) {
-            return _jsx(GridRenderer, { section: section, editionMode: editionMode });
-        }
-        return (_jsx(Row, { id: `section-${section.id}`, "data-pb-section": section.sectionType === 'row' ? section.id : undefined, style: section.sectionType === 'row' ? section.styles : undefined, children: section.columns.map((column) => (_jsx(ColumnRenderer, { column: column, editionMode: editionMode }, column.id))) }));
-    }, [usesGrid, section, editionMode]);
-    if (section.sectionType === 'container-fluid') {
-        return (_jsx(Container, { fluid: true, "data-pb-section": section.id, style: section.styles, children: content }));
-    }
-    if (section.sectionType === 'container') {
-        return (_jsx(Container, { "data-pb-section": section.id, style: section.styles, children: content }));
-    }
-    return _jsx(Container, { fluid: true, children: content });
-});
-const ColumnRenderer = memo(function ColumnRenderer({ column, editionMode }) {
-    return (_jsx(Col, { id: `column-${column.id}`, xs: colWidthValue(column.width.xs, column.offset.xs), sm: colWidthValue(column.width.sm, column.offset.sm), md: colWidthValue(column.width.md, column.offset.md), lg: colWidthValue(column.width.lg, column.offset.lg), xl: colWidthValue(column.width.xl, column.offset.xl), style: column.styles, children: _jsx(ColumnContent, { column: column, editionMode: editionMode }) }, column.id));
-});
-const SectionRenderer = memo(function SectionRenderer({ sections, editionMode = false }) {
-    const sorted = useMemo(() => orderBySort(sections || []), [sections]);
-    if (sorted.length === 0) {
-        return null;
-    }
-    return (_jsxs(_Fragment, { children: [_jsx("style", { children: buildResponsiveCss(sorted) }), sorted.map((section) => (_jsx(SectionContent, { section: section, editionMode: editionMode }, section.id)))] }));
-});
-export { SectionRenderer };

package/dist/types/SectionType.d.ts

@@ -1,10 +0,0 @@
-import type { StylesType } from './StylesType.js';
-import type { SectionColumnType } from './SectionColumnType.js';
-export interface SectionType {
-    id: number;
-    sectionType: 'container' | 'container-fluid' | 'row';
-    sort: number;
-    properties: Record<string, unknown>;
-    styles: StylesType;
-    columns: SectionColumnType[];
-}

package/dist/types/SectionType.js

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