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

package/dist/src/components/ui/button/button.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;
@@ -9,6 +8,6 @@ export declare const Variants: Story;
 export declare const Icon: Story;
 export declare const WithIcon: Story;
 export declare const Rounded: Story;
-export declare const Loading: Story;
+export declare const Spinner: Story;
 export declare const Invalid: Story;
 export declare const Link: Story;

package/dist/src/components/ui/button/button.style.d.ts

@@ -1,4 +1,4 @@
 export declare const buttonStyle: (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;

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

@@ -1,6 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
 import { TCalendarMode } from './calendar.helpers';
-
 export declare class Calendar extends LitElement {
     currentDate: Date;
     selectedStartDate: Date | null;

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

package/dist/src/components/ui/card/_card-action.d.ts

@@ -1,5 +1,4 @@
 import { LitElement, PropertyValues } from 'lit';
-
 /**
  * The `<rtg-card-action>` component places content in the top-right of the
  * header (for example, a button or a badge).

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

@@ -1,5 +1,4 @@
 import { LitElement, PropertyValues } from 'lit';
-
 /**
  * The `<rtg-card-content>` component is used for the main card body.
  *

package/dist/src/components/ui/card/_card-description.d.ts

@@ -1,5 +1,4 @@
 import { LitElement, PropertyValues } from 'lit';
-
 /**
  * The `<rtg-card-description>` component is used for helper text under the
  * title.

package/dist/src/components/ui/card/_card-footer.d.ts

@@ -1,6 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
 import { CardFooterProps } from './card.defs';
-
 /**
  * The `<rtg-card-footer>` component is used for actions and secondary content
  * at the bottom of the card.
@@ -12,7 +11,7 @@ export declare class CardFooter extends LitElement implements CardFooterProps {
     /**
      * When `true`, the card footer is styled with a top border and padding.
      */
-    bordered?: boolean;
+    border?: boolean;
     /**
      * The slot of the card footer.
      */

package/dist/src/components/ui/card/_card-header.d.ts

@@ -1,6 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
 import { CardHeaderProps } from './card.defs';
-
 /**
  * The `<rtg-card-header>` component is used for a title, description, and
  * optional action.
@@ -12,7 +11,7 @@ export declare class CardHeader extends LitElement implements CardHeaderProps {
     /**
      * When `true`, the card header is styled with a bottom border and padding.
      */
-    bordered?: boolean;
+    border?: boolean;
     /**
      * The slot of the card header.
      */

package/dist/src/components/ui/card/_card-title.d.ts

@@ -1,5 +1,4 @@
 import { LitElement, PropertyValues } from 'lit';
-
 /**
  * The `<rtg-card-title>` component is used for the card title.
  *

package/dist/src/components/ui/card/_card.d.ts

@@ -1,6 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
 import { CardProps, CardSize } from './card.defs';
-
 /**
  * The `<rtg-card>` component is the root container for card content.
  *

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

@@ -5,7 +5,6 @@ import { CardDescription } from './_card-description';
 import { CardAction } from './_card-action';
 import { CardContent } from './_card-content';
 import { CardFooter } from './_card-footer';
-
 export { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter, };
 /**
  * Displays a card with header, content, and footer.

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

@@ -3,8 +3,8 @@ export interface CardProps {
     size: CardSize;
 }
 export interface CardHeaderProps {
-    bordered?: boolean;
+    border?: boolean;
 }
 export interface CardFooterProps {
-    bordered?: boolean;
+    border?: boolean;
 }

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

@@ -1,12 +1,11 @@
 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 Default: Story;
 export declare const Small: Story;
-export declare const BorderedHeader: Story;
-export declare const BorderedFooter: Story;
+export declare const BorderHeader: Story;
+export declare const BorderFooter: Story;
 export declare const Image: Story;
 export declare const MeetingNotes: Story;

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

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class Carousel extends LitElement {
     currentIndex: number;
     items: any[];

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

package/dist/src/components/ui/checkbox/_checkbox.d.ts

@@ -1,6 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
 import { CheckboxProps } from './checkbox.defs';
-
 /**
  * The `<rtg-checkbox>` component is a control that allows the user to toggle
  * between checked and not checked.
@@ -53,14 +52,41 @@ export declare class Checkbox extends LitElement implements CheckboxProps {
      * `defaultChecked` and `checked` props.
      */
     private _checked?;
+    /**
+     * Overrides the default behaviour to render into the light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * Returns `true` if the checkbox is in controlled mode, determined by whether
+     * the `checked` prop was explicitly provided.
+     */
+    private _isControlled;
+    /**
+     * Returns the current `CheckboxState` string derived from `_checked`.
+     */
     private _getState;
-    private _handleClick;
-    private _renderIndicator;
-    private _renderInput;
+    /**
+     * Syncs `_checked` with the controlled `checked` prop when it changes.
+     */
+    protected updated(changedProperties: PropertyValues): void;
     /**
      * Handles the first updated callback, initialising the `_checked` state.
      */
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    /**
+     * Handles button clicks. In uncontrolled mode, toggles `_checked` directly.
+     * In controlled mode, leaves state to the parent and dispatches
+     * `rtg-checkbox:checked-change` with the new value in `detail.checked`.
+     */
+    private _handleClick;
+    /**
+     * Renders the check icon indicator when the checkbox is in the checked state.
+     */
+    private _renderIndicator;
+    /**
+     * Renders a visually hidden `<input type="checkbox">` when `name` is set,
+     * kept in sync with `_checked` so the value is included in form submissions.
+     */
+    private _renderInput;
     render(): import('lit-html').TemplateResult<1>;
 }

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

@@ -1,5 +1,4 @@
 import { Checkbox } from './_checkbox';
-
 export { Checkbox };
 /**
  * A control that allows the user to toggle between checked and not checked.

package/dist/src/components/ui/checkbox/checkbox.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;
@@ -9,3 +8,6 @@ export declare const Disabled: Story;
 export declare const Invalid: Story;
 export declare const Description: Story;
 export declare const Group: Story;
+export declare const Uncontrolled: Story;
+export declare const Controlled: Story;
+export declare const Form: Story;

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

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

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

@@ -1,7 +1,6 @@
 import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
 import { Collapsible } from './collapsible';
-
 export declare class CollapsibleTrigger extends BaseElement {
     protected getAttributesToExclude(): string[];
     get _containerElement(): HTMLDivElement | null;

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

@@ -2,7 +2,6 @@ import { PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
 import { CollapsibleTrigger } from './collapsible-trigger';
 import { CollapsibleContent } from './collapsible-content';
-
 declare class Collapsible extends BaseElement {
     open: boolean;
     protected getAttributesToExclude(): string[];

package/dist/src/components/ui/collapsible/collapsible.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/combobox/combo-box-empty.d.ts

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

package/dist/src/components/ui/combobox/combo-box-group.d.ts

@@ -1,7 +1,6 @@
 import { PropertyValues } from 'lit';
 import { ComboBox } from './combo-box';
 import { BaseElement } from '../../../helpers';
-
 declare class ComboBoxGroup extends BaseElement {
     searchKey: string;
     focusedIndex: number;

package/dist/src/components/ui/combobox/combo-box-input.d.ts

@@ -1,6 +1,5 @@
 import { LitElement } from 'lit';
 import { ComboBoxGroup } from './combo-box-group';
-
 declare class ComboBoxInput extends LitElement {
     placeholder: string;
     searchValue: string;

package/dist/src/components/ui/combobox/combo-box-item.d.ts

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

package/dist/src/components/ui/combobox/combo-box-trigger.d.ts

@@ -1,7 +1,6 @@
 import { PropertyValues } from 'lit';
 import { ComboBox } from './combo-box';
 import { BaseElement } from '../../../helpers';
-
 declare class ComboBoxTrigger extends BaseElement {
     buttonElement: HTMLButtonElement;
     get _comboBox(): ComboBox | null;

package/dist/src/components/ui/combobox/combo-box-value.d.ts

@@ -1,6 +1,5 @@
 import { LitElement, PropertyValues } from 'lit';
 import { ComboBox } from './combo-box';
-
 declare class ComboBoxValue extends LitElement {
     placeholder: string;
     get _comboBox(): ComboBox | null;

package/dist/src/components/ui/combobox/combo-box.d.ts

@@ -6,7 +6,6 @@ import { ComboBoxItem } from './combo-box-item';
 import { ComboBoxTrigger } from './combo-box-trigger';
 import { ComboBoxValue } from './combo-box-value';
 import { BaseElement } from '../../../helpers';
-
 declare class ComboBox extends BaseElement {
     isOpen: boolean;
     selectedValue: string;

package/dist/src/components/ui/combobox/combo-box.stories.d.ts

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

package/dist/src/components/ui/command/command-empty.atom.d.ts

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

package/dist/src/components/ui/command/command-group.atom.d.ts

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

package/dist/src/components/ui/command/command-input.atom.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class CommandInput extends LitElement {
     placeholder: string;
     _value: string;

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class CommandItem extends BaseElement {
     private static _counter;
     selected: boolean;

package/dist/src/components/ui/command/command-list.atom.d.ts

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class CommandList extends BaseElement {
     private get identifier();
     private get containerElement();

package/dist/src/components/ui/command/command-separator.atom.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class CommandSeparator extends LitElement {
     _id: string;
     _hidden: string;

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

@@ -6,7 +6,6 @@ import { CommandInput } from './command-input.atom';
 import { CommandItem } from './command-item.atom';
 import { CommandList } from './command-list.atom';
 import { CommandSeparator } from './command-separator.atom';
-
 declare class Command extends BaseElement {
     get containerElement(): HTMLDivElement | null;
     protected getAttributesToExclude(): string[];

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

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

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

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

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

@@ -1,6 +1,5 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
-
 export declare class ContextMenuContent extends BaseElement {
     isOpen: boolean;
     constructor();

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

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

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

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

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

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

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

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class ContextMenuSeparator extends LitElement {
     _id: string;
     protected createRenderRoot(): HTMLElement | DocumentFragment;

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

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

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

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

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

@@ -8,7 +8,6 @@ import { ContextMenuRadioItem } from './context-menu-radio-item';
 import { ContextMenuSeparator } from './context-menu-seperator';
 import { ContextMenuShortcut } from './context-menu-shortcut';
 import { ContextTrigger } from './context-menu-trigger';
-
 declare class ContextMenu extends BaseElement {
     isOpen: boolean;
     get _containerElement(): HTMLDivElement | null;

package/dist/src/components/ui/context-menu/contextMenu.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 ContextMenu: StoryFn;

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

@@ -1,6 +1,5 @@
 import { html, PropertyValues } from 'lit';
 import { BaseElement } from '../../../helpers';
-
 export declare class Table extends BaseElement {
     placeholder: string;
     dataTable: Array<any>;

package/dist/src/components/ui/data-table/data-table.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 DataTable: StoryFn;

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

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class DatePicker extends LitElement {
     selectedDate: Date | null;
     private handleDateSelected;

package/dist/src/components/ui/date-picker/date-picker.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 DatePicker: StoryFn;

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

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

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

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

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

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

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

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 export declare class DialogHeader extends LitElement {
     _title: string;
     description: string;

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

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

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

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

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

@@ -6,7 +6,6 @@ import { DialogFooter } from './dialog-footer';
 import { DialogHeader } from './dialog-header';
 import { DialogOverlay } from './dialog-overly';
 import { DialogTrigger } from './dialog-trigger';
-
 declare class Dialog extends BaseElement {
     state: string;
     private get _containerElement();

package/dist/src/components/ui/dialog/dialog.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/drawer/drawer-close.d.ts

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

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

@@ -1,7 +1,6 @@
 import { BaseElement } from '../../../helpers';
 import { PropertyValues } from 'lit';
 import { TDrawerState } from './drawer.helpers';
-
 export declare class DrawerContent extends BaseElement {
     state: TDrawerState;
     connectedCallback(): void;

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

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

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

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

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

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

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

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

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

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