update: add daruma player component

.vscode/settings.json

@@ -0,0 +1,2 @@
+{
+}

docs/features/graphic/blend_modes.md

@@ -0,0 +1,91 @@
+---
+title: Blend Modes
+hide_table_of_contents: true
+---
+
+<DarumaPlayer
+  tabs={
+    [
+      {
+        label: 'normal',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__normal.daruma'
+      },
+      {
+        label: 'darken',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__darken.daruma'
+      },
+      {
+        label: 'multiply',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__multiply.daruma'
+      },
+      {
+        label: 'color burn',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__color_burn.daruma'
+      },
+      {
+        label: 'lighten',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__lighten.daruma'
+      },
+      {
+        label: 'screen',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__screen.daruma'
+      },
+      {
+        label: 'color dodge',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__color_dodge.daruma'
+      },
+      {
+        label: 'overlay',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__overlay.daruma'
+      },
+      {
+        label: 'soft light',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__soft_light.daruma'
+      },
+      {
+        label: 'hard light',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__hard_light.daruma'
+      },
+      {
+        label: 'difference',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__difference.daruma'
+      },
+      {
+        label: 'exclusion',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__exclusion.daruma'
+      },
+      {
+        label: 'hue',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__hue.daruma'
+      },
+      {
+        label: 'saturation',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__saturation.daruma'
+      },
+      {
+        label: 'color',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__color.daruma'
+      },
+      {
+        label: 'luminosity',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__luminosity.daruma'
+      },
+      {
+        label: 'plus darker',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__plus_darker.daruma'
+      },
+      {
+        label: 'plus lighter',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__plus_lighter.daruma'
+      },
+      {
+        label: 'pass through',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blend_mode__daruma/blend_mode__pass_through.daruma'
+      }
+    ]
+  }
+ />
+
+<br />
+**Related Specs**
+- [BlendMode](/specs/vectorgraphics/blend-mode)

docs/features/graphic/blurs/background_blur.md

@@ -0,0 +1,12 @@
+---
+title: Background Blur
+sidebar_position: 3
+hide_table_of_contents: true
+---
+
+<DarumaPlayer src='https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blur__daruma/blur__background_blur.daruma' />
+
+<br />
+**Related Specs**
+- [Blur](/specs/vectorgraphics/blur)
+- [BlurType](/specs/vectorgraphics/blur-type)

docs/features/graphic/blurs/gaussian_blur.md

@@ -0,0 +1,12 @@
+---
+title: Gaussian Blur
+sidebar_position: 0
+hide_table_of_contents: true
+---
+
+<DarumaPlayer src='https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/blur__daruma/blur__gaussian_blur.daruma' />
+
+<br />
+**Related Specs**
+- [Blur](/specs/vectorgraphics/blur)
+- [BlurType](/specs/vectorgraphics/blur-type)

docs/features/graphic/borders/border_position.md

@@ -0,0 +1,29 @@
+---
+title: Border Position
+sidebar_position: 3
+hide_table_of_contents: true
+---
+
+<DarumaPlayer
+  tabs={
+    [
+      {
+        label: 'Center',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/border__daruma/border__position__center.daruma'
+      },
+      {
+        label: 'Inside',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/border__daruma/border__position__inside.daruma'
+      },
+      {
+        label: 'Outside',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/border__daruma/border__position__outside.daruma'
+      }
+    ]
+  }
+ />
+
+<br />
+**Related Specs**
+- [Border](/specs/vectorgraphics/border#position)
+- [BorderPosition](/specs/vectorgraphics/border-position)

docs/features/graphic/borders/border_thickness.md

@@ -0,0 +1,11 @@
+---
+title: Border Thickness
+sidebar_position: 4
+hide_table_of_contents: true
+---
+
+<DarumaPlayer src='https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/border__daruma/border__thickness.daruma' />
+
+<br />
+**Related Specs**
+- [Border](/specs/vectorgraphics/border#thickness)

docs/features/graphic/borders/line_cap.md

@@ -0,0 +1,20 @@
+---
+title: Line Cap
+sidebar_position: 1
+hide_table_of_contents: true
+---
+
+<DarumaPlayer
+  tabs={
+    [
+      {label: 'Butt', src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/border__daruma/border__line_cap__butt.daruma'},
+      {label: 'Round', src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/border__daruma/border__line_cap__round.daruma'},
+      {label: 'Square', src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/border__daruma/border__line_cap__square.daruma'}
+    ]
+  }
+ />
+
+<br />
+**Related Specs**
+- [Border](/specs/vectorgraphics/border#linecapstyle)
+- [LineCapStyle](/specs/vectorgraphics/line-cap-style)

docs/features/graphic/borders/line_dash.md

@@ -0,0 +1,11 @@
+---
+title: Line Dash
+sidebar_position: 0
+hide_table_of_contents: true
+---
+
+<DarumaPlayer src='https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/border__daruma/border__line_dash.daruma' />
+
+<br />
+**Related Specs**
+- [Border](/specs/vectorgraphics/border#dashedpattern)

docs/features/graphic/borders/line_join.md

@@ -0,0 +1,29 @@
+---
+title: Line Join
+sidebar_position: 2
+hide_table_of_contents: true
+---
+
+<DarumaPlayer
+  tabs={
+    [
+      {
+        label: 'Miter',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/border__daruma/border__line_join__miter.daruma'
+      },
+      {
+        label: 'Round',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/border__daruma/border__line_join__round.daruma'
+      },
+      {
+        label: 'Bevel',
+        src: 'https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/border__daruma/border__line_join__bevel.daruma'
+      }
+    ]
+  }
+ />
+
+<br />
+**Related Specs**
+- [Border](/specs/vectorgraphics/border#linejoinstyle)
+- [LineJoinStyle](/specs/vectorgraphics/line-join-style)

docs/features/graphic/borders/miter_limit.md

@@ -0,0 +1,11 @@
+---
+title: Miter Limit
+sidebar_position: 5
+hide_table_of_contents: true
+---
+
+<DarumaPlayer src='https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/border__daruma/border__miter_limit.daruma' />
+
+<br />
+**Related Specs**
+- [Border](/specs/vectorgraphics/border#miterlimit)

docs/features/graphic/fills/angular_gradient.md

@@ -0,0 +1,13 @@
+---
+title: Angular Gradient
+sidebar_position: 3
+hide_table_of_contents: true
+---
+
+<DarumaPlayer src='https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/fill__daruma/fill__angular_gradient.daruma' />
+
+<br />
+**Related Specs**
+- [Fill](/specs/vectorgraphics/fill)
+- [FillType](/specs/vectorgraphics/fill-type)
+- [GradientAngular](/specs/vectorgraphics/gradient-angular)

docs/features/graphic/fills/image_fill_pattern.md

@@ -0,0 +1,14 @@
+---
+title: Image Fill Pattern
+sidebar_position: 5
+hide_table_of_contents: true
+---
+
+<DarumaPlayer src='https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/fill__daruma/fill__image_fill_pattern.daruma' />
+
+<br />
+**Related Specs**
+- [Fill](/specs/vectorgraphics/fill)
+- [FillType](/specs/vectorgraphics/fill-type)
+- [Pattern](/specs/vectorgraphics/pattern)
+- [PatternImageFill](/specs/vectorgraphics/pattern-image-fill)

docs/features/graphic/fills/image_fit_pattern.md

@@ -0,0 +1,14 @@
+---
+title: Image Fit Pattern
+sidebar_position: 6
+hide_table_of_contents: true
+---
+
+<DarumaPlayer src='https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/fill__daruma/fill__image_fit_pattern.daruma' />
+
+<br />
+**Related Specs**
+- [Fill](/specs/vectorgraphics/fill)
+- [FillType](/specs/vectorgraphics/fill-type)
+- [Pattern](/specs/vectorgraphics/pattern)
+- [PatternImageFit](/specs/vectorgraphics/pattern-image-fit)

docs/features/graphic/fills/image_stretch_pattern.md

@@ -0,0 +1,14 @@
+---
+title: Image Stretch Pattern
+sidebar_position: 7
+hide_table_of_contents: true
+---
+
+<DarumaPlayer src='https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/fill__daruma/fill__image_stretch_pattern.daruma' />
+
+<br />
+**Related Specs**
+- [Fill](/specs/vectorgraphics/fill)
+- [FillType](/specs/vectorgraphics/fill-type)
+- [Pattern](/specs/vectorgraphics/pattern)
+- [PatternImageStretch](/specs/vectorgraphics/pattern-image-stretch)

docs/features/graphic/fills/image_tile_pattern.md

@@ -0,0 +1,14 @@
+---
+title: Image Tile Pattern
+sidebar_position: 8
+hide_table_of_contents: true
+---
+
+<DarumaPlayer src='https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/fill__daruma/fill__image_tile_pattern.daruma' />
+
+<br />
+**Related Specs**
+- [Fill](/specs/vectorgraphics/fill)
+- [FillType](/specs/vectorgraphics/fill-type)
+- [Pattern](/specs/vectorgraphics/pattern)
+- [PatternImageTile](/specs/vectorgraphics/pattern-image-tile)

docs/features/graphic/fills/linear_gradient.md

@@ -0,0 +1,13 @@
+---
+title: Linear Gradient
+sidebar_position: 1
+hide_table_of_contents: true
+---
+
+<DarumaPlayer src='https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/fill__daruma/fill__linear_gradient.daruma' />
+
+<br />
+**Related Specs**
+- [Fill](/specs/vectorgraphics/fill)
+- [FillType](/specs/vectorgraphics/fill-type)
+- [GradientLinear](/specs/vectorgraphics/gradient-linear)

docs/features/graphic/fills/radial_gradient.md

@@ -0,0 +1,13 @@
+---
+title: Radial Gradient
+sidebar_position: 2
+hide_table_of_contents: true
+---
+
+<DarumaPlayer src='https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/fill__daruma/fill__radial_gradient.daruma' />
+
+<br />
+**Related Specs**
+- [Fill](/specs/vectorgraphics/fill)
+- [FillType](/specs/vectorgraphics/fill-type)
+- [GradientRadial](/specs/vectorgraphics/gradient-radial)

docs/features/graphic/fills/solid_color.md

@@ -0,0 +1,12 @@
+---
+title: Solid Color
+sidebar_position: 0
+hide_table_of_contents: true
+---
+
+<DarumaPlayer src='https://raw.githubusercontent.com/verygoodgraphics/resource/main/feature/fill__daruma/fill__solid_color.daruma' />
+
+<br />
+**Related Specs**
+- [Fill](/specs/vectorgraphics/fill)
+- [FillType](/specs/vectorgraphics/fill-type)