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

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

@@ -0,0 +1,19 @@
+export declare const toastStyles: {
+    viewportRoot: string[];
+    viewportItem: {
+        base: string[];
+        variants: {
+            default: string[];
+            destructive: string[];
+        };
+    };
+    action: {
+        base: string[];
+        variants: {
+            default: string[];
+            destructive: string[];
+        };
+    };
+    title: string[];
+    description: string[];
+};

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

@@ -0,0 +1 @@
+export type ToastVariant = 'default' | 'destructive';

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

@@ -0,0 +1,29 @@
+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,6 @@
+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,43 @@
+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,25 @@
+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,5 @@
+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/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,14 @@
+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,21 @@
+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,15 @@
+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,8 @@
+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,3 @@
+import { ClassValue } from 'clsx';
+
+export declare function cn(...inputs: ClassValue[]): string;

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

@@ -0,0 +1,13 @@
+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,6 @@
+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,8 @@
+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,5 @@
+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,5 @@
+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;
+};

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+export declare const boxShadow: {
+    'navigation-menu-item-shadow-focus': string;
+    'navigation-menu-content-container-shadow': string;
+    'combo-box-group-shadow': string;
+    'toast-viewport-item-shadow': string;
+    'switch-shadow': string;
+    'select-trigger-shadow': string;
+    'select-content-shadow': string;
+    'radio-group-item-shadow': string;
+    'popover-content-shadow': string;
+    'menubar-shadow': string;
+    'menubar-content-shadow': string;
+    'hover-card-content-shadow': string;
+    'dropdown-menu-content-shadow': string;
+    'dialog-content-shadow': string;
+    'context-menu-content-shadow': string;
+};