@ismail-elkorchi/ui-primitives 0.1.0 → 0.1.1

package/dist/src/atomic/control/uik-select/styles.js

@@ -0,0 +1,86 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    min-width: 0;
+  }
+
+  .field {
+    display: grid;
+    gap: var(--uik-space-2);
+  }
+
+  .label {
+    font-size: var(--uik-typography-font-size-2);
+    font-weight: var(--uik-typography-font-weight-medium);
+    line-height: var(--uik-typography-line-height-2);
+    color: oklch(var(--uik-text-strong));
+  }
+
+  .hint {
+    font-size: var(--uik-typography-font-size-1);
+    line-height: var(--uik-typography-line-height-2);
+    color: oklch(var(--uik-text-muted));
+  }
+
+  .error {
+    font-size: var(--uik-typography-font-size-1);
+    line-height: var(--uik-typography-line-height-2);
+    color: oklch(var(--uik-text-danger));
+  }
+
+  :host([disabled]) .label {
+    color: oklch(var(--uik-text-disabled));
+  }
+
+  select {
+    box-sizing: border-box;
+    width: 100%;
+    height: var(--uik-size-control-md);
+    padding: var(--uik-component-select-base-padding-y) var(--uik-component-select-base-padding-x);
+    font-family: var(--uik-typography-font-family-sans);
+    font-size: var(--uik-component-select-base-font-size);
+    font-weight: var(--uik-typography-font-weight-regular);
+    line-height: var(--uik-component-select-base-line-height);
+    color: oklch(var(--uik-component-select-base-fg));
+    background-color: oklch(var(--uik-component-select-base-bg));
+    border-color: oklch(var(--uik-component-select-base-border-default));
+    border-style: var(--uik-border-style-solid);
+    border-width: var(--uik-border-width-1);
+    border-radius: var(--uik-component-select-base-radius);
+    box-shadow: var(--uik-component-select-base-shadow);
+    transition:
+      border-color var(--uik-motion-transition-colors),
+      box-shadow var(--uik-motion-transition-shadow),
+      background-color var(--uik-motion-transition-colors),
+      color var(--uik-motion-transition-colors);
+  }
+
+  select:hover {
+    border-color: oklch(var(--uik-component-select-base-border-hover));
+  }
+
+  select:focus-visible {
+    outline: none;
+    border-color: oklch(var(--uik-component-select-base-border-focus));
+    box-shadow:
+      var(--uik-component-select-base-shadow),
+      0 0 0 var(--uik-focus-ring-offset-default) oklch(var(--uik-focus-ring-offset-bg)),
+      0 0 0 calc(var(--uik-focus-ring-offset-default) + var(--uik-focus-ring-width))
+        oklch(var(--uik-focus-ring-default) / var(--uik-focus-ring-opacity));
+  }
+
+  select:disabled {
+    cursor: not-allowed;
+    opacity: var(--uik-field-disabled-opacity);
+  }
+
+  @media (forced-colors: active) {
+    select:focus-visible {
+      outline: var(--uik-border-width-1) solid currentcolor;
+      outline-offset: var(--uik-space-1);
+      box-shadow: none;
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/src/atomic/control/uik-select/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFxB,CAAC"}

package/dist/src/atomic/control/uik-switch/element.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from 'lit';
+export declare class UikSwitch extends LitElement {
+    static formAssociated: boolean;
+    accessor value: string;
+    accessor name: string;
+    accessor checked: boolean;
+    accessor disabled: boolean;
+    accessor required: boolean;
+    accessor invalid: boolean;
+    accessor ariaLabelValue: string;
+    accessor ariaLabelledbyValue: string;
+    accessor ariaDescribedbyValue: string;
+    private readonly internals;
+    private readonly controlId;
+    private readonly hintId;
+    private readonly errorId;
+    private defaultChecked;
+    static readonly styles: import("lit").CSSResult;
+    private get inputElement();
+    connectedCallback(): void;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
+    private syncFormValue;
+    private syncValidity;
+    private hasSlotContent;
+    private onSlotChange;
+    private onChange;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=element.d.ts.map

package/dist/src/atomic/control/uik-switch/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-switch/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AASrC,qBACa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,cAAc,UAAQ;IAEH,QAAQ,CAAC,KAAK,SAAQ;IACW,QAAQ,CAAC,IAAI,SAAM;IAClB,QAAQ,CAAC,OAAO,UAAS;IACzB,QAAQ,CAAC,QAAQ,UAAS;IAC1B,QAAQ,CAAC,QAAQ,UAAS;IAC1B,QAAQ,CAAC,OAAO,UAAS;IAChD,QAAQ,CAAC,cAAc,SAAM;IACxB,QAAQ,CAAC,mBAAmB,SAAM;IACjC,QAAQ,CAAC,oBAAoB,SAAM;IAE9E,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA0B;IACpD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA0B;IACpD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA4B;IACnD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA6B;IACrD,OAAO,CAAC,cAAc,CAAS;IAE/B,gBAAyB,MAAM,0BAAU;IAEzC,OAAO,KAAK,YAAY,GAEvB;IAEQ,iBAAiB;IAKjB,YAAY;IAMZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAU9C,oBAAoB,CAAC,QAAQ,EAAE,OAAO;IAItC,iBAAiB;IAMjB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI;IAW/D,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,QAAQ,CAKd;IAEO,MAAM;CAkDhB"}

package/dist/src/atomic/control/uik-switch/element.js

@@ -0,0 +1,197 @@
+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 } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { styles } from './styles';
+import { buildDescribedBy, createId, hasSlotContent } from '../../../internal';
+let UikSwitch = class UikSwitch extends LitElement {
+    static formAssociated = true;
+    #value_accessor_storage = 'on';
+    get value() { return this.#value_accessor_storage; }
+    set value(value) { this.#value_accessor_storage = value; }
+    #name_accessor_storage = '';
+    get name() { return this.#name_accessor_storage; }
+    set name(value) { this.#name_accessor_storage = value; }
+    #checked_accessor_storage = false;
+    get checked() { return this.#checked_accessor_storage; }
+    set checked(value) { this.#checked_accessor_storage = value; }
+    #disabled_accessor_storage = false;
+    get disabled() { return this.#disabled_accessor_storage; }
+    set disabled(value) { this.#disabled_accessor_storage = value; }
+    #required_accessor_storage = false;
+    get required() { return this.#required_accessor_storage; }
+    set required(value) { this.#required_accessor_storage = value; }
+    #invalid_accessor_storage = false;
+    get invalid() { return this.#invalid_accessor_storage; }
+    set invalid(value) { this.#invalid_accessor_storage = value; }
+    #ariaLabelValue_accessor_storage = '';
+    get ariaLabelValue() { return this.#ariaLabelValue_accessor_storage; }
+    set ariaLabelValue(value) { this.#ariaLabelValue_accessor_storage = value; }
+    #ariaLabelledbyValue_accessor_storage = '';
+    get ariaLabelledbyValue() { return this.#ariaLabelledbyValue_accessor_storage; }
+    set ariaLabelledbyValue(value) { this.#ariaLabelledbyValue_accessor_storage = value; }
+    #ariaDescribedbyValue_accessor_storage = '';
+    get ariaDescribedbyValue() { return this.#ariaDescribedbyValue_accessor_storage; }
+    set ariaDescribedbyValue(value) { this.#ariaDescribedbyValue_accessor_storage = value; }
+    internals = this.attachInternals();
+    controlId = createId('uik-switch');
+    hintId = `${this.controlId}-hint`;
+    errorId = `${this.controlId}-error`;
+    defaultChecked = false;
+    static styles = styles;
+    get inputElement() {
+        return this.renderRoot.querySelector('input');
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.defaultChecked = this.checked;
+    }
+    firstUpdated() {
+        this.defaultChecked = this.checked;
+        this.syncFormValue();
+        this.syncValidity();
+    }
+    updated(changed) {
+        if (changed.has('checked') || changed.has('disabled') || changed.has('value')) {
+            this.syncFormValue();
+        }
+        if (changed.has('required') || changed.has('invalid') || changed.has('checked')) {
+            this.syncValidity();
+        }
+    }
+    formDisabledCallback(disabled) {
+        this.disabled = disabled;
+    }
+    formResetCallback() {
+        this.checked = this.defaultChecked;
+        this.syncFormValue();
+        this.syncValidity();
+    }
+    formStateRestoreCallback(state) {
+        if (state === null) {
+            this.checked = false;
+        }
+        else if (typeof state === 'string') {
+            this.checked = true;
+            this.value = state;
+        }
+        this.syncFormValue();
+        this.syncValidity();
+    }
+    syncFormValue() {
+        const value = this.disabled || !this.checked ? null : this.value;
+        this.internals.setFormValue(value);
+    }
+    syncValidity() {
+        const input = this.inputElement;
+        if (!input)
+            return;
+        if (this.invalid || this.hasSlotContent('error')) {
+            this.internals.setValidity({ customError: true }, 'Invalid', input);
+            return;
+        }
+        if (input.checkValidity()) {
+            this.internals.setValidity({});
+        }
+        else {
+            this.internals.setValidity(input.validity, input.validationMessage, input);
+        }
+    }
+    hasSlotContent(name) {
+        return hasSlotContent(this, name);
+    }
+    onSlotChange = (event) => {
+        const slot = event.target;
+        if (slot.name === 'error') {
+            this.syncValidity();
+        }
+        this.requestUpdate();
+    };
+    onChange = (event) => {
+        const input = event.target;
+        this.checked = input.checked;
+        this.syncFormValue();
+        this.syncValidity();
+    };
+    render() {
+        const hasLabel = this.hasSlotContent('label');
+        const hasHint = this.hasSlotContent('hint');
+        const hasError = this.hasSlotContent('error');
+        const describedBy = buildDescribedBy(this.ariaDescribedbyValue, hasHint ? this.hintId : null, hasError ? this.errorId : null);
+        const ariaInvalid = this.invalid || hasError ? 'true' : undefined;
+        const ariaLabel = hasLabel ? undefined : this.ariaLabelValue || undefined;
+        const ariaLabelledby = hasLabel ? undefined : this.ariaLabelledbyValue || undefined;
+        return html `
+      <div class="field">
+        <label part="control" class="control">
+          <span class="switch">
+            <input
+              part="base"
+              id=${this.controlId}
+              type="checkbox"
+              role="switch"
+              name=${this.name}
+              .value=${this.value}
+              ?checked=${this.checked}
+              ?disabled=${this.disabled}
+              ?required=${this.required}
+              aria-checked=${this.checked ? 'true' : 'false'}
+              aria-invalid=${ifDefined(ariaInvalid)}
+              aria-describedby=${ifDefined(describedBy)}
+              aria-label=${ifDefined(ariaLabel)}
+              aria-labelledby=${ifDefined(ariaLabelledby)}
+              @change=${this.onChange} />
+            <span part="track" class="track"></span>
+            <span part="thumb" class="thumb"></span>
+          </span>
+          <span part="label" class="control-text" ?hidden=${!hasLabel}>
+            <slot name="label" @slotchange=${this.onSlotChange}></slot>
+          </span>
+        </label>
+        <div part="hint" class="hint" id=${this.hintId} ?hidden=${!hasHint}>
+          <slot name="hint" @slotchange=${this.onSlotChange}></slot>
+        </div>
+        <div part="error" class="error" id=${this.errorId} ?hidden=${!hasError}>
+          <slot name="error" @slotchange=${this.onSlotChange}></slot>
+        </div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], UikSwitch.prototype, "value", null);
+__decorate([
+    property({ type: String, reflect: true, useDefault: true })
+], UikSwitch.prototype, "name", null);
+__decorate([
+    property({ type: Boolean, reflect: true, useDefault: true })
+], UikSwitch.prototype, "checked", null);
+__decorate([
+    property({ type: Boolean, reflect: true, useDefault: true })
+], UikSwitch.prototype, "disabled", null);
+__decorate([
+    property({ type: Boolean, reflect: true, useDefault: true })
+], UikSwitch.prototype, "required", null);
+__decorate([
+    property({ type: Boolean, reflect: true, useDefault: true })
+], UikSwitch.prototype, "invalid", null);
+__decorate([
+    property({ attribute: 'aria-label' })
+], UikSwitch.prototype, "ariaLabelValue", null);
+__decorate([
+    property({ attribute: 'aria-labelledby' })
+], UikSwitch.prototype, "ariaLabelledbyValue", null);
+__decorate([
+    property({ attribute: 'aria-describedby' })
+], UikSwitch.prototype, "ariaDescribedbyValue", null);
+UikSwitch = __decorate([
+    customElement('uik-switch')
+], UikSwitch);
+export { UikSwitch };
+//# sourceMappingURL=element.js.map

package/dist/src/atomic/control/uik-switch/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-switch/element.ts"],"names":[],"mappings":"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"}

package/dist/src/atomic/control/uik-switch/index.d.ts

@@ -0,0 +1,2 @@
+export { UikSwitch } from './element';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/atomic/control/uik-switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC"}

package/dist/src/atomic/control/uik-switch/index.js

@@ -0,0 +1,2 @@
+export { UikSwitch } from './element';
+//# sourceMappingURL=index.js.map

package/dist/src/atomic/control/uik-switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC"}

package/dist/src/atomic/control/uik-switch/styles.d.ts

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

package/dist/src/atomic/control/uik-switch/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-switch/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAmGlB,CAAC"}

package/dist/src/atomic/control/uik-switch/styles.js

@@ -0,0 +1,102 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+  }
+
+  .field {
+    display: grid;
+    gap: var(--uik-space-2);
+  }
+
+  .control {
+    display: inline-flex;
+    gap: var(--uik-space-2);
+    align-items: center;
+    font-size: var(--uik-typography-font-size-3);
+    line-height: var(--uik-typography-line-height-4);
+    color: oklch(var(--uik-text-default));
+    cursor: pointer;
+  }
+
+  .switch {
+    position: relative;
+    flex-shrink: 0;
+    width: var(--uik-component-switch-width);
+    height: var(--uik-component-switch-height);
+  }
+
+  input {
+    position: absolute;
+    inset: 0;
+    margin: var(--uik-space-0);
+    cursor: pointer;
+    opacity: var(--uik-opacity-0);
+  }
+
+  .track {
+    position: absolute;
+    inset: 0;
+    background-color: oklch(var(--uik-component-switch-track-bg-default));
+    border: var(--uik-border-width-1) solid oklch(var(--uik-component-switch-track-border-default));
+    border-radius: var(--uik-radius-full);
+    transition:
+      background-color var(--uik-motion-transition-colors),
+      border-color var(--uik-motion-transition-colors),
+      box-shadow var(--uik-motion-transition-shadow);
+  }
+
+  .thumb {
+    position: absolute;
+    top: var(--uik-component-switch-padding);
+    left: var(--uik-component-switch-padding);
+    width: var(--uik-component-switch-thumb-size);
+    height: var(--uik-component-switch-thumb-size);
+    background-color: oklch(var(--uik-component-switch-thumb-bg));
+    border-radius: var(--uik-radius-full);
+    box-shadow: var(--uik-component-switch-thumb-shadow);
+    transition: transform var(--uik-motion-transition-transform);
+  }
+
+  input:checked ~ .track {
+    background-color: oklch(var(--uik-component-switch-track-bg-checked));
+    border-color: oklch(var(--uik-component-switch-track-border-checked));
+  }
+
+  input:checked ~ .thumb {
+    transform: translateX(
+      calc(
+        var(--uik-component-switch-width) - var(--uik-component-switch-thumb-size) -
+          var(--uik-component-switch-padding) - var(--uik-component-switch-padding)
+      )
+    );
+  }
+
+  input:focus-visible ~ .track {
+    box-shadow:
+      0 0 0 var(--uik-focus-ring-offset-default) oklch(var(--uik-focus-ring-offset-bg)),
+      0 0 0 calc(var(--uik-focus-ring-offset-default) + var(--uik-focus-ring-width))
+        oklch(var(--uik-focus-ring-default) / var(--uik-focus-ring-opacity));
+  }
+
+  :host([disabled]) .control {
+    cursor: not-allowed;
+    opacity: var(--uik-field-disabled-opacity);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .track,
+    .thumb {
+      transition: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    input:focus-visible ~ .track {
+      outline: var(--uik-border-width-1) solid currentcolor;
+      outline-offset: var(--uik-space-1);
+      box-shadow: none;
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/src/atomic/control/uik-switch/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-switch/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmGxB,CAAC"}

package/dist/src/atomic/control/uik-textarea/element.d.ts

@@ -0,0 +1,37 @@
+import { LitElement } from 'lit';
+export declare class UikTextarea extends LitElement {
+    static formAssociated: boolean;
+    accessor placeholder: string;
+    accessor value: string;
+    accessor name: string;
+    accessor rows: number;
+    accessor disabled: boolean;
+    accessor required: boolean;
+    accessor readonly: boolean;
+    accessor invalid: boolean;
+    accessor ariaLabelValue: string;
+    accessor ariaLabelledbyValue: string;
+    accessor ariaDescribedbyValue: string;
+    private readonly internals;
+    private readonly controlId;
+    private readonly labelId;
+    private readonly hintId;
+    private readonly errorId;
+    private defaultValue;
+    static readonly styles: import("lit").CSSResult;
+    private get textareaElement();
+    connectedCallback(): void;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
+    private syncFormValue;
+    private syncValidity;
+    private hasSlotContent;
+    private onSlotChange;
+    private onChange;
+    private onInput;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=element.d.ts.map

package/dist/src/atomic/control/uik-textarea/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/control/uik-textarea/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AASrC,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,cAAc,UAAQ;IAEH,QAAQ,CAAC,WAAW,SAAM;IAC1B,QAAQ,CAAC,KAAK,SAAM;IACa,QAAQ,CAAC,IAAI,SAAM;IACpD,QAAQ,CAAC,IAAI,SAAK;IACgB,QAAQ,CAAC,QAAQ,UAAS;IAC1B,QAAQ,CAAC,QAAQ,UAAS;IAC1B,QAAQ,CAAC,QAAQ,UAAS;IAC1B,QAAQ,CAAC,OAAO,UAAS;IAChD,QAAQ,CAAC,cAAc,SAAM;IACxB,QAAQ,CAAC,mBAAmB,SAAM;IACjC,QAAQ,CAAC,oBAAoB,SAAM;IAE9E,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA0B;IACpD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA4B;IACtD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA6B;IACrD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA4B;IACnD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA6B;IACrD,OAAO,CAAC,YAAY,CAAM;IAE1B,gBAAyB,MAAM,0BAAU;IAEzC,OAAO,KAAK,eAAe,GAE1B;IAEQ,iBAAiB;IAKjB,YAAY;IAMZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAU9C,oBAAoB,CAAC,QAAQ,EAAE,OAAO;IAItC,iBAAiB;IAMjB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI;IAQ/D,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,QAAQ,CAKd;IAEF,OAAO,CAAC,OAAO,CAKb;IAEO,MAAM;CA8ChB"}