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

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

@@ -0,0 +1,10 @@
+import { Label } from './_label';
+export { Label };
+/**
+ * Renders an accessible label associated with controls.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-label': Label;
+    }
+}

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

@@ -0,0 +1,3 @@
+export interface LabelProps {
+    for?: string;
+}

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

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Demo: Story;
+export declare const WithCheckbox: Story;
+export declare const WithInput: Story;
+export declare const WithTextarea: Story;
+export declare const Disabled: Story;
+export declare const Required: Story;

package/dist/src/components/ui/menubar/menubar-checkbox.item.d.ts

@@ -0,0 +1,19 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+export declare class MenubarCheckboxItem extends BaseElement {
+    _id: string;
+    _hidden: string;
+    private static _counter;
+    private get _containerElement();
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private get identifier();
+    get value(): string;
+    selected: boolean;
+    private handleMouseEvent;
+    checked: boolean;
+    disabled: boolean;
+    toggleChecked(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/menubar/menubar-content.d.ts

@@ -0,0 +1,19 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+import { MenubarMenu } from './menubar-menu';
+export declare class MenubarContent extends BaseElement {
+    state: string;
+    id: string;
+    side: string;
+    isOpen: boolean;
+    get _menubarMenu(): MenubarMenu | null;
+    private get _containerElement();
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProps: PropertyValues): void;
+    handleClickOutside(event: MouseEvent): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/menubar/menubar-group.d.ts

@@ -0,0 +1,14 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+export declare class MenubarGroup extends BaseElement {
+    heading: string;
+    _id: string;
+    _hidden: string;
+    private static _counter;
+    private get _containerElement();
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private get identifier();
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/menubar/menubar-item.d.ts

@@ -0,0 +1,17 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+export declare class MenubarItem extends BaseElement {
+    _id: string;
+    _hidden: string;
+    disabled: boolean;
+    private static _counter;
+    private get _containerElement();
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private get identifier();
+    get value(): string;
+    selected: boolean;
+    private handleMouseEvent;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/menubar/menubar-menu.d.ts

@@ -0,0 +1,30 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+export declare class MenubarMenu extends BaseElement {
+    isOpen: boolean;
+    uniqueIds: string[];
+    selectedMenu: string;
+    isHovering: boolean;
+    id: string;
+    private closeTimeout;
+    private get _content();
+    private get _button();
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private clearCloseTimeout;
+    private toggleMenubar;
+    handleClickOutside: (e: MouseEvent) => void;
+    protected updated(_changedProperties: PropertyValues): void;
+    private _handleRadioSelected;
+    firstUpdated(): void;
+    raiseEvent(): void;
+    closeAllMenus(): void;
+    private handleMenuMouseEnter;
+    private handleMenuMouseLeave;
+    private scheduleClose;
+    private isDescendant;
+    private setupContentListeners;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/menubar/menubar-radio-item.d.ts

@@ -0,0 +1,19 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+export declare class MenubarRadioItem extends BaseElement {
+    _id: string;
+    _hidden: string;
+    private static _counter;
+    private get _containerElement();
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private get identifier();
+    get value(): string;
+    selected: boolean;
+    private handleMouseEvent;
+    checked: boolean;
+    disabled: boolean;
+    toggleChecked(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/menubar/menubar-separator.d.ts

@@ -0,0 +1,13 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+export declare class MenubarSeparator extends BaseElement {
+    _id: string;
+    _hidden: string;
+    private static _counter;
+    get _containerElement(): HTMLDivElement | null;
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    private get identifier();
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/menubar/menubar-shortcut.d.ts

@@ -0,0 +1,9 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+export declare class MenubarShortcut extends BaseElement {
+    private get _containerElement();
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/menubar/menubar-trigger.d.ts

@@ -0,0 +1,9 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+export declare class MenubarTrigger extends BaseElement {
+    get _containerElement(): HTMLButtonElement | null;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected getAttributesToExclude(): string[];
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,33 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+import { MenubarCheckboxItem } from './menubar-checkbox.item';
+import { MenubarContent } from './menubar-content';
+import { MenubarGroup } from './menubar-group';
+import { MenubarItem } from './menubar-item';
+import { MenubarMenu } from './menubar-menu';
+import { MenubarRadioItem } from './menubar-radio-item';
+import { MenubarSeparator } from './menubar-separator';
+import { MenubarShortcut } from './menubar-shortcut';
+import { MenubarTrigger } from './menubar-trigger';
+declare class Menubar extends BaseElement {
+    private get _containerElement();
+    protected getAttributesToExclude(): string[];
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarTrigger, };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-menubar': Menubar;
+        'rtg-menubar-menu': MenubarMenu;
+        'rtg-menubar-checkbox-item': MenubarCheckboxItem;
+        'rtg-menubar-group': MenubarGroup;
+        'rtg-menubar-content': MenubarContent;
+        'rtg-menubar-item': MenubarItem;
+        'rtg-menubar-radio-item': MenubarRadioItem;
+        'rtg-menubar-separator': MenubarSeparator;
+        'rtg-menubar-shortcut': MenubarShortcut;
+        'rtg-menubar-trigger': MenubarTrigger;
+    }
+}

package/dist/src/components/ui/menubar/menubar.helpers.d.ts

@@ -0,0 +1,3 @@
+export declare const scissorsIcon: import('lit-html').TemplateResult<1>;
+export declare const copyIcon: import('lit-html').TemplateResult<1>;
+export declare const clipboardPasteIcon: import('lit-html').TemplateResult<1>;

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

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

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

@@ -0,0 +1,21 @@
+export declare const menubarStyles: {
+    root: string[];
+    menu: string[];
+    group: string[];
+    trigger: string[];
+    content: string[];
+    item: string[];
+    checkboxItem: {
+        base: string[];
+        indicator: string[];
+        icon: string[];
+    };
+    radioItem: {
+        base: string[];
+        indicator: string[];
+        icon: string[];
+    };
+    label: string[];
+    separator: string[];
+    shortcut: string[];
+};

package/dist/src/components/ui/navigation-menu/navigation-menu-content.d.ts

@@ -0,0 +1,19 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+import { NavigationMenuItem } from './navigation-menu-item';
+export declare class NavigationMenuContent extends BaseElement {
+    state: string;
+    id: string;
+    side: string;
+    isOpen: boolean;
+    get _menubarMenu(): NavigationMenuItem | null;
+    get _containerElement(): HTMLDivElement | null;
+    protected getAttributesToExclude(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProps: PropertyValues): void;
+    handleClickOutside(event: MouseEvent): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/navigation-menu/navigation-menu-item.d.ts

@@ -0,0 +1,23 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+export declare class NavigationMenuItem extends BaseElement {
+    value: string;
+    navigationLink: boolean;
+    isOpen: boolean;
+    uniqueIds: string[];
+    isHovering: boolean;
+    raiseEvent(): void;
+    firstUpdated(): void;
+    closeAllMenus(): void;
+    toggleMenubar(e: MouseEvent): void;
+    private get _content();
+    private get _button();
+    protected updated(_changedProperties: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleClickOutside: (e: MouseEvent) => void;
+    handleHover(): void;
+    handleMouseLeave(): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/navigation-menu/navigation-menu-link.d.ts

@@ -0,0 +1,9 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+export declare class NavigationMenuLink extends BaseElement {
+    get _containerElement(): HTMLAnchorElement | null;
+    href: string;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/navigation-menu/navigation-menu-list.d.ts

@@ -0,0 +1,8 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+export declare class NavigationMenuList extends BaseElement {
+    get _containerElement(): HTMLUListElement | null;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/navigation-menu/navigation-menu-trigger.d.ts

@@ -0,0 +1,9 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+export declare class NavigationMenuTrigger extends BaseElement {
+    get _containerElement(): HTMLUListElement | null;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected getAttributesToExclude(): string[];
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/navigation-menu/navigation-menu.d.ts

@@ -0,0 +1,24 @@
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
+import { NavigationMenuList } from './navigation-menu-list';
+import { NavigationMenuItem } from './navigation-menu-item';
+import { NavigationMenuContent } from './navigation-menu-content';
+import { NavigationMenuLink } from './navigation-menu-link';
+import { NavigationMenuTrigger } from './navigation-menu-trigger';
+declare class NavigationMenu extends BaseElement {
+    get _containerElement(): HTMLElementTagNameMap['nav'] | null;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuLink, NavigationMenuTrigger, };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-navigation-menu': NavigationMenu;
+        'rtg-navigation-menu-list': NavigationMenuList;
+        'rtg-navigation-menu-item': NavigationMenuItem;
+        'rtg-navigation-menu-content': NavigationMenuContent;
+        'rtg-navigation-menu-link': NavigationMenuLink;
+        'rtg-navigation-menu-trigger': NavigationMenuTrigger;
+    }
+}

package/dist/src/components/ui/navigation-menu/navigation-menu.stories.d.ts

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

package/dist/src/components/ui/navigation-menu/navigation-menu.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const navigationStyles: {
+    content: string[];
+    menu: string[];
+    menuList: string[];
+    menuItem: string[];
+    menuItemIcon: string[];
+    link: string[];
+    contentContainer: string[];
+};

package/dist/src/components/ui/pagination/pagination-content.d.ts

@@ -0,0 +1,8 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+export declare class PaginationContent extends BaseElement {
+    get _containerElement(): HTMLUListElement | null;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/pagination/pagination-ellipsis.d.ts

@@ -0,0 +1,8 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+export declare class PaginationEllipsis extends BaseElement {
+    get _containerElement(): HTMLElement | null;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/pagination/pagination-item.d.ts

@@ -0,0 +1,14 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+export declare class PaginationItem extends BaseElement {
+    uniqueIds: string[];
+    isActive: boolean;
+    get _containerElement(): HTMLLIElement | null;
+    private get _content();
+    protected updated(_changedProperties: PropertyValues): void;
+    handleClick(e: MouseEvent): void;
+    firstUpdated(): void;
+    raiseEvent(): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/pagination/pagination-link.d.ts

@@ -0,0 +1,14 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+import { ButtonSize } from '../button/button.defs';
+export declare class PaginationLink extends BaseElement {
+    state: string;
+    isActive: boolean;
+    size: Exclude<ButtonSize, 'xs' | 'icon-xs'>;
+    href: string;
+    get _containerElement(): HTMLAnchorElement | null;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    updated(changedProps: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/pagination/pagination-next.d.ts

@@ -0,0 +1,9 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+export declare class PaginationNext extends BaseElement {
+    href: string;
+    get _containerElement(): HTMLDivElement | null;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/pagination/pagination-previous.d.ts

@@ -0,0 +1,9 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+export declare class PaginationPrevious extends BaseElement {
+    href: string;
+    get _containerElement(): HTMLDivElement | null;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,26 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+import { PaginationContent } from './pagination-content';
+import { PaginationEllipsis } from './pagination-ellipsis';
+import { PaginationItem } from './pagination-item';
+import { PaginationLink } from './pagination-link';
+import { PaginationNext } from './pagination-next';
+import { PaginationPrevious } from './pagination-previous';
+declare class Pagination extends BaseElement {
+    get _containerElement(): HTMLElement | null;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-pagination': Pagination;
+        'rtg-pagination-content': PaginationContent;
+        'rtg-pagination-item': PaginationItem;
+        'rtg-pagination-link': PaginationLink;
+        'rtg-pagination-ellipsis': PaginationEllipsis;
+        'rtg-pagination-next': PaginationNext;
+        'rtg-pagination-previous': PaginationPrevious;
+    }
+}

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

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

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

@@ -0,0 +1,22 @@
+export declare const paginationStyles: {
+    root: string[];
+    content: string[];
+    item: string[];
+    link: (props?: ({
+        variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
+        size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    previous: {
+        base: string[];
+        span: string[];
+    };
+    next: {
+        base: string[];
+        span: string[];
+    };
+    ellipsis: {
+        base: string[];
+        icon: string[];
+        span: string[];
+    };
+};

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

@@ -0,0 +1,2 @@
+export type PaginationVariant = 'outline' | 'ghost';
+export type PaginationSize = 'default' | 'sm' | 'lg' | 'icon';

package/dist/src/components/ui/password-input/_password-input.d.ts

@@ -0,0 +1,122 @@
+import { LitElement, PropertyValues } from 'lit';
+import { InputAutocomplete } from '../input/input.defs';
+import { PasswordInputProps } from './password-input.defs';
+/**
+ * A password input with a toggleable show/hide button.
+ *
+ * @element rtg-password-input
+ * @slot password-input
+ * @slot password-input-input
+ * @slot password-input-addon
+ * @slot password-input-button
+ * @slot password-input-icon
+ */
+export declare class PasswordInput extends LitElement implements PasswordInputProps {
+    /**
+     * Hint for form autofill feature.
+     */
+    autocomplete?: InputAutocomplete;
+    /**
+     * When `true`, prevents the user from interacting with the input.
+     */
+    disabled?: boolean;
+    /**
+     * The form name that the input is associated with.
+     */
+    form?: string;
+    /**
+     * A unique id for the input element.
+     */
+    id: string;
+    /**
+     * When `true`, sets the `aria-invalid` attribute and styles the input
+     * accordingly.
+     */
+    invalid?: boolean;
+    /**
+     * The maximum string length that the user can enter into the field.
+     */
+    maxlength?: number;
+    /**
+     * The minimum string length that the user can enter into the field.
+     */
+    minlength?: number;
+    /**
+     * The name of the input. Submitted with its owning form as part of a
+     * name/value pair.
+     */
+    name?: string;
+    /**
+     * Used to compile a regular expression that the input's value must match.
+     */
+    pattern?: string;
+    /**
+     * The value of the placeholder text, providing a brief hint to the user.
+     */
+    placeholder?: string;
+    /**
+     * When `true`, indicates that the user should not be able to edit the value
+     * of the input.
+     */
+    readonly?: boolean;
+    /**
+     * When `true`, indicates that the user must fill the input before the owning
+     * form can be submitted.
+     */
+    required?: boolean;
+    /**
+     * The value of the input. When specified as a prop, it is the initial value.
+     */
+    value?: string;
+    /**
+     * The user-defined "on click" handler for the input.
+     */
+    onClick?: (event: MouseEvent) => void;
+    /**
+     * The user-defined "on input" handler for the input.
+     */
+    onInput?: (event: Event) => void;
+    /**
+     * The user-defined "on change" handler for the input.
+     */
+    onChange?: (event: Event) => void;
+    /**
+     * The user-defined "on focus" handler for the input.
+     */
+    onFocus?: (event: FocusEvent) => void;
+    /**
+     * The user-defined "on blur" handler for the input.
+     */
+    onBlur?: (event: FocusEvent) => void;
+    /**
+     * Tracks whether the password is currently visible.
+     */
+    private _showPassword;
+    /**
+     * The id of the input element, determined by the provided `id` prop.
+     */
+    private _inputId?;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * Handles the updated callback, transferring the `id` prop's value to
+     * `_inputId` and removing it from the parent (if changed).
+     */
+    protected updated(changed: PropertyValues): void;
+    /**
+     * Handles the first updated callback, transferring the `id` prop's value to
+     * `_inputId` and removing it from the parent.
+     */
+    protected firstUpdated(): void;
+    /**
+     * Toggles the password visibility state.
+     */
+    private _handleToggle;
+    /**
+     * Renders the password input button icon based on the `_showPassword` state.
+     */
+    private _renderIcon;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,10 @@
+import { PasswordInput } from './_password-input';
+export { PasswordInput };
+/**
+ * A password input with a toggleable show/hide button.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-password-input': PasswordInput;
+    }
+}

package/dist/src/components/ui/password-input/password-input.defs.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from '../input/input.defs';
+export interface PasswordInputProps extends Omit<InputProps, 'type' | 'accept' | 'max' | 'min' | 'step' | 'multiple'> {
+}