@ismail-elkorchi/ui-primitives 0.1.0 → 0.1.1

package/dist/src/atomic/overlay/uik-popover/styles.js

@@ -0,0 +1,56 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    position: relative;
+    display: inline-flex;
+  }
+
+  .trigger {
+    display: inline-flex;
+  }
+
+  .panel {
+    position: absolute;
+    z-index: var(--uik-z-local-overlay);
+    min-width: max-content;
+    padding: var(--uik-space-3) var(--uik-space-4);
+    color: oklch(var(--uik-text-default));
+    background-color: oklch(var(--uik-surface-popover));
+    border: var(--uik-border-width-1) solid oklch(var(--uik-border-default));
+    border-radius: var(--uik-radius-3);
+    box-shadow: var(--uik-elevation-popover-shadow);
+  }
+
+  .panel[data-placement='bottom-start'],
+  .panel[data-placement='bottom'],
+  .panel[data-placement='bottom-end'] {
+    top: calc(100% + var(--uik-space-2));
+  }
+
+  .panel[data-placement='top-start'],
+  .panel[data-placement='top'],
+  .panel[data-placement='top-end'] {
+    bottom: calc(100% + var(--uik-space-2));
+  }
+
+  .panel[data-placement='bottom-start'],
+  .panel[data-placement='top-start'] {
+    left: 0;
+  }
+
+  .panel[data-placement='bottom'],
+  .panel[data-placement='top'] {
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .panel[data-placement='bottom-end'],
+  .panel[data-placement='top-end'] {
+    right: 0;
+  }
+
+  .panel[hidden] {
+    display: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/src/atomic/overlay/uik-popover/styles.js.map

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

package/dist/src/composed/collection/uik-nav/element.d.ts

@@ -0,0 +1,41 @@
+import { LitElement } from 'lit';
+import type { TreeItemBase } from '../../../internal';
+export interface UikNavItem extends TreeItemBase {
+    href?: string;
+    target?: string;
+    rel?: string;
+}
+export interface UikNavSelectDetail {
+    id: string;
+    href?: string;
+    item: UikNavItem;
+}
+export interface UikNavToggleDetail {
+    id: string;
+    open: boolean;
+    item: UikNavItem;
+}
+export declare class UikNav extends LitElement {
+    accessor items: UikNavItem[];
+    accessor openIds: string[];
+    accessor currentId: string;
+    accessor ariaLabelValue: string;
+    accessor ariaLabelledbyValue: string;
+    static readonly styles: import("lit").CSSResult;
+    private emitSelect;
+    private emitToggle;
+    private getOpenSet;
+    private resolveOpenIds;
+    private toggleItem;
+    private onLinkClick;
+    private onLabelClick;
+    private renderToggleIcon;
+    private renderItem;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'uik-nav': UikNav;
+    }
+}
+//# sourceMappingURL=element.d.ts.map

package/dist/src/composed/collection/uik-nav/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../../src/composed/collection/uik-nav/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAqB,MAAM,KAAK,CAAC;AAOnD,OAAO,KAAK,EAAW,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAE9D,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,qBACa,MAAO,SAAQ,UAAU;IACN,QAAQ,CAAC,KAAK,EAAE,UAAU,EAAE,CAAM;IAClC,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAM;IACpC,QAAQ,CAAC,SAAS,SAAM;IACb,QAAQ,CAAC,cAAc,SAAM;IACxB,QAAQ,CAAC,mBAAmB,SAAM;IAE5E,gBAAyB,MAAM,0BAAU;IAEzC,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,WAAW,CAOjB;IAEF,OAAO,CAAC,YAAY,CAKlB;IAEF,OAAO,CAAC,gBAAgB;IAmBxB,OAAO,CAAC,UAAU;IA4DT,MAAM;CAYhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/src/composed/collection/uik-nav/element.js

@@ -0,0 +1,192 @@
+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, nothing, svg } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { styles } from './styles';
+import { buildTreeItems, collectTreeIds } from '../../../internal';
+let UikNav = class UikNav extends LitElement {
+    #items_accessor_storage = [];
+    get items() { return this.#items_accessor_storage; }
+    set items(value) { this.#items_accessor_storage = value; }
+    #openIds_accessor_storage = [];
+    get openIds() { return this.#openIds_accessor_storage; }
+    set openIds(value) { this.#openIds_accessor_storage = value; }
+    #currentId_accessor_storage = '';
+    get currentId() { return this.#currentId_accessor_storage; }
+    set currentId(value) { this.#currentId_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; }
+    static styles = styles;
+    emitSelect(item) {
+        const detail = { id: item.id, item };
+        if (item.href)
+            detail.href = item.href;
+        const navEvent = new CustomEvent('nav-select', {
+            detail,
+            bubbles: true,
+            composed: true,
+            cancelable: true,
+        });
+        this.dispatchEvent(navEvent);
+        return navEvent;
+    }
+    emitToggle(item, open) {
+        const detail = { id: item.id, open, item };
+        this.dispatchEvent(new CustomEvent('nav-toggle', { detail, bubbles: true, composed: true }));
+    }
+    getOpenSet() {
+        return new Set(this.openIds);
+    }
+    resolveOpenIds(nextOpen) {
+        const orderedIds = collectTreeIds(this.items);
+        return orderedIds.filter(id => nextOpen.has(id));
+    }
+    toggleItem(item) {
+        if (item.isDisabled)
+            return;
+        const openSet = this.getOpenSet();
+        const isOpen = openSet.has(item.id);
+        if (isOpen) {
+            openSet.delete(item.id);
+        }
+        else {
+            openSet.add(item.id);
+        }
+        this.openIds = this.resolveOpenIds(openSet);
+        this.emitToggle(item, !isOpen);
+    }
+    onLinkClick = (item, event) => {
+        if (item.isDisabled) {
+            event.preventDefault();
+            return;
+        }
+        const navEvent = this.emitSelect(item);
+        if (navEvent.defaultPrevented)
+            event.preventDefault();
+    };
+    onLabelClick = (item) => {
+        if (item.isDisabled)
+            return;
+        if (Array.isArray(item.children)) {
+            this.toggleItem(item);
+        }
+    };
+    renderToggleIcon(isOpen) {
+        const path = isOpen ? 'M5 9l7 7 7-7' : 'M9 5l7 7-7 7';
+        return svg `<svg
+      aria-hidden="true"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      style=${styleMap({
+            width: 'var(--uik-size-icon-sm)',
+            height: 'var(--uik-size-icon-sm)',
+        })}>
+      <path
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="var(--uik-border-width-1)"
+        d=${path}></path>
+    </svg>`;
+    }
+    renderItem(entry) {
+        const dataItem = entry.item;
+        const isOpen = entry.isBranch && entry.isExpanded;
+        const isCurrent = dataItem.id === this.currentId;
+        const depthValue = String(entry.depth);
+        const itemStyles = {
+            paddingInlineStart: `calc(var(--uik-component-nav-item-padding-x) + (var(--uik-component-nav-indent) * ${depthValue}))`,
+            paddingInlineEnd: 'var(--uik-component-nav-item-padding-x)',
+        };
+        const label = dataItem.href
+            ? html `
+          <a
+            part="link"
+            class="link"
+            data-current=${isCurrent ? 'true' : 'false'}
+            data-disabled=${dataItem.isDisabled ? 'true' : 'false'}
+            href=${ifDefined(dataItem.href ?? undefined)}
+            target=${ifDefined(dataItem.target ?? undefined)}
+            rel=${ifDefined(dataItem.rel ?? undefined)}
+            aria-current=${ifDefined(isCurrent ? 'page' : undefined)}
+            aria-disabled=${ifDefined(dataItem.isDisabled ? 'true' : undefined)}
+            tabindex=${ifDefined(dataItem.isDisabled ? '-1' : undefined)}
+            @click=${(event) => this.onLinkClick(dataItem, event)}>
+            ${dataItem.label}
+          </a>
+        `
+            : html `
+          <button
+            part="label"
+            class="label"
+            type="button"
+            data-disabled=${dataItem.isDisabled ? 'true' : 'false'}
+            aria-disabled=${ifDefined(dataItem.isDisabled ? 'true' : undefined)}
+            ?disabled=${dataItem.isDisabled ?? false}
+            @click=${() => this.onLabelClick(dataItem)}>
+            ${dataItem.label}
+          </button>
+        `;
+        return html `
+      <div part="item" class="item" style=${styleMap(itemStyles)} data-item-id=${dataItem.id}>
+        ${entry.isBranch
+            ? html `
+              <button
+                part="toggle"
+                class="toggle"
+                type="button"
+                ?disabled=${dataItem.isDisabled ?? false}
+                aria-label=${isOpen ? `Collapse ${dataItem.label}` : `Expand ${dataItem.label}`}
+                aria-expanded=${isOpen ? 'true' : 'false'}
+                @click=${() => this.toggleItem(dataItem)}>
+                ${this.renderToggleIcon(isOpen)}
+              </button>
+            `
+            : nothing}
+        ${label}
+      </div>
+    `;
+    }
+    render() {
+        const items = buildTreeItems(this.items, this.getOpenSet());
+        return html `
+      <nav
+        part="base"
+        class="nav"
+        aria-label=${ifDefined(this.ariaLabelValue || undefined)}
+        aria-labelledby=${ifDefined(this.ariaLabelledbyValue || undefined)}>
+        ${items.map(item => this.renderItem(item))}
+      </nav>
+    `;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], UikNav.prototype, "items", null);
+__decorate([
+    property({ attribute: false })
+], UikNav.prototype, "openIds", null);
+__decorate([
+    property({ type: String })
+], UikNav.prototype, "currentId", null);
+__decorate([
+    property({ attribute: 'aria-label' })
+], UikNav.prototype, "ariaLabelValue", null);
+__decorate([
+    property({ attribute: 'aria-labelledby' })
+], UikNav.prototype, "ariaLabelledbyValue", null);
+UikNav = __decorate([
+    customElement('uik-nav')
+], UikNav);
+export { UikNav };
+//# sourceMappingURL=element.js.map

package/dist/src/composed/collection/uik-nav/element.js.map

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

package/dist/src/composed/collection/uik-nav/index.d.ts

@@ -0,0 +1,3 @@
+export { UikNav } from './element';
+export type { UikNavItem, UikNavSelectDetail, UikNavToggleDetail } from './element';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/composed/collection/uik-nav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/composed/collection/uik-nav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAC;AACjC,YAAY,EAAC,UAAU,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,MAAM,WAAW,CAAC"}

package/dist/src/composed/collection/uik-nav/index.js

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

package/dist/src/composed/collection/uik-nav/index.js.map

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

package/dist/src/composed/collection/uik-nav/styles.d.ts

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

package/dist/src/composed/collection/uik-nav/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/composed/collection/uik-nav/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA8GlB,CAAC"}

package/dist/src/composed/collection/uik-nav/styles.js

@@ -0,0 +1,113 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+  }
+
+  .nav {
+    display: flex;
+    flex-direction: column;
+    gap: var(--uik-space-0);
+    width: 100%;
+    box-sizing: border-box;
+  }
+
+  .item {
+    display: flex;
+    align-items: center;
+    gap: var(--uik-component-nav-item-gap);
+    min-height: var(--uik-component-nav-item-height);
+    width: 100%;
+    box-sizing: border-box;
+  }
+
+  .toggle {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--uik-component-nav-item-height);
+    height: var(--uik-component-nav-item-height);
+    padding: var(--uik-space-0);
+    border: var(--uik-border-width-0) solid transparent;
+    background: none;
+    color: oklch(var(--uik-component-nav-toggle-fg));
+    cursor: pointer;
+  }
+
+  .toggle:focus-visible {
+    outline: none;
+    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));
+  }
+
+  .link,
+  .label {
+    flex: 1 1 auto;
+    min-width: var(--uik-space-0);
+    display: inline-flex;
+    align-items: center;
+    gap: var(--uik-component-nav-item-gap);
+    padding-inline: var(--uik-component-nav-item-padding-x);
+    padding-block: var(--uik-component-nav-item-padding-y);
+    border-radius: var(--uik-component-nav-item-radius);
+    border: var(--uik-border-width-0) solid oklch(var(--uik-component-nav-item-bg));
+    background-color: oklch(var(--uik-component-nav-item-bg));
+    font-family: var(--uik-typography-font-family-sans);
+    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-component-nav-text-default));
+    text-decoration: none;
+    cursor: pointer;
+  }
+
+  .label {
+    background-color: transparent;
+    border-color: transparent;
+  }
+
+  .link:hover {
+    background-color: oklch(var(--uik-component-nav-item-hover-bg));
+    color: oklch(var(--uik-component-nav-text-hover));
+  }
+
+  .link[data-current='true'] {
+    background-color: oklch(var(--uik-component-nav-item-active-bg));
+    color: oklch(var(--uik-component-nav-text-active));
+  }
+
+  .link[data-disabled='true']:hover,
+  .label[data-disabled='true']:hover {
+    background-color: oklch(var(--uik-component-nav-item-bg));
+    color: oklch(var(--uik-component-nav-text-default));
+  }
+
+  .link[data-disabled='true'],
+  .label[data-disabled='true'],
+  .toggle:disabled {
+    cursor: not-allowed;
+    opacity: var(--uik-field-disabled-opacity);
+  }
+
+  .link:focus-visible,
+  .label:focus-visible {
+    outline: none;
+    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));
+  }
+
+  @media (forced-colors: active) {
+    .link:focus-visible,
+    .label:focus-visible,
+    .toggle: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/composed/collection/uik-nav/styles.js.map

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

package/dist/src/composed/collection/uik-radio-group/element.d.ts

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+export declare class UikRadioGroup extends LitElement {
+    static formAssociated: boolean;
+    accessor value: string;
+    accessor name: string;
+    accessor orientation: 'vertical' | 'horizontal';
+    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 labelId;
+    private readonly hintId;
+    private readonly errorId;
+    private defaultValue;
+    private hasResolvedInitialValue;
+    static readonly styles: import("lit").CSSResult;
+    private get controlElement();
+    connectedCallback(): void;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
+    private getRadios;
+    private syncRadios;
+    private syncFormValue;
+    private syncValidity;
+    private hasSlotContent;
+    private onSlotChange;
+    private onRadioChange;
+    private onKeyDown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=element.d.ts.map

package/dist/src/composed/collection/uik-radio-group/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../../src/composed/collection/uik-radio-group/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAUrC,qBACa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,cAAc,UAAQ;IAEH,QAAQ,CAAC,KAAK,SAAM;IACa,QAAQ,CAAC,IAAI,SAAM;IACnB,QAAQ,CAAC,WAAW,EAAE,UAAU,GAAG,YAAY,CAAc;IAC5D,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,CAA+B;IACzD,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;IAC1B,OAAO,CAAC,uBAAuB,CAAS;IAExC,gBAAyB,MAAM,0BAAU;IAEzC,OAAO,KAAK,cAAc,GAEzB;IAEQ,iBAAiB;IAejB,YAAY;IAOZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAW9C,oBAAoB,CAAC,QAAQ,EAAE,OAAO;IAItC,iBAAiB;IAOjB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI;IAS/D,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,YAAY,CAelB;IAEF,OAAO,CAAC,aAAa,CAUnB;IAEF,OAAO,CAAC,SAAS,CAwBf;IAEO,MAAM;CAwChB"}