@revotech-group/revotech-ui-kit 0.2.4 → 0.2.6

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

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

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

@@ -2,7 +2,6 @@ import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { PopoverContent } from './popover-content';
 import { PopoverTrigger } from './popover-trigger';
-
 declare class Popover extends BaseElement {
     isOpen: boolean;
     get _containerElement(): HTMLDivElement | null;

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

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

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

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class Progress extends LitElement {
     value: number;
     protected createRenderRoot(): HTMLElement | DocumentFragment;

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

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

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class RadioGroupItem extends BaseElement {
     checked: boolean;
     tabindex: number;

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,4 @@
 import { BaseElement } from '../../../helpers';
-
 export declare class RtgScrollArea extends BaseElement {
     private viewportEl;
     protected createRenderRoot(): this;

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

@@ -1,5 +1,4 @@
 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/select/select-group.d.ts

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { Select } from './select';
-
 export declare class SelectGroup extends BaseElement {
     focusedIndex: number;
     private childrenArray;

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

@@ -1,7 +1,6 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { Select } from './select';
-
 export declare class SelectItem extends BaseElement {
     value: string;
     isSelected: boolean;

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class SelectLabel extends BaseElement {
     get _containerElement(): HTMLDivElement | null;
     protected firstUpdated(_changedProperties: PropertyValues): void;

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

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

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

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 declare class SelectSeperator extends LitElement {
     _id: string;
     _hidden: string;

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

@@ -1,7 +1,6 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { Select } from './select';
-
 declare class SelectTrigger extends BaseElement {
     get _select(): Select;
     private classObserver?;

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

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

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

@@ -7,7 +7,6 @@ import { SelectList } from './select-list';
 import { SelectSeperator } from './select-seperator';
 import { SelectTrigger } from './select-trigger';
 import { SelectValue } from './select-value';
-
 declare class Select extends BaseElement {
     private uuid;
     selectStore: SelectStore;

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

@@ -1,5 +1,4 @@
 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/separator/_separator.d.ts

@@ -1,6 +1,5 @@
 import { LitElement } from 'lit';
 import { SeparatorOrientation, SeparatorProps } from './separator.defs';
-
 /**
  * The `<rtg-separator>` component visually or semantically separates content.
  *

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

@@ -1,5 +1,4 @@
 import { Separator } from './_separator';
-
 export { Separator };
 /**
  * Visually or semantically separates content.

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

@@ -1,5 +1,4 @@
 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,5 +1,4 @@
 import { BaseElement } from '../../../helpers';
-
 export declare class RtgSkeleton extends BaseElement {
     protected createRenderRoot(): this;
     render(): import('lit-html').TemplateResult<1>;

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

@@ -1,5 +1,4 @@
 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/spinner/_spinner.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+import { SpinnerProps, SpinnerVariant } from './spinner.defs';
+/**
+ * An indicator that can be used to show a loading state.
+ *
+ * @element rtg-spinner
+ * @slot spinner
+ */
+export declare class Spinner extends LitElement implements SpinnerProps {
+    /**
+     * The icon rendered as the spinner.
+     */
+    variant: SpinnerVariant;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,10 @@
+import { Spinner } from './_spinner';
+export { Spinner };
+/**
+ * An indicator that can be used to show a loading state.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-spinner': Spinner;
+    }
+}

package/dist/src/components/ui/spinner/spinner.defs.d.ts

@@ -0,0 +1,4 @@
+export type SpinnerVariant = 'circle' | 'basic' | 'pinwheel';
+export interface SpinnerProps {
+    variant: SpinnerVariant;
+}

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Demo: Story;
+export declare const Variant: Story;
+export declare const Size: Story;
+export declare const Button: Story;
+export declare const Badge: Story;
+export declare const InputGroup: Story;
+export declare const Empty: Story;

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

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class Switch extends LitElement {
     disabled: 'true' | 'false';
     state: 'checked' | 'unchecked';

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

@@ -1,5 +1,4 @@
 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/table/table.d.ts

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

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

@@ -1,5 +1,4 @@
 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/_tabs-content.d.ts

@@ -1,6 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
 import { TabsContentProps } from './tabs.defs';
-
 /**
  * The `<rtg-tabs-content>` component contains the content associated with each
  * trigger.

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

@@ -1,6 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
 import { TabsListProps, TabsListVariant } from './tabs.defs';
-
 /**
  * The `<rtg-tabs-list>` component contains the triggers that are aligned along
  * the edge of the active content.

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

@@ -1,6 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
 import { TabsTriggerProps } from './tabs.defs';
-
 /**
  * The `<rtg-tabs-trigger>` component is the button that activates its
  * associated content.

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

@@ -1,6 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
 import { TabsProps, TabsOrientation, TabsDir, TabsActivationMode } from './tabs.defs';
-
 /**
  * The `<rtg-tabs>` component is the 'root' and contains all the tabs component
  * parts.

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

@@ -2,7 +2,6 @@ import { Tabs } from './_tabs';
 import { TabsList } from './_tabs-list';
 import { TabsTrigger } from './_tabs-trigger';
 import { TabsContent } from './_tabs-content';
-
 export { Tabs, TabsList, TabsTrigger, TabsContent };
 /**
  * A set of layered sections of content—known as tab panels—that are displayed

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

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

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

@@ -0,0 +1,131 @@
+import { LitElement, PropertyValues } from 'lit';
+import { TextareaProps, TextareaAutocomplete, TextareaWrap } from './textarea.defs';
+/**
+ * Displays a form textarea or a component that looks like a textarea.
+ *
+ * @element rtg-textarea
+ * @slot textarea
+ */
+export declare class Textarea extends LitElement implements TextareaProps {
+    /**
+     * Controls whether entered text can be automatically completed by the
+     * browser.
+     */
+    autocomplete?: TextareaAutocomplete;
+    /**
+     * The visible width of the text control, in average character widths.
+     */
+    cols?: number;
+    /**
+     * When `true`, prevents the user from interacting with the textarea.
+     */
+    disabled?: boolean;
+    /**
+     * The form name that the textarea is associated with.
+     */
+    form?: string;
+    /**
+     * A unique id for the textarea element.
+     */
+    id: string;
+    /**
+     * When `true`, sets the `aria-invalid` attribute and styles the textarea
+     * accordingly.
+     */
+    invalid?: boolean;
+    /**
+     * The maximum string length that the user can enter into the field.
+     */
+    maxlength?: number;
+    /**
+     * The minimum string length that the user can enter into the field.
+     */
+    minlength?: number;
+    /**
+     * The name of the textarea. Submitted with its owning form as part of a
+     * name/value pair.
+     */
+    name?: string;
+    /**
+     * The value of the placeholder text, providing a brief hint to the user.
+     */
+    placeholder?: string;
+    /**
+     * When `true`, indicates that the user should not be able to edit the value
+     * of the textarea.
+     */
+    readonly?: boolean;
+    /**
+     * When `true`, indicates that the user must fill the textarea before the
+     * owning form can be submitted.
+     */
+    required?: boolean;
+    /**
+     * The number of visible text lines for the control.
+     */
+    rows?: number;
+    /**
+     * Indicates how the control should wrap the value for form submission.
+     */
+    wrap?: TextareaWrap;
+    /**
+     * The value of the textarea. When specified as a prop, it is the initial
+     * value.
+     */
+    value?: string;
+    /**
+     * The user-defined "on input" handler for the textarea.
+     */
+    onInput?: (event: Event) => void;
+    /**
+     * The user-defined "on change" handler for the textarea.
+     */
+    onChange?: (event: Event) => void;
+    /**
+     * The user-defined "on focus" handler for the textarea.
+     */
+    onFocus?: (event: FocusEvent) => void;
+    /**
+     * The user-defined "on blur" handler for the textarea.
+     */
+    onBlur?: (event: FocusEvent) => void;
+    /**
+     * The id of the textarea element, determined by the provided `id` prop.
+     */
+    private _textareaId?;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * Handles the updated callback, transferring the `id` prop's value to
+     * `_textareaId` and removing it from the parent (if changed).
+     */
+    protected updated(changed: PropertyValues): void;
+    /**
+     * Handles the first updated callback, transferring the `id` prop's value to
+     * `_textareaId` and removing it from the parent.
+     */
+    protected firstUpdated(): void;
+    /**
+     * Handles the input event of the textarea, updating the stored `value` and
+     * invoking the user-provided event handler (if provided).
+     */
+    private _onInput;
+    /**
+     * Handles the change event of the textarea, updating the stored `value` and
+     * invoking the user-provided event handler (if provided).
+     */
+    private _onChange;
+    /**
+     * Handles the focus event of the textarea, dispatching the focus event (so it
+     * bubbles) and invoking the user-provided event handler (if provided).
+     */
+    private _onFocus;
+    /**
+     * Handles the blur event of the textarea, dispatching the focus event (so it
+     * bubbles) and invoking the user-provided event handler (if provided).
+     */
+    private _onBlur;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -1,22 +1,10 @@
-import { PropertyValues } from 'lit';
-import { BaseElement } from '../../../helpers';
-
-export declare class TextArea extends BaseElement {
-    constructor();
-    disabled: boolean;
-    placeholder: string;
-    defaultValue: string;
-    rows: number;
-    cols: number;
-    value: string;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
-    handleInputChange(event: Event): void;
-    protected getAttributesToExclude(): string[];
-    protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import('lit-html').TemplateResult<1>;
-}
+import { Textarea } from './_textarea';
+export { Textarea };
+/**
+ * Displays a form textarea or a component that looks like a textarea.
+ */
 declare global {
     interface HTMLElementTagNameMap {
-        'rtg-textarea': TextArea;
+        'rtg-textarea': Textarea;
     }
 }

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

@@ -0,0 +1,23 @@
+export type TextareaAutocomplete = 'off' | 'on' | string;
+export type TextareaWrap = 'hard' | 'soft' | 'off';
+export interface TextareaProps {
+    autocomplete?: TextareaAutocomplete;
+    cols?: number;
+    disabled?: boolean;
+    form?: string;
+    id: string;
+    invalid?: boolean;
+    maxlength?: number;
+    minlength?: number;
+    name?: string;
+    placeholder?: string;
+    readonly?: boolean;
+    required?: boolean;
+    rows?: number;
+    wrap?: TextareaWrap;
+    value?: string;
+    onInput?: (event: Event) => void;
+    onChange?: (event: Event) => void;
+    onFocus?: (event: FocusEvent) => void;
+    onBlur?: (event: FocusEvent) => void;
+}

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

@@ -1,5 +1,9 @@
-import { Meta, StoryFn } from '@storybook/web-components-vite';
-
-declare const _default: Meta;
-export default _default;
-export declare const TextArea: StoryFn;
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Demo: Story;
+export declare const Field: Story;
+export declare const Disabled: Story;
+export declare const Invalid: Story;
+export declare const Button: Story;

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

@@ -1,6 +1,5 @@
 import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
-
 import * as toastType from './toast.type';
 export declare class ToastAction extends BaseElement {
     static toastVariants: {

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

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

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

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

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

@@ -1,7 +1,6 @@
 import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
 import { Toast } from './toast';
-
 export declare class ToastTrigger extends BaseElement {
     constructor();
     get _containerElement(): HTMLDivElement | null;

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

@@ -1,6 +1,5 @@
 import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
-
 import * as toastType from './toast.type';
 export declare class ToastViewPort extends BaseElement {
     static toastVariants: {

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

@@ -5,7 +5,6 @@ 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 {
     isOpen: boolean;
     get _containerElement(): HTMLDivElement | null;

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

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

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

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

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

@@ -1,5 +1,4 @@
 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-group/toggle-group-item.d.ts

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

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

@@ -1,7 +1,6 @@
 import { PropertyValues } from 'lit-element';
 import { BaseElement } from '../../../helpers';
 import { TOGGLE_GROUP_TYPE, TOGGLE_GROUP_VARIANT, TOGGLE_GROUP_SIZE } from './toggle-group.defs';
-
 declare class ToggleGroup extends BaseElement {
     disabled: boolean;
     type: TOGGLE_GROUP_TYPE;

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

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