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

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

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

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

@@ -1,10 +1,11 @@
 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;
-    } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+    } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
     click: () => void;
     disabled: boolean;
     isCustomClass: boolean;
@@ -13,8 +14,8 @@ export declare class SampleDemo extends LitElement {
     mode: 'single' | 'range';
     selectedStartDate: Date | null;
     selectedEndDate: Date | null;
-    static styles: import("lit").CSSResult[];
-    render(): import("lit-html").TemplateResult<1>;
+    static styles: import('lit').CSSResult[];
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;

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

@@ -1,9 +1,10 @@
 import { BaseElement } from '../../../helpers';
+
 export declare class RtgScrollArea extends BaseElement {
-    private contentEl;
+    private viewportEl;
     protected createRenderRoot(): this;
     firstUpdated(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,4 +1,5 @@
-import type { Meta, StoryFn } from '@storybook/web-components';
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+
 declare const _default: Meta;
 export default _default;
 export declare const BasicScrollArea: StoryFn;

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

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

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

@@ -1,5 +1,6 @@
 import { BaseElement } from '../../../helpers';
 import { Select } from './select';
+
 export declare class SelectGroup extends BaseElement {
     focusedIndex: number;
     private childrenArray;
@@ -13,7 +14,7 @@ export declare class SelectGroup extends BaseElement {
     private handleKeyDown;
     private handleMouseOver;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,6 +1,7 @@
 import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
 import { Select } from './select';
+
 export declare class SelectItem extends BaseElement {
     value: string;
     isSelected: boolean;
@@ -16,7 +17,7 @@ export declare class SelectItem extends BaseElement {
     get _containerElement(): HTMLDivElement | null;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     private handleClick;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

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

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

@@ -1,10 +1,11 @@
 import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+
 export declare class SelectList extends BaseElement {
     state: string;
     get _containerElement(): HTMLDivElement | null;
     isOpen: boolean;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }

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

@@ -1,8 +1,9 @@
 import { LitElement } from 'lit';
+
 declare class SelectSeperator extends LitElement {
     _id: string;
     _hidden: string;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 export { SelectSeperator };

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

@@ -1,6 +1,7 @@
 import { PropertyValues } from 'lit';
 import { Select } from './select';
 import { BaseElement } from '../../../helpers';
+
 declare class SelectTrigger extends BaseElement {
     get _select(): Select;
     connectedCallback(): void;
@@ -11,7 +12,7 @@ declare class SelectTrigger extends BaseElement {
     handleClick: (e: Event) => void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected getAttributesToExclude(): string[];
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 export { SelectTrigger };
 declare global {

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

@@ -1,6 +1,7 @@
 import { PropertyValues } from 'lit';
 import { Select } from './select';
 import { BaseElement } from '../../../helpers';
+
 declare class SelectValue extends BaseElement {
     placeholder: string;
     get _select(): Select;
@@ -10,7 +11,7 @@ declare class SelectValue extends BaseElement {
     protected firstUpdated(_changedProperties: PropertyValues): void;
     renderLabel: () => string;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 export { SelectValue };
 declare global {

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

@@ -7,6 +7,7 @@ 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;
     selectStore: SelectStore;
@@ -15,7 +16,7 @@ declare class Select extends BaseElement {
     private handleClickOutside;
     protected firstUpdated(): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 export { Select, SelectGroup, SelectValue, SelectItem, SelectList, SelectLabel, SelectSeperator, SelectTrigger, };
 declare global {

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

@@ -1,4 +1,5 @@
-import type { Meta, StoryFn } from '@storybook/web-components';
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+
 declare const _default: Meta;
 export default _default;
 export declare const BasicSelect: StoryFn;

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

@@ -0,0 +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]";

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

@@ -1,11 +1,12 @@
 import { BaseElement } from '../../../helpers';
 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-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,4 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj;

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

@@ -1,7 +1,8 @@
 import { BaseElement } from '../../../helpers';
+
 export declare class RtgSkeleton extends BaseElement {
     protected createRenderRoot(): this;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,4 +1,5 @@
-import type { Meta, StoryFn } from '@storybook/web-components';
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+
 declare const _default: Meta;
 export default _default;
 export declare const BasicSkeleton: StoryFn;

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

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

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

@@ -1,11 +1,12 @@
 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-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,4 +1,5 @@
-import { Meta, StoryFn } from '@storybook/web-components';
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+
 declare const _default: Meta;
 export default _default;
 export declare const Switch: StoryFn;

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

@@ -0,0 +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";

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

@@ -1,12 +1,9 @@
 import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+
 export declare class Table extends BaseElement {
     twCLass: string;
     dataTable: Array<any>;
-    columns: Array<{
-        key: string;
-        label: string;
-    }>;
     footerData: Array<{
         key: string;
         value: string | number;
@@ -16,5 +13,7 @@ export declare class Table extends BaseElement {
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import("lit-html").TemplateResult<1>;
+    private get columnKeys();
+    private capitalizeLabel;
+    render(): import('lit').TemplateResult<1>;
 }

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

@@ -1,4 +1,5 @@
-import { Meta, StoryFn } from '@storybook/web-components';
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+
 declare const _default: Meta;
 export default _default;
 export declare const Table: StoryFn;

package/dist/src/components/ui/tabs/tab-contents.d.ts

@@ -1,6 +1,7 @@
 import { PropertyValues } from 'lit-element';
 import { Tab } from './tab';
 import { BaseElement } from '../../../helpers';
+
 declare class TabContent extends BaseElement {
     value: string;
     selectedValue: string;
@@ -11,7 +12,7 @@ declare class TabContent extends BaseElement {
     disconnectedCallback(): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit-element').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/src/components/ui/tabs/tab-list.d.ts

@@ -1,6 +1,7 @@
 import { PropertyValues } from 'lit-element';
 import { BaseElement } from '../../../helpers';
 import { Tab } from './tab';
+
 declare class TabList extends BaseElement {
     tabindex: number;
     get _tab(): Tab | null;
@@ -12,7 +13,7 @@ declare class TabList extends BaseElement {
     getChildren(): NodeListOf<Element>;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit-element').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/src/components/ui/tabs/tab-trigger.d.ts

@@ -2,6 +2,7 @@ import { PropertyValues } from 'lit-element';
 import { Tab } from './tab';
 import { TabList } from './tab-list';
 import { BaseElement } from '../../../helpers';
+
 declare class TabsTrigger extends BaseElement {
     defaultValue: string;
     value: string;
@@ -13,7 +14,7 @@ declare class TabsTrigger extends BaseElement {
     handleClick: (event: Event) => void;
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit-element').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -3,10 +3,10 @@ import { BaseElement } from '../../../helpers';
 import { TabsTrigger } from './tab-trigger';
 import { TabList } from './tab-list';
 import { TabContent } from './tab-contents';
+
 declare class Tab extends BaseElement {
     defaultValue: string;
     tabindex: number;
-    twCLass: string;
     get _containerElement(): HTMLDivElement | null;
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -15,7 +15,7 @@ declare class Tab extends BaseElement {
     raiseEvent(): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit-element').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/src/components/ui/tabs/tab.stories.d.ts

@@ -1,4 +1,5 @@
-import { Meta, StoryFn } from '@storybook/web-components';
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+
 export declare enum TAB_LIST {
     /**
      * @Default variant

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

@@ -0,0 +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";

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

@@ -1,5 +1,6 @@
 import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
+
 export declare class TextArea extends BaseElement {
     constructor();
     disabled: boolean;
@@ -8,12 +9,11 @@ export declare class TextArea extends BaseElement {
     rows: number;
     cols: number;
     value: string;
-    twCLass: string;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     handleInputChange(event: Event): void;
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,4 +1,5 @@
-import { Meta, StoryFn } from '@storybook/web-components';
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+
 declare const _default: Meta;
 export default _default;
 export declare const TextArea: StoryFn;

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

@@ -1,10 +1,11 @@
 import { PropertyValues } from 'lit';
 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;
+    } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
     get _containerElement(): HTMLButtonElement | null;
     variant: toastType.ToastVariant;
     getAttributesToExclude(): string[];
@@ -13,7 +14,7 @@ export declare class ToastAction extends BaseElement {
         [key: string]: string;
     };
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

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

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

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

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

@@ -1,6 +1,7 @@
 import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
 import { Toast } from './toast';
+
 export declare class ToastTrigger extends BaseElement {
     constructor();
     get _containerElement(): HTMLDivElement | null;
@@ -8,7 +9,7 @@ export declare class ToastTrigger extends BaseElement {
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     handleClick(e: Event): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,17 +1,18 @@
 import { PropertyValues } from 'lit';
 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;
+    } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
     get _containerElement(): HTMLLIElement | null;
     variant: toastType.ToastVariant;
     state: string;
     private handleCloseButtonClick;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -5,8 +5,8 @@ import { ToastAction } from './toast-action';
 import { ToastDescription } from './toast-description';
 import { ToastTitle } from './toast-title';
 import { ToastTrigger } from './toast-trigger';
+
 declare class Toast extends BaseElement {
-    twClass: string;
     isOpen: boolean;
     get _containerElement(): HTMLDivElement | null;
     onClick(): void;
@@ -15,7 +15,7 @@ declare class Toast extends BaseElement {
     protected updated(_changedProperties: PropertyValues): void;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 export { Toast, ToastAction, ToastDescription, ToastTitle, ToastTrigger, ToastViewPort, };
 declare global {

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

@@ -1,4 +1,5 @@
-import { Meta, StoryFn } from '@storybook/web-components';
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+
 declare const _default: Meta;
 export default _default;
 /** ===== Toast With Action Variants ===== **/

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

@@ -1,9 +1,11 @@
 export declare const toastStyle: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & 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;
+} & 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";

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

@@ -1,10 +1,10 @@
 import { PropertyValues } from 'lit-element';
 import { TOGGLE_SIZE, TOGGLE_VARIANT } from './toggle.defs';
 import { BaseElement } from '../../../helpers';
+
 export { TOGGLE_SIZE, TOGGLE_VARIANT };
 declare class Toggle extends BaseElement {
     disabled: boolean;
-    twCLass: string;
     checked: boolean;
     required: boolean;
     variant: TOGGLE_VARIANT;
@@ -13,12 +13,12 @@ declare class Toggle extends BaseElement {
     static toggleVariants: (props?: ({
         variant?: "default" | "outline" | null | undefined;
         size?: "sm" | "lg" | "md" | null | undefined;
-    } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+    } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
     protected getAttributesToExclude(): string[];
     toggle(): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit-element').TemplateResult<1>;
 }
 export { Toggle };
 declare global {

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

@@ -1,4 +1,5 @@
-import type { Meta, StoryFn } from '@storybook/web-components';
+import { Meta, StoryFn } from '@storybook/web-components-vite';
+
 declare const _default: Meta;
 export default _default;
 export declare const toggle: StoryFn;

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

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

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

@@ -2,6 +2,7 @@ import { PropertyValues } from 'lit-element';
 import { BaseElement } from '../../../helpers';
 import { TOGGLE_GROUP_VARIANT, TOGGLE_GROUP_SIZE, TOGGLE_GROUP_TYPE } from './toggle-group.defs';
 import { ToggleGroup } from './toggle-group';
+
 declare class ToggleGroupItem extends BaseElement {
     checked: boolean;
     id: string;
@@ -15,13 +16,13 @@ declare class ToggleGroupItem extends BaseElement {
     static toggleGroupVariants: (props?: ({
         variant?: "default" | "outline" | null | undefined;
         size?: "sm" | "lg" | "md" | null | undefined;
-    } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+    } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     protected updated(_changedProperties: PropertyValues): void;
     toggleSelection(itemId: string): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit-element').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {