revotech-ui-kit 0.0.15 → 0.0.16

package/dist/src/assets/icons/arrow-up-circle.icon.d.ts

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

package/dist/src/assets/icons/chorven-down.icon.d.ts

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

package/dist/src/assets/icons/circle-check.icon.d.ts

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

package/dist/src/assets/icons/circle-x.icon.d.ts

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

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

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

package/dist/src/assets/icons/help-circle.icon.d.ts

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

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

@@ -1,3 +1,11 @@
 export * from './arrows.icon';
 export * from './tick.icon';
 export * from './search.icon';
+export * from './help-circle.icon';
+export * from './circle.icon';
+export * from './arrow-up-circle.icon';
+export * from './circle-check.icon';
+export * from './circle-x.icon';
+export * from './radio.icon';
+export * from './chorven-down.icon';
+export * from './radio-group.icon';

package/dist/src/assets/icons/radio-group.icon.d.ts

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

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

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

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

@@ -0,0 +1,12 @@
+import { LitElement, PropertyValues } from 'lit-element';
+import { Accordion } from './accordion.atoms';
+
+declare class AccordionContent extends LitElement {
+    value: string;
+    selectedValue: string;
+    static styles: import('lit-element').CSSResult[];
+    get _accordion(): Accordion | null;
+    protected updated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { AccordionContent };

package/dist/src/components/atoms/accordion/accordion-item.d.ts

@@ -0,0 +1,22 @@
+import { PropertyValues } from 'lit-element';
+import { BaseElement } from '../../../helpers';
+import { Accordion } from './accordion.atoms';
+
+declare class AccordionItem extends BaseElement {
+    value: string;
+    tabindex: number;
+    static styles: import('lit-element').CSSResult[];
+    protected getAttributesToExclude(): string[];
+    connectedCallback(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    disconnectedCallback(): void;
+    get _accordion(): Accordion | null;
+    handleClick: (event: MouseEvent) => void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { AccordionItem };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-accordion-item': AccordionItem;
+    }
+}

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

@@ -0,0 +1,17 @@
+import { BaseElement } from '../../../helpers';
+
+declare class AccordionTrigger extends BaseElement {
+    defaultValue: string;
+    value: string;
+    onClickCallback?: (tabValue: string) => void;
+    static styles: import('lit-element').CSSResult[];
+    connectedCallback(): void;
+    protected getAttributesToExclude(): string[];
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { AccordionTrigger };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-accordion-trigger': AccordionTrigger;
+    }
+}

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

@@ -0,0 +1,23 @@
+import { BaseElement } from '../../../helpers';
+import { AccordionItem } from './accordion-item';
+import { AccordionTrigger } from './accordion-trigger';
+import { AccordionContent } from './accordion-content';
+import { ACCORDION_GROUP_TYPE } from './accordion.defs';
+
+declare class Accordion extends BaseElement {
+    static styles: import('lit').CSSResult[];
+    type: ACCORDION_GROUP_TYPE;
+    selectedItems: string[];
+    protected getAttributesToExclude(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    setSelectedItems(item: string): void;
+    raiseEvent(value: string): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-accordion': Accordion;
+    }
+}

package/dist/src/components/atoms/accordion/accordion.defs.d.ts

@@ -0,0 +1,10 @@
+export declare enum ACCORDION_GROUP_TYPE {
+    /**
+     * @multiple Type
+     */
+    MULTIPLE = "multiple",
+    /**
+     * @single Type
+     */
+    SINGLE = "single"
+}

package/dist/{components/atoms/button/button.stories.d.ts → src/components/atoms/accordion/accordion.stories.d.ts}

@@ -3,4 +3,4 @@ import { Meta, StoryObj } from '@storybook/web-components';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj;
-export declare const Buttons: Story;
+export declare const DefaultAccordion: Story;

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

@@ -11,6 +11,8 @@ export declare class Button extends BaseElement {
     type: buttonType.ButtonType;
     variant: buttonType.ButtonVariant;
     size: buttonType.ButtonSize;
+    externalClass: string;
+    isCustomClass: boolean;
     static styles: import('lit').CSSResult[];
     private handleClick;
     protected getAttributesToExclude(): string[];

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

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

package/dist/{components/atoms/combo-box → src/components/atoms/combobox}/combo-box-input.d.ts

@@ -7,3 +7,8 @@ export declare class ComboBoxInput extends LitElement {
     static styles: import('lit').CSSResult[];
     render(): import('lit-html').TemplateResult<1>;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-combo-box-input': ComboBoxInput;
+    }
+}

package/dist/src/components/atoms/{combo-box → combobox}/combo-box-item.d.ts

@@ -11,3 +11,8 @@ export declare class ComboBoxItem extends LitElement {
     static styles: import('lit').CSSResult[];
     render(): import('lit-html').TemplateResult<1>;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-combo-box-item': ComboBoxItem;
+    }
+}

package/dist/{components/atoms/combo-box → src/components/atoms/combobox}/combo-box-list.d.ts

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

package/dist/src/components/atoms/{combo-box → combobox}/combo-box.atom.d.ts

@@ -16,6 +16,9 @@ declare class ComboBox extends LitElement {
     handleSearch(event: Event): void;
     handleKeyDown(event: KeyboardEvent): void;
     handleMouseOver(event: Event, index: number): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleClickOutside(e: MouseEvent): void;
     updateFocus(): void;
     render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/atoms/command/command-item.atom.d.ts

@@ -1,13 +1,14 @@
 import { LitElement } from 'lit';
 
 export declare class CommandItem extends LitElement {
-    _id: string;
-    _hidden: string;
     private static _counter;
     static styles: import('lit').CSSResult[];
+    selected: boolean;
+    _id: string;
+    _hidden: string;
+    onSelect: () => void;
     private get identifier();
     get value(): string;
-    selected: boolean;
     private handleMouseEvent;
     render(): import('lit-html').TemplateResult<1>;
 }

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

@@ -1,5 +1,6 @@
-import { Meta } from '@storybook/web-components';
+import { Meta, StoryFn } from '@storybook/web-components';
 
 declare const _default: Meta;
 export default _default;
-export declare const Command: () => import('lit-html').TemplateResult<1>;
+export declare const Command: StoryFn;
+export declare const CommandWithPopover: StoryFn;

package/dist/src/components/atoms/{dropdownMenu/dropdown-menu-checkbox-Item.d.ts → context-menu/context-menu-checkbox-Item.d.ts}

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 
-export declare class DropdownMenuCheckboxItem extends LitElement {
+export declare class ContextMenuCheckboxItem extends LitElement {
     _id: string;
     _hidden: string;
     private static _counter;

package/dist/src/components/atoms/{dropdownMenu/dropdown-menu-content.d.ts → context-menu/context-menu-content.d.ts}

@@ -1,11 +1,11 @@
 import { LitElement, PropertyValues } from 'lit';
-import { DropdownMenu } from './dropdown-menu.atom';
+import { ContextMenu } from './context-menu.atom';
 
-export declare class DropdownMenuContent extends LitElement {
+export declare class ContextMenuContent extends LitElement {
     static styles: import('lit').CSSResult[];
     state: string;
     isOpen: boolean;
-    get _dropdownMenu(): DropdownMenu | null;
+    get _contextMenu(): ContextMenu | null;
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changedProps: PropertyValues): void;

package/dist/{components/atoms/command/command-group.atom.d.ts → src/components/atoms/context-menu/context-menu-group.d.ts}

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 
-export declare class CommandGroup extends LitElement {
+export declare class ContextMenuGroup extends LitElement {
     heading: string;
     _id: string;
     _hidden: string;

package/dist/{components/atoms/command/command-item.atom.d.ts → src/components/atoms/context-menu/context-menu-item.d.ts}

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 
-export declare class CommandItem extends LitElement {
+export declare class ContextMenuItem extends LitElement {
     _id: string;
     _hidden: string;
     private static _counter;

package/dist/src/components/atoms/{dropdownMenu/dropdown-menu-radio-item.d.ts → context-menu/context-menu-radio-item.d.ts}

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 
-export declare class DropdownMenuRadioItem extends LitElement {
+export declare class ContextMenuRadioItem extends LitElement {
     _id: string;
     _hidden: string;
     private static _counter;

package/dist/{components/atoms/command/command-separator.atom.d.ts → src/components/atoms/context-menu/context-menu-seperator.d.ts}

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 
-export declare class CommandSeparator extends LitElement {
+export declare class ContextMenuSeparator extends LitElement {
     _id: string;
     _hidden: string;
     private static _counter;

package/dist/{components/atoms/card/card-header.d.ts → src/components/atoms/context-menu/context-menu-shortcut.d.ts}

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

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

@@ -0,0 +1,34 @@
+import { LitElement, PropertyValues } from 'lit';
+import { ContextMenuContent } from './context-menu-content';
+import { ContextMenuCheckboxItem } from './context-menu-checkbox-Item';
+import { ContextMenuGroup } from './context-menu-group';
+import { ContextMenuItem } from './context-menu-item';
+import { ContextMenuRadioItem } from './context-menu-radio-item';
+import { ContextMenuSeparator } from './context-menu-seperator';
+import { ContextMenuShortcut } from './context-menu-shortcut';
+
+declare class ContextMenu extends LitElement {
+    static styles: import('lit').CSSResult[];
+    isOpen: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    toggleDropdown(e: MouseEvent): void;
+    handleClickOutside: (e: MouseEvent) => void;
+    private get _content();
+    protected updated(_changedProperties: PropertyValues): void;
+    private _handleRadioSelected;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { ContextMenu, ContextMenuContent, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuItem, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-context-menu': ContextMenu;
+        'rtg-context-menu-checkbox-item': ContextMenuCheckboxItem;
+        'rtg-context-menu-group': ContextMenuGroup;
+        'rtg-context-menu-content': ContextMenuContent;
+        'rtg-context-menu-item': ContextMenuItem;
+        'rtg-context-menu-radio-item': ContextMenuRadioItem;
+        'rtg-context-menu-separator': ContextMenuSeparator;
+        'rtg-context-menu-shortcut': ContextMenuShortcut;
+    }
+}

package/dist/src/components/atoms/context-menu/contextMenu.stories.d.ts

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

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

@@ -15,6 +15,7 @@ declare class DropdownMenu extends LitElement {
     handleClickOutside: (e: MouseEvent) => void;
     private get _content();
     protected updated(_changedProperties: PropertyValues): void;
+    private _handleRadioSelected;
     render(): import('lit-html').TemplateResult<1>;
 }
 export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuGroup, };

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

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

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

@@ -14,6 +14,13 @@ 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 './combobox/combo-box.atom';
+export * from './dropdown-menu/dropdown-menu.atom';
 export * from './toggle/toggle.atom';
+export * from './context-menu/context-menu.atom';
+export * from './select/select.atom';
+export * from './switch/switch.atom';
+export * from './radio-group/radio-group.atom';
+export * from './accordion/accordion.atoms';
+export * from './seperator/separator.atom';
+export * from './sample-demo/sample-demo';

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

@@ -1 +1 @@
-export declare const inputStyles = "flex h-8 w-full rounded-sm 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";
+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/atoms/popover/popover-content.d.ts

@@ -3,8 +3,9 @@ import { Popover } from './popover.atom';
 
 export declare class PopoverContent extends LitElement {
     static styles: import('lit').CSSResult[];
-    get _popover(): Popover | null;
+    enableDefaultStyle: boolean;
     side: 'bottom' | 'left' | 'right' | 'top';
+    get _popover(): Popover | null;
     private handleClickOutside;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     protected updated(_changedProperties: PropertyValues): void;

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

@@ -3,8 +3,8 @@ import { Popover } from './popover.atom';
 
 export declare class PopoverTrigger extends LitElement {
     static styles: import('lit').CSSResult[];
-    handleClick: () => void;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
     get _popover(): Popover | null;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    handleClick: () => void;
     render(): import('lit-html').TemplateResult<1>;
 }

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

@@ -3,3 +3,7 @@ export declare const popoverContentStyle: (props?: ({
     state?: "open" | "closed" | null | undefined;
     side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export declare const popoverContentWithoutStyle: (props?: ({
+    state?: "open" | "closed" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;

package/dist/{components/atoms/checkbox/checkbox.atom.d.ts → src/components/atoms/radio-group/radio-group-item.d.ts}

@@ -1,19 +1,17 @@
 import { LitElement } from 'lit';
-import { CheckboxProperties } from './checkbox.type';
 
-export declare class Checkbox extends LitElement implements CheckboxProperties {
-    disabled: boolean;
+export declare class RadioGroupItem extends LitElement {
     checked: boolean;
-    type: string;
+    tabindex: number;
     value: string;
-    required: boolean;
+    id: string;
+    state: string;
     static styles: import('lit').CSSResult[];
     private _onClick;
-    click(): void;
     render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'rtg-checkbox': Checkbox;
+        'rtg-radio-group-item': RadioGroupItem;
     }
 }

package/dist/src/components/atoms/radio-group/radio-group.atom.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+import { RadioGroupItem } from './radio-group-item';
+
+declare class RadioGroup extends LitElement {
+    static styles: import('lit').CSSResult[];
+    connectedCallback(): void;
+    private _handleRadioSelected;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { RadioGroupItem, RadioGroup };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-radio-group': RadioGroup;
+        'rtg-radio-group-item': RadioGroupItem;
+    }
+}

package/dist/src/components/atoms/radio-group/radio-group.stories.d.ts

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

package/dist/src/components/atoms/radio-group/radio-group.types.d.ts

@@ -0,0 +1,2 @@
+export declare const STATE_CHECK = "checked";
+export declare const STATE_UNCHECK = "unChecked";

package/dist/src/components/atoms/sample-demo/sample-demo.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+
+import * as sampleType from './sample.type';
+export declare class SampleDemo extends LitElement {
+    static buttonVariants: (props?: ({
+        variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+        size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+    click: () => void;
+    disabled: boolean;
+    isCustomClass: boolean;
+    variant: sampleType.SampleVariant;
+    size: sampleType.SampleSize;
+    static styles: import('lit').CSSResult[];
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-sample-demo': SampleDemo;
+    }
+}

package/dist/src/components/atoms/sample-demo/sample.style.d.ts

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

package/dist/src/components/atoms/sample-demo/sample.type.d.ts

@@ -0,0 +1,3 @@
+export type SampleVariant = 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+export type SampleSize = 'default' | 'sm' | 'lg' | 'icon';
+export type SampleType = 'button' | 'submit' | 'reset' | 'menu';

package/dist/{components/atoms/combo-box/combo-box-item.d.ts → src/components/atoms/select/select-item.d.ts}

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 
-export declare class ComboBoxItem extends LitElement {
+export declare class SelectItem extends LitElement {
     key: string;
     searchText: string;
     value: string;

package/dist/{components/atoms/card/card-footer.d.ts → src/components/atoms/select/select-label.d.ts}

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

package/dist/{components/atoms/card/card-content.d.ts → src/components/atoms/select/select-list.d.ts}

@@ -1,6 +1,8 @@
 import { LitElement } from 'lit';
 
-export declare class CardContent extends LitElement {
+export declare class SelectList extends LitElement {
     static styles: import('lit').CSSResult[];
+    state: string;
+    isOpen: boolean;
     render(): import('lit-html').TemplateResult<1>;
 }

package/dist/{components/atoms/command/command-empty.atom.d.ts → src/components/atoms/select/select-seperator.d.ts}

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 
-export declare class CommandEmpty extends LitElement {
+export declare class SelectSeperator extends LitElement {
     _id: string;
     _hidden: string;
     private static _counter;

package/dist/{components/atoms/combo-box/combo-box.atom.d.ts → src/components/atoms/select/select.atom.d.ts}

@@ -1,6 +1,10 @@
 import { LitElement, PropertyValues } from 'lit';
+import { SelectItem } from './select-item';
+import { SelectList } from './select-list';
+import { SelectLabel } from './select-label';
+import { SelectSeperator } from './select-seperator';
 
-declare class ComboBox extends LitElement {
+declare class Select extends LitElement {
     static styles: import('lit').CSSResult[];
     isOpen: boolean;
     selectedValue: string;
@@ -8,20 +12,22 @@ declare class ComboBox extends LitElement {
     focusedIndex: number;
     filteredItems: string[];
     label: string;
-    items: any[];
+    items: never[];
     protected firstUpdated(_changedProperties: PropertyValues): void;
     toggleDropdown(): void;
     selectItem(event: Event): void;
     handleInputClick(): void;
-    handleSearch(event: Event): void;
     handleKeyDown(event: KeyboardEvent): void;
     handleMouseOver(event: Event, index: number): void;
-    updateFocus(): void;
     render(): import('lit-html').TemplateResult<1>;
 }
-export { ComboBox };
+export { Select, SelectItem, SelectList, SelectLabel, SelectSeperator };
 declare global {
     interface HTMLElementTagNameMap {
-        'rtg-combo-box': ComboBox;
+        'rtg-select': Select;
+        'rtg-select-list': SelectList;
+        'rtg-select-item': SelectItem;
+        'rtg-select-label': SelectLabel;
+        'rtg-select-seperator': SelectSeperator;
     }
 }

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

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

package/dist/src/components/atoms/seperator/separator.atom.d.ts

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

package/dist/src/components/atoms/seperator/separator.defs.d.ts

@@ -0,0 +1,10 @@
+export declare enum SEPARATOR_ORIENTATION {
+    /**
+     * @vertical Type
+     */
+    VERTICAL = "vertical",
+    /**
+     * @horizontal Type
+     */
+    HORIZONTAL = "horizontal"
+}

package/dist/{components/atoms/dialog/dialog.stories.d.ts → src/components/atoms/seperator/separator.stories.d.ts}

@@ -3,5 +3,6 @@ import { Meta, StoryObj } from '@storybook/web-components';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj;
-export declare const ConfirmationDialog: Story;
-export declare const ModalForm: Story;
+export declare const Default: Story;
+export declare const Horizontal: Story;
+export declare const Vertical: Story;