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

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

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

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

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

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

@@ -1,9 +1,9 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
-import { ACCORDION_GROUP_TYPE } from './accordion.defs';
+import { PropertyValues } from 'lit';
+import { AccordionContent } from './accordion-content';
 import { AccordionItem } from './accordion-item';
 import { AccordionTrigger } from './accordion-trigger';
-import { AccordionContent } from './accordion-content';
+import { ACCORDION_GROUP_TYPE } from './accordion.defs';
 
 declare class Accordion extends BaseElement {
     type: ACCORDION_GROUP_TYPE;
@@ -18,7 +18,7 @@ declare class Accordion extends BaseElement {
     raiseEvent(value: string): void;
     render(): import('lit').TemplateResult<1>;
 }
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
 declare global {
     interface HTMLElementTagNameMap {
         'rtg-accordion': Accordion;

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

@@ -0,0 +1,4 @@
+type TAccordionPart = 'base' | 'item' | 'trigger' | 'chevron' | 'content';
+type TAccordionStyles = Record<TAccordionPart, string[]>;
+export declare const accordionStyles: TAccordionStyles;
+export {};

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

@@ -1,17 +1,17 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+import { TAlertVariant } from './alert.types';
 
 declare class Alert extends BaseElement {
     protected createRenderRoot(): this;
     private get _containerElement();
     title: string;
     message: string;
+    icon: string;
     static alertVariants: (props?: ({
-        variant?: "error" | "success" | "warning" | "info" | null | undefined;
-        size?: "small" | "default" | "large" | null | undefined;
+        variant?: "default" | "destructive" | "brand" | "success" | "warning" | "info" | "brand-tonal" | "destructive-tonal" | "success-tonal" | "warning-tonal" | "info-tonal" | null | undefined;
     } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-    variant: 'success' | 'error' | 'warning' | 'info';
-    size: 'default' | 'large' | 'small';
+    variant: TAlertVariant;
     private get alertClasses();
     protected getAttributesToRemoveFromParent(): string[];
     protected firstUpdated(_changedProperties: PropertyValues): void;

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

@@ -5,5 +5,5 @@ export default _default;
 type Story = StoryObj;
 export declare const Alert: Story;
 export declare const SuccessAlert: Story;
-export declare const ErrorAlert: Story;
+export declare const DestructiveAlert: Story;
 export declare const SmallWarningAlert: Story;

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

@@ -1,4 +1,10 @@
-export declare const alertStyle: (props?: ({
-    variant?: "error" | "success" | "warning" | "info" | null | undefined;
-    size?: "small" | "default" | "large" | null | undefined;
+declare const alert: (props?: ({
+    variant?: "default" | "destructive" | "brand" | "success" | "warning" | "info" | "brand-tonal" | "destructive-tonal" | "success-tonal" | "warning-tonal" | "info-tonal" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+type TAlertStyles = {
+    alert: typeof alert;
+    alertTitle: string[];
+    alertDescription: string[];
+};
+export declare const alertStyles: TAlertStyles;
+export {};

package/dist/src/components/ui/alert/alert.types.d.ts

@@ -1 +1 @@
-export {};
+export type TAlertVariant = 'default' | 'brand' | 'destructive' | 'warning' | 'success' | 'info' | 'brand-tonal' | 'destructive-tonal' | 'warning-tonal' | 'success-tonal' | 'info-tonal';

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

@@ -0,0 +1,10 @@
+import { TAlertVariant } from './alert.types';
+
+/**
+ * Helper function used in the alert stories to obtain an SVG icon for the alert
+ * based on the variant attribute of the alert.
+ *
+ * @param variant rtg-alert component's variant attribute
+ * @returns an SVG icon as a HTML Lit template literal
+ */
+export declare const alertIcon: (variant: TAlertVariant) => import('lit').TemplateResult<1>;

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

@@ -2,9 +2,12 @@ import { LitElement } from 'lit';
 
 export declare class AspectRatio extends LitElement {
     ratio: number;
-    private _children;
-    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    private _userClass;
+    private _userStyle;
+    protected createRenderRoot(): this;
     connectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    protected firstUpdated(): void;
     render(): import('lit').TemplateResult<1>;
 }
 declare global {

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

@@ -1 +1,4 @@
-export declare const aspectRatioStyles = "rtg-relative rtg-w-full rtg-overflow-hidden rtg-bg-muted";
+export declare const aspectRatioStyles: {
+    host: string[];
+    self: string[];
+};

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

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class AvatarFallback extends BaseElement {
     protected createRenderRoot(): HTMLElement | DocumentFragment;

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

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

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

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 import { AvatarFallback } from './avatar-fallback';
 import { AvatarImage } from './avatar-image';
 

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

@@ -1,3 +1,4 @@
-export declare const avatarStyles = "rtg-relative rtg-flex rtg-size-8 rtg-shrink-0 rtg-overflow-hidden rtg-rounded-full";
-export declare const avatarImageStyles = "rtg-aspect-square rtg-size-full";
-export declare const avatarFallbackStyles = "rtg-bg-muted rtg-flex rtg-size-full rtg-items-center rtg-justify-center rtg-rounded-full";
+type TAvatarParts = 'avatar' | 'avatarImage' | 'avatarFallback';
+type TAvatarStyles = Record<TAvatarParts, string | string[]>;
+export declare const avatarStyles: TAvatarStyles;
+export {};

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

@@ -3,7 +3,7 @@ import { BaseElement } from '../../../helpers';
 import * as badgeType from './badge.type';
 export declare class Badge extends BaseElement {
     static badgeVariants: (props?: ({
-        variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+        variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
     } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
     variant: badgeType.BadgeVariant;
     id: string;

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

@@ -4,3 +4,4 @@ declare const meta: Meta;
 export default meta;
 type Story = StoryObj;
 export declare const Badge: Story;
+export declare const BadgeWithLink: Story;

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

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

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

@@ -1 +1 @@
-export type BadgeVariant = 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+export type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline';

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

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

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

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

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

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

package/dist/src/components/ui/breadcrumb/breadcrumb-text.d.ts

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

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

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 import { BreadCrumbEllipsis } from './breadcrumb-ellipsis';
 import { BreadCrumbItem } from './breadcrumb-item';
 import { BreadCrumbLink } from './breadcrumb-link';
@@ -19,4 +19,4 @@ declare global {
         'rtg-bread-crumb': BreadCrumb;
     }
 }
-export { BreadCrumbEllipsis, BreadCrumbItem, BreadCrumb, BreadCrumbSeparator, BreadCrumbText, BreadCrumbLink, BreadCrumbList, };
+export { BreadCrumb, BreadCrumbEllipsis, BreadCrumbItem, BreadCrumbLink, BreadCrumbList, BreadCrumbSeparator, BreadCrumbText, };

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

@@ -1,6 +1,4 @@
-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";
+type TBreadcrumbPart = 'list' | 'item' | 'link' | 'page' | 'separator' | 'ellipsis';
+type TBreadcrumbStyles = Record<TBreadcrumbPart, string | string[]>;
+export declare const breadcrumbStyles: TBreadcrumbStyles;
+export {};

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

@@ -4,8 +4,8 @@ import { BaseElement } from '../../../helpers';
 import * as buttonType from './button.type';
 export declare class Button extends BaseElement {
     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" | "icon-sm" | "icon-lg" | null | undefined;
     } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
     click: () => void;
     disabled: boolean;

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

@@ -1,4 +1,4 @@
 export declare const buttonStyle: (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" | "icon-sm" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;

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

@@ -1,3 +1,3 @@
 export type ButtonVariant = 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
-export type ButtonSize = 'default' | 'sm' | 'lg' | 'icon';
+export type ButtonSize = 'default' | 'sm' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
 export type ButtonType = 'button' | 'submit' | 'reset' | 'menu';

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

@@ -1,25 +1,21 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
+import { TCalendarMode } from './calendar.helpers';
 
-import * as buttonType from './calendar.type';
 export declare class Calendar extends LitElement {
-    static styles: import('lit').CSSResult[];
-    static buttonVariants: (props?: ({
-        variant?: "outline" | null | undefined;
-        size?: "default" | null | undefined;
-    } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
     currentDate: Date;
     selectedStartDate: Date | null;
     selectedEndDate: Date | null;
-    variant: buttonType.ButtonVariant;
-    size: buttonType.ButtonSize;
-    styleCalendar: boolean;
-    mode: 'range' | 'single';
+    mode: TCalendarMode;
+    private _userClass;
+    private _userStyle;
     getDaysInMonth(year: number, month: number): number;
     previousMonth(): void;
     nextMonth(): void;
-    selectDate(day: number, isInactive: boolean): void;
-    isDayInRange(day: Date): boolean;
+    selectDate(day: number, isOutside: boolean): void;
+    isDayInRange(day: Date, exclusive?: boolean): boolean;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
+    connectedCallback(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): import('lit').TemplateResult<1>;
 }
 declare global {

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

@@ -0,0 +1,3 @@
+export type TCalendarMode = 'single' | 'range';
+export declare const WEEKDAYS: string[];
+export declare function formatFullDate(date: Date): string;

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

@@ -1,4 +1,40 @@
-export declare const buttonStyle: (props?: ({
-    variant?: "outline" | null | undefined;
-    size?: "default" | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export declare const calendarStyles: {
+    host: string[];
+    root: string[];
+    months: string[];
+    nav: string[];
+    month: string[];
+    buttonPrevious: string[];
+    buttonNext: string[];
+    chevron: string[];
+    monthCaption: string[];
+    captionLabel: string[];
+    monthGrid: string[];
+    weekdays: string[];
+    weekday: string[];
+    weeks: string[];
+    week: string[];
+    day: {
+        base: string[];
+        today: string[];
+        selected: {
+            common: string[];
+            single: string[];
+            range: {
+                start: string[];
+                middle: string[];
+                end: string[];
+            };
+        };
+        index: {
+            first: string[];
+            last: string[];
+        };
+        hidden: string[];
+    };
+    dayButton: {
+        base: string[];
+        outside: string[];
+        today: string[];
+    };
+};

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

@@ -1,10 +1,10 @@
+import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-import { CardTitle } from './card-title';
-import { CardHeader } from './card-header';
-import { CardFooter } from './card-footer';
-import { CardDescription } from './card-description';
 import { CardContent } from './card-content';
-import { BaseElement } from '../../../helpers';
+import { CardDescription } from './card-description';
+import { CardFooter } from './card-footer';
+import { CardHeader } from './card-header';
+import { CardTitle } from './card-title';
 
 declare class Card extends BaseElement {
     wrapperDivElement: HTMLDivElement;
@@ -14,7 +14,7 @@ declare class Card extends BaseElement {
     protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): import('lit').TemplateResult<1>;
 }
-export { Card, CardTitle, CardHeader, CardFooter, CardDescription, CardContent, };
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
 declare global {
     interface HTMLElementTagNameMap {
         'rtg-card': Card;

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

@@ -1 +1,4 @@
-export declare const cardStyles = "rtg-rounded-lg rtg-border rtg-bg-card rtg-p-6 rtg-text-card-foreground rtg-shadow-sm";
+type TCardParts = 'card' | 'cardHeader' | 'cardTitle' | 'cardDescription' | 'cardContent' | 'cardFooter';
+type TCardStyles = Record<TCardParts, string | string[]>;
+export declare const cardStyles: TCardStyles;
+export {};

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

@@ -0,0 +1,32 @@
+export declare const carouselStyles: {
+    root: string[];
+    viewport: string[];
+    slidesWrapper: {
+        base: string[];
+        orientation: {
+            horizontal: string[];
+            vertical: string[];
+        };
+    };
+    slide: {
+        base: string[];
+        size: {
+            true: string[];
+            false: string[];
+        };
+    };
+    controls: {
+        base: string[];
+        orientation: {
+            horizontal: string[];
+            vertical: string[];
+        };
+    };
+    controlButton: {
+        base: string[];
+        orientation: {
+            verticalPrev: string[];
+            verticalNext: string[];
+        };
+    };
+};

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

@@ -1,7 +1,9 @@
-import { Meta, StoryFn } from '@storybook/web-components-vite';
+import { Meta, StoryFn, StoryObj } from '@storybook/web-components-vite';
 
 declare const _default: Meta;
 export default _default;
 export declare const CheckboxWithRequired: StoryFn;
 export declare const Checkbox: StoryFn;
 export declare const CheckboxWithValue: StoryFn;
+type Story = StoryObj;
+export declare const Checkboxes: Story;

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

@@ -1,2 +1,4 @@
-export declare const checkboxStyles = "rtg-peer rtg-shadow-sm rtg-h-4 rtg-w-4 rtg-align-middle rtg-shrink-0 rtg-rounded-sm rtg-border rtg-border-input focus:rtg-border-ring rtg-ring-offset-background focus-visible:rtg-outline-none focus:rtg-ring-[3px] focus:rtg-ring-custom-outline 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";
+type TCheckboxPart = 'root' | 'indicator' | 'icon';
+type TCheckboxStyles = Record<TCheckboxPart, string | string[]>;
+export declare const checkboxStyles: TCheckboxStyles;
+export {};

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

@@ -1,5 +1,14 @@
-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-border rtg-bg-background rtg-px-1 rtg-py-1 rtg-opacity-0 rtg-shadow-md rtg-transition-opacity rtg-duration-300 rtg-ease-out  [&::-webkit-scrollbar-thumb]:rtg-rounded-full [&::-webkit-scrollbar-thumb]rtg-:bg-foreground [&::-webkit-scrollbar-track]:rtg-bg-background [&::-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]";
+export declare const comboBoxStyles: {
+    empty: string[];
+    group: {
+        base: string[];
+    };
+    input: string[];
+    trigger: {
+        base: string[];
+    };
+    value: string[];
+    item: {
+        base: string[];
+    };
+};

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class CommandItem extends BaseElement {
     private static _counter;
@@ -8,6 +8,7 @@ export declare class CommandItem extends BaseElement {
     _hidden: string;
     onSelect: () => void;
     private get containerElement();
+    disabled: 'true' | 'false';
     private get identifier();
     get value(): string;
     private handleMouseEvent;

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class ContextMenuContent extends BaseElement {
     isOpen: boolean;

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

@@ -1,5 +1,5 @@
-import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
 
 export declare class ContextMenuItem extends BaseElement {
     get _containerElement(): HTMLDivElement | null;
@@ -9,5 +9,6 @@ export declare class ContextMenuItem extends BaseElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
+    disabled: boolean;
     render(): import('lit').TemplateResult<1>;
 }

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

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