@frontify/guideline-blocks-settings 0.35.0 → 0.36.0

package/dist/index.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-
 import { AppBridgeBlock } from '@frontify/app-bridge';
 import { AppBridgeTheme } from '@frontify/app-bridge';
 import { Asset } from '@frontify/app-bridge';
@@ -290,6 +288,17 @@ export declare enum BorderStyle {
 
 export declare const borderStyleMap: Record<BorderStyle, string>;
 
+export declare class BreakAfterPlugin extends Plugin_2 {
+    private columns;
+    private gap;
+    private customClass;
+    constructor(props?: {
+        columns?: number;
+        gap?: string | number;
+    });
+    plugins(): PlatePlugin[];
+}
+
 export declare type Bundle = Bundle_2<AppBridgeBlock>;
 
 export declare const BUTTON_PLUGIN = "button-plugin";
@@ -353,7 +362,7 @@ export declare type ChoicesType = ChoicesType_2<AppBridgeBlock>;
 
 export declare type ColorInputBlock = ColorInputBlock_2<AppBridgeBlock>;
 
-export declare const convertToRteValue: (textStyle?: string, text?: string, align?: 'center' | 'right' | 'left' | 'justify') => string;
+export declare const convertToRteValue: (textStyle?: string, text?: string, align?: "center" | "right" | "left" | "justify") => string;
 
 export declare const createButtonNode: <V extends Value>(editor: PlateEditor<V>, { url, text, buttonStyle, target, children }: CreateButtonNodeOptions) => TButtonElement;
 
@@ -468,6 +477,8 @@ export declare type FlyoutToolbarItem = {
 
 export declare type FontInputBlock = FontInputBlock_2<AppBridgeBlock>;
 
+export declare const GAP_DEFAULT = "normal";
+
 export declare const getBackgroundColorStyles: (backgroundColor: Color) => CSSProperties;
 
 /**
@@ -654,6 +665,8 @@ export declare const isValidUrlOrEmpty: (url: string) => boolean;
  */
 export declare const joinClassNames: (classNames: (string | undefined | boolean)[]) => string;
 
+export declare const KEY_ELEMENT_BREAK_AFTER_COLUMN = "breakAfterColumn";
+
 export declare type LegacyAssetInputBlock = LegacyAssetInputBlock_2<AppBridgeBlock>;
 
 export declare type LinkBlock = LinkBlock_2<AppBridgeBlock>;

package/dist/index.es.js

@@ -1,23 +1,23 @@
-import "./styles.css.es.js";
+/* empty css              */
 export * from "@frontify/sidebar-settings";
 import { BlockInjectButton as m } from "./components/BlockInjectButton/BlockInjectButton.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 { MultiFlyoutContextProvider as d, useMultiFlyoutContext as P } from "./components/BlockItemWrapper/Toolbar/context/MultiFlyoutContext.es.js";
+import { useMultiFlyoutState as T } 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 { AttachmentsToolbarButton as E, DEFAULT_ATTACHMENTS_BUTTON_ID as A } from "./components/BlockItemWrapper/Toolbar/AttachmentsToolbarButton/AttachmentsToolbarButton.es.js";
+import { DragHandleToolbarButton as L } 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 { DEFAULT_MENU_BUTTON_ID as k, MenuToolbarButton as R } from "./components/BlockItemWrapper/Toolbar/MenuToolbarButton/MenuToolbarButton.es.js";
+import { ToolbarFlyoutMenu as _ } from "./components/BlockItemWrapper/Toolbar/MenuToolbarButton/ToolbarFlyoutMenu.es.js";
+import { DEFAULT_DRAGGING_TOOLTIP as I, DEFAULT_DRAG_TOOLTIP as b } 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 { DownloadButton as H } 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 { BUTTON_PLUGIN as K, ButtonPlugin as X, ELEMENT_BUTTON as Y, createButtonPlugin as q } from "./components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.es.js";
+import { withButton as J } 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";
@@ -27,191 +27,195 @@ import { wrapButton as lt } from "./components/RichTextEditor/plugins/ButtonPlug
 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 { triggerFloatingButtonEdit as St } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.es.js";
+import { triggerFloatingButtonInsert as Bt } 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 { BreakAfterPlugin as At, GAP_DEFAULT as Mt, KEY_ELEMENT_BREAK_AFTER_COLUMN as Lt } from "./components/RichTextEditor/plugins/ColumnBreakPlugin/ColumnBreakPlugin.es.js";
+import { Custom1Plugin as Ft } from "./components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.es.js";
+import { Custom2Plugin as kt } from "./components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.es.js";
+import { Custom3Plugin as Ut } from "./components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.es.js";
+import { Heading1Plugin as Dt } 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 { Heading3Plugin as Gt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.es.js";
+import { Heading4Plugin as Ht } from "./components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.es.js";
+import { ImageCaptionPlugin as wt } from "./components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.es.js";
+import { ImageTitlePlugin as Wt } from "./components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.es.js";
+import { PARAGRAPH_CLASSES as Qt, ParagraphMarkupElement as Kt, ParagraphMarkupElementNode as Xt, ParagraphPlugin as Yt, createParagraphPlugin as qt } from "./components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.es.js";
+import { QuoteMarkupElementNode as Jt, QuotePlugin as Zt, createQuotePlugin as $t } from "./components/RichTextEditor/plugins/TextStylePlugins/quotePlugin.es.js";
+import { AllTextStylePlugins as rr, AllTextStyles as or, TextStylePluginsWithoutImage as er, TextStylesWithoutImage as nr } from "./components/RichTextEditor/plugins/TextStylePlugins/helpers.es.js";
+import { BlockStyles as ir, TextStyles as pr } from "./components/RichTextEditor/plugins/styles.es.js";
+import { getDefaultPluginsWithLinkChooser as lr } from "./components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.es.js";
+import { THEME_PREFIX as xr } from "./components/RichTextEditor/constants.es.js";
+import { LinkSelector as fr } from "./components/Link/LinkSelector/LinkSelector.es.js";
+import { LinkInput as dr } from "./components/Link/LinkInput.es.js";
+import { getLegacyUrl as Sr, getLinkFromEditor as Tr, getUrl as Br, getUrlFromLinkOrLegacyLink as yr } from "./components/Link/utils/getUrl.es.js";
+import { relativeUrlRegex as Er } from "./components/Link/utils/relativeUrlRegex.es.js";
+import { isValidUrl as Mr, isValidUrlOrEmpty as Lr } from "./components/Link/utils/url.es.js";
+import { convertToRteValue as Fr } from "./helpers/convertToRichTextValue.es.js";
+import { customCoordinatesGetterFactory as kr } from "./helpers/customCoordinatesGetterFactory.es.js";
+import { hasRichTextValue as Ur } from "./helpers/hasRichTextValue.es.js";
+import { isDownloadable as Dr } from "./helpers/isDownloadable.es.js";
+import { mapAppBridgeColorPaletteToFonduePalette as br, mapAppBridgeColorPalettesToFonduePalettes as Nr } from "./helpers/mapColorPalettes.es.js";
+import { addHttps as Or } from "./helpers/addHttps.es.js";
+import { AttachmentsProvider as vr, useAttachments as wr, useAttachmentsContext as Vr, withAttachmentsProvider as Wr } from "./hooks/useAttachments.es.js";
+import { useDndSensors as Qr } from "./hooks/useDndSensors.es.js";
+import { getBackgroundSettings as Xr } from "./settings/background.es.js";
+import { getBorderSettings as qr } from "./settings/border.es.js";
+import { getBorderRadiusSettings as Jr, getBorderRadiusSlider as Zr } from "./settings/borderRadius.es.js";
+import { getExtendedBorderRadiusSettings as to } from "./settings/borderRadiusExtended.es.js";
+import { getGutterSettings as oo } from "./settings/gutter.es.js";
+import { getMarginSettings as no, getMarginSlider as ao } from "./settings/margin.es.js";
+import { getMarginExtendedSettings as po } from "./settings/marginExtended.es.js";
+import { getPaddingSettings as lo, getPaddingSlider as go } from "./settings/padding.es.js";
+import { getPaddingExtendedSettings as uo } from "./settings/paddingExtended.es.js";
+import { BorderStyle as so, GutterSpacing as Po, Margin as So, Padding as To, Radius as Bo, Security as yo, borderStyleMap as co, gutterSpacingStyleMap as Eo, marginStyleMap as Ao, paddingStyleMap as Mo, radiusStyleMap as Lo } from "./settings/types.es.js";
+import { getSecurityDownloadableSetting as Fo, getSecurityGlobalControlId as ho } from "./settings/securityDownloadable.es.js";
+import { getSecurityGlobalControlSetting as Ro } from "./settings/securityGlobalControl.es.js";
+import { isDark as _o } 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";
+import { toHexString as No } from "./utilities/color/toHexString.es.js";
+import { toRgbaString as Oo } from "./utilities/color/toRgbaString.es.js";
+import { setAlpha as vo } from "./utilities/color/setAlpha.es.js";
+import { toColorObject as Vo } from "./utilities/color/toColorObject.es.js";
+import { getReadableColor as jo } from "./utilities/color/getReadableColor.es.js";
+import { toShortRgba as Ko } from "./utilities/color/toShortRgba.es.js";
+import { moveItemInArray as Yo } from "./utilities/moveItemInArray.es.js";
+import { getBackgroundColorStyles as zo } from "./utilities/react/getBackgroundColorStyles.es.js";
+import { getBorderStyles as Zo } from "./utilities/react/getBorderStyles.es.js";
+import { getRadiusStyles as te } from "./utilities/react/getRadiusStyles.es.js";
+import { joinClassNames as oe } 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 {
-  Yt as AllTextStylePlugins,
-  Zt as AllTextStyles,
+  rr as AllTextStylePlugins,
+  or as AllTextStyles,
   G as Attachments,
-  Nr as AttachmentsProvider,
-  A as AttachmentsToolbarButton,
-  X as BUTTON_PLUGIN,
+  vr as AttachmentsProvider,
+  E as AttachmentsToolbarButton,
+  K as BUTTON_PLUGIN,
   ct as BlockButtonStyles,
   m as BlockInjectButton,
   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,
+  ir as BlockStyles,
+  so as BorderStyle,
+  At as BreakAfterPlugin,
+  X as ButtonPlugin,
+  Ft as Custom1Plugin,
+  kt as Custom2Plugin,
+  Ut as Custom3Plugin,
+  A as DEFAULT_ATTACHMENTS_BUTTON_ID,
+  I as DEFAULT_DRAGGING_TOOLTIP,
+  b as DEFAULT_DRAG_TOOLTIP,
   k as DEFAULT_MENU_BUTTON_ID,
-  O as DownloadButton,
-  h as DragHandleToolbarButton,
+  H as DownloadButton,
+  L as DragHandleToolbarButton,
   u as DragPreviewContextProvider,
-  z as ELEMENT_BUTTON,
+  Y as ELEMENT_BUTTON,
   F as FlyoutToolbarButton,
-  xo as GutterSpacing,
-  kt as Heading1Plugin,
+  Mt as GAP_DEFAULT,
+  Po as GutterSpacing,
+  Dt as Heading1Plugin,
   bt as Heading2Plugin,
-  Rt as Heading3Plugin,
-  _t as Heading4Plugin,
-  Gt as ImageCaptionPlugin,
-  Ot as ImageTitlePlugin,
-  xr as LinkInput,
+  Gt as Heading3Plugin,
+  Ht as Heading4Plugin,
+  wt as ImageCaptionPlugin,
+  Wt as ImageTitlePlugin,
+  Lt as KEY_ELEMENT_BREAK_AFTER_COLUMN,
+  dr as LinkInput,
   W as LinkPlugin,
-  lr as LinkSelector,
-  uo as Margin,
-  I as MenuToolbarButton,
+  fr as LinkSelector,
+  So as Margin,
+  R 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,
+  Qt as PARAGRAPH_CLASSES,
+  To as Padding,
+  Kt as ParagraphMarkupElement,
+  Xt as ParagraphMarkupElementNode,
+  Yt as ParagraphPlugin,
+  Jt as QuoteMarkupElementNode,
+  Zt as QuotePlugin,
+  Bo as Radius,
   w as RichTextEditor,
   r as Sections,
-  So as Security,
-  pr as THEME_PREFIX,
-  $t as TextStylePluginsWithoutImage,
-  er as TextStyles,
-  tr as TextStylesWithoutImage,
+  yo as Security,
+  xr as THEME_PREFIX,
+  er as TextStylePluginsWithoutImage,
+  pr as TextStyles,
+  nr as TextStylesWithoutImage,
   y as Toolbar,
-  D as ToolbarFlyoutMenu,
-  Ur as addHttps,
-  Po as borderStyleMap,
-  Er as convertToRteValue,
+  _ as ToolbarFlyoutMenu,
+  Or as addHttps,
+  co as borderStyleMap,
+  Fr as convertToRteValue,
   ft as createButtonNode,
-  J as createButtonPlugin,
+  q as createButtonPlugin,
   j as createLinkPlugin,
-  Qt as createParagraphPlugin,
-  Jt as createQuotePlugin,
-  hr as customCoordinatesGetterFactory,
+  qt as createParagraphPlugin,
+  $t as createQuotePlugin,
+  kr as customCoordinatesGetterFactory,
   e as defineBlock,
   n as defineSettings,
-  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,
+  zo as getBackgroundColorStyles,
+  Xr as getBackgroundSettings,
+  Jr as getBorderRadiusSettings,
+  Zr as getBorderRadiusSlider,
+  qr as getBorderSettings,
+  Zo as getBorderStyles,
+  lr as getDefaultPluginsWithLinkChooser,
+  to as getExtendedBorderRadiusSettings,
+  oo as getGutterSettings,
+  Sr as getLegacyUrl,
+  Tr as getLinkFromEditor,
+  po as getMarginExtendedSettings,
+  no as getMarginSettings,
+  ao as getMarginSlider,
+  uo as getPaddingExtendedSettings,
+  lo as getPaddingSettings,
+  go as getPaddingSlider,
+  te as getRadiusStyles,
+  jo as getReadableColor,
+  Fo as getSecurityDownloadableSetting,
+  ho as getSecurityGlobalControlId,
+  Ro as getSecurityGlobalControlSetting,
+  Br as getUrl,
   xt as getUrlFromEditor,
-  Sr as getUrlFromLinkOrLegacyLink,
-  Bo as gutterSpacingStyleMap,
-  Fr as hasRichTextValue,
+  yr as getUrlFromLinkOrLegacyLink,
+  Eo as gutterSpacingStyleMap,
+  Ur as hasRichTextValue,
   $ as insertButton,
-  Lo as isDark,
-  kr as isDownloadable,
-  yr as isValidUrl,
-  cr as isValidUrlOrEmpty,
-  Zo as joinClassNames,
+  _o as isDark,
+  Dr as isDownloadable,
+  Mr as isValidUrl,
+  Lr as isValidUrlOrEmpty,
+  oe 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,
+  Nr as mapAppBridgeColorPalettesToFonduePalettes,
+  Ao as marginStyleMap,
+  Yo as moveItemInArray,
+  Mo as paddingStyleMap,
+  Lo as radiusStyleMap,
+  Er as relativeUrlRegex,
+  vo as setAlpha,
   rt as submitFloatingButton,
-  Ho as toColorObject,
+  Vo as toColorObject,
   Io as toHex8String,
-  Do as toHexString,
-  Uo as toRgbaString,
-  Vo as toShortRgba,
+  No as toHexString,
+  Oo as toRgbaString,
+  Ko as toShortRgba,
   dt as triggerFloatingButton,
-  Pt as triggerFloatingButtonEdit,
-  Tt as triggerFloatingButtonInsert,
+  St as triggerFloatingButtonEdit,
+  Bt as triggerFloatingButtonInsert,
   et as unwrapButton,
   at as upsertButton,
   pt as upsertButtonText,
-  Gr as useAttachments,
-  Hr as useAttachmentsContext,
-  wr as useDndSensors,
+  wr as useAttachments,
+  Vr as useAttachmentsContext,
+  Qr as useDndSensors,
   f as useDragPreviewContext,
-  S as useMultiFlyoutContext,
-  B as useMultiFlyoutState,
-  Or as withAttachmentsProvider,
-  Y as withButton,
+  P as useMultiFlyoutContext,
+  T as useMultiFlyoutState,
+  Wr as withAttachmentsProvider,
+  J 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 AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    type AssetInputBlock as AssetInputBlockSidebarSettings,\n    type BaseBlock as BaseBlockSidebarSettings,\n    type Bundle as BundleSidebarSettings,\n    type ChecklistBlock as ChecklistBlockSidebarSettings,\n    type ChoicesType as ChoicesTypeSidebarSettings,\n    type ColorInputBlock as ColorInputBlockSidebarSettings,\n    type DropdownBlock as DropdownBlockSidebarSettings,\n    type DynamicSettingBlock as DynamicSettingBlockSidebarSettings,\n    type DynamicSupportedBlock as DynamicSupportedBlockSidebarSettings,\n    type FontInputBlock as FontInputBlockSidebarSettings,\n    type InputBlock as InputBlockSidebarSettings,\n    type LegacyAssetInputBlock as LegacyAssetInputBlockSidebarSettings,\n    type LinkBlock as LinkBlockSidebarSettings,\n    type LinkChooserBlock as LinkChooserBlockSidebarSettings,\n    type MultiInputBlock as MultiInputBlockSidebarSettings,\n    type NotificationBlock as NotificationBlockSidebarSettings,\n    type SectionHeadingBlock as SectionHeadingBlockSidebarSettings,\n    type SegmentedControlsBlock as SegmentedControlsBlockSidebarSettings,\n    type SettingBlock as SettingBlockSidebarSettings,\n    type SimpleSettingBlock as SimpleSettingBlockSidebarSettings,\n    type SwitchBlock as SwitchBlockSidebarSettings,\n    type TemplateInputBlock as TemplateInputBlockSidebarSettings,\n    type TextareaBlock as TextareaBlockSidebarSettings,\n    type ValueOrPromisedValue as ValueOrPromisedValueSidebarSettings,\n} from '@frontify/sidebar-settings';\nimport { type FC } from 'react';\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 AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    type AssetInputBlock as AssetInputBlockSidebarSettings,\n    type BaseBlock as BaseBlockSidebarSettings,\n    type Bundle as BundleSidebarSettings,\n    type ChecklistBlock as ChecklistBlockSidebarSettings,\n    type ChoicesType as ChoicesTypeSidebarSettings,\n    type ColorInputBlock as ColorInputBlockSidebarSettings,\n    type DropdownBlock as DropdownBlockSidebarSettings,\n    type DynamicSettingBlock as DynamicSettingBlockSidebarSettings,\n    type DynamicSupportedBlock as DynamicSupportedBlockSidebarSettings,\n    type FontInputBlock as FontInputBlockSidebarSettings,\n    type InputBlock as InputBlockSidebarSettings,\n    type LegacyAssetInputBlock as LegacyAssetInputBlockSidebarSettings,\n    type LinkBlock as LinkBlockSidebarSettings,\n    type LinkChooserBlock as LinkChooserBlockSidebarSettings,\n    type MultiInputBlock as MultiInputBlockSidebarSettings,\n    type NotificationBlock as NotificationBlockSidebarSettings,\n    type SectionHeadingBlock as SectionHeadingBlockSidebarSettings,\n    type SegmentedControlsBlock as SegmentedControlsBlockSidebarSettings,\n    type SettingBlock as SettingBlockSidebarSettings,\n    type SimpleSettingBlock as SimpleSettingBlockSidebarSettings,\n    type SwitchBlock as SwitchBlockSidebarSettings,\n    type TemplateInputBlock as TemplateInputBlockSidebarSettings,\n    type TextareaBlock as TextareaBlockSidebarSettings,\n    type ValueOrPromisedValue as ValueOrPromisedValueSidebarSettings,\n} from '@frontify/sidebar-settings';\nimport { type FC } from 'react';\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;"}