@lindle/linoardo 1.0.23 → 1.0.25

package/dist/chunk-SCJMH5VE.js

@@ -0,0 +1,469 @@
+import { generateString } from './chunk-6SKW43XI.js';
+import React from 'react';
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import { marked } from 'marked';
+import TurndownService from 'turndown';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var baseClass = "textarea-base px-3 py-2 focus-visible:outline-none transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed w-full text-gray-900 dark:text-gray-100 placeholder:text-gray-500 dark:placeholder:text-gray-400";
+var variantClasses = {
+  outlined: "rounded border-2 border-black bg-white focus-visible:border-black focus-visible:ring-2 focus-visible:ring-black/30 dark:border-black dark:bg-slate-900 dark:focus-visible:border-black dark:focus-visible:ring-black/40",
+  filled: "rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25 dark:border-gray-700 dark:bg-slate-800 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/30",
+  standard: "rounded-none border-0 border-b border-gray-300 px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 dark:border-b-gray-700 dark:focus-visible:border-primary/70"
+};
+var labelBackground = {
+  outlined: "bg-white/90 dark:bg-slate-900",
+  filled: "bg-gray-100 dark:bg-slate-800",
+  standard: "bg-transparent"
+};
+var advancedContainerVariant = {
+  outlined: "rounded border-2 border-black bg-white dark:border-black dark:bg-slate-900",
+  filled: "rounded border border-gray-200 bg-gray-100 dark:border-gray-700 dark:bg-slate-800",
+  standard: "border-b border-gray-300 bg-transparent dark:border-gray-700"
+};
+var renderMarkdown = (value) => marked.parse(value || "", { async: false });
+var dispatchInputEvent = (element) => {
+  const event = new Event("input", { bubbles: true });
+  element.dispatchEvent(event);
+};
+var toolbarButtonBase = "px-3 py-1 text-gray-700 transition-colors hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-slate-700 disabled:cursor-not-allowed disabled:opacity-50";
+var toolbarButtonActive = "bg-white text-gray-900 dark:bg-slate-900 dark:text-gray-100";
+var handleModeToggle = (wrapperId, mode, textareaName, simpleId, advancedInputId) => {
+  if (typeof document === "undefined") return;
+  const wrapper = document.getElementById(wrapperId);
+  const simple = document.getElementById(simpleId);
+  const advancedInput = document.getElementById(advancedInputId);
+  if (wrapper) {
+    wrapper.dataset.mode = mode;
+  }
+  if (simple) {
+    simple.classList.toggle("hidden", mode !== "simple");
+    simple.name = mode === "simple" ? textareaName : "";
+  }
+  if (advancedInput) {
+    advancedInput.classList.toggle("hidden", mode !== "advanced");
+    advancedInput.name = mode === "advanced" ? textareaName : "";
+  }
+};
+var TextArea = ({
+  variant = "outlined",
+  label,
+  className,
+  wrapperClassName,
+  id,
+  name,
+  placeholder,
+  rows = 4,
+  allowModeSwitch = true,
+  mode,
+  view = "editor",
+  value,
+  defaultValue,
+  disabled,
+  readOnly,
+  onChange,
+  onInput,
+  ...props
+}) => {
+  const textareaId = id || name || generateString();
+  const textareaName = name || textareaId;
+  const wrapperId = `${textareaId}-wrapper`;
+  const simpleTextareaId = `${textareaId}-simple`;
+  const advancedInputId = `${textareaId}-advanced-input`;
+  const advancedEditorId = `${textareaId}-advanced-editor`;
+  const advancedLabelId = `${textareaId}-advanced-label`;
+  const previewId = `${textareaId}-preview`;
+  const variantClass = variantClasses[variant] ?? variantClasses.outlined;
+  const labelPadding = label ? "pt-6" : void 0;
+  const placeholderValue = placeholder ?? (label ? " " : void 0);
+  const placeholderClass = label ? "placeholder-transparent" : void 0;
+  const labelBg = labelBackground[variant] ?? labelBackground.outlined;
+  const focusLabelBg = variant === "filled" ? "peer-focus:bg-gray-100 dark:peer-focus:bg-slate-800" : variant === "standard" ? "peer-focus:bg-transparent" : "peer-focus:bg-white/90 dark:peer-focus:bg-slate-900";
+  const resolvedMode = allowModeSwitch ? mode ?? "simple" : "simple";
+  const resolvedView = view ?? "editor";
+  const showEditor = resolvedView === "editor";
+  const showPreview = resolvedView === "view";
+  const contentValue = typeof value === "string" ? value : typeof defaultValue === "string" ? defaultValue : "";
+  const isControlled = typeof value === "string";
+  const editorEditable = !(disabled || readOnly);
+  const modeToggleName = `${textareaId}-mode-toggle`;
+  const simpleToggleId = `${modeToggleName}-simple`;
+  const advancedToggleId = `${modeToggleName}-advanced`;
+  const turndownService = React.useMemo(() => {
+    const service = new TurndownService({
+      codeBlockStyle: "fenced",
+      emDelimiter: "*",
+      strongDelimiter: "**",
+      bulletListMarker: "-"
+    });
+    service.addRule("strikethrough", {
+      filter: (node) => ["DEL", "S", "STRIKE"].includes(node.nodeName),
+      replacement: (content) => `~~${content}~~`
+    });
+    return service;
+  }, []);
+  const hiddenTextareaRef = React.useRef(null);
+  const lastMarkdownRef = React.useRef(contentValue);
+  const editorContentClass = twMerge(
+    baseClass,
+    "min-h-45 rounded border-0 bg-transparent outline-none whitespace-pre-wrap wrap-break-words",
+    "[&_p]:m-0 [&_p]:leading-6",
+    "[&_ul]:my-0 [&_ul]:list-disc [&_ul]:pl-5",
+    "[&_ol]:my-0 [&_ol]:list-decimal [&_ol]:pl-5",
+    "[&_li]:my-0",
+    "[&_blockquote]:border-l-2 [&_blockquote]:border-gray-300 [&_blockquote]:pl-3 [&_blockquote]:text-gray-600",
+    "dark:[&_blockquote]:border-gray-600 dark:[&_blockquote]:text-gray-300",
+    "[&_pre]:bg-gray-100 [&_pre]:rounded [&_pre]:p-3 [&_pre]:text-sm [&_pre]:overflow-x-auto",
+    "dark:[&_pre]:bg-slate-800",
+    "[&_code]:font-mono",
+    className,
+    !editorEditable ? "cursor-not-allowed opacity-50" : void 0
+  );
+  const editor = useEditor({
+    extensions: [StarterKit],
+    content: renderMarkdown(contentValue),
+    editable: editorEditable,
+    editorProps: {
+      attributes: {
+        class: editorContentClass,
+        role: "textbox",
+        "aria-multiline": "true",
+        ...label ? { "aria-labelledby": advancedLabelId } : {}
+      }
+    },
+    onUpdate: ({ editor: currentEditor }) => {
+      const markdown = turndownService.turndown(currentEditor.getHTML());
+      if (markdown === lastMarkdownRef.current) return;
+      lastMarkdownRef.current = markdown;
+      if (!hiddenTextareaRef.current) return;
+      hiddenTextareaRef.current.value = markdown;
+      dispatchInputEvent(hiddenTextareaRef.current);
+    }
+  });
+  React.useEffect(() => {
+    if (!editor) return;
+    editor.setEditable(editorEditable);
+  }, [editor, editorEditable]);
+  React.useEffect(() => {
+    if (!editor) return;
+    editor.setOptions({
+      editorProps: {
+        ...editor.options.editorProps,
+        attributes: {
+          ...editor.options.editorProps?.attributes,
+          class: editorContentClass,
+          role: "textbox",
+          "aria-multiline": "true",
+          ...label ? { "aria-labelledby": advancedLabelId } : {}
+        }
+      }
+    });
+  }, [editor, editorContentClass, label, advancedLabelId]);
+  React.useEffect(() => {
+    if (!editor || typeof value !== "string") return;
+    if (value === lastMarkdownRef.current) return;
+    editor.commands.setContent(renderMarkdown(value), { emitUpdate: false });
+    lastMarkdownRef.current = value;
+    if (hiddenTextareaRef.current) {
+      hiddenTextareaRef.current.value = value;
+    }
+  }, [editor, value]);
+  React.useEffect(() => {
+    if (!hiddenTextareaRef.current) return;
+    if (hiddenTextareaRef.current.value === contentValue) return;
+    hiddenTextareaRef.current.value = contentValue;
+  }, [contentValue]);
+  const textareaProps = {
+    ...props,
+    onChange,
+    onInput,
+    disabled,
+    readOnly
+  };
+  const minHeightStyle = rows ? { minHeight: `${rows * 20}px` } : void 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      id: wrapperId,
+      "data-mode": resolvedMode,
+      className: twMerge("flex flex-col gap-1", wrapperClassName),
+      children: [
+        allowModeSwitch && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: modeToggleName,
+              id: simpleToggleId,
+              value: "simple",
+              defaultChecked: resolvedMode === "simple",
+              className: "peer/simple sr-only",
+              onChange: () => handleModeToggle(wrapperId, "simple", textareaName, simpleTextareaId, advancedInputId)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: modeToggleName,
+              id: advancedToggleId,
+              value: "advanced",
+              defaultChecked: resolvedMode === "advanced",
+              className: "peer/advanced sr-only",
+              onChange: () => handleModeToggle(
+                wrapperId,
+                "advanced",
+                textareaName,
+                simpleTextareaId,
+                advancedInputId
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs("div", { className: "inline-flex overflow-hidden rounded-md border border-gray-200 bg-gray-50 text-xs font-medium dark:border-gray-700 dark:bg-slate-800", children: [
+            /* @__PURE__ */ jsx(
+              "label",
+              {
+                htmlFor: simpleToggleId,
+                className: twMerge(
+                  "cursor-pointer px-3 py-1 transition-colors",
+                  "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-slate-700",
+                  "peer-checked/simple:bg-white peer-checked/simple:text-gray-900 peer-checked/simple:dark:bg-slate-900 peer-checked/simple:dark:text-gray-100"
+                ),
+                children: "Jednoduch\xFD"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "label",
+              {
+                htmlFor: advancedToggleId,
+                className: twMerge(
+                  "cursor-pointer px-3 py-1 transition-colors",
+                  "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-slate-700",
+                  "peer-checked/advanced:bg-white peer-checked/advanced:text-gray-900 peer-checked/advanced:dark:bg-slate-900 peer-checked/advanced:dark:text-gray-100"
+                ),
+                children: "Pokro\u010Dil\xFD"
+              }
+            )
+          ] }) })
+        ] }),
+        (resolvedMode === "simple" || allowModeSwitch) && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: twMerge(
+              "relative flex items-start",
+              allowModeSwitch ? "hidden peer-checked/simple:flex peer-checked/advanced:hidden" : void 0
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "textarea",
+                {
+                  ...textareaProps,
+                  id: simpleTextareaId,
+                  name: !allowModeSwitch || resolvedMode === "simple" ? textareaName : "",
+                  rows,
+                  placeholder: placeholderValue,
+                  value,
+                  defaultValue,
+                  className: twMerge(
+                    "peer",
+                    baseClass,
+                    variantClass,
+                    labelPadding,
+                    placeholderClass,
+                    className
+                  )
+                }
+              ),
+              label && /* @__PURE__ */ jsx(
+                "label",
+                {
+                  htmlFor: simpleTextareaId,
+                  className: twMerge(
+                    "absolute transition-all duration-150 pointer-events-none left-3 text-gray-700 dark:text-gray-200",
+                    "top-0 -translate-y-2/3 text-xs px-1",
+                    labelBg,
+                    focusLabelBg,
+                    "peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:text-gray-600 dark:peer-focus:text-gray-300",
+                    "peer-placeholder-shown:top-3 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-sm peer-placeholder-shown:bg-transparent peer-placeholder-shown:text-gray-500 dark:peer-placeholder-shown:text-gray-400"
+                  ),
+                  children: label
+                }
+              )
+            ]
+          }
+        ),
+        (resolvedMode === "advanced" || allowModeSwitch) && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: twMerge(
+              "flex flex-col gap-2",
+              allowModeSwitch ? "hidden peer-checked/advanced:flex peer-checked/simple:hidden" : void 0
+            ),
+            children: [
+              label && /* @__PURE__ */ jsx(
+                "label",
+                {
+                  id: advancedLabelId,
+                  className: "text-sm font-medium text-gray-700 dark:text-gray-200",
+                  children: label
+                }
+              ),
+              showEditor && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center justify-between gap-2", children: /* @__PURE__ */ jsxs("div", { className: "inline-flex overflow-hidden rounded-md border border-gray-200 bg-gray-50 text-xs font-medium dark:border-gray-700 dark:bg-slate-800", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: twMerge(
+                      toolbarButtonBase,
+                      editor?.isActive("bold") ? toolbarButtonActive : void 0
+                    ),
+                    onClick: () => editor?.chain().focus().toggleBold().run(),
+                    disabled: !editor || !editorEditable,
+                    children: "B"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: twMerge(
+                      toolbarButtonBase,
+                      editor?.isActive("italic") ? toolbarButtonActive : void 0
+                    ),
+                    onClick: () => editor?.chain().focus().toggleItalic().run(),
+                    disabled: !editor || !editorEditable,
+                    children: "I"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: twMerge(
+                      toolbarButtonBase,
+                      editor?.isActive("strike") ? toolbarButtonActive : void 0
+                    ),
+                    onClick: () => editor?.chain().focus().toggleStrike().run(),
+                    disabled: !editor || !editorEditable,
+                    children: "S"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: twMerge(
+                      toolbarButtonBase,
+                      editor?.isActive("bulletList") ? toolbarButtonActive : void 0
+                    ),
+                    onClick: () => editor?.chain().focus().toggleBulletList().run(),
+                    disabled: !editor || !editorEditable,
+                    children: "\u2022 List"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: twMerge(
+                      toolbarButtonBase,
+                      editor?.isActive("orderedList") ? toolbarButtonActive : void 0
+                    ),
+                    onClick: () => editor?.chain().focus().toggleOrderedList().run(),
+                    disabled: !editor || !editorEditable,
+                    children: "1. List"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: twMerge(
+                      toolbarButtonBase,
+                      editor?.isActive("blockquote") ? toolbarButtonActive : void 0
+                    ),
+                    onClick: () => editor?.chain().focus().toggleBlockquote().run(),
+                    disabled: !editor || !editorEditable,
+                    children: "Quote"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: twMerge(
+                      toolbarButtonBase,
+                      editor?.isActive("code") ? toolbarButtonActive : void 0
+                    ),
+                    onClick: () => editor?.chain().focus().toggleCode().run(),
+                    disabled: !editor || !editorEditable,
+                    children: "Code"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: twMerge(
+                      toolbarButtonBase,
+                      editor?.isActive("codeBlock") ? toolbarButtonActive : void 0
+                    ),
+                    onClick: () => editor?.chain().focus().toggleCodeBlock().run(),
+                    disabled: !editor || !editorEditable,
+                    children: "Code block"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx("div", { className: twMerge("overflow-hidden", advancedContainerVariant[variant]), children: /* @__PURE__ */ jsxs("div", { className: "px-3 py-3 space-y-3", children: [
+                showEditor && /* @__PURE__ */ jsx(
+                  EditorContent,
+                  {
+                    editor,
+                    id: advancedEditorId,
+                    className: "w-full",
+                    style: minHeightStyle
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "textarea",
+                  {
+                    ...textareaProps,
+                    ref: hiddenTextareaRef,
+                    id: advancedInputId,
+                    name: !allowModeSwitch || resolvedMode === "advanced" ? textareaName : "",
+                    rows,
+                    placeholder: placeholderValue,
+                    className: "sr-only",
+                    ...isControlled ? { value } : { defaultValue: contentValue }
+                  }
+                ),
+                showPreview && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    id: previewId,
+                    className: twMerge(
+                      baseClass,
+                      "min-h-45 rounded border-0 px-0 focus:outline-none whitespace-pre-wrap wrap-break-words",
+                      className
+                    ),
+                    style: minHeightStyle,
+                    dangerouslySetInnerHTML: {
+                      __html: renderMarkdown(contentValue)
+                    }
+                  }
+                )
+              ] }) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var TextArea_default = TextArea;
+
+export { TextArea_default };
+//# sourceMappingURL=chunk-SCJMH5VE.js.map
+//# sourceMappingURL=chunk-SCJMH5VE.js.map

package/dist/chunk-SCJMH5VE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Form/TextArea/index.tsx"],"names":[],"mappings":"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","file":"chunk-SCJMH5VE.js","sourcesContent":["'use client';\n\nimport React from 'react';\nimport { EditorContent, useEditor } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport { marked } from 'marked';\nimport TurndownService from 'turndown';\nimport { twMerge } from 'tailwind-merge';\nimport { generateString } from '../../utils/helpers/randomStr';\nimport type { TextAreaMode, TextAreaProps, TextAreaVariant, TextAreaView } from './types.textarea';\n\nconst baseClass =\n  'textarea-base px-3 py-2 focus-visible:outline-none transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed w-full text-gray-900 dark:text-gray-100 placeholder:text-gray-500 dark:placeholder:text-gray-400';\n\nconst variantClasses: Record<TextAreaVariant, string> = {\n  outlined:\n    'rounded border-2 border-black bg-white focus-visible:border-black focus-visible:ring-2 focus-visible:ring-black/30 dark:border-black dark:bg-slate-900 dark:focus-visible:border-black dark:focus-visible:ring-black/40',\n  filled:\n    'rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25 dark:border-gray-700 dark:bg-slate-800 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/30',\n  standard:\n    'rounded-none border-0 border-b border-gray-300 px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 dark:border-b-gray-700 dark:focus-visible:border-primary/70'\n};\n\nconst labelBackground: Record<TextAreaVariant, string> = {\n  outlined: 'bg-white/90 dark:bg-slate-900',\n  filled: 'bg-gray-100 dark:bg-slate-800',\n  standard: 'bg-transparent'\n};\n\nconst advancedContainerVariant: Record<TextAreaVariant, string> = {\n  outlined: 'rounded border-2 border-black bg-white dark:border-black dark:bg-slate-900',\n  filled: 'rounded border border-gray-200 bg-gray-100 dark:border-gray-700 dark:bg-slate-800',\n  standard: 'border-b border-gray-300 bg-transparent dark:border-gray-700'\n};\n\nconst renderMarkdown = (value: string) => marked.parse(value || '', { async: false }) as string;\n\nconst dispatchInputEvent = (element: HTMLTextAreaElement) => {\n  const event = new Event('input', { bubbles: true });\n  element.dispatchEvent(event);\n};\n\nconst toolbarButtonBase =\n  'px-3 py-1 text-gray-700 transition-colors hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-slate-700 disabled:cursor-not-allowed disabled:opacity-50';\nconst toolbarButtonActive = 'bg-white text-gray-900 dark:bg-slate-900 dark:text-gray-100';\n\nconst handleModeToggle = (\n  wrapperId: string,\n  mode: TextAreaMode,\n  textareaName: string,\n  simpleId: string,\n  advancedInputId: string\n) => {\n  if (typeof document === 'undefined') return;\n  const wrapper = document.getElementById(wrapperId);\n  const simple = document.getElementById(simpleId) as HTMLTextAreaElement | null;\n  const advancedInput = document.getElementById(advancedInputId) as HTMLTextAreaElement | null;\n\n  if (wrapper) {\n    wrapper.dataset.mode = mode;\n  }\n\n  if (simple) {\n    simple.classList.toggle('hidden', mode !== 'simple');\n    simple.name = mode === 'simple' ? textareaName : '';\n  }\n\n  if (advancedInput) {\n    advancedInput.classList.toggle('hidden', mode !== 'advanced');\n    advancedInput.name = mode === 'advanced' ? textareaName : '';\n  }\n};\n\nconst TextArea: React.FC<TextAreaProps> = ({\n  variant = 'outlined',\n  label,\n  className,\n  wrapperClassName,\n  id,\n  name,\n  placeholder,\n  rows = 4,\n  allowModeSwitch = true,\n  mode,\n  view = 'editor',\n  value,\n  defaultValue,\n  disabled,\n  readOnly,\n  onChange,\n  onInput,\n  ...props\n}) => {\n  const textareaId = id || name || generateString();\n  const textareaName = name || textareaId;\n  const wrapperId = `${textareaId}-wrapper`;\n  const simpleTextareaId = `${textareaId}-simple`;\n  const advancedInputId = `${textareaId}-advanced-input`;\n  const advancedEditorId = `${textareaId}-advanced-editor`;\n  const advancedLabelId = `${textareaId}-advanced-label`;\n  const previewId = `${textareaId}-preview`;\n  const variantClass = variantClasses[variant] ?? variantClasses.outlined;\n  const labelPadding = label ? 'pt-6' : undefined;\n  const placeholderValue = placeholder ?? (label ? ' ' : undefined);\n  const placeholderClass = label ? 'placeholder-transparent' : undefined;\n  const labelBg = labelBackground[variant] ?? labelBackground.outlined;\n  const focusLabelBg =\n    variant === 'filled'\n      ? 'peer-focus:bg-gray-100 dark:peer-focus:bg-slate-800'\n      : variant === 'standard'\n      ? 'peer-focus:bg-transparent'\n      : 'peer-focus:bg-white/90 dark:peer-focus:bg-slate-900';\n\n  const resolvedMode: TextAreaMode = allowModeSwitch ? mode ?? 'simple' : 'simple';\n  const resolvedView: TextAreaView = view ?? 'editor';\n  const showEditor = resolvedView === 'editor';\n  const showPreview = resolvedView === 'view';\n  const contentValue =\n    typeof value === 'string' ? value : typeof defaultValue === 'string' ? defaultValue : '';\n  const isControlled = typeof value === 'string';\n  const editorEditable = !(disabled || readOnly);\n  const modeToggleName = `${textareaId}-mode-toggle`;\n  const simpleToggleId = `${modeToggleName}-simple`;\n  const advancedToggleId = `${modeToggleName}-advanced`;\n\n  const turndownService = React.useMemo(() => {\n    const service = new TurndownService({\n      codeBlockStyle: 'fenced',\n      emDelimiter: '*',\n      strongDelimiter: '**',\n      bulletListMarker: '-'\n    });\n    service.addRule('strikethrough', {\n      filter: node => ['DEL', 'S', 'STRIKE'].includes(node.nodeName),\n      replacement: content => `~~${content}~~`\n    });\n    return service;\n  }, []);\n\n  const hiddenTextareaRef = React.useRef<HTMLTextAreaElement | null>(null);\n  const lastMarkdownRef = React.useRef<string>(contentValue);\n  const editorContentClass = twMerge(\n    baseClass,\n    'min-h-45 rounded border-0 bg-transparent outline-none whitespace-pre-wrap wrap-break-words',\n    '[&_p]:m-0 [&_p]:leading-6',\n    '[&_ul]:my-0 [&_ul]:list-disc [&_ul]:pl-5',\n    '[&_ol]:my-0 [&_ol]:list-decimal [&_ol]:pl-5',\n    '[&_li]:my-0',\n    '[&_blockquote]:border-l-2 [&_blockquote]:border-gray-300 [&_blockquote]:pl-3 [&_blockquote]:text-gray-600',\n    'dark:[&_blockquote]:border-gray-600 dark:[&_blockquote]:text-gray-300',\n    '[&_pre]:bg-gray-100 [&_pre]:rounded [&_pre]:p-3 [&_pre]:text-sm [&_pre]:overflow-x-auto',\n    'dark:[&_pre]:bg-slate-800',\n    '[&_code]:font-mono',\n    className,\n    !editorEditable ? 'cursor-not-allowed opacity-50' : undefined\n  );\n\n  const editor = useEditor({\n    extensions: [StarterKit],\n    content: renderMarkdown(contentValue),\n    editable: editorEditable,\n    editorProps: {\n      attributes: {\n        class: editorContentClass,\n        role: 'textbox',\n        'aria-multiline': 'true',\n        ...(label ? { 'aria-labelledby': advancedLabelId } : {})\n      }\n    },\n    onUpdate: ({ editor: currentEditor }) => {\n      const markdown = turndownService.turndown(currentEditor.getHTML());\n      if (markdown === lastMarkdownRef.current) return;\n      lastMarkdownRef.current = markdown;\n      if (!hiddenTextareaRef.current) return;\n      hiddenTextareaRef.current.value = markdown;\n      dispatchInputEvent(hiddenTextareaRef.current);\n    }\n  });\n\n  React.useEffect(() => {\n    if (!editor) return;\n    editor.setEditable(editorEditable);\n  }, [editor, editorEditable]);\n\n  React.useEffect(() => {\n    if (!editor) return;\n    editor.setOptions({\n      editorProps: {\n        ...editor.options.editorProps,\n        attributes: {\n          ...editor.options.editorProps?.attributes,\n          class: editorContentClass,\n          role: 'textbox',\n          'aria-multiline': 'true',\n          ...(label ? { 'aria-labelledby': advancedLabelId } : {})\n        }\n      }\n    });\n  }, [editor, editorContentClass, label, advancedLabelId]);\n\n  React.useEffect(() => {\n    if (!editor || typeof value !== 'string') return;\n    if (value === lastMarkdownRef.current) return;\n    editor.commands.setContent(renderMarkdown(value), { emitUpdate: false });\n    lastMarkdownRef.current = value;\n    if (hiddenTextareaRef.current) {\n      hiddenTextareaRef.current.value = value;\n    }\n  }, [editor, value]);\n\n  React.useEffect(() => {\n    if (!hiddenTextareaRef.current) return;\n    if (hiddenTextareaRef.current.value === contentValue) return;\n    hiddenTextareaRef.current.value = contentValue;\n  }, [contentValue]);\n\n  const textareaProps = {\n    ...props,\n    onChange,\n    onInput,\n    disabled,\n    readOnly\n  };\n\n  const minHeightStyle = rows ? { minHeight: `${rows * 20}px` } : undefined;\n\n  return (\n    <div\n      id={wrapperId}\n      data-mode={resolvedMode}\n      className={twMerge('flex flex-col gap-1', wrapperClassName)}\n    >\n      {allowModeSwitch && (\n        <>\n          <input\n            type='radio'\n            name={modeToggleName}\n            id={simpleToggleId}\n            value='simple'\n            defaultChecked={resolvedMode === 'simple'}\n            className='peer/simple sr-only'\n            onChange={() =>\n              handleModeToggle(wrapperId, 'simple', textareaName, simpleTextareaId, advancedInputId)\n            }\n          />\n          <input\n            type='radio'\n            name={modeToggleName}\n            id={advancedToggleId}\n            value='advanced'\n            defaultChecked={resolvedMode === 'advanced'}\n            className='peer/advanced sr-only'\n            onChange={() =>\n              handleModeToggle(\n                wrapperId,\n                'advanced',\n                textareaName,\n                simpleTextareaId,\n                advancedInputId\n              )\n            }\n          />\n          <div className='flex justify-end'>\n            <div className='inline-flex overflow-hidden rounded-md border border-gray-200 bg-gray-50 text-xs font-medium dark:border-gray-700 dark:bg-slate-800'>\n              <label\n                htmlFor={simpleToggleId}\n                className={twMerge(\n                  'cursor-pointer px-3 py-1 transition-colors',\n                  'text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-slate-700',\n                  'peer-checked/simple:bg-white peer-checked/simple:text-gray-900 peer-checked/simple:dark:bg-slate-900 peer-checked/simple:dark:text-gray-100'\n                )}\n              >\n                Jednoduchý\n              </label>\n              <label\n                htmlFor={advancedToggleId}\n                className={twMerge(\n                  'cursor-pointer px-3 py-1 transition-colors',\n                  'text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-slate-700',\n                  'peer-checked/advanced:bg-white peer-checked/advanced:text-gray-900 peer-checked/advanced:dark:bg-slate-900 peer-checked/advanced:dark:text-gray-100'\n                )}\n              >\n                Pokročilý\n              </label>\n            </div>\n          </div>\n        </>\n      )}\n\n      {(resolvedMode === 'simple' || allowModeSwitch) && (\n        <div\n          className={twMerge(\n            'relative flex items-start',\n            allowModeSwitch\n              ? 'hidden peer-checked/simple:flex peer-checked/advanced:hidden'\n              : undefined\n          )}\n        >\n          <textarea\n            {...textareaProps}\n            id={simpleTextareaId}\n            name={!allowModeSwitch || resolvedMode === 'simple' ? textareaName : ''}\n            rows={rows}\n            placeholder={placeholderValue}\n            value={value}\n            defaultValue={defaultValue}\n            className={twMerge(\n              'peer',\n              baseClass,\n              variantClass,\n              labelPadding,\n              placeholderClass,\n              className\n            )}\n          />\n\n          {label && (\n            <label\n              htmlFor={simpleTextareaId}\n              className={twMerge(\n                'absolute transition-all duration-150 pointer-events-none left-3 text-gray-700 dark:text-gray-200',\n                'top-0 -translate-y-2/3 text-xs px-1',\n                labelBg,\n                focusLabelBg,\n                'peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:text-gray-600 dark:peer-focus:text-gray-300',\n                'peer-placeholder-shown:top-3 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-sm peer-placeholder-shown:bg-transparent peer-placeholder-shown:text-gray-500 dark:peer-placeholder-shown:text-gray-400'\n              )}\n            >\n              {label}\n            </label>\n          )}\n        </div>\n      )}\n\n      {(resolvedMode === 'advanced' || allowModeSwitch) && (\n        <div\n          className={twMerge(\n            'flex flex-col gap-2',\n            allowModeSwitch\n              ? 'hidden peer-checked/advanced:flex peer-checked/simple:hidden'\n              : undefined\n          )}\n        >\n          {label && (\n            <label\n              id={advancedLabelId}\n              className='text-sm font-medium text-gray-700 dark:text-gray-200'\n            >\n              {label}\n            </label>\n          )}\n\n          {showEditor && (\n            <div className='flex flex-wrap items-center justify-between gap-2'>\n              <div className='inline-flex overflow-hidden rounded-md border border-gray-200 bg-gray-50 text-xs font-medium dark:border-gray-700 dark:bg-slate-800'>\n                <button\n                  type='button'\n                  className={twMerge(\n                    toolbarButtonBase,\n                    editor?.isActive('bold') ? toolbarButtonActive : undefined\n                  )}\n                  onClick={() => editor?.chain().focus().toggleBold().run()}\n                  disabled={!editor || !editorEditable}\n                >\n                  B\n                </button>\n                <button\n                  type='button'\n                  className={twMerge(\n                    toolbarButtonBase,\n                    editor?.isActive('italic') ? toolbarButtonActive : undefined\n                  )}\n                  onClick={() => editor?.chain().focus().toggleItalic().run()}\n                  disabled={!editor || !editorEditable}\n                >\n                  I\n                </button>\n                <button\n                  type='button'\n                  className={twMerge(\n                    toolbarButtonBase,\n                    editor?.isActive('strike') ? toolbarButtonActive : undefined\n                  )}\n                  onClick={() => editor?.chain().focus().toggleStrike().run()}\n                  disabled={!editor || !editorEditable}\n                >\n                  S\n                </button>\n                <button\n                  type='button'\n                  className={twMerge(\n                    toolbarButtonBase,\n                    editor?.isActive('bulletList') ? toolbarButtonActive : undefined\n                  )}\n                  onClick={() => editor?.chain().focus().toggleBulletList().run()}\n                  disabled={!editor || !editorEditable}\n                >\n                  • List\n                </button>\n                <button\n                  type='button'\n                  className={twMerge(\n                    toolbarButtonBase,\n                    editor?.isActive('orderedList') ? toolbarButtonActive : undefined\n                  )}\n                  onClick={() => editor?.chain().focus().toggleOrderedList().run()}\n                  disabled={!editor || !editorEditable}\n                >\n                  1. List\n                </button>\n                <button\n                  type='button'\n                  className={twMerge(\n                    toolbarButtonBase,\n                    editor?.isActive('blockquote') ? toolbarButtonActive : undefined\n                  )}\n                  onClick={() => editor?.chain().focus().toggleBlockquote().run()}\n                  disabled={!editor || !editorEditable}\n                >\n                  Quote\n                </button>\n                <button\n                  type='button'\n                  className={twMerge(\n                    toolbarButtonBase,\n                    editor?.isActive('code') ? toolbarButtonActive : undefined\n                  )}\n                  onClick={() => editor?.chain().focus().toggleCode().run()}\n                  disabled={!editor || !editorEditable}\n                >\n                  Code\n                </button>\n                <button\n                  type='button'\n                  className={twMerge(\n                    toolbarButtonBase,\n                    editor?.isActive('codeBlock') ? toolbarButtonActive : undefined\n                  )}\n                  onClick={() => editor?.chain().focus().toggleCodeBlock().run()}\n                  disabled={!editor || !editorEditable}\n                >\n                  Code block\n                </button>\n              </div>\n            </div>\n          )}\n\n          <div className={twMerge('overflow-hidden', advancedContainerVariant[variant])}>\n            <div className='px-3 py-3 space-y-3'>\n              {showEditor && (\n                <EditorContent\n                  editor={editor}\n                  id={advancedEditorId}\n                  className='w-full'\n                  style={minHeightStyle}\n                />\n              )}\n\n              <textarea\n                {...textareaProps}\n                ref={hiddenTextareaRef}\n                id={advancedInputId}\n                name={!allowModeSwitch || resolvedMode === 'advanced' ? textareaName : ''}\n                rows={rows}\n                placeholder={placeholderValue}\n                className='sr-only'\n                {...(isControlled ? { value } : { defaultValue: contentValue })}\n              />\n\n              {showPreview && (\n                <div\n                  id={previewId}\n                  className={twMerge(\n                    baseClass,\n                    'min-h-45 rounded border-0 px-0 focus:outline-none whitespace-pre-wrap wrap-break-words',\n                    className\n                  )}\n                  style={minHeightStyle}\n                  dangerouslySetInnerHTML={{\n                    __html: renderMarkdown(contentValue)\n                  }}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default TextArea;\n"]}