@revotech-group/revotech-ui-kit 0.1.43 → 0.2.0

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

@@ -1,13 +1,13 @@
+import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-import { ContextMenuContent } from './context-menu-content';
 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';
-import { BaseElement } from '../../../helpers';
 
 declare class ContextMenu extends BaseElement {
     isOpen: boolean;
@@ -25,7 +25,7 @@ declare class ContextMenu extends BaseElement {
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     render(): import('lit').TemplateResult<1>;
 }
-export { ContextMenu, ContextMenuContent, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuItem, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextTrigger, };
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextTrigger, };
 declare global {
     interface HTMLElementTagNameMap {
         'rtg-context-menu': ContextMenu;

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

@@ -1,7 +1,20 @@
-export declare const contextmenuCheckboxStyles = "rtg-relative rtg-flex rtg-cursor-default rtg-select-none rtg-items-center rtg-rounded-sm rtg-px-2 rtg-py-1.5 rtg-text-sm rtg-outline-none aria-selected:rtg-bg-accent aria-selected:rtg-text-accent-foreground";
-export declare const contextmenuContentStyles = "rtg-z-50 rtg-min-w-[8rem] rtg-overflow-hidden rtg-rounded-md rtg-border rtg-bg-popover rtg-p-1 rtg-text-popover-foreground rtg-shadow-md data-[state=open]:rtg-animate-in data-[state=closed]:rtg-animate-out data-[state=closed]:rtg-fade-out-0 data-[state=open]:rtg-fade-in-0 data-[state=closed]:rtg-zoom-out-95 data-[state=open]:rtg-zoom-in-95 data-[side=bottom]:rtg-slide-in-from-top-2 data-[side=left]:rtg-slide-in-from-right-2 data-[side=right]:rtg-slide-in-from-left-2 data-[side=top]:rtg-slide-in-from-bottom-2";
-export declare const contextmenuGroupStyles = "rtg-overflow-hidden rtg-p-1 rtg-text-foreground [&_[rtgcmd-group-heading]]:rtg-px-2 [&_[rtgcmd-group-heading]]:rtg-py-1.5 [&_[rtgcmd-group-heading]]:rtg-text-xs [&_[rtgcmd-group-heading]]:rtg-font-medium [&_[rtgcmd-group-heading]]:rtg-text-muted-foreground";
-export declare const contextmenuItemStyles = "rtg-relative rtg-flex rtg-cursor-default rtg-select-none rtg-items-center rtg-rounded-sm rtg-px-2 rtg-py-1.5 rtg-text-sm rtg-outline-none focus:bg-accent focus:rtg-text-accent-foreground data-[disabled]:rtg-pointer-events-none data-[disabled]:rtg-opacity-50 hover:rtg-bg-accent hover:rtg-text-accent-foreground";
-export declare const contextmenuRadioItemStyles = "rtg-relative rtg-flex rtg-cursor-default rtg-select-none rtg-items-center rtg-rounded-sm rtg-px-2 rtg-py-1.5 rtg-text-sm rtg-outline-none aria-selected:rtg-bg-accent aria-selected:rtg-text-accent-foreground";
-export declare const contextmenuSeparatorStyles = "rtg-mx-1 rtg-h-px rtg-bg-border";
-export declare const contextmenuShortcutStyles = "rtg-ml-auto rtg-text-xs rtg-font-semibold";
+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/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

@@ -1,5 +1,5 @@
-import { PropertyValueMap } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValueMap } from 'lit';
 
 export declare class DialogClose extends BaseElement {
     private get _dialog();

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

@@ -3,6 +3,7 @@ import { PropertyValues } from 'lit';
 
 export declare class DialogContent extends BaseElement {
     state: string;
+    showCloseButton: boolean;
     private get _containerElement();
     private get ـcomponentElement();
     private get _dialog();

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

@@ -1,5 +1,5 @@
-import { PropertyValueMap } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValueMap } from 'lit';
 
 export declare class DialogTrigger extends BaseElement {
     private get _dialog();

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

@@ -1,11 +1,11 @@
+import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-import { DialogContent } from './dialog-content';
 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';
-import { BaseElement } from '../../../helpers';
 
 declare class Dialog extends BaseElement {
     state: string;
@@ -17,7 +17,7 @@ declare class Dialog extends BaseElement {
     protected getAttributesToExclude(): string[];
     render(): import('lit').TemplateResult<1>;
 }
-export { Dialog, DialogContent, DialogClose, DialogFooter, DialogHeader, DialogOverlay, DialogTrigger, };
+export { Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader, DialogOverlay, DialogTrigger, };
 declare global {
     interface HTMLElementTagNameMap {
         'rtg-dialog': Dialog;

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

@@ -1,4 +1,17 @@
-export declare const dialogContentStyles = "rtg-fixed rtg-hidden rtg-left-[50%] rtg-top-[50%] rtg-z-50  rtg-w-full rtg-max-w-lg rtg-translate-x-[-50%] rtg-translate-y-[-50%] rtg-gap-4 rtg-border rtg-bg-background rtg-p-6 rtg-shadow-lg rtg-duration-200 data-[state=open]:rtg-animate-in data-[state=closed]:rtg-animate-out data-[state=closed]:rtg-fade-out-0 data-[state=open]:rtg-fade-in-0 data-[state=closed]:rtg-zoom-out-95 data-[state=open]:rtg-zoom-in-95 data-[state=closed]:rtg-slide-out-to-left-1/2 data-[state=closed]:rtg-slide-out-to-top-[48%] data-[state=open]:rtg-slide-in-from-left-1/2 data-[state=open]:rtg-slide-in-from-top-[48%] sm:rtg-rounded-lg";
-export declare const dialogFooterStyles = "rtg-flex rtg-flex-col-reverse sm:rtg-flex-row sm:rtg-justify-end sm:rtg-space-x-2";
-export declare const dialogHeaderStyles = "rtg-flex rtg-flex-col rtg-space-y-1.5 rtg-text-center sm:rtg-text-left";
-export declare const dialogOverlyStyles = "rtg-fixed rtg-inset-0 rtg-z-50 rtg-bg-black/80  data-[state=open]:rtg-animate-in data-[state=closed]:rtg-animate-out data-[state=closed]:rtg-fade-out-0 data-[state=open]:rtg-fade-in-0";
+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

@@ -1,5 +1,5 @@
-import { PropertyValueMap } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValueMap } from 'lit';
 
 export declare class DrawerClose extends BaseElement {
     private get _drawer();

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

@@ -1,8 +1,9 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
+import { TDrawerState } from './drawer.helpers';
 
 export declare class DrawerContent extends BaseElement {
-    state: string;
+    state: TDrawerState;
     connectedCallback(): void;
     private get _containerElement();
     private get ـcomponentElement();

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

@@ -1,8 +1,7 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class DrawerDescription extends BaseElement {
-    description: string;
     private get _containerElement();
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;

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

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

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

@@ -1,8 +1,7 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class DrawerTitle extends BaseElement {
-    title: string;
     private get _containerElement();
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;

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

@@ -1,5 +1,5 @@
-import { PropertyValueMap } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValueMap } from 'lit';
 
 export declare class DrawerTrigger extends BaseElement {
     private get _drawer();

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

@@ -1,17 +1,18 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
-import { DrawerContent } from './drawer-content';
+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 { DrawerTitle } from './drawer-title';
 import { DrawerOverlay } from './drawer-overlay';
+import { DrawerTitle } from './drawer-title';
 import { DrawerTrigger } from './drawer-trigger';
-import { DrawerDescription } from './drawer-description';
+import { TDrawerState } from './drawer.helpers';
 
 declare class Drawer extends BaseElement {
     private get _containerElement();
-    state: string;
+    state: TDrawerState;
     private get _content();
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -24,7 +25,7 @@ declare class Drawer extends BaseElement {
     protected getAttributesToExclude(): string[];
     render(): import('lit').TemplateResult<1>;
 }
-export { Drawer, DrawerContent, DrawerClose, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTrigger, DrawerDescription, DrawerTitle, };
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, };
 declare global {
     interface HTMLElementTagNameMap {
         'rtg-drawer': Drawer;

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.styles.d.ts

@@ -1,5 +1,14 @@
-export declare const drawerDescriptionStyles = "rtg-text-sm rtg-text-muted-foreground";
-export declare const drawerFooterStyles = "rtg-mt-auto rtg-flex rtg-flex-col rtg-gap-2 rtg-p-4";
-export declare const drawerHeaderStyles = "rtg-grid rtg-gap-1.5 rtg-p-4 rtg-text-center sm:rtg-text-left";
-export declare const drawerOverlyStyles = "rtg-fixed rtg-inset-0 rtg-z-50 rtg-bg-black/80";
-export declare const drawerTitleStyles = "rtg-text-lg rtg-font-semibold rtg-leading-none rtg-tracking-tight";
+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[];
+};

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

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 import { DropdownMenu } from './dropdown-menu';
 
 export declare class DropdownMenuCheckboxItem extends BaseElement {

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

@@ -1,6 +1,6 @@
+import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { DropdownMenu } from './dropdown-menu';
-import { BaseElement } from '../../../helpers';
 
 export declare class DropdownMenuContent extends BaseElement {
     state: string;

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

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 import { DropdownMenu } from './dropdown-menu';
 
 export declare class DropdownMenuItem extends BaseElement {
@@ -9,6 +9,7 @@ export declare class DropdownMenuItem extends BaseElement {
     get value(): string;
     get _dropdownMenu(): DropdownMenu | null;
     selected: boolean;
+    disabled: boolean;
     private handleMouseEvent;
     private handleClickDefault;
     protected createRenderRoot(): HTMLElement | DocumentFragment;

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

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class DropdownMenuRadioItem extends BaseElement {
     _id: string;

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

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class DropdownMenuSeparator extends BaseElement {
     get _containerElement(): HTMLDivElement | null;

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

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class DropdownMenuShortcut extends BaseElement {
     get _containerElement(): HTMLSpanElement | null;

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

@@ -1,12 +1,13 @@
+import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
+import { DropdownMenuCheckboxItem } from './dropdown-menu-checkbox-Item';
 import { DropdownMenuContent } from './dropdown-menu-content';
+import { DropdownMenuGroup } from './dropdown-menu-group';
 import { DropdownMenuItem } from './dropdown-menu-item';
 import { DropdownMenuRadioItem } from './dropdown-menu-radio-item';
 import { DropdownMenuSeparator } from './dropdown-menu-seperator';
-import { DropdownMenuCheckboxItem } from './dropdown-menu-checkbox-Item';
-import { DropdownMenuGroup } from './dropdown-menu-group';
+import { DropdownMenuShortcut } from './dropdown-menu-shortcut';
 import { DropdownMenuTrigger } from './dropdown-menu-trigger';
-import { BaseElement } from '../../../helpers';
 
 declare class DropdownMenu extends BaseElement {
     isOpen: boolean;
@@ -24,7 +25,7 @@ declare class DropdownMenu extends BaseElement {
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     render(): import('lit').TemplateResult<1>;
 }
-export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuGroup, DropdownMenuTrigger, };
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, };
 declare global {
     interface HTMLElementTagNameMap {
         'rtg-dropdown-menu': DropdownMenu;
@@ -35,5 +36,6 @@ declare global {
         'rtg-dropdown-menu-radio-item': DropdownMenuRadioItem;
         'rtg-dropdown-menu-separator': DropdownMenuSeparator;
         'rtg-dropdown-menu-trigger': DropdownMenuTrigger;
+        'rtg-dropdown-menu-shortcut': DropdownMenuShortcut;
     }
 }

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

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

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

@@ -1,7 +1,20 @@
-export declare const dropdownMenuCheckboxStyles = "rtg-relative rtg-flex rtg-cursor-default rtg-select-none rtg-items-center rtg-rounded-sm rtg-px-2 rtg-py-1.5 rtg-text-sm rtg-outline-none aria-selected:rtg-bg-accent aria-selected:rtg-text-accent-foreground";
-export declare const dropdownMenuContentStyles = "rtg-absolute rtg-flex rtg-h-full rtg-max-h-[300px] rtg-flex-col rtg-overflow-y-auto rtg-overflow-x-hidden rtg-rounded-md rtg-border rtg-bg-popover rtg-text-popover-foreground shadow-md";
-export declare const dropdownMenuGroupStyles = "rtg-overflow-hidden rtg-p-1 rtg-text-foreground [&_[rtgcmd-group-heading]]:rtg-px-2 [&_[rtgcmd-group-heading]]:rtg-py-1.5 [&_[rtgcmd-group-heading]]:rtg-text-xs [&_[rtgcmd-group-heading]]:rtg-font-medium [&_[rtgcmd-group-heading]]:rtg-text-muted-foreground";
-export declare const dropdownMenuItemStyles = "rtg-relative rtg-flex rtg-cursor-default rtg-select-none rtg-items-center rtg-rounded-sm rtg-px-2 rtg-py-1.5 rtg-text-sm rtg-outline-none aria-selected:rtg-bg-accent aria-selected:rtg-text-accent-foreground data-[disabled]:rtg-pointer-events-none data-[disabled]:rtg-opacity-50";
-export declare const dropdownMenuRadioStyles = "rtg-relative rtg-flex rtg-cursor-default rtg-select-none rtg-items-center rtg-rounded-sm rtg-px-2 rtg-py-1.5 rtg-text-sm rtg-outline-none aria-selected:rtg-bg-accent aria-selected:rtg-text-accent-foreground";
-export declare const dropdownMenuSeparatorStyles = "rtg-mx-1 rtg-h-px rtg-bg-border";
-export declare const dropdownMenuShortcutStyles = "rtg-ml-auto rtg-text-xs rtg-font-semibold";
+export declare const dropdownMenuStyles: {
+    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/form/form.styles.d.ts

@@ -1,6 +1,7 @@
-export declare const formStyles = "rtg-space-y-4";
-export declare const formDescriptionStyles = "rtg-text-sm rtg-text-muted-foreground rtg-mt-1";
-export declare const formFieldStyles = "rtg-space-y-2";
-export declare const formItemStyles = "rtg-space-y-1";
-export declare const formLabelStyles = "rtg-text-sm rtg-mb-1 rtg-font-medium rtg-leading-none rtg-peer-disabled:rtg-cursor-not-allowed peer-disabled:rtg-opacity-70";
-export declare const formMessageStyles = "rtg-text-sm rtg-text-destructive";
+export declare const formStyles = "rtg-space-form-space-y";
+export declare const formDescriptionStyles = "rtg-text-form-description-font rtg-text-form-description-color-text rtg-mt-form-description-space-mt";
+export declare const formFieldStyles = "rtg-space-y-form-field-space-y";
+export declare const formItemStyles = "rtg-space-y-form-item-space-y";
+export declare const formLabelStyles = "rtg-text-form-label-font rtg-mb-form-label-space-mb rtg-font-form-label-font-weight rtg-peer-disabled:rtg-cursor-not-allowed peer-disabled:rtg-opacity-form-label-opacity-peer-disabled";
+export declare const formErrorLabelStyles = "rtg-text-form-label-color-text-error";
+export declare const formMessageStyles = "rtg-text-form-message-font-size rtg-text-form-message-color-text";

package/dist/src/components/ui/hoverCard/hover-card-content.d.ts

@@ -1,8 +1,8 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class HoverContent extends BaseElement {
-    state: 'open' | 'close';
+    state: 'open' | 'closed';
     private isOpen;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/src/components/ui/hoverCard/hover-card-trigger.d.ts

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 declare class HoverCardTrigger extends BaseElement {
     protected getAttributesToExclude(): string[];

package/dist/src/components/ui/hoverCard/hover-card.d.ts

@@ -1,6 +1,6 @@
+import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { HoverContent } from './hover-card-content';
-import { BaseElement } from '../../../helpers';
 import { HoverCardTrigger } from './hover-card-trigger';
 
 declare class HoverCard extends BaseElement {
@@ -19,7 +19,7 @@ declare class HoverCard extends BaseElement {
     protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): import('lit').TemplateResult<1>;
 }
-export { HoverCard, HoverContent, HoverCardTrigger };
+export { HoverCard, HoverCardTrigger, HoverContent };
 declare global {
     interface HTMLElementTagNameMap {
         'rtg-hover-card': HoverCard;

package/dist/src/components/ui/hoverCard/hover-card.styles.d.ts

@@ -1 +1,5 @@
-export declare const hoverCardContentStyles = "rtg-absolute rtg-z-50 rtg-w-64 rtg-rounded-md rtg-border rtg-bg-popover rtg-p-4 rtg-text-popover-foreground rtg-shadow-md rtg-outline-none data-[state=open]:rtg-animate-in data-[state=closed]:rtg-animate-out data-[state=closed]:rtg-fade-out-0 data-[state=open]:rtg-fade-in-0 data-[state=closed]:rtg-zoom-out-95 data-[state=open]:rtg-zoom-in-95 data-[side=bottom]:rtg-slide-in-from-top-2 data-[side=left]:rtg-slide-in-from-right-2 data-[side=right]:rtg-slide-in-from-left-2 data-[side=top]:rtg-slide-in-from-bottom-2";
+export declare const hoverCardStyles: {
+    root: string[];
+    trigger: string[];
+    content: string[];
+};

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

@@ -1 +1,7 @@
-export declare const inputStyles = "rtg-flex rtg-h-9 rtg-w-full rtg-no-autofill-bg rtg-rounded-md rtg-border rtg-border-input autofill:rtg-bg-transparent rtg-bg-transparent rtg-px-3 rtg-py-1 rtg-text-sm rtg-shadow-sm rtg-transition-colors file:rtg-border-0 file:rtg-bg-transparent file:rtg-text-sm file:rtg-font-medium placeholder:rtg-text-muted-foreground focus-visible:rtg-outline-none focus-visible:rtg-ring-[3px] focus-visible:rtg-ring-custom-outline focus-visible:rtg-border-ring disabled:rtg-opacity-50 input-base";
+export declare const inputStyles: {
+    field: string[];
+    surface: string[];
+    typography: string[];
+    countrySelect: string[];
+    visibilityToggle: string[];
+};

package/dist/src/components/ui/input-otp/input-otp-group.d.ts

@@ -1,7 +1,9 @@
 import { BaseElement } from '../../../helpers';
+import { InputOtp } from './input-otp';
 
 export declare class InputOtpGroup extends BaseElement {
     click: () => void;
+    get _inputOtp(): InputOtp | null;
     get _containerElement(): HTMLDivElement | null;
     private childrenArray;
     protected getAttributesToExclude(): string[];

package/dist/src/components/ui/input-otp/input-otp-slot.d.ts

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 import { InputOtp } from './input-otp';
 
 export declare class InputOtpSlot extends BaseElement {

package/dist/src/components/ui/input-otp/input-otp.d.ts

@@ -1,8 +1,8 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
-import { InputOtpSlot } from './input-otp-slot';
+import { PropertyValues } from 'lit';
 import { InputOtpGroup } from './input-otp-group';
 import { InputOtpSeparator } from './input-otp-separator';
+import { InputOtpSlot } from './input-otp-slot';
 
 declare class InputOtp extends BaseElement {
     constructor();
@@ -22,9 +22,7 @@ declare class InputOtp extends BaseElement {
     raiseEvent(index: number, eventType?: 'changes' | 'focus', customIndex?: number): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    protected updated(changedProperties: PropertyValues): void;
     checkIfCompleteAndSubmit(): void;
-    private applyVariantStyles;
     protected render(): import('lit').TemplateResult<1>;
 }
 export { InputOtp, InputOtpGroup, InputOtpSeparator, InputOtpSlot };

package/dist/src/components/ui/input-otp/input-otp.styles.d.ts

@@ -0,0 +1,10 @@
+type TInputOtpStyle = string[];
+type TInputOtpStyleObj = Record<'common' | 'first' | 'last' | 'withSpacing', TInputOtpStyle>;
+type TInputOtpStyles = {
+    base: TInputOtpStyle;
+    group: Omit<TInputOtpStyleObj, 'first' | 'last'>;
+    slot: TInputOtpStyleObj;
+    separator: TInputOtpStyle;
+};
+export declare const inputOtpStyles: TInputOtpStyles;
+export {};

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

@@ -1,11 +1,7 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
 
 export declare class Label extends BaseElement {
-    static labelVariants: (props?: import('class-variance-authority/dist/types').ClassProp | undefined) => string;
     for: string;
-    static styles: import('lit').CSSResult[];
-    protected firstUpdated(_changedProperties: PropertyValues): void;
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     render(): import('lit').TemplateResult<1>;

package/dist/src/components/ui/label/label.style.d.ts

@@ -1 +1 @@
-export declare const labelStyle: (props?: import('class-variance-authority/dist/types').ClassProp | undefined) => string;
+export declare const labelStyles: string[];

package/dist/src/components/ui/menubar/menubar-checkbox.item.d.ts

@@ -1,11 +1,10 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class MenubarCheckboxItem extends BaseElement {
     _id: string;
     _hidden: string;
     private static _counter;
-    static styles: import('lit').CSSResult[];
     private get _containerElement();
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;

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

@@ -1,6 +1,6 @@
+import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { MenubarMenu } from './menubar-menu';
-import { BaseElement } from '../../../helpers';
 
 export declare class MenubarContent extends BaseElement {
     state: string;

package/dist/src/components/ui/menubar/menubar-group.d.ts

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class MenubarGroup extends BaseElement {
     heading: string;

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

@@ -1,9 +1,10 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class MenubarItem extends BaseElement {
     _id: string;
     _hidden: string;
+    disabled: boolean;
     private static _counter;
     private get _containerElement();
     protected getAttributesToExclude(): string[];

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

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class MenubarMenu extends BaseElement {
     isOpen: boolean;
@@ -7,12 +7,14 @@ export declare class MenubarMenu extends BaseElement {
     selectedMenu: string;
     isHovering: boolean;
     id: string;
+    private closeTimeout;
     private get _content();
     private get _button();
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private clearCloseTimeout;
     private toggleMenubar;
     handleClickOutside: (e: MouseEvent) => void;
     protected updated(_changedProperties: PropertyValues): void;
@@ -22,6 +24,7 @@ export declare class MenubarMenu extends BaseElement {
     closeAllMenus(): void;
     private handleMenuMouseEnter;
     private handleMenuMouseLeave;
+    private scheduleClose;
     private isDescendant;
     private setupContentListeners;
     render(): import('lit').TemplateResult<1>;

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

@@ -1,11 +1,10 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class MenubarRadioItem extends BaseElement {
     _id: string;
     _hidden: string;
     private static _counter;
-    static styles: import('lit').CSSResult[];
     private get _containerElement();
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;