origam 2.3.0 → 2.5.0

package/dist/src/assets/css/tokens/light.css

@@ -52,6 +52,11 @@
   --origam-color__feedback--info---fgSubtle: #1e40af;
   --origam-color__feedback--info---border: #2196f3;
   --origam-color__overlay---scrim: #ffffff;
+  --origam-gradient---sunset: linear-gradient(135deg, #ff7e5f, #feb47b);
+  --origam-gradient---ocean: linear-gradient(135deg, #2193b0, #6dd5ed);
+  --origam-gradient---forest: linear-gradient(135deg, #134e5e, #71b280);
+  --origam-gradient---fire: linear-gradient(135deg, #f12711, #f5af19);
+  --origam-gradient---midnight: linear-gradient(135deg, #232526, #414345);
   --origam-btn---background-color: #e6e6e6;
   --origam-btn---color: #262626;
   --origam-btn---background-color-hover: #d4d4d4;
@@ -1173,6 +1178,32 @@
   --origam-input__append---margin-inline-start: 16px;
   --origam-input---density-default-density: 0px;
   --origam-input---density-compact-density: -8px;
+  --origam-inline-edit---transition-duration: 200ms;
+  --origam-inline-edit__display---padding-block: 4px;
+  --origam-inline-edit__display---padding-inline: 8px;
+  --origam-inline-edit__display---border-radius: 4px;
+  --origam-inline-edit__display---min-height: 24px;
+  --origam-inline-edit__display---hover-bg-color: #ffffff;
+  --origam-inline-edit__display---color-empty: #a3a3a3;
+  --origam-inline-edit__editor---padding-block: 4px;
+  --origam-inline-edit__editor---padding-inline: 8px;
+  --origam-inline-edit__editor---border-radius: 4px;
+  --origam-inline-edit__editor---border-color: #d4d4d4;
+  --origam-inline-edit__editor---focus-border-color: #7c3aed;
+  --origam-inline-edit__editor---focus-ring-color: #f5f3ff;
+  --origam-inline-edit__editor---bg-color: #ffffff;
+  --origam-inline-edit__editor---gap: 4px;
+  --origam-inline-edit__input---min-width: 80px;
+  --origam-inline-edit__input---multiline-min-height: 64px;
+  --origam-inline-edit--error---color: #b91c1c;
+  --origam-inline-edit--error---background-color: #fff1f2;
+  --origam-inline-edit--error---ring-color: #fff1f2;
+  --origam-inline-edit--error---font-size: 0.625rem;
+  --origam-inline-edit--error---font-weight: 500;
+  --origam-inline-edit--error---padding-block: 4px;
+  --origam-inline-edit--error---padding-inline: 8px;
+  --origam-inline-edit--error---border-radius: 4px;
+  --origam-inline-edit__actions---gap: 4px;
   --origam-text-field__details---padding-inline: 16px;
   --origam-text-field__input---opacity: 0;
   --origam-text-field__input---opacity-active: 1;
@@ -2042,12 +2073,25 @@
   --origam-code__copy---gap: 4px;
   --origam-code__copy---offset: 8px;
   --origam-code---line-number-color: #a3a3a3;
-  --origam-code---line-number-width: 3rem;
-  --origam-code---line-number-padding-right: 12px;
+  --origam-code---line-number-width: 3.5rem;
+  --origam-code---line-number-padding-right: 20px;
+  --origam-code---line-number-gap: 16px;
   --origam-code---line-highlight-background-color: #fffbeb;
   --origam-code---line-highlight-accent-color: #b45309;
   --origam-code__row---padding-inline: 0;
   --origam-code__scrollbar---color: #d4d4d4;
+  --origam-code__syntax---foreground: #171717;
+  --origam-code__syntax---background: #fafafa;
+  --origam-code__syntax---keyword: #b91c1c;
+  --origam-code__syntax---string: #16a34a;
+  --origam-code__syntax---string-expression: #16a34a;
+  --origam-code__syntax---function: #1e40af;
+  --origam-code__syntax---parameter: #1e40af;
+  --origam-code__syntax---constant: #b45309;
+  --origam-code__syntax---comment: #a3a3a3;
+  --origam-code__syntax---punctuation: #525252;
+  --origam-code__syntax---link: #6d28d9;
+  --origam-code__syntax---inserted: #16a34a;
   --origam-color-picker---background-color: #ffffff;
   --origam-color-picker---border-radius: 8px;
   --origam-color-picker---padding-block: 16px;
@@ -2369,6 +2413,11 @@
   --origam-grids__col---padding-block-end: 8px;
   --origam-grids__spacer---flex-grow: 1;
   --origam-grids__spacer---min-size: 0px;
+  --origam-grid---gap-xs: 4px;
+  --origam-grid---gap-sm: 8px;
+  --origam-grid---gap-md: 16px;
+  --origam-grid---gap-lg: 24px;
+  --origam-grid---gap-xl: 32px;
   --origam-skeleton---background-color: #f5f5f5;
   --origam-skeleton---border-radius: 4px;
   --origam-skeleton---border-radius-circular: 9999px;
@@ -2494,33 +2543,33 @@
   --origam-tabs__panel---padding-block: 16px;
   --origam-tabs__panel---padding-inline: 0px;
   --origam-tabs__panel---transition-duration: 100ms;
-  --origam-snackbar-stack---z-index: 1060;
-  --origam-snackbar-stack---gap: 12px;
-  --origam-snackbar-stack---max-width: 420px;
-  --origam-snackbar-stack---transition-duration: 100ms;
-  --origam-snackbar-stack---position-top: 16px;
-  --origam-snackbar-stack---position-bottom: 16px;
-  --origam-snackbar-stack---position-left: 16px;
-  --origam-snackbar-stack---position-right: 16px;
-  --origam-snackbar-stack__item---gap: 12px;
-  --origam-snackbar-stack__item---min-width: 288px;
-  --origam-snackbar-stack__item---max-width: 420px;
-  --origam-snackbar-stack__item---padding: 12px 14px;
-  --origam-snackbar-stack__item---border-radius: 8px;
-  --origam-snackbar-stack__item---border-width: 1px;
-  --origam-snackbar-stack__item---background-color: #ffffff;
-  --origam-snackbar-stack__item---border-color: #d4d4d4;
-  --origam-snackbar-stack__item---color: #171717;
-  --origam-snackbar-stack__item---box-shadow: 0px 6px 24px 0px rgba(0,0,0,0.05), 0px 0px 0px 1px rgba(0,0,0,0.08);
-  --origam-snackbar-stack__item---font-size: 0.875rem;
-  --origam-snackbar-stack__item---content-gap: 8px;
-  --origam-snackbar-stack__item---prepend-color: currentColor;
-  --origam-snackbar-stack__item---text-gap: 4px;
-  --origam-snackbar-stack__item---title-font-weight: 600;
-  --origam-snackbar-stack__item---message-font-weight: 400;
-  --origam-snackbar-stack__item---message-color: currentColor;
-  --origam-snackbar-stack__item---message-opacity: 0.85;
-  --origam-snackbar-stack__item---action-color: #ffffff;
+  --origam-snackbar-group---z-index: 1060;
+  --origam-snackbar-group---gap: 12px;
+  --origam-snackbar-group---max-width: 420px;
+  --origam-snackbar-group---transition-duration: 100ms;
+  --origam-snackbar-group---position-top: 16px;
+  --origam-snackbar-group---position-bottom: 16px;
+  --origam-snackbar-group---position-left: 16px;
+  --origam-snackbar-group---position-right: 16px;
+  --origam-snackbar-group__item---gap: 12px;
+  --origam-snackbar-group__item---min-width: 288px;
+  --origam-snackbar-group__item---max-width: 420px;
+  --origam-snackbar-group__item---padding: 12px 14px;
+  --origam-snackbar-group__item---border-radius: 8px;
+  --origam-snackbar-group__item---border-width: 1px;
+  --origam-snackbar-group__item---background-color: #ffffff;
+  --origam-snackbar-group__item---border-color: #d4d4d4;
+  --origam-snackbar-group__item---color: #171717;
+  --origam-snackbar-group__item---box-shadow: 0px 6px 24px 0px rgba(0,0,0,0.05), 0px 0px 0px 1px rgba(0,0,0,0.08);
+  --origam-snackbar-group__item---font-size: 0.875rem;
+  --origam-snackbar-group__item---content-gap: 8px;
+  --origam-snackbar-group__item---prepend-color: currentColor;
+  --origam-snackbar-group__item---text-gap: 4px;
+  --origam-snackbar-group__item---title-font-weight: 600;
+  --origam-snackbar-group__item---message-font-weight: 400;
+  --origam-snackbar-group__item---message-color: currentColor;
+  --origam-snackbar-group__item---message-opacity: 0.85;
+  --origam-snackbar-group__item---action-color: #ffffff;
   --origam-command-palette---z-index: 1050;
   --origam-command-palette---padding-top: 18vh;
   --origam-command-palette---width: 640px;
@@ -2556,4 +2605,138 @@
   --origam-command-palette__footer---color: #525252;
   --origam-command-palette__backdrop---background-color: rgba(0, 0, 0, 0.45);
   --origam-command-palette__backdrop---backdrop-filter: blur(6px);
+  --origam-blockquote---padding-block: 16px;
+  --origam-blockquote---padding-inline: 24px;
+  --origam-blockquote---font-family: Inter, 'Helvetica Neue', Arial, sans-serif;
+  --origam-blockquote---font-size: 1rem;
+  --origam-blockquote---font-style: normal;
+  --origam-blockquote---font-weight: 400;
+  --origam-blockquote---line-height: 1.625;
+  --origam-blockquote---color: #171717;
+  --origam-blockquote__accent---color: #7c3aed;
+  --origam-blockquote__accent---width: 4px;
+  --origam-blockquote__author---color: #525252;
+  --origam-blockquote__author---font-size: 0.875rem;
+  --origam-blockquote__author---font-style: normal;
+  --origam-blockquote__author---font-weight: 500;
+  --origam-blockquote__author---margin-top: 12px;
+  --origam-blockquote__source---color: #525252;
+  --origam-blockquote__source---font-size: 0.875rem;
+  --origam-blockquote__source---font-style: italic;
+  --origam-blockquote---quote-mark-font-size: 2.25rem;
+  --origam-blockquote---quote-mark-color: #7c3aed;
+  --origam-blockquote---quote-mark-opacity: 0.25;
+  --origam-blockquote---quote-mark-line-height: 1;
+  --origam-blockquote__quoted---glyph-size: 8rem;
+  --origam-blockquote__quoted---glyph-opacity: 0.08;
+  --origam-blockquote__quoted---glyph-offset-top: -0.1em;
+  --origam-blockquote__quoted---glyph-offset-left: -0.05em;
+  --origam-blockquote__quoted---glyph-padding-extra: 1rem;
+  --origam-blockquote__elegant---font-family: Georgia, 'Times New Roman', serif;
+  --origam-blockquote__elegant---font-size: 1.125rem;
+  --origam-blockquote__elegant---font-style: italic;
+  --origam-blockquote__elegant---line-height: 2;
+  --origam-blockquote__elegant---padding-block: 24px;
+  --origam-blockquote__minimal---font-size: 0.875rem;
+  --origam-blockquote__minimal---font-style: italic;
+  --origam-blockquote__minimal---padding-inline: 12px;
+  --origam-blockquote__pull---font-family: Georgia, 'Times New Roman', serif;
+  --origam-blockquote__pull---font-size: 1.5rem;
+  --origam-blockquote__pull---font-weight: 500;
+  --origam-blockquote__pull---line-height: 1.375;
+  --origam-blockquote__pull---padding-block: 24px;
+  --origam-blockquote__pull---rule-width: 2px;
+  --origam-video---background-color: #000000;
+  --origam-video---border-radius: 8px;
+  --origam-video__poster---background-color: #000000;
+  --origam-video---poster-btn-size: 64px;
+  --origam-video---poster-btn-background-color: #0a0a0a;
+  --origam-video---poster-btn-background-color-hover: #171717;
+  --origam-video---poster-btn-color: #ffffff;
+  --origam-video---poster-btn-font-size: 1.5rem;
+  --origam-video__controls---background-color: #0a0a0a;
+  --origam-video__controls---color: #ffffff;
+  --origam-video__controls---padding: 8px;
+  --origam-video__controls---gap: 8px;
+  --origam-video__btn---size: 32px;
+  --origam-video__btn---color: #ffffff;
+  --origam-video__btn---color-hover: #ffffff;
+  --origam-video__btn---background-color-hover: #262626;
+  --origam-video__btn---background-color-active: #404040;
+  --origam-video__btn---border-radius: 4px;
+  --origam-video__btn---font-size: 1rem;
+  --origam-video__time---color: #ffffff;
+  --origam-video__time---font-size: 0.625rem;
+  --origam-video__time---font-family: 'JetBrains Mono', 'Fira Code', monospace;
+  --origam-video__scrubber---color: #8b5cf6;
+  --origam-video__scrubber---thumb-size: 16px;
+  --origam-video__volume---color: #ffffff;
+  --origam-video__volume---width: 80px;
+  --origam-video__loading---color: #ffffff;
+  --origam-video__loading---font-size: 1.5rem;
+  --origam-video--error---background-color: #0a0a0a;
+  --origam-video--error---color: #cf6679;
+  --origam-video--error---font-size: 0.75rem;
+  --origam-video--error---gap: 8px;
+  --origam-video--error---padding: 16px;
+  --origam-video--error---icon-font-size: 1.5rem;
+  --origam-audio---background-color: #ffffff;
+  --origam-audio---color: #171717;
+  --origam-audio---accent-color: #7c3aed;
+  --origam-audio---secondary-color: #525252;
+  --origam-audio---border-color: #d4d4d4;
+  --origam-audio---border-width: 1px;
+  --origam-audio---box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.06), 0px 1px 2px -1px rgba(0,0,0,0.06);
+  --origam-audio---border-radius: 12px;
+  --origam-audio---gap: 16px;
+  --origam-audio---padding: 16px;
+  --origam-audio__body---gap: 12px;
+  --origam-audio__metadata---gap: 4px;
+  --origam-audio__meta---gap: 8px;
+  --origam-audio__meta---font-size: 13px;
+  --origam-audio__meta---color: #525252;
+  --origam-audio__cover---size: 96px;
+  --origam-audio__cover---border-radius: 8px;
+  --origam-audio__title---color: #171717;
+  --origam-audio__title---font-size: 18px;
+  --origam-audio__title---font-weight: 700;
+  --origam-audio__title---line-height: 1.25;
+  --origam-audio__artist---color: #525252;
+  --origam-audio__album---color: #525252;
+  --origam-audio__duration---color: #525252;
+  --origam-audio__waveform---height: 48px;
+  --origam-audio__waveform---color: #7c3aed;
+  --origam-audio__transport---gap: 8px;
+  --origam-audio__transport---btn-size: 32px;
+  --origam-audio__transport---btn-icon-size: 20px;
+  --origam-audio---play-btn-size: 48px;
+  --origam-audio__compact---cover-size: 48px;
+  --origam-audio__compact---body-gap: 8px;
+  --origam-audio__compact---metadata-gap: 8px;
+  --origam-audio__compact---title-font-size: 14px;
+  --origam-audio__loading---font-size: 0.75rem;
+  --origam-audio__loading---color: #525252;
+  --origam-audio--error---background-color: #fff1f2;
+  --origam-audio--error---color: #b91c1c;
+  --origam-audio--error---font-size: 0.75rem;
+  --origam-audio--error---border-radius: 4px;
+  --origam-audio--error---padding: 8px 12px;
+  --origam-audio--error---gap: 8px;
+  --origam-audio--error---icon-font-size: 1rem;
+  --origam-media-scrubber---color: #7c3aed;
+  --origam-media-scrubber---primary: #7c3aed;
+  --origam-media-scrubber__track---thickness: 4px;
+  --origam-media-scrubber__track---thickness-active: 6px;
+  --origam-media-scrubber__track---size: 4px;
+  --origam-media-scrubber__track---size-active: 6px;
+  --origam-media-scrubber__track---background-color: #f5f5f5;
+  --origam-media-scrubber__track---bg: #f5f5f5;
+  --origam-media-scrubber__buffer---background-color: #e6e6e6;
+  --origam-media-scrubber__buffer---bg: #e6e6e6;
+  --origam-media-scrubber__thumb---diameter: 12px;
+  --origam-media-scrubber__thumb---size: 12px;
+  --origam-media-scrubber__tooltip---background-color: #171717;
+  --origam-media-scrubber__tooltip---color: #ffffff;
+  --origam-media-controller---color: #171717;
+  --origam-media-controller__scrubber---color: #7c3aed;
 }

package/dist/src/assets/locales/en.json

@@ -124,6 +124,42 @@
       "max_length": "Maximum {0} characters",
       "must_contains": "This field must contain: {value}",
       "max_size_error": "File \"{0}\" exceeds maximum size of {1}"
+    },
+    "media": {
+      "play": "Play",
+      "pause": "Pause",
+      "mute": "Mute",
+      "unmute": "Unmute",
+      "volume": "Volume",
+      "seek": "Seek",
+      "rewind": "Rewind {0} seconds",
+      "forward": "Forward {0} seconds",
+      "seconds": "{0} seconds",
+      "quality": "Quality",
+      "download": "Download",
+      "castToDevice": "Cast to device",
+      "stopCasting": "Stop casting",
+      "settings": "Settings",
+      "back": "Back",
+      "playbackSpeed": "Playback speed",
+      "normalSpeed": "Normal",
+      "previousTrack": "Previous track",
+      "nextTrack": "Next track",
+      "waveform": "Audio waveform"
+    },
+    "video": {
+      "enterFullscreen": "Enter fullscreen",
+      "exitFullscreen": "Exit fullscreen",
+      "enterPip": "Enter picture in picture",
+      "exitPip": "Exit picture in picture",
+      "enableCaptions": "Enable captions",
+      "disableCaptions": "Disable captions"
+    },
+    "colorPicker": {
+      "canvas": {
+        "ariaLabel": "Saturation and lightness",
+        "value": "Saturation {0}%, lightness {1}%"
+      }
     }
   }
 }

package/dist/src/assets/locales/fr.json

@@ -122,6 +122,39 @@
       "max_length": "Maximum {0} caractères",
       "must_contains": "Ce champ doit contenir : {value}",
       "max_size_error": "Le fichier \"{0}\" dépasse la taille maximum de {1}"
+    },
+    "media": {
+      "play": "Lecture",
+      "pause": "Pause",
+      "mute": "Couper le son",
+      "unmute": "Activer le son",
+      "volume": "Volume",
+      "seek": "Recherche",
+      "rewind": "Reculer de {0} secondes",
+      "forward": "Avancer de {0} secondes",
+      "seconds": "{0} secondes",
+      "quality": "Qualité",
+      "download": "Télécharger",
+      "castToDevice": "Diffuser sur un appareil",
+      "stopCasting": "Arrêter la diffusion",
+      "settings": "Paramètres",
+      "back": "Retour",
+      "playbackSpeed": "Vitesse de lecture",
+      "normalSpeed": "Normale"
+    },
+    "video": {
+      "enterFullscreen": "Plein écran",
+      "exitFullscreen": "Quitter le plein écran",
+      "enterPip": "Activer image dans l'image",
+      "exitPip": "Désactiver image dans l'image",
+      "enableCaptions": "Activer les sous-titres",
+      "disableCaptions": "Désactiver les sous-titres"
+    },
+    "colorPicker": {
+      "canvas": {
+        "ariaLabel": "Saturation et luminosité",
+        "value": "Saturation {0}%, luminosité {1}%"
+      }
     }
   }
 }

package/dist/src/assets/locales/index.js

@@ -1,2 +1,2 @@
-export { default as en } from './en.json';
-export { default as fr } from './fr.json';
+export { default as en } from "./en.json";
+export { default as fr } from "./fr.json";

package/dist/src/assets/scss/tokens/_dark.scss

@@ -51,6 +51,11 @@
   --origam-color__feedback--info---fgSubtle: #60a5fa;
   --origam-color__feedback--info---border: #2196f3;
   --origam-color__overlay---scrim: #000000;
+  --origam-gradient---sunset: linear-gradient(135deg, #b55149, #9d6f4a);
+  --origam-gradient---ocean: linear-gradient(135deg, #134a59, #2f7e90);
+  --origam-gradient---forest: linear-gradient(135deg, #0a2b34, #3a6047);
+  --origam-gradient---fire: linear-gradient(135deg, #8c1a0b, #8a6210);
+  --origam-gradient---midnight: linear-gradient(135deg, #0d0d0e, #1f2022);
   --origam-btn---background-color: #262626;
   --origam-btn---color: #f5f5f5;
   --origam-btn---background-color-hover: #404040;
@@ -1172,6 +1177,32 @@
   --origam-input__append---margin-inline-start: 16px;
   --origam-input---density-default-density: 0px;
   --origam-input---density-compact-density: -8px;
+  --origam-inline-edit---transition-duration: 200ms;
+  --origam-inline-edit__display---padding-block: 4px;
+  --origam-inline-edit__display---padding-inline: 8px;
+  --origam-inline-edit__display---border-radius: 4px;
+  --origam-inline-edit__display---min-height: 24px;
+  --origam-inline-edit__display---hover-bg-color: #171717;
+  --origam-inline-edit__display---color-empty: #525252;
+  --origam-inline-edit__editor---padding-block: 4px;
+  --origam-inline-edit__editor---padding-inline: 8px;
+  --origam-inline-edit__editor---border-radius: 4px;
+  --origam-inline-edit__editor---border-color: #262626;
+  --origam-inline-edit__editor---focus-border-color: #8b5cf6;
+  --origam-inline-edit__editor---focus-ring-color: #4c1d95;
+  --origam-inline-edit__editor---bg-color: #0a0a0a;
+  --origam-inline-edit__editor---gap: 4px;
+  --origam-inline-edit__input---min-width: 80px;
+  --origam-inline-edit__input---multiline-min-height: 64px;
+  --origam-inline-edit--error---color: #cf6679;
+  --origam-inline-edit--error---background-color: #171717;
+  --origam-inline-edit--error---ring-color: #171717;
+  --origam-inline-edit--error---font-size: 0.625rem;
+  --origam-inline-edit--error---font-weight: 500;
+  --origam-inline-edit--error---padding-block: 4px;
+  --origam-inline-edit--error---padding-inline: 8px;
+  --origam-inline-edit--error---border-radius: 4px;
+  --origam-inline-edit__actions---gap: 4px;
   --origam-text-field__details---padding-inline: 16px;
   --origam-text-field__input---opacity: 0;
   --origam-text-field__input---opacity-active: 1;
@@ -2041,12 +2072,25 @@
   --origam-code__copy---gap: 4px;
   --origam-code__copy---offset: 8px;
   --origam-code---line-number-color: #525252;
-  --origam-code---line-number-width: 3rem;
-  --origam-code---line-number-padding-right: 12px;
+  --origam-code---line-number-width: 3.5rem;
+  --origam-code---line-number-padding-right: 20px;
+  --origam-code---line-number-gap: 16px;
   --origam-code---line-highlight-background-color: #171717;
   --origam-code---line-highlight-accent-color: #fbbf24;
   --origam-code__row---padding-inline: 0;
   --origam-code__scrollbar---color: #262626;
+  --origam-code__syntax---foreground: #fafafa;
+  --origam-code__syntax---background: #0a0a0a;
+  --origam-code__syntax---keyword: #cf6679;
+  --origam-code__syntax---string: #4ade80;
+  --origam-code__syntax---string-expression: #4ade80;
+  --origam-code__syntax---function: #60a5fa;
+  --origam-code__syntax---parameter: #60a5fa;
+  --origam-code__syntax---constant: #fbbf24;
+  --origam-code__syntax---comment: #525252;
+  --origam-code__syntax---punctuation: #a3a3a3;
+  --origam-code__syntax---link: #c4b5fd;
+  --origam-code__syntax---inserted: #4ade80;
   --origam-color-picker---background-color: #171717;
   --origam-color-picker---border-radius: 8px;
   --origam-color-picker---padding-block: 16px;
@@ -2368,6 +2412,11 @@
   --origam-grids__col---padding-block-end: 8px;
   --origam-grids__spacer---flex-grow: 1;
   --origam-grids__spacer---min-size: 0px;
+  --origam-grid---gap-xs: 4px;
+  --origam-grid---gap-sm: 8px;
+  --origam-grid---gap-md: 16px;
+  --origam-grid---gap-lg: 24px;
+  --origam-grid---gap-xl: 32px;
   --origam-skeleton---background-color: #262626;
   --origam-skeleton---border-radius: 4px;
   --origam-skeleton---border-radius-circular: 9999px;
@@ -2493,33 +2542,33 @@
   --origam-tabs__panel---padding-block: 16px;
   --origam-tabs__panel---padding-inline: 0px;
   --origam-tabs__panel---transition-duration: 100ms;
-  --origam-snackbar-stack---z-index: 1060;
-  --origam-snackbar-stack---gap: 12px;
-  --origam-snackbar-stack---max-width: 420px;
-  --origam-snackbar-stack---transition-duration: 100ms;
-  --origam-snackbar-stack---position-top: 16px;
-  --origam-snackbar-stack---position-bottom: 16px;
-  --origam-snackbar-stack---position-left: 16px;
-  --origam-snackbar-stack---position-right: 16px;
-  --origam-snackbar-stack__item---gap: 12px;
-  --origam-snackbar-stack__item---min-width: 288px;
-  --origam-snackbar-stack__item---max-width: 420px;
-  --origam-snackbar-stack__item---padding: 12px 14px;
-  --origam-snackbar-stack__item---border-radius: 8px;
-  --origam-snackbar-stack__item---border-width: 1px;
-  --origam-snackbar-stack__item---background-color: #0a0a0a;
-  --origam-snackbar-stack__item---border-color: #262626;
-  --origam-snackbar-stack__item---color: #fafafa;
-  --origam-snackbar-stack__item---box-shadow: 0px 6px 24px 0px rgba(0,0,0,0.05), 0px 0px 0px 1px rgba(0,0,0,0.08);
-  --origam-snackbar-stack__item---font-size: 0.875rem;
-  --origam-snackbar-stack__item---content-gap: 8px;
-  --origam-snackbar-stack__item---prepend-color: currentColor;
-  --origam-snackbar-stack__item---text-gap: 4px;
-  --origam-snackbar-stack__item---title-font-weight: 600;
-  --origam-snackbar-stack__item---message-font-weight: 400;
-  --origam-snackbar-stack__item---message-color: currentColor;
-  --origam-snackbar-stack__item---message-opacity: 0.85;
-  --origam-snackbar-stack__item---action-color: #ffffff;
+  --origam-snackbar-group---z-index: 1060;
+  --origam-snackbar-group---gap: 12px;
+  --origam-snackbar-group---max-width: 420px;
+  --origam-snackbar-group---transition-duration: 100ms;
+  --origam-snackbar-group---position-top: 16px;
+  --origam-snackbar-group---position-bottom: 16px;
+  --origam-snackbar-group---position-left: 16px;
+  --origam-snackbar-group---position-right: 16px;
+  --origam-snackbar-group__item---gap: 12px;
+  --origam-snackbar-group__item---min-width: 288px;
+  --origam-snackbar-group__item---max-width: 420px;
+  --origam-snackbar-group__item---padding: 12px 14px;
+  --origam-snackbar-group__item---border-radius: 8px;
+  --origam-snackbar-group__item---border-width: 1px;
+  --origam-snackbar-group__item---background-color: #0a0a0a;
+  --origam-snackbar-group__item---border-color: #262626;
+  --origam-snackbar-group__item---color: #fafafa;
+  --origam-snackbar-group__item---box-shadow: 0px 6px 24px 0px rgba(0,0,0,0.05), 0px 0px 0px 1px rgba(0,0,0,0.08);
+  --origam-snackbar-group__item---font-size: 0.875rem;
+  --origam-snackbar-group__item---content-gap: 8px;
+  --origam-snackbar-group__item---prepend-color: currentColor;
+  --origam-snackbar-group__item---text-gap: 4px;
+  --origam-snackbar-group__item---title-font-weight: 600;
+  --origam-snackbar-group__item---message-font-weight: 400;
+  --origam-snackbar-group__item---message-color: currentColor;
+  --origam-snackbar-group__item---message-opacity: 0.85;
+  --origam-snackbar-group__item---action-color: #ffffff;
   --origam-command-palette---z-index: 1050;
   --origam-command-palette---padding-top: 18vh;
   --origam-command-palette---width: 640px;
@@ -2555,4 +2604,138 @@
   --origam-command-palette__footer---color: #a3a3a3;
   --origam-command-palette__backdrop---background-color: rgba(0, 0, 0, 0.45);
   --origam-command-palette__backdrop---backdrop-filter: blur(6px);
+  --origam-blockquote---padding-block: 16px;
+  --origam-blockquote---padding-inline: 24px;
+  --origam-blockquote---font-family: Inter, 'Helvetica Neue', Arial, sans-serif;
+  --origam-blockquote---font-size: 1rem;
+  --origam-blockquote---font-style: normal;
+  --origam-blockquote---font-weight: 400;
+  --origam-blockquote---line-height: 1.625;
+  --origam-blockquote---color: #fafafa;
+  --origam-blockquote__accent---color: #8b5cf6;
+  --origam-blockquote__accent---width: 4px;
+  --origam-blockquote__author---color: #a3a3a3;
+  --origam-blockquote__author---font-size: 0.875rem;
+  --origam-blockquote__author---font-style: normal;
+  --origam-blockquote__author---font-weight: 500;
+  --origam-blockquote__author---margin-top: 12px;
+  --origam-blockquote__source---color: #a3a3a3;
+  --origam-blockquote__source---font-size: 0.875rem;
+  --origam-blockquote__source---font-style: italic;
+  --origam-blockquote---quote-mark-font-size: 2.25rem;
+  --origam-blockquote---quote-mark-color: #8b5cf6;
+  --origam-blockquote---quote-mark-opacity: 0.25;
+  --origam-blockquote---quote-mark-line-height: 1;
+  --origam-blockquote__quoted---glyph-size: 8rem;
+  --origam-blockquote__quoted---glyph-opacity: 0.08;
+  --origam-blockquote__quoted---glyph-offset-top: -0.1em;
+  --origam-blockquote__quoted---glyph-offset-left: -0.05em;
+  --origam-blockquote__quoted---glyph-padding-extra: 1rem;
+  --origam-blockquote__elegant---font-family: Georgia, 'Times New Roman', serif;
+  --origam-blockquote__elegant---font-size: 1.125rem;
+  --origam-blockquote__elegant---font-style: italic;
+  --origam-blockquote__elegant---line-height: 2;
+  --origam-blockquote__elegant---padding-block: 24px;
+  --origam-blockquote__minimal---font-size: 0.875rem;
+  --origam-blockquote__minimal---font-style: italic;
+  --origam-blockquote__minimal---padding-inline: 12px;
+  --origam-blockquote__pull---font-family: Georgia, 'Times New Roman', serif;
+  --origam-blockquote__pull---font-size: 1.5rem;
+  --origam-blockquote__pull---font-weight: 500;
+  --origam-blockquote__pull---line-height: 1.375;
+  --origam-blockquote__pull---padding-block: 24px;
+  --origam-blockquote__pull---rule-width: 2px;
+  --origam-video---background-color: #000000;
+  --origam-video---border-radius: 8px;
+  --origam-video__poster---background-color: #000000;
+  --origam-video---poster-btn-size: 64px;
+  --origam-video---poster-btn-background-color: #0a0a0a;
+  --origam-video---poster-btn-background-color-hover: #171717;
+  --origam-video---poster-btn-color: #ffffff;
+  --origam-video---poster-btn-font-size: 1.5rem;
+  --origam-video__controls---background-color: #0a0a0a;
+  --origam-video__controls---color: #ffffff;
+  --origam-video__controls---padding: 8px;
+  --origam-video__controls---gap: 8px;
+  --origam-video__btn---size: 32px;
+  --origam-video__btn---color: #ffffff;
+  --origam-video__btn---color-hover: #ffffff;
+  --origam-video__btn---background-color-hover: #262626;
+  --origam-video__btn---background-color-active: #404040;
+  --origam-video__btn---border-radius: 4px;
+  --origam-video__btn---font-size: 1rem;
+  --origam-video__time---color: #ffffff;
+  --origam-video__time---font-size: 0.625rem;
+  --origam-video__time---font-family: 'JetBrains Mono', 'Fira Code', monospace;
+  --origam-video__scrubber---color: #8b5cf6;
+  --origam-video__scrubber---thumb-size: 16px;
+  --origam-video__volume---color: #ffffff;
+  --origam-video__volume---width: 80px;
+  --origam-video__loading---color: #ffffff;
+  --origam-video__loading---font-size: 1.5rem;
+  --origam-video--error---background-color: #0a0a0a;
+  --origam-video--error---color: #cf6679;
+  --origam-video--error---font-size: 0.75rem;
+  --origam-video--error---gap: 8px;
+  --origam-video--error---padding: 16px;
+  --origam-video--error---icon-font-size: 1.5rem;
+  --origam-audio---background-color: #171717;
+  --origam-audio---color: #fafafa;
+  --origam-audio---accent-color: #8b5cf6;
+  --origam-audio---secondary-color: #a3a3a3;
+  --origam-audio---border-color: #262626;
+  --origam-audio---border-width: 1px;
+  --origam-audio---box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.06), 0px 1px 2px -1px rgba(0,0,0,0.06);
+  --origam-audio---border-radius: 12px;
+  --origam-audio---gap: 16px;
+  --origam-audio---padding: 16px;
+  --origam-audio__body---gap: 12px;
+  --origam-audio__metadata---gap: 4px;
+  --origam-audio__meta---gap: 8px;
+  --origam-audio__meta---font-size: 13px;
+  --origam-audio__meta---color: #a3a3a3;
+  --origam-audio__cover---size: 96px;
+  --origam-audio__cover---border-radius: 8px;
+  --origam-audio__title---color: #fafafa;
+  --origam-audio__title---font-size: 18px;
+  --origam-audio__title---font-weight: 700;
+  --origam-audio__title---line-height: 1.25;
+  --origam-audio__artist---color: #a3a3a3;
+  --origam-audio__album---color: #a3a3a3;
+  --origam-audio__duration---color: #a3a3a3;
+  --origam-audio__waveform---height: 48px;
+  --origam-audio__waveform---color: #8b5cf6;
+  --origam-audio__transport---gap: 8px;
+  --origam-audio__transport---btn-size: 32px;
+  --origam-audio__transport---btn-icon-size: 20px;
+  --origam-audio---play-btn-size: 48px;
+  --origam-audio__compact---cover-size: 48px;
+  --origam-audio__compact---body-gap: 8px;
+  --origam-audio__compact---metadata-gap: 8px;
+  --origam-audio__compact---title-font-size: 14px;
+  --origam-audio__loading---font-size: 0.75rem;
+  --origam-audio__loading---color: #a3a3a3;
+  --origam-audio--error---background-color: #171717;
+  --origam-audio--error---color: #cf6679;
+  --origam-audio--error---font-size: 0.75rem;
+  --origam-audio--error---border-radius: 4px;
+  --origam-audio--error---padding: 8px 12px;
+  --origam-audio--error---gap: 8px;
+  --origam-audio--error---icon-font-size: 1rem;
+  --origam-media-scrubber---color: #8b5cf6;
+  --origam-media-scrubber---primary: #8b5cf6;
+  --origam-media-scrubber__track---thickness: 4px;
+  --origam-media-scrubber__track---thickness-active: 6px;
+  --origam-media-scrubber__track---size: 4px;
+  --origam-media-scrubber__track---size-active: 6px;
+  --origam-media-scrubber__track---background-color: #262626;
+  --origam-media-scrubber__track---bg: #262626;
+  --origam-media-scrubber__buffer---background-color: #262626;
+  --origam-media-scrubber__buffer---bg: #262626;
+  --origam-media-scrubber__thumb---diameter: 12px;
+  --origam-media-scrubber__thumb---size: 12px;
+  --origam-media-scrubber__tooltip---background-color: #171717;
+  --origam-media-scrubber__tooltip---color: #ffffff;
+  --origam-media-controller---color: #fafafa;
+  --origam-media-controller__scrubber---color: #8b5cf6;
 }