@variiant-ui/react-vite 0.1.0

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin.ts","../src/runtime-core.ts","../src/runtime-singleton.ts","../src/runtime-api.ts"],"sourcesContent":["import fs from \"node:fs\";\nimport path from \"node:path\";\n\nimport type { Plugin } from \"vite\";\n\nexport type VariantManifest = {\n  source: string;\n  exportName?: string;\n  selected?: string;\n  displayName?: string;\n  variants: string[] | Record<string, string>;\n};\n\nexport type VariantTargetEntry = {\n  exportName: string;\n  selected: string;\n  displayName: string;\n  variantImportPaths: Record<string, string>;\n};\n\nexport type VariantRegistryEntry = {\n  key: string;\n  sourceAbsolutePath: string;\n  sourceRelativePath: string;\n  sourceImportPath: string;\n  hasDefaultExport: boolean;\n  targets: Record<string, VariantTargetEntry>;\n};\n\nexport type VariantPluginOptions = {\n  projectRoot?: string;\n  variantsDir?: string;\n};\n\nconst sourceExtensions = [\".tsx\", \".ts\", \".jsx\", \".js\", \".mts\", \".mjs\", \".cts\", \".cjs\"];\n\nexport function variantPlugin(options: VariantPluginOptions = {}): Plugin {\n  let projectRoot = \"\";\n  let registry = new Map<string, VariantRegistryEntry>();\n\n  const refreshRegistry = (): void => {\n    projectRoot = options.projectRoot ? path.resolve(options.projectRoot) : process.cwd();\n    registry = loadRegistry(projectRoot, options.variantsDir ?? \".variants\");\n  };\n\n  return {\n    name: \"variiant-react-vite\",\n    enforce: \"pre\",\n    configResolved(config) {\n      projectRoot = options.projectRoot ? path.resolve(options.projectRoot) : config.root;\n      registry = loadRegistry(projectRoot, options.variantsDir ?? \".variants\");\n    },\n    configureServer(server) {\n      server.watcher.add(path.join(projectRoot, options.variantsDir ?? \".variants\"));\n      const reload = (): void => {\n        refreshRegistry();\n        server.ws.send({ type: \"full-reload\" });\n      };\n\n      server.watcher.on(\"add\", reload);\n      server.watcher.on(\"change\", reload);\n      server.watcher.on(\"unlink\", reload);\n    },\n    async resolveId(source, importer, resolveOptions) {\n      if (!importer || source.startsWith(\"\\0\")) {\n        return null;\n      }\n\n      const normalizedImporter = normalizePath(importer);\n      if (\n        normalizedImporter.startsWith(\"\\0variant-proxy:\") ||\n        normalizedImporter.includes(\"/.variants/\")\n      ) {\n        return null;\n      }\n\n      const resolved = await this.resolve(source, importer, {\n        ...resolveOptions,\n        skipSelf: true,\n      });\n\n      if (!resolved) {\n        return null;\n      }\n\n      const entry = registry.get(normalizePath(resolved.id));\n      if (!entry) {\n        return null;\n      }\n\n      return `\\0variant-proxy:${encodeURIComponent(entry.sourceAbsolutePath)}`;\n    },\n    load(id) {\n      if (!id.startsWith(\"\\0variant-proxy:\")) {\n        return null;\n      }\n\n      const sourceAbsolutePath = decodeURIComponent(id.slice(\"\\0variant-proxy:\".length));\n      const entry = registry.get(normalizePath(sourceAbsolutePath));\n      if (!entry) {\n        throw new Error(`Missing variant registry entry for ${sourceAbsolutePath}`);\n      }\n\n      if (this.meta.watchMode) {\n        return buildDevelopmentProxyModule(entry);\n      }\n\n      return buildProductionProxyModule(entry);\n    },\n  };\n}\n\nfunction loadRegistry(projectRoot: string, variantsDirName: string): Map<string, VariantRegistryEntry> {\n  const variantsRoot = path.join(projectRoot, variantsDirName);\n  const results = new Map<string, VariantRegistryEntry>();\n\n  if (!fs.existsSync(variantsRoot)) {\n    return results;\n  }\n\n  loadConventionalVariants(projectRoot, variantsRoot, results);\n  loadManifestVariants(projectRoot, variantsRoot, results);\n\n  return results;\n}\n\nfunction loadConventionalVariants(\n  projectRoot: string,\n  variantsRoot: string,\n  results: Map<string, VariantRegistryEntry>,\n): void {\n  const variantFiles = walkForVariantFiles(variantsRoot);\n\n  for (const variantFilePath of variantFiles) {\n    const relativePath = normalizePath(path.relative(variantsRoot, variantFilePath));\n    const match = parseConventionalVariantPath(relativePath);\n    if (!match) {\n      continue;\n    }\n\n    const sourceAbsolutePath = normalizePath(path.resolve(projectRoot, match.sourceRelativePath));\n    const entry = ensureRegistryEntry(results, projectRoot, sourceAbsolutePath, match.sourceRelativePath);\n    const target = ensureTargetEntry(entry, {\n      exportName: match.exportName,\n      selected: \"source\",\n      displayName: deriveDisplayName(match.sourceRelativePath, match.exportName),\n    });\n\n    if (match.variantName in target.variantImportPaths) {\n      throw new Error(\n        `Duplicate conventional variant \"${match.variantName}\" for ${match.sourceRelativePath}#${match.exportName}.`,\n      );\n    }\n\n    target.variantImportPaths[match.variantName] = toImportPath(variantFilePath);\n  }\n}\n\nfunction loadManifestVariants(\n  projectRoot: string,\n  variantsRoot: string,\n  results: Map<string, VariantRegistryEntry>,\n): void {\n  const configPaths = walkForVariantConfigs(variantsRoot);\n\n  for (const configPath of configPaths) {\n    const configDir = path.dirname(configPath);\n    const parsed = JSON.parse(fs.readFileSync(configPath, \"utf8\")) as VariantManifest;\n\n    if (!parsed.source || typeof parsed.source !== \"string\") {\n      throw new Error(`Variant config ${configPath} must declare a string \"source\".`);\n    }\n\n    if (!parsed.variants || (!Array.isArray(parsed.variants) && typeof parsed.variants !== \"object\")) {\n      throw new Error(`Variant config ${configPath} must declare \"variants\".`);\n    }\n\n    const sourceRelativePath = normalizePath(parsed.source);\n    const sourceAbsolutePath = normalizePath(path.resolve(projectRoot, sourceRelativePath));\n    const exportName = parsed.exportName ?? \"default\";\n    const variantImportPaths = resolveVariantImportPaths(configDir, parsed.variants);\n    const selected = parsed.selected ?? \"source\";\n\n    if (selected !== \"source\" && !(selected in variantImportPaths)) {\n      throw new Error(\n        `Variant config ${configPath} selects \"${selected}\" but no matching variant file was found.`,\n      );\n    }\n\n    const entry = ensureRegistryEntry(results, projectRoot, sourceAbsolutePath, sourceRelativePath);\n    const target = ensureTargetEntry(entry, {\n      exportName,\n      selected,\n      displayName: parsed.displayName ?? deriveDisplayName(sourceRelativePath, exportName),\n    });\n\n    if (Object.keys(target.variantImportPaths).length > 0) {\n      throw new Error(\n        `Duplicate variant target for ${sourceRelativePath}#${exportName}. Remove either the manifest or the conventional variant folder.`,\n      );\n    }\n\n    target.selected = selected;\n    target.displayName = parsed.displayName ?? target.displayName;\n    target.variantImportPaths = variantImportPaths;\n  }\n}\n\nfunction walkForVariantConfigs(rootDir: string): string[] {\n  const results: string[] = [];\n\n  const walk = (currentDir: string): void => {\n    for (const entry of fs.readdirSync(currentDir, { withFileTypes: true })) {\n      const entryPath = path.join(currentDir, entry.name);\n      if (entry.isDirectory()) {\n        walk(entryPath);\n        continue;\n      }\n\n      if (entry.isFile() && entry.name === \"variant.json\") {\n        results.push(entryPath);\n      }\n    }\n  };\n\n  walk(rootDir);\n  return results.sort();\n}\n\nfunction walkForVariantFiles(rootDir: string): string[] {\n  const results: string[] = [];\n\n  const walk = (currentDir: string): void => {\n    for (const entry of fs.readdirSync(currentDir, { withFileTypes: true })) {\n      const entryPath = path.join(currentDir, entry.name);\n      if (entry.isDirectory()) {\n        walk(entryPath);\n        continue;\n      }\n\n      if (\n        entry.isFile() &&\n        entry.name !== \"variant.json\" &&\n        sourceExtensions.some((extension) => entry.name.endsWith(extension))\n      ) {\n        results.push(normalizePath(entryPath));\n      }\n    }\n  };\n\n  walk(rootDir);\n  return results.sort();\n}\n\nfunction parseConventionalVariantPath(relativePath: string): {\n  sourceRelativePath: string;\n  exportName: string;\n  variantName: string;\n} | null {\n  const segments = relativePath.split(\"/\").filter(Boolean);\n  if (segments.length < 3) {\n    return null;\n  }\n\n  const sourceSegmentIndex = findSourceSegmentIndex(segments);\n  if (sourceSegmentIndex === -1 || sourceSegmentIndex !== segments.length - 3) {\n    return null;\n  }\n\n  const exportName = segments[sourceSegmentIndex + 1];\n  const variantFileName = segments[sourceSegmentIndex + 2];\n  const extension = sourceExtensions.find((candidate) => variantFileName.endsWith(candidate));\n  if (!extension) {\n    return null;\n  }\n\n  const variantName = variantFileName.slice(0, -extension.length);\n  if (!exportName || !variantName) {\n    return null;\n  }\n\n  return {\n    sourceRelativePath: segments.slice(0, sourceSegmentIndex + 1).join(\"/\"),\n    exportName,\n    variantName,\n  };\n}\n\nfunction findSourceSegmentIndex(segments: string[]): number {\n  for (let index = segments.length - 3; index >= 0; index -= 1) {\n    if (sourceExtensions.some((extension) => segments[index]?.endsWith(extension))) {\n      return index;\n    }\n  }\n\n  return -1;\n}\n\nfunction resolveVariantImportPaths(\n  configDir: string,\n  variants: VariantManifest[\"variants\"],\n): Record<string, string> {\n  if (Array.isArray(variants)) {\n    return Object.fromEntries(\n      variants.map((variantName) => [\n        variantName,\n        toImportPath(resolveFile(configDir, variantName)),\n      ]),\n    );\n  }\n\n  return Object.fromEntries(\n    Object.entries(variants).map(([variantName, relativePath]) => [\n      variantName,\n      toImportPath(resolveCustomPath(configDir, relativePath)),\n    ]),\n  );\n}\n\nfunction resolveFile(configDir: string, variantName: string): string {\n  for (const extension of sourceExtensions) {\n    const candidate = path.join(configDir, `${variantName}${extension}`);\n    if (fs.existsSync(candidate)) {\n      return normalizePath(candidate);\n    }\n  }\n\n  throw new Error(\n    `Could not find variant file for \"${variantName}\" in ${configDir}. Expected one of ${sourceExtensions.join(\", \")}.`,\n  );\n}\n\nfunction resolveCustomPath(configDir: string, relativePath: string): string {\n  const absolute = normalizePath(path.resolve(configDir, relativePath));\n  if (fs.existsSync(absolute)) {\n    return absolute;\n  }\n\n  throw new Error(`Variant file ${relativePath} does not exist in ${configDir}.`);\n}\n\nfunction ensureRegistryEntry(\n  results: Map<string, VariantRegistryEntry>,\n  projectRoot: string,\n  sourceAbsolutePath: string,\n  sourceRelativePath: string,\n): VariantRegistryEntry {\n  const existing = results.get(sourceAbsolutePath);\n  if (existing) {\n    return existing;\n  }\n\n  const created: VariantRegistryEntry = {\n    key: sourceRelativePath,\n    sourceAbsolutePath,\n    sourceRelativePath,\n    sourceImportPath: toImportPath(sourceAbsolutePath),\n    hasDefaultExport: detectHasDefaultExport(sourceAbsolutePath),\n    targets: {},\n  };\n\n  created.key = normalizePath(path.relative(projectRoot, sourceAbsolutePath));\n  results.set(sourceAbsolutePath, created);\n  return created;\n}\n\nfunction ensureTargetEntry(\n  entry: VariantRegistryEntry,\n  target: Pick<VariantTargetEntry, \"exportName\" | \"selected\" | \"displayName\">,\n): VariantTargetEntry {\n  const existing = entry.targets[target.exportName];\n  if (existing) {\n    return existing;\n  }\n\n  const created: VariantTargetEntry = {\n    exportName: target.exportName,\n    selected: target.selected,\n    displayName: target.displayName,\n    variantImportPaths: {},\n  };\n\n  entry.targets[target.exportName] = created;\n  return created;\n}\n\nfunction buildDevelopmentProxyModule(entry: VariantRegistryEntry): string {\n  const importLines = [\n    `export * from ${JSON.stringify(entry.sourceImportPath)};`,\n    `import * as SourceModule from ${JSON.stringify(entry.sourceImportPath)};`,\n    `import { createVariantProxy, installVariantOverlay } from \"@variiant-ui/react-vite/runtime\";`,\n  ];\n  const outputLines: string[] = [\"installVariantOverlay();\"];\n\n  for (const target of sortTargets(entry.targets)) {\n    if (target.exportName === \"default\" && !entry.hasDefaultExport) {\n      throw new Error(\n        `Variant target ${entry.sourceRelativePath}#default requires the source module to have a default export.`,\n      );\n    }\n\n    const targetIdentifier = toIdentifier(target.exportName === \"default\" ? \"default\" : target.exportName);\n    const variantsIdentifier = `${targetIdentifier}Variants`;\n    const proxyIdentifier = `${targetIdentifier}VariantProxy`;\n    const variantLines = [`  source: ${getSourceAccessExpression(target.exportName)},`];\n\n    for (const [variantName, importPath] of Object.entries(target.variantImportPaths)) {\n      const identifier = toIdentifier(`${target.exportName}-${variantName}`);\n      importLines.push(`import ${identifier} from ${JSON.stringify(importPath)};`);\n      variantLines.push(`  ${JSON.stringify(variantName)}: ${identifier},`);\n    }\n\n    outputLines.push(`const ${variantsIdentifier} = {`);\n    outputLines.push(variantLines.join(\"\\n\"));\n    outputLines.push(\"};\");\n    outputLines.push(\"\");\n    outputLines.push(`const ${proxyIdentifier} = createVariantProxy({`);\n    outputLines.push(`  sourceId: ${JSON.stringify(buildSourceId(entry.sourceRelativePath, target.exportName))},`);\n    outputLines.push(`  displayName: ${JSON.stringify(target.displayName)},`);\n    outputLines.push(`  selected: ${JSON.stringify(target.selected)},`);\n    outputLines.push(`  variants: ${variantsIdentifier},`);\n    outputLines.push(\"});\");\n    outputLines.push(\"\");\n    outputLines.push(buildVariantExport(target.exportName, proxyIdentifier));\n    outputLines.push(\"\");\n  }\n\n  if (entry.hasDefaultExport && !(\"default\" in entry.targets)) {\n    outputLines.push(\"export default SourceModule.default;\");\n  }\n\n  return `${importLines.join(\"\\n\")}\\n\\n${outputLines.join(\"\\n\")}\\n`;\n}\n\nfunction buildProductionProxyModule(entry: VariantRegistryEntry): string {\n  const lines = [`export * from ${JSON.stringify(entry.sourceImportPath)};`];\n\n  const defaultTarget = entry.targets.default;\n  if (defaultTarget?.selected && defaultTarget.selected !== \"source\") {\n    const selectedImport = defaultTarget.variantImportPaths[defaultTarget.selected];\n    lines.push(`export { default } from ${JSON.stringify(selectedImport)};`);\n  } else if (entry.hasDefaultExport) {\n    lines.push(`export { default } from ${JSON.stringify(entry.sourceImportPath)};`);\n  }\n\n  for (const target of sortTargets(entry.targets)) {\n    if (target.exportName === \"default\" || target.selected === \"source\") {\n      continue;\n    }\n\n    const selectedImport = target.variantImportPaths[target.selected];\n    lines.push(`export { default as ${target.exportName} } from ${JSON.stringify(selectedImport)};`);\n  }\n\n  return `${lines.join(\"\\n\")}\\n`;\n}\n\nfunction sortTargets(targets: Record<string, VariantTargetEntry>): VariantTargetEntry[] {\n  return Object.values(targets).sort((left, right) => {\n    if (left.exportName === \"default\") {\n      return -1;\n    }\n\n    if (right.exportName === \"default\") {\n      return 1;\n    }\n\n    return left.exportName.localeCompare(right.exportName);\n  });\n}\n\nfunction getSourceAccessExpression(exportName: string): string {\n  return exportName === \"default\"\n    ? \"SourceModule.default\"\n    : `SourceModule[${JSON.stringify(exportName)}]`;\n}\n\nfunction deriveDisplayName(sourceRelativePath: string, exportName: string): string {\n  if (exportName !== \"default\") {\n    return exportName;\n  }\n\n  const extension = sourceExtensions.find((candidate) => sourceRelativePath.endsWith(candidate)) ?? \"\";\n  const fileName = path.posix.basename(sourceRelativePath, extension);\n  const displayName = fileName === \"index\"\n    ? path.posix.basename(path.posix.dirname(sourceRelativePath))\n    : fileName;\n\n  return humanize(displayName);\n}\n\nfunction humanize(value: string): string {\n  return value\n    .replace(/([a-z0-9])([A-Z])/g, \"$1 $2\")\n    .replace(/[-_]+/g, \" \")\n    .replace(/\\b\\w/g, (match) => match.toUpperCase());\n}\n\nfunction detectHasDefaultExport(sourceAbsolutePath: string): boolean {\n  if (!fs.existsSync(sourceAbsolutePath)) {\n    return false;\n  }\n\n  const source = fs.readFileSync(sourceAbsolutePath, \"utf8\");\n  return /\\bexport\\s+default\\b/.test(source) || /\\bas\\s+default\\b/.test(source);\n}\n\nfunction toIdentifier(name: string): string {\n  const safeName = name\n    .replace(/[^a-zA-Z0-9]+(.)/g, (_match, nextCharacter: string) => nextCharacter.toUpperCase())\n    .replace(/[^a-zA-Z0-9]/g, \"\");\n  return `${safeName.charAt(0).toUpperCase() + safeName.slice(1)}Variant`;\n}\n\nfunction normalizePath(value: string): string {\n  return value.split(path.sep).join(path.posix.sep);\n}\n\nfunction toImportPath(value: string): string {\n  return normalizePath(value);\n}\n\nfunction buildSourceId(sourceRelativePath: string, exportName: string): string {\n  return exportName === \"default\"\n    ? sourceRelativePath\n    : `${sourceRelativePath}#${exportName}`;\n}\n\nfunction buildVariantExport(exportName: string, proxyIdentifier: string): string {\n  return exportName === \"default\"\n    ? `export default ${proxyIdentifier};`\n    : `export { ${proxyIdentifier} as ${exportName} };`;\n}\n","type Direction = 1 | -1;\n\nexport type Shortcut = string | string[];\n\nexport type VariantShortcutConfig = {\n  toggleOverlay: Shortcut;\n  nextComponent: Shortcut;\n  previousComponent: Shortcut;\n  nextVariant: Shortcut;\n  previousVariant: Shortcut;\n  closeOverlay: Shortcut;\n};\n\nexport const defaultShortcuts: VariantShortcutConfig = {\n  toggleOverlay: [\"meta+shift+.\", \"ctrl+shift+.\"],\n  nextComponent: [\"meta+alt+arrowdown\", \"ctrl+alt+arrowdown\"],\n  previousComponent: [\"meta+alt+arrowup\", \"ctrl+alt+arrowup\"],\n  nextVariant: [\"meta+shift+arrowright\", \"ctrl+shift+arrowright\"],\n  previousVariant: [\"meta+shift+arrowleft\", \"ctrl+shift+arrowleft\"],\n  closeOverlay: \"escape\",\n};\n\nexport type VariantDefinition = {\n  sourceId: string;\n  displayName: string;\n  selected: string;\n  variantNames: string[];\n};\n\nexport type RuntimeComponentRecord = VariantDefinition & {\n  mountedCount: number;\n};\n\nexport type RuntimeState = {\n  overlayOpen: boolean;\n  activeSourceId: string | null;\n  components: RuntimeComponentRecord[];\n};\n\nexport type VariantRuntimeSnapshot = RuntimeState & {\n  selections: Record<string, string>;\n  shortcutConfig: VariantShortcutConfig;\n};\n\nexport type VariantRuntimeStorage = {\n  readSelections: () => Record<string, string>;\n  writeSelections: (selections: Record<string, string>) => void;\n  readShortcutOverrides: () => Partial<VariantShortcutConfig>;\n  writeShortcutOverrides: (shortcutConfig: VariantShortcutConfig) => void;\n};\n\nexport type VariantRuntimeController = {\n  define: (definition: VariantDefinition) => void;\n  mount: (sourceId: string) => () => void;\n  getSelectedVariant: (sourceId: string, fallback: string) => string;\n  getSnapshot: () => VariantRuntimeSnapshot;\n  subscribe: (listener: () => void) => () => void;\n  actions: {\n    toggleOverlay: () => void;\n    closeOverlay: () => void;\n    nextComponent: () => void;\n    previousComponent: () => void;\n    nextVariant: () => void;\n    previousVariant: () => void;\n    selectComponent: (sourceId: string | null) => void;\n    selectVariant: (sourceId: string, variantName: string) => void;\n    configureShortcuts: (overrides?: Partial<VariantShortcutConfig>) => void;\n  };\n};\n\ntype ControllerState = RuntimeState & {\n  selections: Record<string, string>;\n  shortcutConfig: VariantShortcutConfig;\n};\n\nfunction rotate<T>(items: T[], currentIndex: number, direction: Direction): T | null {\n  if (items.length === 0) {\n    return null;\n  }\n\n  const nextIndex = (currentIndex + direction + items.length) % items.length;\n  return items[nextIndex] ?? null;\n}\n\nfunction getMountedComponents(state: ControllerState): RuntimeComponentRecord[] {\n  return state.components.filter((component) => component.mountedCount > 0);\n}\n\nfunction getActiveMountedComponent(state: ControllerState): RuntimeComponentRecord | null {\n  const mounted = getMountedComponents(state);\n  return mounted.find((component) => component.sourceId === state.activeSourceId) ?? mounted[0] ?? null;\n}\n\nexport function createVariantRuntimeController(options: {\n  storage?: VariantRuntimeStorage;\n} = {}): VariantRuntimeController {\n  const storage = options.storage;\n  const listeners = new Set<() => void>();\n  const definitions = new Map<string, VariantDefinition>();\n  const mountedCounts = new Map<string, number>();\n  const state: ControllerState = {\n    overlayOpen: false,\n    activeSourceId: null,\n    components: [],\n    selections: storage?.readSelections() ?? {},\n    shortcutConfig: {\n      ...defaultShortcuts,\n      ...(storage?.readShortcutOverrides() ?? {}),\n    },\n  };\n\n  const emit = (): void => {\n    state.components = Array.from(definitions.values())\n      .map((definition) => ({\n        ...definition,\n        selected: state.selections[definition.sourceId] ?? definition.selected,\n        mountedCount: mountedCounts.get(definition.sourceId) ?? 0,\n      }))\n      .sort((left, right) => left.displayName.localeCompare(right.displayName));\n\n    const mounted = getMountedComponents(state);\n    if (!mounted.some((component) => component.sourceId === state.activeSourceId)) {\n      state.activeSourceId = mounted[0]?.sourceId ?? null;\n    }\n\n    for (const listener of listeners) {\n      listener();\n    }\n  };\n\n  const persistSelections = (): void => {\n    storage?.writeSelections(state.selections);\n  };\n\n  const persistShortcuts = (): void => {\n    storage?.writeShortcutOverrides(state.shortcutConfig);\n  };\n\n  const moveActiveComponent = (direction: Direction): void => {\n    const mounted = getMountedComponents(state);\n    if (mounted.length === 0) {\n      return;\n    }\n\n    const currentIndex = mounted.findIndex((component) => component.sourceId === state.activeSourceId);\n    const current = currentIndex >= 0 ? currentIndex : 0;\n    const next = rotate(mounted, current, direction);\n    if (!next) {\n      return;\n    }\n\n    state.activeSourceId = next.sourceId;\n    emit();\n  };\n\n  const moveVariant = (direction: Direction): void => {\n    const active = getActiveMountedComponent(state);\n    if (!active) {\n      return;\n    }\n\n    const currentIndex = active.variantNames.findIndex(\n      (variantName) => variantName === (state.selections[active.sourceId] ?? active.selected),\n    );\n    const current = currentIndex >= 0 ? currentIndex : 0;\n    const next = rotate(active.variantNames, current, direction);\n    if (!next) {\n      return;\n    }\n\n    state.selections[active.sourceId] = next;\n    persistSelections();\n    emit();\n  };\n\n  return {\n    define(definition) {\n      const existing = definitions.get(definition.sourceId);\n      definitions.set(definition.sourceId, {\n        ...definition,\n        displayName: definition.displayName || existing?.displayName || definition.sourceId,\n        variantNames: Array.from(\n          new Set([...(existing?.variantNames ?? []), ...definition.variantNames]),\n        ),\n      });\n\n      if (!(definition.sourceId in state.selections)) {\n        state.selections[definition.sourceId] = definition.selected;\n        persistSelections();\n      }\n\n      emit();\n    },\n    mount(sourceId) {\n      mountedCounts.set(sourceId, (mountedCounts.get(sourceId) ?? 0) + 1);\n      emit();\n      return () => {\n        mountedCounts.set(sourceId, Math.max((mountedCounts.get(sourceId) ?? 1) - 1, 0));\n        emit();\n      };\n    },\n    getSelectedVariant(sourceId, fallback) {\n      return state.selections[sourceId] ?? fallback;\n    },\n    getSnapshot() {\n      return {\n        overlayOpen: state.overlayOpen,\n        activeSourceId: state.activeSourceId,\n        components: state.components,\n        selections: state.selections,\n        shortcutConfig: state.shortcutConfig,\n      };\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n    actions: {\n      toggleOverlay() {\n        state.overlayOpen = !state.overlayOpen;\n        emit();\n      },\n      closeOverlay() {\n        if (!state.overlayOpen) {\n          return;\n        }\n\n        state.overlayOpen = false;\n        emit();\n      },\n      nextComponent() {\n        moveActiveComponent(1);\n      },\n      previousComponent() {\n        moveActiveComponent(-1);\n      },\n      nextVariant() {\n        moveVariant(1);\n      },\n      previousVariant() {\n        moveVariant(-1);\n      },\n      selectComponent(sourceId) {\n        state.activeSourceId = sourceId;\n        emit();\n      },\n      selectVariant(sourceId, variantName) {\n        const component = state.components.find((candidate) => candidate.sourceId === sourceId);\n        if (!component || !component.variantNames.includes(variantName)) {\n          return;\n        }\n\n        state.selections[sourceId] = variantName;\n        persistSelections();\n        emit();\n      },\n      configureShortcuts(overrides) {\n        if (!overrides) {\n          return;\n        }\n\n        state.shortcutConfig = {\n          ...state.shortcutConfig,\n          ...overrides,\n        };\n        persistShortcuts();\n        emit();\n      },\n    },\n  };\n}\n","import {\n  createVariantRuntimeController,\n  type VariantRuntimeController,\n  type VariantRuntimeStorage,\n} from \"./runtime-core\";\n\nconst storageKey = \"variant:component-selections\";\nconst shortcutStorageKey = \"variant:shortcut-config\";\nconst globalControllerKey = \"__variant_runtime_controller__\";\n\nfunction createBrowserStorage(): VariantRuntimeStorage {\n  return {\n    readSelections() {\n      if (typeof window === \"undefined\") {\n        return {};\n      }\n\n      try {\n        const raw = window.localStorage.getItem(storageKey);\n        return raw ? (JSON.parse(raw) as Record<string, string>) : {};\n      } catch {\n        return {};\n      }\n    },\n    writeSelections(selections) {\n      if (typeof window === \"undefined\") {\n        return;\n      }\n\n      window.localStorage.setItem(storageKey, JSON.stringify(selections));\n    },\n    readShortcutOverrides() {\n      if (typeof window === \"undefined\") {\n        return {};\n      }\n\n      try {\n        const raw = window.localStorage.getItem(shortcutStorageKey);\n        return raw ? JSON.parse(raw) : {};\n      } catch {\n        return {};\n      }\n    },\n    writeShortcutOverrides(shortcutConfig) {\n      if (typeof window === \"undefined\") {\n        return;\n      }\n\n      window.localStorage.setItem(shortcutStorageKey, JSON.stringify(shortcutConfig));\n    },\n  };\n}\n\nexport function getVariantRuntimeController(): VariantRuntimeController {\n  const target = globalThis as typeof globalThis & {\n    [globalControllerKey]?: VariantRuntimeController;\n  };\n\n  if (!target[globalControllerKey]) {\n    target[globalControllerKey] = createVariantRuntimeController({\n      storage: createBrowserStorage(),\n    });\n  }\n\n  return target[globalControllerKey]!;\n}\n","import type { RuntimeState, VariantShortcutConfig } from \"./runtime-core\";\nimport { installVariantKeyboardBindings, installVariantOverlayUi } from \"./runtime-dom\";\nimport { getVariantRuntimeController } from \"./runtime-singleton\";\n\nexport function installVariantOverlay(shortcuts?: Partial<VariantShortcutConfig>): void {\n  const controller = getVariantRuntimeController();\n  controller.actions.configureShortcuts(shortcuts);\n  installVariantKeyboardBindings(controller);\n  installVariantOverlayUi(controller);\n}\n\nexport function setVariantShortcuts(shortcuts: Partial<VariantShortcutConfig>): void {\n  getVariantRuntimeController().actions.configureShortcuts(shortcuts);\n}\n\nexport function getVariantRuntimeState(): RuntimeState {\n  const state = getVariantRuntimeController().getSnapshot();\n  return {\n    overlayOpen: state.overlayOpen,\n    activeSourceId: state.activeSourceId,\n    components: state.components,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/runtime-api-CpNtY-8z.d.ts

@@ -0,0 +1,61 @@
+type Shortcut = string | string[];
+type VariantShortcutConfig = {
+    toggleOverlay: Shortcut;
+    nextComponent: Shortcut;
+    previousComponent: Shortcut;
+    nextVariant: Shortcut;
+    previousVariant: Shortcut;
+    closeOverlay: Shortcut;
+};
+declare const defaultShortcuts: VariantShortcutConfig;
+type VariantDefinition = {
+    sourceId: string;
+    displayName: string;
+    selected: string;
+    variantNames: string[];
+};
+type RuntimeComponentRecord = VariantDefinition & {
+    mountedCount: number;
+};
+type RuntimeState = {
+    overlayOpen: boolean;
+    activeSourceId: string | null;
+    components: RuntimeComponentRecord[];
+};
+type VariantRuntimeSnapshot = RuntimeState & {
+    selections: Record<string, string>;
+    shortcutConfig: VariantShortcutConfig;
+};
+type VariantRuntimeStorage = {
+    readSelections: () => Record<string, string>;
+    writeSelections: (selections: Record<string, string>) => void;
+    readShortcutOverrides: () => Partial<VariantShortcutConfig>;
+    writeShortcutOverrides: (shortcutConfig: VariantShortcutConfig) => void;
+};
+type VariantRuntimeController = {
+    define: (definition: VariantDefinition) => void;
+    mount: (sourceId: string) => () => void;
+    getSelectedVariant: (sourceId: string, fallback: string) => string;
+    getSnapshot: () => VariantRuntimeSnapshot;
+    subscribe: (listener: () => void) => () => void;
+    actions: {
+        toggleOverlay: () => void;
+        closeOverlay: () => void;
+        nextComponent: () => void;
+        previousComponent: () => void;
+        nextVariant: () => void;
+        previousVariant: () => void;
+        selectComponent: (sourceId: string | null) => void;
+        selectVariant: (sourceId: string, variantName: string) => void;
+        configureShortcuts: (overrides?: Partial<VariantShortcutConfig>) => void;
+    };
+};
+declare function createVariantRuntimeController(options?: {
+    storage?: VariantRuntimeStorage;
+}): VariantRuntimeController;
+
+declare function installVariantOverlay(shortcuts?: Partial<VariantShortcutConfig>): void;
+declare function setVariantShortcuts(shortcuts: Partial<VariantShortcutConfig>): void;
+declare function getVariantRuntimeState(): RuntimeState;
+
+export { type RuntimeState as R, type Shortcut as S, type VariantDefinition as V, type VariantRuntimeController as a, type VariantRuntimeSnapshot as b, type VariantRuntimeStorage as c, type VariantShortcutConfig as d, createVariantRuntimeController as e, defaultShortcuts as f, type RuntimeComponentRecord as g, getVariantRuntimeState as h, installVariantOverlay as i, setVariantShortcuts as s };

package/dist/runtime.d.ts

@@ -0,0 +1,13 @@
+import { ComponentType } from 'react';
+export { g as RuntimeComponentRecord, R as RuntimeState, S as Shortcut, V as VariantDefinition, a as VariantRuntimeController, b as VariantRuntimeSnapshot, c as VariantRuntimeStorage, d as VariantShortcutConfig, e as createVariantRuntimeController, f as defaultShortcuts, h as getVariantRuntimeState, i as installVariantOverlay, s as setVariantShortcuts } from './runtime-api-CpNtY-8z.js';
+
+type ProxyDefinition<Props extends object> = {
+    sourceId: string;
+    displayName: string;
+    selected: string;
+    variants: Record<string, ComponentType<Props>>;
+};
+
+declare function createVariantProxy<Props extends object>({ sourceId, displayName, selected, variants, }: ProxyDefinition<Props>): ComponentType<Props>;
+
+export { type ProxyDefinition, createVariantProxy };

package/dist/runtime.js

@@ -0,0 +1,488 @@
+// src/runtime.tsx
+import {
+  useEffect,
+  useMemo,
+  useSyncExternalStore
+} from "react";
+
+// src/runtime-dom.ts
+var installedKeyboardControllers = /* @__PURE__ */ new WeakSet();
+var installedOverlayControllers = /* @__PURE__ */ new WeakSet();
+function normalizeKey(key) {
+  const normalized = key.toLowerCase();
+  if (normalized === "esc") {
+    return "escape";
+  }
+  return normalized;
+}
+function parseShortcut(shortcut) {
+  const tokens = shortcut.split("+").map((token) => token.trim().toLowerCase()).filter(Boolean);
+  const key = tokens[tokens.length - 1] ?? "";
+  const modifiers = new Set(tokens.slice(0, -1));
+  return {
+    key: normalizeKey(key),
+    alt: modifiers.has("alt") || modifiers.has("option"),
+    ctrl: modifiers.has("ctrl") || modifiers.has("control"),
+    meta: modifiers.has("meta") || modifiers.has("cmd") || modifiers.has("command"),
+    shift: modifiers.has("shift")
+  };
+}
+function matchesShortcut(event, shortcut) {
+  const shortcuts = Array.isArray(shortcut) ? shortcut : [shortcut];
+  return shortcuts.some((candidate) => {
+    const parsed = parseShortcut(candidate);
+    return normalizeKey(event.key) === parsed.key && event.altKey === parsed.alt && event.ctrlKey === parsed.ctrl && event.metaKey === parsed.meta && event.shiftKey === parsed.shift;
+  });
+}
+function isEditableTarget(target) {
+  if (!(target instanceof HTMLElement)) {
+    return false;
+  }
+  const tagName = target.tagName.toLowerCase();
+  return target.isContentEditable || tagName === "input" || tagName === "textarea" || tagName === "select";
+}
+function installVariantKeyboardBindings(controller) {
+  if (installedKeyboardControllers.has(controller) || typeof window === "undefined") {
+    return;
+  }
+  const onKeyDown = (event) => {
+    if (isEditableTarget(event.target)) {
+      return;
+    }
+    const { shortcutConfig, overlayOpen } = controller.getSnapshot();
+    if (matchesShortcut(event, shortcutConfig.toggleOverlay)) {
+      event.preventDefault();
+      controller.actions.toggleOverlay();
+      return;
+    }
+    if (matchesShortcut(event, shortcutConfig.closeOverlay)) {
+      if (overlayOpen) {
+        event.preventDefault();
+        controller.actions.closeOverlay();
+      }
+      return;
+    }
+    if (matchesShortcut(event, shortcutConfig.nextComponent)) {
+      event.preventDefault();
+      controller.actions.nextComponent();
+      return;
+    }
+    if (matchesShortcut(event, shortcutConfig.previousComponent)) {
+      event.preventDefault();
+      controller.actions.previousComponent();
+      return;
+    }
+    if (matchesShortcut(event, shortcutConfig.nextVariant)) {
+      event.preventDefault();
+      controller.actions.nextVariant();
+      return;
+    }
+    if (matchesShortcut(event, shortcutConfig.previousVariant)) {
+      event.preventDefault();
+      controller.actions.previousVariant();
+    }
+  };
+  window.addEventListener("keydown", onKeyDown);
+  installedKeyboardControllers.add(controller);
+}
+function installVariantOverlayUi(controller) {
+  if (installedOverlayControllers.has(controller) || typeof document === "undefined") {
+    return;
+  }
+  const container = document.createElement("div");
+  container.setAttribute("data-variant-overlay-root", "true");
+  document.body.appendChild(container);
+  const render = () => {
+    renderOverlay(container, controller.getSnapshot(), controller);
+  };
+  controller.subscribe(render);
+  installedOverlayControllers.add(controller);
+  render();
+}
+function renderOverlay(container, snapshot, controller) {
+  if (!snapshot.overlayOpen) {
+    container.innerHTML = "";
+    return;
+  }
+  const mounted = snapshot.components.filter((component) => component.mountedCount > 0);
+  const active = mounted.find((component) => component.sourceId === snapshot.activeSourceId) ?? mounted[0] ?? null;
+  const activeSelection = active ? snapshot.selections[active.sourceId] ?? active.selected : null;
+  const componentOptions = mounted.map((component) => {
+    const selected = component.sourceId === active?.sourceId;
+    return `<option value="${escapeHtml(component.sourceId)}"${selected ? " selected" : ""}>${escapeHtml(
+      component.displayName
+    )}</option>`;
+  }).join("");
+  const variantOptions = active ? active.variantNames.map((variantName) => {
+    const selected = activeSelection === variantName;
+    return `<option value="${escapeHtml(variantName)}"${selected ? " selected" : ""}>${escapeHtml(
+      variantName
+    )}</option>`;
+  }).join("") : "";
+  container.innerHTML = `
+<div style="${hudShellStyle()}">
+  <div style="${panelStyle()}">
+    <select data-variant-active-source="true" style="${selectStyle()}" ${mounted.length === 0 ? "disabled" : ""}>
+      ${componentOptions || `<option value="">No mounted components</option>`}
+    </select>
+    <select data-variant-active-choice="true" style="${selectStyle()}" ${!active ? "disabled" : ""}>
+      ${variantOptions || `<option value="">No variants</option>`}
+    </select>
+  </div>
+</div>`;
+  container.querySelector('[data-variant-active-source="true"]')?.addEventListener("change", (event) => {
+    const target = event.currentTarget;
+    controller.actions.selectComponent(target.value || null);
+  });
+  container.querySelector('[data-variant-active-choice="true"]')?.addEventListener("change", (event) => {
+    const target = event.currentTarget;
+    if (!active || !target.value) {
+      return;
+    }
+    controller.actions.selectVariant(active.sourceId, target.value);
+  });
+}
+function escapeHtml(value) {
+  return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;");
+}
+function hudShellStyle() {
+  return [
+    "position:fixed",
+    "top:16px",
+    "right:16px",
+    "z-index:9999",
+    "pointer-events:none",
+    "max-width:500px"
+  ].join(";");
+}
+function panelStyle() {
+  return [
+    "display:flex",
+    "align-items:center",
+    "gap:8px",
+    "height:48px",
+    "width:100%",
+    "background:rgba(255,255,255,0.98)",
+    "backdrop-filter:blur(12px)",
+    "box-shadow:0 18px 40px rgba(15,23,42,0.16)",
+    "border:1px solid rgba(148,163,184,0.35)",
+    "border-radius:14px",
+    "padding:8px",
+    "pointer-events:auto",
+    "overflow:hidden",
+    'font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',
+    "color:#0f172a"
+  ].join(";");
+}
+function selectStyle() {
+  return [
+    "flex:1",
+    "min-width:0",
+    "max-width:100%",
+    "border:1px solid #cbd5e1",
+    "height:32px",
+    "border-radius:10px",
+    "background:#fff",
+    "color:#0f172a",
+    "padding:0 10px",
+    "font-size:13px",
+    "outline:none"
+  ].join(";");
+}
+
+// src/runtime-core.ts
+var defaultShortcuts = {
+  toggleOverlay: ["meta+shift+.", "ctrl+shift+."],
+  nextComponent: ["meta+alt+arrowdown", "ctrl+alt+arrowdown"],
+  previousComponent: ["meta+alt+arrowup", "ctrl+alt+arrowup"],
+  nextVariant: ["meta+shift+arrowright", "ctrl+shift+arrowright"],
+  previousVariant: ["meta+shift+arrowleft", "ctrl+shift+arrowleft"],
+  closeOverlay: "escape"
+};
+function rotate(items, currentIndex, direction) {
+  if (items.length === 0) {
+    return null;
+  }
+  const nextIndex = (currentIndex + direction + items.length) % items.length;
+  return items[nextIndex] ?? null;
+}
+function getMountedComponents(state) {
+  return state.components.filter((component) => component.mountedCount > 0);
+}
+function getActiveMountedComponent(state) {
+  const mounted = getMountedComponents(state);
+  return mounted.find((component) => component.sourceId === state.activeSourceId) ?? mounted[0] ?? null;
+}
+function createVariantRuntimeController(options = {}) {
+  const storage = options.storage;
+  const listeners = /* @__PURE__ */ new Set();
+  const definitions = /* @__PURE__ */ new Map();
+  const mountedCounts = /* @__PURE__ */ new Map();
+  const state = {
+    overlayOpen: false,
+    activeSourceId: null,
+    components: [],
+    selections: storage?.readSelections() ?? {},
+    shortcutConfig: {
+      ...defaultShortcuts,
+      ...storage?.readShortcutOverrides() ?? {}
+    }
+  };
+  const emit = () => {
+    state.components = Array.from(definitions.values()).map((definition) => ({
+      ...definition,
+      selected: state.selections[definition.sourceId] ?? definition.selected,
+      mountedCount: mountedCounts.get(definition.sourceId) ?? 0
+    })).sort((left, right) => left.displayName.localeCompare(right.displayName));
+    const mounted = getMountedComponents(state);
+    if (!mounted.some((component) => component.sourceId === state.activeSourceId)) {
+      state.activeSourceId = mounted[0]?.sourceId ?? null;
+    }
+    for (const listener of listeners) {
+      listener();
+    }
+  };
+  const persistSelections = () => {
+    storage?.writeSelections(state.selections);
+  };
+  const persistShortcuts = () => {
+    storage?.writeShortcutOverrides(state.shortcutConfig);
+  };
+  const moveActiveComponent = (direction) => {
+    const mounted = getMountedComponents(state);
+    if (mounted.length === 0) {
+      return;
+    }
+    const currentIndex = mounted.findIndex((component) => component.sourceId === state.activeSourceId);
+    const current = currentIndex >= 0 ? currentIndex : 0;
+    const next = rotate(mounted, current, direction);
+    if (!next) {
+      return;
+    }
+    state.activeSourceId = next.sourceId;
+    emit();
+  };
+  const moveVariant = (direction) => {
+    const active = getActiveMountedComponent(state);
+    if (!active) {
+      return;
+    }
+    const currentIndex = active.variantNames.findIndex(
+      (variantName) => variantName === (state.selections[active.sourceId] ?? active.selected)
+    );
+    const current = currentIndex >= 0 ? currentIndex : 0;
+    const next = rotate(active.variantNames, current, direction);
+    if (!next) {
+      return;
+    }
+    state.selections[active.sourceId] = next;
+    persistSelections();
+    emit();
+  };
+  return {
+    define(definition) {
+      const existing = definitions.get(definition.sourceId);
+      definitions.set(definition.sourceId, {
+        ...definition,
+        displayName: definition.displayName || existing?.displayName || definition.sourceId,
+        variantNames: Array.from(
+          /* @__PURE__ */ new Set([...existing?.variantNames ?? [], ...definition.variantNames])
+        )
+      });
+      if (!(definition.sourceId in state.selections)) {
+        state.selections[definition.sourceId] = definition.selected;
+        persistSelections();
+      }
+      emit();
+    },
+    mount(sourceId) {
+      mountedCounts.set(sourceId, (mountedCounts.get(sourceId) ?? 0) + 1);
+      emit();
+      return () => {
+        mountedCounts.set(sourceId, Math.max((mountedCounts.get(sourceId) ?? 1) - 1, 0));
+        emit();
+      };
+    },
+    getSelectedVariant(sourceId, fallback) {
+      return state.selections[sourceId] ?? fallback;
+    },
+    getSnapshot() {
+      return {
+        overlayOpen: state.overlayOpen,
+        activeSourceId: state.activeSourceId,
+        components: state.components,
+        selections: state.selections,
+        shortcutConfig: state.shortcutConfig
+      };
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    actions: {
+      toggleOverlay() {
+        state.overlayOpen = !state.overlayOpen;
+        emit();
+      },
+      closeOverlay() {
+        if (!state.overlayOpen) {
+          return;
+        }
+        state.overlayOpen = false;
+        emit();
+      },
+      nextComponent() {
+        moveActiveComponent(1);
+      },
+      previousComponent() {
+        moveActiveComponent(-1);
+      },
+      nextVariant() {
+        moveVariant(1);
+      },
+      previousVariant() {
+        moveVariant(-1);
+      },
+      selectComponent(sourceId) {
+        state.activeSourceId = sourceId;
+        emit();
+      },
+      selectVariant(sourceId, variantName) {
+        const component = state.components.find((candidate) => candidate.sourceId === sourceId);
+        if (!component || !component.variantNames.includes(variantName)) {
+          return;
+        }
+        state.selections[sourceId] = variantName;
+        persistSelections();
+        emit();
+      },
+      configureShortcuts(overrides) {
+        if (!overrides) {
+          return;
+        }
+        state.shortcutConfig = {
+          ...state.shortcutConfig,
+          ...overrides
+        };
+        persistShortcuts();
+        emit();
+      }
+    }
+  };
+}
+
+// src/runtime-singleton.ts
+var storageKey = "variant:component-selections";
+var shortcutStorageKey = "variant:shortcut-config";
+var globalControllerKey = "__variant_runtime_controller__";
+function createBrowserStorage() {
+  return {
+    readSelections() {
+      if (typeof window === "undefined") {
+        return {};
+      }
+      try {
+        const raw = window.localStorage.getItem(storageKey);
+        return raw ? JSON.parse(raw) : {};
+      } catch {
+        return {};
+      }
+    },
+    writeSelections(selections) {
+      if (typeof window === "undefined") {
+        return;
+      }
+      window.localStorage.setItem(storageKey, JSON.stringify(selections));
+    },
+    readShortcutOverrides() {
+      if (typeof window === "undefined") {
+        return {};
+      }
+      try {
+        const raw = window.localStorage.getItem(shortcutStorageKey);
+        return raw ? JSON.parse(raw) : {};
+      } catch {
+        return {};
+      }
+    },
+    writeShortcutOverrides(shortcutConfig) {
+      if (typeof window === "undefined") {
+        return;
+      }
+      window.localStorage.setItem(shortcutStorageKey, JSON.stringify(shortcutConfig));
+    }
+  };
+}
+function getVariantRuntimeController() {
+  const target = globalThis;
+  if (!target[globalControllerKey]) {
+    target[globalControllerKey] = createVariantRuntimeController({
+      storage: createBrowserStorage()
+    });
+  }
+  return target[globalControllerKey];
+}
+
+// src/runtime-api.ts
+function installVariantOverlay(shortcuts) {
+  const controller = getVariantRuntimeController();
+  controller.actions.configureShortcuts(shortcuts);
+  installVariantKeyboardBindings(controller);
+  installVariantOverlayUi(controller);
+}
+function setVariantShortcuts(shortcuts) {
+  getVariantRuntimeController().actions.configureShortcuts(shortcuts);
+}
+function getVariantRuntimeState() {
+  const state = getVariantRuntimeController().getSnapshot();
+  return {
+    overlayOpen: state.overlayOpen,
+    activeSourceId: state.activeSourceId,
+    components: state.components
+  };
+}
+
+// src/runtime.tsx
+import { jsx } from "react/jsx-runtime";
+function createVariantProxy({
+  sourceId,
+  displayName,
+  selected,
+  variants
+}) {
+  const controller = getVariantRuntimeController();
+  const variantNames = Object.keys(variants);
+  const initialSelected = variantNames.includes(selected) ? selected : "source";
+  controller.define({
+    sourceId,
+    displayName,
+    selected: initialSelected,
+    variantNames
+  });
+  function VariantProxy(props) {
+    const currentVariant = useSyncExternalStore(
+      controller.subscribe,
+      () => controller.getSelectedVariant(sourceId, initialSelected),
+      () => initialSelected
+    );
+    useEffect(() => controller.mount(sourceId), []);
+    const Component = useMemo(
+      () => variants[currentVariant] ?? variants[initialSelected] ?? variants.source,
+      [currentVariant]
+    );
+    return /* @__PURE__ */ jsx(Component, { ...props });
+  }
+  VariantProxy.displayName = `${displayName.replace(/\s+/g, "")}VariantProxy`;
+  return VariantProxy;
+}
+export {
+  createVariantProxy,
+  createVariantRuntimeController,
+  defaultShortcuts,
+  getVariantRuntimeState,
+  installVariantOverlay,
+  setVariantShortcuts
+};
+//# sourceMappingURL=runtime.js.map