@manzanohq/components 0.1.1 → 0.1.4

package/dist/components/split-panel/split-panel.styles.js

@@ -0,0 +1,95 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var split_panel_styles_default = css`
+  ${componentStyles}
+
+  :host {
+    --_split-panel-divider-width: var(--mz-split-panel-divider-width, 4px);
+    --_split-panel-divider-color: var(--mz-split-panel-divider-color, var(--mz-color-border));
+    --_split-panel-divider-hover-color: var(--mz-split-panel-divider-hover-color, var(--mz-color-primary));
+
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+
+  .split-panel {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  .split-panel--vertical {
+    flex-direction: column;
+  }
+
+  .split-panel__start,
+  .split-panel__end {
+    overflow: auto;
+  }
+
+  .split-panel--dragging .split-panel__start,
+  .split-panel--dragging .split-panel__end {
+    pointer-events: none;
+    user-select: none;
+  }
+
+  .split-panel__divider {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    background: var(--_split-panel-divider-color);
+    cursor: col-resize;
+    outline: none;
+    transition: background-color 150ms ease;
+  }
+
+  .split-panel--vertical .split-panel__divider {
+    cursor: row-resize;
+  }
+
+  .split-panel:not(.split-panel--vertical) .split-panel__divider {
+    width: var(--_split-panel-divider-width);
+  }
+
+  .split-panel--vertical .split-panel__divider {
+    height: var(--_split-panel-divider-width);
+  }
+
+  .split-panel__divider:hover,
+  .split-panel--dragging .split-panel__divider {
+    background: var(--_split-panel-divider-hover-color);
+  }
+
+  .split-panel__divider:focus-visible {
+    background: var(--_split-panel-divider-hover-color);
+    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mz-color-primary) 25%, transparent);
+  }
+
+  .split-panel--disabled .split-panel__divider {
+    cursor: default;
+    opacity: 0.5;
+  }
+
+  .split-panel--disabled .split-panel__divider:hover {
+    background: var(--_split-panel-divider-color);
+  }
+
+  .split-panel__divider-grip {
+    width: 2px;
+    height: 20px;
+    border-radius: 1px;
+    background: rgb(0 0 0 / 0.2);
+  }
+
+  .split-panel--vertical .split-panel__divider-grip {
+    width: 20px;
+    height: 2px;
+  }
+`;
+export {
+  split_panel_styles_default as default
+};
+//# sourceMappingURL=split-panel.styles.js.map

package/dist/components/split-panel/split-panel.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/split-panel/split-panel.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default css`\n  ${componentStyles}\n\n  :host {\n    --_split-panel-divider-width: var(--mz-split-panel-divider-width, 4px);\n    --_split-panel-divider-color: var(--mz-split-panel-divider-color, var(--mz-color-border));\n    --_split-panel-divider-hover-color: var(--mz-split-panel-divider-hover-color, var(--mz-color-primary));\n\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  .split-panel {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n  }\n\n  .split-panel--vertical {\n    flex-direction: column;\n  }\n\n  .split-panel__start,\n  .split-panel__end {\n    overflow: auto;\n  }\n\n  .split-panel--dragging .split-panel__start,\n  .split-panel--dragging .split-panel__end {\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .split-panel__divider {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: var(--_split-panel-divider-color);\n    cursor: col-resize;\n    outline: none;\n    transition: background-color 150ms ease;\n  }\n\n  .split-panel--vertical .split-panel__divider {\n    cursor: row-resize;\n  }\n\n  .split-panel:not(.split-panel--vertical) .split-panel__divider {\n    width: var(--_split-panel-divider-width);\n  }\n\n  .split-panel--vertical .split-panel__divider {\n    height: var(--_split-panel-divider-width);\n  }\n\n  .split-panel__divider:hover,\n  .split-panel--dragging .split-panel__divider {\n    background: var(--_split-panel-divider-hover-color);\n  }\n\n  .split-panel__divider:focus-visible {\n    background: var(--_split-panel-divider-hover-color);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mz-color-primary) 25%, transparent);\n  }\n\n  .split-panel--disabled .split-panel__divider {\n    cursor: default;\n    opacity: 0.5;\n  }\n\n  .split-panel--disabled .split-panel__divider:hover {\n    background: var(--_split-panel-divider-color);\n  }\n\n  .split-panel__divider-grip {\n    width: 2px;\n    height: 20px;\n    border-radius: 1px;\n    background: rgb(0 0 0 / 0.2);\n  }\n\n  .split-panel--vertical .split-panel__divider-grip {\n    width: 20px;\n    height: 2px;\n  }\n`;\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,6BAAQ;AAAA,IACX,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/components/stack/stack.component.d.ts

@@ -0,0 +1,28 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+/**
+ * @summary A layout utility that arranges children in a vertical or horizontal stack with configurable gap.
+ *
+ * @tag mz-stack
+ *
+ * @slot - The content to arrange in the stack.
+ *
+ * @cssproperty --mz-stack-gap - Override the gap between items. Use the `gap` attribute for most cases.
+ */
+export declare class MzStack extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    /** The stack direction. */
+    direction: 'vertical' | 'horizontal';
+    /** The gap between items. Any valid CSS gap value. */
+    gap: string;
+    /** How items are aligned on the cross axis. */
+    align: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    /** How items are distributed on the main axis. */
+    justify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    /** Whether items should wrap when they overflow. */
+    wrap: boolean;
+    /** Use inline-flex instead of flex. */
+    inline: boolean;
+    protected updated(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=stack.component.d.ts.map

package/dist/components/stack/stack.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.component.d.ts","sourceRoot":"","sources":["../../../src/components/stack/stack.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE;;;;;;;;GAQG;AACH,qBAAa,OAAQ,SAAQ,cAAc;IACzC,MAAM,CAAC,MAAM,4BAAU;IAEvB,2BAA2B;IACE,SAAS,EAAE,UAAU,GAAG,YAAY,CAAc;IAE/E,sDAAsD;IACzB,GAAG,EAAE,MAAM,CAAwB;IAEhE,+CAA+C;IAClB,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAa;IAEpG,kDAAkD;IACrB,OAAO,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAW;IAE7G,oDAAoD;IACR,IAAI,UAAS;IAEzD,uCAAuC;IACK,MAAM,UAAS;cAExC,OAAO;IAI1B,MAAM;CAGP"}

package/dist/components/stack/stack.component.js

@@ -0,0 +1,54 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import { html } from "lit";
+import { property } from "lit/decorators.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import styles from "./stack.styles.js";
+class MzStack extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.direction = "vertical";
+    this.gap = "var(--mz-space-md)";
+    this.align = "stretch";
+    this.justify = "start";
+    this.wrap = false;
+    this.inline = false;
+  }
+  updated() {
+    this.style.setProperty("--_stack-gap", this.gap);
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+}
+MzStack.styles = styles;
+__decorateClass([
+  property({ reflect: true })
+], MzStack.prototype, "direction", 2);
+__decorateClass([
+  property({ reflect: true })
+], MzStack.prototype, "gap", 2);
+__decorateClass([
+  property({ reflect: true })
+], MzStack.prototype, "align", 2);
+__decorateClass([
+  property({ reflect: true })
+], MzStack.prototype, "justify", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzStack.prototype, "wrap", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzStack.prototype, "inline", 2);
+export {
+  MzStack
+};
+//# sourceMappingURL=stack.component.js.map

package/dist/components/stack/stack.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/stack/stack.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './stack.styles.js';\n\n/**\n * @summary A layout utility that arranges children in a vertical or horizontal stack with configurable gap.\n *\n * @tag mz-stack\n *\n * @slot - The content to arrange in the stack.\n *\n * @cssproperty --mz-stack-gap - Override the gap between items. Use the `gap` attribute for most cases.\n */\nexport class MzStack extends ManzanoElement {\n  static styles = styles;\n\n  /** The stack direction. */\n  @property({ reflect: true }) direction: 'vertical' | 'horizontal' = 'vertical';\n\n  /** The gap between items. Any valid CSS gap value. */\n  @property({ reflect: true }) gap: string = 'var(--mz-space-md)';\n\n  /** How items are aligned on the cross axis. */\n  @property({ reflect: true }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch';\n\n  /** How items are distributed on the main axis. */\n  @property({ reflect: true }) justify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' = 'start';\n\n  /** Whether items should wrap when they overflow. */\n  @property({ type: Boolean, reflect: true }) wrap = false;\n\n  /** Use inline-flex instead of flex. */\n  @property({ type: Boolean, reflect: true }) inline = false;\n\n  protected override updated() {\n    this.style.setProperty('--_stack-gap', this.gap);\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;AAAA,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,OAAO,YAAY;AAWZ,MAAM,gBAAgB,eAAe;AAAA,EAArC;AAAA;AAIwB,qBAAuC;AAGvC,eAAc;AAGd,iBAA6D;AAG7D,mBAAwE;AAGzD,gBAAO;AAGP,kBAAS;AAAA;AAAA,EAElC,UAAU;AAC3B,SAAK,MAAM,YAAY,gBAAgB,KAAK,GAAG;AAAA,EACjD;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AA5Ba,QACJ,SAAS;AAGa;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAJhB,QAIkB;AAGA;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAPhB,QAOkB;AAGA;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAVhB,QAUkB;AAGA;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAbhB,QAakB;AAGe;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAhB/B,QAgBiC;AAGA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAnB/B,QAmBiC;",
+  "names": []
+}

package/dist/components/stack/stack.d.ts

@@ -0,0 +1,8 @@
+import { MzStack } from './stack.component.js';
+export { MzStack };
+declare global {
+    interface HTMLElementTagNameMap {
+        'mz-stack': MzStack;
+    }
+}
+//# sourceMappingURL=stack.d.ts.map

package/dist/components/stack/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../src/components/stack/stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAI/C,OAAO,EAAE,OAAO,EAAE,CAAC;AAEnB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/components/stack/stack.js

@@ -0,0 +1,6 @@
+import { MzStack } from "./stack.component.js";
+MzStack.define("mz-stack");
+export {
+  MzStack
+};
+//# sourceMappingURL=stack.js.map

package/dist/components/stack/stack.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/stack/stack.ts"],
+  "sourcesContent": ["import { MzStack } from './stack.component.js';\n\nMzStack.define('mz-stack');\n\nexport { MzStack };\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-stack': MzStack;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,eAAe;AAExB,QAAQ,OAAO,UAAU;",
+  "names": []
+}

package/dist/components/stack/stack.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult[];
+export default _default;
+//# sourceMappingURL=stack.styles.d.ts.map

package/dist/components/stack/stack.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.styles.d.ts","sourceRoot":"","sources":["../../../src/components/stack/stack.styles.ts"],"names":[],"mappings":";AAGA,wBA0DE"}

package/dist/components/stack/stack.styles.js

@@ -0,0 +1,65 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var stack_styles_default = [
+  componentStyles,
+  css`
+    :host {
+      display: flex;
+      flex-direction: column;
+      gap: var(--_stack-gap, var(--mz-space-md));
+    }
+
+    :host([direction='horizontal']) {
+      flex-direction: row;
+    }
+
+    :host([inline]) {
+      display: inline-flex;
+    }
+
+    :host([wrap]) {
+      flex-wrap: wrap;
+    }
+
+    /* Align items */
+    :host([align='start']) {
+      align-items: flex-start;
+    }
+    :host([align='center']) {
+      align-items: center;
+    }
+    :host([align='end']) {
+      align-items: flex-end;
+    }
+    :host([align='stretch']) {
+      align-items: stretch;
+    }
+    :host([align='baseline']) {
+      align-items: baseline;
+    }
+
+    /* Justify content */
+    :host([justify='start']) {
+      justify-content: flex-start;
+    }
+    :host([justify='center']) {
+      justify-content: center;
+    }
+    :host([justify='end']) {
+      justify-content: flex-end;
+    }
+    :host([justify='between']) {
+      justify-content: space-between;
+    }
+    :host([justify='around']) {
+      justify-content: space-around;
+    }
+    :host([justify='evenly']) {
+      justify-content: space-evenly;
+    }
+  `
+];
+export {
+  stack_styles_default as default
+};
+//# sourceMappingURL=stack.styles.js.map

package/dist/components/stack/stack.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/stack/stack.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default [\n  componentStyles,\n  css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: var(--_stack-gap, var(--mz-space-md));\n    }\n\n    :host([direction='horizontal']) {\n      flex-direction: row;\n    }\n\n    :host([inline]) {\n      display: inline-flex;\n    }\n\n    :host([wrap]) {\n      flex-wrap: wrap;\n    }\n\n    /* Align items */\n    :host([align='start']) {\n      align-items: flex-start;\n    }\n    :host([align='center']) {\n      align-items: center;\n    }\n    :host([align='end']) {\n      align-items: flex-end;\n    }\n    :host([align='stretch']) {\n      align-items: stretch;\n    }\n    :host([align='baseline']) {\n      align-items: baseline;\n    }\n\n    /* Justify content */\n    :host([justify='start']) {\n      justify-content: flex-start;\n    }\n    :host([justify='center']) {\n      justify-content: center;\n    }\n    :host([justify='end']) {\n      justify-content: flex-end;\n    }\n    :host([justify='between']) {\n      justify-content: space-between;\n    }\n    :host([justify='around']) {\n      justify-content: space-around;\n    }\n    :host([justify='evenly']) {\n      justify-content: space-evenly;\n    }\n  `\n];\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,uBAAQ;AAAA,EACb;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwDF;",
+  "names": []
+}

package/dist/components/tab-group/tab-group.component.d.ts

@@ -0,0 +1,65 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+import { MzTabPanel } from '../tab-panel/tab-panel.component.js';
+/**
+ * @summary A tabbed interface that displays one panel at a time.
+ *
+ * @tag mz-tab-group
+ *
+ * @dependency mz-tab-panel
+ *
+ * @slot - The `<mz-tab-panel>` elements.
+ *
+ * @event mz-tab-show - Emitted when a tab is shown. `event.detail.name` is the panel name.
+ * @event mz-tab-hide - Emitted when a tab is hidden. `event.detail.name` is the panel name.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart nav - The tab navigation container.
+ * @csspart tabs - The tab button strip (the `role="tablist"` element).
+ * @csspart active-tab-indicator - The active tab indicator bar.
+ * @csspart body - The panel body area.
+ *
+ * @cssproperty --mz-tab-group-indicator-color - Color of the active tab indicator.
+ * @cssproperty --mz-tab-group-border-color - Color of the tab strip border.
+ * @cssproperty --mz-tab-group-tab-color - Color of inactive tab text.
+ * @cssproperty --mz-tab-group-tab-color-hover - Color of tab text on hover.
+ * @cssproperty --mz-tab-group-tab-color-active - Color of active tab text.
+ * @cssproperty --mz-tab-group-tab-bg-hover - Background of tab on hover.
+ */
+export declare class MzTabGroup extends ManzanoElement {
+    static styles: import("lit").CSSResult;
+    static dependencies: {
+        'mz-tab-panel': typeof MzTabPanel;
+    };
+    /** Where the tabs are placed relative to the panels. */
+    placement: 'top' | 'bottom' | 'start' | 'end';
+    /** How tabs are activated: 'auto' activates on arrow focus, 'manual' requires Enter/Space. */
+    activation: 'auto' | 'manual';
+    /** Disables the scroll buttons that appear when tabs overflow. */
+    noScrollControls: boolean;
+    private panels;
+    private activeTab;
+    private canScrollStart;
+    private canScrollEnd;
+    private tabContainer;
+    private indicator;
+    private resizeObserver;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    protected updated(): void;
+    private handleSlotChange;
+    private setActiveTab;
+    private syncPanelStates;
+    /** Programmatically show a tab by name. */
+    show(name: string): void;
+    private handleTabClick;
+    private handleKeyDown;
+    private scrollTabIntoView;
+    private updateScrollButtons;
+    private handleScrollStart;
+    private handleScrollEnd;
+    private updateIndicator;
+    render(): import("lit").TemplateResult<1>;
+    private renderTab;
+}
+//# sourceMappingURL=tab-group.component.d.ts.map

package/dist/components/tab-group/tab-group.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-group.component.d.ts","sourceRoot":"","sources":["../../../src/components/tab-group/tab-group.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AASjE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAAa,UAAW,SAAQ,cAAc;IAC5C,MAAM,CAAC,MAAM,0BAAU;IAEvB,MAAM,CAAC,YAAY;;MAEjB;IAEF,wDAAwD;IAC3B,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAS;IAEnF,8FAA8F;IAClF,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAU;IAEnD,kEAAkE;IACJ,gBAAgB,UAAS;IAE9E,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,YAAY,CAAS;IAEX,OAAO,CAAC,YAAY,CAAe;IAC9B,OAAO,CAAC,SAAS,CAAe;IAEhE,OAAO,CAAC,cAAc,CAA+B;IAIrD,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAM5B,SAAS,CAAC,YAAY,IAAI,IAAI;IAO9B,SAAS,CAAC,OAAO,IAAI,IAAI;IAMzB,OAAO,CAAC,gBAAgB;IAiCxB,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,eAAe;IAMvB,2CAA2C;IAC3C,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IASxB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,aAAa;IAmErB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,mBAAmB;IAkB3B,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,eAAe;IAkCvB,MAAM;IA8DN,OAAO,CAAC,SAAS;CA2BlB"}