@frontify/guideline-blocks-settings 3.0.2 → 3.0.4

package/dist/components/BlockItemWrapper/Toolbar/AttachmentsToolbarButton/AttachmentsToolbarButtonTrigger.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentsToolbarButtonTrigger.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/AttachmentsToolbarButton/AttachmentsToolbarButtonTrigger.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCaretDown, IconPaperclip } from '@frontify/fondue/icons';\nimport { forwardRef } from 'react';\n\nimport { type AttachmentsTriggerProps } from '../../../Attachments/types';\nimport { BaseToolbarButton } from '../BaseToolbarButton';\n\nexport const AttachmentsToolbarButtonTrigger = forwardRef<HTMLButtonElement, AttachmentsTriggerProps>(\n    ({ children, isFlyoutOpen, ...props }, ref) => (\n        <BaseToolbarButton\n            forceActiveStyle={isFlyoutOpen}\n            data-test-id=\"attachments-toolbar-button-trigger\"\n            ref={ref}\n            {...props}\n        >\n            <IconPaperclip size=\"16\" />\n            {children}\n            <IconCaretDown size=\"12\" />\n        </BaseToolbarButton>\n    ),\n);\n\nAttachmentsToolbarButtonTrigger.displayName = 'AttachmentsToolbarButtonTrigger';\n"],"names":["AttachmentsToolbarButtonTrigger","forwardRef","children","isFlyoutOpen","props","ref","jsxs","BaseToolbarButton","jsx","IconPaperclip","IconCaretDown"],"mappings":";;;;AAQO,MAAMA,IAAkCC;AAAA,EAC3C,CAAC,EAAE,UAAAC,GAAU,cAAAC,GAAc,GAAGC,EAAA,GAASC,MACnC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,kBAAkBJ;AAAA,MAClB,gBAAa;AAAA,MACb,KAAAE;AAAA,MACC,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAACC,GAAA,EAAc,MAAK,KAAA,CAAK;AAAA,QACxBP;AAAA,QACD,gBAAAM,EAACE,GAAA,EAAc,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrC;AAEAV,EAAgC,cAAc;"}
+{"version":3,"file":"AttachmentsToolbarButtonTrigger.es.js","names":[],"sources":["../../../../../src/components/BlockItemWrapper/Toolbar/AttachmentsToolbarButton/AttachmentsToolbarButtonTrigger.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCaretDown, IconPaperclip } from '@frontify/fondue/icons';\nimport { forwardRef } from 'react';\n\nimport { type AttachmentsTriggerProps } from '../../../Attachments/types';\nimport { BaseToolbarButton } from '../BaseToolbarButton';\n\nexport const AttachmentsToolbarButtonTrigger = forwardRef<HTMLButtonElement, AttachmentsTriggerProps>(\n    ({ children, isFlyoutOpen, ...props }, ref) => (\n        <BaseToolbarButton\n            forceActiveStyle={isFlyoutOpen}\n            data-test-id=\"attachments-toolbar-button-trigger\"\n            ref={ref}\n            {...props}\n            aria-haspopup=\"menu\"\n        >\n            <IconPaperclip size=\"16\" />\n            {children}\n            <IconCaretDown size=\"12\" />\n        </BaseToolbarButton>\n    ),\n);\n\nAttachmentsToolbarButtonTrigger.displayName = 'AttachmentsToolbarButtonTrigger';\n"],"mappings":";;;;;AAQA,IAAa,IAAkC,GAC1C,EAAE,aAAU,iBAAc,GAAG,KAAS,MACnC,kBAAC,GAAD;CACI,kBAAkB;CAClB,gBAAa;CACR;CACL,GAAI;CACJ,iBAAc;CALlB,UAAA;EAOI,kBAAC,GAAD,EAAe,MAAK,KAAM,CAAA;EACzB;EACD,kBAAC,GAAD,EAAe,MAAK,KAAM,CAAA;CACX;AAE3B,CAAA,CAAA;AAEA,EAAgC,cAAc"}

package/dist/components/BlockItemWrapper/Toolbar/BaseToolbarButton.es.js

@@ -1,28 +1,17 @@
-import { jsx as b } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { getToolbarButtonClassNames as l } from "./helpers.es.js";
-const n = i(
-  ({
-    onClick: t,
-    children: o,
-    forceActiveStyle: a,
-    cursor: r = "pointer",
-    "data-test-id": s = "base-toolbar-button",
-    ...e
-  }, m) => /* @__PURE__ */ b(
-    "button",
-    {
-      onClick: t,
-      className: l(r, a),
-      "data-test-id": s,
-      ...e,
-      ref: m,
-      children: o
-    }
-  )
-);
-n.displayName = "BaseToolbarButton";
-export {
-  n as BaseToolbarButton
-};
-//# sourceMappingURL=BaseToolbarButton.es.js.map
+import { getToolbarButtonClassNames as e } from "./helpers.es.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/BlockItemWrapper/Toolbar/BaseToolbarButton.tsx
+var r = t(({ onClick: t, children: r, forceActiveStyle: i, cursor: a = "pointer", "data-test-id": o = "base-toolbar-button", ...s }, c) => /* @__PURE__ */ n("button", {
+	onClick: t,
+	className: e(a, i),
+	"data-test-id": o,
+	...s,
+	ref: c,
+	children: r
+}));
+r.displayName = "BaseToolbarButton";
+//#endregion
+export { r as BaseToolbarButton };
+
+//# sourceMappingURL=BaseToolbarButton.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/BaseToolbarButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseToolbarButton.es.js","sources":["../../../../src/components/BlockItemWrapper/Toolbar/BaseToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type HTMLAttributes, type ReactNode, forwardRef } from 'react';\n\nimport { getToolbarButtonClassNames } from './helpers';\n\ntype BaseToolbarButtonProps = {\n    children: ReactNode;\n    forceActiveStyle?: boolean;\n    cursor?: 'pointer' | 'grab';\n    'data-test-id'?: string;\n} & HTMLAttributes<HTMLButtonElement>;\n\nexport const BaseToolbarButton = forwardRef<HTMLButtonElement, BaseToolbarButtonProps>(\n    (\n        {\n            onClick,\n            children,\n            forceActiveStyle,\n            cursor = 'pointer',\n            'data-test-id': dataTestId = 'base-toolbar-button',\n            ...props\n        },\n        ref,\n    ) => (\n        <button\n            onClick={onClick}\n            className={getToolbarButtonClassNames(cursor, forceActiveStyle)}\n            data-test-id={dataTestId}\n            {...props}\n            ref={ref}\n        >\n            {children}\n        </button>\n    ),\n);\n\nBaseToolbarButton.displayName = 'BaseToolbarButton';\n"],"names":["BaseToolbarButton","forwardRef","onClick","children","forceActiveStyle","cursor","dataTestId","props","ref","jsx","getToolbarButtonClassNames"],"mappings":";;;AAaO,MAAMA,IAAoBC;AAAA,EAC7B,CACI;AAAA,IACI,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,gBAAgBC,IAAa;AAAA,IAC7B,GAAGC;AAAA,EAAA,GAEPC,MAEA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAAP;AAAA,MACA,WAAWQ,EAA2BL,GAAQD,CAAgB;AAAA,MAC9D,gBAAcE;AAAA,MACb,GAAGC;AAAA,MACJ,KAAAC;AAAA,MAEC,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGb;AAEAH,EAAkB,cAAc;"}
+{"version":3,"file":"BaseToolbarButton.es.js","names":[],"sources":["../../../../src/components/BlockItemWrapper/Toolbar/BaseToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type HTMLAttributes, type ReactNode, forwardRef } from 'react';\n\nimport { getToolbarButtonClassNames } from './helpers';\n\ntype BaseToolbarButtonProps = {\n    children: ReactNode;\n    forceActiveStyle?: boolean;\n    cursor?: 'pointer' | 'grab';\n    'data-test-id'?: string;\n} & HTMLAttributes<HTMLButtonElement>;\n\nexport const BaseToolbarButton = forwardRef<HTMLButtonElement, BaseToolbarButtonProps>(\n    (\n        {\n            onClick,\n            children,\n            forceActiveStyle,\n            cursor = 'pointer',\n            'data-test-id': dataTestId = 'base-toolbar-button',\n            ...props\n        },\n        ref,\n    ) => (\n        <button\n            onClick={onClick}\n            className={getToolbarButtonClassNames(cursor, forceActiveStyle)}\n            data-test-id={dataTestId}\n            {...props}\n            ref={ref}\n        >\n            {children}\n        </button>\n    ),\n);\n\nBaseToolbarButton.displayName = 'BaseToolbarButton';\n"],"mappings":";;;;AAaA,IAAa,IAAoB,GAEzB,EACI,YACA,aACA,qBACA,YAAS,WACT,gBAAgB,IAAa,uBAC7B,GAAG,KAEP,MAEA,kBAAC,UAAD;CACa;CACT,WAAW,EAA2B,GAAQ,CAAgB;CAC9D,gBAAc;CACd,GAAI;CACC;CAEJ;AACG,CAAA,CAEhB;AAEA,EAAkB,cAAc"}

package/dist/components/BlockItemWrapper/Toolbar/DragHandleToolbarButton/DragHandleToolbarButton.es.js

@@ -1,36 +1,26 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useDndContext as m } from "@dnd-kit/core";
-import { DEFAULT_DRAGGING_TOOLTIP as s, DEFAULT_DRAG_TOOLTIP as d } from "../../constants.es.js";
-import { BaseToolbarButton as l } from "../BaseToolbarButton.es.js";
-import { useDragPreviewContext as p } from "../context/DragPreviewContext.es.js";
-import { ToolbarButtonTooltip as T } from "../ToolbarButtonTooltip.es.js";
-const B = ({
-  tooltip: r,
-  icon: e,
-  setActivatorNodeRef: n,
-  draggableProps: a
-}) => {
-  const o = p(), { activatorEvent: i } = m(), c = i instanceof KeyboardEvent;
-  return /* @__PURE__ */ t(
-    T,
-    {
-      ...o && { open: c },
-      content: /* @__PURE__ */ t("div", { children: o ? s : r ?? d }),
-      children: /* @__PURE__ */ t(
-        l,
-        {
-          ref: n,
-          "data-test-id": "block-item-wrapper-toolbar-btn",
-          forceActiveStyle: o,
-          cursor: "grab",
-          ...a,
-          children: e
-        }
-      )
-    }
-  );
+import { useDragPreviewContext as e } from "../context/DragPreviewContext.es.js";
+import { BaseToolbarButton as t } from "../BaseToolbarButton.es.js";
+import { DEFAULT_DRAGGING_TOOLTIP as n } from "../../constants.es.js";
+import { ToolbarButtonTooltip as r } from "../ToolbarButtonTooltip.es.js";
+import { jsx as i } from "react/jsx-runtime";
+import { useDndContext as a } from "@dnd-kit/core";
+//#region src/components/BlockItemWrapper/Toolbar/DragHandleToolbarButton/DragHandleToolbarButton.tsx
+var o = ({ tooltip: o, icon: s, setActivatorNodeRef: c, draggableProps: l }) => {
+	let u = e(), { activatorEvent: d } = a(), f = d instanceof KeyboardEvent;
+	return /* @__PURE__ */ i(r, {
+		...u && { open: f },
+		content: /* @__PURE__ */ i("div", { children: u ? n : o ?? "Drag or press ↵ to move" }),
+		children: /* @__PURE__ */ i(t, {
+			ref: c,
+			"data-test-id": "block-item-wrapper-toolbar-btn",
+			forceActiveStyle: u,
+			cursor: "grab",
+			...l,
+			children: s
+		})
+	});
 };
-export {
-  B as DragHandleToolbarButton
-};
-//# sourceMappingURL=DragHandleToolbarButton.es.js.map
+//#endregion
+export { o as DragHandleToolbarButton };
+
+//# sourceMappingURL=DragHandleToolbarButton.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/DragHandleToolbarButton/DragHandleToolbarButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragHandleToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/DragHandleToolbarButton/DragHandleToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useDndContext } from '@dnd-kit/core';\nimport { type ReactNode } from 'react';\n\nimport { DEFAULT_DRAGGING_TOOLTIP, DEFAULT_DRAG_TOOLTIP } from '../../constants';\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\nimport { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\n\nexport type DragHandleToolbarButtonProps = {\n    icon?: ReactNode;\n    tooltip?: string;\n    draggableProps: Record<string, unknown>;\n    setActivatorNodeRef?: (node: HTMLElement | null) => void;\n};\n\nexport const DragHandleToolbarButton = ({\n    tooltip,\n    icon,\n    setActivatorNodeRef,\n    draggableProps,\n}: DragHandleToolbarButtonProps) => {\n    const isDragPreview = useDragPreviewContext();\n    const { activatorEvent } = useDndContext();\n    const activatedByKeyboard = activatorEvent instanceof KeyboardEvent;\n\n    return (\n        <ToolbarButtonTooltip\n            {...(isDragPreview && { open: activatedByKeyboard })}\n            content={<div>{isDragPreview ? DEFAULT_DRAGGING_TOOLTIP : (tooltip ?? DEFAULT_DRAG_TOOLTIP)}</div>}\n        >\n            <BaseToolbarButton\n                ref={setActivatorNodeRef}\n                data-test-id=\"block-item-wrapper-toolbar-btn\"\n                forceActiveStyle={isDragPreview}\n                cursor=\"grab\"\n                {...draggableProps}\n            >\n                {icon}\n            </BaseToolbarButton>\n        </ToolbarButtonTooltip>\n    );\n};\n"],"names":["DragHandleToolbarButton","tooltip","icon","setActivatorNodeRef","draggableProps","isDragPreview","useDragPreviewContext","activatorEvent","useDndContext","activatedByKeyboard","jsx","ToolbarButtonTooltip","DEFAULT_DRAGGING_TOOLTIP","DEFAULT_DRAG_TOOLTIP","BaseToolbarButton"],"mappings":";;;;;;AAiBO,MAAMA,IAA0B,CAAC;AAAA,EACpC,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,gBAAAC;AACJ,MAAoC;AAChC,QAAMC,IAAgBC,EAAA,GAChB,EAAE,gBAAAC,EAAA,IAAmBC,EAAA,GACrBC,IAAsBF,aAA0B;AAEtD,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAIN,KAAiB,EAAE,MAAMI,EAAA;AAAA,MAC9B,SAAS,gBAAAC,EAAC,OAAA,EAAK,UAAAL,IAAgBO,IAA4BX,KAAWY,GAAsB;AAAA,MAE5F,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,KAAKX;AAAA,UACL,gBAAa;AAAA,UACb,kBAAkBE;AAAA,UAClB,QAAO;AAAA,UACN,GAAGD;AAAA,UAEH,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"DragHandleToolbarButton.es.js","names":[],"sources":["../../../../../src/components/BlockItemWrapper/Toolbar/DragHandleToolbarButton/DragHandleToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useDndContext } from '@dnd-kit/core';\nimport { type ReactNode } from 'react';\n\nimport { DEFAULT_DRAGGING_TOOLTIP, DEFAULT_DRAG_TOOLTIP } from '../../constants';\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\nimport { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\n\nexport type DragHandleToolbarButtonProps = {\n    icon?: ReactNode;\n    tooltip?: string;\n    draggableProps: Record<string, unknown>;\n    setActivatorNodeRef?: (node: HTMLElement | null) => void;\n};\n\nexport const DragHandleToolbarButton = ({\n    tooltip,\n    icon,\n    setActivatorNodeRef,\n    draggableProps,\n}: DragHandleToolbarButtonProps) => {\n    const isDragPreview = useDragPreviewContext();\n    const { activatorEvent } = useDndContext();\n    const activatedByKeyboard = activatorEvent instanceof KeyboardEvent;\n\n    return (\n        <ToolbarButtonTooltip\n            {...(isDragPreview && { open: activatedByKeyboard })}\n            content={<div>{isDragPreview ? DEFAULT_DRAGGING_TOOLTIP : (tooltip ?? DEFAULT_DRAG_TOOLTIP)}</div>}\n        >\n            <BaseToolbarButton\n                ref={setActivatorNodeRef}\n                data-test-id=\"block-item-wrapper-toolbar-btn\"\n                forceActiveStyle={isDragPreview}\n                cursor=\"grab\"\n                {...draggableProps}\n            >\n                {icon}\n            </BaseToolbarButton>\n        </ToolbarButtonTooltip>\n    );\n};\n"],"mappings":";;;;;;;AAiBA,IAAa,KAA2B,EACpC,YACA,SACA,wBACA,wBACgC;CAChC,IAAM,IAAgB,EAAsB,GACtC,EAAE,sBAAmB,EAAc,GACnC,IAAsB,aAA0B;CAEtD,OACI,kBAAC,GAAD;EACI,GAAK,KAAiB,EAAE,MAAM,EAAoB;EAClD,SAAS,kBAAC,OAAD,EAAA,UAAM,IAAgB,IAA4B,KAAA,0BAAsC,CAAA;EAEjG,UAAA,kBAAC,GAAD;GACI,KAAK;GACL,gBAAa;GACb,kBAAkB;GAClB,QAAO;GACP,GAAI;GAEH,UAAA;EACc,CAAA;CACD,CAAA;AAE9B"}

package/dist/components/BlockItemWrapper/Toolbar/FlyoutToolbarButton/FlyoutToolbarButton.es.js

@@ -1,35 +1,42 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Flyout as o } from "@frontify/fondue/components";
-import { BaseToolbarButton as p } from "../BaseToolbarButton.es.js";
-import { useDragPreviewContext as h } from "../context/DragPreviewContext.es.js";
-import { useMultiFlyoutState as u } from "../hooks/useMultiFlyoutState.es.js";
-import { ToolbarButtonTooltip as f } from "../ToolbarButtonTooltip.es.js";
-const T = ({
-  content: a,
-  icon: d,
-  tooltip: c,
-  flyoutId: s,
-  flyoutFooter: i,
-  flyoutHeader: l
-}) => {
-  const { isOpen: e, onOpenChange: m } = u(s), r = h();
-  return /* @__PURE__ */ t(f, { disabled: r || e, content: c, children: /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-shrink-0 tw-flex-1 tw-h-6 tw-relative", children: /* @__PURE__ */ n(o.Root, { open: e && !r, onOpenChange: m, children: [
-    /* @__PURE__ */ t(o.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
-      p,
-      {
-        "data-test-id": "block-item-wrapper-toolbar-flyout",
-        forceActiveStyle: e && !r,
-        children: d
-      }
-    ) }),
-    /* @__PURE__ */ n(o.Content, { side: "bottom", align: "end", padding: "comfortable", children: [
-      l ? /* @__PURE__ */ t(o.Header, { children: l }) : null,
-      /* @__PURE__ */ t(o.Body, { children: a }),
-      i ? /* @__PURE__ */ t(o.Footer, { children: i }) : null
-    ] })
-  ] }) }) });
+import { useDragPreviewContext as e } from "../context/DragPreviewContext.es.js";
+import { useMultiFlyoutState as t } from "../hooks/useMultiFlyoutState.es.js";
+import { BaseToolbarButton as n } from "../BaseToolbarButton.es.js";
+import { ToolbarButtonTooltip as r } from "../ToolbarButtonTooltip.es.js";
+import { Flyout as i } from "@frontify/fondue/components";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/BlockItemWrapper/Toolbar/FlyoutToolbarButton/FlyoutToolbarButton.tsx
+var s = ({ content: s, icon: c, tooltip: l, flyoutId: u, flyoutFooter: d, flyoutHeader: f }) => {
+	let { isOpen: p, onOpenChange: m } = t(u), h = e();
+	return /* @__PURE__ */ a(r, {
+		disabled: h || p,
+		content: l,
+		children: /* @__PURE__ */ a("div", {
+			className: "tw-flex tw-flex-shrink-0 tw-flex-1 tw-h-6 tw-relative",
+			children: /* @__PURE__ */ o(i.Root, {
+				open: p && !h,
+				onOpenChange: m,
+				children: [/* @__PURE__ */ a(i.Trigger, {
+					asChild: !0,
+					children: /* @__PURE__ */ a(n, {
+						"data-test-id": "block-item-wrapper-toolbar-flyout",
+						forceActiveStyle: p && !h,
+						children: c
+					})
+				}), /* @__PURE__ */ o(i.Content, {
+					side: "bottom",
+					align: "end",
+					padding: "comfortable",
+					children: [
+						f ? /* @__PURE__ */ a(i.Header, { children: f }) : null,
+						/* @__PURE__ */ a(i.Body, { children: s }),
+						d ? /* @__PURE__ */ a(i.Footer, { children: d }) : null
+					]
+				})]
+			})
+		})
+	});
 };
-export {
-  T as FlyoutToolbarButton
-};
-//# sourceMappingURL=FlyoutToolbarButton.es.js.map
+//#endregion
+export { s as FlyoutToolbarButton };
+
+//# sourceMappingURL=FlyoutToolbarButton.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/FlyoutToolbarButton/FlyoutToolbarButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlyoutToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/FlyoutToolbarButton/FlyoutToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Flyout } from '@frontify/fondue/components';\nimport { type ReactNode } from 'react';\n\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\nimport { useMultiFlyoutState } from '../hooks/useMultiFlyoutState';\nimport { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\n\nexport type FlyoutToolbarButtonProps = {\n    content: ReactNode;\n    icon: ReactNode;\n    tooltip: ReactNode;\n    flyoutId: string;\n    flyoutFooter?: ReactNode;\n    flyoutHeader?: ReactNode;\n};\n\nexport const FlyoutToolbarButton = ({\n    content,\n    icon,\n    tooltip,\n    flyoutId,\n    flyoutFooter,\n    flyoutHeader,\n}: FlyoutToolbarButtonProps) => {\n    const { isOpen, onOpenChange } = useMultiFlyoutState(flyoutId);\n\n    const isDragPreview = useDragPreviewContext();\n\n    return (\n        <ToolbarButtonTooltip disabled={isDragPreview || isOpen} content={tooltip}>\n            <div className=\"tw-flex tw-flex-shrink-0 tw-flex-1 tw-h-6 tw-relative\">\n                <Flyout.Root open={isOpen && !isDragPreview} onOpenChange={onOpenChange}>\n                    <Flyout.Trigger asChild>\n                        <BaseToolbarButton\n                            data-test-id=\"block-item-wrapper-toolbar-flyout\"\n                            forceActiveStyle={isOpen && !isDragPreview}\n                        >\n                            {icon}\n                        </BaseToolbarButton>\n                    </Flyout.Trigger>\n                    <Flyout.Content side=\"bottom\" align=\"end\" padding=\"comfortable\">\n                        {flyoutHeader ? <Flyout.Header>{flyoutHeader}</Flyout.Header> : null}\n                        <Flyout.Body>{content}</Flyout.Body>\n                        {flyoutFooter ? <Flyout.Footer>{flyoutFooter}</Flyout.Footer> : null}\n                    </Flyout.Content>\n                </Flyout.Root>\n            </div>\n        </ToolbarButtonTooltip>\n    );\n};\n"],"names":["FlyoutToolbarButton","content","icon","tooltip","flyoutId","flyoutFooter","flyoutHeader","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","ToolbarButtonTooltip","jsx","jsxs","Flyout","BaseToolbarButton"],"mappings":";;;;;;AAmBO,MAAMA,IAAsB,CAAC;AAAA,EAChC,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AACJ,MAAgC;AAC5B,QAAM,EAAE,QAAAC,GAAQ,cAAAC,MAAiBC,EAAoBL,CAAQ,GAEvDM,IAAgBC,EAAA;AAEtB,2BACKC,GAAA,EAAqB,UAAUF,KAAiBH,GAAQ,SAASJ,GAC9D,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAU,yDACX,UAAA,gBAAAC,EAACC,EAAO,MAAP,EAAY,MAAMR,KAAU,CAACG,GAAe,cAAAF,GACzC,UAAA;AAAA,IAAA,gBAAAK,EAACE,EAAO,SAAP,EAAe,SAAO,IACnB,UAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,kBAAkBT,KAAU,CAACG;AAAA,QAE5B,UAAAR;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,IACA,gBAAAY,EAACC,EAAO,SAAP,EAAe,MAAK,UAAS,OAAM,OAAM,SAAQ,eAC7C,UAAA;AAAA,MAAAT,IAAe,gBAAAO,EAACE,EAAO,QAAP,EAAe,aAAa,IAAmB;AAAA,MAChE,gBAAAF,EAACE,EAAO,MAAP,EAAa,UAAAd,EAAA,CAAQ;AAAA,MACrBI,IAAe,gBAAAQ,EAACE,EAAO,QAAP,EAAe,aAAa,IAAmB;AAAA,IAAA,EAAA,CACpE;AAAA,EAAA,EAAA,CACJ,GACJ,GACJ;AAER;"}
+{"version":3,"file":"FlyoutToolbarButton.es.js","names":[],"sources":["../../../../../src/components/BlockItemWrapper/Toolbar/FlyoutToolbarButton/FlyoutToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Flyout } from '@frontify/fondue/components';\nimport { type ReactNode } from 'react';\n\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\nimport { useMultiFlyoutState } from '../hooks/useMultiFlyoutState';\nimport { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\n\nexport type FlyoutToolbarButtonProps = {\n    content: ReactNode;\n    icon: ReactNode;\n    tooltip: ReactNode;\n    flyoutId: string;\n    flyoutFooter?: ReactNode;\n    flyoutHeader?: ReactNode;\n};\n\nexport const FlyoutToolbarButton = ({\n    content,\n    icon,\n    tooltip,\n    flyoutId,\n    flyoutFooter,\n    flyoutHeader,\n}: FlyoutToolbarButtonProps) => {\n    const { isOpen, onOpenChange } = useMultiFlyoutState(flyoutId);\n\n    const isDragPreview = useDragPreviewContext();\n\n    return (\n        <ToolbarButtonTooltip disabled={isDragPreview || isOpen} content={tooltip}>\n            <div className=\"tw-flex tw-flex-shrink-0 tw-flex-1 tw-h-6 tw-relative\">\n                <Flyout.Root open={isOpen && !isDragPreview} onOpenChange={onOpenChange}>\n                    <Flyout.Trigger asChild>\n                        <BaseToolbarButton\n                            data-test-id=\"block-item-wrapper-toolbar-flyout\"\n                            forceActiveStyle={isOpen && !isDragPreview}\n                        >\n                            {icon}\n                        </BaseToolbarButton>\n                    </Flyout.Trigger>\n                    <Flyout.Content side=\"bottom\" align=\"end\" padding=\"comfortable\">\n                        {flyoutHeader ? <Flyout.Header>{flyoutHeader}</Flyout.Header> : null}\n                        <Flyout.Body>{content}</Flyout.Body>\n                        {flyoutFooter ? <Flyout.Footer>{flyoutFooter}</Flyout.Footer> : null}\n                    </Flyout.Content>\n                </Flyout.Root>\n            </div>\n        </ToolbarButtonTooltip>\n    );\n};\n"],"mappings":";;;;;;;AAmBA,IAAa,KAAuB,EAChC,YACA,SACA,YACA,aACA,iBACA,sBAC4B;CAC5B,IAAM,EAAE,WAAQ,oBAAiB,EAAoB,CAAQ,GAEvD,IAAgB,EAAsB;CAE5C,OACI,kBAAC,GAAD;EAAsB,UAAU,KAAiB;EAAQ,SAAS;EAC9D,UAAA,kBAAC,OAAD;GAAK,WAAU;GACX,UAAA,kBAAC,EAAO,MAAR;IAAa,MAAM,KAAU,CAAC;IAA6B;IAA3D,UAAA,CACI,kBAAC,EAAO,SAAR;KAAgB,SAAA;KACZ,UAAA,kBAAC,GAAD;MACI,gBAAa;MACb,kBAAkB,KAAU,CAAC;MAE5B,UAAA;KACc,CAAA;IACP,CAAA,GAChB,kBAAC,EAAO,SAAR;KAAgB,MAAK;KAAS,OAAM;KAAM,SAAQ;KAAlD,UAAA;MACK,IAAe,kBAAC,EAAO,QAAR,EAAA,UAAgB,EAA4B,CAAA,IAAI;MAChE,kBAAC,EAAO,MAAR,EAAA,UAAc,EAAqB,CAAA;MAClC,IAAe,kBAAC,EAAO,QAAR,EAAA,UAAgB,EAA4B,CAAA,IAAI;KACpD;IACP,CAAA,CAAA;;EACZ,CAAA;CACa,CAAA;AAE9B"}

package/dist/components/BlockItemWrapper/Toolbar/MenuToolbarButton/MenuToolbarButton.es.js

@@ -1,37 +1,42 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { Dropdown as t, Tooltip as r } from "@frontify/fondue/components";
-import { IconDotsHorizontal as u } from "@frontify/fondue/icons";
-import { BaseToolbarButton as f } from "../BaseToolbarButton.es.js";
-import { useMultiFlyoutState as T } from "../hooks/useMultiFlyoutState.es.js";
-import { useDragPreviewContext as g } from "../context/DragPreviewContext.es.js";
-const C = "menu", x = ({
-  items: s,
-  flyoutId: a = C,
-  tooltip: c = "Options"
-}) => {
-  const { isOpen: p, onOpenChange: n } = T(a), d = g();
-  return /* @__PURE__ */ o(t.Root, { open: p && !d, onOpenChange: n, children: /* @__PURE__ */ l(r.Root, { children: [
-    /* @__PURE__ */ o(r.Trigger, { asChild: !0, children: /* @__PURE__ */ o(t.Trigger, { asChild: !0, children: /* @__PURE__ */ o(f, { "data-test-id": "block-item-wrapper-toolbar-flyout", children: /* @__PURE__ */ o(u, { size: "16" }) }) }) }),
-    /* @__PURE__ */ o(t.Content, { children: s.map((m, i) => /* @__PURE__ */ o(t.Group, { children: m.map((e, h) => /* @__PURE__ */ l(
-      t.Item,
-      {
-        "data-test-id": "menu-item",
-        onSelect: () => {
-          n(!1), e.onClick();
-        },
-        emphasis: e.style || "default",
-        children: [
-          /* @__PURE__ */ o("div", { className: "tw-mr-2", children: e.icon }),
-          /* @__PURE__ */ o("span", { children: e.title })
-        ]
-      },
-      `${i}-${h}`
-    )) }, i)) }),
-    /* @__PURE__ */ o(r.Content, { children: c })
-  ] }) });
+import { useDragPreviewContext as e } from "../context/DragPreviewContext.es.js";
+import { useMultiFlyoutState as t } from "../hooks/useMultiFlyoutState.es.js";
+import { BaseToolbarButton as n } from "../BaseToolbarButton.es.js";
+import { Dropdown as r, Tooltip as i } from "@frontify/fondue/components";
+import { IconDotsHorizontal as a } from "@frontify/fondue/icons";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/BlockItemWrapper/Toolbar/MenuToolbarButton/MenuToolbarButton.tsx
+var c = "menu", l = ({ items: l, flyoutId: u = c, tooltip: d = "Options" }) => {
+	let { isOpen: f, onOpenChange: p } = t(u), m = e();
+	return /* @__PURE__ */ o(r.Root, {
+		open: f && !m,
+		onOpenChange: p,
+		children: /* @__PURE__ */ s(i.Root, { children: [
+			/* @__PURE__ */ o(i.Trigger, {
+				asChild: !0,
+				children: /* @__PURE__ */ o(r.Trigger, {
+					asChild: !0,
+					children: /* @__PURE__ */ o(n, {
+						"data-test-id": "block-item-wrapper-toolbar-flyout",
+						children: /* @__PURE__ */ o(a, { size: "16" })
+					})
+				})
+			}),
+			/* @__PURE__ */ o(r.Content, { children: l.map((e, t) => /* @__PURE__ */ o(r.Group, { children: e.map((e, n) => /* @__PURE__ */ s(r.Item, {
+				"data-test-id": "menu-item",
+				onSelect: () => {
+					p(!1), e.onClick();
+				},
+				emphasis: e.style || "default",
+				children: [/* @__PURE__ */ o("div", {
+					className: "tw-mr-2",
+					children: e.icon
+				}), /* @__PURE__ */ o("span", { children: e.title })]
+			}, `${t}-${n}`)) }, t)) }),
+			/* @__PURE__ */ o(i.Content, { children: d })
+		] })
+	});
 };
-export {
-  C as DEFAULT_MENU_BUTTON_ID,
-  x as MenuToolbarButton
-};
-//# sourceMappingURL=MenuToolbarButton.es.js.map
+//#endregion
+export { c as DEFAULT_MENU_BUTTON_ID, l as MenuToolbarButton };
+
+//# sourceMappingURL=MenuToolbarButton.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/MenuToolbarButton/MenuToolbarButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/MenuToolbarButton/MenuToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Dropdown, Tooltip } from '@frontify/fondue/components';\nimport { IconDotsHorizontal } from '@frontify/fondue/icons';\n\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { useDragPreviewContext } from '../context';\nimport { useMultiFlyoutState } from '../hooks';\n\nexport const DEFAULT_MENU_BUTTON_ID = 'menu';\n\nexport type MenuToolbarButtonProps = {\n    items: {\n        title: string;\n        onClick: () => void;\n        icon: JSX.Element;\n        style?: 'default' | 'danger';\n    }[][];\n    flyoutId?: string;\n    tooltip?: string;\n};\n\nexport const MenuToolbarButton = ({\n    items,\n    flyoutId = DEFAULT_MENU_BUTTON_ID,\n    tooltip = 'Options',\n}: MenuToolbarButtonProps) => {\n    const { isOpen, onOpenChange } = useMultiFlyoutState(flyoutId);\n    const isDragPreview = useDragPreviewContext();\n\n    return (\n        <Dropdown.Root open={isOpen && !isDragPreview} onOpenChange={onOpenChange}>\n            <Tooltip.Root>\n                <Tooltip.Trigger asChild>\n                    <Dropdown.Trigger asChild>\n                        <BaseToolbarButton data-test-id=\"block-item-wrapper-toolbar-flyout\">\n                            <IconDotsHorizontal size=\"16\" />\n                        </BaseToolbarButton>\n                    </Dropdown.Trigger>\n                </Tooltip.Trigger>\n                <Dropdown.Content>\n                    {items.map((block, blockIndex) => (\n                        <Dropdown.Group key={blockIndex}>\n                            {block.map((item, itemIndex) => (\n                                <Dropdown.Item\n                                    data-test-id=\"menu-item\"\n                                    onSelect={() => {\n                                        onOpenChange(false);\n                                        item.onClick();\n                                    }}\n                                    emphasis={item.style || 'default'}\n                                    key={`${blockIndex}-${itemIndex}`}\n                                >\n                                    <div className=\"tw-mr-2\">{item.icon}</div>\n                                    <span>{item.title}</span>\n                                </Dropdown.Item>\n                            ))}\n                        </Dropdown.Group>\n                    ))}\n                </Dropdown.Content>\n                <Tooltip.Content>{tooltip}</Tooltip.Content>\n            </Tooltip.Root>\n        </Dropdown.Root>\n    );\n};\n"],"names":["DEFAULT_MENU_BUTTON_ID","MenuToolbarButton","items","flyoutId","tooltip","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","jsx","Dropdown","jsxs","Tooltip","BaseToolbarButton","IconDotsHorizontal","block","blockIndex","item","itemIndex"],"mappings":";;;;;;AASO,MAAMA,IAAyB,QAazBC,IAAoB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,UAAAC,IAAWH;AAAA,EACX,SAAAI,IAAU;AACd,MAA8B;AAC1B,QAAM,EAAE,QAAAC,GAAQ,cAAAC,MAAiBC,EAAoBJ,CAAQ,GACvDK,IAAgBC,EAAA;AAEtB,SACI,gBAAAC,EAACC,EAAS,MAAT,EAAc,MAAMN,KAAU,CAACG,GAAe,cAAAF,GAC3C,UAAA,gBAAAM,EAACC,EAAQ,MAAR,EACG,UAAA;AAAA,IAAA,gBAAAH,EAACG,EAAQ,SAAR,EAAgB,SAAO,IACpB,UAAA,gBAAAH,EAACC,EAAS,SAAT,EAAiB,SAAO,IACrB,UAAA,gBAAAD,EAACI,GAAA,EAAkB,gBAAa,qCAC5B,UAAA,gBAAAJ,EAACK,KAAmB,MAAK,KAAA,CAAK,GAClC,EAAA,CACJ,EAAA,CACJ;AAAA,sBACCJ,EAAS,SAAT,EACI,UAAAT,EAAM,IAAI,CAACc,GAAOC,MACf,gBAAAP,EAACC,EAAS,OAAT,EACI,YAAM,IAAI,CAACO,GAAMC,MACd,gBAAAP;AAAA,MAACD,EAAS;AAAA,MAAT;AAAA,QACG,gBAAa;AAAA,QACb,UAAU,MAAM;AACZ,UAAAL,EAAa,EAAK,GAClBY,EAAK,QAAA;AAAA,QACT;AAAA,QACA,UAAUA,EAAK,SAAS;AAAA,QAGxB,UAAA;AAAA,UAAA,gBAAAR,EAAC,OAAA,EAAI,WAAU,WAAW,UAAAQ,EAAK,MAAK;AAAA,UACpC,gBAAAR,EAAC,QAAA,EAAM,UAAAQ,EAAK,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAHb,GAAGD,CAAU,IAAIE,CAAS;AAAA,IAAA,CAKtC,EAAA,GAdgBF,CAerB,CACH,GACL;AAAA,IACA,gBAAAP,EAACG,EAAQ,SAAR,EAAiB,UAAAT,EAAA,CAAQ;AAAA,EAAA,EAAA,CAC9B,EAAA,CACJ;AAER;"}
+{"version":3,"file":"MenuToolbarButton.es.js","names":[],"sources":["../../../../../src/components/BlockItemWrapper/Toolbar/MenuToolbarButton/MenuToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Dropdown, Tooltip } from '@frontify/fondue/components';\nimport { IconDotsHorizontal } from '@frontify/fondue/icons';\n\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { useDragPreviewContext } from '../context';\nimport { useMultiFlyoutState } from '../hooks';\n\nexport const DEFAULT_MENU_BUTTON_ID = 'menu';\n\nexport type MenuToolbarButtonProps = {\n    items: {\n        title: string;\n        onClick: () => void;\n        icon: JSX.Element;\n        style?: 'default' | 'danger';\n    }[][];\n    flyoutId?: string;\n    tooltip?: string;\n};\n\nexport const MenuToolbarButton = ({\n    items,\n    flyoutId = DEFAULT_MENU_BUTTON_ID,\n    tooltip = 'Options',\n}: MenuToolbarButtonProps) => {\n    const { isOpen, onOpenChange } = useMultiFlyoutState(flyoutId);\n    const isDragPreview = useDragPreviewContext();\n\n    return (\n        <Dropdown.Root open={isOpen && !isDragPreview} onOpenChange={onOpenChange}>\n            <Tooltip.Root>\n                <Tooltip.Trigger asChild>\n                    <Dropdown.Trigger asChild>\n                        <BaseToolbarButton data-test-id=\"block-item-wrapper-toolbar-flyout\">\n                            <IconDotsHorizontal size=\"16\" />\n                        </BaseToolbarButton>\n                    </Dropdown.Trigger>\n                </Tooltip.Trigger>\n                <Dropdown.Content>\n                    {items.map((block, blockIndex) => (\n                        <Dropdown.Group key={blockIndex}>\n                            {block.map((item, itemIndex) => (\n                                <Dropdown.Item\n                                    data-test-id=\"menu-item\"\n                                    onSelect={() => {\n                                        onOpenChange(false);\n                                        item.onClick();\n                                    }}\n                                    emphasis={item.style || 'default'}\n                                    key={`${blockIndex}-${itemIndex}`}\n                                >\n                                    <div className=\"tw-mr-2\">{item.icon}</div>\n                                    <span>{item.title}</span>\n                                </Dropdown.Item>\n                            ))}\n                        </Dropdown.Group>\n                    ))}\n                </Dropdown.Content>\n                <Tooltip.Content>{tooltip}</Tooltip.Content>\n            </Tooltip.Root>\n        </Dropdown.Root>\n    );\n};\n"],"mappings":";;;;;;;AASA,IAAa,IAAyB,QAazB,KAAqB,EAC9B,UACA,cAAW,GACX,aAAU,gBACgB;CAC1B,IAAM,EAAE,WAAQ,oBAAiB,EAAoB,CAAQ,GACvD,IAAgB,EAAsB;CAE5C,OACI,kBAAC,EAAS,MAAV;EAAe,MAAM,KAAU,CAAC;EAA6B;EACzD,UAAA,kBAAC,EAAQ,MAAT,EAAA,UAAA;GACI,kBAAC,EAAQ,SAAT;IAAiB,SAAA;IACb,UAAA,kBAAC,EAAS,SAAV;KAAkB,SAAA;KACd,UAAA,kBAAC,GAAD;MAAmB,gBAAa;MAC5B,UAAA,kBAAC,GAAD,EAAoB,MAAK,KAAM,CAAA;KAChB,CAAA;IACL,CAAA;GACL,CAAA;GACjB,kBAAC,EAAS,SAAV,EAAA,UACK,EAAM,KAAK,GAAO,MACf,kBAAC,EAAS,OAAV,EAAA,UACK,EAAM,KAAK,GAAM,MACd,kBAAC,EAAS,MAAV;IACI,gBAAa;IACb,gBAAgB;KAEZ,AADA,EAAa,EAAK,GAClB,EAAK,QAAQ;IACjB;IACA,UAAU,EAAK,SAAS;IAN5B,UAAA,CASI,kBAAC,OAAD;KAAK,WAAU;KAAW,UAAA,EAAK;IAAU,CAAA,GACzC,kBAAC,QAAD,EAAA,UAAO,EAAK,MAAY,CAAA,CACb;GAJN,GAAA,GAAG,EAAW,GAAG,GAIX,CAClB,EACW,GAfK,CAeL,CACnB,EACa,CAAA;GAClB,kBAAC,EAAQ,SAAT,EAAA,UAAkB,EAAyB,CAAA;EACjC,EAAA,CAAA;CACH,CAAA;AAEvB"}

package/dist/components/BlockItemWrapper/Toolbar/Toolbar.es.js

@@ -1,33 +1,24 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { ToolbarSegment as e } from "./ToolbarSegment.es.js";
-import { AttachmentsToolbarButton as n } from "./AttachmentsToolbarButton/AttachmentsToolbarButton.es.js";
-import { ToolbarButton as d } from "./ToolbarButton/ToolbarButton.es.js";
-import { FlyoutToolbarButton as p } from "./FlyoutToolbarButton/FlyoutToolbarButton.es.js";
-import { MenuToolbarButton as i } from "./MenuToolbarButton/MenuToolbarButton.es.js";
-import { DragHandleToolbarButton as s } from "./DragHandleToolbarButton/DragHandleToolbarButton.es.js";
-const y = ({ items: r, attachments: l }) => /* @__PURE__ */ a(
-  "div",
-  {
-    "data-test-id": "block-item-wrapper-toolbar",
-    className: "tw-rounded-md tw-bg-surface tw-border tw-border-line-mid tw-divide-x tw-divide-line-mid tw-shadow-lg tw-flex tw-flex-none tw-items-center tw-isolate",
-    children: [
-      l.isEnabled && /* @__PURE__ */ t(e, { children: /* @__PURE__ */ t(n, {}) }),
-      r.length > 0 && /* @__PURE__ */ t(e, { children: r.map((o) => {
-        switch (o.type) {
-          case "dragHandle":
-            return /* @__PURE__ */ t(s, { ...o }, o.tooltip + o.type);
-          case "menu":
-            return /* @__PURE__ */ t(i, { ...o }, o.tooltip + o.type);
-          case "flyout":
-            return /* @__PURE__ */ t(p, { ...o }, o.tooltip + o.type);
-          default:
-            return /* @__PURE__ */ t(d, { ...o }, o.tooltip + o.type);
-        }
-      }) })
-    ]
-  }
-);
-export {
-  y as Toolbar
-};
-//# sourceMappingURL=Toolbar.es.js.map
+import { AttachmentsToolbarButton as e } from "./AttachmentsToolbarButton/AttachmentsToolbarButton.es.js";
+import { DragHandleToolbarButton as t } from "./DragHandleToolbarButton/DragHandleToolbarButton.es.js";
+import { FlyoutToolbarButton as n } from "./FlyoutToolbarButton/FlyoutToolbarButton.es.js";
+import { MenuToolbarButton as r } from "./MenuToolbarButton/MenuToolbarButton.es.js";
+import { ToolbarButton as i } from "./ToolbarButton/ToolbarButton.es.js";
+import { ToolbarSegment as a } from "./ToolbarSegment.es.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/BlockItemWrapper/Toolbar/Toolbar.tsx
+var c = ({ items: c, attachments: l }) => /* @__PURE__ */ s("div", {
+	"data-test-id": "block-item-wrapper-toolbar",
+	className: "tw-rounded-md tw-bg-surface tw-border tw-border-line-mid tw-divide-x tw-divide-line-mid tw-shadow-lg tw-flex tw-flex-none tw-items-center tw-isolate",
+	children: [l.isEnabled && /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(e, {}) }), c.length > 0 && /* @__PURE__ */ o(a, { children: c.map((e) => {
+		switch (e.type) {
+			case "dragHandle": return /* @__PURE__ */ o(t, { ...e }, e.tooltip + e.type);
+			case "menu": return /* @__PURE__ */ o(r, { ...e }, e.tooltip + e.type);
+			case "flyout": return /* @__PURE__ */ o(n, { ...e }, e.tooltip + e.type);
+			default: return /* @__PURE__ */ o(i, { ...e }, e.tooltip + e.type);
+		}
+	}) })]
+});
+//#endregion
+export { c as Toolbar };
+
+//# sourceMappingURL=Toolbar.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/Toolbar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.es.js","sources":["../../../../src/components/BlockItemWrapper/Toolbar/Toolbar.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AttachmentsToolbarButton } from './AttachmentsToolbarButton';\nimport { DragHandleToolbarButton } from './DragHandleToolbarButton';\nimport { FlyoutToolbarButton } from './FlyoutToolbarButton';\nimport { MenuToolbarButton } from './MenuToolbarButton';\nimport { ToolbarButton } from './ToolbarButton';\nimport { ToolbarSegment } from './ToolbarSegment';\nimport { type ToolbarProps } from './types';\n\nexport const Toolbar = ({ items, attachments }: ToolbarProps) => (\n    <div\n        data-test-id=\"block-item-wrapper-toolbar\"\n        className=\"tw-rounded-md tw-bg-surface tw-border tw-border-line-mid tw-divide-x tw-divide-line-mid tw-shadow-lg tw-flex tw-flex-none tw-items-center tw-isolate\"\n    >\n        {attachments.isEnabled && (\n            <ToolbarSegment>\n                <AttachmentsToolbarButton />\n            </ToolbarSegment>\n        )}\n        {items.length > 0 && (\n            <ToolbarSegment>\n                {items.map((item) => {\n                    switch (item.type) {\n                        case 'dragHandle':\n                            return <DragHandleToolbarButton key={item.tooltip + item.type} {...item} />;\n                        case 'menu':\n                            return <MenuToolbarButton key={item.tooltip + item.type} {...item} />;\n                        case 'flyout':\n                            // oxlint-disable-next-line typescript/restrict-plus-operands,typescript/no-base-to-string\n                            return <FlyoutToolbarButton key={item.tooltip + item.type} {...item} />;\n                        default:\n                            return <ToolbarButton key={item.tooltip + item.type} {...item} />;\n                    }\n                })}\n            </ToolbarSegment>\n        )}\n    </div>\n);\n"],"names":["Toolbar","items","attachments","jsxs","jsx","ToolbarSegment","AttachmentsToolbarButton","item","DragHandleToolbarButton","MenuToolbarButton","FlyoutToolbarButton","ToolbarButton"],"mappings":";;;;;;;AAUO,MAAMA,IAAU,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAC7B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,gBAAa;AAAA,IACb,WAAU;AAAA,IAET,UAAA;AAAA,MAAAD,EAAY,aACT,gBAAAE,EAACC,GAAA,EACG,UAAA,gBAAAD,EAACE,KAAyB,GAC9B;AAAA,MAEHL,EAAM,SAAS,KACZ,gBAAAG,EAACC,KACI,UAAAJ,EAAM,IAAI,CAACM,MAAS;AACjB,gBAAQA,EAAK,MAAA;AAAA,UACT,KAAK;AACD,qCAAQC,GAAA,EAAwD,GAAGD,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,UAC7E,KAAK;AACD,qCAAQE,GAAA,EAAkD,GAAGF,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,UACvE,KAAK;AAED,qCAAQG,GAAA,EAAoD,GAAGH,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,UACzE;AACI,qCAAQI,GAAA,EAA8C,GAAGJ,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,QAAA;AAAA,MAE3E,CAAC,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAER;"}
+{"version":3,"file":"Toolbar.es.js","names":[],"sources":["../../../../src/components/BlockItemWrapper/Toolbar/Toolbar.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AttachmentsToolbarButton } from './AttachmentsToolbarButton';\nimport { DragHandleToolbarButton } from './DragHandleToolbarButton';\nimport { FlyoutToolbarButton } from './FlyoutToolbarButton';\nimport { MenuToolbarButton } from './MenuToolbarButton';\nimport { ToolbarButton } from './ToolbarButton';\nimport { ToolbarSegment } from './ToolbarSegment';\nimport { type ToolbarProps } from './types';\n\nexport const Toolbar = ({ items, attachments }: ToolbarProps) => (\n    <div\n        data-test-id=\"block-item-wrapper-toolbar\"\n        className=\"tw-rounded-md tw-bg-surface tw-border tw-border-line-mid tw-divide-x tw-divide-line-mid tw-shadow-lg tw-flex tw-flex-none tw-items-center tw-isolate\"\n    >\n        {attachments.isEnabled && (\n            <ToolbarSegment>\n                <AttachmentsToolbarButton />\n            </ToolbarSegment>\n        )}\n        {items.length > 0 && (\n            <ToolbarSegment>\n                {items.map((item) => {\n                    switch (item.type) {\n                        case 'dragHandle':\n                            return <DragHandleToolbarButton key={item.tooltip + item.type} {...item} />;\n                        case 'menu':\n                            return <MenuToolbarButton key={item.tooltip + item.type} {...item} />;\n                        case 'flyout':\n                            // oxlint-disable-next-line typescript/restrict-plus-operands,typescript/no-base-to-string\n                            return <FlyoutToolbarButton key={item.tooltip + item.type} {...item} />;\n                        default:\n                            return <ToolbarButton key={item.tooltip + item.type} {...item} />;\n                    }\n                })}\n            </ToolbarSegment>\n        )}\n    </div>\n);\n"],"mappings":";;;;;;;;AAUA,IAAa,KAAW,EAAE,UAAO,qBAC7B,kBAAC,OAAD;CACI,gBAAa;CACb,WAAU;CAFd,UAAA,CAIK,EAAY,aACT,kBAAC,GAAD,EAAA,UACI,kBAAC,GAAD,CAA2B,CAAA,EACf,CAAA,GAEnB,EAAM,SAAS,KACZ,kBAAC,GAAD,EAAA,UACK,EAAM,KAAK,MAAS;EACjB,QAAQ,EAAK,MAAb;GACI,KAAK,cACD,OAAO,kBAAC,GAAD,EAAwD,GAAI,EAAO,GAArC,EAAK,UAAU,EAAK,IAAiB;GAC9E,KAAK,QACD,OAAO,kBAAC,GAAD,EAAkD,GAAI,EAAO,GAArC,EAAK,UAAU,EAAK,IAAiB;GACxE,KAAK,UAED,OAAO,kBAAC,GAAD,EAAoD,GAAI,EAAO,GAArC,EAAK,UAAU,EAAK,IAAiB;GAC1E,SACI,OAAO,kBAAC,GAAD,EAA8C,GAAI,EAAO,GAArC,EAAK,UAAU,EAAK,IAAiB;EACxE;CACJ,CAAC,EACW,CAAA,CAEnB"}

package/dist/components/BlockItemWrapper/Toolbar/ToolbarButton/ToolbarButton.es.js

@@ -1,12 +1,21 @@
-import { jsx as o } from "react/jsx-runtime";
-import { BaseToolbarButton as n } from "../BaseToolbarButton.es.js";
-import { useDragPreviewContext as a } from "../context/DragPreviewContext.es.js";
-import { ToolbarButtonTooltip as l } from "../ToolbarButtonTooltip.es.js";
-const c = ({ tooltip: t, icon: r, onClick: e }) => {
-  const i = a();
-  return /* @__PURE__ */ o(l, { disabled: i, content: t ?? "", children: /* @__PURE__ */ o(n, { "data-test-id": "block-item-wrapper-toolbar-btn", onClick: e, children: r }) });
+import { useDragPreviewContext as e } from "../context/DragPreviewContext.es.js";
+import { BaseToolbarButton as t } from "../BaseToolbarButton.es.js";
+import { ToolbarButtonTooltip as n } from "../ToolbarButtonTooltip.es.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/BlockItemWrapper/Toolbar/ToolbarButton/ToolbarButton.tsx
+var i = ({ tooltip: i, icon: a, onClick: o }) => {
+	let s = e();
+	return /* @__PURE__ */ r(n, {
+		disabled: s,
+		content: i ?? "",
+		children: /* @__PURE__ */ r(t, {
+			"data-test-id": "block-item-wrapper-toolbar-btn",
+			onClick: o,
+			children: a
+		})
+	});
 };
-export {
-  c as ToolbarButton
-};
-//# sourceMappingURL=ToolbarButton.es.js.map
+//#endregion
+export { i as ToolbarButton };
+
+//# sourceMappingURL=ToolbarButton.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/ToolbarButton/ToolbarButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/ToolbarButton/ToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\nimport { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\n\nexport type ToolbarButtonProps = { icon: JSX.Element; tooltip?: string; onClick: () => void };\n\nexport const ToolbarButton = ({ tooltip, icon, onClick }: ToolbarButtonProps) => {\n    const isDragPreview = useDragPreviewContext();\n\n    return (\n        <ToolbarButtonTooltip disabled={isDragPreview} content={tooltip ?? ''}>\n            <BaseToolbarButton data-test-id=\"block-item-wrapper-toolbar-btn\" onClick={onClick}>\n                {icon}\n            </BaseToolbarButton>\n        </ToolbarButtonTooltip>\n    );\n};\n"],"names":["ToolbarButton","tooltip","icon","onClick","isDragPreview","useDragPreviewContext","jsx","ToolbarButtonTooltip","BaseToolbarButton"],"mappings":";;;;AAQO,MAAMA,IAAgB,CAAC,EAAE,SAAAC,GAAS,MAAAC,GAAM,SAAAC,QAAkC;AAC7E,QAAMC,IAAgBC,EAAA;AAEtB,SACI,gBAAAC,EAACC,GAAA,EAAqB,UAAUH,GAAe,SAASH,KAAW,IAC/D,UAAA,gBAAAK,EAACE,GAAA,EAAkB,gBAAa,kCAAiC,SAAAL,GAC5D,aACL,GACJ;AAER;"}
+{"version":3,"file":"ToolbarButton.es.js","names":[],"sources":["../../../../../src/components/BlockItemWrapper/Toolbar/ToolbarButton/ToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\nimport { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\n\nexport type ToolbarButtonProps = { icon: JSX.Element; tooltip?: string; onClick: () => void };\n\nexport const ToolbarButton = ({ tooltip, icon, onClick }: ToolbarButtonProps) => {\n    const isDragPreview = useDragPreviewContext();\n\n    return (\n        <ToolbarButtonTooltip disabled={isDragPreview} content={tooltip ?? ''}>\n            <BaseToolbarButton data-test-id=\"block-item-wrapper-toolbar-btn\" onClick={onClick}>\n                {icon}\n            </BaseToolbarButton>\n        </ToolbarButtonTooltip>\n    );\n};\n"],"mappings":";;;;;AAQA,IAAa,KAAiB,EAAE,YAAS,SAAM,iBAAkC;CAC7E,IAAM,IAAgB,EAAsB;CAE5C,OACI,kBAAC,GAAD;EAAsB,UAAU;EAAe,SAAS,KAAW;EAC/D,UAAA,kBAAC,GAAD;GAAmB,gBAAa;GAA0C;GACrE,UAAA;EACc,CAAA;CACD,CAAA;AAE9B"}

package/dist/components/BlockItemWrapper/Toolbar/ToolbarButtonTooltip.es.js

@@ -1,10 +1,18 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { Tooltip as t } from "@frontify/fondue/components";
-const d = ({ content: e, children: r, open: i, disabled: n }) => n ? r : /* @__PURE__ */ l(t.Root, { enterDelay: 300, open: i, children: [
-  /* @__PURE__ */ o(t.Trigger, { asChild: !0, children: r }),
-  /* @__PURE__ */ o(t.Content, { side: "top", children: /* @__PURE__ */ o("div", { children: e }) })
-] });
-export {
-  d as ToolbarButtonTooltip
-};
-//# sourceMappingURL=ToolbarButtonTooltip.es.js.map
+import { Tooltip as e } from "@frontify/fondue/components";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/BlockItemWrapper/Toolbar/ToolbarButtonTooltip.tsx
+var r = ({ content: r, children: i, open: a, disabled: o }) => o ? i : /* @__PURE__ */ n(e.Root, {
+	enterDelay: 300,
+	open: a,
+	children: [/* @__PURE__ */ t(e.Trigger, {
+		asChild: !0,
+		children: i
+	}), /* @__PURE__ */ t(e.Content, {
+		side: "top",
+		children: /* @__PURE__ */ t("div", { children: r })
+	})]
+});
+//#endregion
+export { r as ToolbarButtonTooltip };
+
+//# sourceMappingURL=ToolbarButtonTooltip.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/ToolbarButtonTooltip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarButtonTooltip.es.js","sources":["../../../../src/components/BlockItemWrapper/Toolbar/ToolbarButtonTooltip.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Tooltip } from '@frontify/fondue/components';\nimport { type ReactElement, type ReactNode } from 'react';\n\ntype ToolbarButtonTooltipProps = {\n    content: ReactNode;\n    children: ReactElement;\n    open?: boolean;\n    disabled?: boolean;\n};\n\nexport const ToolbarButtonTooltip = ({ content, children, open, disabled }: ToolbarButtonTooltipProps) => {\n    return disabled ? (\n        children\n    ) : (\n        <Tooltip.Root enterDelay={300} open={open}>\n            <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n            <Tooltip.Content side=\"top\">\n                <div>{content}</div>\n            </Tooltip.Content>\n        </Tooltip.Root>\n    );\n};\n"],"names":["ToolbarButtonTooltip","content","children","open","disabled","jsxs","Tooltip","jsx"],"mappings":";;AAYO,MAAMA,IAAuB,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,MAAAC,GAAM,UAAAC,QACrDA,IACHF,IAEA,gBAAAG,EAACC,EAAQ,MAAR,EAAa,YAAY,KAAK,MAAAH,GAC3B,UAAA;AAAA,EAAA,gBAAAI,EAACD,EAAQ,SAAR,EAAgB,SAAO,IAAE,UAAAJ,GAAS;AAAA,EACnC,gBAAAK,EAACD,EAAQ,SAAR,EAAgB,MAAK,OAClB,UAAA,gBAAAC,EAAC,OAAA,EAAK,UAAAN,EAAA,CAAQ,EAAA,CAClB;AAAA,GACJ;"}
+{"version":3,"file":"ToolbarButtonTooltip.es.js","names":[],"sources":["../../../../src/components/BlockItemWrapper/Toolbar/ToolbarButtonTooltip.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Tooltip } from '@frontify/fondue/components';\nimport { type ReactElement, type ReactNode } from 'react';\n\ntype ToolbarButtonTooltipProps = {\n    content: ReactNode;\n    children: ReactElement;\n    open?: boolean;\n    disabled?: boolean;\n};\n\nexport const ToolbarButtonTooltip = ({ content, children, open, disabled }: ToolbarButtonTooltipProps) => {\n    return disabled ? (\n        children\n    ) : (\n        <Tooltip.Root enterDelay={300} open={open}>\n            <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n            <Tooltip.Content side=\"top\">\n                <div>{content}</div>\n            </Tooltip.Content>\n        </Tooltip.Root>\n    );\n};\n"],"mappings":";;;AAYA,IAAa,KAAwB,EAAE,YAAS,aAAU,SAAM,kBACrD,IACH,IAEA,kBAAC,EAAQ,MAAT;CAAc,YAAY;CAAW;CAArC,UAAA,CACI,kBAAC,EAAQ,SAAT;EAAiB,SAAA;EAAS;CAA0B,CAAA,GACpD,kBAAC,EAAQ,SAAT;EAAiB,MAAK;EAClB,UAAA,kBAAC,OAAD,EAAA,UAAM,EAAa,CAAA;CACN,CAAA,CACP"}

package/dist/components/BlockItemWrapper/Toolbar/ToolbarSegment.es.js

@@ -1,13 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
-const a = ({ children: t }) => /* @__PURE__ */ e(
-  "div",
-  {
-    "data-test-id": "block-item-wrapper-toolbar-segment",
-    className: "tw-pointer-events-auto tw-flex tw-flex-shrink-0 tw-gap-px tw-px-px tw-h-[26px] tw-items-center tw-self-start tw-leading-none",
-    children: t
-  }
-);
-export {
-  a as ToolbarSegment
-};
-//# sourceMappingURL=ToolbarSegment.es.js.map
+//#region src/components/BlockItemWrapper/Toolbar/ToolbarSegment.tsx
+var t = ({ children: t }) => /* @__PURE__ */ e("div", {
+	"data-test-id": "block-item-wrapper-toolbar-segment",
+	className: "tw-pointer-events-auto tw-flex tw-flex-shrink-0 tw-gap-px tw-px-px tw-h-[26px] tw-items-center tw-self-start tw-leading-none",
+	children: t
+});
+//#endregion
+export { t as ToolbarSegment };
+
+//# sourceMappingURL=ToolbarSegment.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/ToolbarSegment.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarSegment.es.js","sources":["../../../../src/components/BlockItemWrapper/Toolbar/ToolbarSegment.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactNode } from 'react';\n\nexport const ToolbarSegment = ({ children }: { children: ReactNode }) => (\n    <div\n        data-test-id=\"block-item-wrapper-toolbar-segment\"\n        className=\"tw-pointer-events-auto tw-flex tw-flex-shrink-0 tw-gap-px tw-px-px tw-h-[26px] tw-items-center tw-self-start tw-leading-none\"\n    >\n        {children}\n    </div>\n);\n"],"names":["ToolbarSegment","children","jsx"],"mappings":";AAIO,MAAMA,IAAiB,CAAC,EAAE,UAAAC,EAAA,MAC7B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,gBAAa;AAAA,IACb,WAAU;AAAA,IAET,UAAAD;AAAA,EAAA;AACL;"}
+{"version":3,"file":"ToolbarSegment.es.js","names":[],"sources":["../../../../src/components/BlockItemWrapper/Toolbar/ToolbarSegment.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactNode } from 'react';\n\nexport const ToolbarSegment = ({ children }: { children: ReactNode }) => (\n    <div\n        data-test-id=\"block-item-wrapper-toolbar-segment\"\n        className=\"tw-pointer-events-auto tw-flex tw-flex-shrink-0 tw-gap-px tw-px-px tw-h-[26px] tw-items-center tw-self-start tw-leading-none\"\n    >\n        {children}\n    </div>\n);\n"],"mappings":";;AAIA,IAAa,KAAkB,EAAE,kBAC7B,kBAAC,OAAD;CACI,gBAAa;CACb,WAAU;CAET;AACA,CAAA"}

package/dist/components/BlockItemWrapper/Toolbar/context/DragPreviewContext.es.js

@@ -1,13 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useContext as a, createContext as i } from "react";
-const e = i(!1);
-e.displayName = "DragPreviewContext";
-const x = ({
-  children: t,
-  isDragPreview: r
-}) => /* @__PURE__ */ o(e.Provider, { value: r, children: t }), v = () => a(e);
-export {
-  x as DragPreviewContextProvider,
-  v as useDragPreviewContext
-};
-//# sourceMappingURL=DragPreviewContext.es.js.map
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/BlockItemWrapper/Toolbar/context/DragPreviewContext.tsx
+var r = e(!1);
+r.displayName = "DragPreviewContext";
+var i = ({ children: e, isDragPreview: t }) => /* @__PURE__ */ n(r.Provider, {
+	value: t,
+	children: e
+}), a = () => t(r);
+//#endregion
+export { i as DragPreviewContextProvider, a as useDragPreviewContext };
+
+//# sourceMappingURL=DragPreviewContext.es.js.map