paris 0.23.1 → 0.24.0

package/dist/stories/markdowneditor/LinkPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPopover.js","sources":["../../../src/stories/markdowneditor/LinkPopover.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport styles from './LinkPopover.module.scss';\nimport { useMarkdownEditorContext } from './MarkdownEditorContext';\n\nexport type LinkPopoverProps = {\n    /** Callback when the popover should close. */\n    onClose: () => void;\n};\n\n/**\n * An inline popover for inserting/editing links.\n * Reads the current link state from the editor and allows\n * setting href and target attributes.\n */\nexport const LinkPopover: FC<LinkPopoverProps> = ({ onClose }) => {\n    const { editor } = useMarkdownEditorContext();\n    const inputRef = useRef<HTMLInputElement>(null);\n    const popoverRef = useRef<HTMLDivElement>(null);\n\n    // Read existing link attributes if cursor is on a link\n    const existingHref = editor?.getAttributes('link')?.href ?? '';\n    const existingTarget = editor?.getAttributes('link')?.target ?? '_blank';\n\n    const [url, setUrl] = useState(existingHref);\n    const [openInNewTab, setOpenInNewTab] = useState(existingTarget === '_blank');\n\n    // Focus the input on mount\n    useEffect(() => {\n        inputRef.current?.focus();\n        inputRef.current?.select();\n    }, []);\n\n    // Close on click outside\n    useEffect(() => {\n        const handleClickOutside = (e: MouseEvent) => {\n            if (popoverRef.current && !popoverRef.current.contains(e.target as Node)) {\n                onClose();\n            }\n        };\n        // Use requestAnimationFrame to skip the current event that triggered the popover\n        const raf = requestAnimationFrame(() => {\n            document.addEventListener('mousedown', handleClickOutside);\n        });\n        return () => {\n            cancelAnimationFrame(raf);\n            document.removeEventListener('mousedown', handleClickOutside);\n        };\n    }, [onClose]);\n\n    // Close on Escape\n    useEffect(() => {\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') {\n                onClose();\n                editor?.chain().focus().run();\n            }\n        };\n        document.addEventListener('keydown', handleKeyDown);\n        return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [onClose, editor]);\n\n    const handleApply = useCallback(() => {\n        if (!editor) return;\n\n        if (!url) {\n            editor.chain().focus().unsetLink().run();\n        } else {\n            editor\n                .chain()\n                .focus()\n                .extendMarkRange('link')\n                .setLink({\n                    href: url,\n                    target: openInNewTab ? '_blank' : null,\n                })\n                .run();\n        }\n        onClose();\n    }, [editor, url, openInNewTab, onClose]);\n\n    const handleRemove = useCallback(() => {\n        if (!editor) return;\n        editor.chain().focus().unsetLink().run();\n        onClose();\n    }, [editor, onClose]);\n\n    const handleKeyDown = useCallback(\n        (e: React.KeyboardEvent) => {\n            if (e.key === 'Enter') {\n                e.preventDefault();\n                handleApply();\n            }\n        },\n        [handleApply],\n    );\n\n    return (\n        <div ref={popoverRef} className={styles.popover}>\n            <div className={styles.label}>Link URL</div>\n            <div className={styles.inputRow}>\n                <input\n                    ref={inputRef}\n                    type=\"url\"\n                    className={styles.input}\n                    placeholder=\"https://...\"\n                    value={url}\n                    onChange={(e) => setUrl(e.target.value)}\n                    onKeyDown={handleKeyDown}\n                />\n                <button\n                    type=\"button\"\n                    className={styles.applyButton}\n                    onMouseDown={(e) => e.preventDefault()}\n                    onClick={handleApply}\n                >\n                    Apply\n                </button>\n            </div>\n            <div className={styles.footer}>\n                <label className={styles.checkboxLabel}>\n                    <input type=\"checkbox\" checked={openInNewTab} onChange={(e) => setOpenInNewTab(e.target.checked)} />\n                    Open in new tab\n                </label>\n                {existingHref && (\n                    <button type=\"button\" className={styles.removeButton} onClick={handleRemove}>\n                        Remove link\n                    </button>\n                )}\n            </div>\n        </div>\n    );\n};\n"],"names":["handleKeyDown"],"mappings":"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"}

package/dist/stories/markdowneditor/LinkPopover.module.css

@@ -0,0 +1,113 @@
+.paris_popover_NuqJ8 {
+  position: absolute;
+  top: calc(100% + 8px);
+  left: 0;
+  z-index: var(--pte-new-layers-popover);
+  background-color: var(--pte-new-colors-surfacePrimary, var(--pte-new-colors-backgroundPrimary));
+  border: 1px solid var(--pte-new-colors-borderSubtle);
+  border-radius: var(--pte-new-borders-radius-rounded, 8px);
+  box-shadow: var(--pte-new-shadows-shallowPopup, 0 4px 12px rgba(0, 0, 0, 0.15));
+  padding: 8px 10px;
+  width: 280px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.paris_label_U8nq1 {
+  font-size: var(--pte-new-typography-styles-labelXSmall-fontSize, 11px);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--pte-new-colors-contentTertiary);
+}
+
+.paris_inputRow_pIHbL {
+  display: flex;
+  gap: 6px;
+}
+
+.paris_input_faso5 {
+  flex: 1;
+  background-color: var(--pte-new-colors-inputFill);
+  border: 1px solid var(--pte-new-colors-borderSubtle);
+  border-radius: 4px;
+  padding: 4px 8px;
+  color: var(--pte-new-colors-contentPrimary);
+  font-size: 11px;
+  font-family: inherit;
+  outline: none;
+  transition: border-color var(--pte-new-animations-interaction, 150ms) ease;
+}
+.paris_input_faso5:focus {
+  border-color: var(--pte-new-colors-inputBorderFocus);
+}
+.paris_input_faso5::placeholder {
+  color: var(--pte-new-colors-contentTertiary);
+}
+
+.paris_applyButton_bm-xU {
+  background-color: var(--pte-new-colors-buttonFill);
+  border: none;
+  border-radius: 4px;
+  padding: 4px 10px;
+  color: var(--pte-new-colors-contentInversePrimary, #fff);
+  font-size: 11px;
+  font-weight: 600;
+  font-family: inherit;
+  cursor: pointer;
+  transition: background-color var(--pte-new-animations-interaction, 150ms) ease;
+  flex-shrink: 0;
+}
+.paris_applyButton_bm-xU:hover {
+  background-color: var(--pte-new-colors-buttonFillHover);
+}
+
+.paris_footer_qWJTt {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.paris_checkboxLabel_NLpLl {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 11px;
+  color: var(--pte-new-colors-contentTertiary);
+  cursor: pointer;
+}
+.paris_checkboxLabel_NLpLl input[type=checkbox] {
+  appearance: none;
+  width: 14px;
+  height: 14px;
+  border: 2px solid var(--pte-new-colors-contentTertiary);
+  border-radius: var(--pte-borders-radius-rectangle);
+  background: transparent;
+  cursor: pointer;
+  position: relative;
+  flex-shrink: 0;
+  transition: var(--pte-animations-interaction);
+}
+.paris_checkboxLabel_NLpLl input[type=checkbox]:checked::after {
+  content: "";
+  position: absolute;
+  inset: -2px;
+  background-color: var(--pte-new-colors-contentPrimary);
+  mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.333374 0.333252V13.6666H13.6667V0.333252H0.333374ZM6.00004 10.3999L2.26672 6.66658L3.66671 5.26658L5.93339 7.53325L10.2 3.26658L11.6001 4.66659L6.00004 10.3999Z' fill='black'/%3E%3C/svg%3E");
+  mask-size: contain;
+  mask-repeat: no-repeat;
+}
+
+.paris_removeButton_jnMTA {
+  background: none;
+  border: none;
+  color: var(--pte-new-colors-contentNegative);
+  font-size: 11px;
+  font-family: inherit;
+  cursor: pointer;
+  padding: 0;
+}
+.paris_removeButton_jnMTA:hover {
+  text-decoration: underline;
+}

package/dist/stories/markdowneditor/LinkPopover.module.scss.js

@@ -0,0 +1,21 @@
+import './LinkPopover.module.css';const popover = "paris_popover_NuqJ8";
+const label = "paris_label_U8nq1";
+const inputRow = "paris_inputRow_pIHbL";
+const input = "paris_input_faso5";
+const applyButton = "paris_applyButton_bm-xU";
+const footer = "paris_footer_qWJTt";
+const checkboxLabel = "paris_checkboxLabel_NLpLl";
+const removeButton = "paris_removeButton_jnMTA";
+const styles = {
+	popover: popover,
+	label: label,
+	inputRow: inputRow,
+	input: input,
+	applyButton: applyButton,
+	footer: footer,
+	checkboxLabel: checkboxLabel,
+	removeButton: removeButton
+};
+
+export { applyButton, checkboxLabel, styles as default, footer, input, inputRow, label, popover, removeButton };
+//# sourceMappingURL=LinkPopover.module.scss.js.map

package/dist/stories/markdowneditor/LinkPopover.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkPopover.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/{src/stories/markdowneditor/MarkdownEditor.tsx → dist/stories/markdowneditor/MarkdownEditor.d.ts}

@@ -1,17 +1,7 @@
-'use client';
-
-import { EditorContent } from '@tiptap/react';
-import { clsx } from 'clsx';
-import type { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import { useMemo } from 'react';
-import type { MarkdownSize } from '../markdown';
-import type { MarkdownEditorFeature } from './features';
-import { ALL_FEATURES } from './features';
-import styles from './MarkdownEditor.module.scss';
-import type { ImageUploadHandler } from './MarkdownEditorContext';
-import { MarkdownEditorContext } from './MarkdownEditorContext';
-import { useMarkdownEditor } from './useMarkdownEditor';
-
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+import { MarkdownSize } from '../markdown';
+import { MarkdownEditorFeature } from './features';
+import { ImageUploadHandler } from './MarkdownEditorContext';
 export type MarkdownEditorProps = {
     /** The markdown string value (controlled). */
     value: string;
@@ -50,7 +40,6 @@ export type MarkdownEditorProps = {
      */
     children?: ReactNode;
 };
-
 /**
  * A WYSIWYG markdown editor built on Tiptap, styled with Paris design tokens.
  * It pairs with the read-only `<Markdown>` component as its write counterpart.
@@ -78,56 +67,4 @@ export type MarkdownEditorProps = {
  *
  * @constructor
  */
-export const MarkdownEditor: FC<MarkdownEditorProps> = ({
-    value,
-    onChange,
-    features = ALL_FEATURES,
-    placeholder,
-    size = 'paragraphSmall',
-    editable = true,
-    autofocus = false,
-    handleImageUpload,
-    className,
-    status = 'default',
-    overrides,
-    children,
-}) => {
-    const { editor, featureSet } = useMarkdownEditor({
-        value,
-        onChange,
-        features,
-        placeholder,
-        editable,
-        autofocus,
-    });
-
-    const contextValue = useMemo(
-        () => ({ editor, features: featureSet, handleImageUpload }),
-        [editor, featureSet, handleImageUpload],
-    );
-
-    return (
-        <MarkdownEditorContext.Provider value={contextValue}>
-            <div {...overrides?.root} className={clsx(styles.root, className, overrides?.root?.className)}>
-                <div
-                    {...overrides?.editorContainer}
-                    className={clsx(styles.editorContainer, overrides?.editorContainer?.className)}
-                    data-status={status}
-                    data-disabled={!editable}
-                >
-                    {children}
-                    <div
-                        className={styles.editorContent}
-                        style={
-                            {
-                                '--markdown-base-font-size': `var(--pte-new-typography-styles-${size}-fontSize)`,
-                            } as React.CSSProperties
-                        }
-                    >
-                        <EditorContent editor={editor} />
-                    </div>
-                </div>
-            </div>
-        </MarkdownEditorContext.Provider>
-    );
-};
+export declare const MarkdownEditor: FC<MarkdownEditorProps>;

package/dist/stories/markdowneditor/MarkdownEditor.js

@@ -0,0 +1,62 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { EditorContent } from '@tiptap/react';
+import { clsx } from 'clsx';
+import { useMemo } from 'react';
+import { ALL_FEATURES } from './features.js';
+import styles from './MarkdownEditor.module.scss.js';
+import { MarkdownEditorContext } from './MarkdownEditorContext.js';
+import { useMarkdownEditor } from './useMarkdownEditor.js';
+
+const MarkdownEditor = ({
+  value,
+  onChange,
+  features = ALL_FEATURES,
+  placeholder,
+  size = "paragraphSmall",
+  editable = true,
+  autofocus = false,
+  handleImageUpload,
+  className,
+  status = "default",
+  overrides,
+  children
+}) => {
+  const { editor, featureSet } = useMarkdownEditor({
+    value,
+    onChange,
+    features,
+    placeholder,
+    editable,
+    autofocus
+  });
+  const contextValue = useMemo(
+    () => ({ editor, features: featureSet, handleImageUpload }),
+    [editor, featureSet, handleImageUpload]
+  );
+  return /* @__PURE__ */ jsx(MarkdownEditorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { ...overrides?.root, className: clsx(styles.root, className, overrides?.root?.className), children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...overrides?.editorContainer,
+      className: clsx(styles.editorContainer, overrides?.editorContainer?.className),
+      "data-status": status,
+      "data-disabled": !editable,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: styles.editorContent,
+            style: {
+              "--markdown-base-font-size": `var(--pte-new-typography-styles-${size}-fontSize)`
+            },
+            children: /* @__PURE__ */ jsx(EditorContent, { editor })
+          }
+        )
+      ]
+    }
+  ) }) });
+};
+
+export { MarkdownEditor };
+//# sourceMappingURL=MarkdownEditor.js.map

package/dist/stories/markdowneditor/MarkdownEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.js","sources":["../../../src/stories/markdowneditor/MarkdownEditor.tsx"],"sourcesContent":["'use client';\n\nimport { EditorContent } from '@tiptap/react';\nimport { clsx } from 'clsx';\nimport type { ComponentPropsWithoutRef, FC, ReactNode } from 'react';\nimport { useMemo } from 'react';\nimport type { MarkdownSize } from '../markdown';\nimport type { MarkdownEditorFeature } from './features';\nimport { ALL_FEATURES } from './features';\nimport styles from './MarkdownEditor.module.scss';\nimport type { ImageUploadHandler } from './MarkdownEditorContext';\nimport { MarkdownEditorContext } from './MarkdownEditorContext';\nimport { useMarkdownEditor } from './useMarkdownEditor';\n\nexport type MarkdownEditorProps = {\n    /** The markdown string value (controlled). */\n    value: string;\n    /** Fires with the updated markdown string on every edit. */\n    onChange?: (value: string) => void;\n    /** Whitelist of formatting features to enable. Defaults to all features. */\n    features?: MarkdownEditorFeature[];\n    /** Placeholder text shown when the editor is empty. */\n    placeholder?: string;\n    /**\n     * Base text size for body content, matching the Markdown component's size prop.\n     * @default 'paragraphSmall'\n     */\n    size?: MarkdownSize;\n    /** Whether the editor is editable. @default true */\n    editable?: boolean;\n    /** Whether to autofocus the editor on mount. @default false */\n    autofocus?: boolean;\n    /** An optional CSS class name for the root wrapper. */\n    className?: string;\n    /**\n     * Handler for image uploads. Receives a File, should return a Promise\n     * resolving to the image URL. If not provided, the image button is hidden.\n     */\n    handleImageUpload?: ImageUploadHandler;\n    /** Visual status for the editor container (follows Input pattern). */\n    status?: 'default' | 'error' | 'success';\n    /** Prop overrides for sub-elements. */\n    overrides?: {\n        root?: ComponentPropsWithoutRef<'div'>;\n        editorContainer?: ComponentPropsWithoutRef<'div'>;\n    };\n    /**\n     * Children are placed inside the context provider, before the editor content.\n     * This is where toolbar components should be placed.\n     */\n    children?: ReactNode;\n};\n\n/**\n * A WYSIWYG markdown editor built on Tiptap, styled with Paris design tokens.\n * It pairs with the read-only `<Markdown>` component as its write counterpart.\n *\n * The editor uses a compound component pattern — toolbar components are passed\n * as children and communicate with the editor via React context.\n *\n * <hr />\n *\n * To use this component, import it as follows:\n *\n * ```tsx\n * import { MarkdownEditor, FixedToolbar, FloatingToolbar } from 'paris/markdowneditor';\n *\n * export const Example: FC = () => {\n *     const [md, setMd] = useState('');\n *     return (\n *         <MarkdownEditor value={md} onChange={setMd} placeholder=\"Start writing...\">\n *             <FixedToolbar />\n *             <FloatingToolbar />\n *         </MarkdownEditor>\n *     );\n * };\n * ```\n *\n * @constructor\n */\nexport const MarkdownEditor: FC<MarkdownEditorProps> = ({\n    value,\n    onChange,\n    features = ALL_FEATURES,\n    placeholder,\n    size = 'paragraphSmall',\n    editable = true,\n    autofocus = false,\n    handleImageUpload,\n    className,\n    status = 'default',\n    overrides,\n    children,\n}) => {\n    const { editor, featureSet } = useMarkdownEditor({\n        value,\n        onChange,\n        features,\n        placeholder,\n        editable,\n        autofocus,\n    });\n\n    const contextValue = useMemo(\n        () => ({ editor, features: featureSet, handleImageUpload }),\n        [editor, featureSet, handleImageUpload],\n    );\n\n    return (\n        <MarkdownEditorContext.Provider value={contextValue}>\n            <div {...overrides?.root} className={clsx(styles.root, className, overrides?.root?.className)}>\n                <div\n                    {...overrides?.editorContainer}\n                    className={clsx(styles.editorContainer, overrides?.editorContainer?.className)}\n                    data-status={status}\n                    data-disabled={!editable}\n                >\n                    {children}\n                    <div\n                        className={styles.editorContent}\n                        style={\n                            {\n                                '--markdown-base-font-size': `var(--pte-new-typography-styles-${size}-fontSize)`,\n                            } as React.CSSProperties\n                        }\n                    >\n                        <EditorContent editor={editor} />\n                    </div>\n                </div>\n            </div>\n        </MarkdownEditorContext.Provider>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAgFO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAA0C,CAAC;AAAA,CAAA,CACpD,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACX,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,GAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAW,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACX,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAY,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACZ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM;AACF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,UAAA,CAAA,CAAW,CAAA,CAAA,CAAI,iBAAA,CAAkB;AAAA,CAAA,CAAA,CAAA,CAC7C,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACH,CAAA;AAED,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACjB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA;AAAA,CAAA,CAAA,CAAA,CACzD,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB;AAAA,CAAA,CAAA,CAC1C;AAEA,CAAA,CAAA,2BACK,qBAAA,CAAsB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAtB,CAAA,CAA+B,CAAA,CAAA,CAAA,CAAA,CAAA,EAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACnC,8BAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAK,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,SAAA,CAAA,CAAW,CAAA,CAAA,CAAA,EAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,IAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,IAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CACxF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACI,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACf,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAW,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAiB,SAAS,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC7E,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACb,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAe,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAEf,QAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACD,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAClB,KAAA,CAAA,CACI;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACI,2BAAA,CAAA,CAA6B,mCAAmC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACxE;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAGJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,CAAC,iBAAc,MAAA,CAAA,CAAgB;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACnC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,GAER,CAAA,CAAA,CACJ,CAAA;AAER,CAAA;;"}

package/dist/stories/markdowneditor/MarkdownEditor.module.css

@@ -0,0 +1,325 @@
+@charset "UTF-8";
+/* ── MarkdownEditor styles ────────────────────────────────────
+ * Uses Paris design tokens (--pte-*) for consistent theming.
+ * Editor content styles mirror Markdown.module.scss but target
+ * native HTML elements rendered by Tiptap (not CSS module classes).
+ * ──────────────────────────────────────────────────────────── */
+.paris_root_AbYRN {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+.paris_editorContainer_9v7gh {
+  display: flex;
+  flex-direction: column;
+  border-radius: var(--pte-borders-radius-rectangle);
+  background-color: var(--pte-new-colors-inputFill);
+  border: 1px solid var(--pte-new-colors-inputFill);
+  transition: var(--pte-animations-interaction);
+}
+.paris_editorContainer_9v7gh:focus-within {
+  outline: none;
+  border-color: var(--pte-new-colors-inputBorderFocus);
+  background-color: var(--pte-new-colors-inputFillFocus);
+}
+.paris_editorContainer_9v7gh[data-status=error] {
+  border-color: var(--pte-new-colors-inputBorderNegative);
+  background-color: var(--pte-new-colors-inputFillNegative);
+  color: var(--pte-new-colors-contentNegative);
+}
+.paris_editorContainer_9v7gh[data-status=error]:focus-within {
+  color: var(--pte-new-colors-contentPrimary);
+}
+.paris_editorContainer_9v7gh[data-status=success] {
+  border-color: var(--pte-new-colors-backgroundPositive);
+}
+.paris_editorContainer_9v7gh[data-disabled=true] {
+  background-color: var(--pte-new-colors-inputFillDisabled);
+  border-color: var(--pte-new-colors-inputFillDisabled);
+  color: var(--pte-new-colors-contentDisabled);
+  pointer-events: none;
+  cursor: default;
+}
+.paris_editorContainer_9v7gh[data-disabled=true]:focus-within {
+  border-color: var(--pte-new-colors-inputFillDisabled) !important;
+}
+
+.paris_editorContent_WTm2y {
+  padding: 12px 16px;
+  min-height: 120px;
+  outline: none;
+  line-height: 1.7;
+  color: var(--pte-new-colors-contentPrimary);
+  font-size: var(--markdown-base-font-size, 14px);
+}
+.paris_editorContent_WTm2y .tiptap {
+  outline: none;
+  min-height: inherit;
+}
+.paris_editorContent_WTm2y .tiptap > *:first-child {
+  margin-top: 0;
+}
+.paris_editorContent_WTm2y .tiptap > *:last-child {
+  margin-bottom: 0;
+}
+.paris_editorContent_WTm2y .tiptap p.is-editor-empty:first-child::before {
+  content: attr(data-placeholder);
+  color: var(--pte-new-colors-contentTertiary);
+  pointer-events: none;
+  float: left;
+  height: 0;
+}
+.paris_editorContent_WTm2y h1,
+.paris_editorContent_WTm2y h2,
+.paris_editorContent_WTm2y h3,
+.paris_editorContent_WTm2y h4,
+.paris_editorContent_WTm2y h5,
+.paris_editorContent_WTm2y h6 {
+  margin-top: 1.5em;
+  margin-bottom: 0.6em;
+  color: var(--pte-new-colors-contentPrimary);
+  line-height: 1.3;
+}
+.paris_editorContent_WTm2y h1:first-child,
+.paris_editorContent_WTm2y h2:first-child,
+.paris_editorContent_WTm2y h3:first-child,
+.paris_editorContent_WTm2y h4:first-child,
+.paris_editorContent_WTm2y h5:first-child,
+.paris_editorContent_WTm2y h6:first-child {
+  margin-top: 0;
+}
+.paris_editorContent_WTm2y h1 {
+  font-size: var(--pte-new-typography-styles-headingLarge-fontSize, 32px);
+  font-weight: var(--pte-new-typography-styles-headingLarge-fontWeight, 700);
+}
+.paris_editorContent_WTm2y h2 {
+  font-size: var(--pte-new-typography-styles-headingMedium-fontSize, 24px);
+  font-weight: var(--pte-new-typography-styles-headingMedium-fontWeight, 700);
+}
+.paris_editorContent_WTm2y h3 {
+  font-size: var(--pte-new-typography-styles-headingSmall-fontSize, 20px);
+  font-weight: var(--pte-new-typography-styles-headingSmall-fontWeight, 700);
+}
+.paris_editorContent_WTm2y h4 {
+  font-size: var(--pte-new-typography-styles-headingXSmall-fontSize, 18px);
+  font-weight: var(--pte-new-typography-styles-headingXSmall-fontWeight, 600);
+}
+.paris_editorContent_WTm2y h5 {
+  font-size: var(--pte-new-typography-styles-headingXXSmall-fontSize, 16px);
+  font-weight: var(--pte-new-typography-styles-headingXXSmall-fontWeight, 600);
+}
+.paris_editorContent_WTm2y h6 {
+  font-size: var(--pte-new-typography-styles-labelMedium-fontSize, 14px);
+  font-weight: var(--pte-new-typography-styles-labelMedium-fontWeight, 600);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+.paris_editorContent_WTm2y p {
+  margin-bottom: 1em;
+  line-height: 1.7;
+}
+.paris_editorContent_WTm2y p:last-child {
+  margin-bottom: 0;
+}
+.paris_editorContent_WTm2y strong {
+  font-weight: 600;
+}
+.paris_editorContent_WTm2y em {
+  font-style: italic;
+}
+.paris_editorContent_WTm2y s {
+  text-decoration: line-through;
+  text-decoration-color: var(--pte-new-colors-contentTertiary);
+}
+.paris_editorContent_WTm2y a {
+  color: var(--pte-new-colors-contentAccent);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  cursor: pointer;
+}
+.paris_editorContent_WTm2y a:hover {
+  text-decoration-color: var(--pte-new-colors-contentAccent);
+}
+.paris_editorContent_WTm2y img {
+  max-width: 100%;
+  height: auto;
+  border-radius: var(--pte-new-borders-radius-rounded);
+  border: 1px solid var(--pte-new-colors-borderSubtle);
+  margin: 1em 0;
+  display: block;
+}
+.paris_editorContent_WTm2y blockquote {
+  border-left: 3px solid var(--pte-new-colors-borderMedium);
+  padding: 8px 16px;
+  margin: 1em 0;
+  background-color: var(--pte-new-colors-backgroundSecondary);
+  border-radius: 0 var(--pte-new-borders-radius-rounded, 8px) var(--pte-new-borders-radius-rounded, 8px) 0;
+  color: var(--pte-new-colors-contentSecondary);
+}
+.paris_editorContent_WTm2y blockquote blockquote {
+  margin: 0.5em 0;
+}
+.paris_editorContent_WTm2y blockquote p {
+  margin-bottom: 0.5em;
+}
+.paris_editorContent_WTm2y blockquote p:last-child {
+  margin-bottom: 0;
+}
+.paris_editorContent_WTm2y hr {
+  border: none;
+  border-top: 1px solid var(--pte-new-colors-borderMedium);
+  margin: 1.5em 0;
+}
+.paris_editorContent_WTm2y ul,
+.paris_editorContent_WTm2y ol {
+  margin: 0.5em 0 1em;
+  padding-left: 1.5em;
+}
+.paris_editorContent_WTm2y ul {
+  list-style-type: disc;
+}
+.paris_editorContent_WTm2y ul ul {
+  list-style-type: circle;
+  margin: 0.25em 0;
+}
+.paris_editorContent_WTm2y ul ul ul {
+  list-style-type: square;
+}
+.paris_editorContent_WTm2y ol {
+  list-style-type: decimal;
+}
+.paris_editorContent_WTm2y ol ol {
+  list-style-type: lower-alpha;
+  margin: 0.25em 0;
+}
+.paris_editorContent_WTm2y ol ol ol {
+  list-style-type: lower-roman;
+}
+.paris_editorContent_WTm2y li {
+  margin-bottom: 0.25em;
+  line-height: 1.7;
+}
+.paris_editorContent_WTm2y li p {
+  margin-bottom: 0.25em;
+}
+.paris_editorContent_WTm2y ul[data-type=taskList] {
+  list-style: none;
+  padding-left: 0;
+}
+.paris_editorContent_WTm2y li[data-checked] {
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  gap: 8px;
+}
+.paris_editorContent_WTm2y li[data-checked] > label {
+  flex-shrink: 0;
+}
+.paris_editorContent_WTm2y li[data-checked] > label input[type=checkbox] {
+  appearance: none;
+  width: 14px;
+  height: 14px;
+  border: 2px solid var(--pte-new-colors-contentTertiary);
+  border-radius: var(--pte-borders-radius-rectangle);
+  background: transparent;
+  cursor: pointer;
+  position: relative;
+  top: 2px;
+  transition: var(--pte-animations-interaction);
+}
+.paris_editorContent_WTm2y li[data-checked] > label input[type=checkbox]:checked::after {
+  content: "";
+  position: absolute;
+  inset: -2px;
+  background-color: var(--pte-new-colors-contentPrimary);
+  mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.333374 0.333252V13.6666H13.6667V0.333252H0.333374ZM6.00004 10.3999L2.26672 6.66658L3.66671 5.26658L5.93339 7.53325L10.2 3.26658L11.6001 4.66659L6.00004 10.3999Z' fill='black'/%3E%3C/svg%3E");
+  mask-size: contain;
+  mask-repeat: no-repeat;
+}
+.paris_editorContent_WTm2y li[data-checked] > div {
+  flex: 1;
+}
+.paris_editorContent_WTm2y code {
+  font-family: "SF Mono", "Fira Code", "JetBrains Mono", ui-monospace, monospace;
+  font-size: 0.875em;
+  padding: 2px 6px;
+  border-radius: 6px;
+  background-color: var(--pte-new-colors-backgroundSecondary);
+  border: 1px solid var(--pte-new-colors-borderSubtle);
+  color: var(--pte-new-colors-contentPrimary);
+  word-break: break-word;
+}
+.paris_editorContent_WTm2y pre {
+  margin: 1em 0;
+  padding: 0;
+  background: transparent;
+  overflow: visible;
+}
+.paris_editorContent_WTm2y pre code {
+  display: block;
+  padding: 16px;
+  overflow-x: auto;
+  font-family: "SF Mono", "Fira Code", "JetBrains Mono", ui-monospace, monospace;
+  font-size: 13px;
+  line-height: 1.6;
+  tab-size: 4;
+  white-space: pre;
+  border-radius: var(--pte-new-borders-radius-rounded, 8px);
+  background-color: var(--pte-new-colors-backgroundSecondary);
+  border: 1px solid var(--pte-new-colors-borderSubtle);
+  color: var(--pte-new-colors-contentPrimary);
+}
+.paris_editorContent_WTm2y pre code::-webkit-scrollbar {
+  height: 6px;
+}
+.paris_editorContent_WTm2y pre code::-webkit-scrollbar-track {
+  background: transparent;
+}
+.paris_editorContent_WTm2y pre code::-webkit-scrollbar-thumb {
+  background-color: var(--pte-new-colors-borderMedium);
+  border-radius: 3px;
+}
+.paris_editorContent_WTm2y table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 1em 0;
+  font-size: var(--pte-new-typography-paragraphSmall-fontSize, 13px);
+  border-radius: var(--pte-new-borders-radius-rounded, 8px);
+  border: 1px solid var(--pte-new-colors-borderSubtle);
+  overflow: hidden;
+}
+.paris_editorContent_WTm2y thead {
+  background-color: var(--pte-new-colors-backgroundSecondary);
+}
+.paris_editorContent_WTm2y th {
+  padding: 10px 16px;
+  text-align: left;
+  border-bottom: 1px solid var(--pte-new-colors-borderMedium);
+  white-space: nowrap;
+  color: var(--pte-new-colors-contentSecondary);
+  font-size: var(--pte-new-typography-styles-labelXSmall-fontSize, 11px);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+.paris_editorContent_WTm2y td {
+  padding: 10px 16px;
+  border-bottom: 1px solid var(--pte-new-colors-borderSubtle);
+  color: var(--pte-new-colors-contentPrimary);
+}
+.paris_editorContent_WTm2y tr:last-child td {
+  border-bottom: none;
+}
+.paris_editorContent_WTm2y tbody tr {
+  transition: background-color 0.15s ease;
+}
+.paris_editorContent_WTm2y tbody tr:hover {
+  background-color: var(--pte-new-colors-backgroundSecondary);
+}
+.paris_editorContent_WTm2y .selectedCell {
+  background-color: var(--pte-new-colors-backgroundAccentSubtle, rgba(99, 102, 241, 0.1));
+}
+.paris_editorContent_WTm2y ::selection {
+  background-color: var(--pte-new-colors-backgroundAccentSubtle, rgba(99, 102, 241, 0.2));
+}