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

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

@@ -1 +1 @@
-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";
+export declare const textAreaStyles: string[];

package/dist/src/components/ui/toast/toast-action.d.ts

@@ -3,9 +3,13 @@ import { BaseElement } from '../../../helpers';
 
 import * as toastType from './toast.type';
 export declare class ToastAction extends BaseElement {
-    static toastVariants: (props?: ({
-        variant?: "default" | "destructive" | null | undefined;
-    } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+    static toastVariants: {
+        base: string[];
+        variants: {
+            default: string[];
+            destructive: string[];
+        };
+    };
     get _containerElement(): HTMLButtonElement | null;
     variant: toastType.ToastVariant;
     getAttributesToExclude(): string[];

package/dist/src/components/ui/toast/toast-view-port.d.ts

@@ -3,13 +3,16 @@ import { BaseElement } from '../../../helpers';
 
 import * as toastType from './toast.type';
 export declare class ToastViewPort extends BaseElement {
-    static toastVariants: (props?: ({
-        variant?: "default" | "destructive" | null | undefined;
-    } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+    static toastVariants: {
+        base: string[];
+        variants: {
+            default: string[];
+            destructive: string[];
+        };
+    };
     get _containerElement(): HTMLLIElement | null;
     variant: toastType.ToastVariant;
     state: string;
-    private handleCloseButtonClick;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): import('lit').TemplateResult<1>;

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

@@ -1,11 +1,19 @@
-export declare const toastStyle: (props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-export declare const toastActionStyle: (props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-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";
+export declare const toastStyles: {
+    viewportRoot: string[];
+    viewportItem: {
+        base: string[];
+        variants: {
+            default: string[];
+            destructive: string[];
+        };
+    };
+    action: {
+        base: string[];
+        variants: {
+            default: string[];
+            destructive: string[];
+        };
+    };
+    title: string[];
+    description: string[];
+};

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

@@ -9,6 +9,7 @@ declare class Toggle extends BaseElement {
     required: boolean;
     variant: TOGGLE_VARIANT;
     size: TOGGLE_SIZE;
+    protected willUpdate(changed: Map<string, unknown>): void;
     get _containerElement(): HTMLButtonElement | null;
     static toggleVariants: (props?: ({
         variant?: "default" | "outline" | null | undefined;

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

@@ -10,7 +10,7 @@ declare class ToggleGroupItem extends BaseElement {
     size: TOGGLE_GROUP_SIZE;
     disabled: boolean;
     type: TOGGLE_GROUP_TYPE;
-    get _parent(): ToggleGroup;
+    get _parent(): ToggleGroup | null;
     get _containerElement(): HTMLButtonElement | null;
     get _siblings(): ToggleGroupItem[];
     static toggleGroupVariants: (props?: ({
@@ -20,13 +20,24 @@ declare class ToggleGroupItem extends BaseElement {
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    protected updated(_changedProperties: PropertyValues): void;
+    /**
+     * IMPORTANT:
+     * - No reactive state is written inside updated()
+     * - This prevents infinite loops
+     */
+    constructor();
+    private syncFromParent;
+    /**
+     * Called by parent when selection changes
+     * (or manually triggered via requestUpdate)
+     */
+    syncSelection(): void;
     toggleSelection(itemId: string): void;
     render(): import('lit-element').TemplateResult<1>;
 }
+export { ToggleGroupItem };
 declare global {
     interface HTMLElementTagNameMap {
         'rtg-toggle-group-item': ToggleGroupItem;
     }
 }
-export { ToggleGroupItem };

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 = "rtg-flex rtg-items-center rtg-justify-center rtg-gap-1";
+export declare const toggleGroupStyles = "rtg-flex rtg-items-center rtg-justify-center rtg-gap-toggle-group-space-gap";

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

@@ -15,6 +15,7 @@ export declare abstract class BaseElement extends LitElement {
     protected applyCustomClass(variables: string[], selector: string, className?: string): void;
     protected removeDuplicateContent(): void;
     protected moveLightDomChildrenInto(target: HTMLElement, specificNodes?: Node[]): void;
+    protected normalizeEnum<T extends Record<string, string>>(value: unknown, enumObj: T, fallback: T[keyof T]): T[keyof T];
     private mutationObserver?;
     protected observeStyleAndClassSync(target: HTMLElement): void;
 }

package/dist/src/tokens/tailwind/animation.d.ts

@@ -0,0 +1,7 @@
+export declare const animation: {
+    'toast-in': string;
+    'toast-out': string;
+    'skeleton-animate': string;
+    'accordion-content-animate-closed': string;
+    'accordion-content-animate-open': string;
+};

package/dist/src/tokens/tailwind/basis.d.ts

@@ -0,0 +1,5 @@
+export declare const flexBasis: {
+    'carousel-slide-basis': string;
+    'carousel-slide-size-basis-lg': string;
+    'carousel-slide-size-basis-md': string;
+};

package/dist/src/tokens/tailwind/border-radius.d.ts

@@ -0,0 +1,61 @@
+export declare const borderRadius: {
+    'navigation-menu-item-radius': string;
+    'navigation-menu-link-radius': string;
+    'navigation-menu-content-container-radius': string;
+    'combo-box-group-radius': string;
+    'combo-box-input-radius': string;
+    'combo-box-trigger-radius': string;
+    'combo-box-item-radius': string;
+    'carousel-button-radius': string;
+    'textarea-radius': string;
+    'tab-list-radius': string;
+    'tab-trigger-radius': string;
+    'toast-viewport-item-radius': string;
+    'toast-action-radius': string;
+    'toggle-group-item-radius': string;
+    'toggle-radius': string;
+    'input-radius': string;
+    'scrollarea-radius': string;
+    'switch-radius': string;
+    'switch-thumb-radius': string;
+    'skeleton-radius': string;
+    'select-trigger-radius': string;
+    'select-content-radius': string;
+    'select-item-radius': string;
+    'radio-group-item-radius': string;
+    'progress-radius': string;
+    'popover-content-radius': string;
+    'menubar-radius': string;
+    'menubar-trigger-radius': string;
+    'menubar-content-radius': string;
+    'menubar-item-radius': string;
+    'menubar-checkbox-item-radius': string;
+    'menubar-radio-item-radius': string;
+    'input-otp-slot-radius': string;
+    'hover-card-content-radius': string;
+    'dropdown-menu-content-radius': string;
+    'dropdown-menu-item-radius': string;
+    'dropdown-menu-checkbox-item-radius': string;
+    'dropdown-menu-radio-item-radius': string;
+    'drawer-content-radius': string;
+    'drawer-thumb-radius': string;
+    'dialog-content-radius': string;
+    'dialog-close-radius': string;
+    'context-menu-content-radius': string;
+    'context-menu-item-radius': string;
+    'context-menu-checkbox-item-radius': string;
+    'context-menu-radio-item-radius': string;
+    'command-radius': string;
+    'command-input-radius': string;
+    'command-item-radius': string;
+    'checkbox-radius': string;
+    'card-radius': string;
+    'calendar-weekday-radius': string;
+    'calendar-day-radius': string;
+    'button-radius': string;
+    'badge-radius': string;
+    'avatar-radius': string;
+    'avatar-fallback-radius': string;
+    'alert-radius': string;
+    'accordion-trigger-radius': string;
+};

package/dist/src/tokens/tailwind/border-width.d.ts

@@ -0,0 +1,32 @@
+export declare const borderWidth: {
+    'navigation-menu-content-container-width-border': string;
+    'combo-box-group-width-border': string;
+    'combo-box-trigger-width-border': string;
+    'table-head-width-border': string;
+    'table-body-width-border': string;
+    'table-footer-width-border': string;
+    'switch-width-border': string;
+    'select-trigger-width-border': string;
+    'select-content-width-border': string;
+    'radio-group-item-width-border': string;
+    'popover-content-width-border': string;
+    'menubar-width-border': string;
+    'menubar-content-width-border': string;
+    'input-otp-slot-width-border': string;
+    'hover-card-content-width-border': string;
+    'dropdown-menu-content-width-border': string;
+    'drawer-content-width-border': string;
+    'dialog-content-width-border': string;
+    'context-menu-content-width-border': string;
+    'command-input-wrapper-width-border': string;
+    'checkbox-width-border': string;
+    'card-width-border': string;
+    'calendar-day-width-border-focus': string;
+    'button-width-border-focus': string;
+    'button-width-border-invalid': string;
+    'button-outline-width-border': string;
+    'badge-width-border': string;
+    'alert-width-border': string;
+    'accordion-item-width-border': string;
+    'accordion-trigger-width-border-focus': string;
+};

package/dist/src/tokens/tailwind/box-shadow.d.ts

@@ -0,0 +1,23 @@
+export declare const boxShadow: {
+    'navigation-menu-item-shadow-focus': string;
+    'navigation-menu-content-container-shadow': string;
+    'combo-box-group-shadow': string;
+    'tab-trigger-shadow-active': string;
+    'toast-viewport-item-shadow': string;
+    'switch-shadow': string;
+    'select-trigger-shadow': string;
+    'select-content-shadow': string;
+    'radio-group-item-shadow': string;
+    'popover-content-shadow': string;
+    'menubar-shadow': string;
+    'menubar-content-shadow': string;
+    'input-otp-slot-shadow': string;
+    'input-shadow': string;
+    'hover-card-content-shadow': string;
+    'dropdown-menu-content-shadow': string;
+    'dialog-content-shadow': string;
+    'context-menu-content-shadow': string;
+    'checkbox-shadow': string;
+    'card-shadow': string;
+    'button-outline-shadow': string;
+};

package/dist/src/tokens/tailwind/color.d.ts

@@ -0,0 +1,339 @@
+export declare const color: {
+    'navigation-menu-item-color-bg': string;
+    'navigation-menu-item-color-bg-hover': string;
+    'navigation-menu-link-color-bg-hover': string;
+    'navigation-menu-content-container-color-bg': string;
+    'navigation-menu-link-color-bg': string;
+    'navigation-menu-content-container-color-border': string;
+    'combo-box-group-color-border': string;
+    'combo-box-group-color-bg': string;
+    'combo-box-input-color-text': string;
+    'combo-box-input-color-bg': string;
+    'combo-box-input-color-text-placeholder': string;
+    'combo-box-trigger-color-border': string;
+    'combo-box-trigger-color-bg': string;
+    'combo-box-trigger-color-ring-focus': string;
+    'combo-box-item-color-bg-hover': string;
+    'form-description-color-text': string;
+    'form-message-color-text': string;
+    'form-label-color-text-error': string;
+    'carousel-button-color-bg': string;
+    'carousel-button-color-text': string;
+    'carousel-button-color-bg-hover': string;
+    'table-preview-color-bg': string;
+    'table-caption-color-text': string;
+    'table-head-color-border': string;
+    'table-head-row-color-bg-hover': string;
+    'table-head-cell-color-text': string;
+    'table-body-color-border': string;
+    'table-body-row-color-bg-hover': string;
+    'table-footer-color-border': string;
+    'table-footer-color-bg': string;
+    'table-footer-row-color-bg-hover': string;
+    'textarea-color-bg': string;
+    'textarea-color-border': string;
+    'textarea-color-border-focus': string;
+    'textarea-color-text': string;
+    'textarea-color-ring-focus': string;
+    'textarea-color-text-placeholder': string;
+    'tab-list-color-bg': string;
+    'tab-list-color-text': string;
+    'tab-trigger-color-bg-active': string;
+    'tab-trigger-color-text-active': string;
+    'tab-trigger-color-ring-focus': string;
+    'toast-viewport-default-color-bg': string;
+    'toast-viewport-default-color-text': string;
+    'toast-viewport-destructive-color-bg': string;
+    'toast-viewport-destructive-color-text': string;
+    'toast-action-destructive-color-text': string;
+    'toast-action-destructive-color-ring-focus': string;
+    'toast-action-destructive-color-bg-hover': string;
+    'toast-action-destructive-color-bg': string;
+    'toast-action-color-border': string;
+    'toast-action-default-color-bg-hover': string;
+    'toast-action-default-color-bg': string;
+    'toast-action-color-text': string;
+    'toast-action-color-ring-focus': string;
+    'toast-viewport-default-color-border': string;
+    'toggle-group-item-color-bg-on': string;
+    'toggle-group-item-color-text-on': string;
+    'toggle-group-item-color-ring-focus': string;
+    'toggle-group-item-default-color-bg-hover': string;
+    'toggle-group-item-default-color-text-hover': string;
+    'toggle-group-item-outline-color-bg-hover': string;
+    'toggle-group-item-outline-color-text-hover': string;
+    'toggle-group-item-outline-color-border': string;
+    'toggle-color-bg-on': string;
+    'toggle-color-text-on': string;
+    'toggle-color-ring-focus': string;
+    'toggle-default-color-bg-hover': string;
+    'toggle-default-color-text-hover': string;
+    'toggle-outline-color-bg-hover': string;
+    'toggle-outline-color-text-hover': string;
+    'toggle-outline-color-border': string;
+    'input-color-bg': string;
+    'input-color-border': string;
+    'input-color-border-focus': string;
+    'input-color-text': string;
+    'input-color-text-placeholder': string;
+    'input-color-ring-focus': string;
+    'input-icon-color-text': string;
+    'input-icon-color-text-hover': string;
+    'scrollarea-color-bg': string;
+    'scrollarea-color-border': string;
+    'switch-color-border': string;
+    'switch-color-bg-checked': string;
+    'switch-color-bg-unchecked': string;
+    'switch-color-border-focus': string;
+    'switch-color-ring-focus': string;
+    'switch-thumb-color-bg-checked': string;
+    'switch-thumb-color-bg-unchecked': string;
+    'skeleton-color-bg': string;
+    'separator-color-bg': string;
+    'select-trigger-color-bg': string;
+    'select-trigger-color-border': string;
+    'select-trigger-color-bg-hover': string;
+    'select-trigger-color-border-focus': string;
+    'select-trigger-color-ring-focus': string;
+    'select-trigger-color-border-invalid': string;
+    'select-trigger-color-ring-invalid': string;
+    'select-trigger-placeholder-color-text': string;
+    'select-trigger-icon-color-text': string;
+    'select-content-color-text': string;
+    'select-content-color-bg': string;
+    'select-content-color-border': string;
+    'select-label-color-text': string;
+    'select-item-color-text-hover': string;
+    'select-item-color-bg-hover': string;
+    'select-item-color-text-focus': string;
+    'select-item-color-bg-focus': string;
+    'select-item-icon-color-text': string;
+    'select-separator-color-bg': string;
+    'radio-group-item-color-bg': string;
+    'radio-group-item-color-border': string;
+    'radio-group-item-color-border-focus': string;
+    'radio-group-item-color-border-invalid': string;
+    'radio-group-item-color-ring-focus': string;
+    'radio-group-item-color-ring-invalid': string;
+    'radio-group-indicator-color-fill': string;
+    'progress-color-bg': string;
+    'progress-indicator-color-bg': string;
+    'popover-content-color-text': string;
+    'popover-content-color-bg': string;
+    'popover-content-color-border': string;
+    'menubar-color-bg': string;
+    'menubar-color-border': string;
+    'menubar-trigger-color-text-active': string;
+    'menubar-trigger-color-bg-active': string;
+    'menubar-trigger-color-text-focus': string;
+    'menubar-trigger-color-bg-focus': string;
+    'menubar-content-color-text': string;
+    'menubar-content-color-bg': string;
+    'menubar-content-color-border': string;
+    'menubar-item-color-text-active': string;
+    'menubar-item-color-bg-active': string;
+    'menubar-item-icon-color-text': string;
+    'menubar-checkbox-item-color-text-active': string;
+    'menubar-checkbox-item-color-bg-active': string;
+    'menubar-radio-item-color-text-active': string;
+    'menubar-radio-item-color-bg-active': string;
+    'menubar-separator-color-bg': string;
+    'menubar-shortcut-color-text': string;
+    'input-otp-slot-color-bg': string;
+    'input-otp-slot-color-border': string;
+    'input-otp-slot-color-border-focus': string;
+    'input-otp-slot-color-border-invalid': string;
+    'input-otp-slot-color-ring-focus': string;
+    'input-otp-slot-color-ring-invalid': string;
+    'input-otp-separator-color-text': string;
+    'hover-card-content-color-text': string;
+    'hover-card-content-color-bg': string;
+    'hover-card-content-color-border': string;
+    'dropdown-menu-content-color-text': string;
+    'dropdown-menu-content-color-bg': string;
+    'dropdown-menu-content-color-border': string;
+    'dropdown-menu-item-color-bg-hover': string;
+    'dropdown-menu-item-color-text-hover': string;
+    'dropdown-menu-item-color-bg-focus': string;
+    'dropdown-menu-item-color-text-focus': string;
+    'dropdown-menu-item-icon-color-text': string;
+    'dropdown-menu-checkbox-item-color-bg-focus': string;
+    'dropdown-menu-checkbox-item-color-text-focus': string;
+    'dropdown-menu-radio-item-color-bg-focus': string;
+    'dropdown-menu-radio-item-color-text-focus': string;
+    'dropdown-menu-separator-color-bg': string;
+    'dropdown-menu-shortcut-color-text': string;
+    'drawer-overlay-color-bg': string;
+    'drawer-content-color-bg': string;
+    'drawer-content-color-border': string;
+    'drawer-thumb-color-bg': string;
+    'drawer-title-color-text': string;
+    'drawer-description-color-text': string;
+    'dialog-close-color-ring-offset': string;
+    'dialog-close-color-ring-focus': string;
+    'dialog-close-color-bg': string;
+    'dialog-close-color-text': string;
+    'dialog-overlay-color-bg': string;
+    'dialog-content-color-bg': string;
+    'dialog-content-color-border': string;
+    'dialog-description-color-text': string;
+    'date-picker-trigger-button-color-text-empty': string;
+    'context-menu-content-color-text': string;
+    'context-menu-content-color-bg': string;
+    'context-menu-content-color-border': string;
+    'context-menu-item-color-bg-hover': string;
+    'context-menu-item-color-text-hover': string;
+    'context-menu-item-color-bg-focus': string;
+    'context-menu-item-color-text-focus': string;
+    'context-menu-item-icon-color-text': string;
+    'context-menu-checkbox-item-color-bg-focus': string;
+    'context-menu-checkbox-item-color-text-focus': string;
+    'context-menu-radio-item-color-bg-focus': string;
+    'context-menu-radio-item-color-text-focus': string;
+    'context-menu-separator-color-bg': string;
+    'context-menu-shortcut-color-text': string;
+    'command-color-text': string;
+    'command-color-bg': string;
+    'command-input-color-bg': string;
+    'command-input-placeholder-color-text': string;
+    'command-input-wrapper-color-border': string;
+    'command-group-color-text': string;
+    'command-heading-color-text': string;
+    'command-separator-color-bg': string;
+    'command-item-color-bg-hover': string;
+    'command-item-color-text-hover': string;
+    'command-item-color-bg-selected': string;
+    'command-item-color-text-selected': string;
+    'command-item-icon-color-text': string;
+    'command-shortcut-color-text': string;
+    'checkbox-color-border': string;
+    'checkbox-color-bg': string;
+    'checkbox-color-border-checked': string;
+    'checkbox-color-bg-checked': string;
+    'checkbox-color-text-checked': string;
+    'checkbox-color-border-focus': string;
+    'checkbox-color-ring-focus': string;
+    'checkbox-color-border-invalid': string;
+    'checkbox-color-ring-invalid': string;
+    'card-color-bg': string;
+    'card-color-text': string;
+    'card-color-border': string;
+    'card-description-color-text': string;
+    'calendar-color-bg': string;
+    'calendar-weekday-color-text': string;
+    'calendar-day-today-color-bg': string;
+    'calendar-day-color-bg-selected': string;
+    'calendar-day-color-border-focus': string;
+    'calendar-day-color-ring-focus': string;
+    'calendar-day-button-color-text-disabled': string;
+    'calendar-day-button-outside-color-text': string;
+    'calendar-day-button-today-color-text': string;
+    'calendar-day-button-today-color-bg': string;
+    'calendar-day-button-color-bg-single-selected': string;
+    'calendar-day-button-color-text-single-selected': string;
+    'calendar-day-button-color-bg-range-start': string;
+    'calendar-day-button-color-text-range-start': string;
+    'calendar-day-button-color-bg-range-middle': string;
+    'calendar-day-button-color-text-range-middle': string;
+    'calendar-day-button-color-bg-range-end': string;
+    'calendar-day-button-color-text-range-end': string;
+    'button-color-border-focus': string;
+    'button-color-border-invalid': string;
+    'button-color-ring-invalid': string;
+    'button-default-color-bg': string;
+    'button-default-color-text': string;
+    'button-default-color-bg-hover': string;
+    'button-default-color-ring-focus': string;
+    'button-secondary-color-bg': string;
+    'button-secondary-color-text': string;
+    'button-secondary-color-bg-hover': string;
+    'button-secondary-color-ring-focus': string;
+    'button-outline-color-bg': string;
+    'button-outline-color-text': string;
+    'button-outline-color-border': string;
+    'button-outline-color-bg-hover': string;
+    'button-outline-color-text-hover': string;
+    'button-outline-color-ring-focus': string;
+    'button-ghost-color-text': string;
+    'button-ghost-color-bg-hover': string;
+    'button-ghost-color-text-hover': string;
+    'button-ghost-color-ring-focus': string;
+    'button-destructive-color-bg': string;
+    'button-destructive-color-text': string;
+    'button-destructive-color-bg-hover': string;
+    'button-destructive-color-ring-focus': string;
+    'button-link-color-text': string;
+    'button-link-color-ring-focus': string;
+    'breadcrumb-list-color-text': string;
+    'breadcrumb-link-color-text-hover': string;
+    'breadcrumb-page-color-text': string;
+    'badge-color-border-focus': string;
+    'badge-color-border-invalid': string;
+    'badge-color-ring-invalid': string;
+    'badge-default-color-border': string;
+    'badge-default-color-bg': string;
+    'badge-default-color-text': string;
+    'badge-default-color-bg-hover': string;
+    'badge-default-color-ring-focus': string;
+    'badge-secondary-color-border': string;
+    'badge-secondary-color-bg': string;
+    'badge-secondary-color-text': string;
+    'badge-secondary-color-bg-hover': string;
+    'badge-secondary-color-ring-focus': string;
+    'badge-outline-color-border': string;
+    'badge-outline-color-text': string;
+    'badge-outline-color-bg-hover': string;
+    'badge-outline-color-text-hover': string;
+    'badge-outline-color-ring-focus': string;
+    'badge-destructive-color-border': string;
+    'badge-destructive-color-bg': string;
+    'badge-destructive-color-text': string;
+    'badge-destructive-color-bg-hover': string;
+    'badge-destructive-color-ring-focus': string;
+    'avatar-fallback-color-bg': string;
+    'avatar-fallback-color-text': string;
+    'alert-default-color-bg': string;
+    'alert-default-color-border': string;
+    'alert-default-icon-color-text': string;
+    'alert-brand-color-bg': string;
+    'alert-brand-color-border': string;
+    'alert-brand-icon-color-text': string;
+    'alert-destructive-color-bg': string;
+    'alert-destructive-color-border': string;
+    'alert-destructive-icon-color-text': string;
+    'alert-warning-color-bg': string;
+    'alert-warning-color-border': string;
+    'alert-warning-icon-color-text': string;
+    'alert-success-color-bg': string;
+    'alert-success-color-border': string;
+    'alert-success-icon-color-text': string;
+    'alert-info-color-bg': string;
+    'alert-info-color-border': string;
+    'alert-info-icon-color-text': string;
+    'alert-brand-tonal-color-bg': string;
+    'alert-brand-tonal-color-border': string;
+    'alert-destructive-tonal-color-bg': string;
+    'alert-destructive-tonal-color-border': string;
+    'alert-warning-tonal-color-bg': string;
+    'alert-warning-tonal-color-border': string;
+    'alert-success-tonal-color-bg': string;
+    'alert-success-tonal-color-border': string;
+    'alert-info-tonal-color-bg': string;
+    'alert-info-tonal-color-border': string;
+    'alert-title-default-color-text': string;
+    'alert-title-brand-color-text': string;
+    'alert-title-destructive-color-text': string;
+    'alert-title-warning-color-text': string;
+    'alert-title-success-color-text': string;
+    'alert-title-info-color-text': string;
+    'alert-description-default-color-text': string;
+    'alert-description-brand-color-text': string;
+    'alert-description-destructive-color-text': string;
+    'alert-description-warning-color-text': string;
+    'alert-description-success-color-text': string;
+    'alert-description-info-color-text': string;
+    'accordion-item-color-border': string;
+    'accordion-trigger-color-border-focus': string;
+    'accordion-trigger-color-ring-focus': string;
+    'accordion-trigger-icon-color-text': string;
+};