@revotech-group/revotech-ui-kit 0.2.3 → 0.2.5

package/dist/src/components/ui/password-input/password-input.stories.d.ts

@@ -0,0 +1,8 @@
+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 Disabled: Story;
+export declare const Invalid: Story;
+export declare const Form: Story;

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

@@ -0,0 +1,18 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+import { Popover } from './popover';
+export declare class PopoverContent extends BaseElement {
+    enableDefaultStyle: boolean;
+    styleContent: boolean;
+    side: 'bottom' | 'left' | 'right' | 'top';
+    state: 'open' | 'closed';
+    get _popover(): Popover | null;
+    get _containerElement(): HTMLDivElement | null;
+    private handleClickOutside;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    private preventClickPropagation;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,12 @@
+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;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    handleClick: () => void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected getAttributesToExclude(): string[];
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,21 @@
+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;
+    get _contentElement(): PopoverContent | null;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { Popover, PopoverContent, PopoverTrigger };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-popover': Popover;
+        'rtg-popover-content': PopoverContent;
+        'rtg-popover-trigger': PopoverTrigger;
+    }
+}

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

@@ -0,0 +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/popover/popover.style.d.ts

@@ -0,0 +1,5 @@
+export declare const popoverStyles: {
+    root: string[];
+    trigger: string[];
+    content: string[];
+};

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

@@ -0,0 +1,2 @@
+export declare const STATE_OPEN = "open";
+export declare const STATE_CLOSED = "closed";

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

@@ -0,0 +1,11 @@
+import { LitElement } from 'lit';
+export declare class Progress extends LitElement {
+    value: number;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-progress': Progress;
+    }
+}

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

@@ -0,0 +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/progress/progress.styles.d.ts

@@ -0,0 +1,4 @@
+type TProgressPart = 'root' | 'indicator';
+type TProgressStyles = Record<TProgressPart, string | string[]>;
+export declare const progressStyles: TProgressStyles;
+export {};

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

@@ -0,0 +1,21 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+export declare class RadioGroupItem extends BaseElement {
+    checked: boolean;
+    tabindex: number;
+    value: string;
+    id: string;
+    state: string;
+    disabled: boolean;
+    invalid: boolean;
+    get _containerElement(): HTMLDivElement | null;
+    private _onClick;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-radio-group-item': RadioGroupItem;
+    }
+}

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

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

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

@@ -0,0 +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/radio-group/radio-group.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const radioGroupStyles: {
+    root: string[];
+    item: {
+        wrapper: string[];
+        item: string[];
+        indicator: string[];
+        icon: string[];
+    };
+};

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

@@ -0,0 +1,2 @@
+export declare const STATE_CHECK = "checked";
+export declare const STATE_UNCHECK = "unChecked";

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

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+import * as sampleType from './sample.type';
+export declare class SampleDemo extends LitElement {
+    static buttonVariants: (props?: ({
+        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;
+    disabled: boolean;
+    isCustomClass: boolean;
+    variant: sampleType.SampleVariant;
+    size: sampleType.SampleSize;
+    mode: 'single' | 'range';
+    selectedStartDate: Date | null;
+    selectedEndDate: Date | null;
+    static styles: import('lit').CSSResult[];
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-sample-demo': SampleDemo;
+    }
+}

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

@@ -0,0 +1,4 @@
+export declare const demoStyle: (props?: ({
+    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/sample-demo/sample.type.d.ts

@@ -0,0 +1,3 @@
+export type SampleVariant = 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+export type SampleSize = 'default' | 'sm' | 'lg' | 'icon';
+export type SampleType = 'button' | 'submit' | 'reset' | 'menu';

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

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

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

@@ -0,0 +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/scroll-area/scroll-area.style.d.ts

@@ -0,0 +1 @@
+export declare const scrollAreaStyles: string[];

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

@@ -0,0 +1,16 @@
+type Listener = () => void;
+export declare class SelectStore {
+    private state;
+    private listeners;
+    subscribe(listener: Listener): void;
+    unsubscribe(listener: Listener): void;
+    private notify;
+    get isOpen(): boolean;
+    get selectedValue(): string;
+    get selectedText(): string;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    select(value: string, text: string, _index?: number): void;
+}
+export {};

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

@@ -0,0 +1,25 @@
+import { BaseElement } from '../../../helpers';
+import { Select } from './select';
+export declare class SelectGroup extends BaseElement {
+    focusedIndex: number;
+    private childrenArray;
+    get _select(): Select;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private getTriggerButton;
+    private updateTriggerWidth;
+    private onStoreChange;
+    get _containerElement(): HTMLDivElement | null;
+    get _contentDiv(): HTMLDivElement | null;
+    protected firstUpdated(): void;
+    private updateFocusedItem;
+    private handleKeyDown;
+    private handleMouseOver;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-select-group': SelectGroup;
+    }
+}

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

@@ -0,0 +1,26 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+import { Select } from './select';
+export declare class SelectItem extends BaseElement {
+    value: string;
+    isSelected: boolean;
+    isFocus: boolean;
+    selectItemIndex: number;
+    onSelect: (_value: string, _index: number) => void;
+    class: string;
+    get _select(): Select;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onStoreChange;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    get _containerElement(): HTMLDivElement | null;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    private getTextContent;
+    private handleClick;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-select-item': SelectItem;
+    }
+}

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

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

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

@@ -0,0 +1,10 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+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>;
+}

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+import { Select } from './select';
+declare class SelectValue extends BaseElement {
+    placeholder: string;
+    get _select(): Select;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private onStoreChange;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    renderLabel: () => string;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { SelectValue };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-select-value': SelectValue;
+    }
+}

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

@@ -0,0 +1,25 @@
+import { BaseElement } from '../../../helpers';
+import { SelectStore } from './select-controller';
+import { SelectGroup } from './select-group';
+import { SelectItem } from './select-item';
+import { SelectLabel } from './select-label';
+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;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleClickOutside;
+    protected firstUpdated(): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { Select, SelectGroup, SelectItem, SelectLabel, SelectList, SelectSeperator, SelectTrigger, SelectValue, };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-select': Select;
+    }
+}

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

@@ -0,0 +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/select/select.styles.d.ts

@@ -0,0 +1,20 @@
+export declare const selectStyles: {
+    root: string[];
+    group: string[];
+    value: string[];
+    trigger: {
+        trigger: string[];
+        icon: string[];
+    };
+    content: {
+        content: string[];
+        viewport: string[];
+    };
+    label: string[];
+    item: {
+        item: string[];
+        indicator: string[];
+        icon: string[];
+    };
+    separator: string[];
+};

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

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+import { SeparatorOrientation, SeparatorProps } from './separator.defs';
+/**
+ * The `<rtg-separator>` component visually or semantically separates content.
+ *
+ * @element rtg-separator
+ * @slot separator
+ */
+export declare class Separator extends LitElement implements SeparatorProps {
+    /**
+     * The orientation of the separator.
+     */
+    orientation: SeparatorOrientation;
+    /**
+     * When `true`, signifies that it is purely visual, carries no semantic
+     * meaning, and ensures it is not present in the accessibility tree.
+     */
+    decorative?: boolean;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,10 @@
+import { Separator } from './_separator';
+export { Separator };
+/**
+ * Visually or semantically separates content.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-separator': Separator;
+    }
+}

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

@@ -0,0 +1,5 @@
+export type SeparatorOrientation = 'horizontal' | 'vertical';
+export interface SeparatorProps {
+    orientation: SeparatorOrientation;
+    decorative?: boolean;
+}

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

@@ -0,0 +1,9 @@
+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 Horizontal: Story;
+export declare const Vertical: Story;
+export declare const Menu: Story;
+export declare const List: Story;

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

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

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

@@ -0,0 +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/skeleton/skeleton.style.d.ts

@@ -0,0 +1 @@
+export declare const skeletonStyles = "rtg-bg-skeleton-color-bg rtg-animate-skeleton-animate rtg-rounded-skeleton-radius";

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

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+export declare class Switch extends LitElement {
+    disabled: 'true' | 'false';
+    state: 'checked' | 'unchecked';
+    private _toggleChecked;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-switch': Switch;
+    }
+}

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

@@ -0,0 +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/switch/switch.style.d.ts

@@ -0,0 +1,4 @@
+export declare const switchStyles: {
+    root: string[];
+    thumb: string[];
+};

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

@@ -0,0 +1,4 @@
+export type SwitchArgs = {
+    disabled: boolean;
+    checked: boolean;
+};

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

@@ -0,0 +1,17 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+export declare class Table extends BaseElement {
+    dataTable: Array<any>;
+    footerData: Array<{
+        key: string;
+        value: string | number;
+    }>;
+    captionText: string;
+    get _containerElement(): HTMLTableElement | null;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private get columnKeys();
+    private capitalizeLabel;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

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