reke-ui 0.1.0 → 0.1.2

package/dist/components/reke-file-upload/reke-file-upload.styles.js

@@ -0,0 +1,107 @@
+import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
+import { css as r } from "lit";
+const a = [
+  e,
+  r`
+    :host {
+      display: block;
+    }
+
+    :host([disabled]) {
+      pointer-events: none;
+      opacity: 0.5;
+    }
+
+    .dropzone {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: var(--reke-space-sm, 12px);
+      padding: var(--reke-space-xl, 24px) var(--reke-space-lg, 20px);
+      border-radius: var(--reke-radius, 4px);
+      border: 1px dashed var(--reke-color-border, #252525);
+      background-color: transparent;
+      cursor: pointer;
+      transition: border-color 0.2s ease, background-color 0.2s ease;
+      text-align: center;
+    }
+
+    .dropzone:hover {
+      border-color: var(--reke-color-text-muted, #525252);
+    }
+
+    .dropzone--dragging {
+      border-color: var(--reke-color-primary, #22c55e);
+      background-color: color-mix(in srgb, var(--reke-color-primary, #22c55e) 5%, transparent);
+    }
+
+    .dropzone--error {
+      border-color: var(--reke-color-danger, #ef4444);
+    }
+
+    .dropzone--compact {
+      flex-direction: row;
+      padding: var(--reke-space-sm, 12px) var(--reke-space-md, 16px);
+    }
+
+    .icon {
+      width: 36px;
+      height: 36px;
+      border-radius: 50%;
+      background-color: color-mix(in srgb, var(--reke-color-primary, #22c55e) 10%, transparent);
+      border: 1px solid color-mix(in srgb, var(--reke-color-primary, #22c55e) 20%, transparent);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--reke-color-primary, #22c55e);
+      font-size: 16px;
+      flex-shrink: 0;
+    }
+
+    .dropzone--compact .icon {
+      width: 28px;
+      height: 28px;
+      font-size: 14px;
+    }
+
+    .text {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    .text__primary {
+      font-family: var(--reke-font-mono, 'JetBrains Mono', ui-monospace, monospace);
+      font-size: var(--reke-font-size-xs, 12px);
+      font-weight: var(--reke-font-weight-medium, 500);
+      color: var(--reke-color-text, #e5e5e5);
+    }
+
+    .text__secondary {
+      font-family: var(--reke-font-mono, 'JetBrains Mono', ui-monospace, monospace);
+      font-size: var(--reke-font-size-2xs, 11px);
+      color: var(--reke-color-text-disabled, #3b3b3b);
+    }
+
+    .text__file {
+      font-family: var(--reke-font-mono, 'JetBrains Mono', ui-monospace, monospace);
+      font-size: var(--reke-font-size-xs, 12px);
+      font-weight: var(--reke-font-weight-medium, 500);
+      color: var(--reke-color-primary, #22c55e);
+    }
+
+    .text__error {
+      font-family: var(--reke-font-mono, 'JetBrains Mono', ui-monospace, monospace);
+      font-size: var(--reke-font-size-2xs, 11px);
+      color: var(--reke-color-danger, #ef4444);
+    }
+
+    input[type='file'] {
+      display: none;
+    }
+  `
+];
+export {
+  a as styles
+};

package/dist/components/reke-input/reke-input.js

@@ -0,0 +1,73 @@
+import { nothing as n, html as u } from "lit";
+import { property as l, customElement as d } from "lit/decorators.js";
+import { classMap as c } from "lit/directives/class-map.js";
+import { RekeElement as m } from "../../shared/base-element.js";
+import { styles as b } from "./reke-input.styles.js";
+var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, t = (s, a, p, i) => {
+  for (var r = i > 1 ? void 0 : i ? y(a, p) : a, o = s.length - 1, h; o >= 0; o--)
+    (h = s[o]) && (r = (i ? h(a, p, r) : h(r)) || r);
+  return i && r && v(a, p, r), r;
+};
+let e = class extends m {
+  constructor() {
+    super(...arguments), this.value = "", this.placeholder = "", this.type = "text", this.size = "md", this.disabled = !1, this.error = !1, this.label = "";
+  }
+  handleInput(s) {
+    const a = s.target;
+    this.value = a.value, this.emit("reke-input", { value: this.value });
+  }
+  handleChange() {
+    this.emit("reke-change", { value: this.value });
+  }
+  render() {
+    const s = {
+      input: !0,
+      [`input--${this.size}`]: !0,
+      "input--error": this.error
+    };
+    return u`
+      ${this.label ? u`<label class="label">${this.label}</label>` : n}
+      <input
+        part="input"
+        class=${c(s)}
+        type=${this.type}
+        .value=${this.value}
+        placeholder=${this.placeholder || n}
+        ?disabled=${this.disabled}
+        aria-disabled=${this.disabled}
+        aria-invalid=${this.error}
+        aria-label=${this.label || n}
+        @input=${this.handleInput}
+        @change=${this.handleChange}
+      />
+    `;
+  }
+};
+e.styles = b;
+t([
+  l()
+], e.prototype, "value", 2);
+t([
+  l()
+], e.prototype, "placeholder", 2);
+t([
+  l()
+], e.prototype, "type", 2);
+t([
+  l({ reflect: !0 })
+], e.prototype, "size", 2);
+t([
+  l({ type: Boolean, reflect: !0 })
+], e.prototype, "disabled", 2);
+t([
+  l({ type: Boolean, reflect: !0 })
+], e.prototype, "error", 2);
+t([
+  l()
+], e.prototype, "label", 2);
+e = t([
+  d("reke-input")
+], e);
+export {
+  e as RekeInput
+};

package/dist/components/reke-input/reke-input.styles.js

@@ -0,0 +1,80 @@
+import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
+import { css as r } from "lit";
+const s = [
+  e,
+  r`
+    :host {
+      display: inline-block;
+    }
+
+    :host([disabled]) {
+      pointer-events: none;
+      opacity: 0.5;
+    }
+
+    .label {
+      display: block;
+      margin-bottom: var(--reke-space-2xs, 6px);
+      font-family: var(--reke-font-mono, 'JetBrains Mono', ui-monospace, monospace);
+      font-size: var(--reke-font-size-xs, 12px);
+      color: var(--reke-color-text-label, #8A8A8A);
+    }
+
+    .input {
+      display: block;
+      width: 100%;
+      background-color: var(--reke-color-surface, #1A1A1A);
+      color: var(--reke-color-text, #E5E5E5);
+      border: 1px solid var(--reke-color-border, #252525);
+      border-radius: var(--reke-radius, 4px);
+      font-family: var(--reke-font-mono, 'JetBrains Mono', ui-monospace, monospace);
+      box-sizing: border-box;
+      outline: none;
+      transition: border-color 0.15s ease;
+    }
+
+    .input::placeholder {
+      color: var(--reke-color-text-muted, #525252);
+    }
+
+    .input:focus-visible {
+      border-color: var(--reke-color-primary, #22C55E);
+      outline: 2px solid var(--reke-color-primary, #22C55E);
+      outline-offset: -1px;
+    }
+
+    .input--error {
+      border-color: var(--reke-color-danger, #EF4444);
+    }
+
+    .input--error:focus-visible {
+      border-color: var(--reke-color-danger, #EF4444);
+      outline-color: var(--reke-color-danger, #EF4444);
+    }
+
+    /* === Sizes === */
+
+    .input--xs {
+      padding: var(--reke-space-2xs, 6px) var(--reke-space-xs, 8px);
+      font-size: var(--reke-font-size-2xs, 11px);
+    }
+
+    .input--sm {
+      padding: var(--reke-space-xs, 8px) var(--reke-space-sm, 12px);
+      font-size: var(--reke-font-size-xs, 12px);
+    }
+
+    .input--md {
+      padding: var(--reke-space-sm, 12px) var(--reke-space-md, 16px);
+      font-size: var(--reke-font-size-sm, 13px);
+    }
+
+    .input--lg {
+      padding: var(--reke-space-md, 16px) var(--reke-space-lg, 20px);
+      font-size: var(--reke-font-size-md, 14px);
+    }
+  `
+];
+export {
+  s as styles
+};

package/dist/components/reke-select/reke-select.js

@@ -0,0 +1,112 @@
+import { nothing as n, html as d } from "lit";
+import { property as a, state as h, customElement as u } from "lit/decorators.js";
+import { classMap as b } from "lit/directives/class-map.js";
+import { RekeElement as _ } from "../../shared/base-element.js";
+import { styles as m } from "./reke-select.styles.js";
+var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, i = (e, l, r, s) => {
+  for (var o = s > 1 ? void 0 : s ? f(l, r) : l, p = e.length - 1, c; p >= 0; p--)
+    (c = e[p]) && (o = (s ? c(l, r, o) : c(o)) || o);
+  return s && o && v(l, r, o), o;
+};
+let t = class extends _ {
+  constructor() {
+    super(...arguments), this.value = "", this.placeholder = "Select...", this.options = [], this.disabled = !1, this.error = !1, this.label = "", this.size = "md", this._open = !1, this._boundHandleOutsideClick = this.handleOutsideClick.bind(this), this._boundHandleKeyDown = this.handleKeyDown.bind(this);
+  }
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("click", this._boundHandleOutsideClick), document.addEventListener("keydown", this._boundHandleKeyDown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), document.removeEventListener("click", this._boundHandleOutsideClick), document.removeEventListener("keydown", this._boundHandleKeyDown);
+  }
+  handleOutsideClick(e) {
+    e.composedPath().includes(this) || (this._open = !1);
+  }
+  handleKeyDown(e) {
+    e.key === "Escape" && this._open && (this._open = !1);
+  }
+  handleTriggerClick() {
+    this.disabled || (this._open = !this._open);
+  }
+  handleOptionClick(e) {
+    this.value = e, this._open = !1, this.emit("reke-change", { value: this.value });
+  }
+  get selectedLabel() {
+    return this.options.find((l) => l.value === this.value)?.label;
+  }
+  render() {
+    const e = this.selectedLabel, l = !e, r = {
+      trigger: !0,
+      [`trigger--${this.size}`]: !0,
+      "trigger--error": this.error,
+      "trigger--placeholder": l
+    };
+    return d`
+      ${this.label ? d`<label class="label">${this.label}</label>` : n}
+      <button
+        part="trigger"
+        class=${b(r)}
+        type="button"
+        ?disabled=${this.disabled}
+        aria-expanded=${this._open}
+        aria-haspopup="listbox"
+        aria-label=${this.label || n}
+        @click=${this.handleTriggerClick}
+      >
+        <span class="trigger__text">${e ?? this.placeholder}</span>
+        <span class="trigger__chevron" aria-hidden="true">&#9660;</span>
+      </button>
+      ${this._open ? d`
+            <ul
+              part="dropdown"
+              class="dropdown"
+              role="listbox"
+              aria-label=${this.label || n}
+            >
+              ${this.options.map(
+      (s) => d`
+                  <li
+                    class="option ${s.value === this.value ? "option--selected" : ""}"
+                    role="option"
+                    aria-selected=${s.value === this.value}
+                    @click=${() => this.handleOptionClick(s.value)}
+                  >
+                    ${s.label}
+                  </li>
+                `
+    )}
+            </ul>
+          ` : n}
+    `;
+  }
+};
+t.styles = m;
+i([
+  a()
+], t.prototype, "value", 2);
+i([
+  a()
+], t.prototype, "placeholder", 2);
+i([
+  a({ attribute: !1 })
+], t.prototype, "options", 2);
+i([
+  a({ type: Boolean, reflect: !0 })
+], t.prototype, "disabled", 2);
+i([
+  a({ type: Boolean, reflect: !0 })
+], t.prototype, "error", 2);
+i([
+  a()
+], t.prototype, "label", 2);
+i([
+  a({ reflect: !0 })
+], t.prototype, "size", 2);
+i([
+  h()
+], t.prototype, "_open", 2);
+t = i([
+  u("reke-select")
+], t);
+export {
+  t as RekeSelect
+};

package/dist/components/reke-select/reke-select.styles.js

@@ -0,0 +1,122 @@
+import { tailwindStyles as r } from "../../shared/tailwind-styles.js";
+import { css as e } from "lit";
+const i = [
+  r,
+  e`
+    :host {
+      display: inline-block;
+      position: relative;
+    }
+
+    :host([disabled]) {
+      pointer-events: none;
+      opacity: 0.5;
+    }
+
+    .label {
+      display: block;
+      margin-bottom: var(--reke-space-2xs, 6px);
+      font-family: var(--reke-font-mono, 'JetBrains Mono', ui-monospace, monospace);
+      font-size: var(--reke-font-size-xs, 12px);
+      color: var(--reke-color-text-label, #8A8A8A);
+    }
+
+    .trigger {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      width: 100%;
+      background-color: var(--reke-color-surface, #1A1A1A);
+      color: var(--reke-color-text, #E5E5E5);
+      border: 1px solid var(--reke-color-border, #252525);
+      border-radius: var(--reke-radius, 4px);
+      font-family: var(--reke-font-mono, 'JetBrains Mono', ui-monospace, monospace);
+      cursor: pointer;
+      outline: none;
+      box-sizing: border-box;
+      transition: border-color 0.15s ease;
+    }
+
+    .trigger--placeholder {
+      color: var(--reke-color-text-muted, #525252);
+    }
+
+    .trigger__chevron {
+      font-size: 8px;
+      margin-left: 8px;
+      flex-shrink: 0;
+    }
+
+    /* === Sizes === */
+
+    .trigger--sm {
+      padding: var(--reke-space-xs, 8px) var(--reke-space-sm, 12px);
+      font-size: var(--reke-font-size-xs, 12px);
+    }
+
+    .trigger--md {
+      padding: var(--reke-space-sm, 12px) var(--reke-space-md, 16px);
+      font-size: var(--reke-font-size-sm, 13px);
+    }
+
+    .trigger--lg {
+      padding: var(--reke-space-md, 16px) var(--reke-space-lg, 20px);
+      font-size: var(--reke-font-size-md, 14px);
+    }
+
+    .trigger:focus-visible {
+      border-color: var(--reke-color-primary, #22C55E);
+      outline: 2px solid var(--reke-color-primary, #22C55E);
+      outline-offset: -1px;
+    }
+
+    .trigger--error {
+      border-color: var(--reke-color-danger, #EF4444);
+    }
+
+    .trigger--error:focus-visible {
+      border-color: var(--reke-color-danger, #EF4444);
+      outline-color: var(--reke-color-danger, #EF4444);
+    }
+
+    /* === Dropdown === */
+
+    .dropdown {
+      position: absolute;
+      top: 100%;
+      left: 0;
+      right: 0;
+      margin: 0;
+      margin-top: 4px;
+      padding: 0;
+      list-style: none;
+      background-color: var(--reke-color-surface, #1A1A1A);
+      border: 1px solid var(--reke-color-border, #252525);
+      border-radius: var(--reke-radius, 4px);
+      max-height: 200px;
+      overflow-y: auto;
+      z-index: 100;
+    }
+
+    /* === Option === */
+
+    .option {
+      padding: var(--reke-space-xs, 8px) var(--reke-space-md, 16px);
+      font-family: var(--reke-font-mono, 'JetBrains Mono', ui-monospace, monospace);
+      font-size: var(--reke-font-size-sm, 13px);
+      color: var(--reke-color-text, #E5E5E5);
+      cursor: pointer;
+    }
+
+    .option:hover {
+      background-color: var(--reke-color-surface-elevated, #151515);
+    }
+
+    .option--selected {
+      color: var(--reke-color-primary, #22C55E);
+    }
+  `
+];
+export {
+  i as styles
+};

package/dist/components/reke-table/reke-table.d.ts

@@ -8,7 +8,7 @@ export interface TableColumn {
     /** Set to false to disable sorting on this column. Default: true. */
     sortable?: boolean;
     /** Custom render function for cell content. Falls back to row[col.key] if omitted. */
-    render?: (value: unknown, row: TableRow, index: number) => TemplateResult | string;
+    render?: (value: unknown, row: TableRow, index: number) => TemplateResult | string | HTMLElement | Node;
 }
 export type TableRow = Record<string, unknown>;
 export type ExpandedRowRenderer = (row: TableRow, index: number) => TemplateResult;
@@ -39,6 +39,10 @@ export type ExpandedRowRenderer = (row: TableRow, index: number) => TemplateResu
  * @cssprop [--reke-color-border=#252525] - Border and row divider color.
  * @cssprop [--reke-color-text=#E5E5E5] - Cell text color.
  * @cssprop [--reke-color-text-muted=#525252] - Header text color.
+ *
+ * Props:
+ * - `expandedRowRender`: Lit-based expand render. Receives `(row, index)` → TemplateResult.
+ * - `expandedRowElement`: Framework-agnostic expand render. Receives `(host, row, index)` — mount any framework. Return cleanup or void.
  */
 export declare class RekeTable extends RekeElement {
     static styles: import("lit").CSSResult[];
@@ -53,8 +57,22 @@ export declare class RekeTable extends RekeElement {
     sortDirection: 'asc' | 'desc';
     /** When set, rows become expandable with a chevron toggle. */
     expandedRowRender: ExpandedRowRenderer | null;
+    /**
+     * Framework-agnostic alternative to expandedRowRender.
+     * Receives an HTMLElement host — mount any framework's content into it.
+     * Return a cleanup function (called on collapse) or void.
+     *
+     * @example React usage:
+     *   expandedRowElement={(host, row, i) => {
+     *     const root = createRoot(host);
+     *     root.render(<MyContent data={row} />);
+     *     return () => root.unmount();
+     *   }}
+     */
+    expandedRowElement: ((host: HTMLElement, row: TableRow, index: number) => (() => void) | void) | null;
     /** Set of row indices currently expanded. */
     expandedRows: Set<number>;
+    private _expandCleanups;
     private _hasToolbar;
     private _hasFooter;
     private handleHeaderClick;
@@ -66,6 +84,8 @@ export declare class RekeTable extends RekeElement {
     private _onToolbarSlotChange;
     private _onFooterSlotChange;
     private _renderRow;
+    private _renderExpandedElement;
+    disconnectedCallback(): void;
     render(): TemplateResult<1>;
 }
 declare global {

package/dist/components/reke-table/reke-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reke-table.d.ts","sourceRoot":"","sources":["../../../src/components/reke-table/reke-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,cAAc,GAAG,MAAM,CAAC;CACpF;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE/C,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,cAAc,CAAC;AAEnF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBACa,SAAU,SAAQ,WAAW;IACxC,OAAgB,MAAM,4BAAU;IAGhC,OAAO,EAAE,WAAW,EAAE,CAAM;IAG5B,IAAI,EAAE,QAAQ,EAAE,CAAM;IAGtB,OAAO,UAAS;IAGhB,KAAK,UAAS;IAGd,SAAS,UAAS;IAGlB,QAAQ,UAAS;IAGjB,UAAU,UAAS;IAGnB,OAAO,SAAM;IAGb,aAAa,EAAE,KAAK,GAAG,MAAM,CAAS;IAEtC,8DAA8D;IAE9D,iBAAiB,EAAE,mBAAmB,GAAG,IAAI,CAAQ;IAErD,6CAA6C;IAE7C,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAa;IAE7B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,cAAc;IAItB,wDAAwD;IACxD,YAAY,CAAC,KAAK,EAAE,MAAM;IAa1B,oEAAoE;IACpE,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAIrC,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,UAAU;IAiCT,MAAM;CAoEhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"reke-table.d.ts","sourceRoot":"","sources":["../../../src/components/reke-table/reke-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,cAAc,GAAG,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC;CACzG;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE/C,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,cAAc,CAAC;AAEnF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,qBACa,SAAU,SAAQ,WAAW;IACxC,OAAgB,MAAM,4BAAU;IAGhC,OAAO,EAAE,WAAW,EAAE,CAAM;IAG5B,IAAI,EAAE,QAAQ,EAAE,CAAM;IAGtB,OAAO,UAAS;IAGhB,KAAK,UAAS;IAGd,SAAS,UAAS;IAGlB,QAAQ,UAAS;IAGjB,UAAU,UAAS;IAGnB,OAAO,SAAM;IAGb,aAAa,EAAE,KAAK,GAAG,MAAM,CAAS;IAEtC,8DAA8D;IAE9D,iBAAiB,EAAE,mBAAmB,GAAG,IAAI,CAAQ;IAErD;;;;;;;;;;;OAWG;IAEH,kBAAkB,EAAE,CAAC,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAQ;IAE7G,6CAA6C;IAE7C,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAa;IAEtC,OAAO,CAAC,eAAe,CAAiC;IAE/C,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,cAAc;IAItB,wDAAwD;IACxD,YAAY,CAAC,KAAK,EAAE,MAAM;IAmB1B,oEAAoE;IACpE,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAIrC,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,UAAU;IAmClB,OAAO,CAAC,sBAAsB;IAUrB,oBAAoB;IAMpB,MAAM;CAoEhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}