@frontify/guideline-blocks-settings 0.32.2 → 0.33.1

package/dist/index.d.ts

@@ -16,6 +16,7 @@ import { Color as Color_2 } from '@frontify/sidebar-settings';
 import type { ColorInputBlock as ColorInputBlock_2 } from '@frontify/sidebar-settings';
 import { ColorPalette } from '@frontify/app-bridge';
 import { CSSProperties } from 'react';
+import { Dispatch } from 'react';
 import type { Document as Document_2 } from '@frontify/app-bridge';
 import type { DocumentPage } from '@frontify/app-bridge';
 import type { DocumentSection } from '@frontify/app-bridge';
@@ -51,6 +52,7 @@ import type { SectionHeadingBlock as SectionHeadingBlock_2 } from '@frontify/sid
 import type { SegmentedControlsBlock as SegmentedControlsBlock_2 } from '@frontify/sidebar-settings';
 import { SensorDescriptor } from '@dnd-kit/core';
 import { SensorOptions } from '@dnd-kit/core';
+import { SetStateAction } from 'react';
 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';
@@ -185,14 +187,13 @@ export declare type BlockInjectButtonProps = {
     verticalLayout?: boolean;
 };
 
-export declare const BlockItemWrapper: ({ children, toolbarFlyoutItems, toolbarItems, shouldHideWrapper, shouldHideComponent, isDragging, shouldFillContainer, outlineOffset, shouldBeShown, showAttachments, }: BlockItemWrapperProps) => ReactElement;
+export declare const BlockItemWrapper: ({ children, toolbarItems, shouldHideWrapper, shouldHideComponent, isDragging, shouldFillContainer, outlineOffset, shouldBeShown, showAttachments, }: BlockItemWrapperProps) => ReactElement;
 
 export declare type BlockItemWrapperProps = {
     children: ReactNode;
     shouldHideWrapper?: boolean;
     shouldHideComponent?: boolean;
     toolbarItems: (ToolbarItem | undefined)[];
-    toolbarFlyoutItems: FlyoutToolbarItem[][];
     isDragging?: boolean;
     shouldFillContainer?: boolean;
     outlineOffset?: number;
@@ -340,7 +341,9 @@ export declare type ButtonPluginProps = Omit<PluginProps, 'styles'> & {
     appBridge: AppBridgeBlock;
 };
 
-export declare type ButtonToolbarItem = ToolbarButtonProps;
+export declare type ButtonToolbarItem = {
+    type: 'button';
+} & ToolbarButtonProps;
 
 export declare type ChecklistBlock = ChecklistBlock_2<AppBridgeBlock>;
 
@@ -419,13 +422,20 @@ declare type DownloadButtonProps = {
 export declare const DragHandleToolbarButton: ({ tooltip, icon, setActivatorNodeRef, draggableProps, }: DragHandleToolbarButtonProps) => JSX_2.Element;
 
 export declare type DragHandleToolbarButtonProps = {
-    icon: JSX_2.Element;
+    icon?: ReactNode;
     tooltip?: string;
     draggableProps: Record<string, unknown>;
     setActivatorNodeRef?: (node: HTMLElement | null) => void;
 };
 
-export declare type DraghandleToolbarItem = DragHandleToolbarButtonProps;
+export declare type DragHandleToolbarItem = {
+    type: 'dragHandle';
+} & DragHandleToolbarButtonProps;
+
+export declare const DragPreviewContextProvider: ({ children, isDragPreview, }: {
+    children: ReactNode;
+    isDragPreview: boolean;
+}) => JSX_2.Element;
 
 export declare type DropdownBlock = DropdownBlock_2<AppBridgeBlock>;
 
@@ -446,7 +456,9 @@ export declare type FlyoutToolbarButtonProps = {
     flyoutHeader?: ReactNode;
 };
 
-export declare type FlyoutToolbarItem = ToolbarFlyoutMenuItem;
+export declare type FlyoutToolbarItem = {
+    type: 'flyout';
+} & FlyoutToolbarButtonProps;
 
 export declare type FontInputBlock = FontInputBlock_2<AppBridgeBlock>;
 
@@ -730,6 +742,10 @@ export declare type MenuToolbarButtonProps = {
     tooltip?: string;
 };
 
+export declare type MenuToolbarItem = {
+    type: 'menu';
+} & MenuToolbarButtonProps;
+
 /**
  * Moves an item from the 'from' position to the 'to' position and updates the array
  *
@@ -740,6 +756,15 @@ export declare type MenuToolbarButtonProps = {
  */
 export declare const moveItemInArray: <T>(array: T[], from: number, to: number) => T[];
 
+export declare const MultiFlyoutContextProvider: ({ children, openFlyoutIds, setOpenFlyoutIds, }: {
+    children: ReactNode;
+} & MultiFlyoutContextType) => JSX_2.Element;
+
+export declare type MultiFlyoutContextType = {
+    openFlyoutIds: string[];
+    setOpenFlyoutIds: Dispatch<SetStateAction<string[]>>;
+};
+
 export declare type MultiInputBlock = MultiInputBlock_2<AppBridgeBlock>;
 
 export declare type NotificationBlock = NotificationBlock_2<AppBridgeBlock>;
@@ -967,7 +992,7 @@ export declare const toHex8String: (color: Color) => string;
  */
 export declare const toHexString: (color: Color) => string;
 
-export declare const Toolbar: ({ items, flyoutMenu, attachments }: ToolbarProps) => JSX_2.Element;
+export declare const Toolbar: ({ items, attachments }: ToolbarProps) => JSX_2.Element;
 
 declare type ToolbarButtonProps = {
     icon: JSX_2.Element;
@@ -975,20 +1000,24 @@ declare type ToolbarButtonProps = {
     onClick: () => void;
 };
 
-declare type ToolbarFlyoutMenuItem = {
+export declare const ToolbarFlyoutMenu: ({ items, flyoutId }: ToolbarFlyoutMenuProps) => JSX_2.Element;
+
+export declare type ToolbarFlyoutMenuItem = {
     title: string;
     onClick: () => void;
     icon: JSX_2.Element;
     style?: MenuItemStyle;
 };
 
-export declare type ToolbarItem = DraghandleToolbarItem | ButtonToolbarItem;
+export declare type ToolbarFlyoutMenuProps = {
+    items: ToolbarFlyoutMenuItem[][];
+    flyoutId: string;
+};
+
+export declare type ToolbarItem = DragHandleToolbarItem | ButtonToolbarItem | FlyoutToolbarItem | MenuToolbarItem;
 
 export declare type ToolbarProps = {
     items: ToolbarItem[];
-    flyoutMenu: {
-        items: ToolbarFlyoutMenuItem[][];
-    };
     attachments: {
         isEnabled: boolean;
     };
@@ -1113,6 +1142,15 @@ export declare const useAttachmentsContext: () => {
 
 export declare const useDndSensors: (columnGap?: number, rowGap?: number) => SensorDescriptor<SensorOptions>[];
 
+export declare const useDragPreviewContext: () => boolean;
+
+export declare const useMultiFlyoutContext: () => MultiFlyoutContextType;
+
+export declare const useMultiFlyoutState: (flyoutId: string) => {
+    isOpen: boolean;
+    onOpenChange: (isFlyoutOpen: boolean) => void;
+};
+
 export declare type ValueOrPromisedValue<T> = ValueOrPromisedValue_2<AppBridgeBlock, T>;
 
 /**

package/dist/index.es.js

@@ -1,207 +1,217 @@
 import "./styles.css.es.js";
 export * from "@frontify/sidebar-settings";
 import { BlockInjectButton as m } from "./components/BlockInjectButton/BlockInjectButton.es.js";
-import { BlockItemWrapper as l } from "./components/BlockItemWrapper/BlockItemWrapper.es.js";
-import { Toolbar as u } from "./components/BlockItemWrapper/Toolbar/Toolbar.es.js";
-import { AttachmentsToolbarButton as s, DEFAULT_ATTACHMENTS_BUTTON_ID as d } from "./components/BlockItemWrapper/Toolbar/AttachmentsToolbarButton/AttachmentsToolbarButton.es.js";
-import { DragHandleToolbarButton as B } from "./components/BlockItemWrapper/Toolbar/DragHandleToolbarButton/DragHandleToolbarButton.es.js";
-import { FlyoutToolbarButton as T } from "./components/BlockItemWrapper/Toolbar/FlyoutToolbarButton/FlyoutToolbarButton.es.js";
-import { DEFAULT_MENU_BUTTON_ID as y, MenuToolbarButton as A } from "./components/BlockItemWrapper/Toolbar/MenuToolbarButton/MenuToolbarButton.es.js";
-import { DEFAULT_DRAGGING_TOOLTIP as h, DEFAULT_DRAG_TOOLTIP as L } from "./components/BlockItemWrapper/constants.es.js";
-import { Attachments as I } from "./components/Attachments/Attachments.es.js";
-import { DownloadButton as C } from "./components/DownloadButton/DownloadButton.es.js";
-import { RichTextEditor as U } from "./components/RichTextEditor/RichTextEditor.es.js";
-import { LinkPlugin as F, createLinkPlugin as D } from "./components/RichTextEditor/plugins/LinkPlugin/index.es.js";
-import { BUTTON_PLUGIN as N, ButtonPlugin as G, ELEMENT_BUTTON as H, createButtonPlugin as O } from "./components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.es.js";
-import { withButton as v } from "./components/RichTextEditor/plugins/ButtonPlugin/withButton.es.js";
-import { insertButton as W } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/insertButton.es.js";
-import { submitFloatingButton as Q } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/submitFloatingButton.es.js";
-import { unwrapButton as q } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/unwrapButton.es.js";
-import { upsertButton as J } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButton.es.js";
-import { upsertButtonText as Y } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButtonText.es.js";
-import { wrapButton as $ } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/wrapButton.es.js";
-import { getUrlFromEditor as rt } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/getUrl.es.js";
-import { createButtonNode as et } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/createButtonNode.es.js";
-import { triggerFloatingButton as at } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButton.es.js";
-import { triggerFloatingButtonEdit as it } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.es.js";
-import { triggerFloatingButtonInsert as gt } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.es.js";
-import { BlockButtonStyles as xt } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/styles.es.js";
-import { Custom1Plugin as ft } from "./components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.es.js";
-import { Custom2Plugin as dt } from "./components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.es.js";
-import { Custom3Plugin as Bt } from "./components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.es.js";
-import { Heading1Plugin as Tt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js";
-import { Heading2Plugin as yt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.es.js";
-import { Heading3Plugin as Et } from "./components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.es.js";
-import { Heading4Plugin as Lt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.es.js";
-import { ImageCaptionPlugin as It } from "./components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.es.js";
-import { ImageTitlePlugin as Ct } from "./components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.es.js";
-import { PARAGRAPH_CLASSES as Ut, ParagraphMarkupElement as bt, ParagraphMarkupElementNode as Ft, ParagraphPlugin as Dt, createParagraphPlugin as _t } from "./components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.es.js";
-import { QuoteMarkupElementNode as Gt, QuotePlugin as Ht, createQuotePlugin as Ot } from "./components/RichTextEditor/plugins/TextStylePlugins/quotePlugin.es.js";
-import { AllTextStylePlugins as vt, AllTextStyles as Vt, TextStylePluginsWithoutImage as Wt, TextStylesWithoutImage as jt } from "./components/RichTextEditor/plugins/TextStylePlugins/helpers.es.js";
-import { BlockStyles as Xt, TextStyles as qt } from "./components/RichTextEditor/plugins/styles.es.js";
-import { getDefaultPluginsWithLinkChooser as Jt } from "./components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.es.js";
-import { THEME_PREFIX as Yt } from "./components/RichTextEditor/constants.es.js";
-import { LinkSelector as $t } from "./components/Link/LinkSelector/LinkSelector.es.js";
-import { LinkInput as rr } from "./components/Link/LinkInput.es.js";
-import { getLegacyUrl as er, getLinkFromEditor as nr, getUrl as ar, getUrlFromLinkOrLegacyLink as pr } from "./components/Link/utils/getUrl.es.js";
-import { relativeUrlRegex as mr } from "./components/Link/utils/relativeUrlRegex.es.js";
-import { isValidUrl as lr, isValidUrlOrEmpty as xr } from "./components/Link/utils/url.es.js";
-import { convertToRteValue as fr } from "./helpers/convertToRichTextValue.es.js";
-import { customCoordinatesGetterFactory as dr } from "./helpers/customCoordinatesGetterFactory.es.js";
-import { hasRichTextValue as Br } from "./helpers/hasRichTextValue.es.js";
-import { isDownloadable as Tr } from "./helpers/isDownloadable.es.js";
-import { mapAppBridgeColorPaletteToFonduePalette as yr, mapAppBridgeColorPalettesToFonduePalettes as Ar } from "./helpers/mapColorPalettes.es.js";
-import { addHttps as hr } from "./helpers/addHttps.es.js";
-import { AttachmentsProvider as kr, useAttachments as Ir, useAttachmentsContext as Mr, withAttachmentsProvider as Cr } from "./hooks/useAttachments.es.js";
-import { useDndSensors as Ur } from "./hooks/useDndSensors.es.js";
-import { getBackgroundSettings as Fr } from "./settings/background.es.js";
-import { getBorderSettings as _r } from "./settings/border.es.js";
-import { getBorderRadiusSettings as Gr, getBorderRadiusSlider as Hr } from "./settings/borderRadius.es.js";
-import { getExtendedBorderRadiusSettings as wr } from "./settings/borderRadiusExtended.es.js";
-import { getGutterSettings as Vr } from "./settings/gutter.es.js";
-import { getMarginSettings as jr, getMarginSlider as Qr } from "./settings/margin.es.js";
-import { getMarginExtendedSettings as qr } from "./settings/marginExtended.es.js";
-import { getPaddingSettings as Jr, getPaddingSlider as Kr } from "./settings/padding.es.js";
-import { getPaddingExtendedSettings as Zr } from "./settings/paddingExtended.es.js";
-import { BorderStyle as to, GutterSpacing as ro, Margin as oo, Padding as eo, Radius as no, Security as ao, borderStyleMap as po, gutterSpacingStyleMap as io, marginStyleMap as mo, paddingStyleMap as go, radiusStyleMap as lo } from "./settings/types.es.js";
-import { getSecurityDownloadableSetting as uo, getSecurityGlobalControlId as fo } from "./settings/securityDownloadable.es.js";
-import { getSecurityGlobalControlSetting as So } from "./settings/securityGlobalControl.es.js";
-import { isDark as Po } from "./utilities/color/isDark.es.js";
-import { toHex8String as co } from "./utilities/color/toHex8String.es.js";
-import { toHexString as Ao } from "./utilities/color/toHexString.es.js";
-import { toRgbaString as ho } from "./utilities/color/toRgbaString.es.js";
-import { setAlpha as ko } from "./utilities/color/setAlpha.es.js";
-import { toColorObject as Mo } from "./utilities/color/toColorObject.es.js";
-import { getReadableColor as Ro } from "./utilities/color/getReadableColor.es.js";
-import { toShortRgba as bo } from "./utilities/color/toShortRgba.es.js";
-import { moveItemInArray as Do } from "./utilities/moveItemInArray.es.js";
-import { getBackgroundColorStyles as No } from "./utilities/react/getBackgroundColorStyles.es.js";
-import { getBorderStyles as Ho } from "./utilities/react/getBorderStyles.es.js";
-import { getRadiusStyles as wo } from "./utilities/react/getRadiusStyles.es.js";
-import { joinClassNames as Vo } from "./utilities/react/joinClassNames.es.js";
+import { BlockItemWrapper as g } from "./components/BlockItemWrapper/BlockItemWrapper.es.js";
+import { DragPreviewContextProvider as u, useDragPreviewContext as f } from "./components/BlockItemWrapper/Toolbar/context/DragPreviewContext.es.js";
+import { MultiFlyoutContextProvider as d, useMultiFlyoutContext as S } from "./components/BlockItemWrapper/Toolbar/context/MultiFlyoutContext.es.js";
+import { useMultiFlyoutState as B } from "./components/BlockItemWrapper/Toolbar/hooks/useMultiFlyoutState.es.js";
+import { Toolbar as y } from "./components/BlockItemWrapper/Toolbar/Toolbar.es.js";
+import { AttachmentsToolbarButton as A, DEFAULT_ATTACHMENTS_BUTTON_ID as E } from "./components/BlockItemWrapper/Toolbar/AttachmentsToolbarButton/AttachmentsToolbarButton.es.js";
+import { DragHandleToolbarButton as h } from "./components/BlockItemWrapper/Toolbar/DragHandleToolbarButton/DragHandleToolbarButton.es.js";
+import { FlyoutToolbarButton as F } from "./components/BlockItemWrapper/Toolbar/FlyoutToolbarButton/FlyoutToolbarButton.es.js";
+import { DEFAULT_MENU_BUTTON_ID as k, MenuToolbarButton as I } from "./components/BlockItemWrapper/Toolbar/MenuToolbarButton/MenuToolbarButton.es.js";
+import { ToolbarFlyoutMenu as D } from "./components/BlockItemWrapper/Toolbar/MenuToolbarButton/ToolbarFlyoutMenu.es.js";
+import { DEFAULT_DRAGGING_TOOLTIP as U, DEFAULT_DRAG_TOOLTIP as _ } from "./components/BlockItemWrapper/constants.es.js";
+import { Attachments as G } from "./components/Attachments/Attachments.es.js";
+import { DownloadButton as O } from "./components/DownloadButton/DownloadButton.es.js";
+import { RichTextEditor as w } from "./components/RichTextEditor/RichTextEditor.es.js";
+import { LinkPlugin as W, createLinkPlugin as j } from "./components/RichTextEditor/plugins/LinkPlugin/index.es.js";
+import { BUTTON_PLUGIN as X, ButtonPlugin as q, ELEMENT_BUTTON as z, createButtonPlugin as J } from "./components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.es.js";
+import { withButton as Y } from "./components/RichTextEditor/plugins/ButtonPlugin/withButton.es.js";
+import { insertButton as $ } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/insertButton.es.js";
+import { submitFloatingButton as rt } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/submitFloatingButton.es.js";
+import { unwrapButton as et } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/unwrapButton.es.js";
+import { upsertButton as at } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButton.es.js";
+import { upsertButtonText as pt } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButtonText.es.js";
+import { wrapButton as lt } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/wrapButton.es.js";
+import { getUrlFromEditor as xt } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/getUrl.es.js";
+import { createButtonNode as ft } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/createButtonNode.es.js";
+import { triggerFloatingButton as dt } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButton.es.js";
+import { triggerFloatingButtonEdit as Pt } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.es.js";
+import { triggerFloatingButtonInsert as Tt } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.es.js";
+import { BlockButtonStyles as ct } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/styles.es.js";
+import { Custom1Plugin as Et } from "./components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.es.js";
+import { Custom2Plugin as ht } from "./components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.es.js";
+import { Custom3Plugin as Ft } from "./components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.es.js";
+import { Heading1Plugin as kt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js";
+import { Heading2Plugin as bt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.es.js";
+import { Heading3Plugin as Rt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.es.js";
+import { Heading4Plugin as _t } from "./components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.es.js";
+import { ImageCaptionPlugin as Gt } from "./components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.es.js";
+import { ImageTitlePlugin as Ot } from "./components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.es.js";
+import { PARAGRAPH_CLASSES as wt, ParagraphMarkupElement as Vt, ParagraphMarkupElementNode as Wt, ParagraphPlugin as jt, createParagraphPlugin as Qt } from "./components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.es.js";
+import { QuoteMarkupElementNode as qt, QuotePlugin as zt, createQuotePlugin as Jt } from "./components/RichTextEditor/plugins/TextStylePlugins/quotePlugin.es.js";
+import { AllTextStylePlugins as Yt, AllTextStyles as Zt, TextStylePluginsWithoutImage as $t, TextStylesWithoutImage as tr } from "./components/RichTextEditor/plugins/TextStylePlugins/helpers.es.js";
+import { BlockStyles as or, TextStyles as er } from "./components/RichTextEditor/plugins/styles.es.js";
+import { getDefaultPluginsWithLinkChooser as ar } from "./components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.es.js";
+import { THEME_PREFIX as pr } from "./components/RichTextEditor/constants.es.js";
+import { LinkSelector as lr } from "./components/Link/LinkSelector/LinkSelector.es.js";
+import { LinkInput as xr } from "./components/Link/LinkInput.es.js";
+import { getLegacyUrl as fr, getLinkFromEditor as sr, getUrl as dr, getUrlFromLinkOrLegacyLink as Sr } from "./components/Link/utils/getUrl.es.js";
+import { relativeUrlRegex as Br } from "./components/Link/utils/relativeUrlRegex.es.js";
+import { isValidUrl as yr, isValidUrlOrEmpty as cr } from "./components/Link/utils/url.es.js";
+import { convertToRteValue as Er } from "./helpers/convertToRichTextValue.es.js";
+import { customCoordinatesGetterFactory as hr } from "./helpers/customCoordinatesGetterFactory.es.js";
+import { hasRichTextValue as Fr } from "./helpers/hasRichTextValue.es.js";
+import { isDownloadable as kr } from "./helpers/isDownloadable.es.js";
+import { mapAppBridgeColorPaletteToFonduePalette as br, mapAppBridgeColorPalettesToFonduePalettes as Dr } from "./helpers/mapColorPalettes.es.js";
+import { addHttps as Ur } from "./helpers/addHttps.es.js";
+import { AttachmentsProvider as Nr, useAttachments as Gr, useAttachmentsContext as Hr, withAttachmentsProvider as Or } from "./hooks/useAttachments.es.js";
+import { useDndSensors as wr } from "./hooks/useDndSensors.es.js";
+import { getBackgroundSettings as Wr } from "./settings/background.es.js";
+import { getBorderSettings as Qr } from "./settings/border.es.js";
+import { getBorderRadiusSettings as qr, getBorderRadiusSlider as zr } from "./settings/borderRadius.es.js";
+import { getExtendedBorderRadiusSettings as Kr } from "./settings/borderRadiusExtended.es.js";
+import { getGutterSettings as Zr } from "./settings/gutter.es.js";
+import { getMarginSettings as to, getMarginSlider as ro } from "./settings/margin.es.js";
+import { getMarginExtendedSettings as eo } from "./settings/marginExtended.es.js";
+import { getPaddingSettings as ao, getPaddingSlider as io } from "./settings/padding.es.js";
+import { getPaddingExtendedSettings as mo } from "./settings/paddingExtended.es.js";
+import { BorderStyle as go, GutterSpacing as xo, Margin as uo, Padding as fo, Radius as so, Security as So, borderStyleMap as Po, gutterSpacingStyleMap as Bo, marginStyleMap as To, paddingStyleMap as yo, radiusStyleMap as co } from "./settings/types.es.js";
+import { getSecurityDownloadableSetting as Eo, getSecurityGlobalControlId as Mo } from "./settings/securityDownloadable.es.js";
+import { getSecurityGlobalControlSetting as Co } from "./settings/securityGlobalControl.es.js";
+import { isDark as Lo } from "./utilities/color/isDark.es.js";
+import { toHex8String as Io } from "./utilities/color/toHex8String.es.js";
+import { toHexString as Do } from "./utilities/color/toHexString.es.js";
+import { toRgbaString as Uo } from "./utilities/color/toRgbaString.es.js";
+import { setAlpha as No } from "./utilities/color/setAlpha.es.js";
+import { toColorObject as Ho } from "./utilities/color/toColorObject.es.js";
+import { getReadableColor as vo } from "./utilities/color/getReadableColor.es.js";
+import { toShortRgba as Vo } from "./utilities/color/toShortRgba.es.js";
+import { moveItemInArray as jo } from "./utilities/moveItemInArray.es.js";
+import { getBackgroundColorStyles as Xo } from "./utilities/react/getBackgroundColorStyles.es.js";
+import { getBorderStyles as zo } from "./utilities/react/getBorderStyles.es.js";
+import { getRadiusStyles as Ko } from "./utilities/react/getRadiusStyles.es.js";
+import { joinClassNames as Zo } 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 e = (t) => t, n = (t) => t;
 export {
-  vt as AllTextStylePlugins,
-  Vt as AllTextStyles,
-  I as Attachments,
-  kr as AttachmentsProvider,
-  s as AttachmentsToolbarButton,
-  N as BUTTON_PLUGIN,
-  xt as BlockButtonStyles,
+  Yt as AllTextStylePlugins,
+  Zt as AllTextStyles,
+  G as Attachments,
+  Nr as AttachmentsProvider,
+  A as AttachmentsToolbarButton,
+  X as BUTTON_PLUGIN,
+  ct as BlockButtonStyles,
   m as BlockInjectButton,
-  l as BlockItemWrapper,
-  Xt as BlockStyles,
-  to as BorderStyle,
-  G as ButtonPlugin,
-  ft as Custom1Plugin,
-  dt as Custom2Plugin,
-  Bt as Custom3Plugin,
-  d as DEFAULT_ATTACHMENTS_BUTTON_ID,
-  h as DEFAULT_DRAGGING_TOOLTIP,
-  L as DEFAULT_DRAG_TOOLTIP,
-  y as DEFAULT_MENU_BUTTON_ID,
-  C as DownloadButton,
-  B as DragHandleToolbarButton,
-  H as ELEMENT_BUTTON,
-  T as FlyoutToolbarButton,
-  ro as GutterSpacing,
-  Tt as Heading1Plugin,
-  yt as Heading2Plugin,
-  Et as Heading3Plugin,
-  Lt as Heading4Plugin,
-  It as ImageCaptionPlugin,
-  Ct as ImageTitlePlugin,
-  rr as LinkInput,
-  F as LinkPlugin,
-  $t as LinkSelector,
-  oo as Margin,
-  A as MenuToolbarButton,
-  Ut as PARAGRAPH_CLASSES,
-  eo as Padding,
-  bt as ParagraphMarkupElement,
-  Ft as ParagraphMarkupElementNode,
-  Dt as ParagraphPlugin,
-  Gt as QuoteMarkupElementNode,
-  Ht as QuotePlugin,
-  no as Radius,
-  U as RichTextEditor,
+  g as BlockItemWrapper,
+  or as BlockStyles,
+  go as BorderStyle,
+  q as ButtonPlugin,
+  Et as Custom1Plugin,
+  ht as Custom2Plugin,
+  Ft as Custom3Plugin,
+  E as DEFAULT_ATTACHMENTS_BUTTON_ID,
+  U as DEFAULT_DRAGGING_TOOLTIP,
+  _ as DEFAULT_DRAG_TOOLTIP,
+  k as DEFAULT_MENU_BUTTON_ID,
+  O as DownloadButton,
+  h as DragHandleToolbarButton,
+  u as DragPreviewContextProvider,
+  z as ELEMENT_BUTTON,
+  F as FlyoutToolbarButton,
+  xo as GutterSpacing,
+  kt as Heading1Plugin,
+  bt as Heading2Plugin,
+  Rt as Heading3Plugin,
+  _t as Heading4Plugin,
+  Gt as ImageCaptionPlugin,
+  Ot as ImageTitlePlugin,
+  xr as LinkInput,
+  W as LinkPlugin,
+  lr as LinkSelector,
+  uo as Margin,
+  I as MenuToolbarButton,
+  d as MultiFlyoutContextProvider,
+  wt as PARAGRAPH_CLASSES,
+  fo as Padding,
+  Vt as ParagraphMarkupElement,
+  Wt as ParagraphMarkupElementNode,
+  jt as ParagraphPlugin,
+  qt as QuoteMarkupElementNode,
+  zt as QuotePlugin,
+  so as Radius,
+  w as RichTextEditor,
   r as Sections,
-  ao as Security,
-  Yt as THEME_PREFIX,
-  Wt as TextStylePluginsWithoutImage,
-  qt as TextStyles,
-  jt as TextStylesWithoutImage,
-  u as Toolbar,
-  hr as addHttps,
-  po as borderStyleMap,
-  fr as convertToRteValue,
-  et as createButtonNode,
-  O as createButtonPlugin,
-  D as createLinkPlugin,
-  _t as createParagraphPlugin,
-  Ot as createQuotePlugin,
-  dr as customCoordinatesGetterFactory,
+  So as Security,
+  pr as THEME_PREFIX,
+  $t as TextStylePluginsWithoutImage,
+  er as TextStyles,
+  tr as TextStylesWithoutImage,
+  y as Toolbar,
+  D as ToolbarFlyoutMenu,
+  Ur as addHttps,
+  Po as borderStyleMap,
+  Er as convertToRteValue,
+  ft as createButtonNode,
+  J as createButtonPlugin,
+  j as createLinkPlugin,
+  Qt as createParagraphPlugin,
+  Jt as createQuotePlugin,
+  hr as customCoordinatesGetterFactory,
   e as defineBlock,
   n as defineSettings,
-  No as getBackgroundColorStyles,
-  Fr as getBackgroundSettings,
-  Gr as getBorderRadiusSettings,
-  Hr as getBorderRadiusSlider,
-  _r as getBorderSettings,
-  Ho as getBorderStyles,
-  Jt as getDefaultPluginsWithLinkChooser,
-  wr as getExtendedBorderRadiusSettings,
-  Vr as getGutterSettings,
-  er as getLegacyUrl,
-  nr as getLinkFromEditor,
-  qr as getMarginExtendedSettings,
-  jr as getMarginSettings,
-  Qr as getMarginSlider,
-  Zr as getPaddingExtendedSettings,
-  Jr as getPaddingSettings,
-  Kr as getPaddingSlider,
-  wo as getRadiusStyles,
-  Ro as getReadableColor,
-  uo as getSecurityDownloadableSetting,
-  fo as getSecurityGlobalControlId,
-  So as getSecurityGlobalControlSetting,
-  ar as getUrl,
-  rt as getUrlFromEditor,
-  pr as getUrlFromLinkOrLegacyLink,
-  io as gutterSpacingStyleMap,
-  Br as hasRichTextValue,
-  W as insertButton,
-  Po as isDark,
-  Tr as isDownloadable,
-  lr as isValidUrl,
-  xr as isValidUrlOrEmpty,
-  Vo as joinClassNames,
-  yr as mapAppBridgeColorPaletteToFonduePalette,
-  Ar as mapAppBridgeColorPalettesToFonduePalettes,
-  mo as marginStyleMap,
-  Do as moveItemInArray,
-  go as paddingStyleMap,
-  lo as radiusStyleMap,
-  mr as relativeUrlRegex,
-  ko as setAlpha,
-  Q as submitFloatingButton,
-  Mo as toColorObject,
-  co as toHex8String,
-  Ao as toHexString,
-  ho as toRgbaString,
-  bo as toShortRgba,
-  at as triggerFloatingButton,
-  it as triggerFloatingButtonEdit,
-  gt as triggerFloatingButtonInsert,
-  q as unwrapButton,
-  J as upsertButton,
-  Y as upsertButtonText,
-  Ir as useAttachments,
-  Mr as useAttachmentsContext,
-  Ur as useDndSensors,
-  Cr as withAttachmentsProvider,
-  v as withButton,
-  $ as wrapButton
+  Xo as getBackgroundColorStyles,
+  Wr as getBackgroundSettings,
+  qr as getBorderRadiusSettings,
+  zr as getBorderRadiusSlider,
+  Qr as getBorderSettings,
+  zo as getBorderStyles,
+  ar as getDefaultPluginsWithLinkChooser,
+  Kr as getExtendedBorderRadiusSettings,
+  Zr as getGutterSettings,
+  fr as getLegacyUrl,
+  sr as getLinkFromEditor,
+  eo as getMarginExtendedSettings,
+  to as getMarginSettings,
+  ro as getMarginSlider,
+  mo as getPaddingExtendedSettings,
+  ao as getPaddingSettings,
+  io as getPaddingSlider,
+  Ko as getRadiusStyles,
+  vo as getReadableColor,
+  Eo as getSecurityDownloadableSetting,
+  Mo as getSecurityGlobalControlId,
+  Co as getSecurityGlobalControlSetting,
+  dr as getUrl,
+  xt as getUrlFromEditor,
+  Sr as getUrlFromLinkOrLegacyLink,
+  Bo as gutterSpacingStyleMap,
+  Fr as hasRichTextValue,
+  $ as insertButton,
+  Lo as isDark,
+  kr as isDownloadable,
+  yr as isValidUrl,
+  cr as isValidUrlOrEmpty,
+  Zo as joinClassNames,
+  br as mapAppBridgeColorPaletteToFonduePalette,
+  Dr as mapAppBridgeColorPalettesToFonduePalettes,
+  To as marginStyleMap,
+  jo as moveItemInArray,
+  yo as paddingStyleMap,
+  co as radiusStyleMap,
+  Br as relativeUrlRegex,
+  No as setAlpha,
+  rt as submitFloatingButton,
+  Ho as toColorObject,
+  Io as toHex8String,
+  Do as toHexString,
+  Uo as toRgbaString,
+  Vo as toShortRgba,
+  dt as triggerFloatingButton,
+  Pt as triggerFloatingButtonEdit,
+  Tt as triggerFloatingButtonInsert,
+  et as unwrapButton,
+  at as upsertButton,
+  pt as upsertButtonText,
+  Gr as useAttachments,
+  Hr as useAttachmentsContext,
+  wr as useDndSensors,
+  f as useDragPreviewContext,
+  S as useMultiFlyoutContext,
+  B as useMultiFlyoutState,
+  Or as withAttachmentsProvider,
+  Y as withButton,
+  lt 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;"}