@contraagent/ui 0.1.0 → 0.2.0

package/dist/styles/prose.js

@@ -1,59 +0,0 @@
-// Rendered markdown, highlighted code and JSON trees.
-import { css } from 'lit';
-/** Rendered markdown, highlighted code and JSON trees: transcripts, plugin files, panels. */
-export const prose = css `
-  .jtree { font-family: var(--mono); font-size: var(--font-size-md); overflow: auto; }
-  .jt { margin-left: 16px; }
-  details.jt > summary { cursor: pointer; list-style: revert; }
-  .jk { color: var(--code-name); }
-  .js { color: var(--code-string); }
-  .jn { color: var(--code-number); }
-
-  .md-p { margin: 0.15em 0; }
-  .md-gap { height: 0.5em; }
-  .md-h { font-weight: 600; margin: 0.7em 0 0.25em; }
-  .md-h1 { font-size: 1.25em; }
-  .md-h2 { font-size: 1.12em; }
-  .md-h3 { font-size: 1.03em; color: var(--text-2); }
-  .md-h4 { color: var(--text-2); }
-  .md-li { padding-left: 16px; text-indent: -12px; margin: 0.1em 0; }
-  .md-li::before { content: '• '; color: var(--text-muted); }
-  .md-ol::before { content: ''; }
-  .md-n { color: var(--text-muted); margin-right: 6px; }
-  .md-q { border-left: 3px solid var(--line2); padding-left: 10px; color: var(--text-2); margin: 0.2em 0; }
-  .md-hr { border: 0; border-top: 1px solid var(--line); margin: 0.7em 0; }
-  .md-t { border-collapse: collapse; margin: 0.4em 0; }
-  .md-t th, .md-t td { border: 1px solid var(--line); padding: 3px 9px; text-align: left; font-size: 12.5px; }
-  .md-t th { background: var(--raise); }
-  .md-doc { padding: 10px 14px; background: var(--well); border: 1px solid var(--line); border-radius: var(--radius-md); max-height: 460px; overflow: auto; line-height: 1.55; }
-  .md-doc code, .tx code { background: var(--raise); border-radius: var(--radius-sm); padding: 0 4px; font-size: 0.92em; }
-  .md-doc pre { background: var(--well); border: 1px solid var(--line); border-radius: 6px; padding: 8px 10px; white-space: pre-wrap; }
-  .md-doc pre code, .tx pre code { background: none; padding: 0; border-radius: 0; font-size: inherit; }
-  .md-front { margin-bottom: 10px; border-collapse: collapse; }
-  .md-front td { padding: 2px 14px 2px 0; font-size: 12.5px; border: 0; vertical-align: top; }
-  .md-front td:first-child { color: var(--text-muted); }
-  .md-tele { color: var(--text-muted); font-size: 11.5px; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-  .df-text { background: var(--well); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 10px 12px; font-size: var(--font-size-md);
-    white-space: pre-wrap; max-height: 420px; overflow: auto; margin: 0; }
-  .df-tog { margin-left: auto; font-size: var(--font-size-sm); color: var(--accent); border: 1px solid var(--line2); border-radius: var(--radius-pill);
-    padding: 0 9px; cursor: pointer; background: none; }
-  .df-tog:hover { background: var(--accent-bg); }
-  /* a template placeholder in a prompt */
-  .pv { color: var(--code-constant); background: color-mix(in srgb, var(--code-constant) 12%, transparent); border-radius: var(--radius-sm); padding: 0 3px; }
-  .pv.pc { color: var(--code-keyword); background: color-mix(in srgb, var(--code-keyword) 12%, transparent); }
-
-  .hl { font-family: var(--mono); }
-  .hl-k { color: var(--code-keyword); }
-  .hl-const { color: var(--code-constant); font-style: italic; }
-  .hl-s { color: var(--code-string); }
-  .hl-doc { color: var(--code-string); font-style: italic; opacity: 0.85; }
-  .hl-c { color: var(--code-comment); font-style: italic; }
-  .hl-n { color: var(--code-number); }
-  .hl-d { color: var(--code-function); }
-  .hl-f { color: var(--code-function); font-weight: 600; }
-  .hl-cls { color: var(--code-type); font-weight: 700; }
-  .hl-t { color: var(--code-type); }
-  .hl-b { color: var(--code-name); }
-  .hl-key { color: var(--code-name); }
-`;
-//# sourceMappingURL=prose.js.map

package/dist/styles/prose.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prose.js","sourceRoot":"","sources":["../../src/styles/prose.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,6FAA6F;AAC7F,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDvB,CAAC"}

package/dist/styles/reset.d.ts

@@ -1,2 +0,0 @@
-export declare const resetStyles: import("lit").CSSResult;
-//# sourceMappingURL=reset.d.ts.map

package/dist/styles/reset.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../../src/styles/reset.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,yBAQvB,CAAC"}

package/dist/styles/reset.js

@@ -1,13 +0,0 @@
-// What every element's shadow root starts from: box sizing, scrollbars, the
-// selection and the focus ring.
-import { css } from 'lit';
-export const resetStyles = css `
-  *, *::before, *::after { box-sizing: border-box; }
-  * { scrollbar-width: thin; scrollbar-color: var(--line2) transparent; }
-  *:hover { scrollbar-color: var(--text-muted) transparent; }
-  ::selection { background: var(--selection); }
-  :focus-visible { outline: var(--focus-width) solid var(--focus); outline-offset: 2px; }
-  button { font: inherit; color: inherit; }
-  [hidden] { display: none !important; }
-`;
-//# sourceMappingURL=reset.js.map

package/dist/styles/reset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reset.js","sourceRoot":"","sources":["../../src/styles/reset.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,gCAAgC;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;CAQ7B,CAAC"}

package/dist/styles/status.d.ts

@@ -1,2 +0,0 @@
-export declare const statusStyles: import("lit").CSSResult;
-//# sourceMappingURL=status.d.ts.map

package/dist/styles/status.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../src/styles/status.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,yBA+CxB,CAAC"}

package/dist/styles/status.js

@@ -1,52 +0,0 @@
-// A status, by tone (lib/tone.ts, lib/status.ts): one rule per tone, and the
-// status elements that take it (a mark, a pill, a word, a dot, a spinner).
-import { css } from 'lit';
-export const statusStyles = css `
-  /*
-   * data-tone names its status colour, which each kind of status element below takes as
-   * --tone (the colour) and --tone-bg (its tint). No data-tone: neutral.
-   */
-  [data-tone='failed'] { --tone: var(--status-failed); --tone-bg: var(--status-failed-bg); }
-  [data-tone='attention'] { --tone: var(--status-attention); --tone-bg: var(--status-attention-bg); }
-  [data-tone='done'] { --tone: var(--status-done); --tone-bg: var(--status-done-bg); }
-  [data-tone='running'] { --tone: var(--status-running); --tone-bg: var(--status-running-bg); }
-  [data-tone='muted'] { --tone: var(--status-muted); --tone-bg: var(--status-muted-bg); }
-
-  /*
-   * A status mark before a status word (data-mark): ✓ done, ✕ failed, ◌ not started or waiting.
-   * The shape keeps the meaning without colour; screen readers read the word only.
-   */
-  [data-mark]::before { margin-right: 0.35em; font-weight: 700; }
-  [data-mark='done']::before { content: '✓'; content: '✓' / ''; color: var(--status-done); }
-  [data-mark='failed']::before { content: '✕'; content: '✕' / ''; }
-  [data-mark='pending']::before { content: '◌'; content: '◌' / ''; }
-
-  /* text in a status colour: only on a status that applies (a count above 0 of a problem, a status word) */
-  .tone-text[data-tone] { color: var(--tone); }
-
-  /*
-   * A status as a pill, always with its word. A problem is tinted and marked (✕ failed, ◌ not started);
-   * done is quiet (a ✓ and the word): it is the usual case, and the problems are what stand out.
-   */
-  .pill { border-radius: var(--radius-pill); padding: 1px 10px; font-size: var(--font-size-sm); font-weight: 500; background: var(--raise); color: var(--text-2); white-space: nowrap; }
-  .pill[data-tone] { background: var(--tone-bg); color: var(--tone); }
-  .pill[data-tone='done'] { background: none; padding-left: 2px; color: var(--text-2); }
-
-  /* a status as a word in a row (History, Problems, Outputs): coloured for a problem, done quiet with its ✓ */
-  .jstop { font-weight: 600; }
-  .jstop[data-tone='failed'], .jstop[data-tone='attention'] { color: var(--tone); }
-  .jstop[data-tone='done'] { color: var(--text-2); font-weight: 500; }
-
-  /*
-   * A status as a dot (a run in the header and the run list). The shape carries it too:
-   * round done, square failed, diamond attention, a breathing ring running.
-   */
-  .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--line2); flex: none; display: inline-block; }
-  .dot[data-tone] { background: var(--tone); }
-  .dot[data-tone='running'] { animation: breathe 1.8s ease-in-out infinite; }
-  .dot[data-tone='attention'] { border-radius: 1px; transform: rotate(45deg) scale(0.86); }
-  .dot[data-tone='failed'] { border-radius: 1.5px; }
-  .spin { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--status-running-bg);
-    border-top-color: var(--status-running); animation: turn 0.9s linear infinite; flex: none; display: inline-block; }
-`;
-//# sourceMappingURL=status.js.map

package/dist/styles/status.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"status.js","sourceRoot":"","sources":["../../src/styles/status.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,2EAA2E;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+C9B,CAAC"}

package/dist/styles/text.d.ts

@@ -1,2 +0,0 @@
-export declare const textStyles: import("lit").CSSResult;
-//# sourceMappingURL=text.d.ts.map

package/dist/styles/text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/styles/text.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,yBAgBtB,CAAC"}

package/dist/styles/text.js

@@ -1,21 +0,0 @@
-// Text: code, captions, words read only by screen readers, line breaks in a
-// tight box, links.
-import { css } from 'lit';
-export const textStyles = css `
-  .jmono, code, .mono { font-family: var(--mono); }
-  /* read by screen readers, not shown: the word beside a status mark or an icon */
-  .sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
-  .jmono { font-size: 11.5px; }
-  .meta { color: var(--text-muted); font-size: var(--font-size-sm); }
-  /* a label in a tight box: it wraps at spaces and between phrases, never inside a word (Japanese included) */
-  .words { word-break: keep-all; overflow-wrap: break-word; line-break: strict; }
-  /* one fact of a row in .words (factLine): the line breaks between facts first, inside one only when it is wider than the box */
-  .words .f { display: inline-block; max-width: 100%; }
-  @supports (word-break: auto-phrase) {
-    .words:lang(ja) { word-break: auto-phrase; }
-  }
-  .mut, .jdim { color: var(--text-muted); }
-  a.lnk { color: var(--accent); cursor: pointer; text-decoration: none; }
-  a.lnk:hover { text-decoration: underline; }
-`;
-//# sourceMappingURL=text.js.map

package/dist/styles/text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/styles/text.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,oBAAoB;AACpB,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;CAgB5B,CAAC"}

package/dist/styles/theme-sheet.d.ts

@@ -1,12 +0,0 @@
-import { type CSSResult } from 'lit';
-/** Applies the theme named by `data-ca-theme` on any element (`<html data-ca-theme="nord">`). */
-export declare const themeStyles: CSSResult;
-/** The same rules for a host element: `:host([data-ca-theme="nord"])`. */
-export declare const hostThemeStyles: CSSResult;
-/**
- * Adds `themeStyles` to a document or a shadow root, once. Importing the package
- * does it for the page's document; call it for a shadow root of your own that
- * holds the elements and sets `data-ca-theme` inside it.
- */
-export declare function adoptThemes(root?: Document | ShadowRoot): void;
-//# sourceMappingURL=theme-sheet.d.ts.map

package/dist/styles/theme-sheet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-sheet.d.ts","sourceRoot":"","sources":["../../src/styles/theme-sheet.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AAGhD,iGAAiG;AACjG,eAAO,MAAM,WAAW,EAAE,SAAkE,CAAC;AAE7F,0EAA0E;AAC1E,eAAO,MAAM,eAAe,EAAE,SAAyE,CAAC;AAIxG;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,GAAE,QAAQ,GAAG,UAAqB,GAAG,IAAI,CAMxE"}

package/dist/styles/theme-sheet.js

@@ -1,24 +0,0 @@
-// The built-in themes as stylesheets: for a document (or any shadow root that
-// holds the elements), and for an element that applies a theme to itself.
-import { unsafeCSS } from 'lit';
-import { themeRules } from './themes.js';
-/** Applies the theme named by `data-ca-theme` on any element (`<html data-ca-theme="nord">`). */
-export const themeStyles = unsafeCSS(themeRules((n) => `[data-ca-theme="${n}"]`));
-/** The same rules for a host element: `:host([data-ca-theme="nord"])`. */
-export const hostThemeStyles = unsafeCSS(themeRules((n) => `:host([data-ca-theme="${n}"])`));
-const adopted = new WeakSet();
-/**
- * Adds `themeStyles` to a document or a shadow root, once. Importing the package
- * does it for the page's document; call it for a shadow root of your own that
- * holds the elements and sets `data-ca-theme` inside it.
- */
-export function adoptThemes(root = document) {
-    if (adopted.has(root))
-        return;
-    const sheet = themeStyles.styleSheet;
-    if (!sheet || !('adoptedStyleSheets' in root))
-        return;
-    root.adoptedStyleSheets = [...root.adoptedStyleSheets, sheet];
-    adopted.add(root);
-}
-//# sourceMappingURL=theme-sheet.js.map

package/dist/styles/theme-sheet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-sheet.js","sourceRoot":"","sources":["../../src/styles/theme-sheet.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,0EAA0E;AAC1E,OAAO,EAAE,SAAS,EAAkB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,iGAAiG;AACjG,MAAM,CAAC,MAAM,WAAW,GAAc,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC;AAE7F,0EAA0E;AAC1E,MAAM,CAAC,MAAM,eAAe,GAAc,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC,CAAC;AAExG,MAAM,OAAO,GAAG,IAAI,OAAO,EAAyB,CAAC;AAErD;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,OAA8B,QAAQ;IAChE,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;QAAE,OAAO;IAC9B,MAAM,KAAK,GAAG,WAAW,CAAC,UAAU,CAAC;IACrC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,oBAAoB,IAAI,IAAI,CAAC;QAAE,OAAO;IACtD,IAAI,CAAC,kBAAkB,GAAG,CAAC,GAAG,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;IAC9D,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AACpB,CAAC"}

package/dist/styles/themes.d.ts

@@ -1,75 +0,0 @@
-/**
- * The built-in themes, in the order of the monitor's theme control. Each is a
- * full set of tokens. Sources (all MIT-licensed):
- * - `contraagent-dark`, `contraagent-light`: this package's own palette, MIT.
- * - `github-dark`, `github-light`, `high-contrast`: GitHub Primer primitives
- *   (dark, light and dark high contrast), https://github.com/primer/primitives, MIT, (c) GitHub Inc.
- * - `one-dark`: Atom One Dark, https://github.com/atom/atom/tree/master/packages/one-dark-syntax, MIT, (c) GitHub Inc.
- * - `nord`: Nord, https://www.nordtheme.com, MIT, (c) Arctic Ice Studio and Sven Greb.
- */
-export declare const THEME_NAMES: readonly ["contraagent-dark", "contraagent-light", "github-dark", "github-light", "one-dark", "nord", "high-contrast"];
-export type ThemeName = (typeof THEME_NAMES)[number];
-/** A reader's choice: a theme, or `system` (contraagent Dark or contraagent Light, as the system's colour scheme). */
-export type ThemeChoice = ThemeName | 'system';
-/** The choices in the monitor's control, in order. */
-export declare const THEME_CHOICES: readonly ThemeChoice[];
-/** The themes after the first divider of the control: palettes of code editors. */
-export declare const EDITOR_THEMES: readonly ThemeName[];
-/** The theme for a reader who has not chosen. */
-export declare const DEFAULT_THEME: ThemeName;
-/** What `system` shows, by the system's colour scheme. */
-export declare const SYSTEM_THEMES: {
-    readonly dark: "contraagent-dark";
-    readonly light: "contraagent-light";
-};
-/**
- * A token: the short name the elements' styles use (`--<name>`), the `--ca-*`
- * property that sets it, and its meaning (the site's theme reference shows it).
- * A token with `derive` is computed from the others unless its property is set;
- * the themes do not list it.
- */
-export interface TokenInfo {
-    name: string;
-    prop: string;
-    meaning: string;
-    derive?: string;
-}
-export declare const TOKENS: readonly TokenInfo[];
-/** The name of every token a theme sets (every token without `derive`). */
-export type ThemeToken = 'backdrop' | 'bg' | 'card' | 'panel' | 'panel2' | 'raise' | 'well' | 'track' | 'line' | 'line2' | 'shadow' | 'text' | 'text-2' | 'text-muted' | 'accent' | 'focus' | 'focus-width' | 'selection' | 'status-failed' | 'status-attention' | 'status-done' | 'status-running' | 'status-muted' | 'tint' | 'agent' | 'meter' | 'tok-input' | 'tok-cache-read' | 'tok-cache-write' | 'tok-output' | 'code-keyword' | 'code-string' | 'code-number' | 'code-constant' | 'code-comment' | 'code-function' | 'code-type' | 'code-name';
-export interface Theme {
-    /** The name the theme control shows; a theme's own name, the same in every language. */
-    label: string;
-    /** Light or dark: the `color-scheme` (native controls, scrollbars) and what `system` picks by. */
-    scheme: 'dark' | 'light';
-    tokens: Record<ThemeToken, string>;
-}
-export declare const THEMES: Record<ThemeName, Theme>;
-/** The property a theme sets for a token (the layer under `--ca-*`). */
-export declare const themeProp: (token: string) => string;
-/**
- * The rules that apply each theme, for a selector per theme name: for a page,
- * `n => `[data-ca-theme="${n}"]``; inside a shadow root, `n => `:host([data-ca-theme="${n}"])``.
- */
-export declare function themeRules(selector: (name: ThemeName) => string): string;
-export declare const isThemeName: (x: unknown) => x is ThemeName;
-export declare const isThemeChoice: (x: unknown) => x is ThemeChoice;
-/** The theme a choice shows: `system` by the system's colour scheme; anything else not a theme, the default. */
-export declare function resolveTheme(choice: unknown, prefersLight: boolean): ThemeName;
-/** Where the reader's choice is kept (this browser only). */
-export declare const THEME_STORE_KEY = "contraagent:theme";
-type Store = Pick<Storage, 'getItem' | 'setItem'>;
-/** The reader's choice from an earlier visit, else the default theme. */
-export declare function preferredTheme(store?: Store | undefined): ThemeChoice;
-/** Remember the reader's choice for the next visit. */
-export declare function rememberTheme(choice: ThemeChoice, store?: Store | undefined): void;
-/** Whether the system asks for a light colour scheme. */
-export declare const prefersLight: () => boolean;
-/**
- * A script for a page's `<head>`: it sets `data-ca-theme` on `<html>` from the
- * reader's choice before the first paint, as `resolveTheme(preferredTheme(), prefersLight())`
- * does. With `themeRules` in a `<style>` beside it, the page opens in its theme.
- */
-export declare const themeBootScript: string;
-export {};
-//# sourceMappingURL=themes.d.ts.map

package/dist/styles/themes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/styles/themes.ts"],"names":[],"mappings":"AASA;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,wHAAyH,CAAC;AAClJ,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AACrD,sHAAsH;AACtH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC/C,sDAAsD;AACtD,eAAO,MAAM,aAAa,EAAE,SAAS,WAAW,EAA4H,CAAC;AAC7K,mFAAmF;AACnF,eAAO,MAAM,aAAa,EAAE,SAAS,SAAS,EAAyE,CAAC;AACxH,iDAAiD;AACjD,eAAO,MAAM,aAAa,EAAE,SAA8B,CAAC;AAC3D,0DAA0D;AAC1D,eAAO,MAAM,aAAa;;;CAAwG,CAAC;AAEnI;;;;;GAKG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,EAAE,SAAS,SAAS,EA8CtC,CAAC;AAEF,2EAA2E;AAC3E,MAAM,MAAM,UAAU,GAClB,UAAU,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAC1G,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,GAAG,WAAW,GACnF,eAAe,GAAG,kBAAkB,GAAG,aAAa,GAAG,gBAAgB,GAAG,cAAc,GAAG,MAAM,GACjG,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,YAAY,GACrF,cAAc,GAAG,aAAa,GAAG,aAAa,GAAG,eAAe,GAAG,cAAc,GAAG,eAAe,GAAG,WAAW,GAAG,WAAW,CAAC;AAEpI,MAAM,WAAW,KAAK;IACpB,wFAAwF;IACxF,KAAK,EAAE,MAAM,CAAC;IACd,kGAAkG;IAClG,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;CACpC;AAID,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,KAAK,CAuT3C,CAAC;AAEF,wEAAwE;AACxE,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,KAAG,MAA+B,CAAC;AAE1E;;;GAGG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,GAAG,MAAM,CAMxE;AAED,eAAO,MAAM,WAAW,GAAI,GAAG,OAAO,KAAG,CAAC,IAAI,SAA4D,CAAC;AAC3G,eAAO,MAAM,aAAa,GAAI,GAAG,OAAO,KAAG,CAAC,IAAI,WAAgE,CAAC;AAEjH,gHAAgH;AAChH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,GAAG,SAAS,CAG9E;AAED,6DAA6D;AAC7D,eAAO,MAAM,eAAe,sBAAsB,CAAC;AAEnD,KAAK,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,SAAS,GAAG,SAAS,CAAC,CAAC;AASlD,yEAAyE;AACzE,wBAAgB,cAAc,CAAC,KAAK,GAAE,KAAK,GAAG,SAAqB,GAAG,WAAW,CAQhF;AAED,uDAAuD;AACvD,wBAAgB,aAAa,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,GAAE,KAAK,GAAG,SAAqB,GAAG,IAAI,CAM7F;AAED,yDAAyD;AACzD,eAAO,MAAM,YAAY,QAAO,OAAoF,CAAC;AAErH;;;;GAIG;AACH,eAAO,MAAM,eAAe,QAI0D,CAAC"}