@refraction-ui/react 0.19.1 → 0.19.2

package/dist/chunk-ONACRMG4.js

@@ -0,0 +1,116 @@
+import {
+  generateId
+} from "./chunk-ZF3OHCGV.js";
+
+// ../thread-view/dist/index.js
+function formatTimestamp(date) {
+  const hours = date.getHours();
+  const minutes = date.getMinutes();
+  const ampm = hours >= 12 ? "PM" : "AM";
+  const displayHours = hours % 12 || 12;
+  const displayMinutes = minutes < 10 ? `0${minutes}` : `${minutes}`;
+  return `${displayHours}:${displayMinutes} ${ampm}`;
+}
+function formatRelativeTime(date, now) {
+  const reference = now ?? /* @__PURE__ */ new Date();
+  const diffMs = reference.getTime() - date.getTime();
+  const diffSeconds = Math.floor(diffMs / 1e3);
+  const diffMinutes = Math.floor(diffSeconds / 60);
+  const diffHours = Math.floor(diffMinutes / 60);
+  const diffDays = Math.floor(diffHours / 24);
+  if (diffSeconds < 60) return "just now";
+  if (diffMinutes < 60) return `${diffMinutes} minute${diffMinutes === 1 ? "" : "s"} ago`;
+  if (diffHours < 24) return `${diffHours} hour${diffHours === 1 ? "" : "s"} ago`;
+  if (diffDays < 7) return `${diffDays} day${diffDays === 1 ? "" : "s"} ago`;
+  return date.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
+}
+function createThreadView(props) {
+  const { messages, onReply, onReact, currentUserId } = props;
+  let replyingTo = null;
+  const threadId = generateId("rfr-thread");
+  const labelId = generateId("rfr-thread-label");
+  function startReply(messageId) {
+    replyingTo = messageId;
+  }
+  function cancelReply() {
+    replyingTo = null;
+  }
+  function reply(messageId, content) {
+    onReply?.(messageId, content);
+    replyingTo = null;
+  }
+  function react(messageId, emoji) {
+    onReact?.(messageId, emoji);
+  }
+  const ariaProps = {
+    role: "log",
+    "aria-label": "Message thread",
+    "aria-live": "polite",
+    id: threadId
+  };
+  function getMessageAriaProps(message) {
+    const isOwn = currentUserId && message.author.id === currentUserId;
+    return {
+      role: "article",
+      "aria-label": `Message from ${message.author.name}${isOwn ? " (you)" : ""} at ${formatTimestamp(message.timestamp)}`
+    };
+  }
+  function getReplyButtonAriaProps(_messageId) {
+    return {
+      role: "button",
+      "aria-label": `Reply to message`
+    };
+  }
+  return {
+    state: {
+      messages,
+      get replyingTo() {
+        return replyingTo;
+      }
+    },
+    startReply,
+    cancelReply,
+    reply,
+    react,
+    formatTimestamp,
+    formatRelativeTime,
+    ariaProps,
+    getMessageAriaProps,
+    getReplyButtonAriaProps,
+    ids: {
+      thread: threadId,
+      label: labelId
+    }
+  };
+}
+var threadContainerStyles = "flex flex-col gap-1";
+var threadMessageStyles = "flex gap-3 px-4 py-2 hover:bg-accent/50 rounded-md transition-colors group";
+var threadAvatarStyles = "h-9 w-9 rounded-full bg-muted flex items-center justify-center text-sm font-medium overflow-hidden flex-shrink-0";
+var threadContentStyles = "flex-1 min-w-0";
+var threadAuthorStyles = "font-semibold text-sm";
+var threadTimestampStyles = "text-xs text-muted-foreground ml-2";
+var threadBodyStyles = "text-sm mt-0.5 whitespace-pre-wrap break-words";
+var threadReactionsStyles = "flex flex-wrap gap-1 mt-1";
+var threadReplyIndicatorStyles = "flex items-center gap-1 mt-1 text-xs text-primary cursor-pointer hover:underline";
+var threadActionsStyles = "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity";
+var threadAttachmentStyles = "flex items-center gap-2 mt-1 p-2 rounded border text-xs bg-muted/50";
+var threadEditedStyles = "text-xs text-muted-foreground ml-1";
+
+export {
+  formatTimestamp,
+  formatRelativeTime,
+  createThreadView,
+  threadContainerStyles,
+  threadMessageStyles,
+  threadAvatarStyles,
+  threadContentStyles,
+  threadAuthorStyles,
+  threadTimestampStyles,
+  threadBodyStyles,
+  threadReactionsStyles,
+  threadReplyIndicatorStyles,
+  threadActionsStyles,
+  threadAttachmentStyles,
+  threadEditedStyles
+};
+//# sourceMappingURL=chunk-ONACRMG4.js.map

package/dist/chunk-ONACRMG4.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../thread-view/src/thread-view.ts", "../../thread-view/src/thread-view.styles.ts"],
+  "sourcesContent": ["import { generateId } from '@refraction-ui/shared'\n\nexport interface MessageReaction {\n  emoji: string\n  count: number\n  userReacted: boolean\n}\n\nexport interface MessageAttachment {\n  id: string\n  name: string\n  url: string\n  type: string\n  size?: number\n}\n\nexport interface MessageData {\n  /** Unique message ID */\n  id: string\n  /** Author display info */\n  author: {\n    id: string\n    name: string\n    avatarUrl?: string\n  }\n  /** Message content (can contain markdown) */\n  content: string\n  /** Message timestamp */\n  timestamp: Date\n  /** Reactions on this message */\n  reactions?: MessageReaction[]\n  /** Threaded replies */\n  replies?: MessageData[]\n  /** File attachments */\n  attachments?: MessageAttachment[]\n  /** Whether this message has been edited */\n  edited?: boolean\n}\n\nexport interface ThreadViewProps {\n  /** Messages to display */\n  messages: MessageData[]\n  /** Callback when a reply is sent */\n  onReply?: (messageId: string, content: string) => void\n  /** Callback when a reaction is toggled */\n  onReact?: (messageId: string, emoji: string) => void\n  /** Current user ID (for highlighting own messages) */\n  currentUserId?: string\n}\n\nexport interface ThreadViewState {\n  messages: MessageData[]\n  replyingTo: string | null\n}\n\nexport interface ThreadViewAPI {\n  /** Current state */\n  state: ThreadViewState\n  /** Start replying to a message */\n  startReply(messageId: string): void\n  /** Cancel reply */\n  cancelReply(): void\n  /** Send a reply */\n  reply(messageId: string, content: string): void\n  /** Toggle a reaction on a message */\n  react(messageId: string, emoji: string): void\n  /** Format a timestamp for display */\n  formatTimestamp(date: Date): string\n  /** Format relative time (e.g., \"2 minutes ago\") */\n  formatRelativeTime(date: Date): string\n  /** ARIA props for the thread container */\n  ariaProps: Record<string, string | number | boolean>\n  /** Get ARIA props for a message */\n  getMessageAriaProps(message: MessageData): Record<string, string | number | boolean>\n  /** Get ARIA props for a reply button */\n  getReplyButtonAriaProps(messageId: string): Record<string, string | number | boolean>\n  /** Generated IDs */\n  ids: {\n    thread: string\n    label: string\n  }\n}\n\nexport function formatTimestamp(date: Date): string {\n  const hours = date.getHours()\n  const minutes = date.getMinutes()\n  const ampm = hours >= 12 ? 'PM' : 'AM'\n  const displayHours = hours % 12 || 12\n  const displayMinutes = minutes < 10 ? `0${minutes}` : `${minutes}`\n  return `${displayHours}:${displayMinutes} ${ampm}`\n}\n\nexport function formatRelativeTime(date: Date, now?: Date): string {\n  const reference = now ?? new Date()\n  const diffMs = reference.getTime() - date.getTime()\n  const diffSeconds = Math.floor(diffMs / 1000)\n  const diffMinutes = Math.floor(diffSeconds / 60)\n  const diffHours = Math.floor(diffMinutes / 60)\n  const diffDays = Math.floor(diffHours / 24)\n\n  if (diffSeconds < 60) return 'just now'\n  if (diffMinutes < 60) return `${diffMinutes} minute${diffMinutes === 1 ? '' : 's'} ago`\n  if (diffHours < 24) return `${diffHours} hour${diffHours === 1 ? '' : 's'} ago`\n  if (diffDays < 7) return `${diffDays} day${diffDays === 1 ? '' : 's'} ago`\n\n  return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' })\n}\n\nexport function createThreadView(props: ThreadViewProps): ThreadViewAPI {\n  const { messages, onReply, onReact, currentUserId } = props\n\n  let replyingTo: string | null = null\n\n  const threadId = generateId('rfr-thread')\n  const labelId = generateId('rfr-thread-label')\n\n  function startReply(messageId: string): void {\n    replyingTo = messageId\n  }\n\n  function cancelReply(): void {\n    replyingTo = null\n  }\n\n  function reply(messageId: string, content: string): void {\n    onReply?.(messageId, content)\n    replyingTo = null\n  }\n\n  function react(messageId: string, emoji: string): void {\n    onReact?.(messageId, emoji)\n  }\n\n  const ariaProps: Record<string, string | number | boolean> = {\n    role: 'log',\n    'aria-label': 'Message thread',\n    'aria-live': 'polite',\n    id: threadId,\n  }\n\n  function getMessageAriaProps(message: MessageData): Record<string, string | number | boolean> {\n    const isOwn = currentUserId && message.author.id === currentUserId\n    return {\n      role: 'article',\n      'aria-label': `Message from ${message.author.name}${isOwn ? ' (you)' : ''} at ${formatTimestamp(message.timestamp)}`,\n    }\n  }\n\n  function getReplyButtonAriaProps(_messageId: string): Record<string, string | number | boolean> {\n    return {\n      role: 'button',\n      'aria-label': `Reply to message`,\n    }\n  }\n\n  return {\n    state: {\n      messages,\n      get replyingTo() { return replyingTo },\n    },\n    startReply,\n    cancelReply,\n    reply,\n    react,\n    formatTimestamp,\n    formatRelativeTime,\n    ariaProps,\n    getMessageAriaProps,\n    getReplyButtonAriaProps,\n    ids: {\n      thread: threadId,\n      label: labelId,\n    },\n  }\n}\n", "export const threadContainerStyles =\n  'flex flex-col gap-1'\n\nexport const threadMessageStyles =\n  'flex gap-3 px-4 py-2 hover:bg-accent/50 rounded-md transition-colors group'\n\nexport const threadAvatarStyles =\n  'h-9 w-9 rounded-full bg-muted flex items-center justify-center text-sm font-medium overflow-hidden flex-shrink-0'\n\nexport const threadContentStyles =\n  'flex-1 min-w-0'\n\nexport const threadAuthorStyles =\n  'font-semibold text-sm'\n\nexport const threadTimestampStyles =\n  'text-xs text-muted-foreground ml-2'\n\nexport const threadBodyStyles =\n  'text-sm mt-0.5 whitespace-pre-wrap break-words'\n\nexport const threadReactionsStyles =\n  'flex flex-wrap gap-1 mt-1'\n\nexport const threadReplyIndicatorStyles =\n  'flex items-center gap-1 mt-1 text-xs text-primary cursor-pointer hover:underline'\n\nexport const threadActionsStyles =\n  'flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity'\n\nexport const threadAttachmentStyles =\n  'flex items-center gap-2 mt-1 p-2 rounded border text-xs bg-muted/50'\n\nexport const threadEditedStyles =\n  'text-xs text-muted-foreground ml-1'\n"],
+  "mappings": ";;;;;AAmFO,SAAS,gBAAgB,MAAoB;AAClD,QAAM,QAAQ,KAAK,SAAA;AACnB,QAAM,UAAU,KAAK,WAAA;AACrB,QAAM,OAAO,SAAS,KAAK,OAAO;AAClC,QAAM,eAAe,QAAQ,MAAM;AACnC,QAAM,iBAAiB,UAAU,KAAK,IAAI,OAAO,KAAK,GAAG,OAAO;AAChE,SAAO,GAAG,YAAY,IAAI,cAAc,IAAI,IAAI;AAClD;AAEO,SAAS,mBAAmB,MAAY,KAAoB;AACjE,QAAM,YAAY,OAAO,oBAAI,KAAA;AAC7B,QAAM,SAAS,UAAU,QAAA,IAAY,KAAK,QAAA;AAC1C,QAAM,cAAc,KAAK,MAAM,SAAS,GAAI;AAC5C,QAAM,cAAc,KAAK,MAAM,cAAc,EAAE;AAC/C,QAAM,YAAY,KAAK,MAAM,cAAc,EAAE;AAC7C,QAAM,WAAW,KAAK,MAAM,YAAY,EAAE;AAE1C,MAAI,cAAc,GAAI,QAAO;AAC7B,MAAI,cAAc,GAAI,QAAO,GAAG,WAAW,UAAU,gBAAgB,IAAI,KAAK,GAAG;AACjF,MAAI,YAAY,GAAI,QAAO,GAAG,SAAS,QAAQ,cAAc,IAAI,KAAK,GAAG;AACzE,MAAI,WAAW,EAAG,QAAO,GAAG,QAAQ,OAAO,aAAa,IAAI,KAAK,GAAG;AAEpE,SAAO,KAAK,mBAAmB,SAAS,EAAE,OAAO,SAAS,KAAK,WAAW,MAAM,UAAA,CAAW;AAC7F;AAEO,SAAS,iBAAiB,OAAuC;AACtE,QAAM,EAAE,UAAU,SAAS,SAAS,cAAA,IAAkB;AAEtD,MAAI,aAA4B;AAEhC,QAAM,WAAW,WAAW,YAAY;AACxC,QAAM,UAAU,WAAW,kBAAkB;AAE7C,WAAS,WAAW,WAAyB;AAC3C,iBAAa;EACf;AAEA,WAAS,cAAoB;AAC3B,iBAAa;EACf;AAEA,WAAS,MAAM,WAAmB,SAAuB;AACvD,cAAU,WAAW,OAAO;AAC5B,iBAAa;EACf;AAEA,WAAS,MAAM,WAAmB,OAAqB;AACrD,cAAU,WAAW,KAAK;EAC5B;AAEA,QAAM,YAAuD;IAC3D,MAAM;IACN,cAAc;IACd,aAAa;IACb,IAAI;EAAA;AAGN,WAAS,oBAAoB,SAAiE;AAC5F,UAAM,QAAQ,iBAAiB,QAAQ,OAAO,OAAO;AACrD,WAAO;MACL,MAAM;MACN,cAAc,gBAAgB,QAAQ,OAAO,IAAI,GAAG,QAAQ,WAAW,EAAE,OAAO,gBAAgB,QAAQ,SAAS,CAAC;IAAA;EAEtH;AAEA,WAAS,wBAAwB,YAA+D;AAC9F,WAAO;MACL,MAAM;MACN,cAAc;IAAA;EAElB;AAEA,SAAO;IACL,OAAO;MACL;MACA,IAAI,aAAa;AAAE,eAAO;MAAW;IAAA;IAEvC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,KAAK;MACH,QAAQ;MACR,OAAO;IAAA;EACT;AAEJ;AC9KO,IAAM,wBACX;AAEK,IAAM,sBACX;AAEK,IAAM,qBACX;AAEK,IAAM,sBACX;AAEK,IAAM,qBACX;AAEK,IAAM,wBACX;AAEK,IAAM,mBACX;AAEK,IAAM,wBACX;AAEK,IAAM,6BACX;AAEK,IAAM,sBACX;AAEK,IAAM,yBACX;AAEK,IAAM,qBACX;",
+  "names": []
+}

package/dist/chunk-SDZ3LROZ.js

@@ -0,0 +1,7 @@
+import {
+  createFaroSink
+} from "./chunk-XWP763SH.js";
+export {
+  createFaroSink
+};
+//# sourceMappingURL=chunk-SDZ3LROZ.js.map

package/dist/chunk-SDZ3LROZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/chunk-UJ6BBWQM.js

@@ -0,0 +1,154 @@
+import {
+  cn,
+  cva
+} from "./chunk-ZF3OHCGV.js";
+
+// ../react-input/dist/index.js
+import * as React from "react";
+
+// ../input/dist/index.js
+function resolveAriaInvalid(ariaInvalid, validationState) {
+  if (ariaInvalid !== void 0) {
+    return ariaInvalid;
+  }
+  if (validationState === "invalid") {
+    return true;
+  }
+  if (validationState === "valid") {
+    return false;
+  }
+  return void 0;
+}
+function createInput(props = {}) {
+  const {
+    disabled = false,
+    readOnly = false,
+    required = false,
+    "aria-invalid": ariaInvalid,
+    validationState
+  } = props;
+  const resolvedInvalid = resolveAriaInvalid(ariaInvalid, validationState);
+  const ariaProps = {};
+  if (disabled) {
+    ariaProps["aria-disabled"] = true;
+  }
+  if (resolvedInvalid !== void 0) {
+    ariaProps["aria-invalid"] = resolvedInvalid;
+  }
+  if (required) {
+    ariaProps["aria-required"] = true;
+  }
+  const dataAttributes = {};
+  if (disabled) {
+    dataAttributes["data-disabled"] = "";
+  }
+  if (readOnly) {
+    dataAttributes["data-readonly"] = "";
+  }
+  if (resolvedInvalid === true) {
+    dataAttributes["data-invalid"] = "";
+  }
+  return {
+    ariaProps,
+    dataAttributes
+  };
+}
+var inputVariants = cva({
+  base: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+  variants: {
+    size: {
+      sm: "h-8 text-xs",
+      default: "h-9",
+      lg: "h-10 text-base"
+    },
+    validationState: {
+      valid: "border-green-500 focus-visible:ring-green-500",
+      invalid: "border-destructive focus-visible:ring-destructive"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+
+// ../react-input/dist/index.js
+import { jsx, jsxs } from "react/jsx-runtime";
+var CheckIcon = /* @__PURE__ */ jsx(
+  "svg",
+  {
+    "aria-hidden": "true",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-green-500",
+    children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
+  }
+);
+var Input = React.forwardRef(
+  function Input2({
+    type = "text",
+    size,
+    className,
+    disabled,
+    readOnly,
+    required,
+    validationState,
+    leadingIcon,
+    "aria-invalid": ariaInvalid,
+    ...props
+  }, ref) {
+    const api = createInput({
+      type,
+      disabled,
+      readOnly,
+      required,
+      "aria-invalid": ariaInvalid === void 0 ? void 0 : ariaInvalid === true || ariaInvalid === "true",
+      validationState
+    });
+    const hasWrapper = leadingIcon != null || validationState != null;
+    const classes = cn(
+      inputVariants({ size, validationState }),
+      leadingIcon != null && "pl-9",
+      validationState === "valid" && "pr-9",
+      className
+    );
+    const inputEl = /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref,
+        type,
+        className: classes,
+        disabled,
+        readOnly,
+        required,
+        ...api.ariaProps,
+        ...api.dataAttributes,
+        ...props
+      }
+    );
+    if (!hasWrapper) {
+      return inputEl;
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      leadingIcon != null && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "pointer-events-none absolute left-3 top-1/2 flex size-4 -translate-y-1/2 items-center justify-center text-muted-foreground",
+          children: leadingIcon
+        }
+      ),
+      inputEl,
+      validationState === "valid" && CheckIcon
+    ] });
+  }
+);
+
+export {
+  inputVariants,
+  Input
+};
+//# sourceMappingURL=chunk-UJ6BBWQM.js.map

package/dist/chunk-UJ6BBWQM.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../input/src/input.ts", "../../input/src/input.styles.ts", "../../react-input/src/input.tsx"],
+  "sourcesContent": ["import type { AccessibilityProps } from '@refraction-ui/shared'\n\nexport type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search'\n\n/** High-level validation affordance for an input. */\nexport type InputValidationState = 'valid' | 'invalid'\n\nexport interface InputProps {\n  type?: InputType\n  disabled?: boolean\n  readOnly?: boolean\n  required?: boolean\n  placeholder?: string\n  'aria-invalid'?: boolean\n  /**\n   * Validation affordance. The core derives `aria-invalid` from this:\n   * - `'valid'` → `aria-invalid={false}`\n   * - `'invalid'` → `aria-invalid={true}`\n   *\n   * An explicit `aria-invalid` prop always takes precedence.\n   */\n  validationState?: InputValidationState\n}\n\nexport interface InputAPI {\n  /** ARIA attributes to spread on the element */\n  ariaProps: Partial<AccessibilityProps> & { 'aria-invalid'?: boolean; 'aria-required'?: boolean }\n  /** Data attributes for CSS styling hooks */\n  dataAttributes: Record<string, string>\n}\n\n/**\n * Resolve the effective `aria-invalid` value from an explicit `aria-invalid`\n * prop and a high-level `validationState`. The explicit prop always wins;\n * otherwise `validationState` maps `'invalid' → true`, `'valid' → false`, and\n * an absent state leaves `aria-invalid` undefined (legacy behavior).\n */\nexport function resolveAriaInvalid(\n  ariaInvalid: boolean | undefined,\n  validationState: InputValidationState | undefined,\n): boolean | undefined {\n  if (ariaInvalid !== undefined) {\n    return ariaInvalid\n  }\n  if (validationState === 'invalid') {\n    return true\n  }\n  if (validationState === 'valid') {\n    return false\n  }\n  return undefined\n}\n\nexport function createInput(props: InputProps = {}): InputAPI {\n  const {\n    disabled = false,\n    readOnly = false,\n    required = false,\n    'aria-invalid': ariaInvalid,\n    validationState,\n  } = props\n\n  const resolvedInvalid = resolveAriaInvalid(ariaInvalid, validationState)\n\n  const ariaProps: InputAPI['ariaProps'] = {}\n\n  if (disabled) {\n    ariaProps['aria-disabled'] = true\n  }\n\n  if (resolvedInvalid !== undefined) {\n    ariaProps['aria-invalid'] = resolvedInvalid\n  }\n\n  if (required) {\n    ariaProps['aria-required'] = true\n  }\n\n  const dataAttributes: Record<string, string> = {}\n\n  if (disabled) {\n    dataAttributes['data-disabled'] = ''\n  }\n\n  if (readOnly) {\n    dataAttributes['data-readonly'] = ''\n  }\n\n  if (resolvedInvalid === true) {\n    dataAttributes['data-invalid'] = ''\n  }\n\n  return {\n    ariaProps,\n    dataAttributes,\n  }\n}\n\nexport function getInputAriaProps(state: {\n  disabled?: boolean\n  readOnly?: boolean\n  required?: boolean\n  invalid?: boolean\n}): Partial<AccessibilityProps> & { 'aria-invalid'?: boolean; 'aria-required'?: boolean } {\n  const ariaProps: Partial<AccessibilityProps> & { 'aria-invalid'?: boolean; 'aria-required'?: boolean } = {}\n\n  if (state.disabled) {\n    ariaProps['aria-disabled'] = true\n  }\n\n  if (state.invalid) {\n    ariaProps['aria-invalid'] = true\n  }\n\n  if (state.required) {\n    ariaProps['aria-required'] = true\n  }\n\n  return ariaProps\n}\n", "import { cva } from '@refraction-ui/shared'\n\nexport const inputVariants = cva({\n  base: 'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',\n  variants: {\n    size: {\n      sm: 'h-8 text-xs',\n      default: 'h-9',\n      lg: 'h-10 text-base',\n    },\n    validationState: {\n      valid: 'border-green-500 focus-visible:ring-green-500',\n      invalid: 'border-destructive focus-visible:ring-destructive',\n    },\n  },\n  defaultVariants: {\n    size: 'default',\n  },\n})\n", "import * as React from 'react'\nimport {\n  createInput,\n  inputVariants,\n  type InputValidationState,\n} from '@refraction-ui/input'\nimport { cn } from '@refraction-ui/shared'\n\nexport interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {\n  /**\n   * Visual size of the input.\n   *\n   * Note: this prop intentionally **shadows** the native HTML `size`\n   * attribute (which would otherwise control the visible character width\n   * of the `<input>` element). We re-purpose the name for our visual\n   * size variants (`'sm' | 'default' | 'lg'`) because in practice almost\n   * no one uses the native character-width `size` attribute, while\n   * visual sizing is a near-universal need.\n   *\n   * If you need the native character-width behavior, set it via\n   * `htmlSize` on the underlying DOM through a `ref`, or render a plain\n   * `<input>` instead.\n   *\n   * See the package README's \"Sizing\" section for more.\n   */\n  size?: 'sm' | 'default' | 'lg'\n  /**\n   * Validation affordance. Tints the border and wires `aria-invalid`:\n   * - `'valid'` → green border, trailing check icon, `aria-invalid={false}`\n   * - `'invalid'` → destructive border, `aria-invalid={true}`\n   *\n   * When omitted the input is rendered without a wrapper (identical to the\n   * legacy bare `<input>` markup), unless `leadingIcon` is set.\n   */\n  validationState?: InputValidationState\n  /**\n   * Optional icon rendered inside the input's left padding. When provided\n   * (or when `validationState` is set) the input is wrapped in a relative\n   * `<div>` and gains left padding to make room for the icon.\n   */\n  leadingIcon?: React.ReactNode\n}\n\nconst CheckIcon = (\n  <svg\n    aria-hidden=\"true\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className=\"pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-green-500\"\n  >\n    <polyline points=\"20 6 9 17 4 12\" />\n  </svg>\n)\n\n/**\n * Input component — renders a styled input with size support.\n *\n * Uses the headless @refraction-ui/input core for state, ARIA, and data attributes.\n * Styling via Tailwind utility classes (no external CSS-in-JS).\n */\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  function Input(\n    {\n      type = 'text',\n      size,\n      className,\n      disabled,\n      readOnly,\n      required,\n      validationState,\n      leadingIcon,\n      'aria-invalid': ariaInvalid,\n      ...props\n    },\n    ref,\n  ) {\n    // The core owns the `aria-invalid` derivation and the validation border\n    // tokens; the React layer only does DOM composition (wrapper + icons).\n    const api = createInput({\n      type: type as import('@refraction-ui/input').InputType,\n      disabled,\n      readOnly,\n      required,\n      'aria-invalid': ariaInvalid === undefined ? undefined : ariaInvalid === true || ariaInvalid === 'true',\n      validationState,\n    })\n\n    const hasWrapper = leadingIcon != null || validationState != null\n\n    const classes = cn(\n      inputVariants({ size, validationState }),\n      leadingIcon != null && 'pl-9',\n      validationState === 'valid' && 'pr-9',\n      className,\n    )\n\n    const inputEl = (\n      <input\n        ref={ref}\n        type={type}\n        className={classes}\n        disabled={disabled}\n        readOnly={readOnly}\n        required={required}\n        {...api.ariaProps}\n        {...api.dataAttributes}\n        {...props}\n      />\n    )\n\n    if (!hasWrapper) {\n      return inputEl\n    }\n\n    return (\n      <div className=\"relative\">\n        {leadingIcon != null && (\n          <span\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute left-3 top-1/2 flex size-4 -translate-y-1/2 items-center justify-center text-muted-foreground\"\n          >\n            {leadingIcon}\n          </span>\n        )}\n        {inputEl}\n        {validationState === 'valid' && CheckIcon}\n      </div>\n    )\n  },\n)\n"],
+  "mappings": ";;;;;;;;;AAqCO,SAAS,mBACd,aACA,iBACqB;AACrB,MAAI,gBAAgB,QAAW;AAC7B,WAAO;EACT;AACA,MAAI,oBAAoB,WAAW;AACjC,WAAO;EACT;AACA,MAAI,oBAAoB,SAAS;AAC/B,WAAO;EACT;AACA,SAAO;AACT;AAEO,SAAS,YAAY,QAAoB,CAAA,GAAc;AAC5D,QAAM;IACJ,WAAW;IACX,WAAW;IACX,WAAW;IACX,gBAAgB;IAChB;EAAA,IACE;AAEJ,QAAM,kBAAkB,mBAAmB,aAAa,eAAe;AAEvE,QAAM,YAAmC,CAAA;AAEzC,MAAI,UAAU;AACZ,cAAU,eAAe,IAAI;EAC/B;AAEA,MAAI,oBAAoB,QAAW;AACjC,cAAU,cAAc,IAAI;EAC9B;AAEA,MAAI,UAAU;AACZ,cAAU,eAAe,IAAI;EAC/B;AAEA,QAAM,iBAAyC,CAAA;AAE/C,MAAI,UAAU;AACZ,mBAAe,eAAe,IAAI;EACpC;AAEA,MAAI,UAAU;AACZ,mBAAe,eAAe,IAAI;EACpC;AAEA,MAAI,oBAAoB,MAAM;AAC5B,mBAAe,cAAc,IAAI;EACnC;AAEA,SAAO;IACL;IACA;EAAA;AAEJ;AC9FO,IAAM,gBAAgB,IAAI;EAC/B,MAAM;EACN,UAAU;IACR,MAAM;MACJ,IAAI;MACJ,SAAS;MACT,IAAI;IAAA;IAEN,iBAAiB;MACf,OAAO;MACP,SAAS;IAAA;EACX;EAEF,iBAAiB;IACf,MAAM;EAAA;AAEV,CAAC;;;;ACyBD,IAAM,YACJ;EAAC;EAAA;IACC,eAAY;IACZ,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;IACf,WAAU;IAEV,UAAA,oBAAC,YAAA,EAAS,QAAO,iBAAA,CAAiB;EAAA;AACpC;AASK,IAAM,QAAc;EACzB,SAASA,OACP;IACE,OAAO;IACP;IACA;IACA;IACA;IACA;IACA;IACA;IACA,gBAAgB;IAChB,GAAG;EAAA,GAEL,KACA;AAGA,UAAM,MAAM,YAAY;MACtB;MACA;MACA;MACA;MACA,gBAAgB,gBAAgB,SAAY,SAAY,gBAAgB,QAAQ,gBAAgB;MAChG;IAAA,CACD;AAED,UAAM,aAAa,eAAe,QAAQ,mBAAmB;AAE7D,UAAM,UAAU;MACd,cAAc,EAAE,MAAM,gBAAA,CAAiB;MACvC,eAAe,QAAQ;MACvB,oBAAoB,WAAW;MAC/B;IAAA;AAGF,UAAM,UACJ;MAAC;MAAA;QACC;QACA;QACA,WAAW;QACX;QACA;QACA;QACC,GAAG,IAAI;QACP,GAAG,IAAI;QACP,GAAG;MAAA;IAAA;AAIR,QAAI,CAAC,YAAY;AACf,aAAO;IACT;AAEA,WACE,qBAAC,OAAA,EAAI,WAAU,YACZ,UAAA;MAAA,eAAe,QACd;QAAC;QAAA;UACC,eAAY;UACZ,WAAU;UAET,UAAA;QAAA;MAAA;MAGJ;MACA,oBAAoB,WAAW;IAAA,EAAA,CAClC;EAEJ;AACF;",
+  "names": ["Input"]
+}

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"]
+}