@refraction-ui/react 0.19.1 → 0.20.0

package/dist/chunk-UNEM2TRI.js

@@ -0,0 +1,225 @@
+import {
+  cn,
+  cva
+} from "./chunk-ZF3OHCGV.js";
+
+// ../react-markdown-renderer/dist/index.js
+import * as React from "react";
+
+// ../markdown-renderer/dist/index.js
+function escapeHtml(text) {
+  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function parseInline(text, linkResolver) {
+  let result = escapeHtml(text);
+  result = result.replace(/`([^`]+)`/g, "<code>$1</code>");
+  result = result.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
+  result = result.replace(/__([^_]+)__/g, "<strong>$1</strong>");
+  result = result.replace(/\*([^*]+)\*/g, "<em>$1</em>");
+  result = result.replace(/_([^_]+)_/g, "<em>$1</em>");
+  result = result.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (_match, text2, url) => {
+    if (/^\s*javascript\s*:/i.test(url)) {
+      return text2;
+    }
+    const resolvedUrl = linkResolver ? linkResolver(url) : url;
+    return `<a href="${resolvedUrl}">${text2}</a>`;
+  });
+  return result;
+}
+function parseMarkdown(content, linkResolver) {
+  const lines = content.split("\n");
+  const outputLines = [];
+  let inCodeBlock = false;
+  let codeBlockContent = [];
+  let codeBlockLang = "";
+  let inList = null;
+  let inBlockquote = false;
+  function closeList() {
+    if (inList) {
+      outputLines.push(inList === "ul" ? "</ul>" : "</ol>");
+      inList = null;
+    }
+  }
+  function closeBlockquote() {
+    if (inBlockquote) {
+      outputLines.push("</blockquote>");
+      inBlockquote = false;
+    }
+  }
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    if (line.trimStart().startsWith("```")) {
+      if (inCodeBlock) {
+        outputLines.push(`<pre><code${codeBlockLang ? ` class="language-${escapeHtml(codeBlockLang)}"` : ""}>${escapeHtml(codeBlockContent.join("\n"))}</code></pre>`);
+        codeBlockContent = [];
+        codeBlockLang = "";
+        inCodeBlock = false;
+      } else {
+        closeList();
+        closeBlockquote();
+        inCodeBlock = true;
+        codeBlockLang = line.trimStart().slice(3).trim();
+      }
+      continue;
+    }
+    if (inCodeBlock) {
+      codeBlockContent.push(line);
+      continue;
+    }
+    if (/^(\s*[-*_]\s*){3,}$/.test(line)) {
+      closeList();
+      closeBlockquote();
+      outputLines.push("<hr />");
+      continue;
+    }
+    const headingMatch = line.match(/^(#{1,6})\s+(.+)$/);
+    if (headingMatch) {
+      closeList();
+      closeBlockquote();
+      const level = headingMatch[1].length;
+      const text = parseInline(headingMatch[2], linkResolver);
+      outputLines.push(`<h${level}>${text}</h${level}>`);
+      continue;
+    }
+    const blockquoteMatch = line.match(/^>\s?(.*)$/);
+    if (blockquoteMatch) {
+      closeList();
+      if (!inBlockquote) {
+        inBlockquote = true;
+        outputLines.push("<blockquote>");
+      }
+      const text = blockquoteMatch[1].trim();
+      if (text) {
+        outputLines.push(`<p>${parseInline(text, linkResolver)}</p>`);
+      }
+      continue;
+    } else if (inBlockquote) {
+      closeBlockquote();
+    }
+    const ulMatch = line.match(/^[\s]*[-*+]\s+(.+)$/);
+    if (ulMatch) {
+      closeBlockquote();
+      if (inList !== "ul") {
+        closeList();
+        inList = "ul";
+        outputLines.push("<ul>");
+      }
+      outputLines.push(`<li>${parseInline(ulMatch[1], linkResolver)}</li>`);
+      continue;
+    }
+    const olMatch = line.match(/^[\s]*\d+\.\s+(.+)$/);
+    if (olMatch) {
+      closeBlockquote();
+      if (inList !== "ol") {
+        closeList();
+        inList = "ol";
+        outputLines.push("<ol>");
+      }
+      outputLines.push(`<li>${parseInline(olMatch[1], linkResolver)}</li>`);
+      continue;
+    }
+    if (inList) {
+      closeList();
+    }
+    if (line.trim() === "") {
+      continue;
+    }
+    outputLines.push(`<p>${parseInline(line, linkResolver)}</p>`);
+  }
+  if (inCodeBlock) {
+    outputLines.push(`<pre><code${codeBlockLang ? ` class="language-${escapeHtml(codeBlockLang)}"` : ""}>${escapeHtml(codeBlockContent.join("\n"))}</code></pre>`);
+  }
+  closeList();
+  closeBlockquote();
+  return outputLines.join("\n");
+}
+function extractComponents(content, components) {
+  if (!components) return [];
+  const extracted = [];
+  for (const [name, def] of Object.entries(components)) {
+    const matches = Array.from(content.matchAll(def.pattern));
+    matches.forEach(() => {
+      extracted.push({
+        name,
+        props: { ...def.props }
+      });
+    });
+  }
+  return extracted;
+}
+function createMarkdownRenderer(props) {
+  const { content, components, linkResolver } = props;
+  const html = parseMarkdown(content, linkResolver);
+  const extractedComponents = extractComponents(content, components);
+  const ariaProps = {
+    role: "document",
+    "aria-label": "Rendered markdown content"
+  };
+  return {
+    html,
+    components: extractedComponents,
+    ariaProps
+  };
+}
+var markdownRendererTokens = {
+  name: "markdown-renderer",
+  tokens: {
+    bg: { variable: "--rfr-markdown-bg", fallback: "hsl(var(--background))" },
+    fg: { variable: "--rfr-markdown-fg", fallback: "hsl(var(--foreground))" },
+    codeBg: { variable: "--rfr-markdown-code-bg", fallback: "hsl(var(--muted))" },
+    linkColor: { variable: "--rfr-markdown-link", fallback: "hsl(var(--primary))" },
+    borderColor: { variable: "--rfr-markdown-border", fallback: "hsl(var(--border))" }
+  }
+};
+var proseVariants = cva({
+  base: "prose max-w-none text-foreground leading-relaxed",
+  variants: {
+    size: {
+      sm: "prose-sm text-sm",
+      default: "prose-base text-base",
+      lg: "prose-lg text-lg"
+    },
+    theme: {
+      light: "bg-white text-gray-900",
+      dark: "bg-gray-900 text-gray-100"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+
+// ../react-markdown-renderer/dist/index.js
+import { jsx } from "react/jsx-runtime";
+function sanitizeHtml(html) {
+  let sanitized = html;
+  sanitized = sanitized.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "");
+  sanitized = sanitized.replace(/<\/?script[^>]*>/gi, "");
+  sanitized = sanitized.replace(/\s+on\w+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, "");
+  sanitized = sanitized.replace(/(href|src)\s*=\s*["']?\s*javascript\s*:[^"'>]*/gi, '$1=""');
+  return sanitized;
+}
+var MarkdownRenderer = React.forwardRef(
+  function MarkdownRenderer2({ content, components, linkResolver, className, size }, ref) {
+    const coreProps = { content, components, linkResolver };
+    const api = createMarkdownRenderer(coreProps);
+    const classes = cn(proseVariants({ size }), className);
+    const sanitizedHtml = sanitizeHtml(api.html);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: classes,
+        ...api.ariaProps,
+        dangerouslySetInnerHTML: { __html: sanitizedHtml }
+      }
+    );
+  }
+);
+
+export {
+  markdownRendererTokens,
+  proseVariants,
+  MarkdownRenderer
+};
+//# sourceMappingURL=chunk-UNEM2TRI.js.map

package/dist/chunk-UNEM2TRI.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../markdown-renderer/src/markdown-renderer.ts", "../../markdown-renderer/src/markdown-renderer.styles.ts", "../../react-markdown-renderer/src/MarkdownRenderer.tsx"],
+  "sourcesContent": ["import type { AccessibilityProps } from '@refraction-ui/shared'\n\nexport interface ComponentDef {\n  type: string\n  pattern: RegExp\n  props: Record<string, string>\n}\n\nexport interface MarkdownRendererProps {\n  content: string\n  components?: Record<string, ComponentDef>\n  linkResolver?: (url: string) => string\n}\n\nexport interface MarkdownRendererAPI {\n  /** Rendered HTML string */\n  html: string\n  /** Extracted component slots from custom component definitions */\n  components: Array<{ name: string; props: Record<string, string> }>\n  /** ARIA attributes for the rendered content container */\n  ariaProps: Partial<AccessibilityProps>\n}\n\n/**\n * Escape HTML entities to prevent injection in non-code contexts.\n */\nfunction escapeHtml(text: string): string {\n  return text\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#39;')\n}\n\n/**\n * Parse inline markdown elements: bold, italic, code, links.\n */\nfunction parseInline(text: string, linkResolver?: (url: string) => string): string {\n  let result = escapeHtml(text)\n\n  // Inline code (backticks) — must come before bold/italic to avoid conflicts\n  result = result.replace(/`([^`]+)`/g, '<code>$1</code>')\n\n  // Bold (**text** or __text__)\n  result = result.replace(/\\*\\*([^*]+)\\*\\*/g, '<strong>$1</strong>')\n  result = result.replace(/__([^_]+)__/g, '<strong>$1</strong>')\n\n  // Italic (*text* or _text_)\n  result = result.replace(/\\*([^*]+)\\*/g, '<em>$1</em>')\n  result = result.replace(/_([^_]+)_/g, '<em>$1</em>')\n\n  // Links [text](url) — reject javascript: URLs for XSS safety\n  result = result.replace(/\\[([^\\]]+)\\]\\(([^)]+)\\)/g, (_match, text, url) => {\n    if (/^\\s*javascript\\s*:/i.test(url)) {\n      return text\n    }\n    const resolvedUrl = linkResolver ? linkResolver(url) : url\n    return `<a href=\"${resolvedUrl}\">${text}</a>`\n  })\n\n  return result\n}\n\n/**\n * Parse a full markdown string into HTML.\n * Handles: headings, bold, italic, links, code (inline & block),\n * lists (unordered & ordered), blockquotes, horizontal rules.\n */\nfunction parseMarkdown(content: string, linkResolver?: (url: string) => string): string {\n  const lines = content.split('\\n')\n  const outputLines: string[] = []\n  let inCodeBlock = false\n  let codeBlockContent: string[] = []\n  let codeBlockLang = ''\n  let inList: 'ul' | 'ol' | null = null\n  let inBlockquote = false\n\n  function closeList() {\n    if (inList) {\n      outputLines.push(inList === 'ul' ? '</ul>' : '</ol>')\n      inList = null\n    }\n  }\n\n  function closeBlockquote() {\n    if (inBlockquote) {\n      outputLines.push('</blockquote>')\n      inBlockquote = false\n    }\n  }\n\n  for (let i = 0; i < lines.length; i++) {\n    const line = lines[i]\n\n    // Code blocks (fenced with ```)\n    if (line.trimStart().startsWith('```')) {\n      if (inCodeBlock) {\n        // Closing code block\n        outputLines.push(`<pre><code${codeBlockLang ? ` class=\"language-${escapeHtml(codeBlockLang)}\"` : ''}>${escapeHtml(codeBlockContent.join('\\n'))}</code></pre>`)\n        codeBlockContent = []\n        codeBlockLang = ''\n        inCodeBlock = false\n      } else {\n        // Opening code block\n        closeList()\n        closeBlockquote()\n        inCodeBlock = true\n        codeBlockLang = line.trimStart().slice(3).trim()\n      }\n      continue\n    }\n\n    if (inCodeBlock) {\n      codeBlockContent.push(line)\n      continue\n    }\n\n    // Horizontal rule (--- or ___ or ***)\n    if (/^(\\s*[-*_]\\s*){3,}$/.test(line)) {\n      closeList()\n      closeBlockquote()\n      outputLines.push('<hr />')\n      continue\n    }\n\n    // Headings (# through ######)\n    const headingMatch = line.match(/^(#{1,6})\\s+(.+)$/)\n    if (headingMatch) {\n      closeList()\n      closeBlockquote()\n      const level = headingMatch[1].length\n      const text = parseInline(headingMatch[2], linkResolver)\n      outputLines.push(`<h${level}>${text}</h${level}>`)\n      continue\n    }\n\n    // Blockquotes (> text)\n    const blockquoteMatch = line.match(/^>\\s?(.*)$/)\n    if (blockquoteMatch) {\n      closeList()\n      if (!inBlockquote) {\n        inBlockquote = true\n        outputLines.push('<blockquote>')\n      }\n      const text = blockquoteMatch[1].trim()\n      if (text) {\n        outputLines.push(`<p>${parseInline(text, linkResolver)}</p>`)\n      }\n      continue\n    } else if (inBlockquote) {\n      closeBlockquote()\n    }\n\n    // Unordered list items (- or * at start)\n    const ulMatch = line.match(/^[\\s]*[-*+]\\s+(.+)$/)\n    if (ulMatch) {\n      closeBlockquote()\n      if (inList !== 'ul') {\n        closeList()\n        inList = 'ul'\n        outputLines.push('<ul>')\n      }\n      outputLines.push(`<li>${parseInline(ulMatch[1], linkResolver)}</li>`)\n      continue\n    }\n\n    // Ordered list items (1. 2. etc.)\n    const olMatch = line.match(/^[\\s]*\\d+\\.\\s+(.+)$/)\n    if (olMatch) {\n      closeBlockquote()\n      if (inList !== 'ol') {\n        closeList()\n        inList = 'ol'\n        outputLines.push('<ol>')\n      }\n      outputLines.push(`<li>${parseInline(olMatch[1], linkResolver)}</li>`)\n      continue\n    }\n\n    // If we were in a list and hit a non-list line, close the list\n    if (inList) {\n      closeList()\n    }\n\n    // Empty line\n    if (line.trim() === '') {\n      continue\n    }\n\n    // Regular paragraph\n    outputLines.push(`<p>${parseInline(line, linkResolver)}</p>`)\n  }\n\n  // Close any open blocks\n  if (inCodeBlock) {\n    outputLines.push(`<pre><code${codeBlockLang ? ` class=\"language-${escapeHtml(codeBlockLang)}\"` : ''}>${escapeHtml(codeBlockContent.join('\\n'))}</code></pre>`)\n  }\n  closeList()\n  closeBlockquote()\n\n  return outputLines.join('\\n')\n}\n\n/**\n * Extract custom component slots from content based on component definitions.\n */\nfunction extractComponents(\n  content: string,\n  components?: Record<string, ComponentDef>,\n): Array<{ name: string; props: Record<string, string> }> {\n  if (!components) return []\n\n  const extracted: Array<{ name: string; props: Record<string, string> }> = []\n\n  for (const [name, def] of Object.entries(components)) {\n    const matches = Array.from(content.matchAll(def.pattern))\n    matches.forEach(() => {\n      extracted.push({\n        name,\n        props: { ...def.props },\n      })\n    })\n  }\n\n  return extracted\n}\n\n/**\n * Create a headless markdown renderer.\n *\n * Uses the headless pattern — returns an API object with rendered HTML,\n * extracted component slots, and ARIA props for the container.\n */\nexport function createMarkdownRenderer(props: MarkdownRendererProps): MarkdownRendererAPI {\n  const { content, components, linkResolver } = props\n\n  const html = parseMarkdown(content, linkResolver)\n  const extractedComponents = extractComponents(content, components)\n\n  const ariaProps: Partial<AccessibilityProps> = {\n    role: 'document',\n    'aria-label': 'Rendered markdown content',\n  }\n\n  return {\n    html,\n    components: extractedComponents,\n    ariaProps,\n  }\n}\n", "import { cva } from '@refraction-ui/shared'\nimport type { TokenContract } from '@refraction-ui/shared'\n\nexport const markdownRendererTokens: TokenContract = {\n  name: 'markdown-renderer',\n  tokens: {\n    bg: { variable: '--rfr-markdown-bg', fallback: 'hsl(var(--background))' },\n    fg: { variable: '--rfr-markdown-fg', fallback: 'hsl(var(--foreground))' },\n    codeBg: { variable: '--rfr-markdown-code-bg', fallback: 'hsl(var(--muted))' },\n    linkColor: { variable: '--rfr-markdown-link', fallback: 'hsl(var(--primary))' },\n    borderColor: { variable: '--rfr-markdown-border', fallback: 'hsl(var(--border))' },\n  },\n}\n\nexport const proseVariants = cva({\n  base: 'prose max-w-none text-foreground leading-relaxed',\n  variants: {\n    size: {\n      sm: 'prose-sm text-sm',\n      default: 'prose-base text-base',\n      lg: 'prose-lg text-lg',\n    },\n    theme: {\n      light: 'bg-white text-gray-900',\n      dark: 'bg-gray-900 text-gray-100',\n    },\n  },\n  defaultVariants: {\n    size: 'default',\n  },\n})\n", "import * as React from 'react'\nimport {\n  createMarkdownRenderer,\n  proseVariants,\n  type MarkdownRendererProps as CoreProps,\n  type ComponentDef,\n} from '@refraction-ui/markdown-renderer'\nimport { cn } from '@refraction-ui/shared'\n\nexport type { ComponentDef }\n\nexport interface MarkdownRendererProps {\n  content: string\n  components?: Record<string, ComponentDef>\n  linkResolver?: (url: string) => string\n  className?: string\n  size?: 'sm' | 'default' | 'lg'\n}\n\n/**\n * Sanitize HTML to prevent XSS attacks.\n * Strips script tags, on* event attributes, and javascript: URLs.\n */\nfunction sanitizeHtml(html: string): string {\n  let sanitized = html\n\n  // Remove <script> tags and their contents\n  sanitized = sanitized.replace(/<script\\b[^<]*(?:(?!<\\/script>)<[^<]*)*<\\/script>/gi, '')\n\n  // Remove standalone <script> opening/closing tags\n  sanitized = sanitized.replace(/<\\/?script[^>]*>/gi, '')\n\n  // Remove on* event handler attributes\n  sanitized = sanitized.replace(/\\s+on\\w+\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s>]+)/gi, '')\n\n  // Remove javascript: URLs from href and src attributes\n  sanitized = sanitized.replace(/(href|src)\\s*=\\s*[\"']?\\s*javascript\\s*:[^\"'>]*/gi, '$1=\"\"')\n\n  return sanitized\n}\n\n/**\n * MarkdownRenderer component — renders markdown content as sanitized HTML.\n *\n * Uses the headless @refraction-ui/markdown-renderer core for parsing.\n * XSS sanitization is applied before rendering via dangerouslySetInnerHTML.\n */\nexport const MarkdownRenderer = React.forwardRef<HTMLDivElement, MarkdownRendererProps>(\n  function MarkdownRenderer({ content, components, linkResolver, className, size }, ref) {\n    const coreProps: CoreProps = { content, components, linkResolver }\n    const api = createMarkdownRenderer(coreProps)\n    const classes = cn(proseVariants({ size }), className)\n    const sanitizedHtml = sanitizeHtml(api.html)\n\n    return (\n      <div\n        ref={ref}\n        className={classes}\n        {...api.ariaProps}\n        dangerouslySetInnerHTML={{ __html: sanitizedHtml }}\n      />\n    )\n  },\n)\n"],
+  "mappings": "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",
+  "names": ["text", "MarkdownRenderer"]
+}

package/dist/chunk-VK3EQ34F.js

@@ -0,0 +1,92 @@
+import {
+  Keys,
+  createMachine,
+  cva,
+  generateId
+} from "./chunk-ZF3OHCGV.js";
+
+// ../dialog/dist/index.js
+function createDialog(props = {}) {
+  const { open: controlledOpen, defaultOpen = false, onOpenChange, modal = true } = props;
+  const machine = createMachine({
+    initial: controlledOpen ?? defaultOpen ? "open" : "closed",
+    states: {
+      closed: { on: { OPEN: "open" } },
+      open: { on: { CLOSE: "closed" } }
+    }
+  });
+  const contentId = generateId("rfr-dialog");
+  const titleId = generateId("rfr-dialog-title");
+  const descriptionId = generateId("rfr-dialog-desc");
+  function isOpen() {
+    if (controlledOpen !== void 0) return controlledOpen;
+    return machine.matches("open");
+  }
+  function openDialog() {
+    machine.send("OPEN");
+    onOpenChange?.(true);
+  }
+  function closeDialog() {
+    machine.send("CLOSE");
+    onOpenChange?.(false);
+  }
+  function toggleDialog() {
+    if (isOpen()) {
+      closeDialog();
+    } else {
+      openDialog();
+    }
+  }
+  const keyboardHandlers = {
+    [Keys.Escape]: (e) => {
+      e.preventDefault();
+      closeDialog();
+    }
+  };
+  const triggerProps = {
+    "aria-expanded": isOpen(),
+    "aria-controls": contentId,
+    "aria-haspopup": "dialog"
+  };
+  const contentProps = {
+    role: "dialog",
+    "aria-modal": modal,
+    "aria-labelledby": titleId,
+    "aria-describedby": descriptionId,
+    id: contentId
+  };
+  const overlayProps = {
+    "data-state": isOpen() ? "open" : "closed"
+  };
+  const focusTrapConfig = {
+    onEscape: closeDialog,
+    returnFocusOnDeactivate: true
+  };
+  return {
+    state: { open: isOpen() },
+    triggerProps,
+    contentProps,
+    overlayProps,
+    open: openDialog,
+    close: closeDialog,
+    toggle: toggleDialog,
+    keyboardHandlers,
+    ids: {
+      content: contentId,
+      title: titleId,
+      description: descriptionId
+    },
+    focusTrapConfig
+  };
+}
+var overlayStyles = "fixed inset-0 z-50 bg-black/80";
+var dialogContentVariants = cva({
+  base: "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200 sm:rounded-lg"
+});
+
+export {
+  createDialog,
+  overlayStyles,
+  dialogContentVariants
+};
+//# sourceMappingURL=chunk-VK3EQ34F.js.map

package/dist/chunk-VK3EQ34F.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../dialog/src/dialog.ts", "../../dialog/src/dialog.styles.ts"],
+  "sourcesContent": ["import type { AccessibilityProps, KeyboardHandlerMap, FocusTrapConfig } from '@refraction-ui/shared'\nimport { createMachine, Keys, generateId } from '@refraction-ui/shared'\n\nexport interface DialogProps {\n  /** Whether the dialog is open (controlled) */\n  open?: boolean\n  /** Whether the dialog starts open (uncontrolled) */\n  defaultOpen?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n  /** Whether the dialog is modal (default: true) */\n  modal?: boolean\n}\n\nexport interface DialogState {\n  open: boolean\n}\n\nexport interface DialogAPI {\n  /** Current dialog state */\n  state: DialogState\n  /** ARIA attributes for the trigger button */\n  triggerProps: Partial<AccessibilityProps> & Record<string, unknown>\n  /** ARIA attributes for the dialog content */\n  contentProps: Partial<AccessibilityProps> & Record<string, unknown>\n  /** Data attributes for the overlay */\n  overlayProps: Record<string, string>\n  /** Open the dialog */\n  open(): void\n  /** Close the dialog */\n  close(): void\n  /** Toggle the dialog */\n  toggle(): void\n  /** Keyboard handlers (Escape to close) */\n  keyboardHandlers: KeyboardHandlerMap\n  /** Generated IDs for aria linking */\n  ids: {\n    content: string\n    title: string\n    description: string\n  }\n  /**\n   * Focus trap configuration for framework wrappers.\n   * Pass this to createFocusTrap() with a container element.\n   */\n  focusTrapConfig: Omit<FocusTrapConfig, 'container'>\n}\n\nexport function createDialog(props: DialogProps = {}): DialogAPI {\n  const { open: controlledOpen, defaultOpen = false, onOpenChange, modal = true } = props\n\n  const machine = createMachine<'open' | 'closed', 'OPEN' | 'CLOSE'>({\n    initial: controlledOpen ?? defaultOpen ? 'open' : 'closed',\n    states: {\n      closed: { on: { OPEN: 'open' } },\n      open: { on: { CLOSE: 'closed' } },\n    },\n  })\n\n  const contentId = generateId('rfr-dialog')\n  const titleId = generateId('rfr-dialog-title')\n  const descriptionId = generateId('rfr-dialog-desc')\n\n  function isOpen(): boolean {\n    if (controlledOpen !== undefined) return controlledOpen\n    return machine.matches('open')\n  }\n\n  function openDialog(): void {\n    machine.send('OPEN')\n    onOpenChange?.(true)\n  }\n\n  function closeDialog(): void {\n    machine.send('CLOSE')\n    onOpenChange?.(false)\n  }\n\n  function toggleDialog(): void {\n    if (isOpen()) {\n      closeDialog()\n    } else {\n      openDialog()\n    }\n  }\n\n  const keyboardHandlers: KeyboardHandlerMap = {\n    [Keys.Escape]: (e) => {\n      e.preventDefault()\n      closeDialog()\n    },\n  }\n\n  const triggerProps: Partial<AccessibilityProps> & Record<string, unknown> = {\n    'aria-expanded': isOpen(),\n    'aria-controls': contentId,\n    'aria-haspopup': 'dialog',\n  }\n\n  const contentProps: Partial<AccessibilityProps> & Record<string, unknown> = {\n    role: 'dialog',\n    'aria-modal': modal,\n    'aria-labelledby': titleId,\n    'aria-describedby': descriptionId,\n    id: contentId,\n  }\n\n  const overlayProps: Record<string, string> = {\n    'data-state': isOpen() ? 'open' : 'closed',\n  }\n\n  const focusTrapConfig: Omit<FocusTrapConfig, 'container'> = {\n    onEscape: closeDialog,\n    returnFocusOnDeactivate: true,\n  }\n\n  return {\n    state: { open: isOpen() },\n    triggerProps,\n    contentProps,\n    overlayProps,\n    open: openDialog,\n    close: closeDialog,\n    toggle: toggleDialog,\n    keyboardHandlers,\n    ids: {\n      content: contentId,\n      title: titleId,\n      description: descriptionId,\n    },\n    focusTrapConfig,\n  }\n}\n", "import { cva } from '@refraction-ui/shared'\n\nexport const overlayStyles =\n  'fixed inset-0 z-50 bg-black/80'\n\nexport const dialogContentVariants = cva({\n  base: 'fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200 sm:rounded-lg',\n})\n"],
+  "mappings": ";;;;;;;;AAgDO,SAAS,aAAa,QAAqB,CAAA,GAAe;AAC/D,QAAM,EAAE,MAAM,gBAAgB,cAAc,OAAO,cAAc,QAAQ,KAAA,IAAS;AAElF,QAAM,UAAU,cAAmD;IACjE,SAAS,kBAAkB,cAAc,SAAS;IAClD,QAAQ;MACN,QAAQ,EAAE,IAAI,EAAE,MAAM,OAAA,EAAO;MAC7B,MAAM,EAAE,IAAI,EAAE,OAAO,SAAA,EAAS;IAAE;EAClC,CACD;AAED,QAAM,YAAY,WAAW,YAAY;AACzC,QAAM,UAAU,WAAW,kBAAkB;AAC7C,QAAM,gBAAgB,WAAW,iBAAiB;AAElD,WAAS,SAAkB;AACzB,QAAI,mBAAmB,OAAW,QAAO;AACzC,WAAO,QAAQ,QAAQ,MAAM;EAC/B;AAEA,WAAS,aAAmB;AAC1B,YAAQ,KAAK,MAAM;AACnB,mBAAe,IAAI;EACrB;AAEA,WAAS,cAAoB;AAC3B,YAAQ,KAAK,OAAO;AACpB,mBAAe,KAAK;EACtB;AAEA,WAAS,eAAqB;AAC5B,QAAI,OAAA,GAAU;AACZ,kBAAA;IACF,OAAO;AACL,iBAAA;IACF;EACF;AAEA,QAAM,mBAAuC;IAC3C,CAAC,KAAK,MAAM,GAAG,CAAC,MAAM;AACpB,QAAE,eAAA;AACF,kBAAA;IACF;EAAA;AAGF,QAAM,eAAsE;IAC1E,iBAAiB,OAAA;IACjB,iBAAiB;IACjB,iBAAiB;EAAA;AAGnB,QAAM,eAAsE;IAC1E,MAAM;IACN,cAAc;IACd,mBAAmB;IACnB,oBAAoB;IACpB,IAAI;EAAA;AAGN,QAAM,eAAuC;IAC3C,cAAc,OAAA,IAAW,SAAS;EAAA;AAGpC,QAAM,kBAAsD;IAC1D,UAAU;IACV,yBAAyB;EAAA;AAG3B,SAAO;IACL,OAAO,EAAE,MAAM,OAAA,EAAO;IACtB;IACA;IACA;IACA,MAAM;IACN,OAAO;IACP,QAAQ;IACR;IACA,KAAK;MACH,SAAS;MACT,OAAO;MACP,aAAa;IAAA;IAEf;EAAA;AAEJ;AClIO,IAAM,gBACX;AAEK,IAAM,wBAAwB,IAAI;EACvC,MAAM;AACR,CAAC;",
+  "names": []
+}