revotech-ui-kit 0.0.16 → 0.0.18

package/dist/src/assets/icons/close.icon.d.ts

@@ -0,0 +1 @@
+export declare function closeIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/dot.icon.d.ts

@@ -0,0 +1 @@
+export declare function dotIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/index.d.ts

@@ -9,3 +9,5 @@ export * from './circle-x.icon';
 export * from './radio.icon';
 export * from './chorven-down.icon';
 export * from './radio-group.icon';
+export * from './close.icon';
+export * from './dot.icon';

package/dist/src/components/atoms/avatar/avatar-fallback.d.ts

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

package/dist/src/components/atoms/avatar/avatar-image.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+
+export declare class AvatarImage extends LitElement {
+    static styles: import('lit').CSSResult[];
+    alt: string;
+    src: string;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/atoms/avatar/avatar.atom.d.ts

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

package/dist/src/components/atoms/avatar/avatar.stories.d.ts

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

package/dist/src/components/atoms/avatar/avatar.style.d.ts

@@ -0,0 +1,3 @@
+export declare const avatarStyles = "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full";
+export declare const avatarImageStyles = "aspect-square h-full w-full";
+export declare const avatarFallbackStyles = "flex h-full w-full items-center justify-center rounded-full bg-muted";

package/dist/src/components/atoms/collapsible/collapsible-content.d.ts

@@ -0,0 +1,12 @@
+import { BaseElement } from '../../../helpers';
+
+export declare class CollapsibleContent extends BaseElement {
+    static styles: import('lit').CSSResult[];
+    protected getAttributesToExclude(): string[];
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-collapsible-content': CollapsibleContent;
+    }
+}

package/dist/src/components/atoms/collapsible/collapsible-trigger.d.ts

@@ -0,0 +1,15 @@
+import { BaseElement } from '../../../helpers';
+import { Collapsible } from './collapsible.atom';
+
+export declare class CollapsibleTrigger extends BaseElement {
+    static styles: import('lit').CSSResult[];
+    protected getAttributesToExclude(): string[];
+    get _collapsible(): Collapsible | null;
+    onTrigger(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-collapsible-trigger': CollapsibleTrigger;
+    }
+}

package/dist/src/components/atoms/collapsible/collapsible.atom.d.ts

@@ -0,0 +1,17 @@
+import { BaseElement } from '../../../helpers';
+import { CollapsibleTrigger } from './collapsible-trigger';
+import { CollapsibleContent } from './collapsible-content';
+
+declare class Collapsible extends BaseElement {
+    static styles: import('lit').CSSResult[];
+    open: boolean;
+    onOpenChange: () => void;
+    protected getAttributesToExclude(): string[];
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-collapsible': Collapsible;
+    }
+}

package/dist/src/components/atoms/collapsible/collapsible.stories.d.ts

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

package/dist/src/components/atoms/hoverCard/hover-card-content.d.ts

@@ -0,0 +1,12 @@
+import { LitElement, PropertyValues } from 'lit';
+
+export declare class HoverContent extends LitElement {
+    static styles: import('lit').CSSResult[];
+    state: string;
+    isOpen: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProps: PropertyValues): void;
+    handleHoverEnter(event: MouseEvent): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/atoms/hoverCard/hover-card.atom.d.ts

@@ -0,0 +1,13 @@
+import { LitElement, PropertyValues } from 'lit';
+
+export declare class HoverCard extends LitElement {
+    static styles: import('lit').CSSResult[];
+    isOpen: boolean;
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+    private get _content();
+    protected updated(_changedProperties: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/atoms/hoverCard/hover-card.stories.d.ts

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

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

@@ -24,3 +24,4 @@ export * from './radio-group/radio-group.atom';
 export * from './accordion/accordion.atoms';
 export * from './seperator/separator.atom';
 export * from './sample-demo/sample-demo';
+export * from './collapsible/collapsible.atom';

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

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+
+import * as toastType from './toast.type';
+export declare class ToastAction extends LitElement {
+    static toastVariants: (props?: ({
+        variant?: "default" | "destructive" | null | undefined;
+    } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+    static styles: import('lit').CSSResult[];
+    variant: toastType.ToastVariant;
+    getAttributesToExclude(): string[];
+    protected getFilteredAttributes(): {
+        [key: string]: string;
+    };
+    render(): import('lit-html').TemplateResult<1>;
+}

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+
+import * as toastType from './toast.type';
+export declare class ToastViewPort extends LitElement {
+    static toastVariants: (props?: ({
+        variant?: "default" | "destructive" | null | undefined;
+    } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+    static styles: import('lit').CSSResult[];
+    variant: toastType.ToastVariant;
+    state: string;
+    private handleCloseButtonClick;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/atoms/toast/toast.atom.d.ts

@@ -0,0 +1,11 @@
+import { LitElement, PropertyValues } from 'lit';
+
+export declare class Toast extends LitElement {
+    static styles: import('lit').CSSResult[];
+    isOpen: boolean;
+    onClick(): void;
+    connectedCallback(): void;
+    private get _content();
+    protected updated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

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

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

@@ -0,0 +1,9 @@
+export declare const toastStyle: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export declare const toastActionStyle: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export declare const toastActionStyles = "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive";
+export declare const toastViewStyles = "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]";
+export declare const toastButtonStyles = "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600";

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

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

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

@@ -5,3 +5,7 @@ export * from './breadcrumb/breadcrumb-separator';
 export * from './breadcrumb/breadcrumb.molecules';
 export * from './breadcrumb/breadcrumb-text';
 export * from './breadcrumb/breadcrumb-link';
+export * from './input-otp/input-otp.molecule';
+export * from './input-otp/input-otp-group';
+export * from './input-otp/input-otp-separator';
+export * from './input-otp/input-otp-slot';

package/dist/src/components/molecules/input-otp/input-otp-group.d.ts

@@ -0,0 +1,13 @@
+import { BaseElement } from '../../../helpers';
+
+export declare class InputOtpGroup extends BaseElement {
+    click: () => void;
+    static styles: import('lit').CSSResult[];
+    protected getAttributesToExclude(): string[];
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'input-otp-group': InputOtpGroup;
+    }
+}

package/dist/src/components/molecules/input-otp/input-otp-separator.d.ts

@@ -0,0 +1,13 @@
+import { BaseElement } from '../../../helpers';
+
+export declare class InputOtpSeparator extends BaseElement {
+    index: number;
+    static styles: import('lit').CSSResult[];
+    protected getAttributesToExclude(): string[];
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'input-otp-separator': InputOtpSeparator;
+    }
+}

package/dist/src/components/molecules/input-otp/input-otp-slot.d.ts

@@ -0,0 +1,13 @@
+import { BaseElement } from '../../../helpers';
+
+export declare class InputOtpSlot extends BaseElement {
+    click: () => void;
+    static styles: import('lit').CSSResult[];
+    protected getAttributesToExclude(): string[];
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'input-otp-slot': InputOtpSlot;
+    }
+}

package/dist/src/components/molecules/input-otp/input-otp.molecule.d.ts

@@ -0,0 +1,33 @@
+import { PropertyValueMap } from 'lit';
+import { BaseElement } from '../../../helpers';
+import { Ref } from 'lit/directives/ref.js';
+
+export declare class InputOtp extends BaseElement {
+    click: () => void;
+    static styles: import('lit').CSSResult[];
+    protected getAttributesToExclude(): string[];
+    clientName: string;
+    username: string;
+    pinLength: number;
+    onChange: (otp: string, username: string) => void;
+    static PIN_MIN_VALUE: string;
+    static PIN_MAX_VALUE: string;
+    static BACKSPACE_KEY: string;
+    pin: any[];
+    inputElement: Ref<HTMLInputElement>[];
+    protected firstUpdated(): void;
+    protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    connectedCallback(): void;
+    handleChangePinFocus(index: number): void;
+    setNewPin(value: any, index: number): void;
+    findDifferentChars(str1: string, str2: string): string;
+    handleInputChange(event: any, index: number): void;
+    handleKeyDown(event: any, index: number): void;
+    handleShowValue(index: number): any;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-input-otp': InputOtp;
+    }
+}

package/package.json

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