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

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

@@ -0,0 +1,28 @@
+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;
+    checked: boolean;
+    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;
+        size?: "sm" | "lg" | "md" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    protected getAttributesToExclude(): string[];
+    toggle(): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { Toggle };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-toggle': Toggle;
+    }
+}

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

@@ -0,0 +1,27 @@
+/**
+ * Toggle size.
+ */
+export declare enum TOGGLE_SIZE {
+    /**
+     * @Small size
+     */
+    SMALL = "sm",
+    /**
+     * @medium size
+     */
+    MEDIUM = "md",
+    /**
+     * @Large size
+     */
+    LARGE = "lg"
+}
+export declare enum TOGGLE_VARIANT {
+    /**
+     * @Default variant
+     */
+    DEFAULT = "default",
+    /**
+     * @Outline variant
+     */
+    OUTLINE = "outline"
+}

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

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

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

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

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

@@ -0,0 +1,42 @@
+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;
+    variant: TOGGLE_GROUP_VARIANT;
+    size: TOGGLE_GROUP_SIZE;
+    disabled: boolean;
+    type: TOGGLE_GROUP_TYPE;
+    get _parent(): ToggleGroup | null;
+    get _containerElement(): HTMLButtonElement | null;
+    get _siblings(): ToggleGroupItem[];
+    static toggleGroupVariants: (props?: ({
+        variant?: "default" | "outline" | null | undefined;
+        size?: "sm" | "lg" | "md" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_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-html').TemplateResult<1>;
+}
+export { ToggleGroupItem };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-toggle-group-item': ToggleGroupItem;
+    }
+}

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

@@ -0,0 +1,24 @@
+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;
+    required: boolean;
+    variant: TOGGLE_GROUP_VARIANT;
+    size: TOGGLE_GROUP_SIZE;
+    get _containerElement(): HTMLDivElement | null;
+    protected getAttributesToExclude(): string[];
+    selectedItems: string[];
+    connectedCallback(): void;
+    firstUpdated(changedProperties: Map<string, unknown>): void;
+    updated(changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-toggle-group': ToggleGroup;
+    }
+}
+export { ToggleGroup, TOGGLE_GROUP_TYPE, TOGGLE_GROUP_VARIANT, TOGGLE_GROUP_SIZE, };

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

@@ -0,0 +1,37 @@
+/**
+ * Toggle Group Type.
+ */
+export declare enum TOGGLE_GROUP_TYPE {
+    /**
+     * @multiple Type
+     */
+    MULTIPLE = "multiple",
+    /**
+     * @medium size
+     */
+    SINGLE = "single"
+}
+export declare enum TOGGLE_GROUP_VARIANT {
+    /**
+     * @Default variant
+     */
+    DEFAULT = "default",
+    /**
+     * @Outline variant
+     */
+    OUTLINE = "outline"
+}
+export declare enum TOGGLE_GROUP_SIZE {
+    /**
+     * @Small size
+     */
+    SMALL = "sm",
+    /**
+     * @medium size
+     */
+    MEDIUM = "md",
+    /**
+     * @Large size
+     */
+    LARGE = "lg"
+}

package/dist/src/components/ui/toggle-group/toggle-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 toggle: StoryFn;

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

@@ -0,0 +1,5 @@
+export declare const toggleGroupStyle: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const toggleGroupStyles = "rtg-flex rtg-items-center rtg-justify-center rtg-gap-toggle-group-space-gap";

package/dist/src/components/ui/typography/_typography-blockquote.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a styled `<blockquote>` element.
+ *
+ * @element rtg-typography-blockquote
+ * @slot typography-blockquote
+ */
+export declare class TypographyBlockquote extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography blockquote.
+     */
+    private get _blockquoteSlot();
+    /**
+     * Appends children to the typography blockquote slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-code.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a styled inline `<code>` element.
+ *
+ * @element rtg-typography-code
+ * @slot typography-code
+ */
+export declare class TypographyCode extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography code.
+     */
+    private get _codeSlot();
+    /**
+     * Appends children to the typography code slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-h.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+import { TypographyHLevel, TypographyHProps } from './typography.defs';
+/**
+ * Renders a styled heading (`<h1>`, `<h2>`, `<h3>`, or `<h4>`) element.
+ *
+ * @element rtg-typography-h
+ * @slot typography-h
+ */
+export declare class TypographyH extends LitElement implements TypographyHProps {
+    /**
+     * The level of the heading.
+     */
+    level: TypographyHLevel;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography h.
+     */
+    private get _hSlot();
+    /**
+     * Appends children to the typography h slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-large.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a styled large text element.
+ *
+ * @element rtg-typography-large
+ * @slot typography-large
+ */
+export declare class TypographyLarge extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography large.
+     */
+    private get _largeSlot();
+    /**
+     * Appends children to the typography large slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-lead.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a styled lead text element.
+ *
+ * @element rtg-typography-lead
+ * @slot typography-lead
+ */
+export declare class TypographyLead extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography lead.
+     */
+    private get _leadSlot();
+    /**
+     * Appends children to the typography lead slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-list.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a styled `<ul>` element, styling `<li>` children as well.
+ *
+ * @element rtg-typography-list
+ * @slot typography-list
+ */
+export declare class TypographyList extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography list.
+     */
+    private get _listSlot();
+    /**
+     * Appends children to the typography list slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-muted.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a styled muted text element.
+ *
+ * @element rtg-typography-muted
+ * @slot typography-muted
+ */
+export declare class TypographyMuted extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography muted.
+     */
+    private get _mutedSlot();
+    /**
+     * Appends children to the typography muted slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-p.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a styled `<p>` element.
+ *
+ * @element rtg-typography-p
+ * @slot typography-p
+ */
+export declare class TypographyP extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography p.
+     */
+    private get _pSlot();
+    /**
+     * Appends children to the typography p slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-small.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a styled `<small>` element.
+ *
+ * @element rtg-typography-small
+ * @slot typography-small
+ */
+export declare class TypographySmall extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the typography small.
+     */
+    private get _smallSlot();
+    /**
+     * Appends children to the typography small slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/typography/_typography-table.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+/**
+ * Renders a table wrapper, styling the `<table>` child element, as well as its
+ * subchildren (`<thead>`, `<tbody>`, `<tr>`, `<th>`, and `<td>`).
+ *
+ * @element rtg-typography-table
+ */
+export declare class TypographyTable extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+}

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

@@ -0,0 +1,28 @@
+import { TypographyBlockquote } from './_typography-blockquote';
+import { TypographyCode } from './_typography-code';
+import { TypographyH } from './_typography-h';
+import { TypographyLarge } from './_typography-large';
+import { TypographyLead } from './_typography-lead';
+import { TypographyList } from './_typography-list';
+import { TypographyMuted } from './_typography-muted';
+import { TypographyP } from './_typography-p';
+import { TypographySmall } from './_typography-small';
+import { TypographyTable } from './_typography-table';
+export { TypographyBlockquote, TypographyCode, TypographyH, TypographyLarge, TypographyLead, TypographyList, TypographyMuted, TypographyP, TypographySmall, TypographyTable, };
+/**
+ * Styles for headings, paragraphs, lists, etc.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-typography-h': TypographyH;
+        'rtg-typography-p': TypographyP;
+        'rtg-typography-blockquote': TypographyBlockquote;
+        'rtg-typography-table': TypographyTable;
+        'rtg-typography-list': TypographyList;
+        'rtg-typography-code': TypographyCode;
+        'rtg-typography-lead': TypographyLead;
+        'rtg-typography-large': TypographyLarge;
+        'rtg-typography-small': TypographySmall;
+        'rtg-typography-muted': TypographyMuted;
+    }
+}

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

@@ -0,0 +1,4 @@
+export type TypographyHLevel = 'h1' | 'h2' | 'h3' | 'h4';
+export interface TypographyHProps {
+    level: TypographyHLevel;
+}

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

@@ -0,0 +1,18 @@
+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 Heading1: Story;
+export declare const Heading2: Story;
+export declare const Heading3: Story;
+export declare const Heading4: Story;
+export declare const Paragraph: Story;
+export declare const Blockquote: Story;
+export declare const Table: Story;
+export declare const List: Story;
+export declare const Code: Story;
+export declare const Lead: Story;
+export declare const Large: Story;
+export declare const Small: Story;
+export declare const Muted: Story;

package/dist/src/components/widgets/index.d.ts

@@ -0,0 +1 @@
+export * from './light-sample-demo/light-sample.demo';

package/dist/src/components/widgets/light-sample-demo/light-sample.demo.d.ts

@@ -0,0 +1,13 @@
+import { BaseElement } from '../../../helpers';
+export declare class LightSampleDemo extends BaseElement {
+    constructor();
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    defaultValue: string;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'light-sample-demo': LightSampleDemo;
+    }
+}

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

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+export declare abstract class BaseElement extends LitElement {
+    customClass: string;
+    customStyle: string;
+    constructor();
+    protected getAttributesToExclude(): string[];
+    protected getAttributesToRemoveFromParent(): string[];
+    disconnectedCallback(): void;
+    protected removeParentAttributes(): void;
+    protected getFilteredAttributes(): {
+        [key: string]: string;
+    };
+    protected isCustomPropertySet(property: string): boolean;
+    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/helpers/country-codes.d.ts

@@ -0,0 +1,5 @@
+export declare const COUNTRY_CODES: {
+    label: string;
+    value: string;
+    code: string;
+}[];

package/dist/src/helpers/genrate-uuid.helper.d.ts

@@ -0,0 +1 @@
+export declare function generateUUID(): string;

package/dist/src/helpers/index.d.ts

@@ -0,0 +1,7 @@
+export * from './base-element';
+export * from './country-codes';
+export * from './genrate-uuid.helper';
+export * from './mouse-conroller.helper';
+export * from './shadow-wrapper';
+export * from './style.helpers';
+export * from './widget-controller';

package/dist/src/helpers/mouse-conroller.helper.d.ts

@@ -0,0 +1,14 @@
+import { ReactiveControllerHost } from 'lit';
+export declare class MouseController {
+    private host;
+    pos: {
+        x: number;
+        y: number;
+    };
+    _onMouseMove: ({ clientX, clientY }: MouseEvent) => void;
+    _onClick: (e: MouseEvent) => void;
+    _onScroll: (e: Event) => void;
+    constructor(host: ReactiveControllerHost);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}

package/dist/src/helpers/shadow-wrapper.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+export declare class ShadowWrapper extends LitElement {
+    static styles: import('lit').CSSResult;
+    constructor();
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/helpers/style.helpers.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/src/helpers/widget-controller.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+export declare class WidgetController {
+    protected values: Record<string, string>;
+    protected errors: Record<string, string>;
+    protected host: LitElement;
+    constructor(host: LitElement);
+    getValues(): Record<string, string>;
+    getErrors(): Record<string, string>;
+    protected updateState(values: Record<string, string>, errors: Record<string, string>): void;
+    handleValueChange(id: string, value: string, error?: string): void;
+    protected dispatchStateUpdate(): void;
+}

package/dist/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './lib/react/react.lib';

package/dist/src/interfaces/actionable.interface.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export type ActionableProps = Partial<{
+    onClick: (event?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onSubmit: (event?: React.FormEvent<HTMLFormElement>) => void;
+}>;

package/dist/src/interfaces/atomic.interface.d.ts

@@ -0,0 +1,6 @@
+export type AtomicProps = Partial<{
+    id: string;
+    className: string;
+    name: string;
+    title: string;
+}>;

package/dist/src/interfaces/changeable.interface.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { IntractableProps } from './intractable.interface';
+export type ChangeableProps<T = React.ChangeEvent<HTMLInputElement> | string | number, K = unknown> = Partial<IntractableProps & {
+    onChange: (event?: T, value?: K) => void;
+    onBlur: (event?: T) => void;
+    onPaste: (event?: T) => void;
+}>;

package/dist/src/interfaces/child-support-atomic.interface.d.ts

@@ -0,0 +1,4 @@
+import { AtomicProps } from './atomic.interface';
+export type AtomicComponentWithChildren = {
+    children: React.ReactNode;
+} & AtomicProps;

package/dist/src/interfaces/index.d.ts

@@ -0,0 +1,6 @@
+export * from './actionable.interface';
+export * from './atomic.interface';
+export * from './child-support-atomic.interface';
+export * from './changeable.interface';
+export * from './intractable.interface';
+export * from './variant.interface';

package/dist/src/interfaces/intractable.interface.d.ts

@@ -0,0 +1,6 @@
+export type IntractableProps<T = string> = Partial<{
+    isDisabled: boolean;
+    isChecked: boolean;
+    isReadOnly: boolean;
+    type: T;
+}>;

package/dist/src/interfaces/variant.interface.d.ts

@@ -0,0 +1,3 @@
+export type VariantProps<T> = Partial<{
+    variant: T;
+}>;

package/dist/src/lib/react/react.lib.d.ts

@@ -0,0 +1,4 @@
+import { Button, Checkbox } from '../../components';
+declare const ButtonReact: import('@lit-labs/react').ReactWebComponent<Button, {}>;
+declare const CheckboxReact: import('@lit-labs/react').ReactWebComponent<Checkbox, {}>;
+export { ButtonReact, CheckboxReact };

package/dist/src/styles/index.d.ts

@@ -0,0 +1 @@
+export * from './tw.styles';

package/dist/src/styles/tw.styles.d.ts

@@ -0,0 +1 @@
+export declare const TWStyles: import('lit').CSSResult;

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;
+};