@admin-layout/tailwind-ui 12.2.4-alpha.15 → 12.2.4-alpha.17

package/lib/components/Markdown/MarkdownBreadcrumbs.js

@@ -0,0 +1,27 @@
+import React__default from'react';import {Link}from'@remix-run/react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const MarkdownBreadcrumbs = ({
+  categoryId,
+  categoryTitle,
+  markdownTitle,
+  className,
+  getHelpCenterLink,
+  getCategoryLink,
+  helpCenterLabel
+}) => {
+  return React__default.createElement("div", {
+    className: cn('w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16', className)
+  }, React__default.createElement("nav", {
+    className: "flex items-center space-x-2 text-sm text-muted-foreground"
+  }, React__default.createElement(Link, {
+    to: getHelpCenterLink(),
+    className: "hover:text-foreground transition-colors"
+  }, helpCenterLabel), React__default.createElement("span", {
+    className: "text-muted-foreground/60"
+  }, "\u203A"), React__default.createElement(Link, {
+    to: getCategoryLink(categoryId),
+    className: "hover:text-foreground transition-colors"
+  }, categoryTitle || categoryId), React__default.createElement("span", {
+    className: "text-muted-foreground/60"
+  }, "\u203A"), React__default.createElement("span", {
+    className: "text-primary"
+  }, markdownTitle)));
+};export{MarkdownBreadcrumbs};//# sourceMappingURL=MarkdownBreadcrumbs.js.map

package/lib/components/Markdown/MarkdownBreadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownBreadcrumbs.js","sources":["../../../src/components/Markdown/MarkdownBreadcrumbs.tsx"],"sourcesContent":[null],"names":[],"mappings":"mLAMI,MAAA,mBAAuB,GAAA,CAAA;YACvB;eACU;eACV;AACA,EAAA,SAAA;mBACe;AAClB,EAAA,eAAA;AAED,EAAA;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Markdown/MarkdownCopyButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface MarkdownCopyButtonProps {
+    markdownTitle: string;
+    markdownContent: string;
+    markdownUrl?: string;
+    className?: string;
+}
+export declare const MarkdownCopyButton: React.FC<MarkdownCopyButtonProps>;
+export {};
+//# sourceMappingURL=MarkdownCopyButton.d.ts.map

package/lib/components/Markdown/MarkdownCopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownCopyButton.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownCopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,UAAU,uBAAuB;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsQhE,CAAC"}

package/lib/components/Markdown/MarkdownCopyButton.js

@@ -0,0 +1,200 @@
+import React__default,{useState,useRef,useEffect}from'react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const MarkdownCopyButton = ({
+  markdownTitle,
+  markdownContent,
+  markdownUrl,
+  className
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [copySuccess, setCopySuccess] = useState(false);
+  const dropdownRef = useRef(null);
+  // Close dropdown when clicking outside
+  useEffect(() => {
+    const handleClickOutside = event => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    if (isOpen) {
+      document.addEventListener('mousedown', handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [isOpen]);
+  // Convert HTML to Markdown (simplified version)
+  const htmlToMarkdown = html => {
+    // Remove script and style tags
+    let text = html.replace(/<script[^>]*>[\s\S]*?<\/script>/gi, '');
+    text = text.replace(/<style[^>]*>[\s\S]*?<\/style>/gi, '');
+    // Convert headings
+    text = text.replace(/<h([1-6])[^>]*>(.*?)<\/h\1>/gi, (match, level, content) => {
+      const hashes = '#'.repeat(parseInt(level));
+      return `\n${hashes} ${content.trim()}\n`;
+    });
+    // Convert bold
+    text = text.replace(/<strong[^>]*>(.*?)<\/strong>/gi, '**$1**');
+    text = text.replace(/<b[^>]*>(.*?)<\/b>/gi, '**$1**');
+    // Convert italic
+    text = text.replace(/<em[^>]*>(.*?)<\/em>/gi, '*$1*');
+    text = text.replace(/<i[^>]*>(.*?)<\/i>/gi, '*$1*');
+    // Convert links
+    text = text.replace(/<a[^>]*href=["']([^"']*)["'][^>]*>(.*?)<\/a>/gi, '[$2]($1)');
+    // Convert code blocks
+    text = text.replace(/<pre[^>]*><code[^>]*>(.*?)<\/code><\/pre>/gis, '```\n$1\n```');
+    text = text.replace(/<code[^>]*>(.*?)<\/code>/gi, '`$1`');
+    // Convert lists
+    text = text.replace(/<ul[^>]*>(.*?)<\/ul>/gis, (match, content) => {
+      const items = content.match(/<li[^>]*>(.*?)<\/li>/gis) || [];
+      return '\n' + items.map(item => {
+        const cleanItem = item.replace(/<li[^>]*>|<\/li>/gi, '').trim();
+        return `- ${cleanItem}`;
+      }).join('\n') + '\n';
+    });
+    text = text.replace(/<ol[^>]*>(.*?)<\/ol>/gis, (match, content) => {
+      const items = content.match(/<li[^>]*>(.*?)<\/li>/gis) || [];
+      return '\n' + items.map((item, index) => {
+        const cleanItem = item.replace(/<li[^>]*>|<\/li>/gi, '').trim();
+        return `${index + 1}. ${cleanItem}`;
+      }).join('\n') + '\n';
+    });
+    // Convert paragraphs
+    text = text.replace(/<p[^>]*>(.*?)<\/p>/gi, '$1\n\n');
+    // Remove remaining HTML tags
+    text = text.replace(/<[^>]+>/g, '');
+    // Decode HTML entities
+    const textarea = document.createElement('textarea');
+    textarea.innerHTML = text;
+    text = textarea.value;
+    // Clean up extra whitespace
+    text = text.replace(/\n{3,}/g, '\n\n').trim();
+    return `# ${markdownTitle}\n\n${text}`;
+  };
+  const handleCopyMarkdown = async () => {
+    try {
+      const markdown = htmlToMarkdown(markdownContent);
+      await navigator.clipboard.writeText(markdown);
+      setCopySuccess(true);
+      setIsOpen(false);
+      setTimeout(() => setCopySuccess(false), 2000);
+    } catch (err) {
+      console.error('Failed to copy:', err);
+    }
+  };
+  const handleOpenChatGPT = () => {
+    const url = `https://chat.openai.com/?q=${encodeURIComponent(markdownTitle)}`;
+    window.open(url, '_blank');
+    setIsOpen(false);
+  };
+  const handleOpenClaude = () => {
+    const url = `https://claude.ai/?q=${encodeURIComponent(markdownTitle)}`;
+    window.open(url, '_blank');
+    setIsOpen(false);
+  };
+  return React__default.createElement("div", {
+    className: cn('relative inline-flex items-center rounded-md border border-border bg-background', className),
+    ref: dropdownRef
+  }, React__default.createElement("div", {
+    className: "flex items-center overflow-hidden rounded-md"
+  }, React__default.createElement("button", {
+    onClick: handleCopyMarkdown,
+    className: cn('flex items-center gap-2 px-3 py-1.5', 'bg-background hover:bg-muted/50 transition-colors', 'text-sm text-foreground', 'border-0')
+  }, React__default.createElement("svg", {
+    className: "w-4 h-4",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+  })), React__default.createElement("span", null, copySuccess ? 'Copied' : 'Copy page')), React__default.createElement("div", {
+    className: "h-5 w-px bg-border"
+  }), React__default.createElement("button", {
+    onClick: e => {
+      e.stopPropagation();
+      setIsOpen(!isOpen);
+    },
+    className: cn('flex items-center justify-center px-2 py-1.5', 'bg-background hover:bg-muted/50 transition-colors', 'text-sm text-foreground', 'border-0')
+  }, React__default.createElement("svg", {
+    className: cn('w-3 h-3 transition-transform', isOpen && 'rotate-180'),
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M19 9l-7 7-7-7"
+  })))), isOpen && React__default.createElement("div", {
+    className: "absolute right-0 top-full mt-2 w-64 bg-background border border-border rounded-lg shadow-lg z-[100] overflow-hidden"
+  }, React__default.createElement("div", {
+    className: "py-1"
+  }, React__default.createElement("button", {
+    onClick: handleCopyMarkdown,
+    className: "w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors flex items-start gap-3 group"
+  }, React__default.createElement("svg", {
+    className: "w-5 h-5 text-muted-foreground group-hover:text-foreground mt-0.5 flex-shrink-0",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+  })), React__default.createElement("div", {
+    className: "flex-1 min-w-0"
+  }, React__default.createElement("div", {
+    className: "text-sm font-medium text-foreground"
+  }, "Copy page"), React__default.createElement("div", {
+    className: "text-xs text-muted-foreground mt-0.5"
+  }, "Copy page as Markdown for LLMs"))), React__default.createElement("button", {
+    onClick: handleOpenChatGPT,
+    className: "w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors flex items-start gap-3 group"
+  }, React__default.createElement("div", {
+    className: "w-5 h-5 mt-0.5 flex-shrink-0 flex items-center justify-center"
+  }, React__default.createElement("span", {
+    className: "text-lg"
+  }, "\uD83E\uDD16")), React__default.createElement("div", {
+    className: "flex-1 min-w-0"
+  }, React__default.createElement("div", {
+    className: "text-sm font-medium text-foreground"
+  }, "Open in ChatGPT"), React__default.createElement("div", {
+    className: "text-xs text-muted-foreground mt-0.5"
+  }, "Ask questions about this page")), React__default.createElement("svg", {
+    className: "w-4 h-4 text-muted-foreground group-hover:text-foreground mt-1 flex-shrink-0",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M9 5l7 7-7 7"
+  }))), React__default.createElement("button", {
+    onClick: handleOpenClaude,
+    className: "w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors flex items-start gap-3 group"
+  }, React__default.createElement("div", {
+    className: "w-5 h-5 mt-0.5 flex-shrink-0 flex items-center justify-center"
+  }, React__default.createElement("span", {
+    className: "text-lg"
+  }, "\u2744\uFE0F")), React__default.createElement("div", {
+    className: "flex-1 min-w-0"
+  }, React__default.createElement("div", {
+    className: "text-sm font-medium text-foreground"
+  }, "Open in Claude"), React__default.createElement("div", {
+    className: "text-xs text-muted-foreground mt-0.5"
+  }, "Ask questions about this page")), React__default.createElement("svg", {
+    className: "w-4 h-4 text-muted-foreground group-hover:text-foreground mt-1 flex-shrink-0",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M9 5l7 7-7 7"
+  }))))));
+};export{MarkdownCopyButton};//# sourceMappingURL=MarkdownCopyButton.js.map

package/lib/components/Markdown/MarkdownCopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownCopyButton.js","sources":["../../../src/components/Markdown/MarkdownCopyButton.tsx"],"sourcesContent":[null],"names":[],"mappings":"0KAII,MAAA,kBAAsB,GAAA,CAAA;eACtB;iBACY;aACH;AACZ,EAAA;AAED,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Markdown/MarkdownHeader.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface MarkdownHeaderProps {
+    categoryTitle?: string;
+    title: string;
+    description?: string;
+    author?: string;
+    updatedAt?: string;
+    markdownContent: string;
+    className?: string;
+}
+export declare const MarkdownHeader: React.FC<MarkdownHeaderProps>;
+export {};
+//# sourceMappingURL=MarkdownHeader.d.ts.map

package/lib/components/Markdown/MarkdownHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,mBAAmB;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmDxD,CAAC"}

package/lib/components/Markdown/MarkdownHeader.js

@@ -0,0 +1,29 @@
+import React__default from'react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const MarkdownHeader = ({
+  categoryTitle,
+  title,
+  description,
+  author,
+  updatedAt,
+  markdownContent,
+  className
+}) => {
+  return React__default.createElement("div", {
+    className: cn('mb-10', className)
+  }, categoryTitle && React__default.createElement("div", {
+    className: "text-[11px] font-semibold tracking-[0.16em] uppercase text-primary mb-3"
+  }, categoryTitle), React__default.createElement("div", {
+    className: "flex items-start justify-between gap-4 mb-5"
+  }, React__default.createElement("h1", {
+    className: "text-[2.4rem] md:text-[2.9rem] lg:text-[3.1rem] font-semibold text-foreground leading-tight tracking-tight flex-1"
+  }, title)), description && React__default.createElement("p", {
+    className: "text-[1.15rem] md:text-[1.3rem] text-muted-foreground mb-8 leading-relaxed font-normal max-w-3xl"
+  }, description), (author || updatedAt) && React__default.createElement("div", {
+    className: "flex items-center space-x-4 text-sm text-muted-foreground"
+  }, author && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: "flex items-center"
+  }, React__default.createElement("div", {
+    className: "mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-muted text-xs text-foreground font-medium"
+  }, author.charAt(0)), React__default.createElement("span", null, "Written by ", author)), updatedAt && React__default.createElement("span", {
+    className: "text-muted-foreground/60"
+  }, "\u2022")), updatedAt && React__default.createElement("span", null, "Updated ", updatedAt)));
+};export{MarkdownHeader};//# sourceMappingURL=MarkdownHeader.js.map

package/lib/components/Markdown/MarkdownHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownHeader.js","sources":["../../../src/components/Markdown/MarkdownHeader.tsx"],"sourcesContent":[null],"names":[],"mappings":"+IAII,MAAA,cAAuB,GAAA,CAAA;;OAEvB;aACS;QACT;WACA;iBACY;AACf,EAAA;AAED,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Markdown/MarkdownNavigation.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface Markdown {
+    categoryId: string;
+    slug: string;
+    title: string;
+}
+interface MarkdownNavigationProps {
+    previousMarkdown?: Markdown | null;
+    nextMarkdown?: Markdown | null;
+    className?: string;
+    getMarkdownLink: (categoryId: string, slug: string) => string;
+}
+export declare const MarkdownNavigation: React.FC<MarkdownNavigationProps>;
+export {};
+//# sourceMappingURL=MarkdownNavigation.d.ts.map

package/lib/components/Markdown/MarkdownNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,QAAQ;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,uBAAuB;IAC7B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACjE;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+ChE,CAAC"}

package/lib/components/Markdown/MarkdownNavigation.js

@@ -0,0 +1,31 @@
+import React__default from'react';import {Link}from'@remix-run/react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const MarkdownNavigation = ({
+  previousMarkdown,
+  nextMarkdown,
+  className,
+  getMarkdownLink
+}) => {
+  if (!previousMarkdown && !nextMarkdown) {
+    return null;
+  }
+  return React__default.createElement("div", {
+    className: cn('mt-16 pt-8 border-t border-border grid grid-cols-1 md:grid-cols-2 gap-6', className)
+  }, previousMarkdown ? React__default.createElement(Link, {
+    to: getMarkdownLink(previousMarkdown.categoryId, previousMarkdown.slug),
+    className: cn('group rounded-lg border border-border bg-background px-6 py-5', 'hover:bg-muted/30 transition-colors')
+  }, React__default.createElement("div", {
+    className: "text-sm text-muted-foreground mb-1"
+  }, "Previous"), React__default.createElement("div", {
+    className: "text-primary font-semibold group-hover:underline text-base"
+  }, "\u00AB ", previousMarkdown.title)) : React__default.createElement("div", {
+    className: "hidden md:block"
+  }), nextMarkdown ? React__default.createElement(Link, {
+    to: getMarkdownLink(nextMarkdown.categoryId, nextMarkdown.slug),
+    className: cn('group rounded-lg border border-border bg-background px-6 py-5', 'hover:bg-muted/30 transition-colors md:text-right')
+  }, React__default.createElement("div", {
+    className: "text-sm text-muted-foreground mb-1"
+  }, "Next"), React__default.createElement("div", {
+    className: "text-primary font-semibold group-hover:underline text-base"
+  }, nextMarkdown.title, " \u00BB")) : React__default.createElement("div", {
+    className: "hidden md:block"
+  }));
+};export{MarkdownNavigation};//# sourceMappingURL=MarkdownNavigation.js.map

package/lib/components/Markdown/MarkdownNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownNavigation.js","sources":["../../../src/components/Markdown/MarkdownNavigation.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"2MAMiB,GAAA,CAAA;kBACC;AACjB,EAAA,YAAA;AAED,EAAA,SAAU;AACN,EAAA;AACA,CAAA,KAAA;MACA,CAAA,gBAAmB,IAAA,CAAA,YAAA,EAAA;IACnB,OAAA,IAAA;AACH,EAAA;AAED,EAAA,OAAAA,cAAA,CAAO;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Markdown/MarkdownPage.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+export interface Heading {
+    id: string;
+    text: string;
+    level: number;
+}
+export interface Markdown {
+    id: string;
+    title: string;
+    description: string;
+    slug: string;
+    author: string;
+    updatedAt: string;
+    categoryId: string;
+    content: string;
+    htmlContent: string;
+    headings: Heading[];
+}
+export interface NavigationItem {
+    categoryId: string;
+    slug: string;
+    title: string;
+}
+interface MarkdownPageProps {
+    article?: Markdown | null;
+    categoryId?: string;
+    categoryTitle?: string;
+    articleSlug?: string;
+    loadArticle?: (slug: string) => Promise<Markdown | null>;
+    previousMarkdown?: NavigationItem | null;
+    nextMarkdown?: NavigationItem | null;
+    getMarkdownLink: (categoryId: string, slug: string) => string;
+    getCategoryLink: (categoryId: string) => string;
+    getHelpCenterLink: () => string;
+    helpCenterLabel: string;
+    backToHelpCenterLabel?: string;
+    className?: string;
+}
+export declare const MarkdownPage: React.FC<MarkdownPageProps>;
+export {};
+//# sourceMappingURL=MarkdownPage.d.ts.map

package/lib/components/Markdown/MarkdownPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownPage.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAS3D,MAAM,WAAW,OAAO;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,QAAQ;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,iBAAiB;IACvB,OAAO,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;IACzD,gBAAgB,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACrC,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9D,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,iBAAiB,EAAE,MAAM,MAAM,CAAC;IAChC,eAAe,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwQpD,CAAC"}

package/lib/components/Markdown/MarkdownPage.js

@@ -0,0 +1,221 @@
+import React__default,{useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';import {MarkdownTableOfContents}from'./MarkdownTableOfContents.js';import {MarkdownNavigation}from'./MarkdownNavigation.js';import {MarkdownBreadcrumbs}from'./MarkdownBreadcrumbs.js';import {MarkdownCopyButton}from'./MarkdownCopyButton.js';const MarkdownPage = ({
+  article: articleProp,
+  categoryId: categoryIdProp,
+  categoryTitle: categoryTitleProp,
+  articleSlug,
+  loadArticle,
+  previousMarkdown: previousMarkdownProp,
+  nextMarkdown: nextMarkdownProp,
+  getMarkdownLink,
+  getCategoryLink,
+  getHelpCenterLink,
+  helpCenterLabel,
+  backToHelpCenterLabel,
+  className
+}) => {
+  const [article, setArticle] = useState(articleProp || null);
+  const [loading, setLoading] = useState(!articleProp && !!articleSlug);
+  const [activeHeadingId, setActiveHeadingId] = useState('');
+  const observerRef = useRef(null);
+  const isScrollingRef = useRef(false);
+  const scrollTimeoutRef = useRef(null);
+  useEffect(() => {
+    if (articleProp) {
+      setArticle(articleProp);
+      setLoading(false);
+    } else if (articleSlug && loadArticle) {
+      const loadContent = async () => {
+        const articleData = await loadArticle(articleSlug);
+        setArticle(articleData);
+        setLoading(false);
+      };
+      loadContent();
+    } else if (!articleProp && !articleSlug) {
+      setLoading(false);
+    }
+  }, [articleProp, articleSlug, loadArticle]);
+  // Scroll spy functionality
+  useEffect(() => {
+    if (!article?.headings || article.headings.length === 0) return;
+    // Clean up previous observer
+    if (observerRef.current) {
+      observerRef.current.disconnect();
+    }
+    // Create new intersection observer
+    observerRef.current = new IntersectionObserver(entries => {
+      // Don't update if we're programmatically scrolling
+      if (isScrollingRef.current) return;
+      // Find the heading that's most visible in the viewport
+      const visibleEntries = entries.filter(entry => entry.isIntersecting);
+      if (visibleEntries.length === 0) return;
+      // Find the heading that's closest to the top of the viewport (within the top 30%)
+      // Prioritize headings that are in the upper portion of the viewport
+      let bestEntry = visibleEntries[0];
+      let bestScore = Infinity;
+      visibleEntries.forEach(entry => {
+        const rect = entry.boundingClientRect;
+        const viewportHeight = window.innerHeight;
+        const top30Percent = viewportHeight * 0.3;
+        // Calculate a score: lower is better
+        // Headings in the top 30% of viewport get priority
+        let score;
+        if (rect.top >= 0 && rect.top <= top30Percent) {
+          // Heading is in the top 30% - prioritize by distance from top
+          score = rect.top;
+        } else if (rect.top >= 0) {
+          // Heading is below top 30% but visible - lower priority
+          score = 1000 + rect.top;
+        } else {
+          // Heading is above viewport - lowest priority unless it's the only one
+          score = 2000 + Math.abs(rect.top);
+        }
+        if (score < bestScore) {
+          bestScore = score;
+          bestEntry = entry;
+        }
+      });
+      setActiveHeadingId(bestEntry.target.id);
+    }, {
+      rootMargin: '-10% 0px -70% 0px',
+      threshold: [0, 0.1, 0.5, 1]
+    });
+    // Observe all headings
+    article.headings.forEach(heading => {
+      const element = document.getElementById(heading.id);
+      if (element && observerRef.current) {
+        observerRef.current.observe(element);
+      }
+    });
+    // Cleanup function
+    return () => {
+      if (observerRef.current) {
+        observerRef.current.disconnect();
+      }
+      if (scrollTimeoutRef.current) {
+        clearTimeout(scrollTimeoutRef.current);
+      }
+    };
+  }, [article]);
+  if (loading) {
+    return React__default.createElement("div", {
+      className: "min-h-screen bg-background text-foreground overflow-x-hidden"
+    }, React__default.createElement("div", {
+      className: "w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 py-16"
+    }, React__default.createElement("div", {
+      className: "animate-pulse"
+    }, React__default.createElement("div", {
+      className: "h-8 bg-muted rounded w-1/3 mb-4"
+    }), React__default.createElement("div", {
+      className: "h-4 bg-muted rounded w-1/2 mb-8"
+    }), React__default.createElement("div", {
+      className: "space-y-4"
+    }, React__default.createElement("div", {
+      className: "h-4 bg-muted rounded"
+    }), React__default.createElement("div", {
+      className: "h-4 bg-muted rounded w-5/6"
+    }), React__default.createElement("div", {
+      className: "h-4 bg-muted rounded w-4/6"
+    })))));
+  }
+  if (!article) {
+    return React__default.createElement("div", {
+      className: "min-h-screen bg-background text-foreground mt-20 overflow-x-hidden"
+    }, React__default.createElement("div", {
+      className: "w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 py-16"
+    }, React__default.createElement("h1", {
+      className: "text-2xl font-bold"
+    }, "Article not found"), React__default.createElement(Link, {
+      to: getHelpCenterLink(),
+      className: "mt-4 text-primary hover:text-primary/80"
+    }, backToHelpCenterLabel || `← Back to ${helpCenterLabel}`)));
+  }
+  // Use previous/next articles from props
+  const previousMarkdown = previousMarkdownProp;
+  const nextMarkdown = nextMarkdownProp;
+  return React__default.createElement("div", {
+    className: cn('min-h-screen bg-background text-foreground scroll-smooth overflow-x-hidden', className)
+  }, React__default.createElement("div", {
+    className: "flex w-full justify-center gap-10"
+  }, React__default.createElement("div", {
+    className: "flex-1  max-w-3xl w-full"
+  }, React__default.createElement("div", {
+    className: "flex items-center justify-between"
+  }, React__default.createElement(MarkdownBreadcrumbs, {
+    categoryId: article.categoryId || categoryIdProp || '',
+    categoryTitle: categoryTitleProp,
+    markdownTitle: article.title,
+    className: "pb-4",
+    getHelpCenterLink: getHelpCenterLink,
+    getCategoryLink: getCategoryLink,
+    helpCenterLabel: helpCenterLabel
+  }), React__default.createElement(MarkdownCopyButton, {
+    markdownTitle: article.title,
+    markdownContent: article.htmlContent,
+    className: "flex-shrink-0"
+  })), React__default.createElement("main", {
+    className: "w-full py-2"
+  }, React__default.createElement("div", {
+    className: "max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 relative"
+  }, React__default.createElement("div", {
+    className: "flex flex-col xl:flex-row gap-12 xl:gap-16 align-start"
+  }, React__default.createElement("div", {
+    className: "flex-1 min-w-0 max-w-5xl"
+  }, React__default.createElement("div", {
+    className: "prose prose-lg max-w-none w-full overflow-x-hidden"
+  }, React__default.createElement("div", {
+    className: cn(
+    // Base prose styles
+    'prose-headings:font-semibold prose-headings:text-foreground prose-headings:tracking-tight',
+    // Body H1 styles (within article) - slightly smaller than page title
+    'prose-h1:text-[1.5rem] prose-h1:md:text-[1.75rem] prose-h1:mb-4 prose-h1:mt-5 prose-h1:leading-tight',
+    // H2 styles - strong section headings
+    'prose-h2:text-[1.2rem] prose-h2:md:text-[1.5rem] prose-h2:mb-4 prose-h2:mt-5 prose-h2:leading-tight',
+    // H3 styles - sub section headings
+    'prose-h3:text-[1.05rem] prose-h3:md:text-[1.25rem] prose-h3:mb-3 prose-h3:mt-4 prose-h3:leading-snug',
+    // H4 styles
+    'prose-h4:text-lg prose-h4:md:text-xl prose-h4:mb-3 prose-h4:mt-4',
+    // Paragraph styles
+    'prose-p:text-[0.85rem] prose-p:md:text-[0.95rem] prose-p:text-muted-foreground prose-p:leading-relaxed prose-p:mb-5',
+    // Strong text
+    'prose-strong:text-foreground prose-strong:font-semibold',
+    // Links
+    'prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-a:font-medium',
+    // Lists
+    'prose-ul:text-muted-foreground prose-ol:text-muted-foreground prose-li:text-muted-foreground prose-li:mb-2 prose-li:text-base prose-li:md:text-lg',
+    // Blockquotes
+    'prose-blockquote:text-muted-foreground prose-blockquote:border-l-primary prose-blockquote:pl-4 prose-blockquote:my-6',
+    // Code
+    'prose-code:text-foreground prose-code:bg-muted prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded prose-code:text-sm prose-code:font-mono',
+    // Pre blocks
+    'prose-pre:bg-muted prose-pre:text-foreground prose-pre:overflow-x-auto prose-pre:rounded-lg prose-pre:p-4 prose-pre:my-6',
+    // Images
+    'prose-img:rounded-lg prose-img:my-8',
+    // Tables
+    'prose-table:text-muted-foreground prose-th:text-foreground prose-th:font-semibold',
+    // Horizontal rules
+    'prose-hr:border-border prose-hr:my-8'),
+    dangerouslySetInnerHTML: {
+      __html: article.htmlContent
+    }
+  })), React__default.createElement(MarkdownNavigation, {
+    previousMarkdown: previousMarkdown,
+    nextMarkdown: nextMarkdown,
+    getMarkdownLink: getMarkdownLink
+  })))))), React__default.createElement(MarkdownTableOfContents, {
+    headings: article.headings || [],
+    activeHeadingId: activeHeadingId,
+    onHeadingClick: headingId => {
+      // Set scrolling flag to prevent observer from overriding
+      isScrollingRef.current = true;
+      setActiveHeadingId(headingId);
+      // Clear any existing timeout
+      if (scrollTimeoutRef.current) {
+        clearTimeout(scrollTimeoutRef.current);
+      }
+      // Re-enable observer after scroll completes (smooth scroll takes ~500ms)
+      scrollTimeoutRef.current = setTimeout(() => {
+        isScrollingRef.current = false;
+      }, 800);
+    }
+  })));
+};export{MarkdownPage};//# sourceMappingURL=MarkdownPage.js.map

package/lib/components/Markdown/MarkdownPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownPage.js","sources":["../../../src/components/Markdown/MarkdownPage.tsx"],"sourcesContent":[null],"names":[],"mappings":"gdAiBkB,GAAA,CAAA;SACd,EAAA;4BACa;kCACE;aACN;aACT;oBACgB,oBAAA;cAChB,EAAW,gBAAS;iBACV;AACb,EAAA,eAAA;AAED,EAAA,iBAAiB;;uBAEA;;AAEhB,CAAA,KAAA;AAED,EAAA,MAAA,CAAA,OAAU,EAAA,UAAiB,CAAA,GAAA,QAAA,CAAA,WAAA,IAAA,IAAA,CAAA;AACvB,EAAA,MAAA,CAAA,OAAU,EAAA,WAAe,GAAC,QAAA,CAAA,CAAA,WAAA,IAAA,CAAA,CAAA,WAAA,CAAA;QAC1B,CAAA,eAAoB,EAAA,kBAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;QACpB,WAAc,GAAE,MAAO,CAAA,IAAA,CAAA;QACvB,cAAc,GAAO,MAAA,CAAA,KAAA,CAAA;AACrB,EAAA,MAAA,gBAAmB,GAAE,MAAM,CAAA,IAAK,CAAA;AAChC,EAAA,SAAA,CAAA,MAAA;AACA,IAAA,IAAA,WAAe,EAAA;MACf,UAAA,CAAA,WAAkB,CAAA;AAClB,MAAA,UAAA,CAAA,KAAkB,CAAA;IAClB,CAAA,MAAA,IAAA,WAAmB,IAAM,WAAO,EAAA;MAChC,MAAA,0BAAwB;QACxB,MAAA,WAAqB,GAAG,MAAM,WAAC,CAAA,WAAA,CAAA;QAC/B,UAAY,CAAA,WAAO,CAAA;AACtB,QAAA,UAAA,CAAA,KAAA,CAAA;AAED,MAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Markdown/MarkdownTableOfContents.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface Heading {
+    id: string;
+    text: string;
+    level: number;
+}
+interface MarkdownTableOfContentsProps {
+    headings: Heading[];
+    activeHeadingId: string;
+    onHeadingClick?: (headingId: string) => void;
+    className?: string;
+}
+export declare const MarkdownTableOfContents: React.FC<MarkdownTableOfContentsProps>;
+export {};
+//# sourceMappingURL=MarkdownTableOfContents.d.ts.map

package/lib/components/Markdown/MarkdownTableOfContents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownTableOfContents.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownTableOfContents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,OAAO;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,4BAA4B;IAClC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA6E1E,CAAC"}