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

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

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

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

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

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

@@ -1,8 +1,8 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class MenubarTrigger extends BaseElement {
-    get _containerElement(): HTMLUListElement | null;
+    get _containerElement(): HTMLButtonElement | null;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     protected getAttributesToExclude(): string[];

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

@@ -1,11 +1,11 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+import { MenubarCheckboxItem } from './menubar-checkbox.item';
 import { MenubarContent } from './menubar-content';
 import { MenubarGroup } from './menubar-group';
-import { MenubarMenu } from './menubar-menu';
 import { MenubarItem } from './menubar-item';
+import { MenubarMenu } from './menubar-menu';
 import { MenubarRadioItem } from './menubar-radio-item';
-import { MenubarCheckboxItem } from './menubar-checkbox.item';
 import { MenubarSeparator } from './menubar-separator';
 import { MenubarShortcut } from './menubar-shortcut';
 import { MenubarTrigger } from './menubar-trigger';
@@ -17,7 +17,7 @@ declare class Menubar extends BaseElement {
     protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): import('lit').TemplateResult<1>;
 }
-export { Menubar, MenubarContent, MenubarGroup, MenubarMenu, MenubarItem, MenubarRadioItem, MenubarCheckboxItem, MenubarSeparator, MenubarShortcut, MenubarTrigger, };
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarTrigger, };
 declare global {
     interface HTMLElementTagNameMap {
         'rtg-menubar': Menubar;

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

@@ -0,0 +1,3 @@
+export declare const scissorsIcon: import('lit-html').TemplateResult<1>;
+export declare const copyIcon: import('lit-html').TemplateResult<1>;
+export declare const clipboardPasteIcon: import('lit-html').TemplateResult<1>;

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

@@ -1,8 +1,21 @@
-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";
+export declare const menubarStyles: {
+    root: string[];
+    menu: string[];
+    group: string[];
+    trigger: string[];
+    content: string[];
+    item: string[];
+    checkboxItem: {
+        base: string[];
+        indicator: string[];
+        icon: string[];
+    };
+    radioItem: {
+        base: string[];
+        indicator: string[];
+        icon: string[];
+    };
+    label: string[];
+    separator: string[];
+    shortcut: string[];
+};

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

@@ -1,3 +1,9 @@
-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-accent 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";
+export declare const navigationStyles: {
+    content: string[];
+    menu: string[];
+    menuList: string[];
+    menuItem: string[];
+    menuItemIcon: string[];
+    link: string[];
+    contentContainer: string[];
+};

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

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

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

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

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

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

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

@@ -1,16 +1,11 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+import { ButtonSize } from '../button/button.type';
 
-import * as paginationType from './pagination.type';
 export declare class PaginationLink extends BaseElement {
-    static paginationVariants: (props?: ({
-        variant?: "outline" | "ghost" | null | undefined;
-        size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-    } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
     state: string;
     isActive: boolean;
-    size: paginationType.PaginationSize;
-    variant: paginationType.PaginationVariant;
+    size: ButtonSize;
     href: string;
     get _containerElement(): HTMLAnchorElement | null;
     protected createRenderRoot(): HTMLElement | DocumentFragment;

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

@@ -1,7 +1,8 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class PaginationNext extends BaseElement {
+    href: string;
     get _containerElement(): HTMLDivElement | null;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;

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

@@ -1,7 +1,8 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class PaginationPrevious extends BaseElement {
+    href: string;
     get _containerElement(): HTMLDivElement | null;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;

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

@@ -1,9 +1,9 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 import { PaginationContent } from './pagination-content';
+import { PaginationEllipsis } from './pagination-ellipsis';
 import { PaginationItem } from './pagination-item';
 import { PaginationLink } from './pagination-link';
-import { PaginationEllipsis } from './pagination-ellipsis';
 import { PaginationNext } from './pagination-next';
 import { PaginationPrevious } from './pagination-previous';
 
@@ -13,7 +13,7 @@ declare class Pagination extends BaseElement {
     protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): import('lit').TemplateResult<1>;
 }
-export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationEllipsis, PaginationNext, PaginationPrevious, };
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };
 declare global {
     interface HTMLElementTagNameMap {
         'rtg-pagination': Pagination;

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

@@ -1,9 +1,22 @@
-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 = "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";
+export declare const paginationStyles: {
+    root: string[];
+    content: string[];
+    item: string[];
+    link: (props?: ({
+        variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+        size?: "icon" | "default" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
+    } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+    previous: {
+        base: string[];
+        span: string[];
+    };
+    next: {
+        base: string[];
+        span: string[];
+    };
+    ellipsis: {
+        base: string[];
+        icon: string[];
+        span: string[];
+    };
+};

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

@@ -1,12 +1,12 @@
+import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { Popover } from './popover';
-import { BaseElement } from '../../../helpers';
 
 export declare class PopoverContent extends BaseElement {
     enableDefaultStyle: boolean;
     styleContent: boolean;
     side: 'bottom' | 'left' | 'right' | 'top';
-    isOpen: boolean;
+    state: 'open' | 'closed';
     get _popover(): Popover | null;
     get _containerElement(): HTMLDivElement | null;
     private handleClickOutside;

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

@@ -1,6 +1,6 @@
+import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { Popover } from './popover';
-import { BaseElement } from '../../../helpers';
 
 export declare class PopoverTrigger extends BaseElement {
     get _popover(): Popover | null;

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

@@ -1,7 +1,7 @@
+import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { PopoverContent } from './popover-content';
 import { PopoverTrigger } from './popover-trigger';
-import { BaseElement } from '../../../helpers';
 
 declare class Popover extends BaseElement {
     isOpen: boolean;

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

@@ -1,10 +1,5 @@
-export declare const popoverRootStyle: (props?: import('class-variance-authority/dist/types').ClassProp | undefined) => string;
-export declare const popoverContentStyle: (props?: ({
-    state?: "open" | "closed" | null | undefined;
-    side?: "bottom" | "left" | "right" | "top" | null | undefined;
-    styleContent?: boolean | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-export declare const popoverContentWithoutStyle: (props?: ({
-    state?: "open" | "closed" | null | undefined;
-    side?: "bottom" | "left" | "right" | "top" | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export declare const popoverStyles: {
+    root: string[];
+    trigger: string[];
+    content: string[];
+};

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

@@ -2,7 +2,6 @@ import { LitElement } from 'lit';
 
 export declare class Progress extends LitElement {
     value: number;
-    static styles: import('lit').CSSResult[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     render(): import('lit').TemplateResult<1>;
 }

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

@@ -1 +1,4 @@
-export declare const progressStyles = "rtg-relative rtg-h-2 rtg-overflow-hidden rtg-rounded-full rtg-w-[100%]";
+type TProgressPart = 'root' | 'indicator';
+type TProgressStyles = Record<TProgressPart, string | string[]>;
+export declare const progressStyles: TProgressStyles;
+export {};

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

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class RadioGroupItem extends BaseElement {
     checked: boolean;
@@ -7,6 +7,8 @@ export declare class RadioGroupItem extends BaseElement {
     value: string;
     id: string;
     state: string;
+    disabled: boolean;
+    invalid: boolean;
     get _containerElement(): HTMLDivElement | null;
     private _onClick;
     protected createRenderRoot(): HTMLElement | DocumentFragment;

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

@@ -1,8 +1,9 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 import { RadioGroupItem } from './radio-group-item';
 
 declare class RadioGroup extends BaseElement {
+    defaultValue: string;
     get _containerElement(): HTMLDivElement | null;
     connectedCallback(): void;
     private _handleRadioSelected;
@@ -10,7 +11,7 @@ declare class RadioGroup extends BaseElement {
     protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): import('lit').TemplateResult<1>;
 }
-export { RadioGroupItem, RadioGroup };
+export { RadioGroup, RadioGroupItem };
 declare global {
     interface HTMLElementTagNameMap {
         'rtg-radio-group': RadioGroup;

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

@@ -1,2 +1,9 @@
-export declare const radioGroupItemStyles = "rtg-flex rtg-items-center rtg-space-x-2";
-export declare const radioGroupStyles = "rtg-grid rtg-gap-2";
+export declare const radioGroupStyles: {
+    root: string[];
+    item: {
+        wrapper: string[];
+        item: string[];
+        indicator: string[];
+        icon: string[];
+    };
+};

package/dist/src/components/ui/sample-demo/sample-demo.d.ts

@@ -3,8 +3,8 @@ import { LitElement } from 'lit';
 import * as sampleType from './sample.type';
 export declare class SampleDemo extends LitElement {
     static buttonVariants: (props?: ({
-        variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-        size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+        variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+        size?: "icon" | "default" | "sm" | "lg" | null | undefined;
     } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
     click: () => void;
     disabled: boolean;

package/dist/src/components/ui/sample-demo/sample.style.d.ts

@@ -1,4 +1,4 @@
 export declare const demoStyle: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;

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

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

package/dist/src/components/ui/select/select-controller.d.ts

@@ -7,9 +7,10 @@ export declare class SelectStore {
     private notify;
     get isOpen(): boolean;
     get selectedValue(): string;
+    get selectedText(): string;
     open(): void;
     close(): void;
     toggle(): void;
-    select(value: string, _index?: number): void;
+    select(value: string, text: string, _index?: number): void;
 }
 export {};

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

@@ -7,8 +7,11 @@ export declare class SelectGroup extends BaseElement {
     get _select(): Select;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private getTriggerButton;
+    private updateTriggerWidth;
     private onStoreChange;
     get _containerElement(): HTMLDivElement | null;
+    get _contentDiv(): HTMLDivElement | null;
     protected firstUpdated(): void;
     private updateFocusedItem;
     private handleKeyDown;

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

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 import { Select } from './select';
 
 export declare class SelectItem extends BaseElement {
@@ -16,6 +16,7 @@ export declare class SelectItem extends BaseElement {
     protected firstUpdated(_changedProperties: PropertyValues): void;
     get _containerElement(): HTMLDivElement | null;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
+    private getTextContent;
     private handleClick;
     render(): import('lit').TemplateResult<1>;
 }

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

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

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

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

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

@@ -1,17 +1,20 @@
+import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { Select } from './select';
-import { BaseElement } from '../../../helpers';
 
 declare class SelectTrigger extends BaseElement {
     get _select(): Select;
+    private classObserver?;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private onStoreChange;
-    get _containerElement(): HTMLDivElement | null;
+    get _containerElement(): HTMLSpanElement | null;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     handleClick: (e: Event) => void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected getAttributesToExclude(): string[];
+    private getClassAttribute;
+    private filterConflictingWidthClasses;
     render(): import('lit').TemplateResult<1>;
 }
 export { SelectTrigger };

package/dist/src/components/ui/select/select-value.d.ts

@@ -1,6 +1,6 @@
+import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { Select } from './select';
-import { BaseElement } from '../../../helpers';
 
 declare class SelectValue extends BaseElement {
     placeholder: string;

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

@@ -1,12 +1,12 @@
+import { BaseElement } from '../../../helpers';
+import { SelectStore } from './select-controller';
+import { SelectGroup } from './select-group';
 import { SelectItem } from './select-item';
-import { SelectList } from './select-list';
 import { SelectLabel } from './select-label';
+import { SelectList } from './select-list';
 import { SelectSeperator } from './select-seperator';
 import { SelectTrigger } from './select-trigger';
-import { SelectGroup } from './select-group';
 import { SelectValue } from './select-value';
-import { BaseElement } from '../../../helpers';
-import { SelectStore } from './select-controller';
 
 declare class Select extends BaseElement {
     private uuid;
@@ -18,7 +18,7 @@ declare class Select extends BaseElement {
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     render(): import('lit').TemplateResult<1>;
 }
-export { Select, SelectGroup, SelectValue, SelectItem, SelectList, SelectLabel, SelectSeperator, SelectTrigger, };
+export { Select, SelectGroup, SelectItem, SelectLabel, SelectList, SelectSeperator, SelectTrigger, SelectValue, };
 declare global {
     interface HTMLElementTagNameMap {
         'rtg-select': Select;

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

@@ -1,7 +1,20 @@
-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-border rtg-bg-background rtg-px-1 rtg-py-2 rtg-shadow-md";
-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-accent focus:rtg-bg-accent focus:rtg-outline-none";
-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-input rtg-bg-background p-1 [&::-webkit-scrollbar-thumb]:rtg-rounded-full [&::-webkit-scrollbar-thumb]:rtg-bg-accent [&::-webkit-scrollbar-track]:rtg-bg-gray-100 [&::-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]";
+export declare const selectStyles: {
+    root: string[];
+    group: string[];
+    value: string[];
+    trigger: {
+        trigger: string[];
+        icon: string[];
+    };
+    content: {
+        content: string[];
+        viewport: string[];
+    };
+    label: string[];
+    item: {
+        item: string[];
+        indicator: string[];
+        icon: string[];
+    };
+    separator: string[];
+};

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

@@ -1,10 +1,12 @@
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 import { SEPARATOR_ORIENTATION } from './separator.defs';
 
 export declare class Separator extends BaseElement {
     orientation: SEPARATOR_ORIENTATION;
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected updated(changedProperties: PropertyValues): void;
     render(): import('lit').TemplateResult<1>;
 }
 declare global {

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

@@ -0,0 +1,5 @@
+import { SEPARATOR_ORIENTATION } from './separator.defs';
+
+type TSeparatorStyles = Record<SEPARATOR_ORIENTATION | 'common', string | string[]>;
+export declare const separatorStyles: TSeparatorStyles;
+export {};

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

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

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

@@ -1,8 +1,8 @@
 import { LitElement } from 'lit';
 
 export declare class Switch extends LitElement {
-    checked: boolean;
-    disabled: boolean;
+    disabled: 'true' | 'false';
+    state: 'checked' | 'unchecked';
     private _toggleChecked;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     render(): import('lit').TemplateResult<1>;

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

@@ -1 +1,4 @@
-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";
+export declare const switchStyles: {
+    root: string[];
+    thumb: string[];
+};

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

@@ -0,0 +1,39 @@
+export declare const tableStyles: {
+    preview: string[];
+    container: string[];
+    table: string[];
+    caption: string[];
+    head: {
+        root: string[];
+        row: string[];
+        cell: {
+            base: string[];
+            align: {
+                left: string;
+                right: string;
+            };
+        };
+    };
+    body: {
+        root: string[];
+        row: string[];
+        cell: {
+            base: string[];
+            align: {
+                right: string;
+                left: string;
+            };
+        };
+    };
+    footer: {
+        root: string[];
+        row: string[];
+        cell: {
+            base: string[];
+            align: {
+                right: string;
+                left: string;
+            };
+        };
+    };
+};

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

@@ -1,4 +1,12 @@
-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";
-export declare const tabListBaseStyles = "rtg-items-center rtg-justify-center rtg-rounded-md rtg-bg-muted rtg-p-1 rtg-text-muted-foreground";
-export declare const tabListHorizontalStyles = "rtg-grid rtg-w-full rtg-h-10 rtg-grid-cols-2";
-export declare const tabListVerticalStyles = "rtg-w-60 rtg-h-full";
+export declare const tabStyles: {
+    list: {
+        base: string[];
+        orientation: {
+            horizontal: string[];
+            vertical: string[];
+        };
+    };
+    trigger: {
+        base: string[];
+    };
+};