@frontify/guideline-blocks-settings 1.0.3 → 1.0.4

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

@@ -1 +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 { useDragPreviewContext } from '../context/DragPreviewContext';\nimport { useMultiFlyoutState } from '../hooks/useMultiFlyoutState';\n\nimport { AttachmentsToolbarButtonTrigger } from './AttachmentsToolbarButtonTrigger';\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;"}
+{"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 { useDragPreviewContext } from '../context/DragPreviewContext';\nimport { useMultiFlyoutState } from '../hooks/useMultiFlyoutState';\n\nimport { AttachmentsToolbarButtonTrigger } from './AttachmentsToolbarButtonTrigger';\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;AACjC,QAAMG,IAAKC,EAAcF,CAAQ,GAE3B,EAAE,WAAAG,GAAW,aAAAC,GAAa,kBAAAC,GAAkB,oBAAAC,GAAoB,qBAAAC,GAAqB,qBAAAC,EAAA,IACvFC,EAAA,GAEE,EAAE,QAAAC,GAAQ,cAAAC,MAAiBC,EAAoBX,CAAE,GACjDY,IAAgBC,EAAA;AAEtB,SACI,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.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 { IconCaretDown12, IconPaperclip16 } from '@frontify/fondue';\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            <IconPaperclip16 />\n            {children}\n            <IconCaretDown12 />\n        </BaseToolbarButton>\n    ),\n);\n\nAttachmentsToolbarButtonTrigger.displayName = 'AttachmentsToolbarButtonTrigger';\n"],"names":["AttachmentsToolbarButtonTrigger","forwardRef","children","isFlyoutOpen","props","ref","jsxs","BaseToolbarButton","jsx","IconPaperclip16","IconCaretDown12"],"mappings":";;;;AAQO,MAAMA,IAAkCC;AAAA,EAC3C,CAAC,EAAE,UAAAC,GAAU,cAAAC,GAAc,GAAGC,KAASC,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,GAAgB,EAAA;AAAA,QAChBP;AAAA,0BACAQ,GAAgB,EAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB;AAER;AAEAV,EAAgC,cAAc;"}
+{"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 { 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            <IconPaperclip16 />\n            {children}\n            <IconCaretDown12 />\n        </BaseToolbarButton>\n    ),\n);\n\nAttachmentsToolbarButtonTrigger.displayName = 'AttachmentsToolbarButtonTrigger';\n"],"names":["AttachmentsToolbarButtonTrigger","forwardRef","children","isFlyoutOpen","props","ref","jsxs","BaseToolbarButton","jsx","IconPaperclip16","IconCaretDown12"],"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,EAAgB;AAAA,QAChBP;AAAA,0BACAQ,GAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG7B;AAEAV,EAAgC,cAAc;"}

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,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;"}
+{"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;"}

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 { type ReactNode } from 'react';\n\nimport { DEFAULT_DRAGGING_TOOLTIP, DEFAULT_DRAG_TOOLTIP } from '../../constants';\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\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            {...(isDragPreview && { 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":";;;;;AAgBO,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,MACI,GAAIH,KAAiB,EAAE,MAAMA,EAAc;AAAA,MAC5C,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;"}
+{"version":3,"file":"DragHandleToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/DragHandleToolbarButton/DragHandleToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactNode } from 'react';\n\nimport { DEFAULT_DRAGGING_TOOLTIP, DEFAULT_DRAG_TOOLTIP } from '../../constants';\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\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            {...(isDragPreview && { 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":";;;;;AAgBO,MAAMA,IAA0B,CAAC;AAAA,EACpC,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,gBAAAC;AACJ,MAAoC;AAChC,QAAMC,IAAgBC,EAAA;AAEtB,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAIH,KAAiB,EAAE,MAAMA,EAAA;AAAA,MAC9B,SAAS,gBAAAE,EAAC,OAAA,EAAK,UAAAF,IAAgBI,IAA4BR,KAAWS,GAAsB;AAAA,MAE5F,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,MAAA;AAAA,IACL;AAAA,EAAA;AAGZ;"}

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

@@ -1,10 +1,10 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { useMemoizedId as h } from "@frontify/fondue";
-import { BaseToolbarButton as u } from "../BaseToolbarButton.es.js";
+import { useMemoizedId as u } from "@frontify/fondue";
+import { BaseToolbarButton as h } from "../BaseToolbarButton.es.js";
 import { ToolbarButtonTooltip as f } from "../ToolbarButtonTooltip.es.js";
 import { useDragPreviewContext as w } from "../context/DragPreviewContext.es.js";
 import { useMultiFlyoutState as b } from "../hooks/useMultiFlyoutState.es.js";
-import { Flyout as o } from "../../../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components13.es.js";
+import { Flyout as o } from "../../../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components13.es.js";
 const y = ({
   content: s,
   icon: a,
@@ -13,10 +13,10 @@ const y = ({
   flyoutFooter: i,
   flyoutHeader: n
 }) => {
-  const c = h(m), { isOpen: e, onOpenChange: p } = b(c), r = w();
+  const c = u(m), { isOpen: e, onOpenChange: p } = b(c), r = w();
   return /* @__PURE__ */ t(f, { disabled: r || e, content: d, children: /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-shrink-0 tw-flex-1 tw-h-6 tw-relative", children: /* @__PURE__ */ l(o.Root, { open: e && !r, onOpenChange: p, children: [
     /* @__PURE__ */ t(o.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
-      u,
+      h,
       {
         "data-test-id": "block-item-wrapper-toolbar-flyout",
         forceActiveStyle: e && !r,
@@ -24,9 +24,9 @@ const y = ({
       }
     ) }),
     /* @__PURE__ */ l(o.Content, { side: "bottom", align: "end", children: [
-      n && /* @__PURE__ */ t(o.Header, { children: n }),
+      n ? /* @__PURE__ */ t(o.Header, { children: n }) : null,
       s,
-      i && /* @__PURE__ */ t(o.Footer, { children: i })
+      i ? /* @__PURE__ */ t(o.Footer, { children: i }) : null
     ] })
   ] }) }) });
 };

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 { useMemoizedId } from '@frontify/fondue';\nimport { Flyout } from '@frontify/fondue/components';\nimport { type ReactNode } from 'react';\n\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\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.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\">\n                        {flyoutHeader && <Flyout.Header>{flyoutHeader}</Flyout.Header>}\n                        {content}\n                        {flyoutFooter && <Flyout.Footer>{flyoutFooter}</Flyout.Footer>}\n                    </Flyout.Content>\n                </Flyout.Root>\n            </div>\n        </ToolbarButtonTooltip>\n    );\n};\n"],"names":["FlyoutToolbarButton","content","icon","tooltip","flyoutId","flyoutFooter","flyoutHeader","id","useMemoizedId","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","ToolbarButtonTooltip","jsx","jsxs","Flyout","BaseToolbarButton"],"mappings":";;;;;;;AAoBO,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;AAEtB,2BACKC,GAAqB,EAAA,UAAUF,KAAiBH,GAAQ,SAASN,GAC9D,UAAC,gBAAAY,EAAA,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,UAAAV;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,sBACCe,EAAO,SAAP,EAAe,MAAK,UAAS,OAAM,OAC/B,UAAA;AAAA,MAAAX,KAAiB,gBAAAS,EAAAE,EAAO,QAAP,EAAe,UAAaX,GAAA;AAAA,MAC7CL;AAAA,MACAI,KAAgB,gBAAAU,EAACE,EAAO,QAAP,EAAe,UAAaZ,GAAA;AAAA,IAAA,GAClD;AAAA,EAAA,GACJ,GACJ,EACJ,CAAA;AAER;"}
+{"version":3,"file":"FlyoutToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/FlyoutToolbarButton/FlyoutToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useMemoizedId } from '@frontify/fondue';\nimport { Flyout } from '@frontify/fondue/components';\nimport { type ReactNode } from 'react';\n\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\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.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\">\n                        {flyoutHeader ? <Flyout.Header>{flyoutHeader}</Flyout.Header> : null}\n                        {content}\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","id","useMemoizedId","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","ToolbarButtonTooltip","jsx","jsxs","Flyout","BaseToolbarButton"],"mappings":";;;;;;;AAoBO,MAAMA,IAAsB,CAAC;AAAA,EAChC,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AACJ,MAAgC;AAC5B,QAAMC,IAAKC,EAAcJ,CAAQ,GAE3B,EAAE,QAAAK,GAAQ,cAAAC,MAAiBC,EAAoBJ,CAAE,GAEjDK,IAAgBC,EAAA;AAEtB,2BACKC,GAAA,EAAqB,UAAUF,KAAiBH,GAAQ,SAASN,GAC9D,UAAA,gBAAAY,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,UAAAV;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,sBACCe,EAAO,SAAP,EAAe,MAAK,UAAS,OAAM,OAC/B,UAAA;AAAA,MAAAX,IAAe,gBAAAS,EAACE,EAAO,QAAP,EAAe,aAAa,IAAmB;AAAA,MAC/DhB;AAAA,MACAI,IAAe,gBAAAU,EAACE,EAAO,QAAP,EAAe,aAAa,IAAmB;AAAA,IAAA,EAAA,CACpE;AAAA,EAAA,EAAA,CACJ,GACJ,GACJ;AAER;"}

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

@@ -352,8 +352,8 @@ import "../../../../node_modules/.pnpm/@frontify_fondue-icons@0.17.0_react@18.3.
 import "../../../../node_modules/.pnpm/@frontify_fondue-icons@0.17.0_react@18.3.1/node_modules/@frontify/fondue-icons/dist/fondue-icons349.es.js";
 import "../../../../node_modules/.pnpm/@frontify_fondue-icons@0.17.0_react@18.3.1/node_modules/@frontify/fondue-icons/dist/fondue-icons350.es.js";
 import "../../../../node_modules/.pnpm/@frontify_fondue-icons@0.17.0_react@18.3.1/node_modules/@frontify/fondue-icons/dist/fondue-icons351.es.js";
-import { Dropdown as t } from "../../../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components11.es.js";
-import { Tooltip as i } from "../../../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components30.es.js";
+import { Dropdown as t } from "../../../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components11.es.js";
+import { Tooltip as i } from "../../../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components30.es.js";
 const D = "menu", oe = ({
   items: n,
   flyoutId: s = D,

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 { useMemoizedId } from '@frontify/fondue';\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 id = useMemoizedId(flyoutId);\n    const { isOpen, onOpenChange } = useMultiFlyoutState(id);\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","id","useMemoizedId","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","jsx","Dropdown","jsxs","Tooltip","BaseToolbarButton","IconDotsHorizontal","block","blockIndex","item","itemIndex"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAMA,IAAyB,QAazBC,KAAoB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,UAAAC,IAAWH;AAAA,EACX,SAAAI,IAAU;AACd,MAA8B;AACpB,QAAAC,IAAKC,EAAcH,CAAQ,GAC3B,EAAE,QAAAI,GAAQ,cAAAC,EAAa,IAAIC,EAAoBJ,CAAE,GACjDK,IAAgBC;AAEtB,SACK,gBAAAC,EAAAC,EAAS,MAAT,EAAc,MAAMN,KAAU,CAACG,GAAe,cAAAF,GAC3C,UAAA,gBAAAM,EAACC,EAAQ,MAAR,EACG,UAAA;AAAA,IAAC,gBAAAH,EAAAG,EAAQ,SAAR,EAAgB,SAAO,IACpB,UAAC,gBAAAH,EAAAC,EAAS,SAAT,EAAiB,SAAO,IACrB,UAAC,gBAAAD,EAAAI,GAAA,EAAkB,gBAAa,qCAC5B,UAAA,gBAAAJ,EAACK,KAAmB,MAAK,KAAK,CAAA,GAClC,EAAA,CACJ,EACJ,CAAA;AAAA,sBACCJ,EAAS,SAAT,EACI,UAAAX,EAAM,IAAI,CAACgB,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,QAAQ;AAAA,QACjB;AAAA,QACA,UAAUA,EAAK,SAAS;AAAA,QAGxB,UAAA;AAAA,UAAA,gBAAAR,EAAC,OAAI,EAAA,WAAU,WAAW,UAAAQ,EAAK,MAAK;AAAA,UACpC,gBAAAR,EAAC,QAAM,EAAA,UAAAQ,EAAK,MAAM,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAHb,GAAGD,CAAU,IAAIE,CAAS;AAAA,IAAA,CAKtC,EAAA,GAdgBF,CAerB,CACH,GACL;AAAA,IACC,gBAAAP,EAAAG,EAAQ,SAAR,EAAiB,UAAQX,EAAA,CAAA;AAAA,EAAA,EAC9B,CAAA,EACJ,CAAA;AAER;"}
+{"version":3,"file":"MenuToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/MenuToolbarButton/MenuToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useMemoizedId } from '@frontify/fondue';\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 id = useMemoizedId(flyoutId);\n    const { isOpen, onOpenChange } = useMultiFlyoutState(id);\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","id","useMemoizedId","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","jsx","Dropdown","jsxs","Tooltip","BaseToolbarButton","IconDotsHorizontal","block","blockIndex","item","itemIndex"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAMA,IAAyB,QAazBC,KAAoB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,UAAAC,IAAWH;AAAA,EACX,SAAAI,IAAU;AACd,MAA8B;AAC1B,QAAMC,IAAKC,EAAcH,CAAQ,GAC3B,EAAE,QAAAI,GAAQ,cAAAC,MAAiBC,EAAoBJ,CAAE,GACjDK,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,UAAAX,EAAM,IAAI,CAACgB,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,UAAAX,EAAA,CAAQ;AAAA,EAAA,EAAA,CAC9B,EAAA,CACJ;AAER;"}

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-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        {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                            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,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,MAEHL,EAAM,SAAS,KACZ,gBAAAG,EAACC,KACI,UAAMJ,EAAA,IAAI,CAACM,MAAS;AACjB,gBAAQA,EAAK,MAAM;AAAA,UACf,KAAK;AACD,qCAAQC,GAAwD,EAAA,GAAGD,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,UAC7E,KAAK;AACD,qCAAQE,GAAkD,EAAA,GAAGF,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,UACvE,KAAK;AACD,qCAAQG,GAAoD,EAAA,GAAGH,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,UACzE;AACI,qCAAQI,GAA8C,EAAA,GAAGJ,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,QACvE;AAAA,MACH,CAAA,GACL;AAAA,IAAA;AAAA,EAAA;AAER;"}
+{"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-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        {items.length > 0 && (\n            <ToolbarSegment>\n                {items.map((item) => {\n                    switch (item.type) {\n                        case 'dragHandle':\n                            // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n                            return <DragHandleToolbarButton key={item.tooltip + item.type} {...item} />;\n                        case 'menu':\n                            // eslint-disable-next-line @typescript-eslint/restrict-plus-operands, @typescript-eslint/no-base-to-string\n                            return <MenuToolbarButton key={item.tooltip + item.type} {...item} />;\n                        case 'flyout':\n                            // eslint-disable-next-line @typescript-eslint/restrict-plus-operands, @typescript-eslint/no-base-to-string\n                            return <FlyoutToolbarButton key={item.tooltip + item.type} {...item} />;\n                        default:\n                            // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\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;AAED,qCAAQC,GAAA,EAAwD,GAAGD,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,UAC7E,KAAK;AAED,qCAAQE,GAAA,EAAkD,GAAGF,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,UACvE,KAAK;AAED,qCAAQG,GAAA,EAAoD,GAAGH,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,UACzE;AAEI,qCAAQI,GAAA,EAA8C,GAAGJ,KAA9BA,EAAK,UAAUA,EAAK,IAAgB;AAAA,QAAA;AAAA,MAE3E,CAAC,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAER;"}

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 { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\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;"}
+{"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 { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\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;"}

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

@@ -1,5 +1,5 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { Tooltip as t } from "../../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components30.es.js";
+import { Tooltip as t } from "../../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components30.es.js";
 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 }) })

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,IAEC,gBAAAG,EAAAC,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,OAAK,EAAA,UAAAN,EAAA,CAAQ,EAClB,CAAA;AACJ,EAAA,CAAA;"}
+{"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;"}

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

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

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

@@ -1 +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;"}
+{"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);\nDragPreviewContext.displayName = 'DragPreviewContext';\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;AAC9CD,EAAmB,cAAc;AAE1B,MAAME,IAA6B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,eAAAC;AACJ,wBAGOJ,EAAmB,UAAnB,EAA4B,OAAOI,GAAgB,UAAAD,EAAA,CAAS,GAEtDE,IAAwB,MAAMC,EAAWN,CAAkB;"}

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

@@ -1,16 +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({
+import { jsx as n } from "react/jsx-runtime";
+import { useContext as l, useMemo as i, createContext as s } from "react";
+const t = s({
   openFlyoutIds: [],
   setOpenFlyoutIds: () => console.error("No MultiFlyoutContext Provider found")
-}), C = ({
+});
+t.displayName = "MultiFlyoutContext";
+const C = ({
   children: r,
-  openFlyoutIds: t,
-  setOpenFlyoutIds: o
+  openFlyoutIds: o,
+  setOpenFlyoutIds: e
 }) => {
-  const n = l(() => ({ openFlyoutIds: t, setOpenFlyoutIds: o }), [t, o]);
-  return /* @__PURE__ */ u(e.Provider, { value: n, children: r });
-}, c = () => s(e);
+  const u = i(() => ({ openFlyoutIds: o, setOpenFlyoutIds: e }), [o, e]);
+  return /* @__PURE__ */ n(t.Provider, { value: u, children: r });
+}, c = () => l(t);
 export {
   C as MultiFlyoutContextProvider,
   c as useMultiFlyoutContext

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

@@ -1 +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 { type Dispatch, type ReactNode, type 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;"}
+{"version":3,"file":"MultiFlyoutContext.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/context/MultiFlyoutContext.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Dispatch, type ReactNode, type 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});\nMultiFlyoutContext.displayName = 'MultiFlyoutContext';\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,CAAA;AAAA,EACf,kBAAkB,MAAM,QAAQ,MAAM,sCAAsC;AAChF,CAAC;AACDD,EAAmB,cAAc;AAE1B,MAAME,IAA6B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACJ,MAAwD;AACpD,QAAMC,IAAkBC,EAAQ,OAAO,EAAE,eAAAH,GAAe,kBAAAC,MAAqB,CAACD,GAAeC,CAAgB,CAAC;AAE9G,2BAAQL,EAAmB,UAAnB,EAA4B,OAAOM,GAAkB,UAAAH,GAAS;AAC1E,GAEaK,IAAwB,MAAMC,EAAWT,CAAkB;"}

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

@@ -1 +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;"}
+{"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":";;AAMO,MAAMA,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,IACAC,EAAW;AAAA,IACP;AAAA,IACA;AAAA,IACAF,MAAW,SAAS,uBAAuB;AAAA,EAAA,IAG/CE,EAAW;AAAA,IACP;AAAA,IACA;AAAA,IACAF,MAAW,SAAS,8CAA8C;AAAA,EAAA,GAInEI,EAAeF,CAAU;AACpC;"}

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

@@ -1 +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';\n\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":";;AAMa,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;"}
+{"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';\n\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":";;AAMO,MAAMA,IAAsB,CAACC,MAAqB;AACrD,QAAM,EAAE,eAAAC,GAAe,kBAAAC,EAAA,IAAqBC,EAAA,GAEtCC,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,MAIf,CAAC;AAAA,IACL;AAAA,IACA,CAACR,GAAUE,CAAgB;AAAA,EAAA;AAG/B,SAAO,EAAE,QAAQD,EAAc,SAASD,CAAQ,GAAG,cAAAI,EAAA;AACvD;"}

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

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { FOCUS_STYLE as a, IconArrowCircleDown16 as w } from "@frontify/fondue";
+import { IconArrowCircleDown16 as a, FOCUS_STYLE as w } from "@frontify/fondue";
 import { useFocusRing as d } from "@react-aria/focus";
-import { Tooltip as o } from "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components30.es.js";
+import { Tooltip as o } from "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components30.es.js";
 import { joinClassNames as u } from "../../utilities/react/joinClassNames.es.js";
 const x = ({ onDownload: e, ariaLabel: n }) => {
   const { isFocused: r, focusProps: s } = d();
@@ -12,11 +12,11 @@ const x = ({ onDownload: e, ariaLabel: n }) => {
         tabIndex: 0,
         "aria-label": n ?? "Download",
         ...s,
-        className: u(["tw-outline-none tw-rounded", r && a]),
+        className: u(["tw-outline-none tw-rounded", r && w]),
         onClick: e,
         onPointerDown: (i) => i.preventDefault(),
         "data-test-id": "download-button",
-        children: /* @__PURE__ */ t("span", { 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, {}) })
+        children: /* @__PURE__ */ t("span", { 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(a, {}) })
       }
     ) }),
     /* @__PURE__ */ t(o.Content, { side: "top", children: "Download" })

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

@@ -1 +1 @@
-{"version":3,"file":"DownloadButton.es.js","sources":["../../../src/components/DownloadButton/DownloadButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { FOCUS_STYLE, IconArrowCircleDown16 } from '@frontify/fondue';\nimport { Tooltip } from '@frontify/fondue/components';\nimport { useFocusRing } from '@react-aria/focus';\n\nimport { joinClassNames } from '../../utilities';\n\nimport { type DownloadButtonProps } from './types';\n\nexport const DownloadButton = ({ onDownload, ariaLabel }: DownloadButtonProps) => {\n    const { isFocused, focusProps } = useFocusRing();\n\n    return (\n        <Tooltip.Root enterDelay={500}>\n            <Tooltip.Trigger asChild>\n                <button\n                    tabIndex={0}\n                    aria-label={ariaLabel ?? 'Download'}\n                    {...focusProps}\n                    className={joinClassNames(['tw-outline-none tw-rounded', isFocused && FOCUS_STYLE])}\n                    onClick={onDownload}\n                    onPointerDown={(e) => e.preventDefault()}\n                    data-test-id=\"download-button\"\n                >\n                    <span 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\">\n                        <IconArrowCircleDown16 />\n                    </span>\n                </button>\n            </Tooltip.Trigger>\n            <Tooltip.Content side=\"top\">Download</Tooltip.Content>\n        </Tooltip.Root>\n    );\n};\n"],"names":["DownloadButton","onDownload","ariaLabel","isFocused","focusProps","useFocusRing","jsxs","Tooltip","jsx","joinClassNames","FOCUS_STYLE","e","IconArrowCircleDown16"],"mappings":";;;;;AAUO,MAAMA,IAAiB,CAAC,EAAE,YAAAC,GAAY,WAAAC,QAAqC;AAC9E,QAAM,EAAE,WAAAC,GAAW,YAAAC,EAAW,IAAIC,EAAa;AAE/C,SACK,gBAAAC,EAAAC,EAAQ,MAAR,EAAa,YAAY,KACtB,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAQ,SAAR,EAAgB,SAAO,IACpB,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAU;AAAA,QACV,cAAYN,KAAa;AAAA,QACxB,GAAGE;AAAA,QACJ,WAAWK,EAAe,CAAC,8BAA8BN,KAAaO,CAAW,CAAC;AAAA,QAClF,SAAST;AAAA,QACT,eAAe,CAACU,MAAMA,EAAE,eAAe;AAAA,QACvC,gBAAa;AAAA,QAEb,4BAAC,QAAK,EAAA,WAAU,0SACZ,UAAA,gBAAAH,EAACI,IAAsB,CAAA,GAC3B;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,sBACCL,EAAQ,SAAR,EAAgB,MAAK,OAAM,UAAQ,YAAA;AAAA,EACxC,EAAA,CAAA;AAER;"}
+{"version":3,"file":"DownloadButton.es.js","sources":["../../../src/components/DownloadButton/DownloadButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { FOCUS_STYLE, IconArrowCircleDown16 } from '@frontify/fondue';\nimport { Tooltip } from '@frontify/fondue/components';\nimport { useFocusRing } from '@react-aria/focus';\n\nimport { joinClassNames } from '../../utilities';\n\nimport { type DownloadButtonProps } from './types';\n\nexport const DownloadButton = ({ onDownload, ariaLabel }: DownloadButtonProps) => {\n    const { isFocused, focusProps } = useFocusRing();\n\n    return (\n        <Tooltip.Root enterDelay={500}>\n            <Tooltip.Trigger asChild>\n                <button\n                    tabIndex={0}\n                    aria-label={ariaLabel ?? 'Download'}\n                    {...focusProps}\n                    className={joinClassNames(['tw-outline-none tw-rounded', isFocused && FOCUS_STYLE])}\n                    onClick={onDownload}\n                    onPointerDown={(e) => e.preventDefault()}\n                    data-test-id=\"download-button\"\n                >\n                    <span 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\">\n                        <IconArrowCircleDown16 />\n                    </span>\n                </button>\n            </Tooltip.Trigger>\n            <Tooltip.Content side=\"top\">Download</Tooltip.Content>\n        </Tooltip.Root>\n    );\n};\n"],"names":["DownloadButton","onDownload","ariaLabel","isFocused","focusProps","useFocusRing","jsxs","Tooltip","jsx","joinClassNames","FOCUS_STYLE","e","IconArrowCircleDown16"],"mappings":";;;;;AAUO,MAAMA,IAAiB,CAAC,EAAE,YAAAC,GAAY,WAAAC,QAAqC;AAC9E,QAAM,EAAE,WAAAC,GAAW,YAAAC,EAAA,IAAeC,EAAA;AAElC,SACI,gBAAAC,EAACC,EAAQ,MAAR,EAAa,YAAY,KACtB,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAQ,SAAR,EAAgB,SAAO,IACpB,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAU;AAAA,QACV,cAAYN,KAAa;AAAA,QACxB,GAAGE;AAAA,QACJ,WAAWK,EAAe,CAAC,8BAA8BN,KAAaO,CAAW,CAAC;AAAA,QAClF,SAAST;AAAA,QACT,eAAe,CAACU,MAAMA,EAAE,eAAA;AAAA,QACxB,gBAAa;AAAA,QAEb,4BAAC,QAAA,EAAK,WAAU,0SACZ,UAAA,gBAAAH,EAACI,KAAsB,EAAA,CAC3B;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,sBACCL,EAAQ,SAAR,EAAgB,MAAK,OAAM,UAAA,WAAA,CAAQ;AAAA,EAAA,GACxC;AAER;"}

package/dist/components/Link/LinkInput.es.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { FormControl as v, TooltipPosition as D } from "@frontify/fondue";
-import { isValidUrlOrEmpty as h } from "./utils/url.es.js";
-import { TextInput as f } from "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components28.es.js";
+import { FormControl as v } from "@frontify/fondue";
+import { isValidUrlOrEmpty as D } from "./utils/url.es.js";
+import { TextInput as h } from "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components28.es.js";
 import "react";
 import "../../node_modules/.pnpm/@frontify_fondue-icons@0.17.0_react@18.3.1/node_modules/@frontify/fondue-icons/dist/fondue-icons4.es.js";
 import "../../node_modules/.pnpm/@frontify_fondue-icons@0.17.0_react@18.3.1/node_modules/@frontify/fondue-icons/dist/fondue-icons5.es.js";
@@ -351,33 +351,33 @@ import "../../node_modules/.pnpm/@frontify_fondue-icons@0.17.0_react@18.3.1/node
 import "../../node_modules/.pnpm/@frontify_fondue-icons@0.17.0_react@18.3.1/node_modules/@frontify/fondue-icons/dist/fondue-icons349.es.js";
 import "../../node_modules/.pnpm/@frontify_fondue-icons@0.17.0_react@18.3.1/node_modules/@frontify/fondue-icons/dist/fondue-icons350.es.js";
 import "../../node_modules/.pnpm/@frontify_fondue-icons@0.17.0_react@18.3.1/node_modules/@frontify/fondue-icons/dist/fondue-icons351.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components5.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components6.es.js";
-import { Checkbox as I } from "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components7.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components8.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components9.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components10.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components11.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components12.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components13.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components14.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components15.es.js";
-import { Label as P } from "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components16.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components17.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components18.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components19.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components20.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components21.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components22.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components23.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components24.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components25.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components26.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components27.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components29.es.js";
-import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontify_fond_2ljulupxsngf67kv3awqop75em/node_modules/@frontify/fondue-components/dist/fondue-components30.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components5.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components6.es.js";
+import { Checkbox as f } from "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components7.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components8.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components9.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components10.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components11.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components12.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components13.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components14.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components15.es.js";
+import { Label as I } from "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components16.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components17.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components18.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components19.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components20.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components21.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components22.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components23.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components24.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components25.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components26.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components27.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components29.es.js";
+import "../../node_modules/.pnpm/@frontify_fondue-components@19.2.0_@frontify_fondue-icons@0.17.0_react@18.3.1__@frontif_edefda44b2073e780abae6da5d9e9016/node_modules/@frontify/fondue-components/dist/fondue-components30.es.js";
 import { LinkSelector as y } from "./LinkSelector/LinkSelector.es.js";
-const Fe = ({
+const ke = ({
   onUrlChange: m,
   onToggleTab: r,
   isValidUrlOrEmpty: e,
@@ -391,7 +391,7 @@ const Fe = ({
   buttonSize: u,
   hideInternalLinkButton: x
 }) => {
-  const w = e ? e(o) : h(o);
+  const w = e ? e(o) : D(o);
   return /* @__PURE__ */ s("div", { "data-test-id": "link-input", children: [
     /* @__PURE__ */ t(
       v,
@@ -400,10 +400,10 @@ const Fe = ({
           children: d,
           htmlFor: "url",
           required: a,
-          tooltip: c ? { content: c, position: D.Top } : void 0
+          tooltip: c ? { content: c, position: "top" } : void 0
         },
         children: /* @__PURE__ */ t(
-          f,
+          h,
           {
             "data-test-id": "text-input",
             id: "url",
@@ -427,12 +427,12 @@ const Fe = ({
       }
     ) }),
     /* @__PURE__ */ s("div", { className: "tw-mt-3 tw-flex tw-items-center tw-gap-1.5", children: [
-      /* @__PURE__ */ t(I, { id: "new-tab", value: n, onChange: () => r == null ? void 0 : r(!n) }),
-      /* @__PURE__ */ t(P, { id: "new-tab-label", htmlFor: "new-tab", children: "Open in new tab" })
+      /* @__PURE__ */ t(f, { id: "new-tab", value: n, onChange: () => r == null ? void 0 : r(!n) }),
+      /* @__PURE__ */ t(I, { id: "new-tab-label", htmlFor: "new-tab", children: "Open in new tab" })
     ] })
   ] });
 };
 export {
-  Fe as LinkInput
+  ke as LinkInput
 };
 //# sourceMappingURL=LinkInput.es.js.map

package/dist/components/Link/LinkInput.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkInput.es.js","sources":["../../../src/components/Link/LinkInput.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport { FormControl, TooltipPosition } from '@frontify/fondue';\nimport { TextInput, Checkbox, Label } from '@frontify/fondue/components';\n\nimport { LinkSelector } from './LinkSelector';\nimport { isValidUrlOrEmpty as internalIsValidUrlOrEmpty } from './utils';\n\ntype LinkInputProps = {\n    url?: string;\n    info?: string;\n    label?: string;\n    required?: boolean;\n    newTab?: boolean;\n    onUrlChange?: (value: string) => void;\n    onToggleTab?: (checked: boolean) => void;\n    isValidUrlOrEmpty?: (url: string) => boolean;\n    appBridge: AppBridgeBlock;\n    placeholder?: string;\n    buttonSize?: 'small' | 'medium' | 'large';\n    hideInternalLinkButton?: boolean;\n};\n\nexport const LinkInput = ({\n    onUrlChange,\n    onToggleTab,\n    isValidUrlOrEmpty,\n    appBridge,\n    placeholder,\n    newTab,\n    url = '',\n    required,\n    info,\n    label,\n    buttonSize,\n    hideInternalLinkButton,\n}: LinkInputProps) => {\n    const isUrlValid = isValidUrlOrEmpty ? isValidUrlOrEmpty(url) : internalIsValidUrlOrEmpty(url);\n    return (\n        <div data-test-id=\"link-input\">\n            <FormControl\n                label={{\n                    children: label,\n                    htmlFor: 'url',\n                    required,\n                    tooltip: info ? { content: info, position: TooltipPosition.Top } : undefined,\n                }}\n            >\n                <TextInput\n                    data-test-id=\"text-input\"\n                    id=\"url\"\n                    value={url}\n                    onChange={(event) => onUrlChange?.(event.target.value)}\n                    placeholder={placeholder ?? 'https://example.com'}\n                />\n            </FormControl>\n            {!isUrlValid && <div className=\"tw-text-text-negative tw-mt-1 tw-text-s\">Please enter a valid URL.</div>}\n\n            {!hideInternalLinkButton && (\n                <div className=\"tw-mt-3\">\n                    <LinkSelector\n                        url={url}\n                        onUrlChange={onUrlChange}\n                        buttonSize={buttonSize ?? 'medium'}\n                        getAllDocuments={() => appBridge.getAllDocuments()}\n                        getDocumentPagesByDocumentId={(documentId) =>\n                            appBridge.getDocumentPagesByDocumentId(documentId)\n                        }\n                        getDocumentSectionsByDocumentPageId={(documentPageId) =>\n                            appBridge.getDocumentSectionsByDocumentPageId(documentPageId)\n                        }\n                    />\n                </div>\n            )}\n\n            <div className=\"tw-mt-3 tw-flex tw-items-center tw-gap-1.5\">\n                <Checkbox id=\"new-tab\" value={newTab} onChange={() => onToggleTab?.(!newTab)} />\n                <Label id=\"new-tab-label\" htmlFor=\"new-tab\">\n                    Open in new tab\n                </Label>\n            </div>\n        </div>\n    );\n};\n"],"names":["LinkInput","onUrlChange","onToggleTab","isValidUrlOrEmpty","appBridge","placeholder","newTab","url","required","info","label","buttonSize","hideInternalLinkButton","isUrlValid","internalIsValidUrlOrEmpty","jsxs","jsx","FormControl","TooltipPosition","TextInput","event","LinkSelector","documentId","documentPageId","Checkbox","Label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,MAAMA,KAAY,CAAC;AAAA,EACtB,aAAAC;AAAA,EACA,aAAAC;AAAA,EAAA,mBACAC;AAAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,wBAAAC;AACJ,MAAsB;AAClB,QAAMC,IAAaV,IAAoBA,EAAkBI,CAAG,IAAIO,EAA0BP,CAAG;AAEzF,SAAA,gBAAAQ,EAAC,OAAI,EAAA,gBAAa,cACd,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAO;AAAA,UACH,UAAUP;AAAA,UACV,SAAS;AAAA,UACT,UAAAF;AAAA,UACA,SAASC,IAAO,EAAE,SAASA,GAAM,UAAUS,EAAgB,IAAQ,IAAA;AAAA,QACvE;AAAA,QAEA,UAAA,gBAAAF;AAAA,UAACG;AAAAA,UAAA;AAAA,YACG,gBAAa;AAAA,YACb,IAAG;AAAA,YACH,OAAOZ;AAAA,YACP,UAAU,CAACa,MAAUnB,KAAA,gBAAAA,EAAcmB,EAAM,OAAO;AAAA,YAChD,aAAaf,KAAe;AAAA,UAAA;AAAA,QAChC;AAAA,MAAA;AAAA,IACJ;AAAA,IACC,CAACQ,KAAc,gBAAAG,EAAC,OAAI,EAAA,WAAU,2CAA0C,UAAyB,6BAAA;AAAA,IAEjG,CAACJ,KACG,gBAAAI,EAAA,OAAA,EAAI,WAAU,WACX,UAAA,gBAAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,KAAAd;AAAA,QACA,aAAAN;AAAA,QACA,YAAYU,KAAc;AAAA,QAC1B,iBAAiB,MAAMP,EAAU,gBAAgB;AAAA,QACjD,8BAA8B,CAACkB,MAC3BlB,EAAU,6BAA6BkB,CAAU;AAAA,QAErD,qCAAqC,CAACC,MAClCnB,EAAU,oCAAoCmB,CAAc;AAAA,MAAA;AAAA,IAAA,GAGxE;AAAA,IAGJ,gBAAAR,EAAC,OAAI,EAAA,WAAU,8CACX,UAAA;AAAA,MAAC,gBAAAC,EAAAQ,GAAA,EAAS,IAAG,WAAU,OAAOlB,GAAQ,UAAU,MAAMJ,KAAA,gBAAAA,EAAc,CAACI,GAAS,CAAA;AAAA,wBAC7EmB,GAAM,EAAA,IAAG,iBAAgB,SAAQ,WAAU,UAE5C,mBAAA;AAAA,IAAA,GACJ;AAAA,EACJ,EAAA,CAAA;AAER;"}
+{"version":3,"file":"LinkInput.es.js","sources":["../../../src/components/Link/LinkInput.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport { FormControl } from '@frontify/fondue';\nimport { TextInput, Checkbox, Label } from '@frontify/fondue/components';\n\nimport { LinkSelector } from './LinkSelector';\nimport { isValidUrlOrEmpty as internalIsValidUrlOrEmpty } from './utils';\n\ntype LinkInputProps = {\n    url?: string;\n    info?: string;\n    label?: string;\n    required?: boolean;\n    newTab?: boolean;\n    onUrlChange?: (value: string) => void;\n    onToggleTab?: (checked: boolean) => void;\n    isValidUrlOrEmpty?: (url: string) => boolean;\n    appBridge: AppBridgeBlock;\n    placeholder?: string;\n    buttonSize?: 'small' | 'medium' | 'large';\n    hideInternalLinkButton?: boolean;\n};\n\nexport const LinkInput = ({\n    onUrlChange,\n    onToggleTab,\n    isValidUrlOrEmpty,\n    appBridge,\n    placeholder,\n    newTab,\n    url = '',\n    required,\n    info,\n    label,\n    buttonSize,\n    hideInternalLinkButton,\n}: LinkInputProps) => {\n    const isUrlValid = isValidUrlOrEmpty ? isValidUrlOrEmpty(url) : internalIsValidUrlOrEmpty(url);\n    return (\n        <div data-test-id=\"link-input\">\n            <FormControl\n                label={{\n                    children: label,\n                    htmlFor: 'url',\n                    required,\n                    tooltip: info ? { content: info, position: 'top' } : undefined,\n                }}\n            >\n                <TextInput\n                    data-test-id=\"text-input\"\n                    id=\"url\"\n                    value={url}\n                    onChange={(event) => onUrlChange?.(event.target.value)}\n                    placeholder={placeholder ?? 'https://example.com'}\n                />\n            </FormControl>\n            {!isUrlValid && <div className=\"tw-text-text-negative tw-mt-1 tw-text-s\">Please enter a valid URL.</div>}\n\n            {!hideInternalLinkButton && (\n                <div className=\"tw-mt-3\">\n                    <LinkSelector\n                        url={url}\n                        onUrlChange={onUrlChange}\n                        buttonSize={buttonSize ?? 'medium'}\n                        getAllDocuments={() => appBridge.getAllDocuments()}\n                        getDocumentPagesByDocumentId={(documentId) =>\n                            appBridge.getDocumentPagesByDocumentId(documentId)\n                        }\n                        getDocumentSectionsByDocumentPageId={(documentPageId) =>\n                            appBridge.getDocumentSectionsByDocumentPageId(documentPageId)\n                        }\n                    />\n                </div>\n            )}\n\n            <div className=\"tw-mt-3 tw-flex tw-items-center tw-gap-1.5\">\n                <Checkbox id=\"new-tab\" value={newTab} onChange={() => onToggleTab?.(!newTab)} />\n                <Label id=\"new-tab-label\" htmlFor=\"new-tab\">\n                    Open in new tab\n                </Label>\n            </div>\n        </div>\n    );\n};\n"],"names":["LinkInput","onUrlChange","onToggleTab","isValidUrlOrEmpty","appBridge","placeholder","newTab","url","required","info","label","buttonSize","hideInternalLinkButton","isUrlValid","internalIsValidUrlOrEmpty","jsxs","jsx","FormControl","TextInput","event","LinkSelector","documentId","documentPageId","Checkbox","Label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,MAAMA,KAAY,CAAC;AAAA,EACtB,aAAAC;AAAA,EACA,aAAAC;AAAA,EAAA,mBACAC;AAAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,wBAAAC;AACJ,MAAsB;AAClB,QAAMC,IAAaV,IAAoBA,EAAkBI,CAAG,IAAIO,EAA0BP,CAAG;AAC7F,SACI,gBAAAQ,EAAC,OAAA,EAAI,gBAAa,cACd,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAO;AAAA,UACH,UAAUP;AAAA,UACV,SAAS;AAAA,UACT,UAAAF;AAAA,UACA,SAASC,IAAO,EAAE,SAASA,GAAM,UAAU,UAAU;AAAA,QAAA;AAAA,QAGzD,UAAA,gBAAAO;AAAA,UAACE;AAAAA,UAAA;AAAA,YACG,gBAAa;AAAA,YACb,IAAG;AAAA,YACH,OAAOX;AAAA,YACP,UAAU,CAACY,MAAUlB,KAAA,gBAAAA,EAAckB,EAAM,OAAO;AAAA,YAChD,aAAad,KAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MAChC;AAAA,IAAA;AAAA,IAEH,CAACQ,KAAc,gBAAAG,EAAC,OAAA,EAAI,WAAU,2CAA0C,UAAA,6BAAyB;AAAA,IAEjG,CAACJ,KACE,gBAAAI,EAAC,OAAA,EAAI,WAAU,WACX,UAAA,gBAAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,KAAAb;AAAA,QACA,aAAAN;AAAA,QACA,YAAYU,KAAc;AAAA,QAC1B,iBAAiB,MAAMP,EAAU,gBAAA;AAAA,QACjC,8BAA8B,CAACiB,MAC3BjB,EAAU,6BAA6BiB,CAAU;AAAA,QAErD,qCAAqC,CAACC,MAClClB,EAAU,oCAAoCkB,CAAc;AAAA,MAAA;AAAA,IAAA,GAGxE;AAAA,IAGJ,gBAAAP,EAAC,OAAA,EAAI,WAAU,8CACX,UAAA;AAAA,MAAA,gBAAAC,EAACO,GAAA,EAAS,IAAG,WAAU,OAAOjB,GAAQ,UAAU,MAAMJ,KAAA,gBAAAA,EAAc,CAACI,GAAM,CAAG;AAAA,wBAC7EkB,GAAA,EAAM,IAAG,iBAAgB,SAAQ,WAAU,UAAA,kBAAA,CAE5C;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/components/Link/LinkSelector/DocumentLink.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentLink.es.js","sources":["../../../../src/components/Link/LinkSelector/DocumentLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type DocumentPage, type DocumentSection } from '@frontify/app-bridge';\nimport { IconColorFan16, merge } from '@frontify/fondue';\nimport { useEffect, useState } from 'react';\n\nimport { type InitiallyExpandedItems } from '../';\n\nimport { PageLinks } from './PageLinks';\n\ntype DocumentLinkProps = {\n    document: {\n        id: number;\n        title: string;\n        permanentLink: string;\n    };\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n    itemsToExpandInitially: InitiallyExpandedItems;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;\n};\n\nexport const DocumentLink = ({\n    document,\n    selectedUrl,\n    onSelectUrl,\n    itemsToExpandInitially,\n    getDocumentSectionsByDocumentPageId,\n    getDocumentPagesByDocumentId,\n}: DocumentLinkProps) => {\n    const [isExpanded, setIsExpanded] = useState(document.id === itemsToExpandInitially.documentId);\n    const isActive = document.permanentLink === selectedUrl;\n\n    useEffect(() => {\n        if (document.id === itemsToExpandInitially.documentId) {\n            setIsExpanded(true);\n        }\n    }, [itemsToExpandInitially, document.id]);\n\n    return (\n        <>\n            <button\n                data-test-id=\"internal-link-selector-document-link\"\n                className={merge([\n                    'tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-py-2 tw-pr-2.5 tw-leading-5 tw-cursor-pointer tw-w-full',\n                    isActive\n                        ? 'tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover'\n                        : 'hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover',\n                ])}\n                onClick={() => onSelectUrl(document.permanentLink)}\n            >\n                {/* eslint-disable-next-line jsx-a11y/no-redundant-roles */}\n                <button\n                    role=\"button\"\n                    tabIndex={0}\n                    data-test-id=\"tree-item-toggle\"\n                    className=\"tw-flex tw-items-center tw-justify-center -tw-mr-2 tw-pr-3.5 tw-pt-1.5 tw-pb-1.5 tw-pl-3.5 tw-cursor-pointer\"\n                    onClick={() => setIsExpanded(!isExpanded)}\n                    onKeyDown={(event) => event.key === 'Enter' && event.stopPropagation()}\n                >\n                    <div\n                        className={merge([\n                            'tw-transition-transform tw-w-0 tw-h-0 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong',\n                            isExpanded ? 'tw-rotate-90' : '',\n                        ])}\n                    ></div>\n                </button>\n                <IconColorFan16 />\n                <span className=\"tw-text-s\">{document.title}</span>\n                <span className=\"tw-flex-auto tw-font-sans tw-text-xs tw-text-right\">Document</span>\n            </button>\n            {isExpanded && (\n                <PageLinks\n                    documentId={document.id}\n                    selectedUrl={selectedUrl}\n                    onSelectUrl={onSelectUrl}\n                    itemsToExpandInitially={itemsToExpandInitially}\n                    getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                    getDocumentPagesByDocumentId={getDocumentPagesByDocumentId}\n                />\n            )}\n        </>\n    );\n};\n"],"names":["DocumentLink","document","selectedUrl","onSelectUrl","itemsToExpandInitially","getDocumentSectionsByDocumentPageId","getDocumentPagesByDocumentId","isExpanded","setIsExpanded","useState","isActive","useEffect","jsxs","Fragment","merge","jsx","event","IconColorFan16","PageLinks"],"mappings":";;;;AAuBO,MAAMA,IAAe,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,qCAAAC;AAAA,EACA,8BAAAC;AACJ,MAAyB;AACf,QAAA,CAACC,GAAYC,CAAa,IAAIC,EAASR,EAAS,OAAOG,EAAuB,UAAU,GACxFM,IAAWT,EAAS,kBAAkBC;AAE5C,SAAAS,EAAU,MAAM;AACR,IAAAV,EAAS,OAAOG,EAAuB,cACvCI,EAAc,EAAI;AAAA,EAEvB,GAAA,CAACJ,GAAwBH,EAAS,EAAE,CAAC,GAIhC,gBAAAW,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,WAAWE,EAAM;AAAA,UACb;AAAA,UACAJ,IACM,oKACA;AAAA,QAAA,CACT;AAAA,QACD,SAAS,MAAMP,EAAYF,EAAS,aAAa;AAAA,QAGjD,UAAA;AAAA,UAAA,gBAAAc;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,UAAU;AAAA,cACV,gBAAa;AAAA,cACb,WAAU;AAAA,cACV,SAAS,MAAMP,EAAc,CAACD,CAAU;AAAA,cACxC,WAAW,CAACS,MAAUA,EAAM,QAAQ,WAAWA,EAAM,gBAAgB;AAAA,cAErE,UAAA,gBAAAD;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAWD,EAAM;AAAA,oBACb;AAAA,oBACAP,IAAa,iBAAiB;AAAA,kBAAA,CACjC;AAAA,gBAAA;AAAA,cACJ;AAAA,YAAA;AAAA,UACL;AAAA,4BACCU,GAAe,EAAA;AAAA,UACf,gBAAAF,EAAA,QAAA,EAAK,WAAU,aAAa,YAAS,OAAM;AAAA,UAC3C,gBAAAA,EAAA,QAAA,EAAK,WAAU,sDAAqD,UAAQ,YAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjF;AAAA,IACCR,KACG,gBAAAQ;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,YAAYjB,EAAS;AAAA,QACrB,aAAAC;AAAA,QACA,aAAAC;AAAA,QACA,wBAAAC;AAAA,QACA,qCAAAC;AAAA,QACA,8BAAAC;AAAA,MAAA;AAAA,IACJ;AAAA,EAER,EAAA,CAAA;AAER;"}
+{"version":3,"file":"DocumentLink.es.js","sources":["../../../../src/components/Link/LinkSelector/DocumentLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type DocumentPage, type DocumentSection } from '@frontify/app-bridge';\nimport { IconColorFan16, merge } from '@frontify/fondue';\nimport { useEffect, useState } from 'react';\n\nimport { type InitiallyExpandedItems } from '../';\n\nimport { PageLinks } from './PageLinks';\n\ntype DocumentLinkProps = {\n    document: {\n        id: number;\n        title: string;\n        permanentLink: string;\n    };\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n    itemsToExpandInitially: InitiallyExpandedItems;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;\n};\n\nexport const DocumentLink = ({\n    document,\n    selectedUrl,\n    onSelectUrl,\n    itemsToExpandInitially,\n    getDocumentSectionsByDocumentPageId,\n    getDocumentPagesByDocumentId,\n}: DocumentLinkProps) => {\n    const [isExpanded, setIsExpanded] = useState(document.id === itemsToExpandInitially.documentId);\n    const isActive = document.permanentLink === selectedUrl;\n\n    useEffect(() => {\n        if (document.id === itemsToExpandInitially.documentId) {\n            setIsExpanded(true);\n        }\n    }, [itemsToExpandInitially, document.id]);\n\n    return (\n        <>\n            <button\n                data-test-id=\"internal-link-selector-document-link\"\n                className={merge([\n                    'tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-py-2 tw-pr-2.5 tw-leading-5 tw-cursor-pointer tw-w-full',\n                    isActive\n                        ? 'tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover'\n                        : 'hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover',\n                ])}\n                onClick={() => onSelectUrl(document.permanentLink)}\n            >\n                {/* eslint-disable-next-line jsx-a11y-x/no-redundant-roles */}\n                <button\n                    role=\"button\"\n                    tabIndex={0}\n                    data-test-id=\"tree-item-toggle\"\n                    className=\"tw-flex tw-items-center tw-justify-center -tw-mr-2 tw-pr-3.5 tw-pt-1.5 tw-pb-1.5 tw-pl-3.5 tw-cursor-pointer\"\n                    onClick={() => setIsExpanded(!isExpanded)}\n                    onKeyDown={(event) => event.key === 'Enter' && event.stopPropagation()}\n                >\n                    <div\n                        className={merge([\n                            'tw-transition-transform tw-w-0 tw-h-0 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong',\n                            isExpanded ? 'tw-rotate-90' : '',\n                        ])}\n                    ></div>\n                </button>\n                <IconColorFan16 />\n                <span className=\"tw-text-s\">{document.title}</span>\n                <span className=\"tw-flex-auto tw-font-sans tw-text-xs tw-text-right\">Document</span>\n            </button>\n            {isExpanded && (\n                <PageLinks\n                    documentId={document.id}\n                    selectedUrl={selectedUrl}\n                    onSelectUrl={onSelectUrl}\n                    itemsToExpandInitially={itemsToExpandInitially}\n                    getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                    getDocumentPagesByDocumentId={getDocumentPagesByDocumentId}\n                />\n            )}\n        </>\n    );\n};\n"],"names":["DocumentLink","document","selectedUrl","onSelectUrl","itemsToExpandInitially","getDocumentSectionsByDocumentPageId","getDocumentPagesByDocumentId","isExpanded","setIsExpanded","useState","isActive","useEffect","jsxs","Fragment","merge","jsx","event","IconColorFan16","PageLinks"],"mappings":";;;;AAuBO,MAAMA,IAAe,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,qCAAAC;AAAA,EACA,8BAAAC;AACJ,MAAyB;AACrB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASR,EAAS,OAAOG,EAAuB,UAAU,GACxFM,IAAWT,EAAS,kBAAkBC;AAE5C,SAAAS,EAAU,MAAM;AACZ,IAAIV,EAAS,OAAOG,EAAuB,cACvCI,EAAc,EAAI;AAAA,EAE1B,GAAG,CAACJ,GAAwBH,EAAS,EAAE,CAAC,GAGpC,gBAAAW,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,WAAWE,EAAM;AAAA,UACb;AAAA,UACAJ,IACM,oKACA;AAAA,QAAA,CACT;AAAA,QACD,SAAS,MAAMP,EAAYF,EAAS,aAAa;AAAA,QAGjD,UAAA;AAAA,UAAA,gBAAAc;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,UAAU;AAAA,cACV,gBAAa;AAAA,cACb,WAAU;AAAA,cACV,SAAS,MAAMP,EAAc,CAACD,CAAU;AAAA,cACxC,WAAW,CAACS,MAAUA,EAAM,QAAQ,WAAWA,EAAM,gBAAA;AAAA,cAErD,UAAA,gBAAAD;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAWD,EAAM;AAAA,oBACb;AAAA,oBACAP,IAAa,iBAAiB;AAAA,kBAAA,CACjC;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,4BAEJU,GAAA,EAAe;AAAA,UAChB,gBAAAF,EAAC,QAAA,EAAK,WAAU,aAAa,YAAS,OAAM;AAAA,UAC5C,gBAAAA,EAAC,QAAA,EAAK,WAAU,sDAAqD,UAAA,WAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhFR,KACG,gBAAAQ;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,YAAYjB,EAAS;AAAA,QACrB,aAAAC;AAAA,QACA,aAAAC;AAAA,QACA,wBAAAC;AAAA,QACA,qCAAAC;AAAA,QACA,8BAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GAER;AAER;"}