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

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValueMap } from 'lit';
-
 export declare class DrawerTrigger extends BaseElement {
     private get _drawer();
     private get _containerElement();

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

@@ -9,7 +9,6 @@ import { DrawerOverlay } from './drawer-overlay';
 import { DrawerTitle } from './drawer-title';
 import { DrawerTrigger } from './drawer-trigger';
 import { TDrawerState } from './drawer.helpers';
-
 declare class Drawer extends BaseElement {
     private get _containerElement();
     state: TDrawerState;

package/dist/src/components/ui/drawer/drawer.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 Drawer: StoryFn;

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

@@ -1,7 +1,6 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { DropdownMenu } from './dropdown-menu';
-
 export declare class DropdownMenuCheckboxItem extends BaseElement {
     _id: string;
     get value(): string;

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

@@ -1,7 +1,6 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { DropdownMenu } from './dropdown-menu';
-
 export declare class DropdownMenuContent extends BaseElement {
     state: string;
     isOpen: boolean;

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

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

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

@@ -1,7 +1,6 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { DropdownMenu } from './dropdown-menu';
-
 export declare class DropdownMenuItem extends BaseElement {
     _id: string;
     _hidden: string;

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

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

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

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

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class DropdownMenuShortcut extends BaseElement {
     get _containerElement(): HTMLSpanElement | null;
     protected firstUpdated(_changedProperties: PropertyValues): void;

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

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

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

@@ -8,7 +8,6 @@ import { DropdownMenuRadioItem } from './dropdown-menu-radio-item';
 import { DropdownMenuSeparator } from './dropdown-menu-seperator';
 import { DropdownMenuShortcut } from './dropdown-menu-shortcut';
 import { DropdownMenuTrigger } from './dropdown-menu-trigger';
-
 declare class DropdownMenu extends BaseElement {
     isOpen: boolean;
     private static _openInstance;

package/dist/src/components/ui/dropdown-menu/dropdownMenu.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 DropdownMenu: StoryFn;

package/dist/src/components/ui/empty/_empty-content.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+/**
+ * Use the `rtg-empty-content` component to display the content of the empty
+ * state such as a button, input or a link.
+ *
+ * @element rtg-empty-content
+ * @slot empty-content
+ */
+export declare class EmptyContent extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the empty content.
+     */
+    private get _contentSlot();
+    /**
+     * Appends children to the empty content slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/empty/_empty-description.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+/**
+ * Use the `rtg-empty-description` component to display the description of the
+ * empty state.
+ *
+ * @element rtg-empty-description
+ * @slot empty-description
+ */
+export declare class EmptyDescription extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the empty description.
+     */
+    private get _descriptionSlot();
+    /**
+     * Appends children to the empty description slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/empty/_empty-header.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+/**
+ * The `rtg-empty-header` component wraps the `rtg-empty-media`,
+ * `rtg-empty-title`, and `rtg-empty-description`.
+ *
+ * @element rtg-empty-header
+ * @slot empty-header
+ */
+export declare class EmptyHeader extends LitElement {
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the empty header.
+     */
+    private get _headerSlot();
+    /**
+     * Appends children to the empty header slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/empty/_empty-media.d.ts

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+import { EmptyMediaProps, EmptyMediaVariant } from './empty.defs';
+/**
+ * Use the `rtg-empty-media` component to display the media of the empty state
+ * such as an icon or an image. You can also use it to display other components
+ * such as an avatar.
+ *
+ * @element rtg-empty-media
+ * @slot empty-media
+ */
+export declare class EmptyMedia extends LitElement implements EmptyMediaProps {
+    /**
+     * The media type variant of the empty media.
+     */
+    variant: EmptyMediaVariant;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the empty media.
+     */
+    private get _mediaSlot();
+    /**
+     * Appends children to the empty media slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/empty/_empty-title.d.ts

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

package/dist/src/components/ui/empty/_empty.d.ts

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+import { EmptyProps } from './empty.defs';
+/**
+ * The main component of the empty state. Wraps the `rtg-empty-header` and
+ * `rtg-empty-content` components.
+ *
+ * @element rtg-empty
+ * @slot empty
+ */
+export declare class Empty extends LitElement implements EmptyProps {
+    /**
+     * When `true`, the empty state is styled with a dashed border.
+     */
+    border?: boolean;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The slot of the empty root.
+     */
+    private get _rootSlot();
+    /**
+     * Appends children to the empty root slot.
+     */
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,20 @@
+import { Empty } from './_empty';
+import { EmptyContent } from './_empty-content';
+import { EmptyDescription } from './_empty-description';
+import { EmptyHeader } from './_empty-header';
+import { EmptyMedia } from './_empty-media';
+import { EmptyTitle } from './_empty-title';
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, };
+/**
+ * Use the Empty component to display an empty state.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-empty': Empty;
+        'rtg-empty-header': EmptyHeader;
+        'rtg-empty-media': EmptyMedia;
+        'rtg-empty-title': EmptyTitle;
+        'rtg-empty-description': EmptyDescription;
+        'rtg-empty-content': EmptyContent;
+    }
+}

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

@@ -0,0 +1,7 @@
+export interface EmptyProps {
+    border?: boolean;
+}
+export type EmptyMediaVariant = 'default' | 'icon';
+export interface EmptyMediaProps {
+    variant: EmptyMediaVariant;
+}

package/dist/src/components/ui/empty/empty.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 Outline: Story;
+export declare const Background: Story;
+export declare const Avatar: Story;
+export declare const AvatarGroup: Story;
+export declare const InputGroup: Story;

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

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

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

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 /**
  * Helper text slot that automatically balances long lines in horizontal
  * layouts.

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

@@ -1,6 +1,5 @@
 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
@@ -15,10 +14,12 @@ export declare class FieldError extends LitElement implements FieldErrorProps {
      * The array of error messages to render.
      */
     errors?: FieldErrorError[];
+    private _hasUserContent;
     /**
      * Overrides the default behaviour to render into the light DOM.
      */
     protected createRenderRoot(): this;
+    connectedCallback(): void;
     private _renderContent;
-    render(): typeof nothing | import('lit-html').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1> | typeof nothing;
 }

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

@@ -1,6 +1,5 @@
 import { LitElement } from 'lit';
 import { FieldGroupProps, FieldGroupType } from './field.defs';
-
 /**
  * Layout wrapper that stacks `rtg-field` components and enables container
  * queries for responsive orientations.

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

@@ -1,6 +1,5 @@
 import { LitElement } from 'lit';
 import { FieldLabelProps } from './field.defs';
-
 /**
  * Label styled for both direct inputs and nested `rtg-field` children.
  *

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

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

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

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 /**
  * Visual divider to separate sections inside a `rtg-field-group`. Accepts
  * optional inline content.
@@ -9,14 +8,7 @@ import { LitElement } from 'lit';
  * @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();
+    private _observer;
     /**
      * Overrides the default behaviour to render into the light DOM.
      */
@@ -30,10 +22,21 @@ export declare class FieldSeparator extends LitElement {
      */
     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.
+     * Returns direct children of the element that are not part of its own
+     * rendered output and are not Lit comment markers or empty text nodes.
+     */
+    private _getExternalNodes;
+    /**
+     * Moves any externally-provided children into the content slot and updates
+     * the `data-content` attribute. Recreates the content slot if needed.
+     */
+    private _processChildren;
+    /**
+     * Processes any already-present children (static content) and sets up a
+     * MutationObserver to handle children inserted after render — e.g. when
+     * content is provided via a Lit dynamic binding from a parent template.
      */
     protected firstUpdated(): void;
+    disconnectedCallback(): void;
     render(): import('lit-html').TemplateResult<1>;
 }

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

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 /**
  * Container that renders a semantic `fieldset` with spacing presets.
  *

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

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 /**
  * Renders a title with label styling inside `rtg-field-content`.
  *

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

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

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

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

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

@@ -1,5 +1,4 @@
 import { LabelProps } from '../label/label.defs';
-
 export type FieldLegendVariant = 'legend' | 'label';
 export interface FieldLegendProps {
     variant: FieldLegendVariant;

package/dist/src/components/ui/field/field.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/form/form-context.d.ts

@@ -1,5 +1,4 @@
 import { FormController } from './form-controller';
-
 export declare const formContext: {
     __context__: FormController;
 };

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

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

package/dist/src/components/ui/form/rtg-form-controller.d.ts

@@ -1,7 +1,6 @@
 import { PropertyValues } from 'lit';
 import { FormController } from './form-controller';
 import { BaseElement } from '../../../helpers';
-
 export declare class RtgFormController extends BaseElement {
     form: FormController;
     private formElement;

package/dist/src/components/ui/form/rtg-form-description.d.ts

@@ -1,5 +1,4 @@
 import { BaseElement } from '../../../helpers';
-
 export declare class RtgFormDescription extends BaseElement {
     private itemContext;
     protected createRenderRoot(): HTMLElement | DocumentFragment;

package/dist/src/components/ui/form/rtg-form-field.d.ts

@@ -1,5 +1,4 @@
 import { BaseElement } from '../../../helpers';
-
 export declare class RtgFormField extends BaseElement {
     private form;
     name: string;

package/dist/src/components/ui/form/rtg-form-item.d.ts

@@ -1,5 +1,4 @@
 import { BaseElement } from '../../../helpers';
-
 export declare class RtgFormItem extends BaseElement {
     private _generatedId;
     itemContext: {

package/dist/src/components/ui/form/rtg-form-label.d.ts

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { RtgFormField } from './rtg-form-field';
-
 export declare class RtgFormLabel extends BaseElement {
     private form;
     private hasError;

package/dist/src/components/ui/form/rtg-form-message.d.ts

@@ -1,6 +1,5 @@
 import { LitElement } from 'lit';
 import { RtgFormField } from './rtg-form-field';
-
 export declare class RtgFormMessage extends LitElement {
     private form;
     private error;

package/dist/src/components/ui/form/rtg-form.d.ts

@@ -6,7 +6,6 @@ import { RtgFormField } from './rtg-form-field';
 import { RtgFormItem } from './rtg-form-item';
 import { RtgFormLabel } from './rtg-form-label';
 import { RtgFormMessage } from './rtg-form-message';
-
 declare class RtgForm extends BaseElement {
     form: FormController;
     onSubmit: (values: any) => void;

package/dist/src/components/ui/hoverCard/hover-card-content.d.ts

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class HoverContent extends BaseElement {
     state: 'open' | 'closed';
     private isOpen;

package/dist/src/components/ui/hoverCard/hover-card-trigger.d.ts

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 declare class HoverCardTrigger extends BaseElement {
     protected getAttributesToExclude(): string[];
     createRenderRoot(): this;

package/dist/src/components/ui/hoverCard/hover-card.d.ts

@@ -2,7 +2,6 @@ import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { HoverContent } from './hover-card-content';
 import { HoverCardTrigger } from './hover-card-trigger';
-
 declare class HoverCard extends BaseElement {
     isOpen: boolean;
     private hoverTimeout;

package/dist/src/components/ui/hoverCard/hover-card.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 HoverCard: StoryFn;

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

@@ -1,42 +1,49 @@
-export * from './input/input';
-export * from './label/label';
-export * from './checkbox/checkbox';
-export * from './avatar/avatar';
+export * from './accordion/accordion';
+export * from './alert/alert';
 export * from './aspect-ratio/aspect-ratio';
+export * from './avatar/avatar';
 export * from './badge/badge';
-export * from './alert/alert';
-export * from './calendar/calendar';
-export * from './date-picker/date-picker';
-export * from './accordion/accordion';
-export * from './progress/progress';
+export * from './breadcrumb/breadcrumb';
 export * from './button/button';
+export * from './calendar/calendar';
 export * from './card/card';
 export * from './carousel/carousel';
+export * from './checkbox/checkbox';
+export * from './collapsible/collapsible';
 export * from './combobox/combo-box';
-export * from './separator/separator';
-export * from './hoverCard/hover-card';
 export * from './command/command';
 export * from './context-menu/context-menu';
-export * from './collapsible/collapsible';
+export * from './date-picker/date-picker';
 export * from './dialog/dialog';
-export * from './switch/switch';
-export * from './popover/popover';
+export * from './drawer/drawer';
 export * from './dropdown-menu/dropdown-menu';
-export * from './textarea/textarea';
-export * from './radio-group/radio-group';
+export * from './empty/empty';
+export * from './field/field';
+export * from './form/rtg-form';
+export * from './hoverCard/hover-card';
+export * from './input-group/input-group';
+export * from './input-otp/input-otp';
+export * from './input/input';
+export * from './item/item';
+export * from './kbd/kbd';
+export * from './label/label';
+export * from './menubar/menubar';
+export * from './navigation-menu/navigation-menu';
 export * from './pagination/pagination';
-export * from './drawer/drawer';
+export * from './password-input/password-input';
+export * from './popover/popover';
+export * from './progress/progress';
+export * from './radio-group/radio-group';
+export * from './scroll-area/scroll-area';
 export * from './select/select';
-export * from './toast/toast';
+export * from './separator/separator';
+export * from './skeleton/skeleton';
+export * from './spinner/spinner';
+export * from './switch/switch';
+export * from './table/table';
 export * from './tabs/tabs';
-export * from './toggle/toggle';
+export * from './textarea/textarea';
+export * from './toast/toast';
 export * from './toggle-group/toggle-group';
-export * from './input-otp/input-otp';
-export * from './breadcrumb/breadcrumb';
-export * from './navigation-menu/navigation-menu';
-export * from './menubar/menubar';
-export * from './table/table';
-export * from './form/rtg-form';
-export * from './skeleton/skeleton';
-export * from './scroll-area/scroll-area';
-export * from './field/field';
+export * from './toggle/toggle';
+export * from './typography/typography';