@revotech-group/revotech-ui-kit 0.0.61 → 0.0.63

package/dist/src/assets/icons/carousel-arrow-left.d.ts

@@ -0,0 +1 @@
+export declare function carouselArrowLeft(): import("lit-html").TemplateResult<2>;

package/dist/src/assets/icons/carousel-arrow-right.d.ts

@@ -0,0 +1 @@
+export declare function carouselArrowRight(): import("lit-html").TemplateResult<2>;

package/dist/src/assets/icons/index.d.ts

@@ -14,3 +14,5 @@ export * from './dot.icon';
 export * from './plus.icon';
 export * from './decrease.icon';
 export * from './chart.icon';
+export * from './carousel-arrow-left';
+export * from './carousel-arrow-right';

package/dist/src/components/index.d.ts

@@ -1,4 +1,2 @@
-export * from './atoms';
-export * from './molecules';
 export * from './ui';
 export * from './widgets';

package/dist/src/components/ui/accordion/accordion-content.d.ts

@@ -0,0 +1,20 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+declare class AccordionContent extends BaseElement {
+    private get _accordion();
+    private get _item();
+    protected getAttributesToExclude(): string[];
+    createRenderRoot(): this;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private _onAccordionClick;
+    private hasActiveState;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { AccordionContent };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-accordion-content': AccordionContent;
+    }
+}

package/dist/src/components/{atoms → ui}/accordion/accordion-item.d.ts

@@ -1,16 +1,16 @@
-import { PropertyValues } from 'lit-element';
 import { BaseElement } from '../../../helpers';
-import { Accordion } from './accordion.atoms';
 declare class AccordionItem extends BaseElement {
     value: string;
     tabindex: number;
-    static styles: import("lit-element").CSSResult[];
+    private _initialChildren;
+    private get _accordion();
     protected getAttributesToExclude(): string[];
+    createRenderRoot(): this;
     connectedCallback(): void;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
     disconnectedCallback(): void;
-    get _accordion(): Accordion | null;
-    handleClick: (event: MouseEvent) => void;
+    private _onClick;
+    private _onAccordionClick;
+    private filterChildren;
     render(): import("lit-html").TemplateResult<1>;
 }
 export { AccordionItem };

package/dist/src/components/{atoms → ui}/accordion/accordion-trigger.d.ts

@@ -1,15 +1,12 @@
-import { PropertyValues } from 'lit-element';
+import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
-import { Accordion, AccordionItem } from './accordion.atoms';
 declare class AccordionTrigger extends BaseElement {
-    onClickCallback?: (tabValue: string) => void;
-    static styles: import("lit-element").CSSResult[];
-    connectedCallback(): void;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private get _item();
+    private get _accordion();
     protected getAttributesToExclude(): string[];
-    get _accordion(): Accordion | null;
-    get _item(): AccordionItem | null;
-    hasActiveState(): Boolean;
+    createRenderRoot(): this;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private hasActiveState;
     render(): import("lit-html").TemplateResult<1>;
 }
 export { AccordionTrigger };

package/dist/src/components/{atoms/accordion/accordion.atoms.d.ts → ui/accordion/accordion.d.ts}

@@ -1,16 +1,19 @@
+import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { ACCORDION_GROUP_TYPE } from './accordion.defs';
 import { AccordionItem } from './accordion-item';
 import { AccordionTrigger } from './accordion-trigger';
 import { AccordionContent } from './accordion-content';
-import { ACCORDION_GROUP_TYPE } from './accordion.defs';
 declare class Accordion extends BaseElement {
-    static styles: import("lit").CSSResult[];
-    twCLass: string;
+    twClass: string;
     type: ACCORDION_GROUP_TYPE;
     selectedItems: string[];
+    private _initialChildren;
     protected getAttributesToExclude(): string[];
+    createRenderRoot(): this;
     connectedCallback(): void;
-    disconnectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    protected updated(changedProperties: PropertyValues): void;
     setSelectedItems(item: string): void;
     raiseEvent(value: string): void;
     render(): import("lit-html").TemplateResult<1>;

package/dist/src/components/ui/accordion/accordion.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+import { ACCORDION_GROUP_TYPE } from './accordion.defs';
+interface AccordionArgs {
+    type: ACCORDION_GROUP_TYPE;
+    twClass?: string;
+}
+declare const meta: Meta<AccordionArgs>;
+export default meta;
+type Story = StoryObj<AccordionArgs>;
+export declare const Default: Story;
+export declare const Multiple: Story;

package/dist/src/components/{atoms/alert/alert.atom.d.ts → ui/alert/alert.d.ts}

@@ -1,10 +1,10 @@
 import { LitElement } from 'lit';
-import { AlertTitle } from './alert-title';
-import { AlertDescription } from './alert-description';
 declare class Alert extends LitElement {
+    protected createRenderRoot(): this;
+    title: string;
+    message: string;
     twCLass: string;
-    static styles: import("lit").CSSResult[];
-    static alertVairants: (props?: ({
+    static alertVariants: (props?: ({
         variant?: "error" | "success" | "warning" | "info" | null | undefined;
         size?: "small" | "default" | "large" | null | undefined;
     } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -13,11 +13,9 @@ declare class Alert extends LitElement {
     private get alertClasses();
     render(): import("lit-html").TemplateResult<1>;
 }
-export { Alert, AlertDescription, AlertTitle };
+export { Alert };
 declare global {
     interface HTMLElementTagNameMap {
         'rtg-alert': Alert;
-        'rtg-alert-description': AlertDescription;
-        'rtg-alert-title': AlertTitle;
     }
 }

package/dist/src/components/ui/alert/alert.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const _default: Meta;
+export default _default;
+type Story = StoryObj;
+export declare const Alert: Story;
+export declare const SuccessAlert: Story;
+export declare const ErrorAlert: Story;
+export declare const SmallWarningAlert: Story;

package/dist/src/components/{atoms/aspect-ratio/aspect-ratio-atom.d.ts → ui/aspect-ratio/aspect-ratio.d.ts}

@@ -1,8 +1,10 @@
 import { LitElement } from 'lit';
 export declare class AspectRatio extends LitElement {
     twCLass: string;
-    static styles: import("lit").CSSResult[];
     ratio: number;
+    private _children;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/src/components/{atoms/badge/badge.atom.d.ts → ui/badge/badge.d.ts}

@@ -7,8 +7,10 @@ export declare class Badge extends BaseElement {
     twCLass: string;
     variant: badgeType.BadgeVariant;
     id: string;
-    static styles: import("lit").CSSResult[];
     protected getAttributesToExclude(): string[];
+    private _children;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/src/components/{atoms/collapsible/collapsible-content.d.ts → ui/breadcrumb/breadcrumb-ellipsis.d.ts}

@@ -1,11 +1,11 @@
 import { BaseElement } from '../../../helpers';
-export declare class CollapsibleContent extends BaseElement {
-    static styles: import("lit").CSSResult[];
+export declare class BreadCrumbEllipsis extends BaseElement {
     protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'rtg-collapsible-content': CollapsibleContent;
+        'rtg-bread-crumb-ellipsis': BreadCrumbEllipsis;
     }
 }

package/dist/src/components/ui/breadcrumb/breadcrumb-item.d.ts

@@ -0,0 +1,14 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+export declare class BreadCrumbItem extends BaseElement {
+    get _containerElement(): HTMLLIElement | null;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-bread-crumb-item': BreadCrumbItem;
+    }
+}

package/dist/src/components/ui/breadcrumb/breadcrumb-link.d.ts

@@ -0,0 +1,15 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+export declare class BreadCrumbLink extends BaseElement {
+    href: string;
+    get _containerElement(): HTMLAnchorElement | null;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-bread-crumb-link': BreadCrumbLink;
+    }
+}

package/dist/src/components/ui/breadcrumb/breadcrumb-list.d.ts

@@ -0,0 +1,14 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+export declare class BreadCrumbList extends BaseElement {
+    get _containerElement(): HTMLOListElement | null;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-bread-crumb-list': BreadCrumbList;
+    }
+}

package/dist/src/components/{molecules → ui}/breadcrumb/breadcrumb-separator.d.ts

@@ -1,6 +1,11 @@
 import { BaseElement } from '../../../helpers';
 export declare class BreadCrumbSeparator extends BaseElement {
-    static styles: import("lit").CSSResult[];
     protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
     render(): import("lit-html").TemplateResult<1>;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-bread-crumb-separator': BreadCrumbSeparator;
+    }
+}

package/dist/src/components/ui/breadcrumb/breadcrumb-text.d.ts

@@ -0,0 +1,14 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+export declare class BreadCrumbText extends BaseElement {
+    get _containerElement(): HTMLSpanElement | null;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-bread-crumb-text': BreadCrumbText;
+    }
+}

package/dist/src/components/ui/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,21 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+import { BreadCrumbEllipsis } from './breadcrumb-ellipsis';
+import { BreadCrumbItem } from './breadcrumb-item';
+import { BreadCrumbLink } from './breadcrumb-link';
+import { BreadCrumbList } from './breadcrumb-list';
+import { BreadCrumbSeparator } from './breadcrumb-separator';
+import { BreadCrumbText } from './breadcrumb-text';
+declare class BreadCrumb extends BaseElement {
+    get _containerElement(): HTMLElementTagNameMap['nav'] | null;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-bread-crumb': BreadCrumb;
+    }
+}
+export { BreadCrumbEllipsis, BreadCrumbItem, BreadCrumb, BreadCrumbSeparator, BreadCrumbText, BreadCrumbLink, BreadCrumbList, };

package/dist/src/components/{molecules → ui}/breadcrumb/breadcrumb.stories.d.ts

@@ -2,4 +2,3 @@ import { Meta, StoryFn } from '@storybook/web-components';
 declare const _default: Meta;
 export default _default;
 export declare const BreadCrumb: StoryFn;
-export declare const BreadCrumbWithDropdown: StoryFn;

package/dist/src/components/{atoms/button/button.atom.d.ts → ui/button/button.d.ts}

@@ -12,9 +12,11 @@ export declare class Button extends BaseElement {
     size: buttonType.ButtonSize;
     externalClass: string;
     isCustomClass: boolean;
-    static styles: import("lit").CSSResult[];
+    buttonElement: HTMLButtonElement;
     private handleClick;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected getAttributesToExclude(): string[];
+    protected firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/src/components/{atoms/calendar/calendar.atom.d.ts → ui/calendar/calendar.d.ts}

@@ -19,6 +19,7 @@ export declare class Calendar extends LitElement {
     nextMonth(): void;
     selectDate(day: number, isInactive: boolean): void;
     isDayInRange(day: Date): boolean;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/src/components/{atoms → ui}/card/card-content.d.ts

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

package/dist/src/components/{atoms → ui}/card/card-description.d.ts

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

package/dist/src/components/{atoms → ui}/card/card-footer.d.ts

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

package/dist/src/components/{atoms → ui}/card/card-header.d.ts

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

package/dist/src/components/{atoms → ui}/card/card-title.d.ts

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

package/dist/src/components/{atoms/card/card.atom.d.ts → ui/card/card.d.ts}

@@ -1,11 +1,15 @@
-import { LitElement } from 'lit';
+import { PropertyValues } from 'lit';
 import { CardTitle } from './card-title';
 import { CardHeader } from './card-header';
 import { CardFooter } from './card-footer';
 import { CardDescription } from './card-description';
 import { CardContent } from './card-content';
-declare class Card extends LitElement {
-    static styles: import("lit").CSSResult[];
+import { BaseElement } from '../../../helpers';
+declare class Card extends BaseElement {
+    wrapperDivElement: HTMLDivElement;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected getAttributesToExclude(): string[];
+    protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 export { Card, CardTitle, CardHeader, CardFooter, CardDescription, CardContent, };

package/dist/src/components/{atoms/carousel/carousel.atom.d.ts → ui/carousel/carousel.d.ts}

@@ -1,17 +1,21 @@
 import { LitElement } from 'lit';
 export declare class Carousel extends LitElement {
-    static styles: import("lit").CSSResult;
     currentIndex: number;
-    items: never[];
+    items: any[];
     twCLass: string;
-    orientation: string;
+    orientation: 'horizontal' | 'vertical';
     size: boolean;
     slides: HTMLElement;
+    createRenderRoot(): this;
+    firstUpdated(): void;
+    restructureSlides(): void;
+    getSlideClasses(): string;
     nextSlide(): void;
     prevSlide(): void;
     updateSlides(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    handleResize: () => void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/src/components/ui/collapsible/collapsible-content.d.ts

@@ -0,0 +1,17 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+export declare class CollapsibleContent extends BaseElement {
+    get _containerElement(): HTMLDivElement | null;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected getAttributesToExclude(): string[];
+    private _toggleHandler;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-collapsible-content': CollapsibleContent;
+    }
+}

package/dist/src/components/{atoms → ui}/collapsible/collapsible-trigger.d.ts

@@ -1,8 +1,11 @@
+import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
-import { Collapsible } from './collapsible.atom';
+import { Collapsible } from './collapsible';
 export declare class CollapsibleTrigger extends BaseElement {
-    static styles: import("lit").CSSResult[];
     protected getAttributesToExclude(): string[];
+    get _containerElement(): HTMLDivElement | null;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
     get _collapsible(): Collapsible | null;
     onTrigger(): void;
     render(): import("lit-html").TemplateResult<1>;

package/dist/src/components/{atoms/collapsible/collapsible.atom.d.ts → ui/collapsible/collapsible.d.ts}

@@ -1,17 +1,24 @@
+import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
 import { CollapsibleTrigger } from './collapsible-trigger';
 import { CollapsibleContent } from './collapsible-content';
 declare class Collapsible extends BaseElement {
-    static styles: import("lit").CSSResult[];
     open: boolean;
-    onOpenChange: () => void;
     twCLass: string;
     protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    get _containerElement(): HTMLDivElement | null;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private _clickHandler;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };
 declare global {
     interface HTMLElementTagNameMap {
         'rtg-collapsible': Collapsible;
+        'rtg-collapsible-trigger': CollapsibleTrigger;
+        'rtg-collapsible-content': CollapsibleContent;
     }
 }

package/dist/src/components/ui/combobox/combo-box-empty.d.ts

@@ -0,0 +1,14 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+declare class ComboBoxEmpty extends BaseElement {
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected getAttributesToExclude(): string[];
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { ComboBoxEmpty };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-combo-box-empty': ComboBoxEmpty;
+    }
+}

package/dist/src/components/ui/combobox/combo-box-group.d.ts

@@ -0,0 +1,37 @@
+import { PropertyValues } from 'lit';
+import { ComboBox } from './combo-box';
+import { BaseElement } from '../../../helpers';
+declare class ComboBoxGroup extends BaseElement {
+    searchKey: string;
+    focusedIndex: number;
+    selectedValue: string;
+    isOpen: boolean;
+    get comboBoxItems(): HTMLElement[];
+    get comboBoxInput(): import("./combo-box-input").ComboBoxInput | null;
+    get comboBoxEmpty(): import("./combo-box-empty").ComboBoxEmpty | null;
+    get hasResults(): boolean;
+    get filteredItems(): HTMLElement[];
+    get _comboBox(): ComboBox | null;
+    private handleComboBoxStateChanged;
+    private handleItemClicked;
+    private handleTriggerComboBox;
+    private moveChildren;
+    private handleKeyDown;
+    private handleMouseOver;
+    private renderFilteredItems;
+    private onSelectedValue;
+    protected getAttributesToExclude(): string[];
+    private boundHandleComboBoxStateChanged;
+    private boundHandleKeyDown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { ComboBoxGroup };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-combo-box-group': ComboBoxGroup;
+    }
+}

package/dist/src/components/{atoms → ui}/combobox/combo-box-input.d.ts

@@ -1,13 +1,13 @@
 import { LitElement } from 'lit';
 import { ComboBoxGroup } from './combo-box-group';
 declare class ComboBoxInput extends LitElement {
-    static styles: import("lit").CSSResult[];
     placeholder: string;
     twClass: string;
     searchValue: string;
     get _comboBoxGroup(): ComboBoxGroup | null;
     handleSearch(event: Event): void;
     handleKeyDown(event: Event): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
     render(): import("lit-html").TemplateResult<1>;
 }
 export { ComboBoxInput };

package/dist/src/components/{atoms → ui}/combobox/combo-box-item.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
 export declare class ComboBoxItem extends BaseElement {
     value: string;
@@ -9,10 +10,12 @@ export declare class ComboBoxItem extends BaseElement {
     selectItemIndex: number;
     onSelect: (_value: string, _index: number) => void;
     onMouseOver: (_event: Event, _index: number) => void;
-    static styles: import("lit").CSSResult[];
+    itemDivContainer: HTMLDivElement;
     protected getAttributesToExclude(): string[];
     connectedCallback(): void;
     handleClick: (event: Event) => void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/src/components/{atoms → ui}/combobox/combo-box-trigger.d.ts

@@ -1,8 +1,11 @@
-import { LitElement, PropertyValues } from 'lit';
-import { ComboBox } from './combo-box.atom';
-declare class ComboBoxTrigger extends LitElement {
-    static styles: import("lit").CSSResult[];
+import { PropertyValues } from 'lit';
+import { ComboBox } from './combo-box';
+import { BaseElement } from '../../../helpers';
+declare class ComboBoxTrigger extends BaseElement {
+    buttonElement: HTMLButtonElement;
     get _comboBox(): ComboBox | null;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     handleClick: () => void;
     render(): import("lit-html").TemplateResult<1>;

package/dist/src/components/{atoms → ui}/combobox/combo-box-value.d.ts

@@ -1,13 +1,13 @@
 import { LitElement, PropertyValues } from 'lit';
-import { ComboBox } from './combo-box.atom';
+import { ComboBox } from './combo-box';
 declare class ComboBoxValue extends LitElement {
     placeholder: string;
-    static styles: import("lit").CSSResult[];
     get _comboBox(): ComboBox | null;
     connectedCallback(): void;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     handleClick: () => void;
     renderLabel: () => string;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
     render(): import("lit-html").TemplateResult<1>;
 }
 export { ComboBoxValue };

package/dist/src/components/ui/combobox/combo-box.d.ts

@@ -0,0 +1,35 @@
+import { PropertyValues } from 'lit';
+import { ComboBoxEmpty } from './combo-box-empty';
+import { ComboBoxGroup } from './combo-box-group';
+import { ComboBoxInput } from './combo-box-input';
+import { ComboBoxItem } from './combo-box-item';
+import { ComboBoxTrigger } from './combo-box-trigger';
+import { ComboBoxValue } from './combo-box-value';
+import { BaseElement } from '../../../helpers';
+declare class ComboBox extends BaseElement {
+    isOpen: boolean;
+    selectedValue: string;
+    searchTerm: string;
+    focusedIndex: number;
+    filteredItems: string[];
+    uuid: string;
+    label: string;
+    items: never[];
+    parentDiveElement: HTMLDivElement;
+    constructor();
+    connectedCallback(): void;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    updated(changedProps: PropertyValues): void;
+    handleClickOutside: (e: MouseEvent) => void;
+    disconnectedCallback(): void;
+    selectItem(event: Event): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { ComboBox, ComboBoxEmpty, ComboBoxGroup, ComboBoxInput, ComboBoxItem, ComboBoxTrigger, ComboBoxValue, };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-combo-box': ComboBox;
+    }
+}