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

package/dist/src/components/ui/context-menu/context-menu-group.d.ts

@@ -7,5 +7,5 @@ export declare class ContextMenuGroup extends BaseElement {
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected getAttributesToExclude(): string[];
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

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

@@ -10,5 +10,5 @@ export declare class ContextMenuItem extends BaseElement {
     disconnectedCallback(): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     disabled: boolean;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

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

@@ -13,5 +13,5 @@ export declare class ContextMenuRadioItem extends BaseElement {
     toggleChecked(): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/ui/context-menu/context-menu-seperator.d.ts

@@ -3,5 +3,5 @@ import { LitElement } from 'lit';
 export declare class ContextMenuSeparator extends LitElement {
     _id: string;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/ui/context-menu/context-menu-shortcut.d.ts

@@ -6,5 +6,5 @@ export declare class ContextMenuShortcut extends BaseElement {
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

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

@@ -2,5 +2,5 @@ import { LitElement } from 'lit';
 
 export declare class ContextTrigger extends LitElement {
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

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

@@ -23,7 +23,7 @@ declare class ContextMenu extends BaseElement {
     protected getAttributesToExclude(): string[];
     protected firstUpdated(_changedProperties: PropertyValues): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextTrigger, };
 declare global {

package/dist/src/components/ui/data-table/data-table.d.ts

@@ -36,5 +36,5 @@ export declare class Table extends BaseElement {
     private handleHeaderCheckboxChange;
     private handleRowCheckboxChange;
     private get selectedRowCount();
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/ui/date-picker/date-picker.d.ts

@@ -4,7 +4,7 @@ export declare class DatePicker extends LitElement {
     selectedDate: Date | null;
     private handleDateSelected;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -7,7 +7,7 @@ export declare class DialogClose extends BaseElement {
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -12,5 +12,5 @@ export declare class DialogContent extends BaseElement {
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     protected updated(_changedProperties: PropertyValues): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/ui/dialog/dialog-footer.d.ts

@@ -6,5 +6,5 @@ export declare class DialogFooter extends BaseElement {
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/ui/dialog/dialog-header.d.ts

@@ -4,5 +4,5 @@ export declare class DialogHeader extends LitElement {
     _title: string;
     description: string;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/ui/dialog/dialog-overly.d.ts

@@ -2,5 +2,5 @@ import { LitElement } from 'lit';
 
 export declare class DialogOverlay extends LitElement {
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

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

@@ -8,5 +8,5 @@ export declare class DialogTrigger extends BaseElement {
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

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

@@ -15,7 +15,7 @@ declare class Dialog extends BaseElement {
     protected firstUpdated(_changedProperties: PropertyValues): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected getAttributesToExclude(): string[];
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 export { Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader, DialogOverlay, DialogTrigger, };
 declare global {

package/dist/src/components/ui/drawer/drawer-close.d.ts

@@ -7,7 +7,7 @@ export declare class DrawerClose extends BaseElement {
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): Promise<void>;
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -11,5 +11,5 @@ export declare class DrawerContent extends BaseElement {
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     protected updated(_changedProperties: PropertyValues): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/ui/drawer/drawer-description.d.ts

@@ -6,5 +6,5 @@ export declare class DrawerDescription extends BaseElement {
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/ui/drawer/drawer-footer.d.ts

@@ -6,5 +6,5 @@ export declare class DrawerFooter extends BaseElement {
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/ui/drawer/drawer-header.d.ts

@@ -5,5 +5,5 @@ export declare class DrawerHeader extends BaseElement {
     private get _containerElement();
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/ui/drawer/drawer-overlay.d.ts

@@ -2,5 +2,5 @@ import { LitElement } from 'lit';
 
 export declare class DrawerOverlay extends LitElement {
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/ui/drawer/drawer-title.d.ts

@@ -6,5 +6,5 @@ export declare class DrawerTitle extends BaseElement {
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

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

@@ -8,5 +8,5 @@ export declare class DrawerTrigger extends BaseElement {
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     protected getAttributesToExclude(): string[];
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

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

@@ -23,7 +23,7 @@ declare class Drawer extends BaseElement {
     protected firstUpdated(_changedProperties: PropertyValues): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected getAttributesToExclude(): string[];
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, };
 declare global {

package/dist/src/components/ui/dropdown-menu/dropdown-menu-checkbox-Item.d.ts

@@ -14,5 +14,5 @@ export declare class DropdownMenuCheckboxItem extends BaseElement {
     toggleChecked(): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

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

@@ -10,5 +10,5 @@ export declare class DropdownMenuContent extends BaseElement {
     updated(changedProps: PropertyValues): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/ui/dropdown-menu/dropdown-menu-group.d.ts

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

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

@@ -14,5 +14,5 @@ export declare class DropdownMenuItem extends BaseElement {
     private handleClickDefault;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

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

@@ -13,5 +13,5 @@ export declare class DropdownMenuRadioItem extends BaseElement {
     toggleChecked(): void;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

package/dist/src/components/ui/dropdown-menu/dropdown-menu-seperator.d.ts

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

package/dist/src/components/ui/dropdown-menu/dropdown-menu-shortcut.d.ts

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

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

@@ -2,5 +2,5 @@ import { LitElement } from 'lit';
 
 export declare class DropdownMenuTrigger extends LitElement {
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }

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

@@ -23,7 +23,7 @@ declare class DropdownMenu extends BaseElement {
     protected firstUpdated(_changedProperties: PropertyValues): void;
     private _handleRadioSelected;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, };
 declare global {

package/dist/src/components/ui/field/_field-content.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+
+/**
+ * Flex column that groups control and descriptions when the label sits beside
+ * the control. Not required if you have no description.
+ *
+ * @element rtg-field-content
+ * @slot field-content
+ */
+export declare class FieldContent extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the field content.
+     */
+    private get _contentSlot();
+    /**
+     * Appends children to the field content slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/field/_field-description.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+
+/**
+ * Helper text slot that automatically balances long lines in horizontal
+ * layouts.
+ *
+ * @element rtg-field-description
+ * @slot field-description
+ */
+export declare class FieldDescription extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the field description.
+     */
+    private get _descriptionSlot();
+    /**
+     * Appends children to the field description slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/field/_field-error.d.ts

@@ -0,0 +1,24 @@
+import { LitElement, nothing } from 'lit';
+import { FieldErrorProps, FieldErrorError } from './field.defs';
+
+/**
+ * Accessible error container that accepts children or an `errors` array. When
+ * the `errors` array contains multiple messages, the component renders a list
+ * automatically.
+ *
+ * @element rtg-field-error
+ * @slot field-error
+ * @slot field-error-content
+ */
+export declare class FieldError extends LitElement implements FieldErrorProps {
+    /**
+     * The array of error messages to render.
+     */
+    errors?: FieldErrorError[];
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    private _renderContent;
+    render(): typeof nothing | import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/field/_field-group.d.ts

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+import { FieldGroupProps, FieldGroupType } from './field.defs';
+
+/**
+ * Layout wrapper that stacks `rtg-field` components and enables container
+ * queries for responsive orientations.
+ *
+ * @element rtg-field-group
+ * @slot field-group
+ */
+export declare class FieldGroup extends LitElement implements FieldGroupProps {
+    /**
+     * The type of field in the field group.
+     */
+    type: FieldGroupType;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the field group.
+     */
+    private get _groupSlot();
+    /**
+     * Appends children to the field group slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/field/_field-label.d.ts

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+import { FieldLabelProps } from './field.defs';
+
+/**
+ * Label styled for both direct inputs and nested `rtg-field` children.
+ *
+ * @element rtg-field-label
+ * @slot field-label
+ */
+export declare class FieldLabel extends LitElement implements FieldLabelProps {
+    /**
+     * The id of the element the label is associated with.
+     */
+    for?: string;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the field label.
+     */
+    private get _labelSlot();
+    /**
+     * Appends children to the field label slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/field/_field-legend.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+import { FieldLegendProps, FieldLegendVariant } from './field.defs';
+
+/**
+ * Legend element for a `rtg-field-set`. Switch to the `label` variant to align
+ * with label sizing.
+ *
+ * @element rtg-field-legend
+ * @slot field-legend
+ */
+export declare class FieldLegend extends LitElement implements FieldLegendProps {
+    /**
+     * The sizing and alignment variant of the field legend.
+     * The `label` variant applies label sizing and alignment. Handy if you have
+     * nested `rtg-field-set`.
+     */
+    variant: FieldLegendVariant;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the field legend.
+     */
+    private get _legendSlot();
+    /**
+     * Appends children to the field legend slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/field/_field-separator.d.ts

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+
+/**
+ * Visual divider to separate sections inside a `rtg-field-group`. Accepts
+ * optional inline content.
+ *
+ * @element rtg-field-separator
+ * @slot field-separator
+ * @slot field-separator-content
+ */
+export declare class FieldSeparator extends LitElement {
+    /**
+     * Initial user-provided children of field separator.
+     */
+    private _children;
+    /**
+     * Capture the user-provided children before field separator is rendered.
+     */
+    constructor();
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the field separator.
+     */
+    private get _separatorSlot();
+    /**
+     * The slot of the field separator content.
+     */
+    private get _contentSlot();
+    /**
+     * Appends children to the field separator content slot and sets the parent
+     * slot's `data-content` attribute. If no children are provided, the content
+     * slot is removed.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/field/_field-set.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+
+/**
+ * Container that renders a semantic `fieldset` with spacing presets.
+ *
+ * @element rtg-field-set
+ * @slot field-set
+ */
+export declare class FieldSet extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the field set.
+     */
+    private get _setSlot();
+    /**
+     * Appends children to the field set slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/field/_field-title.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+
+/**
+ * Renders a title with label styling inside `rtg-field-content`.
+ *
+ * @element rtg-field-title
+ * @slot field-label
+ */
+export declare class FieldTitle extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the field title.
+     */
+    private get _titleSlot();
+    /**
+     * Appends children to the field title slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/field/_field.d.ts

@@ -0,0 +1,37 @@
+import { LitElement } from 'lit';
+import { FieldProps, FieldOrientation } from './field.defs';
+
+/**
+ * The core wrapper for a single field. Provides orientation control, invalid
+ * state styling, and spacing.
+ *
+ * @element rtg-field
+ * @slot field
+ */
+export declare class Field extends LitElement implements FieldProps {
+    /**
+     * The orientation of the field contents.
+     */
+    orientation: FieldOrientation;
+    /**
+     * Indicates that a child of the field is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Indicates that a child of the field is invalid.
+     */
+    invalid?: boolean;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the field root.
+     */
+    private get _rootSlot();
+    /**
+     * Appends children to the field group slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,30 @@
+import { FieldSet } from './_field-set';
+import { FieldLegend } from './_field-legend';
+import { FieldGroup } from './_field-group';
+import { Field } from './_field';
+import { FieldContent } from './_field-content';
+import { FieldLabel } from './_field-label';
+import { FieldTitle } from './_field-title';
+import { FieldDescription } from './_field-description';
+import { FieldSeparator } from './_field-separator';
+import { FieldError } from './_field-error';
+
+export { FieldSet, FieldLegend, FieldGroup, Field, FieldContent, FieldLabel, FieldTitle, FieldDescription, FieldSeparator, FieldError, };
+/**
+ * Combine labels, controls, and help text to compose accessible form fields and
+ * grouped inputs.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-field-set': FieldSet;
+        'rtg-field-legend': FieldLegend;
+        'rtg-field-group': FieldGroup;
+        'rtg-field': Field;
+        'rtg-field-content': FieldContent;
+        'rtg-field-label': FieldLabel;
+        'rtg-field-title': FieldTitle;
+        'rtg-field-description': FieldDescription;
+        'rtg-field-separator': FieldSeparator;
+        'rtg-field-error': FieldError;
+    }
+}

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

@@ -0,0 +1,24 @@
+import { LabelProps } from '../label/label.defs';
+
+export type FieldLegendVariant = 'legend' | 'label';
+export interface FieldLegendProps {
+    variant: FieldLegendVariant;
+}
+export type FieldGroupType = 'field' | 'checkbox' | 'radio';
+export interface FieldGroupProps {
+    type: FieldGroupType;
+}
+export type FieldOrientation = 'vertical' | 'horizontal' | 'responsive';
+export interface FieldProps {
+    orientation: FieldOrientation;
+    disabled?: boolean;
+    invalid?: boolean;
+}
+export interface FieldLabelProps extends LabelProps {
+}
+export type FieldErrorError = {
+    message?: string;
+} | undefined;
+export interface FieldErrorProps {
+    errors?: FieldErrorError[];
+}