@tartaguti/ui-components 0.0.0-stage → 0.1.0

package/dist/tt-empty-state.js

@@ -0,0 +1,94 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from "lit";
+import { property, customElement } from "lit/decorators.js";
+let TTEmptyState = class TTEmptyState extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.heading = "";
+        this.description = "";
+    }
+    static { this.styles = css `
+    /* The browser's own [hidden] rule loses to any :host display, so a
+       hidden element would still show. Important, so it always wins. */
+    :host([hidden]) {
+      display: none !important;
+    }
+
+    :host {
+      display: block;
+      font-family: var(--tt-font-sans);
+    }
+
+    .empty {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: var(--tt-space-3);
+
+      padding: var(--tt-space-12) var(--tt-space-6);
+
+      border: 1px dashed var(--tt-border);
+      border-radius: var(--tt-radius-lg);
+
+      text-align: center;
+    }
+
+    .heading {
+      color: var(--tt-foreground);
+      font-size: var(--tt-text-sm);
+      font-weight: var(--tt-weight-semibold);
+    }
+
+    .description {
+      max-width: 40ch;
+
+      color: var(--tt-muted-foreground);
+      font-size: var(--tt-text-sm);
+      line-height: var(--tt-leading-normal);
+    }
+
+    /* Sized here rather than by the caller, so every empty state matches. */
+    ::slotted([slot="icon"]) {
+      width: 32px;
+      height: 32px;
+      color: var(--tt-muted-foreground);
+    }
+  `; }
+    render() {
+        return html `
+      <div class="empty" part="empty">
+        <slot name="icon"></slot>
+
+        ${this.heading
+            ? html `<div class="heading" part="heading">${this.heading}</div>`
+            : ""}
+
+        ${this.description
+            ? html `
+              <div class="description" part="description">
+                ${this.description}
+              </div>
+            `
+            : ""}
+
+        <slot name="actions"></slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], TTEmptyState.prototype, "heading", void 0);
+__decorate([
+    property({ type: String })
+], TTEmptyState.prototype, "description", void 0);
+TTEmptyState = __decorate([
+    customElement("tt-empty-state")
+], TTEmptyState);
+export { TTEmptyState };
+//# sourceMappingURL=tt-empty-state.js.map

package/dist/tt-empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tt-empty-state.js","sourceRoot":"","sources":["../src/tt-empty-state.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QACuB,YAAO,GAAG,EAAE,CAAC;QACb,gBAAW,GAAG,EAAE,CAAC;IAuE/C,CAAC;aArEQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8ClB,AA9CY,CA8CX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;;;;UAIL,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA,uCAAuC,IAAI,CAAC,OAAO,QAAQ;YACjE,CAAC,CAAC,EAAE;;UAEJ,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA;;kBAEE,IAAI,CAAC,WAAW;;aAErB;YACH,CAAC,CAAC,EAAE;;;;KAIT,CAAC;IACJ,CAAC;;AAvE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAc;AACb;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAkB;AAFlC,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAyExB"}

package/dist/tt-example.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from "lit";
+import "./tt-preview.js";
+import "./tt-code-block.js";
+/**
+ * One worked example: a live rendering and the markup that produced it,
+ * behind a Preview / Code switch.
+ *
+ *   <tt-example heading="Multiple open" code=${snippet}>
+ *     <tt-accordion multiple>...</tt-accordion>
+ *   </tt-example>
+ *
+ * The point is that the two halves cannot drift apart on the page the way a
+ * separate preview box and a separate code block do. Both panels stay in the
+ * DOM and are toggled with `hidden`, so switching does not tear down and
+ * rebuild a live component you were in the middle of poking at.
+ */
+export declare class TTExample extends LitElement {
+    heading: string;
+    description: string;
+    code: string;
+    language: string;
+    align: "center" | "start" | "stretch";
+    private view;
+    private show;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "tt-example": TTExample;
+    }
+}
+//# sourceMappingURL=tt-example.d.ts.map

package/dist/tt-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tt-example.d.ts","sourceRoot":"","sources":["../src/tt-example.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,iBAAiB,CAAC;AACzB,OAAO,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;GAYG;AACH,qBACa,SAAU,SAAQ,UAAU;IAEvC,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,IAAI,SAAM;IAGV,QAAQ,SAAU;IAQlB,KAAK,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAY;IAGjD,OAAO,CAAC,IAAI,CAAiC;IAE7C,OAAO,CAAC,IAAI;IAIZ,MAAM,CAAC,MAAM,0BA+HX;IAEF,MAAM;CA0DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/tt-example.js

@@ -0,0 +1,250 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import "./tt-preview.js";
+import "./tt-code-block.js";
+/**
+ * One worked example: a live rendering and the markup that produced it,
+ * behind a Preview / Code switch.
+ *
+ *   <tt-example heading="Multiple open" code=${snippet}>
+ *     <tt-accordion multiple>...</tt-accordion>
+ *   </tt-example>
+ *
+ * The point is that the two halves cannot drift apart on the page the way a
+ * separate preview box and a separate code block do. Both panels stay in the
+ * DOM and are toggled with `hidden`, so switching does not tear down and
+ * rebuild a live component you were in the middle of poking at.
+ */
+let TTExample = class TTExample extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.heading = "";
+        this.description = "";
+        this.code = "";
+        this.language = "html";
+        /*
+          How the live half lays its content out. `center` suits a handful of small
+          controls, `stretch` suits anything that owns its width (tables, cards,
+          accordions) and looks wrong floating in the middle.
+        */
+        this.align = "center";
+        this.view = "preview";
+    }
+    show(view) {
+        this.view = view;
+    }
+    static { this.styles = css `
+    /* The browser's own [hidden] rule loses to any :host display, so a
+       hidden element would still show. Important, so it always wins. */
+    :host([hidden]) {
+      display: none !important;
+    }
+
+    :host {
+      display: block;
+
+      font-family: var(--tt-font-sans);
+      -webkit-font-smoothing: antialiased;
+
+      color: var(--tt-foreground);
+    }
+
+    .head {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: var(--tt-space-4);
+
+      margin-bottom: var(--tt-space-3);
+    }
+
+    .text {
+      min-width: 0;
+    }
+
+    .heading {
+      margin: 0;
+
+      font-size: var(--tt-text-md);
+      font-weight: var(--tt-weight-semibold);
+
+      color: var(--tt-foreground);
+    }
+
+    .description {
+      margin: var(--tt-space-1) 0 0;
+
+      font-size: var(--tt-text-sm);
+      line-height: var(--tt-leading-relaxed);
+
+      color: var(--tt-muted-foreground);
+    }
+
+    /* Segmented control. Two options, so a tablist beats a select. */
+    .switch {
+      display: inline-flex;
+      flex: none;
+
+      padding: 2px;
+
+      border: 1px solid var(--tt-border);
+      border-radius: var(--tt-radius);
+
+      background: var(--tt-muted);
+    }
+
+    .switch button {
+      border: none;
+      border-radius: calc(var(--tt-radius) - 2px);
+
+      padding: var(--tt-space-1) var(--tt-space-3);
+
+      background: transparent;
+
+      font: inherit;
+      font-size: var(--tt-text-xs);
+      font-weight: var(--tt-weight-medium);
+
+      color: var(--tt-muted-foreground);
+
+      cursor: pointer;
+
+      transition:
+        background var(--tt-duration-fast) var(--tt-ease),
+        color var(--tt-duration-fast) var(--tt-ease);
+    }
+
+    .switch button[aria-pressed="true"] {
+      background: var(--tt-background);
+      color: var(--tt-foreground);
+
+      box-shadow: var(--tt-elevation-1);
+    }
+
+    .switch button:focus-visible {
+      outline: var(--tt-ring-width) solid var(--tt-ring);
+      outline-offset: calc(var(--tt-ring-width) * -1);
+    }
+
+    tt-preview {
+      display: block;
+      overflow-x: auto;
+    }
+
+    /*
+      tt-preview centres its slot content. Examples that own their width need
+      to fill the box instead, which is what ::part is for: the inner div is
+      published, so this reaches it without tt-preview knowing about us.
+    */
+    :host([align="start"]) tt-preview::part(preview) {
+      align-items: flex-start;
+      justify-content: flex-start;
+    }
+
+    :host([align="stretch"]) tt-preview::part(preview) {
+      display: block;
+    }
+
+    [hidden] {
+      display: none !important;
+    }
+
+    @media (max-width: 480px) {
+      .head {
+        flex-direction: column;
+        align-items: stretch;
+      }
+
+      .switch {
+        align-self: flex-end;
+      }
+    }
+
+  `; }
+    render() {
+        const isPreview = this.view === "preview";
+        return html `
+      <div class="head">
+        <div class="text">
+          ${this.heading
+            ? html `<h3 class="heading">${this.heading}</h3>`
+            : ""}
+          ${this.description
+            ? html `<p class="description">${this.description}</p>`
+            : ""}
+        </div>
+
+        ${this.code
+            ? html `
+              <!--
+            Toggle buttons, not tabs. role="tab" promises arrow keys, one
+            Tab stop and a tabpanel, and none of those existed, so a screen
+            reader announced a tab list that did not behave like one.
+            aria-pressed is the honest name for "one of these is on".
+          -->
+          <div class="switch" role="group" aria-label="Example view">
+                <button
+                  type="button"
+                  aria-pressed=${isPreview ? "true" : "false"}
+                  @click=${() => this.show("preview")}
+                >
+                  Preview
+                </button>
+
+                <button
+                  type="button"
+                  aria-pressed=${!isPreview ? "true" : "false"}
+                  @click=${() => this.show("code")}
+                >
+                  Code
+                </button>
+              </div>
+            `
+            : ""}
+      </div>
+
+      <tt-preview ?hidden=${!isPreview}>
+        <slot></slot>
+      </tt-preview>
+
+      ${this.code
+            ? html `
+            <tt-code-block show-line-numbers
+              ?hidden=${isPreview}
+              .code=${this.code}
+              language=${this.language}
+            ></tt-code-block>
+          `
+            : ""}
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], TTExample.prototype, "heading", void 0);
+__decorate([
+    property({ type: String })
+], TTExample.prototype, "description", void 0);
+__decorate([
+    property({ type: String })
+], TTExample.prototype, "code", void 0);
+__decorate([
+    property({ type: String })
+], TTExample.prototype, "language", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], TTExample.prototype, "align", void 0);
+__decorate([
+    state()
+], TTExample.prototype, "view", void 0);
+TTExample = __decorate([
+    customElement("tt-example")
+], TTExample);
+export { TTExample };
+//# sourceMappingURL=tt-example.js.map

package/dist/tt-example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tt-example.js","sourceRoot":"","sources":["../src/tt-example.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,iBAAiB,CAAC;AACzB,OAAO,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;GAYG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAEL,YAAO,GAAG,EAAE,CAAC;QAGb,gBAAW,GAAG,EAAE,CAAC;QAGjB,SAAI,GAAG,EAAE,CAAC;QAGV,aAAQ,GAAG,MAAM,CAAC;QAElB;;;;UAIE;QAEF,UAAK,GAAmC,QAAQ,CAAC;QAGzC,SAAI,GAAuB,SAAS,CAAC;IAiM/C,CAAC;IA/LS,IAAI,CAAC,IAAwB;QACnC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;aAEM,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+HlB,AA/HY,CA+HX;IAEF,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;QAE1C,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA,uBAAuB,IAAI,CAAC,OAAO,OAAO;YAChD,CAAC,CAAC,EAAE;YACJ,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA,0BAA0B,IAAI,CAAC,WAAW,MAAM;YACtD,CAAC,CAAC,EAAE;;;UAGN,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;iCAUiB,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;2BAClC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;;;;;;;iCAOpB,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;2BACnC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;aAKrC;YACH,CAAC,CAAC,EAAE;;;4BAGc,CAAC,SAAS;;;;QAI9B,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;;wBAEU,SAAS;sBACX,IAAI,CAAC,IAAI;yBACN,IAAI,CAAC,QAAQ;;WAE3B;YACH,CAAC,CAAC,EAAE;KACP,CAAC;IACJ,CAAC;;AApND;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACd;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACV;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CACT;AAQlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCACO;AAGzC;IADP,KAAK,EAAE;uCACqC;AAtBlC,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAuNrB"}

package/dist/tt-file-upload.d.ts

@@ -0,0 +1,85 @@
+import { LitElement } from "lit";
+import type { PropertyValues } from "lit";
+import "./tt-icon.js";
+/** Why a file was turned away. */
+export type FileRejectReason = "type" | "size" | "empty" | "count";
+export interface FileRejection {
+    file: File;
+    reason: FileRejectReason;
+}
+/**
+ * True when a file matches an `accept` list ("image/*,.pdf"), the same
+ * rules the native picker uses. An empty list accepts anything.
+ *
+ * This is for the person choosing, not for security: a file's type comes
+ * from its name, so anyone can rename one. The server must check again.
+ */
+export declare function matchesAccept(file: File, accept: string): boolean;
+export declare function displayName(name: string): string;
+/** 820 B, 14 KB, 2.5 MB. Powers of 1024, as file managers show them. */
+export declare function formatBytes(bytes: number): string;
+/**
+ * Chooses files, by tapping a button or dropping them on the box. Checks
+ * type, size and count before keeping a file, previews images, and
+ * submits the files with its form under `name`.
+ *
+ * @fires tt-change - { files } after files are added or removed: the whole list.
+ * @fires tt-reject - { rejected: { file, reason }[] } when files were turned away.
+ */
+export declare class TTFileUpload extends LitElement {
+    static formAssociated: boolean;
+    private internals;
+    name: string;
+    label: string;
+    labelHidden: boolean;
+    description: string;
+    accept: string;
+    multiple: boolean;
+    maxSize: number;
+    maxFiles: number;
+    required: boolean;
+    disabled: boolean;
+    error: string;
+    /** The files kept so far. Setting it replaces them. */
+    files: File[];
+    private dragging;
+    private notice;
+    private input;
+    private chooseButton;
+    private fieldId;
+    private previews;
+    private dragDepth;
+    get form(): HTMLFormElement | null;
+    focus(options?: FocusOptions): void;
+    /** Removes every file. */
+    clear(): void;
+    disconnectedCallback(): void;
+    formResetCallback(): void;
+    updated(changed: PropertyValues): void;
+    private syncFormState;
+    private emit;
+    /** Keeps a new list and says so. Every add, remove and clear ends here. */
+    private commit;
+    private add;
+    private removeFile;
+    private preview;
+    private revokeAll;
+    private openPicker;
+    private handlePicked;
+    private carriesFiles;
+    private handleDragEnter;
+    private handleDragOver;
+    private handleDragLeave;
+    private handleDrop;
+    /** "Up to 3 files, 5 MB each", from the limits that are set. */
+    private limits;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+    private renderFile;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "tt-file-upload": TTFileUpload;
+    }
+}
+//# sourceMappingURL=tt-file-upload.d.ts.map

package/dist/tt-file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tt-file-upload.d.ts","sourceRoot":"","sources":["../src/tt-file-upload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,cAAc,CAAC;AAEtB,kCAAkC;AAClC,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAEnE,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,gBAAgB,CAAC;CAC1B;AAgBD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAcjE;AAYD,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEhD;AAID,wEAAwE;AACxE,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CASjD;AAWD;;;;;;;GAOG;AACH,qBACa,YAAa,SAAQ,UAAU;IAG1C,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,SAAS,CAA0B;IAGA,IAAI,SAAM;IACzB,KAAK,SAAM;IAEvC,WAAW,UAAS;IAIQ,WAAW,SAAM;IAIjB,MAAM,SAAM;IAGI,QAAQ,UAAS;IAGV,OAAO,SAAK;IAGX,QAAQ,SAAK;IAErB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjC,KAAK,SAAM;IAEvC,uDAAuD;IACvB,KAAK,EAAE,IAAI,EAAE,CAAM;IAE1C,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,MAAM,CAAM;IAEb,OAAO,CAAC,KAAK,CAAoB;IAC/B,OAAO,CAAC,YAAY,CAAqB;IAE3D,OAAO,CAAC,OAAO,CAA6B;IAE5C,OAAO,CAAC,QAAQ,CAA2B;IAE3C,OAAO,CAAC,SAAS,CAAK;IAEtB,IAAI,IAAI,2BAEP;IAED,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,0BAA0B;IAC1B,KAAK;IAIL,oBAAoB;IAKpB,iBAAiB;IAKjB,OAAO,CAAC,OAAO,EAAE,cAAc;IAe/B,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,IAAI;IAIZ,2EAA2E;IAC3E,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,GAAG;YA0CG,UAAU;IAYxB,OAAO,CAAC,OAAO;IAUf,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,eAAe,CAKrB;IAEF,OAAO,CAAC,cAAc,CAKpB;IAEF,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,UAAU,CAMhB;IAEF,gEAAgE;IAChE,OAAO,CAAC,MAAM;IAYd,MAAM,CAAC,MAAM,4BAgNV;IAEH,MAAM;IA6EN,OAAO,CAAC,UAAU;CAwBnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}