fix(skin): add missing tooltip provider/group (#902)

packages/skins/src/shared/tailwind/icon-state.ts

@@ -0,0 +1,31 @@
+/* ==========================================================================
+   Icon State
+   ========================================================================== */
+
+export const iconState = {
+  play: {
+    button: 'group',
+    restart: 'hidden opacity-0 group-data-ended:block group-data-ended:opacity-100',
+    play: 'hidden opacity-0 group-not-data-ended:group-data-paused:block group-not-data-ended:group-data-paused:opacity-100',
+    pause:
+      'hidden opacity-0 group-not-data-paused:group-not-data-ended:block group-not-data-paused:group-not-data-ended:opacity-100',
+  },
+  mute: {
+    button: 'group',
+    volumeOff: 'hidden opacity-0 group-data-muted:block group-data-muted:opacity-100',
+    volumeLow:
+      'hidden opacity-0 group-not-data-muted:group-data-[volume-level=low]:block group-not-data-muted:group-data-[volume-level=low]:opacity-100',
+    volumeHigh:
+      'hidden opacity-0 group-not-data-muted:group-not-data-[volume-level=low]:block group-not-data-muted:group-not-data-[volume-level=low]:opacity-100',
+  },
+  fullscreen: {
+    button: 'group',
+    enter: 'hidden opacity-0 group-not-data-fullscreen:block group-not-data-fullscreen:opacity-100',
+    exit: 'hidden opacity-0 group-data-fullscreen:block group-data-fullscreen:opacity-100',
+  },
+  captions: {
+    button: 'group',
+    off: 'hidden opacity-0 group-not-data-active:block group-not-data-active:opacity-100',
+    on: 'hidden opacity-0 group-data-active:block group-data-active:opacity-100',
+  },
+};

packages/skins/src/shared/tailwind/tooltip-state.ts

@@ -0,0 +1,23 @@
+export const tooltipState = {
+  play: {
+    wrapper: 'contents group/play-tip',
+    replay: 'hidden group-has-data-ended/play-tip:block',
+    play: 'hidden group-[:has([data-paused]):not(:has([data-ended]))]/play-tip:block',
+    pause: 'hidden group-[:not(:has([data-paused])):not(:has([data-ended]))]/play-tip:block',
+  },
+  fullscreen: {
+    wrapper: 'contents group/fullscreen-tip',
+    enter: 'hidden group-[:not(:has([data-fullscreen]))]/fullscreen-tip:block',
+    exit: 'hidden group-has-data-fullscreen/fullscreen-tip:block',
+  },
+  captions: {
+    wrapper: 'contents group/captions-tip',
+    enable: 'hidden group-[:not(:has([data-active]))]/captions-tip:block',
+    disable: 'hidden group-has-data-active/captions-tip:block',
+  },
+  pip: {
+    wrapper: 'contents group/pip-tip',
+    enter: 'hidden group-[:not(:has([data-pip]))]/pip-tip:block',
+    exit: 'hidden group-has-data-pip/pip-tip:block',
+  },
+};