@intlayer/design-system 9.0.0-canary.14 → 9.0.0-canary.16

package/dist/esm/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.mjs

@@ -1,16 +1,16 @@
 'use client';
 
 import { cn } from "../../../utils/cn.mjs";
-import { Loader } from "../../Loader/index.mjs";
-import { Button } from "../../Button/Button.mjs";
-import { Container } from "../../Container/index.mjs";
-import { Checkbox } from "../../Input/Checkbox.mjs";
-import { Input } from "../../Input/Input.mjs";
 import { useSession } from "../../../api/useAuth/useSession.mjs";
 import { useAuditContentDeclarationMetadata } from "../../../api/hooks/ai.mjs";
 import { useGetDictionaries } from "../../../api/hooks/dictionary.mjs";
 import { useGetProjects } from "../../../api/hooks/project.mjs";
 import { useGetTags } from "../../../api/hooks/tag.mjs";
+import { Loader } from "../../Loader/index.mjs";
+import { Button } from "../../Button/Button.mjs";
+import { Container } from "../../Container/index.mjs";
+import { Checkbox } from "../../Input/Checkbox.mjs";
+import { Input } from "../../Input/Input.mjs";
 import { MultiSelect } from "../../Select/Multiselect.mjs";
 import { Select } from "../../Select/Select.mjs";
 import { Pagination } from "../../Pagination/Pagination.mjs";
@@ -30,8 +30,8 @@ import { useDictionaryDetailsSchema } from "./useDictionaryDetailsSchema.mjs";
 import { useEffect, useMemo, useState } from "react";
 import { WandSparkles } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useIntlayer } from "react-intlayer";
 import { useEditedContent } from "@intlayer/editor-react";
+import { useIntlayer } from "react-intlayer";
 import { useWatch } from "react-hook-form";
 import { AnimatePresence, motion } from "framer-motion";
 

package/dist/esm/components/DictionaryFieldEditor/DictionaryFieldEditor.mjs

@@ -13,8 +13,8 @@ import { StructureEditor } from "./StructureEditor.mjs";
 import { useEffect, useState } from "react";
 import { ArrowLeft } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useIntlayer } from "react-intlayer";
 import { useConfiguration, useDictionariesRecordActions, useFocusUnmergedDictionary } from "@intlayer/editor-react";
+import { useIntlayer } from "react-intlayer";
 
 //#region src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx
 const DictionaryFieldEditor = ({ dictionary, onClickDictionaryList, isDarkMode, mode, onDelete, onSave, showReturnButton = true, rightContent }) => {

package/dist/esm/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.mjs

@@ -5,8 +5,8 @@ import { getIsEditableSection } from "../getIsEditableSection.mjs";
 import { useState } from "react";
 import { ChevronRight, Plus } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useIntlayer } from "react-intlayer";
 import { useEditedContentActions, useEditorLocale, useFocusUnmergedDictionary } from "@intlayer/editor-react";
+import { useIntlayer } from "react-intlayer";
 import { getContentNodeByKeyPath, getEmptyNode, getNodeType } from "@intlayer/core/dictionaryManipulator";
 import * as NodeTypes from "@intlayer/types/nodeType";
 import { isSameKeyPath } from "@intlayer/core/utils";

package/dist/esm/components/DictionaryFieldEditor/SaveForm/SaveForm.mjs

@@ -1,17 +1,17 @@
 'use client';
 
 import { cn } from "../../../utils/cn.mjs";
-import { Button } from "../../Button/Button.mjs";
 import { useSession } from "../../../api/useAuth/useSession.mjs";
 import { useAuth } from "../../../api/useAuth/useAuth.mjs";
 import { useDeleteDictionary, usePushDictionaries } from "../../../api/hooks/dictionary.mjs";
 import { useWriteDictionary } from "../../../api/hooks/editor.mjs";
+import { Button } from "../../Button/Button.mjs";
 import { Modal } from "../../Modal/Modal.mjs";
 import { useState } from "react";
 import { ArrowUpFromLine, Download, RotateCcw, Save, Trash } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useIntlayer } from "react-intlayer";
 import { useDictionariesRecordActions, useEditedContent } from "@intlayer/editor-react";
+import { useIntlayer } from "react-intlayer";
 
 //#region src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx
 const SaveForm = ({ dictionary, mode, className, onDelete, onSave, ...props }) => {

package/dist/esm/components/DictionaryFieldEditor/StructureView/StructureView.mjs

@@ -6,8 +6,8 @@ import { EditableFieldInput } from "../../EditableField/EditableFieldInput.mjs";
 import { NodeTypeSelector } from "../NodeTypeSelector.mjs";
 import { Plus, Trash } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useIntlayer } from "react-intlayer";
 import { useConfiguration, useEditedContentActions, useFocusUnmergedDictionary } from "@intlayer/editor-react";
+import { useIntlayer } from "react-intlayer";
 import { getDefaultNode, getNodeChildren, getNodeType } from "@intlayer/core/dictionaryManipulator";
 import * as NodeTypes from "@intlayer/types/nodeType";
 import { isSameKeyPath } from "@intlayer/core/utils";

package/dist/esm/components/Form/elements/OTPElement.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import { InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "../../Input/OTPInput.mjs";
 import { useItemSelector } from "../../../hooks/useItemSelector.mjs";
+import { InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "../../Input/OTPInput.mjs";
 import { FormField, useFormField } from "../FormField.mjs";
 import { FormItemLayout } from "../layout/FormItemLayout.mjs";
 import { useEffect, useRef } from "react";

package/dist/esm/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.mjs

@@ -1,11 +1,11 @@
 'use client';
 
+import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
 import { Button } from "../Button/Button.mjs";
 import { Container } from "../Container/index.mjs";
 import { DropDown } from "../DropDown/index.mjs";
 import { Input } from "../Input/Input.mjs";
 import { SwitchSelector } from "../SwitchSelector/SwitchSelector.mjs";
-import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
 import { useLocaleSwitcherContent } from "./LocaleSwitcherContentContext.mjs";
 import { useMemo, useRef, useState } from "react";
 import { Check, Globe, MoveVertical } from "lucide-react";

package/dist/esm/components/MarkdownEditor/MarkdownEditor.mjs

@@ -46,7 +46,6 @@ const MarkdownEditor = ({ defaultValue, onChange, editable = true, enableAI = tr
 			suggestionItems: items
 		};
 	}, [uploadFn, content]);
-	const initialContent = defaultValue ?? "";
 	const handleUpdate = ({ editor }) => {
 		onChange?.(editor.storage.markdown.getMarkdown());
 	};
@@ -64,7 +63,7 @@ const MarkdownEditor = ({ defaultValue, onChange, editable = true, enableAI = tr
 		children: /* @__PURE__ */ jsx(EditorRoot, { children: /* @__PURE__ */ jsxs(EditorContent, {
 			immediatelyRender: false,
 			editable,
-			initialContent,
+			initialContent: defaultValue ?? "",
 			extensions,
 			className: cn("min-h-[350px] w-full max-w-full", className),
 			editorProps: {
@@ -76,7 +75,7 @@ const MarkdownEditor = ({ defaultValue, onChange, editable = true, enableAI = tr
 			onUpdate: handleUpdate,
 			slotAfter: /* @__PURE__ */ jsx(ImageResizer, {}),
 			children: [/* @__PURE__ */ jsxs(EditorCommand, {
-				className: "z-50 h-auto max-h-[330px] overflow-y-auto px-1 py-2 shadow-md transition-all",
+				className: "z-50 h-auto max-h-[330px] overflow-y-auto rounded-lg border border-neutral/20 bg-card px-1 py-2 text-text shadow-xl transition-all",
 				children: [/* @__PURE__ */ jsx(EditorCommandEmpty, {
 					className: "px-2 text-muted-foreground",
 					children: content.noResults.value

package/dist/esm/components/MarkdownEditor/MarkdownEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.mjs","names":[],"sources":["../../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@utils/cn';\nimport { type FC, useMemo, useState } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { defaultExtensions } from './extensions';\nimport { GenerativeMenuSwitch } from './generative/GenerativeMenuSwitch';\nimport {\n  type CreateEditorUploadFnOptions,\n  createEditorUploadFn,\n} from './imageUpload';\nimport {\n  EditorBubble,\n  EditorCommand,\n  EditorCommandEmpty,\n  EditorCommandItem,\n  EditorCommandList,\n  EditorContent,\n  type EditorInstance,\n  EditorRoot,\n  handleCommandNavigation,\n  handleImageDrop,\n  handleImagePaste,\n  ImageResizer,\n  type JSONContent,\n} from './novel';\nimport { ColorSelector } from './selectors/ColorSelector';\nimport { LinkSelector } from './selectors/LinkSelector';\nimport { NodeSelector } from './selectors/NodeSelector';\nimport { TextButtons } from './selectors/TextButtons';\nimport { createSlashCommand } from './slashCommand';\n\nconst Divider = () => <div className=\"h-full w-px shrink-0 bg-border\" />;\n\nexport type MarkdownEditorProps = {\n  /** Initial markdown value. */\n  defaultValue?: string;\n  /** Called with the serialized markdown on every change. */\n  onChange?: (markdown: string) => void;\n  /** Whether the document can be edited. Defaults to `true`. */\n  editable?: boolean;\n  /** Enables the AI bubble menu (\"Ask AI\"). Defaults to `true`. */\n  enableAI?: boolean;\n  /**\n   * Custom image uploader. When omitted, images are embedded inline as base64\n   * data URLs (no backend required).\n   */\n  uploadImage?: CreateEditorUploadFnOptions['uploadImage'];\n  /** Maximum allowed image size in megabytes. Defaults to `20`. */\n  maxImageSizeMb?: number;\n  /** Class applied to the editor surface. */\n  className?: string;\n};\n\n/**\n * Notion-style WYSIWYG markdown editor built on Novel / Tiptap.\n *\n * Features a slash command menu, a formatting bubble menu (node / link / color\n * / inline marks), image upload (drop / paste / slash), and an optional\n * AI assistant wired to the Intlayer AI backend.\n *\n * The value contract is markdown: pass `defaultValue` as a markdown string and\n * read changes from `onChange`.\n */\nexport const MarkdownEditor: FC<MarkdownEditorProps> = ({\n  defaultValue,\n  onChange,\n  editable = true,\n  enableAI = true,\n  uploadImage,\n  maxImageSizeMb,\n  className,\n}) => {\n  const [openAI, setOpenAI] = useState(false);\n  const content = useIntlayer('markdown-editor');\n\n  const uploadFn = useMemo(\n    () => createEditorUploadFn({ uploadImage, maxSizeMb: maxImageSizeMb }),\n    [uploadImage, maxImageSizeMb]\n  );\n\n  const { extensions, suggestionItems } = useMemo(() => {\n    const { slashCommand, suggestionItems: items } = createSlashCommand(\n      uploadFn,\n      content\n    );\n\n    return {\n      extensions: [...defaultExtensions, slashCommand],\n      suggestionItems: items,\n    };\n  }, [uploadFn, content]);\n\n  const initialContent = (defaultValue ?? '') as unknown as JSONContent;\n\n  const handleUpdate = ({ editor }: { editor: EditorInstance }) => {\n    onChange?.(editor.storage.markdown.getMarkdown() as string);\n  };\n\n  const toolbar = (\n    <>\n      <NodeSelector />\n      <Divider />\n      <LinkSelector />\n      <Divider />\n      <TextButtons />\n      <Divider />\n      <ColorSelector />\n    </>\n  );\n\n  return (\n    <div className=\"relative w-full\">\n      <EditorRoot>\n        <EditorContent\n          immediatelyRender={false}\n          editable={editable}\n          initialContent={initialContent}\n          extensions={extensions}\n          className={cn('min-h-[350px] w-full max-w-full', className)}\n          editorProps={{\n            handleDOMEvents: {\n              keydown: (_view, event) => handleCommandNavigation(event),\n            },\n            handlePaste: (view, event) =>\n              handleImagePaste(view, event, uploadFn),\n            handleDrop: (view, event, _slice, moved) =>\n              handleImageDrop(view, event, moved, uploadFn),\n            attributes: {\n              // Content typography (headings, lists, spacing) is defined in\n              // `markdown-editor.css`, scoped to `.ProseMirror` — this project\n              // has no Tailwind `prose` plugin.\n              class: 'max-w-full pl-6 focus:outline-none',\n            },\n          }}\n          onUpdate={handleUpdate}\n          slotAfter={<ImageResizer />}\n        >\n          <EditorCommand className=\"z-50 h-auto max-h-[330px] overflow-y-auto px-1 py-2 shadow-md transition-all\">\n            <EditorCommandEmpty className=\"px-2 text-muted-foreground\">\n              {content.noResults.value}\n            </EditorCommandEmpty>\n            <EditorCommandList>\n              {suggestionItems.map((item) => (\n                <EditorCommandItem\n                  value={item.title}\n                  onCommand={(val) => item.command?.(val)}\n                  className=\"flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm hover:bg-accent aria-selected:bg-accent\"\n                  key={item.title}\n                >\n                  <div className=\"flex size-10 items-center justify-center rounded-md border border-card bg-background\">\n                    {item.icon}\n                  </div>\n                  <div>\n                    <p className=\"font-medium\">{item.title}</p>\n                    <p className=\"text-muted-foreground text-xs\">\n                      {item.description}\n                    </p>\n                  </div>\n                </EditorCommandItem>\n              ))}\n            </EditorCommandList>\n          </EditorCommand>\n\n          {enableAI ? (\n            <GenerativeMenuSwitch open={openAI} onOpenChange={setOpenAI}>\n              {toolbar}\n            </GenerativeMenuSwitch>\n          ) : (\n            <EditorBubble\n              options={{ placement: 'top' }}\n              className=\"flex w-fit max-w-[90vw] rounded-lg border-[1.3px] border-neutral/20 bg-card/95 text-text shadow-xl backdrop-blur [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-xl\"\n            >\n              {toolbar}\n            </EditorBubble>\n          )}\n        </EditorContent>\n      </EditorRoot>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAM,gBAAgB,oBAAC,OAAD,EAAK,WAAU,kCAAmC;;;;;;;;;;;AAgCxE,MAAa,kBAA2C,EACtD,cACA,UACA,WAAW,MACX,WAAW,MACX,aACA,gBACA,gBACI;CACJ,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAC3C,MAAM,UAAU,YAAY,kBAAkB;CAE9C,MAAM,WAAW,cACT,qBAAqB;EAAE;EAAa,WAAW;EAAgB,CAAC,EACtE,CAAC,aAAa,eAAe,CAC9B;CAED,MAAM,EAAE,YAAY,oBAAoB,cAAc;EACpD,MAAM,EAAE,cAAc,iBAAiB,UAAU,mBAC/C,UACA,QACD;AAED,SAAO;GACL,YAAY,CAAC,GAAG,mBAAmB,aAAa;GAChD,iBAAiB;GAClB;IACA,CAAC,UAAU,QAAQ,CAAC;CAEvB,MAAM,iBAAkB,gBAAgB;CAExC,MAAM,gBAAgB,EAAE,aAAyC;AAC/D,aAAW,OAAO,QAAQ,SAAS,aAAa,CAAW;;CAG7D,MAAM,UACJ;EACE,oBAAC,cAAD,EAAgB;EAChB,oBAAC,SAAD,EAAW;EACX,oBAAC,cAAD,EAAgB;EAChB,oBAAC,SAAD,EAAW;EACX,oBAAC,aAAD,EAAe;EACf,oBAAC,SAAD,EAAW;EACX,oBAAC,eAAD,EAAiB;EAChB;AAGL,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,YAAD,YACE,qBAAC,eAAD;GACE,mBAAmB;GACT;GACM;GACJ;GACZ,WAAW,GAAG,mCAAmC,UAAU;GAC3D,aAAa;IACX,iBAAiB,EACf,UAAU,OAAO,UAAU,wBAAwB,MAAM,EAC1D;IACD,cAAc,MAAM,UAClB,iBAAiB,MAAM,OAAO,SAAS;IACzC,aAAa,MAAM,OAAO,QAAQ,UAChC,gBAAgB,MAAM,OAAO,OAAO,SAAS;IAC/C,YAAY,EAIV,OAAO,sCACR;IACF;GACD,UAAU;GACV,WAAW,oBAAC,cAAD,EAAgB;aAtB7B,CAwBE,qBAAC,eAAD;IAAe,WAAU;cAAzB,CACE,oBAAC,oBAAD;KAAoB,WAAU;eAC3B,QAAQ,UAAU;KACA,GACrB,oBAAC,mBAAD,YACG,gBAAgB,KAAK,SACpB,qBAAC,mBAAD;KACE,OAAO,KAAK;KACZ,YAAY,QAAQ,KAAK,UAAU,IAAI;KACvC,WAAU;eAHZ,CAME,oBAAC,OAAD;MAAK,WAAU;gBACZ,KAAK;MACF,GACN,qBAAC,OAAD,aACE,oBAAC,KAAD;MAAG,WAAU;gBAAe,KAAK;MAAU,GAC3C,oBAAC,KAAD;MAAG,WAAU;gBACV,KAAK;MACJ,EACA,IACY;OAXb,KAAK,MAWQ,CACpB,EACgB,EACN;OAEf,WACC,oBAAC,sBAAD;IAAsB,MAAM;IAAQ,cAAc;cAC/C;IACoB,IAEvB,oBAAC,cAAD;IACE,SAAS,EAAE,WAAW,OAAO;IAC7B,WAAU;cAET;IACY,EAEH;MACL;EACT"}
+{"version":3,"file":"MarkdownEditor.mjs","names":[],"sources":["../../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@utils/cn';\nimport { type FC, useMemo, useState } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { defaultExtensions } from './extensions';\nimport { GenerativeMenuSwitch } from './generative/GenerativeMenuSwitch';\nimport {\n  type CreateEditorUploadFnOptions,\n  createEditorUploadFn,\n} from './imageUpload';\nimport {\n  EditorBubble,\n  EditorCommand,\n  EditorCommandEmpty,\n  EditorCommandItem,\n  EditorCommandList,\n  EditorContent,\n  type EditorInstance,\n  EditorRoot,\n  handleCommandNavigation,\n  handleImageDrop,\n  handleImagePaste,\n  ImageResizer,\n} from './novel';\nimport { ColorSelector } from './selectors/ColorSelector';\nimport { LinkSelector } from './selectors/LinkSelector';\nimport { NodeSelector } from './selectors/NodeSelector';\nimport { TextButtons } from './selectors/TextButtons';\nimport { createSlashCommand } from './slashCommand';\n\nconst Divider = () => <div className=\"h-full w-px shrink-0 bg-border\" />;\n\nexport type MarkdownEditorProps = {\n  /** Initial markdown value. */\n  defaultValue?: string;\n  /** Called with the serialized markdown on every change. */\n  onChange?: (markdown: string) => void;\n  /** Whether the document can be edited. Defaults to `true`. */\n  editable?: boolean;\n  /** Enables the AI bubble menu (\"Ask AI\"). Defaults to `true`. */\n  enableAI?: boolean;\n  /**\n   * Custom image uploader. When omitted, images are embedded inline as base64\n   * data URLs (no backend required).\n   */\n  uploadImage?: CreateEditorUploadFnOptions['uploadImage'];\n  /** Maximum allowed image size in megabytes. Defaults to `20`. */\n  maxImageSizeMb?: number;\n  /** Class applied to the editor surface. */\n  className?: string;\n};\n\n/**\n * Notion-style WYSIWYG markdown editor built on Novel / Tiptap.\n *\n * Features a slash command menu, a formatting bubble menu (node / link / color\n * / inline marks), image upload (drop / paste / slash), and an optional\n * AI assistant wired to the Intlayer AI backend.\n *\n * The value contract is markdown: pass `defaultValue` as a markdown string and\n * read changes from `onChange`.\n */\nexport const MarkdownEditor: FC<MarkdownEditorProps> = ({\n  defaultValue,\n  onChange,\n  editable = true,\n  enableAI = true,\n  uploadImage,\n  maxImageSizeMb,\n  className,\n}) => {\n  const [openAI, setOpenAI] = useState(false);\n  const content = useIntlayer('markdown-editor');\n\n  const uploadFn = useMemo(\n    () => createEditorUploadFn({ uploadImage, maxSizeMb: maxImageSizeMb }),\n    [uploadImage, maxImageSizeMb]\n  );\n\n  const { extensions, suggestionItems } = useMemo(() => {\n    const { slashCommand, suggestionItems: items } = createSlashCommand(\n      uploadFn,\n      content\n    );\n\n    return {\n      extensions: [...defaultExtensions, slashCommand],\n      suggestionItems: items,\n    };\n  }, [uploadFn, content]);\n\n  const handleUpdate = ({ editor }: { editor: EditorInstance }) => {\n    onChange?.(editor.storage.markdown.getMarkdown() as string);\n  };\n\n  const toolbar = (\n    <>\n      <NodeSelector />\n      <Divider />\n      <LinkSelector />\n      <Divider />\n      <TextButtons />\n      <Divider />\n      <ColorSelector />\n    </>\n  );\n\n  return (\n    <div className=\"relative w-full\">\n      <EditorRoot>\n        <EditorContent\n          immediatelyRender={false}\n          editable={editable}\n          initialContent={defaultValue ?? ''}\n          extensions={extensions}\n          className={cn('min-h-[350px] w-full max-w-full', className)}\n          editorProps={{\n            handleDOMEvents: {\n              keydown: (_view, event) => handleCommandNavigation(event),\n            },\n            handlePaste: (view, event) =>\n              handleImagePaste(view, event, uploadFn),\n            handleDrop: (view, event, _slice, moved) =>\n              handleImageDrop(view, event, moved, uploadFn),\n            attributes: {\n              // Content typography (headings, lists, spacing) is defined in\n              // `markdown-editor.css`, scoped to `.ProseMirror` — this project\n              // has no Tailwind `prose` plugin.\n              class: 'max-w-full pl-6 focus:outline-none',\n            },\n          }}\n          onUpdate={handleUpdate}\n          slotAfter={<ImageResizer />}\n        >\n          <EditorCommand className=\"z-50 h-auto max-h-[330px] overflow-y-auto rounded-lg border border-neutral/20 bg-card px-1 py-2 text-text shadow-xl transition-all\">\n            <EditorCommandEmpty className=\"px-2 text-muted-foreground\">\n              {content.noResults.value}\n            </EditorCommandEmpty>\n            <EditorCommandList>\n              {suggestionItems.map((item) => (\n                <EditorCommandItem\n                  value={item.title}\n                  onCommand={(val) => item.command?.(val)}\n                  className=\"flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm hover:bg-accent aria-selected:bg-accent\"\n                  key={item.title}\n                >\n                  <div className=\"flex size-10 items-center justify-center rounded-md border border-card bg-background\">\n                    {item.icon}\n                  </div>\n                  <div>\n                    <p className=\"font-medium\">{item.title}</p>\n                    <p className=\"text-muted-foreground text-xs\">\n                      {item.description}\n                    </p>\n                  </div>\n                </EditorCommandItem>\n              ))}\n            </EditorCommandList>\n          </EditorCommand>\n\n          {enableAI ? (\n            <GenerativeMenuSwitch open={openAI} onOpenChange={setOpenAI}>\n              {toolbar}\n            </GenerativeMenuSwitch>\n          ) : (\n            <EditorBubble\n              options={{ placement: 'top' }}\n              className=\"flex w-fit max-w-[90vw] rounded-lg border-[1.3px] border-neutral/20 bg-card/95 text-text shadow-xl backdrop-blur [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-xl\"\n            >\n              {toolbar}\n            </EditorBubble>\n          )}\n        </EditorContent>\n      </EditorRoot>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAM,gBAAgB,oBAAC,OAAD,EAAK,WAAU,kCAAmC;;;;;;;;;;;AAgCxE,MAAa,kBAA2C,EACtD,cACA,UACA,WAAW,MACX,WAAW,MACX,aACA,gBACA,gBACI;CACJ,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAC3C,MAAM,UAAU,YAAY,kBAAkB;CAE9C,MAAM,WAAW,cACT,qBAAqB;EAAE;EAAa,WAAW;EAAgB,CAAC,EACtE,CAAC,aAAa,eAAe,CAC9B;CAED,MAAM,EAAE,YAAY,oBAAoB,cAAc;EACpD,MAAM,EAAE,cAAc,iBAAiB,UAAU,mBAC/C,UACA,QACD;AAED,SAAO;GACL,YAAY,CAAC,GAAG,mBAAmB,aAAa;GAChD,iBAAiB;GAClB;IACA,CAAC,UAAU,QAAQ,CAAC;CAEvB,MAAM,gBAAgB,EAAE,aAAyC;AAC/D,aAAW,OAAO,QAAQ,SAAS,aAAa,CAAW;;CAG7D,MAAM,UACJ;EACE,oBAAC,cAAD,EAAgB;EAChB,oBAAC,SAAD,EAAW;EACX,oBAAC,cAAD,EAAgB;EAChB,oBAAC,SAAD,EAAW;EACX,oBAAC,aAAD,EAAe;EACf,oBAAC,SAAD,EAAW;EACX,oBAAC,eAAD,EAAiB;EAChB;AAGL,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,YAAD,YACE,qBAAC,eAAD;GACE,mBAAmB;GACT;GACV,gBAAgB,gBAAgB;GACpB;GACZ,WAAW,GAAG,mCAAmC,UAAU;GAC3D,aAAa;IACX,iBAAiB,EACf,UAAU,OAAO,UAAU,wBAAwB,MAAM,EAC1D;IACD,cAAc,MAAM,UAClB,iBAAiB,MAAM,OAAO,SAAS;IACzC,aAAa,MAAM,OAAO,QAAQ,UAChC,gBAAgB,MAAM,OAAO,OAAO,SAAS;IAC/C,YAAY,EAIV,OAAO,sCACR;IACF;GACD,UAAU;GACV,WAAW,oBAAC,cAAD,EAAgB;aAtB7B,CAwBE,qBAAC,eAAD;IAAe,WAAU;cAAzB,CACE,oBAAC,oBAAD;KAAoB,WAAU;eAC3B,QAAQ,UAAU;KACA,GACrB,oBAAC,mBAAD,YACG,gBAAgB,KAAK,SACpB,qBAAC,mBAAD;KACE,OAAO,KAAK;KACZ,YAAY,QAAQ,KAAK,UAAU,IAAI;KACvC,WAAU;eAHZ,CAME,oBAAC,OAAD;MAAK,WAAU;gBACZ,KAAK;MACF,GACN,qBAAC,OAAD,aACE,oBAAC,KAAD;MAAG,WAAU;gBAAe,KAAK;MAAU,GAC3C,oBAAC,KAAD;MAAG,WAAU;gBACV,KAAK;MACJ,EACA,IACY;OAXb,KAAK,MAWQ,CACpB,EACgB,EACN;OAEf,WACC,oBAAC,sBAAD;IAAsB,MAAM;IAAQ,cAAc;cAC/C;IACoB,IAEvB,oBAAC,cAAD;IACE,SAAS,EAAE,WAAW,OAAO;IAC7B,WAAU;cAET;IACY,EAEH;MACL;EACT"}