@stacksjs/defaults 0.70.162 → 0.70.164

package/app/Actions/README.md

@@ -52,7 +52,7 @@ For help, discussion about best practices, or any other conversation that would
 
 For casual chit-chat with others using this package:
 
-[Join the Stacks Discord Server](https://discord.gg/stacksjs)
+[Join the Stacks Discord Server](https://stacksjs.com/discord)
 
 ## 📄 License
 

package/app/Commands/README.md

@@ -75,7 +75,7 @@ For help, discussion about best practices, or any other conversation that would
 
 For casual chit-chat with others using this package:
 
-[Join the Stacks Discord Server](https://discord.gg/stacksjs)
+[Join the Stacks Discord Server](https://stacksjs.com/discord)
 
 ## 📄 License
 

package/app/Jobs/README.md

@@ -70,7 +70,7 @@ For help, discussion about best practices, or any other conversation that would
 
 For casual chit-chat with others using this package:
 
-[Join the Stacks Discord Server](https://discord.gg/stacksjs)
+[Join the Stacks Discord Server](https://stacksjs.com/discord)
 
 ## 📄 License
 

package/app/Listeners/README.md

@@ -38,7 +38,7 @@ For help, discussion about best practices, or any other conversation that would
 
 For casual chit-chat with others using this package:
 
-[Join the Stacks Discord Server](https://discord.gg/stacksjs)
+[Join the Stacks Discord Server](https://stacksjs.com/discord)
 
 ## 📄 License
 

package/app/Middleware/README.md

@@ -39,7 +39,7 @@ For help, discussion about best practices, or any other conversation that would
 
 For casual chit-chat with others using this package:
 
-[Join the Stacks Discord Server](https://discord.gg/stacksjs)
+[Join the Stacks Discord Server](https://stacksjs.com/discord)
 
 ## 📄 License
 

package/app/Models/README.md

@@ -22,7 +22,7 @@ For help, discussion about best practices, or any other conversation that would
 
 For casual chit-chat with others using this package:
 
-[Join the Stacks Discord Server](https://discord.gg/stacksjs)
+[Join the Stacks Discord Server](https://stacksjs.com/discord)
 
 ## 📄 License
 

package/app/Notifications/README.md

@@ -22,7 +22,7 @@ For help, discussion about best practices, or any other conversation that would
 
 For casual chit-chat with others using this package:
 
-[Join the Stacks Discord Server](https://discord.gg/stacksjs)
+[Join the Stacks Discord Server](https://stacksjs.com/discord)
 
 ## 📄 License
 

package/app/README.md

@@ -14,7 +14,7 @@ For help, discussion about best practices, or any other conversation that would
 
 For casual chit-chat with others using this package:
 
-[Join the Stacks Discord Server](https://discord.gg/stacksjs)
+[Join the Stacks Discord Server](https://stacksjs.com/discord)
 
 ## 📄 License
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@stacksjs/defaults",
   "type": "module",
   "sideEffects": false,
-  "version": "0.70.162",
+  "version": "0.70.164",
   "description": "Default Stacks scaffold resources (views, layouts, components, preloader) — shipped so apps consuming the framework from node_modules get the same fallback resources a vendored checkout provides. Source of truth: storage/framework/defaults.",
   "author": "Chris Breuer",
   "license": "MIT",

package/resources/assets/styles/README.md

@@ -10,7 +10,7 @@ For help, discussion about best practices, or any other conversation that would
 
 For casual chit-chat with others using this package:
 
-[Join the Stacks Discord Server](https://discord.gg/stacksjs)
+[Join the Stacks Discord Server](https://stacksjs.com/discord)
 
 ## 📄 License
 

package/resources/components/Audio.stx

@@ -0,0 +1,92 @@
+<script server>
+interface AudioSource { src: string, type?: string }
+interface AudioDrm {
+  widevine?: { url: string, headers?: Record<string, string> }
+  playready?: { url: string, headers?: Record<string, string> }
+  fairplay?: { url: string, certificateUrl: string, headers?: Record<string, string> }
+}
+interface AudioTrack { src: string, kind: 'subtitles' | 'captions' | 'descriptions' | 'chapters' | 'metadata', srclang?: string, label?: string, default?: boolean }
+interface AudioProps {
+  src: string
+  sources?: AudioSource[]
+  drm?: AudioDrm
+  tracks?: AudioTrack[]
+  title?: string
+  artist?: string
+  artwork?: string
+  waveform?: string
+  controls?: boolean
+  autoplay?: boolean
+  loop?: boolean
+  muted?: boolean
+  preload?: 'none' | 'metadata' | 'auto'
+  crossorigin?: 'anonymous' | 'use-credentials'
+  class?: string
+}
+const props = defineProps<AudioProps>()
+const src = props.src || ''
+const sources = props.sources || []
+const tracks = props.tracks || []
+const title = props.title || 'Audio player'
+const artist = props.artist || ''
+const artwork = props.artwork || ''
+const waveform = props.waveform || ''
+const controls = props.controls !== false
+const preload = props.preload || 'metadata'
+const crossorigin = props.crossorigin || ''
+const className = props.class || ''
+const playerSources = (sources.length ? sources : src ? [{ src }] : []).map(source => props.drm && (source.type === 'application/dash+xml' || source.src.split(/[?#]/, 1)[0].toLowerCase().endsWith('.mpd')) ? { ...source, type: 'application/dash+xml', drm: props.drm } : source)
+const playerTracks = tracks.map(track => ({ ...track, language: track.srclang }))
+const playerConfig = JSON.stringify({ sources: playerSources, tracks: playerTracks, ...(props.drm ? { drm: props.drm } : {}) }).replaceAll('<', '\\u003c').replaceAll('>', '\\u003e').replaceAll('&', '\\u0026')
+</script>
+
+<script client>
+import { registerElements } from 'ts-video-player/elements'
+registerElements()
+</script>
+
+<figure class="m-0 overflow-hidden rounded-2xl bg-white shadow-sm ring-1 ring-stone-200 dark:bg-stone-950 dark:ring-stone-800 {{ className }}">
+  <div class="flex gap-4 items-center p-4 sm:p-5">
+    @if(artwork)
+      <img src="{{ artwork }}" alt="" width="72" height="72" loading="lazy" decoding="async" class="object-cover shrink-0 h-18 w-18 ring-1 ring-black/5 rounded-xl dark:ring-white/10">
+    @else
+      <div class="flex items-center justify-center shrink-0 h-18 w-18 text-stone-500 dark:text-stone-400 bg-stone-100 dark:bg-stone-900 rounded-xl" aria-hidden="true"><span class="h-7 w-7 i-hugeicons-music-note-01"></span></div>
+    @endif
+    <div class="flex-1 min-w-0">
+      <figcaption class="font-semibold text-sm text-stone-950 truncate dark:text-white">{{ title }}</figcaption>
+      @if(artist)<p class="mt-0.5 text-sm text-stone-500 truncate dark:text-stone-400">{{ artist }}</p>@endif
+      @if(waveform)<img src="{{ waveform }}" alt="" loading="lazy" decoding="async" class="object-cover mt-3 h-10 w-full opacity-70 dark:opacity-80">@endif
+    </div>
+  </div>
+  <div class="p-3 bg-stone-950 border-stone-100 border-t dark:border-stone-800">
+    <video-player src="{{ src }}" title="{{ title }}" data-media-config="{{ playerConfig }}" @if(controls) controls @endif @if(props.autoplay) autoplay @endif @if(props.loop) loop @endif @if(props.muted) muted @endif preload="{{ preload }}" @if(crossorigin) crossorigin="{{ crossorigin }}" keep-alive aria-label="{{ title }}" class="block overflow-hidden relative h-16 w-full text-white rounded-xl focus-within:ring-2 focus-within:ring-sky-500">
+      <media-error-display></media-error-display>
+      <audio data-native-fallback src="{{ src }}" @if(controls) controls @endif @if(props.autoplay) autoplay @endif @if(props.loop) loop @endif @if(props.muted) muted @endif preload="{{ preload }}" @if(crossorigin) crossorigin="{{ crossorigin }}" @endif aria-label="{{ title }}" class="block h-16 w-full accent-sky-500">
+        @foreach (sources as source)<source src="{{ source.src }}" @if(source.type) type="{{ source.type }}" @endif>@endforeach
+        @foreach (tracks as track)<track src="{{ track.src }}" kind="{{ track.kind }}" @if(track.srclang) srclang="{{ track.srclang }}" @endif @if(track.label) label="{{ track.label }}" @endif @if(track.default) default @endif>@endforeach
+        Your browser does not support audio playback.
+      </audio>
+      @if(controls)
+        <video-skin>
+          <media-seek-button slot="left" seconds="-10" aria-label="Back 10 seconds"></media-seek-button>
+          <media-play-button slot="left" aria-label="Play or pause"></media-play-button>
+          <media-seek-button slot="left" seconds="10" aria-label="Forward 10 seconds"></media-seek-button>
+          <media-time-group slot="center" class="font-mono tabular-nums text-xs"></media-time-group>
+          <media-progress-bar slot="center" @if(waveform) waveform="{{ waveform }}" @endif aria-label="Audio progress"></media-progress-bar>
+          <media-mute-button slot="right" aria-label="Mute or unmute"></media-mute-button>
+          <media-volume-slider slot="right" aria-label="Volume"></media-volume-slider>
+          <media-playback-rate-button slot="right" rates="0.5,0.75,1,1.25,1.5,2" aria-label="Playback speed"></media-playback-rate-button>
+          <media-settings-menu slot="right" aria-label="Audio settings"></media-settings-menu>
+          <media-airplay-button slot="right" aria-label="Play on AirPlay"></media-airplay-button>
+          <media-remote-playback-button slot="right" aria-label="Play on another device"></media-remote-playback-button>
+        </video-skin>
+      @endif
+    </video-player>
+  </div>
+</figure>
+
+<style>
+video-player:not(:defined) video-skin { display: none; }
+video-player:defined > [data-native-fallback] { display: none; }
+@media (prefers-reduced-motion: reduce) { video-player, video-player * { transition-duration: 0.01ms !important; } }
+</style>

package/resources/components/Image.stx

@@ -0,0 +1,59 @@
+<script server>
+interface ImageSource { type: string, srcset: string, media?: string }
+interface ImageProps {
+  src: string
+  alt: string
+  width?: number
+  height?: number
+  aspectRatio?: string
+  srcset?: string
+  sizes?: string
+  sources?: ImageSource[]
+  loading?: 'lazy' | 'eager'
+  decoding?: 'async' | 'sync' | 'auto'
+  fetchpriority?: 'high' | 'low' | 'auto'
+  priority?: boolean
+  decorative?: boolean
+  fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down'
+  position?: string
+  placeholder?: string
+  class?: string
+}
+const props = defineProps<ImageProps>()
+if (!props.decorative && !props.alt?.trim()) throw new TypeError('Image alt text is required unless decorative is true')
+const src = props.src || ''
+const alt = props.decorative ? '' : props.alt || ''
+const width = props.width || ''
+const height = props.height || ''
+const ratio = props.aspectRatio || (width && height ? `${width} / ${height}` : '')
+const srcset = props.srcset || ''
+const sizes = props.sizes || (srcset ? '100vw' : '')
+const sources = props.sources || []
+const loading = props.priority ? 'eager' : props.loading || 'lazy'
+const decoding = props.decoding || 'async'
+const priority = props.priority ? 'high' : props.fetchpriority || 'auto'
+const fit = props.fit || 'cover'
+const position = props.position || 'center'
+const placeholder = props.placeholder || ''
+const className = props.class || ''
+</script>
+
+<picture class="relative block overflow-hidden bg-stone-100 dark:bg-stone-900 {{ className }}" @if(ratio) style="aspect-ratio: {{ ratio }};" @endif>
+  @foreach (sources as source)
+    <source type="{{ source.type }}" srcset="{{ source.srcset }}" @if(source.media) media="{{ source.media }}" @endif @if(sizes) sizes="{{ sizes }}" @endif>
+  @endforeach
+  <img
+    src="{{ src }}"
+    alt="{{ alt }}"
+    @if(width) width="{{ width }}" @endif
+    @if(height) height="{{ height }}" @endif
+    @if(srcset) srcset="{{ srcset }}" @endif
+    @if(sizes) sizes="{{ sizes }}" @endif
+    loading="{{ loading }}"
+    decoding="{{ decoding }}"
+    fetchpriority="{{ priority }}"
+    @if(props.decorative) aria-hidden="true" @endif
+    class="h-full w-full"
+    style="object-fit: {{ fit }}; object-position: {{ position }}; @if(placeholder) background: {{ placeholder }} center / cover no-repeat; @endif"
+  >
+</picture>

package/resources/components/Video.stx

@@ -0,0 +1,108 @@
+<script server>
+interface VideoSource { src: string, type?: string }
+interface VideoDrm {
+  widevine?: { url: string, headers?: Record<string, string> }
+  playready?: { url: string, headers?: Record<string, string> }
+  fairplay?: { url: string, certificateUrl: string, headers?: Record<string, string> }
+}
+interface VideoTrack { src: string, kind: 'subtitles' | 'captions' | 'descriptions' | 'chapters' | 'metadata', srclang?: string, label?: string, default?: boolean }
+interface VideoProps {
+  src: string
+  sources?: VideoSource[]
+  drm?: VideoDrm
+  tracks?: VideoTrack[]
+  poster?: string
+  title?: string
+  width?: number
+  height?: number
+  aspectRatio?: string
+  controls?: boolean
+  autoplay?: boolean
+  loop?: boolean
+  muted?: boolean
+  playsinline?: boolean
+  preload?: 'none' | 'metadata' | 'auto'
+  crossorigin?: 'anonymous' | 'use-credentials'
+  controlslist?: string
+  disablePictureInPicture?: boolean
+  class?: string
+}
+const props = defineProps<VideoProps>()
+const src = props.src || ''
+const sources = props.sources || []
+const tracks = props.tracks || []
+const title = props.title || 'Video player'
+const poster = props.poster || ''
+const width = props.width || ''
+const height = props.height || ''
+const ratio = props.aspectRatio || (width && height ? `${width} / ${height}` : '16 / 9')
+const controls = props.controls !== false
+const inline = props.playsinline !== false
+const preload = props.preload || 'metadata'
+const crossorigin = props.crossorigin || ''
+const controlslist = props.controlslist || 'nodownload'
+const className = props.class || ''
+const playerSources = (sources.length ? sources : src ? [{ src }] : []).map(source => props.drm && (source.type === 'application/dash+xml' || source.src.split(/[?#]/, 1)[0].toLowerCase().endsWith('.mpd')) ? { ...source, type: 'application/dash+xml', drm: props.drm } : source)
+const playerTracks = tracks.map(track => ({ ...track, language: track.srclang }))
+const playerConfig = JSON.stringify({ sources: playerSources, tracks: playerTracks, ...(props.drm ? { drm: props.drm } : {}) }).replaceAll('<', '\\u003c').replaceAll('>', '\\u003e').replaceAll('&', '\\u0026')
+</script>
+
+<script client>
+import { registerElements } from 'ts-video-player/elements'
+registerElements()
+</script>
+
+<figure class="m-0 {{ className }}">
+  <video-player
+    src="{{ src }}"
+    data-media-config="{{ playerConfig }}"
+    @if(poster) poster="{{ poster }}" @endif
+    @if(controls) controls @endif
+    @if(props.autoplay) autoplay @endif
+    @if(props.loop) loop @endif
+    @if(props.muted) muted @endif
+    @if(inline) playsinline @endif
+    preload="{{ preload }}"
+    @if(crossorigin) crossorigin="{{ crossorigin }}" @endif
+    controlslist="{{ controlslist }}"
+    @if(props.disablePictureInPicture) disable-picture-in-picture @endif
+    keep-alive
+    aria-label="{{ title }}"
+    class="block overflow-hidden relative w-full bg-black ring-1 ring-black/10 rounded-2xl dark:ring-white/10 focus-within:ring-2 focus-within:ring-sky-500 shadow-sm group"
+    style="aspect-ratio: {{ ratio }};"
+  >
+    <media-error-display></media-error-display>
+    <video data-native-fallback src="{{ src }}" @if(poster) poster="{{ poster }}" @endif @if(width) width="{{ width }}" @endif @if(height) height="{{ height }}" @endif @if(controls) controls @endif @if(props.autoplay) autoplay @endif @if(props.loop) loop @endif @if(props.muted) muted @endif @if(inline) playsinline @endif preload="{{ preload }}" @if(crossorigin) crossorigin="{{ crossorigin }}" @endif controlslist="{{ controlslist }}" @if(props.disablePictureInPicture) disablepictureinpicture @endif aria-label="{{ title }}" class="object-contain h-full w-full">
+      @foreach (sources as source)
+        <source src="{{ source.src }}" @if(source.type) type="{{ source.type }}" @endif>
+      @endforeach
+      @foreach (tracks as track)
+        <track src="{{ track.src }}" kind="{{ track.kind }}" @if(track.srclang) srclang="{{ track.srclang }}" @endif @if(track.label) label="{{ track.label }}" @endif @if(track.default) default @endif>
+      @endforeach
+      Your browser does not support video playback.
+    </video>
+    <video-skin>
+      <media-seek-button slot="left" seconds="-10" aria-label="Back 10 seconds"></media-seek-button>
+      <media-play-button slot="left" aria-label="Play or pause"></media-play-button>
+      <media-seek-button slot="left" seconds="10" aria-label="Forward 10 seconds"></media-seek-button>
+      <media-live-button slot="left" aria-label="Go to live edge"></media-live-button>
+      <media-time-group slot="center" class="font-mono tabular-nums text-xs"></media-time-group>
+      <media-progress-bar slot="center" previews="metadata" aria-label="Video progress"></media-progress-bar>
+      <media-mute-button slot="right" aria-label="Mute or unmute"></media-mute-button>
+      <media-volume-slider slot="right" aria-label="Volume"></media-volume-slider>
+      <media-playback-rate-button slot="right" rates="0.5,0.75,1,1.25,1.5,2" aria-label="Playback speed"></media-playback-rate-button>
+      <media-settings-menu slot="right" aria-label="Video settings"></media-settings-menu>
+      <media-airplay-button slot="right" aria-label="Play on AirPlay"></media-airplay-button>
+      <media-remote-playback-button slot="right" aria-label="Play on another device"></media-remote-playback-button>
+      <media-pip-button slot="right" aria-label="Picture in Picture"></media-pip-button>
+      <media-fullscreen-button slot="right" aria-label="Fullscreen"></media-fullscreen-button>
+    </video-skin>
+  </video-player>
+  <figcaption class="sr-only">{{ title }}</figcaption>
+</figure>
+
+<style>
+video-player:not(:defined) video-skin { display: none; }
+video-player:defined > [data-native-fallback] { display: none; }
+@media (prefers-reduced-motion: reduce) { video-player, video-player * { transition-duration: 0.01ms !important; } }
+</style>

package/resources/components/index.ts

@@ -11,3 +11,6 @@ export { default as SidebarModern } from './Dashboard/SidebarModern.stx'
 
 // Dashboard and UI components
 export * from './Dashboard'
+export { default as Audio } from './Audio.stx'
+export { default as Image } from './Image.stx'
+export { default as Video } from './Video.stx'

package/resources/emails/subscription-confirmation.stx

@@ -68,7 +68,7 @@ const year = props.year || new Date().getFullYear()
                      · 
                     <a href="https://github.com/stacksjs/stacks" style="color: #888; text-decoration: none;">GitHub</a>
                     &nbsp;&middot;&nbsp;
-                    <a href="https://discord.gg/stacksjs" style="color: #888; text-decoration: none;">Discord</a>
+                    <a href="https://stacksjs.com/discord" style="color: #888; text-decoration: none;">Discord</a>
                   </td>
                 </tr>
               </table>

package/resources/functions/README.md

@@ -19,7 +19,7 @@ For help, discussion about best practices, or any other conversation that would
 
 For casual chit-chat with others using this package:
 
-[Join the Stacks Discord Server](https://discord.gg/stacksjs)
+[Join the Stacks Discord Server](https://stacksjs.com/discord)
 
 ## 📄 License
 

package/resources/plugins/preloader.ts

@@ -96,6 +96,29 @@ if (!isRepl && !isPostinstall) {
   // overrides while applying environment-specific file precedence. quiet: true
   // prevents duplicate logging across multiple processes.
   autoLoadEnv({ quiet: true, env: process.env.APP_ENV })
+
+  // Tell stx and ts-cloud where their state lives before anything imports them.
+  // Both keep it under `storage/` in a Stacks app rather than in a dot-directory
+  // at the project root, both take the location from their own config, and both
+  // read an environment variable ahead of that config — which is also what
+  // carries the answer into every process a command spawns. Setting it here
+  // means no boot order can leave a library writing to `.stx` / `.ts-cloud`.
+  //
+  // Guarded because this preload runs before ANY command: an app resolving
+  // `@stacksjs/path` from npm can legitimately be on a published version that
+  // predates this helper, and a bare call there throws
+  // `applyRuntimeDirectoryEnv is not a function` out of a bunfig preload,
+  // which takes down every `buddy` invocation including the `install` and
+  // `upgrade` that would fix it. Falling through leaves stx and ts-cloud on
+  // their own defaults, which is degraded but recoverable.
+  const pathPkg = '@stacksjs/' + 'path'
+  const { applyRuntimeDirectoryEnv } = await import('../../../core/path/src/index.ts')
+    .catch(() => import(pathPkg))
+
+  if (typeof applyRuntimeDirectoryEnv === 'function')
+    applyRuntimeDirectoryEnv()
+  else
+    console.warn('[stacks] installed @stacksjs/path has no applyRuntimeDirectoryEnv; stx and ts-cloud will use their default state directories. Run `buddy upgrade` to refresh the framework packages.')
 }
 
 // stx template engine plugin

package/resources/views/index.stx

@@ -325,7 +325,7 @@
           data-icon-id="discord"
           data-icon-type="link"
           data-icon-section=""
-          data-icon-url="https://discord.gg/stacksjs"
+          data-icon-url="https://stacksjs.com/discord"
           style="left: 620px; top: 260px;"
         >
           <div class="desktop-icon-image">💬</div>
@@ -1768,7 +1768,7 @@ export default {
 
         <div style="background: #e0f2ff; border: 2px solid #0284c7; padding: 12px; border-radius: 4px; font-size: 11px;">
           <strong>💡 Quick Links:</strong> For general inquiries, email us at <a href="mailto:hello@stacksjs.com" style="color: #0831d9;">hello@stacksjs.com</a>
-          <br>For support questions, visit our <a href="https://discord.gg/stacksjs" target="_blank" style="color: #0831d9;">Discord community</a>
+          <br>For support questions, visit our <a href="https://stacksjs.com/discord" target="_blank" style="color: #0831d9;">Discord community</a>
         </div>
       </div>
     </div>
@@ -2607,7 +2607,7 @@ export default {
               <div class="start-menu-item-icon">💖</div>
               <div>Sponsor</div>
             </button>
-            <button class="start-menu-item" onclick="window.open('https://discord.gg/stacksjs', '_blank')">
+            <button class="start-menu-item" onclick="window.open('https://stacksjs.com/discord', '_blank')">
               <div class="start-menu-item-icon">💬</div>
               <div>Discord</div>
             </button>
@@ -2651,7 +2651,7 @@ export default {
             <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
           </svg>
         </a>
-        <a href="https://discord.gg/stacksjs" target="_blank" class="quick-launch-icon" title="Discord">
+        <a href="https://stacksjs.com/discord" target="_blank" class="quick-launch-icon" title="Discord">
           <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
             <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z"/>
           </svg>