revotech-ui-kit 0.0.11 → 0.0.14

package/dist/src/components/atoms/dropdownMenu/dropdown-menu-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-group.js","sourceRoot":"","sources":["../../../../../src/components/atoms/dropdownMenu/dropdown-menu-group.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGpC,IAAM,iBAAiB,yBAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QACuB,YAAO,GAAG,EAAE,CAAC;QAEI,QAAG,GAAG,EAAE,CAAC;QAEA,YAAO,GAAG,EAAE,CAAC;IAiDrE,CAAC;IA3CC,IAAY,UAAU;QACpB,IAAI,IAAI,CAAC,GAAG,KAAK,EAAE,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC,GAAG,CAAC;QAClB,CAAC;QACD,MAAM,MAAM,GACV,IAAI,CAAC,aAAa,EAAE,UAAU,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;QACpE,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,mBAAiB,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC5E,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,GAAG,GAAG,cAAc,mBAAiB,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC1D,CAAC;QACD,OAAO,IAAI,CAAC,GAAG,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,MAAM,SAAS,GACb,kOAAkO,CAAC;QACrO,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,OAAO,KAAK,MAAM;YACnC,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,IAAI,CAAA;;qBAES,SAAS;;;kBAGZ,IAAI,CAAC,UAAU;;;;;oBAKb,IAAI,CAAC,UAAU;;gBAEnB,IAAI,CAAC,OAAO;;;;;iCAKK,IAAI,CAAC,UAAU;;;;;SAKvC,EAAE,CAAC;IACV,CAAC;;AA9Cc,0BAAQ,GAAG,CAAC,AAAJ,CAAK;AAErB,wBAAM,GAAG,CAAC,GAAG,CAAA,EAAE,EAAE,QAAQ,CAAC,AAApB,CAAqB;AARN;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAc;AAEI;IAA5C,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAU;AAEA;IAArD,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAc;AALxD,iBAAiB;IAD7B,aAAa,CAAC,yBAAyB,CAAC;GAC5B,iBAAiB,CAsD7B","sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { TWStyles } from '../../../styles';\n\n@customElement('rtg-dropdown-menu-group')\nexport class DropdownMenuGroup extends LitElement {\n  @property({ type: String }) heading = '';\n\n  @property({ attribute: 'id', type: String }) _id = '';\n\n  @property({ attribute: 'aria-hidden', type: String }) _hidden = '';\n\n  private static _counter = 0;\n\n  static styles = [css``, TWStyles];\n\n  private get identifier() {\n    if (this._id !== '') {\n      return this._id;\n    }\n    const parent =\n      this.parentElement?.shadowRoot?.querySelector('div[rtgcmd-list]');\n    if (parent) {\n      this._id = `${parent.getAttribute('id')}g${DropdownMenuGroup._counter++}`;\n    } else {\n      this._id = `rtgcmdrxlxg${DropdownMenuGroup._counter++}`;\n    }\n    return this._id;\n  }\n\n  render() {\n    const className =\n      'overflow-hidden p-1 text-foreground [&_[rtgcmd-group-heading]]:px-2 [&_[rtgcmd-group-heading]]:py-1.5 [&_[rtgcmd-group-heading]]:text-xs [&_[rtgcmd-group-heading]]:font-medium [&_[rtgcmd-group-heading]]:text-muted-foreground';\n    return html`${this._hidden === 'true'\n      ? nothing\n      : html`\n          <div\n            class=\"${className}\"\n            rtgcmd-group\n            role=\"presentation\"\n            id=\"${this.identifier}\"\n          >\n            <div\n              rtgcmd-group-heading\n              aria-hidden=\"true\"\n              id=\"${this.identifier}h\"\n            >\n              ${this.heading}\n            </div>\n            <div\n              rtgcmd-group-items\n              role=\"group\"\n              aria-labelledby=\"${this.identifier}h\"\n            >\n              <slot></slot>\n            </div>\n          </div>\n        `}`;\n  }\n}\n"]}

package/dist/src/components/atoms/dropdownMenu/dropdown-menu-item.d.ts

@@ -1,12 +0,0 @@
-import { LitElement } from 'lit';
-export declare class DropdownMenuItem extends LitElement {
-    _id: string;
-    _hidden: string;
-    private static _counter;
-    static styles: import("lit").CSSResult[];
-    private get identifier();
-    get value(): string;
-    selected: boolean;
-    private handleMouseEvent;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/src/components/atoms/dropdownMenu/dropdown-menu-item.js

@@ -1,78 +0,0 @@
-var DropdownMenuItem_1;
-import { __decorate } from "tslib";
-import { LitElement, html, css, nothing } from 'lit';
-import { property, customElement, } from 'lit/decorators.js';
-import { cn } from '../../../helpers';
-import { TWStyles } from '../../../styles';
-let DropdownMenuItem = DropdownMenuItem_1 = class DropdownMenuItem extends LitElement {
-    constructor() {
-        super(...arguments);
-        this._id = '';
-        this._hidden = '';
-        this.selected = false;
-    }
-    get identifier() {
-        if (this._id !== '') {
-            return this._id;
-        }
-        const parent = this.parentElement?.shadowRoot?.querySelector('div[rtgcmd-group]');
-        if (parent) {
-            this._id = `${parent.getAttribute('id')}li${DropdownMenuItem_1._counter++}`;
-        }
-        else {
-            this._id = `rtgcmdrxgxli${DropdownMenuItem_1._counter++}`;
-        }
-        return this._id;
-    }
-    get value() {
-        return this.textContent?.trim() || '';
-    }
-    handleMouseEvent(e) {
-        if (e.type === 'mouseover' || e.type === 'focus') {
-            this.selected = true;
-        }
-        if (e.type === 'mouseleave') {
-            this.selected = false;
-        }
-    }
-    render() {
-        return html ` ${this._hidden === 'true'
-            ? nothing
-            : html `
-          <div
-            class="${cn('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', this.className)}"
-            @mouseover="${this.handleMouseEvent}"
-            @mouseleave="${this.handleMouseEvent}"
-            @focus="${this.handleMouseEvent}"
-            rtgcmd-item
-            role="option"
-            aria-selected="${this.selected}"
-            data-selected="${this.selected}"
-            data-value="${this.value}"
-            id="${this.identifier}"
-            aria-hidden="${this.hidden}"
-          >
-            <slot></slot>
-          </div>
-        `}`;
-    }
-};
-DropdownMenuItem._counter = 0;
-DropdownMenuItem.styles = [css ``, TWStyles];
-__decorate([
-    property({ type: String })
-], DropdownMenuItem.prototype, "_id", void 0);
-__decorate([
-    property({ attribute: 'aria-hidden', type: String })
-], DropdownMenuItem.prototype, "_hidden", void 0);
-__decorate([
-    property({ attribute: 'data-value', type: String })
-], DropdownMenuItem.prototype, "value", null);
-__decorate([
-    property({ type: Boolean })
-], DropdownMenuItem.prototype, "selected", void 0);
-DropdownMenuItem = DropdownMenuItem_1 = __decorate([
-    customElement('rtg-dropdown-menu-item')
-], DropdownMenuItem);
-export { DropdownMenuItem };
-//# sourceMappingURL=dropdown-menu-item.js.map

package/dist/src/components/atoms/dropdownMenu/dropdown-menu-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-item.js","sourceRoot":"","sources":["../../../../../src/components/atoms/dropdownMenu/dropdown-menu-item.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EACL,QAAQ,EACR,aAAa,GAEd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGpC,IAAM,gBAAgB,wBAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QACuB,QAAG,GAAG,EAAE,CAAC;QAEiB,YAAO,GAAG,EAAE,CAAC;QAyBtC,aAAQ,GAAG,KAAK,CAAC;IAmChD,CAAC;IAtDC,IAAY,UAAU;QACpB,IAAI,IAAI,CAAC,GAAG,KAAK,EAAE,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC,GAAG,CAAC;QAClB,CAAC;QACD,MAAM,MAAM,GACV,IAAI,CAAC,aAAa,EAAE,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;QACrE,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,kBAAgB,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC5E,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,GAAG,GAAG,eAAe,kBAAgB,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC1D,CAAC;QACD,OAAO,IAAI,CAAC,GAAG,CAAC;IAClB,CAAC;IAGD,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACxC,CAAC;IAIO,gBAAgB,CAAC,CAAQ;QAC/B,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACjD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC;QACD,IAAI,CAAC,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;YAC5B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM;YACpC,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,IAAI,CAAA;;qBAES,EAAE,CACT,+NAA+N,EAC/N,IAAI,CAAC,SAAS,CACf;0BACa,IAAI,CAAC,gBAAgB;2BACpB,IAAI,CAAC,gBAAgB;sBAC1B,IAAI,CAAC,gBAAgB;;;6BAGd,IAAI,CAAC,QAAQ;6BACb,IAAI,CAAC,QAAQ;0BAChB,IAAI,CAAC,KAAK;kBAClB,IAAI,CAAC,UAAU;2BACN,IAAI,CAAC,MAAM;;;;SAI7B,EAAE,CAAC;IACV,CAAC;;AAzDc,yBAAQ,GAAG,CAAC,AAAJ,CAAK;AAErB,uBAAM,GAAG,CAAC,GAAG,CAAA,EAAE,EAAE,QAAQ,CAAC,AAApB,CAAqB;AANN;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAU;AAEiB;IAArD,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAc;AAqBnE;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAGnD;AAE4B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDAAkB;AA5BnC,gBAAgB;IAD5B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,gBAAgB,CA+D5B","sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport {\n  property,\n  customElement,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { cn } from '../../../helpers';\nimport { TWStyles } from '../../../styles';\n\n@customElement('rtg-dropdown-menu-item')\nexport class DropdownMenuItem extends LitElement {\n  @property({ type: String }) _id = '';\n\n  @property({ attribute: 'aria-hidden', type: String }) _hidden = '';\n\n  private static _counter = 0;\n\n  static styles = [css``, TWStyles];\n\n  private get identifier() {\n    if (this._id !== '') {\n      return this._id;\n    }\n    const parent =\n      this.parentElement?.shadowRoot?.querySelector('div[rtgcmd-group]');\n    if (parent) {\n      this._id = `${parent.getAttribute('id')}li${DropdownMenuItem._counter++}`;\n    } else {\n      this._id = `rtgcmdrxgxli${DropdownMenuItem._counter++}`;\n    }\n    return this._id;\n  }\n\n  @property({ attribute: 'data-value', type: String })\n  public get value() {\n    return this.textContent?.trim() || '';\n  }\n\n  @property({ type: Boolean }) selected = false;\n\n  private handleMouseEvent(e: Event) {\n    if (e.type === 'mouseover' || e.type === 'focus') {\n      this.selected = true;\n    }\n    if (e.type === 'mouseleave') {\n      this.selected = false;\n    }\n  }\n\n  render() {\n    return html` ${this._hidden === 'true'\n      ? nothing\n      : html`\n          <div\n            class=\"${cn(\n              'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n              this.className\n            )}\"\n            @mouseover=\"${this.handleMouseEvent}\"\n            @mouseleave=\"${this.handleMouseEvent}\"\n            @focus=\"${this.handleMouseEvent}\"\n            rtgcmd-item\n            role=\"option\"\n            aria-selected=\"${this.selected}\"\n            data-selected=\"${this.selected}\"\n            data-value=\"${this.value}\"\n            id=\"${this.identifier}\"\n            aria-hidden=\"${this.hidden}\"\n          >\n            <slot></slot>\n          </div>\n        `}`;\n  }\n}\n"]}

package/dist/src/components/atoms/dropdownMenu/dropdown-menu-radio-item.d.ts

@@ -1,15 +0,0 @@
-import { LitElement } from 'lit';
-export declare class DropdownMenuRadioItem extends LitElement {
-    _id: string;
-    _hidden: string;
-    private static _counter;
-    static styles: import("lit").CSSResult[];
-    private get identifier();
-    get value(): string;
-    selected: boolean;
-    private handleMouseEvent;
-    checked: boolean;
-    disabled: boolean;
-    toggleChecked(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/src/components/atoms/dropdownMenu/dropdown-menu-radio-item.js

@@ -1,116 +0,0 @@
-var DropdownMenuRadioItem_1;
-import { __decorate } from "tslib";
-import { LitElement, html, css, nothing } from 'lit';
-import { property, customElement } from 'lit/decorators.js';
-import { cn } from '../../../helpers';
-import { TWStyles } from '../../../styles';
-let DropdownMenuRadioItem = DropdownMenuRadioItem_1 = class DropdownMenuRadioItem extends LitElement {
-    constructor() {
-        super(...arguments);
-        this._id = '';
-        this._hidden = '';
-        this.selected = false;
-        this.checked = false; // Added `checked` state
-        this.disabled = false;
-    }
-    get identifier() {
-        if (this._id !== '') {
-            return this._id;
-        }
-        const parent = this.parentElement?.shadowRoot?.querySelector('div[rtgcmd-group]');
-        if (parent) {
-            this._id = `${parent.getAttribute('id')}li${DropdownMenuRadioItem_1._counter++}`;
-        }
-        else {
-            this._id = `rtgcmdrxgxli${DropdownMenuRadioItem_1._counter++}`;
-        }
-        return this._id;
-    }
-    get value() {
-        return this.textContent?.trim() || '';
-    }
-    handleMouseEvent(e) {
-        if (e.type === 'mouseover' || e.type === 'focus') {
-            this.selected = true;
-        }
-        if (e.type === 'mouseleave') {
-            this.selected = false;
-        }
-    }
-    toggleChecked() {
-        this.checked = !this.checked; // Toggle the checked state
-    }
-    render() {
-        return html `
-      <div
-        class="${cn('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground', this.disabled ? 'pointer-events-none opacity-50' : '', this.className)}"
-        @click=${this.toggleChecked}
-        @mouseover="${this.handleMouseEvent}"
-        @mouseleave="${this.handleMouseEvent}"
-        @focus="${this.handleMouseEvent}"
-        rtgcmd-item
-        role="option"
-        aria-selected="${this.selected}"
-        data-selected="${this.selected}"
-        data-value="${this.value}"
-        id="${this.identifier}"
-        aria-hidden="${this.hidden}"
-      >
-        <span
-          class="icon-space absolute left-2 flex items-center justify-center"
-        >
-          ${this.checked
-            ? html `
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="24"
-                  height="24"
-                  viewBox="0 0 15 15"
-                >
-                  <path
-                    fill="currentColor"
-                    d="M9.875 7.5a2.375 2.375 0 1 1-4.75 0a2.375 2.375 0 0 1 4.75 0"
-                  />
-                </svg>
-              `
-            : nothing}
-        </span>
-        <slot></slot>
-      </div>
-    `;
-    }
-};
-DropdownMenuRadioItem._counter = 0;
-DropdownMenuRadioItem.styles = [
-    css `
-      .icon-space {
-        width: 16px; /* Fixed width to reserve space for the check icon */
-        height: 16px;
-        display: inline-block;
-      }
-    `,
-    TWStyles,
-];
-__decorate([
-    property({ type: String })
-], DropdownMenuRadioItem.prototype, "_id", void 0);
-__decorate([
-    property({ attribute: 'aria-hidden', type: String })
-], DropdownMenuRadioItem.prototype, "_hidden", void 0);
-__decorate([
-    property({ attribute: 'data-value', type: String })
-], DropdownMenuRadioItem.prototype, "value", null);
-__decorate([
-    property({ type: Boolean })
-], DropdownMenuRadioItem.prototype, "selected", void 0);
-__decorate([
-    property({ type: Boolean })
-], DropdownMenuRadioItem.prototype, "checked", void 0);
-__decorate([
-    property({ type: Boolean })
-], DropdownMenuRadioItem.prototype, "disabled", void 0);
-DropdownMenuRadioItem = DropdownMenuRadioItem_1 = __decorate([
-    customElement('rtg-dropdown-menu-radio-item')
-], DropdownMenuRadioItem);
-export { DropdownMenuRadioItem };
-//# sourceMappingURL=dropdown-menu-radio-item.js.map

package/dist/src/components/atoms/dropdownMenu/dropdown-menu-radio-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-radio-item.js","sourceRoot":"","sources":["../../../../../src/components/atoms/dropdownMenu/dropdown-menu-radio-item.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGpC,IAAM,qBAAqB,6BAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QACuB,QAAG,GAAG,EAAE,CAAC;QAEiB,YAAO,GAAG,EAAE,CAAC;QAoCtC,aAAQ,GAAG,KAAK,CAAC;QAWjB,YAAO,GAAG,KAAK,CAAC,CAAC,wBAAwB;QACzC,aAAQ,GAAG,KAAK,CAAC;IAiDhD,CAAC;IAlFC,IAAY,UAAU;QACpB,IAAI,IAAI,CAAC,GAAG,KAAK,EAAE,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC,GAAG,CAAC;QAClB,CAAC;QACD,MAAM,MAAM,GACV,IAAI,CAAC,aAAa,EAAE,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;QACrE,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,YAAY,CAC/B,IAAI,CACL,KAAK,uBAAqB,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,GAAG,GAAG,eAAe,uBAAqB,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC/D,CAAC;QACD,OAAO,IAAI,CAAC,GAAG,CAAC;IAClB,CAAC;IAGD,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACxC,CAAC;IAIO,gBAAgB,CAAC,CAAQ;QAC/B,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACjD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC;QACD,IAAI,CAAC,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;YAC5B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,CAAC;IACH,CAAC;IAKD,aAAa;QACX,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,2BAA2B;IAC3D,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;iBAEE,EAAE,CACT,gKAAgK,EAChK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAAE,EACrD,IAAI,CAAC,SAAS,CACf;iBACQ,IAAI,CAAC,aAAa;sBACb,IAAI,CAAC,gBAAgB;uBACpB,IAAI,CAAC,gBAAgB;kBAC1B,IAAI,CAAC,gBAAgB;;;yBAGd,IAAI,CAAC,QAAQ;yBACb,IAAI,CAAC,QAAQ;sBAChB,IAAI,CAAC,KAAK;cAClB,IAAI,CAAC,UAAU;uBACN,IAAI,CAAC,MAAM;;;;;YAKtB,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;;;eAYH;YACH,CAAC,CAAC,OAAO;;;;KAIhB,CAAC;IACJ,CAAC;;AA9Fc,8BAAQ,GAAG,CAAC,AAAJ,CAAK;AAErB,4BAAM,GAAG;IACd,GAAG,CAAA;;;;;;KAMF;IACD,QAAQ;CACT,AATY,CASX;AAf0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAU;AAEiB;IAArD,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAc;AAgCnE;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAGnD;AAE4B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDAAkB;AAWjB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDAAiB;AAChB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDAAkB;AAnDnC,qBAAqB;IADjC,aAAa,CAAC,8BAA8B,CAAC;GACjC,qBAAqB,CAoGjC","sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { cn } from '../../../helpers';\nimport { TWStyles } from '../../../styles';\n\n@customElement('rtg-dropdown-menu-radio-item')\nexport class DropdownMenuRadioItem extends LitElement {\n  @property({ type: String }) _id = '';\n\n  @property({ attribute: 'aria-hidden', type: String }) _hidden = '';\n\n  private static _counter = 0;\n\n  static styles = [\n    css`\n      .icon-space {\n        width: 16px; /* Fixed width to reserve space for the check icon */\n        height: 16px;\n        display: inline-block;\n      }\n    `,\n    TWStyles,\n  ];\n\n  private get identifier() {\n    if (this._id !== '') {\n      return this._id;\n    }\n    const parent =\n      this.parentElement?.shadowRoot?.querySelector('div[rtgcmd-group]');\n    if (parent) {\n      this._id = `${parent.getAttribute(\n        'id'\n      )}li${DropdownMenuRadioItem._counter++}`;\n    } else {\n      this._id = `rtgcmdrxgxli${DropdownMenuRadioItem._counter++}`;\n    }\n    return this._id;\n  }\n\n  @property({ attribute: 'data-value', type: String })\n  public get value() {\n    return this.textContent?.trim() || '';\n  }\n\n  @property({ type: Boolean }) selected = false;\n\n  private handleMouseEvent(e: Event) {\n    if (e.type === 'mouseover' || e.type === 'focus') {\n      this.selected = true;\n    }\n    if (e.type === 'mouseleave') {\n      this.selected = false;\n    }\n  }\n\n  @property({ type: Boolean }) checked = false; // Added `checked` state\n  @property({ type: Boolean }) disabled = false;\n\n  toggleChecked() {\n    this.checked = !this.checked; // Toggle the checked state\n  }\n\n  render() {\n    return html`\n      <div\n        class=\"${cn(\n          'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground',\n          this.disabled ? 'pointer-events-none opacity-50' : '',\n          this.className\n        )}\"\n        @click=${this.toggleChecked}\n        @mouseover=\"${this.handleMouseEvent}\"\n        @mouseleave=\"${this.handleMouseEvent}\"\n        @focus=\"${this.handleMouseEvent}\"\n        rtgcmd-item\n        role=\"option\"\n        aria-selected=\"${this.selected}\"\n        data-selected=\"${this.selected}\"\n        data-value=\"${this.value}\"\n        id=\"${this.identifier}\"\n        aria-hidden=\"${this.hidden}\"\n      >\n        <span\n          class=\"icon-space absolute left-2 flex items-center justify-center\"\n        >\n          ${this.checked\n            ? html`\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"24\"\n                  height=\"24\"\n                  viewBox=\"0 0 15 15\"\n                >\n                  <path\n                    fill=\"currentColor\"\n                    d=\"M9.875 7.5a2.375 2.375 0 1 1-4.75 0a2.375 2.375 0 0 1 4.75 0\"\n                  />\n                </svg>\n              `\n            : nothing}\n        </span>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/src/components/atoms/dropdownMenu/dropdown-menu-seperator.d.ts

@@ -1,9 +0,0 @@
-import { LitElement } from 'lit';
-export declare class DropdownMenuSeparator extends LitElement {
-    _id: string;
-    _hidden: string;
-    private static _counter;
-    static styles: import("lit").CSSResult[];
-    private get identifier();
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/src/components/atoms/dropdownMenu/dropdown-menu-seperator.js

@@ -1,51 +0,0 @@
-var DropdownMenuSeparator_1;
-import { __decorate } from "tslib";
-import { LitElement, html, css, nothing } from 'lit';
-import { property, customElement } from 'lit/decorators.js';
-import { cn } from '../../../helpers';
-import { TWStyles } from '../../../styles';
-let DropdownMenuSeparator = DropdownMenuSeparator_1 = class DropdownMenuSeparator extends LitElement {
-    constructor() {
-        super(...arguments);
-        this._id = '';
-        this._hidden = '';
-    }
-    get identifier() {
-        if (this._id !== '') {
-            return this._id;
-        }
-        const parent = this.parentElement?.shadowRoot?.querySelector('div[rtgcmd-list]');
-        if (parent) {
-            this._id = `${parent.getAttribute('id')}s${DropdownMenuSeparator_1._counter++}`;
-        }
-        else {
-            this._id = `rtgcmdrxlxs${DropdownMenuSeparator_1._counter++}`;
-        }
-        return this._id;
-    }
-    render() {
-        return html `${this._hidden === 'true'
-            ? nothing
-            : html `
-          <div
-            class="${cn('-mx-1 h-px bg-border', this.className)}"
-            rtgcmd-separator
-            role="separator"
-            id="${this.identifier}"
-          ></div>
-        `}`;
-    }
-};
-DropdownMenuSeparator._counter = 0;
-DropdownMenuSeparator.styles = [css ``, TWStyles];
-__decorate([
-    property({ type: String })
-], DropdownMenuSeparator.prototype, "_id", void 0);
-__decorate([
-    property({ attribute: 'aria-hidden', type: String })
-], DropdownMenuSeparator.prototype, "_hidden", void 0);
-DropdownMenuSeparator = DropdownMenuSeparator_1 = __decorate([
-    customElement('rtg-dropdown-menu-separator')
-], DropdownMenuSeparator);
-export { DropdownMenuSeparator };
-//# sourceMappingURL=dropdown-menu-seperator.js.map

package/dist/src/components/atoms/dropdownMenu/dropdown-menu-seperator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-seperator.js","sourceRoot":"","sources":["../../../../../src/components/atoms/dropdownMenu/dropdown-menu-seperator.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGpC,IAAM,qBAAqB,6BAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QACuB,QAAG,GAAG,EAAE,CAAC;QAEiB,YAAO,GAAG,EAAE,CAAC;IAkCrE,CAAC;IA5BC,IAAY,UAAU;QACpB,IAAI,IAAI,CAAC,GAAG,KAAK,EAAE,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC,GAAG,CAAC;QAClB,CAAC;QACD,MAAM,MAAM,GACV,IAAI,CAAC,aAAa,EAAE,UAAU,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;QACpE,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,YAAY,CAC/B,IAAI,CACL,IAAI,uBAAqB,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,GAAG,GAAG,cAAc,uBAAqB,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC9D,CAAC;QACD,OAAO,IAAI,CAAC,GAAG,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,OAAO,KAAK,MAAM;YACnC,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,IAAI,CAAA;;qBAES,EAAE,CAAC,sBAAsB,EAAE,IAAI,CAAC,SAAS,CAAC;;;kBAG7C,IAAI,CAAC,UAAU;;SAExB,EAAE,CAAC;IACV,CAAC;;AA/Bc,8BAAQ,GAAG,CAAC,AAAJ,CAAK;AAErB,4BAAM,GAAG,CAAC,GAAG,CAAA,EAAE,EAAE,QAAQ,CAAC,AAApB,CAAqB;AANN;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAU;AAEiB;IAArD,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAc;AAHxD,qBAAqB;IADjC,aAAa,CAAC,6BAA6B,CAAC;GAChC,qBAAqB,CAqCjC","sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { cn } from '../../../helpers';\nimport { TWStyles } from '../../../styles';\n\n@customElement('rtg-dropdown-menu-separator')\nexport class DropdownMenuSeparator extends LitElement {\n  @property({ type: String }) _id = '';\n\n  @property({ attribute: 'aria-hidden', type: String }) _hidden = '';\n\n  private static _counter = 0;\n\n  static styles = [css``, TWStyles];\n\n  private get identifier() {\n    if (this._id !== '') {\n      return this._id;\n    }\n    const parent =\n      this.parentElement?.shadowRoot?.querySelector('div[rtgcmd-list]');\n    if (parent) {\n      this._id = `${parent.getAttribute(\n        'id'\n      )}s${DropdownMenuSeparator._counter++}`;\n    } else {\n      this._id = `rtgcmdrxlxs${DropdownMenuSeparator._counter++}`;\n    }\n    return this._id;\n  }\n\n  render() {\n    return html`${this._hidden === 'true'\n      ? nothing\n      : html`\n          <div\n            class=\"${cn('-mx-1 h-px bg-border', this.className)}\"\n            rtgcmd-separator\n            role=\"separator\"\n            id=\"${this.identifier}\"\n          ></div>\n        `}`;\n  }\n}\n"]}

package/dist/src/components/atoms/dropdownMenu/dropdown-menu-shortcut.d.ts

@@ -1,5 +0,0 @@
-import { LitElement } from 'lit';
-export declare class DropdownMenuShortcut extends LitElement {
-    static styles: import("lit").CSSResult[];
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/src/components/atoms/dropdownMenu/dropdown-menu-shortcut.js

@@ -1,20 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html, css } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { cn } from '../../../helpers';
-import { TWStyles } from '../../../styles';
-let DropdownMenuShortcut = class DropdownMenuShortcut extends LitElement {
-    render() {
-        return html `
-      <span class="${cn('ml-auto text-xs font-semibold', this.className)}">
-        <slot></slot>
-      </span>
-    `;
-    }
-};
-DropdownMenuShortcut.styles = [css ``, TWStyles];
-DropdownMenuShortcut = __decorate([
-    customElement('rtg-dropdown-menu-shortcut')
-], DropdownMenuShortcut);
-export { DropdownMenuShortcut };
-//# sourceMappingURL=dropdown-menu-shortcut.js.map

package/dist/src/components/atoms/dropdownMenu/dropdown-menu-shortcut.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu-shortcut.js","sourceRoot":"","sources":["../../../../../src/components/atoms/dropdownMenu/dropdown-menu-shortcut.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAW,MAAM,KAAK,CAAC;AACrD,OAAO,EAAY,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGpC,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAGlD,MAAM;QACJ,OAAO,IAAI,CAAA;qBACM,EAAE,CAAC,+BAA+B,EAAE,IAAI,CAAC,SAAS,CAAC;;;KAGnE,CAAC;IACJ,CAAC;;AARM,2BAAM,GAAG,CAAC,GAAG,CAAA,EAAE,EAAE,QAAQ,CAAC,AAApB,CAAqB;AADvB,oBAAoB;IADhC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,oBAAoB,CAUhC","sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { cn } from '../../../helpers';\nimport { TWStyles } from '../../../styles';\n\n@customElement('rtg-dropdown-menu-shortcut')\nexport class DropdownMenuShortcut extends LitElement {\n  static styles = [css``, TWStyles];\n\n  render() {\n    return html`\n      <span class=\"${cn('ml-auto text-xs font-semibold', this.className)}\">\n        <slot></slot>\n      </span>\n    `;\n  }\n}\n"]}

package/dist/src/components/atoms/dropdownMenu/dropdown-menu.atom.d.ts

@@ -1,14 +0,0 @@
-import { LitElement, PropertyValues } from 'lit';
-import './dropdown-menu-content';
-import './dropdown-menu-item';
-export declare class DropdownMenu extends LitElement {
-    static styles: import("lit").CSSResult[];
-    isOpen: boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    toggleDropdown(e: MouseEvent): void;
-    handleClickOutside: (e: MouseEvent) => void;
-    private get _content();
-    protected updated(_changedProperties: PropertyValues): void;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/src/components/atoms/dropdownMenu/dropdown-menu.atom.js

@@ -1,77 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html, css } from 'lit';
-import { customElement, state, } from 'lit/decorators.js';
-import { TWStyles } from '../../../styles';
-import './dropdown-menu-content';
-import { DropdownMenuContent } from './dropdown-menu-content';
-import './dropdown-menu-item';
-let DropdownMenu = class DropdownMenu extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.isOpen = false;
-        this.handleClickOutside = (e) => {
-            const target = e.target;
-            // Check if the clicked element is outside the dropdown
-            if (!this.shadowRoot?.contains(target)) {
-                this.isOpen = false; // Close the dropdown
-            }
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        document.addEventListener('click', this.handleClickOutside);
-    }
-    disconnectedCallback() {
-        document.removeEventListener('click', this.handleClickOutside);
-        super.disconnectedCallback();
-    }
-    toggleDropdown(e) {
-        e.stopPropagation(); // Prevent closing immediately on button click
-        this.isOpen = !this.isOpen;
-    }
-    get _content() {
-        const slot = this.shadowRoot?.querySelector('slot');
-        const children = slot?.assignedElements();
-        if (children) {
-            for (let index = 0; index < children.length; index++) {
-                if (children[index] instanceof DropdownMenuContent) {
-                    return children[index];
-                }
-            }
-        }
-        return null;
-    }
-    updated(_changedProperties) {
-        super.updated(_changedProperties);
-        const content = this._content;
-        if (content) {
-            content.dataset.state = this.isOpen ? 'open' : 'close';
-        }
-    }
-    render() {
-        return html `
-      <div >
-      <div>
-       <button data-ignore-outside-click class="inline-flex items-center justify-center whitespace-nowrap rounded-sm text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground  hover:bg-secondary/80 h-8 px-4 py-2" @click="${this.toggleDropdown}">
-          open
-        <buttom>
-       </div>
-        <div
-          class="flex h-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground border shadow-md"
-           style="display: ${this.isOpen ? 'block' : 'none'};width:260px"
-        >
-          <slot></slot>
-        </div>
-      </div>
-    `;
-    }
-};
-DropdownMenu.styles = [css ``, TWStyles];
-__decorate([
-    state()
-], DropdownMenu.prototype, "isOpen", void 0);
-DropdownMenu = __decorate([
-    customElement('rtg-dropdown-menu')
-], DropdownMenu);
-export { DropdownMenu };
-//# sourceMappingURL=dropdown-menu.atom.js.map

package/dist/src/components/atoms/dropdownMenu/dropdown-menu.atom.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu.atom.js","sourceRoot":"","sources":["../../../../../src/components/atoms/dropdownMenu/dropdown-menu.atom.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAA2B,MAAM,KAAK,CAAC;AACrE,OAAO,EAEL,aAAa,EACb,KAAK,GAEN,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,yBAAyB,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,sBAAsB,CAAC;AAGvB,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAGI,WAAM,GAAG,KAAK,CAAC;QAiBxB,uBAAkB,GAAG,CAAC,CAAa,EAAE,EAAE;YACrC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;YACvC,uDAAuD;YACvD,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;gBACvC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,qBAAqB;YAC5C,CAAC;QACH,CAAC,CAAC;IA2CJ,CAAC;IAhEC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC9D,CAAC;IAED,oBAAoB;QAClB,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC/D,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAED,cAAc,CAAC,CAAa;QAC1B,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,8CAA8C;QACnE,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;IAC7B,CAAC;IAUD,IAAY,QAAQ;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QACpD,MAAM,QAAQ,GAAG,IAAI,EAAE,gBAAgB,EAAE,CAAC;QAC1C,IAAI,QAAQ,EAAE,CAAC;YACb,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;gBACrD,IAAI,QAAQ,CAAC,KAAK,CAAC,YAAY,mBAAmB,EAAE,CAAC;oBACnD,OAAO,QAAQ,CAAC,KAAK,CAAwB,CAAC;gBAChD,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAES,OAAO,CAAC,kBAAkC;QAClD,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;QAClC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC9B,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QACzD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;2WAIN,IAAI,CAAC,cACP;;;;;;6BAMsB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;;;;KAKtD,CAAC;IACJ,CAAC;;AAnEM,mBAAM,GAAG,CAAC,GAAG,CAAA,EAAE,EAAE,QAAQ,CAAC,AAApB,CAAqB;AAEzB;IAAR,KAAK,EAAE;4CAAgB;AAHb,YAAY;IADxB,aAAa,CAAC,mBAAmB,CAAC;GACtB,YAAY,CAqExB","sourcesContent":["import { LitElement, html, css, nothing, PropertyValues } from 'lit';\nimport {\n  property,\n  customElement,\n  state,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { cn } from '../../../helpers';\nimport { TWStyles } from '../../../styles';\nimport './dropdown-menu-content';\nimport { DropdownMenuContent } from './dropdown-menu-content';\nimport './dropdown-menu-item';\n\n@customElement('rtg-dropdown-menu')\nexport class DropdownMenu extends LitElement {\n  static styles = [css``, TWStyles];\n\n  @state() isOpen = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener('click', this.handleClickOutside);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n    super.disconnectedCallback();\n  }\n\n  toggleDropdown(e: MouseEvent) {\n    e.stopPropagation(); // Prevent closing immediately on button click\n    this.isOpen = !this.isOpen;\n  }\n\n  handleClickOutside = (e: MouseEvent) => {\n    const target = e.target as HTMLElement;\n    // Check if the clicked element is outside the dropdown\n    if (!this.shadowRoot?.contains(target)) {\n      this.isOpen = false; // Close the dropdown\n    }\n  };\n\n  private get _content(): DropdownMenuContent | null {\n    const slot = this.shadowRoot?.querySelector('slot');\n    const children = slot?.assignedElements();\n    if (children) {\n      for (let index = 0; index < children.length; index++) {\n        if (children[index] instanceof DropdownMenuContent) {\n          return children[index] as DropdownMenuContent;\n        }\n      }\n    }\n\n    return null;\n  }\n\n  protected updated(_changedProperties: PropertyValues): void {\n    super.updated(_changedProperties);\n    const content = this._content;\n    if (content) {\n      content.dataset.state = this.isOpen ? 'open' : 'close';\n    }\n  }\n\n  render() {\n    return html`\n      <div >\n      <div>\n       <button data-ignore-outside-click class=\"inline-flex items-center justify-center whitespace-nowrap rounded-sm text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground  hover:bg-secondary/80 h-8 px-4 py-2\" @click=\"${\n         this.toggleDropdown\n       }\">\n          open\n        <buttom>\n       </div>\n        <div\n          class=\"flex h-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground border shadow-md\"\n           style=\"display: ${this.isOpen ? 'block' : 'none'};width:260px\"\n        >\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/src/components/atoms/dropdownMenu/dropdownMenu.stories.d.ts

@@ -1,15 +0,0 @@
-import './dropdown-menu-content';
-import './dropdown-menu-group';
-import './dropdown-menu-item';
-import './dropdown-menu-seperator';
-import './dropdown-menu.atom';
-import '../button/button.atom';
-import './dropdown-menu-checkbox-Item';
-import './dropdown-menu-radio-item';
-import './dropdown-menu-shortcut';
-import { Meta, StoryFn } from '@storybook/web-components';
-declare const _default: Meta;
-export default _default;
-export declare const DropdownMenu: StoryFn;
-export declare const DropdownMenuCheckbox: StoryFn;
-export declare const DropdownMenuRadio: StoryFn;