@frontify/guideline-blocks-settings 0.33.4 → 0.33.5

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

@@ -0,0 +1,71 @@
+import { jsx as t, Fragment as y, jsxs as h } from "react/jsx-runtime";
+import { useState as x, useRef as g } from "react";
+import { DragPreviewContextProvider as b } from "./Toolbar/context/DragPreviewContext.es.js";
+import { MultiFlyoutContextProvider as F } from "./Toolbar/context/MultiFlyoutContext.es.js";
+import { DEFAULT_MENU_BUTTON_ID as N } from "./Toolbar/MenuToolbarButton/MenuToolbarButton.es.js";
+import { Toolbar as T } from "./Toolbar/Toolbar.es.js";
+import { joinClassNames as w } from "../../utilities/react/joinClassNames.es.js";
+const k = ({
+  children: i,
+  toolbarItems: e,
+  shouldHideWrapper: a,
+  shouldHideComponent: n = !1,
+  isDragging: p = !1,
+  shouldFillContainer: c,
+  outlineOffset: o = 2,
+  shouldBeShown: r = !1,
+  showAttachments: u = !1
+}) => {
+  const [l, f] = x(r ? [N] : []), m = g(null);
+  if (a)
+    return /* @__PURE__ */ t(y, { children: i });
+  const d = e == null ? void 0 : e.filter((v) => v !== void 0), s = l.length > 0 || r;
+  return /* @__PURE__ */ t(b, { isDragPreview: p, children: /* @__PURE__ */ t(F, { openFlyoutIds: l, setOpenFlyoutIds: f, children: /* @__PURE__ */ h(
+    "div",
+    {
+      ref: m,
+      "data-test-id": "block-item-wrapper",
+      style: {
+        outlineOffset: o
+      },
+      className: w([
+        "tw-relative tw-group tw-outline-1 tw-outline-box-selected-inverse",
+        c && "tw-flex-1 tw-h-full tw-w-full",
+        "hover:tw-outline focus-within:tw-outline",
+        s && "tw-outline",
+        n && "tw-opacity-0"
+      ]),
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              right: -1 - o,
+              bottom: `calc(100% - ${2 + o}px)`
+            },
+            className: w([
+              "tw-pointer-events-none tw-absolute tw-bottom-[calc(100%-4px)] tw-right-[-3px] tw-w-full tw-opacity-0 tw-z-[60]",
+              "group-hover:tw-opacity-100 group-focus:tw-opacity-100 focus-within:tw-opacity-100",
+              "tw-flex tw-justify-end",
+              s && "tw-opacity-100"
+            ]),
+            children: /* @__PURE__ */ t(
+              T,
+              {
+                attachments: {
+                  isEnabled: u
+                },
+                items: d
+              }
+            )
+          }
+        ),
+        i
+      ]
+    }
+  ) }) });
+};
+export {
+  k as BlockItemWrapper
+};
+//# sourceMappingURL=BlockItemWrapper.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockItemWrapper.es.js","sources":["../../../src/components/BlockItemWrapper/BlockItemWrapper.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactElement, useRef, useState } from 'react';\n\nimport { joinClassNames } from '../../utilities';\n\nimport { DEFAULT_MENU_BUTTON_ID, Toolbar, type ToolbarItem } from './Toolbar';\nimport { type BlockItemWrapperProps } from './types';\nimport { DragPreviewContextProvider } from './Toolbar/context/DragPreviewContext';\nimport { MultiFlyoutContextProvider } from './Toolbar/context/MultiFlyoutContext';\n\nexport const BlockItemWrapper = ({\n    children,\n    toolbarItems,\n    shouldHideWrapper,\n    shouldHideComponent = false,\n    isDragging = false,\n    shouldFillContainer,\n    outlineOffset = 2,\n    shouldBeShown = false,\n    showAttachments = false,\n}: BlockItemWrapperProps): ReactElement => {\n    const [openFlyoutIds, setOpenFlyoutIds] = useState<string[]>(shouldBeShown ? [DEFAULT_MENU_BUTTON_ID] : []);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    if (shouldHideWrapper) {\n        // eslint-disable-next-line react/jsx-no-useless-fragment\n        return <>{children}</>;\n    }\n\n    const items = toolbarItems?.filter((item): item is ToolbarItem => item !== undefined);\n\n    const shouldToolbarBeVisible = openFlyoutIds.length > 0 || shouldBeShown;\n\n    return (\n        <DragPreviewContextProvider isDragPreview={isDragging}>\n            <MultiFlyoutContextProvider openFlyoutIds={openFlyoutIds} setOpenFlyoutIds={setOpenFlyoutIds}>\n                <div\n                    ref={wrapperRef}\n                    data-test-id=\"block-item-wrapper\"\n                    style={{\n                        outlineOffset,\n                    }}\n                    className={joinClassNames([\n                        'tw-relative tw-group tw-outline-1 tw-outline-box-selected-inverse',\n                        shouldFillContainer && 'tw-flex-1 tw-h-full tw-w-full',\n                        'hover:tw-outline focus-within:tw-outline',\n                        shouldToolbarBeVisible && 'tw-outline',\n                        shouldHideComponent && 'tw-opacity-0',\n                    ])}\n                >\n                    <div\n                        style={{\n                            right: -1 - outlineOffset,\n                            bottom: `calc(100% - ${2 + outlineOffset}px)`,\n                        }}\n                        className={joinClassNames([\n                            'tw-pointer-events-none tw-absolute tw-bottom-[calc(100%-4px)] tw-right-[-3px] tw-w-full tw-opacity-0 tw-z-[60]',\n                            'group-hover:tw-opacity-100 group-focus:tw-opacity-100 focus-within:tw-opacity-100',\n                            'tw-flex tw-justify-end',\n                            shouldToolbarBeVisible && 'tw-opacity-100',\n                        ])}\n                    >\n                        <Toolbar\n                            attachments={{\n                                isEnabled: showAttachments,\n                            }}\n                            items={items}\n                        />\n                    </div>\n                    {children}\n                </div>\n            </MultiFlyoutContextProvider>\n        </DragPreviewContextProvider>\n    );\n};\n"],"names":["BlockItemWrapper","children","toolbarItems","shouldHideWrapper","shouldHideComponent","isDragging","shouldFillContainer","outlineOffset","shouldBeShown","showAttachments","openFlyoutIds","setOpenFlyoutIds","useState","DEFAULT_MENU_BUTTON_ID","wrapperRef","useRef","items","item","shouldToolbarBeVisible","DragPreviewContextProvider","jsx","MultiFlyoutContextProvider","jsxs","joinClassNames","Toolbar"],"mappings":";;;;;;;AAWO,MAAMA,IAAmB,CAAC;AAAA,EAC7B,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,YAAAC,IAAa;AAAA,EACb,qBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,eAAAC,IAAgB;AAAA,EAChB,iBAAAC,IAAkB;AACtB,MAA2C;AACjC,QAAA,CAACC,GAAeC,CAAgB,IAAIC,EAAmBJ,IAAgB,CAACK,CAAsB,IAAI,CAAA,CAAE,GACpGC,IAAaC,EAAuB,IAAI;AAE9C,MAAIZ;AAEA,kCAAU,UAAAF,EAAS,CAAA;AAGvB,QAAMe,IAAQd,KAAA,gBAAAA,EAAc,OAAO,CAACe,MAA8BA,MAAS,SAErEC,IAAyBR,EAAc,SAAS,KAAKF;AAE3D,2BACKW,GAA2B,EAAA,eAAed,GACvC,UAAC,gBAAAe,EAAAC,GAAA,EAA2B,eAAAX,GAA8B,kBAAAC,GACtD,UAAA,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKR;AAAA,MACL,gBAAa;AAAA,MACb,OAAO;AAAA,QACH,eAAAP;AAAA,MACJ;AAAA,MACA,WAAWgB,EAAe;AAAA,QACtB;AAAA,QACAjB,KAAuB;AAAA,QACvB;AAAA,QACAY,KAA0B;AAAA,QAC1Bd,KAAuB;AAAA,MAAA,CAC1B;AAAA,MAED,UAAA;AAAA,QAAA,gBAAAgB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAO;AAAA,cACH,OAAO,KAAKb;AAAA,cACZ,QAAQ,eAAe,IAAIA,CAAa;AAAA,YAC5C;AAAA,YACA,WAAWgB,EAAe;AAAA,cACtB;AAAA,cACA;AAAA,cACA;AAAA,cACAL,KAA0B;AAAA,YAAA,CAC7B;AAAA,YAED,UAAA,gBAAAE;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,aAAa;AAAA,kBACT,WAAWf;AAAA,gBACf;AAAA,gBACA,OAAAO;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,QACJ;AAAA,QACCf;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAET,CAAA,EACJ,CAAA;AAER;"}

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

@@ -0,0 +1,33 @@
+import { jsx as h } from "react/jsx-runtime";
+import { useMemoizedId as A } from "@frontify/fondue";
+import { useMultiFlyoutState as l } from "../hooks/useMultiFlyoutState.es.js";
+import { AttachmentsToolbarButtonTrigger as d } from "./AttachmentsToolbarButtonTrigger.es.js";
+import { useDragPreviewContext as u } from "../context/DragPreviewContext.es.js";
+import { useAttachmentsContext as T } from "../../../../hooks/useAttachments.es.js";
+import { Attachments as g } from "../../../Attachments/Attachments.es.js";
+const f = "attachments", U = ({
+  flyoutId: o = f
+}) => {
+  const n = A(o), { appBridge: r, attachments: m, onAttachmentsAdd: t, onAttachmentDelete: s, onAttachmentReplace: e, onAttachmentsSorted: a } = T(), { isOpen: i, onOpenChange: c } = l(n), p = u();
+  return /* @__PURE__ */ h(
+    g,
+    {
+      onUpload: t,
+      onDelete: s,
+      onReplaceWithBrowse: e,
+      onReplaceWithUpload: e,
+      onSorted: a,
+      onBrowse: t,
+      items: m,
+      appBridge: r,
+      triggerComponent: d,
+      isOpen: i && !p,
+      onOpenChange: c
+    }
+  );
+};
+export {
+  U as AttachmentsToolbarButton,
+  f as DEFAULT_ATTACHMENTS_BUTTON_ID
+};
+//# sourceMappingURL=AttachmentsToolbarButton.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentsToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/AttachmentsToolbarButton/AttachmentsToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useMemoizedId } from '@frontify/fondue';\n\nimport { useAttachmentsContext } from '../../../../hooks';\nimport { Attachments } from '../../../Attachments';\nimport { useMultiFlyoutState } from '../hooks/useMultiFlyoutState';\n\nimport { AttachmentsToolbarButtonTrigger } from './AttachmentsToolbarButtonTrigger';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\n\nexport const DEFAULT_ATTACHMENTS_BUTTON_ID = 'attachments';\n\ntype AttachmentsToolbarButtonProps = { flyoutId?: string };\n\nexport const AttachmentsToolbarButton = ({\n    flyoutId = DEFAULT_ATTACHMENTS_BUTTON_ID,\n}: AttachmentsToolbarButtonProps) => {\n    const id = useMemoizedId(flyoutId);\n\n    const { appBridge, attachments, onAttachmentsAdd, onAttachmentDelete, onAttachmentReplace, onAttachmentsSorted } =\n        useAttachmentsContext();\n\n    const { isOpen, onOpenChange } = useMultiFlyoutState(id);\n    const isDragPreview = useDragPreviewContext();\n\n    return (\n        <Attachments\n            onUpload={onAttachmentsAdd}\n            onDelete={onAttachmentDelete}\n            onReplaceWithBrowse={onAttachmentReplace}\n            onReplaceWithUpload={onAttachmentReplace}\n            onSorted={onAttachmentsSorted}\n            onBrowse={onAttachmentsAdd}\n            items={attachments}\n            appBridge={appBridge}\n            triggerComponent={AttachmentsToolbarButtonTrigger}\n            isOpen={isOpen && !isDragPreview}\n            onOpenChange={onOpenChange}\n        />\n    );\n};\n"],"names":["DEFAULT_ATTACHMENTS_BUTTON_ID","AttachmentsToolbarButton","flyoutId","id","useMemoizedId","appBridge","attachments","onAttachmentsAdd","onAttachmentDelete","onAttachmentReplace","onAttachmentsSorted","useAttachmentsContext","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","jsx","Attachments","AttachmentsToolbarButtonTrigger"],"mappings":";;;;;;;AAWO,MAAMA,IAAgC,eAIhCC,IAA2B,CAAC;AAAA,EACrC,UAAAC,IAAWF;AACf,MAAqC;AAC3B,QAAAG,IAAKC,EAAcF,CAAQ,GAE3B,EAAE,WAAAG,GAAW,aAAAC,GAAa,kBAAAC,GAAkB,oBAAAC,GAAoB,qBAAAC,GAAqB,qBAAAC,MACvFC,KAEE,EAAE,QAAAC,GAAQ,cAAAC,EAAa,IAAIC,EAAoBX,CAAE,GACjDY,IAAgBC;AAGlB,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAUX;AAAA,MACV,UAAUC;AAAA,MACV,qBAAqBC;AAAA,MACrB,qBAAqBA;AAAA,MACrB,UAAUC;AAAA,MACV,UAAUH;AAAA,MACV,OAAOD;AAAA,MACP,WAAAD;AAAA,MACA,kBAAkBc;AAAA,MAClB,QAAQP,KAAU,CAACG;AAAA,MACnB,cAAAF;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -0,0 +1,26 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { IconPaperclip16 as c, IconCaretDown12 as i } from "@frontify/fondue";
+import { BaseToolbarButton as m } from "../BaseToolbarButton.es.js";
+const f = ({
+  children: o,
+  isFlyoutOpen: r,
+  triggerProps: e,
+  triggerRef: a
+}) => /* @__PURE__ */ n(
+  m,
+  {
+    forceActiveStyle: r,
+    "data-test-id": "attachments-toolbar-button-trigger",
+    ...e,
+    ref: a,
+    children: [
+      /* @__PURE__ */ t(c, {}),
+      o,
+      /* @__PURE__ */ t(i, {})
+    ]
+  }
+);
+export {
+  f as AttachmentsToolbarButtonTrigger
+};
+//# sourceMappingURL=AttachmentsToolbarButtonTrigger.es.js.map

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

@@ -0,0 +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 { IconCaretDown12, IconPaperclip16 } from '@frontify/fondue';\nimport { type AttachmentsTriggerProps } from '../../../Attachments/types';\n\nimport { BaseToolbarButton } from '../BaseToolbarButton';\n\nexport const AttachmentsToolbarButtonTrigger = ({\n    children,\n    isFlyoutOpen,\n    triggerProps,\n    triggerRef,\n}: AttachmentsTriggerProps) => (\n    <BaseToolbarButton\n        forceActiveStyle={isFlyoutOpen}\n        data-test-id=\"attachments-toolbar-button-trigger\"\n        {...triggerProps}\n        ref={triggerRef}\n    >\n        <IconPaperclip16 />\n        {children}\n        <IconCaretDown12 />\n    </BaseToolbarButton>\n);\n"],"names":["AttachmentsToolbarButtonTrigger","children","isFlyoutOpen","triggerProps","triggerRef","jsxs","BaseToolbarButton","jsx","IconPaperclip16","IconCaretDown12"],"mappings":";;;AAOO,MAAMA,IAAkC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACJ,MACI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,kBAAkBJ;AAAA,IAClB,gBAAa;AAAA,IACZ,GAAGC;AAAA,IACJ,KAAKC;AAAA,IAEL,UAAA;AAAA,MAAA,gBAAAG,EAACC,GAAgB,EAAA;AAAA,MAChBP;AAAA,wBACAQ,GAAgB,EAAA;AAAA,IAAA;AAAA,EAAA;AACrB;"}

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

@@ -0,0 +1,28 @@
+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

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

@@ -0,0 +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';\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":";;;AAYO,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,KAEPC,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,EACL;AAER;AAEAH,EAAkB,cAAc;"}

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

@@ -0,0 +1,35 @@
+import { jsx as r } from "react/jsx-runtime";
+import { DEFAULT_DRAGGING_TOOLTIP as a, DEFAULT_DRAG_TOOLTIP as l } from "../../constants.es.js";
+import { useDragPreviewContext as m } from "../context/DragPreviewContext.es.js";
+import { BaseToolbarButton as c } from "../BaseToolbarButton.es.js";
+import { ToolbarButtonTooltip as p } from "../ToolbarButtonTooltip.es.js";
+const D = ({
+  tooltip: t,
+  icon: e,
+  setActivatorNodeRef: i,
+  draggableProps: n
+}) => {
+  const o = m();
+  return /* @__PURE__ */ r(
+    p,
+    {
+      open: o,
+      content: /* @__PURE__ */ r("div", { children: o ? a : t ?? l }),
+      children: /* @__PURE__ */ r(
+        c,
+        {
+          ref: i,
+          "data-test-id": "block-item-wrapper-toolbar-btn",
+          forceActiveStyle: o,
+          cursor: "grab",
+          ...n,
+          children: e
+        }
+      )
+    }
+  );
+};
+export {
+  D as DragHandleToolbarButton
+};
+//# sourceMappingURL=DragHandleToolbarButton.es.js.map

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

@@ -0,0 +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 { ReactNode } from 'react';\nimport { DEFAULT_DRAGGING_TOOLTIP, DEFAULT_DRAG_TOOLTIP } from '../../constants';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\nimport { BaseToolbarButton } from '../BaseToolbarButton';\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\n    return (\n        <ToolbarButtonTooltip\n            open={isDragPreview}\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","jsx","ToolbarButtonTooltip","DEFAULT_DRAGGING_TOOLTIP","DEFAULT_DRAG_TOOLTIP","BaseToolbarButton"],"mappings":";;;;;AAeO,MAAMA,IAA0B,CAAC;AAAA,EACpC,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,gBAAAC;AACJ,MAAoC;AAChC,QAAMC,IAAgBC;AAGlB,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAMH;AAAA,MACN,SAAU,gBAAAE,EAAA,OAAA,EAAK,UAAgBF,IAAAI,IAA2BR,KAAWS,GAAqB;AAAA,MAE1F,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,KAAKR;AAAA,UACL,gBAAa;AAAA,UACb,kBAAkBE;AAAA,UAClB,QAAO;AAAA,UACN,GAAGD;AAAA,UAEH,UAAAF;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -0,0 +1,44 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useDragPreviewContext as u } from "../context/DragPreviewContext.es.js";
+import { ToolbarButtonTooltip as p } from "../ToolbarButtonTooltip.es.js";
+import { useMemoizedId as h, Flyout as g, FlyoutPlacement as w } from "@frontify/fondue";
+import { BaseToolbarButton as x } from "../BaseToolbarButton.es.js";
+import { useMultiFlyoutState as y } from "../hooks/useMultiFlyoutState.es.js";
+const O = ({
+  content: r,
+  icon: i,
+  tooltip: l,
+  flyoutId: n,
+  flyoutFooter: a,
+  flyoutHeader: s
+}) => {
+  const m = h(n), { isOpen: e, onOpenChange: f } = y(m), o = u();
+  return /* @__PURE__ */ t(p, { disabled: o || e, content: l, children: /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-shrink-0 tw-flex-1 tw-h-6 tw-relative", children: /* @__PURE__ */ t(
+    g,
+    {
+      isOpen: e && !o,
+      legacyFooter: !1,
+      fixedFooter: a,
+      fixedHeader: s,
+      fitContent: !0,
+      hug: !1,
+      placement: w.BottomRight,
+      onOpenChange: f,
+      trigger: (c, d) => /* @__PURE__ */ t(
+        x,
+        {
+          "data-test-id": "block-item-wrapper-toolbar-flyout",
+          forceActiveStyle: e && !o,
+          ...c,
+          ref: d,
+          children: i
+        }
+      ),
+      children: r
+    }
+  ) }) });
+};
+export {
+  O as FlyoutToolbarButton
+};
+//# sourceMappingURL=FlyoutToolbarButton.es.js.map

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

@@ -0,0 +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 { type MutableRefObject, type ReactNode } from 'react';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\nimport { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\nimport { Flyout, FlyoutPlacement, useMemoizedId } from '@frontify/fondue';\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { useMultiFlyoutState } from '../hooks/useMultiFlyoutState';\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 id = useMemoizedId(flyoutId);\n\n    const { isOpen, onOpenChange } = useMultiFlyoutState(id);\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\n                    isOpen={isOpen && !isDragPreview}\n                    legacyFooter={false}\n                    fixedFooter={flyoutFooter}\n                    fixedHeader={flyoutHeader}\n                    fitContent\n                    hug={false}\n                    placement={FlyoutPlacement.BottomRight}\n                    onOpenChange={onOpenChange}\n                    trigger={(triggerProps, triggerRef) => (\n                        <BaseToolbarButton\n                            data-test-id=\"block-item-wrapper-toolbar-flyout\"\n                            forceActiveStyle={isOpen && !isDragPreview}\n                            {...triggerProps}\n                            ref={triggerRef as MutableRefObject<HTMLButtonElement>}\n                        >\n                            {icon}\n                        </BaseToolbarButton>\n                    )}\n                >\n                    {content}\n                </Flyout>\n            </div>\n        </ToolbarButtonTooltip>\n    );\n};\n"],"names":["FlyoutToolbarButton","content","icon","tooltip","flyoutId","flyoutFooter","flyoutHeader","id","useMemoizedId","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","jsx","ToolbarButtonTooltip","Flyout","FlyoutPlacement","triggerProps","triggerRef","BaseToolbarButton"],"mappings":";;;;;;AAkBO,MAAMA,IAAsB,CAAC;AAAA,EAChC,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AACJ,MAAgC;AACtB,QAAAC,IAAKC,EAAcJ,CAAQ,GAE3B,EAAE,QAAAK,GAAQ,cAAAC,EAAa,IAAIC,EAAoBJ,CAAE,GAEjDK,IAAgBC;AAGlB,SAAA,gBAAAC,EAACC,GAAqB,EAAA,UAAUH,KAAiBH,GAAQ,SAASN,GAC9D,UAAA,gBAAAW,EAAC,OAAI,EAAA,WAAU,yDACX,UAAA,gBAAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,QAAQP,KAAU,CAACG;AAAA,MACnB,cAAc;AAAA,MACd,aAAaP;AAAA,MACb,aAAaC;AAAA,MACb,YAAU;AAAA,MACV,KAAK;AAAA,MACL,WAAWW,EAAgB;AAAA,MAC3B,cAAAP;AAAA,MACA,SAAS,CAACQ,GAAcC,MACpB,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,gBAAa;AAAA,UACb,kBAAkBX,KAAU,CAACG;AAAA,UAC5B,GAAGM;AAAA,UACJ,KAAKC;AAAA,UAEJ,UAAAjB;AAAA,QAAA;AAAA,MACL;AAAA,MAGH,UAAAD;AAAA,IAAA;AAAA,EAAA,EAET,CAAA,EACJ,CAAA;AAER;"}

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

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useMemoizedId as m, IconDotsHorizontal16 as e } from "@frontify/fondue";
+import { ToolbarFlyoutMenu as i } from "./ToolbarFlyoutMenu.es.js";
+import { FlyoutToolbarButton as l } from "../FlyoutToolbarButton/FlyoutToolbarButton.es.js";
+const s = "menu", d = ({
+  items: n,
+  flyoutId: r = s,
+  tooltip: u = "Options"
+}) => {
+  const t = m(r);
+  return /* @__PURE__ */ o(
+    l,
+    {
+      icon: /* @__PURE__ */ o(e, {}),
+      tooltip: u,
+      flyoutId: t,
+      content: /* @__PURE__ */ o(i, { items: n, flyoutId: t })
+    }
+  );
+};
+export {
+  s as DEFAULT_MENU_BUTTON_ID,
+  d as MenuToolbarButton
+};
+//# sourceMappingURL=MenuToolbarButton.es.js.map

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

@@ -0,0 +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 { IconDotsHorizontal16, useMemoizedId } from '@frontify/fondue';\nimport { ToolbarFlyoutMenu, ToolbarFlyoutMenuItem } from './ToolbarFlyoutMenu';\nimport { FlyoutToolbarButton } from '../FlyoutToolbarButton/FlyoutToolbarButton';\n\nexport const DEFAULT_MENU_BUTTON_ID = 'menu';\n\nexport type MenuToolbarButtonProps = {\n    items: ToolbarFlyoutMenuItem[][];\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 id = useMemoizedId(flyoutId);\n\n    return (\n        <FlyoutToolbarButton\n            icon={<IconDotsHorizontal16 />}\n            tooltip={tooltip}\n            flyoutId={id}\n            content={<ToolbarFlyoutMenu items={items} flyoutId={id} />}\n        />\n    );\n};\n"],"names":["DEFAULT_MENU_BUTTON_ID","MenuToolbarButton","items","flyoutId","tooltip","id","useMemoizedId","jsx","FlyoutToolbarButton","IconDotsHorizontal16","ToolbarFlyoutMenu"],"mappings":";;;;AAMO,MAAMA,IAAyB,QAQzBC,IAAoB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,UAAAC,IAAWH;AAAA,EACX,SAAAI,IAAU;AACd,MAA8B;AACpB,QAAAC,IAAKC,EAAcH,CAAQ;AAG7B,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,wBAAOC,GAAqB,EAAA;AAAA,MAC5B,SAAAL;AAAA,MACA,UAAUC;AAAA,MACV,SAAS,gBAAAE,EAACG,GAAkB,EAAA,OAAAR,GAAc,UAAUG,GAAI;AAAA,IAAA;AAAA,EAAA;AAGpE;"}

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

@@ -0,0 +1,29 @@
+import { jsx as e } from "react/jsx-runtime";
+import { ActionMenu as m, MenuItemContentSize as s } from "@frontify/fondue";
+import { useMultiFlyoutState as u } from "../hooks/useMultiFlyoutState.es.js";
+const d = ({ items: n, flyoutId: i }) => {
+  const { onOpenChange: r } = u(i);
+  return /* @__PURE__ */ e(
+    m,
+    {
+      menuBlocks: n.map((l, o) => ({
+        id: o.toString(),
+        menuItems: l.map((t, a) => ({
+          id: o.toString() + a.toString(),
+          size: s.XSmall,
+          title: t.title,
+          style: t.style,
+          onClick: () => {
+            r(!1), t.onClick();
+          },
+          initialValue: !0,
+          decorator: /* @__PURE__ */ e("div", { className: "tw-mr-2", children: t.icon })
+        }))
+      }))
+    }
+  );
+};
+export {
+  d as ToolbarFlyoutMenu
+};
+//# sourceMappingURL=ToolbarFlyoutMenu.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarFlyoutMenu.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/MenuToolbarButton/ToolbarFlyoutMenu.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ActionMenu, MenuItemContentSize, MenuItemStyle } from '@frontify/fondue';\nimport { useMultiFlyoutState } from '../hooks/useMultiFlyoutState';\n\nexport type ToolbarFlyoutMenuItem = {\n    title: string;\n    onClick: () => void;\n    icon: JSX.Element;\n    style?: MenuItemStyle;\n};\n\nexport type ToolbarFlyoutMenuProps = {\n    items: ToolbarFlyoutMenuItem[][];\n    flyoutId: string;\n};\n\nexport const ToolbarFlyoutMenu = ({ items, flyoutId }: ToolbarFlyoutMenuProps) => {\n    const { onOpenChange } = useMultiFlyoutState(flyoutId);\n\n    return (\n        <ActionMenu\n            menuBlocks={items.map((block, blockIndex) => ({\n                id: blockIndex.toString(),\n                menuItems: block.map((item, itemIndex) => ({\n                    id: blockIndex.toString() + itemIndex.toString(),\n                    size: MenuItemContentSize.XSmall,\n                    title: item.title,\n                    style: item.style,\n                    onClick: () => {\n                        onOpenChange(false);\n                        item.onClick();\n                    },\n                    initialValue: true,\n                    decorator: <div className=\"tw-mr-2\">{item.icon}</div>,\n                })),\n            }))}\n        />\n    );\n};\n"],"names":["ToolbarFlyoutMenu","items","flyoutId","onOpenChange","useMultiFlyoutState","jsx","ActionMenu","block","blockIndex","item","itemIndex","MenuItemContentSize"],"mappings":";;;AAiBO,MAAMA,IAAoB,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAAuC;AAC9E,QAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAoBF,CAAQ;AAGjD,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAYL,EAAM,IAAI,CAACM,GAAOC,OAAgB;AAAA,QAC1C,IAAIA,EAAW,SAAS;AAAA,QACxB,WAAWD,EAAM,IAAI,CAACE,GAAMC,OAAe;AAAA,UACvC,IAAIF,EAAW,aAAaE,EAAU,SAAS;AAAA,UAC/C,MAAMC,EAAoB;AAAA,UAC1B,OAAOF,EAAK;AAAA,UACZ,OAAOA,EAAK;AAAA,UACZ,SAAS,MAAM;AACX,YAAAN,EAAa,EAAK,GAClBM,EAAK,QAAQ;AAAA,UACjB;AAAA,UACA,cAAc;AAAA,UACd,WAAY,gBAAAJ,EAAA,OAAA,EAAI,WAAU,WAAW,YAAK,MAAK;AAAA,QAAA,EACjD;AAAA,MAAA,EACJ;AAAA,IAAA;AAAA,EAAA;AAGd;"}

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

@@ -0,0 +1,22 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { ToolbarSegment as r } from "./ToolbarSegment.es.js";
+import { AttachmentsToolbarButton as a } from "./AttachmentsToolbarButton/AttachmentsToolbarButton.es.js";
+import { DragHandleToolbarButton as p } from "./DragHandleToolbarButton/DragHandleToolbarButton.es.js";
+import { MenuToolbarButton as d } from "./MenuToolbarButton/MenuToolbarButton.es.js";
+import { FlyoutToolbarButton as i } from "./FlyoutToolbarButton/FlyoutToolbarButton.es.js";
+import { ToolbarButton as s } from "./ToolbarButton/ToolbarButton.es.js";
+const g = ({ items: e, attachments: l }) => /* @__PURE__ */ n(
+  "div",
+  {
+    "data-test-id": "block-item-wrapper-toolbar",
+    className: "tw-rounded-md tw-bg-base tw-border tw-border-line-strong tw-divide-x tw-divide-line-strong tw-shadow-lg tw-flex tw-flex-none tw-items-center tw-isolate",
+    children: [
+      l.isEnabled && /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(a, {}) }),
+      /* @__PURE__ */ t(r, { children: e.map((o) => o.type === "dragHandle" ? /* @__PURE__ */ t(p, { ...o }, o.tooltip + o.type) : o.type === "menu" ? /* @__PURE__ */ t(d, { ...o }, o.tooltip + o.type) : o.type === "flyout" ? /* @__PURE__ */ t(i, { ...o }, o.tooltip + o.type) : /* @__PURE__ */ t(s, { ...o }, o.tooltip + o.type)) })
+    ]
+  }
+);
+export {
+  g as Toolbar
+};
+//# sourceMappingURL=Toolbar.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.es.js","sources":["../../../../src/components/BlockItemWrapper/Toolbar/Toolbar.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ToolbarSegment } from './ToolbarSegment';\nimport { AttachmentsToolbarButton } from './AttachmentsToolbarButton';\nimport { type ToolbarProps } from './types';\nimport { ToolbarButton } from './ToolbarButton';\nimport { DragHandleToolbarButton } from './DragHandleToolbarButton';\nimport { FlyoutToolbarButton } from './FlyoutToolbarButton';\nimport { MenuToolbarButton } from './MenuToolbarButton';\n\nexport const Toolbar = ({ items, attachments }: ToolbarProps) => (\n    <div\n        data-test-id=\"block-item-wrapper-toolbar\"\n        className=\"tw-rounded-md tw-bg-base tw-border tw-border-line-strong tw-divide-x tw-divide-line-strong 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        <ToolbarSegment>\n            {items.map((item) => {\n                if (item.type === 'dragHandle') {\n                    return <DragHandleToolbarButton key={item.tooltip + item.type} {...item} />;\n                }\n                if (item.type === 'menu') {\n                    return <MenuToolbarButton key={item.tooltip + item.type} {...item} />;\n                }\n                if (item.type === 'flyout') {\n                    return <FlyoutToolbarButton key={item.tooltip + item.type} {...item} />;\n                }\n                return <ToolbarButton key={item.tooltip + item.type} {...item} />;\n            })}\n        </ToolbarSegment>\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,EAC7B,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,gBAAa;AAAA,IACb,WAAU;AAAA,IAET,UAAA;AAAA,MAAAD,EAAY,aACT,gBAAAE,EAACC,GACG,EAAA,UAAA,gBAAAD,EAACE,IAAyB,CAAA,GAC9B;AAAA,MAEH,gBAAAF,EAAAC,GAAA,EACI,UAAMJ,EAAA,IAAI,CAACM,MACJA,EAAK,SAAS,iCACNC,GAAwD,EAAA,GAAGD,KAA9BA,EAAK,UAAUA,EAAK,IAAgB,IAEzEA,EAAK,SAAS,2BACNE,GAAkD,EAAA,GAAGF,KAA9BA,EAAK,UAAUA,EAAK,IAAgB,IAEnEA,EAAK,SAAS,6BACNG,GAAoD,EAAA,GAAGH,KAA9BA,EAAK,UAAUA,EAAK,IAAgB,sBAEjEI,GAA8C,EAAA,GAAGJ,KAA9BA,EAAK,UAAUA,EAAK,IAAgB,CAClE,GACL;AAAA,IAAA;AAAA,EAAA;AACJ;"}

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

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

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

@@ -0,0 +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 { useDragPreviewContext } from '../context/DragPreviewContext';\nimport { BaseToolbarButton } from '../BaseToolbarButton';\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;AAEtB,SACK,gBAAAC,EAAAC,GAAA,EAAqB,UAAUH,GAAe,SAASH,KAAW,IAC/D,UAAA,gBAAAK,EAACE,GAAkB,EAAA,gBAAa,kCAAiC,SAAAL,GAC5D,aACL,EACJ,CAAA;AAER;"}

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

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import { LegacyTooltip as l, TooltipPosition as n } from "@frontify/fondue";
+const m = ({ open: t, content: i, children: r, disabled: e }) => /* @__PURE__ */ o(
+  l,
+  {
+    withArrow: !0,
+    hoverDelay: 0,
+    enterDelay: 300,
+    open: t,
+    disabled: e,
+    position: n.Top,
+    content: /* @__PURE__ */ o("div", { children: i }),
+    triggerElement: r,
+    "data-test-id": "toolbar-button-tooltip"
+  }
+);
+export {
+  m as ToolbarButtonTooltip
+};
+//# sourceMappingURL=ToolbarButtonTooltip.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButtonTooltip.es.js","sources":["../../../../src/components/BlockItemWrapper/Toolbar/ToolbarButtonTooltip.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { LegacyTooltip as Tooltip, TooltipPosition } from '@frontify/fondue';\nimport { ReactElement, ReactNode } from 'react';\n\ntype ToolbarButtonTooltipProps = {\n    content: ReactNode;\n    children: ReactElement;\n    open?: boolean;\n    disabled?: boolean;\n};\n\nexport const ToolbarButtonTooltip = ({ open, content, children, disabled }: ToolbarButtonTooltipProps) => (\n    <Tooltip\n        withArrow\n        hoverDelay={0}\n        enterDelay={300}\n        open={open}\n        disabled={disabled}\n        position={TooltipPosition.Top}\n        content={<div>{content}</div>}\n        triggerElement={children}\n        data-test-id=\"toolbar-button-tooltip\"\n    />\n);\n"],"names":["ToolbarButtonTooltip","open","content","children","disabled","jsx","Tooltip","TooltipPosition"],"mappings":";;AAYO,MAAMA,IAAuB,CAAC,EAAE,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,UAAAC,QAC5D,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACG,WAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,MAAAL;AAAA,IACA,UAAAG;AAAA,IACA,UAAUG,EAAgB;AAAA,IAC1B,SAAU,gBAAAF,EAAA,OAAA,EAAK,UAAQH,EAAA,CAAA;AAAA,IACvB,gBAAgBC;AAAA,IAChB,gBAAa;AAAA,EAAA;AACjB;"}

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

@@ -0,0 +1,6 @@
+import { jsx as e } from "react/jsx-runtime";
+const o = ({ children: t }) => /* @__PURE__ */ e("div", { 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 {
+  o as ToolbarSegment
+};
+//# sourceMappingURL=ToolbarSegment.es.js.map

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

@@ -0,0 +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 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        {children}\n    </div>\n);\n"],"names":["ToolbarSegment","children","jsx"],"mappings":";AAIa,MAAAA,IAAiB,CAAC,EAAE,UAAAC,QAC5B,gBAAAC,EAAA,OAAA,EAAI,WAAU,gIACV,UAAAD,EACL,CAAA;"}

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

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import { createContext as n, useContext as i } from "react";
+const e = n(!1), a = ({
+  children: t,
+  isDragPreview: r
+}) => /* @__PURE__ */ o(e.Provider, { value: r, children: t }), v = () => i(e);
+export {
+  a as DragPreviewContextProvider,
+  v as useDragPreviewContext
+};
+//# sourceMappingURL=DragPreviewContext.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragPreviewContext.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/context/DragPreviewContext.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactNode, createContext, useContext } from 'react';\n\nconst DragPreviewContext = createContext(false);\n\nexport const DragPreviewContextProvider = ({\n    children,\n    isDragPreview,\n}: {\n    children: ReactNode;\n    isDragPreview: boolean;\n}) => <DragPreviewContext.Provider value={isDragPreview}>{children}</DragPreviewContext.Provider>;\n\nexport const useDragPreviewContext = () => useContext(DragPreviewContext);\n"],"names":["DragPreviewContext","createContext","DragPreviewContextProvider","children","isDragPreview","useDragPreviewContext","useContext"],"mappings":";;AAIA,MAAMA,IAAqBC,EAAc,EAAK,GAEjCC,IAA6B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,eAAAC;AACJ,wBAGOJ,EAAmB,UAAnB,EAA4B,OAAOI,GAAgB,UAAAD,GAAS,GAEtDE,IAAwB,MAAMC,EAAWN,CAAkB;"}

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

@@ -0,0 +1,18 @@
+import { jsx as u } from "react/jsx-runtime";
+import { createContext as i, useMemo as l, useContext as s } from "react";
+const e = i({
+  openFlyoutIds: [],
+  setOpenFlyoutIds: () => console.error("No MultiFlyoutContext Provider found")
+}), C = ({
+  children: r,
+  openFlyoutIds: t,
+  setOpenFlyoutIds: o
+}) => {
+  const n = l(() => ({ openFlyoutIds: t, setOpenFlyoutIds: o }), [t, o]);
+  return /* @__PURE__ */ u(e.Provider, { value: n, children: r });
+}, c = () => s(e);
+export {
+  C as MultiFlyoutContextProvider,
+  c as useMultiFlyoutContext
+};
+//# sourceMappingURL=MultiFlyoutContext.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiFlyoutContext.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/context/MultiFlyoutContext.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Dispatch, ReactNode, SetStateAction, createContext, useContext, useMemo } from 'react';\n\nexport type MultiFlyoutContextType = {\n    openFlyoutIds: string[];\n    setOpenFlyoutIds: Dispatch<SetStateAction<string[]>>;\n};\n\nconst MultiFlyoutContext = createContext<MultiFlyoutContextType>({\n    openFlyoutIds: [],\n    setOpenFlyoutIds: () => console.error('No MultiFlyoutContext Provider found'),\n});\n\nexport const MultiFlyoutContextProvider = ({\n    children,\n    openFlyoutIds,\n    setOpenFlyoutIds,\n}: { children: ReactNode } & MultiFlyoutContextType) => {\n    const memoizedContext = useMemo(() => ({ openFlyoutIds, setOpenFlyoutIds }), [openFlyoutIds, setOpenFlyoutIds]);\n\n    return <MultiFlyoutContext.Provider value={memoizedContext}>{children}</MultiFlyoutContext.Provider>;\n};\n\nexport const useMultiFlyoutContext = () => useContext(MultiFlyoutContext);\n"],"names":["MultiFlyoutContext","createContext","MultiFlyoutContextProvider","children","openFlyoutIds","setOpenFlyoutIds","memoizedContext","useMemo","useMultiFlyoutContext","useContext"],"mappings":";;AASA,MAAMA,IAAqBC,EAAsC;AAAA,EAC7D,eAAe,CAAC;AAAA,EAChB,kBAAkB,MAAM,QAAQ,MAAM,sCAAsC;AAChF,CAAC,GAEYC,IAA6B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACJ,MAAwD;AAC9C,QAAAC,IAAkBC,EAAQ,OAAO,EAAE,eAAAH,GAAe,kBAAAC,EAAqB,IAAA,CAACD,GAAeC,CAAgB,CAAC;AAE9G,2BAAQL,EAAmB,UAAnB,EAA4B,OAAOM,GAAkB,UAAAH,EAAS,CAAA;AAC1E,GAEaK,IAAwB,MAAMC,EAAWT,CAAkB;"}

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

@@ -0,0 +1,26 @@
+import { FOCUS_VISIBLE_STYLE as s } from "@frontify/fondue";
+import { joinClassNames as o } from "../../../utilities/react/joinClassNames.es.js";
+const w = (e, r) => {
+  const t = [
+    s,
+    "tw-relative tw-inline-flex tw-items-center tw-justify-center",
+    "tw-h-6 tw-p-1",
+    "tw-rounded",
+    "tw-text-xs tw-font-medium",
+    "tw-gap-0.5",
+    "focus-visible:tw-z-10"
+  ];
+  return r ? t.push(
+    "tw-bg-box-neutral-pressed",
+    "tw-text-box-neutral-inverse-pressed",
+    e === "grab" ? "tw-cursor-grabbing" : "tw-cursor-pointer"
+  ) : t.push(
+    "hover:tw-bg-box-neutral-hover active:tw-bg-box-neutral-pressed",
+    "tw-text-text-weak hover:tw-text-box-neutral-inverse-hover active:tw-text-box-neutral-inverse-pressed",
+    e === "grab" ? "!tw-cursor-grab active:tw-cursor-grabbing" : "tw-cursor-pointer"
+  ), o(t);
+};
+export {
+  w as getToolbarButtonClassNames
+};
+//# sourceMappingURL=helpers.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.es.js","sources":["../../../../src/components/BlockItemWrapper/Toolbar/helpers.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { FOCUS_VISIBLE_STYLE } from '@frontify/fondue';\n\nimport { joinClassNames } from '../../../utilities';\n\nexport const getToolbarButtonClassNames = (cursor: 'grab' | 'pointer', forceActiveStyle?: boolean) => {\n    const classNames = [\n        FOCUS_VISIBLE_STYLE,\n        'tw-relative tw-inline-flex tw-items-center tw-justify-center',\n        'tw-h-6 tw-p-1',\n        'tw-rounded',\n        'tw-text-xs tw-font-medium',\n        'tw-gap-0.5',\n        'focus-visible:tw-z-10',\n    ];\n\n    if (forceActiveStyle) {\n        classNames.push(\n            'tw-bg-box-neutral-pressed',\n            'tw-text-box-neutral-inverse-pressed',\n            cursor === 'grab' ? 'tw-cursor-grabbing' : 'tw-cursor-pointer',\n        );\n    } else {\n        classNames.push(\n            'hover:tw-bg-box-neutral-hover active:tw-bg-box-neutral-pressed',\n            'tw-text-text-weak hover:tw-text-box-neutral-inverse-hover active:tw-text-box-neutral-inverse-pressed',\n            cursor === 'grab' ? '!tw-cursor-grab active:tw-cursor-grabbing' : 'tw-cursor-pointer',\n        );\n    }\n\n    return joinClassNames(classNames);\n};\n"],"names":["getToolbarButtonClassNames","cursor","forceActiveStyle","classNames","FOCUS_VISIBLE_STYLE","joinClassNames"],"mappings":";;AAMa,MAAAA,IAA6B,CAACC,GAA4BC,MAA+B;AAClG,QAAMC,IAAa;AAAA,IACfC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGJ,SAAIF,IACWC,EAAA;AAAA,IACP;AAAA,IACA;AAAA,IACAF,MAAW,SAAS,uBAAuB;AAAA,EAAA,IAGpCE,EAAA;AAAA,IACP;AAAA,IACA;AAAA,IACAF,MAAW,SAAS,8CAA8C;AAAA,EAAA,GAInEI,EAAeF,CAAU;AACpC;"}

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

@@ -0,0 +1,18 @@
+import { useCallback as l } from "react";
+import { useMultiFlyoutContext as p } from "../context/MultiFlyoutContext.es.js";
+const m = (e) => {
+  const { openFlyoutIds: s, setOpenFlyoutIds: t } = p(), o = l(
+    (r) => {
+      t((u) => {
+        const n = u.filter((i) => i !== e);
+        return r ? [...n, e] : n;
+      });
+    },
+    [e, t]
+  );
+  return { isOpen: s.includes(e), onOpenChange: o };
+};
+export {
+  m as useMultiFlyoutState
+};
+//# sourceMappingURL=useMultiFlyoutState.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMultiFlyoutState.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/hooks/useMultiFlyoutState.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useCallback } from 'react';\nimport { useMultiFlyoutContext } from '../context/MultiFlyoutContext';\n\nexport const useMultiFlyoutState = (flyoutId: string) => {\n    const { openFlyoutIds, setOpenFlyoutIds } = useMultiFlyoutContext();\n\n    const onOpenChange = useCallback(\n        (isFlyoutOpen: boolean) => {\n            setOpenFlyoutIds((currentIds) => {\n                const filteredIds = currentIds.filter((id) => id !== flyoutId);\n                if (!isFlyoutOpen) {\n                    return filteredIds;\n                } else {\n                    return [...filteredIds, flyoutId];\n                }\n            });\n        },\n        [flyoutId, setOpenFlyoutIds],\n    );\n\n    return { isOpen: openFlyoutIds.includes(flyoutId), onOpenChange };\n};\n"],"names":["useMultiFlyoutState","flyoutId","openFlyoutIds","setOpenFlyoutIds","useMultiFlyoutContext","onOpenChange","useCallback","isFlyoutOpen","currentIds","filteredIds","id"],"mappings":";;AAKa,MAAAA,IAAsB,CAACC,MAAqB;AACrD,QAAM,EAAE,eAAAC,GAAe,kBAAAC,EAAiB,IAAIC,EAAsB,GAE5DC,IAAeC;AAAA,IACjB,CAACC,MAA0B;AACvB,MAAAJ,EAAiB,CAACK,MAAe;AAC7B,cAAMC,IAAcD,EAAW,OAAO,CAACE,MAAOA,MAAOT,CAAQ;AAC7D,eAAKM,IAGM,CAAC,GAAGE,GAAaR,CAAQ,IAFzBQ;AAAA,MAGX,CACH;AAAA,IACL;AAAA,IACA,CAACR,GAAUE,CAAgB;AAAA,EAAA;AAG/B,SAAO,EAAE,QAAQD,EAAc,SAASD,CAAQ,GAAG,cAAAI;AACvD;"}

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

@@ -0,0 +1,6 @@
+const o = "Drag or press ↵ to move", t = "Move with ↑↓←→ and confirm with ↵";
+export {
+  t as DEFAULT_DRAGGING_TOOLTIP,
+  o as DEFAULT_DRAG_TOOLTIP
+};
+//# sourceMappingURL=constants.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.es.js","sources":["../../../src/components/BlockItemWrapper/constants.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const DEFAULT_DRAG_TOOLTIP = 'Drag or press ↵ to move';\nexport const DEFAULT_DRAGGING_TOOLTIP = 'Move with ↑↓←→ and confirm with ↵';\n"],"names":["DEFAULT_DRAG_TOOLTIP","DEFAULT_DRAGGING_TOOLTIP"],"mappings":"AAEO,MAAMA,IAAuB,2BACvBC,IAA2B;"}

package/dist/components/DownloadButton/DownloadButton.es.js

@@ -0,0 +1,39 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useFocusRing as i } from "@react-aria/focus";
+import { LegacyTooltip as s, TooltipPosition as l, FOCUS_STYLE as a, IconArrowCircleDown16 as w } from "@frontify/fondue";
+import { joinClassNames as u } from "../../utilities/react/joinClassNames.es.js";
+const b = ({ onDownload: o }) => {
+  const { isFocused: e, focusProps: n } = i();
+  return /* @__PURE__ */ t(
+    s,
+    {
+      withArrow: !0,
+      position: l.Top,
+      content: "Download",
+      enterDelay: 500,
+      triggerElement: /* @__PURE__ */ t(
+        "button",
+        {
+          tabIndex: 0,
+          "aria-label": "Download",
+          ...n,
+          className: u(["tw-outline-none tw-rounded", e && a]),
+          onClick: o,
+          onPointerDown: (r) => r.preventDefault(),
+          children: /* @__PURE__ */ t(
+            "span",
+            {
+              "data-test-id": "download-button",
+              className: "tw-flex tw-text-xs tw-font-body tw-items-center tw-gap-1 tw-rounded-full tw-bg-box-neutral-strong-inverse hover:tw-bg-box-neutral-strong-inverse-hover active:tw-bg-box-neutral-strong-inverse-pressed tw-text-box-neutral-strong tw-outline tw-outline-1 tw-outline-offset-1 tw-p-1.5 tw-outline-line",
+              children: /* @__PURE__ */ t(w, {})
+            }
+          )
+        }
+      )
+    }
+  );
+};
+export {
+  b as DownloadButton
+};
+//# sourceMappingURL=DownloadButton.es.js.map