@reliability-design/web 1.0.2

package/dist/index.d.mts

@@ -0,0 +1,372 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+
+declare class RelAccordion extends LitElement {
+    title: string;
+    open: boolean;
+    static styles: lit.CSSResult;
+    private toggle;
+    private chevron;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class RelAlert extends LitElement {
+    type: "info" | "success" | "warning" | "error" | "neutral";
+    message1: string;
+    message2?: string;
+    urlText?: string;
+    urlHref?: string;
+    dismissible: boolean;
+    dismissed: boolean;
+    static styles: lit.CSSResult;
+    private get iconSvg();
+    private dismissAlert;
+    render(): lit_html.TemplateResult<1> | null;
+}
+
+declare class RelAvatar extends LitElement {
+    size: "lg" | "md" | "sm" | "xs";
+    type: "image" | "text" | "icon";
+    src: string;
+    text: string;
+    alt: string;
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class RelBadge extends LitElement {
+    number: string;
+    size: "sm" | "md" | "lg";
+    variant: "dot" | "number";
+    static styles: lit.CSSResult;
+    private get classes();
+    render(): lit_html.TemplateResult<1>;
+}
+
+interface BreadcrumbItem {
+    label: string;
+    url?: string;
+}
+declare class RelBreadcrumbs extends LitElement {
+    items: BreadcrumbItem[];
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class RelButton extends LitElement {
+    variant: "default" | "primary" | "secondary" | "text" | "link" | "icon";
+    tone: "default" | "critical" | "success";
+    size: "small" | "medium" | "large";
+    border: "corner-radius" | "small-corner-radius" | "no-corner-radius";
+    disabled: boolean;
+    static styles: lit.CSSResult;
+    private get classes();
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class RelCard extends LitElement {
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class RelCardMedia extends LitElement {
+    imageSrc: string;
+    imageAlt: string;
+    title: string;
+    subtitle: string;
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+
+type CheckboxState = "default" | "error" | "disabled";
+type CheckboxStatus = "unchecked" | "checked" | "indeterminate";
+declare class RelCheckbox extends LitElement {
+    label: string;
+    supportingtext: string;
+    state: CheckboxState;
+    status: CheckboxStatus;
+    static styles: lit.CSSResult;
+    private toggle;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class RelChip extends LitElement {
+    label: string;
+    tone: "default" | "blue" | "yellow" | "red" | "green";
+    leadingIcon?: string;
+    trailingIcon?: string;
+    avatar?: string;
+    removable: boolean;
+    outline: boolean;
+    private removed;
+    static styles: lit.CSSResult;
+    private get classes();
+    private handleRemove;
+    private handleKeyDown;
+    render(): lit_html.TemplateResult<1> | null;
+    private renderIcon;
+}
+
+declare class RelContainer extends LitElement {
+    padding: "sm" | "md" | "lg";
+    shadow: boolean;
+    background: "light" | "white" | "none";
+    static styles: lit.CSSResult;
+    private get classes();
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class RelDivider extends LitElement {
+    orientation: "horizontal" | "vertical";
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class RelLayout extends LitElement {
+    gap: string;
+    columns: number;
+    responsive: boolean;
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+
+type MenuType = "default" | "checkbox" | "arrow";
+interface MenuItem {
+    label: string;
+    active?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    submenu?: MenuItem[];
+    open?: boolean;
+}
+declare class RelMenu extends LitElement {
+    type: MenuType;
+    items: MenuItem[];
+    private focusedIndex;
+    static styles: lit.CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleDocumentClick;
+    private onItemEnter;
+    private onItemLeave;
+    private onItemClick;
+    private onSubClick;
+    private toggleCheckbox;
+    private onKeydown;
+    private renderMenuItem;
+    render(): lit_html.TemplateResult<1>;
+}
+
+type ProgressMode = "linear-determinate" | "linear-indeterminate" | "circular-determinate" | "circular-indeterminate";
+declare class RelProgress extends LitElement {
+    mode: ProgressMode;
+    value: number;
+    private radius;
+    private circumference;
+    static styles: lit.CSSResult;
+    private renderLinearDeterminate;
+    private renderLinearIndeterminate;
+    private renderCircularDeterminate;
+    private renderCircularIndeterminate;
+    render(): lit_html.TemplateResult<1>;
+}
+
+interface RadioOption {
+    value: string;
+    label: string;
+    supportingText?: string;
+    disabled?: boolean;
+    error?: boolean;
+}
+declare class RelRadio extends LitElement {
+    options: RadioOption[];
+    name: string;
+    selectedValue: string | null;
+    static styles: lit.CSSResult;
+    private onChange;
+    private isChecked;
+    private renderOption;
+    render(): lit_html.TemplateResult<1>;
+}
+
+type SegmentSize = "small" | "medium";
+type SegmentAlign = "left" | "middle" | "right";
+interface SegmentOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+declare class RelSegmentedButton extends LitElement {
+    options: SegmentOption[];
+    active: string;
+    size: SegmentSize;
+    align: SegmentAlign;
+    static styles: lit.CSSResult;
+    private setActive;
+    private renderSegment;
+    render(): lit_html.TemplateResult<1>;
+}
+
+type SelectState = "default" | "error" | "disabled";
+type SelectSize = "small" | "medium" | "large";
+type SelectBorder = "rounded" | "sharp";
+declare class RelSelect extends LitElement {
+    label: string;
+    options: string[];
+    selected: string;
+    state: SelectState;
+    supportingText: string;
+    size: SelectSize;
+    border: SelectBorder;
+    leftIcon: string;
+    rightIcon: string;
+    static styles: lit.CSSResult;
+    private onChange;
+    render(): lit_html.TemplateResult<1>;
+}
+
+type SliderType = "continuous" | "discrete";
+type TrackStyle = "solid" | "dotted";
+declare class RelSlider extends LitElement {
+    type: SliderType;
+    min: number;
+    max: number;
+    step: number;
+    disabled: boolean;
+    track: TrackStyle;
+    showTickLabels: boolean;
+    showBubble: boolean;
+    value: number;
+    private ticks;
+    static styles: lit.CSSResult;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, any>): void;
+    private get percentage();
+    private setupTicks;
+    private getTickLeftPct;
+    private isTickActive;
+    private onInput;
+    private updateActiveWidth;
+    private renderThumbContainer;
+    private renderTicks;
+    private renderTickLabels;
+    render(): lit_html.TemplateResult<1>;
+}
+
+type SnackbarLines = "single" | "double";
+declare class RelSnackbar extends LitElement {
+    message: string;
+    action?: string;
+    longerAction: boolean;
+    iconClose: boolean;
+    lines: SnackbarLines;
+    duration: number;
+    private visible;
+    private timeout;
+    static styles: lit.CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private setAutoDismiss;
+    private clearTimeout;
+    private onActionClick;
+    private dismiss;
+    render(): lit_html.TemplateResult<1>;
+}
+
+type StepStatus = "done" | "progress" | "disabled";
+type TextAlign = "right" | "below";
+type Orientation = "horizontal" | "vertical";
+type StepperSize = "small" | "large";
+interface Step {
+    title: string;
+    status: StepStatus;
+}
+declare class RelStepper extends LitElement {
+    steps: Step[];
+    textAlign: TextAlign;
+    orientation: Orientation;
+    size: StepperSize;
+    static styles: lit.CSSResult;
+    private isDone;
+    private isProgress;
+    private isDisabled;
+    private getStepClasses;
+    private renderIndicator;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class RelSwitch extends LitElement {
+    checked: boolean;
+    disabled: boolean;
+    private isFocused;
+    private isPressed;
+    static styles: lit.CSSResult;
+    private toggle;
+    private handleFocus;
+    private handleBlur;
+    private handleMouseDown;
+    private handleMouseUp;
+    render(): lit_html.TemplateResult<1>;
+}
+
+interface TabItem {
+    label: string;
+    badge?: number;
+    disabled?: boolean;
+}
+declare class RelTab extends LitElement {
+    tabs: TabItem[];
+    activeIndex: number;
+    static styles: lit.CSSResult;
+    private selectTab;
+    private onKeyDown;
+    render(): lit_html.TemplateResult<1>;
+}
+
+type TextFieldState = "default" | "focused" | "error" | "disabled";
+type TextFieldSize = "small" | "medium" | "large";
+declare class RelTextfield extends LitElement {
+    label?: string;
+    placeholder: string;
+    type: string;
+    value: string;
+    leftIcon?: string;
+    rightIcon?: string;
+    supportingText?: string;
+    state: TextFieldState;
+    size: TextFieldSize;
+    private internalState;
+    static styles: lit.CSSResult;
+    private get currentState();
+    private handleFocus;
+    private handleBlur;
+    private handleInput;
+    render(): lit_html.TemplateResult<1>;
+}
+
+type ToastType = "default" | "error";
+declare class RelToast extends LitElement {
+    message: string;
+    type: ToastType;
+    actionLabel?: string;
+    duration: number;
+    private visible;
+    private timeoutId?;
+    static styles: lit.CSSResult;
+    show(): void;
+    close(): void;
+    private handleActionClick;
+    render(): lit_html.TemplateResult<1>;
+}
+
+type TooltipPosition = "above" | "below";
+declare class RelTooltip extends LitElement {
+    text: string;
+    position: TooltipPosition;
+    showTail: boolean;
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+
+export { type MenuItem, type MenuType, type Orientation, type ProgressMode, type RadioOption, RelAccordion, RelAlert, RelAvatar, RelBadge, RelBreadcrumbs, RelButton, RelCard, RelCardMedia, RelCheckbox, RelChip, RelContainer, RelDivider, RelLayout, RelMenu, RelProgress, RelRadio, RelSegmentedButton, RelSelect, RelSlider, RelSnackbar, RelStepper, RelSwitch, RelTab, RelTextfield, RelToast, RelTooltip, type SegmentAlign, type SegmentOption, type SegmentSize, type SelectBorder, type SelectSize, type SelectState, type SliderType, type SnackbarLines, type Step, type StepStatus, type StepperSize, type TabItem, type TextAlign, type TextFieldSize, type TextFieldState, type ToastType, type TooltipPosition, type TrackStyle };