@revotech-group/revotech-ui-kit 0.0.59 → 0.0.60

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

@@ -0,0 +1,12 @@
+import { LitElement, PropertyValues } from 'lit-element';
+import { Tab } from './tab.molecules';
+declare class TabContent extends LitElement {
+    value: string;
+    selectedValue: string;
+    get _tab(): Tab | null;
+    protected updated(_changedProperties: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { TabContent };

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

@@ -0,0 +1,14 @@
+import { BaseElement } from '../../../helpers';
+import { Tab } from './tab.molecules';
+declare class TabList extends BaseElement {
+    tabindex: number;
+    static styles: import("lit-element").CSSResult[];
+    get _tab(): Tab | null;
+    protected getAttributesToExclude(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    changeTabs(currentValue: string): void;
+    getChildren(): Node[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { TabList };

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

@@ -0,0 +1,17 @@
+import { PropertyValues } from 'lit-element';
+import { Tab } from './tab.molecules';
+import { TabList } from './tab-list';
+import { BaseElement } from '../../../helpers';
+declare class TabsTrigger extends BaseElement {
+    defaultValue: string;
+    value: string;
+    onClickCallback?: (tabValue: string) => void;
+    static styles: import("lit-element").CSSResult[];
+    get _tab(): Tab | null;
+    get _tabList(): TabList | null;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    handleClick: (event: Event) => void;
+    protected getAttributesToExclude(): string[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { TabsTrigger };

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

@@ -0,0 +1,15 @@
+import { PropertyValues } from 'lit-element';
+import { BaseElement } from '../../../helpers';
+declare class Tab extends BaseElement {
+    defaultValue: string;
+    tabindex: number;
+    twCLass: string;
+    static styles: import("lit-element").CSSResult[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    protected getAttributesToExclude(): string[];
+    raiseEvent(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { Tab };

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

@@ -0,0 +1,14 @@
+import { Meta, StoryFn } from '@storybook/web-components';
+export declare enum TAB_LIST {
+    /**
+     * @Default variant
+     */
+    ACCOUNT = "account",
+    /**
+     * @Outline variant
+     */
+    PASSWORD = "password"
+}
+declare const _default: Meta;
+export default _default;
+export declare const Tab: StoryFn;

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

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit-element';
+import { TOGGLE_GROUP_VARIANT, TOGGLE_GROUP_SIZE } from './toggle-group.defs';
+declare class ToggleGroupItem extends LitElement {
+    checked: boolean;
+    id: string;
+    variant: TOGGLE_GROUP_VARIANT;
+    size: TOGGLE_GROUP_SIZE;
+    disabled: boolean;
+    static styles: import("lit-element").CSSResult[];
+    static toggleGroupVariants: (props?: ({
+        variant?: "default" | "outline" | null | undefined;
+        size?: "sm" | "lg" | "md" | null | undefined;
+    } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+    protected getAttributesToExclude(): string[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { ToggleGroupItem };

package/dist/src/components/molecules/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/molecules/toggle-group/toggle-group.molecules.d.ts

@@ -0,0 +1,19 @@
+import { BaseElement } from '../../../helpers';
+import { TOGGLE_GROUP_TYPE, TOGGLE_GROUP_VARIANT, TOGGLE_GROUP_SIZE } from './toggle-group.defs';
+declare class ToggleGroup extends BaseElement {
+    twClass: string;
+    disabled: boolean;
+    type: TOGGLE_GROUP_TYPE;
+    required: boolean;
+    variant: TOGGLE_GROUP_VARIANT;
+    size: TOGGLE_GROUP_SIZE;
+    static styles: import("lit-element").CSSResult[];
+    protected getAttributesToExclude(): string[];
+    private selectedItems;
+    private childrenArray;
+    toggleSelection(itemId: string): void;
+    connectedCallback(): void;
+    firstUpdated(changedProperties: Map<string, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { ToggleGroup, TOGGLE_GROUP_TYPE, TOGGLE_GROUP_VARIANT, TOGGLE_GROUP_SIZE, };

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+import { CheckboxProperties } from './checkbox.type';
+export declare class Checkbox extends LitElement implements CheckboxProperties {
+    disabled: boolean;
+    checked: boolean;
+    type: string;
+    value: string;
+    required: boolean;
+    twCLass: string;
+    static styles: import("lit").CSSResult[];
+    private _onClick;
+    click(): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-checkbox': Checkbox;
+    }
+}

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryFn } from '@storybook/web-components';
+declare const _default: Meta;
+export default _default;
+export declare const CheckboxWithRequired: StoryFn;
+export declare const Checkbox: StoryFn;
+export declare const CheckboxWithValue: StoryFn;

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

@@ -0,0 +1,2 @@
+export declare const checkboxStyles = "peer h-4 w-4 align-middle shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground";
+export declare const iconStyles = "flex items-center justify-center text-current pointer-events-none";

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

@@ -0,0 +1,21 @@
+export type CheckboxProperties = {
+    disabled: boolean;
+    checked: boolean;
+};
+export type CheckboxArgs = {
+    disabled: boolean;
+    checked: boolean;
+    label: string;
+};
+export type CheckboxWithRequiredArgs = {
+    disabled: boolean;
+    checked: boolean;
+    required: boolean;
+    label: string;
+    value?: string;
+};
+export type CheckboxWithValueArgs = {
+    disabled: boolean;
+    value: string;
+    label: string;
+};

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

@@ -0,0 +1,3 @@
+export * from './input/input';
+export * from './label/label';
+export * from './checkbox/checkbox';

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

@@ -0,0 +1,22 @@
+import { PropertyValues } from 'lit';
+import * as inputType from './input.type';
+import { BaseElement } from '../../../helpers';
+export declare class RtgInput extends BaseElement {
+    constructor();
+    disabled: boolean;
+    type: inputType.InputType;
+    placeholder: string;
+    defaultValue: string;
+    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>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-input': RtgInput;
+    }
+}

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

@@ -0,0 +1,6 @@
+import { Meta, StoryFn } from '@storybook/web-components';
+import { InputArgs } from './input.type';
+declare const _default: Meta;
+export default _default;
+export declare const Input: StoryFn<InputArgs>;
+export declare const SpecificInput: StoryFn;

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

@@ -0,0 +1 @@
+export declare const inputStyles = "flex h-8 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50 input-base";

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

@@ -0,0 +1,21 @@
+export type InputType = 'hidden' | 'text' | 'search' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'range' | 'color' | 'file';
+export type InputNormalType = 'hidden' | 'text' | 'search' | 'tel' | 'url' | 'email' | 'password';
+export type InputSpecificType = 'hidden' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'range' | 'color' | 'file';
+export type InputArgs = {
+    disabled: boolean;
+    disabledButton: boolean;
+    type: InputType;
+    placeholder: string;
+    label: string;
+    defaultValue: string;
+    ButtonLabel: string;
+    id: string;
+};
+export type InputSpecificArgs = {
+    disabled: boolean;
+    disabledButton: boolean;
+    type: InputSpecificType;
+    label: string;
+    ButtonLabel: string;
+    id: string;
+};

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

@@ -0,0 +1,16 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+export declare class Label extends BaseElement {
+    static labelVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+    for: string;
+    static styles: import("lit").CSSResult[];
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-label': Label;
+    }
+}

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

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

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

@@ -0,0 +1 @@
+export declare const labelStyle: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

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;
+    inputValue: 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,10 @@
+import { LitElement } from 'lit';
+export declare abstract class BaseElement extends LitElement {
+    constructor();
+    protected abstract getAttributesToExclude(): string[];
+    protected getFilteredAttributes(): {
+        [key: string]: string;
+    };
+    protected isCustomPropertySet(property: string): boolean;
+    protected applyCustomClass(variables: string[], selector: string, className?: string): void;
+}

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,5 @@
+export * from './mouse-conroller.helper';
+export * from './style.helpers';
+export * from './base-element';
+export * from './genrate-uuid.helper';
+export * from './shadow-wrapper';

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

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

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

package/dist/src/index.d.ts

@@ -0,0 +1,2 @@
+import { Alert, AlertDescription, AlertTitle, Button, Badge, Card, CardTitle, CardHeader, CardFooter, CardDescription, CardContent, Checkbox, ComboBox, Dialog, DialogContent, DialogClose, DialogFooter, DialogHeader, DialogOverlay, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuGroup, Popover, PopoverContent, PopoverTrigger, Toggle, ContextMenu, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuContent, ContextMenuItem, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, Select, SelectItem, SelectList, SelectLabel, SelectSeperator, Switch, RadioGroup, RadioGroupItem, Separator, AspectRatio, Menubar, MenubarContent, MenubarGroup, MenubarMenu, MenubarItem, MenubarRadioItem, MenubarCheckboxItem, MenubarSeparator, MenubarShortcut, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuLink, Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationEllipsis, PaginationNext, PaginationPrevious, Carousel, Calendar, DatePicker, Progress, Drawer, DrawerContent, DrawerClose, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTrigger, DrawerDescription, DrawerTitle, LightSampleDemo, RtgInput, Label } from './components';
+export { Alert, AlertDescription, AlertTitle, Button, Badge, Card, CardTitle, CardHeader, CardFooter, CardDescription, CardContent, Checkbox, ComboBox, Dialog, DialogContent, DialogClose, DialogFooter, DialogHeader, DialogOverlay, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuGroup, Popover, PopoverContent, PopoverTrigger, Toggle, ContextMenu, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuContent, ContextMenuItem, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, Select, SelectItem, SelectList, SelectLabel, SelectSeperator, Switch, RadioGroup, RadioGroupItem, Separator, AspectRatio, Menubar, MenubarContent, MenubarGroup, MenubarMenu, MenubarItem, MenubarRadioItem, MenubarCheckboxItem, MenubarSeparator, MenubarShortcut, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuLink, Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationEllipsis, PaginationNext, PaginationPrevious, Carousel, Calendar, DatePicker, Progress, Drawer, DrawerContent, DrawerClose, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTrigger, DrawerDescription, DrawerTitle, LightSampleDemo, RtgInput, Label, };

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

@@ -0,0 +1,5 @@
+import 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 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/lib/tw-styles.d.ts

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

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/wc-ui-app.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class WcUiApp extends LitElement {
+    header: string;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent wc-ui following open-wc recommendations",
   "license": "MIT",
   "author": "wc-ui",
-  "version": "0.0.59",
+  "version": "0.0.60",
   "type": "module",
   "main": "dist/revotech-ui-kit.umd.cjs",
   "module": "./dist/revotech-ui-kit.js",