tjs-lang 0.6.45 → 0.7.4

package/demo/src/demo-nav.ts

@@ -10,8 +10,8 @@
 
 import { Component, elements, ElementCreator, vars, bind } from 'tosijs'
 import {
-  xinFloat,
-  XinFloat,
+  tosiFloat,
+  TosiFloat,
   markdownViewer,
   MarkdownViewer,
   icons,
@@ -76,7 +76,7 @@ export class DemoNav extends Component {
   private _docs: DocItem[] = []
   private _appState: any = null // boxed proxy from index.ts
   private _built = false
-  private floatViewer: XinFloat | null = null
+  private floatViewer: TosiFloat | null = null
   private mdViewer: MarkdownViewer | null = null
 
   // Computed example arrays from docs
@@ -495,7 +495,7 @@ export class DemoNav extends Component {
     } else {
       // Update existing viewer
       if (this.mdViewer) {
-        this.mdViewer.value = doc.text
+        this.mdViewer.value = doc.text ?? ''
       }
       // Update title
       const title = this.floatViewer.querySelector('.float-title')
@@ -538,7 +538,7 @@ export class DemoNav extends Component {
       icons.x({ size: 16 })
     )
 
-    this.floatViewer = xinFloat(
+    this.floatViewer = tosiFloat(
       {
         drag: true,
         remainOnResize: 'remain',

package/demo/src/index.ts

@@ -208,13 +208,13 @@ initAuth()
 
 // Custom bindings
 bindings.docLink = {
-  toDOM(elt: HTMLElement, filename: string) {
+  toDOM(elt: Element, filename: string) {
     elt.setAttribute('href', `?${filename}`)
   },
 }
 
 bindings.current = {
-  toDOM(elt: HTMLElement, currentFile: string) {
+  toDOM(elt: Element, currentFile: string) {
     const boundFile = elt.getAttribute('href') || ''
     elt.classList.toggle('current', currentFile === boundFile.substring(1))
   },
@@ -464,13 +464,13 @@ if (main) {
                                   deepseek: settings.deepseekKey || undefined,
                                 })
                                 // Also save to localStorage for offline use
-                                prefs.preferredProvider =
+                                prefs.preferredProvider.value =
                                   settings.preferredProvider
-                                prefs.openaiKey = settings.openaiKey
-                                prefs.anthropicKey = settings.anthropicKey
-                                prefs.geminiKey = settings.geminiKey
-                                prefs.deepseekKey = settings.deepseekKey
-                                prefs.customLlmUrl = settings.customLlmUrl
+                                prefs.openaiKey.value = settings.openaiKey
+                                prefs.anthropicKey.value = settings.anthropicKey
+                                prefs.geminiKey.value = settings.geminiKey
+                                prefs.deepseekKey.value = settings.deepseekKey
+                                prefs.customLlmUrl.value = settings.customLlmUrl
                                 savePrefs()
                               }
                             )
@@ -508,12 +508,13 @@ if (main) {
                             customLlmUrl: prefs.customLlmUrl.valueOf(),
                           },
                           (settings) => {
-                            prefs.preferredProvider = settings.preferredProvider
-                            prefs.openaiKey = settings.openaiKey
-                            prefs.anthropicKey = settings.anthropicKey
-                            prefs.geminiKey = settings.geminiKey
-                            prefs.deepseekKey = settings.deepseekKey
-                            prefs.customLlmUrl = settings.customLlmUrl
+                            prefs.preferredProvider.value =
+                              settings.preferredProvider
+                            prefs.openaiKey.value = settings.openaiKey
+                            prefs.anthropicKey.value = settings.anthropicKey
+                            prefs.geminiKey.value = settings.geminiKey
+                            prefs.deepseekKey.value = settings.deepseekKey
+                            prefs.customLlmUrl.value = settings.customLlmUrl
                             savePrefs()
                           }
                         )
@@ -537,12 +538,13 @@ if (main) {
                             customLlmUrl: prefs.customLlmUrl.valueOf(),
                           },
                           (settings) => {
-                            prefs.preferredProvider = settings.preferredProvider
-                            prefs.openaiKey = settings.openaiKey
-                            prefs.anthropicKey = settings.anthropicKey
-                            prefs.geminiKey = settings.geminiKey
-                            prefs.deepseekKey = settings.deepseekKey
-                            prefs.customLlmUrl = settings.customLlmUrl
+                            prefs.preferredProvider.value =
+                              settings.preferredProvider
+                            prefs.openaiKey.value = settings.openaiKey
+                            prefs.anthropicKey.value = settings.anthropicKey
+                            prefs.geminiKey.value = settings.geminiKey
+                            prefs.deepseekKey.value = settings.deepseekKey
+                            prefs.customLlmUrl.value = settings.customLlmUrl
                             savePrefs()
                           }
                         )
@@ -563,7 +565,7 @@ if (main) {
                       caption: 'System',
                       checked: () => prefs.theme.valueOf() === 'system',
                       action: () => {
-                        prefs.theme = 'system'
+                        prefs.theme.value = 'system'
                         savePrefs()
                       },
                     },
@@ -571,7 +573,7 @@ if (main) {
                       caption: 'Dark',
                       checked: () => prefs.theme.valueOf() === 'dark',
                       action: () => {
-                        prefs.theme = 'dark'
+                        prefs.theme.value = 'dark'
                         savePrefs()
                       },
                     },
@@ -579,7 +581,7 @@ if (main) {
                       caption: 'Light',
                       checked: () => prefs.theme.valueOf() === 'light',
                       action: () => {
-                        prefs.theme = 'light'
+                        prefs.theme.value = 'light'
                         savePrefs()
                       },
                     },
@@ -588,7 +590,7 @@ if (main) {
                       caption: 'High Contrast',
                       checked: () => prefs.highContrast.valueOf(),
                       action: () => {
-                        prefs.highContrast = !prefs.highContrast.valueOf()
+                        prefs.highContrast.value = !prefs.highContrast.valueOf()
                         savePrefs()
                       },
                     },
@@ -712,18 +714,8 @@ if (main) {
           // Load example when selected
           bind(pg, 'app.currentExample', {
             toDOM(element: Playground, example: any) {
-              if (
-                example &&
-                app.currentView.valueOf() === 'ajs' &&
-                element.editor
-              ) {
-                element.editor.dispatch({
-                  changes: {
-                    from: 0,
-                    to: element.editor.state.doc.length,
-                    insert: example.code,
-                  },
-                })
+              if (example && app.currentView.valueOf() === 'ajs') {
+                element.setCode(example.code)
               }
             },
           })

package/demo/src/module-sw.ts

@@ -122,7 +122,7 @@ self.addEventListener('message', (event: MessageEvent) => {
 })
 
 // TypeScript declarations for service worker globals
-declare const self: ServiceWorkerGlobalScope
+declare const self: any // ServiceWorkerGlobalScope (webworker lib not available)
 interface ExtendableEvent extends Event {
   waitUntil(promise: Promise<any>): void
 }

package/demo/src/playground-shared.ts

@@ -272,14 +272,16 @@ export function renderTestResults(
   const passed = tests.filter((t: any) => t.passed).length
   const failed = tests.filter((t: any) => !t.passed).length
 
-  // Set gutter markers for failed tests
-  const failedTests = tests.filter((t: any) => !t.passed && t.line)
-  if (failedTests.length > 0) {
+  // Set gutter markers for ALL tests (pass and fail)
+  const testsWithLines = tests.filter((t: any) => t.line)
+  if (testsWithLines.length > 0) {
     editor.setMarkers(
-      failedTests.map((t: any) => ({
+      testsWithLines.map((t: any) => ({
         line: t.line,
-        message: t.error || t.description,
-        severity: 'error' as const,
+        message: t.passed
+          ? `✓ ${t.description}`
+          : `✗ ${t.description}: ${t.error || 'failed'}`,
+        severity: t.passed ? ('info' as const) : ('error' as const),
       }))
     )
   } else {
@@ -300,11 +302,10 @@ export function renderTestResults(
       ? ' <span class="sig-badge">signature</span>'
       : ''
     const dataLine = test.line ? ` data-line="${test.line}"` : ''
-    html += `<li class="${cls}"${dataLine}>${icon} ${test.description}${sigBadge}`
+    const clickable = test.line ? ' clickable-test' : ''
+    html += `<li class="${cls}${clickable}"${dataLine}>${icon} ${test.description}${sigBadge}`
     if (!test.passed && test.error) {
-      html += `<div class="test-error${
-        test.line ? ' clickable-error' : ''
-      }"${dataLine}>${test.error}</div>`
+      html += `<div class="test-error">${test.error}</div>`
     }
     html += `</li>`
   }
@@ -312,8 +313,8 @@ export function renderTestResults(
 
   outputEl.innerHTML = html
 
-  // Add click handlers for clickable errors
-  outputEl.querySelectorAll('.clickable-error').forEach((el) => {
+  // Add click handlers — any test with a line number is clickable
+  outputEl.querySelectorAll('.clickable-test').forEach((el) => {
     el.addEventListener('click', (e) => {
       const line = parseInt(
         (e.currentTarget as HTMLElement).dataset.line || '0',
@@ -587,14 +588,13 @@ export const sharedPlaygroundStyles: Record<string, Record<string, string>> = {
     fontFamily: 'var(--font-mono, monospace)',
   },
 
-  ':host .clickable-error': {
+  ':host .clickable-test': {
     cursor: 'pointer',
-    textDecoration: 'underline',
-    textDecorationStyle: 'dotted',
   },
 
-  ':host .clickable-error:hover': {
-    background: 'rgba(220, 38, 38, 0.2)',
+  ':host .clickable-test:hover': {
+    textDecoration: 'underline',
+    textDecorationStyle: 'dotted',
   },
 
   ':host .sig-badge': {

package/demo/src/playground.ts

@@ -3,6 +3,7 @@
  */
 
 import { elements, Component, PartsMap } from 'tosijs'
+import type { XinStyleSheet } from 'tosijs'
 
 import { icons } from 'tosijs-ui'
 
@@ -104,7 +105,7 @@ export class Playground extends Component<PlaygroundParts> {
 
   // Use Shadow DOM styles (static styleSpec)
   // CSS variables for theming
-  static styleSpec = {
+  static styleSpec: XinStyleSheet = {
     ':host': {
       display: 'block',
       height: '100%',
@@ -938,6 +939,17 @@ export class Playground extends Component<PlaygroundParts> {
     this.isRunning = false
   }
 
+  setCode(code: string) {
+    if (!this.editor) return
+    this.editor.dispatch({
+      changes: {
+        from: 0,
+        to: this.editor.state.doc.length,
+        insert: code,
+      },
+    })
+  }
+
   render() {
     super.render()
   }

package/demo/src/style.ts

@@ -24,7 +24,8 @@ export const styleSpec = {
     _fontMono: "'SF Mono', Monaco, 'Cascadia Code', Consolas, monospace",
     _fontSize: '15px',
     _lineHeight: '1.6',
-    _xinTabsSelectedColor: vars.brandColor,
+    _xinTabsSelectedColor: '#3ea9f5',
+    _tosiTabsSelectedColor: '#3ea9f5',
     // Light mode colors
     _background: '#ffffff',
     _textColor: '#1f2937',
@@ -41,6 +42,8 @@ export const styleSpec = {
     _codeBorder: '#374151',
     _linkColor: '#818cf8',
     // tosi-tabs uses these
+    _tosiTabsSelectedColor: '#3ea9f5',
+    _xinTabsSelectedColor: '#3ea9f5',
     _tosiTabsBarColor: '#374151',
   },
 

package/demo/src/tjs-playground.ts

@@ -1232,8 +1232,8 @@ export class TJSPlayground extends Component<TJSPlaygroundParts> {
       return
     }
 
-    // Show JS output immediately after successful transpilation
-    this.parts.outputTabs.value = 0 // JS is first tab (index 0)
+    // Show Docs tab by default; Preview tab takes over if DOM content appears
+    this.parts.outputTabs.value = 3 // Docs (index 3)
 
     this.parts.statusBar.textContent = 'Running...'
 
@@ -1241,14 +1241,14 @@ export class TJSPlayground extends Component<TJSPlaygroundParts> {
       // Log WASM compilation results (WASM is now compiled at transpile time)
       const wasmCompiled = this.lastTranspileResult.wasmCompiled
       if (wasmCompiled && wasmCompiled.length > 0) {
-        const success = wasmCompiled.filter((w) => w.success).length
-        const failed = wasmCompiled.filter((w) => !w.success).length
+        const success = wasmCompiled.filter((w: any) => w.success).length
+        const failed = wasmCompiled.filter((w: any) => !w.success).length
         if (success > 0) {
           this.log(`WASM: ${success} block(s) compiled at transpile time`)
         }
         if (failed > 0) {
           this.log(`WASM: ${failed} failed (using JS fallback)`)
-          for (const w of wasmCompiled.filter((w) => !w.success)) {
+          for (const w of wasmCompiled.filter((w: any) => !w.success)) {
             this.log(`  ${w.id}: ${w.error}`)
           }
         }

package/demo/src/user-store.ts

@@ -77,7 +77,7 @@ async function encrypt(plaintext: string, keyBase64: string): Promise<string> {
   combined.set(iv)
   combined.set(new Uint8Array(ciphertext), iv.length)
 
-  return bufferToBase64(combined)
+  return bufferToBase64(combined.buffer)
 }
 
 async function decrypt(
@@ -129,6 +129,7 @@ export interface UserDoc {
   apiKeys: {
     openai?: string
     anthropic?: string
+    gemini?: string
     deepseek?: string
   }
   created: number

package/demo/static/favicon.svg

@@ -1,30 +1,23 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg x="0pt" y="0pt" width="48pt" height="48pt" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg x="0px" y="0px" width="48px" height="48px" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <!--Generated by AMDN-->
-  <g id="Layer_1">
-    <g id="Layer_1-1">
-      <g id="Layer_1_1">
-        <g id="Group">
-          <path id="Path" style="fill:#ff1c24;fill-opacity:1;fill-rule:evenodd;opacity:1;stroke:none;" d="M1,9 C1,4.58172,4.58172,1,9,1 C9,1,39,1,39,1 C43.4183,1,47,4.58172,47,9 C47,9,47,39,47,39 C47,43.4183,43.4183,47,39,47 C39,47,9,47,9,47 C4.58172,47,1,43.4183,1,39 C1,39,1,9,1,9 z"/>
-          <g id="Group_1">
-            <path id="Path_1" style="fill:#9e9e9e;fill-opacity:1;fill-rule:nonzero;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M16,29 C16,29,10,31,10,35 C10,39,16,39,16,39"/>
-            <path id="Path_Copy" style="fill:#9e9e9e;fill-opacity:1;fill-rule:nonzero;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M32.0002,29 C32.0002,29,38.0002,31,38.0002,35 C38.0002,39,32.0002,39,32.0002,39"/>
-            <path id="Path_2" style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M9,10.1818 C9,7.87226,10.7909,6,13,6 C13,6,35,6,35,6 C37.2091,6,39,7.87226,39,10.1818 C39,10.1818,39,24.8182,39,24.8182 C39,27.1277,37.2091,29,35,29 C35,29,13,29,13,29 C10.7909,29,9,27.1277,9,24.8182 C9,24.8182,9,10.1818,9,10.1818 z"/>
-            <path id="Path_3" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M24,11 C24,11,24,23,24,23"/>
-            <path id="Path_4" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M28,15 C28,15,28,17,28,17"/>
-            <path id="Path_Copy_1" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M20,15 C20,15,20,17,20,17"/>
-            <path id="Path_5" style="fill:none;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M32,43 C32,43,30,41,30,41 C30,41,28,43,28,43"/>
-            <path id="Path_Copy_2" style="fill:none;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M20,43 C20,43,18,41,18,41 C18,41,16,43,16,43"/>
-            <path id="Path_6" style="fill:#e4e4e4;fill-opacity:1;fill-rule:evenodd;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M16,29 C16,29,32,29,32,29 C32,29,32,39,32,39 C32,39,16,39,16,39 C16,39,16,29,16,29 z"/>
-          </g>
-        </g>
+  <g id="Layer 1">
+    <g id="Group">
+      <g id="Group">
+        <path id="Path 17" style="fill:#3ea9f5;fill-opacity:1;fill-rule:evenodd;opacity:1;stroke:none;" d="M23.9725,47 C23.9725,47,39,47,39,47 C43.4183,47,47,43.4183,47,39 C47,39,47,9,47,9 C47,4.58172,43.4183,1,39,1 C39,1,9,1,9,1 C4.58172,1,1,4.58172,1,9 C1,9,1,39,1,39 C1,41.6412,2.27995,43.9835,4.25342,45.4404 C4.08812,44.8215,4,44.171,4,43.5 C4,39.3579,7.35786,36,11.5,36 C15.1444,36,18.1817,38.5994,18.859,42.0453 C19.0684,42.0154,19.2824,42,19.5,42 C21.9853,42,24,44.0147,24,46.5 C24,46.669,23.9907,46.8358,23.9725,47 z"/>
+        <path id="Path 18" style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;opacity:1;stroke:none;" d="M4.25342,45.4404 C4.08812,44.8215,4,44.171,4,43.5 C4,39.3579,7.35786,36,11.5,36 C15.1444,36,18.1817,38.5994,18.859,42.0453 C19.0684,42.0154,19.2824,42,19.5,42 C21.9853,42,24,44.0147,24,46.5 C24,46.669,23.9907,46.8358,23.9725,47 C23.9725,47,9,47,9,47 C7.22294,47,5.58121,46.4206,4.25342,45.4404 z"/>
+      </g>
+      <path id="Path" style="fill:none;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M35,35 C35,35,32.1716,35,32.1716,35 C32.1716,35,32.1716,37.8284,32.1716,37.8284"/>
+      <path id="Path Copy" style="fill:none;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M31,39 C31,39,28.1716,39,28.1716,39 C28.1716,39,28.1716,41.8284,28.1716,41.8284"/>
+      <path id="Path Copy" style="fill:#9e9e9e;fill-opacity:1;fill-rule:nonzero;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M7.48047,16 C4.45369,16,2,18.4537,2,21.4805 C2,21.4805,2,21.4805,2,21.4805 C2,23.9765,4.02346,26,6.51953,26 C6.51953,26,6.61997,26,6.61997,26 C7.38213,26,8,26.6179,8,27.38 C8,27.38,8,27.38,8,27.38 C8,29.9316,10.0684,32,12.62,32 C12.62,32,16,32,16,32 C18.5834,32,20.6777,29.9057,20.6777,27.3223 C20.6777,27.3223,20.6777,21.4215,20.6777,21.4215 C20.6777,18.4273,18.2504,16,15.2561,16 C15.2561,16,7.48047,16,7.48047,16 z"/>
+      <path id="Path" style="fill:#e4e4e4;fill-opacity:1;fill-rule:evenodd;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M17,29 C17,29,33,29,33,29 C33,29,33,29,33,29 C33,34.5228,28.5228,39,23,39 C23,39,23,39,23,39 C19.6863,39,17,36.3137,17,33 C17,33,17,29,17,29 z"/>
+      <path id="Path Copy" style="fill:#9e9e9e;fill-opacity:1;fill-rule:nonzero;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M40.5195,16 C43.5463,16,46,18.4537,46,21.4805 C46,21.4805,46,21.4805,46,21.4805 C46,23.9765,43.9765,26,41.4805,26 C41.4805,26,41.38,26,41.38,26 C40.6179,26,40,26.6179,40,27.38 C40,27.38,40,27.38,40,27.38 C40,29.9316,37.9316,32,35.38,32 C35.38,32,32,32,32,32 C29.4166,32,27.3223,29.9057,27.3223,27.3223 C27.3223,27.3223,27.3223,21.4215,27.3223,21.4215 C27.3223,18.4273,29.7496,16,32.7439,16 C32.7439,16,40.5195,16,40.5195,16 z"/>
+      <g id="Group">
+        <path id="Path" style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M6,10.1818 C6,7.87226,7.79086,6,10,6 C10,6,32,6,32,6 C34.2091,6,36,7.87226,36,10.1818 C36,10.1818,36,24.8182,36,24.8182 C36,27.1277,34.2091,29,32,29 C32,29,10,29,10,29 C7.79086,29,6,27.1277,6,24.8182 C6,24.8182,6,10.1818,6,10.1818 z"/>
+        <path id="Path" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M21,11 C21,11,21,23,21,23"/>
+        <path id="Path" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M25,15 C25,15,25,17,25,17"/>
+        <path id="Path Copy" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M17,15 C17,15,17,17,17,17"/>
       </g>
     </g>
-    <path id="Path-1" style="fill:#006736;fill-opacity:1;fill-rule:evenodd;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M27,16 C27,16,34,16,34,16 C34,16,34,21,34,21 C34,21,27,21,27,21 C27,21,27,16,27,16 z"/>
-    <path id="Path-2" style="fill:none;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M21,18 C21,18,21,18,21,18 C21,16.8954,21.8954,16,23,16 C23,16,25,16,25,16 C26.1046,16,27,16.8954,27,18 C27,18,27,18,27,18"/>
-    <path id="Path_Copy-1" style="fill:#006736;fill-opacity:1;fill-rule:evenodd;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M14,16 C14,16,21,16,21,16 C21,16,21,21,21,21 C21,21,14,21,14,21 C14,21,14,16,14,16 z"/>
-    <path id="Path_Copy-2" style="fill:#8e7f6d;fill-opacity:1;fill-rule:nonzero;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M7,17 C7,17,12,16,12,16 C12,16,13,21,13,21 C13,21,16,20,16,20 C16,20,25,27,25,27 C25,27,25,39,25,39 C25,39,23,41,23,41 C23,41,6,41,6,41 C6,41,6,23,6,23 C6,23,8,22,8,22 C8,22,7,17,7,17 z"/>
-    <path id="Compound_Group" style="fill:#c6b199;fill-opacity:1;fill-rule:evenodd;opacity:1;stroke:#000000;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M21.7198,23.9799 C21.7198,23.9799,30.1325,25.1948,30.1325,25.1948 C30.9524,25.3132,31.5211,26.0738,31.4027,26.8938 C31.4027,26.8938,29.9734,36.7911,29.9734,36.7911 C29.855,37.611,29.0944,38.1797,28.2744,38.0613 C28.2744,38.0613,12.4387,35.7744,12.4387,35.7744 C11.6188,35.656,11.0501,34.8954,11.1685,34.0754 C11.1685,34.0754,12.7407,23.1884,12.7407,23.1884 C12.7407,23.1884,13.0266,21.2089,13.0266,21.2089 C13.145,20.389,13.9056,19.8203,14.7256,19.9387 C14.7256,19.9387,20.664,20.7963,20.664,20.7963 C21.4839,20.9147,22.0526,21.6754,21.9342,22.4953 C21.9342,22.4953,21.7198,23.9799,21.7198,23.9799 z"/>
-    <path id="Path-3" style="fill:#8e7f6d;fill-opacity:1;fill-rule:nonzero;opacity:1;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-width:2;" d="M41,17 C41,17,36,16,36,16 C36,16,35,21,35,21 C35,21,32,20,32,20 C32,20,23,27,23,27 C23,27,23,39,23,39 C23,39,25,41,25,41 C25,41,42,41,42,41 C42,41,42,23,42,23 C42,23,40,22,40,22 C40,22,41,17,41,17 z"/>
   </g>
 </svg>