payload-richtext-tiptap 0.0.1

package/dist/fields/TiptapEditor/features/menus/TextMenu/TextMenu.js

@@ -0,0 +1,327 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Popover from "@radix-ui/react-popover";
+import { BubbleMenu } from "@tiptap/react";
+import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold, Code, FileCode, Highlighter, Italic, MoveVertical, Palette, RemoveFormatting, Sparkles, Strikethrough, Subscript, Superscript, Underline } from "lucide-react";
+import { memo, useState } from "react";
+import { ColorPicker } from "../../panels/index.jsx";
+import { AIEditorPanel } from "../../panels/AIEditorPanel/AIEditorPanel.jsx";
+import { Icon } from "../../ui/Icon.jsx";
+import { Surface } from "../../ui/Surface.jsx";
+import { Toolbar } from "../../ui/Toolbar.jsx";
+import { ContentTypePicker } from "./components/ContentTypePicker.jsx";
+import { EditLinkPopover } from "./components/EditLinkPopover.jsx";
+import { FontFamilyPicker } from "./components/FontFamilyPicker.jsx";
+import { FontSizePicker } from "./components/FontSizePicker.jsx";
+import { useTextmenuCommands } from "./hooks/useTextmenuCommands.js";
+import { useTextmenuContentTypes } from "./hooks/useTextmenuContentTypes.js";
+import { useTextmenuStates } from "./hooks/useTextmenuStates.js";
+// We memorize the button so each button is not rerendered
+// on every editor state change
+const MemoButton = /*#__PURE__*/ memo(Toolbar.Button);
+const MemoColorPicker = /*#__PURE__*/ memo(ColorPicker);
+const MemoFontFamilyPicker = /*#__PURE__*/ memo(FontFamilyPicker);
+const MemoFontSizePicker = /*#__PURE__*/ memo(FontSizePicker);
+const MemoContentTypePicker = /*#__PURE__*/ memo(ContentTypePicker);
+export const TextMenu = ({ editor })=>{
+    const commands = useTextmenuCommands(editor);
+    const states = useTextmenuStates(editor);
+    const blockOptions = useTextmenuContentTypes(editor);
+    const [openAi, setOpenAi] = useState(false);
+    return /*#__PURE__*/ _jsx(BubbleMenu, {
+        tippyOptions: {
+            placement: "bottom",
+            popperOptions: {
+                placement: "bottom"
+            },
+            onHide: ()=>{
+                setOpenAi(false);
+            }
+        },
+        editor: editor,
+        pluginKey: "textMenu",
+        shouldShow: states.shouldShow,
+        updateDelay: 100,
+        children: openAi ? /*#__PURE__*/ _jsx(AIEditorPanel, {
+            editor: editor,
+            onOpenChange: (value)=>{
+                setOpenAi(value);
+            }
+        }) : /*#__PURE__*/ _jsxs(Toolbar.Wrapper, {
+            children: [
+                /*#__PURE__*/ _jsxs(Toolbar.Button, {
+                    className: "text-purple-500 hover:text-purple-600 active:text-purple-600 dark:text-purple-400 dark:hover:text-purple-300 dark:active:text-purple-400",
+                    activeClassname: "text-purple-600 hover:text-purple-600 dark:text-purple-400 dark:hover:text-purple-200",
+                    onClick: ()=>setOpenAi(true),
+                    children: [
+                        /*#__PURE__*/ _jsx(Icon, {
+                            icon: Sparkles,
+                            className: "mr-1"
+                        }),
+                        "AI Tools"
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Toolbar.Divider, {}),
+                /*#__PURE__*/ _jsx(MemoContentTypePicker, {
+                    options: blockOptions
+                }),
+                /*#__PURE__*/ _jsx(MemoFontFamilyPicker, {
+                    onChange: commands.onSetFont,
+                    value: states.currentFont || ""
+                }),
+                /*#__PURE__*/ _jsx(MemoFontSizePicker, {
+                    onChange: commands.onSetFontSize,
+                    value: states.currentSize || ""
+                }),
+                /*#__PURE__*/ _jsx(Toolbar.Divider, {}),
+                /*#__PURE__*/ _jsx(MemoButton, {
+                    type: "button",
+                    tooltip: "Bold",
+                    tooltipShortcut: [
+                        "Mod",
+                        "B"
+                    ],
+                    onClick: commands.onBold,
+                    active: states.isBold,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: Bold
+                    })
+                }),
+                /*#__PURE__*/ _jsx(MemoButton, {
+                    type: "button",
+                    tooltip: "Italic",
+                    tooltipShortcut: [
+                        "Mod",
+                        "I"
+                    ],
+                    onClick: commands.onItalic,
+                    active: states.isItalic,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: Italic
+                    })
+                }),
+                /*#__PURE__*/ _jsx(MemoButton, {
+                    type: "button",
+                    tooltip: "Underline",
+                    tooltipShortcut: [
+                        "Mod",
+                        "U"
+                    ],
+                    onClick: commands.onUnderline,
+                    active: states.isUnderline,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: Underline
+                    })
+                }),
+                /*#__PURE__*/ _jsx(MemoButton, {
+                    type: "button",
+                    tooltip: "Strikehrough",
+                    tooltipShortcut: [
+                        "Mod",
+                        "Shift",
+                        "S"
+                    ],
+                    onClick: commands.onStrike,
+                    active: states.isStrike,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: Strikethrough
+                    })
+                }),
+                /*#__PURE__*/ _jsx(MemoButton, {
+                    type: "button",
+                    tooltip: "Code",
+                    tooltipShortcut: [
+                        "Mod",
+                        "E"
+                    ],
+                    onClick: commands.onCode,
+                    active: states.isCode,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: Code
+                    })
+                }),
+                /*#__PURE__*/ _jsx(MemoButton, {
+                    type: "button",
+                    tooltip: "Code block",
+                    onClick: commands.onCodeBlock,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: FileCode
+                    })
+                }),
+                /*#__PURE__*/ _jsx(MemoButton, {
+                    type: "button",
+                    tooltip: "Clear Formatting",
+                    onClick: commands.onClearFormatting,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: RemoveFormatting
+                    })
+                }),
+                /*#__PURE__*/ _jsx(EditLinkPopover, {
+                    onSetLink: commands.onLink
+                }),
+                /*#__PURE__*/ _jsxs(Popover.Root, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Popover.Trigger, {
+                            asChild: true,
+                            children: /*#__PURE__*/ _jsx(MemoButton, {
+                                type: "button",
+                                active: !!states.currentHighlight,
+                                tooltip: "Highlight text",
+                                children: /*#__PURE__*/ _jsx(Icon, {
+                                    icon: Highlighter
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(Popover.Content, {
+                            side: "top",
+                            sideOffset: 8,
+                            asChild: true,
+                            children: /*#__PURE__*/ _jsx(Surface, {
+                                className: "p-1",
+                                children: /*#__PURE__*/ _jsx(MemoColorPicker, {
+                                    color: states.currentHighlight,
+                                    onChange: commands.onChangeHighlight,
+                                    onClear: commands.onClearHighlight
+                                })
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Popover.Root, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Popover.Trigger, {
+                            asChild: true,
+                            children: /*#__PURE__*/ _jsx(MemoButton, {
+                                type: "button",
+                                active: !!states.currentColor,
+                                tooltip: "Text color",
+                                children: /*#__PURE__*/ _jsx(Icon, {
+                                    icon: Palette
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(Popover.Content, {
+                            side: "top",
+                            sideOffset: 8,
+                            asChild: true,
+                            children: /*#__PURE__*/ _jsx(Surface, {
+                                className: "p-1",
+                                children: /*#__PURE__*/ _jsx(MemoColorPicker, {
+                                    color: states.currentColor,
+                                    onChange: commands.onChangeColor,
+                                    onClear: commands.onClearColor
+                                })
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Popover.Root, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Popover.Trigger, {
+                            asChild: true,
+                            children: /*#__PURE__*/ _jsx(MemoButton, {
+                                type: "button",
+                                tooltip: "More options",
+                                children: /*#__PURE__*/ _jsx(Icon, {
+                                    icon: MoveVertical
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(Popover.Content, {
+                            side: "top",
+                            asChild: true,
+                            children: /*#__PURE__*/ _jsxs(Toolbar.Wrapper, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(MemoButton, {
+                                        type: "button",
+                                        tooltip: "Subscript",
+                                        tooltipShortcut: [
+                                            "Mod",
+                                            "."
+                                        ],
+                                        onClick: commands.onSubscript,
+                                        active: states.isSubscript,
+                                        children: /*#__PURE__*/ _jsx(Icon, {
+                                            icon: Subscript
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(MemoButton, {
+                                        type: "button",
+                                        tooltip: "Superscript",
+                                        tooltipShortcut: [
+                                            "Mod",
+                                            ","
+                                        ],
+                                        onClick: commands.onSuperscript,
+                                        active: states.isSuperscript,
+                                        children: /*#__PURE__*/ _jsx(Icon, {
+                                            icon: Superscript
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(Toolbar.Divider, {}),
+                                    /*#__PURE__*/ _jsx(MemoButton, {
+                                        type: "button",
+                                        tooltip: "Align left",
+                                        tooltipShortcut: [
+                                            "Shift",
+                                            "Mod",
+                                            "L"
+                                        ],
+                                        onClick: commands.onAlignLeft,
+                                        active: states.isAlignLeft,
+                                        children: /*#__PURE__*/ _jsx(Icon, {
+                                            icon: AlignLeft
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(MemoButton, {
+                                        type: "button",
+                                        tooltip: "Align center",
+                                        tooltipShortcut: [
+                                            "Shift",
+                                            "Mod",
+                                            "E"
+                                        ],
+                                        onClick: commands.onAlignCenter,
+                                        active: states.isAlignCenter,
+                                        children: /*#__PURE__*/ _jsx(Icon, {
+                                            icon: AlignCenter
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(MemoButton, {
+                                        type: "button",
+                                        tooltip: "Align right",
+                                        tooltipShortcut: [
+                                            "Shift",
+                                            "Mod",
+                                            "R"
+                                        ],
+                                        onClick: commands.onAlignRight,
+                                        active: states.isAlignRight,
+                                        children: /*#__PURE__*/ _jsx(Icon, {
+                                            icon: AlignRight
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(MemoButton, {
+                                        type: "button",
+                                        tooltip: "Justify",
+                                        tooltipShortcut: [
+                                            "Shift",
+                                            "Mod",
+                                            "J"
+                                        ],
+                                        onClick: commands.onAlignJustify,
+                                        active: states.isAlignJustify,
+                                        children: /*#__PURE__*/ _jsx(Icon, {
+                                            icon: AlignJustify
+                                        })
+                                    })
+                                ]
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+//# sourceMappingURL=TextMenu.js.map

package/dist/fields/TiptapEditor/features/menus/TextMenu/TextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/TextMenu.tsx"],"sourcesContent":["import * as Popover from \"@radix-ui/react-popover\";\nimport { BubbleMenu, Editor } from \"@tiptap/react\";\nimport {\n  AlignCenter,\n  AlignJustify,\n  AlignLeft,\n  AlignRight,\n  Bold,\n  Code,\n  FileCode,\n  Highlighter,\n  Italic,\n  MoveVertical,\n  Palette,\n  RemoveFormatting,\n  Sparkles,\n  Strikethrough,\n  Subscript,\n  Superscript,\n  Underline,\n} from \"lucide-react\";\nimport { memo, useState } from \"react\";\nimport { ColorPicker } from \"../../panels/index.jsx\";\nimport { AIEditorPanel } from \"../../panels/AIEditorPanel/AIEditorPanel.jsx\";\nimport { Icon } from \"../../ui/Icon.jsx\";\nimport { Surface } from \"../../ui/Surface.jsx\";\nimport { Toolbar } from \"../../ui/Toolbar.jsx\";\nimport { ContentTypePicker } from \"./components/ContentTypePicker.jsx\";\nimport { EditLinkPopover } from \"./components/EditLinkPopover.jsx\";\nimport { FontFamilyPicker } from \"./components/FontFamilyPicker.jsx\";\nimport { FontSizePicker } from \"./components/FontSizePicker.jsx\";\nimport { useTextmenuCommands } from \"./hooks/useTextmenuCommands.js\";\nimport { useTextmenuContentTypes } from \"./hooks/useTextmenuContentTypes.js\";\nimport { useTextmenuStates } from \"./hooks/useTextmenuStates.js\";\n\n// We memorize the button so each button is not rerendered\n// on every editor state change\nconst MemoButton = memo(Toolbar.Button);\nconst MemoColorPicker = memo(ColorPicker);\nconst MemoFontFamilyPicker = memo(FontFamilyPicker);\nconst MemoFontSizePicker = memo(FontSizePicker);\nconst MemoContentTypePicker = memo(ContentTypePicker);\n\nexport type TextMenuProps = {\n  editor: Editor;\n};\n\nexport const TextMenu = ({ editor }: TextMenuProps) => {\n  const commands = useTextmenuCommands(editor);\n  const states = useTextmenuStates(editor);\n  const blockOptions = useTextmenuContentTypes(editor);\n  const [openAi, setOpenAi] = useState(false);\n\n  return (\n    <BubbleMenu\n      tippyOptions={{\n        placement: \"bottom\",\n        popperOptions: { placement: \"bottom\" },\n        onHide: () => {\n          setOpenAi(false);\n        },\n      }}\n      editor={editor}\n      pluginKey=\"textMenu\"\n      shouldShow={states.shouldShow}\n      updateDelay={100}\n    >\n      {openAi ? (\n        <AIEditorPanel\n          editor={editor}\n          onOpenChange={(value) => {\n            setOpenAi(value);\n          }}\n        />\n      ) : (\n        <Toolbar.Wrapper>\n          <Toolbar.Button\n            className=\"text-purple-500 hover:text-purple-600 active:text-purple-600 dark:text-purple-400 dark:hover:text-purple-300 dark:active:text-purple-400\"\n            activeClassname=\"text-purple-600 hover:text-purple-600 dark:text-purple-400 dark:hover:text-purple-200\"\n            onClick={() => setOpenAi(true)}\n          >\n            <Icon icon={Sparkles} className=\"mr-1\" />\n            AI Tools\n          </Toolbar.Button>\n          <Toolbar.Divider />\n\n          <MemoContentTypePicker options={blockOptions} />\n          <MemoFontFamilyPicker\n            onChange={commands.onSetFont}\n            value={states.currentFont || \"\"}\n          />\n          <MemoFontSizePicker\n            onChange={commands.onSetFontSize}\n            value={states.currentSize || \"\"}\n          />\n          <Toolbar.Divider />\n          <MemoButton\n            type=\"button\"\n            tooltip=\"Bold\"\n            tooltipShortcut={[\"Mod\", \"B\"]}\n            onClick={commands.onBold}\n            active={states.isBold}\n          >\n            <Icon icon={Bold} />\n          </MemoButton>\n          <MemoButton\n            type=\"button\"\n            tooltip=\"Italic\"\n            tooltipShortcut={[\"Mod\", \"I\"]}\n            onClick={commands.onItalic}\n            active={states.isItalic}\n          >\n            <Icon icon={Italic} />\n          </MemoButton>\n          <MemoButton\n            type=\"button\"\n            tooltip=\"Underline\"\n            tooltipShortcut={[\"Mod\", \"U\"]}\n            onClick={commands.onUnderline}\n            active={states.isUnderline}\n          >\n            <Icon icon={Underline} />\n          </MemoButton>\n          <MemoButton\n            type=\"button\"\n            tooltip=\"Strikehrough\"\n            tooltipShortcut={[\"Mod\", \"Shift\", \"S\"]}\n            onClick={commands.onStrike}\n            active={states.isStrike}\n          >\n            <Icon icon={Strikethrough} />\n          </MemoButton>\n          <MemoButton\n            type=\"button\"\n            tooltip=\"Code\"\n            tooltipShortcut={[\"Mod\", \"E\"]}\n            onClick={commands.onCode}\n            active={states.isCode}\n          >\n            <Icon icon={Code} />\n          </MemoButton>\n          <MemoButton\n            type=\"button\"\n            tooltip=\"Code block\"\n            onClick={commands.onCodeBlock}\n          >\n            <Icon icon={FileCode} />\n          </MemoButton>\n          <MemoButton\n            type=\"button\"\n            tooltip=\"Clear Formatting\"\n            onClick={commands.onClearFormatting}\n          >\n            <Icon icon={RemoveFormatting} />\n          </MemoButton>\n          <EditLinkPopover onSetLink={commands.onLink} />\n          <Popover.Root>\n            <Popover.Trigger asChild>\n              <MemoButton\n                type=\"button\"\n                active={!!states.currentHighlight}\n                tooltip=\"Highlight text\"\n              >\n                <Icon icon={Highlighter} />\n              </MemoButton>\n            </Popover.Trigger>\n            <Popover.Content side=\"top\" sideOffset={8} asChild>\n              <Surface className=\"p-1\">\n                <MemoColorPicker\n                  color={states.currentHighlight}\n                  onChange={commands.onChangeHighlight}\n                  onClear={commands.onClearHighlight}\n                />\n              </Surface>\n            </Popover.Content>\n          </Popover.Root>\n          <Popover.Root>\n            <Popover.Trigger asChild>\n              <MemoButton\n                type=\"button\"\n                active={!!states.currentColor}\n                tooltip=\"Text color\"\n              >\n                <Icon icon={Palette} />\n              </MemoButton>\n            </Popover.Trigger>\n            <Popover.Content side=\"top\" sideOffset={8} asChild>\n              <Surface className=\"p-1\">\n                <MemoColorPicker\n                  color={states.currentColor}\n                  onChange={commands.onChangeColor}\n                  onClear={commands.onClearColor}\n                />\n              </Surface>\n            </Popover.Content>\n          </Popover.Root>\n          <Popover.Root>\n            <Popover.Trigger asChild>\n              <MemoButton type=\"button\" tooltip=\"More options\">\n                <Icon icon={MoveVertical} />\n              </MemoButton>\n            </Popover.Trigger>\n            <Popover.Content side=\"top\" asChild>\n              <Toolbar.Wrapper>\n                <MemoButton\n                  type=\"button\"\n                  tooltip=\"Subscript\"\n                  tooltipShortcut={[\"Mod\", \".\"]}\n                  onClick={commands.onSubscript}\n                  active={states.isSubscript}\n                >\n                  <Icon icon={Subscript} />\n                </MemoButton>\n                <MemoButton\n                  type=\"button\"\n                  tooltip=\"Superscript\"\n                  tooltipShortcut={[\"Mod\", \",\"]}\n                  onClick={commands.onSuperscript}\n                  active={states.isSuperscript}\n                >\n                  <Icon icon={Superscript} />\n                </MemoButton>\n                <Toolbar.Divider />\n                <MemoButton\n                  type=\"button\"\n                  tooltip=\"Align left\"\n                  tooltipShortcut={[\"Shift\", \"Mod\", \"L\"]}\n                  onClick={commands.onAlignLeft}\n                  active={states.isAlignLeft}\n                >\n                  <Icon icon={AlignLeft} />\n                </MemoButton>\n                <MemoButton\n                  type=\"button\"\n                  tooltip=\"Align center\"\n                  tooltipShortcut={[\"Shift\", \"Mod\", \"E\"]}\n                  onClick={commands.onAlignCenter}\n                  active={states.isAlignCenter}\n                >\n                  <Icon icon={AlignCenter} />\n                </MemoButton>\n                <MemoButton\n                  type=\"button\"\n                  tooltip=\"Align right\"\n                  tooltipShortcut={[\"Shift\", \"Mod\", \"R\"]}\n                  onClick={commands.onAlignRight}\n                  active={states.isAlignRight}\n                >\n                  <Icon icon={AlignRight} />\n                </MemoButton>\n                <MemoButton\n                  type=\"button\"\n                  tooltip=\"Justify\"\n                  tooltipShortcut={[\"Shift\", \"Mod\", \"J\"]}\n                  onClick={commands.onAlignJustify}\n                  active={states.isAlignJustify}\n                >\n                  <Icon icon={AlignJustify} />\n                </MemoButton>\n              </Toolbar.Wrapper>\n            </Popover.Content>\n          </Popover.Root>\n        </Toolbar.Wrapper>\n      )}\n    </BubbleMenu>\n  );\n};\n"],"names":["Popover","BubbleMenu","AlignCenter","AlignJustify","AlignLeft","AlignRight","Bold","Code","FileCode","Highlighter","Italic","MoveVertical","Palette","RemoveFormatting","Sparkles","Strikethrough","Subscript","Superscript","Underline","memo","useState","ColorPicker","AIEditorPanel","Icon","Surface","Toolbar","ContentTypePicker","EditLinkPopover","FontFamilyPicker","FontSizePicker","useTextmenuCommands","useTextmenuContentTypes","useTextmenuStates","MemoButton","Button","MemoColorPicker","MemoFontFamilyPicker","MemoFontSizePicker","MemoContentTypePicker","TextMenu","editor","commands","states","blockOptions","openAi","setOpenAi","tippyOptions","placement","popperOptions","onHide","pluginKey","shouldShow","updateDelay","onOpenChange","value","Wrapper","className","activeClassname","onClick","icon","Divider","options","onChange","onSetFont","currentFont","onSetFontSize","currentSize","type","tooltip","tooltipShortcut","onBold","active","isBold","onItalic","isItalic","onUnderline","isUnderline","onStrike","isStrike","onCode","isCode","onCodeBlock","onClearFormatting","onSetLink","onLink","Root","Trigger","asChild","currentHighlight","Content","side","sideOffset","color","onChangeHighlight","onClear","onClearHighlight","currentColor","onChangeColor","onClearColor","onSubscript","isSubscript","onSuperscript","isSuperscript","onAlignLeft","isAlignLeft","onAlignCenter","isAlignCenter","onAlignRight","isAlignRight","onAlignJustify","isAlignJustify"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/fields/TiptapEditor/features/menus/TextMenu/components/ContentTypePicker.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Dropdown from "@radix-ui/react-dropdown-menu";
+import { ChevronDown, Pilcrow } from "lucide-react";
+import { useMemo } from "react";
+import { DropdownButton, DropdownCategoryTitle } from "../../../ui/Dropdown/Dropdown.jsx";
+import { Icon } from "../../../ui/Icon.jsx";
+import { Surface } from "../../../ui/Surface.jsx";
+import { Toolbar } from "../../../ui/Toolbar.jsx";
+const isOption = (option)=>option.type === "option";
+const isCategory = (option)=>option.type === "category";
+export const ContentTypePicker = ({ options })=>{
+    const activeItem = useMemo(()=>options.find((option)=>option.type === "option" && option.isActive()), [
+        options
+    ]);
+    return /*#__PURE__*/ _jsxs(Dropdown.Root, {
+        children: [
+            /*#__PURE__*/ _jsx(Dropdown.Trigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsxs(Toolbar.Button, {
+                    type: "button",
+                    active: activeItem?.id !== "paragraph" && !!activeItem?.type,
+                    children: [
+                        /*#__PURE__*/ _jsx(Icon, {
+                            icon: activeItem?.type === "option" && activeItem.icon || Pilcrow
+                        }),
+                        /*#__PURE__*/ _jsx(Icon, {
+                            icon: ChevronDown,
+                            className: "w-2 h-2"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(Dropdown.Content, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx(Surface, {
+                    className: "flex flex-col gap-1 px-2 py-4",
+                    children: options.map((option)=>{
+                        if (isOption(option)) {
+                            return /*#__PURE__*/ _jsxs(DropdownButton, {
+                                onClick: option.onClick,
+                                isActive: option.isActive(),
+                                children: [
+                                    /*#__PURE__*/ _jsx(Icon, {
+                                        icon: option.icon,
+                                        className: "w-4 h-4 mr-1"
+                                    }),
+                                    option.label
+                                ]
+                            }, option.id);
+                        } else if (isCategory(option)) {
+                            return /*#__PURE__*/ _jsx("div", {
+                                className: "mt-2 first:mt-0",
+                                children: /*#__PURE__*/ _jsx(DropdownCategoryTitle, {
+                                    children: option.label
+                                }, option.id)
+                            }, option.id);
+                        }
+                    })
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=ContentTypePicker.js.map

package/dist/fields/TiptapEditor/features/menus/TextMenu/components/ContentTypePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ContentTypePicker.tsx"],"sourcesContent":["import * as Dropdown from \"@radix-ui/react-dropdown-menu\";\nimport { ChevronDown, LucideIcon, Pilcrow } from \"lucide-react\";\nimport { useMemo } from \"react\";\nimport {\n  DropdownButton,\n  DropdownCategoryTitle,\n} from \"../../../ui/Dropdown/Dropdown.jsx\";\nimport { Icon } from \"../../../ui/Icon.jsx\";\nimport { Surface } from \"../../../ui/Surface.jsx\";\nimport { Toolbar } from \"../../../ui/Toolbar.jsx\";\n\nexport type ContentTypePickerOption = {\n  label: string;\n  id: string;\n  type: \"option\";\n  disabled: () => boolean;\n  isActive: () => boolean;\n  onClick: () => void;\n  icon: LucideIcon;\n};\n\nexport type ContentTypePickerCategory = {\n  label: string;\n  id: string;\n  type: \"category\";\n};\n\nexport type ContentPickerOptions = Array<\n  ContentTypePickerOption | ContentTypePickerCategory\n>;\n\nexport type ContentTypePickerProps = {\n  options: ContentPickerOptions;\n};\n\nconst isOption = (\n  option: ContentTypePickerOption | ContentTypePickerCategory\n): option is ContentTypePickerOption => option.type === \"option\";\nconst isCategory = (\n  option: ContentTypePickerOption | ContentTypePickerCategory\n): option is ContentTypePickerCategory => option.type === \"category\";\n\nexport const ContentTypePicker = ({ options }: ContentTypePickerProps) => {\n  const activeItem = useMemo(\n    () =>\n      options.find((option) => option.type === \"option\" && option.isActive()),\n    [options]\n  );\n\n  return (\n    <Dropdown.Root>\n      <Dropdown.Trigger asChild>\n        <Toolbar.Button\n          type=\"button\"\n          active={activeItem?.id !== \"paragraph\" && !!activeItem?.type}\n        >\n          <Icon\n            icon={(activeItem?.type === \"option\" && activeItem.icon) || Pilcrow}\n          />\n          <Icon icon={ChevronDown} className=\"w-2 h-2\" />\n        </Toolbar.Button>\n      </Dropdown.Trigger>\n      <Dropdown.Content asChild>\n        <Surface className=\"flex flex-col gap-1 px-2 py-4\">\n          {options.map((option) => {\n            if (isOption(option)) {\n              return (\n                <DropdownButton\n                  key={option.id}\n                  onClick={option.onClick}\n                  isActive={option.isActive()}\n                >\n                  <Icon icon={option.icon} className=\"w-4 h-4 mr-1\" />\n                  {option.label}\n                </DropdownButton>\n              );\n            } else if (isCategory(option)) {\n              return (\n                <div className=\"mt-2 first:mt-0\" key={option.id}>\n                  <DropdownCategoryTitle key={option.id}>\n                    {option.label}\n                  </DropdownCategoryTitle>\n                </div>\n              );\n            }\n          })}\n        </Surface>\n      </Dropdown.Content>\n    </Dropdown.Root>\n  );\n};\n"],"names":["Dropdown","ChevronDown","Pilcrow","useMemo","DropdownButton","DropdownCategoryTitle","Icon","Surface","Toolbar","isOption","option","type","isCategory","ContentTypePicker","options","activeItem","find","isActive","Root","Trigger","asChild","Button","active","id","icon","className","Content","map","onClick","label","div"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,cAAc,gCAAgC;AAC1D,SAASC,WAAW,EAAcC,OAAO,QAAQ,eAAe;AAChE,SAASC,OAAO,QAAQ,QAAQ;AAChC,SACEC,cAAc,EACdC,qBAAqB,QAChB,oCAAoC;AAC3C,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,OAAO,QAAQ,0BAA0B;AAClD,SAASC,OAAO,QAAQ,0BAA0B;AA0BlD,MAAMC,WAAW,CACfC,SACsCA,OAAOC,IAAI,KAAK;AACxD,MAAMC,aAAa,CACjBF,SACwCA,OAAOC,IAAI,KAAK;AAE1D,OAAO,MAAME,oBAAoB,CAAC,EAAEC,OAAO,EAA0B;IACnE,MAAMC,aAAaZ,QACjB,IACEW,QAAQE,IAAI,CAAC,CAACN,SAAWA,OAAOC,IAAI,KAAK,YAAYD,OAAOO,QAAQ,KACtE;QAACH;KAAQ;IAGX,qBACE,MAACd,SAASkB,IAAI;;0BACZ,KAAClB,SAASmB,OAAO;gBAACC,OAAO;0BACvB,cAAA,MAACZ,QAAQa,MAAM;oBACbV,MAAK;oBACLW,QAAQP,YAAYQ,OAAO,eAAe,CAAC,CAACR,YAAYJ;;sCAExD,KAACL;4BACCkB,MAAM,AAACT,YAAYJ,SAAS,YAAYI,WAAWS,IAAI,IAAKtB;;sCAE9D,KAACI;4BAAKkB,MAAMvB;4BAAawB,WAAU;;;;;0BAGvC,KAACzB,SAAS0B,OAAO;gBAACN,OAAO;0BACvB,cAAA,KAACb;oBAAQkB,WAAU;8BAChBX,QAAQa,GAAG,CAAC,CAACjB;wBACZ,IAAID,SAASC,SAAS;4BACpB,qBACE,MAACN;gCAECwB,SAASlB,OAAOkB,OAAO;gCACvBX,UAAUP,OAAOO,QAAQ;;kDAEzB,KAACX;wCAAKkB,MAAMd,OAAOc,IAAI;wCAAEC,WAAU;;oCAClCf,OAAOmB,KAAK;;+BALRnB,OAAOa,EAAE;wBAQpB,OAAO,IAAIX,WAAWF,SAAS;4BAC7B,qBACE,KAACoB;gCAAIL,WAAU;0CACb,cAAA,KAACpB;8CACEK,OAAOmB,KAAK;mCADanB,OAAOa,EAAE;+BADDb,OAAOa,EAAE;wBAMnD;oBACF;;;;;AAKV,EAAE"}

package/dist/fields/TiptapEditor/features/menus/TextMenu/components/EditIframeLinkPopover.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Popover from "@radix-ui/react-popover";
+import { Link } from "lucide-react";
+import { IframeLinkEditorPanel } from "../../../panels/IframeLinkEditorPanel/IframeLinkEditorPanel.jsx";
+import { Icon } from "../../../ui/Icon.jsx";
+import { Toolbar } from "../../../ui/Toolbar.jsx";
+export const EditIframeLinkPopover = ({ onSetLink, initialSrcLink })=>{
+    return /*#__PURE__*/ _jsxs(Popover.Root, {
+        children: [
+            /*#__PURE__*/ _jsx(Popover.Trigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx(Toolbar.Button, {
+                    type: "button",
+                    tooltip: "Set Embed Code / Embed Link",
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: Link
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(Popover.Content, {
+                children: /*#__PURE__*/ _jsx(IframeLinkEditorPanel, {
+                    onSetLink: onSetLink,
+                    initialSrc: initialSrcLink ?? ""
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=EditIframeLinkPopover.js.map

package/dist/fields/TiptapEditor/features/menus/TextMenu/components/EditIframeLinkPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/EditIframeLinkPopover.tsx"],"sourcesContent":["import * as Popover from \"@radix-ui/react-popover\";\nimport { Link } from \"lucide-react\";\nimport { IframeLinkEditorPanel } from \"../../../panels/IframeLinkEditorPanel/IframeLinkEditorPanel.jsx\";\nimport { Icon } from \"../../../ui/Icon.jsx\";\nimport { Toolbar } from \"../../../ui/Toolbar.jsx\";\n\nexport type EditIframeLinkPopoverProps = {\n  onSetLink: (src: string) => void;\n  initialSrcLink: string;\n};\n\nexport const EditIframeLinkPopover = ({\n  onSetLink,\n  initialSrcLink,\n}: EditIframeLinkPopoverProps) => {\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <Toolbar.Button type=\"button\" tooltip=\"Set Embed Code / Embed Link\">\n          <Icon icon={Link} />\n        </Toolbar.Button>\n      </Popover.Trigger>\n      <Popover.Content>\n        <IframeLinkEditorPanel\n          onSetLink={onSetLink}\n          initialSrc={initialSrcLink ?? \"\"}\n        />\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n"],"names":["Popover","Link","IframeLinkEditorPanel","Icon","Toolbar","EditIframeLinkPopover","onSetLink","initialSrcLink","Root","Trigger","asChild","Button","type","tooltip","icon","Content","initialSrc"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,aAAa,0BAA0B;AACnD,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,qBAAqB,QAAQ,kEAAkE;AACxG,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,OAAO,QAAQ,0BAA0B;AAOlD,OAAO,MAAMC,wBAAwB,CAAC,EACpCC,SAAS,EACTC,cAAc,EACa;IAC3B,qBACE,MAACP,QAAQQ,IAAI;;0BACX,KAACR,QAAQS,OAAO;gBAACC,OAAO;0BACtB,cAAA,KAACN,QAAQO,MAAM;oBAACC,MAAK;oBAASC,SAAQ;8BACpC,cAAA,KAACV;wBAAKW,MAAMb;;;;0BAGhB,KAACD,QAAQe,OAAO;0BACd,cAAA,KAACb;oBACCI,WAAWA;oBACXU,YAAYT,kBAAkB;;;;;AAKxC,EAAE"}

package/dist/fields/TiptapEditor/features/menus/TextMenu/components/EditLinkPopover.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Icon } from "../../../ui/Icon.jsx";
+import { Toolbar } from "../../../ui/Toolbar.jsx";
+import * as Popover from "@radix-ui/react-popover";
+import { LinkEditorPanel } from "../../../panels/index.jsx";
+import { Link } from "lucide-react";
+export const EditLinkPopover = ({ onSetLink })=>{
+    return /*#__PURE__*/ _jsxs(Popover.Root, {
+        children: [
+            /*#__PURE__*/ _jsx(Popover.Trigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx(Toolbar.Button, {
+                    type: "button",
+                    tooltip: "Set Link",
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: Link
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(Popover.Content, {
+                children: /*#__PURE__*/ _jsx(LinkEditorPanel, {
+                    onSetLink: onSetLink
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=EditLinkPopover.js.map

package/dist/fields/TiptapEditor/features/menus/TextMenu/components/EditLinkPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/EditLinkPopover.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"../../../ui/Icon.jsx\";\nimport { Toolbar } from \"../../../ui/Toolbar.jsx\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport { LinkEditorPanel } from \"../../../panels/index.jsx\";\nimport { Link } from \"lucide-react\";\n\nexport type EditLinkPopoverProps = {\n  onSetLink: (link: string, openInNewTab?: boolean) => void;\n};\n\nexport const EditLinkPopover = ({ onSetLink }: EditLinkPopoverProps) => {\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <Toolbar.Button type=\"button\" tooltip=\"Set Link\">\n          <Icon icon={Link} />\n        </Toolbar.Button>\n      </Popover.Trigger>\n      <Popover.Content>\n        <LinkEditorPanel onSetLink={onSetLink} />\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n"],"names":["React","Icon","Toolbar","Popover","LinkEditorPanel","Link","EditLinkPopover","onSetLink","Root","Trigger","asChild","Button","type","tooltip","icon","Content"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,OAAO,QAAQ,0BAA0B;AAClD,YAAYC,aAAa,0BAA0B;AACnD,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,IAAI,QAAQ,eAAe;AAMpC,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,SAAS,EAAwB;IACjE,qBACE,MAACJ,QAAQK,IAAI;;0BACX,KAACL,QAAQM,OAAO;gBAACC,OAAO;0BACtB,cAAA,KAACR,QAAQS,MAAM;oBAACC,MAAK;oBAASC,SAAQ;8BACpC,cAAA,KAACZ;wBAAKa,MAAMT;;;;0BAGhB,KAACF,QAAQY,OAAO;0BACd,cAAA,KAACX;oBAAgBG,WAAWA;;;;;AAIpC,EAAE"}

package/dist/fields/TiptapEditor/features/menus/TextMenu/components/FontFamilyPicker.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Dropdown from "@radix-ui/react-dropdown-menu";
+import { ChevronDown } from "lucide-react";
+import { useCallback } from "react";
+import { DropdownButton, DropdownCategoryTitle } from "../../../ui/Dropdown/Dropdown.jsx";
+import { Icon } from "../../../ui/Icon.jsx";
+import { Surface } from "../../../ui/Surface.jsx";
+import { Toolbar } from "../../../ui/Toolbar.jsx";
+const FONT_FAMILY_GROUPS = [
+    {
+        label: "Sans Serif",
+        options: [
+            {
+                label: "Inter",
+                value: ""
+            },
+            {
+                label: "Arial",
+                value: "Arial"
+            },
+            {
+                label: "Helvetica",
+                value: "Helvetica"
+            }
+        ]
+    },
+    {
+        label: "Serif",
+        options: [
+            {
+                label: "Times New Roman",
+                value: "Times"
+            },
+            {
+                label: "Garamond",
+                value: "Garamond"
+            },
+            {
+                label: "Georgia",
+                value: "Georgia"
+            }
+        ]
+    },
+    {
+        label: "Monospace",
+        options: [
+            {
+                label: "Courier",
+                value: "Courier"
+            },
+            {
+                label: "Courier New",
+                value: "Courier New"
+            }
+        ]
+    }
+];
+const FONT_FAMILIES = FONT_FAMILY_GROUPS.flatMap((group)=>[
+        group.options
+    ]).flat();
+export const FontFamilyPicker = ({ onChange, value })=>{
+    const currentValue = FONT_FAMILIES.find((size)=>size.value === value);
+    const currentFontLabel = currentValue?.label.split(" ")[0] || "Inter";
+    const selectFont = useCallback((font)=>()=>onChange(font), [
+        onChange
+    ]);
+    return /*#__PURE__*/ _jsxs(Dropdown.Root, {
+        children: [
+            /*#__PURE__*/ _jsx(Dropdown.Trigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsxs(Toolbar.Button, {
+                    type: "button",
+                    active: !!currentValue?.value,
+                    children: [
+                        currentFontLabel,
+                        /*#__PURE__*/ _jsx(Icon, {
+                            icon: ChevronDown,
+                            className: "w-2 h-2"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(Dropdown.Content, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx(Surface, {
+                    className: "flex flex-col gap-1 px-2 py-4",
+                    children: FONT_FAMILY_GROUPS.map((group)=>/*#__PURE__*/ _jsxs("div", {
+                            className: "mt-2.5 first:mt-0 gap-0.5 flex flex-col",
+                            children: [
+                                /*#__PURE__*/ _jsx(DropdownCategoryTitle, {
+                                    children: group.label
+                                }),
+                                group.options.map((font)=>/*#__PURE__*/ _jsx(DropdownButton, {
+                                        isActive: value === font.value,
+                                        onClick: selectFont(font.value),
+                                        children: /*#__PURE__*/ _jsx("span", {
+                                            style: {
+                                                fontFamily: font.value
+                                            },
+                                            children: font.label
+                                        })
+                                    }, `${font.label}_${font.value}`))
+                            ]
+                        }, group.label))
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=FontFamilyPicker.js.map

package/dist/fields/TiptapEditor/features/menus/TextMenu/components/FontFamilyPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/FontFamilyPicker.tsx"],"sourcesContent":["import * as Dropdown from \"@radix-ui/react-dropdown-menu\";\nimport { ChevronDown } from \"lucide-react\";\nimport { useCallback } from \"react\";\nimport {\n  DropdownButton,\n  DropdownCategoryTitle,\n} from \"../../../ui/Dropdown/Dropdown.jsx\";\nimport { Icon } from \"../../../ui/Icon.jsx\";\nimport { Surface } from \"../../../ui/Surface.jsx\";\nimport { Toolbar } from \"../../../ui/Toolbar.jsx\";\n\nconst FONT_FAMILY_GROUPS = [\n  {\n    label: \"Sans Serif\",\n    options: [\n      { label: \"Inter\", value: \"\" },\n      { label: \"Arial\", value: \"Arial\" },\n      { label: \"Helvetica\", value: \"Helvetica\" },\n    ],\n  },\n  {\n    label: \"Serif\",\n    options: [\n      { label: \"Times New Roman\", value: \"Times\" },\n      { label: \"Garamond\", value: \"Garamond\" },\n      { label: \"Georgia\", value: \"Georgia\" },\n    ],\n  },\n  {\n    label: \"Monospace\",\n    options: [\n      { label: \"Courier\", value: \"Courier\" },\n      { label: \"Courier New\", value: \"Courier New\" },\n    ],\n  },\n];\n\nconst FONT_FAMILIES = FONT_FAMILY_GROUPS.flatMap((group) => [\n  group.options,\n]).flat();\n\nexport type FontFamilyPickerProps = {\n  onChange: (value: string) => void; // eslint-disable-line no-unused-vars\n  value: string;\n};\n\nexport const FontFamilyPicker = ({\n  onChange,\n  value,\n}: FontFamilyPickerProps) => {\n  const currentValue = FONT_FAMILIES.find((size) => size.value === value);\n  const currentFontLabel = currentValue?.label.split(\" \")[0] || \"Inter\";\n\n  const selectFont = useCallback(\n    (font: string) => () => onChange(font),\n    [onChange]\n  );\n\n  return (\n    <Dropdown.Root>\n      <Dropdown.Trigger asChild>\n        <Toolbar.Button type=\"button\" active={!!currentValue?.value}>\n          {currentFontLabel}\n          <Icon icon={ChevronDown} className=\"w-2 h-2\" />\n        </Toolbar.Button>\n      </Dropdown.Trigger>\n      <Dropdown.Content asChild>\n        <Surface className=\"flex flex-col gap-1 px-2 py-4\">\n          {FONT_FAMILY_GROUPS.map((group) => (\n            <div\n              className=\"mt-2.5 first:mt-0 gap-0.5 flex flex-col\"\n              key={group.label}\n            >\n              <DropdownCategoryTitle>{group.label}</DropdownCategoryTitle>\n              {group.options.map((font) => (\n                <DropdownButton\n                  isActive={value === font.value}\n                  onClick={selectFont(font.value)}\n                  key={`${font.label}_${font.value}`}\n                >\n                  <span style={{ fontFamily: font.value }}>{font.label}</span>\n                </DropdownButton>\n              ))}\n            </div>\n          ))}\n        </Surface>\n      </Dropdown.Content>\n    </Dropdown.Root>\n  );\n};\n"],"names":["Dropdown","ChevronDown","useCallback","DropdownButton","DropdownCategoryTitle","Icon","Surface","Toolbar","FONT_FAMILY_GROUPS","label","options","value","FONT_FAMILIES","flatMap","group","flat","FontFamilyPicker","onChange","currentValue","find","size","currentFontLabel","split","selectFont","font","Root","Trigger","asChild","Button","type","active","icon","className","Content","map","div","isActive","onClick","span","style","fontFamily"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,cAAc,gCAAgC;AAC1D,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,WAAW,QAAQ,QAAQ;AACpC,SACEC,cAAc,EACdC,qBAAqB,QAChB,oCAAoC;AAC3C,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,OAAO,QAAQ,0BAA0B;AAClD,SAASC,OAAO,QAAQ,0BAA0B;AAElD,MAAMC,qBAAqB;IACzB;QACEC,OAAO;QACPC,SAAS;YACP;gBAAED,OAAO;gBAASE,OAAO;YAAG;YAC5B;gBAAEF,OAAO;gBAASE,OAAO;YAAQ;YACjC;gBAAEF,OAAO;gBAAaE,OAAO;YAAY;SAC1C;IACH;IACA;QACEF,OAAO;QACPC,SAAS;YACP;gBAAED,OAAO;gBAAmBE,OAAO;YAAQ;YAC3C;gBAAEF,OAAO;gBAAYE,OAAO;YAAW;YACvC;gBAAEF,OAAO;gBAAWE,OAAO;YAAU;SACtC;IACH;IACA;QACEF,OAAO;QACPC,SAAS;YACP;gBAAED,OAAO;gBAAWE,OAAO;YAAU;YACrC;gBAAEF,OAAO;gBAAeE,OAAO;YAAc;SAC9C;IACH;CACD;AAED,MAAMC,gBAAgBJ,mBAAmBK,OAAO,CAAC,CAACC,QAAU;QAC1DA,MAAMJ,OAAO;KACd,EAAEK,IAAI;AAOP,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,QAAQ,EACRN,KAAK,EACiB;IACtB,MAAMO,eAAeN,cAAcO,IAAI,CAAC,CAACC,OAASA,KAAKT,KAAK,KAAKA;IACjE,MAAMU,mBAAmBH,cAAcT,MAAMa,MAAM,IAAI,CAAC,EAAE,IAAI;IAE9D,MAAMC,aAAarB,YACjB,CAACsB,OAAiB,IAAMP,SAASO,OACjC;QAACP;KAAS;IAGZ,qBACE,MAACjB,SAASyB,IAAI;;0BACZ,KAACzB,SAAS0B,OAAO;gBAACC,OAAO;0BACvB,cAAA,MAACpB,QAAQqB,MAAM;oBAACC,MAAK;oBAASC,QAAQ,CAAC,CAACZ,cAAcP;;wBACnDU;sCACD,KAAChB;4BAAK0B,MAAM9B;4BAAa+B,WAAU;;;;;0BAGvC,KAAChC,SAASiC,OAAO;gBAACN,OAAO;0BACvB,cAAA,KAACrB;oBAAQ0B,WAAU;8BAChBxB,mBAAmB0B,GAAG,CAAC,CAACpB,sBACvB,MAACqB;4BACCH,WAAU;;8CAGV,KAAC5B;8CAAuBU,MAAML,KAAK;;gCAClCK,MAAMJ,OAAO,CAACwB,GAAG,CAAC,CAACV,qBAClB,KAACrB;wCACCiC,UAAUzB,UAAUa,KAAKb,KAAK;wCAC9B0B,SAASd,WAAWC,KAAKb,KAAK;kDAG9B,cAAA,KAAC2B;4CAAKC,OAAO;gDAAEC,YAAYhB,KAAKb,KAAK;4CAAC;sDAAIa,KAAKf,KAAK;;uCAF/C,CAAC,EAAEe,KAAKf,KAAK,CAAC,CAAC,EAAEe,KAAKb,KAAK,CAAC,CAAC;;2BAPjCG,MAAML,KAAK;;;;;AAkB9B,EAAE"}