paris 0.23.0 → 0.24.0

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

@@ -0,0 +1,11 @@
+import './MarkdownEditor.module.css';const root = "paris_root_AbYRN";
+const editorContainer = "paris_editorContainer_9v7gh";
+const editorContent = "paris_editorContent_WTm2y";
+const styles = {
+	root: root,
+	editorContainer: editorContainer,
+	editorContent: editorContent
+};
+
+export { styles as default, editorContainer, editorContent, root };
+//# sourceMappingURL=MarkdownEditor.module.scss.js.map

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

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

package/dist/stories/markdowneditor/MarkdownEditorContext.d.ts

@@ -0,0 +1,10 @@
+import { Editor } from '@tiptap/react';
+import { MarkdownEditorFeature } from './features';
+export type ImageUploadHandler = (file: File) => Promise<string>;
+export type MarkdownEditorContextValue = {
+    editor: Editor | null;
+    features: Set<MarkdownEditorFeature>;
+    handleImageUpload?: ImageUploadHandler;
+};
+export declare const MarkdownEditorContext: import('react').Context<MarkdownEditorContextValue>;
+export declare const useMarkdownEditorContext: () => MarkdownEditorContextValue;

package/dist/stories/markdowneditor/MarkdownEditorContext.js

@@ -0,0 +1,11 @@
+'use client';
+import { useContext, createContext } from 'react';
+
+const MarkdownEditorContext = createContext({
+  editor: null,
+  features: /* @__PURE__ */ new Set()
+});
+const useMarkdownEditorContext = () => useContext(MarkdownEditorContext);
+
+export { MarkdownEditorContext, useMarkdownEditorContext };
+//# sourceMappingURL=MarkdownEditorContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditorContext.js","sources":["../../../src/stories/markdowneditor/MarkdownEditorContext.tsx"],"sourcesContent":["'use client';\n\nimport type { Editor } from '@tiptap/react';\nimport { createContext, useContext } from 'react';\nimport type { MarkdownEditorFeature } from './features';\n\nexport type ImageUploadHandler = (file: File) => Promise<string>;\n\nexport type MarkdownEditorContextValue = {\n    editor: Editor | null;\n    features: Set<MarkdownEditorFeature>;\n    handleImageUpload?: ImageUploadHandler;\n};\n\nexport const MarkdownEditorContext = createContext<MarkdownEditorContextValue>({\n    editor: null,\n    features: new Set(),\n});\n\nexport const useMarkdownEditorContext = () => useContext(MarkdownEditorContext);\n"],"names":[],"mappings":";;;AAcO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAwB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA0C;AAAA,CAAA,CAC3E,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAQ,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACR,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAc,CAAA,CAAA,CAAA,CAAA;AAClB,CAAC,CAAA;AAEM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA2B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,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,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqB,CAAA;;"}

package/dist/stories/markdowneditor/ToolbarButton.d.ts

@@ -0,0 +1,22 @@
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+export type ToolbarButtonProps = {
+    /** Whether the button is currently active (e.g., bold is on). */
+    isActive?: boolean;
+    /** The action to perform when clicked. */
+    onAction: () => void;
+    /** Whether the button is disabled. */
+    disabled?: boolean;
+    /** Icon or label content. */
+    children: ReactNode;
+    /** Optional tooltip text. */
+    tooltip?: string;
+    /** Prop overrides for the button element. */
+    overrides?: {
+        button?: ComponentPropsWithoutRef<'button'>;
+    };
+};
+/**
+ * A toolbar button used in FixedToolbar and FloatingToolbar.
+ * Uses onMouseDown instead of onClick to prevent stealing editor focus.
+ */
+export declare const ToolbarButton: FC<ToolbarButtonProps>;

package/dist/stories/markdowneditor/ToolbarButton.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import styles from './ToolbarButton.module.scss.js';
+
+const ToolbarButton = ({
+  isActive = false,
+  onAction,
+  disabled = false,
+  children,
+  tooltip,
+  overrides
+}) => {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      title: tooltip,
+      disabled,
+      "data-active": isActive,
+      ...overrides?.button,
+      className: clsx(styles.button, overrides?.button?.className),
+      onMouseDown: (e) => {
+        e.preventDefault();
+        if (!disabled) onAction();
+      },
+      children
+    }
+  );
+};
+
+export { ToolbarButton };
+//# sourceMappingURL=ToolbarButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButton.js","sources":["../../../src/stories/markdowneditor/ToolbarButton.tsx"],"sourcesContent":["'use client';\n\nimport { clsx } from 'clsx';\nimport type { ComponentPropsWithoutRef, FC, ReactNode } from 'react';\nimport styles from './ToolbarButton.module.scss';\n\nexport type ToolbarButtonProps = {\n    /** Whether the button is currently active (e.g., bold is on). */\n    isActive?: boolean;\n    /** The action to perform when clicked. */\n    onAction: () => void;\n    /** Whether the button is disabled. */\n    disabled?: boolean;\n    /** Icon or label content. */\n    children: ReactNode;\n    /** Optional tooltip text. */\n    tooltip?: string;\n    /** Prop overrides for the button element. */\n    overrides?: {\n        button?: ComponentPropsWithoutRef<'button'>;\n    };\n};\n\n/**\n * A toolbar button used in FixedToolbar and FloatingToolbar.\n * Uses onMouseDown instead of onClick to prevent stealing editor focus.\n */\nexport const ToolbarButton: FC<ToolbarButtonProps> = ({\n    isActive = false,\n    onAction,\n    disabled = false,\n    children,\n    tooltip,\n    overrides,\n}) => {\n    return (\n        <button\n            type=\"button\"\n            title={tooltip}\n            disabled={disabled}\n            data-active={isActive}\n            {...overrides?.button}\n            className={clsx(styles.button, overrides?.button?.className)}\n            onMouseDown={(e) => {\n                e.preventDefault();\n                if (!disabled) onAction();\n            }}\n        >\n            {children}\n        </button>\n    );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,30 @@
+.paris_button_o-kCm {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--pte-new-colors-contentSecondary);
+  cursor: pointer;
+  padding: 0;
+  font-size: 13px;
+  font-family: inherit;
+  transition: background-color var(--pte-new-animations-interaction, 150ms) ease, color var(--pte-new-animations-interaction, 150ms) ease;
+  flex-shrink: 0;
+}
+.paris_button_o-kCm:hover {
+  background-color: var(--pte-new-colors-backgroundSecondary);
+  color: var(--pte-new-colors-contentPrimary);
+}
+.paris_button_o-kCm[data-active=true] {
+  background-color: var(--pte-new-colors-borderSubtle);
+  color: var(--pte-new-colors-contentPrimary);
+}
+.paris_button_o-kCm:disabled {
+  color: var(--pte-new-colors-contentDisabled);
+  cursor: not-allowed;
+  background: transparent;
+}

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

@@ -0,0 +1,7 @@
+import './ToolbarButton.module.css';const button = "paris_button_o-kCm";
+const styles = {
+	button: button
+};
+
+export { button, styles as default };
+//# sourceMappingURL=ToolbarButton.module.scss.js.map

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

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

package/dist/stories/markdowneditor/features.d.ts

@@ -0,0 +1,10 @@
+import { Extensions } from '@tiptap/react';
+export declare const FEATURES: readonly ["bold", "italic", "strikethrough", "heading", "blockquote", "horizontalRule", "bulletList", "orderedList", "taskList", "codeBlock", "code", "link", "image", "table"];
+export type MarkdownEditorFeature = (typeof FEATURES)[number];
+export declare const ALL_FEATURES: MarkdownEditorFeature[];
+/**
+ * Builds the Tiptap extensions array based on enabled features.
+ * Always includes: Document, Paragraph, Text, History, Markdown, Placeholder.
+ * Conditionally includes StarterKit sub-extensions and standalone extensions.
+ */
+export declare function buildExtensions(features: Set<MarkdownEditorFeature>, placeholder?: string): Extensions;

package/dist/stories/markdowneditor/features.js

@@ -0,0 +1,79 @@
+import Image from '@tiptap/extension-image';
+import Placeholder from '@tiptap/extension-placeholder';
+import { Table } from '@tiptap/extension-table';
+import TableCell from '@tiptap/extension-table-cell';
+import TableHeader from '@tiptap/extension-table-header';
+import TableRow from '@tiptap/extension-table-row';
+import TaskItem from '@tiptap/extension-task-item';
+import TaskList from '@tiptap/extension-task-list';
+import { Markdown } from '@tiptap/markdown';
+import StarterKit from '@tiptap/starter-kit';
+
+const FEATURES = [
+  "bold",
+  "italic",
+  "strikethrough",
+  "heading",
+  "blockquote",
+  "horizontalRule",
+  "bulletList",
+  "orderedList",
+  "taskList",
+  "codeBlock",
+  "code",
+  "link",
+  "image",
+  "table"
+];
+const ALL_FEATURES = [...FEATURES];
+function buildExtensions(features, placeholder) {
+  const extensions = [
+    StarterKit.configure({
+      bold: features.has("bold") ? {} : false,
+      italic: features.has("italic") ? {} : false,
+      strike: features.has("strikethrough") ? {} : false,
+      heading: features.has("heading") ? { levels: [1, 2, 3, 4, 5, 6] } : false,
+      blockquote: features.has("blockquote") ? {} : false,
+      horizontalRule: features.has("horizontalRule") ? {} : false,
+      bulletList: features.has("bulletList") ? {} : false,
+      orderedList: features.has("orderedList") ? {} : false,
+      listItem: features.has("bulletList") || features.has("orderedList") ? {} : false,
+      codeBlock: features.has("codeBlock") ? {} : false,
+      code: features.has("code") ? {} : false,
+      link: features.has("link") ? {
+        openOnClick: false,
+        HTMLAttributes: {
+          rel: "noopener noreferrer",
+          target: "_blank"
+        }
+      } : false
+    }),
+    Markdown,
+    Placeholder.configure({
+      placeholder: placeholder ?? "",
+      showOnlyCurrent: false
+    })
+  ];
+  if (features.has("taskList")) {
+    extensions.push(TaskList);
+    extensions.push(TaskItem.configure({ nested: true }));
+  }
+  if (features.has("table")) {
+    extensions.push(Table.configure({ resizable: false }));
+    extensions.push(TableRow);
+    extensions.push(TableCell);
+    extensions.push(TableHeader);
+  }
+  if (features.has("image")) {
+    extensions.push(
+      Image.configure({
+        inline: false,
+        allowBase64: true
+      })
+    );
+  }
+  return extensions;
+}
+
+export { ALL_FEATURES, FEATURES, buildExtensions };
+//# sourceMappingURL=features.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"features.js","sources":["../../../src/stories/markdowneditor/features.ts"],"sourcesContent":["import Image from '@tiptap/extension-image';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport { Table } from '@tiptap/extension-table';\nimport TableCell from '@tiptap/extension-table-cell';\nimport TableHeader from '@tiptap/extension-table-header';\nimport TableRow from '@tiptap/extension-table-row';\nimport TaskItem from '@tiptap/extension-task-item';\nimport TaskList from '@tiptap/extension-task-list';\nimport { Markdown } from '@tiptap/markdown';\nimport type { Extensions } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\n\nexport const FEATURES = [\n    'bold',\n    'italic',\n    'strikethrough',\n    'heading',\n    'blockquote',\n    'horizontalRule',\n    'bulletList',\n    'orderedList',\n    'taskList',\n    'codeBlock',\n    'code',\n    'link',\n    'image',\n    'table',\n] as const;\n\nexport type MarkdownEditorFeature = (typeof FEATURES)[number];\n\nexport const ALL_FEATURES: MarkdownEditorFeature[] = [...FEATURES];\n\n/**\n * Builds the Tiptap extensions array based on enabled features.\n * Always includes: Document, Paragraph, Text, History, Markdown, Placeholder.\n * Conditionally includes StarterKit sub-extensions and standalone extensions.\n */\nexport function buildExtensions(features: Set<MarkdownEditorFeature>, placeholder?: string): Extensions {\n    const extensions: Extensions = [\n        StarterKit.configure({\n            bold: features.has('bold') ? {} : false,\n            italic: features.has('italic') ? {} : false,\n            strike: features.has('strikethrough') ? {} : false,\n            heading: features.has('heading') ? { levels: [1, 2, 3, 4, 5, 6] } : false,\n            blockquote: features.has('blockquote') ? {} : false,\n            horizontalRule: features.has('horizontalRule') ? {} : false,\n            bulletList: features.has('bulletList') ? {} : false,\n            orderedList: features.has('orderedList') ? {} : false,\n            listItem: features.has('bulletList') || features.has('orderedList') ? {} : false,\n            codeBlock: features.has('codeBlock') ? {} : false,\n            code: features.has('code') ? {} : false,\n            link: features.has('link')\n                ? {\n                      openOnClick: false,\n                      HTMLAttributes: {\n                          rel: 'noopener noreferrer',\n                          target: '_blank',\n                      },\n                  }\n                : false,\n        }),\n        Markdown,\n        Placeholder.configure({\n            placeholder: placeholder ?? '',\n            showOnlyCurrent: false,\n        }),\n    ];\n\n    if (features.has('taskList')) {\n        extensions.push(TaskList);\n        extensions.push(TaskItem.configure({ nested: true }));\n    }\n\n    if (features.has('table')) {\n        extensions.push(Table.configure({ resizable: false }));\n        extensions.push(TableRow);\n        extensions.push(TableCell);\n        extensions.push(TableHeader);\n    }\n\n    if (features.has('image')) {\n        extensions.push(\n            Image.configure({\n                inline: false,\n                allowBase64: true,\n            }),\n        );\n    }\n\n    return extensions;\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAYO,MAAM,QAAA,GAAW;AAAA,EACpB,MAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA;AACJ;AAIO,MAAM,YAAA,GAAwC,CAAC,GAAG,QAAQ;AAO1D,SAAS,eAAA,CAAgB,UAAsC,WAAA,EAAkC;AACpG,EAAA,MAAM,UAAA,GAAyB;AAAA,IAC3B,WAAW,SAAA,CAAU;AAAA,MACjB,MAAM,QAAA,CAAS,GAAA,CAAI,MAAM,CAAA,GAAI,EAAC,GAAI,KAAA;AAAA,MAClC,QAAQ,QAAA,CAAS,GAAA,CAAI,QAAQ,CAAA,GAAI,EAAC,GAAI,KAAA;AAAA,MACtC,QAAQ,QAAA,CAAS,GAAA,CAAI,eAAe,CAAA,GAAI,EAAC,GAAI,KAAA;AAAA,MAC7C,OAAA,EAAS,QAAA,CAAS,GAAA,CAAI,SAAS,IAAI,EAAE,MAAA,EAAQ,CAAC,CAAA,EAAG,GAAG,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAC,GAAE,GAAI,KAAA;AAAA,MACpE,YAAY,QAAA,CAAS,GAAA,CAAI,YAAY,CAAA,GAAI,EAAC,GAAI,KAAA;AAAA,MAC9C,gBAAgB,QAAA,CAAS,GAAA,CAAI,gBAAgB,CAAA,GAAI,EAAC,GAAI,KAAA;AAAA,MACtD,YAAY,QAAA,CAAS,GAAA,CAAI,YAAY,CAAA,GAAI,EAAC,GAAI,KAAA;AAAA,MAC9C,aAAa,QAAA,CAAS,GAAA,CAAI,aAAa,CAAA,GAAI,EAAC,GAAI,KAAA;AAAA,MAChD,QAAA,EAAU,QAAA,CAAS,GAAA,CAAI,YAAY,CAAA,IAAK,SAAS,GAAA,CAAI,aAAa,CAAA,GAAI,EAAC,GAAI,KAAA;AAAA,MAC3E,WAAW,QAAA,CAAS,GAAA,CAAI,WAAW,CAAA,GAAI,EAAC,GAAI,KAAA;AAAA,MAC5C,MAAM,QAAA,CAAS,GAAA,CAAI,MAAM,CAAA,GAAI,EAAC,GAAI,KAAA;AAAA,MAClC,IAAA,EAAM,QAAA,CAAS,GAAA,CAAI,MAAM,CAAA,GACnB;AAAA,QACI,WAAA,EAAa,KAAA;AAAA,QACb,cAAA,EAAgB;AAAA,UACZ,GAAA,EAAK,qBAAA;AAAA,UACL,MAAA,EAAQ;AAAA;AACZ,OACJ,GACA;AAAA,KACT,CAAA;AAAA,IACD,QAAA;AAAA,IACA,YAAY,SAAA,CAAU;AAAA,MAClB,aAAa,WAAA,IAAe,EAAA;AAAA,MAC5B,eAAA,EAAiB;AAAA,KACpB;AAAA,GACL;AAEA,EAAA,IAAI,QAAA,CAAS,GAAA,CAAI,UAAU,CAAA,EAAG;AAC1B,IAAA,UAAA,CAAW,KAAK,QAAQ,CAAA;AACxB,IAAA,UAAA,CAAW,KAAK,QAAA,CAAS,SAAA,CAAU,EAAE,MAAA,EAAQ,IAAA,EAAM,CAAC,CAAA;AAAA,EACxD;AAEA,EAAA,IAAI,QAAA,CAAS,GAAA,CAAI,OAAO,CAAA,EAAG;AACvB,IAAA,UAAA,CAAW,KAAK,KAAA,CAAM,SAAA,CAAU,EAAE,SAAA,EAAW,KAAA,EAAO,CAAC,CAAA;AACrD,IAAA,UAAA,CAAW,KAAK,QAAQ,CAAA;AACxB,IAAA,UAAA,CAAW,KAAK,SAAS,CAAA;AACzB,IAAA,UAAA,CAAW,KAAK,WAAW,CAAA;AAAA,EAC/B;AAEA,EAAA,IAAI,QAAA,CAAS,GAAA,CAAI,OAAO,CAAA,EAAG;AACvB,IAAA,UAAA,CAAW,IAAA;AAAA,MACP,MAAM,SAAA,CAAU;AAAA,QACZ,MAAA,EAAQ,KAAA;AAAA,QACR,WAAA,EAAa;AAAA,OAChB;AAAA,KACL;AAAA,EACJ;AAEA,EAAA,OAAO,UAAA;AACX;;;;"}

package/dist/stories/markdowneditor/index.js

@@ -0,0 +1,7 @@
+export { FixedToolbar } from './FixedToolbar.js';
+export { FloatingToolbar } from './FloatingToolbar.js';
+export { ALL_FEATURES, FEATURES } from './features.js';
+export { MarkdownEditor } from './MarkdownEditor.js';
+export { useMarkdownEditorContext } from './MarkdownEditorContext.js';
+export { ToolbarButton } from './ToolbarButton.js';
+//# sourceMappingURL=index.js.map

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

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

package/dist/stories/markdowneditor/useMarkdownEditor.d.ts

@@ -0,0 +1,19 @@
+import { MarkdownEditorFeature } from './features';
+export type UseMarkdownEditorOptions = {
+    /** The markdown string value (controlled). */
+    value: string;
+    /** Fires with the updated markdown string on every edit. */
+    onChange?: (value: string) => void;
+    /** Whitelist of formatting features. Defaults to ALL_FEATURES. */
+    features?: MarkdownEditorFeature[];
+    /** Placeholder text when the editor is empty. */
+    placeholder?: string;
+    /** Whether the editor is editable. @default true */
+    editable?: boolean;
+    /** Whether to autofocus the editor on mount. @default false */
+    autofocus?: boolean;
+};
+export declare function useMarkdownEditor({ value, onChange, features, placeholder, editable, autofocus, }: UseMarkdownEditorOptions): {
+    editor: import('@tiptap/core').Editor | null;
+    featureSet: Set<"blockquote" | "code" | "link" | "table" | "image" | "heading" | "bold" | "italic" | "strikethrough" | "horizontalRule" | "bulletList" | "orderedList" | "taskList" | "codeBlock">;
+};

package/dist/stories/markdowneditor/useMarkdownEditor.js

@@ -0,0 +1,50 @@
+'use client';
+import { useEditor } from '@tiptap/react';
+import { useMemo, useRef, useEffect } from 'react';
+import { ALL_FEATURES, buildExtensions } from './features.js';
+
+function useMarkdownEditor({
+  value,
+  onChange,
+  features = ALL_FEATURES,
+  placeholder,
+  editable = true,
+  autofocus = false
+}) {
+  const featureSet = useMemo(() => new Set(features), [features]);
+  const extensions = useMemo(() => buildExtensions(featureSet, placeholder), [featureSet, placeholder]);
+  const lastOnChangeValue = useRef(value);
+  const editor = useEditor({
+    extensions,
+    // Empty strings produce no DOM nodes with contentType: 'markdown',
+    // which breaks the placeholder. Only use markdown parsing for non-empty content.
+    content: value || void 0,
+    contentType: value ? "markdown" : void 0,
+    editable,
+    autofocus,
+    immediatelyRender: false,
+    onUpdate: ({ editor: ed }) => {
+      const markdown = ed.getMarkdown();
+      lastOnChangeValue.current = markdown;
+      onChange?.(markdown);
+    }
+  });
+  useEffect(() => {
+    if (!editor || editor.isDestroyed) return;
+    if (value === lastOnChangeValue.current) return;
+    const currentMarkdown = editor.getMarkdown();
+    if (value !== currentMarkdown) {
+      editor.commands.setContent(value, { contentType: "markdown", emitUpdate: false });
+      lastOnChangeValue.current = value;
+    }
+  }, [editor, value]);
+  useEffect(() => {
+    if (editor && !editor.isDestroyed) {
+      editor.setEditable(editable);
+    }
+  }, [editor, editable]);
+  return { editor, featureSet };
+}
+
+export { useMarkdownEditor };
+//# sourceMappingURL=useMarkdownEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkdownEditor.js","sources":["../../../src/stories/markdowneditor/useMarkdownEditor.ts"],"sourcesContent":["'use client';\n\nimport { useEditor } from '@tiptap/react';\nimport { useEffect, useMemo, useRef } from 'react';\nimport type { MarkdownEditorFeature } from './features';\nimport { ALL_FEATURES, buildExtensions } from './features';\n\nexport type UseMarkdownEditorOptions = {\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. Defaults to ALL_FEATURES. */\n    features?: MarkdownEditorFeature[];\n    /** Placeholder text when the editor is empty. */\n    placeholder?: string;\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};\n\nexport function useMarkdownEditor({\n    value,\n    onChange,\n    features = ALL_FEATURES,\n    placeholder,\n    editable = true,\n    autofocus = false,\n}: UseMarkdownEditorOptions) {\n    const featureSet = useMemo(() => new Set(features), [features]);\n    const extensions = useMemo(() => buildExtensions(featureSet, placeholder), [featureSet, placeholder]);\n\n    // Track the last value we sent via onChange to prevent circular updates\n    const lastOnChangeValue = useRef(value);\n\n    const editor = useEditor({\n        extensions,\n        // Empty strings produce no DOM nodes with contentType: 'markdown',\n        // which breaks the placeholder. Only use markdown parsing for non-empty content.\n        content: value || undefined,\n        contentType: value ? 'markdown' : undefined,\n        editable,\n        autofocus,\n        immediatelyRender: false,\n        onUpdate: ({ editor: ed }) => {\n            const markdown = ed.getMarkdown();\n            lastOnChangeValue.current = markdown;\n            onChange?.(markdown);\n        },\n    });\n\n    // Sync external value changes into the editor (controlled mode)\n    useEffect(() => {\n        if (!editor || editor.isDestroyed) return;\n\n        // Skip if this value came from our own onChange\n        if (value === lastOnChangeValue.current) return;\n\n        const currentMarkdown = editor.getMarkdown();\n        if (value !== currentMarkdown) {\n            editor.commands.setContent(value, { contentType: 'markdown', emitUpdate: false });\n            lastOnChangeValue.current = value;\n        }\n    }, [editor, value]);\n\n    // Sync editable state\n    useEffect(() => {\n        if (editor && !editor.isDestroyed) {\n            editor.setEditable(editable);\n        }\n    }, [editor, editable]);\n\n    return { editor, featureSet };\n}\n"],"names":[],"mappings":"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"}

package/dist/stories/menu/Menu.d.ts

@@ -0,0 +1,48 @@
+import { MenuButtonProps, MenuItemProps, MenuItemsProps, MenuProps } from '@headlessui/react';
+import { FC } from 'react';
+/**
+ * Wraps the `HeadlessMenu` component from `@headlessui/react` to provide a styled dropdown menu.
+ *
+ * This component serves as the root of the menu and should wrap `MenuButton`, `MenuItems`, and `MenuItem` components.
+ *
+ * Usage:
+ *
+ * ```tsx
+ * <Menu>
+ *   <MenuButton>Options</MenuButton>
+ *   <MenuItems>
+ *     <MenuItem>Item 1</MenuItem>
+ *     <MenuItem>Item 2</MenuItem>
+ *   </MenuItems>
+ * </Menu>
+ * ```
+ */
+export declare const Menu: FC<MenuProps<React.ElementType> & {
+    onOpenChange?: (open: boolean) => void;
+}>;
+/**
+ * Renders a button that toggles the display of `MenuItems` in a `Menu`.
+ *
+ * Should be used inside a `Menu` component to serve as the toggle for `MenuItems`.
+ */
+export declare const MenuButton: FC<MenuButtonProps<React.ElementType>>;
+/**
+ * Container for menu item options, rendering the list of `MenuItem` components.
+ *
+ * Positions the menu items relative to the `MenuButton` based on the `position` prop.
+ *
+ * @param position - Controls the positioning of the menu items ('left' or 'right').
+ */
+export declare const MenuItems: FC<MenuItemsProps<React.ElementType> & {
+    position?: 'left' | 'right';
+}>;
+/**
+ * Represents an individual item within a `MenuItems` container.
+ *
+ * Should be used inside `MenuItems` to represent selectable options in the menu.
+ *
+ * @param isNew - Whether the menu items should be styled as new items.
+ */
+export declare const MenuItem: FC<MenuItemProps<React.ElementType> & {
+    isNew?: boolean;
+}>;

package/dist/stories/menu/Menu.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Menu as Menu$1, MenuButton as MenuButton$1, MenuItem as MenuItem$1, MenuItems as MenuItems$1 } from '@headlessui/react';
+import { clsx } from 'clsx';
+import { OpenChangeEffect } from '../../helpers/OpenChangeEffect.js';
+import styles from './Menu.module.scss.js';
+
+const Menu = ({
+  className,
+  children,
+  onOpenChange,
+  ...props
+}) => /* @__PURE__ */ jsx(Menu$1, { as: "div", className: clsx(styles.menu, className), ...props, children: ({ open, close }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(OpenChangeEffect, { open, onOpenChange }),
+  typeof children === "function" ? children({ open, close }) : children
+] }) });
+const MenuButton = ({ className, children, ...props }) => /* @__PURE__ */ jsx(MenuButton$1, { className: clsx(styles.menuButton, className), ...props, children });
+const MenuItems = ({ className, children, position = "left", ...props }) => /* @__PURE__ */ jsx(
+  MenuItems$1,
+  {
+    transition: true,
+    anchor: position === "left" ? "bottom start" : "bottom end",
+    className: clsx(styles.menuItems, className),
+    ...props,
+    children
+  }
+);
+const MenuItem = ({ className, children, isNew = false, ...props }) => /* @__PURE__ */ jsx(MenuItem$1, { className: clsx(styles.menuItem, isNew && styles.newItem, className), ...props, children });
+
+export { Menu, MenuButton, MenuItem, MenuItems };
+//# sourceMappingURL=Menu.js.map

package/dist/stories/menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":["../../../src/stories/menu/Menu.tsx"],"sourcesContent":["'use client';\n\nimport type { MenuButtonProps, MenuItemProps, MenuItemsProps, MenuProps } from '@headlessui/react';\nimport {\n    Menu as HeadlessMenu,\n    MenuButton as HMenuButton,\n    MenuItem as HMenuItem,\n    MenuItems as HMenuItems,\n} from '@headlessui/react';\nimport { clsx } from 'clsx';\nimport type { FC } from 'react';\nimport { OpenChangeEffect } from '../../helpers/OpenChangeEffect';\n\nimport styles from './Menu.module.scss';\n\n/**\n * Wraps the `HeadlessMenu` component from `@headlessui/react` to provide a styled dropdown menu.\n *\n * This component serves as the root of the menu and should wrap `MenuButton`, `MenuItems`, and `MenuItem` components.\n *\n * Usage:\n *\n * ```tsx\n * <Menu>\n *   <MenuButton>Options</MenuButton>\n *   <MenuItems>\n *     <MenuItem>Item 1</MenuItem>\n *     <MenuItem>Item 2</MenuItem>\n *   </MenuItems>\n * </Menu>\n * ```\n */\nexport const Menu: FC<MenuProps<React.ElementType> & { onOpenChange?: (open: boolean) => void }> = ({\n    className,\n    children,\n    onOpenChange,\n    ...props\n}) => (\n    <HeadlessMenu as=\"div\" className={clsx(styles.menu, className)} {...props}>\n        {({ open, close }) => (\n            <>\n                <OpenChangeEffect open={open} onOpenChange={onOpenChange} />\n                {typeof children === 'function' ? children({ open, close }) : children}\n            </>\n        )}\n    </HeadlessMenu>\n);\n\n/**\n * Renders a button that toggles the display of `MenuItems` in a `Menu`.\n *\n * Should be used inside a `Menu` component to serve as the toggle for `MenuItems`.\n */\nexport const MenuButton: FC<MenuButtonProps<React.ElementType>> = ({ className, children, ...props }) => (\n    <HMenuButton className={clsx(styles.menuButton, className)} {...props}>\n        {children}\n    </HMenuButton>\n);\n\n/**\n * Container for menu item options, rendering the list of `MenuItem` components.\n *\n * Positions the menu items relative to the `MenuButton` based on the `position` prop.\n *\n * @param position - Controls the positioning of the menu items ('left' or 'right').\n */\nexport const MenuItems: FC<\n    MenuItemsProps<React.ElementType> & {\n        position?: 'left' | 'right';\n    }\n> = ({ className, children, position = 'left', ...props }) => (\n    <HMenuItems\n        transition\n        anchor={position === 'left' ? 'bottom start' : 'bottom end'}\n        className={clsx(styles.menuItems, className)}\n        {...props}\n    >\n        {children}\n    </HMenuItems>\n);\n\n/**\n * Represents an individual item within a `MenuItems` container.\n *\n * Should be used inside `MenuItems` to represent selectable options in the menu.\n *\n * @param isNew - Whether the menu items should be styled as new items.\n */\nexport const MenuItem: FC<\n    MenuItemProps<React.ElementType> & {\n        isNew?: boolean;\n    }\n> = ({ className, children, isNew = false, ...props }) => (\n    <HMenuItem className={clsx(styles.menuItem, isNew && styles.newItem, className)} {...props}>\n        {children}\n    </HMenuItem>\n);\n"],"names":["HeadlessMenu","HMenuButton","HMenuItems","HMenuItem"],"mappings":"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"}

package/dist/stories/menu/Menu.module.css

@@ -0,0 +1,59 @@
+.paris_menu_HYnWi {
+  position: relative;
+}
+
+.paris_menuItems_QbqR7 {
+  --anchor-gap: 6px;
+  border-radius: 8px;
+  background: var(--pte-new-colors-surfacePrimary);
+  box-shadow: var(--pte-new-lighting-deepBelow);
+  border: var(--pte-new-borders-dropdown-border);
+  display: flex;
+  width: 200px;
+  flex-direction: column;
+  align-items: flex-start;
+  overflow: hidden;
+  z-index: var(--pte-new-layers-menu);
+  transition: opacity var(--pte-animations-interaction), transform var(--pte-animations-interaction);
+  opacity: 1;
+  transform: translateY(0);
+}
+.paris_menuItems_QbqR7[data-closed] {
+  opacity: 0;
+  transform: translateY(-8px);
+}
+
+.paris_menuItem_snmkz {
+  width: 100%;
+  padding: 8px 14px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: var(--pte-new-colors-contentPrimary);
+  border-bottom: 0.5px solid var(--pte-new-colors-borderMedium);
+}
+.paris_menuItem_snmkz:last-child {
+  border-bottom: none;
+}
+.paris_menuItem_snmkz:hover {
+  background-color: var(--pte-new-colors-overlayMedium);
+}
+@keyframes paris_gradientFlow_ZffNc {
+  0% {
+    background-position: 0%;
+  }
+  100% {
+    background-position: 125%;
+  }
+}
+
+.paris_newItem_LE830 {
+  background: radial-gradient(circle, rgba(20, 239, 172, 0.2) 0%, rgba(38, 237, 237, 0.05) 75%);
+  background-size: 150% 100%;
+  animation: paris_gradientFlow_ZffNc 2.5s ease-in-out infinite alternate;
+  background-position: 0%;
+}
+.paris_newItem_LE830:hover {
+  background-color: unset;
+  animation-play-state: paused;
+}

package/dist/stories/menu/Menu.module.scss.js

@@ -0,0 +1,12 @@
+import './Menu.module.css';const menu = "paris_menu_HYnWi";
+const menuItems = "paris_menuItems_QbqR7";
+const menuItem = "paris_menuItem_snmkz";
+const newItem = "paris_newItem_LE830";
+const styles = {
+	menu: menu,
+	menuItems: menuItems,
+	menuItem: menuItem,
+	newItem: newItem};
+
+export { styles as default, menu, menuItem, menuItems, newItem };
+//# sourceMappingURL=Menu.module.scss.js.map

package/dist/stories/menu/Menu.module.scss.js.map

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

package/dist/stories/menu/index.js

@@ -0,0 +1,2 @@
+export { Menu, MenuButton, MenuItem, MenuItems } from './Menu.js';
+//# sourceMappingURL=index.js.map

package/dist/stories/menu/index.js.map

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

package/dist/stories/pagination/index.js

@@ -0,0 +1,2 @@
+export { usePagination } from './usePagination.js';
+//# sourceMappingURL=index.js.map

package/dist/stories/pagination/index.js.map

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

package/dist/stories/pagination/usePagination.d.ts

@@ -0,0 +1,47 @@
+export type PaginationState<T extends string[] | readonly string[] = string[]> = {
+    /**
+     * The current page key.
+     */
+    currentPage: T[number];
+    /**
+     * Open a page and add it to the history.
+     * @param page - The page's unique key.
+     */
+    open: (page: T[number]) => void;
+    /**
+     * Check if the current page can go back.
+     */
+    canGoBack: () => boolean;
+    /**
+     * Go back to the previous page.
+     *
+     * If the current page is the first page, nothing happens.
+     */
+    back: () => void;
+    /**
+     * Check if the current page can go forward.
+     */
+    canGoForward: () => boolean;
+    /**
+     * Go forward to the next page.
+     *
+     * If there is no next page, nothing happens.
+     */
+    forward: () => void;
+    /**
+     * The page history.
+     */
+    history: T[number][];
+    /**
+     * Clear the page history and reset to the initial page.
+     */
+    reset: () => void;
+};
+/**
+ * A hook to create a page history and navigate between pages.
+ *
+ * In TypeScript, you can pass in a string array to the generic type to explicitly define the page keys, which will add type safety and auto-completion for each method.
+ *
+ * @param initialPage - The initial page key.
+ */
+export declare const usePagination: <T extends string[] | readonly string[] = string[]>(initialPage: T[number]) => PaginationState<T>;