dialkit 1.1.0 → 1.2.0

package/dist/store/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/store/DialStore.ts"],"sourcesContent":["// Lightweight state store with subscriptions for dialkit\n\nexport type SpringConfig = {\n  type: 'spring';\n  stiffness?: number;\n  damping?: number;\n  mass?: number;\n  visualDuration?: number;\n  bounce?: number;\n};\n\nexport type EasingConfig = {\n  type: 'easing';\n  duration: number;\n  ease: [number, number, number, number];\n};\n\nexport type TransitionConfig = SpringConfig | EasingConfig;\n\nexport type ActionConfig = {\n  type: 'action';\n  label?: string;\n};\n\nexport type SelectConfig = {\n  type: 'select';\n  options: (string | { value: string; label: string })[];\n  default?: string;\n};\n\nexport type ColorConfig = {\n  type: 'color';\n  default?: string;\n};\n\nexport type TextConfig = {\n  type: 'text';\n  default?: string;\n  placeholder?: string;\n};\n\nexport type DialValue = number | boolean | string | SpringConfig | EasingConfig | ActionConfig | SelectConfig | ColorConfig | TextConfig;\n\nexport type DialConfig = {\n  [key: string]: DialValue | [number, number, number, number?] | DialConfig;\n};\n\nexport type ResolvedValues<T extends DialConfig> = {\n  [K in keyof T]: T[K] extends [number, number, number, number?]\n    ? number\n    : T[K] extends SpringConfig\n      ? TransitionConfig\n      : T[K] extends EasingConfig\n        ? TransitionConfig\n        : T[K] extends SelectConfig\n          ? string\n          : T[K] extends ColorConfig\n            ? string\n            : T[K] extends TextConfig\n              ? string\n              : T[K] extends DialConfig\n                ? ResolvedValues<T[K]>\n                : T[K];\n};\n\nexport type ControlMeta = {\n  type: 'slider' | 'toggle' | 'spring' | 'transition' | 'folder' | 'action' | 'select' | 'color' | 'text';\n  path: string;\n  label: string;\n  min?: number;\n  max?: number;\n  step?: number;\n  children?: ControlMeta[];\n  defaultOpen?: boolean;\n  options?: (string | { value: string; label: string })[];\n  placeholder?: string;\n};\n\nexport type PanelConfig = {\n  id: string;\n  name: string;\n  controls: ControlMeta[];\n  values: Record<string, DialValue>;\n};\n\ntype Listener = () => void;\ntype ActionListener = (action: string) => void;\n\nexport type Preset = {\n  id: string;\n  name: string;\n  values: Record<string, DialValue>;\n};\n\n// Stable empty object for unregistered panels (React 19 useSyncExternalStore requirement)\nconst EMPTY_VALUES: Record<string, DialValue> = Object.freeze({});\n\nclass DialStoreClass {\n  private panels: Map<string, PanelConfig> = new Map();\n  private listeners: Map<string, Set<Listener>> = new Map();\n  private globalListeners: Set<Listener> = new Set();\n  private snapshots: Map<string, Record<string, DialValue>> = new Map();\n  private actionListeners: Map<string, Set<ActionListener>> = new Map();\n  private presets: Map<string, Preset[]> = new Map();\n  private activePreset: Map<string, string | null> = new Map();\n  private baseValues: Map<string, Record<string, DialValue>> = new Map();\n\n  registerPanel(id: string, name: string, config: DialConfig): void {\n    const controls = this.parseConfig(config, '');\n    const values = this.flattenValues(config, '');\n\n    // Set initial transition modes based on config types\n    this.initTransitionModes(config, '', values);\n\n    this.panels.set(id, { id, name, controls, values });\n    this.snapshots.set(id, { ...values });\n    this.baseValues.set(id, { ...values });\n    this.notifyGlobal();\n  }\n\n  updatePanel(id: string, name: string, config: DialConfig): void {\n    const existing = this.panels.get(id);\n    if (!existing) {\n      this.registerPanel(id, name, config);\n      return;\n    }\n\n    const controls = this.parseConfig(config, '');\n    const controlsByPath = this.mapControlsByPath(controls);\n    const defaultValues = this.flattenValues(config, '');\n    const nextValues: Record<string, DialValue> = {};\n\n    for (const [path, defaultValue] of Object.entries(defaultValues)) {\n      nextValues[path] = this.normalizePreservedValue(\n        existing.values[path],\n        defaultValue,\n        controlsByPath.get(path)\n      );\n    }\n\n    // Set mode defaults for new transition controls first.\n    this.initTransitionModes(config, '', nextValues);\n\n    for (const [path, mode] of Object.entries(existing.values)) {\n      if (!path.endsWith('.__mode')) {\n        continue;\n      }\n\n      const transitionPath = path.slice(0, -'__mode'.length - 1);\n      const transitionControl = controlsByPath.get(transitionPath);\n      if (transitionControl?.type === 'transition') {\n        nextValues[path] = mode;\n      }\n    }\n\n    const nextPanel: PanelConfig = { id, name, controls, values: nextValues };\n    this.panels.set(id, nextPanel);\n    this.snapshots.set(id, { ...nextValues });\n\n    const previousBaseValues = this.baseValues.get(id) ?? {};\n    const nextBaseValues: Record<string, DialValue> = {};\n    for (const [path, defaultValue] of Object.entries(defaultValues)) {\n      nextBaseValues[path] = this.normalizePreservedValue(\n        previousBaseValues[path],\n        defaultValue,\n        controlsByPath.get(path)\n      );\n    }\n\n    for (const [path, value] of Object.entries(nextValues)) {\n      if (path.endsWith('.__mode')) {\n        nextBaseValues[path] = value;\n      }\n    }\n\n    this.baseValues.set(id, nextBaseValues);\n\n    this.notify(id);\n    this.notifyGlobal();\n  }\n\n  unregisterPanel(id: string): void {\n    this.panels.delete(id);\n    this.listeners.delete(id);\n    this.snapshots.delete(id);\n    this.actionListeners.delete(id);\n    this.baseValues.delete(id);\n    this.notifyGlobal();\n  }\n\n  updateValue(panelId: string, path: string, value: DialValue): void {\n    const panel = this.panels.get(panelId);\n    if (!panel) return;\n\n    panel.values[path] = value;\n\n    // Auto-save to active preset or base values\n    const activeId = this.activePreset.get(panelId);\n    if (activeId) {\n      const presets = this.presets.get(panelId) ?? [];\n      const preset = presets.find(p => p.id === activeId);\n      if (preset) preset.values[path] = value;\n    } else {\n      const base = this.baseValues.get(panelId);\n      if (base) base[path] = value;\n    }\n\n    // Create a new snapshot reference so useSyncExternalStore detects the change\n    this.snapshots.set(panelId, { ...panel.values });\n    this.notify(panelId);\n  }\n\n  updateSpringMode(panelId: string, path: string, mode: 'simple' | 'advanced'): void {\n    this.updateTransitionMode(panelId, path, mode);\n  }\n\n  getSpringMode(panelId: string, path: string): 'simple' | 'advanced' {\n    const mode = this.getTransitionMode(panelId, path);\n    if (mode === 'easing') return 'simple';\n    return mode;\n  }\n\n  updateTransitionMode(panelId: string, path: string, mode: 'easing' | 'simple' | 'advanced'): void {\n    const panel = this.panels.get(panelId);\n    if (!panel) return;\n\n    panel.values[`${path}.__mode`] = mode;\n    this.snapshots.set(panelId, { ...panel.values });\n    this.notify(panelId);\n  }\n\n  getTransitionMode(panelId: string, path: string): 'easing' | 'simple' | 'advanced' {\n    const panel = this.panels.get(panelId);\n    if (!panel) return 'simple';\n    return (panel.values[`${path}.__mode`] as 'easing' | 'simple' | 'advanced') || 'simple';\n  }\n\n  getValue(panelId: string, path: string): DialValue | undefined {\n    const panel = this.panels.get(panelId);\n    return panel?.values[path];\n  }\n\n  getValues(panelId: string): Record<string, DialValue> {\n    // Return the snapshot for useSyncExternalStore compatibility\n    // Use stable EMPTY_VALUES to avoid infinite loop in React 19\n    return this.snapshots.get(panelId) ?? EMPTY_VALUES;\n  }\n\n  getPanels(): PanelConfig[] {\n    return Array.from(this.panels.values());\n  }\n\n  getPanel(id: string): PanelConfig | undefined {\n    return this.panels.get(id);\n  }\n\n  subscribe(panelId: string, listener: Listener): () => void {\n    if (!this.listeners.has(panelId)) {\n      this.listeners.set(panelId, new Set());\n    }\n    this.listeners.get(panelId)!.add(listener);\n\n    return () => {\n      this.listeners.get(panelId)?.delete(listener);\n    };\n  }\n\n  subscribeGlobal(listener: Listener): () => void {\n    this.globalListeners.add(listener);\n    return () => this.globalListeners.delete(listener);\n  }\n\n  subscribeActions(panelId: string, listener: ActionListener): () => void {\n    if (!this.actionListeners.has(panelId)) {\n      this.actionListeners.set(panelId, new Set());\n    }\n    this.actionListeners.get(panelId)!.add(listener);\n\n    return () => {\n      this.actionListeners.get(panelId)?.delete(listener);\n    };\n  }\n\n  triggerAction(panelId: string, path: string): void {\n    this.actionListeners.get(panelId)?.forEach(fn => fn(path));\n  }\n\n  savePreset(panelId: string, name: string): string {\n    const panel = this.panels.get(panelId);\n    if (!panel) throw new Error(`Panel ${panelId} not found`);\n\n    const id = `preset-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;\n    const preset: Preset = {\n      id,\n      name,\n      values: { ...panel.values },\n    };\n\n    const existing = this.presets.get(panelId) ?? [];\n    this.presets.set(panelId, [...existing, preset]);\n    this.activePreset.set(panelId, id);\n\n    // Force re-render by creating new snapshot reference\n    this.snapshots.set(panelId, { ...panel.values });\n    this.notify(panelId);\n\n    return id;\n  }\n\n  loadPreset(panelId: string, presetId: string): void {\n    const panel = this.panels.get(panelId);\n    if (!panel) return;\n\n    const presets = this.presets.get(panelId) ?? [];\n    const preset = presets.find(p => p.id === presetId);\n    if (!preset) return;\n\n    // Apply preset values\n    panel.values = { ...preset.values };\n    this.snapshots.set(panelId, { ...panel.values });\n    this.activePreset.set(panelId, presetId);\n    this.notify(panelId);\n  }\n\n  deletePreset(panelId: string, presetId: string): void {\n    const presets = this.presets.get(panelId) ?? [];\n    this.presets.set(panelId, presets.filter(p => p.id !== presetId));\n\n    // Clear active if deleted\n    if (this.activePreset.get(panelId) === presetId) {\n      this.activePreset.set(panelId, null);\n    }\n\n    // Force re-render by creating new snapshot reference\n    const panel = this.panels.get(panelId);\n    if (panel) {\n      this.snapshots.set(panelId, { ...panel.values });\n    }\n    this.notify(panelId);\n  }\n\n  getPresets(panelId: string): Preset[] {\n    return this.presets.get(panelId) ?? [];\n  }\n\n  getActivePresetId(panelId: string): string | null {\n    return this.activePreset.get(panelId) ?? null;\n  }\n\n  clearActivePreset(panelId: string): void {\n    const panel = this.panels.get(panelId);\n    const base = this.baseValues.get(panelId);\n    if (panel && base) {\n      panel.values = { ...base };\n      this.snapshots.set(panelId, { ...panel.values });\n    }\n    this.activePreset.set(panelId, null);\n    this.notify(panelId);\n  }\n\n  private notify(panelId: string): void {\n    this.listeners.get(panelId)?.forEach(fn => fn());\n  }\n\n  private notifyGlobal(): void {\n    this.globalListeners.forEach(fn => fn());\n  }\n\n  private initTransitionModes(config: DialConfig, prefix: string, values: Record<string, DialValue>): void {\n    for (const [key, value] of Object.entries(config)) {\n      if (key === '_collapsed') continue;\n      const path = prefix ? `${prefix}.${key}` : key;\n\n      if (this.isEasingConfig(value)) {\n        values[`${path}.__mode`] = 'easing';\n      } else if (this.isSpringConfig(value)) {\n        // Detect physics mode from config\n        const hasPhysics = value.stiffness !== undefined || value.damping !== undefined || value.mass !== undefined;\n        const hasTime = value.visualDuration !== undefined || value.bounce !== undefined;\n        values[`${path}.__mode`] = hasPhysics && !hasTime ? 'advanced' : 'simple';\n      } else if (typeof value === 'object' && value !== null && !Array.isArray(value) && !this.isActionConfig(value) && !this.isSelectConfig(value) && !this.isColorConfig(value) && !this.isTextConfig(value)) {\n        this.initTransitionModes(value as DialConfig, path, values);\n      }\n    }\n  }\n\n  private parseConfig(config: DialConfig, prefix: string): ControlMeta[] {\n    const controls: ControlMeta[] = [];\n\n    for (const [key, value] of Object.entries(config)) {\n      if (key === '_collapsed') continue;\n      const path = prefix ? `${prefix}.${key}` : key;\n      const label = this.formatLabel(key);\n\n      if (Array.isArray(value) && value.length <= 4 && typeof value[0] === 'number') {\n        // Range tuple: [default, min, max]\n        controls.push({\n          type: 'slider',\n          path,\n          label,\n          min: value[1],\n          max: value[2],\n          step: value[3] ?? this.inferStep(value[1], value[2]),\n        });\n      } else if (typeof value === 'number') {\n        // Single number - auto-infer range\n        const { min, max, step } = this.inferRange(value);\n        controls.push({ type: 'slider', path, label, min, max, step });\n      } else if (typeof value === 'boolean') {\n        controls.push({ type: 'toggle', path, label });\n      } else if (this.isSpringConfig(value) || this.isEasingConfig(value)) {\n        controls.push({ type: 'transition', path, label });\n      } else if (this.isActionConfig(value)) {\n        controls.push({ type: 'action', path, label: (value as ActionConfig).label || label });\n      } else if (this.isSelectConfig(value)) {\n        controls.push({ type: 'select', path, label, options: value.options });\n      } else if (this.isColorConfig(value)) {\n        controls.push({ type: 'color', path, label });\n      } else if (this.isTextConfig(value)) {\n        controls.push({ type: 'text', path, label, placeholder: value.placeholder });\n      } else if (typeof value === 'string') {\n        // Auto-detect: hex color vs text\n        if (this.isHexColor(value)) {\n          controls.push({ type: 'color', path, label });\n        } else {\n          controls.push({ type: 'text', path, label });\n        }\n      } else if (typeof value === 'object' && value !== null) {\n        // Nested object becomes a folder\n        const folderConfig = value as DialConfig;\n        const defaultOpen = '_collapsed' in folderConfig ? !(folderConfig._collapsed as boolean) : true;\n        controls.push({\n          type: 'folder',\n          path,\n          label,\n          defaultOpen,\n          children: this.parseConfig(folderConfig, path),\n        });\n      }\n    }\n\n    return controls;\n  }\n\n  private flattenValues(config: DialConfig, prefix: string): Record<string, DialValue> {\n    const values: Record<string, DialValue> = {};\n\n    for (const [key, value] of Object.entries(config)) {\n      if (key === '_collapsed') continue;\n      const path = prefix ? `${prefix}.${key}` : key;\n\n      if (Array.isArray(value) && value.length <= 4 && typeof value[0] === 'number') {\n        values[path] = value[0]; // Default value\n      } else if (typeof value === 'number' || typeof value === 'boolean' || typeof value === 'string') {\n        values[path] = value;\n      } else if (this.isSpringConfig(value) || this.isEasingConfig(value)) {\n        values[path] = value;\n      } else if (this.isActionConfig(value)) {\n        // Actions don't need stored values - they're just triggers\n        values[path] = value;\n      } else if (this.isSelectConfig(value)) {\n        // Use default or first option's value\n        const firstOption = value.options[0];\n        const firstValue = typeof firstOption === 'string' ? firstOption : firstOption.value;\n        values[path] = value.default ?? firstValue;\n      } else if (this.isColorConfig(value)) {\n        values[path] = value.default ?? '#000000';\n      } else if (this.isTextConfig(value)) {\n        values[path] = value.default ?? '';\n      } else if (typeof value === 'object' && value !== null) {\n        Object.assign(values, this.flattenValues(value as DialConfig, path));\n      }\n    }\n\n    return values;\n  }\n\n  private isSpringConfig(value: unknown): value is SpringConfig {\n    return (\n      typeof value === 'object' &&\n      value !== null &&\n      'type' in value &&\n      (value as SpringConfig).type === 'spring'\n    );\n  }\n\n  private isEasingConfig(value: unknown): value is EasingConfig {\n    return (\n      typeof value === 'object' &&\n      value !== null &&\n      'type' in value &&\n      (value as EasingConfig).type === 'easing'\n    );\n  }\n\n  private isActionConfig(value: unknown): value is ActionConfig {\n    return (\n      typeof value === 'object' &&\n      value !== null &&\n      'type' in value &&\n      (value as ActionConfig).type === 'action'\n    );\n  }\n\n  private isSelectConfig(value: unknown): value is SelectConfig {\n    return (\n      typeof value === 'object' &&\n      value !== null &&\n      'type' in value &&\n      (value as SelectConfig).type === 'select' &&\n      'options' in value &&\n      Array.isArray((value as SelectConfig).options)\n    );\n  }\n\n  private isColorConfig(value: unknown): value is ColorConfig {\n    return (\n      typeof value === 'object' &&\n      value !== null &&\n      'type' in value &&\n      (value as ColorConfig).type === 'color'\n    );\n  }\n\n  private isTextConfig(value: unknown): value is TextConfig {\n    return (\n      typeof value === 'object' &&\n      value !== null &&\n      'type' in value &&\n      (value as TextConfig).type === 'text'\n    );\n  }\n\n  private isHexColor(value: string): boolean {\n    return /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(value);\n  }\n\n  private formatLabel(key: string): string {\n    // Convert camelCase to Title Case\n    return key\n      .replace(/([A-Z])/g, ' $1')\n      .replace(/^./, str => str.toUpperCase())\n      .trim();\n  }\n\n  private inferRange(value: number): { min: number; max: number; step: number } {\n    // Infer reasonable range based on value\n    if (value >= 0 && value <= 1) {\n      return { min: 0, max: 1, step: 0.01 };\n    } else if (value >= 0 && value <= 10) {\n      return { min: 0, max: value * 3 || 10, step: 0.1 };\n    } else if (value >= 0 && value <= 100) {\n      return { min: 0, max: value * 3 || 100, step: 1 };\n    } else if (value >= 0) {\n      return { min: 0, max: value * 3 || 1000, step: 10 };\n    } else {\n      return { min: value * 3, max: -value * 3, step: 1 };\n    }\n  }\n\n  private inferStep(min: number, max: number): number {\n    const range = max - min;\n    if (range <= 1) return 0.01;\n    if (range <= 10) return 0.1;\n    if (range <= 100) return 1;\n    return 10;\n  }\n\n  private normalizePreservedValue(\n    existingValue: DialValue | undefined,\n    defaultValue: DialValue,\n    control: ControlMeta | undefined\n  ): DialValue {\n    if (existingValue === undefined || !control) {\n      return defaultValue;\n    }\n\n    switch (control.type) {\n      case 'slider': {\n        if (typeof existingValue !== 'number' || typeof defaultValue !== 'number') {\n          return defaultValue;\n        }\n\n        const min = control.min ?? Number.NEGATIVE_INFINITY;\n        const max = control.max ?? Number.POSITIVE_INFINITY;\n        const clamped = Math.min(max, Math.max(min, existingValue));\n\n        if (typeof control.step !== 'number' || control.step <= 0) {\n          return clamped;\n        }\n\n        return this.roundToStep(clamped, min, max, control.step);\n      }\n      case 'toggle':\n        return typeof existingValue === 'boolean' ? existingValue : defaultValue;\n      case 'select': {\n        if (typeof existingValue !== 'string') {\n          return defaultValue;\n        }\n\n        const options = control.options ?? [];\n        const validValues = new Set(options.map((option) => (typeof option === 'string' ? option : option.value)));\n        return validValues.has(existingValue) ? existingValue : defaultValue;\n      }\n      case 'color':\n      case 'text':\n        return typeof existingValue === 'string' ? existingValue : defaultValue;\n      case 'transition':\n        if (this.isSpringConfig(defaultValue)) {\n          return this.isSpringConfig(existingValue) ? existingValue : defaultValue;\n        }\n        if (this.isEasingConfig(defaultValue)) {\n          return this.isEasingConfig(existingValue) ? existingValue : defaultValue;\n        }\n        return defaultValue;\n      case 'action':\n        return defaultValue;\n      default:\n        return defaultValue;\n    }\n  }\n\n  private roundToStep(value: number, min: number, max: number, step: number): number {\n    const snapped = min + Math.round((value - min) / step) * step;\n    const clamped = Math.min(max, Math.max(min, snapped));\n    const precision = this.stepPrecision(step);\n    return Number(clamped.toFixed(precision));\n  }\n\n  private stepPrecision(step: number): number {\n    const text = String(step);\n    const decimalIndex = text.indexOf('.');\n    return decimalIndex === -1 ? 0 : text.length - decimalIndex - 1;\n  }\n\n  private mapControlsByPath(controls: ControlMeta[]): Map<string, ControlMeta> {\n    const map = new Map<string, ControlMeta>();\n\n    const visit = (nodes: ControlMeta[]) => {\n      for (const node of nodes) {\n        if (node.type === 'folder' && node.children) {\n          visit(node.children);\n          continue;\n        }\n\n        map.set(node.path, node);\n      }\n    };\n\n    visit(controls);\n    return map;\n  }\n\n}\n\n// Singleton instance\nexport const DialStore = new DialStoreClass();\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/store/DialStore.ts"],"sourcesContent":["// Lightweight state store with subscriptions for dialkit\n\nexport type SpringConfig = {\n  type: 'spring';\n  stiffness?: number;\n  damping?: number;\n  mass?: number;\n  visualDuration?: number;\n  bounce?: number;\n};\n\nexport type EasingConfig = {\n  type: 'easing';\n  duration: number;\n  ease: [number, number, number, number];\n};\n\nexport type TransitionConfig = SpringConfig | EasingConfig;\n\nexport type ActionConfig = {\n  type: 'action';\n  label?: string;\n};\n\nexport type SelectConfig = {\n  type: 'select';\n  options: (string | { value: string; label: string })[];\n  default?: string;\n};\n\nexport type ColorConfig = {\n  type: 'color';\n  default?: string;\n};\n\nexport type TextConfig = {\n  type: 'text';\n  default?: string;\n  placeholder?: string;\n};\n\nexport type DialValue = number | boolean | string | SpringConfig | EasingConfig | ActionConfig | SelectConfig | ColorConfig | TextConfig;\n\nexport type DialConfig = {\n  [key: string]: DialValue | [number, number, number, number?] | DialConfig;\n};\n\nexport type ResolvedValues<T extends DialConfig> = {\n  [K in keyof T]: T[K] extends [number, number, number, number?]\n    ? number\n    : T[K] extends SpringConfig\n      ? TransitionConfig\n      : T[K] extends EasingConfig\n        ? TransitionConfig\n        : T[K] extends SelectConfig\n          ? string\n          : T[K] extends ColorConfig\n            ? string\n            : T[K] extends TextConfig\n              ? string\n              : T[K] extends DialConfig\n                ? ResolvedValues<T[K]>\n                : T[K];\n};\n\nexport type ShortcutMode = 'fine' | 'normal' | 'coarse';\nexport type ShortcutInteraction = 'scroll' | 'drag' | 'move' | 'scroll-only';\n\nexport type ShortcutConfig = {\n  key?: string;\n  modifier?: 'alt' | 'shift' | 'meta';\n  mode?: ShortcutMode;\n  interaction?: ShortcutInteraction;\n};\n\nexport type ControlMeta = {\n  type: 'slider' | 'toggle' | 'spring' | 'transition' | 'folder' | 'action' | 'select' | 'color' | 'text';\n  path: string;\n  label: string;\n  min?: number;\n  max?: number;\n  step?: number;\n  children?: ControlMeta[];\n  defaultOpen?: boolean;\n  options?: (string | { value: string; label: string })[];\n  placeholder?: string;\n  shortcut?: ShortcutConfig;\n};\n\nexport type PanelConfig = {\n  id: string;\n  name: string;\n  controls: ControlMeta[];\n  values: Record<string, DialValue>;\n  shortcuts: Record<string, ShortcutConfig>;\n};\n\ntype Listener = () => void;\ntype ActionListener = (action: string) => void;\n\nexport type Preset = {\n  id: string;\n  name: string;\n  values: Record<string, DialValue>;\n};\n\n// Stable empty object for unregistered panels (React 19 useSyncExternalStore requirement)\nconst EMPTY_VALUES: Record<string, DialValue> = Object.freeze({});\n\nclass DialStoreClass {\n  private panels: Map<string, PanelConfig> = new Map();\n  private listeners: Map<string, Set<Listener>> = new Map();\n  private globalListeners: Set<Listener> = new Set();\n  private snapshots: Map<string, Record<string, DialValue>> = new Map();\n  private actionListeners: Map<string, Set<ActionListener>> = new Map();\n  private presets: Map<string, Preset[]> = new Map();\n  private activePreset: Map<string, string | null> = new Map();\n  private baseValues: Map<string, Record<string, DialValue>> = new Map();\n\n  registerPanel(id: string, name: string, config: DialConfig, shortcuts?: Record<string, ShortcutConfig>): void {\n    const controls = this.parseConfig(config, '', shortcuts);\n    const values = this.flattenValues(config, '');\n\n    // Set initial transition modes based on config types\n    this.initTransitionModes(config, '', values);\n\n    this.panels.set(id, { id, name, controls, values, shortcuts: shortcuts ?? {} });\n    this.snapshots.set(id, { ...values });\n    this.baseValues.set(id, { ...values });\n    this.notifyGlobal();\n  }\n\n  updatePanel(id: string, name: string, config: DialConfig, shortcuts?: Record<string, ShortcutConfig>): void {\n    const existing = this.panels.get(id);\n    if (!existing) {\n      this.registerPanel(id, name, config, shortcuts);\n      return;\n    }\n\n    const controls = this.parseConfig(config, '', shortcuts);\n    const controlsByPath = this.mapControlsByPath(controls);\n    const defaultValues = this.flattenValues(config, '');\n    const nextValues: Record<string, DialValue> = {};\n\n    for (const [path, defaultValue] of Object.entries(defaultValues)) {\n      nextValues[path] = this.normalizePreservedValue(\n        existing.values[path],\n        defaultValue,\n        controlsByPath.get(path)\n      );\n    }\n\n    // Set mode defaults for new transition controls first.\n    this.initTransitionModes(config, '', nextValues);\n\n    for (const [path, mode] of Object.entries(existing.values)) {\n      if (!path.endsWith('.__mode')) {\n        continue;\n      }\n\n      const transitionPath = path.slice(0, -'__mode'.length - 1);\n      const transitionControl = controlsByPath.get(transitionPath);\n      if (transitionControl?.type === 'transition') {\n        nextValues[path] = mode;\n      }\n    }\n\n    const nextPanel: PanelConfig = { id, name, controls, values: nextValues, shortcuts: shortcuts ?? existing.shortcuts };\n    this.panels.set(id, nextPanel);\n    this.snapshots.set(id, { ...nextValues });\n\n    const previousBaseValues = this.baseValues.get(id) ?? {};\n    const nextBaseValues: Record<string, DialValue> = {};\n    for (const [path, defaultValue] of Object.entries(defaultValues)) {\n      nextBaseValues[path] = this.normalizePreservedValue(\n        previousBaseValues[path],\n        defaultValue,\n        controlsByPath.get(path)\n      );\n    }\n\n    for (const [path, value] of Object.entries(nextValues)) {\n      if (path.endsWith('.__mode')) {\n        nextBaseValues[path] = value;\n      }\n    }\n\n    this.baseValues.set(id, nextBaseValues);\n\n    this.notify(id);\n    this.notifyGlobal();\n  }\n\n  unregisterPanel(id: string): void {\n    this.panels.delete(id);\n    this.listeners.delete(id);\n    this.snapshots.delete(id);\n    this.actionListeners.delete(id);\n    this.baseValues.delete(id);\n    this.notifyGlobal();\n  }\n\n  updateValue(panelId: string, path: string, value: DialValue): void {\n    const panel = this.panels.get(panelId);\n    if (!panel) return;\n\n    panel.values[path] = value;\n\n    // Auto-save to active preset or base values\n    const activeId = this.activePreset.get(panelId);\n    if (activeId) {\n      const presets = this.presets.get(panelId) ?? [];\n      const preset = presets.find(p => p.id === activeId);\n      if (preset) preset.values[path] = value;\n    } else {\n      const base = this.baseValues.get(panelId);\n      if (base) base[path] = value;\n    }\n\n    // Create a new snapshot reference so useSyncExternalStore detects the change\n    this.snapshots.set(panelId, { ...panel.values });\n    this.notify(panelId);\n  }\n\n  updateSpringMode(panelId: string, path: string, mode: 'simple' | 'advanced'): void {\n    this.updateTransitionMode(panelId, path, mode);\n  }\n\n  getSpringMode(panelId: string, path: string): 'simple' | 'advanced' {\n    const mode = this.getTransitionMode(panelId, path);\n    if (mode === 'easing') return 'simple';\n    return mode;\n  }\n\n  updateTransitionMode(panelId: string, path: string, mode: 'easing' | 'simple' | 'advanced'): void {\n    const panel = this.panels.get(panelId);\n    if (!panel) return;\n\n    panel.values[`${path}.__mode`] = mode;\n    this.snapshots.set(panelId, { ...panel.values });\n    this.notify(panelId);\n  }\n\n  getTransitionMode(panelId: string, path: string): 'easing' | 'simple' | 'advanced' {\n    const panel = this.panels.get(panelId);\n    if (!panel) return 'simple';\n    return (panel.values[`${path}.__mode`] as 'easing' | 'simple' | 'advanced') || 'simple';\n  }\n\n  getValue(panelId: string, path: string): DialValue | undefined {\n    const panel = this.panels.get(panelId);\n    return panel?.values[path];\n  }\n\n  getValues(panelId: string): Record<string, DialValue> {\n    // Return the snapshot for useSyncExternalStore compatibility\n    // Use stable EMPTY_VALUES to avoid infinite loop in React 19\n    return this.snapshots.get(panelId) ?? EMPTY_VALUES;\n  }\n\n  getPanels(): PanelConfig[] {\n    return Array.from(this.panels.values());\n  }\n\n  getPanel(id: string): PanelConfig | undefined {\n    return this.panels.get(id);\n  }\n\n  subscribe(panelId: string, listener: Listener): () => void {\n    if (!this.listeners.has(panelId)) {\n      this.listeners.set(panelId, new Set());\n    }\n    this.listeners.get(panelId)!.add(listener);\n\n    return () => {\n      this.listeners.get(panelId)?.delete(listener);\n    };\n  }\n\n  subscribeGlobal(listener: Listener): () => void {\n    this.globalListeners.add(listener);\n    return () => this.globalListeners.delete(listener);\n  }\n\n  subscribeActions(panelId: string, listener: ActionListener): () => void {\n    if (!this.actionListeners.has(panelId)) {\n      this.actionListeners.set(panelId, new Set());\n    }\n    this.actionListeners.get(panelId)!.add(listener);\n\n    return () => {\n      this.actionListeners.get(panelId)?.delete(listener);\n    };\n  }\n\n  triggerAction(panelId: string, path: string): void {\n    this.actionListeners.get(panelId)?.forEach(fn => fn(path));\n  }\n\n  savePreset(panelId: string, name: string): string {\n    const panel = this.panels.get(panelId);\n    if (!panel) throw new Error(`Panel ${panelId} not found`);\n\n    const id = `preset-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;\n    const preset: Preset = {\n      id,\n      name,\n      values: { ...panel.values },\n    };\n\n    const existing = this.presets.get(panelId) ?? [];\n    this.presets.set(panelId, [...existing, preset]);\n    this.activePreset.set(panelId, id);\n\n    // Force re-render by creating new snapshot reference\n    this.snapshots.set(panelId, { ...panel.values });\n    this.notify(panelId);\n\n    return id;\n  }\n\n  loadPreset(panelId: string, presetId: string): void {\n    const panel = this.panels.get(panelId);\n    if (!panel) return;\n\n    const presets = this.presets.get(panelId) ?? [];\n    const preset = presets.find(p => p.id === presetId);\n    if (!preset) return;\n\n    // Apply preset values\n    panel.values = { ...preset.values };\n    this.snapshots.set(panelId, { ...panel.values });\n    this.activePreset.set(panelId, presetId);\n    this.notify(panelId);\n  }\n\n  deletePreset(panelId: string, presetId: string): void {\n    const presets = this.presets.get(panelId) ?? [];\n    this.presets.set(panelId, presets.filter(p => p.id !== presetId));\n\n    // Clear active if deleted\n    if (this.activePreset.get(panelId) === presetId) {\n      this.activePreset.set(panelId, null);\n    }\n\n    // Force re-render by creating new snapshot reference\n    const panel = this.panels.get(panelId);\n    if (panel) {\n      this.snapshots.set(panelId, { ...panel.values });\n    }\n    this.notify(panelId);\n  }\n\n  getPresets(panelId: string): Preset[] {\n    return this.presets.get(panelId) ?? [];\n  }\n\n  getActivePresetId(panelId: string): string | null {\n    return this.activePreset.get(panelId) ?? null;\n  }\n\n  clearActivePreset(panelId: string): void {\n    const panel = this.panels.get(panelId);\n    const base = this.baseValues.get(panelId);\n    if (panel && base) {\n      panel.values = { ...base };\n      this.snapshots.set(panelId, { ...panel.values });\n    }\n    this.activePreset.set(panelId, null);\n    this.notify(panelId);\n  }\n\n  resolveShortcutTarget(key: string, modifier?: 'alt' | 'shift' | 'meta'): {\n    panelId: string;\n    path: string;\n    control: ControlMeta;\n  } | null {\n    for (const panel of this.panels.values()) {\n      for (const [path, shortcut] of Object.entries(panel.shortcuts)) {\n        if (!shortcut.key) continue; // skip keyless shortcuts\n        if (shortcut.key.toLowerCase() !== key.toLowerCase()) continue;\n        const scMod = shortcut.modifier ?? undefined;\n        if (scMod !== modifier) continue;\n\n        const control = this.findControlByPath(panel.controls, path);\n        if (control) {\n          return { panelId: panel.id, path, control };\n        }\n      }\n    }\n    return null;\n  }\n\n  resolveScrollOnlyTargets(): Array<{\n    panelId: string;\n    path: string;\n    control: ControlMeta;\n    shortcut: ShortcutConfig;\n  }> {\n    const results: Array<{ panelId: string; path: string; control: ControlMeta; shortcut: ShortcutConfig }> = [];\n    for (const panel of this.panels.values()) {\n      for (const [path, shortcut] of Object.entries(panel.shortcuts)) {\n        if ((shortcut.interaction ?? 'scroll') !== 'scroll-only') continue;\n        const control = this.findControlByPath(panel.controls, path);\n        if (control) {\n          results.push({ panelId: panel.id, path, control, shortcut });\n        }\n      }\n    }\n    return results;\n  }\n\n  private findControlByPath(controls: ControlMeta[], path: string): ControlMeta | null {\n    for (const control of controls) {\n      if (control.path === path) return control;\n      if (control.type === 'folder' && control.children) {\n        const found = this.findControlByPath(control.children, path);\n        if (found) return found;\n      }\n    }\n    return null;\n  }\n\n  private notify(panelId: string): void {\n    this.listeners.get(panelId)?.forEach(fn => fn());\n  }\n\n  private notifyGlobal(): void {\n    this.globalListeners.forEach(fn => fn());\n  }\n\n  private initTransitionModes(config: DialConfig, prefix: string, values: Record<string, DialValue>): void {\n    for (const [key, value] of Object.entries(config)) {\n      if (key === '_collapsed') continue;\n      const path = prefix ? `${prefix}.${key}` : key;\n\n      if (this.isEasingConfig(value)) {\n        values[`${path}.__mode`] = 'easing';\n      } else if (this.isSpringConfig(value)) {\n        // Detect physics mode from config\n        const hasPhysics = value.stiffness !== undefined || value.damping !== undefined || value.mass !== undefined;\n        const hasTime = value.visualDuration !== undefined || value.bounce !== undefined;\n        values[`${path}.__mode`] = hasPhysics && !hasTime ? 'advanced' : 'simple';\n      } else if (typeof value === 'object' && value !== null && !Array.isArray(value) && !this.isActionConfig(value) && !this.isSelectConfig(value) && !this.isColorConfig(value) && !this.isTextConfig(value)) {\n        this.initTransitionModes(value as DialConfig, path, values);\n      }\n    }\n  }\n\n  private parseConfig(config: DialConfig, prefix: string, shortcuts?: Record<string, ShortcutConfig>): ControlMeta[] {\n    const controls: ControlMeta[] = [];\n\n    for (const [key, value] of Object.entries(config)) {\n      if (key === '_collapsed') continue;\n      const path = prefix ? `${prefix}.${key}` : key;\n      const label = this.formatLabel(key);\n      const shortcut = shortcuts?.[path];\n\n      if (Array.isArray(value) && value.length <= 4 && typeof value[0] === 'number') {\n        // Range tuple: [default, min, max]\n        controls.push({\n          type: 'slider',\n          path,\n          label,\n          min: value[1],\n          max: value[2],\n          step: value[3] ?? this.inferStep(value[1], value[2]),\n          shortcut,\n        });\n      } else if (typeof value === 'number') {\n        // Single number - auto-infer range\n        const { min, max, step } = this.inferRange(value);\n        controls.push({ type: 'slider', path, label, min, max, step, shortcut });\n      } else if (typeof value === 'boolean') {\n        controls.push({ type: 'toggle', path, label, shortcut });\n      } else if (this.isSpringConfig(value) || this.isEasingConfig(value)) {\n        controls.push({ type: 'transition', path, label });\n      } else if (this.isActionConfig(value)) {\n        controls.push({ type: 'action', path, label: (value as ActionConfig).label || label });\n      } else if (this.isSelectConfig(value)) {\n        controls.push({ type: 'select', path, label, options: value.options });\n      } else if (this.isColorConfig(value)) {\n        controls.push({ type: 'color', path, label });\n      } else if (this.isTextConfig(value)) {\n        controls.push({ type: 'text', path, label, placeholder: value.placeholder });\n      } else if (typeof value === 'string') {\n        // Auto-detect: hex color vs text\n        if (this.isHexColor(value)) {\n          controls.push({ type: 'color', path, label });\n        } else {\n          controls.push({ type: 'text', path, label });\n        }\n      } else if (typeof value === 'object' && value !== null) {\n        // Nested object becomes a folder\n        const folderConfig = value as DialConfig;\n        const defaultOpen = '_collapsed' in folderConfig ? !(folderConfig._collapsed as boolean) : true;\n        controls.push({\n          type: 'folder',\n          path,\n          label,\n          defaultOpen,\n          children: this.parseConfig(folderConfig, path, shortcuts),\n        });\n      }\n    }\n\n    return controls;\n  }\n\n  private flattenValues(config: DialConfig, prefix: string): Record<string, DialValue> {\n    const values: Record<string, DialValue> = {};\n\n    for (const [key, value] of Object.entries(config)) {\n      if (key === '_collapsed') continue;\n      const path = prefix ? `${prefix}.${key}` : key;\n\n      if (Array.isArray(value) && value.length <= 4 && typeof value[0] === 'number') {\n        values[path] = value[0]; // Default value\n      } else if (typeof value === 'number' || typeof value === 'boolean' || typeof value === 'string') {\n        values[path] = value;\n      } else if (this.isSpringConfig(value) || this.isEasingConfig(value)) {\n        values[path] = value;\n      } else if (this.isActionConfig(value)) {\n        // Actions don't need stored values - they're just triggers\n        values[path] = value;\n      } else if (this.isSelectConfig(value)) {\n        // Use default or first option's value\n        const firstOption = value.options[0];\n        const firstValue = typeof firstOption === 'string' ? firstOption : firstOption.value;\n        values[path] = value.default ?? firstValue;\n      } else if (this.isColorConfig(value)) {\n        values[path] = value.default ?? '#000000';\n      } else if (this.isTextConfig(value)) {\n        values[path] = value.default ?? '';\n      } else if (typeof value === 'object' && value !== null) {\n        Object.assign(values, this.flattenValues(value as DialConfig, path));\n      }\n    }\n\n    return values;\n  }\n\n  private isSpringConfig(value: unknown): value is SpringConfig {\n    return (\n      typeof value === 'object' &&\n      value !== null &&\n      'type' in value &&\n      (value as SpringConfig).type === 'spring'\n    );\n  }\n\n  private isEasingConfig(value: unknown): value is EasingConfig {\n    return (\n      typeof value === 'object' &&\n      value !== null &&\n      'type' in value &&\n      (value as EasingConfig).type === 'easing'\n    );\n  }\n\n  private isActionConfig(value: unknown): value is ActionConfig {\n    return (\n      typeof value === 'object' &&\n      value !== null &&\n      'type' in value &&\n      (value as ActionConfig).type === 'action'\n    );\n  }\n\n  private isSelectConfig(value: unknown): value is SelectConfig {\n    return (\n      typeof value === 'object' &&\n      value !== null &&\n      'type' in value &&\n      (value as SelectConfig).type === 'select' &&\n      'options' in value &&\n      Array.isArray((value as SelectConfig).options)\n    );\n  }\n\n  private isColorConfig(value: unknown): value is ColorConfig {\n    return (\n      typeof value === 'object' &&\n      value !== null &&\n      'type' in value &&\n      (value as ColorConfig).type === 'color'\n    );\n  }\n\n  private isTextConfig(value: unknown): value is TextConfig {\n    return (\n      typeof value === 'object' &&\n      value !== null &&\n      'type' in value &&\n      (value as TextConfig).type === 'text'\n    );\n  }\n\n  private isHexColor(value: string): boolean {\n    return /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(value);\n  }\n\n  private formatLabel(key: string): string {\n    // Convert camelCase to Title Case\n    return key\n      .replace(/([A-Z])/g, ' $1')\n      .replace(/^./, str => str.toUpperCase())\n      .trim();\n  }\n\n  private inferRange(value: number): { min: number; max: number; step: number } {\n    // Infer reasonable range based on value\n    if (value >= 0 && value <= 1) {\n      return { min: 0, max: 1, step: 0.01 };\n    } else if (value >= 0 && value <= 10) {\n      return { min: 0, max: value * 3 || 10, step: 0.1 };\n    } else if (value >= 0 && value <= 100) {\n      return { min: 0, max: value * 3 || 100, step: 1 };\n    } else if (value >= 0) {\n      return { min: 0, max: value * 3 || 1000, step: 10 };\n    } else {\n      return { min: value * 3, max: -value * 3, step: 1 };\n    }\n  }\n\n  private inferStep(min: number, max: number): number {\n    const range = max - min;\n    if (range <= 1) return 0.01;\n    if (range <= 10) return 0.1;\n    if (range <= 100) return 1;\n    return 10;\n  }\n\n  private normalizePreservedValue(\n    existingValue: DialValue | undefined,\n    defaultValue: DialValue,\n    control: ControlMeta | undefined\n  ): DialValue {\n    if (existingValue === undefined || !control) {\n      return defaultValue;\n    }\n\n    switch (control.type) {\n      case 'slider': {\n        if (typeof existingValue !== 'number' || typeof defaultValue !== 'number') {\n          return defaultValue;\n        }\n\n        const min = control.min ?? Number.NEGATIVE_INFINITY;\n        const max = control.max ?? Number.POSITIVE_INFINITY;\n        const clamped = Math.min(max, Math.max(min, existingValue));\n\n        if (typeof control.step !== 'number' || control.step <= 0) {\n          return clamped;\n        }\n\n        return this.roundToStep(clamped, min, max, control.step);\n      }\n      case 'toggle':\n        return typeof existingValue === 'boolean' ? existingValue : defaultValue;\n      case 'select': {\n        if (typeof existingValue !== 'string') {\n          return defaultValue;\n        }\n\n        const options = control.options ?? [];\n        const validValues = new Set(options.map((option) => (typeof option === 'string' ? option : option.value)));\n        return validValues.has(existingValue) ? existingValue : defaultValue;\n      }\n      case 'color':\n      case 'text':\n        return typeof existingValue === 'string' ? existingValue : defaultValue;\n      case 'transition':\n        if (this.isSpringConfig(defaultValue)) {\n          return this.isSpringConfig(existingValue) ? existingValue : defaultValue;\n        }\n        if (this.isEasingConfig(defaultValue)) {\n          return this.isEasingConfig(existingValue) ? existingValue : defaultValue;\n        }\n        return defaultValue;\n      case 'action':\n        return defaultValue;\n      default:\n        return defaultValue;\n    }\n  }\n\n  private roundToStep(value: number, min: number, max: number, step: number): number {\n    const snapped = min + Math.round((value - min) / step) * step;\n    const clamped = Math.min(max, Math.max(min, snapped));\n    const precision = this.stepPrecision(step);\n    return Number(clamped.toFixed(precision));\n  }\n\n  private stepPrecision(step: number): number {\n    const text = String(step);\n    const decimalIndex = text.indexOf('.');\n    return decimalIndex === -1 ? 0 : text.length - decimalIndex - 1;\n  }\n\n  private mapControlsByPath(controls: ControlMeta[]): Map<string, ControlMeta> {\n    const map = new Map<string, ControlMeta>();\n\n    const visit = (nodes: ControlMeta[]) => {\n      for (const node of nodes) {\n        if (node.type === 'folder' && node.children) {\n          visit(node.children);\n          continue;\n        }\n\n        map.set(node.path, node);\n      }\n    };\n\n    visit(controls);\n    return map;\n  }\n\n}\n\n// Singleton instance\nexport const DialStore = new DialStoreClass();\n"],"mappings":";AA2GA,IAAM,eAA0C,OAAO,OAAO,CAAC,CAAC;AAEhE,IAAM,iBAAN,MAAqB;AAAA,EAArB;AACE,SAAQ,SAAmC,oBAAI,IAAI;AACnD,SAAQ,YAAwC,oBAAI,IAAI;AACxD,SAAQ,kBAAiC,oBAAI,IAAI;AACjD,SAAQ,YAAoD,oBAAI,IAAI;AACpE,SAAQ,kBAAoD,oBAAI,IAAI;AACpE,SAAQ,UAAiC,oBAAI,IAAI;AACjD,SAAQ,eAA2C,oBAAI,IAAI;AAC3D,SAAQ,aAAqD,oBAAI,IAAI;AAAA;AAAA,EAErE,cAAc,IAAY,MAAc,QAAoB,WAAkD;AAC5G,UAAM,WAAW,KAAK,YAAY,QAAQ,IAAI,SAAS;AACvD,UAAM,SAAS,KAAK,cAAc,QAAQ,EAAE;AAG5C,SAAK,oBAAoB,QAAQ,IAAI,MAAM;AAE3C,SAAK,OAAO,IAAI,IAAI,EAAE,IAAI,MAAM,UAAU,QAAQ,WAAW,aAAa,CAAC,EAAE,CAAC;AAC9E,SAAK,UAAU,IAAI,IAAI,EAAE,GAAG,OAAO,CAAC;AACpC,SAAK,WAAW,IAAI,IAAI,EAAE,GAAG,OAAO,CAAC;AACrC,SAAK,aAAa;AAAA,EACpB;AAAA,EAEA,YAAY,IAAY,MAAc,QAAoB,WAAkD;AAC1G,UAAM,WAAW,KAAK,OAAO,IAAI,EAAE;AACnC,QAAI,CAAC,UAAU;AACb,WAAK,cAAc,IAAI,MAAM,QAAQ,SAAS;AAC9C;AAAA,IACF;AAEA,UAAM,WAAW,KAAK,YAAY,QAAQ,IAAI,SAAS;AACvD,UAAM,iBAAiB,KAAK,kBAAkB,QAAQ;AACtD,UAAM,gBAAgB,KAAK,cAAc,QAAQ,EAAE;AACnD,UAAM,aAAwC,CAAC;AAE/C,eAAW,CAAC,MAAM,YAAY,KAAK,OAAO,QAAQ,aAAa,GAAG;AAChE,iBAAW,IAAI,IAAI,KAAK;AAAA,QACtB,SAAS,OAAO,IAAI;AAAA,QACpB;AAAA,QACA,eAAe,IAAI,IAAI;AAAA,MACzB;AAAA,IACF;AAGA,SAAK,oBAAoB,QAAQ,IAAI,UAAU;AAE/C,eAAW,CAAC,MAAM,IAAI,KAAK,OAAO,QAAQ,SAAS,MAAM,GAAG;AAC1D,UAAI,CAAC,KAAK,SAAS,SAAS,GAAG;AAC7B;AAAA,MACF;AAEA,YAAM,iBAAiB,KAAK,MAAM,GAAG,CAAC,SAAS,SAAS,CAAC;AACzD,YAAM,oBAAoB,eAAe,IAAI,cAAc;AAC3D,UAAI,mBAAmB,SAAS,cAAc;AAC5C,mBAAW,IAAI,IAAI;AAAA,MACrB;AAAA,IACF;AAEA,UAAM,YAAyB,EAAE,IAAI,MAAM,UAAU,QAAQ,YAAY,WAAW,aAAa,SAAS,UAAU;AACpH,SAAK,OAAO,IAAI,IAAI,SAAS;AAC7B,SAAK,UAAU,IAAI,IAAI,EAAE,GAAG,WAAW,CAAC;AAExC,UAAM,qBAAqB,KAAK,WAAW,IAAI,EAAE,KAAK,CAAC;AACvD,UAAM,iBAA4C,CAAC;AACnD,eAAW,CAAC,MAAM,YAAY,KAAK,OAAO,QAAQ,aAAa,GAAG;AAChE,qBAAe,IAAI,IAAI,KAAK;AAAA,QAC1B,mBAAmB,IAAI;AAAA,QACvB;AAAA,QACA,eAAe,IAAI,IAAI;AAAA,MACzB;AAAA,IACF;AAEA,eAAW,CAAC,MAAM,KAAK,KAAK,OAAO,QAAQ,UAAU,GAAG;AACtD,UAAI,KAAK,SAAS,SAAS,GAAG;AAC5B,uBAAe,IAAI,IAAI;AAAA,MACzB;AAAA,IACF;AAEA,SAAK,WAAW,IAAI,IAAI,cAAc;AAEtC,SAAK,OAAO,EAAE;AACd,SAAK,aAAa;AAAA,EACpB;AAAA,EAEA,gBAAgB,IAAkB;AAChC,SAAK,OAAO,OAAO,EAAE;AACrB,SAAK,UAAU,OAAO,EAAE;AACxB,SAAK,UAAU,OAAO,EAAE;AACxB,SAAK,gBAAgB,OAAO,EAAE;AAC9B,SAAK,WAAW,OAAO,EAAE;AACzB,SAAK,aAAa;AAAA,EACpB;AAAA,EAEA,YAAY,SAAiB,MAAc,OAAwB;AACjE,UAAM,QAAQ,KAAK,OAAO,IAAI,OAAO;AACrC,QAAI,CAAC,MAAO;AAEZ,UAAM,OAAO,IAAI,IAAI;AAGrB,UAAM,WAAW,KAAK,aAAa,IAAI,OAAO;AAC9C,QAAI,UAAU;AACZ,YAAM,UAAU,KAAK,QAAQ,IAAI,OAAO,KAAK,CAAC;AAC9C,YAAM,SAAS,QAAQ,KAAK,OAAK,EAAE,OAAO,QAAQ;AAClD,UAAI,OAAQ,QAAO,OAAO,IAAI,IAAI;AAAA,IACpC,OAAO;AACL,YAAM,OAAO,KAAK,WAAW,IAAI,OAAO;AACxC,UAAI,KAAM,MAAK,IAAI,IAAI;AAAA,IACzB;AAGA,SAAK,UAAU,IAAI,SAAS,EAAE,GAAG,MAAM,OAAO,CAAC;AAC/C,SAAK,OAAO,OAAO;AAAA,EACrB;AAAA,EAEA,iBAAiB,SAAiB,MAAc,MAAmC;AACjF,SAAK,qBAAqB,SAAS,MAAM,IAAI;AAAA,EAC/C;AAAA,EAEA,cAAc,SAAiB,MAAqC;AAClE,UAAM,OAAO,KAAK,kBAAkB,SAAS,IAAI;AACjD,QAAI,SAAS,SAAU,QAAO;AAC9B,WAAO;AAAA,EACT;AAAA,EAEA,qBAAqB,SAAiB,MAAc,MAA8C;AAChG,UAAM,QAAQ,KAAK,OAAO,IAAI,OAAO;AACrC,QAAI,CAAC,MAAO;AAEZ,UAAM,OAAO,GAAG,IAAI,SAAS,IAAI;AACjC,SAAK,UAAU,IAAI,SAAS,EAAE,GAAG,MAAM,OAAO,CAAC;AAC/C,SAAK,OAAO,OAAO;AAAA,EACrB;AAAA,EAEA,kBAAkB,SAAiB,MAAgD;AACjF,UAAM,QAAQ,KAAK,OAAO,IAAI,OAAO;AACrC,QAAI,CAAC,MAAO,QAAO;AACnB,WAAQ,MAAM,OAAO,GAAG,IAAI,SAAS,KAA0C;AAAA,EACjF;AAAA,EAEA,SAAS,SAAiB,MAAqC;AAC7D,UAAM,QAAQ,KAAK,OAAO,IAAI,OAAO;AACrC,WAAO,OAAO,OAAO,IAAI;AAAA,EAC3B;AAAA,EAEA,UAAU,SAA4C;AAGpD,WAAO,KAAK,UAAU,IAAI,OAAO,KAAK;AAAA,EACxC;AAAA,EAEA,YAA2B;AACzB,WAAO,MAAM,KAAK,KAAK,OAAO,OAAO,CAAC;AAAA,EACxC;AAAA,EAEA,SAAS,IAAqC;AAC5C,WAAO,KAAK,OAAO,IAAI,EAAE;AAAA,EAC3B;AAAA,EAEA,UAAU,SAAiB,UAAgC;AACzD,QAAI,CAAC,KAAK,UAAU,IAAI,OAAO,GAAG;AAChC,WAAK,UAAU,IAAI,SAAS,oBAAI,IAAI,CAAC;AAAA,IACvC;AACA,SAAK,UAAU,IAAI,OAAO,EAAG,IAAI,QAAQ;AAEzC,WAAO,MAAM;AACX,WAAK,UAAU,IAAI,OAAO,GAAG,OAAO,QAAQ;AAAA,IAC9C;AAAA,EACF;AAAA,EAEA,gBAAgB,UAAgC;AAC9C,SAAK,gBAAgB,IAAI,QAAQ;AACjC,WAAO,MAAM,KAAK,gBAAgB,OAAO,QAAQ;AAAA,EACnD;AAAA,EAEA,iBAAiB,SAAiB,UAAsC;AACtE,QAAI,CAAC,KAAK,gBAAgB,IAAI,OAAO,GAAG;AACtC,WAAK,gBAAgB,IAAI,SAAS,oBAAI,IAAI,CAAC;AAAA,IAC7C;AACA,SAAK,gBAAgB,IAAI,OAAO,EAAG,IAAI,QAAQ;AAE/C,WAAO,MAAM;AACX,WAAK,gBAAgB,IAAI,OAAO,GAAG,OAAO,QAAQ;AAAA,IACpD;AAAA,EACF;AAAA,EAEA,cAAc,SAAiB,MAAoB;AACjD,SAAK,gBAAgB,IAAI,OAAO,GAAG,QAAQ,QAAM,GAAG,IAAI,CAAC;AAAA,EAC3D;AAAA,EAEA,WAAW,SAAiB,MAAsB;AAChD,UAAM,QAAQ,KAAK,OAAO,IAAI,OAAO;AACrC,QAAI,CAAC,MAAO,OAAM,IAAI,MAAM,SAAS,OAAO,YAAY;AAExD,UAAM,KAAK,UAAU,KAAK,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;AACzE,UAAM,SAAiB;AAAA,MACrB;AAAA,MACA;AAAA,MACA,QAAQ,EAAE,GAAG,MAAM,OAAO;AAAA,IAC5B;AAEA,UAAM,WAAW,KAAK,QAAQ,IAAI,OAAO,KAAK,CAAC;AAC/C,SAAK,QAAQ,IAAI,SAAS,CAAC,GAAG,UAAU,MAAM,CAAC;AAC/C,SAAK,aAAa,IAAI,SAAS,EAAE;AAGjC,SAAK,UAAU,IAAI,SAAS,EAAE,GAAG,MAAM,OAAO,CAAC;AAC/C,SAAK,OAAO,OAAO;AAEnB,WAAO;AAAA,EACT;AAAA,EAEA,WAAW,SAAiB,UAAwB;AAClD,UAAM,QAAQ,KAAK,OAAO,IAAI,OAAO;AACrC,QAAI,CAAC,MAAO;AAEZ,UAAM,UAAU,KAAK,QAAQ,IAAI,OAAO,KAAK,CAAC;AAC9C,UAAM,SAAS,QAAQ,KAAK,OAAK,EAAE,OAAO,QAAQ;AAClD,QAAI,CAAC,OAAQ;AAGb,UAAM,SAAS,EAAE,GAAG,OAAO,OAAO;AAClC,SAAK,UAAU,IAAI,SAAS,EAAE,GAAG,MAAM,OAAO,CAAC;AAC/C,SAAK,aAAa,IAAI,SAAS,QAAQ;AACvC,SAAK,OAAO,OAAO;AAAA,EACrB;AAAA,EAEA,aAAa,SAAiB,UAAwB;AACpD,UAAM,UAAU,KAAK,QAAQ,IAAI,OAAO,KAAK,CAAC;AAC9C,SAAK,QAAQ,IAAI,SAAS,QAAQ,OAAO,OAAK,EAAE,OAAO,QAAQ,CAAC;AAGhE,QAAI,KAAK,aAAa,IAAI,OAAO,MAAM,UAAU;AAC/C,WAAK,aAAa,IAAI,SAAS,IAAI;AAAA,IACrC;AAGA,UAAM,QAAQ,KAAK,OAAO,IAAI,OAAO;AACrC,QAAI,OAAO;AACT,WAAK,UAAU,IAAI,SAAS,EAAE,GAAG,MAAM,OAAO,CAAC;AAAA,IACjD;AACA,SAAK,OAAO,OAAO;AAAA,EACrB;AAAA,EAEA,WAAW,SAA2B;AACpC,WAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,CAAC;AAAA,EACvC;AAAA,EAEA,kBAAkB,SAAgC;AAChD,WAAO,KAAK,aAAa,IAAI,OAAO,KAAK;AAAA,EAC3C;AAAA,EAEA,kBAAkB,SAAuB;AACvC,UAAM,QAAQ,KAAK,OAAO,IAAI,OAAO;AACrC,UAAM,OAAO,KAAK,WAAW,IAAI,OAAO;AACxC,QAAI,SAAS,MAAM;AACjB,YAAM,SAAS,EAAE,GAAG,KAAK;AACzB,WAAK,UAAU,IAAI,SAAS,EAAE,GAAG,MAAM,OAAO,CAAC;AAAA,IACjD;AACA,SAAK,aAAa,IAAI,SAAS,IAAI;AACnC,SAAK,OAAO,OAAO;AAAA,EACrB;AAAA,EAEA,sBAAsB,KAAa,UAI1B;AACP,eAAW,SAAS,KAAK,OAAO,OAAO,GAAG;AACxC,iBAAW,CAAC,MAAM,QAAQ,KAAK,OAAO,QAAQ,MAAM,SAAS,GAAG;AAC9D,YAAI,CAAC,SAAS,IAAK;AACnB,YAAI,SAAS,IAAI,YAAY,MAAM,IAAI,YAAY,EAAG;AACtD,cAAM,QAAQ,SAAS,YAAY;AACnC,YAAI,UAAU,SAAU;AAExB,cAAM,UAAU,KAAK,kBAAkB,MAAM,UAAU,IAAI;AAC3D,YAAI,SAAS;AACX,iBAAO,EAAE,SAAS,MAAM,IAAI,MAAM,QAAQ;AAAA,QAC5C;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA,EAEA,2BAKG;AACD,UAAM,UAAoG,CAAC;AAC3G,eAAW,SAAS,KAAK,OAAO,OAAO,GAAG;AACxC,iBAAW,CAAC,MAAM,QAAQ,KAAK,OAAO,QAAQ,MAAM,SAAS,GAAG;AAC9D,aAAK,SAAS,eAAe,cAAc,cAAe;AAC1D,cAAM,UAAU,KAAK,kBAAkB,MAAM,UAAU,IAAI;AAC3D,YAAI,SAAS;AACX,kBAAQ,KAAK,EAAE,SAAS,MAAM,IAAI,MAAM,SAAS,SAAS,CAAC;AAAA,QAC7D;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,kBAAkB,UAAyB,MAAkC;AACnF,eAAW,WAAW,UAAU;AAC9B,UAAI,QAAQ,SAAS,KAAM,QAAO;AAClC,UAAI,QAAQ,SAAS,YAAY,QAAQ,UAAU;AACjD,cAAM,QAAQ,KAAK,kBAAkB,QAAQ,UAAU,IAAI;AAC3D,YAAI,MAAO,QAAO;AAAA,MACpB;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,OAAO,SAAuB;AACpC,SAAK,UAAU,IAAI,OAAO,GAAG,QAAQ,QAAM,GAAG,CAAC;AAAA,EACjD;AAAA,EAEQ,eAAqB;AAC3B,SAAK,gBAAgB,QAAQ,QAAM,GAAG,CAAC;AAAA,EACzC;AAAA,EAEQ,oBAAoB,QAAoB,QAAgB,QAAyC;AACvG,eAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,GAAG;AACjD,UAAI,QAAQ,aAAc;AAC1B,YAAM,OAAO,SAAS,GAAG,MAAM,IAAI,GAAG,KAAK;AAE3C,UAAI,KAAK,eAAe,KAAK,GAAG;AAC9B,eAAO,GAAG,IAAI,SAAS,IAAI;AAAA,MAC7B,WAAW,KAAK,eAAe,KAAK,GAAG;AAErC,cAAM,aAAa,MAAM,cAAc,UAAa,MAAM,YAAY,UAAa,MAAM,SAAS;AAClG,cAAM,UAAU,MAAM,mBAAmB,UAAa,MAAM,WAAW;AACvE,eAAO,GAAG,IAAI,SAAS,IAAI,cAAc,CAAC,UAAU,aAAa;AAAA,MACnE,WAAW,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK,KAAK,CAAC,KAAK,eAAe,KAAK,KAAK,CAAC,KAAK,eAAe,KAAK,KAAK,CAAC,KAAK,cAAc,KAAK,KAAK,CAAC,KAAK,aAAa,KAAK,GAAG;AACxM,aAAK,oBAAoB,OAAqB,MAAM,MAAM;AAAA,MAC5D;AAAA,IACF;AAAA,EACF;AAAA,EAEQ,YAAY,QAAoB,QAAgB,WAA2D;AACjH,UAAM,WAA0B,CAAC;AAEjC,eAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,GAAG;AACjD,UAAI,QAAQ,aAAc;AAC1B,YAAM,OAAO,SAAS,GAAG,MAAM,IAAI,GAAG,KAAK;AAC3C,YAAM,QAAQ,KAAK,YAAY,GAAG;AAClC,YAAM,WAAW,YAAY,IAAI;AAEjC,UAAI,MAAM,QAAQ,KAAK,KAAK,MAAM,UAAU,KAAK,OAAO,MAAM,CAAC,MAAM,UAAU;AAE7E,iBAAS,KAAK;AAAA,UACZ,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA,KAAK,MAAM,CAAC;AAAA,UACZ,KAAK,MAAM,CAAC;AAAA,UACZ,MAAM,MAAM,CAAC,KAAK,KAAK,UAAU,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC;AAAA,UACnD;AAAA,QACF,CAAC;AAAA,MACH,WAAW,OAAO,UAAU,UAAU;AAEpC,cAAM,EAAE,KAAK,KAAK,KAAK,IAAI,KAAK,WAAW,KAAK;AAChD,iBAAS,KAAK,EAAE,MAAM,UAAU,MAAM,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAAA,MACzE,WAAW,OAAO,UAAU,WAAW;AACrC,iBAAS,KAAK,EAAE,MAAM,UAAU,MAAM,OAAO,SAAS,CAAC;AAAA,MACzD,WAAW,KAAK,eAAe,KAAK,KAAK,KAAK,eAAe,KAAK,GAAG;AACnE,iBAAS,KAAK,EAAE,MAAM,cAAc,MAAM,MAAM,CAAC;AAAA,MACnD,WAAW,KAAK,eAAe,KAAK,GAAG;AACrC,iBAAS,KAAK,EAAE,MAAM,UAAU,MAAM,OAAQ,MAAuB,SAAS,MAAM,CAAC;AAAA,MACvF,WAAW,KAAK,eAAe,KAAK,GAAG;AACrC,iBAAS,KAAK,EAAE,MAAM,UAAU,MAAM,OAAO,SAAS,MAAM,QAAQ,CAAC;AAAA,MACvE,WAAW,KAAK,cAAc,KAAK,GAAG;AACpC,iBAAS,KAAK,EAAE,MAAM,SAAS,MAAM,MAAM,CAAC;AAAA,MAC9C,WAAW,KAAK,aAAa,KAAK,GAAG;AACnC,iBAAS,KAAK,EAAE,MAAM,QAAQ,MAAM,OAAO,aAAa,MAAM,YAAY,CAAC;AAAA,MAC7E,WAAW,OAAO,UAAU,UAAU;AAEpC,YAAI,KAAK,WAAW,KAAK,GAAG;AAC1B,mBAAS,KAAK,EAAE,MAAM,SAAS,MAAM,MAAM,CAAC;AAAA,QAC9C,OAAO;AACL,mBAAS,KAAK,EAAE,MAAM,QAAQ,MAAM,MAAM,CAAC;AAAA,QAC7C;AAAA,MACF,WAAW,OAAO,UAAU,YAAY,UAAU,MAAM;AAEtD,cAAM,eAAe;AACrB,cAAM,cAAc,gBAAgB,eAAe,CAAE,aAAa,aAAyB;AAC3F,iBAAS,KAAK;AAAA,UACZ,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU,KAAK,YAAY,cAAc,MAAM,SAAS;AAAA,QAC1D,CAAC;AAAA,MACH;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAAA,EAEQ,cAAc,QAAoB,QAA2C;AACnF,UAAM,SAAoC,CAAC;AAE3C,eAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,GAAG;AACjD,UAAI,QAAQ,aAAc;AAC1B,YAAM,OAAO,SAAS,GAAG,MAAM,IAAI,GAAG,KAAK;AAE3C,UAAI,MAAM,QAAQ,KAAK,KAAK,MAAM,UAAU,KAAK,OAAO,MAAM,CAAC,MAAM,UAAU;AAC7E,eAAO,IAAI,IAAI,MAAM,CAAC;AAAA,MACxB,WAAW,OAAO,UAAU,YAAY,OAAO,UAAU,aAAa,OAAO,UAAU,UAAU;AAC/F,eAAO,IAAI,IAAI;AAAA,MACjB,WAAW,KAAK,eAAe,KAAK,KAAK,KAAK,eAAe,KAAK,GAAG;AACnE,eAAO,IAAI,IAAI;AAAA,MACjB,WAAW,KAAK,eAAe,KAAK,GAAG;AAErC,eAAO,IAAI,IAAI;AAAA,MACjB,WAAW,KAAK,eAAe,KAAK,GAAG;AAErC,cAAM,cAAc,MAAM,QAAQ,CAAC;AACnC,cAAM,aAAa,OAAO,gBAAgB,WAAW,cAAc,YAAY;AAC/E,eAAO,IAAI,IAAI,MAAM,WAAW;AAAA,MAClC,WAAW,KAAK,cAAc,KAAK,GAAG;AACpC,eAAO,IAAI,IAAI,MAAM,WAAW;AAAA,MAClC,WAAW,KAAK,aAAa,KAAK,GAAG;AACnC,eAAO,IAAI,IAAI,MAAM,WAAW;AAAA,MAClC,WAAW,OAAO,UAAU,YAAY,UAAU,MAAM;AACtD,eAAO,OAAO,QAAQ,KAAK,cAAc,OAAqB,IAAI,CAAC;AAAA,MACrE;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAAA,EAEQ,eAAe,OAAuC;AAC5D,WACE,OAAO,UAAU,YACjB,UAAU,QACV,UAAU,SACT,MAAuB,SAAS;AAAA,EAErC;AAAA,EAEQ,eAAe,OAAuC;AAC5D,WACE,OAAO,UAAU,YACjB,UAAU,QACV,UAAU,SACT,MAAuB,SAAS;AAAA,EAErC;AAAA,EAEQ,eAAe,OAAuC;AAC5D,WACE,OAAO,UAAU,YACjB,UAAU,QACV,UAAU,SACT,MAAuB,SAAS;AAAA,EAErC;AAAA,EAEQ,eAAe,OAAuC;AAC5D,WACE,OAAO,UAAU,YACjB,UAAU,QACV,UAAU,SACT,MAAuB,SAAS,YACjC,aAAa,SACb,MAAM,QAAS,MAAuB,OAAO;AAAA,EAEjD;AAAA,EAEQ,cAAc,OAAsC;AAC1D,WACE,OAAO,UAAU,YACjB,UAAU,QACV,UAAU,SACT,MAAsB,SAAS;AAAA,EAEpC;AAAA,EAEQ,aAAa,OAAqC;AACxD,WACE,OAAO,UAAU,YACjB,UAAU,QACV,UAAU,SACT,MAAqB,SAAS;AAAA,EAEnC;AAAA,EAEQ,WAAW,OAAwB;AACzC,WAAO,oDAAoD,KAAK,KAAK;AAAA,EACvE;AAAA,EAEQ,YAAY,KAAqB;AAEvC,WAAO,IACJ,QAAQ,YAAY,KAAK,EACzB,QAAQ,MAAM,SAAO,IAAI,YAAY,CAAC,EACtC,KAAK;AAAA,EACV;AAAA,EAEQ,WAAW,OAA2D;AAE5E,QAAI,SAAS,KAAK,SAAS,GAAG;AAC5B,aAAO,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,KAAK;AAAA,IACtC,WAAW,SAAS,KAAK,SAAS,IAAI;AACpC,aAAO,EAAE,KAAK,GAAG,KAAK,QAAQ,KAAK,IAAI,MAAM,IAAI;AAAA,IACnD,WAAW,SAAS,KAAK,SAAS,KAAK;AACrC,aAAO,EAAE,KAAK,GAAG,KAAK,QAAQ,KAAK,KAAK,MAAM,EAAE;AAAA,IAClD,WAAW,SAAS,GAAG;AACrB,aAAO,EAAE,KAAK,GAAG,KAAK,QAAQ,KAAK,KAAM,MAAM,GAAG;AAAA,IACpD,OAAO;AACL,aAAO,EAAE,KAAK,QAAQ,GAAG,KAAK,CAAC,QAAQ,GAAG,MAAM,EAAE;AAAA,IACpD;AAAA,EACF;AAAA,EAEQ,UAAU,KAAa,KAAqB;AAClD,UAAM,QAAQ,MAAM;AACpB,QAAI,SAAS,EAAG,QAAO;AACvB,QAAI,SAAS,GAAI,QAAO;AACxB,QAAI,SAAS,IAAK,QAAO;AACzB,WAAO;AAAA,EACT;AAAA,EAEQ,wBACN,eACA,cACA,SACW;AACX,QAAI,kBAAkB,UAAa,CAAC,SAAS;AAC3C,aAAO;AAAA,IACT;AAEA,YAAQ,QAAQ,MAAM;AAAA,MACpB,KAAK,UAAU;AACb,YAAI,OAAO,kBAAkB,YAAY,OAAO,iBAAiB,UAAU;AACzE,iBAAO;AAAA,QACT;AAEA,cAAM,MAAM,QAAQ,OAAO,OAAO;AAClC,cAAM,MAAM,QAAQ,OAAO,OAAO;AAClC,cAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,aAAa,CAAC;AAE1D,YAAI,OAAO,QAAQ,SAAS,YAAY,QAAQ,QAAQ,GAAG;AACzD,iBAAO;AAAA,QACT;AAEA,eAAO,KAAK,YAAY,SAAS,KAAK,KAAK,QAAQ,IAAI;AAAA,MACzD;AAAA,MACA,KAAK;AACH,eAAO,OAAO,kBAAkB,YAAY,gBAAgB;AAAA,MAC9D,KAAK,UAAU;AACb,YAAI,OAAO,kBAAkB,UAAU;AACrC,iBAAO;AAAA,QACT;AAEA,cAAM,UAAU,QAAQ,WAAW,CAAC;AACpC,cAAM,cAAc,IAAI,IAAI,QAAQ,IAAI,CAAC,WAAY,OAAO,WAAW,WAAW,SAAS,OAAO,KAAM,CAAC;AACzG,eAAO,YAAY,IAAI,aAAa,IAAI,gBAAgB;AAAA,MAC1D;AAAA,MACA,KAAK;AAAA,MACL,KAAK;AACH,eAAO,OAAO,kBAAkB,WAAW,gBAAgB;AAAA,MAC7D,KAAK;AACH,YAAI,KAAK,eAAe,YAAY,GAAG;AACrC,iBAAO,KAAK,eAAe,aAAa,IAAI,gBAAgB;AAAA,QAC9D;AACA,YAAI,KAAK,eAAe,YAAY,GAAG;AACrC,iBAAO,KAAK,eAAe,aAAa,IAAI,gBAAgB;AAAA,QAC9D;AACA,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF;AAAA,EAEQ,YAAY,OAAe,KAAa,KAAa,MAAsB;AACjF,UAAM,UAAU,MAAM,KAAK,OAAO,QAAQ,OAAO,IAAI,IAAI;AACzD,UAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,OAAO,CAAC;AACpD,UAAM,YAAY,KAAK,cAAc,IAAI;AACzC,WAAO,OAAO,QAAQ,QAAQ,SAAS,CAAC;AAAA,EAC1C;AAAA,EAEQ,cAAc,MAAsB;AAC1C,UAAM,OAAO,OAAO,IAAI;AACxB,UAAM,eAAe,KAAK,QAAQ,GAAG;AACrC,WAAO,iBAAiB,KAAK,IAAI,KAAK,SAAS,eAAe;AAAA,EAChE;AAAA,EAEQ,kBAAkB,UAAmD;AAC3E,UAAM,MAAM,oBAAI,IAAyB;AAEzC,UAAM,QAAQ,CAAC,UAAyB;AACtC,iBAAW,QAAQ,OAAO;AACxB,YAAI,KAAK,SAAS,YAAY,KAAK,UAAU;AAC3C,gBAAM,KAAK,QAAQ;AACnB;AAAA,QACF;AAEA,YAAI,IAAI,KAAK,MAAM,IAAI;AAAA,MACzB;AAAA,IACF;AAEA,UAAM,QAAQ;AACd,WAAO;AAAA,EACT;AAEF;AAGO,IAAM,YAAY,IAAI,eAAe;","names":[]}

package/dist/styles.css

@@ -1,14 +1,18 @@
+@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap');
+
 /* Dialkit Theme - Dark glassmorphic design */
 .dialkit-root {
   /* Surfaces */
   --dial-surface: rgba(255, 255, 255, 0.05);
   --dial-surface-hover: rgba(255, 255, 255, 0.1);
   --dial-surface-active: rgba(255, 255, 255, 0.11);
+  --dial-surface-subtle: rgba(255, 255, 255, 0.06);
 
   /* Text hierarchy - 3 levels */
   --dial-text-root: #FFFFFF;   /* Root title */
   --dial-text-section: rgba(255, 255, 255, 0.7); /* Section titles + carets */
   --dial-text-label: rgba(255, 255, 255, 0.7);   /* Input labels */
+  --dial-text-focus: #ffffff;
 
   /* Legacy aliases */
   --dial-text-primary: rgba(255, 255, 255, 0.95);
@@ -21,10 +25,13 @@
 
   /* Glassmorphic panel */
   --dial-glass-bg: #212121;
+  --dial-dropdown-bg: #2a2a2a;
   --dial-backdrop-blur: 20px;
   --dial-radius: 8px;
   --dial-row-height: 36px;
   --dial-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
+  --dial-shadow-collapsed: 0 4px 16px rgba(0, 0, 0, 0.25);
+  --dial-shadow-dropdown: 0 8px 24px rgba(0, 0, 0, 0.4);
 
   /* Fonts */
   font-family: system-ui, -apple-system, 'SF Pro Display', sans-serif;
@@ -58,9 +65,13 @@
   border-radius: 14px;
   backdrop-filter: blur(var(--dial-backdrop-blur));
   -webkit-backdrop-filter: blur(var(--dial-backdrop-blur));
-  padding: 10px 12px 12px 12px;
+  padding: 10px 12px 0 12px;
   transform: translateZ(0);
   transform-origin: top right;
+}
+
+.dialkit-panel[data-position="top-left"] .dialkit-panel-inner {
+  transform-origin: top left;
   max-height: calc(100vh - 80px);
   overflow-y: auto;
 }
@@ -69,6 +80,7 @@
 .dialkit-panel-inner[data-collapsed="true"] {
   border-radius: 50%;
   padding: 12px;
+  box-sizing: border-box;
 }
 
 .dialkit-panel-inner[data-collapsed="true"] .dialkit-panel-header {
@@ -138,7 +150,7 @@
 .dialkit-folder {
   padding-bottom: 8px;
   margin-bottom: 8px;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+  border-bottom: 1px solid var(--dial-surface-subtle);
 }
 
 .dialkit-folder:last-child:not(.dialkit-folder-root) {
@@ -155,7 +167,7 @@
 .dialkit-panel-header {
   padding-bottom: 6px;
   margin-bottom: 12px;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+  border-bottom: 1px solid var(--dial-surface-subtle);
 }
 
 .dialkit-folder-header {
@@ -230,7 +242,7 @@
   right: 12px;
   width: 16px;
   height: 16px;
-  color: #fff;
+  color: var(--dial-text-focus);
   z-index: 1;
 }
 
@@ -247,8 +259,8 @@
 
 /* Non-root folders - top & bottom HR dividers */
 .dialkit-folder:not(.dialkit-folder-root) {
-  border-top: 1px solid rgba(255, 255, 255, 0.06);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+  border-top: 1px solid var(--dial-surface-subtle);
+  border-bottom: 1px solid var(--dial-surface-subtle);
   margin-top: 4px;
   margin-bottom: 4px;
   padding-bottom: 0;
@@ -317,11 +329,11 @@
 }
 
 .dialkit-slider-active .dialkit-slider-hashmark {
-  background: rgba(255, 255, 255, 0.15);
+  background: var(--dial-border-hover);
 }
 
 .dialkit-slider-active .dialkit-slider-value {
-  color: #fff;
+  color: var(--dial-text-focus);
 }
 
 .dialkit-slider-fill {
@@ -329,16 +341,22 @@
   top: 0;
   bottom: 0;
   left: 0;
+  background: var(--dial-surface-active);
   transition: background 0.15s;
   pointer-events: none;
 }
 
+.dialkit-slider-active .dialkit-slider-fill {
+  background: var(--dial-border-hover);
+}
+
 .dialkit-slider-handle {
   position: absolute;
   top: 50%;
   width: 3px;
   height: 20px;
   border-radius: 999px;
+  background: var(--dial-text-primary);
   pointer-events: none;
 }
 
@@ -352,6 +370,8 @@
   color: var(--dial-text-label);
   pointer-events: none;
   transition: color 0.15s;
+  display: inline-flex;
+  align-items: center;
 }
 
 .dialkit-slider-value {
@@ -361,7 +381,7 @@
   transform: translateY(calc(-50% + 0.5px));
   font-size: 13px;
   font-weight: 500;
-  font-family: ui-monospace, 'SF Mono', 'Courier New', monospace;
+  font-family: 'Geist Mono', monospace;
   color: var(--dial-text-label);
   pointer-events: auto;
   transition: color 0.15s, border-color 0.15s;
@@ -383,7 +403,7 @@
   max-width: 6ch;
   font-size: 13px;
   font-weight: 500;
-  font-family: ui-monospace, 'SF Mono', 'Courier New', monospace;
+  font-family: 'Geist Mono', monospace;
   color: var(--dial-text-label);
   background: transparent;
   border: none;
@@ -394,7 +414,7 @@
 }
 
 .dialkit-slider-input:focus {
-  color: #fff;
+  color: var(--dial-text-focus);
 }
 
 /* Segmented Control */
@@ -419,8 +439,8 @@
 .dialkit-segmented-button {
   position: relative;
   z-index: 1;
-  flex: 1;
-  padding: 8px 12px;
+  flex: 0 0 auto;
+  padding: 6px 8px;
   font-family: inherit;
   font-size: 13px;
   font-weight: 500;
@@ -431,7 +451,7 @@
 }
 
 .dialkit-segmented-button[data-active="true"] {
-  color: rgba(255, 255, 255, 0.8);
+  color: var(--dial-text-primary);
 }
 
 .dialkit-segmented-button[data-active="false"] {
@@ -476,7 +496,7 @@
 }
 
 .dialkit-toggle[data-checked="true"] .dialkit-toggle-track {
-  background: rgba(255, 255, 255, 0.3);
+  background: var(--dial-border-hover);
 }
 
 .dialkit-toggle-thumb {
@@ -485,7 +505,7 @@
   width: 16px;
   height: 16px;
   border-radius: 8px;
-  background: rgba(255, 255, 255, 0.8);
+  background: var(--dial-text-primary);
 }
 
 /* Button Group */
@@ -531,6 +551,8 @@
 }
 
 .dialkit-labeled-control-label {
+  display: flex;
+  align-items: center;
   font-size: 13px;
   font-weight: 500;
   color: var(--dial-text-label);
@@ -540,6 +562,7 @@
 
 .dialkit-labeled-control .dialkit-segmented {
   flex-shrink: 0;
+  margin-right: -6px;
 }
 
 .dialkit-action-button {
@@ -603,6 +626,8 @@
   gap: 6px;
   height: var(--dial-row-height);
   margin-bottom: 6px;
+  min-width: 0;
+  overflow: hidden;
 }
 
 .dialkit-toolbar-add {
@@ -702,7 +727,7 @@
 }
 
 .dialkit-text-input:focus {
-  color: #fff;
+  color: var(--dial-text-focus);
 }
 
 .dialkit-text-input::placeholder {
@@ -779,7 +804,7 @@
   border-radius: var(--dial-radius);
   padding: 4px;
   z-index: 10000;
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
+  box-shadow: var(--dial-shadow-dropdown);
 }
 
 .dialkit-select-option {
@@ -836,7 +861,7 @@
 .dialkit-color-hex {
   font-size: 13px;
   font-weight: 500;
-  font-family: ui-monospace, 'SF Mono', 'Courier New', monospace;
+  font-family: 'Geist Mono', monospace;
   color: var(--dial-text-label);
   cursor: text;
   transform: translateY(-0.5px);
@@ -846,7 +871,7 @@
   width: 7ch;
   font-size: 13px;
   font-weight: 500;
-  font-family: ui-monospace, 'SF Mono', 'Courier New', monospace;
+  font-family: 'Geist Mono', monospace;
   color: var(--dial-text-label);
   background: transparent;
   border: none;
@@ -857,14 +882,14 @@
 }
 
 .dialkit-color-hex-input:focus {
-  color: #fff;
+  color: var(--dial-text-focus);
 }
 
 .dialkit-color-swatch {
   width: 20px;
   height: 20px;
   border-radius: 4px;
-  border: 1px solid rgba(255, 255, 255, 0.2);
+  border: 1px solid var(--dial-border-hover);
   cursor: pointer;
   transition: transform 0.15s;
 }
@@ -930,12 +955,12 @@
 
 .dialkit-preset-dropdown {
   width: max-content;
-  background: #2a2a2a;
+  background: var(--dial-dropdown-bg);
   border: 1px solid var(--dial-border);
   border-radius: 12px;
   padding: 4px;
   z-index: 10000;
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
+  box-shadow: var(--dial-shadow-dropdown);
 }
 
 .dialkit-preset-list {
@@ -1005,7 +1030,7 @@
 .dialkit-preset-delete svg {
   width: 14px;
   height: 14px;
-  color: #fff;
+  color: var(--dial-text-focus);
   pointer-events: none;
 }
 
@@ -1093,3 +1118,209 @@
   height: 14px;
   color: var(--dial-text-label);
 }
+
+/* Shortcut Pill */
+.dialkit-shortcut-pill {
+  display: inline-block;
+  font-size: 10px;
+  font-weight: 600;
+  font-family: system-ui, -apple-system, sans-serif;
+  color: var(--dial-text-tertiary);
+  background: var(--dial-surface-subtle);
+  padding: 1px 5px;
+  border-radius: 4px;
+  margin-left: 6px;
+  letter-spacing: 0.02em;
+  line-height: 16px;
+  white-space: nowrap;
+  vertical-align: middle;
+  transition: color 0.15s, background 0.15s;
+}
+
+.dialkit-shortcut-pill-active {
+  color: var(--dial-text-primary);
+  background: var(--dial-border-hover);
+}
+
+/* Shortcuts Menu Trigger */
+.dialkit-shortcuts-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--dial-row-height);
+  height: var(--dial-row-height);
+  padding: 0;
+  flex-shrink: 0;
+  background: var(--dial-surface);
+  border: none;
+  border-radius: var(--dial-radius);
+  cursor: pointer;
+  transition: background 0.15s;
+}
+
+.dialkit-shortcuts-trigger:hover {
+  background: var(--dial-surface-hover);
+}
+
+.dialkit-shortcuts-trigger svg {
+  width: 16px;
+  height: 16px;
+  color: var(--dial-text-label);
+}
+
+/* Shortcuts Dropdown */
+.dialkit-shortcuts-dropdown {
+  background: var(--dial-dropdown-bg);
+  border: 1px solid var(--dial-border);
+  border-radius: 12px;
+  padding: 8px;
+  z-index: 10000;
+  box-shadow: var(--dial-shadow-dropdown);
+  min-width: 200px;
+}
+
+.dialkit-shortcuts-title {
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--dial-text-tertiary);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  padding: 4px 8px 8px;
+}
+
+.dialkit-shortcuts-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.dialkit-shortcuts-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 6px 8px;
+  border-radius: 6px;
+}
+
+.dialkit-shortcuts-row-key {
+  font-size: 11px;
+  font-weight: 600;
+  font-family: ui-monospace, 'SF Mono', 'Courier New', monospace;
+  color: var(--dial-text-secondary);
+  background: var(--dial-surface-subtle);
+  padding: 2px 6px;
+  border-radius: 4px;
+  min-width: 28px;
+  text-align: center;
+}
+
+.dialkit-shortcuts-row-label {
+  flex: 1;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--dial-text-label);
+}
+
+.dialkit-shortcuts-row-mode {
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--dial-text-tertiary);
+  font-style: italic;
+}
+
+.dialkit-shortcuts-hint {
+  font-size: 11px;
+  color: var(--dial-text-tertiary);
+  padding: 6px 8px 2px;
+  border-top: 1px solid var(--dial-border);
+  margin-top: 4px;
+}
+
+/* ── Light Theme ── */
+.dialkit-root[data-theme="light"] {
+  --dial-surface: rgba(0, 0, 0, 0.04);
+  --dial-surface-hover: rgba(0, 0, 0, 0.08);
+  --dial-surface-active: rgba(0, 0, 0, 0.1);
+  --dial-surface-subtle: rgba(0, 0, 0, 0.06);
+
+  --dial-text-root: #000000;
+  --dial-text-section: rgba(0, 0, 0, 0.65);
+  --dial-text-label: rgba(0, 0, 0, 0.6);
+  --dial-text-focus: #000000;
+
+  --dial-text-primary: rgba(0, 0, 0, 0.9);
+  --dial-text-secondary: rgba(0, 0, 0, 0.55);
+  --dial-text-tertiary: rgba(0, 0, 0, 0.35);
+
+  --dial-border: rgba(0, 0, 0, 0.1);
+  --dial-border-hover: rgba(0, 0, 0, 0.15);
+
+  --dial-glass-bg: #fafafa;
+  --dial-dropdown-bg: #ffffff;
+  --dial-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+  --dial-shadow-collapsed: 0 2px 10px rgba(0, 0, 0, 0.06);
+  --dial-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, 0.08);
+}
+
+/* Light mode: SVG visualization overrides */
+.dialkit-root[data-theme="light"] .dialkit-spring-viz line {
+  stroke: rgba(0, 0, 0, 0.08);
+}
+
+.dialkit-root[data-theme="light"] .dialkit-spring-viz line[stroke-dasharray] {
+  stroke: rgba(0, 0, 0, 0.15);
+}
+
+.dialkit-root[data-theme="light"] .dialkit-spring-viz path {
+  stroke: rgba(0, 0, 0, 0.5);
+}
+
+/* Light mode: toggle thumb needs shadow for definition */
+.dialkit-root[data-theme="light"] .dialkit-toggle-thumb {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.08);
+}
+
+/* ── System preference: light ── */
+@media (prefers-color-scheme: light) {
+  .dialkit-root[data-theme="system"] {
+    --dial-surface: rgba(0, 0, 0, 0.04);
+    --dial-surface-hover: rgba(0, 0, 0, 0.08);
+    --dial-surface-active: rgba(0, 0, 0, 0.1);
+    --dial-surface-subtle: rgba(0, 0, 0, 0.06);
+
+    --dial-text-root: #000000;
+    --dial-text-section: rgba(0, 0, 0, 0.65);
+    --dial-text-label: rgba(0, 0, 0, 0.6);
+    --dial-text-focus: #000000;
+
+    --dial-text-primary: rgba(0, 0, 0, 0.9);
+    --dial-text-secondary: rgba(0, 0, 0, 0.55);
+    --dial-text-tertiary: rgba(0, 0, 0, 0.35);
+
+    --dial-border: rgba(0, 0, 0, 0.1);
+    --dial-border-hover: rgba(0, 0, 0, 0.15);
+
+    --dial-glass-bg: #fafafa;
+    --dial-dropdown-bg: #ffffff;
+    --dial-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+    --dial-shadow-collapsed: 0 2px 10px rgba(0, 0, 0, 0.06);
+    --dial-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, 0.08);
+  }
+
+  .dialkit-root[data-theme="system"] .dialkit-spring-viz line {
+    stroke: rgba(0, 0, 0, 0.08);
+  }
+
+  .dialkit-root[data-theme="system"] .dialkit-spring-viz line[stroke-dasharray] {
+    stroke: rgba(0, 0, 0, 0.15);
+  }
+
+  .dialkit-root[data-theme="system"] .dialkit-spring-viz path {
+    stroke: rgba(0, 0, 0, 0.5);
+  }
+
+  .dialkit-root[data-theme="system"] .dialkit-toggle-thumb {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.08);
+  }
+
+}