@sondor-technology/sondor-components 1.0.1-develop.12 → 1.0.1-develop.14

package/dist/components/drawer/drawer.js

@@ -4,46 +4,71 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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, nothing } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { resetStyles } from '../../styles/reset.js';
+import { LitElement, html, css } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { resetStyles } from "../../styles/reset.js";
 let StDrawer = class StDrawer extends LitElement {
     constructor() {
         super(...arguments);
         this.open = false;
-        this.placement = 'left';
+        this.placement = "left";
         this.mobileOnly = false;
         this._touchStartX = 0;
         this._currentTranslateX = 0;
         this._isDragging = false;
+        this._handleKeyDown = (e) => {
+            if (e.key === "Escape" && this.open) {
+                this._close();
+            }
+        };
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        // Manage side-effects when the drawer opens or closes
+        if (changedProperties.has("open")) {
+            if (this.open) {
+                document.addEventListener("keydown", this._handleKeyDown);
+                document.body.style.overflow = "hidden"; // Lock background scroll
+            }
+            else {
+                document.removeEventListener("keydown", this._handleKeyDown);
+                document.body.style.overflow = ""; // Restore background scroll
+            }
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        // Safety cleanup in case the component is destroyed while open
+        document.removeEventListener("keydown", this._handleKeyDown);
+        document.body.style.overflow = "";
     }
     _close() {
         this.open = false;
-        const panel = this.shadowRoot?.querySelector('.panel');
+        const panel = this.shadowRoot?.querySelector(".panel");
         if (panel)
-            panel.style.transform = '';
-        this.dispatchEvent(new CustomEvent('st-close', { bubbles: true, composed: true }));
+            panel.style.transform = "";
+        this.dispatchEvent(new CustomEvent("st-close", { bubbles: true, composed: true }));
     }
     _handleTouchStart(e) {
         this._touchStartX = e.touches[0].clientX;
         this._isDragging = true;
-        const panel = this.shadowRoot?.querySelector('.panel');
+        const panel = this.shadowRoot?.querySelector(".panel");
         if (panel)
-            panel.style.transition = 'none';
+            panel.style.transition = "none"; // Disable animation for 1:1 finger tracking
     }
     _handleTouchMove(e) {
         if (!this._isDragging)
             return;
         const currentX = e.touches[0].clientX;
         const diff = currentX - this._touchStartX;
-        const panel = this.shadowRoot?.querySelector('.panel');
+        const panel = this.shadowRoot?.querySelector(".panel");
         if (!panel)
             return;
-        if (this.placement === 'left' && diff < 0) {
+        if (this.placement === "left" && diff < 0) {
             this._currentTranslateX = diff;
             panel.style.transform = `translateX(${diff}px)`;
         }
-        else if (this.placement === 'right' && diff > 0) {
+        else if (this.placement === "right" && diff > 0) {
             this._currentTranslateX = diff;
             panel.style.transform = `translateX(${diff}px)`;
         }
@@ -52,35 +77,36 @@ let StDrawer = class StDrawer extends LitElement {
         if (!this._isDragging)
             return;
         this._isDragging = false;
-        const panel = this.shadowRoot?.querySelector('.panel');
+        const panel = this.shadowRoot?.querySelector(".panel");
         if (panel)
-            panel.style.transition = '';
+            panel.style.transition = ""; // Restore CSS animations
         const threshold = 70;
-        if ((this.placement === 'left' && this._currentTranslateX < -threshold) ||
-            (this.placement === 'right' && this._currentTranslateX > threshold)) {
+        if ((this.placement === "left" && this._currentTranslateX < -threshold) ||
+            (this.placement === "right" && this._currentTranslateX > threshold)) {
             this._close();
         }
         else if (panel) {
-            panel.style.transform = '';
+            // Snap back if swipe wasn't far enough
+            panel.style.transform = "";
         }
         this._currentTranslateX = 0;
     }
     render() {
-        if (!this.open)
-            return nothing;
         return html `
       <div class="overlay" @click=${this._close}></div>
-      <div 
-        class="panel" 
-        role="dialog" 
+      <div
+        class="panel"
+        role="dialog"
         aria-modal="true"
+        aria-labelledby="drawer-title"
         @click=${(e) => e.stopPropagation()}
         @touchstart=${this._handleTouchStart}
         @touchmove=${this._handleTouchMove}
         @touchend=${this._handleTouchEnd}
       >
         <div class="header">
-          <span class="title"><slot name="header">Menu</slot></span>
+          <!-- Added id="drawer-title" to link the slot content to the dialog name -->
+          <span class="title" id="drawer-title"><slot name="header">Menu</slot></span>
           <button class="close-btn" @click=${this._close} aria-label="Close Drawer">
             <svg viewBox="0 0 24 24"><path d="M18 6L6 18M6 6l12 12"></path></svg>
           </button>
@@ -102,6 +128,7 @@ StDrawer.styles = [
       :host([mobile-only]) {
         display: block;
       }
+
       @media (min-width: 768px) {
         :host([mobile-only]) {
           display: none !important;
@@ -119,12 +146,17 @@ StDrawer.styles = [
         z-index: 1000;
         display: flex;
         opacity: 0;
+        /* Delay visibility hidden until opacity finishes transitioning */
+        visibility: hidden;
         pointer-events: none;
-        transition: opacity 0.25s ease-in-out;
+        transition:
+          opacity 0.25s ease-in-out,
+          visibility 0.25s;
       }
 
       :host([open]) .overlay {
         opacity: 1;
+        visibility: visible;
         pointer-events: auto;
       }
 
@@ -132,18 +164,28 @@ StDrawer.styles = [
         position: fixed;
         top: 0;
         bottom: 0;
-        width: auto;
+        width: var(--st-drawer-width, 320px);
         max-width: 90vw;
         background-color: var(--st-color-surface, #ffffff);
-        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
         display: flex;
         flex-direction: column;
         z-index: 1001;
         overflow-y: auto;
-        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+        visibility: hidden;
+        /* Remove box shadow when closed to prevent viewport bleeding */
+        box-shadow: none;
+        transition:
+          transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
+          visibility 0.3s,
+          box-shadow 0.3s;
         touch-action: pan-y;
       }
 
+      :host([open]) .panel {
+        visibility: visible;
+        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
+      }
+
       /* Slide from Left */
       :host([placement="left"]) .panel {
         left: 0;
@@ -209,7 +251,7 @@ StDrawer.styles = [
         padding: var(--st-spacing-lg);
         flex: 1;
       }
-    `
+    `,
 ];
 __decorate([
     property({ type: Boolean, reflect: true })
@@ -218,9 +260,10 @@ __decorate([
     property({ type: String, reflect: true })
 ], StDrawer.prototype, "placement", void 0);
 __decorate([
-    property({ type: Boolean, attribute: 'mobile-only', reflect: true })
+    property({ type: Boolean, attribute: "mobile-only", reflect: true })
 ], StDrawer.prototype, "mobileOnly", void 0);
 StDrawer = __decorate([
-    customElement('st-drawer')
+    customElement("st-drawer")
 ], StDrawer);
 export { StDrawer };
+//# sourceMappingURL=drawer.js.map

package/dist/components/drawer/drawer.js.map

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

package/dist/components/field/field.d.ts

@@ -1,11 +1,11 @@
-import { LitElement } from 'lit';
+import { LitElement } from "lit";
 export declare class StField extends LitElement {
     static styles: import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'st-field': StField;
+        "st-field": StField;
     }
 }
 //# sourceMappingURL=field.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/components/field/field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,4BAWX;IAEF,MAAM,yCAIL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/components/field/field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAI1C,qBACa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,4BAWX;IAEF,MAAM,yCAEL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/components/field/field.js

@@ -4,14 +4,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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, } from 'lit/decorators.js';
-import { resetStyles } from '../../styles/reset.js';
+import { LitElement, html, css } from "lit";
+import { customElement } from "lit/decorators.js";
+import { resetStyles } from "../../styles/reset.js";
 let StField = class StField extends LitElement {
     render() {
-        return html `
-      <slot></slot>
-    `;
+        return html ` <slot></slot> `;
     }
 };
 StField.styles = [
@@ -22,11 +20,12 @@ StField.styles = [
         flex-direction: column;
         gap: var(--st-spacing-xs, 0.25rem);
         width: 100%;
-        margin-bottom: var(--st-spacing-md, 0.25rem);
+        margin-bottom: var(--st-spacing-md, 1rem);
       }
-    `
+    `,
 ];
 StField = __decorate([
-    customElement('st-field')
+    customElement("st-field")
 ], StField);
 export { StField };
+//# sourceMappingURL=field.js.map

package/dist/components/field/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../src/components/field/field.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAG3C,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAcrC,MAAM;QACJ,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;CACF,CAAA;AAhBQ,cAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;KAQF;CACF,AAXY,CAWX;AAZS,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAiBnB"}

package/dist/components/footer/footer.d.ts

@@ -1,6 +1,13 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 export declare class StFooter extends LitElement {
+    company: string;
     static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'st-footer': StFooter;
+    }
+}
 //# sourceMappingURL=footer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/footer/footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAI1C,qBACa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,4BAuCX;IAEF,MAAM,yCASL;CACF"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/footer/footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,QAAS,SAAQ,UAAU;IACV,OAAO,SAAY;IAE/C,MAAM,CAAC,MAAM,4BAoDX;IAEF,iBAAiB,SAKhB;IAED,MAAM,yCAYL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/components/footer/footer.js

@@ -4,18 +4,31 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 } from "lit/decorators.js";
-import { resetStyles } from "../../styles/reset";
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { resetStyles } from '../../styles/reset.js';
 let StFooter = class StFooter extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.company = 'Sondor';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.hasAttribute('role')) {
+            this.setAttribute('role', 'contentinfo');
+        }
+    }
     render() {
         return html `
-      <footer>
-        <slot></slot>
+      <!-- 🚀 Changed to a standard div to avoid duplicate landmarks -->
+      <div class="footer-container">
         <div class="links">
-          <span>&copy; ${new Date().getFullYear()} Sondor.</span>
+          <slot></slot>
         </div>
-      </footer>
+        <div class="copyright">
+          <span>&copy; ${new Date().getFullYear()} ${this.company}.</span>
+        </div>
+      </div>
     `;
     }
 };
@@ -27,10 +40,11 @@ StFooter.styles = [
         border-top: 1px solid var(--st-color-border);
         background-color: var(--st-color-surface);
         padding: var(--st-spacing-lg, 2rem) 0;
-        margin-top: auto; /* Pushes footer to the bottom of the page */
+        margin-top: auto;
       }
 
-      footer {
+      /* 🚀 Changed from 'footer' to a class */
+      .footer-container {
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -42,10 +56,15 @@ StFooter.styles = [
         font-size: 0.875rem;
       }
 
-      /* Wrapper for footer links */
       .links {
         display: flex;
         gap: var(--st-spacing-md, 1rem);
+        flex-wrap: wrap;
+        justify-content: center;
+      }
+
+      .copyright {
+        text-align: center;
       }
 
       ::slotted(a) {
@@ -57,9 +76,20 @@ StFooter.styles = [
       ::slotted(a:hover) {
         color: var(--st-color-primary);
       }
-    `,
+      
+      ::slotted(a:focus-visible) {
+        color: var(--st-color-primary);
+        outline: 2px solid var(--st-color-primary);
+        outline-offset: 4px;
+        border-radius: 2px;
+      }
+    `
 ];
+__decorate([
+    property({ type: String })
+], StFooter.prototype, "company", void 0);
 StFooter = __decorate([
-    customElement("st-footer")
+    customElement('st-footer')
 ], StFooter);
 export { StFooter };
+//# sourceMappingURL=footer.js.map

package/dist/components/footer/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/components/footer/footer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAG7C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QACuB,YAAO,GAAG,QAAQ,CAAC;IA4EjD,CAAC;IApBC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;YAC/B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;yBAOU,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,OAAO;;;KAG5D,CAAC;IACJ,CAAC;CACF,CAAA;AA1EQ,eAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiDF;CACF,AApDY,CAoDX;AAtD0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAoB;AADpC,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CA6EpB"}

package/dist/components/form/form-step.js

@@ -42,3 +42,4 @@ StFormStep = __decorate([
     customElement("st-form-step")
 ], StFormStep);
 export { StFormStep };
+//# sourceMappingURL=form-step.js.map

package/dist/components/form/form-step.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-step.js","sourceRoot":"","sources":["../../../src/components/form/form-step.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAG3C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QACqB,UAAK,GAAG,EAAE,CAAC;QACK,WAAM,GAAG,KAAK,CAAC;IAsB3D,CAAC;IAHC,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AAhBQ,iBAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;KAQF;CACF,AAXY,CAWX;AAlBwB;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;yCAAY;AACK;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;0CAAgB;AAIzD;IADC,QAAQ,CAAC,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC;4CACe;AANjC,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAwBtB"}

package/dist/components/form/form.d.ts

@@ -7,11 +7,14 @@ export declare class StForm extends LitElement {
     private _currentStepIndex;
     private _formEl;
     private _modalFooterEl;
+    private _modalBackBtn;
+    private _modalSubmitBtn;
     private get _steps();
     static styles: import("lit").CSSResult[];
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changedProperties: PropertyValues<this>): void;
+    private _handleGlobalKeyDown;
     private _updateModalFooter;
     private _handleSlotChange;
     private _updateStepVisibility;

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

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/form/form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAK1D,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;AAE9D,qBACa,MAAO,SAAQ,UAAU;IACK,MAAM,EAAE,UAAU,CAAc;IAC/B,OAAO,UAAS;IAChC,KAAK,SAAM;IAE5B,OAAO,CAAC,iBAAiB,CAAK;IAExB,OAAO,CAAC,OAAO,CAAmB;IAEjD,OAAO,CAAC,cAAc,CAA4B;IAElD,OAAO,KAAK,MAAM,GAEjB;IAED,MAAM,CAAC,MAAM,4BAqIX;IAEO,iBAAiB,SAMzB;IAEQ,oBAAoB,SAM5B;IAEQ,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,QAGvD;IAED,OAAO,CAAC,kBAAkB;IAmD1B,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,qBAAqB;YAQf,uBAAuB;IAiFrC,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,gBAAgB;YAkCV,aAAa;IA6B3B,MAAM,yCAsFL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/form/form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAK1D,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;AAE9D,qBACa,MAAO,SAAQ,UAAU;IACK,MAAM,EAAE,UAAU,CAAc;IAC/B,OAAO,UAAS;IAChC,KAAK,SAAM;IAE5B,OAAO,CAAC,iBAAiB,CAAK;IAExB,OAAO,CAAC,OAAO,CAAmB;IAEjD,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,eAAe,CAA4B;IAEnD,OAAO,KAAK,MAAM,GAEjB;IAED,MAAM,CAAC,MAAM,4BA4IX;IAEO,iBAAiB,SAQzB;IAEQ,oBAAoB,SAO5B;IAEQ,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,QAGvD;IAED,OAAO,CAAC,oBAAoB,CAS1B;IAEF,OAAO,CAAC,kBAAkB;IA8D1B,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,qBAAqB;YAQf,uBAAuB;IA2ErC,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,gBAAgB;YAiCV,aAAa;IA6B3B,MAAM,yCAgGL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}