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

package/dist/src/components/ui/item/_item-media.d.ts

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+import { ItemMediaProps, ItemMediaVariant } from './item.defs';
+/**
+ * Use `rtg-item-media` to display media content such as icons, images, or
+ * avatars.
+ *
+ * @element rtg-item-media
+ * @slot item-media
+ */
+export declare class ItemMedia extends LitElement implements ItemMediaProps {
+    /**
+     * The media type variant of the item media.
+     */
+    variant: ItemMediaVariant;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the item media.
+     */
+    private get _mediaSlot();
+    /**
+     * Appends children to the item media slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/item/_item-separator.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * A separator between items in a group.
+ *
+ * @element rtg-item-separator
+ * @slot item-separator
+ */
+export declare class ItemSeparator extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the item separator.
+     */
+    private get _separatorSlot();
+    /**
+     * Appends children to the item separator slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/item/_item-title.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Displays the title of the item.
+ *
+ * @element rtg-item-title
+ * @slot item-title
+ */
+export declare class ItemTitle extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the item title.
+     */
+    private get _titleSlot();
+    /**
+     * Appends children to the item title slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/item/_item.d.ts

@@ -0,0 +1,42 @@
+import { LitElement } from 'lit';
+import { ItemProps, ItemSize, ItemTarget, ItemVariant } from './item.defs';
+/**
+ * The main component for displaying content with media, title, description, and
+ * actions.
+ *
+ * @element rtg-item
+ * @slot item
+ */
+export declare class Item extends LitElement implements ItemProps {
+    /**
+     * The visual style of the item.
+     */
+    variant: ItemVariant;
+    /**
+     * The size of the item.
+     */
+    size: ItemSize;
+    /**
+     * The URL that the item link points to. When provided, an anchor tag (`<a>`)
+     * is rendered instead of a div.
+     */
+    href?: string;
+    /**
+     * Where to display the linked URL, as the name for a browsing context.
+     * Optionally provided in conjunction with `href`.
+     */
+    target?: ItemTarget;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the item root.
+     */
+    private get _rootSlot();
+    /**
+     * Appends children to the item root slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,29 @@
+import { Item } from './_item';
+import { ItemActions } from './_item-actions';
+import { ItemContent } from './_item-content';
+import { ItemDescription } from './_item-description';
+import { ItemFooter } from './_item-footer';
+import { ItemGroup } from './_item-group';
+import { ItemHeader } from './_item-header';
+import { ItemMedia } from './_item-media';
+import { ItemSeparator } from './_item-separator';
+import { ItemTitle } from './_item-title';
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, };
+/**
+ * A versatile component for displaying content with media, title, description,
+ * and actions.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-item-group': ItemGroup;
+        'rtg-item-separator': ItemSeparator;
+        'rtg-item': Item;
+        'rtg-item-media': ItemMedia;
+        'rtg-item-content': ItemContent;
+        'rtg-item-title': ItemTitle;
+        'rtg-item-description': ItemDescription;
+        'rtg-item-actions': ItemActions;
+        'rtg-item-header': ItemHeader;
+        'rtg-item-footer': ItemFooter;
+    }
+}

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

@@ -0,0 +1,13 @@
+export type ItemVariant = "default" | "outline" | "muted";
+export type ItemSize = "default" | "sm" | "xs";
+export type ItemTarget = '_blank' | '_parent' | '_self' | '_top' | '_unfencedTop';
+export interface ItemProps {
+    variant: ItemVariant;
+    size: ItemSize;
+    href?: string;
+    target?: ItemTarget;
+}
+export type ItemMediaVariant = "default" | "icon" | "image";
+export interface ItemMediaProps {
+    variant: ItemMediaVariant;
+}

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

@@ -0,0 +1,13 @@
+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 Variant: Story;
+export declare const Size: Story;
+export declare const Icon: Story;
+export declare const Avatar: Story;
+export declare const Image: Story;
+export declare const Group: Story;
+export declare const Header: Story;
+export declare const Link: Story;

package/dist/src/components/ui/kbd/_kbd-group.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Use the `rtg-kbd-group` component to group `rtg-kbd` components together.
+ *
+ * @element rtg-kbd-group
+ * @slot kbd-group
+ */
+export declare class KbdGroup extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the kbd group.
+     */
+    private get _groupSlot();
+    /**
+     * Appends children to the kbd group slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/kbd/_kbd.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Use the `rtg-kbd` component to display a keyboard key.
+ *
+ * @element rtg-kbd
+ * @slot kbd
+ */
+export declare class Kbd extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the kbd root.
+     */
+    private get _rootSlot();
+    /**
+     * Appends children to the kbd root slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,12 @@
+import { Kbd } from './_kbd';
+import { KbdGroup } from './_kbd-group';
+export { Kbd, KbdGroup };
+/**
+ * Used to display textual user input from keyboard.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-kbd': Kbd;
+        'rtg-kbd-group': KbdGroup;
+    }
+}

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

@@ -0,0 +1,8 @@
+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 Group: Story;
+export declare const Button: Story;
+export declare const InputGroup: Story;

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

@@ -1,6 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
 import { LabelProps } from './label.defs';
-
 /**
  * The `<rtg-label>` component renders an accessible label associated with
  * controls.

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

@@ -1,5 +1,4 @@
 import { Label } from './_label';
-
 export { Label };
 /**
  * Renders an accessible label associated with controls.

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

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

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class MenubarCheckboxItem extends BaseElement {
     _id: string;
     _hidden: string;

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

@@ -1,7 +1,6 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { MenubarMenu } from './menubar-menu';
-
 export declare class MenubarContent extends BaseElement {
     state: string;
     id: string;

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class MenubarGroup extends BaseElement {
     heading: string;
     _id: string;

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class MenubarItem extends BaseElement {
     _id: string;
     _hidden: string;

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class MenubarMenu extends BaseElement {
     isOpen: boolean;
     uniqueIds: string[];

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class MenubarRadioItem extends BaseElement {
     _id: string;
     _hidden: string;

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class MenubarSeparator extends BaseElement {
     _id: string;
     _hidden: string;

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class MenubarShortcut extends BaseElement {
     private get _containerElement();
     protected getAttributesToExclude(): string[];

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class MenubarTrigger extends BaseElement {
     get _containerElement(): HTMLButtonElement | null;
     protected createRenderRoot(): HTMLElement | DocumentFragment;

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

@@ -9,7 +9,6 @@ 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[];

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

@@ -1,5 +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/navigation-menu/navigation-menu-content.d.ts

@@ -1,7 +1,6 @@
 import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
 import { NavigationMenuItem } from './navigation-menu-item';
-
 export declare class NavigationMenuContent extends BaseElement {
     state: string;
     id: string;

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

@@ -1,6 +1,5 @@
 import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
-
 export declare class NavigationMenuItem extends BaseElement {
     value: string;
     navigationLink: boolean;

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

@@ -1,6 +1,5 @@
 import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
-
 export declare class NavigationMenuLink extends BaseElement {
     get _containerElement(): HTMLAnchorElement | null;
     href: string;

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

@@ -1,6 +1,5 @@
 import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
-
 export declare class NavigationMenuList extends BaseElement {
     get _containerElement(): HTMLUListElement | null;
     protected createRenderRoot(): HTMLElement | DocumentFragment;

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

@@ -1,6 +1,5 @@
 import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
-
 export declare class NavigationMenuTrigger extends BaseElement {
     get _containerElement(): HTMLUListElement | null;
     protected createRenderRoot(): HTMLElement | DocumentFragment;

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

@@ -5,7 +5,6 @@ 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;

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

@@ -1,5 +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/pagination/pagination-content.d.ts

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class PaginationContent extends BaseElement {
     get _containerElement(): HTMLUListElement | null;
     protected createRenderRoot(): HTMLElement | DocumentFragment;

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class PaginationEllipsis extends BaseElement {
     get _containerElement(): HTMLElement | null;
     protected createRenderRoot(): HTMLElement | DocumentFragment;

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class PaginationItem extends BaseElement {
     uniqueIds: string[];
     isActive: boolean;

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

@@ -1,7 +1,6 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { ButtonSize } from '../button/button.defs';
-
 export declare class PaginationLink extends BaseElement {
     state: string;
     isActive: boolean;

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class PaginationNext extends BaseElement {
     href: string;
     get _containerElement(): HTMLDivElement | null;

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class PaginationPrevious extends BaseElement {
     href: string;
     get _containerElement(): HTMLDivElement | null;

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

@@ -6,7 +6,6 @@ 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;

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

@@ -1,5 +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

@@ -3,7 +3,7 @@ export declare const paginationStyles: {
     content: string[];
     item: string[];
     link: (props?: ({
-        variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+        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: {

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'> {
+}

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

@@ -0,0 +1,8 @@
+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 Disabled: Story;
+export declare const Invalid: Story;
+export declare const Form: Story;

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

@@ -1,7 +1,6 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { Popover } from './popover';
-
 export declare class PopoverContent extends BaseElement {
     enableDefaultStyle: boolean;
     styleContent: boolean;