@revotech-group/revotech-ui-kit 0.0.62 → 0.0.64

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

@@ -1,18 +1,22 @@
 import { LitElement } from 'lit';
+
 export declare class Carousel extends LitElement {
-    static styles: import("lit").CSSResult;
     currentIndex: number;
-    items: never[];
-    twCLass: string;
-    orientation: string;
+    items: any[];
+    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;
-    render(): import("lit-html").TemplateResult<1>;
+    handleResize: () => void;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,4 +1,5 @@
-import { Meta, StoryFn } from '@storybook/web-components';
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+
 declare const _default: Meta;
 export default _default;
 export declare const Carousel: StoryFn;

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

@@ -1,16 +1,16 @@
 import { LitElement } from 'lit';
 import { CheckboxProperties } from './checkbox.type';
+
 export declare class Checkbox extends LitElement implements CheckboxProperties {
     disabled: boolean;
     checked: boolean;
     type: string;
     value: string;
     required: boolean;
-    twCLass: string;
     private _onClick;
     click(): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,4 +1,5 @@
-import type { Meta, StoryFn } from '@storybook/web-components';
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+
 declare const _default: Meta;
 export default _default;
 export declare const CheckboxWithRequired: StoryFn;

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

@@ -0,0 +1,18 @@
+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').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-collapsible-content': CollapsibleContent;
+    }
+}

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

@@ -1,11 +1,15 @@
+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>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -0,0 +1,25 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+import { CollapsibleTrigger } from './collapsible-trigger';
+import { CollapsibleContent } from './collapsible-content';
+
+declare class Collapsible extends BaseElement {
+    open: boolean;
+    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').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/{atoms → ui}/collapsible/collapsible.stories.d.ts

@@ -1,4 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj;

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

@@ -0,0 +1,15 @@
+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').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,38 @@
+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').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,14 +1,15 @@
 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;
-    render(): import("lit-html").TemplateResult<1>;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit').TemplateResult<1>;
 }
 export { ComboBoxInput };
 declare global {

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

@@ -1,4 +1,6 @@
+import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+
 export declare class ComboBoxItem extends BaseElement {
     value: string;
     key: string;
@@ -9,11 +11,13 @@ 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;
-    render(): import("lit-html").TemplateResult<1>;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -0,0 +1,19 @@
+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').TemplateResult<1>;
+}
+export { ComboBoxTrigger };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-combo-box-trigger': ComboBoxTrigger;
+    }
+}

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

@@ -1,14 +1,15 @@
 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;
-    render(): import("lit-html").TemplateResult<1>;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit').TemplateResult<1>;
 }
 export { ComboBoxValue };
 declare global {

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

@@ -0,0 +1,36 @@
+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').TemplateResult<1>;
+}
+export { ComboBox, ComboBoxEmpty, ComboBoxGroup, ComboBoxInput, ComboBoxItem, ComboBoxTrigger, ComboBoxValue, };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-combo-box': ComboBox;
+    }
+}

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

@@ -0,0 +1,11 @@
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+
+declare const _default: Meta;
+export default _default;
+interface ComboBoxArgs {
+    label: string;
+    empty: boolean;
+}
+export declare const Default: StoryFn<ComboBoxArgs>;
+export declare const Empty: StoryFn<ComboBoxArgs>;
+export declare const CustomPlaceholder: StoryFn<ComboBoxArgs>;

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

@@ -0,0 +1,5 @@
+export declare const comboBoxEmptyStyles = "py-6 text-center text-sm";
+export declare const comboBoxGroupStyles = "pointer-events-none invisible absolute z-50 mt-1 max-h-72 w-full origin-top scale-y-0 transform overflow-hidden overflow-y-auto rounded-md border border-gray-200 bg-white px-1 py-1 opacity-0 shadow-md transition-opacity duration-300 ease-out dark:border-neutral-700 dark:bg-neutral-900 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 [&::-webkit-scrollbar-track]:bg-gray-100 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 [&::-webkit-scrollbar]:w-2";
+export declare const comboBoxInputStyles = "flex h-8 w-full rounded border-0 bg-transparent px-2 py-2 text-sm shadow-none placeholder:text-muted-foreground focus:outline-none focus-visible:ring-0";
+export declare const comboBoxTriggerStyles = "z-20 flex h-10 flex-row-reverse items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50";
+export declare const comboBoxValueStyles = "line-clamp-1 flex w-[180px]";

package/dist/src/components/ui/command/command-empty.atom.d.ts

@@ -0,0 +1,19 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+
+export declare class CommandEmpty extends BaseElement {
+    _id: string;
+    _hidden: string;
+    private static _counter;
+    private get containerElement();
+    private get identifier();
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-command-empty': CommandEmpty;
+    }
+}

package/dist/src/components/ui/command/command-group.atom.d.ts

@@ -0,0 +1,20 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+
+export declare class CommandGroup extends BaseElement {
+    heading: string;
+    _id: string;
+    _hidden: string;
+    private static _counter;
+    private get itemsContainerElement();
+    private get identifier();
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected getAttributesToExclude(): string[];
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-command-group': CommandGroup;
+    }
+}

package/dist/src/components/ui/command/command-input.atom.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+
+export declare class CommandInput extends LitElement {
+    placeholder: string;
+    _value: string;
+    private get identifier();
+    private filterItems;
+    private handleChange;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-command-input': CommandInput;
+    }
+}

package/dist/src/components/ui/command/command-item.atom.d.ts

@@ -0,0 +1,24 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+
+export declare class CommandItem extends BaseElement {
+    private static _counter;
+    selected: boolean;
+    _id: string;
+    _hidden: string;
+    onSelect: () => void;
+    private get containerElement();
+    private get identifier();
+    get value(): string;
+    private handleMouseEvent;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected getAttributesToExclude(): string[];
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-command-item': CommandItem;
+    }
+}

package/dist/src/components/ui/command/command-list.atom.d.ts

@@ -0,0 +1,16 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+
+export declare class CommandList extends BaseElement {
+    private get identifier();
+    private get containerElement();
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected getAttributesToExclude(): string[];
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-command-list': CommandList;
+    }
+}

package/dist/src/components/ui/command/command-separator.atom.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+
+export declare class CommandSeparator extends LitElement {
+    _id: string;
+    _hidden: string;
+    private static _counter;
+    private get identifier();
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-command-seperator': CommandSeparator;
+    }
+}

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

@@ -0,0 +1,22 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+import { CommandInput } from './command-input.atom';
+import { CommandEmpty } from './command-empty.atom';
+import { CommandGroup } from './command-group.atom';
+import { CommandList } from './command-list.atom';
+import { CommandItem } from './command-item.atom';
+import { CommandSeparator } from './command-separator.atom';
+
+declare class Command extends BaseElement {
+    get containerElement(): HTMLDivElement | null;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit').TemplateResult<1>;
+}
+export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-command': Command;
+    }
+}

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

@@ -0,0 +1,7 @@
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+
+declare const _default: Meta;
+export default _default;
+declare const Command: StoryFn;
+export { Command };
+export declare const CommandWithPopover: StoryFn;

package/dist/src/components/ui/command/command.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const commandStyles = "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground border shadow-md";
+export declare const commandEmptyStyles = "py-6 text-center text-sm";
+export declare const commandGroupStyles = "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";
+export declare const commandInputStyles = "flex items-center border-b px-3";
+export declare const commandItemStyles = "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 hover:bg-gray-100 focus:outline-none  focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200  dark:focus:bg-neutral-800";
+export declare const commandListStyles = "max-h-[300px] overflow-y-auto overflow-x-hidden";
+export declare const commandSeparatorStyles = "-mx-1 h-px bg-border";

package/dist/src/components/ui/context-menu/context-menu-checkbox-Item.d.ts

@@ -0,0 +1,17 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+
+export declare class ContextMenuCheckboxItem extends BaseElement {
+    _id: string;
+    get value(): string;
+    selected: boolean;
+    get _containerElement(): HTMLDivElement | null;
+    protected getAttributesToExclude(): string[];
+    private handleMouseEvent;
+    checked: boolean;
+    disabled: boolean;
+    toggleChecked(): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit').TemplateResult<1>;
+}

package/dist/src/components/ui/context-menu/context-menu-content.d.ts

@@ -0,0 +1,15 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+
+export declare class ContextMenuContent extends BaseElement {
+    isOpen: boolean;
+    constructor();
+    get _containerElement(): HTMLDivElement | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleClickOutside(event: MouseEvent): void;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit').TemplateResult<1>;
+}

package/dist/src/components/ui/context-menu/context-menu-group.d.ts

@@ -0,0 +1,11 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+
+export declare class ContextMenuGroup extends BaseElement {
+    heading: string;
+    get _containerElement(): HTMLDivElement | null;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected getAttributesToExclude(): string[];
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit').TemplateResult<1>;
+}

package/dist/src/components/ui/context-menu/context-menu-item.d.ts

@@ -0,0 +1,13 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+
+export declare class ContextMenuItem extends BaseElement {
+    get _containerElement(): HTMLDivElement | null;
+    protected getAttributesToExclude(): string[];
+    get value(): string;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit').TemplateResult<1>;
+}

package/dist/src/components/ui/context-menu/context-menu-radio-item.d.ts

@@ -0,0 +1,17 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+
+export declare class ContextMenuRadioItem extends BaseElement {
+    _id: string;
+    get value(): string;
+    get _containerElement(): HTMLDivElement | null;
+    protected getAttributesToExclude(): string[];
+    selected: boolean;
+    private handleMouseEvent;
+    checked: boolean;
+    disabled: boolean;
+    toggleChecked(): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit').TemplateResult<1>;
+}

package/dist/src/components/ui/context-menu/context-menu-seperator.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+
+export declare class ContextMenuSeparator extends LitElement {
+    _id: string;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit').TemplateResult<1>;
+}

package/dist/src/components/ui/context-menu/context-menu-shortcut.d.ts

@@ -0,0 +1,10 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+
+export declare class ContextMenuShortcut extends BaseElement {
+    get _containerElement(): HTMLSpanElement | null;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit').TemplateResult<1>;
+}

package/dist/src/components/ui/context-menu/context-menu-trigger.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+
+export declare class ContextTrigger extends LitElement {
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit').TemplateResult<1>;
+}

package/dist/src/components/{atoms/context-menu/context-menu.atom.d.ts → ui/context-menu/context-menu.d.ts}

@@ -1,4 +1,4 @@
-import { LitElement, PropertyValues } from 'lit';
+import { PropertyValues } from 'lit';
 import { ContextMenuContent } from './context-menu-content';
 import { ContextMenuCheckboxItem } from './context-menu-checkbox-Item';
 import { ContextMenuGroup } from './context-menu-group';
@@ -6,19 +6,26 @@ import { ContextMenuItem } from './context-menu-item';
 import { ContextMenuRadioItem } from './context-menu-radio-item';
 import { ContextMenuSeparator } from './context-menu-seperator';
 import { ContextMenuShortcut } from './context-menu-shortcut';
-declare class ContextMenu extends LitElement {
-    static styles: import("lit").CSSResult[];
+import { ContextTrigger } from './context-menu-trigger';
+import { BaseElement } from '../../../helpers';
+
+declare class ContextMenu extends BaseElement {
     isOpen: boolean;
+    get _containerElement(): HTMLDivElement | null;
+    get _triggerElement(): HTMLElement | null;
+    private get _content();
     connectedCallback(): void;
     disconnectedCallback(): void;
     toggleDropdown(e: MouseEvent): void;
     handleClickOutside: (e: MouseEvent) => void;
-    private get _content();
     protected updated(_changedProperties: PropertyValues): void;
     private _handleRadioSelected;
-    render(): import("lit-html").TemplateResult<1>;
+    protected getAttributesToExclude(): string[];
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit').TemplateResult<1>;
 }
-export { ContextMenu, ContextMenuContent, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuItem, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, };
+export { ContextMenu, ContextMenuContent, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuItem, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextTrigger, };
 declare global {
     interface HTMLElementTagNameMap {
         'rtg-context-menu': ContextMenu;
@@ -29,5 +36,6 @@ declare global {
         'rtg-context-menu-radio-item': ContextMenuRadioItem;
         'rtg-context-menu-separator': ContextMenuSeparator;
         'rtg-context-menu-shortcut': ContextMenuShortcut;
+        'rtg-context-menu-trigger': ContextTrigger;
     }
 }