@happyvertical/smrt-messages 0.34.5 → 0.34.7

package/dist/manifest.json

@@ -1,8 +1,8 @@
 {
   "version": "1.0.0",
-  "timestamp": 1782261256603,
+  "timestamp": 1782290123485,
   "packageName": "@happyvertical/smrt-messages",
-  "packageVersion": "0.34.5",
+  "packageVersion": "0.34.7",
   "objects": {
     "@happyvertical/smrt-messages:AccountCollection": {
       "name": "accountcollection",

package/dist/smrt-knowledge.json

@@ -1,13 +1,13 @@
 {
   "schemaVersion": 1,
-  "generatedAt": "2026-06-24T00:34:17.992Z",
+  "generatedAt": "2026-06-24T08:35:23.962Z",
   "packageName": "@happyvertical/smrt-messages",
-  "packageVersion": "0.34.5",
+  "packageVersion": "0.34.7",
   "sourceManifestPath": "dist/manifest.json",
   "agentDocPath": "AGENTS.md",
   "sourceHashes": {
-    "manifest": "037dffc41f063fc3dbe896dbcbcbe5f8074af5777dbdb5bf2216f91df7273106",
-    "packageJson": "db17137f6ce1821a78b18f29d654e6485266fe906e4d53eea1a15e4e53a1d773",
+    "manifest": "b04155056eca2221ce9e7a3f2fcc2177b71deb6895a44888b1d4a8a5a54b820b",
+    "packageJson": "e975d74552f6fc6f75ea081adbeb86da80d5d9927acd94950c09fdc04fd6fd03",
     "agents": "32563a30ceeb21bd8732042f894e2a148fd83727caffc1eec7c97540005c6fdc"
   },
   "exports": [

package/dist/svelte/components/AccountCard.svelte

@@ -2,7 +2,7 @@
 /**
  * AccountCard - Individual account card with status and actions
  */
-import { Card } from '@happyvertical/smrt-ui/ui';
+import { Button, Card } from '@happyvertical/smrt-ui/ui';
 import type { AccountData } from '../types.js';
 import AccountAvatar from './AccountAvatar.svelte';
 
@@ -51,24 +51,24 @@ const _lastSyncFormatted = $derived.by(() => {
 
     <div class="actions">
       {#if onsync && account.isActive}
-        <button class="action-btn" type="button" onclick={() => onsync?.(account)}>
+        <Button variant="ghost" size="sm" class="action-btn" onclick={() => onsync?.(account)}>
           Sync
-        </button>
+        </Button>
       {/if}
       {#if account.isActive && ondeactivate}
-        <button class="action-btn" type="button" onclick={() => ondeactivate?.(account)}>
+        <Button variant="ghost" size="sm" class="action-btn" onclick={() => ondeactivate?.(account)}>
           Deactivate
-        </button>
+        </Button>
       {/if}
       {#if !account.isActive && onactivate}
-        <button class="action-btn" type="button" onclick={() => onactivate?.(account)}>
+        <Button variant="ghost" size="sm" class="action-btn" onclick={() => onactivate?.(account)}>
           Activate
-        </button>
+        </Button>
       {/if}
       {#if onremove}
-        <button class="action-btn action-btn--danger" type="button" onclick={() => onremove?.(account)}>
+        <Button variant="ghost" size="sm" class="action-btn action-btn--danger" onclick={() => onremove?.(account)}>
           Remove
-        </button>
+        </Button>
       {/if}
     </div>
   </div>
@@ -152,21 +152,30 @@ const _lastSyncFormatted = $derived.by(() => {
     gap: 0.375rem;
   }
 
-  .action-btn {
+  /*
+   * The action buttons now render through smrt-ui's <Button variant="ghost">.
+   * Svelte scopes `.action-btn` to this component, but the <button> is emitted
+   * inside the Button child, so a plain `.action-btn {}` rule would not match —
+   * `.actions :global(.action-btn)` anchors on `.actions` (a real element here)
+   * and pierces into the child (issue #1589). These overrides keep the original
+   * outlined-surface look (border/radius/color); the modifier class is
+   * `action-btn--danger`, NOT `danger`, so it never collides with Button's own
+   * `.danger` variant class.
+   */
+  .actions :global(.action-btn) {
     padding: 0.375rem 0.75rem;
     border: 1px solid var(--smrt-color-outline, #72787e);
     border-radius: var(--smrt-radius-small, 0.25rem);
     background: var(--smrt-color-surface, #fefbff);
     color: var(--smrt-color-on-surface, #1a1c1e);
     font: var(--smrt-typography-label-medium-font, 500 0.75rem / 1.33 sans-serif);
-    cursor: pointer;
   }
 
-  .action-btn:hover {
+  .actions :global(.action-btn):hover {
     background: var(--smrt-color-surface-variant, #e1e2ec);
   }
 
-  .action-btn--danger {
+  .actions :global(.action-btn--danger) {
     color: var(--smrt-color-error, #ba1a1a);
     border-color: var(--smrt-color-error, #ba1a1a);
   }

package/dist/svelte/components/AttachmentChip.svelte

@@ -2,6 +2,7 @@
 /**
  * AttachmentChip - File chip with icon, name, and size
  */
+import { Button } from '@happyvertical/smrt-ui/ui';
 import type { AttachmentData } from '../types.js';
 
 export interface Props {
@@ -33,16 +34,16 @@ const _formattedSize = $derived.by(() => {
 </script>
 
 {#if onclick}
-  <button
-    class="chip"
-    type="button"
+  <Button
+    variant="ghost"
+    class="chip chip--button"
     onclick={() => onclick?.(attachment)}
     title={`${attachment.filename} (${_formattedSize})`}
   >
     <span class="icon">{_icon}</span>
     <span class="name">{attachment.filename}</span>
     <span class="size">{_formattedSize}</span>
-  </button>
+  </Button>
 {:else}
   <span class="chip" title={`${attachment.filename} (${_formattedSize})`}>
     <span class="icon">{_icon}</span>
@@ -66,16 +67,34 @@ const _formattedSize = $derived.by(() => {
     max-width: 200px;
   }
 
-  button.chip {
+  /*
+   * The interactive chip now renders through smrt-ui's <Button variant="ghost">.
+   * The <button> is emitted inside the Button child carrying Button's scope hash,
+   * so the local `.chip` rule above no longer reaches it. `:global(.chip--button)`
+   * pierces that scope to give the button the same chip styling plus the
+   * pressable affordances; `chip--button` is a non-colliding modifier (issue
+   * #1589). The non-interactive `<span class="chip">` branch still uses the
+   * scoped `.chip` rule above.
+   */
+  :global(.chip.chip--button) {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.375rem;
+    padding: 0.25rem 0.625rem;
+    border-radius: var(--smrt-radius-small, 0.25rem);
+    background: var(--smrt-color-surface-variant, #e1e2ec);
+    color: var(--smrt-color-on-surface-variant, #43474e);
+    font: var(--smrt-typography-label-medium-font, 500 0.75rem / 1.33 sans-serif);
     cursor: pointer;
+    max-width: 200px;
     transition: background var(--smrt-duration-short2, 150ms) var(--smrt-easing-standard, ease);
   }
 
-  button.chip:hover {
+  :global(.chip.chip--button):hover {
     background: color-mix(in srgb, var(--smrt-color-surface-variant, #e1e2ec) 92%, var(--smrt-color-shadow, #000));
   }
 
-  button.chip:focus-visible {
+  :global(.chip.chip--button):focus-visible {
     outline: 2px solid var(--smrt-color-primary, #005ac1);
     outline-offset: 1px;
   }

package/dist/svelte/components/AttachmentChip.svelte.d.ts

@@ -1,6 +1,3 @@
-/**
- * AttachmentChip - File chip with icon, name, and size
- */
 import type { AttachmentData } from '../types.js';
 export interface Props {
     attachment: AttachmentData;

package/dist/svelte/components/AttachmentChip.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentChip.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/AttachmentChip.svelte.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,cAAc,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,IAAI,CAAC;CAChD;AA+CD,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"AttachmentChip.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/AttachmentChip.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,cAAc,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,IAAI,CAAC;CAChD;AAgDD,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/svelte/components/AttachmentUpload.svelte

@@ -11,6 +11,7 @@ export interface Props {
 
 <script lang="ts">
   import { useI18n } from '@happyvertical/smrt-ui/i18n';
+  import { Button } from '@happyvertical/smrt-ui/ui';
   import { M } from '../i18n.js';
 
   const { t } = useI18n();
@@ -59,11 +60,12 @@ export interface Props {
         <div class="attachment-item">
           <span class="filename">{attachment.filename}</span>
           <span class="size">{formatSize(attachment.size)}</span>
-          <button
+          <Button
+            variant="ghost"
+            size="sm"
             class="remove"
             onclick={() => onremove?.(i)}
-            type="button"
-          >×</button>
+          >×</Button>
         </div>
       {/each}
     </div>
@@ -78,11 +80,12 @@ export interface Props {
     ondragleave={handleDragLeave}
   >
     <label class="upload-label">
+      <!-- raw-primitive-allow: native file input — the Input primitive binds value, which is invalid for type=file (throws InvalidStateError on the bind write-back) and renders a visible control; this hidden picker behind the drop zone stays native -->
       <input
         type="file"
         multiple
         class="file-input"
-        onchange={(e) => handleFiles((e.target as HTMLInputElement).files)}
+        onchange={(e) => handleFiles((e.currentTarget as HTMLInputElement).files)}
       />
       <span class="upload-text">{t(M['messages.attachment_upload.drop_files'])}</span>
     </label>
@@ -122,10 +125,15 @@ export interface Props {
     font-size: var(--smrt-typography-label-small-size, 11px);
   }
 
-  .remove {
+  /*
+   * The remove button now renders through smrt-ui's <Button variant="ghost">.
+   * The <button> lives inside the Button child, so `.attachment-item :global(.remove)`
+   * anchors on the real `.attachment-item` element and pierces the child scope to
+   * keep the compact error-colored icon styling (issue #1589).
+   */
+  .attachment-item :global(.remove) {
     background: none;
     border: none;
-    cursor: pointer;
     padding: 0 var(--smrt-spacing-1, 4px);
     color: var(--smrt-color-error, #ba1a1a);
     font-size: var(--smrt-typography-label-large-size, 14px);
@@ -148,7 +156,11 @@ export interface Props {
     cursor: pointer;
   }
 
-  .file-input {
+  /*
+   * The native file input stays visually hidden — the visible affordance is the
+   * `.upload-text` label inside the styled drop-zone (issue #1589).
+   */
+  .upload-label .file-input {
     display: none;
   }
 

package/dist/svelte/components/AttachmentUpload.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentUpload.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/AttachmentUpload.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,WAAW,KAAK;IACpB,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AA6ED,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"AttachmentUpload.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/AttachmentUpload.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,WAAW,KAAK;IACpB,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAgFD,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/svelte/components/ComposeForm.svelte

@@ -18,6 +18,8 @@ export interface Props {
 
 <script lang="ts">
   import { useI18n } from '@happyvertical/smrt-ui/i18n';
+  import { Form, Input, Select, Textarea } from '@happyvertical/smrt-ui/forms';
+  import { Button } from '@happyvertical/smrt-ui/ui';
   import { M } from '../i18n.js';
   import RecipientInput from './RecipientInput.svelte';
   import AttachmentUpload from './AttachmentUpload.svelte';
@@ -137,11 +139,12 @@ export interface Props {
   }
 </script>
 
-<form class="compose-form" onsubmit={(e) => { e.preventDefault(); handleSend(); }}>
+<div class="compose-form-shell">
+<Form class="compose-form" onsubmit={handleSend}>
   {#if accounts.length > 1}
     <div class="field">
       <label class="field-label" for="compose-account">From</label>
-      <select
+      <Select
         id="compose-account"
         class="select"
         bind:value={accountId}
@@ -152,7 +155,7 @@ export interface Props {
             {account.name}{account.email ? ` <${account.email}>` : ''}
           </option>
         {/each}
-      </select>
+      </Select>
     </div>
   {/if}
 
@@ -182,17 +185,17 @@ export interface Props {
     {#if !showCc || !showBcc}
       <div class="cc-toggles">
         {#if !showCc}
-          <button type="button" class="link-btn" onclick={() => showCc = true}>Cc</button>
+          <Button variant="ghost" size="sm" class="link-btn" onclick={() => showCc = true}>Cc</Button>
         {/if}
         {#if !showBcc}
-          <button type="button" class="link-btn" onclick={() => showBcc = true}>Bcc</button>
+          <Button variant="ghost" size="sm" class="link-btn" onclick={() => showBcc = true}>Bcc</Button>
         {/if}
       </div>
     {/if}
 
     <div class="field">
       <label class="field-label" for="compose-subject">Subject</label>
-      <input
+      <Input
         id="compose-subject"
         type="text"
         class="text-input"
@@ -204,7 +207,7 @@ export interface Props {
   {:else if type === 'slack'}
     <div class="field">
       <label class="field-label" for="compose-channel">Channel</label>
-      <input
+      <Input
         id="compose-channel"
         type="text"
         class="text-input"
@@ -216,13 +219,12 @@ export interface Props {
   {/if}
 
   <div class="body-field">
-    <textarea
-      class="body-input"
+    <Textarea
       bind:value={body}
       oninput={markDirty}
       placeholder={type === 'tweet' ? "What's happening?" : 'Write your message...'}
       rows={type === 'tweet' ? 4 : 10}
-    ></textarea>
+    />
     {#if type === 'tweet'}
       <div class="char-count" class:over-limit={isOverLimit}>
         {charCount}/280
@@ -259,24 +261,31 @@ export interface Props {
   {/if}
 
   <div class="actions">
-    <button
+    <Button
       type="submit"
-      class="btn-primary"
+      variant="primary"
       disabled={isSending || isOverLimit}
     >
       {isSending ? 'Sending...' : 'Send'}
-    </button>
-    <button type="button" class="btn-secondary" onclick={handleSaveDraft}>
+    </Button>
+    <Button variant="secondary" onclick={handleSaveDraft}>
       {t(M['messages.compose_form.save_draft'])}
-    </button>
-    <button type="button" class="btn-text" onclick={() => ondiscard?.()}>
+    </Button>
+    <Button variant="ghost" class="btn-text" onclick={() => ondiscard?.()}>
       Discard
-    </button>
+    </Button>
   </div>
-</form>
+</Form>
+</div>
 
 <style>
-  .compose-form {
+  /*
+   * The form now renders through smrt-ui's <Form> (Provider-free base `<form>`).
+   * `class="compose-form"` lands on the real `<form>` inside the Form child, so
+   * `.compose-form-shell :global(.compose-form)` anchors on the wrapper and
+   * pierces the child scope to keep the column layout / padding (issue #1589).
+   */
+  .compose-form-shell :global(.compose-form) {
     display: flex;
     flex-direction: column;
     gap: var(--smrt-spacing-2, 8px);
@@ -298,11 +307,22 @@ export interface Props {
     min-width: 56px;
   }
 
-  .select,
-  .text-input {
+  /*
+   * The From <Select> and Subject/Channel <Input>s now render through smrt-ui's
+   * form primitives. These are naked, borderless inline fields that sit on the
+   * `.field` row's bottom-border, so `.field :global(.select)` /
+   * `.field :global(.text-input)` pierce the child scopes to strip the
+   * primitives' border / background / focus box-shadow and restore the flush
+   * inline look. `appearance: auto` brings back the Select's native arrow (the
+   * primitive paints a chevron on its own background, which we've cleared) —
+   * issue #1589.
+   */
+  .field :global(.select),
+  .field :global(.text-input) {
     flex: 1;
     border: none;
     outline: none;
+    box-shadow: none;
     font-family: inherit;
     font-size: var(--smrt-typography-body-medium-size, 14px);
     padding: var(--smrt-spacing-2, 8px) 0;
@@ -310,16 +330,32 @@ export interface Props {
     color: var(--smrt-color-on-surface, #1c1b1f);
   }
 
+  .field :global(.select) {
+    appearance: auto;
+    cursor: pointer;
+  }
+
+  .field :global(.select):focus,
+  .field :global(.text-input):focus {
+    border: none;
+    box-shadow: none;
+  }
+
   .cc-toggles {
     display: flex;
     gap: var(--smrt-spacing-2, 8px);
     justify-content: flex-end;
   }
 
-  .link-btn {
+  /*
+   * The Cc/Bcc toggles now render through smrt-ui's <Button variant="ghost">.
+   * `.cc-toggles :global(.link-btn)` anchors on the real `.cc-toggles` element
+   * and pierces the Button child scope to keep the underlined text-link look
+   * (issue #1589).
+   */
+  .cc-toggles :global(.link-btn) {
     background: none;
     border: none;
-    cursor: pointer;
     color: var(--smrt-color-primary, #6750a4);
     font-size: var(--smrt-typography-label-large-size, 13px);
     text-decoration: underline;
@@ -329,24 +365,6 @@ export interface Props {
     position: relative;
   }
 
-  .body-input {
-    width: 100%;
-    border: 1px solid var(--smrt-color-outline-variant, #cac4d0);
-    border-radius: var(--smrt-radius-md, 12px);
-    padding: var(--smrt-spacing-3, 12px);
-    font-family: var(--smrt-font-family, system-ui);
-    font-size: var(--smrt-typography-body-medium-size, 14px);
-    resize: vertical;
-    background: var(--smrt-color-surface, #fffbfe);
-    color: var(--smrt-color-on-surface, #1c1b1f);
-    box-sizing: border-box;
-  }
-
-  .body-input:focus {
-    outline: 2px solid var(--smrt-color-primary, #6750a4);
-    outline-offset: -1px;
-  }
-
   .char-count {
     text-align: right;
     font-size: var(--smrt-typography-label-medium-size, 12px);
@@ -373,40 +391,13 @@ export interface Props {
     padding-top: var(--smrt-spacing-2, 8px);
   }
 
-  .btn-primary {
-    padding: var(--smrt-spacing-2, 8px) var(--smrt-spacing-6, 24px);
-    border-radius: var(--smrt-radius-full, 20px);
-    border: none;
-    background: var(--smrt-color-primary, #6750a4);
-    color: var(--smrt-color-on-primary, #fff);
-    font-family: var(--smrt-font-family, system-ui);
-    font-size: var(--smrt-typography-label-large-size, 14px);
-    cursor: pointer;
-  }
-
-  .btn-primary:disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-  }
-
-  .btn-secondary {
-    padding: var(--smrt-spacing-2, 8px) var(--smrt-spacing-4, 16px);
-    border-radius: var(--smrt-radius-full, 20px);
-    border: 1px solid var(--smrt-color-outline, #79747e);
-    background: transparent;
-    color: var(--smrt-color-primary, #6750a4);
-    font-family: var(--smrt-font-family, system-ui);
-    font-size: var(--smrt-typography-label-large-size, 14px);
-    cursor: pointer;
-  }
-
-  .btn-text {
-    padding: var(--smrt-spacing-2, 8px) var(--smrt-spacing-4, 16px);
-    border: none;
-    background: transparent;
+  /*
+   * Send/Save-draft now use Button's primary/secondary variants directly (dead
+   * .btn-primary/.btn-secondary CSS removed). The Discard button keeps its
+   * neutral on-surface-variant text via `.actions :global(.btn-text)` (Button's
+   * ghost uses the primary color) — issue #1589.
+   */
+  .actions :global(.btn-text) {
     color: var(--smrt-color-on-surface-variant, #49454f);
-    font-family: var(--smrt-font-family, system-ui);
-    font-size: var(--smrt-typography-label-large-size, 14px);
-    cursor: pointer;
   }
 </style>

package/dist/svelte/components/ComposeForm.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComposeForm.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ComposeForm.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,WAAW,EAEX,YAAY,EAEb,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACnC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAoOD,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ComposeForm.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ComposeForm.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,WAAW,EAEX,YAAY,EAEb,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACnC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AA0OD,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}