revotech-ui-kit 0.0.11 → 0.0.12

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

@@ -13,3 +13,10 @@ declare class Alert extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
 }
 export { Alert, AlertDescription, AlertTitle };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-alert': Alert;
+        'rtg-alert-description': AlertDescription;
+        'rtg-alert-title': AlertTitle;
+    }
+}

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

@@ -9,3 +9,13 @@ declare class Card extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
 }
 export { Card, CardTitle, CardHeader, CardFooter, CardDescription, CardContent, };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-card': Card;
+        'rtg-card-title': CardTitle;
+        'rtg-card-header': CardHeader;
+        'rtg-card-footer': CardFooter;
+        'rtg-card-description': CardDescription;
+        'rtg-card-content': CardContent;
+    }
+}

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

@@ -11,3 +11,8 @@ export declare class Checkbox extends LitElement implements CheckboxProperties {
     click(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-checkbox': Checkbox;
+    }
+}

package/dist/src/components/atoms/combo-box/combo-box.atom.d.ts

@@ -21,3 +21,8 @@ declare class ComboBox extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
 }
 export { ComboBox };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-combo-box': ComboBox;
+    }
+}

package/dist/src/components/atoms/combo-box/combo-box.stories.d.ts

@@ -1,9 +1,8 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
+import type { Meta, StoryFn } from '@storybook/web-components';
 import './combo-box.atom';
 import './combo-box-list';
 import './combo-box-item';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const basicComboBox: Story;
-export declare const emptyComboBox: Story;
+declare const _default: Meta;
+export default _default;
+export declare const basicComboBox: StoryFn;
+export declare const emptyComboBox: StoryFn;

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

@@ -0,0 +1,11 @@
+import './command-empty.atom';
+import './command-group.atom';
+import './command-item.atom';
+import './command-list.atom';
+import './command-separator.atom';
+import './command.atom';
+import './command-input.atom';
+import { Meta } from '@storybook/web-components';
+declare const _default: Meta;
+export default _default;
+export declare const Command: () => import("lit-html").TemplateResult<1>;

package/dist/src/components/atoms/dialog/dialog-close.d.ts

@@ -5,3 +5,8 @@ export declare class DialogClose extends LitElement {
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     render(): import("lit-html").TemplateResult<1>;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-dialog-close': DialogClose;
+    }
+}

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

@@ -1,8 +1,24 @@
 import { LitElement, PropertyValues } from 'lit';
-export declare class Dialog extends LitElement {
+import { DialogContent } from './dialog-content';
+import { DialogClose } from './dialog-close';
+import { DialogFooter } from './dialog-footer';
+import { DialogHeader } from './dialog-header';
+import { DialogOverlay } from './dialog-overly';
+declare class Dialog extends LitElement {
     static styles: import("lit").CSSResult[];
     state: string;
     private get _content();
     protected updated(_changedProperties: PropertyValues): void;
     render(): import("lit-html").TemplateResult<1>;
 }
+export { Dialog, DialogContent, DialogClose, DialogFooter, DialogHeader, DialogOverlay, };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-dialog': Dialog;
+        'rtg-dialog-content': DialogContent;
+        'rtg-dialog-close': DialogClose;
+        'rtg-dialog-footer': DialogFooter;
+        'rtg-dialog-header': DialogHeader;
+        'rtg-dialog-overlay': DialogOverlay;
+    }
+}

package/dist/src/components/atoms/dropdownMenu/dropdown-menu.atom.d.ts

@@ -1,7 +1,11 @@
 import { LitElement, PropertyValues } from 'lit';
-import './dropdown-menu-content';
-import './dropdown-menu-item';
-export declare class DropdownMenu extends LitElement {
+import { DropdownMenuContent } from './dropdown-menu-content';
+import { DropdownMenuItem } from './dropdown-menu-item';
+import { DropdownMenuRadioItem } from './dropdown-menu-radio-item';
+import { DropdownMenuSeparator } from './dropdown-menu-seperator';
+import { DropdownMenuCheckboxItem } from './dropdown-menu-checkbox-Item';
+import { DropdownMenuGroup } from './dropdown-menu-group';
+declare class DropdownMenu extends LitElement {
     static styles: import("lit").CSSResult[];
     isOpen: boolean;
     connectedCallback(): void;
@@ -12,3 +16,15 @@ export declare class DropdownMenu extends LitElement {
     protected updated(_changedProperties: PropertyValues): void;
     render(): import("lit-html").TemplateResult<1>;
 }
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuGroup, };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-dropdown-menu': DropdownMenu;
+        'rtg-dropdown-menu-checkbox-item': DropdownMenuCheckboxItem;
+        'rtg-dropdown-menu-group': DropdownMenuGroup;
+        'rtg-dropdown-menu-content': DropdownMenuContent;
+        'rtg-dropdown-menu-item': DropdownMenuItem;
+        'rtg-dropdown-menu-radio-item': DropdownMenuRadioItem;
+        'rtg-dropdown-menu-separator': DropdownMenuSeparator;
+    }
+}

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

@@ -7,6 +7,7 @@ import '../button/button.atom';
 import './dropdown-menu-checkbox-Item';
 import './dropdown-menu-radio-item';
 import './dropdown-menu-shortcut';
+import '../button/button.atom';
 import { Meta, StoryFn } from '@storybook/web-components';
 declare const _default: Meta;
 export default _default;

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

@@ -3,11 +3,17 @@ export * from './checkbox/checkbox.atom';
 export * from './dialog/dialog.atom';
 export * from './input/input.atom';
 export * from './label/label.atom';
-export * from './command-empty/command-empty.atom';
-export * from './command-group/command-group.atom';
-export * from './command-item/command-item.atom';
-export * from './command-list/command-list.atom';
-export * from './command-separator/command-separator.atom';
+export * from './command/command.atom';
+export * from './command/command-empty.atom';
+export * from './command/command-group.atom';
+export * from './command/command-input.atom';
+export * from './command/command-item.atom';
+export * from './command/command-list.atom';
+export * from './command/command-separator.atom';
 export * from './card/card.atom';
 export * from './popover/popover.atom';
 export * from './alert/alert.atom';
+export * from './badge/badge.atom';
+export * from './combo-box/combo-box.atom';
+export * from './dropdownMenu/dropdown-menu.atom';
+export * from './toggle/toggle.atom';

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

@@ -9,3 +9,8 @@ export declare class Label extends BaseElement {
     protected getAttributesToExclude(): string[];
     render(): import("lit-html").TemplateResult<1>;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-label': Label;
+    }
+}

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

@@ -1,8 +1,18 @@
 import { LitElement, PropertyValues } from 'lit';
-export declare class Popover extends LitElement {
+import { PopoverContent } from './popover-content';
+import { PopoverTrigger } from './popover-trigger';
+declare class Popover extends LitElement {
     static styles: import("lit").CSSResult[];
     isOpen: boolean;
     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/atoms/textarea/textarea.atom.d.ts

@@ -0,0 +1,16 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+export declare class TextArea extends BaseElement {
+    constructor();
+    disabled: boolean;
+    placeholder: string;
+    defaultValue: string;
+    rows: string;
+    cols: string;
+    value: string;
+    static styles: import("lit").CSSResult[];
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    handleInputChange(event: Event): void;
+    protected getAttributesToExclude(): string[];
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,7 @@
+import { Meta, StoryFn } from '@storybook/web-components';
+import './textarea.atom';
+import '../label/label.atom';
+import '../button/button.atom';
+declare const _default: Meta;
+export default _default;
+export declare const TextArea: StoryFn;

package/dist/src/components/atoms/textarea/textarea.styles.d.ts

@@ -0,0 +1 @@
+export declare const textAreaStyles = "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50";

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

@@ -0,0 +1,11 @@
+export type TextAreaArgs = {
+    disabled: boolean;
+    disabledButton: boolean;
+    placeholder: string;
+    label: string;
+    defaultValue: string;
+    ButtonLabel: string;
+    id: string;
+    rows: string;
+    cols: string;
+};

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

@@ -1,6 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Toggles: Story;
-export declare const RequiredToggle: Story;
+import type { Meta, StoryFn } from '@storybook/web-components';
+declare const _default: Meta;
+export default _default;
+export declare const toggle: StoryFn;
+export declare const requiredToggleTemplate: StoryFn;

package/dist/src/components/molecules/breadCrumb/Breadcrumb-link.d.ts

@@ -0,0 +1,7 @@
+import { BaseElement } from '../../../helpers';
+export declare class BreadCrumbLink extends BaseElement {
+    href: string;
+    static styles: import("lit").CSSResult[];
+    protected getAttributesToExclude(): string[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/components/molecules/breadCrumb/breadCrumb.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta } from '@storybook/web-components';
+import './breadcrumb.molecules';
+import './Breadcrumb-link';
+import './breadcrumb-ellipsis';
+import './breadcrumb-item';
+import './breadcrumb-list';
+import './breadcrumb-separator';
+import './breadcrumb-text';
+import './breadcrumb.styles';
+import '../../atoms/dropdownMenu/dropdown-menu.atom';
+import '../../atoms/dropdownMenu/dropdown-menu-group';
+import '../../atoms/dropdownMenu/dropdown-menu-item';
+import '../../atoms/dropdownMenu/dropdown-menu-content';
+declare const _default: Meta;
+export default _default;
+export declare const BreadCrumb: () => import("lit-html").TemplateResult<1>;

package/dist/src/components/molecules/breadCrumb/breadcrumb-ellipsis.d.ts

@@ -0,0 +1,6 @@
+import { BaseElement } from '../../../helpers';
+export declare class BreadCrumbEllipsis extends BaseElement {
+    static styles: import("lit").CSSResult[];
+    protected getAttributesToExclude(): string[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/components/molecules/breadCrumb/breadcrumb-item.d.ts

@@ -0,0 +1,6 @@
+import { BaseElement } from '../../../helpers';
+export declare class BreadCrumbItem extends BaseElement {
+    static styles: import("lit").CSSResult[];
+    protected getAttributesToExclude(): string[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/components/molecules/breadCrumb/breadcrumb-list.d.ts

@@ -0,0 +1,6 @@
+import { BaseElement } from '../../../helpers';
+export declare class BreadCrumbList extends BaseElement {
+    static styles: import("lit").CSSResult[];
+    protected getAttributesToExclude(): string[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/components/molecules/breadCrumb/breadcrumb-separator.d.ts

@@ -0,0 +1,6 @@
+import { BaseElement } from '../../../helpers';
+export declare class BreadCrumbSeparator extends BaseElement {
+    static styles: import("lit").CSSResult[];
+    protected getAttributesToExclude(): string[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/components/molecules/breadCrumb/breadcrumb-text.d.ts

@@ -0,0 +1,6 @@
+import { BaseElement } from '../../../helpers';
+export declare class BreadCrumbText extends BaseElement {
+    static styles: import("lit").CSSResult[];
+    protected getAttributesToExclude(): string[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/components/molecules/breadCrumb/breadcrumb.molecules.d.ts

@@ -0,0 +1,6 @@
+import { BaseElement } from '../../../helpers';
+export declare class BreadCrumb extends BaseElement {
+    static styles: import("lit").CSSResult[];
+    protected getAttributesToExclude(): string[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/components/molecules/breadCrumb/breadcrumb.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const breadcrumbItemStyles = "inline-flex items-center gap-1.5";
+export declare const breadcrumbLink = "transition-colors hover:text-foreground";
+export declare const breadcrumbTextStyles = "font-normal text-foreground";
+export declare const breadcrumbSeparatorStyles = "[&>svg]:size-3.5";
+export declare const breadcrumbEllipsisStyles = "flex h-9 w-9 items-center justify-center";
+export declare const breadcrumbListStyles = "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5";

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

@@ -1 +1,7 @@
-export * from './command/command.molecules';
+export * from './breadCrumb/Breadcrumb-link';
+export * from './breadCrumb/breadcrumb-ellipsis';
+export * from './breadCrumb/breadcrumb-item';
+export * from './breadCrumb/breadcrumb-list';
+export * from './breadCrumb/breadcrumb-separator';
+export * from './breadCrumb/breadcrumb.molecules';
+export * from './breadCrumb/breadcrumb-text';

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

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit-element';
+import { TOGGLE_GROUP_VARIANT, TOGGLE_GROUP_SIZE } from './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.molecules.d.ts

@@ -0,0 +1,19 @@
+import { BaseElement } from '../../../helpers';
+import { TOGGLE_GROUP_TYPE, TOGGLE_GROUP_VARIANT, TOGGLE_GROUP_SIZE } from './defs';
+import './toggle-group-item';
+declare class ToggleGroup extends BaseElement {
+    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,5 @@
+import type { Meta, StoryFn } from '@storybook/web-components';
+import './toggle-group-item';
+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/index.d.ts

@@ -1,4 +1,2 @@
-import { Button } from './components/atoms/button/button.atom';
-import { Badge } from './components/atoms/badge/badge.atom';
-import { Input } from './components/atoms/input/input.atom';
-export { Button, Badge, Input };
+import { Alert, AlertDescription, AlertTitle, Button, Badge, Input, 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 } from './components';
+export { Alert, AlertDescription, AlertTitle, Button, Badge, Input, 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, };