{
  "version": 1,
  "artifacts": [
    {
      "id": "button-tooltip",
      "kind": "component",
      "entry": "./canonical/components/buttons/button-tooltip.skin.tsx",
      "files": [
        {
          "path": "./canonical/components/buttons/button-tooltip.skin.tsx",
          "role": "entry"
        },
        {
          "path": "./canonical/styles/components/popup.tailwind.ts",
          "role": "source"
        }
      ],
      "resources": {
        "styles": [
          "./canonical/styles/base.css",
          "./canonical/styles/tailwind.css",
          "./canonical/styles/themes/default.css"
        ]
      },
      "dependencies": {
        "artifacts": [],
        "packages": ["@videojs/core"],
        "symbols": {
          "components": ["Tooltip"],
          "icons": []
        }
      }
    },
    {
      "id": "default-video-controls",
      "kind": "skin",
      "entry": "./canonical/skins/default/video-controls.skin.tsx",
      "files": [
        {
          "path": "./canonical/skins/default/video-controls.skin.tsx",
          "role": "entry"
        },
        {
          "path": "./canonical/styles/components/popup.tailwind.ts",
          "role": "source"
        },
        {
          "path": "./canonical/styles/skins/default-video-controls.tailwind.ts",
          "role": "source"
        }
      ],
      "resources": {
        "styles": [
          "./canonical/styles/base.css",
          "./canonical/styles/tailwind.css",
          "./canonical/styles/themes/default.css"
        ]
      },
      "dependencies": {
        "artifacts": ["fullscreen-button", "play-button", "seek-button", "time-slider", "volume-popover"],
        "packages": ["@videojs/core"],
        "symbols": {
          "components": ["Controls", "Time", "Tooltip"],
          "icons": []
        }
      },
      "metadata": {
        "registry": {
          "description": "A video control bar with play, seek, current and remaining time, volume, fullscreen, tooltips, and thumbnail previews.",
          "title": "Core Video Controls"
        }
      }
    },
    {
      "id": "fullscreen-button",
      "kind": "component",
      "entry": "./canonical/components/buttons/fullscreen-button.skin.tsx",
      "files": [
        {
          "path": "./canonical/components/buttons/fullscreen-button.skin.tsx",
          "role": "entry"
        },
        {
          "path": "./canonical/styles/components/button.tailwind.ts",
          "role": "source"
        }
      ],
      "resources": {
        "styles": [
          "./canonical/styles/base.css",
          "./canonical/styles/tailwind.css",
          "./canonical/styles/themes/default.css"
        ]
      },
      "dependencies": {
        "artifacts": ["button-tooltip"],
        "packages": ["@videojs/core", "@videojs/icons"],
        "symbols": {
          "components": ["FullscreenButton"],
          "icons": ["FullscreenEnterIcon", "FullscreenExitIcon"]
        }
      },
      "metadata": {
        "registry": {
          "description": "A button that enters and exits fullscreen with state-aware icons and an accessible tooltip.",
          "title": "Fullscreen Button"
        }
      }
    },
    {
      "id": "mute-button",
      "kind": "component",
      "entry": "./canonical/components/buttons/mute-button.skin.tsx",
      "files": [
        {
          "path": "./canonical/components/buttons/mute-button.skin.tsx",
          "role": "entry"
        },
        {
          "path": "./canonical/styles/components/button.tailwind.ts",
          "role": "source"
        }
      ],
      "resources": {
        "styles": [
          "./canonical/styles/base.css",
          "./canonical/styles/tailwind.css",
          "./canonical/styles/themes/default.css"
        ]
      },
      "dependencies": {
        "artifacts": [],
        "packages": ["@videojs/core", "@videojs/icons"],
        "symbols": {
          "components": ["MuteButton"],
          "icons": ["VolumeHighIcon", "VolumeLowIcon", "VolumeOffIcon"]
        }
      }
    },
    {
      "id": "play-button",
      "kind": "component",
      "entry": "./canonical/components/buttons/play-button.skin.tsx",
      "files": [
        {
          "path": "./canonical/components/buttons/play-button.skin.tsx",
          "role": "entry"
        },
        {
          "path": "./canonical/styles/components/button.tailwind.ts",
          "role": "source"
        }
      ],
      "resources": {
        "styles": [
          "./canonical/styles/base.css",
          "./canonical/styles/tailwind.css",
          "./canonical/styles/themes/default.css"
        ]
      },
      "dependencies": {
        "artifacts": ["button-tooltip"],
        "packages": ["@videojs/core", "@videojs/icons"],
        "symbols": {
          "components": ["PlayButton"],
          "icons": ["PauseIcon", "PlayIcon", "RestartIcon"]
        }
      },
      "metadata": {
        "registry": {
          "description": "A three-state button that plays, pauses, or restarts media with matching icons and an accessible tooltip.",
          "title": "Play Button"
        }
      }
    },
    {
      "id": "seek-button",
      "kind": "component",
      "entry": "./canonical/components/buttons/seek-button.skin.tsx",
      "files": [
        {
          "path": "./canonical/components/buttons/seek-button.skin.tsx",
          "role": "entry"
        },
        {
          "path": "./canonical/styles/components/button.tailwind.ts",
          "role": "source"
        }
      ],
      "resources": {
        "styles": [
          "./canonical/styles/base.css",
          "./canonical/styles/tailwind.css",
          "./canonical/styles/themes/default.css"
        ]
      },
      "dependencies": {
        "artifacts": ["button-tooltip"],
        "packages": ["@videojs/core", "@videojs/icons"],
        "symbols": {
          "components": ["SeekButton", "Text"],
          "icons": ["SeekIcon"]
        }
      },
      "metadata": {
        "registry": {
          "description": "A button that skips playback forward or backward by a configurable number of seconds, with a direction-aware icon and accessible tooltip.",
          "title": "Seek Button"
        }
      }
    },
    {
      "id": "time-slider",
      "kind": "component",
      "entry": "./canonical/components/sliders/time-slider.skin.tsx",
      "files": [
        {
          "path": "./canonical/components/sliders/time-slider.skin.tsx",
          "role": "entry"
        },
        {
          "path": "./canonical/styles/components/popup.tailwind.ts",
          "role": "source"
        },
        {
          "path": "./canonical/styles/components/slider.tailwind.ts",
          "role": "source"
        }
      ],
      "resources": {
        "styles": [
          "./canonical/styles/base.css",
          "./canonical/styles/tailwind.css",
          "./canonical/styles/themes/default.css"
        ]
      },
      "dependencies": {
        "artifacts": [],
        "packages": ["@videojs/core", "@videojs/icons"],
        "symbols": {
          "components": ["Slider", "TimeSlider"],
          "icons": ["SpinnerIcon"]
        }
      },
      "metadata": {
        "registry": {
          "description": "A playback timeline for seeking, with current and buffered progress plus time and thumbnail previews.",
          "title": "Time Slider"
        }
      }
    },
    {
      "id": "volume-popover",
      "kind": "component",
      "entry": "./canonical/components/controls/volume-popover.skin.tsx",
      "files": [
        {
          "path": "./canonical/components/controls/volume-popover.skin.tsx",
          "role": "entry"
        },
        {
          "path": "./canonical/styles/components/popup.tailwind.ts",
          "role": "source"
        }
      ],
      "resources": {
        "styles": [
          "./canonical/styles/base.css",
          "./canonical/styles/tailwind.css",
          "./canonical/styles/themes/default.css"
        ]
      },
      "dependencies": {
        "artifacts": ["mute-button", "volume-slider"],
        "packages": ["@videojs/core"],
        "symbols": {
          "components": ["Popover"],
          "icons": []
        }
      },
      "metadata": {
        "registry": {
          "description": "A mute toggle with a vertical slider for adjusting playback volume in a popover.",
          "title": "Volume Control"
        }
      }
    },
    {
      "id": "volume-slider",
      "kind": "component",
      "entry": "./canonical/components/sliders/volume-slider.skin.tsx",
      "files": [
        {
          "path": "./canonical/components/sliders/volume-slider.skin.tsx",
          "role": "entry"
        },
        {
          "path": "./canonical/styles/components/popup.tailwind.ts",
          "role": "source"
        },
        {
          "path": "./canonical/styles/components/slider.tailwind.ts",
          "role": "source"
        }
      ],
      "resources": {
        "styles": [
          "./canonical/styles/base.css",
          "./canonical/styles/tailwind.css",
          "./canonical/styles/themes/default.css"
        ]
      },
      "dependencies": {
        "artifacts": [],
        "packages": ["@videojs/core"],
        "symbols": {
          "components": ["VolumeSlider"],
          "icons": []
        }
      },
      "metadata": {
        "registry": {
          "description": "A horizontal or vertical slider for adjusting playback volume by dragging, using the keyboard, or scrolling.",
          "title": "Volume Slider"
        }
      }
    }
  ]
}
