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

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

@@ -6,7 +6,6 @@ import { AccordionTrigger } from './accordion-trigger';
 import { AccordionContent } from './accordion-content';
 
 declare class Accordion extends BaseElement {
-    twClass: string;
     type: ACCORDION_GROUP_TYPE;
     selectedItems: string[];
     private _initialChildren;

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

@@ -3,7 +3,6 @@ import { ACCORDION_GROUP_TYPE } from './accordion.defs';
 
 interface AccordionArgs {
     type: ACCORDION_GROUP_TYPE;
-    twClass?: string;
 }
 declare const meta: Meta<AccordionArgs>;
 export default meta;

package/dist/src/components/ui/aspect-ratio/aspect-ratio.d.ts

@@ -1,7 +1,6 @@
 import { LitElement } from 'lit';
 
 export declare class AspectRatio extends LitElement {
-    twCLass: string;
     ratio: number;
     private _children;
     protected createRenderRoot(): HTMLElement | DocumentFragment;

package/dist/src/components/ui/aspect-ratio/aspect-ratio.styles.d.ts

@@ -1 +1 @@
-export declare const aspectRatioStyles = "relative w-full overflow-hidden bg-muted";
+export declare const aspectRatioStyles = "rtg-relative rtg-w-full rtg-overflow-hidden rtg-bg-muted";

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

@@ -3,7 +3,6 @@ import { AvatarFallback } from './avatar-fallback';
 import { AvatarImage } from './avatar-image';
 
 declare class Avatar extends LitElement {
-    twCLass: string;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     render(): import('lit').TemplateResult<1>;
 }

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

@@ -1,3 +1,3 @@
-export declare const avatarStyles = "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full";
-export declare const avatarImageStyles = "aspect-square w-10 h-10 rounded-full";
-export declare const avatarFallbackStyles = "flex h-full w-full items-center justify-center rounded-full bg-muted";
+export declare const avatarStyles = "rtg-relative rtg-flex rtg-h-10 rtg-w-10 rtg-shrink-0 rtg-overflow-hidden rtg-rounded-full";
+export declare const avatarImageStyles = "rtg-aspect-square rtg-w-10 rtg-h-10 rtg-rounded-full";
+export declare const avatarFallbackStyles = "rtg-flex rtg-h-full rtg-w-full rtg-items-center rtg-justify-center rtg-rounded-full rtg-bg-muted";

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

@@ -5,7 +5,6 @@ export declare class Badge extends BaseElement {
     static badgeVariants: (props?: ({
         variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-    twCLass: string;
     variant: badgeType.BadgeVariant;
     id: string;
     protected getAttributesToExclude(): string[];

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

@@ -1,6 +1,6 @@
-export declare const breadcrumbItemStyles = "inline-flex items-center gap-1.5";
-export declare const breadcrumbLink = "transition-colors hover:text-foreground";
-export declare const breadcrumbTextStyles = "font-normal text-foreground";
-export declare const breadcrumbSeparatorStyles = "[&>svg]:size-3.5";
-export declare const breadcrumbEllipsisStyles = "flex h-9 w-9 items-center justify-center";
-export declare const breadcrumbListStyles = "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5";
+export declare const breadcrumbItemStyles = "rtg-inline-flex rtg-items-center rtg-gap-1.5";
+export declare const breadcrumbLink = "rtg-transition-colors hover:rtg-text-foreground";
+export declare const breadcrumbTextStyles = "rtg-font-normal rtg-text-foreground";
+export declare const breadcrumbSeparatorStyles = "[&>svg]:rtg-size-3.5";
+export declare const breadcrumbEllipsisStyles = "rtg-flex rtg-h-9 rtg-w-9 rtg-items-center rtg-justify-center";
+export declare const breadcrumbListStyles = "rtg-flex rtg-flex-wrap rtg-items-center rtg-gap-1.5 rtg-break-words rtg-text-sm rtg-text-muted-foreground sm:rtg-gap-2.5";

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

@@ -11,11 +11,11 @@ export declare class Button extends BaseElement {
     type: buttonType.ButtonType;
     variant: buttonType.ButtonVariant;
     size: buttonType.ButtonSize;
-    isCustomClass: boolean;
     buttonElement: HTMLButtonElement;
     private handleClick;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected getAttributesToExclude(): string[];
+    protected getAttributesToRemoveFromParent(): string[];
     protected firstUpdated(): void;
     render(): import('lit').TemplateResult<1>;
 }

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

@@ -1 +1 @@
-export declare const cardStyles = "rounded-lg border bg-card p-6 text-card-foreground shadow-sm";
+export declare const cardStyles = "rtg-rounded-lg rtg-border rtg-bg-card rtg-p-6 rtg-text-card-foreground rtg-shadow-sm";

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

@@ -1,2 +1,2 @@
-export declare const checkboxStyles = "peer h-4 w-4 align-middle shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground";
-export declare const iconStyles = "flex items-center justify-center text-current pointer-events-none";
+export declare const checkboxStyles = "rtg-peer rtg-h-4 rtg-w-4 rtg-align-middle rtg-shrink-0 rtg-rounded-sm rtg-border rtg-border-primary rtg-ring-offset-background focus-visible:rtg-outline-none focus-visible:rtg-ring-2 focus-visible:rtg-ring-ring focus-visible:rtg-ring-offset-2 disabled:rtg-opacity-50 data-[state=checked]:rtg-bg-primary data-[state=checked]:rtg-text-primary-foreground";
+export declare const iconStyles = "rtg-flex rtg-items-center rtg-justify-center rtg-text-current rtg-pointer-events-none";

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

@@ -5,7 +5,6 @@ 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;

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

@@ -3,7 +3,6 @@ import { ComboBoxGroup } from './combo-box-group';
 
 declare class ComboBoxInput extends LitElement {
     placeholder: string;
-    twClass: string;
     searchValue: string;
     get _comboBoxGroup(): ComboBoxGroup | null;
     handleSearch(event: Event): void;

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

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

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

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

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

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

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

@@ -2,7 +2,6 @@ import { html, PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
 
 export declare class Table extends BaseElement {
-    twCLass: string;
     placeholder: string;
     dataTable: Array<any>;
     checkedRows: Record<string, boolean>;
@@ -37,6 +36,5 @@ export declare class Table extends BaseElement {
     private handleHeaderCheckboxChange;
     private handleRowCheckboxChange;
     private get selectedRowCount();
-    private get totalRowCount();
     render(): import('lit').TemplateResult<1>;
 }

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

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

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

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

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

@@ -1,7 +1,7 @@
-export declare const dropdownMenuCheckboxStyles = "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";
-export declare const dropdownMenuContentStyles = "absolute flex h-full max-h-[300px] flex-col overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md";
-export declare const dropdownMenuGroupStyles = "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 dropdownMenuItemStyles = "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";
-export declare const dropdownMenuRadioStyles = "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";
-export declare const dropdownMenuSeparatorStyles = "-mx-1 h-px bg-border";
-export declare const dropdownMenuShortcutStyles = "ml-auto text-xs font-semibold";
+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";

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

@@ -1,6 +1,6 @@
-export declare const formStyles = "space-y-4";
-export declare const formDescriptionStyles = "text-sm text-muted-foreground mt-1";
-export declare const formFieldStyles = "space-y-2";
-export declare const formItemStyles = "space-y-1";
-export declare const formLabelStyles = "text-sm mb-1 font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70";
-export declare const formMessageStyles = "text-sm text-destructive";
+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";

package/dist/src/components/ui/form/rtg-form-label.d.ts

@@ -2,7 +2,6 @@ import { BaseElement } from '../../../helpers';
 import { RtgFormField } from './rtg-form-field';
 
 export declare class RtgFormLabel extends BaseElement {
-    private itemContext;
     private form;
     private hasError;
     private unsubscribe;

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

@@ -4,7 +4,6 @@ import { BaseElement } from '../../../helpers';
 import { HoverCardTrigger } from './hover-card-trigger';
 
 declare class HoverCard extends BaseElement {
-    twClass: string;
     isOpen: boolean;
     private hoverTimeout;
     private get _containerElement();

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

@@ -1 +1 @@
-export declare const hoverCardContentStyles = "absolute z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2";
+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";

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

@@ -12,6 +12,7 @@ export declare class RtgInput extends BaseElement {
     protected firstUpdated(_changedProperties: PropertyValues): void;
     handleInputChange(event: Event): void;
     protected getAttributesToExclude(): string[];
+    protected getAttributesToRemoveFromParent(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     render(): import('lit').TemplateResult<1>;
 }

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

@@ -1 +1 @@
-export declare const inputStyles = "flex h-8 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50 input-base";
+export declare const inputStyles = "rtg-flex rtg-h-8 rtg-w-full rtg-rounded-md rtg-border rtg-border-input 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-1 focus-visible:rtg-ring-ring disabled:rtg-opacity-50 input-base";

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

@@ -2,7 +2,6 @@ import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
 
 export declare class MenubarTrigger extends BaseElement {
-    twClass: string;
     get _containerElement(): HTMLUListElement | null;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;

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

@@ -11,7 +11,6 @@ import { MenubarShortcut } from './menubar-shortcut';
 import { MenubarTrigger } from './menubar-trigger';
 
 declare class Menubar extends BaseElement {
-    twCLass: string;
     private get _containerElement();
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;

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

@@ -1,8 +1,8 @@
-export declare const menubarCheckboxStyles = "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";
-export declare const menubarContentStyles = "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2";
-export declare const menubarGroupStyles = "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 menubarItemStyles = "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";
-export declare const menubarRadioStyles = "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";
-export declare const menubarSeparatorStyles = "-mx-1 h-px bg-border";
-export declare const menubarShortcutStyles = "ml-auto text-xs font-semibold";
-export declare const menubarStyles = "flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm";
+export declare const menubarCheckboxStyles = "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 menubarContentStyles = "rtg-z-50 rtg-min-w-[12rem] 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-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 menubarGroupStyles = "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 menubarItemStyles = "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 menubarRadioStyles = "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 menubarSeparatorStyles = "rtg-mx-1 rtg-h-px rtg-bg-border";
+export declare const menubarShortcutStyles = "rtg-ml-auto rtg-text-xs rtg-font-semibold";
+export declare const menubarStyles = "rtg-flex rtg-h-9 rtg-items-center rtg-space-x-1 rtg-rounded-md rtg-border rtg-bg-background rtg-p-1 rtg-shadow-sm";

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

@@ -3,7 +3,6 @@ import { BaseElement } from '../../../helpers';
 import { NavigationMenuItem } from './navigation-menu-item';
 
 export declare class NavigationMenuContent extends BaseElement {
-    twClass: string;
     state: string;
     id: string;
     side: string;

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

@@ -1,3 +1,3 @@
-export declare const navigationContentStyles = "absolute top-full flex justify-center";
-export declare const navigationLinkStyles = "flex h-full hover:bg-slate-100 rounded-md p-6 w-full select-none flex-col justify-end  no-underline outline-none";
-export declare const navigationMenuStyles = "relative z-10 flex max-w-max flex-1 items-center justify-center";
+export declare const navigationContentStyles = "rtg-absolute rtg-top-full rtg-flex rtg-justify-center";
+export declare const navigationLinkStyles = "rtg-flex rtg-h-full hover:rtg-bg-slate-100 rtg-rounded-md rtg-p-6 rtg-w-full rtg-select-none rtg-flex-col rtg-justify-end  rtg-no-underline rtg-outline-none";
+export declare const navigationMenuStyles = "rtg-relative rtg-z-10 rtg-flex rtg-max-w-max rtg-flex-1 rtg-items-center rtg-justify-center";

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

@@ -2,7 +2,6 @@ import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
 
 export declare class PaginationContent extends BaseElement {
-    twClass: string;
     get _containerElement(): HTMLUListElement | null;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;

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

@@ -2,8 +2,8 @@ export declare const paginationStyle: (props?: ({
     variant?: "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-export declare const paginationContentStyles = "flex flex-row items-center gap-1";
-export declare const paginationEllipsisStyles = "flex h-9 w-9 items-center justify-center";
-export declare const paginationNextStyles = "gap-1 pl-2.5";
-export declare const paginationPreviousStyles = "gap-1 pl-2.5";
-export declare const paginationStyles = "mx-auto flex w-full justify-center";
+export declare const paginationContentStyles = "rtg-flex rtg-flex-row rtg-items-center rtg-gap-1";
+export declare const paginationEllipsisStyles = "rtg-flex rtg-h-9 rtg-w-9 rtg-items-center rtg-justify-center";
+export declare const paginationNextStyles = "rtg-gap-1 rtg-pl-2.5";
+export declare const paginationPreviousStyles = "rtg-gap-1 rtg-pl-2.5";
+export declare const paginationStyles = "rtg-mx-auto rtg-flex rtg-w-full rtg-justify-center";

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

@@ -1 +1 @@
-export declare const progressStyles = "relative h-2 overflow-hidden rounded-full w-[100%]";
+export declare const progressStyles = "rtg-relative rtg-h-2 rtg-overflow-hidden rtg-rounded-full rtg-w-[100%]";

package/dist/src/components/ui/radio-group/radio-group.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const radioGroupItemStyles = "flex items-center space-x-2";
-export declare const radioGroupStyles = "grid gap-2";
+export declare const radioGroupItemStyles = "rtg-flex rtg-items-center rtg-space-x-2";
+export declare const radioGroupStyles = "rtg-grid rtg-gap-2";

package/dist/src/components/ui/scroll-area/scroll-area.style.d.ts

@@ -1 +1 @@
-export declare const scrollAreaStyles = "relative h-72 w-48 rounded-md border";
+export declare const scrollAreaStyles = "rtg-relative rtg-h-72 rtg-w-48 rtg-rounded-md rtg-border";

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

@@ -1,7 +1,7 @@
-export declare const selectGroupStyles = "absolute z-50 mt-1 max-h-72 w-full overflow-hidden overflow-y-auto rounded-md border border-gray-200 bg-white px-1 py-2 shadow-md dark:border-neutral-700 dark:bg-neutral-900";
-export declare const selectItemStyles = "flex w-full cursor-pointer items-center justify-between rounded-lg px-4 py-2 hover:bg-gray-100 focus:bg-gray-100 focus:outline-none dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800";
-export declare const selectLabelStyles = "px-4 w-full text-base font-bold";
-export declare const selectListStyles = "absolute z-50 max-h-72 w-full overflow-hidden overflow-y-auto rounded-lg border border-gray-200 bg-white p-1 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 selectSeparatorStyles = "-mx-1 h-px bg-border";
-export declare const selectTriggerStyles = "flex h-10 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 selectValueStyles = "line-clamp-1 flex w-[180px]";
+export declare const selectGroupStyles = "rtg-absolute rtg-z-50 rtg-mt-1 rtg-max-h-72 rtg-w-full rtg-overflow-hidden rtg-overflow-y-auto rtg-rounded-md rtg-border rtg-border-gray-200 rtg-bg-white rtg-px-1 rtg-py-2 rtg-shadow-md dark:rtg-border-neutral-700 dark:rtg-bg-neutral-900";
+export declare const selectItemStyles = "rtg-flex rtg-w-full rtg-cursor-pointer rtg-items-center rtg-justify-between rtg-rounded-lg rtg-px-4 rtg-py-2 hover:rtg-bg-gray-100 focus:rtg-bg-gray-100 focus:rtg-outline-none dark:rtg-bg-neutral-900 dark:rtg-text-neutral-200 dark:hover:rtg-bg-neutral-800 dark:focus:rtg-bg-neutral-800";
+export declare const selectLabelStyles = "rtg-px-4 rtg-w-full rtg-text-base rtg-font-bold";
+export declare const selectListStyles = "rtg-absolute rtg-z-50 rtg-max-h-72 rtg-w-full rtg-overflow-hidden rtg-overflow-y-auto rtg-rounded-lg rtg-border rtg-border-gray-200 bg-white p-1 dark:rtg-border-neutral-700 dark:rtg-bg-neutral-900 [&::-webkit-scrollbar-thumb]:rtg-rounded-full [&::-webkit-scrollbar-thumb]:rtg-bg-gray-300 dark:[&::-webkit-scrollbar-thumb]:rtg-bg-neutral-500 [&::-webkit-scrollbar-track]:rtg-bg-gray-100 dark:[&::-webkit-scrollbar-track]:rtg-bg-neutral-700 [&::-webkit-scrollbar]:rtg-w-2";
+export declare const selectSeparatorStyles = "rtg-mx-1 rtg-h-px rtg-bg-border";
+export declare const selectTriggerStyles = "rtg-flex rtg-h-10 rtg-items-center rtg-justify-between rtg-rounded-md rtg-border rtg-border-input rtg-bg-background rtg-px-3 rtg-py-2 rtg-text-sm rtg-ring-offset-background placeholder:rtg-text-muted-foreground focus:rtg-outline-none focus:ring-2 focus:rtg-ring-ring focus:rtg-ring-offset-2 disabled:rtg-cursor-not-allowed disabled:rtg-opacity-50";
+export declare const selectValueStyles = "rtg-line-clamp-1 rtg-flex rtg-w-[180px]";

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

@@ -3,7 +3,6 @@ import { SEPARATOR_ORIENTATION } from './separator.defs';
 
 export declare class Separator extends BaseElement {
     orientation: SEPARATOR_ORIENTATION;
-    twClass: string;
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     render(): import('lit').TemplateResult<1>;

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

@@ -1 +1 @@
-export declare const skeletonStyles = "animate-pulse rounded-md bg-gray-200 h-4 w-full";
+export declare const skeletonStyles = "rtg-animate-pulse rtg-rounded-md rtg-bg-gray-200 rtg-h-4 rtg-w-full";

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

@@ -3,7 +3,6 @@ import { LitElement } from 'lit';
 export declare class Switch extends LitElement {
     checked: boolean;
     disabled: boolean;
-    twClass: string;
     private _toggleChecked;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     render(): import('lit').TemplateResult<1>;

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

@@ -1 +1 @@
-export declare const switchStyles = "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background";
+export declare const switchStyles = "rtg-peer rtg-inline-flex rtg-h-5 rtg-w-9 rtg-shrink-0 rtg-cursor-pointer rtg-items-center rtg-rounded-full rtg-border-2 rtg-border-transparent rtg-shadow-sm rtg-transition-colors focus-visible:rtg-outline-none focus-visible:rtg-ring-2 focus-visible:rtg-ring-ring focus-visible:rtg-ring-offset-2 focus-visible:rtg-ring-offset-background";

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

@@ -2,7 +2,6 @@ import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
 
 export declare class Table extends BaseElement {
-    twCLass: string;
     dataTable: Array<any>;
     footerData: Array<{
         key: string;

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

@@ -1 +1 @@
-export declare const tabListStyles = "h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground grid w-full grid-cols-2";
+export declare const tabListStyles = "rtg-h-10 rtg-items-center rtg-justify-center rtg-rounded-md rtg-bg-muted rtg-p-1 rtg-text-muted-foreground rtg-grid rtg-w-full rtg-grid-cols-2";

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

@@ -1 +1 @@
-export declare const textAreaStyles = "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50";
+export declare const textAreaStyles = "rtg-flex rtg-min-h-[80px] rtg-w-full rtg-rounded-md rtg-border rtg-border-input rtg-bg-background rtg-px-3 rtg-py-2 rtg-text-sm rtg-ring-offset-background placeholder:rtg-text-muted-foreground focus-visible:rtg-outline-none focus-visible:rtg-ring-2 focus-visible:rtg-ring-ring focus-visible:rtg-ring-offset-2 disabled:rtg-cursor-not-allowed disabled:rtg-opacity-50";

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

@@ -4,8 +4,8 @@ export declare const toastStyle: (props?: ({
 export declare const toastActionStyle: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-export declare const toastActionStyles = "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive";
-export declare const toastViewStyles = "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]";
-export declare const toastButtonStyles = "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600";
-export declare const toastDescriptionStyles = "text-sm opacity-90";
-export declare const toastTitleStyles = "text-sm font-semibold [&+div]:text-xs";
+export declare const toastActionStyles = "rtg-inline-flex rtg-h-8 rtg-shrink-0 rtg-items-center rtg-justify-center rtg-rounded-md rtg-border rtg-bg-transparent rtg-px-3 rtg-text-sm rtg-font-medium rtg-transition-colors hover:rtg-bg-secondary focus:rtg-outline-none focus:rtg-ring-1 focus:ring-ring disabled:rtg-pointer-events-none disabled:rtg-opacity-50 group-[.destructive]:rtg-border-muted/40 group-[.destructive]:hover:rtg-border-destructive/30 group-[.destructive]:hover:rtg-bg-destructive group-[.destructive]:hover:rtg-text-destructive-foreground group-[.destructive]:focus:rtg-ring-destructive";
+export declare const toastViewStyles = "rtg-fixed rtg-top-0 rtg-z-[100] rtg-flex rtg-max-h-screen rtg-w-full rtg-flex-col-reverse rtg-p-4 sm:rtg-bottom-0 sm:rtg-right-0 sm:rtg-top-auto sm:rtg-flex-col md:rtg-max-w-[420px]";
+export declare const toastButtonStyles = "rtg-absolute rtg-right-1 rtg-top-1 rtg-rounded-md rtg-p-1 rtg-text-foreground/50 rtg-opacity-0 rtg-transition-opacity hover:rtg-text-foreground focus:rtg-opacity-100 focus:rtg-outline-none focus:rtg-ring-1 group-hover:rtg-opacity-100 group-[.destructive]:rtg-text-red-300 group-[.destructive]:hover:rtg-text-red-50 group-[.destructive]:focus:rtg-ring-red-400 group-[.destructive]:focus:rtg-ring-offset-red-600";
+export declare const toastDescriptionStyles = "rtg-text-sm rtg-opacity-90";
+export declare const toastTitleStyles = "rtg-text-sm rtg-font-semibold [&+div]:rtg-text-xs";

package/dist/src/components/ui/toggle-group/toggle-group.style.d.ts

@@ -2,4 +2,4 @@ export declare const toggleGroupStyle: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "sm" | "lg" | "md" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-export declare const toggleGroupStyles = "flex items-center justify-center gap-1";
+export declare const toggleGroupStyles = "rtg-flex rtg-items-center rtg-justify-center rtg-gap-1";

package/dist/src/components/widgets/light-sample-demo/light-sample.demo.d.ts

@@ -4,8 +4,6 @@ export declare class LightSampleDemo extends BaseElement {
     constructor();
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    private loginContent;
-    private loginAppearance;
     render(): import('lit').TemplateResult<1>;
 }
 declare global {

package/dist/src/helpers/base-element.d.ts

@@ -4,9 +4,11 @@ export declare abstract class BaseElement extends LitElement {
     shadow: boolean;
     constructor();
     protected getAttributesToExclude(): string[];
+    protected getAttributesToRemoveFromParent(): string[];
     protected getFilteredAttributes(): {
         [key: string]: string;
     };
+    protected removeParentAttributes(): void;
     protected isCustomPropertySet(property: string): boolean;
     protected applyCustomClass(variables: string[], selector: string, className?: string): void;
     protected removeDuplicateContent(): void;

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

@@ -4,4 +4,3 @@ export * from './child-support-atomic.interface';
 export * from './changeable.interface';
 export * from './intractable.interface';
 export * from './variant.interface';
-export * from './widgets';