@refraction-ui/react 0.19.1 → 0.20.0

package/dist/chunk-WK2IIUFO.js

@@ -0,0 +1,316 @@
+import {
+  cn
+} from "./chunk-ZF3OHCGV.js";
+
+// ../react-keyboard-shortcut/dist/index.js
+import * as React from "react";
+
+// ../keyboard-shortcut/dist/index.js
+var MODIFIER_KEYS = /* @__PURE__ */ new Set(["Ctrl", "Control", "Alt", "Shift", "Meta", "Cmd", "Command"]);
+var KEY_DISPLAY = {
+  "Ctrl": "Ctrl",
+  "Control": "Ctrl",
+  "Alt": "Alt",
+  "Shift": "Shift",
+  "Meta": "Meta",
+  "Cmd": "Cmd",
+  "Command": "Cmd",
+  "Enter": "\u21B5",
+  "Backspace": "\u232B",
+  "Delete": "Del",
+  "Escape": "Esc",
+  "ArrowUp": "\u2191",
+  "ArrowDown": "\u2193",
+  "ArrowLeft": "\u2190",
+  "ArrowRight": "\u2192",
+  "Tab": "Tab",
+  " ": "Space"
+};
+var MAC_KEY_DISPLAY = {
+  "Ctrl": "\u2303",
+  "Control": "\u2303",
+  "Alt": "\u2325",
+  "Shift": "\u21E7",
+  "Meta": "\u2318",
+  "Cmd": "\u2318",
+  "Command": "\u2318",
+  "Enter": "\u21B5",
+  "Backspace": "\u232B",
+  "Delete": "\u2326",
+  "Escape": "\u238B",
+  "ArrowUp": "\u2191",
+  "ArrowDown": "\u2193",
+  "ArrowLeft": "\u2190",
+  "ArrowRight": "\u2192",
+  "Tab": "\u21E5",
+  " ": "\u2423"
+};
+function normalizeKey(key) {
+  if (key === "Command" || key === "Cmd") return "Meta";
+  if (key === "Control") return "Ctrl";
+  return key;
+}
+function isMac() {
+  if (typeof navigator !== "undefined") {
+    return navigator.platform?.includes("Mac") || navigator.userAgent?.includes("Mac");
+  }
+  return false;
+}
+function formatShortcut(keys, mac) {
+  const displayMap = mac ? MAC_KEY_DISPLAY : KEY_DISPLAY;
+  return keys.map((key) => displayMap[key] ?? key.toUpperCase()).join(mac ? "" : "+");
+}
+function createKeyboardShortcut(props) {
+  const {
+    keys,
+    onTrigger,
+    enabled: enabledProp = true,
+    preventDefault: preventDefaultProp = true
+  } = props;
+  const normalizedKeys = keys.map(normalizeKey);
+  const modifiers = normalizedKeys.filter((k) => MODIFIER_KEYS.has(k));
+  const regularKeys = normalizedKeys.filter((k) => !MODIFIER_KEYS.has(k));
+  function handler(event) {
+    if (!enabledProp) return false;
+    const ctrlRequired = modifiers.includes("Ctrl");
+    const altRequired = modifiers.includes("Alt");
+    const shiftRequired = modifiers.includes("Shift");
+    const metaRequired = modifiers.includes("Meta");
+    if (ctrlRequired !== (event.ctrlKey || event.metaKey && !metaRequired)) ;
+    const ctrlMatch = ctrlRequired ? event.ctrlKey : !event.ctrlKey;
+    const altMatch = altRequired ? event.altKey : !event.altKey;
+    const shiftMatch = shiftRequired ? event.shiftKey : !event.shiftKey;
+    const metaMatch = metaRequired ? event.metaKey : !event.metaKey;
+    if (!ctrlMatch || !altMatch || !shiftMatch || !metaMatch) return false;
+    if (regularKeys.length > 0) {
+      const eventKey = event.key.length === 1 ? event.key.toUpperCase() : event.key;
+      const targetKey = regularKeys[0].length === 1 ? regularKeys[0].toUpperCase() : regularKeys[0];
+      if (eventKey !== targetKey) return false;
+    }
+    if (preventDefaultProp) {
+      event.preventDefault();
+    }
+    onTrigger();
+    return true;
+  }
+  const mac = isMac();
+  const display = formatShortcut(keys, false);
+  const platformDisplay = formatShortcut(keys, mac);
+  const badgeAriaProps = {
+    "aria-hidden": true,
+    role: "presentation"
+  };
+  return {
+    handler,
+    display,
+    platformDisplay,
+    enabled: enabledProp,
+    keys,
+    badgeAriaProps
+  };
+}
+var SANE_DEFAULTS = {
+  save: ["Meta", "s"],
+  search: ["Meta", "k"],
+  close: ["Escape"],
+  submit: ["Meta", "Enter"],
+  undo: ["Meta", "z"],
+  redo: ["Meta", "Shift", "z"],
+  copy: ["Meta", "c"],
+  paste: ["Meta", "v"],
+  cut: ["Meta", "x"],
+  new: ["Meta", "n"],
+  print: ["Meta", "p"],
+  help: ["?"]
+};
+var ShortcutRegistry = class {
+  shortcuts = /* @__PURE__ */ new Map();
+  register(keys, handler) {
+    const keyStr = keys.map((k) => k.toLowerCase()).sort().join("+");
+    if (this.shortcuts.has(keyStr)) {
+      console.warn(`Shortcut ${keyStr} is already registered.`);
+    }
+    this.shortcuts.set(keyStr, handler);
+  }
+  unregister(keys) {
+    const keyStr = keys.map((k) => k.toLowerCase()).sort().join("+");
+    this.shortcuts.delete(keyStr);
+  }
+};
+var globalShortcutRegistry = new ShortcutRegistry();
+var AltHintState = class {
+  showHints = false;
+  listeners = /* @__PURE__ */ new Set();
+  initialized = false;
+  init() {
+    if (this.initialized || typeof window === "undefined") return;
+    this.initialized = true;
+    const handleKeyDown = (e) => {
+      if (e.key === "Alt") {
+        this.setShowHints(true);
+      }
+    };
+    const handleKeyUp = (e) => {
+      if (e.key === "Alt") {
+        this.setShowHints(false);
+      }
+    };
+    const handleBlur = () => {
+      this.setShowHints(false);
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    window.addEventListener("keyup", handleKeyUp);
+    window.addEventListener("blur", handleBlur);
+  }
+  setShowHints(value) {
+    if (this.showHints !== value) {
+      this.showHints = value;
+      this.listeners.forEach((listener) => listener(value));
+    }
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    listener(this.showHints);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  get snapshot() {
+    return this.showHints;
+  }
+};
+var altHintState = new AltHintState();
+var shortcutBadgeStyles = "inline-flex items-center gap-0.5 rounded border bg-muted px-1.5 py-0.5 text-xs font-mono text-muted-foreground";
+var shortcutKeyStyles = "inline-flex items-center justify-center min-w-[1.25rem] rounded bg-background px-1 py-0.5 text-xs font-mono border shadow-sm";
+var shortcutSeparatorStyles = "text-muted-foreground text-xs";
+
+// ../react-keyboard-shortcut/dist/index.js
+import { jsx } from "react/jsx-runtime";
+var ShortcutContext = React.createContext(false);
+function ShortcutProvider({ children }) {
+  const [showHints, setShowHints] = React.useState(altHintState.snapshot);
+  React.useEffect(() => {
+    altHintState.init();
+    return altHintState.subscribe(setShowHints);
+  }, []);
+  return /* @__PURE__ */ jsx(ShortcutContext.Provider, { value: showHints, children });
+}
+function useShortcut({
+  shortcut,
+  action,
+  onTrigger,
+  enabled = true,
+  preventDefault = true
+}) {
+  const showHints = React.useContext(ShortcutContext);
+  const keys = React.useMemo(() => {
+    if (shortcut) {
+      return shortcut.split("+").map((s) => s.trim());
+    }
+    if (action && SANE_DEFAULTS[action]) {
+      return SANE_DEFAULTS[action];
+    }
+    return [];
+  }, [shortcut, action]);
+  const apiRef = React.useRef(
+    createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault })
+  );
+  React.useEffect(() => {
+    apiRef.current = createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault });
+  }, [keys, onTrigger, enabled, preventDefault]);
+  React.useEffect(() => {
+    if (!enabled || keys.length === 0) return;
+    const handler = () => {
+      apiRef.current.handler(new KeyboardEvent("keydown"));
+    };
+    globalShortcutRegistry.register(keys, handler);
+    const handleKeyDown = (e) => {
+      apiRef.current.handler(e);
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+      globalShortcutRegistry.unregister(keys);
+    };
+  }, [enabled, keys]);
+  return { keys, showHints };
+}
+var ShortcutHint = React.forwardRef(
+  function ShortcutHint2({ shortcut, action, className, platform = true, ...props }, ref) {
+    const showHints = React.useContext(ShortcutContext);
+    const keys = React.useMemo(() => {
+      if (shortcut) {
+        return shortcut.split("+").map((s) => s.trim());
+      }
+      if (action && SANE_DEFAULTS[action]) {
+        return SANE_DEFAULTS[action];
+      }
+      return [];
+    }, [shortcut, action]);
+    if (!showHints || keys.length === 0) return null;
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none z-10", className), children: /* @__PURE__ */ jsx(ShortcutBadge, { keys, platform, ...props }) });
+  }
+);
+function KeyboardShortcut({
+  keys,
+  onTrigger,
+  enabled = true,
+  preventDefault = true
+}) {
+  const apiRef = React.useRef(
+    createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault })
+  );
+  React.useEffect(() => {
+    apiRef.current = createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault });
+  }, [keys, onTrigger, enabled, preventDefault]);
+  React.useEffect(() => {
+    if (!enabled) return;
+    const handleKeyDown = (e) => {
+      apiRef.current.handler(e);
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [enabled]);
+  return null;
+}
+function ShortcutBadge({ keys, platform = true, className }) {
+  const api = createKeyboardShortcut({ keys, onTrigger: () => {
+  }, enabled: false });
+  const displayKeys = platform ? api.platformDisplay : api.display;
+  const isMacDisplay = platform && displayKeys !== api.display;
+  return React.createElement(
+    "kbd",
+    { ...api.badgeAriaProps, className: cn(shortcutBadgeStyles, className) },
+    isMacDisplay ? React.createElement("span", null, displayKeys) : keys.map(
+      (key, i) => React.createElement(
+        React.Fragment,
+        { key: i },
+        i > 0 && React.createElement("span", { className: shortcutSeparatorStyles }, "+"),
+        React.createElement(
+          "span",
+          { className: shortcutKeyStyles },
+          formatShortcut([key], false)
+        )
+      )
+    )
+  );
+}
+
+export {
+  formatShortcut,
+  SANE_DEFAULTS,
+  ShortcutRegistry,
+  globalShortcutRegistry,
+  AltHintState,
+  altHintState,
+  shortcutBadgeStyles,
+  shortcutKeyStyles,
+  shortcutSeparatorStyles,
+  ShortcutContext,
+  ShortcutProvider,
+  useShortcut,
+  ShortcutHint,
+  KeyboardShortcut,
+  ShortcutBadge
+};
+//# sourceMappingURL=chunk-WK2IIUFO.js.map

package/dist/chunk-WK2IIUFO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../keyboard-shortcut/src/keyboard-shortcut.ts", "../../keyboard-shortcut/src/keyboard-shortcut.styles.ts", "../../react-keyboard-shortcut/src/keyboard-shortcut.tsx"],
+  "sourcesContent": ["export interface ShortcutProps {\n  /** Key combination (e.g., ['Ctrl', 'K'] or ['Meta', 'Shift', 'P']) */\n  keys: string[]\n  /** Callback when the shortcut is triggered */\n  onTrigger: () => void\n  /** Whether the shortcut is enabled */\n  enabled?: boolean\n  /** Prevent default browser behavior */\n  preventDefault?: boolean\n}\n\nexport interface KeyboardShortcutAPI {\n  /** Handle a keyboard event (returns true if it matched) */\n  handler(event: KeyboardEvent): boolean\n  /** Human-readable display of the shortcut */\n  display: string\n  /** Platform-aware display (uses command symbol on Mac) */\n  platformDisplay: string\n  /** Whether the shortcut is currently enabled */\n  enabled: boolean\n  /** The key combination */\n  keys: string[]\n  /** ARIA props for a visual shortcut badge */\n  badgeAriaProps: Record<string, unknown>\n}\n\nconst MODIFIER_KEYS = new Set(['Ctrl', 'Control', 'Alt', 'Shift', 'Meta', 'Cmd', 'Command'])\n\nconst KEY_DISPLAY: Record<string, string> = {\n  'Ctrl': 'Ctrl',\n  'Control': 'Ctrl',\n  'Alt': 'Alt',\n  'Shift': 'Shift',\n  'Meta': 'Meta',\n  'Cmd': 'Cmd',\n  'Command': 'Cmd',\n  'Enter': '\\u21B5',\n  'Backspace': '\\u232B',\n  'Delete': 'Del',\n  'Escape': 'Esc',\n  'ArrowUp': '\\u2191',\n  'ArrowDown': '\\u2193',\n  'ArrowLeft': '\\u2190',\n  'ArrowRight': '\\u2192',\n  'Tab': 'Tab',\n  ' ': 'Space',\n}\n\nconst MAC_KEY_DISPLAY: Record<string, string> = {\n  'Ctrl': '\\u2303',\n  'Control': '\\u2303',\n  'Alt': '\\u2325',\n  'Shift': '\\u21E7',\n  'Meta': '\\u2318',\n  'Cmd': '\\u2318',\n  'Command': '\\u2318',\n  'Enter': '\\u21B5',\n  'Backspace': '\\u232B',\n  'Delete': '\\u2326',\n  'Escape': '\\u238B',\n  'ArrowUp': '\\u2191',\n  'ArrowDown': '\\u2193',\n  'ArrowLeft': '\\u2190',\n  'ArrowRight': '\\u2192',\n  'Tab': '\\u21E5',\n  ' ': '\\u2423',\n}\n\nfunction normalizeKey(key: string): string {\n  // Normalize modifier variants\n  if (key === 'Command' || key === 'Cmd') return 'Meta'\n  if (key === 'Control') return 'Ctrl'\n  return key\n}\n\nfunction isMac(): boolean {\n  if (typeof navigator !== 'undefined') {\n    return navigator.platform?.includes('Mac') || navigator.userAgent?.includes('Mac')\n  }\n  return false\n}\n\nexport function formatShortcut(keys: string[], mac?: boolean): string {\n  const displayMap = mac ? MAC_KEY_DISPLAY : KEY_DISPLAY\n  return keys.map((key) => displayMap[key] ?? key.toUpperCase()).join(mac ? '' : '+')\n}\n\nexport function createKeyboardShortcut(props: ShortcutProps): KeyboardShortcutAPI {\n  const {\n    keys,\n    onTrigger,\n    enabled: enabledProp = true,\n    preventDefault: preventDefaultProp = true,\n  } = props\n\n  const normalizedKeys = keys.map(normalizeKey)\n  const modifiers = normalizedKeys.filter((k) => MODIFIER_KEYS.has(k))\n  const regularKeys = normalizedKeys.filter((k) => !MODIFIER_KEYS.has(k))\n\n  function handler(event: KeyboardEvent): boolean {\n    if (!enabledProp) return false\n\n    // Check modifiers\n    const ctrlRequired = modifiers.includes('Ctrl')\n    const altRequired = modifiers.includes('Alt')\n    const shiftRequired = modifiers.includes('Shift')\n    const metaRequired = modifiers.includes('Meta')\n\n    if (ctrlRequired !== (event.ctrlKey || event.metaKey && !metaRequired)) {\n      // For Ctrl, also accept Meta on Mac\n    }\n\n    const ctrlMatch = ctrlRequired ? event.ctrlKey : !event.ctrlKey\n    const altMatch = altRequired ? event.altKey : !event.altKey\n    const shiftMatch = shiftRequired ? event.shiftKey : !event.shiftKey\n    const metaMatch = metaRequired ? event.metaKey : !event.metaKey\n\n    if (!ctrlMatch || !altMatch || !shiftMatch || !metaMatch) return false\n\n    // Check regular key\n    if (regularKeys.length > 0) {\n      const eventKey = event.key.length === 1 ? event.key.toUpperCase() : event.key\n      const targetKey = regularKeys[0].length === 1 ? regularKeys[0].toUpperCase() : regularKeys[0]\n      if (eventKey !== targetKey) return false\n    }\n\n    if (preventDefaultProp) {\n      event.preventDefault()\n    }\n    onTrigger()\n    return true\n  }\n\n  const mac = isMac()\n  const display = formatShortcut(keys, false)\n  const platformDisplay = formatShortcut(keys, mac)\n\n  const badgeAriaProps: Record<string, unknown> = {\n    'aria-hidden': true,\n    role: 'presentation',\n  }\n\n  return {\n    handler,\n    display,\n    platformDisplay,\n    enabled: enabledProp,\n    keys,\n    badgeAriaProps,\n  }\n}\n\nexport const SANE_DEFAULTS: Record<string, string[]> = {\n  save: ['Meta', 's'],\n  search: ['Meta', 'k'],\n  close: ['Escape'],\n  submit: ['Meta', 'Enter'],\n  undo: ['Meta', 'z'],\n  redo: ['Meta', 'Shift', 'z'],\n  copy: ['Meta', 'c'],\n  paste: ['Meta', 'v'],\n  cut: ['Meta', 'x'],\n  new: ['Meta', 'n'],\n  print: ['Meta', 'p'],\n  help: ['?'],\n};\n\nexport class ShortcutRegistry {\n  private shortcuts: Map<string, () => void> = new Map();\n\n  register(keys: string[], handler: () => void) {\n    const keyStr = keys.map(k => k.toLowerCase()).sort().join('+');\n    if (this.shortcuts.has(keyStr)) {\n      console.warn(`Shortcut ${keyStr} is already registered.`);\n    }\n    this.shortcuts.set(keyStr, handler);\n  }\n\n  unregister(keys: string[]) {\n    const keyStr = keys.map(k => k.toLowerCase()).sort().join('+');\n    this.shortcuts.delete(keyStr);\n  }\n}\n\nexport const globalShortcutRegistry = new ShortcutRegistry();\n\nexport class AltHintState {\n  private showHints = false;\n  private listeners: Set<(show: boolean) => void> = new Set();\n  private initialized = false;\n\n  init() {\n    if (this.initialized || typeof window === 'undefined') return;\n    this.initialized = true;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Alt') {\n        this.setShowHints(true);\n      }\n    };\n\n    const handleKeyUp = (e: KeyboardEvent) => {\n      if (e.key === 'Alt') {\n        this.setShowHints(false);\n      }\n    };\n\n    const handleBlur = () => {\n      this.setShowHints(false);\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n    window.addEventListener('keyup', handleKeyUp);\n    window.addEventListener('blur', handleBlur);\n  }\n\n  private setShowHints(value: boolean) {\n    if (this.showHints !== value) {\n      this.showHints = value;\n      this.listeners.forEach((listener) => listener(value));\n    }\n  }\n\n  subscribe(listener: (show: boolean) => void) {\n    this.listeners.add(listener);\n    listener(this.showHints);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n\n  get snapshot() {\n    return this.showHints;\n  }\n}\n\nexport const altHintState = new AltHintState();\n\n", "export const shortcutBadgeStyles =\n  'inline-flex items-center gap-0.5 rounded border bg-muted px-1.5 py-0.5 text-xs font-mono text-muted-foreground'\n\nexport const shortcutKeyStyles =\n  'inline-flex items-center justify-center min-w-[1.25rem] rounded bg-background px-1 py-0.5 text-xs font-mono border shadow-sm'\n\nexport const shortcutSeparatorStyles =\n  'text-muted-foreground text-xs'\n", "import * as React from 'react'\nimport {\n  createKeyboardShortcut,\n  formatShortcut,\n  shortcutBadgeStyles,\n  shortcutKeyStyles,\n  shortcutSeparatorStyles,\n  altHintState,\n  globalShortcutRegistry,\n  SANE_DEFAULTS,\n} from '@refraction-ui/keyboard-shortcut'\nimport { cn } from '@refraction-ui/shared'\n\nexport const ShortcutContext = React.createContext<boolean>(false)\n\nexport function ShortcutProvider({ children }: { children: React.ReactNode }) {\n  const [showHints, setShowHints] = React.useState(altHintState.snapshot)\n\n  React.useEffect(() => {\n    altHintState.init()\n    return altHintState.subscribe(setShowHints)\n  }, [])\n\n  return (\n    <ShortcutContext.Provider value={showHints}>\n      {children}\n    </ShortcutContext.Provider>\n  )\n}\n\nexport interface UseShortcutOptions {\n  shortcut?: string;\n  action?: string;\n  onTrigger: () => void;\n  enabled?: boolean;\n  preventDefault?: boolean;\n}\n\nexport function useShortcut({\n  shortcut,\n  action,\n  onTrigger,\n  enabled = true,\n  preventDefault = true,\n}: UseShortcutOptions) {\n  const showHints = React.useContext(ShortcutContext);\n\n  const keys = React.useMemo(() => {\n    if (shortcut) {\n      return shortcut.split('+').map((s) => s.trim());\n    }\n    if (action && SANE_DEFAULTS[action]) {\n      return SANE_DEFAULTS[action];\n    }\n    return [];\n  }, [shortcut, action]);\n\n  const apiRef = React.useRef(\n    createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault })\n  );\n\n  React.useEffect(() => {\n    apiRef.current = createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault });\n  }, [keys, onTrigger, enabled, preventDefault]);\n\n  React.useEffect(() => {\n    if (!enabled || keys.length === 0) return;\n\n    const handler = () => { apiRef.current.handler(new KeyboardEvent('keydown')); };\n    globalShortcutRegistry.register(keys, handler);\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      apiRef.current.handler(e);\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n      globalShortcutRegistry.unregister(keys);\n    };\n  }, [enabled, keys]);\n\n  return { keys, showHints };\n}\n\nexport interface ShortcutHintProps extends Omit<ShortcutBadgeProps, 'keys'> {\n  shortcut?: string;\n  action?: string;\n}\n\nexport const ShortcutHint = React.forwardRef<HTMLDivElement, ShortcutHintProps>(\n  function ShortcutHint({ shortcut, action, className, platform = true, ...props }, ref) {\n  const showHints = React.useContext(ShortcutContext);\n\n  const keys = React.useMemo(() => {\n    if (shortcut) {\n      return shortcut.split('+').map((s) => s.trim());\n    }\n    if (action && SANE_DEFAULTS[action]) {\n      return SANE_DEFAULTS[action];\n    }\n    return [];\n  }, [shortcut, action]);\n\n  if (!showHints || keys.length === 0) return null;\n\n  return (\n    <div ref={ref} className={cn(\"absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none z-10\", className)}>\n      <ShortcutBadge keys={keys} platform={platform} {...props} />\n    </div>\n  );\n  },\n)\n\nexport interface KeyboardShortcutProps {\n  /** Key combination */\n  keys: string[]\n  /** Callback when triggered */\n  onTrigger: () => void\n  /** Whether enabled */\n  enabled?: boolean\n  /** Prevent default browser behavior */\n  preventDefault?: boolean\n}\n\n/**\n * Invisible keyboard shortcut listener component.\n * Attaches a global keydown listener and calls onTrigger when the combo matches.\n */\nexport function KeyboardShortcut({\n  keys,\n  onTrigger,\n  enabled = true,\n  preventDefault = true,\n}: KeyboardShortcutProps) {\n  const apiRef = React.useRef(\n    createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault }),\n  )\n\n  // Keep handler in sync with latest props\n  React.useEffect(() => {\n    apiRef.current = createKeyboardShortcut({ keys, onTrigger, enabled, preventDefault })\n  }, [keys, onTrigger, enabled, preventDefault])\n\n  React.useEffect(() => {\n    if (!enabled) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      apiRef.current.handler(e)\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [enabled])\n\n  return null\n}\n\n// ---------------------------------------------------------------------------\n// ShortcutBadge — visual display of a keyboard shortcut (e.g., Ctrl+K)\n// ---------------------------------------------------------------------------\n\nexport interface ShortcutBadgeProps {\n  /** Key combination to display */\n  keys: string[]\n  /** Use platform-aware display (Mac symbols) */\n  platform?: boolean\n  className?: string\n}\n\nexport function ShortcutBadge({ keys, platform = true, className }: ShortcutBadgeProps) {\n  const api = createKeyboardShortcut({ keys, onTrigger: () => {}, enabled: false })\n\n  const displayKeys = platform ? api.platformDisplay : api.display\n\n  // Split display into individual keys for styling\n  const isMacDisplay = platform && displayKeys !== api.display\n\n  return React.createElement(\n    'kbd',\n    { ...api.badgeAriaProps, className: cn(shortcutBadgeStyles, className) },\n    isMacDisplay\n      ? React.createElement('span', null, displayKeys)\n      : keys.map((key, i) =>\n          React.createElement(\n            React.Fragment,\n            { key: i },\n            i > 0 && React.createElement('span', { className: shortcutSeparatorStyles }, '+'),\n            React.createElement(\n              'span',\n              { className: shortcutKeyStyles },\n              formatShortcut([key], false),\n            ),\n          ),\n        ),\n  )\n}\n"],
+  "mappings": ";;;;;;;;AA0BA,IAAM,gBAAgB,oBAAI,IAAI,CAAC,QAAQ,WAAW,OAAO,SAAS,QAAQ,OAAO,SAAS,CAAC;AAE3F,IAAM,cAAsC;EAC1C,QAAQ;EACR,WAAW;EACX,OAAO;EACP,SAAS;EACT,QAAQ;EACR,OAAO;EACP,WAAW;EACX,SAAS;EACT,aAAa;EACb,UAAU;EACV,UAAU;EACV,WAAW;EACX,aAAa;EACb,aAAa;EACb,cAAc;EACd,OAAO;EACP,KAAK;AACP;AAEA,IAAM,kBAA0C;EAC9C,QAAQ;EACR,WAAW;EACX,OAAO;EACP,SAAS;EACT,QAAQ;EACR,OAAO;EACP,WAAW;EACX,SAAS;EACT,aAAa;EACb,UAAU;EACV,UAAU;EACV,WAAW;EACX,aAAa;EACb,aAAa;EACb,cAAc;EACd,OAAO;EACP,KAAK;AACP;AAEA,SAAS,aAAa,KAAqB;AAEzC,MAAI,QAAQ,aAAa,QAAQ,MAAO,QAAO;AAC/C,MAAI,QAAQ,UAAW,QAAO;AAC9B,SAAO;AACT;AAEA,SAAS,QAAiB;AACxB,MAAI,OAAO,cAAc,aAAa;AACpC,WAAO,UAAU,UAAU,SAAS,KAAK,KAAK,UAAU,WAAW,SAAS,KAAK;EACnF;AACA,SAAO;AACT;AAEO,SAAS,eAAe,MAAgB,KAAuB;AACpE,QAAM,aAAa,MAAM,kBAAkB;AAC3C,SAAO,KAAK,IAAI,CAAC,QAAQ,WAAW,GAAG,KAAK,IAAI,YAAA,CAAa,EAAE,KAAK,MAAM,KAAK,GAAG;AACpF;AAEO,SAAS,uBAAuB,OAA2C;AAChF,QAAM;IACJ;IACA;IACA,SAAS,cAAc;IACvB,gBAAgB,qBAAqB;EAAA,IACnC;AAEJ,QAAM,iBAAiB,KAAK,IAAI,YAAY;AAC5C,QAAM,YAAY,eAAe,OAAO,CAAC,MAAM,cAAc,IAAI,CAAC,CAAC;AACnE,QAAM,cAAc,eAAe,OAAO,CAAC,MAAM,CAAC,cAAc,IAAI,CAAC,CAAC;AAEtE,WAAS,QAAQ,OAA+B;AAC9C,QAAI,CAAC,YAAa,QAAO;AAGzB,UAAM,eAAe,UAAU,SAAS,MAAM;AAC9C,UAAM,cAAc,UAAU,SAAS,KAAK;AAC5C,UAAM,gBAAgB,UAAU,SAAS,OAAO;AAChD,UAAM,eAAe,UAAU,SAAS,MAAM;AAE9C,QAAI,kBAAkB,MAAM,WAAW,MAAM,WAAW,CAAC,cAAe;AAIxE,UAAM,YAAY,eAAe,MAAM,UAAU,CAAC,MAAM;AACxD,UAAM,WAAW,cAAc,MAAM,SAAS,CAAC,MAAM;AACrD,UAAM,aAAa,gBAAgB,MAAM,WAAW,CAAC,MAAM;AAC3D,UAAM,YAAY,eAAe,MAAM,UAAU,CAAC,MAAM;AAExD,QAAI,CAAC,aAAa,CAAC,YAAY,CAAC,cAAc,CAAC,UAAW,QAAO;AAGjE,QAAI,YAAY,SAAS,GAAG;AAC1B,YAAM,WAAW,MAAM,IAAI,WAAW,IAAI,MAAM,IAAI,YAAA,IAAgB,MAAM;AAC1E,YAAM,YAAY,YAAY,CAAC,EAAE,WAAW,IAAI,YAAY,CAAC,EAAE,YAAA,IAAgB,YAAY,CAAC;AAC5F,UAAI,aAAa,UAAW,QAAO;IACrC;AAEA,QAAI,oBAAoB;AACtB,YAAM,eAAA;IACR;AACA,cAAA;AACA,WAAO;EACT;AAEA,QAAM,MAAM,MAAA;AACZ,QAAM,UAAU,eAAe,MAAM,KAAK;AAC1C,QAAM,kBAAkB,eAAe,MAAM,GAAG;AAEhD,QAAM,iBAA0C;IAC9C,eAAe;IACf,MAAM;EAAA;AAGR,SAAO;IACL;IACA;IACA;IACA,SAAS;IACT;IACA;EAAA;AAEJ;AAEO,IAAM,gBAA0C;EACrD,MAAM,CAAC,QAAQ,GAAG;EAClB,QAAQ,CAAC,QAAQ,GAAG;EACpB,OAAO,CAAC,QAAQ;EAChB,QAAQ,CAAC,QAAQ,OAAO;EACxB,MAAM,CAAC,QAAQ,GAAG;EAClB,MAAM,CAAC,QAAQ,SAAS,GAAG;EAC3B,MAAM,CAAC,QAAQ,GAAG;EAClB,OAAO,CAAC,QAAQ,GAAG;EACnB,KAAK,CAAC,QAAQ,GAAG;EACjB,KAAK,CAAC,QAAQ,GAAG;EACjB,OAAO,CAAC,QAAQ,GAAG;EACnB,MAAM,CAAC,GAAG;AACZ;AAEO,IAAM,mBAAN,MAAuB;EACpB,YAAA,oBAAyC,IAAA;EAEjD,SAAS,MAAgB,SAAqB;AAC5C,UAAM,SAAS,KAAK,IAAI,CAAA,MAAK,EAAE,YAAA,CAAa,EAAE,KAAA,EAAO,KAAK,GAAG;AAC7D,QAAI,KAAK,UAAU,IAAI,MAAM,GAAG;AAC9B,cAAQ,KAAK,YAAY,MAAM,yBAAyB;IAC1D;AACA,SAAK,UAAU,IAAI,QAAQ,OAAO;EACpC;EAEA,WAAW,MAAgB;AACzB,UAAM,SAAS,KAAK,IAAI,CAAA,MAAK,EAAE,YAAA,CAAa,EAAE,KAAA,EAAO,KAAK,GAAG;AAC7D,SAAK,UAAU,OAAO,MAAM;EAC9B;AACF;AAEO,IAAM,yBAAyB,IAAI,iBAAA;AAEnC,IAAM,eAAN,MAAmB;EAChB,YAAY;EACZ,YAAA,oBAA8C,IAAA;EAC9C,cAAc;EAEtB,OAAO;AACL,QAAI,KAAK,eAAe,OAAO,WAAW,YAAa;AACvD,SAAK,cAAc;AAEnB,UAAM,gBAAgB,CAAC,MAAqB;AAC1C,UAAI,EAAE,QAAQ,OAAO;AACnB,aAAK,aAAa,IAAI;MACxB;IACF;AAEA,UAAM,cAAc,CAAC,MAAqB;AACxC,UAAI,EAAE,QAAQ,OAAO;AACnB,aAAK,aAAa,KAAK;MACzB;IACF;AAEA,UAAM,aAAa,MAAM;AACvB,WAAK,aAAa,KAAK;IACzB;AAEA,WAAO,iBAAiB,WAAW,aAAa;AAChD,WAAO,iBAAiB,SAAS,WAAW;AAC5C,WAAO,iBAAiB,QAAQ,UAAU;EAC5C;EAEQ,aAAa,OAAgB;AACnC,QAAI,KAAK,cAAc,OAAO;AAC5B,WAAK,YAAY;AACjB,WAAK,UAAU,QAAQ,CAAC,aAAa,SAAS,KAAK,CAAC;IACtD;EACF;EAEA,UAAU,UAAmC;AAC3C,SAAK,UAAU,IAAI,QAAQ;AAC3B,aAAS,KAAK,SAAS;AACvB,WAAO,MAAM;AACX,WAAK,UAAU,OAAO,QAAQ;IAChC;EACF;EAEA,IAAI,WAAW;AACb,WAAO,KAAK;EACd;AACF;AAEO,IAAM,eAAe,IAAI,aAAA;AC5OzB,IAAM,sBACX;AAEK,IAAM,oBACX;AAEK,IAAM,0BACX;;;;ACMK,IAAM,kBAAwB,oBAAuB,KAAK;AAE1D,SAAS,iBAAiB,EAAE,SAAA,GAA2C;AAC5E,QAAM,CAAC,WAAW,YAAY,IAAU,eAAS,aAAa,QAAQ;AAEhE,EAAA,gBAAU,MAAM;AACpB,iBAAa,KAAA;AACb,WAAO,aAAa,UAAU,YAAY;EAC5C,GAAG,CAAA,CAAE;AAEL,SAAA,oBACG,gBAAgB,UAAhB,EAAyB,OAAO,WAC9B,SAAA,CACH;AAEJ;AAUO,SAAS,YAAY;EAC1B;EACA;EACA;EACA,UAAU;EACV,iBAAiB;AACnB,GAAuB;AACrB,QAAM,YAAkB,iBAAW,eAAe;AAElD,QAAM,OAAa,cAAQ,MAAM;AAC/B,QAAI,UAAU;AACZ,aAAO,SAAS,MAAM,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,KAAA,CAAM;IAChD;AACA,QAAI,UAAU,cAAc,MAAM,GAAG;AACnC,aAAO,cAAc,MAAM;IAC7B;AACA,WAAO,CAAA;EACT,GAAG,CAAC,UAAU,MAAM,CAAC;AAErB,QAAM,SAAe;IACnB,uBAAuB,EAAE,MAAM,WAAW,SAAS,eAAA,CAAgB;EAAA;AAG/D,EAAA,gBAAU,MAAM;AACpB,WAAO,UAAU,uBAAuB,EAAE,MAAM,WAAW,SAAS,eAAA,CAAgB;EACtF,GAAG,CAAC,MAAM,WAAW,SAAS,cAAc,CAAC;AAEvC,EAAA,gBAAU,MAAM;AACpB,QAAI,CAAC,WAAW,KAAK,WAAW,EAAG;AAEnC,UAAM,UAAU,MAAM;AAAE,aAAO,QAAQ,QAAQ,IAAI,cAAc,SAAS,CAAC;IAAG;AAC9E,2BAAuB,SAAS,MAAM,OAAO;AAE7C,UAAM,gBAAgB,CAAC,MAAqB;AAC1C,aAAO,QAAQ,QAAQ,CAAC;IAC1B;AAEA,aAAS,iBAAiB,WAAW,aAAa;AAClD,WAAO,MAAM;AACX,eAAS,oBAAoB,WAAW,aAAa;AACrD,6BAAuB,WAAW,IAAI;IACxC;EACF,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,SAAO,EAAE,MAAM,UAAA;AACjB;AAOO,IAAM,eAAqB;EAChC,SAASA,cAAa,EAAE,UAAU,QAAQ,WAAW,WAAW,MAAM,GAAG,MAAA,GAAS,KAAK;AACvF,UAAM,YAAkB,iBAAW,eAAe;AAElD,UAAM,OAAa,cAAQ,MAAM;AAC/B,UAAI,UAAU;AACZ,eAAO,SAAS,MAAM,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,KAAA,CAAM;MAChD;AACA,UAAI,UAAU,cAAc,MAAM,GAAG;AACnC,eAAO,cAAc,MAAM;MAC7B;AACA,aAAO,CAAA;IACT,GAAG,CAAC,UAAU,MAAM,CAAC;AAErB,QAAI,CAAC,aAAa,KAAK,WAAW,EAAG,QAAO;AAE5C,WACE,oBAAC,OAAA,EAAI,KAAU,WAAW,GAAG,sEAAsE,SAAS,GAC1G,UAAA,oBAAC,eAAA,EAAc,MAAY,UAAqB,GAAG,MAAA,CAAO,EAAA,CAC5D;EAEF;AACF;AAiBO,SAAS,iBAAiB;EAC/B;EACA;EACA,UAAU;EACV,iBAAiB;AACnB,GAA0B;AACxB,QAAM,SAAe;IACnB,uBAAuB,EAAE,MAAM,WAAW,SAAS,eAAA,CAAgB;EAAA;AAI/D,EAAA,gBAAU,MAAM;AACpB,WAAO,UAAU,uBAAuB,EAAE,MAAM,WAAW,SAAS,eAAA,CAAgB;EACtF,GAAG,CAAC,MAAM,WAAW,SAAS,cAAc,CAAC;AAEvC,EAAA,gBAAU,MAAM;AACpB,QAAI,CAAC,QAAS;AAEd,UAAM,gBAAgB,CAAC,MAAqB;AAC1C,aAAO,QAAQ,QAAQ,CAAC;IAC1B;AAEA,aAAS,iBAAiB,WAAW,aAAa;AAClD,WAAO,MAAM,SAAS,oBAAoB,WAAW,aAAa;EACpE,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO;AACT;AAcO,SAAS,cAAc,EAAE,MAAM,WAAW,MAAM,UAAA,GAAiC;AACtF,QAAM,MAAM,uBAAuB,EAAE,MAAM,WAAW,MAAM;EAAC,GAAG,SAAS,MAAA,CAAO;AAEhF,QAAM,cAAc,WAAW,IAAI,kBAAkB,IAAI;AAGzD,QAAM,eAAe,YAAY,gBAAgB,IAAI;AAErD,SAAa;IACX;IACA,EAAE,GAAG,IAAI,gBAAgB,WAAW,GAAG,qBAAqB,SAAS,EAAA;IACrE,eACU,oBAAc,QAAQ,MAAM,WAAW,IAC7C,KAAK;MAAI,CAAC,KAAK,MACP;QACE;QACN,EAAE,KAAK,EAAA;QACP,IAAI,KAAW,oBAAc,QAAQ,EAAE,WAAW,wBAAA,GAA2B,GAAG;QAC1E;UACJ;UACA,EAAE,WAAW,kBAAA;UACb,eAAe,CAAC,GAAG,GAAG,KAAK;QAAA;MAC7B;IACF;EACF;AAER;",
+  "names": ["ShortcutHint"]
+}

package/dist/chunk-WSPJTQAV.js

@@ -0,0 +1,59 @@
+// ../react-slot/dist/index.js
+import * as React from "react";
+var Slot = React.forwardRef(function Slot2(props, forwardedRef) {
+  const { children, ...slotProps } = props;
+  if (!React.isValidElement(children)) {
+    return null;
+  }
+  const childProps = children.props ?? {};
+  const mergedProps = mergeProps(slotProps, childProps);
+  let childRef = childProps.ref;
+  if (childRef === void 0 && !("ref" in childProps)) {
+    childRef = children.ref;
+  }
+  const mergedRef = composeRefs(forwardedRef, childRef);
+  return React.cloneElement(
+    children,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    { ...mergedProps, ref: mergedRef }
+  );
+});
+function mergeProps(slotProps, childProps) {
+  const merged = { ...slotProps };
+  for (const key of Object.keys(childProps)) {
+    const slotValue = slotProps[key];
+    const childValue = childProps[key];
+    if (/^on[A-Z]/.test(key) && typeof slotValue === "function" && typeof childValue === "function") {
+      merged[key] = (...args) => {
+        const child = childValue;
+        const slot = slotValue;
+        child(...args);
+        slot(...args);
+      };
+    } else if (key === "className") {
+      merged[key] = [slotValue, childValue].filter(Boolean).join(" ");
+    } else if (key === "style") {
+      merged[key] = { ...slotValue, ...childValue };
+    } else if (childValue !== void 0) {
+      merged[key] = childValue;
+    }
+  }
+  return merged;
+}
+function composeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref != null) {
+        const objectRef = ref;
+        objectRef.current = node;
+      }
+    }
+  };
+}
+
+export {
+  Slot
+};
+//# sourceMappingURL=chunk-WSPJTQAV.js.map

package/dist/chunk-WSPJTQAV.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../react-slot/src/slot.tsx"],
+  "sourcesContent": ["import * as React from 'react'\n\n/**\n * Minimal Slot implementation — the shared `asChild` primitive.\n *\n * Why not @radix-ui/react-slot? Per package policy, no external runtime deps\n * are allowed in @refraction-ui/* packages. This Slot does the small amount\n * of work we actually need:\n *   - Forwards a single React child\n *   - Merges incoming props onto that child (event handlers are chained,\n *     className is concatenated, style is shallow-merged)\n *   - Merges refs (callback refs and ref objects)\n *\n * It is intentionally simpler than Radix Slot — no <Slottable/>, no asChild\n * recursion. `asChild` components render exactly one child element, which is\n * all we need here. Non-element children (text, arrays, null) render nothing.\n */\nexport interface SlotProps extends React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode\n}\n\nexport const Slot = React.forwardRef<HTMLElement, SlotProps>(function Slot(\n  props,\n  forwardedRef,\n) {\n  const { children, ...slotProps } = props\n\n  if (!React.isValidElement(children)) {\n    return null\n  }\n\n  // The child element's existing props\n  const childProps = (children.props ?? {}) as Record<string, unknown>\n\n  const mergedProps = mergeProps(slotProps as Record<string, unknown>, childProps)\n\n  // Forward + merge refs. In React 19 `ref` is a regular prop on `props`; in\n  // React 18 it's hoisted onto the element. Prefer the prop and only fall back\n  // to the element field if `props.ref` truly wasn't there — that fallback path\n  // is React 18 only.\n  let childRef: React.Ref<unknown> | undefined = childProps.ref as\n    | React.Ref<unknown>\n    | undefined\n  if (childRef === undefined && !('ref' in (childProps as object))) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    childRef = (children as any).ref as React.Ref<unknown> | undefined\n  }\n  const mergedRef = composeRefs(forwardedRef as React.Ref<unknown>, childRef)\n\n  return React.cloneElement(\n    children as React.ReactElement,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    { ...mergedProps, ref: mergedRef } as any,\n  )\n})\n\nfunction mergeProps(\n  slotProps: Record<string, unknown>,\n  childProps: Record<string, unknown>,\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = { ...slotProps }\n\n  for (const key of Object.keys(childProps)) {\n    const slotValue = slotProps[key]\n    const childValue = childProps[key]\n\n    // Chain event handlers: child's handler runs after slot's\n    if (/^on[A-Z]/.test(key) && typeof slotValue === 'function' && typeof childValue === 'function') {\n      merged[key] = (...args: unknown[]) => {\n        const child = childValue as (...a: unknown[]) => unknown\n        const slot = slotValue as (...a: unknown[]) => unknown\n        child(...args)\n        slot(...args)\n      }\n    } else if (key === 'className') {\n      merged[key] = [slotValue, childValue].filter(Boolean).join(' ')\n    } else if (key === 'style') {\n      merged[key] = { ...(slotValue as object), ...(childValue as object) }\n    } else if (childValue !== undefined) {\n      // Child wins for non-event, non-merged props\n      merged[key] = childValue\n    }\n  }\n\n  return merged\n}\n\ntype PossibleRef<T> = React.Ref<T> | undefined\n\nfunction composeRefs<T>(...refs: Array<PossibleRef<T>>): React.RefCallback<T> {\n  return (node: T) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') {\n        ref(node)\n      } else if (ref != null) {\n        const objectRef = ref as React.MutableRefObject<T | null>\n        objectRef.current = node\n      }\n    }\n  }\n}\n"],
+  "mappings": ";;AAqBO,IAAM,OAAa,iBAAmC,SAASA,MACpE,OACA,cACA;AACA,QAAM,EAAE,UAAU,GAAG,UAAA,IAAc;AAEnC,MAAI,CAAO,qBAAe,QAAQ,GAAG;AACnC,WAAO;EACT;AAGA,QAAM,aAAc,SAAS,SAAS,CAAA;AAEtC,QAAM,cAAc,WAAW,WAAsC,UAAU;AAM/E,MAAI,WAA2C,WAAW;AAG1D,MAAI,aAAa,UAAa,EAAE,SAAU,aAAwB;AAEhE,eAAY,SAAiB;EAC/B;AACA,QAAM,YAAY,YAAY,cAAoC,QAAQ;AAE1E,SAAa;IACX;;IAEA,EAAE,GAAG,aAAa,KAAK,UAAA;EAAU;AAErC,CAAC;AAED,SAAS,WACP,WACA,YACyB;AACzB,QAAM,SAAkC,EAAE,GAAG,UAAA;AAE7C,aAAW,OAAO,OAAO,KAAK,UAAU,GAAG;AACzC,UAAM,YAAY,UAAU,GAAG;AAC/B,UAAM,aAAa,WAAW,GAAG;AAGjC,QAAI,WAAW,KAAK,GAAG,KAAK,OAAO,cAAc,cAAc,OAAO,eAAe,YAAY;AAC/F,aAAO,GAAG,IAAI,IAAI,SAAoB;AACpC,cAAM,QAAQ;AACd,cAAM,OAAO;AACb,cAAM,GAAG,IAAI;AACb,aAAK,GAAG,IAAI;MACd;IACF,WAAW,QAAQ,aAAa;AAC9B,aAAO,GAAG,IAAI,CAAC,WAAW,UAAU,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;IAChE,WAAW,QAAQ,SAAS;AAC1B,aAAO,GAAG,IAAI,EAAE,GAAI,WAAsB,GAAI,WAAA;IAChD,WAAW,eAAe,QAAW;AAEnC,aAAO,GAAG,IAAI;IAChB;EACF;AAEA,SAAO;AACT;AAIA,SAAS,eAAkB,MAAmD;AAC5E,SAAO,CAAC,SAAY;AAClB,eAAW,OAAO,MAAM;AACtB,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI,IAAI;MACV,WAAW,OAAO,MAAM;AACtB,cAAM,YAAY;AAClB,kBAAU,UAAU;MACtB;IACF;EACF;AACF;",
+  "names": ["Slot"]
+}

package/dist/chunk-XWP763SH.js

@@ -71,6 +71,7 @@ function flatten(ctx) {
   return out;
 }
 
-export { createFaroSink };
+export {
+  createFaroSink
+};
 //# sourceMappingURL=chunk-XWP763SH.js.map
-//# sourceMappingURL=chunk-XWP763SH.js.map

package/dist/chunk-XWP763SH.js.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../logger/src/faro-engine.ts"],"names":[],"mappings":";AA4BA,IAAM,UAAA,GAAuC;EAC3C,KAAA,EAAO,OAAA;EACP,IAAA,EAAM,MAAA;EACN,IAAA,EAAM,MAAA;EACN,KAAA,EAAO,OAAA;EACP,KAAA,EAAO;AACT,CAAA;AAOA,eAAsB,eACpB,IAAA,EAC+B;AAC/B,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,SAAA,IAAc,MAAM,kBAAkB,IAAI,CAAA;AACjE,EAAA,IAAI,CAAC,WAAW,OAAO,IAAA;AAEvB,EAAA,OAAO;IACL,IAAA,EAAM,MAAA;AAEN,IAAA,GAAA,CAAI,MAAA,EAAyB;AAC3B,MAAA,SAAA,CAAU,IAAA,CAAK,EAAE,IAAA,EAAM,KAAA,EAAO,QAAQ,CAAA;AACxC,IAAA,CAAA;AAEA,IAAA,IAAA,CAAK,MAAA,EAA0B;AAC7B,MAAA,SAAA,CAAU,IAAA,CAAK,EAAE,IAAA,EAAM,MAAA,EAAQ,QAAQ,CAAA;AACzC,IAAA,CAAA;AAEA,IAAA,MAAM,KAAA,GAAuB;AAG7B,IAAA;AAAA,GAAA;AAEJ;AAMA,eAAe,kBACb,IAAA,EAC+B;AAC/B,EAAA,IAAI;AAEF,IAAA,MAAM,OAAA,GAAU,uBAAA;AAChB,IAAA,MAAM,WAAA,GAAc,2BAAA;AACpB,IAAA,MAAM,MAAO,MAAM;;AAA0B,MAAA;;AAI7C,IAAA,MAAM,UAAW,MAAM;;AAA0B,MAAA;;AAIjD,IAAA,MAAM,IAAA,GAAO,IAAI,cAAA,CAAe;AAC9B,MAAA,GAAA,EAAK,IAAA,CAAK,QAAA;MACV,GAAA,EAAK,EAAE,IAAA,EAAM,IAAA,CAAK,GAAA,EAAA;MAClB,gBAAA,EAAkB;AAChB,QAAA,GAAG,IAAI,sBAAA,EAAA;AACP,QAAA,IAAI,QAAQ,sBAAA;AAAuB;KAEtC,CAAA;AAOD,IAAA,OAAO;MACL,IAAA,CAAK,EAAE,IAAA,EAAM,MAAA,EAAA,EAAgB;AAC3B,QAAA,IAAI,SAAS,KAAA,EAAO;AAClB,UAAA,MAAM,CAAA,GAAI,MAAA;AACV,UAAA,IAAA,CAAK,GAAA,CAAI,OAAA,CAAQ,CAAC,CAAA,CAAE,OAAO,CAAA,EAAG;YAC5B,KAAA,EAAO,UAAA,CAAW,EAAE,KAAK,CAAA;YACzB,OAAA,EAAS,OAAA,CAAQ,EAAE,OAAO;WAC3B,CAAA;QACH,CAAA,MAAO;AACL,UAAA,MAAM,CAAA,GAAI,MAAA;AACV,UAAA,IAAA,CAAK,GAAA,CAAI,SAAA,CAAU,CAAA,KAAA,EAAQ,CAAA,CAAE,IAAI,CAAA,CAAA,EAAI;YACnC,UAAA,EAAY,MAAA,CAAO,EAAE,UAAU,CAAA;AAC/B,YAAA,MAAA,EAAQ,CAAA,CAAE,MAAA;YACV,GAAG,OAAA,CAAQ,EAAE,OAAO;WACrB,CAAA;AACH,QAAA;AACF,MAAA;AAAA,KAAA;EAEJ,CAAA,CAAA,MAAQ;AAEN,IAAA,OAAO,IAAA;AACT,EAAA;AACF;AAGA,SAAS,QAAQ,GAAA,EAAsD;AACrE,EAAA,MAAM,MAA8B,EAAA;AACpC,EAAA,KAAA,MAAW,CAAC,CAAA,EAAG,CAAC,KAAK,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAA,EAAG;AACxC,IAAA,GAAA,CAAI,CAAC,IAAI,OAAO,CAAA,KAAM,WAAW,CAAA,GAAI,IAAA,CAAK,UAAU,CAAC,CAAA;AACvD,EAAA;AACA,EAAA,OAAO,GAAA;AACT","file":"chunk-XWP763SH.js","sourcesContent":["import type { LogLevel, LogRecord, SpanRecord, TelemetrySink } from './types.js'\n\n/**\n * Faro-backed engine. `@grafana/faro-web-sdk` + `@grafana/faro-web-tracing`\n * are **optional peerDependencies** — they are loaded dynamically and never\n * referenced in this module's public types. If the peers are absent the\n * factory resolves to `null` so the caller can fall back to console.\n *\n * For tests, a `transport` may be injected: an object with a `push(payload)`\n * method. This bypasses Faro entirely (no network, no peer required).\n */\n\n/** Minimal structural shape of a Faro-ish transport. Not exported. */\ninterface FaroTransport {\n  push(payload: { kind: 'log' | 'span'; record: LogRecord | SpanRecord }): void\n}\n\nexport interface FaroEngineOptions {\n  app: string\n  endpoint: string\n  /**\n   * Test/override transport. When provided, the Faro peers are NOT loaded\n   * and records are forwarded straight to `transport.push`.\n   */\n  transport?: FaroTransport\n}\n\n/** Map our levels onto Faro's log-level strings. */\nconst FARO_LEVEL: Record<LogLevel, string> = {\n  debug: 'debug',\n  info: 'info',\n  warn: 'warn',\n  error: 'error',\n  fatal: 'error',\n}\n\n/**\n * Construct the Faro engine. Returns `null` when the optional peers are not\n * installed and no override transport was supplied — callers treat `null` as\n * \"fall back to console\".\n */\nexport async function createFaroSink(\n  opts: FaroEngineOptions,\n): Promise<TelemetrySink | null> {\n  const transport = opts.transport ?? (await loadFaroTransport(opts))\n  if (!transport) return null\n\n  return {\n    name: 'faro',\n\n    log(record: LogRecord): void {\n      transport.push({ kind: 'log', record })\n    },\n\n    span(record: SpanRecord): void {\n      transport.push({ kind: 'span', record })\n    },\n\n    async flush(): Promise<void> {\n      // Faro's own transports flush on their schedule / on beacon; the\n      // manager drives page-exit beacon flushing. Nothing buffered here.\n    },\n  }\n}\n\n/**\n * Dynamically import the Faro peers and adapt them to {@link FaroTransport}.\n * Returns `null` if either peer is missing (optional peerDependency absent).\n */\nasync function loadFaroTransport(\n  opts: FaroEngineOptions,\n): Promise<FaroTransport | null> {\n  try {\n    // Indirected so bundlers keep these as runtime-optional dynamic imports.\n    const sdkName = '@grafana/faro-web-sdk'\n    const tracingName = '@grafana/faro-web-tracing'\n    const sdk = (await import(/* @vite-ignore */ sdkName)) as {\n      initializeFaro: (cfg: unknown) => unknown\n      getWebInstrumentations: () => unknown[]\n    }\n    const tracing = (await import(/* @vite-ignore */ tracingName)) as {\n      TracingInstrumentation: new () => unknown\n    }\n\n    const faro = sdk.initializeFaro({\n      url: opts.endpoint,\n      app: { name: opts.app },\n      instrumentations: [\n        ...sdk.getWebInstrumentations(),\n        new tracing.TracingInstrumentation(),\n      ],\n    }) as {\n      api: {\n        pushLog: (msgs: unknown[], opts?: unknown) => void\n        pushEvent: (name: string, attrs?: Record<string, unknown>) => void\n      }\n    }\n\n    return {\n      push({ kind, record }): void {\n        if (kind === 'log') {\n          const r = record as LogRecord\n          faro.api.pushLog([r.message], {\n            level: FARO_LEVEL[r.level],\n            context: flatten(r.context),\n          })\n        } else {\n          const r = record as SpanRecord\n          faro.api.pushEvent(`span:${r.name}`, {\n            durationMs: String(r.durationMs),\n            status: r.status,\n            ...flatten(r.context),\n          })\n        }\n      },\n    }\n  } catch {\n    // Peer not installed (optional) or init failed — caller falls back.\n    return null\n  }\n}\n\n/** Faro context attributes are flat string maps; coerce ours to match. */\nfunction flatten(ctx: Record<string, unknown>): Record<string, string> {\n  const out: Record<string, string> = {}\n  for (const [k, v] of Object.entries(ctx)) {\n    out[k] = typeof v === 'string' ? v : JSON.stringify(v)\n  }\n  return out\n}\n"]}
+{
+  "version": 3,
+  "sources": ["../../logger/src/faro-engine.ts"],
+  "sourcesContent": ["import type { LogLevel, LogRecord, SpanRecord, TelemetrySink } from './types.js'\n\n/**\n * Faro-backed engine. `@grafana/faro-web-sdk` + `@grafana/faro-web-tracing`\n * are **optional peerDependencies** — they are loaded dynamically and never\n * referenced in this module's public types. If the peers are absent the\n * factory resolves to `null` so the caller can fall back to console.\n *\n * For tests, a `transport` may be injected: an object with a `push(payload)`\n * method. This bypasses Faro entirely (no network, no peer required).\n */\n\n/** Minimal structural shape of a Faro-ish transport. Not exported. */\ninterface FaroTransport {\n  push(payload: { kind: 'log' | 'span'; record: LogRecord | SpanRecord }): void\n}\n\nexport interface FaroEngineOptions {\n  app: string\n  endpoint: string\n  /**\n   * Test/override transport. When provided, the Faro peers are NOT loaded\n   * and records are forwarded straight to `transport.push`.\n   */\n  transport?: FaroTransport\n}\n\n/** Map our levels onto Faro's log-level strings. */\nconst FARO_LEVEL: Record<LogLevel, string> = {\n  debug: 'debug',\n  info: 'info',\n  warn: 'warn',\n  error: 'error',\n  fatal: 'error',\n}\n\n/**\n * Construct the Faro engine. Returns `null` when the optional peers are not\n * installed and no override transport was supplied — callers treat `null` as\n * \"fall back to console\".\n */\nexport async function createFaroSink(\n  opts: FaroEngineOptions,\n): Promise<TelemetrySink | null> {\n  const transport = opts.transport ?? (await loadFaroTransport(opts))\n  if (!transport) return null\n\n  return {\n    name: 'faro',\n\n    log(record: LogRecord): void {\n      transport.push({ kind: 'log', record })\n    },\n\n    span(record: SpanRecord): void {\n      transport.push({ kind: 'span', record })\n    },\n\n    async flush(): Promise<void> {\n      // Faro's own transports flush on their schedule / on beacon; the\n      // manager drives page-exit beacon flushing. Nothing buffered here.\n    },\n  }\n}\n\n/**\n * Dynamically import the Faro peers and adapt them to {@link FaroTransport}.\n * Returns `null` if either peer is missing (optional peerDependency absent).\n */\nasync function loadFaroTransport(\n  opts: FaroEngineOptions,\n): Promise<FaroTransport | null> {\n  try {\n    // Indirected so bundlers keep these as runtime-optional dynamic imports.\n    const sdkName = '@grafana/faro-web-sdk'\n    const tracingName = '@grafana/faro-web-tracing'\n    const sdk = (await import(/* @vite-ignore */ sdkName)) as {\n      initializeFaro: (cfg: unknown) => unknown\n      getWebInstrumentations: () => unknown[]\n    }\n    const tracing = (await import(/* @vite-ignore */ tracingName)) as {\n      TracingInstrumentation: new () => unknown\n    }\n\n    const faro = sdk.initializeFaro({\n      url: opts.endpoint,\n      app: { name: opts.app },\n      instrumentations: [\n        ...sdk.getWebInstrumentations(),\n        new tracing.TracingInstrumentation(),\n      ],\n    }) as {\n      api: {\n        pushLog: (msgs: unknown[], opts?: unknown) => void\n        pushEvent: (name: string, attrs?: Record<string, unknown>) => void\n      }\n    }\n\n    return {\n      push({ kind, record }): void {\n        if (kind === 'log') {\n          const r = record as LogRecord\n          faro.api.pushLog([r.message], {\n            level: FARO_LEVEL[r.level],\n            context: flatten(r.context),\n          })\n        } else {\n          const r = record as SpanRecord\n          faro.api.pushEvent(`span:${r.name}`, {\n            durationMs: String(r.durationMs),\n            status: r.status,\n            ...flatten(r.context),\n          })\n        }\n      },\n    }\n  } catch {\n    // Peer not installed (optional) or init failed — caller falls back.\n    return null\n  }\n}\n\n/** Faro context attributes are flat string maps; coerce ours to match. */\nfunction flatten(ctx: Record<string, unknown>): Record<string, string> {\n  const out: Record<string, string> = {}\n  for (const [k, v] of Object.entries(ctx)) {\n    out[k] = typeof v === 'string' ? v : JSON.stringify(v)\n  }\n  return out\n}\n"],
+  "mappings": ";AA4BA,IAAM,aAAuC;EAC3C,OAAO;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACP,OAAO;AACT;AAOA,eAAsB,eACpB,MAC+B;AAC/B,QAAM,YAAY,KAAK,aAAc,MAAM,kBAAkB,IAAI;AACjE,MAAI,CAAC,UAAW,QAAO;AAEvB,SAAO;IACL,MAAM;IAEN,IAAI,QAAyB;AAC3B,gBAAU,KAAK,EAAE,MAAM,OAAO,OAAA,CAAQ;IACxC;IAEA,KAAK,QAA0B;AAC7B,gBAAU,KAAK,EAAE,MAAM,QAAQ,OAAA,CAAQ;IACzC;IAEA,MAAM,QAAuB;IAG7B;EAAA;AAEJ;AAMA,eAAe,kBACb,MAC+B;AAC/B,MAAI;AAEF,UAAM,UAAU;AAChB,UAAM,cAAc;AACpB,UAAM,MAAO,MAAM;;MAA0B;;AAI7C,UAAM,UAAW,MAAM;;MAA0B;;AAIjD,UAAM,OAAO,IAAI,eAAe;MAC9B,KAAK,KAAK;MACV,KAAK,EAAE,MAAM,KAAK,IAAA;MAClB,kBAAkB;QAChB,GAAG,IAAI,uBAAA;QACP,IAAI,QAAQ,uBAAA;MAAuB;IACrC,CACD;AAOD,WAAO;MACL,KAAK,EAAE,MAAM,OAAA,GAAgB;AAC3B,YAAI,SAAS,OAAO;AAClB,gBAAM,IAAI;AACV,eAAK,IAAI,QAAQ,CAAC,EAAE,OAAO,GAAG;YAC5B,OAAO,WAAW,EAAE,KAAK;YACzB,SAAS,QAAQ,EAAE,OAAO;UAAA,CAC3B;QACH,OAAO;AACL,gBAAM,IAAI;AACV,eAAK,IAAI,UAAU,QAAQ,EAAE,IAAI,IAAI;YACnC,YAAY,OAAO,EAAE,UAAU;YAC/B,QAAQ,EAAE;YACV,GAAG,QAAQ,EAAE,OAAO;UAAA,CACrB;QACH;MACF;IAAA;EAEJ,QAAQ;AAEN,WAAO;EACT;AACF;AAGA,SAAS,QAAQ,KAAsD;AACrE,QAAM,MAA8B,CAAA;AACpC,aAAW,CAAC,GAAG,CAAC,KAAK,OAAO,QAAQ,GAAG,GAAG;AACxC,QAAI,CAAC,IAAI,OAAO,MAAM,WAAW,IAAI,KAAK,UAAU,CAAC;EACvD;AACA,SAAO;AACT;",
+  "names": []
+}

package/dist/chunk-Y2FNNAIL.js

@@ -0,0 +1,80 @@
+// ../shared/dist/index.js
+function cn(...inputs) {
+  const classes = [];
+  for (const input of inputs) {
+    if (!input) continue;
+    if (typeof input === "string") {
+      classes.push(input);
+    } else if (typeof input === "number") {
+      classes.push(String(input));
+    } else if (Array.isArray(input)) {
+      const nested = cn(...input);
+      if (nested) classes.push(nested);
+    } else if (typeof input === "object") {
+      for (const [key, value] of Object.entries(input)) {
+        if (value) classes.push(key);
+      }
+    }
+  }
+  return classes.join(" ");
+}
+function cva(config) {
+  return (props) => {
+    const classes = [];
+    if (config.base) {
+      classes.push(config.base);
+    }
+    if (config.variants) {
+      for (const [variantKey, variantOptions] of Object.entries(config.variants)) {
+        const selectedValue = props?.[variantKey] ?? config.defaultVariants?.[variantKey];
+        if (selectedValue != null) {
+          const variantClass = variantOptions[selectedValue];
+          if (variantClass) {
+            classes.push(variantClass);
+          }
+        }
+      }
+    }
+    if (config.compoundVariants) {
+      for (const compound of config.compoundVariants) {
+        const { class: compoundClass, ...conditions } = compound;
+        let matches = true;
+        for (const [key, value] of Object.entries(conditions)) {
+          const propValue = props?.[key] ?? config.defaultVariants?.[key];
+          if (propValue !== value) {
+            matches = false;
+            break;
+          }
+        }
+        if (matches) {
+          classes.push(compoundClass);
+        }
+      }
+    }
+    if (props?.className) {
+      classes.push(props.className);
+    }
+    return classes.filter(Boolean).join(" ");
+  };
+}
+var seen = /* @__PURE__ */ new Set();
+function isDev() {
+  return typeof process === "undefined" || process.env?.NODE_ENV !== "production";
+}
+function emit(level, code, message, detail) {
+  if (!isDev()) return;
+  const key = `${level}:${code}`;
+  if (seen.has(key)) return;
+  seen.add(key);
+  const text = `[refraction-ui] ${code}: ${message}`;
+  {
+    console.warn(text, detail ?? "");
+  }
+}
+function devWarn(code, message, detail) {
+  emit("warn", code, message, detail);
+}
+
+export { cn, cva, devWarn };
+//# sourceMappingURL=chunk-Y2FNNAIL.js.map
+//# sourceMappingURL=chunk-Y2FNNAIL.js.map

package/dist/chunk-Y2FNNAIL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../shared/src/cn.ts","../../shared/src/cva.ts","../../shared/src/dev-feedback.ts"],"names":[],"mappings":"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","file":"chunk-Y2FNNAIL.js","sourcesContent":["/**\n * Lightweight class name utility — our own implementation.\n * Handles conditional classes, arrays, and falsy values.\n * No external dependencies (no clsx, no tailwind-merge).\n *\n * For Tailwind class conflict resolution (e.g., 'p-2 p-4' → 'p-4'),\n * consumers can use @refraction-ui/tailwind-config which provides\n * a tw-merge-aware variant of this function.\n */\n\ntype ClassValue = string | number | boolean | undefined | null | ClassValue[]\ntype ClassRecord = Record<string, boolean | undefined | null>\n\nexport function cn(...inputs: Array<ClassValue | ClassRecord>): string {\n  const classes: string[] = []\n\n  for (const input of inputs) {\n    if (!input) continue\n\n    if (typeof input === 'string') {\n      classes.push(input)\n    } else if (typeof input === 'number') {\n      classes.push(String(input))\n    } else if (Array.isArray(input)) {\n      const nested = cn(...input)\n      if (nested) classes.push(nested)\n    } else if (typeof input === 'object') {\n      for (const [key, value] of Object.entries(input)) {\n        if (value) classes.push(key)\n      }\n    }\n  }\n\n  return classes.join(' ')\n}\n","/**\n * Lightweight class-variance-authority alternative — zero dependencies.\n * Creates variant-driven class name functions for components.\n */\n\ninterface VariantConfig {\n  [variant: string]: Record<string, string>\n}\n\ninterface CVAConfig<V extends VariantConfig> {\n  base?: string\n  variants?: V\n  defaultVariants?: {\n    [K in keyof V]?: keyof V[K]\n  }\n  compoundVariants?: Array<\n    {\n      [K in keyof V]?: keyof V[K]\n    } & { class: string }\n  >\n}\n\ntype VariantProps<V extends VariantConfig> = {\n  [K in keyof V]?: keyof V[K]\n}\n\nexport function cva<V extends VariantConfig>(config: CVAConfig<V>) {\n  return (props?: VariantProps<V> & { className?: string }): string => {\n    const classes: string[] = []\n\n    if (config.base) {\n      classes.push(config.base)\n    }\n\n    if (config.variants) {\n      for (const [variantKey, variantOptions] of Object.entries(config.variants)) {\n        const selectedValue =\n          (props as Record<string, unknown> | undefined)?.[variantKey] ??\n          config.defaultVariants?.[variantKey]\n\n        if (selectedValue != null) {\n          const variantClass = (variantOptions as Record<string, string>)[\n            selectedValue as string\n          ]\n          if (variantClass) {\n            classes.push(variantClass)\n          }\n        }\n      }\n    }\n\n    if (config.compoundVariants) {\n      for (const compound of config.compoundVariants) {\n        const { class: compoundClass, ...conditions } = compound\n        let matches = true\n\n        for (const [key, value] of Object.entries(conditions)) {\n          const propValue =\n            (props as Record<string, unknown>)?.[key] ??\n            config.defaultVariants?.[key]\n          if (propValue !== value) {\n            matches = false\n            break\n          }\n        }\n\n        if (matches) {\n          classes.push(compoundClass as string)\n        }\n      }\n    }\n\n    if (props?.className) {\n      classes.push(props.className)\n    }\n\n    return classes.filter(Boolean).join(' ')\n  }\n}\n","/**\n * dev-feedback — zero-dependency `devWarn` / `devError` primitives.\n *\n * Design constraints (epic #247, issue #248):\n * - Guarded by `process.env.NODE_ENV !== 'production'` so production bundlers\n *   dead-code-strip every call (the guard is a static string compare that\n *   minifiers fold to `false` in prod builds).\n * - Warn-once dedupe per `code` — a footgun is reported once, not on every\n *   render.\n * - NO import of `@refraction-ui/logger` (no hard dependency on the telemetry\n *   lib). Forwarding to a telemetry sink happens ONLY if the consumer\n *   explicitly injects one (dependency inversion, never an import).\n */\n\n/**\n * Minimal structural shape of the record a telemetry sink consumes. This is a\n * deliberate structural mirror of `@refraction-ui/logger`'s `LogRecord` — it is\n * NOT imported, so `@refraction-ui/shared` keeps zero dependency on the\n * telemetry lib. A consumer that wires the real logger sink satisfies this\n * shape structurally.\n */\nexport interface DevFeedbackRecord {\n  level: 'warn' | 'error'\n  message: string\n  timestamp: number\n  /** Structured detail — the library-origin envelope lives here. */\n  context: Record<string, unknown>\n}\n\n/**\n * The narrow contract a consumer-injected telemetry sink must satisfy. Kept\n * intentionally minimal and structural so the real `TelemetrySink` from\n * `@refraction-ui/logger` is assignable WITHOUT shared importing the logger.\n */\nexport interface DevFeedbackSink {\n  /** Receive a single dev-feedback record. Must never throw to the caller. */\n  log(record: DevFeedbackRecord): void\n}\n\n/**\n * Minimal ambient view of `process.env` so we can read `NODE_ENV` WITHOUT\n * pulling `@types/node` into this zero-dependency package. Accessed defensively\n * (the `typeof process === 'undefined'` guard) so this is safe in browsers too.\n */\ndeclare const process:\n  | { env?: { NODE_ENV?: string } }\n  | undefined\n\n/** Per-code dedupe set — module-scoped so it survives across calls. */\nconst seen = new Set<string>()\n\n/**\n * Optional, consumer-injected sink. `null` until a consumer explicitly wires\n * one via {@link setDevFeedbackSink}. Nothing phones home implicitly.\n */\nlet injectedSink: DevFeedbackSink | null = null\n\n/**\n * Wire an optional telemetry sink that {@link devWarn} / {@link devError}\n * forward to (in addition to the console). Inversion of control: the consumer\n * owns the sink; this package never imports it. Pass `null` to unwire.\n *\n * Forwarding still only happens in non-production (the calls themselves are\n * stripped in prod), and still respects warn-once dedupe.\n */\nexport function setDevFeedbackSink(sink: DevFeedbackSink | null): void {\n  injectedSink = sink\n}\n\n/** Test-only / consumer-only escape hatch to reset warn-once dedupe state. */\nexport function resetDevFeedback(): void {\n  seen.clear()\n}\n\nfunction isDev(): boolean {\n  // String compare (not a negated truthiness) so bundlers can statically fold\n  // `process.env.NODE_ENV` and strip the whole branch in production builds.\n  return (\n    typeof process === 'undefined' ||\n    process.env?.NODE_ENV !== 'production'\n  )\n}\n\nfunction emit(\n  level: 'warn' | 'error',\n  code: string,\n  message: string,\n  detail?: Record<string, unknown>,\n): void {\n  if (!isDev()) return\n\n  // Warn-once dedupe, keyed by (level, code) so an error and a warning sharing\n  // a code are not collapsed into one.\n  const key = `${level}:${code}`\n  if (seen.has(key)) return\n  seen.add(key)\n\n  const text = `[refraction-ui] ${code}: ${message}`\n\n  if (level === 'error') {\n    console.error(text, detail ?? '')\n  } else {\n    console.warn(text, detail ?? '')\n  }\n\n  // Forward to the consumer-injected sink ONLY if one was explicitly wired.\n  if (injectedSink) {\n    const record: DevFeedbackRecord = {\n      level,\n      message: `${code}: ${message}`,\n      timestamp: Date.now(),\n      context: { code, ...(detail ?? {}) },\n    }\n    try {\n      injectedSink.log(record)\n    } catch {\n      // A broken sink must never break the consumer app.\n    }\n  }\n}\n\n/**\n * Emit a development-only warning for a refraction-ui footgun.\n *\n * @param code    Stable, greppable identifier (e.g. `'react/no-controlled-prop'`).\n * @param message Human-readable explanation.\n * @param detail  Optional structured detail (forwarded to an injected sink).\n *\n * Stripped entirely in production. Warned at most once per `code`.\n */\nexport function devWarn(\n  code: string,\n  message: string,\n  detail?: Record<string, unknown>,\n): void {\n  emit('warn', code, message, detail)\n}\n\n/**\n * Emit a development-only error for a refraction-ui misuse / invariant break.\n *\n * @param code    Stable, greppable identifier.\n * @param message Human-readable explanation.\n * @param detail  Optional structured detail (forwarded to an injected sink).\n *\n * Stripped entirely in production. Reported at most once per `code`.\n */\nexport function devError(\n  code: string,\n  message: string,\n  detail?: Record<string, unknown>,\n): void {\n  emit('error', code, message, detail)\n}\n"]}

package/dist/{chunk-4A4BW3GR.js → chunk-ZF3OHCGV.js}

@@ -119,8 +119,9 @@ function prefersReducedMotion() {
   return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 var seen = /* @__PURE__ */ new Set();
+var injectedSink = null;
 function isDev() {
-  return typeof process === "undefined" || process.env?.NODE_ENV !== "production";
+  return typeof process === "undefined" || true;
 }
 function emit(level, code, message, detail) {
   if (!isDev()) return;
@@ -128,14 +129,36 @@ function emit(level, code, message, detail) {
   if (seen.has(key)) return;
   seen.add(key);
   const text = `[refraction-ui] ${code}: ${message}`;
-  {
+  if (level === "error") {
+    console.error(text, detail ?? "");
+  } else {
     console.warn(text, detail ?? "");
   }
+  if (injectedSink) {
+    const record = {
+      level,
+      message: `${code}: ${message}`,
+      timestamp: Date.now(),
+      context: { code, ...detail ?? {} }
+    };
+    try {
+      injectedSink.log(record);
+    } catch {
+    }
+  }
 }
 function devWarn(code, message, detail) {
   emit("warn", code, message, detail);
 }
 
-export { Keys, cn, createKeyboardHandler, createMachine, cva, devWarn, generateId, prefersReducedMotion };
-//# sourceMappingURL=chunk-4A4BW3GR.js.map
-//# sourceMappingURL=chunk-4A4BW3GR.js.map
+export {
+  generateId,
+  Keys,
+  createKeyboardHandler,
+  createMachine,
+  cn,
+  cva,
+  prefersReducedMotion,
+  devWarn
+};
+//# sourceMappingURL=chunk-ZF3OHCGV.js.map