@revotech-group/revotech-ui-kit 0.2.3 → 0.2.4

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-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-command-seperator': CommandSeparator;
+    }
+}

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

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

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

@@ -0,0 +1,6 @@
+export declare function calendarIcon(): import('lit-html').TemplateResult<1>;
+export declare function smileIcon(): import('lit-html').TemplateResult<1>;
+export declare function calculatorIcon(): import('lit-html').TemplateResult<1>;
+export declare function userIcon(): import('lit-html').TemplateResult<1>;
+export declare function creditCardIcon(): import('lit-html').TemplateResult<1>;
+export declare function settingsIcon(): import('lit-html').TemplateResult<1>;

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,15 @@
+export declare const commandStyles: {
+    root: string[];
+    input: {
+        wrapper: string[];
+        icon: string[];
+        input: string[];
+    };
+    list: string[];
+    empty: string[];
+    group: string[];
+    heading: string[];
+    separator: string[];
+    item: string[];
+    shortcut: string[];
+};

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

@@ -0,0 +1,17 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+
+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-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,15 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+
+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-html').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-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,14 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+
+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;
+    disabled: boolean;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,17 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+
+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-html').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-html').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-html').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-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,41 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+import { ContextMenuCheckboxItem } from './context-menu-checkbox-Item';
+import { ContextMenuContent } from './context-menu-content';
+import { ContextMenuGroup } from './context-menu-group';
+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';
+import { ContextTrigger } from './context-menu-trigger';
+
+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;
+    protected updated(_changedProperties: PropertyValues): void;
+    private _handleRadioSelected;
+    protected getAttributesToExclude(): string[];
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextTrigger, };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-context-menu': ContextMenu;
+        'rtg-context-menu-checkbox-item': ContextMenuCheckboxItem;
+        'rtg-context-menu-group': ContextMenuGroup;
+        'rtg-context-menu-content': ContextMenuContent;
+        'rtg-context-menu-item': ContextMenuItem;
+        'rtg-context-menu-radio-item': ContextMenuRadioItem;
+        'rtg-context-menu-separator': ContextMenuSeparator;
+        'rtg-context-menu-shortcut': ContextMenuShortcut;
+        'rtg-context-menu-trigger': ContextTrigger;
+    }
+}

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

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

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

@@ -0,0 +1,20 @@
+export declare const contextMenuStyles: {
+    root: string[];
+    trigger: string[];
+    content: string[];
+    group: string[];
+    item: string[];
+    checkboxItem: {
+        base: string[];
+        span: string[];
+        icon: string[];
+    };
+    radioItem: {
+        base: string[];
+        span: string[];
+        icon: string[];
+    };
+    label: string[];
+    separator: string[];
+    shortcut: string[];
+};

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

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

package/dist/src/components/ui/data-table/data-table.d.ts

@@ -0,0 +1,40 @@
+import { html, PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+
+export declare class Table extends BaseElement {
+    placeholder: string;
+    dataTable: Array<any>;
+    checkedRows: Record<string, boolean>;
+    searchTerm: string;
+    columnVisibility: Record<string, boolean>;
+    sortColumn: string | null;
+    sortDirection: 'asc' | 'desc';
+    cellRenderers: Record<string, (value: any, row: any) => unknown>;
+    headerRenderers?: Record<string, (info: any) => ReturnType<typeof html>>;
+    rowActions?: Array<{
+        label: string;
+        action: (row: any) => void;
+    }>;
+    paginationLabels: string[];
+    pageSize: number;
+    currentPage: number;
+    get _containerElement(): HTMLTableElement | null;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private get totalPages();
+    private goToPage;
+    private get paginatedData();
+    private toggleSort;
+    private toggleColumnVisibility;
+    private isColumnVisible;
+    private get filteredData();
+    handleSearchChange(event: Event): void;
+    private get columnKeys();
+    private capitalizeLabel;
+    private areAllRowsChecked;
+    private handleHeaderCheckboxChange;
+    private handleRowCheckboxChange;
+    private get selectedRowCount();
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/data-table/data-table.stories.d.ts

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

package/dist/src/components/ui/date-picker/date-picker.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+
+export declare class DatePicker extends LitElement {
+    selectedDate: Date | null;
+    private handleDateSelected;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-date-picker': DatePicker;
+    }
+}

package/dist/src/components/ui/date-picker/date-picker.stories.d.ts

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

package/dist/src/components/ui/date-picker/date-picker.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const datePickerStyles: {
+    root: string[];
+    trigger: string[];
+    triggerButton: string[];
+    content: string[];
+};

package/dist/src/components/ui/dialog/dialog-close.d.ts

@@ -0,0 +1,16 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValueMap } from 'lit';
+
+export declare class DialogClose extends BaseElement {
+    private get _dialog();
+    private get _containerElement();
+    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-dialog-close': DialogClose;
+    }
+}

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

@@ -0,0 +1,16 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+
+export declare class DialogContent extends BaseElement {
+    state: string;
+    showCloseButton: boolean;
+    private get _containerElement();
+    private get ـcomponentElement();
+    private get _dialog();
+    private handleCloseButtonClick;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/dialog/dialog-footer.d.ts

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

package/dist/src/components/ui/dialog/dialog-header.d.ts

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

package/dist/src/components/ui/dialog/dialog-overly.d.ts

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

package/dist/src/components/ui/dialog/dialog-trigger.d.ts

@@ -0,0 +1,12 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValueMap } from 'lit';
+
+export declare class DialogTrigger extends BaseElement {
+    private get _dialog();
+    private get _containerElement();
+    handleClick: () => void;
+    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,31 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+import { DialogClose } from './dialog-close';
+import { DialogContent } from './dialog-content';
+import { DialogFooter } from './dialog-footer';
+import { DialogHeader } from './dialog-header';
+import { DialogOverlay } from './dialog-overly';
+import { DialogTrigger } from './dialog-trigger';
+
+declare class Dialog extends BaseElement {
+    state: string;
+    private get _containerElement();
+    private get _content();
+    protected updated(_changedProperties: PropertyValues): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected getAttributesToExclude(): string[];
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader, DialogOverlay, DialogTrigger, };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-dialog': Dialog;
+        'rtg-dialog-trigger': DialogTrigger;
+        'rtg-dialog-content': DialogContent;
+        'rtg-dialog-close': DialogClose;
+        'rtg-dialog-footer': DialogFooter;
+        'rtg-dialog-header': DialogHeader;
+        'rtg-dialog-overlay': DialogOverlay;
+    }
+}

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

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

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

@@ -0,0 +1,17 @@
+export declare const dialogStyles: {
+    root: string[];
+    trigger: string[];
+    close: string[];
+    overlay: string[];
+    content: {
+        base: string[];
+        close: {
+            base: string[];
+            icon: string[];
+        };
+    };
+    header: string[];
+    footer: string[];
+    title: string[];
+    description: string[];
+};

package/dist/src/components/ui/drawer/drawer-close.d.ts

@@ -0,0 +1,16 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValueMap } from 'lit';
+
+export declare class DrawerClose extends BaseElement {
+    private get _drawer();
+    private get _containerElement();
+    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): Promise<void>;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-drawer-close': DrawerClose;
+    }
+}

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

@@ -0,0 +1,15 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+import { TDrawerState } from './drawer.helpers';
+
+export declare class DrawerContent extends BaseElement {
+    state: TDrawerState;
+    connectedCallback(): void;
+    private get _containerElement();
+    private get ـcomponentElement();
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/drawer/drawer-description.d.ts

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

package/dist/src/components/ui/drawer/drawer-footer.d.ts

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

package/dist/src/components/ui/drawer/drawer-header.d.ts

@@ -0,0 +1,9 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+
+export declare class DrawerHeader extends BaseElement {
+    private get _containerElement();
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/drawer/drawer-overlay.d.ts

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

package/dist/src/components/ui/drawer/drawer-title.d.ts

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

package/dist/src/components/ui/drawer/drawer-trigger.d.ts

@@ -0,0 +1,12 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValueMap } from 'lit';
+
+export declare class DrawerTrigger extends BaseElement {
+    private get _drawer();
+    private get _containerElement();
+    handleClick: () => void;
+    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,41 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+import { DrawerClose } from './drawer-close';
+import { DrawerContent } from './drawer-content';
+import { DrawerDescription } from './drawer-description';
+import { DrawerFooter } from './drawer-footer';
+import { DrawerHeader } from './drawer-header';
+import { DrawerOverlay } from './drawer-overlay';
+import { DrawerTitle } from './drawer-title';
+import { DrawerTrigger } from './drawer-trigger';
+import { TDrawerState } from './drawer.helpers';
+
+declare class Drawer extends BaseElement {
+    private get _containerElement();
+    state: TDrawerState;
+    private get _content();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    private handleOutsideClick;
+    private setupOutsideClickHandler;
+    private removeOutsideClickHandler;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected getAttributesToExclude(): string[];
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-drawer': Drawer;
+        'rtg-drawer-trigger': DrawerTrigger;
+        'rtg-drawer-content': DrawerContent;
+        'rtg-drawer-close': DrawerClose;
+        'rtg-drawer-footer': DrawerFooter;
+        'rtg-drawer-header': DrawerHeader;
+        'rtg-drawer-overlay': DrawerOverlay;
+        'rtg-drawer-discription': DrawerDescription;
+        'rtg-drawer-title': DrawerTitle;
+    }
+}

package/dist/src/components/ui/drawer/drawer.helpers.d.ts

@@ -0,0 +1,2 @@
+export type TDrawerState = 'open' | 'closed';
+export declare const DRAWER_STATE: Record<TDrawerState, TDrawerState>;

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

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

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

@@ -0,0 +1,14 @@
+export declare const drawerStyles: {
+    root: string[];
+    trigger: string[];
+    close: string[];
+    overlay: string[];
+    content: {
+        base: string[];
+        thumb: string[];
+    };
+    header: string[];
+    footer: string[];
+    title: string[];
+    description: string[];
+};