@frontify/guideline-blocks-settings 0.29.17 → 0.30.1

package/dist/index.d.ts

@@ -6,6 +6,8 @@ import type { AppBridgeTheme } from '@frontify/app-bridge';
 import { Asset } from '@frontify/app-bridge';
 import type { AssetInputBlock as AssetInputBlock_2 } from '@frontify/sidebar-settings';
 import type { BaseBlock as BaseBlock_2 } from '@frontify/sidebar-settings';
+import { BlockContext } from '@frontify/app-bridge';
+import { BlockState } from '@frontify/app-bridge';
 import type { Bundle as Bundle_2 } from '@frontify/sidebar-settings';
 import { ButtonSize } from '@frontify/fondue';
 import { CheckboxState } from '@frontify/fondue';
@@ -41,7 +43,7 @@ import { PluginComposer } from '@frontify/fondue';
 import { PluginProps } from '@frontify/fondue';
 import { RangeBeforeOptions } from '@udecode/plate';
 import { ReactElement } from 'react';
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import type { SectionHeadingBlock as SectionHeadingBlock_2 } from '@frontify/sidebar-settings';
 import type { SegmentedControlsBlock as SegmentedControlsBlock_2 } from '@frontify/sidebar-settings';
 import { SensorDescriptor } from '@dnd-kit/core';
@@ -50,6 +52,7 @@ import type { SettingBlock as SettingBlock_2 } from '@frontify/sidebar-settings'
 import type { SimpleSettingBlock as SimpleSettingBlock_2 } from '@frontify/sidebar-settings';
 import type { SwitchBlock as SwitchBlock_2 } from '@frontify/sidebar-settings';
 import type { TemplateInputBlock as TemplateInputBlock_2 } from '@frontify/sidebar-settings';
+import { TemplateLegacy } from '@frontify/app-bridge';
 import type { TextareaBlock as TextareaBlock_2 } from '@frontify/sidebar-settings';
 import { TextStyleRenderElementProps } from '@frontify/fondue';
 import { TLinkElement } from '@udecode/plate';
@@ -75,7 +78,7 @@ export declare type AttachmentItemProps = SortableAttachmentItemProps & {
     isOverlay?: boolean;
 };
 
-export declare const Attachments: ({ items, onDelete, onReplaceWithBrowse, onReplaceWithUpload, onBrowse, onUpload, onSorted, appBridge, }: AttachmentsProps) => JSX_2.Element | null;
+export declare const Attachments: ({ items, onDelete, onReplaceWithBrowse, onReplaceWithUpload, onBrowse, onUpload, onSorted, appBridge, triggerComponent: TriggerComponent, isOpen, onOpenChange, }: AttachmentsProps) => JSX_2.Element | null;
 
 export declare type AttachmentsProps = {
     items?: Asset[];
@@ -86,6 +89,24 @@ export declare type AttachmentsProps = {
     onUpload: (uploadedAttachments: Asset[]) => Promise<void>;
     onBrowse: (browserAttachments: Asset[]) => void;
     onSorted: (sortedAttachments: Asset[]) => void;
+    triggerComponent?: (props: AttachmentsTriggerProps) => JSX.Element;
+} & ({
+    isOpen?: never;
+    onOpenChange?: never;
+} | {
+    isOpen: boolean;
+    onOpenChange: (isOpen: boolean) => void;
+});
+
+export declare const AttachmentsProvider: ({ appBridge, children, assetId, }: {
+    appBridge: AppBridgeBlock;
+    children: ReactNode;
+    assetId: string;
+}) => JSX_2.Element;
+
+export declare type AttachmentsTriggerProps = {
+    children: ReactNode;
+    isFlyoutOpen: boolean;
 };
 
 /**
@@ -168,7 +189,7 @@ export declare type BlockInjectButtonProps = {
     verticalLayout?: boolean;
 };
 
-export declare const BlockItemWrapper: ({ children, toolbarFlyoutItems, toolbarItems, shouldHideWrapper, shouldHideComponent, isDragging, shouldFillContainer, outlineOffset, shouldBeShown, }: BlockItemWrapperProps) => ReactElement;
+export declare const BlockItemWrapper: ({ children, toolbarFlyoutItems, toolbarItems, shouldHideWrapper, shouldHideComponent, isDragging, shouldFillContainer, outlineOffset, shouldBeShown, showAttachments, }: BlockItemWrapperProps) => ReactElement;
 
 export declare type BlockItemWrapperProps = {
     children: ReactNode;
@@ -180,6 +201,12 @@ export declare type BlockItemWrapperProps = {
     shouldFillContainer?: boolean;
     outlineOffset?: number;
     shouldBeShown?: boolean;
+    /**
+     * When set to true the BlockItemWrapper must be a child of a {@link AttachmentsProvider} component,
+     *  or the block must be wrapped with a {@link withAttachmentsProvider} HOC.
+     * @default false
+     */
+    showAttachments?: boolean;
 };
 
 export declare type BlockProps = {
@@ -839,6 +866,7 @@ export declare type SortableAttachmentItemProps = {
     isLoading?: boolean;
     onReplaceWithBrowse: () => void;
     onReplaceWithUpload: (uploadedAsset: Asset) => void;
+    onDownload?: () => Promise<void>;
 };
 
 export declare const submitFloatingButton: <V extends Value>(editor: PlateEditor<V>) => true | undefined;
@@ -907,15 +935,24 @@ export declare const toHex8String: (color: Color) => string;
  */
 export declare const toHexString: (color: Color) => string;
 
+export declare const Toolbar: ({ items, flyoutMenu, attachments, isDragging }: ToolbarProps) => JSX_2.Element;
+
+export declare type ToolbarFlyoutState = {
+    isOpen: boolean;
+    onOpenChange: (isOpen: boolean) => void;
+};
+
 export declare type ToolbarItem = DraghandleToolbarItem | ButtonToolbarItem;
 
 export declare type ToolbarProps = {
     items: ToolbarItem[];
-    flyoutItems: FlyoutToolbarItem[][];
-    isFlyoutOpen: boolean;
-    setIsFlyoutOpen: (isOpen: boolean) => void;
+    flyoutMenu: ToolbarFlyoutState & {
+        items: FlyoutToolbarItem[][];
+    };
+    attachments: ToolbarFlyoutState & {
+        isEnabled: boolean;
+    };
     isDragging?: boolean;
-    isFlyoutDisabled?: boolean;
 };
 
 /**
@@ -988,17 +1025,67 @@ export declare type UpsertButtonOptions<V extends Value = Value> = CreateButtonN
 export declare const upsertButtonText: <V extends Value>(editor: PlateEditor<V>, { text }: UpsertButtonOptions<V>) => void;
 
 export declare const useAttachments: (appBridge: AppBridgeBlock, assetId: string) => {
-    onAddAttachments: (newAssets: Asset[]) => Promise<void>;
+    onAttachmentsAdd: (newAssets: Asset[]) => Promise<void>;
     onAttachmentDelete: (assetToDelete: Asset) => Promise<void>;
     onAttachmentReplace: (attachmentToReplace: Asset, newAsset: Asset) => Promise<void>;
     onAttachmentsSorted: (assets: Asset[]) => Promise<void>;
     attachments: Asset[];
+    appBridge: AppBridgeBlock<BlockState, BlockContext, {
+        assetsChosen: {
+            assets: Asset[];
+        };
+        templateChosen: {
+            template: TemplateLegacy;
+        };
+        "State.settings": [Record<string, unknown>, Record<string, unknown>];
+        "State.assets": [Record<string, unknown>, Record<string, unknown>];
+        "State.templates": [Record<string, unknown>, Record<string, unknown>];
+        "State.*": [BlockState, BlockState];
+        "Context.portalId": [number, number];
+        "Context.blockId": [number, number];
+        "Context.sectionId"?: [number | undefined, number | undefined] | undefined;
+        "Context.*": [BlockContext, BlockContext];
+    }>;
+};
+
+export declare const useAttachmentsContext: () => {
+    onAttachmentsAdd: (newAssets: Asset[]) => Promise<void>;
+    onAttachmentDelete: (assetToDelete: Asset) => Promise<void>;
+    onAttachmentReplace: (attachmentToReplace: Asset, newAsset: Asset) => Promise<void>;
+    onAttachmentsSorted: (assets: Asset[]) => Promise<void>;
+    attachments: Asset[];
+    appBridge: AppBridgeBlock<BlockState, BlockContext, {
+        assetsChosen: {
+            assets: Asset[];
+        };
+        templateChosen: {
+            template: TemplateLegacy;
+        };
+        "State.settings": [Record<string, unknown>, Record<string, unknown>];
+        "State.assets": [Record<string, unknown>, Record<string, unknown>];
+        "State.templates": [Record<string, unknown>, Record<string, unknown>];
+        "State.*": [BlockState, BlockState];
+        "Context.portalId": [number, number];
+        "Context.blockId": [number, number];
+        "Context.sectionId"?: [number | undefined, number | undefined] | undefined;
+        "Context.*": [BlockContext, BlockContext];
+    }>;
 };
 
 export declare const useDndSensors: (columnGap?: number, rowGap?: number) => SensorDescriptor<SensorOptions>[];
 
 export declare type ValueOrPromisedValue<T> = ValueOrPromisedValue_2<AppBridgeBlock, T>;
 
+/**
+ * Block-level HOC for cases when there is only one attachment asset field related to the block.
+ * Recommended for most cases.
+ * If finer control is required over attachments, use {@link AttachmentsProvider} component.
+ */
+export declare const withAttachmentsProvider: <T extends BlockProps>(Component: (props: T) => ReactNode, assetId: string) => {
+    (props: T): JSX_2.Element;
+    displayName: string;
+};
+
 /**
  * Insert space after a url to wrap a button.
  * Lookup from the block start to the cursor to check if there is an url.

package/dist/index.es.js

@@ -2,191 +2,196 @@ import "./styles.css.es.js";
 export * from "@frontify/sidebar-settings";
 import { BlockInjectButton as g } from "./components/BlockInjectButton/BlockInjectButton.es.js";
 import { BlockItemWrapper as l } from "./components/BlockItemWrapper/BlockItemWrapper.es.js";
-import { DEFAULT_DRAGGING_TOOLTIP as u, DEFAULT_DRAG_TOOLTIP as f } from "./components/BlockItemWrapper/constants.es.js";
-import { Attachments as s } from "./components/Attachments/Attachments.es.js";
-import { DownloadButton as P } from "./components/DownloadButton/DownloadButton.es.js";
-import { RichTextEditor as c } from "./components/RichTextEditor/RichTextEditor.es.js";
-import { LinkPlugin as T, createLinkPlugin as E } from "./components/RichTextEditor/plugins/LinkPlugin/index.es.js";
-import { BUTTON_PLUGIN as L, ButtonPlugin as R, ELEMENT_BUTTON as h, createButtonPlugin as A } from "./components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.es.js";
-import { withButton as C } from "./components/RichTextEditor/plugins/ButtonPlugin/withButton.es.js";
-import { insertButton as F } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/insertButton.es.js";
-import { submitFloatingButton as b } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/submitFloatingButton.es.js";
-import { unwrapButton as D } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/unwrapButton.es.js";
-import { upsertButton as N } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButton.es.js";
-import { upsertButtonText as _ } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButtonText.es.js";
-import { wrapButton as v } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/wrapButton.es.js";
-import { getUrlFromEditor as W } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/getUrl.es.js";
-import { createButtonNode as Q } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/createButtonNode.es.js";
-import { triggerFloatingButton as q } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButton.es.js";
-import { triggerFloatingButtonEdit as J } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.es.js";
-import { triggerFloatingButtonInsert as Y } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.es.js";
-import { BlockButtonStyles as $ } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/styles.es.js";
-import { Custom1Plugin as rt } from "./components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.es.js";
-import { Custom2Plugin as ot } from "./components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.es.js";
+import { Toolbar as u } from "./components/BlockItemWrapper/Toolbar/Toolbar.es.js";
+import { DEFAULT_DRAGGING_TOOLTIP as s, DEFAULT_DRAG_TOOLTIP as d } from "./components/BlockItemWrapper/constants.es.js";
+import { Attachments as P } from "./components/Attachments/Attachments.es.js";
+import { DownloadButton as B } from "./components/DownloadButton/DownloadButton.es.js";
+import { RichTextEditor as T } from "./components/RichTextEditor/RichTextEditor.es.js";
+import { LinkPlugin as E, createLinkPlugin as k } from "./components/RichTextEditor/plugins/LinkPlugin/index.es.js";
+import { BUTTON_PLUGIN as L, ButtonPlugin as R, ELEMENT_BUTTON as C, createButtonPlugin as I } from "./components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.es.js";
+import { withButton as F } from "./components/RichTextEditor/plugins/ButtonPlugin/withButton.es.js";
+import { insertButton as U } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/insertButton.es.js";
+import { submitFloatingButton as D } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/submitFloatingButton.es.js";
+import { unwrapButton as N } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/unwrapButton.es.js";
+import { upsertButton as _ } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButton.es.js";
+import { upsertButtonText as v } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButtonText.es.js";
+import { wrapButton as W } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/wrapButton.es.js";
+import { getUrlFromEditor as Q } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/getUrl.es.js";
+import { createButtonNode as q } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/createButtonNode.es.js";
+import { triggerFloatingButton as J } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButton.es.js";
+import { triggerFloatingButtonEdit as Y } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.es.js";
+import { triggerFloatingButtonInsert as $ } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.es.js";
+import { BlockButtonStyles as rt } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/styles.es.js";
+import { Custom1Plugin as ot } from "./components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.es.js";
+import { Custom2Plugin as it } from "./components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.es.js";
 import { Custom3Plugin as pt } from "./components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.es.js";
-import { Heading1Plugin as at } from "./components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js";
-import { Heading2Plugin as mt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.es.js";
-import { Heading3Plugin as xt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.es.js";
-import { Heading4Plugin as ft } from "./components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.es.js";
-import { ImageCaptionPlugin as st } from "./components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.es.js";
-import { ImageTitlePlugin as Pt } from "./components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.es.js";
-import { PARAGRAPH_CLASSES as ct, ParagraphMarkupElement as yt, ParagraphMarkupElementNode as Tt, ParagraphPlugin as Et, createParagraphPlugin as kt } from "./components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.es.js";
-import { QuoteMarkupElementNode as Rt, QuotePlugin as ht, createQuotePlugin as At } from "./components/RichTextEditor/plugins/TextStylePlugins/quotePlugin.es.js";
-import { AllTextStylePlugins as Ct, AllTextStyles as Mt, TextStylePluginsWithoutImage as Ft, TextStylesWithoutImage as Ut } from "./components/RichTextEditor/plugins/TextStylePlugins/helpers.es.js";
-import { BlockStyles as Gt, TextStyles as Dt } from "./components/RichTextEditor/plugins/styles.es.js";
-import { getDefaultPluginsWithLinkChooser as Nt } from "./components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.es.js";
-import { THEME_PREFIX as _t } from "./components/RichTextEditor/constants.es.js";
-import { LinkSelector as vt } from "./components/Link/LinkSelector/LinkSelector.es.js";
-import { LinkInput as Wt } from "./components/Link/LinkInput.es.js";
-import { getLegacyUrl as Qt, getLinkFromEditor as Xt, getUrl as qt, getUrlFromLinkOrLegacyLink as zt } from "./components/Link/utils/getUrl.es.js";
-import { relativeUrlRegex as Kt } from "./components/Link/utils/relativeUrlRegex.es.js";
-import { isValidUrl as Zt, isValidUrlOrEmpty as $t } from "./components/Link/utils/url.es.js";
-import { convertToRteValue as rr } from "./helpers/convertToRichTextValue.es.js";
-import { customCoordinatesGetterFactory as or } from "./helpers/customCoordinatesGetterFactory.es.js";
+import { Heading1Plugin as mt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js";
+import { Heading2Plugin as xt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.es.js";
+import { Heading3Plugin as ft } from "./components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.es.js";
+import { Heading4Plugin as dt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.es.js";
+import { ImageCaptionPlugin as Pt } from "./components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.es.js";
+import { ImageTitlePlugin as Bt } from "./components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.es.js";
+import { PARAGRAPH_CLASSES as Tt, ParagraphMarkupElement as ht, ParagraphMarkupElementNode as Et, ParagraphPlugin as kt, createParagraphPlugin as At } from "./components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.es.js";
+import { QuoteMarkupElementNode as Rt, QuotePlugin as Ct, createQuotePlugin as It } from "./components/RichTextEditor/plugins/TextStylePlugins/quotePlugin.es.js";
+import { AllTextStylePlugins as Ft, AllTextStyles as bt, TextStylePluginsWithoutImage as Ut, TextStylesWithoutImage as Gt } from "./components/RichTextEditor/plugins/TextStylePlugins/helpers.es.js";
+import { BlockStyles as Ht, TextStyles as Nt } from "./components/RichTextEditor/plugins/styles.es.js";
+import { getDefaultPluginsWithLinkChooser as _t } from "./components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.es.js";
+import { THEME_PREFIX as vt } from "./components/RichTextEditor/constants.es.js";
+import { LinkSelector as Wt } from "./components/Link/LinkSelector/LinkSelector.es.js";
+import { LinkInput as Qt } from "./components/Link/LinkInput.es.js";
+import { getLegacyUrl as qt, getLinkFromEditor as zt, getUrl as Jt, getUrlFromLinkOrLegacyLink as Kt } from "./components/Link/utils/getUrl.es.js";
+import { relativeUrlRegex as Zt } from "./components/Link/utils/relativeUrlRegex.es.js";
+import { isValidUrl as tr, isValidUrlOrEmpty as rr } from "./components/Link/utils/url.es.js";
+import { convertToRteValue as or } from "./helpers/convertToRichTextValue.es.js";
+import { customCoordinatesGetterFactory as ir } from "./helpers/customCoordinatesGetterFactory.es.js";
 import { hasRichTextValue as pr } from "./helpers/hasRichTextValue.es.js";
-import { isDownloadable as ar } from "./helpers/isDownloadable.es.js";
-import { mapAppBridgeColorPaletteToFonduePalette as mr, mapAppBridgeColorPalettesToFonduePalettes as lr } from "./helpers/mapColorPalettes.es.js";
-import { addHttps as ur } from "./helpers/addHttps.es.js";
-import { useAttachments as dr } from "./hooks/useAttachments.es.js";
-import { useDndSensors as Sr } from "./hooks/useDndSensors.es.js";
-import { getBackgroundSettings as Br } from "./settings/background.es.js";
-import { getBorderSettings as yr } from "./settings/border.es.js";
-import { getBorderRadiusSettings as Er, getBorderRadiusSlider as kr } from "./settings/borderRadius.es.js";
-import { getExtendedBorderRadiusSettings as Rr } from "./settings/borderRadiusExtended.es.js";
-import { getGutterSettings as Ar } from "./settings/gutter.es.js";
-import { getMarginSettings as Cr, getMarginSlider as Mr } from "./settings/margin.es.js";
-import { getMarginExtendedSettings as Ur } from "./settings/marginExtended.es.js";
-import { getPaddingSettings as Gr, getPaddingSlider as Dr } from "./settings/padding.es.js";
-import { getPaddingExtendedSettings as Nr } from "./settings/paddingExtended.es.js";
-import { BorderStyle as _r, GutterSpacing as wr, Margin as vr, Padding as Vr, Radius as Wr, Security as jr, borderStyleMap as Qr, gutterSpacingStyleMap as Xr, marginStyleMap as qr, paddingStyleMap as zr, radiusStyleMap as Jr } from "./settings/types.es.js";
-import { getSecurityDownloadableSetting as Yr, getSecurityGlobalControlId as Zr } from "./settings/securityDownloadable.es.js";
-import { getSecurityGlobalControlSetting as te } from "./settings/securityGlobalControl.es.js";
-import { isDark as ee } from "./utilities/color/isDark.es.js";
-import { toHex8String as ne } from "./utilities/color/toHex8String.es.js";
-import { toHexString as ie } from "./utilities/color/toHexString.es.js";
-import { toRgbaString as ge } from "./utilities/color/toRgbaString.es.js";
-import { setAlpha as le } from "./utilities/color/setAlpha.es.js";
-import { toColorObject as ue } from "./utilities/color/toColorObject.es.js";
-import { getReadableColor as de } from "./utilities/color/getReadableColor.es.js";
-import { toShortRgba as Se } from "./utilities/color/toShortRgba.es.js";
-import { moveItemInArray as Be } from "./utilities/moveItemInArray.es.js";
-import { getBackgroundColorStyles as ye } from "./utilities/react/getBackgroundColorStyles.es.js";
-import { getBorderStyles as Ee } from "./utilities/react/getBorderStyles.es.js";
-import { getRadiusStyles as Le } from "./utilities/react/getRadiusStyles.es.js";
-import { joinClassNames as he } from "./utilities/react/joinClassNames.es.js";
+import { isDownloadable as mr } from "./helpers/isDownloadable.es.js";
+import { mapAppBridgeColorPaletteToFonduePalette as xr, mapAppBridgeColorPalettesToFonduePalettes as ur } from "./helpers/mapColorPalettes.es.js";
+import { addHttps as sr } from "./helpers/addHttps.es.js";
+import { AttachmentsProvider as Sr, useAttachments as Pr, useAttachmentsContext as cr, withAttachmentsProvider as Br } from "./hooks/useAttachments.es.js";
+import { useDndSensors as Tr } from "./hooks/useDndSensors.es.js";
+import { getBackgroundSettings as Er } from "./settings/background.es.js";
+import { getBorderSettings as Ar } from "./settings/border.es.js";
+import { getBorderRadiusSettings as Rr, getBorderRadiusSlider as Cr } from "./settings/borderRadius.es.js";
+import { getExtendedBorderRadiusSettings as Mr } from "./settings/borderRadiusExtended.es.js";
+import { getGutterSettings as br } from "./settings/gutter.es.js";
+import { getMarginSettings as Gr, getMarginSlider as Dr } from "./settings/margin.es.js";
+import { getMarginExtendedSettings as Nr } from "./settings/marginExtended.es.js";
+import { getPaddingSettings as _r, getPaddingSlider as wr } from "./settings/padding.es.js";
+import { getPaddingExtendedSettings as Vr } from "./settings/paddingExtended.es.js";
+import { BorderStyle as jr, GutterSpacing as Qr, Margin as Xr, Padding as qr, Radius as zr, Security as Jr, borderStyleMap as Kr, gutterSpacingStyleMap as Yr, marginStyleMap as Zr, paddingStyleMap as $r, radiusStyleMap as te } from "./settings/types.es.js";
+import { getSecurityDownloadableSetting as ee, getSecurityGlobalControlId as oe } from "./settings/securityDownloadable.es.js";
+import { getSecurityGlobalControlSetting as ie } from "./settings/securityGlobalControl.es.js";
+import { isDark as pe } from "./utilities/color/isDark.es.js";
+import { toHex8String as me } from "./utilities/color/toHex8String.es.js";
+import { toHexString as xe } from "./utilities/color/toHexString.es.js";
+import { toRgbaString as fe } from "./utilities/color/toRgbaString.es.js";
+import { setAlpha as de } from "./utilities/color/setAlpha.es.js";
+import { toColorObject as Pe } from "./utilities/color/toColorObject.es.js";
+import { getReadableColor as Be } from "./utilities/color/getReadableColor.es.js";
+import { toShortRgba as Te } from "./utilities/color/toShortRgba.es.js";
+import { moveItemInArray as Ee } from "./utilities/moveItemInArray.es.js";
+import { getBackgroundColorStyles as Ae } from "./utilities/react/getBackgroundColorStyles.es.js";
+import { getBorderStyles as Re } from "./utilities/react/getBorderStyles.es.js";
+import { getRadiusStyles as Ie } from "./utilities/react/getRadiusStyles.es.js";
+import { joinClassNames as Fe } from "./utilities/react/joinClassNames.es.js";
 var r = /* @__PURE__ */ ((t) => (t.Main = "main", t.Basics = "basics", t.Layout = "layout", t.Style = "style", t.Security = "security", t.Targets = "targets", t))(r || {});
 const o = (t) => t, n = (t) => t;
 export {
-  Ct as AllTextStylePlugins,
-  Mt as AllTextStyles,
-  s as Attachments,
+  Ft as AllTextStylePlugins,
+  bt as AllTextStyles,
+  P as Attachments,
+  Sr as AttachmentsProvider,
   L as BUTTON_PLUGIN,
-  $ as BlockButtonStyles,
+  rt as BlockButtonStyles,
   g as BlockInjectButton,
   l as BlockItemWrapper,
-  Gt as BlockStyles,
-  _r as BorderStyle,
+  Ht as BlockStyles,
+  jr as BorderStyle,
   R as ButtonPlugin,
-  rt as Custom1Plugin,
-  ot as Custom2Plugin,
+  ot as Custom1Plugin,
+  it as Custom2Plugin,
   pt as Custom3Plugin,
-  u as DEFAULT_DRAGGING_TOOLTIP,
-  f as DEFAULT_DRAG_TOOLTIP,
-  P as DownloadButton,
-  h as ELEMENT_BUTTON,
-  wr as GutterSpacing,
-  at as Heading1Plugin,
-  mt as Heading2Plugin,
-  xt as Heading3Plugin,
-  ft as Heading4Plugin,
-  st as ImageCaptionPlugin,
-  Pt as ImageTitlePlugin,
-  Wt as LinkInput,
-  T as LinkPlugin,
-  vt as LinkSelector,
-  vr as Margin,
-  ct as PARAGRAPH_CLASSES,
-  Vr as Padding,
-  yt as ParagraphMarkupElement,
-  Tt as ParagraphMarkupElementNode,
-  Et as ParagraphPlugin,
+  s as DEFAULT_DRAGGING_TOOLTIP,
+  d as DEFAULT_DRAG_TOOLTIP,
+  B as DownloadButton,
+  C as ELEMENT_BUTTON,
+  Qr as GutterSpacing,
+  mt as Heading1Plugin,
+  xt as Heading2Plugin,
+  ft as Heading3Plugin,
+  dt as Heading4Plugin,
+  Pt as ImageCaptionPlugin,
+  Bt as ImageTitlePlugin,
+  Qt as LinkInput,
+  E as LinkPlugin,
+  Wt as LinkSelector,
+  Xr as Margin,
+  Tt as PARAGRAPH_CLASSES,
+  qr as Padding,
+  ht as ParagraphMarkupElement,
+  Et as ParagraphMarkupElementNode,
+  kt as ParagraphPlugin,
   Rt as QuoteMarkupElementNode,
-  ht as QuotePlugin,
-  Wr as Radius,
-  c as RichTextEditor,
+  Ct as QuotePlugin,
+  zr as Radius,
+  T as RichTextEditor,
   r as Sections,
-  jr as Security,
-  _t as THEME_PREFIX,
-  Ft as TextStylePluginsWithoutImage,
-  Dt as TextStyles,
-  Ut as TextStylesWithoutImage,
-  ur as addHttps,
-  Qr as borderStyleMap,
-  rr as convertToRteValue,
-  Q as createButtonNode,
-  A as createButtonPlugin,
-  E as createLinkPlugin,
-  kt as createParagraphPlugin,
-  At as createQuotePlugin,
-  or as customCoordinatesGetterFactory,
+  Jr as Security,
+  vt as THEME_PREFIX,
+  Ut as TextStylePluginsWithoutImage,
+  Nt as TextStyles,
+  Gt as TextStylesWithoutImage,
+  u as Toolbar,
+  sr as addHttps,
+  Kr as borderStyleMap,
+  or as convertToRteValue,
+  q as createButtonNode,
+  I as createButtonPlugin,
+  k as createLinkPlugin,
+  At as createParagraphPlugin,
+  It as createQuotePlugin,
+  ir as customCoordinatesGetterFactory,
   o as defineBlock,
   n as defineSettings,
-  ye as getBackgroundColorStyles,
-  Br as getBackgroundSettings,
-  Er as getBorderRadiusSettings,
-  kr as getBorderRadiusSlider,
-  yr as getBorderSettings,
-  Ee as getBorderStyles,
-  Nt as getDefaultPluginsWithLinkChooser,
-  Rr as getExtendedBorderRadiusSettings,
-  Ar as getGutterSettings,
-  Qt as getLegacyUrl,
-  Xt as getLinkFromEditor,
-  Ur as getMarginExtendedSettings,
-  Cr as getMarginSettings,
-  Mr as getMarginSlider,
-  Nr as getPaddingExtendedSettings,
-  Gr as getPaddingSettings,
-  Dr as getPaddingSlider,
-  Le as getRadiusStyles,
-  de as getReadableColor,
-  Yr as getSecurityDownloadableSetting,
-  Zr as getSecurityGlobalControlId,
-  te as getSecurityGlobalControlSetting,
-  qt as getUrl,
-  W as getUrlFromEditor,
-  zt as getUrlFromLinkOrLegacyLink,
-  Xr as gutterSpacingStyleMap,
+  Ae as getBackgroundColorStyles,
+  Er as getBackgroundSettings,
+  Rr as getBorderRadiusSettings,
+  Cr as getBorderRadiusSlider,
+  Ar as getBorderSettings,
+  Re as getBorderStyles,
+  _t as getDefaultPluginsWithLinkChooser,
+  Mr as getExtendedBorderRadiusSettings,
+  br as getGutterSettings,
+  qt as getLegacyUrl,
+  zt as getLinkFromEditor,
+  Nr as getMarginExtendedSettings,
+  Gr as getMarginSettings,
+  Dr as getMarginSlider,
+  Vr as getPaddingExtendedSettings,
+  _r as getPaddingSettings,
+  wr as getPaddingSlider,
+  Ie as getRadiusStyles,
+  Be as getReadableColor,
+  ee as getSecurityDownloadableSetting,
+  oe as getSecurityGlobalControlId,
+  ie as getSecurityGlobalControlSetting,
+  Jt as getUrl,
+  Q as getUrlFromEditor,
+  Kt as getUrlFromLinkOrLegacyLink,
+  Yr as gutterSpacingStyleMap,
   pr as hasRichTextValue,
-  F as insertButton,
-  ee as isDark,
-  ar as isDownloadable,
-  Zt as isValidUrl,
-  $t as isValidUrlOrEmpty,
-  he as joinClassNames,
-  mr as mapAppBridgeColorPaletteToFonduePalette,
-  lr as mapAppBridgeColorPalettesToFonduePalettes,
-  qr as marginStyleMap,
-  Be as moveItemInArray,
-  zr as paddingStyleMap,
-  Jr as radiusStyleMap,
-  Kt as relativeUrlRegex,
-  le as setAlpha,
-  b as submitFloatingButton,
-  ue as toColorObject,
-  ne as toHex8String,
-  ie as toHexString,
-  ge as toRgbaString,
-  Se as toShortRgba,
-  q as triggerFloatingButton,
-  J as triggerFloatingButtonEdit,
-  Y as triggerFloatingButtonInsert,
-  D as unwrapButton,
-  N as upsertButton,
-  _ as upsertButtonText,
-  dr as useAttachments,
-  Sr as useDndSensors,
-  C as withButton,
-  v as wrapButton
+  U as insertButton,
+  pe as isDark,
+  mr as isDownloadable,
+  tr as isValidUrl,
+  rr as isValidUrlOrEmpty,
+  Fe as joinClassNames,
+  xr as mapAppBridgeColorPaletteToFonduePalette,
+  ur as mapAppBridgeColorPalettesToFonduePalettes,
+  Zr as marginStyleMap,
+  Ee as moveItemInArray,
+  $r as paddingStyleMap,
+  te as radiusStyleMap,
+  Zt as relativeUrlRegex,
+  de as setAlpha,
+  D as submitFloatingButton,
+  Pe as toColorObject,
+  me as toHex8String,
+  xe as toHexString,
+  fe as toRgbaString,
+  Te as toShortRgba,
+  J as triggerFloatingButton,
+  Y as triggerFloatingButtonEdit,
+  $ as triggerFloatingButtonInsert,
+  N as unwrapButton,
+  _ as upsertButton,
+  v as upsertButtonText,
+  Pr as useAttachments,
+  cr as useAttachmentsContext,
+  Tr as useDndSensors,
+  Br as withAttachmentsProvider,
+  F as withButton,
+  W as wrapButton
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport './styles.css';\n\nimport type { FC } from 'react';\nimport type { AppBridgeBlock } from '@frontify/app-bridge';\nimport type {\n    AssetInputBlock as AssetInputBlockSidebarSettings,\n    BaseBlock as BaseBlockSidebarSettings,\n    Bundle as BundleSidebarSettings,\n    ChecklistBlock as ChecklistBlockSidebarSettings,\n    ChoicesType as ChoicesTypeSidebarSettings,\n    ColorInputBlock as ColorInputBlockSidebarSettings,\n    DropdownBlock as DropdownBlockSidebarSettings,\n    DynamicSettingBlock as DynamicSettingBlockSidebarSettings,\n    DynamicSupportedBlock as DynamicSupportedBlockSidebarSettings,\n    FontInputBlock as FontInputBlockSidebarSettings,\n    InputBlock as InputBlockSidebarSettings,\n    LegacyAssetInputBlock as LegacyAssetInputBlockSidebarSettings,\n    LinkBlock as LinkBlockSidebarSettings,\n    LinkChooserBlock as LinkChooserBlockSidebarSettings,\n    MultiInputBlock as MultiInputBlockSidebarSettings,\n    NotificationBlock as NotificationBlockSidebarSettings,\n    SectionHeadingBlock as SectionHeadingBlockSidebarSettings,\n    SegmentedControlsBlock as SegmentedControlsBlockSidebarSettings,\n    SettingBlock as SettingBlockSidebarSettings,\n    SimpleSettingBlock as SimpleSettingBlockSidebarSettings,\n    SwitchBlock as SwitchBlockSidebarSettings,\n    TemplateInputBlock as TemplateInputBlockSidebarSettings,\n    TextareaBlock as TextareaBlockSidebarSettings,\n    ValueOrPromisedValue as ValueOrPromisedValueSidebarSettings,\n} from '@frontify/sidebar-settings';\n\nexport * from '@frontify/sidebar-settings';\n\nexport type AssetInputBlock = AssetInputBlockSidebarSettings<AppBridgeBlock>;\nexport type BaseBlock<T = undefined> = BaseBlockSidebarSettings<AppBridgeBlock, T>;\nexport type Bundle = BundleSidebarSettings<AppBridgeBlock>;\nexport type ChecklistBlock = ChecklistBlockSidebarSettings<AppBridgeBlock>;\nexport type ChoicesType = ChoicesTypeSidebarSettings<AppBridgeBlock>;\nexport type ColorInputBlock = ColorInputBlockSidebarSettings<AppBridgeBlock>;\nexport type DropdownBlock = DropdownBlockSidebarSettings<AppBridgeBlock>;\nexport type DynamicSettingBlock<Block extends DynamicSupportedBlock = DynamicSupportedBlock> =\n    DynamicSettingBlockSidebarSettings<AppBridgeBlock, Block>;\nexport type DynamicSupportedBlock = DynamicSupportedBlockSidebarSettings<AppBridgeBlock>;\nexport type FontInputBlock = FontInputBlockSidebarSettings<AppBridgeBlock>;\nexport type InputBlock = InputBlockSidebarSettings<AppBridgeBlock>;\nexport type LegacyAssetInputBlock = LegacyAssetInputBlockSidebarSettings<AppBridgeBlock>;\nexport type LinkBlock = LinkBlockSidebarSettings<AppBridgeBlock>;\nexport type LinkChooserBlock = LinkChooserBlockSidebarSettings<AppBridgeBlock>;\nexport type MultiInputBlock = MultiInputBlockSidebarSettings<AppBridgeBlock>;\nexport type NotificationBlock = NotificationBlockSidebarSettings<AppBridgeBlock>;\nexport type SectionHeadingBlock = SectionHeadingBlockSidebarSettings<AppBridgeBlock>;\nexport type SegmentedControlsBlock = SegmentedControlsBlockSidebarSettings<AppBridgeBlock>;\nexport type SettingBlock = SettingBlockSidebarSettings<AppBridgeBlock>;\nexport type SimpleSettingBlock = SimpleSettingBlockSidebarSettings<AppBridgeBlock>;\nexport type SwitchBlock = SwitchBlockSidebarSettings<AppBridgeBlock>;\nexport type TemplateInputBlock = TemplateInputBlockSidebarSettings<AppBridgeBlock>;\nexport type TextareaBlock = TextareaBlockSidebarSettings<AppBridgeBlock>;\nexport type ValueOrPromisedValue<T> = ValueOrPromisedValueSidebarSettings<AppBridgeBlock, T>;\n\nexport enum Sections {\n    Main = 'main',\n    Basics = 'basics',\n    Layout = 'layout',\n    Style = 'style',\n    Security = 'security',\n    Targets = 'targets',\n}\n\nexport type BlockSettingsStructureExport = {\n    [Sections.Main]?: SettingBlock[];\n    [Sections.Basics]?: SettingBlock[];\n    [Sections.Layout]?: SettingBlock[];\n    [Sections.Style]?: SettingBlock[];\n    [Sections.Security]?: SettingBlock[];\n} & { [customSectionName: string]: SettingBlock[] };\n\nexport type BlockProps = {\n    /**\n     * The Frontify App Bridge provides an interface to the Frontify app internals.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/content-blocks/introducing-the-app-bridge}\n     */\n    appBridge: AppBridgeBlock;\n};\n\nexport type BlockConfigExport = {\n    /**\n     * Block component to render.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/content-blocks}\n     */\n    block: FC<BlockProps>;\n    /**\n     * Contains the block settings and its structure.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/block-settings-1}\n     */\n    settings: ReturnType<typeof defineSettings>;\n    /**\n     * Block lifecycle hook ran before the block gets added in the Guideline.\n     * The hook support both synchronous or asynchronous execution.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/block-lifecycle/on-block-creation}\n     */\n    onBlockCreated?:\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => void)\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => Promise<void>);\n    /**\n     * Block lifecycle hook ran before the block gets deleted from the Guideline.\n     * The hook support both synchronous or asynchronous execution.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/block-lifecycle/on-block-deletion}\n     */\n    onBlockDeleted?:\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => void)\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => Promise<void>);\n};\n\n/**\n * Type helper to make it easier to export a theme, accepts a direct {@link BlockConfigExport} object.\n */\nexport const defineBlock = (config: BlockConfigExport): BlockConfigExport => config;\n\n/**\n * Type helper to make it easier to export block's settings structure, accepts a direct {@link BlockSettingsStructureExport} object\n * or a function return a direct {@link BlockSettingsStructureExport} or a function returning a Promise of {@link BlockSettingsStructureExport}.\n */\nexport const defineSettings = <\n    T extends\n        | BlockSettingsStructureExport\n        | (() => Promise<BlockSettingsStructureExport>)\n        | (() => BlockSettingsStructureExport),\n>(\n    settingsStructure: T,\n): T => settingsStructure;\n\nexport * from './components';\nexport * from './helpers';\nexport * from './hooks';\nexport * from './settings';\nexport * from './utilities';\n"],"names":["Sections","defineBlock","config","defineSettings","settingsStructure"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DY,IAAAA,sBAAAA,OACRA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,WAAW,YACXA,EAAA,UAAU,WANFA,IAAAA,KAAA,CAAA,CAAA;AAyDC,MAAAC,IAAc,CAACC,MAAiDA,GAMhEC,IAAiB,CAM1BC,MACIA;"}
+{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport './styles.css';\n\nimport type { FC } from 'react';\nimport type { AppBridgeBlock } from '@frontify/app-bridge';\nimport type {\n    AssetInputBlock as AssetInputBlockSidebarSettings,\n    BaseBlock as BaseBlockSidebarSettings,\n    Bundle as BundleSidebarSettings,\n    ChecklistBlock as ChecklistBlockSidebarSettings,\n    ChoicesType as ChoicesTypeSidebarSettings,\n    ColorInputBlock as ColorInputBlockSidebarSettings,\n    DropdownBlock as DropdownBlockSidebarSettings,\n    DynamicSettingBlock as DynamicSettingBlockSidebarSettings,\n    DynamicSupportedBlock as DynamicSupportedBlockSidebarSettings,\n    FontInputBlock as FontInputBlockSidebarSettings,\n    InputBlock as InputBlockSidebarSettings,\n    LegacyAssetInputBlock as LegacyAssetInputBlockSidebarSettings,\n    LinkBlock as LinkBlockSidebarSettings,\n    LinkChooserBlock as LinkChooserBlockSidebarSettings,\n    MultiInputBlock as MultiInputBlockSidebarSettings,\n    NotificationBlock as NotificationBlockSidebarSettings,\n    SectionHeadingBlock as SectionHeadingBlockSidebarSettings,\n    SegmentedControlsBlock as SegmentedControlsBlockSidebarSettings,\n    SettingBlock as SettingBlockSidebarSettings,\n    SimpleSettingBlock as SimpleSettingBlockSidebarSettings,\n    SwitchBlock as SwitchBlockSidebarSettings,\n    TemplateInputBlock as TemplateInputBlockSidebarSettings,\n    TextareaBlock as TextareaBlockSidebarSettings,\n    ValueOrPromisedValue as ValueOrPromisedValueSidebarSettings,\n} from '@frontify/sidebar-settings';\n\nexport * from '@frontify/sidebar-settings';\n\nexport type AssetInputBlock = AssetInputBlockSidebarSettings<AppBridgeBlock>;\nexport type BaseBlock<T = undefined> = BaseBlockSidebarSettings<AppBridgeBlock, T>;\nexport type Bundle = BundleSidebarSettings<AppBridgeBlock>;\nexport type ChecklistBlock = ChecklistBlockSidebarSettings<AppBridgeBlock>;\nexport type ChoicesType = ChoicesTypeSidebarSettings<AppBridgeBlock>;\nexport type ColorInputBlock = ColorInputBlockSidebarSettings<AppBridgeBlock>;\nexport type DropdownBlock = DropdownBlockSidebarSettings<AppBridgeBlock>;\nexport type DynamicSettingBlock<Block extends DynamicSupportedBlock = DynamicSupportedBlock> =\n    DynamicSettingBlockSidebarSettings<AppBridgeBlock, Block>;\nexport type DynamicSupportedBlock = DynamicSupportedBlockSidebarSettings<AppBridgeBlock>;\nexport type FontInputBlock = FontInputBlockSidebarSettings<AppBridgeBlock>;\nexport type InputBlock = InputBlockSidebarSettings<AppBridgeBlock>;\nexport type LegacyAssetInputBlock = LegacyAssetInputBlockSidebarSettings<AppBridgeBlock>;\nexport type LinkBlock = LinkBlockSidebarSettings<AppBridgeBlock>;\nexport type LinkChooserBlock = LinkChooserBlockSidebarSettings<AppBridgeBlock>;\nexport type MultiInputBlock = MultiInputBlockSidebarSettings<AppBridgeBlock>;\nexport type NotificationBlock = NotificationBlockSidebarSettings<AppBridgeBlock>;\nexport type SectionHeadingBlock = SectionHeadingBlockSidebarSettings<AppBridgeBlock>;\nexport type SegmentedControlsBlock = SegmentedControlsBlockSidebarSettings<AppBridgeBlock>;\nexport type SettingBlock = SettingBlockSidebarSettings<AppBridgeBlock>;\nexport type SimpleSettingBlock = SimpleSettingBlockSidebarSettings<AppBridgeBlock>;\nexport type SwitchBlock = SwitchBlockSidebarSettings<AppBridgeBlock>;\nexport type TemplateInputBlock = TemplateInputBlockSidebarSettings<AppBridgeBlock>;\nexport type TextareaBlock = TextareaBlockSidebarSettings<AppBridgeBlock>;\nexport type ValueOrPromisedValue<T> = ValueOrPromisedValueSidebarSettings<AppBridgeBlock, T>;\n\nexport enum Sections {\n    Main = 'main',\n    Basics = 'basics',\n    Layout = 'layout',\n    Style = 'style',\n    Security = 'security',\n    Targets = 'targets',\n}\n\nexport type BlockSettingsStructureExport = {\n    [Sections.Main]?: SettingBlock[];\n    [Sections.Basics]?: SettingBlock[];\n    [Sections.Layout]?: SettingBlock[];\n    [Sections.Style]?: SettingBlock[];\n    [Sections.Security]?: SettingBlock[];\n} & { [customSectionName: string]: SettingBlock[] };\n\nexport type BlockProps = {\n    /**\n     * The Frontify App Bridge provides an interface to the Frontify app internals.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/content-blocks/introducing-the-app-bridge}\n     */\n    appBridge: AppBridgeBlock;\n};\n\nexport type BlockConfigExport = {\n    /**\n     * Block component to render.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/content-blocks}\n     */\n    block: FC<BlockProps>;\n    /**\n     * Contains the block settings and its structure.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/block-settings-1}\n     */\n    settings: ReturnType<typeof defineSettings>;\n    /**\n     * Block lifecycle hook ran before the block gets added in the Guideline.\n     * The hook support both synchronous or asynchronous execution.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/block-lifecycle/on-block-creation}\n     */\n    onBlockCreated?:\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => void)\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => Promise<void>);\n    /**\n     * Block lifecycle hook ran before the block gets deleted from the Guideline.\n     * The hook support both synchronous or asynchronous execution.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/block-lifecycle/on-block-deletion}\n     */\n    onBlockDeleted?:\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => void)\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => Promise<void>);\n};\n\n/**\n * Type helper to make it easier to export a theme, accepts a direct {@link BlockConfigExport} object.\n */\nexport const defineBlock = (config: BlockConfigExport): BlockConfigExport => config;\n\n/**\n * Type helper to make it easier to export block's settings structure, accepts a direct {@link BlockSettingsStructureExport} object\n * or a function return a direct {@link BlockSettingsStructureExport} or a function returning a Promise of {@link BlockSettingsStructureExport}.\n */\nexport const defineSettings = <\n    T extends\n        | BlockSettingsStructureExport\n        | (() => Promise<BlockSettingsStructureExport>)\n        | (() => BlockSettingsStructureExport),\n>(\n    settingsStructure: T,\n): T => settingsStructure;\n\nexport * from './components';\nexport * from './helpers';\nexport * from './hooks';\nexport * from './settings';\nexport * from './utilities';\n"],"names":["Sections","defineBlock","config","defineSettings","settingsStructure"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DY,IAAAA,sBAAAA,OACRA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,WAAW,YACXA,EAAA,UAAU,WANFA,IAAAA,KAAA,CAAA,CAAA;AAyDC,MAAAC,IAAc,CAACC,MAAiDA,GAMhEC,IAAiB,CAM1BC,MACIA;"}