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

package/dist/src/assets/icons/anchor.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function anchorIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/app-window.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function appWindowIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/arrow-right.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function arrowRightIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/arrow-up-circle.icon.d.ts

@@ -0,0 +1 @@
+export declare function arrowUpCircleIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/arrow-up-right.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function arrowUpRightIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/arrow-up.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function arrowUpIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/arrows.icon.d.ts

@@ -0,0 +1 @@
+export declare function arrowsIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/asterisk.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function asteriskIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/badge-alert.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function badgeAlertIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/badge-check.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function badgeCheckIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/badge-info.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function badgeInfoIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/badge-x.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function badgeXIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/bell.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function bellIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/bookmark.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function bookmarkIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/brand-javascript.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function brandJavascriptIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/captions.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function captionsIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/carousel-arrow-left.d.ts

@@ -0,0 +1 @@
+export declare function carouselArrowLeft(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/carousel-arrow-right.d.ts

@@ -0,0 +1 @@
+export declare function carouselArrowRight(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/chart.icon.d.ts

@@ -0,0 +1 @@
+export declare function chartIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/check.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function checkIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/chevron-right.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function chevronRightIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/chorven-down.icon.d.ts

@@ -0,0 +1 @@
+export declare function chorvenDownIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/circle-alert.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function circleAlertIcon(className?: string): TemplateResult;

package/dist/src/assets/icons/circle-check.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function circleCheckIcon(className?: string): TemplateResult;

package/dist/src/assets/icons/circle-fading-arrow-up.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function circleFadingArrowUpIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/circle-x.icon.d.ts

@@ -0,0 +1 @@
+export declare function circleXIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/circle.icon.d.ts

@@ -0,0 +1 @@
+export declare function circleIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/close.icon.d.ts

@@ -0,0 +1 @@
+export declare function closeIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/cloud.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function cloudIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/code.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function codeIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/copy.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function copyIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/corner-down-left.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function cornerDownLeftIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/credit-card.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function creditCardIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/decrease.icon.d.ts

@@ -0,0 +1 @@
+export declare function decreaseIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/dot.icon.d.ts

@@ -0,0 +1 @@
+export declare function dotIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/external-link.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function externalLinkIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/eye-off.d.ts

@@ -0,0 +1 @@
+export declare function renderEyeOffIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/eye-off.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function eyeOffIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/eye-on.d.ts

@@ -0,0 +1 @@
+export declare function renderEyeIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/file-code.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function fileCodeIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/folder-code.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function folderCodeIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/git-branch-minus.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function gitBranchMinusIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/git-branch-plus.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function gitBranchPlusIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/help-circle.icon.d.ts

@@ -0,0 +1 @@
+export declare function helpCircleIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/house.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function houseIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/inbox.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function inboxIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/index.d.ts

@@ -0,0 +1,64 @@
+export * from './anchor.icon';
+export * from './app-window.icon';
+export * from './arrow-right.icon';
+export * from './arrow-up-circle.icon';
+export * from './arrow-up-right.icon';
+export * from './arrow-up.icon';
+export * from './arrows.icon';
+export * from './asterisk.icon';
+export * from './badge-alert.icon';
+export * from './badge-check.icon';
+export * from './badge-info.icon';
+export * from './badge-x.icon';
+export * from './bell.icon';
+export * from './bookmark.icon';
+export * from './brand-javascript.icon';
+export * from './captions.icon';
+export * from './carousel-arrow-left';
+export * from './carousel-arrow-right';
+export * from './chart.icon';
+export * from './check.icon';
+export * from './chevron-right.icon';
+export * from './chorven-down.icon';
+export * from './circle-alert.icon';
+export * from './circle-check.icon';
+export * from './circle-fading-arrow-up.icon';
+export * from './circle-x.icon';
+export * from './circle.icon';
+export * from './close.icon';
+export * from './cloud.icon';
+export * from './code.icon';
+export * from './copy.icon';
+export * from './corner-down-left.icon';
+export * from './credit-card.icon';
+export * from './decrease.icon';
+export * from './dot.icon';
+export * from './external-link.icon';
+export * from './eye-off';
+export * from './eye-off.icon';
+export * from './eye-on';
+export * from './file-code.icon';
+export * from './folder-code.icon';
+export * from './git-branch-minus.icon';
+export * from './git-branch-plus.icon';
+export * from './help-circle.icon';
+export * from './house.icon';
+export * from './inbox.icon';
+export * from './info.icon';
+export * from './loader-circle.icon';
+export * from './mail-warning.icon';
+export * from './mail.icon';
+export * from './minus.icon';
+export * from './plus.icon';
+export * from './rabbit.icon';
+export * from './radio-group.icon';
+export * from './radio.icon';
+export * from './refresh-ccw.icon';
+export * from './refresh-cw.icon';
+export * from './search.icon';
+export * from './settings.icon';
+export * from './shield-alert.icon';
+export * from './shopping-bag.icon';
+export * from './star.icon';
+export * from './tick.icon';
+export * from './wand.icon';

package/dist/src/assets/icons/info.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function infoIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/loader-circle.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function loaderCircleIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/mail-warning.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function mailWarningIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/mail.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function mailIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/minus.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function minusIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/plus.icon.d.ts

@@ -0,0 +1 @@
+export declare function plusIcon(className?: string): import('lit-html').TemplateResult<1>;

package/dist/src/assets/icons/rabbit.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function rabbitIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/radio-group.icon.d.ts

@@ -0,0 +1 @@
+export declare function radioGroupIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/radio.icon.d.ts

@@ -0,0 +1 @@
+export declare function radioIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/refresh-ccw.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function refreshCcwIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/refresh-cw.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function refreshCwIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/search.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function searchIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/settings.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function settingsIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/shield-alert.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function shieldAlertIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/shopping-bag.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function shoppingBagIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/star.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function starIcon(className?: string): TemplateResult<1>;

package/dist/src/assets/icons/tick.icon.d.ts

@@ -0,0 +1 @@
+export declare function tickIcon(): import('lit-html').TemplateResult<2>;

package/dist/src/assets/icons/wand.icon.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare function wandIcon(className?: string): TemplateResult<1>;

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

@@ -0,0 +1,2 @@
+export * from './ui';
+export * from './widgets';

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

@@ -0,0 +1,20 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+declare class AccordionContent extends BaseElement {
+    private get _accordion();
+    private get _item();
+    protected getAttributesToExclude(): string[];
+    createRenderRoot(): this;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private _onAccordionClick;
+    private hasActiveState;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { AccordionContent };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-accordion-content': AccordionContent;
+    }
+}

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

@@ -0,0 +1,21 @@
+import { BaseElement } from '../../../helpers';
+declare class AccordionItem extends BaseElement {
+    value: string;
+    tabindex: number;
+    private _initialChildren;
+    private get _accordion();
+    protected getAttributesToExclude(): string[];
+    createRenderRoot(): this;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onClick;
+    private _onAccordionClick;
+    private filterChildren;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { AccordionItem };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-accordion-item': AccordionItem;
+    }
+}

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

@@ -0,0 +1,17 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+declare class AccordionTrigger extends BaseElement {
+    private get _item();
+    private get _accordion();
+    protected getAttributesToExclude(): string[];
+    createRenderRoot(): this;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private hasActiveState;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { AccordionTrigger };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-accordion-trigger': AccordionTrigger;
+    }
+}

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

@@ -0,0 +1,25 @@
+import { BaseElement } from '../../../helpers';
+import { PropertyValues } from 'lit';
+import { AccordionContent } from './accordion-content';
+import { AccordionItem } from './accordion-item';
+import { AccordionTrigger } from './accordion-trigger';
+import { ACCORDION_GROUP_TYPE } from './accordion.defs';
+declare class Accordion extends BaseElement {
+    type: ACCORDION_GROUP_TYPE;
+    selectedItems: string[];
+    private _initialChildren;
+    protected getAttributesToExclude(): string[];
+    createRenderRoot(): this;
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    protected updated(changedProperties: PropertyValues): void;
+    setSelectedItems(item: string): void;
+    raiseEvent(value: string): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-accordion': Accordion;
+    }
+}

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

@@ -0,0 +1,10 @@
+export declare enum ACCORDION_GROUP_TYPE {
+    /**
+     * @multiple Type
+     */
+    MULTIPLE = "multiple",
+    /**
+     * @single Type
+     */
+    SINGLE = "single"
+}

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

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+import { ACCORDION_GROUP_TYPE } from './accordion.defs';
+interface AccordionArgs {
+    type: ACCORDION_GROUP_TYPE;
+}
+declare const meta: Meta<AccordionArgs>;
+export default meta;
+type Story = StoryObj<AccordionArgs>;
+export declare const Default: Story;
+export declare const Multiple: Story;

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

@@ -0,0 +1,4 @@
+type TAccordionPart = 'base' | 'item' | 'trigger' | 'chevron' | 'content';
+type TAccordionStyles = Record<TAccordionPart, string[]>;
+export declare const accordionStyles: TAccordionStyles;
+export {};

package/dist/src/components/ui/alert/_alert-action.d.ts

@@ -0,0 +1,21 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * The `<rtg-alert-action>` component displays an action element (like a button)
+ * positioned absolutely in the top-right corner of the alert.
+ *
+ * @element rtg-alert-action
+ * @slot alert-action
+ */
+export declare class AlertAction extends LitElement {
+    /**
+     * The slot of the alert action.
+     */
+    private get _actionSlot();
+    /**
+     * Handles the first updated callback, appending the children to the action
+     * slot.
+     */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/alert/_alert-description.d.ts

@@ -0,0 +1,21 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * The `<rtg-alert-description>` component displays the description or content
+ * of the alert.
+ *
+ * @element rtg-alert-description
+ * @slot alert-description
+ */
+export declare class AlertDescription extends LitElement {
+    /**
+     * The slot of the alert description.
+     */
+    private get _descriptionSlot();
+    /**
+     * Handles the first updated callback, appending the children to the
+     * description slot.
+     */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/alert/_alert-title.d.ts

@@ -0,0 +1,20 @@
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * The `<rtg-alert-title>` component displays the title of the alert.
+ *
+ * @element rtg-alert-title
+ * @slot alert-title
+ */
+export declare class AlertTitle extends LitElement {
+    /**
+     * The slot of the alert title.
+     */
+    private get _titleSlot();
+    /**
+     * Handles the first updated callback, appending the children to the title
+     * slot.
+     */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/src/components/ui/alert/_alert.d.ts

@@ -0,0 +1,25 @@
+import { LitElement, PropertyValues } from 'lit';
+import { AlertProps, AlertVariant } from './alert.defs';
+/**
+ * The `<rtg-alert>` component displays a callout for user attention.
+ *
+ * @element rtg-alert
+ * @slot alert
+ */
+export declare class Alert extends LitElement implements AlertProps {
+    /**
+     * The visual style of the alert.
+     */
+    variant: AlertVariant;
+    /**
+     * The slot of the alert root.
+     */
+    private get _rootSlot();
+    /**
+     * Handles the first updated callback, appending the children to the root
+     * slot.
+     */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,16 @@
+import { Alert } from './_alert';
+import { AlertTitle } from './_alert-title';
+import { AlertDescription } from './_alert-description';
+import { AlertAction } from './_alert-action';
+export { Alert, AlertTitle, AlertDescription, AlertAction, };
+/**
+ * Displays a callout for user attention.
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-alert': Alert;
+        'rtg-alert-title': AlertTitle;
+        'rtg-alert-description': AlertDescription;
+        'rtg-alert-action': AlertAction;
+    }
+}

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

@@ -0,0 +1,4 @@
+export type AlertVariant = 'default' | 'brand' | 'destructive' | 'warning' | 'success' | 'info' | 'brand-tonal' | 'destructive-tonal' | 'warning-tonal' | 'success-tonal' | 'info-tonal';
+export interface AlertProps {
+    variant: AlertVariant;
+}

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

@@ -0,0 +1,12 @@
+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 Basic: Story;
+export declare const Icons: Story;
+export declare const Links: Story;
+export declare const Destructive: Story;
+export declare const Variants: Story;
+export declare const Action: Story;
+export declare const CustomColors: Story;

package/dist/src/components/ui/aspect-ratio/aspect-ratio.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export declare class AspectRatio extends LitElement {
+    ratio: number;
+    private _userClass;
+    private _userStyle;
+    protected createRenderRoot(): this;
+    connectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    protected firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtg-aspect-ratio': AspectRatio;
+    }
+}

package/dist/src/components/ui/aspect-ratio/aspect-ratio.stories.d.ts

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

package/dist/src/components/ui/aspect-ratio/aspect-ratio.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const aspectRatioStyles: {
+    host: string[];
+    self: string[];
+};