tailwind-styled-v4 5.1.14 → 5.1.16

package/dist/theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../node_modules/tsup/assets/cjs_shims.js","../packages/domain/shared/src/index.ts","../src/umbrella/theme.ts","../packages/domain/theme/src/index.ts","../packages/domain/theme/src/liveTokenEngine.ts","../packages/domain/theme/src/native-bridge.ts","../packages/domain/theme/src/schemas.ts"],"sourcesContent":["// Shim globals in cjs bundle\n// There's a weird bug that esbuild will always inject importMetaUrl\n// if we export it as `const importMetaUrl = ... __filename ...`\n// But using a function will not cause this issue\n\nconst getImportMetaUrl = () => \n  typeof document === \"undefined\" \n    ? new URL(`file:${__filename}`).href \n    : (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT') \n      ? document.currentScript.src \n      : new URL(\"main.js\", document.baseURI).href;\n\nexport const importMetaUrl = /* @__PURE__ */ getImportMetaUrl()\n","import { createHash } from \"node:crypto\"\nimport fs from \"node:fs\"\nimport path from \"node:path\"\nimport { fileURLToPath } from \"node:url\"\nimport { createRequire } from \"node:module\"\n\n// Native-only: Node.js is always available. No browser fallback.\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Types\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type TokenMap = Record<string, string>\n\nexport type VariantValue = string | number | boolean | undefined\n\nexport type VariantProps = Record<string, VariantValue>\n\nexport type HtmlTagName = keyof HTMLElementTagNameMap\n\nexport type CompoundCondition = Record<string, string | number | boolean>\n\nexport type VariantMatrix = Record<string, Array<string | number | boolean>>\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Logging\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface Logger {\n  warn(...args: unknown[]): void\n  debug(...args: unknown[]): void\n  error(...args: unknown[]): void\n  log(...args: unknown[]): void\n}\n\nexport function createLogger(namespace: string): Logger {\n  const prefix = `[${namespace}]`\n  return {\n    warn(...args: unknown[]) {\n      process.stderr.write(`${prefix} ${args.map(a => typeof a === \"string\" ? a : String(a)).join(\" \")}\\n`)\n    },\n    debug(...args: unknown[]) {\n      process.stderr.write(`${prefix} ${args.map(a => typeof a === \"string\" ? a : String(a)).join(\" \")}\\n`)\n    },\n    error(...args: unknown[]) {\n      process.stderr.write(`${prefix} ${args.map(a => typeof a === \"string\" ? a : String(a)).join(\" \")}\\n`)\n    },\n    log(...args: unknown[]) {\n      process.stderr.write(`${prefix} ${args.map(a => typeof a === \"string\" ? a : String(a)).join(\" \")}\\n`)\n    },\n  }\n}\n\nexport function createDebugLogger(namespace: string, label?: string): (msg: string) => void {\n  const prefix = label ? `[${namespace}:${label}]` : `[${namespace}]`\n  return (msg: string) => {\n    if (process.env.DEBUG?.includes(namespace) || process.env.TW_DEBUG) {\n      console.debug(prefix, msg)\n    }\n  }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Error handling\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type ErrorSource = \"rust\" | \"validation\" | \"compile\" | \"io\" | \"config\" | \"unknown\"\n\ntype ZodLikeIssue = {\n  path?: readonly PropertyKey[]\n  message?: string\n}\n\nfunction formatIssuePath(path?: readonly PropertyKey[]): string {\n  if (!path || path.length === 0) return \"(root)\"\n  return path\n    .map((segment) =>\n      typeof segment === \"symbol\" ? segment.description ?? segment.toString() : String(segment)\n    )\n    .join(\".\")\n}\n\nexport class TwError extends Error {\n  /** @deprecated Gunakan source */\n  public readonly domain: string\n  public readonly source: ErrorSource\n  public readonly code: string\n  public readonly originalCause?: unknown\n\n  constructor(domainOrSource: string, code: string, message: string, cause?: unknown) {\n    super(message)\n    this.name = \"TwError\"\n    this.domain = domainOrSource\n    this.source = domainOrSource as ErrorSource\n    this.code = code\n    this.originalCause = cause\n    if (Error.captureStackTrace) Error.captureStackTrace(this, TwError)\n  }\n\n  static fromIo(code: string, message: string): TwError {\n    return new TwError(\"io\", code, message)\n  }\n\n  static fromCompile(code: string, message: string): TwError {\n    return new TwError(\"compile\", code, message)\n  }\n\n  static fromRust(err: { code?: string; message?: string } | Error | unknown): TwError {\n    if (err instanceof TwError) return err\n    if (err instanceof Error) return new TwError(\"rust\", \"RUST_ERROR\", err.message, err)\n    if (err && typeof err === \"object\") {\n      const e = err as { code?: string; message?: string }\n      return new TwError(\"rust\", e.code ?? \"RUST_ERROR\", e.message ?? String(err), err)\n    }\n    return new TwError(\"rust\", \"RUST_ERROR\", String(err), err)\n  }\n\n  /** Buat TwError dari ZodError — dukung shape Zod v3 (`errors`) dan v4 (`issues`). */\n  static fromZod(err: { issues?: ZodLikeIssue[]; errors?: ZodLikeIssue[] }): TwError {\n    const first = err.issues?.[0] ?? err.errors?.[0]\n    const path = formatIssuePath(first?.path)\n    const message = first ? `${path}: ${first.message}` : \"Schema validation failed\"\n    return new TwError(\"validation\", \"SCHEMA_VALIDATION_FAILED\", message, err)\n  }\n\n  static wrap(source: string, code: string, err: unknown): TwError {\n    if (err instanceof TwError) return err\n    if (err instanceof Error) return new TwError(source, code, err.message, err)\n    return new TwError(source, code, String(err), err)\n  }\n\n  override toString(): string {\n    return `TwError [${this.source}:${this.code}] ${this.message}`\n  }\n\n  toJSON(): { name: string; source: string; code: string; message: string } {\n    return { name: this.name, source: this.source, code: this.code, message: this.message }\n  }\n\n  toCliMessage(): string {\n    return `[${this.source.toUpperCase()}:${this.code}] ${this.message}`\n  }\n}\n\nexport function wrapUnknownError(domain: string, code: string, error: unknown): TwError {\n  return TwError.wrap(domain, code, error)\n}\n\nexport function isTwError(err: unknown): err is TwError {\n  return err instanceof TwError\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Native binding resolution\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface LoadNativeBindingOptions<T> {\n  runtimeDir: string\n  candidates: string[]\n  isValid: (module: unknown) => module is T\n  invalidExportMessage: string\n}\n\nexport interface LoadNativeBindingResult<T> {\n  binding: T | null\n  loadErrors: Array<{ path: string; message: string }>\n  loadedPath?: string\n}\n\nexport function loadNativeBinding<T>(options: LoadNativeBindingOptions<T>): LoadNativeBindingResult<T> {\n  const { runtimeDir, candidates, isValid } = options\n  const loadErrors: Array<{ path: string; message: string }> = []\n\n  for (const candidate of candidates) {\n    const candidatePath = path.resolve(runtimeDir, candidate)\n    try {\n      if (!fs.existsSync(candidatePath) && !fs.existsSync(candidatePath + \".node\")) {\n        continue\n      }\n      const mod = requireNativeModule(candidatePath)\n      if (mod && isValid(mod)) {\n        return { binding: mod, loadErrors, loadedPath: candidatePath }\n      }\n      loadErrors.push({ path: candidatePath, message: options.invalidExportMessage })\n    } catch (e) {\n      loadErrors.push({ path: candidatePath, message: e instanceof Error ? e.message : String(e) })\n    }\n  }\n\n  return { binding: null, loadErrors }\n}\n\nconst _require = createRequire(\n  typeof __filename !== \"undefined\"\n    ? `file://${__filename}`\n    : (import.meta.url ?? \"file://unknown\")\n)\n\nfunction requireNativeModule(p: string): unknown {\n  return _require(p)\n}\n\nexport interface ResolveCandidatesOptions {\n  runtimeDir?: string\n  envVarNames?: string[]\n  includeDefaultCandidates?: boolean\n  enforceNodeExtensionForEnvPath?: boolean\n  /** @deprecated — ignored, kept for backward compat */\n  packageName?: string\n}\n\nexport function resolveNativeBindingCandidates(options: ResolveCandidatesOptions): string[] {\n  const {\n    envVarNames = [\"TW_NATIVE_PATH\", \"TWS_NATIVE_PATH\"],\n    includeDefaultCandidates = true,\n    enforceNodeExtensionForEnvPath = false,\n  } = options\n  // Default ke cwd kalau runtimeDir tidak disediakan\n  const runtimeDir = options.runtimeDir || process.cwd()\n  const candidates: string[] = []\n\n  for (const envVar of envVarNames) {\n    const envPath = process.env[envVar]\n    if (envPath) {\n      candidates.push(enforceNodeExtensionForEnvPath && !envPath.endsWith(\".node\") ? envPath + \".node\" : envPath)\n    }\n  }\n\n  if (!includeDefaultCandidates) return candidates\n\n  if (fs.existsSync(runtimeDir)) {\n    try {\n      for (const entry of fs.readdirSync(runtimeDir)) {\n        if (entry.endsWith(\".node\")) candidates.push(entry)\n      }\n    } catch { /* ignore read errors */ }\n  }\n\n  const BINARY_NAMES = [\"tailwind-styled-native\", \"tailwind_styled_parser\"]\n  const napiPlatform = process.platform === \"linux\" && process.arch === \"x64\" ? \"linux-x64-gnu\"\n    : process.platform === \"linux\" && process.arch === \"arm64\" ? \"linux-arm64-gnu\"\n      : `${process.platform}-${process.arch}`\n\n  for (const bin of BINARY_NAMES) {\n    candidates.push(path.resolve(runtimeDir, `${bin}.node`))\n    candidates.push(path.resolve(runtimeDir, `${bin}.${napiPlatform}.node`))\n    // 1 level: dist/ → package-root/native/ (published npm package)\n    candidates.push(path.resolve(runtimeDir, \"..\", \"native\", `${bin}.node`))\n    candidates.push(path.resolve(runtimeDir, \"..\", \"native\", `${bin}.${napiPlatform}.node`))\n    // cwd fallback (user project root)\n    candidates.push(path.resolve(process.cwd(), \"native\", `${bin}.node`))\n    candidates.push(path.resolve(process.cwd(), \"native\", `${bin}.${napiPlatform}.node`))\n    // 4 level: dist/ → package/ → domain/ → packages/ → repo-root/ (monorepo dev)\n    candidates.push(path.resolve(runtimeDir, \"..\", \"..\", \"..\", \"..\", \"native\", `${bin}.node`))\n    candidates.push(path.resolve(runtimeDir, \"..\", \"..\", \"..\", \"..\", \"native\", `${bin}.${napiPlatform}.node`))\n    // 3 level fallback\n    candidates.push(path.resolve(runtimeDir, \"..\", \"..\", \"..\", \"native\", `${bin}.node`))\n  }\n\n  return Array.from(new Set(candidates))\n}\n\nexport function resolveRuntimeDir(dir: string | undefined, importMetaUrl: string): string {\n  if (dir) return path.resolve(dir)\n  try {\n    return path.dirname(fileURLToPath(importMetaUrl))\n  } catch {\n    return process.cwd()\n  }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Hashing\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport function hashContent(content: string, algorithm: string = \"md5\", length?: number): string {\n  const hash = createHash(algorithm).update(content).digest(\"hex\")\n  return length ? hash.slice(0, length) : hash\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Error formatting\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport function formatErrorMessage(error: unknown): string {\n  if (error instanceof TwError) return error.toString()\n  if (error instanceof Error) return error.message\n  return String(error)\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// LRU Cache\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport class LRUCache<K, V> {\n  private capacity: number\n  private cache: Map<K, V>\n\n  constructor(capacity: number) {\n    this.capacity = capacity\n    this.cache = new Map()\n  }\n\n  get(key: K): V | undefined {\n    if (!this.cache.has(key)) return undefined\n    const value = this.cache.get(key)!\n    this.cache.delete(key)\n    this.cache.set(key, value)\n    return value\n  }\n\n  set(key: K, value: V): void {\n    if (this.cache.has(key)) {\n      this.cache.delete(key)\n    } else if (this.cache.size >= this.capacity) {\n      const firstKey = this.cache.keys().next().value\n      if (firstKey !== undefined) {\n        this.cache.delete(firstKey)\n      }\n    }\n    this.cache.set(key, value)\n  }\n\n  delete(key: K): boolean {\n    return this.cache.delete(key)\n  }\n\n  has(key: K): boolean {\n    return this.cache.has(key)\n  }\n\n  clear(): void {\n    this.cache.clear()\n  }\n\n  entries(): IterableIterator<[K, V]> {\n    return this.cache.entries()\n  }\n\n  get size(): number {\n    return this.cache.size\n  }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Trace Utilities\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type { TraceSnapshot, TraceSummary } from \"./trace\"\nexport {\n  getHealthColor,\n  getModeColor,\n  formatMemory,\n  formatDuration,\n  calculateHealth,\n  getBuildTimeColor,\n  getMemoryColor,\n  createTraceSnapshot,\n  getPipelinePercentages,\n} from \"./trace\"\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Performance Telemetry\n// ─────────────────────────────────────────────────────────────────────────────\n\n\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Error Codes\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type { ErrorCode } from \"./error-codes\"\nexport { ERROR_CODES, getSuggestion, formatErrorCode } from \"./error-codes\"\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Tailwind Compatibility\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type { TailwindInfo } from \"./compatibility\"\nexport { detectTailwind, assertTailwindV4, getTailwindVersion, isTailwindV4 } from \"./compatibility\"\n\n// ── Native binding schemas (Zod boundary validation)\nexport {\n  NativeScanFileSchema, NativeScanResultSchema,\n  NativeAnalyzerReportSchema, NativeTransformResultSchema,\n  NativeCssCompileResultSchema, NativeWatchResultSchema,\n  NativeCacheEntrySchema, NativeCacheReadResultSchema,\n  safeParseNative, parseNative,\n} from './native-schemas'\n\n// ── ESM-safe runtime helpers ──────────────────────────────────────────────\nexport {\n  createEsmRequire,\n  getDirname,\n  getFilename,\n  resolveFromRoot,\n  tryRequire,\n  resolveNativeNodePath,\n} from \"./esmHelpers\"\n\n// ── Performance telemetry ────────────────────────────────────────────────────\nexport {\n  TelemetryCollector,\n  getGlobalTelemetry,\n  resetGlobalTelemetry,\n  createBuildTimer,\n  type BuildTelemetry,\n  type TelemetrySummary,\n  type BuildPhases,\n} from \"./telemetry\"\n\n// ── Config/JSON schema validation ─────────────────────────────────────────────\nexport {\n  ScanCacheSchema,\n  ScanCacheClassEntrySchema,\n  TailwindConfigSchema,\n  RegistryPluginEntrySchema,\n  RegistryFileSchema,\n  PackageJsonSchema,\n  parseJsonWithSchema,\n  parseJsonFileWithSchema,\n  type ScanCache,\n  type ScanCacheClassEntry,\n  type TailwindConfig,\n  type RegistryPluginEntry,\n  type RegistryFile,\n  type PackageJson,\n} from \"./configSchemas\"\n\n// ── Worker/bootstrap path resolution ─────────────────────────────────────────\nexport {\n  resolveWorkerPath,\n  resolveLoaderPath,\n  type WorkerPathOptions,\n  type WorkerPathResult,\n} from \"./workerResolver\"\n\n// ── Codegen helpers ───────────────────────────────────────────────────────────\nexport {\n  generateComponentCode,\n  generateStorybookStory,\n  generateClassRenameCodemod,\n  generateBarrelFile,\n  type ComponentCodegenOptions,\n} from \"./codegen\"\n\n// ── Native binary resolution (QA #1) ─────────────────────────────────────────\nexport {\n  resolveNativeBinary,\n  formatNativeNotFoundError,\n  type NativeResolutionResult,\n} from \"./native-resolution\"\n\n// ── Shared observability contract ────────────────────────────────────────────\nexport {\n  createObservabilityClient,\n  type ClassInspection,\n  type ClassProperty,\n  type ClassUsageLocation,\n  type BuildTrace,\n  type BuildPhaseTrace,\n  type DashboardMetrics,\n  type DashboardSummary,\n  type ObservabilityClient,\n} from \"./observability\"\n\nexport {\n  TW_STATE_STATIC_FILENAME,\n  extractStaticStateCss,\n  appendStaticStateCssToSafelist,\n  type TwStateConfigEntry,\n  type StaticStateCssInput,\n  type GeneratedStateRule,\n  type StaticStateExtractionResult,\n} from \"./staticStateExtractor\"\nexport { setGlobalLogFile } from \"./logger\"","export * from \"@tailwind-styled/theme\"\n","/**\n * tailwind-styled-v5 — Multi-Theme Engine + Live Token Engine\n *\n * Enterprise-grade theming. Support light/dark/brand themes dengan\n * CSS variables. Zero runtime overhead — themes di-resolve via CSS.\n *\n * Live token engine provides runtime token state management with\n * CSS variable sync to document root.\n *\n * Fitur:\n *  - Multiple named themes (light, dark, brand, high-contrast)\n *  - CSS variable output (Tailwind v4 compatible)\n *  - Theme contract (TypeScript-safe — missing tokens = TS error)\n *  - Per-component theme override\n *  - White-label ready\n *  - Live token engine (runtime token state + CSS sync)\n *\n * @example\n *   // 1. Define contract\n *   const contract = defineThemeContract({\n *     colors: { bg: \"\", fg: \"\", primary: \"\", muted: \"\" },\n *     font:   { sans: \"\", mono: \"\" },\n *   })\n *\n *   // 2. Create themes\n *   const lightTheme = createTheme(contract, \"light\", {\n *     colors: { bg: \"#ffffff\", fg: \"#09090b\", primary: \"#3b82f6\", muted: \"#71717a\" },\n *     font:   { sans: \"InterVariable, sans-serif\", mono: \"JetBrains Mono, monospace\" },\n *   })\n *\n *   const darkTheme = createTheme(contract, \"dark\", {\n *     colors: { bg: \"#09090b\", fg: \"#fafafa\", primary: \"#60a5fa\", muted: \"#a1a1aa\" },\n *     font:   { sans: \"InterVariable, sans-serif\", mono: \"JetBrains Mono, monospace\" },\n *   })\n *\n *   // 3. Use tokens in components\n *   const Card = tw.div`bg-[var(--colors-bg)] text-[var(--colors-fg)] p-6`\n *\n *   // 4. Apply in layout\n *   // <html data-theme=\"dark\"> or inject CSS\n */\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Live Token Engine exports\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type {\n  LiveTokenEngineBridge,\n  LiveTokenSet,\n  TokenMap,\n  TokenSubscriber,\n} from \"./liveTokenEngine\"\nexport {\n  applyTokenSet,\n  createUseTokens,\n  generateTokenCssString,\n  getToken,\n  getTokens,\n  liveToken,\n  liveTokenEngine,\n  setToken,\n  setTokens,\n  subscribeTokens,\n  tokenRef,\n  tokenVar,\n} from \"./liveTokenEngine\"\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Theme types\n// ─────────────────────────────────────────────────────────────────────────────\n\nimport { getNativeThemeBinding } from \"./native-bridge\"\n\n// ThemeTokenMap untuk theming (grouped tokens seperti { colors: { bg: \"#fff\" } })\nexport type ThemeTokenMap = Record<string, Record<string, string>>\n\nexport interface ThemeContract<T extends ThemeTokenMap> {\n  _contract: T\n  _vars: ThemeVars<T>\n}\n\nexport type ThemeVars<T extends ThemeTokenMap> = {\n  [Group in keyof T]: {\n    [Token in keyof T[Group]]: string // \"var(--group-token)\"\n  }\n}\n\nexport interface Theme<T extends ThemeTokenMap> {\n  name: string\n  contract: ThemeContract<T>\n  values: T\n  /** CSS string to inject (`:root` or `[data-theme=\"name\"]`) */\n  css: string\n  /** CSS variables as a flat record */\n  vars: Record<string, string>\n  /** Apply this theme to an element via data attribute */\n  selector: string\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// defineThemeContract\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Define the shape of your theme. All themes must satisfy this contract.\n * Returns typed CSS variable references for use in tw components.\n *\n * @example\n * const contract = defineThemeContract({\n *   colors: { bg: \"\", fg: \"\", primary: \"\" },\n *   font: { sans: \"\" },\n * })\n *\n * // Use in components:\n * const Card = tw.div`bg-[${contract._vars.colors.bg}]`\n * // → tw.div`bg-[var(--colors-bg)]`\n */\nexport function defineThemeContract<T extends ThemeTokenMap>(shape: T): ThemeContract<T> {\n  const buildVars = (): ThemeVars<T> => {\n    const result: Record<string, Record<string, string>> = {}\n    for (const group in shape) {\n      result[group] = {}\n      for (const token in shape[group]) {\n        result[group][token] = `var(--${group}-${token})`\n      }\n    }\n    return result as ThemeVars<T>\n  }\n\n  return { _contract: shape, _vars: buildVars() }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// createTheme\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Create a typed theme that satisfies a contract.\n *\n * @param contract - Theme contract from defineThemeContract()\n * @param name - Theme name (\"light\", \"dark\", \"brand\", etc.)\n * @param values - Token values (TypeScript enforces completeness)\n * @param asRoot - If true, use :root selector. Default: false (uses [data-theme])\n */\nexport function createTheme<T extends ThemeTokenMap>(\n  contract: ThemeContract<T>,\n  name: string,\n  values: T,\n  asRoot = false\n): Theme<T> {\n  // ── Rust fast-path ─────────────────────────────────────────────────────────\n  const native = getNativeThemeBinding()\n  if (native?.compileTheme) {\n    const result = native.compileTheme(JSON.stringify(values), asRoot ? \"light\" : name, \"\")\n    if (result) {\n      const flatVars: Record<string, string> = {}\n      for (const token of result.tokens) {\n        flatVars[token.cssVar] = token.value\n      }\n      return { name, contract, values, css: result.css, vars: flatVars, selector: result.selector }\n    }\n  }\n\n  // Native binding is required — no JS fallback\n  throw new Error(\n    \"FATAL: Native binding 'compileTheme' is required but not available. \" +\n    \"Run 'npm run build:rust' to build the native module.\"\n  )\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// ThemeRegistry — manage multiple themes\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport class ThemeRegistry {\n  private themes = new Map<string, Theme<ThemeTokenMap>>()\n  private defaultTheme: string | null = null\n\n  /** Register a theme */\n  register<T extends ThemeTokenMap>(theme: Theme<T>, isDefault = false): this {\n    this.themes.set(theme.name, theme)\n    if (isDefault || !this.defaultTheme) {\n      this.defaultTheme = theme.name\n    }\n    return this\n  }\n\n  /** Get a theme by name */\n  get(name: string): Theme<ThemeTokenMap> | undefined {\n    return this.themes.get(name)\n  }\n\n  /** Get all theme names */\n  names(): string[] {\n    return Array.from(this.themes.keys())\n  }\n\n  /**\n   * Generate combined CSS for all themes.\n   * Inject into <head> or a .css file.\n   *\n   * @example\n   * // In globals.css or layout.tsx\n   * const css = registry.generateCss()\n   */\n  generateCss(): string {\n    return Array.from(this.themes.values())\n      .map((t) => t.css)\n      .join(\"\\n\\n\")\n  }\n\n  /**\n   * Get the CSS for a specific theme only.\n   */\n  getThemeCss(name: string): string | null {\n    return this.themes.get(name)?.css ?? null\n  }\n\n  /**\n   * Inject all theme CSS into document <head> (browser only).\n   * Call once on app init.\n   */\n  inject(styleId = \"__tw_themes\"): void {\n    if (typeof document === \"undefined\") return\n\n    const style =\n      (document.getElementById(styleId) as HTMLStyleElement | null) ??\n      (() => {\n        const el = document.createElement(\"style\")\n        el.id = styleId\n        document.head.appendChild(el)\n        return el\n      })()\n    style.textContent = this.generateCss()\n  }\n\n  /**\n   * Switch active theme by setting data-theme on <html>.\n   */\n  apply(name: string, target: HTMLElement = document.documentElement): void {\n    if (typeof document === \"undefined\") return\n    if (!this.themes.has(name)) {\n      console.warn(`[tailwind-styled-v4] Theme \"${name}\" not registered.`)\n      return\n    }\n    target.dataset.theme = name\n  }\n\n  /**\n   * Get current active theme name from data-theme attribute.\n   */\n  current(target: HTMLElement = document.documentElement): string | null {\n    if (typeof document === \"undefined\") return this.defaultTheme\n    return target.dataset.theme ?? this.defaultTheme\n  }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Convenience: createMultiTheme — shorthand for common light/dark setup\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface MultiThemeConfig<T extends ThemeTokenMap> {\n  contract: ThemeContract<T>\n  light: T\n  dark: T\n  /** Additional named themes (brand, high-contrast, etc.) */\n  extras?: Record<string, T>\n}\n\n/**\n * Create a ThemeRegistry with light/dark + optional extras in one call.\n *\n * @example\n * const { registry, vars } = createMultiTheme({\n *   contract: defineThemeContract({\n *     colors: { bg: \"\", fg: \"\", primary: \"\", border: \"\" }\n *   }),\n *   light: {\n *     colors: { bg: \"#fff\", fg: \"#09090b\", primary: \"#3b82f6\", border: \"#e5e7eb\" }\n *   },\n *   dark: {\n *     colors: { bg: \"#09090b\", fg: \"#fafafa\", primary: \"#60a5fa\", border: \"#27272a\" }\n *   },\n * })\n *\n * // Inject CSS:\n * registry.inject()\n *\n * // Use tokens in components:\n * const Card = tw.div`bg-[${vars.colors.bg}] text-[${vars.colors.fg}]`\n */\nexport function createMultiTheme<T extends ThemeTokenMap>(\n  config: MultiThemeConfig<T>\n): {\n  registry: ThemeRegistry\n  vars: ThemeVars<T>\n  light: Theme<T>\n  dark: Theme<T>\n} {\n  const registry = new ThemeRegistry()\n\n  const light = createTheme(config.contract, \"light\", config.light, true) // :root\n  const dark = createTheme(config.contract, \"dark\", config.dark, false)\n\n  registry.register(light, true)\n  registry.register(dark)\n\n  for (const [name, values] of Object.entries(config.extras ?? {})) {\n    registry.register(createTheme(config.contract, name, values as T))\n  }\n\n  return {\n    registry,\n    vars: config.contract._vars,\n    light,\n    dark,\n  }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Design Token Compiler — generate CSS vars from token object\n// (Enterprise feature: sync with Figma variables)\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface DesignTokens {\n  [path: string]: string | DesignTokens\n}\n\n/**\n * Flatten nested design token object into CSS variables.\n * Supports Figma-style nested tokens.\n *\n * @example\n * compileDesignTokens({\n *   color: {\n *     brand: { primary: \"#3b82f6\", secondary: \"#6366f1\" },\n *     neutral: { 50: \"#fafafa\", 900: \"#09090b\" }\n *   },\n *   spacing: { base: \"4px\", lg: \"16px\" }\n * })\n * →\n * :root {\n *   --color-brand-primary: #3b82f6;\n *   --color-brand-secondary: #6366f1;\n *   --color-neutral-50: #fafafa;\n *   --color-neutral-900: #09090b;\n *   --spacing-base: 4px;\n *   --spacing-lg: 16px;\n * }\n */\nexport function compileDesignTokens(tokens: DesignTokens, prefix = \"\"): string {\n  // ── Rust fast-path ─────────────────────────────────────────────────────────\n  const native = getNativeThemeBinding()\n  if (native?.compileTheme) {\n    const result = native.compileTheme(JSON.stringify(tokens), \"default\", prefix)\n    if (result) return result.css\n  }\n\n  // Native binding is required — no JS fallback\n  throw new Error(\n    \"FATAL: Native binding 'compileTheme' is required but not available. \" +\n    \"Run 'npm run build:rust' to build the native module.\"\n  )\n}\n\n// Re-export schemas\nexport {\n  type LiveTokenUpdateInput,\n  LiveTokenUpdateSchema,\n  parseLiveTokenUpdate,\n  parseTokenConfig,\n  type ThemeRegistrationInput,\n  ThemeRegistrationSchema,\n  type TokenConfigInput,\n  TokenConfigSchema,\n} from \"./schemas\"","\"use client\"\n\nimport React from \"react\"\n\nimport type { TokenMap } from '@tailwind-styled/shared'\nexport type { TokenMap }\n\nexport type TokenSubscriber = (tokens: TokenMap) => void\n\nexport interface LiveTokenSet {\n  vars: Record<string, string>\n  get(name: string): string | undefined\n  set(name: string, value: string): void\n  setAll(tokens: TokenMap): void\n  snapshot(): TokenMap\n}\n\nexport interface LiveTokenEngineBridge {\n  getToken(name: string): string | undefined\n  getTokens(): TokenMap\n  setToken(name: string, value: string): void\n  setTokens(tokens: TokenMap): void\n  applyTokenSet(tokens: TokenMap): void\n  subscribeTokens(fn: TokenSubscriber): () => void\n  subscribe?(fn: TokenSubscriber): () => void\n}\n\ninterface LiveTokenEngineRuntime {\n  liveToken(tokens: TokenMap): LiveTokenSet\n  getToken(name: string): string | undefined\n  getTokens(): TokenMap\n  setToken(name: string, value: string): void\n  setTokens(tokens: TokenMap): void\n  applyTokenSet(tokens: TokenMap): void\n  generateTokenCssString(): string\n  subscribe(fn: TokenSubscriber): () => void\n}\n\nconst TOKEN_ENGINE_KEY = \"__TW_TOKEN_ENGINE__\"\n\nexport function tokenVar(name: string): string {\n  const normalized = name.replace(/[^a-zA-Z0-9-]/g, \"-\").toLowerCase()\n  return `--tw-token-${normalized}`\n}\n\nexport function tokenRef(name: string): string {\n  return `var(${tokenVar(name)})`\n}\n\nconst buildRootCss = (tokens: TokenMap): string => {\n  const vars = Object.entries(tokens)\n    .map(([name, value]) => `  ${tokenVar(name)}: ${value};`)\n    .join(\"\\n\")\n  return `:root {\\n${vars}\\n}`\n}\n\nconst createLiveTokenEngine = (): LiveTokenEngineRuntime => {\n  const state = {\n    currentTokens: {} as TokenMap,\n    styleEl: null as HTMLStyleElement | null,\n  }\n  const subscribers = new Set<TokenSubscriber>()\n\n  const syncStyleEl = (): void => {\n    if (typeof document === \"undefined\") return\n\n    if (!state.styleEl) {\n      const styleEl = document.createElement(\"style\")\n      styleEl.id = \"tw-live-tokens\"\n      styleEl.setAttribute(\"data-tw-tokens\", \"true\")\n      document.head.appendChild(styleEl)\n      state.styleEl = styleEl\n    }\n\n    state.styleEl.textContent = buildRootCss(state.currentTokens)\n  }\n\n  const notifySubscribers = (): void => {\n    const snapshot = { ...state.currentTokens }\n    for (const subscriber of subscribers) {\n      try {\n        subscriber(snapshot)\n      } catch {\n        // Intentionally ignore subscriber errors.\n      }\n    }\n  }\n\n  const setToken = (name: string, value: string): void => {\n    state.currentTokens = { ...state.currentTokens, [name]: value }\n    if (typeof document !== \"undefined\") {\n      document.documentElement.style.setProperty(tokenVar(name), value)\n    }\n    syncStyleEl()\n    notifySubscribers()\n  }\n\n  const setTokens = (tokens: TokenMap): void => {\n    state.currentTokens = { ...state.currentTokens, ...tokens }\n    if (typeof document !== \"undefined\") {\n      const root = document.documentElement\n      for (const [name, value] of Object.entries(tokens)) {\n        root.style.setProperty(tokenVar(name), value)\n      }\n    }\n    syncStyleEl()\n    notifySubscribers()\n  }\n\n  const applyTokenSet = (tokens: TokenMap): void => {\n    if (typeof document !== \"undefined\") {\n      const root = document.documentElement\n      for (const name of Object.keys(state.currentTokens)) {\n        if (!(name in tokens)) {\n          root.style.removeProperty(tokenVar(name))\n        }\n      }\n      for (const [name, value] of Object.entries(tokens)) {\n        root.style.setProperty(tokenVar(name), value)\n      }\n    }\n\n    state.currentTokens = { ...tokens }\n    syncStyleEl()\n    notifySubscribers()\n  }\n\n  return {\n    liveToken(tokens: TokenMap): LiveTokenSet {\n      setTokens(tokens)\n\n      const vars: Record<string, string> = {}\n      for (const name of Object.keys(tokens)) {\n        vars[name] = tokenRef(name)\n      }\n\n      return {\n        vars,\n        get(name: string) {\n          return state.currentTokens[name]\n        },\n        set(name: string, value: string) {\n          setToken(name, value)\n        },\n        setAll(nextTokens: TokenMap) {\n          setTokens(nextTokens)\n        },\n        snapshot() {\n          return { ...state.currentTokens }\n        },\n      }\n    },\n    getToken(name: string): string | undefined {\n      return state.currentTokens[name]\n    },\n    getTokens(): TokenMap {\n      return { ...state.currentTokens }\n    },\n    setToken,\n    setTokens,\n    applyTokenSet,\n    generateTokenCssString(): string {\n      return buildRootCss(state.currentTokens)\n    },\n    subscribe(fn: TokenSubscriber): () => void {\n      subscribers.add(fn)\n      return () => {\n        subscribers.delete(fn)\n      }\n    },\n  }\n}\n\nconst engine = createLiveTokenEngine()\n\nexport function liveToken(tokens: TokenMap): LiveTokenSet {\n  return engine.liveToken(tokens)\n}\n\nexport function setToken(name: string, value: string): void {\n  engine.setToken(name, value)\n}\n\nexport function setTokens(tokens: TokenMap): void {\n  engine.setTokens(tokens)\n}\n\nexport function applyTokenSet(tokens: TokenMap): void {\n  engine.applyTokenSet(tokens)\n}\n\nexport function getToken(name: string): string | undefined {\n  return engine.getToken(name)\n}\n\nexport function getTokens(): TokenMap {\n  return engine.getTokens()\n}\n\nexport function subscribeTokens(fn: TokenSubscriber): () => void {\n  return engine.subscribe(fn)\n}\n\nexport function generateTokenCssString(): string {\n  return engine.generateTokenCssString()\n}\n\nexport function createUseTokens() {\n  return function useTokens(): TokenMap {\n    const [tokens, setTokensState] = React.useState<TokenMap>(engine.getTokens())\n\n    React.useEffect(() => {\n      setTokensState(engine.getTokens())\n      return engine.subscribe((nextTokens) => setTokensState(nextTokens))\n    }, [])\n\n    return tokens\n  }\n}\n\nexport const liveTokenEngine: LiveTokenEngineBridge = {\n  getToken: engine.getToken,\n  getTokens: engine.getTokens,\n  setToken: engine.setToken,\n  setTokens: engine.setTokens,\n  applyTokenSet: engine.applyTokenSet,\n  subscribeTokens: engine.subscribe,\n  subscribe: engine.subscribe,\n}\n\ndeclare global {\n  interface Window {\n    __TW_TOKEN_ENGINE__?: LiveTokenEngineBridge\n  }\n}\n\nconst globalTokenEngine = globalThis as typeof globalThis & {\n  [TOKEN_ENGINE_KEY]?: LiveTokenEngineBridge\n}\n\nglobalTokenEngine[TOKEN_ENGINE_KEY] = liveTokenEngine\nif (typeof window !== \"undefined\") {\n  window.__TW_TOKEN_ENGINE__ = liveTokenEngine\n}\n","/**\n * Theme — Rust native bridge\n *\n * Uses @tailwind-styled/shared for native binding resolution.\n */\nimport path from \"node:path\"\nimport { fileURLToPath } from \"node:url\"\nimport {\n  createDebugLogger,\n  loadNativeBinding,\n  resolveNativeBindingCandidates,\n} from \"@tailwind-styled/shared\"\n\nconst log = createDebugLogger(\"theme:native\")\n\nfunction getDirname(): string {\n  if (typeof __dirname !== \"undefined\") return __dirname\n  if (typeof import.meta !== \"undefined\" && import.meta.url) {\n    return path.dirname(fileURLToPath(import.meta.url))\n  }\n  return process.cwd()\n}\n\ninterface NativeThemeBinding {\n  compileTheme?: (\n    tokensJson: string,\n    themeName: string,\n    prefix: string\n  ) => {\n    name: string\n    selector: string\n    css: string\n    tokens: Array<{ key: string; cssVar: string; value: string }>\n  } | null\n  extractCssVars?: (source: string) => string[] | null\n}\n\nconst isValidThemeBinding = (module: unknown): module is NativeThemeBinding => {\n  const candidate = module as Partial<NativeThemeBinding> | null | undefined\n  return !!(candidate && typeof candidate.compileTheme === \"function\")\n}\n\n// ─────────────────────────────────────────────────────────────────────────\n// Native Theme Binding - Factory Pattern\n// ─────────────────────────────────────────────────────────────────────────\n\nconst createThemeBindingLoader = () => {\n  const _state = { binding: undefined as NativeThemeBinding | null | undefined }\n\n  const getBinding = (): NativeThemeBinding | null => {\n    if (_state.binding !== undefined) return _state.binding\n\n    const runtimeDir = getDirname()\n    const candidates = resolveNativeBindingCandidates({\n      runtimeDir,\n      includeDefaultCandidates: true,\n    })\n\n    const { binding } = loadNativeBinding<NativeThemeBinding>({\n      runtimeDir,\n      candidates,\n      isValid: isValidThemeBinding,\n      invalidExportMessage: \"Module loaded but missing expected theme binding functions\",\n    })\n\n    if (binding) {\n      log(`theme native binding loaded successfully`)\n      return (_state.binding = binding)\n    }\n\n    return (_state.binding = null)\n  }\n\n  return {\n    get: getBinding,\n    reset: (): void => {\n      _state.binding = undefined\n    },\n  }\n}\n\nconst themeBindingLoader = createThemeBindingLoader()\n\nexport function getNativeThemeBinding(): NativeThemeBinding | null {\n  return themeBindingLoader.get()\n}\n","import { z } from \"zod\"\n\nconst formatIssues = (error: z.ZodError): string =>\n  error.issues\n    .map((issue) => {\n      const p = issue.path.length > 0 ? issue.path.join(\".\") : \"<root>\"\n      return `${p}: ${issue.message}`\n    })\n    .join(\"; \")\n\nconst parseWithSchema = <T>(schema: z.ZodType<T>, data: unknown, label: string): T => {\n  const parsed = schema.safeParse(data)\n  if (parsed.success) return parsed.data\n  throw new TypeError(`${label}: ${formatIssues(parsed.error)}`)\n}\n\nexport const TokenConfigSchema = z.object({\n  name: z.string().min(1),\n  values: z.record(z.string(), z.record(z.string(), z.string())),\n  asRoot: z.boolean().optional(),\n})\n\nexport type TokenConfigInput = z.infer<typeof TokenConfigSchema>\n\nexport const LiveTokenUpdateSchema = z.object({\n  tokens: z.record(z.string(), z.string()),\n  source: z.string().optional(),\n})\n\nexport type LiveTokenUpdateInput = z.infer<typeof LiveTokenUpdateSchema>\n\nexport const ThemeRegistrationSchema = z.object({\n  name: z.string().min(1),\n  tokens: z.record(z.string(), z.record(z.string(), z.string())),\n  isDefault: z.boolean().optional(),\n})\n\nexport type ThemeRegistrationInput = z.infer<typeof ThemeRegistrationSchema>\n\nexport const parseTokenConfig = (data: unknown) =>\n  parseWithSchema(TokenConfigSchema, data, \"token config is invalid\")\n\nexport const parseLiveTokenUpdate = (data: unknown) =>\n  parseWithSchema(LiveTokenUpdateSchema, data, \"live token update is invalid\")\n"],"mappings":"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","names":["path","fs","setToken","setTokens","applyTokenSet","React","import_node_path","import_node_url","path","module"]}
+{"version":3,"sources":["../node_modules/tsup/assets/cjs_shims.js","../packages/domain/shared/src/index.ts","../src/umbrella/theme.ts","../packages/domain/theme/src/index.ts","../packages/domain/theme/src/liveTokenEngine.ts","../packages/domain/theme/src/native-bridge.ts","../packages/domain/theme/src/schemas.ts"],"sourcesContent":["// Shim globals in cjs bundle\n// There's a weird bug that esbuild will always inject importMetaUrl\n// if we export it as `const importMetaUrl = ... __filename ...`\n// But using a function will not cause this issue\n\nconst getImportMetaUrl = () => \n  typeof document === \"undefined\" \n    ? new URL(`file:${__filename}`).href \n    : (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT') \n      ? document.currentScript.src \n      : new URL(\"main.js\", document.baseURI).href;\n\nexport const importMetaUrl = /* @__PURE__ */ getImportMetaUrl()\n","import { createHash } from \"node:crypto\"\nimport fs from \"node:fs\"\nimport path from \"node:path\"\nimport { fileURLToPath } from \"node:url\"\nimport { createRequire } from \"node:module\"\n\n// Native-only: Node.js is always available. No browser fallback.\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Types\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type TokenMap = Record<string, string>\n\nexport type VariantValue = string | number | boolean | undefined\n\nexport type VariantProps = Record<string, VariantValue>\n\nexport type HtmlTagName = keyof HTMLElementTagNameMap\n\nexport type CompoundCondition = Record<string, string | number | boolean>\n\nexport type VariantMatrix = Record<string, Array<string | number | boolean>>\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Logging\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface Logger {\n  warn(...args: unknown[]): void\n  debug(...args: unknown[]): void\n  error(...args: unknown[]): void\n  log(...args: unknown[]): void\n}\n\nexport function createLogger(namespace: string): Logger {\n  const prefix = `[${namespace}]`\n  return {\n    warn(...args: unknown[]) {\n      process.stderr.write(`${prefix} ${args.map(a => typeof a === \"string\" ? a : String(a)).join(\" \")}\\n`)\n    },\n    debug(...args: unknown[]) {\n      process.stderr.write(`${prefix} ${args.map(a => typeof a === \"string\" ? a : String(a)).join(\" \")}\\n`)\n    },\n    error(...args: unknown[]) {\n      process.stderr.write(`${prefix} ${args.map(a => typeof a === \"string\" ? a : String(a)).join(\" \")}\\n`)\n    },\n    log(...args: unknown[]) {\n      process.stderr.write(`${prefix} ${args.map(a => typeof a === \"string\" ? a : String(a)).join(\" \")}\\n`)\n    },\n  }\n}\n\nexport function createDebugLogger(namespace: string, label?: string): (msg: string) => void {\n  const prefix = label ? `[${namespace}:${label}]` : `[${namespace}]`\n  return (msg: string) => {\n    if (process.env.DEBUG?.includes(namespace) || process.env.TW_DEBUG) {\n      console.debug(prefix, msg)\n    }\n  }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Error handling\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type ErrorSource = \"rust\" | \"validation\" | \"compile\" | \"io\" | \"config\" | \"unknown\"\n\ntype ZodLikeIssue = {\n  path?: readonly PropertyKey[]\n  message?: string\n}\n\nfunction formatIssuePath(path?: readonly PropertyKey[]): string {\n  if (!path || path.length === 0) return \"(root)\"\n  return path\n    .map((segment) =>\n      typeof segment === \"symbol\" ? segment.description ?? segment.toString() : String(segment)\n    )\n    .join(\".\")\n}\n\nexport class TwError extends Error {\n  /** @deprecated Gunakan source */\n  public readonly domain: string\n  public readonly source: ErrorSource\n  public readonly code: string\n  public readonly originalCause?: unknown\n\n  constructor(domainOrSource: string, code: string, message: string, cause?: unknown) {\n    super(message)\n    this.name = \"TwError\"\n    this.domain = domainOrSource\n    this.source = domainOrSource as ErrorSource\n    this.code = code\n    this.originalCause = cause\n    if (Error.captureStackTrace) Error.captureStackTrace(this, TwError)\n  }\n\n  static fromIo(code: string, message: string): TwError {\n    return new TwError(\"io\", code, message)\n  }\n\n  static fromCompile(code: string, message: string): TwError {\n    return new TwError(\"compile\", code, message)\n  }\n\n  static fromRust(err: { code?: string; message?: string } | Error | unknown): TwError {\n    if (err instanceof TwError) return err\n    if (err instanceof Error) return new TwError(\"rust\", \"RUST_ERROR\", err.message, err)\n    if (err && typeof err === \"object\") {\n      const e = err as { code?: string; message?: string }\n      return new TwError(\"rust\", e.code ?? \"RUST_ERROR\", e.message ?? String(err), err)\n    }\n    return new TwError(\"rust\", \"RUST_ERROR\", String(err), err)\n  }\n\n  /** Buat TwError dari ZodError — dukung shape Zod v3 (`errors`) dan v4 (`issues`). */\n  static fromZod(err: { issues?: ZodLikeIssue[]; errors?: ZodLikeIssue[] }): TwError {\n    const first = err.issues?.[0] ?? err.errors?.[0]\n    const path = formatIssuePath(first?.path)\n    const message = first ? `${path}: ${first.message}` : \"Schema validation failed\"\n    return new TwError(\"validation\", \"SCHEMA_VALIDATION_FAILED\", message, err)\n  }\n\n  static wrap(source: string, code: string, err: unknown): TwError {\n    if (err instanceof TwError) return err\n    if (err instanceof Error) return new TwError(source, code, err.message, err)\n    return new TwError(source, code, String(err), err)\n  }\n\n  override toString(): string {\n    return `TwError [${this.source}:${this.code}] ${this.message}`\n  }\n\n  toJSON(): { name: string; source: string; code: string; message: string } {\n    return { name: this.name, source: this.source, code: this.code, message: this.message }\n  }\n\n  toCliMessage(): string {\n    return `[${this.source.toUpperCase()}:${this.code}] ${this.message}`\n  }\n}\n\nexport function wrapUnknownError(domain: string, code: string, error: unknown): TwError {\n  return TwError.wrap(domain, code, error)\n}\n\nexport function isTwError(err: unknown): err is TwError {\n  return err instanceof TwError\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Native binding resolution\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface LoadNativeBindingOptions<T> {\n  runtimeDir: string\n  candidates: string[]\n  isValid: (module: unknown) => module is T\n  invalidExportMessage: string\n}\n\nexport interface LoadNativeBindingResult<T> {\n  binding: T | null\n  loadErrors: Array<{ path: string; message: string }>\n  loadedPath?: string\n}\n\nexport function loadNativeBinding<T>(options: LoadNativeBindingOptions<T>): LoadNativeBindingResult<T> {\n  const { runtimeDir, candidates, isValid } = options\n  const loadErrors: Array<{ path: string; message: string }> = []\n\n  for (const candidate of candidates) {\n    const candidatePath = path.resolve(runtimeDir, candidate)\n    try {\n      if (!fs.existsSync(candidatePath) && !fs.existsSync(candidatePath + \".node\")) {\n        continue\n      }\n      const mod = requireNativeModule(candidatePath)\n      if (mod && isValid(mod)) {\n        return { binding: mod, loadErrors, loadedPath: candidatePath }\n      }\n      loadErrors.push({ path: candidatePath, message: options.invalidExportMessage })\n    } catch (e) {\n      loadErrors.push({ path: candidatePath, message: e instanceof Error ? e.message : String(e) })\n    }\n  }\n\n  return { binding: null, loadErrors }\n}\n\nconst _require = createRequire(\n  typeof __filename !== \"undefined\"\n    ? `file://${__filename}`\n    : (import.meta.url ?? \"file://unknown\")\n)\n\nfunction requireNativeModule(p: string): unknown {\n  return _require(p)\n}\n\nexport interface ResolveCandidatesOptions {\n  runtimeDir?: string\n  envVarNames?: string[]\n  includeDefaultCandidates?: boolean\n  enforceNodeExtensionForEnvPath?: boolean\n  /** @deprecated — ignored, kept for backward compat */\n  packageName?: string\n}\n\nexport function resolveNativeBindingCandidates(options: ResolveCandidatesOptions): string[] {\n  const {\n    envVarNames = [\"TW_NATIVE_PATH\", \"TWS_NATIVE_PATH\"],\n    includeDefaultCandidates = true,\n    enforceNodeExtensionForEnvPath = false,\n  } = options\n  // Default ke cwd kalau runtimeDir tidak disediakan\n  const runtimeDir = options.runtimeDir || process.cwd()\n  const candidates: string[] = []\n\n  for (const envVar of envVarNames) {\n    const envPath = process.env[envVar]\n    if (envPath) {\n      candidates.push(enforceNodeExtensionForEnvPath && !envPath.endsWith(\".node\") ? envPath + \".node\" : envPath)\n    }\n  }\n\n  if (!includeDefaultCandidates) return candidates\n\n  if (fs.existsSync(runtimeDir)) {\n    try {\n      for (const entry of fs.readdirSync(runtimeDir)) {\n        if (entry.endsWith(\".node\")) candidates.push(entry)\n      }\n    } catch { /* ignore read errors */ }\n  }\n\n  const BINARY_NAMES = [\"tailwind-styled-native\", \"tailwind_styled_parser\"]\n  const napiPlatform = process.platform === \"linux\" && process.arch === \"x64\" ? \"linux-x64-gnu\"\n    : process.platform === \"linux\" && process.arch === \"arm64\" ? \"linux-arm64-gnu\"\n      : `${process.platform}-${process.arch}`\n\n  for (const bin of BINARY_NAMES) {\n    candidates.push(path.resolve(runtimeDir, `${bin}.node`))\n    candidates.push(path.resolve(runtimeDir, `${bin}.${napiPlatform}.node`))\n    // 1 level: dist/ → package-root/native/ (published npm package)\n    candidates.push(path.resolve(runtimeDir, \"..\", \"native\", `${bin}.node`))\n    candidates.push(path.resolve(runtimeDir, \"..\", \"native\", `${bin}.${napiPlatform}.node`))\n    // cwd fallback (user project root)\n    candidates.push(path.resolve(process.cwd(), \"native\", `${bin}.node`))\n    candidates.push(path.resolve(process.cwd(), \"native\", `${bin}.${napiPlatform}.node`))\n    // 4 level: dist/ → package/ → domain/ → packages/ → repo-root/ (monorepo dev)\n    candidates.push(path.resolve(runtimeDir, \"..\", \"..\", \"..\", \"..\", \"native\", `${bin}.node`))\n    candidates.push(path.resolve(runtimeDir, \"..\", \"..\", \"..\", \"..\", \"native\", `${bin}.${napiPlatform}.node`))\n    // 3 level fallback\n    candidates.push(path.resolve(runtimeDir, \"..\", \"..\", \"..\", \"native\", `${bin}.node`))\n  }\n\n  return Array.from(new Set(candidates))\n}\n\nexport function resolveRuntimeDir(dir: string | undefined, importMetaUrl: string): string {\n  if (dir) return path.resolve(dir)\n  try {\n    return path.dirname(fileURLToPath(importMetaUrl))\n  } catch {\n    return process.cwd()\n  }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Hashing\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport function hashContent(content: string, algorithm: string = \"md5\", length?: number): string {\n  const hash = createHash(algorithm).update(content).digest(\"hex\")\n  return length ? hash.slice(0, length) : hash\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Error formatting\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport function formatErrorMessage(error: unknown): string {\n  if (error instanceof TwError) return error.toString()\n  if (error instanceof Error) return error.message\n  return String(error)\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// LRU Cache\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport class LRUCache<K, V> {\n  private capacity: number\n  private cache: Map<K, V>\n\n  constructor(capacity: number) {\n    this.capacity = capacity\n    this.cache = new Map()\n  }\n\n  get(key: K): V | undefined {\n    if (!this.cache.has(key)) return undefined\n    const value = this.cache.get(key)!\n    this.cache.delete(key)\n    this.cache.set(key, value)\n    return value\n  }\n\n  set(key: K, value: V): void {\n    if (this.cache.has(key)) {\n      this.cache.delete(key)\n    } else if (this.cache.size >= this.capacity) {\n      const firstKey = this.cache.keys().next().value\n      if (firstKey !== undefined) {\n        this.cache.delete(firstKey)\n      }\n    }\n    this.cache.set(key, value)\n  }\n\n  delete(key: K): boolean {\n    return this.cache.delete(key)\n  }\n\n  has(key: K): boolean {\n    return this.cache.has(key)\n  }\n\n  clear(): void {\n    this.cache.clear()\n  }\n\n  entries(): IterableIterator<[K, V]> {\n    return this.cache.entries()\n  }\n\n  get size(): number {\n    return this.cache.size\n  }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Trace Utilities\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type { TraceSnapshot, TraceSummary } from \"./trace\"\nexport {\n  getHealthColor,\n  getModeColor,\n  formatMemory,\n  formatDuration,\n  calculateHealth,\n  getBuildTimeColor,\n  getMemoryColor,\n  createTraceSnapshot,\n  getPipelinePercentages,\n} from \"./trace\"\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Performance Telemetry\n// ─────────────────────────────────────────────────────────────────────────────\n\n\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Error Codes\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type { ErrorCode } from \"./error-codes\"\nexport { ERROR_CODES, getSuggestion, formatErrorCode } from \"./error-codes\"\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Tailwind Compatibility\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type { TailwindInfo } from \"./compatibility\"\nexport { detectTailwind, assertTailwindV4, getTailwindVersion, isTailwindV4 } from \"./compatibility\"\n\n// ── Native binding schemas (Zod boundary validation)\nexport {\n  NativeScanFileSchema, NativeScanResultSchema,\n  NativeAnalyzerReportSchema, NativeTransformResultSchema,\n  NativeCssCompileResultSchema, NativeWatchResultSchema,\n  NativeCacheEntrySchema, NativeCacheReadResultSchema,\n  safeParseNative, parseNative,\n} from './native-schemas'\n\n// ── ESM-safe runtime helpers ──────────────────────────────────────────────\nexport {\n  createEsmRequire,\n  getDirname,\n  getFilename,\n  resolveFromRoot,\n  tryRequire,\n  resolveNativeNodePath,\n} from \"./esmHelpers\"\n\n// ── Performance telemetry ────────────────────────────────────────────────────\nexport {\n  TelemetryCollector,\n  getGlobalTelemetry,\n  resetGlobalTelemetry,\n  createBuildTimer,\n  type BuildTelemetry,\n  type TelemetrySummary,\n  type BuildPhases,\n} from \"./telemetry\"\n\n// ── Config/JSON schema validation ─────────────────────────────────────────────\nexport {\n  ScanCacheSchema,\n  ScanCacheClassEntrySchema,\n  TailwindConfigSchema,\n  RegistryPluginEntrySchema,\n  RegistryFileSchema,\n  PackageJsonSchema,\n  parseJsonWithSchema,\n  parseJsonFileWithSchema,\n  type ScanCache,\n  type ScanCacheClassEntry,\n  type TailwindConfig,\n  type RegistryPluginEntry,\n  type RegistryFile,\n  type PackageJson,\n} from \"./configSchemas\"\n\n// ── Worker/bootstrap path resolution ─────────────────────────────────────────\nexport {\n  resolveWorkerPath,\n  resolveLoaderPath,\n  type WorkerPathOptions,\n  type WorkerPathResult,\n} from \"./workerResolver\"\n\n// ── Codegen helpers ───────────────────────────────────────────────────────────\nexport {\n  generateComponentCode,\n  generateStorybookStory,\n  generateClassRenameCodemod,\n  generateBarrelFile,\n  type ComponentCodegenOptions,\n} from \"./codegen\"\n\n// ── Native binary resolution (QA #1) ─────────────────────────────────────────\nexport {\n  resolveNativeBinary,\n  formatNativeNotFoundError,\n  type NativeResolutionResult,\n} from \"./native-resolution\"\n\n// ── Shared observability contract ────────────────────────────────────────────\nexport {\n  createObservabilityClient,\n  type ClassInspection,\n  type ClassProperty,\n  type ClassUsageLocation,\n  type BuildTrace,\n  type BuildPhaseTrace,\n  type DashboardMetrics,\n  type DashboardSummary,\n  type ObservabilityClient,\n} from \"./observability\"\n\nexport {\n  TW_STATE_STATIC_FILENAME,\n  extractStaticStateCss,\n  appendStaticStateCssToSafelist,\n  type TwStateConfigEntry,\n  type StaticStateCssInput,\n  type GeneratedStateRule,\n  type StaticStateExtractionResult,\n} from \"./staticStateExtractor\"\nexport { setGlobalLogFile } from \"./logger\"","export * from \"@tailwind-styled/theme\"\n","/**\n * tailwind-styled-v5 — Multi-Theme Engine + Live Token Engine\n *\n * Enterprise-grade theming. Support light/dark/brand themes dengan\n * CSS variables. Zero runtime overhead — themes di-resolve via CSS.\n *\n * Live token engine provides runtime token state management with\n * CSS variable sync to document root.\n *\n * Fitur:\n *  - Multiple named themes (light, dark, brand, high-contrast)\n *  - CSS variable output (Tailwind v4 compatible)\n *  - Theme contract (TypeScript-safe — missing tokens = TS error)\n *  - Per-component theme override\n *  - White-label ready\n *  - Live token engine (runtime token state + CSS sync)\n *\n * @example\n *   // 1. Define contract\n *   const contract = defineThemeContract({\n *     colors: { bg: \"\", fg: \"\", primary: \"\", muted: \"\" },\n *     font:   { sans: \"\", mono: \"\" },\n *   })\n *\n *   // 2. Create themes\n *   const lightTheme = createTheme(contract, \"light\", {\n *     colors: { bg: \"#ffffff\", fg: \"#09090b\", primary: \"#3b82f6\", muted: \"#71717a\" },\n *     font:   { sans: \"InterVariable, sans-serif\", mono: \"JetBrains Mono, monospace\" },\n *   })\n *\n *   const darkTheme = createTheme(contract, \"dark\", {\n *     colors: { bg: \"#09090b\", fg: \"#fafafa\", primary: \"#60a5fa\", muted: \"#a1a1aa\" },\n *     font:   { sans: \"InterVariable, sans-serif\", mono: \"JetBrains Mono, monospace\" },\n *   })\n *\n *   // 3. Use tokens in components\n *   const Card = tw.div`bg-[var(--colors-bg)] text-[var(--colors-fg)] p-6`\n *\n *   // 4. Apply in layout\n *   // <html data-theme=\"dark\"> or inject CSS\n */\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Live Token Engine exports\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type {\n  LiveTokenEngineBridge,\n  LiveTokenSet,\n  TokenMap,\n  TokenSubscriber,\n} from \"./liveTokenEngine\"\nexport {\n  applyTokenSet,\n  createUseTokens,\n  generateTokenCssString,\n  getToken,\n  getTokens,\n  liveToken,\n  liveTokenEngine,\n  setToken,\n  setTokens,\n  subscribeTokens,\n  tokenRef,\n  tokenVar,\n} from \"./liveTokenEngine\"\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Theme types\n// ─────────────────────────────────────────────────────────────────────────────\n\nimport { getNativeThemeBinding } from \"./native-bridge\"\n\n// ThemeTokenMap untuk theming (grouped tokens seperti { colors: { bg: \"#fff\" } })\nexport type ThemeTokenMap = Record<string, Record<string, string>>\n\nexport interface ThemeContract<T extends ThemeTokenMap> {\n  _contract: T\n  _vars: ThemeVars<T>\n}\n\nexport type ThemeVars<T extends ThemeTokenMap> = {\n  [Group in keyof T]: {\n    [Token in keyof T[Group]]: string // \"var(--group-token)\"\n  }\n}\n\nexport interface Theme<T extends ThemeTokenMap> {\n  name: string\n  contract: ThemeContract<T>\n  values: T\n  /** CSS string to inject (`:root` or `[data-theme=\"name\"]`) */\n  css: string\n  /** CSS variables as a flat record */\n  vars: Record<string, string>\n  /** Apply this theme to an element via data attribute */\n  selector: string\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// defineThemeContract\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Define the shape of your theme. All themes must satisfy this contract.\n * Returns typed CSS variable references for use in tw components.\n *\n * @example\n * const contract = defineThemeContract({\n *   colors: { bg: \"\", fg: \"\", primary: \"\" },\n *   font: { sans: \"\" },\n * })\n *\n * // Use in components:\n * const Card = tw.div`bg-[${contract._vars.colors.bg}]`\n * // → tw.div`bg-[var(--colors-bg)]`\n */\nexport function defineThemeContract<T extends ThemeTokenMap>(shape: T): ThemeContract<T> {\n  const buildVars = (): ThemeVars<T> => {\n    const result: Record<string, Record<string, string>> = {}\n    for (const group in shape) {\n      result[group] = {}\n      for (const token in shape[group]) {\n        result[group][token] = `var(--${group}-${token})`\n      }\n    }\n    return result as ThemeVars<T>\n  }\n\n  return { _contract: shape, _vars: buildVars() }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// createTheme\n// ─────────────────────────────────────────────────────────────────────────────\n\n/**\n * Create a typed theme that satisfies a contract.\n *\n * @param contract - Theme contract from defineThemeContract()\n * @param name - Theme name (\"light\", \"dark\", \"brand\", etc.)\n * @param values - Token values (TypeScript enforces completeness)\n * @param asRoot - If true, use :root selector. Default: false (uses [data-theme])\n */\nexport function createTheme<T extends ThemeTokenMap>(\n  contract: ThemeContract<T>,\n  name: string,\n  values: T,\n  asRoot = false\n): Theme<T> {\n  // ── Rust fast-path ─────────────────────────────────────────────────────────\n  const native = getNativeThemeBinding()\n  if (native?.compileTheme) {\n    const result = native.compileTheme(JSON.stringify(values), asRoot ? \"light\" : name, \"\")\n    if (result) {\n      const flatVars: Record<string, string> = {}\n      for (const token of result.tokens) {\n        flatVars[token.cssVar] = token.value\n      }\n      return { name, contract, values, css: result.css, vars: flatVars, selector: result.selector }\n    }\n  }\n\n  // Native binding is required — no JS fallback\n  throw new Error(\n    \"FATAL: Native binding 'compileTheme' is required but not available. \" +\n    \"Run 'npm run build:rust' to build the native module.\"\n  )\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// ThemeRegistry — manage multiple themes\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport class ThemeRegistry {\n  private themes = new Map<string, Theme<ThemeTokenMap>>()\n  private defaultTheme: string | null = null\n\n  /** Register a theme */\n  register<T extends ThemeTokenMap>(theme: Theme<T>, isDefault = false): this {\n    this.themes.set(theme.name, theme)\n    if (isDefault || !this.defaultTheme) {\n      this.defaultTheme = theme.name\n    }\n    return this\n  }\n\n  /** Get a theme by name */\n  get(name: string): Theme<ThemeTokenMap> | undefined {\n    return this.themes.get(name)\n  }\n\n  /** Get all theme names */\n  names(): string[] {\n    return Array.from(this.themes.keys())\n  }\n\n  /**\n   * Generate combined CSS for all themes.\n   * Inject into <head> or a .css file.\n   *\n   * @example\n   * // In globals.css or layout.tsx\n   * const css = registry.generateCss()\n   */\n  generateCss(): string {\n    return Array.from(this.themes.values())\n      .map((t) => t.css)\n      .join(\"\\n\\n\")\n  }\n\n  /**\n   * Get the CSS for a specific theme only.\n   */\n  getThemeCss(name: string): string | null {\n    return this.themes.get(name)?.css ?? null\n  }\n\n  /**\n   * Inject all theme CSS into document <head> (browser only).\n   * Call once on app init.\n   */\n  inject(styleId = \"__tw_themes\"): void {\n    if (typeof document === \"undefined\") return\n\n    const style =\n      (document.getElementById(styleId) as HTMLStyleElement | null) ??\n      (() => {\n        const el = document.createElement(\"style\")\n        el.id = styleId\n        document.head.appendChild(el)\n        return el\n      })()\n    style.textContent = this.generateCss()\n  }\n\n  /**\n   * Switch active theme by setting data-theme on <html>.\n   */\n  apply(name: string, target: HTMLElement = document.documentElement): void {\n    if (typeof document === \"undefined\") return\n    if (!this.themes.has(name)) {\n      console.warn(`[tailwind-styled-v4] Theme \"${name}\" not registered.`)\n      return\n    }\n    target.dataset.theme = name\n  }\n\n  /**\n   * Get current active theme name from data-theme attribute.\n   */\n  current(target: HTMLElement = document.documentElement): string | null {\n    if (typeof document === \"undefined\") return this.defaultTheme\n    return target.dataset.theme ?? this.defaultTheme\n  }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Convenience: createMultiTheme — shorthand for common light/dark setup\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface MultiThemeConfig<T extends ThemeTokenMap> {\n  contract: ThemeContract<T>\n  light: T\n  dark: T\n  /** Additional named themes (brand, high-contrast, etc.) */\n  extras?: Record<string, T>\n}\n\n/**\n * Create a ThemeRegistry with light/dark + optional extras in one call.\n *\n * @example\n * const { registry, vars } = createMultiTheme({\n *   contract: defineThemeContract({\n *     colors: { bg: \"\", fg: \"\", primary: \"\", border: \"\" }\n *   }),\n *   light: {\n *     colors: { bg: \"#fff\", fg: \"#09090b\", primary: \"#3b82f6\", border: \"#e5e7eb\" }\n *   },\n *   dark: {\n *     colors: { bg: \"#09090b\", fg: \"#fafafa\", primary: \"#60a5fa\", border: \"#27272a\" }\n *   },\n * })\n *\n * // Inject CSS:\n * registry.inject()\n *\n * // Use tokens in components:\n * const Card = tw.div`bg-[${vars.colors.bg}] text-[${vars.colors.fg}]`\n */\nexport function createMultiTheme<T extends ThemeTokenMap>(\n  config: MultiThemeConfig<T>\n): {\n  registry: ThemeRegistry\n  vars: ThemeVars<T>\n  light: Theme<T>\n  dark: Theme<T>\n} {\n  const registry = new ThemeRegistry()\n\n  const light = createTheme(config.contract, \"light\", config.light, true) // :root\n  const dark = createTheme(config.contract, \"dark\", config.dark, false)\n\n  registry.register(light, true)\n  registry.register(dark)\n\n  for (const [name, values] of Object.entries(config.extras ?? {})) {\n    registry.register(createTheme(config.contract, name, values as T))\n  }\n\n  return {\n    registry,\n    vars: config.contract._vars,\n    light,\n    dark,\n  }\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Design Token Compiler — generate CSS vars from token object\n// (Enterprise feature: sync with Figma variables)\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport interface DesignTokens {\n  [path: string]: string | DesignTokens\n}\n\n/**\n * Flatten nested design token object into CSS variables.\n * Supports Figma-style nested tokens.\n *\n * @example\n * compileDesignTokens({\n *   color: {\n *     brand: { primary: \"#3b82f6\", secondary: \"#6366f1\" },\n *     neutral: { 50: \"#fafafa\", 900: \"#09090b\" }\n *   },\n *   spacing: { base: \"4px\", lg: \"16px\" }\n * })\n * →\n * :root {\n *   --color-brand-primary: #3b82f6;\n *   --color-brand-secondary: #6366f1;\n *   --color-neutral-50: #fafafa;\n *   --color-neutral-900: #09090b;\n *   --spacing-base: 4px;\n *   --spacing-lg: 16px;\n * }\n */\nexport function compileDesignTokens(tokens: DesignTokens, prefix = \"\"): string {\n  // ── Rust fast-path ─────────────────────────────────────────────────────────\n  const native = getNativeThemeBinding()\n  if (native?.compileTheme) {\n    const result = native.compileTheme(JSON.stringify(tokens), \"default\", prefix)\n    if (result) return result.css\n  }\n\n  // Native binding is required — no JS fallback\n  throw new Error(\n    \"FATAL: Native binding 'compileTheme' is required but not available. \" +\n    \"Run 'npm run build:rust' to build the native module.\"\n  )\n}\n\n// Re-export schemas\nexport {\n  type LiveTokenUpdateInput,\n  LiveTokenUpdateSchema,\n  parseLiveTokenUpdate,\n  parseTokenConfig,\n  type ThemeRegistrationInput,\n  ThemeRegistrationSchema,\n  type TokenConfigInput,\n  TokenConfigSchema,\n} from \"./schemas\"","\"use client\"\n\nimport React from \"react\"\n\nimport type { TokenMap } from '@tailwind-styled/shared'\nexport type { TokenMap }\n\nexport type TokenSubscriber = (tokens: TokenMap) => void\n\nexport interface LiveTokenSet {\n  vars: Record<string, string>\n  get(name: string): string | undefined\n  set(name: string, value: string): void\n  setAll(tokens: TokenMap): void\n  snapshot(): TokenMap\n}\n\nexport interface LiveTokenEngineBridge {\n  getToken(name: string): string | undefined\n  getTokens(): TokenMap\n  setToken(name: string, value: string): void\n  setTokens(tokens: TokenMap): void\n  applyTokenSet(tokens: TokenMap): void\n  subscribeTokens(fn: TokenSubscriber): () => void\n  subscribe?(fn: TokenSubscriber): () => void\n}\n\ninterface LiveTokenEngineRuntime {\n  liveToken(tokens: TokenMap): LiveTokenSet\n  getToken(name: string): string | undefined\n  getTokens(): TokenMap\n  setToken(name: string, value: string): void\n  setTokens(tokens: TokenMap): void\n  applyTokenSet(tokens: TokenMap): void\n  generateTokenCssString(): string\n  subscribe(fn: TokenSubscriber): () => void\n  markHydrated(): void\n}\n\nconst TOKEN_ENGINE_KEY = \"__TW_TOKEN_ENGINE__\"\n\nexport function tokenVar(name: string): string {\n  const normalized = name.replace(/[^a-zA-Z0-9-]/g, \"-\").toLowerCase()\n  return `--tw-token-${normalized}`\n}\n\nexport function tokenRef(name: string): string {\n  return `var(${tokenVar(name)})`\n}\n\nconst buildRootCss = (tokens: TokenMap): string => {\n  const vars = Object.entries(tokens)\n    .map(([name, value]) => `  ${tokenVar(name)}: ${value};`)\n    .join(\"\\n\")\n  return `:root {\\n${vars}\\n}`\n}\n\nconst createLiveTokenEngine = (): LiveTokenEngineRuntime => {\n  const state = {\n    currentTokens: {} as TokenMap,\n    styleEl: null as HTMLStyleElement | null,\n    // Belum boleh nyentuh live DOM sampai komponen pertama selesai mount.\n    // Ini yang nyegah hydration mismatch: tanpa flag ini, liveToken() yang\n    // dipanggil di module top-level akan langsung document.documentElement\n    // .style.setProperty(...) saat bundle client di-evaluasi — JAUH sebelum\n    // React selesai hydrate — sehingga <html> versi live DOM beda dengan\n    // <html> yang di-render server (yang gak pernah nyentuh `document`).\n    hydrated: false,\n  }\n  const subscribers = new Set<TokenSubscriber>()\n\n  const syncStyleEl = (): void => {\n    if (!state.hydrated || typeof document === \"undefined\") return\n\n    if (!state.styleEl) {\n      const styleEl = document.createElement(\"style\")\n      styleEl.id = \"tw-live-tokens\"\n      styleEl.setAttribute(\"data-tw-tokens\", \"true\")\n      document.head.appendChild(styleEl)\n      state.styleEl = styleEl\n    }\n\n    state.styleEl.textContent = buildRootCss(state.currentTokens)\n  }\n\n  const notifySubscribers = (): void => {\n    const snapshot = { ...state.currentTokens }\n    for (const subscriber of subscribers) {\n      try {\n        subscriber(snapshot)\n      } catch {\n        // Intentionally ignore subscriber errors.\n      }\n    }\n  }\n\n  const setToken = (name: string, value: string): void => {\n    state.currentTokens = { ...state.currentTokens, [name]: value }\n    if (state.hydrated && typeof document !== \"undefined\") {\n      document.documentElement.style.setProperty(tokenVar(name), value)\n    }\n    syncStyleEl()\n    notifySubscribers()\n  }\n\n  const setTokens = (tokens: TokenMap): void => {\n    state.currentTokens = { ...state.currentTokens, ...tokens }\n    if (state.hydrated && typeof document !== \"undefined\") {\n      const root = document.documentElement\n      for (const [name, value] of Object.entries(tokens)) {\n        root.style.setProperty(tokenVar(name), value)\n      }\n    }\n    syncStyleEl()\n    notifySubscribers()\n  }\n\n  const applyTokenSet = (tokens: TokenMap): void => {\n    if (state.hydrated && typeof document !== \"undefined\") {\n      const root = document.documentElement\n      for (const name of Object.keys(state.currentTokens)) {\n        if (!(name in tokens)) {\n          root.style.removeProperty(tokenVar(name))\n        }\n      }\n      for (const [name, value] of Object.entries(tokens)) {\n        root.style.setProperty(tokenVar(name), value)\n      }\n    }\n\n    state.currentTokens = { ...tokens }\n    syncStyleEl()\n    notifySubscribers()\n  }\n\n  // Dipanggil sekali setelah mount pertama (lewat useTokens()'s useEffect, atau\n  // fallback rAF di bawah buat consumer yang pakai API imperative tanpa hook).\n  // Setelah ini true, semua write di atas balik sinkron langsung seperti semula.\n  const markHydrated = (): void => {\n    if (state.hydrated || typeof document === \"undefined\") return\n    state.hydrated = true\n    const root = document.documentElement\n    for (const [name, value] of Object.entries(state.currentTokens)) {\n      root.style.setProperty(tokenVar(name), value)\n    }\n    syncStyleEl()\n  }\n\n  if (typeof window !== \"undefined\") {\n    // Fallback buat consumer yang gak pakai useTokens() hook (cuma pakai\n    // liveToken().set() imperatif): tetap flush setelah paint pertama,\n    // jauh lebih aman daripada langsung saat module di-evaluasi.\n    requestAnimationFrame(markHydrated)\n  }\n\n  return {\n    markHydrated,\n    liveToken(tokens: TokenMap): LiveTokenSet {\n      setTokens(tokens)\n\n      const vars: Record<string, string> = {}\n      for (const name of Object.keys(tokens)) {\n        vars[name] = tokenRef(name)\n      }\n\n      return {\n        vars,\n        get(name: string) {\n          return state.currentTokens[name]\n        },\n        set(name: string, value: string) {\n          setToken(name, value)\n        },\n        setAll(nextTokens: TokenMap) {\n          setTokens(nextTokens)\n        },\n        snapshot() {\n          return { ...state.currentTokens }\n        },\n      }\n    },\n    getToken(name: string): string | undefined {\n      return state.currentTokens[name]\n    },\n    getTokens(): TokenMap {\n      return { ...state.currentTokens }\n    },\n    setToken,\n    setTokens,\n    applyTokenSet,\n    generateTokenCssString(): string {\n      return buildRootCss(state.currentTokens)\n    },\n    subscribe(fn: TokenSubscriber): () => void {\n      subscribers.add(fn)\n      return () => {\n        subscribers.delete(fn)\n      }\n    },\n  }\n}\n\nconst engine = createLiveTokenEngine()\n\nexport function liveToken(tokens: TokenMap): LiveTokenSet {\n  return engine.liveToken(tokens)\n}\n\nexport function setToken(name: string, value: string): void {\n  engine.setToken(name, value)\n}\n\nexport function setTokens(tokens: TokenMap): void {\n  engine.setTokens(tokens)\n}\n\nexport function applyTokenSet(tokens: TokenMap): void {\n  engine.applyTokenSet(tokens)\n}\n\nexport function getToken(name: string): string | undefined {\n  return engine.getToken(name)\n}\n\nexport function getTokens(): TokenMap {\n  return engine.getTokens()\n}\n\nexport function subscribeTokens(fn: TokenSubscriber): () => void {\n  return engine.subscribe(fn)\n}\n\nexport function generateTokenCssString(): string {\n  return engine.generateTokenCssString()\n}\n\nexport function createUseTokens() {\n  return function useTokens(): TokenMap {\n    // useSyncExternalStore untuk konsistensi SSR/client:\n    // - getServerSnapshot() return empty object → SSR render tanpa tokens\n    // - getSnapshot() return live tokens di client setelah hydration\n    // Ini menghilangkan hydration mismatch karena server dan client\n    // initial render keduanya return {} (empty), lalu useEffect update\n    // ke nilai aktual via subscriber.\n    const [tokens, setTokensState] = React.useState<TokenMap>({})\n\n    React.useEffect(() => {\n      // Baru sekarang aman nyentuh document.documentElement — hydration\n      // udah pasti selesai di titik ini. markHydrated() flush token yang\n      // sempat ditunda dari liveToken() init call (lihat createLiveTokenEngine).\n      engine.markHydrated()\n      // Set ke nilai aktual setelah mount (client-only)\n      setTokensState(engine.getTokens())\n      return engine.subscribe((nextTokens) => setTokensState(nextTokens))\n    }, [])\n\n    return tokens\n  }\n}\n\nexport const liveTokenEngine: LiveTokenEngineBridge = {\n  getToken: engine.getToken,\n  getTokens: engine.getTokens,\n  setToken: engine.setToken,\n  setTokens: engine.setTokens,\n  applyTokenSet: engine.applyTokenSet,\n  subscribeTokens: engine.subscribe,\n  subscribe: engine.subscribe,\n}\n\ndeclare global {\n  interface Window {\n    __TW_TOKEN_ENGINE__?: LiveTokenEngineBridge\n  }\n}\n\nconst globalTokenEngine = globalThis as typeof globalThis & {\n  [TOKEN_ENGINE_KEY]?: LiveTokenEngineBridge\n}\n\nglobalTokenEngine[TOKEN_ENGINE_KEY] = liveTokenEngine\nif (typeof window !== \"undefined\") {\n  window.__TW_TOKEN_ENGINE__ = liveTokenEngine\n}\n","/**\n * Theme — Rust native bridge\n *\n * Uses @tailwind-styled/shared for native binding resolution.\n */\nimport path from \"node:path\"\nimport { fileURLToPath } from \"node:url\"\nimport {\n  createDebugLogger,\n  loadNativeBinding,\n  resolveNativeBindingCandidates,\n} from \"@tailwind-styled/shared\"\n\nconst log = createDebugLogger(\"theme:native\")\n\nfunction getDirname(): string {\n  if (typeof __dirname !== \"undefined\") return __dirname\n  if (typeof import.meta !== \"undefined\" && import.meta.url) {\n    return path.dirname(fileURLToPath(import.meta.url))\n  }\n  return process.cwd()\n}\n\ninterface NativeThemeBinding {\n  compileTheme?: (\n    tokensJson: string,\n    themeName: string,\n    prefix: string\n  ) => {\n    name: string\n    selector: string\n    css: string\n    tokens: Array<{ key: string; cssVar: string; value: string }>\n  } | null\n  extractCssVars?: (source: string) => string[] | null\n}\n\nconst isValidThemeBinding = (module: unknown): module is NativeThemeBinding => {\n  const candidate = module as Partial<NativeThemeBinding> | null | undefined\n  return !!(candidate && typeof candidate.compileTheme === \"function\")\n}\n\n// ─────────────────────────────────────────────────────────────────────────\n// Native Theme Binding - Factory Pattern\n// ─────────────────────────────────────────────────────────────────────────\n\nconst createThemeBindingLoader = () => {\n  const _state = { binding: undefined as NativeThemeBinding | null | undefined }\n\n  const getBinding = (): NativeThemeBinding | null => {\n    if (_state.binding !== undefined) return _state.binding\n\n    const runtimeDir = getDirname()\n    const candidates = resolveNativeBindingCandidates({\n      runtimeDir,\n      includeDefaultCandidates: true,\n    })\n\n    const { binding } = loadNativeBinding<NativeThemeBinding>({\n      runtimeDir,\n      candidates,\n      isValid: isValidThemeBinding,\n      invalidExportMessage: \"Module loaded but missing expected theme binding functions\",\n    })\n\n    if (binding) {\n      log(`theme native binding loaded successfully`)\n      return (_state.binding = binding)\n    }\n\n    return (_state.binding = null)\n  }\n\n  return {\n    get: getBinding,\n    reset: (): void => {\n      _state.binding = undefined\n    },\n  }\n}\n\nconst themeBindingLoader = createThemeBindingLoader()\n\nexport function getNativeThemeBinding(): NativeThemeBinding | null {\n  return themeBindingLoader.get()\n}\n","import { z } from \"zod\"\n\nconst formatIssues = (error: z.ZodError): string =>\n  error.issues\n    .map((issue) => {\n      const p = issue.path.length > 0 ? issue.path.join(\".\") : \"<root>\"\n      return `${p}: ${issue.message}`\n    })\n    .join(\"; \")\n\nconst parseWithSchema = <T>(schema: z.ZodType<T>, data: unknown, label: string): T => {\n  const parsed = schema.safeParse(data)\n  if (parsed.success) return parsed.data\n  throw new TypeError(`${label}: ${formatIssues(parsed.error)}`)\n}\n\nexport const TokenConfigSchema = z.object({\n  name: z.string().min(1),\n  values: z.record(z.string(), z.record(z.string(), z.string())),\n  asRoot: z.boolean().optional(),\n})\n\nexport type TokenConfigInput = z.infer<typeof TokenConfigSchema>\n\nexport const LiveTokenUpdateSchema = z.object({\n  tokens: z.record(z.string(), z.string()),\n  source: z.string().optional(),\n})\n\nexport type LiveTokenUpdateInput = z.infer<typeof LiveTokenUpdateSchema>\n\nexport const ThemeRegistrationSchema = z.object({\n  name: z.string().min(1),\n  tokens: z.record(z.string(), z.record(z.string(), z.string())),\n  isDefault: z.boolean().optional(),\n})\n\nexport type ThemeRegistrationInput = z.infer<typeof ThemeRegistrationSchema>\n\nexport const parseTokenConfig = (data: unknown) =>\n  parseWithSchema(TokenConfigSchema, data, \"token config is invalid\")\n\nexport const parseLiveTokenUpdate = (data: unknown) =>\n  parseWithSchema(LiveTokenUpdateSchema, data, \"live token update is invalid\")\n"],"mappings":"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","names":["path","fs","setToken","setTokens","applyTokenSet","React","import_node_path","import_node_url","path","module"]}

package/dist/theme.mjs

@@ -130,11 +130,18 @@ ${vars}
 var createLiveTokenEngine = () => {
   const state = {
     currentTokens: {},
-    styleEl: null
+    styleEl: null,
+    // Belum boleh nyentuh live DOM sampai komponen pertama selesai mount.
+    // Ini yang nyegah hydration mismatch: tanpa flag ini, liveToken() yang
+    // dipanggil di module top-level akan langsung document.documentElement
+    // .style.setProperty(...) saat bundle client di-evaluasi — JAUH sebelum
+    // React selesai hydrate — sehingga <html> versi live DOM beda dengan
+    // <html> yang di-render server (yang gak pernah nyentuh `document`).
+    hydrated: false
   };
   const subscribers = /* @__PURE__ */ new Set();
   const syncStyleEl = () => {
-    if (typeof document === "undefined") return;
+    if (!state.hydrated || typeof document === "undefined") return;
     if (!state.styleEl) {
       const styleEl = document.createElement("style");
       styleEl.id = "tw-live-tokens";
@@ -155,7 +162,7 @@ var createLiveTokenEngine = () => {
   };
   const setToken2 = (name, value) => {
     state.currentTokens = { ...state.currentTokens, [name]: value };
-    if (typeof document !== "undefined") {
+    if (state.hydrated && typeof document !== "undefined") {
       document.documentElement.style.setProperty(tokenVar(name), value);
     }
     syncStyleEl();
@@ -163,7 +170,7 @@ var createLiveTokenEngine = () => {
   };
   const setTokens2 = (tokens) => {
     state.currentTokens = { ...state.currentTokens, ...tokens };
-    if (typeof document !== "undefined") {
+    if (state.hydrated && typeof document !== "undefined") {
       const root = document.documentElement;
       for (const [name, value] of Object.entries(tokens)) {
         root.style.setProperty(tokenVar(name), value);
@@ -173,7 +180,7 @@ var createLiveTokenEngine = () => {
     notifySubscribers();
   };
   const applyTokenSet2 = (tokens) => {
-    if (typeof document !== "undefined") {
+    if (state.hydrated && typeof document !== "undefined") {
       const root = document.documentElement;
       for (const name of Object.keys(state.currentTokens)) {
         if (!(name in tokens)) {
@@ -188,7 +195,20 @@ var createLiveTokenEngine = () => {
     syncStyleEl();
     notifySubscribers();
   };
+  const markHydrated = () => {
+    if (state.hydrated || typeof document === "undefined") return;
+    state.hydrated = true;
+    const root = document.documentElement;
+    for (const [name, value] of Object.entries(state.currentTokens)) {
+      root.style.setProperty(tokenVar(name), value);
+    }
+    syncStyleEl();
+  };
+  if (typeof window !== "undefined") {
+    requestAnimationFrame(markHydrated);
+  }
   return {
+    markHydrated,
     liveToken(tokens) {
       setTokens2(tokens);
       const vars = {};
@@ -258,8 +278,9 @@ function generateTokenCssString() {
 }
 function createUseTokens() {
   return function useTokens() {
-    const [tokens, setTokensState] = React.useState(engine.getTokens());
+    const [tokens, setTokensState] = React.useState({});
     React.useEffect(() => {
+      engine.markHydrated();
       setTokensState(engine.getTokens());
       return engine.subscribe((nextTokens) => setTokensState(nextTokens));
     }, []);