tide-design-system 2.5.13 → 2.5.14

package/dist/tide-design-system.d.ts

@@ -1 +1,2743 @@
+import { Component } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { PublicProps } from 'vue';
+import { Ref } from 'vue';
+
+declare type __VLS_Props = Props_2;
+
+declare type __VLS_PublicProps = {
+    modelValue: number;
+} & __VLS_Props;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_10<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_2<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_4<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_5<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_6<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_7<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_8<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_9<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+export declare const ALERT: {
+    readonly ERROR: "error";
+    readonly INFO: "info";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+};
+
+export declare type Alert = (typeof ALERT)[keyof typeof ALERT];
+
+export declare const BADGE_COLOR: {
+    readonly BLACK: "black";
+    readonly BLUE: "blue";
+    readonly GREEN: "green";
+    readonly LIME: "lime";
+    readonly ORANGE: "orange";
+    readonly PURPLE: "purple";
+    readonly RED: "red";
+    readonly SALMON: "salmon";
+    readonly TEAL: "teal";
+    readonly YELLOW: "yellow";
+};
+
+export declare const BADGE_COLOR_DETAILS: Record<BadgeColor, {
+    borderColor: string;
+    iconColor: string;
+}>;
+
+export declare const BADGE_TRUSTED: {
+    readonly YEARS_10: "10";
+    readonly YEARS_15: "15";
+    readonly YEARS_20: "20";
+    readonly YEARS_25: "25";
+    readonly YEARS_30: "30";
+    readonly YEARS_35: "35";
+    readonly YEARS_5: "5";
+};
+
+declare type BadgeColor = (typeof BADGE_COLOR)[keyof typeof BADGE_COLOR];
+
+export declare type BadgeTrustedYears = (typeof BADGE_TRUSTED)[keyof typeof BADGE_TRUSTED];
+
+export declare type BreadCrumb = {
+    dataTrack?: string;
+    label: string;
+    url?: string;
+};
+
+export declare const BREAKPOINT: {
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+};
+
+export declare type Breakpoint = (typeof BREAKPOINT)[keyof typeof BREAKPOINT];
+
+declare const BUTTON_TYPE: {
+    readonly BUTTON: "button";
+    readonly SUBMIT: "submit";
+};
+
+declare type ButtonType = (typeof BUTTON_TYPE)[keyof typeof BUTTON_TYPE];
+
+export declare type CardType = (typeof TYPE_CARD)[keyof typeof TYPE_CARD];
+
+declare const CSS_2: {
+    readonly withBreakpoint: (utilities: string[], breakpoint: Breakpoint) => string[];
+    readonly ALIGN: {
+        readonly X: {
+            readonly CENTER: "tide-text-center";
+            readonly JUSTIFY: "tide-text-justify";
+            readonly LEFT: "tide-text-left";
+            readonly RIGHT: "tide-text-right";
+        };
+        readonly Y: {
+            readonly INITIAL: "tide-align-initial";
+            readonly MIDDLE: "tide-align-middle";
+        };
+    };
+    readonly AXIS1: {
+        readonly AROUND: "tide-axis1-around";
+        readonly BETWEEN: "tide-axis1-between";
+        readonly CENTER: "tide-axis1-center";
+        readonly END: "tide-axis1-end";
+        readonly START: "tide-axis1-start";
+    };
+    readonly AXIS2: {
+        readonly AROUND: "tide-axis2-around";
+        readonly CENTER: "tide-axis2-center";
+        readonly END: "tide-axis2-end";
+        readonly START: "tide-axis2-start";
+        readonly STRETCH: "tide-axis2-stretch";
+    };
+    readonly BG: {
+        readonly GLOBAL: {
+            readonly PRIMARY: {
+                readonly ERROR: "tide-bg-primary-error";
+                readonly INFO: "tide-bg-primary-info";
+                readonly SUCCESS: "tide-bg-primary-success";
+                readonly WARNING: "tide-bg-primary-warning";
+            };
+            readonly SURFACE: {
+                readonly ERROR: "tide-bg-surface-error";
+                readonly INFO: "tide-bg-surface-info";
+                readonly SUCCESS: "tide-bg-surface-success";
+                readonly WARNING: "tide-bg-surface-warning";
+                readonly BLUE: "tide-bg-surface-blue";
+                readonly GREEN: "tide-bg-surface-green";
+                readonly LIME: "tide-bg-surface-lime";
+                readonly ORANGE: "tide-bg-surface-orange";
+                readonly PURPLE: "tide-bg-surface-purple";
+                readonly RED: "tide-bg-surface-red";
+                readonly SALMON: "tide-bg-surface-salmon";
+                readonly TEAL: "tide-bg-surface-teal";
+                readonly YELLOW: "tide-bg-surface-yellow";
+            };
+        };
+        readonly INITIAL: "tide-bg-initial";
+        readonly BLUR: "tide-bg-blur";
+        readonly PRIMARY: "tide-bg-primary";
+        readonly SECONDARY: "tide-bg-secondary";
+        readonly SURFACE: {
+            readonly ACCENT: "tide-bg-surface-accent";
+            readonly BRAND: "tide-bg-surface-brand";
+            readonly DEFAULT: "tide-bg-surface";
+            readonly FLOATING: "tide-bg-surface-floating";
+            readonly GRADIENT: "tide-bg-surface-gradient";
+            readonly INVERSE: "tide-bg-surface-inverse";
+            readonly VARIANT: "tide-bg-surface-variant";
+        };
+        readonly TRANSPARENT: {
+            readonly ONE_HUNDRED: "tide-transparent-100";
+            readonly TWO_HUNDRED: "tide-transparent-200";
+            readonly THREE_HUNDRED: "tide-transparent-300";
+            readonly FOUR_HUNDRED: "tide-transparent-400";
+        };
+    };
+    readonly BORDER: {
+        readonly COLOR: {
+            readonly GLOBAL: {
+                readonly ERROR: "tide-border-error";
+                readonly INFO: "tide-border-info";
+                readonly SUCCESS: "tide-border-success";
+                readonly WARNING: "tide-border-warning";
+                readonly BLUE: "tide-border-blue";
+                readonly GREEN: "tide-border-green";
+                readonly LIME: "tide-border-lime";
+                readonly ORANGE: "tide-border-orange";
+                readonly PURPLE: "tide-border-purple";
+                readonly RED: "tide-border-red";
+                readonly SALMON: "tide-border-salmon";
+                readonly TEAL: "tide-border-teal";
+                readonly YELLOW: "tide-border-yellow";
+            };
+            readonly INITIAL: "tide-border-color-initial";
+            readonly DEFAULT: "tide-border";
+            readonly FLOATING: "tide-border-floating";
+            readonly HIGH: "tide-border-high";
+            readonly LOW: "tide-border-low";
+            readonly PRIMARY: "tide-border-primary";
+        };
+        readonly RADIUS: {
+            readonly ZERO: "tide-radius-0";
+            readonly QUARTER: "tide-radius-1/4";
+            readonly HALF: "tide-radius-1/2";
+            readonly ONE: "tide-radius-1";
+            readonly FULL: "tide-radius-full";
+        };
+        readonly STYLE: {
+            readonly DASHED: "tide-border-dashed";
+            readonly SOLID: "tide-border-solid";
+        };
+        readonly BOTTOM: {
+            readonly ZERO: "tide-border-bottom-0";
+            readonly ONE: "tide-border-bottom-1";
+            readonly TWO: "tide-border-bottom-2";
+        };
+        readonly FULL: {
+            readonly ZERO: "tide-border-0";
+            readonly ONE: "tide-border-1";
+            readonly TWO: "tide-border-2";
+        };
+        readonly LEFT: {
+            readonly ZERO: "tide-border-left-0";
+            readonly ONE: "tide-border-left-1";
+            readonly TWO: "tide-border-left-2";
+        };
+        readonly RIGHT: {
+            readonly ZERO: "tide-border-right-0";
+            readonly ONE: "tide-border-right-1";
+            readonly TWO: "tide-border-right-2";
+        };
+        readonly TOP: {
+            readonly ZERO: "tide-border-top-0";
+            readonly ONE: "tide-border-top-1";
+            readonly TWO: "tide-border-top-2";
+        };
+    };
+    readonly BOX_SIZING: {
+        readonly BORDER_BOX: "tide-box-border";
+        readonly CONTENT_BOX: "tide-box-content";
+    };
+    readonly BREAK_INSIDE: {
+        readonly AVOID_COLUMN: "tide-break-inside-avoid-column";
+    };
+    readonly BREAK_WORD: {
+        readonly OFF: "tide-break-initial";
+        readonly ON: "tide-break-word";
+    };
+    readonly COLUMNS: {
+        readonly INITIAL: "tide-columns-initial";
+        readonly ONE: "tide-columns-1";
+        readonly TWO: "tide-columns-2";
+        readonly THREE: "tide-columns-3";
+        readonly FOUR: "tide-columns-4";
+    };
+    readonly CURSOR: {
+        readonly NOT_ALLOWED: "tide-cursor-not-allowed";
+        readonly POINTER: "tide-cursor-pointer";
+        readonly TEXT: "tide-cursor-text";
+    };
+    readonly DISPLAY: {
+        readonly BLOCK: "tide-display-block";
+        readonly CONTENTS: "tide-display-contents";
+        readonly FLEX: "tide-display-flex";
+        readonly GRID: "tide-display-grid";
+        readonly INITIAL: "tide-display-initial";
+        readonly INLINE: "tide-display-inline";
+        readonly INLINE_BLOCK: "tide-display-inline-block";
+        readonly INLINE_FLEX: "tide-display-inline-flex";
+        readonly NONE: "tide-display-none";
+    };
+    readonly ELLIPSIS: "tide-ellipsis";
+    readonly FLEX: {
+        readonly BASIS: {
+            readonly AUTO: "tide-flex-basis-auto";
+            readonly ZERO: "tide-flex-basis-0";
+        };
+        readonly DIRECTION: {
+            readonly COLUMN: "tide-flex-column";
+            readonly COLUMN_REVERSE: "tide-flex-column-reverse";
+            readonly ROW: "tide-flex-row";
+            readonly ROW_REVERSE: "tide-flex-row-reverse";
+        };
+        readonly GROW: {
+            readonly OFF: "tide-grow-none";
+            readonly ON: "tide-grow";
+        };
+        readonly SHRINK: {
+            readonly OFF: "tide-shrink-none";
+            readonly ON: "tide-shrink";
+        };
+        readonly WRAP: "tide-flex-wrap";
+    };
+    readonly FONT: {
+        readonly COLOR: {
+            readonly GLOBAL: {
+                readonly ERROR: "tide-font-error";
+                readonly INFO: "tide-font-info";
+                readonly SUCCESS: "tide-font-success";
+                readonly WARNING: "tide-font-warning";
+                readonly BLUE: "tide-font-blue";
+                readonly GREEN: "tide-font-green";
+                readonly LIME: "tide-font-lime";
+                readonly ORANGE: "tide-font-orange";
+                readonly PURPLE: "tide-font-purple";
+                readonly RED: "tide-font-red";
+                readonly SALMON: "tide-font-salmon";
+                readonly TEAL: "tide-font-teal";
+                readonly YELLOW: "tide-font-yellow";
+                readonly PRIMARY: {
+                    readonly BLUE: "tide-font-primary-blue";
+                    readonly GREEN: "tide-font-primary-green";
+                    readonly LIME: "tide-font-primary-lime";
+                    readonly ORANGE: "tide-font-primary-orange";
+                    readonly PURPLE: "tide-font-primary-purple";
+                    readonly RED: "tide-font-primary-red";
+                    readonly SALMON: "tide-font-primary-salmon";
+                    readonly TEAL: "tide-font-primary-teal";
+                    readonly YELLOW: "tide-font-primary-yellow";
+                };
+            };
+            readonly PRIMARY: "tide-font-on-primary";
+            readonly SECONDARY: "tide-font-on-secondary";
+            readonly SURFACE: {
+                readonly BRAND: "tide-font-on-surface-brand";
+                readonly DEFAULT: "tide-font-on-surface";
+                readonly INVERSE: "tide-font-on-surface-inverse";
+                readonly VARIANT: "tide-font-on-surface-variant";
+                readonly VARIANT_INVERSE: "tide-font-on-surface-variant-inverse";
+            };
+        };
+        readonly ROLE: {
+            readonly DISPLAY_1: "tide-typography-display-1";
+            readonly HEADLINE_1: "tide-typography-headline-1";
+            readonly HEADLINE_2: "tide-typography-headline-2";
+            readonly HEADLINE_3: "tide-typography-headline-3";
+            readonly TITLE_1: "tide-typography-title-1";
+            readonly TITLE_2: "tide-typography-title-2";
+            readonly BODY_1: "tide-typography-body-1";
+            readonly BODY_2: "tide-typography-body-2";
+            readonly LABEL_1: "tide-typography-label-1";
+            readonly LABEL_1_SEMIBOLD: "tide-typography-label-1-semibold";
+            readonly LABEL_2: "tide-typography-label-2";
+            readonly LABEL_2_SEMIBOLD: "tide-typography-label-2-semibold";
+            readonly LABEL_3: "tide-typography-label-3";
+            readonly LINK_1: "tide-typography-link-1";
+            readonly LINK_2: "tide-typography-link-2";
+            readonly LINK_3: "tide-typography-link-3";
+            readonly BUTTON_1: "tide-typography-button-1";
+            readonly BUTTON_2: "tide-typography-button-2";
+        };
+        readonly SIZE: {
+            readonly TWELVE: "tide-font-12";
+            readonly FOURTEEN: "tide-font-14";
+            readonly SIXTEEN: "tide-font-16";
+            readonly TWENTY: "tide-font-20";
+            readonly TWENTY_FOUR: "tide-font-24";
+            readonly THIRTY_TWO: "tide-font-32";
+        };
+        readonly WEIGHT: {
+            readonly FOUR_HUNDRED: "tide-font-400";
+            readonly FIVE_HUNDRED: "tide-font-500";
+            readonly SIX_HUNDRED: "tide-font-600";
+            readonly SEVEN_HUNDRED: "tide-font-700";
+        };
+    };
+    readonly GAP: {
+        readonly ZERO: "tide-gap-0";
+        readonly QUARTER: "tide-gap-1/4";
+        readonly HALF: "tide-gap-1/2";
+        readonly ONE: "tide-gap-1";
+        readonly TWO: "tide-gap-2";
+        readonly FOUR: "tide-gap-4";
+    };
+    readonly GRID: {
+        readonly FLUID: "tide-fluid";
+        readonly ITEM: "tide-grid-item";
+        readonly LAYOUT: "tide-grid-layout";
+        readonly XL: "tide-grid-xl";
+    };
+    readonly HEIGHT: {
+        readonly AUTO: "tide-height-auto";
+        readonly ZERO: "tide-height-0";
+        readonly FULL: "tide-height-full";
+        readonly MAX_FULL: "tide-max-height-full";
+        readonly MIN_ZERO: "tide-min-height-0";
+    };
+    readonly ISOLATION: {
+        readonly ISOLATE: "tide-isolate";
+    };
+    readonly LIST_BULLETS: {
+        readonly OFF: "tide-list-none";
+    };
+    readonly MARGIN: {
+        readonly BOTTOM: {
+            readonly AUTO: "tide-margin-bottom-auto";
+            readonly ZERO: "tide-margin-bottom-0";
+            readonly QUARTER: "tide-margin-bottom-1/4";
+            readonly HALF: "tide-margin-bottom-1/2";
+            readonly ONE: "tide-margin-bottom-1";
+            readonly TWO: "tide-margin-bottom-2";
+            readonly FOUR: "tide-margin-bottom-4";
+        };
+        readonly FULL: {
+            readonly ZERO: "tide-margin-0";
+            readonly QUARTER: "tide-margin-1/4";
+            readonly HALF: "tide-margin-1/2";
+            readonly ONE: "tide-margin-1";
+            readonly TWO: "tide-margin-2";
+            readonly FOUR: "tide-margin-4";
+        };
+        readonly LEFT: {
+            readonly AUTO: "tide-margin-left-auto";
+            readonly ZERO: "tide-margin-left-0";
+            readonly QUARTER: "tide-margin-left-1/4";
+            readonly HALF: "tide-margin-left-1/2";
+            readonly ONE: "tide-margin-left-1";
+            readonly TWO: "tide-margin-left-2";
+            readonly FOUR: "tide-margin-left-4";
+        };
+        readonly RIGHT: {
+            readonly AUTO: "tide-margin-right-auto";
+            readonly ZERO: "tide-margin-right-0";
+            readonly QUARTER: "tide-margin-right-1/4";
+            readonly HALF: "tide-margin-right-1/2";
+            readonly ONE: "tide-margin-right-1";
+            readonly TWO: "tide-margin-right-2";
+            readonly FOUR: "tide-margin-right-4";
+        };
+        readonly TOP: {
+            readonly AUTO: "tide-margin-top-auto";
+            readonly ZERO: "tide-margin-top-0";
+            readonly QUARTER: "tide-margin-top-1/4";
+            readonly HALF: "tide-margin-top-1/2";
+            readonly ONE: "tide-margin-top-1";
+            readonly TWO: "tide-margin-top-2";
+            readonly FOUR: "tide-margin-top-4";
+        };
+        readonly X: {
+            readonly AUTO: "tide-margin-x-auto";
+            readonly ZERO: "tide-margin-x-0";
+            readonly QUARTER: "tide-margin-x-1/4";
+            readonly HALF: "tide-margin-x-1/2";
+            readonly ONE: "tide-margin-x-1";
+            readonly TWO: "tide-margin-x-2";
+            readonly FOUR: "tide-margin-x-4";
+        };
+        readonly Y: {
+            readonly ZERO: "tide-margin-y-0";
+            readonly QUARTER: "tide-margin-y-1/4";
+            readonly HALF: "tide-margin-y-1/2";
+            readonly ONE: "tide-margin-y-1";
+            readonly TWO: "tide-margin-y-2";
+            readonly FOUR: "tide-margin-y-4";
+        };
+    };
+    readonly OBJECT: {
+        readonly CENTER: "tide-object-center";
+        readonly CONTAIN: "tide-object-contain";
+        readonly COVER: "tide-object-cover";
+        readonly SCALE_DOWN: "tide-object-scale-down";
+    };
+    readonly OPACITY: {
+        readonly DISABLED: "tide-opacity-disabled";
+        readonly OFF: "tide-opacity-none";
+        readonly ON: "tide-opacity";
+    };
+    readonly OVERFLOW: {
+        readonly X: {
+            readonly AUTO: "tide-x-auto";
+            readonly HIDDEN: "tide-x-hidden";
+            readonly SCROLL: "tide-x-scroll";
+        };
+        readonly XY: {
+            readonly AUTO: "tide-xy-auto";
+            readonly HIDDEN: "tide-xy-hidden";
+        };
+        readonly Y: {
+            readonly AUTO: "tide-y-auto";
+            readonly HIDDEN: "tide-y-hidden";
+        };
+    };
+    readonly PADDING: {
+        readonly BOTTOM: {
+            readonly ZERO: "tide-padding-bottom-0";
+            readonly QUARTER: "tide-padding-bottom-1/4";
+            readonly HALF: "tide-padding-bottom-1/2";
+            readonly ONE: "tide-padding-bottom-1";
+            readonly TWO: "tide-padding-bottom-2";
+            readonly FOUR: "tide-padding-bottom-4";
+        };
+        readonly FULL: {
+            readonly ZERO: "tide-padding-0";
+            readonly QUARTER: "tide-padding-1/4";
+            readonly HALF: "tide-padding-1/2";
+            readonly ONE: "tide-padding-1";
+            readonly TWO: "tide-padding-2";
+            readonly FOUR: "tide-padding-4";
+        };
+        readonly LEFT: {
+            readonly ZERO: "tide-padding-left-0";
+            readonly QUARTER: "tide-padding-left-1/4";
+            readonly HALF: "tide-padding-left-1/2";
+            readonly ONE: "tide-padding-left-1";
+            readonly TWO: "tide-padding-left-2";
+            readonly FOUR: "tide-padding-left-4";
+        };
+        readonly RIGHT: {
+            readonly ZERO: "tide-padding-right-0";
+            readonly QUARTER: "tide-padding-right-1/4";
+            readonly HALF: "tide-padding-right-1/2";
+            readonly ONE: "tide-padding-right-1";
+            readonly TWO: "tide-padding-right-2";
+            readonly FOUR: "tide-padding-right-4";
+        };
+        readonly TOP: {
+            readonly ZERO: "tide-padding-top-0";
+            readonly QUARTER: "tide-padding-top-1/4";
+            readonly HALF: "tide-padding-top-1/2";
+            readonly ONE: "tide-padding-top-1";
+            readonly TWO: "tide-padding-top-2";
+            readonly FOUR: "tide-padding-top-4";
+        };
+        readonly X: {
+            readonly ZERO: "tide-padding-x-0";
+            readonly QUARTER: "tide-padding-x-1/4";
+            readonly HALF: "tide-padding-x-1/2";
+            readonly ONE: "tide-padding-x-1";
+            readonly TWO: "tide-padding-x-2";
+            readonly FOUR: "tide-padding-x-4";
+        };
+        readonly Y: {
+            readonly ZERO: "tide-padding-y-0";
+            readonly QUARTER: "tide-padding-y-1/4";
+            readonly HALF: "tide-padding-y-1/2";
+            readonly ONE: "tide-padding-y-1";
+            readonly TWO: "tide-padding-y-2";
+            readonly FOUR: "tide-padding-y-4";
+        };
+    };
+    readonly POINTER_EVENTS: {
+        readonly OFF: "tide-pointer-events-none";
+        readonly ON: "tide-pointer-events";
+    };
+    readonly POSITION: {
+        readonly ABSOLUTE: "tide-position-absolute";
+        readonly FIXED: "tide-position-fixed";
+        readonly RELATIVE: "tide-position-relative";
+        readonly STATIC: "tide-position-static";
+        readonly STICKY: "tide-position-sticky";
+    };
+    readonly POSITIONING: {
+        readonly BOTTOM: "tide-bottom-0";
+        readonly LEFT: "tide-left-0";
+        readonly RIGHT: "tide-right-0";
+        readonly TOP: "tide-top-0";
+    };
+    readonly RATIO: {
+        readonly ONE_TO_ONE: "tide-ratio-1/1";
+        readonly SIXTEEN_TO_NINE: "tide-ratio-16/9";
+        readonly THREE_TO_TWO: "tide-ratio-3/2";
+    };
+    readonly SCROLLBAR: {
+        readonly OFF: "tide-scrollbar-none";
+    };
+    readonly SHADOW: {
+        readonly INITIAL: "tide-shadow-initial";
+        readonly BOTTOM: "tide-shadow-bottom";
+        readonly TOP: "tide-shadow-top";
+        readonly TEXT: "tide-shadow-text";
+    };
+    readonly SNAP: {
+        readonly ON: "tide-scroll-snap";
+    };
+    readonly SNAP_ALIGN: {
+        readonly START: "tide-scroll-snap-start";
+    };
+    readonly STRIKETHROUGH: {
+        readonly OFF: "tide-strikethrough-none";
+        readonly ON: "tide-strikethrough";
+    };
+    readonly TEXT_TRANSFORM: {
+        readonly LOWER: "tide-text-transform-lower";
+        readonly NONE: "tide-text-transform-none";
+        readonly UPPER: "tide-text-transform-upper";
+    };
+    readonly UNDERLINE: {
+        readonly HOVER: {
+            readonly ON: "tide-underline-hover";
+            readonly OFF: "tide-underline-hover-none";
+        };
+        readonly REST: {
+            readonly ON: "tide-underline";
+            readonly OFF: "tide-underline-none";
+        };
+    };
+    readonly USER_SELECT: {
+        readonly INITIAL: "tide-user-select-initial";
+        readonly NONE: "tide-user-select-none";
+    };
+    readonly VISIBILITY: {
+        readonly OFF: "tide-visible-none";
+        readonly ON: "tide-visible";
+    };
+    readonly WHITESPACE_WRAP: {
+        readonly OFF: "tide-whitespace-nowrap";
+    };
+    readonly WIDTH: {
+        readonly AUTO: "tide-width-auto";
+        readonly FULL: "tide-width-full";
+        readonly MAX_FULL: "tide-max-width-full";
+        readonly MIN_ZERO: "tide-min-width-0";
+        readonly STRETCH: "tide-width-stretch";
+        readonly ZERO: "tide-width-0";
+    };
+    readonly Z_INDEX: {
+        readonly INITIAL: "tide-z-index-initial";
+        readonly ONE: "tide-z-index-1";
+    };
+};
+export { CSS_2 as CSS }
+
+export declare const CSS_REALM_LOGO_SIZE: {
+    readonly LARGE: "large";
+    readonly SMALL: "small";
+};
+
+export declare const ELEMENT: {
+    readonly BUTTON: "button";
+    readonly LINK: "a";
+};
+
+declare type Element_2 = (typeof ELEMENT)[keyof typeof ELEMENT];
+export { Element_2 as Element }
+
+export declare const ELEMENT_BROAD: {
+    readonly BUTTON: "button";
+    readonly DIV: "div";
+    readonly LINK: "a";
+};
+
+export declare type ElementBroad = (typeof ELEMENT_BROAD)[keyof typeof ELEMENT_BROAD];
+
+declare const ERROR_DISPLAY: {
+    readonly EAGER: "eager";
+    readonly LAZY: "lazy";
+};
+
+declare type ErrorDisplay = (typeof ERROR_DISPLAY)[keyof typeof ERROR_DISPLAY];
+
+export declare const FORMAT: {
+    readonly NUMBER: (input: number | string) => string;
+    readonly PHONE: (input: number | string) => string;
+    readonly PRICE: (input: number | string) => string;
+};
+
+export declare const FORMAT_REGEX: {
+    alpha: RegExp;
+    alphaNumberOrEmpty: RegExp;
+    alphaSpace: RegExp;
+    email: RegExp;
+    numberFormatted: RegExp;
+    phone: RegExp;
+    price: RegExp;
+    zip: RegExp;
+};
+
+export declare type Formatted = {
+    [key: string]: string | string[] | number;
+};
+
+export declare type FormValueTransformer = (value: string) => string;
+
+/**
+ * @deprecated
+ */
+declare type FormValueTransformer_2 = (value: string) => string;
+
+/**
+ * @deprecated
+ */
+declare interface GenericInput {
+    error?: ValidationError_2;
+    transformValue?: FormValueTransformer_2;
+    name: string;
+    validators?: Validator_2[];
+    required?: boolean;
+    label?: string;
+    disabled?: boolean;
+}
+
+/**
+ * @deprecated
+ */
+declare interface GenericInput_2 {
+    disabled?: boolean;
+    error?: ValidationError_2;
+    label?: string;
+    name: string;
+    required?: boolean;
+}
+
+declare type GlobalIcon = (typeof ICON)[keyof typeof ICON];
+
+export declare const ICON: {
+    readonly ACCOUNT_BALANCE: "account-balance";
+    readonly ACUTE: "acute";
+    readonly ADD: "add";
+    readonly AI_DESCRIPTION: "ai-description";
+    readonly ALIGN_SPACE_EVEN: "align-space-even";
+    readonly APPLE_PAY: "apple-pay";
+    readonly ARROW_BACK: "arrow-back";
+    readonly ARROW_CYCLE: "arrow-cycle";
+    readonly ARROW_FORWARD: "arrow-forward";
+    readonly ARROW_RIGHT: "arrow-right";
+    readonly ARROW_UP: "arrow-up";
+    readonly ASSIGNMENT: "assignment";
+    readonly ATTACH_MONEY: "attach-money";
+    readonly AUTO_RENEW: "auto-renew";
+    readonly AWARD_STAR: "award-star";
+    readonly BED: "bed";
+    readonly BOLT: "bolt";
+    readonly BOOKMARK: "bookmark";
+    readonly BUNKHOUSE: "bunkhouse";
+    readonly CALCULATE: "calculate";
+    readonly CALENDAR_MONTH: "calendar-month";
+    readonly CALL: "call";
+    readonly CALL_QUALITY: "call-quality";
+    readonly CAR_RENTAL: "car-rental";
+    readonly CHECK: "check";
+    readonly CHEVRON_LEFT: "chevron-left";
+    readonly CHEVRON_RIGHT: "chevron-right";
+    readonly CLEAR: "clear";
+    readonly CLOSE: "close";
+    readonly CONTRACT: "contract";
+    readonly CRASH: "crash";
+    readonly DASHBOARD_CUSTOMIZE: "dashboard-customize";
+    readonly DELETE: "delete";
+    readonly DIAMOND: "diamond";
+    readonly DIRECTIONS_BOAT: "directions-boat";
+    readonly DOMAIN: "domain";
+    readonly DRAFT: "draft";
+    readonly EDIT: "edit";
+    readonly ENGINE: "engine";
+    readonly ENGINEERING: "engineering";
+    readonly ERROR: "error";
+    readonly EXPAND_CONTENT: "expand-content";
+    readonly EXPAND_LESS: "expand-less";
+    readonly EXPAND_MORE: "expand-more";
+    readonly FACEBOOK: "facebook";
+    readonly FAVORITE: "favorite";
+    readonly FAVORITE_FILLED: "favorite-filled";
+    readonly FLAG: "flag";
+    readonly FORMAT_BOLD: "format-bold";
+    readonly FORMAT_ITALIC: "format-italic";
+    readonly FORMAT_LIST_BULLETED: "format-list-bulleted";
+    readonly FORUM: "forum";
+    readonly GAS: "gas";
+    readonly GAVEL: "gavel";
+    readonly GEARS: "gears";
+    readonly GLOBE_LOCATION_PIN: "globe-location-pin";
+    readonly GOOGLE: "google";
+    readonly GOOGLE_PAY: "google-pay";
+    readonly GRID: "grid";
+    readonly HANDSHAKE: "handshake";
+    readonly HANDYMAN: "handyman";
+    readonly HEIGHT: "height";
+    readonly HELP: "help";
+    readonly INFO: "info";
+    readonly INFORMATION: "information";
+    readonly INSERT_TEXT: "insert-text";
+    readonly INSTAGRAM: "instagram";
+    readonly IOS_SHARE: "ios-share";
+    readonly LAYOUT: "layout";
+    readonly LEVELLING_JACK: "levelling-jack";
+    readonly LINKED_IN: "linked in";
+    readonly LOCAL_SHIPPING: "local-shipping";
+    readonly LOCK: "lock";
+    readonly MAIL: "mail";
+    readonly MENU: "menu";
+    readonly MONEY_BAG: "money-bag";
+    readonly MORE_HORIZ: "more-horiz";
+    readonly MOVE: "move";
+    readonly NOTIFICATIONS: "notifications";
+    readonly ODOMETER: "odometer";
+    readonly OPEN_IN_NEW: "open-in-new";
+    readonly PALETTE: "palette";
+    readonly PAYPAL: "paypal";
+    readonly PERSON: "person";
+    readonly PERSON_SEARCH: "person-search";
+    readonly PHOTO_CAMERA: "photo-camera";
+    readonly PINTEREST: "pinterest";
+    readonly PLAY_ARROW: "play-arrow";
+    readonly POLICY: "policy";
+    readonly POWER: "power";
+    readonly POWER_OFF: "power-off";
+    readonly PRIORITY_HIGH: "priority-high";
+    readonly REMOVE: "remove";
+    readonly REQUEST_QUOTE: "request-quote";
+    readonly RESET_WRENCH: "reset-wrench";
+    readonly ROAD: "road";
+    readonly ROUNDED_CORNER: "rounded-corner";
+    readonly RULER: "ruler";
+    readonly SAILING: "sailing";
+    readonly SCHOOL: "school";
+    readonly SEARCH: "search";
+    readonly SEATING: "seating";
+    readonly SELL: "sell";
+    readonly SENSORS: "sensors";
+    readonly SETTINGS: "settings";
+    readonly SHARE: "share";
+    readonly SHIELD_CHECK: "shield-check";
+    readonly SHOPPING_CART: "shopping-cart";
+    readonly SLEEPS: "sleeps";
+    readonly SMS: "sms";
+    readonly SNOWFLAKE: "snowflake";
+    readonly STAR: "star";
+    readonly STAR_FILLED: "star-filled";
+    readonly STAR_HALF: "star-half";
+    readonly SUMMARIZE: "summarize";
+    readonly SWAP_HORIZ: "swap-horiz";
+    readonly SWAP_VERT: "swap-vert";
+    readonly THREE_D_ROTATION: "three-d-rotation";
+    readonly THUMB_UP: "thumb-up";
+    readonly TRENDING_DOWN: "trending-down";
+    readonly TROPHY: "trophy";
+    readonly TUNE: "tune";
+    readonly TWITTER: "twitter";
+    readonly UMBRELLA: "umbrella";
+    readonly VERIFIED: "verified";
+    readonly VIDEOCAM: "videocam";
+    readonly VIEW_IN_AR: "view-in-ar";
+    readonly VISIBILITY: "visibility";
+    readonly VOLUME_OFF: "volume-off";
+    readonly VOLUME_ON: "volume-on";
+    readonly WAREHOUSE: "warehouse";
+    readonly WARNING: "warning";
+    readonly WATER: "water";
+    readonly WEIGHT: "weight";
+    readonly WIDTH: "width";
+    readonly WORKSPACE_PREMIUM: "workspace-premium";
+    readonly WRENCH: "wrench";
+    readonly YOUTUBE: "youtube";
+};
+
+export declare type Icon = GlobalIcon | RealmIcon;
+
+export declare const ICON_REALM: {
+    readonly AERO: {
+        readonly FLIGHT: "aero-flight";
+        readonly HELICOPTER: "aero-helicopter";
+        readonly MODE_FAN: "aero-mode-fan";
+        readonly PLANE_CONTRAILS: "aero-plane-contrails";
+    };
+    readonly ATV: {
+        readonly ATV: "atv-atv";
+        readonly DUNE_BUGGY: "atv-dune-buggy";
+        readonly GOLF_CART: "atv-golf-cart";
+        readonly GO_KART: "atv-go-kart";
+        readonly SAND_RAIL: "atv-sand-rail";
+        readonly SIDE_BY_SIDE: "atv-side-by-side";
+        readonly TRAILER: "atv-trailer";
+    };
+    readonly BOATMART: {
+        readonly PWC: "boatmart-pwc";
+        readonly TRAILER: "boatmart-trailer";
+    };
+    readonly CYCLE: {
+        readonly MOTORCYCLE: "cycle-motorcycle";
+        readonly TRAILER: "cycle-trailer";
+    };
+    readonly PWC: {
+        readonly PWC: "pwc-pwc";
+        readonly SNOWMOBILE: "pwc-snowmobile";
+        readonly TRAILER: "pwc-trailer";
+    };
+    readonly RV: {
+        readonly CLASS_A: "rv-class-a";
+        readonly CLASS_B: "rv-class-b";
+        readonly CLASS_C: "rv-class-c";
+        readonly DESTINATION_TRAILER: "rv-destination-trailer";
+        readonly FIFTH_WHEEL: "rv-fifth-wheel";
+        readonly FISH_HOUSE: "rv-fish-house";
+        readonly PARK_MODEL: "rv-park-model";
+        readonly POP_UP_CAMPER: "rv-pop-up-camper";
+        readonly TEARDROP_TRAILER: "rv-teardrop-trailer";
+        readonly TRAVEL_TRAILER: "rv-travel-trailer";
+        readonly TRUCK_CAMPER: "rv-truck-camper";
+    };
+    readonly SNOW: {
+        readonly MOTORCYCLE: "snow-motorcycle";
+        readonly PWC: "snow-pwc";
+        readonly SIDE_BY_SIDE: "snow-side-by-side";
+        readonly SNOWMOBILE: "snow-snowmobile";
+        readonly TRAILER: "snow-trailer";
+    };
+};
+
+export declare const INPUT_MODE: {
+    readonly DECIMAL: "decimal";
+    readonly EMAIL: "email";
+    readonly NUMERIC: "numeric";
+    readonly SEARCH: "search";
+    readonly TEL: "tel";
+    readonly TEXT: "text";
+    readonly URL: "url";
+};
+
+export declare type InputMode = (typeof INPUT_MODE)[keyof typeof INPUT_MODE];
+
+export declare type Link = {
+    label: string;
+    url: string;
+    isNewTab?: boolean;
+};
+
+export declare const MEDIA: {
+    SM: number;
+    MD: number;
+    LG: number;
+    XL: number;
+};
+
+export declare type Media = (typeof MEDIA)[keyof typeof MEDIA];
+
+export declare const OBJECT_FIT: {
+    readonly CONTAIN: "contain";
+    readonly COVER: "cover";
+    readonly SCALE_DOWN: "scale-down";
+};
+
+export declare type ObjectFit = (typeof OBJECT_FIT)[keyof typeof OBJECT_FIT];
+
+export declare const ORIENTATION: {
+    readonly HORIZONTAL: "horizontal";
+    readonly VERTICAL: "vertical";
+};
+
+export declare type Orientation = (typeof ORIENTATION)[keyof typeof ORIENTATION];
+
+export declare const PRIORITY: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly TERTIARY: "tertiary";
+    readonly QUATERNARY: "quaternary";
+    readonly FLOATING: "floating";
+};
+
+export declare type Priority = (typeof PRIORITY)[keyof typeof PRIORITY];
+
+declare interface Props extends SelectField {
+    inputId?: string;
+    supportingText?: string;
+}
+
+declare type Props_2 = {
+    pageTotal: number;
+};
+
+declare type Props_3 = {
+    heading?: string;
+    links: Link[];
+};
+
+export declare const provideTideConfig: (config?: Partial<TideConfig>) => void;
+
+export declare const REALM: {
+    readonly AERO: "aero";
+    readonly ATV: "atv";
+    readonly BOATMART: "boatmart";
+    readonly CYCLE: "cycle";
+    readonly EQUIPMENT: "equipment";
+    readonly PWC: "pwc";
+    readonly RV: "rv";
+    readonly SNOW: "snow";
+    readonly TRUCK: "truck";
+};
+
+export declare type Realm = (typeof REALM)[RealmKey];
+
+declare type RealmIcon = {
+    [RealmKey in RealmKeysWithIcons]: (typeof ICON_REALM)[RealmKey][keyof (typeof ICON_REALM)[RealmKey]];
+}[RealmKeysWithIcons];
+
+declare type RealmKey = keyof typeof REALM;
+
+declare type RealmKeysWithIcons = Extract<RealmKey, keyof typeof ICON_REALM>;
+
+/**
+ * @deprecated
+ */
+declare interface SelectField extends GenericInput_2, StringValue_2 {
+    optgroups?: (SelectOption | SelectOptionGroup)[];
+    options?: SelectOption[];
+}
+
+export declare type SelectOption = {
+    label: string;
+    value?: string;
+};
+
+export declare type SelectOptionGroup = {
+    label: string;
+    options: SelectOption[];
+};
+
+export declare const SIZE: {
+    readonly LARGE: "large";
+    readonly SMALL: "small";
+};
+
+export declare type Size = (typeof SIZE)[keyof typeof SIZE];
+
+export declare const SIZE_BUTTON: {
+    readonly LARGE: "large";
+    readonly SMALL: "small";
+};
+
+export declare type SizeButton = (typeof SIZE)[keyof typeof SIZE];
+
+export declare type Source = {
+    media: Media;
+    srcset: string;
+};
+
+/**
+ * @deprecated
+ */
+declare interface StringValue {
+    value?: string;
+}
+
+/**
+ * @deprecated
+ */
+declare interface StringValue_2 {
+    value?: string;
+}
+
+export declare type Tab = {
+    count?: number;
+    dataTrack?: string;
+    label: string;
+};
+
+export declare const TARGET: {
+    readonly BLANK: "_blank";
+    readonly SELF: undefined;
+};
+
+export declare type Target = (typeof TARGET)[keyof typeof TARGET];
+
+export declare const TEXT_INPUT_TYPE: {
+    readonly DATE: "date";
+    readonly DATETIME_LOCAL: "datetime-local";
+    readonly EMAIL: "email";
+    readonly MONTH: "month";
+    readonly NUMBER: "number";
+    readonly PASSWORD: "password";
+    readonly SEARCH: "search";
+    readonly TEL: "tel";
+    readonly TEXT: "text";
+    readonly TIME: "time";
+    readonly URL: "url";
+    readonly WEEK: "week";
+};
+
+/**
+ * @deprecated
+ */
+export declare type TextInput = GenericInput & StringValue & {
+    autocomplete?: boolean;
+    maxlength?: number;
+    minlength?: number;
+    type?: TextInputType;
+    placeholder?: string;
+    value?: string;
+};
+
+export declare type TextInputType = (typeof TEXT_INPUT_TYPE)[keyof typeof TEXT_INPUT_TYPE];
+
+/**
+ * Renders an accordion item intended to be used in navigation menus relating to accordion dropdowns.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideaccordionitem--docs) for TideAccordionItem
+ */
+export declare const TideAccordionItem: __VLS_WithTemplateSlots<DefineComponent<    {
+modelValue: boolean;
+} & {
+/** Determines whether to disable the accordion item */
+disabled?: boolean;
+/** Determines whether to include bottom divider */
+hasBottomDivider?: boolean;
+/** Determines whether to include top divider */
+hasTopDivider?: boolean;
+/** Determines whether to show "(optional)" indicator after label */
+isOptional?: boolean;
+/** The label of the accordion item */
+label: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: boolean) => any;
+}, string, PublicProps, Readonly<{
+modelValue: boolean;
+} & {
+/** Determines whether to disable the accordion item */
+disabled?: boolean;
+/** Determines whether to include bottom divider */
+hasBottomDivider?: boolean;
+/** Determines whether to include top divider */
+hasTopDivider?: boolean;
+/** Determines whether to show "(optional)" indicator after label */
+isOptional?: boolean;
+/** The label of the accordion item */
+label: string;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+disabled: boolean;
+hasBottomDivider: boolean;
+hasTopDivider: boolean;
+isOptional: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
+
+/**
+ * Renders an alert component with customizable content and behavior.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidealert--docs) for TideAlert
+ */
+export declare const TideAlert: __VLS_WithTemplateSlots_2<DefineComponent<    {
+/** Call To Action that renders as a TideLink; clicking emits a separate `click` event */
+ctaLabel?: string;
+/** Heading text */
+heading?: string;
+/** Determines whether the Alert can be closed by the user */
+isDismissible?: boolean;
+/** Determines whether the Alert is an overlay or displaces content */
+isToast?: boolean;
+/** Alert type */
+type?: Alert;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+close: () => any;
+ctaClick: () => any;
+}, string, PublicProps, Readonly<{
+/** Call To Action that renders as a TideLink; clicking emits a separate `click` event */
+ctaLabel?: string;
+/** Heading text */
+heading?: string;
+/** Determines whether the Alert can be closed by the user */
+isDismissible?: boolean;
+/** Determines whether the Alert is an overlay or displaces content */
+isToast?: boolean;
+/** Alert type */
+type?: Alert;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onCtaClick?: (() => any) | undefined;
+}>, {
+type: Alert;
+ctaLabel: string;
+heading: string;
+isDismissible: boolean;
+isToast: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
+
+/**
+ * Renders a badge component with customizable content and behavior.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebadge--docs) for TideBadge
+ */
+export declare const TideBadge: DefineComponent<    {
+/** Determines which color option to adopt (if any) */
+color?: BadgeColor;
+/** Icon to left of label */
+iconLeading?: Icon;
+/** Determines whether to display the "Floating" variant styles */
+isFloating?: boolean;
+/** Badge text */
+label: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** Determines which color option to adopt (if any) */
+color?: BadgeColor;
+/** Icon to left of label */
+iconLeading?: Icon;
+/** Determines whether to display the "Floating" variant styles */
+isFloating?: boolean;
+/** Badge text */
+label: string;
+}> & Readonly<{}>, {
+iconLeading: Icon;
+color: BadgeColor;
+isFloating: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+/**
+ * Renders a trusted partner badge component with preset years.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebadgetrustedpartner--docs) for TideBadgeTrustedPartner
+ */
+export declare const TideBadgeTrustedPartner: DefineComponent<    {
+/** Number of years to display in the trusted partner badge */
+years?: BadgeTrustedYears;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** Number of years to display in the trusted partner badge */
+years?: BadgeTrustedYears;
+}> & Readonly<{}>, {
+years: BadgeTrustedYears;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+/**
+ * Renders a badge component for indicating a verified vehicle.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebadgeverifiedvehicle--docs) for TideBadgeVerifiedVehicle
+ */
+export declare const TideBadgeVerifiedVehicle: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+/**
+ * Renders a set of breadcrumbs for navigation purposes.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebreadcrumbs--docs) for TideBreadCrumbs
+ */
+export declare const TideBreadCrumbs: DefineComponent<    {
+/** An array of labels and optional URLs to display for each bread crumb. */
+breadCrumbs: BreadCrumb[];
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** An array of labels and optional URLs to display for each bread crumb. */
+breadCrumbs: BreadCrumb[];
+}> & Readonly<{}>, {
+breadCrumbs: BreadCrumb[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLUListElement>;
+
+/**
+ * Renders a button component with various styling options.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebutton--docs) for TideButton
+ */
+export declare const TideButton: DefineComponent<    {
+/** Determines clickability (Button only) */
+disabled?: boolean;
+/** HTML tag type */
+element?: Element_2;
+/** URL to open (Link only) */
+href?: string;
+/** Icon to left of label */
+iconLeading?: Icon;
+/** Icon to right of label */
+iconTrailing?: Icon;
+/** Determines whether to target a new browser tab (Link only) */
+isNewTab?: boolean;
+/** Button text */
+label: string;
+/** Determines visual prominence */
+priority?: Exclude<Priority, typeof PRIORITY.FLOATING>;
+/** Determines rendered size */
+size?: SizeButton;
+/** Applies type attribute to HTML element */
+type?: ButtonType;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** Determines clickability (Button only) */
+disabled?: boolean;
+/** HTML tag type */
+element?: Element_2;
+/** URL to open (Link only) */
+href?: string;
+/** Icon to left of label */
+iconLeading?: Icon;
+/** Icon to right of label */
+iconTrailing?: Icon;
+/** Determines whether to target a new browser tab (Link only) */
+isNewTab?: boolean;
+/** Button text */
+label: string;
+/** Determines visual prominence */
+priority?: Exclude<Priority, typeof PRIORITY.FLOATING>;
+/** Determines rendered size */
+size?: SizeButton;
+/** Applies type attribute to HTML element */
+type?: ButtonType;
+}> & Readonly<{}>, {
+type: ButtonType;
+label: string;
+size: SizeButton;
+disabled: boolean;
+element: Element_2;
+href: string;
+isNewTab: boolean;
+priority: Exclude<Priority, typeof PRIORITY.FLOATING>;
+iconLeading: Icon;
+iconTrailing: Icon;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * Renders a icon button component with various styling options.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebuttonicon--docs) for TideButtonIcon
+ */
+export declare const TideButtonIcon: DefineComponent<    {
+/** Determines clickability (Button only) */
+disabled?: boolean;
+/** HTML tag type */
+element?: Element_2;
+/** URL to open (Link only) */
+href?: string;
+/** Icon to show */
+icon: Icon;
+/** Determines whether to target a new browser tab (Link only) */
+isNewTab?: boolean;
+/** Determines visual prominence */
+priority?: Priority;
+/** Applies type attribute to HTML element */
+type?: ButtonType;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** Determines clickability (Button only) */
+disabled?: boolean;
+/** HTML tag type */
+element?: Element_2;
+/** URL to open (Link only) */
+href?: string;
+/** Icon to show */
+icon: Icon;
+/** Determines whether to target a new browser tab (Link only) */
+isNewTab?: boolean;
+/** Determines visual prominence */
+priority?: Priority;
+/** Applies type attribute to HTML element */
+type?: ButtonType;
+}> & Readonly<{}>, {
+type: ButtonType;
+icon: Icon;
+disabled: boolean;
+element: Element_2;
+href: string;
+isNewTab: boolean;
+priority: Priority;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * Renders a button component for use in pagination purposes.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebuttonpagination--docs) for TideButtonPagination
+ */
+export declare const TideButtonPagination: DefineComponent<    {
+/** Indicates whether Pagination Button is associated with the displayed page */
+disabled?: boolean;
+/** HTML tag type */
+element?: ElementBroad;
+/** URL to open<br />(Link only) */
+href?: string;
+/** Button text */
+label: string | number;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** Indicates whether Pagination Button is associated with the displayed page */
+disabled?: boolean;
+/** HTML tag type */
+element?: ElementBroad;
+/** URL to open<br />(Link only) */
+href?: string;
+/** Button text */
+label: string | number;
+}> & Readonly<{}>, {
+label: string | number;
+disabled: boolean;
+element: ElementBroad;
+href: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * Renders a button component for use to save items.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebuttonsave--docs) for TideButtonSave
+ */
+export declare const TideButtonSave: DefineComponent<    {
+modelValue: boolean;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: boolean) => any;
+}, string, PublicProps, Readonly<{
+modelValue: boolean;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
+
+/**
+ * Renders a segmented button component for navigation purposes.
+ *
+ * Powered by native input[type="radio"] under the hood for enhanced accessibility.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebuttonsegmented--docs) for TideButtonSegmented
+ */
+export declare const TideButtonSegmented: DefineComponent<    {
+modelValue: number;
+} & {
+/** Sets label and callback for each tab */
+tabs: Tab[] | readonly Tab[];
+/** Opts in as a native HTML form field with this name. */
+name?: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: number) => any;
+}, string, PublicProps, Readonly<{
+modelValue: number;
+} & {
+/** Sets label and callback for each tab */
+tabs: Tab[] | readonly Tab[];
+/** Opts in as a native HTML form field with this name. */
+name?: string;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+/**
+ * Renders a card component with a heading, description, and optional icon.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidecard--docs) for TideCard
+ */
+export declare const TideCard: DefineComponent<    {
+/** Optional description text displayed below the heading */
+description?: string;
+/** The main heading of the card. */
+heading: string;
+/** Optional icon displayed on the card. */
+icon?: Icon;
+/** Determines whether the Card is selected (for selectable cards). */
+selected?: boolean;
+/** Type of the card */
+type?: CardType;
+/** URL to navigate to on click. */
+href?: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** Optional description text displayed below the heading */
+description?: string;
+/** The main heading of the card. */
+heading: string;
+/** Optional icon displayed on the card. */
+icon?: Icon;
+/** Determines whether the Card is selected (for selectable cards). */
+selected?: boolean;
+/** Type of the card */
+type?: CardType;
+/** URL to navigate to on click. */
+href?: string;
+}> & Readonly<{}>, {
+type: CardType;
+icon: Icon;
+href: string;
+description: string;
+selected: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * Renders a carousel component with navigation controls and slide indicators.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidecarousel--docs) for TideCarousel
+ */
+export declare const TideCarousel: __VLS_WithTemplateSlots_3<DefineComponent<    {
+/** Determines whether to display the indicator dots overlay<br />(Only valid with full width cards) */
+hasDots?: boolean;
+/** Determines whether to display on-page or floating carousel */
+isFloating?: boolean;
+/** Determines font role used for title display */
+isHeadline1?: boolean;
+/** Determines whether on-page buttons should be hidden until hover */
+isHideawayButtons?: boolean;
+/** Determines whether to scroll by page or by individual slide */
+isScrollByPage?: boolean;
+/** Determines the max number of indicator dots to display at a given time */
+maxDots?: number;
+/** Determines the text displayed to the right of the title */
+subtitle?: string;
+/** Determines the title text displayed above the carousel */
+title?: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+slidesAddedToView: (slidesInView: number[]) => any;
+}, string, PublicProps, Readonly<{
+/** Determines whether to display the indicator dots overlay<br />(Only valid with full width cards) */
+hasDots?: boolean;
+/** Determines whether to display on-page or floating carousel */
+isFloating?: boolean;
+/** Determines font role used for title display */
+isHeadline1?: boolean;
+/** Determines whether on-page buttons should be hidden until hover */
+isHideawayButtons?: boolean;
+/** Determines whether to scroll by page or by individual slide */
+isScrollByPage?: boolean;
+/** Determines the max number of indicator dots to display at a given time */
+maxDots?: number;
+/** Determines the text displayed to the right of the title */
+subtitle?: string;
+/** Determines the title text displayed above the carousel */
+title?: string;
+}> & Readonly<{
+onSlidesAddedToView?: ((slidesInView: number[]) => any) | undefined;
+}>, {
+title: string;
+isFloating: boolean;
+hasDots: boolean;
+isHeadline1: boolean;
+isHideawayButtons: boolean;
+isScrollByPage: boolean;
+maxDots: number;
+subtitle: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+carouselRef: HTMLElement;
+containerRef: HTMLUListElement;
+dotsRef: HTMLDivElement;
+}, HTMLElement>, {
+    misc?(_: {}): any;
+    default?(_: {}): any;
+}>;
+
+/**
+ * Renders a chip action button intended to be used in navigation menus relating to searches.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidechipaction--docs) for TideChipAction
+ */
+export declare const TideChipAction: DefineComponent<    {
+/** HTML tag type. */
+element?: Element_2;
+/** URL to navigate to on click. */
+href?: string;
+/** Icon to show before the label. */
+iconLeading?: Icon;
+/** Determines whether to target a new browser tab. */
+isNewTab?: boolean;
+/** Chip text. */
+label: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** HTML tag type. */
+element?: Element_2;
+/** URL to navigate to on click. */
+href?: string;
+/** Icon to show before the label. */
+iconLeading?: Icon;
+/** Determines whether to target a new browser tab. */
+isNewTab?: boolean;
+/** Chip text. */
+label: string;
+}> & Readonly<{}>, {
+element: Element_2;
+href: string;
+isNewTab: boolean;
+iconLeading: Icon;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * Renders a chip filter component for use in navigation.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidechipfilter--docs) for TideChipFilter
+ */
+export declare const TideChipFilter: __VLS_WithTemplateSlots_4<DefineComponent<    {
+modelValue: boolean;
+} & {
+/** Chip text. */
+label: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: boolean) => any;
+}, string, PublicProps, Readonly<{
+modelValue: boolean;
+} & {
+/** Chip text. */
+label: string;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>, {
+    default?(_: {}): any;
+}>;
+
+/**
+ * Renders a input chip component for use in navigation.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidechipinput--docs) for TideChipInput
+ */
+export declare const TideChipInput: DefineComponent<    {
+/** Chip text */
+label: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** Chip text */
+label: string;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
+
+/**
+ * Renders a columns component for use in navigation.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidecolumns--docs) for TideColumns
+ */
+export declare const TideColumns: __VLS_WithTemplateSlots_5<DefineComponent<    {
+/** Determines label for the columns section. */
+heading?: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** Determines label for the columns section. */
+heading?: string;
+}> & Readonly<{}>, {
+heading: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>, {
+    section1?(_: {}): any;
+    section2?(_: {}): any;
+    section3?(_: {}): any;
+    section4?(_: {}): any;
+}>;
+
+declare type TideConfig = {
+    linkComponent: Component | typeof ELEMENT.LINK;
+};
+
+/**
+ * Renders a divider component.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidedivider--docs) for TideDivider
+ */
+export declare const TideDivider: DefineComponent<    {
+/** Determines whether Divider is horizontal or vertical */
+orientation?: Orientation;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** Determines whether Divider is horizontal or vertical */
+orientation?: Orientation;
+}> & Readonly<{}>, {
+orientation: Orientation;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+/**
+ * Renders a form component to be used to wrap form elements and handle form submission.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideform--docs) for TideForm
+ */
+export declare const TideForm: __VLS_WithTemplateSlots_6<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+submit: (e: SubmitEvent) => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onSubmit?: ((e: SubmitEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLFormElement>, {
+    default?(_: {}): any;
+}>;
+
+/**
+ * Renders an icon component.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideicon--docs) for TideIcon
+ */
+export declare const TideIcon: DefineComponent<    {
+/** Icon */
+icon: Icon;
+/** Determines icon dimensions */
+size?: Size;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** Icon */
+icon: Icon;
+/** Determines icon dimensions */
+size?: Size;
+}> & Readonly<{}>, {
+size: Size;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+/**
+ * Renders an image component.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideimage--docs) for TideImage
+ */
+export declare const TideImage: DefineComponent<    {
+/** Text display when image can't be loaded. */
+alt?: string;
+/** Apply a "height" attribute to the internal image tag (including unit). */
+height?: string;
+/** Determines whether to delay loading until image is in viewport. */
+isLazy?: boolean;
+/** Controls how the image scales within its box, effective only when image size differs from its intrinsic dimensions. */
+objectFit?: ObjectFit;
+/** Determines image sources by breakpoint. */
+sources?: Source[];
+/** Image URL. */
+src?: string;
+/** Apply a "width" attribute to the internal image tag (including unit). */
+width?: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** Text display when image can't be loaded. */
+alt?: string;
+/** Apply a "height" attribute to the internal image tag (including unit). */
+height?: string;
+/** Determines whether to delay loading until image is in viewport. */
+isLazy?: boolean;
+/** Controls how the image scales within its box, effective only when image size differs from its intrinsic dimensions. */
+objectFit?: ObjectFit;
+/** Determines image sources by breakpoint. */
+sources?: Source[];
+/** Image URL. */
+src?: string;
+/** Apply a "width" attribute to the internal image tag (including unit). */
+width?: string;
+}> & Readonly<{}>, {
+height: string;
+width: string;
+alt: string;
+isLazy: boolean;
+objectFit: ObjectFit;
+sources: Source[];
+src: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+picture: HTMLPictureElement;
+img: HTMLImageElement;
+}, HTMLPictureElement>;
+
+/**
+ * Renders an image background component.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideimagebackground--docs) for TideImageBackground
+ */
+export declare const TideImageBackground: __VLS_WithTemplateSlots_7<DefineComponent<    {
+/** Text display when image can't be loaded. */
+alt?: string;
+/** Determines whether to delay loading until image is in viewport. */
+isLazy?: boolean;
+/** Determines image sources by breakpoint. */
+sources?: Source[];
+/** Image URL. */
+src?: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** Text display when image can't be loaded. */
+alt?: string;
+/** Determines whether to delay loading until image is in viewport. */
+isLazy?: boolean;
+/** Determines image sources by breakpoint. */
+sources?: Source[];
+/** Image URL. */
+src?: string;
+}> & Readonly<{}>, {
+alt: string;
+isLazy: boolean;
+sources: Source[];
+src: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
+
+/**
+ * Renders an indicator component.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideindicator--docs) for TideIndicator
+ */
+export declare const TideIndicator: DefineComponent<    {
+/** Indicator text */
+label?: string | number;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** Indicator text */
+label?: string | number;
+}> & Readonly<{}>, {
+label: string | number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+/**
+ * Renders an input checkbox component.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideinputcheckbox--docs) for TideInputCheckbox
+ */
+export declare const TideInputCheckbox: DefineComponent<    {
+modelValue: boolean;
+} & {
+/** Determines whether Checkbox state is interactable */
+disabled?: boolean;
+/** Overrides the default error message and valid state */
+error?: string;
+/** Determines whether Checkbox is indeterminate */
+indeterminate?: boolean;
+/** Unique ID attribute (to bind Checkbox label to input) */
+inputId?: string;
+/** Label content */
+label: string;
+/** Name attribute */
+name?: string;
+/** Parenthetical response count */
+number?: number;
+/** Determines whether input is required */
+required?: boolean;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: boolean) => any;
+} & {
+valid: (valid: boolean) => any;
+}, string, PublicProps, Readonly<{
+modelValue: boolean;
+} & {
+/** Determines whether Checkbox state is interactable */
+disabled?: boolean;
+/** Overrides the default error message and valid state */
+error?: string;
+/** Determines whether Checkbox is indeterminate */
+indeterminate?: boolean;
+/** Unique ID attribute (to bind Checkbox label to input) */
+inputId?: string;
+/** Label content */
+label: string;
+/** Name attribute */
+name?: string;
+/** Parenthetical response count */
+number?: number;
+/** Determines whether input is required */
+required?: boolean;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+onValid?: ((valid: boolean) => any) | undefined;
+}>, {
+number: number;
+label: string;
+error: string;
+required: boolean;
+disabled: boolean;
+name: string;
+indeterminate: boolean;
+inputId: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+input: HTMLInputElement;
+}, HTMLDivElement>;
+
+/**
+ * @deprecated Use `TideInputCheckbox.vue` imported from 'tide-design-system' npm package instead.
+ */
+export declare const TideInputCheckboxDeprecated: DefineComponent<    {
+checked?: boolean;
+disabled?: boolean;
+indeterminate?: boolean;
+inputId?: string;
+label?: string;
+name?: string;
+number?: number;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+checked?: boolean;
+disabled?: boolean;
+indeterminate?: boolean;
+inputId?: string;
+label?: string;
+name?: string;
+number?: number;
+}> & Readonly<{}>, {
+number: number;
+label: string;
+disabled: boolean;
+name: string;
+checked: boolean;
+indeterminate: boolean;
+inputId: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+input: HTMLInputElement;
+}, HTMLDivElement>;
+
+/**
+ * Renders an input radio component.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideinputradio--docs) for TideInputRadio
+ */
+export declare const TideInputRadio: DefineComponent<    {
+modelValue: string;
+} & {
+/** Determines whether input is interactable */
+disabled?: boolean;
+/** Unique ID attribute (to bind input label to input) */
+inputId?: string;
+/** Label content */
+label: string;
+/** Name attribute */
+name: string;
+/** Parenthetical response count */
+number?: number;
+/** Value attribute */
+value: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string) => any;
+}, string, PublicProps, Readonly<{
+modelValue: string;
+} & {
+/** Determines whether input is interactable */
+disabled?: boolean;
+/** Unique ID attribute (to bind input label to input) */
+inputId?: string;
+/** Label content */
+label: string;
+/** Name attribute */
+name: string;
+/** Parenthetical response count */
+number?: number;
+/** Value attribute */
+value: string;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+number: number;
+label: string;
+disabled: boolean;
+inputId: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
+
+/**
+ * @deprecated Use `TideInputRadio.vue` imported from 'tide-design-system' npm package instead.
+ */
+export declare const TideInputRadioDeprecated: DefineComponent<    {
+checked?: boolean;
+disabled?: boolean;
+inputId?: string;
+label?: string;
+name?: string;
+number?: number;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+checked?: boolean;
+disabled?: boolean;
+inputId?: string;
+label?: string;
+name?: string;
+number?: number;
+}> & Readonly<{}>, {
+number: number;
+label: string;
+disabled: boolean;
+name: string;
+checked: boolean;
+inputId: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+/**
+ * Renders a select input intended to be used in forms.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideinputselect--docs) for TideInputSelect
+ */
+export declare const TideInputSelect: DefineComponent<    {
+modelValue: string;
+} & {
+/** Determines whether Select is interactable */
+disabled?: boolean;
+/** Overrides the default error message and valid state */
+error?: string;
+/** Determines whether errors display prior to blur */
+errorDisplay?: ErrorDisplay;
+/** Label content */
+label?: string;
+/** Name attribute */
+name?: string;
+/** Determines grouped values found inside Select */
+optgroups?: (SelectOption | SelectOptionGroup)[] | readonly (SelectOption | SelectOptionGroup)[];
+/** Determines ungrouped values found inside Select */
+options?: SelectOption[] | readonly SelectOption[];
+/** Prefix content */
+prefix?: string;
+/** Determines whether Select is required */
+required?: boolean;
+/** Suffix content */
+suffix?: string;
+/** Explainer text beneath input */
+supportingText?: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string) => any;
+} & {
+valid: (isValid: boolean) => any;
+}, string, PublicProps, Readonly<{
+modelValue: string;
+} & {
+/** Determines whether Select is interactable */
+disabled?: boolean;
+/** Overrides the default error message and valid state */
+error?: string;
+/** Determines whether errors display prior to blur */
+errorDisplay?: ErrorDisplay;
+/** Label content */
+label?: string;
+/** Name attribute */
+name?: string;
+/** Determines grouped values found inside Select */
+optgroups?: (SelectOption | SelectOptionGroup)[] | readonly (SelectOption | SelectOptionGroup)[];
+/** Determines ungrouped values found inside Select */
+options?: SelectOption[] | readonly SelectOption[];
+/** Prefix content */
+prefix?: string;
+/** Determines whether Select is required */
+required?: boolean;
+/** Suffix content */
+suffix?: string;
+/** Explainer text beneath input */
+supportingText?: string;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+onValid?: ((isValid: boolean) => any) | undefined;
+}>, {
+label: string;
+error: string;
+required: boolean;
+prefix: string;
+disabled: boolean;
+name: string;
+errorDisplay: ErrorDisplay;
+optgroups: (SelectOption | SelectOptionGroup)[] | readonly (SelectOption | SelectOptionGroup)[];
+options: SelectOption[] | readonly SelectOption[];
+suffix: string;
+supportingText: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+selectElement: HTMLSelectElement;
+}, HTMLDivElement>;
+
+/**
+ * @deprecated Use `TideInputSelect.vue` imported from 'tide-design-system' npm package instead.
+ */
+export declare const TideInputSelectDeprecated: DefineComponent<Props, {
+error: Ref<ValidationError_2, ValidationError_2>;
+value: Ref<string | undefined, string | undefined>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+label: string;
+error: ValidationError_2;
+required: boolean;
+disabled: boolean;
+value: string;
+inputId: string;
+supportingText: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+input: HTMLSelectElement;
+}, HTMLDivElement>;
+
+/**
+ * Renders a text input intended to be used in forms.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideinputtext--docs) for TideInputText
+ */
+export declare const TideInputText: DefineComponent<    {
+modelValue: string;
+} & {
+/** Determines whether browser attempts to autocomplete */
+autocomplete?: boolean;
+/** Determines whether input is interactable */
+disabled?: boolean;
+/** Overrides the default error message and valid state */
+error?: string;
+/** Determines whether errors display prior to blur */
+errorDisplay?: ErrorDisplay;
+/** Determines whether a clear/reset button is shown for the input */
+hasClear?: boolean;
+/** Icon at left of input value */
+iconLeading?: Icon;
+/** Unique ID attribute (to bind input label to input) */
+inputId?: string;
+/** Determines the input editing features offered by the browser */
+inputmode?: InputMode;
+/** Label content */
+label?: string;
+/** Applies a maximum character count to the input */
+maxlength?: number;
+/** Applies a minimum character count to the input */
+minlength?: number;
+/** Name attribute */
+name?: string;
+/** Input prefix */
+prefix?: string;
+/** Determines whether input is required */
+required?: boolean;
+/** Input suffix (i.e. units) */
+suffix?: string;
+/** Explainer text beneath input */
+supportingText?: string;
+/** Determines text formatting applied to input value upon invoking relevant listener event(s) */
+transformValue?: FormValueTransformer;
+/** Determines the type(s) of values expected by the input */
+type?: TextInputType;
+/** Determines method(s) used to check for valid input value upon invoking relevant listener event(s) */
+validators?: Validator[];
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string) => any;
+} & {
+valid: (isValid: boolean) => any;
+}, string, PublicProps, Readonly<{
+modelValue: string;
+} & {
+/** Determines whether browser attempts to autocomplete */
+autocomplete?: boolean;
+/** Determines whether input is interactable */
+disabled?: boolean;
+/** Overrides the default error message and valid state */
+error?: string;
+/** Determines whether errors display prior to blur */
+errorDisplay?: ErrorDisplay;
+/** Determines whether a clear/reset button is shown for the input */
+hasClear?: boolean;
+/** Icon at left of input value */
+iconLeading?: Icon;
+/** Unique ID attribute (to bind input label to input) */
+inputId?: string;
+/** Determines the input editing features offered by the browser */
+inputmode?: InputMode;
+/** Label content */
+label?: string;
+/** Applies a maximum character count to the input */
+maxlength?: number;
+/** Applies a minimum character count to the input */
+minlength?: number;
+/** Name attribute */
+name?: string;
+/** Input prefix */
+prefix?: string;
+/** Determines whether input is required */
+required?: boolean;
+/** Input suffix (i.e. units) */
+suffix?: string;
+/** Explainer text beneath input */
+supportingText?: string;
+/** Determines text formatting applied to input value upon invoking relevant listener event(s) */
+transformValue?: FormValueTransformer;
+/** Determines the type(s) of values expected by the input */
+type?: TextInputType;
+/** Determines method(s) used to check for valid input value upon invoking relevant listener event(s) */
+validators?: Validator[];
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+onValid?: ((isValid: boolean) => any) | undefined;
+}>, {
+type: TextInputType;
+label: string;
+error: string;
+required: boolean;
+prefix: string;
+disabled: boolean;
+iconLeading: Icon;
+name: string;
+maxlength: number;
+minlength: number;
+validators: Validator[];
+inputId: string;
+errorDisplay: ErrorDisplay;
+suffix: string;
+supportingText: string;
+autocomplete: boolean;
+hasClear: boolean;
+inputmode: InputMode;
+transformValue: FormValueTransformer;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+inputElement: HTMLInputElement;
+}, HTMLDivElement>;
+
+/**
+ * Renders a textarea input intended to be used in forms.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideinputtextarea--docs) for TideInputTextarea
+ */
+export declare const TideInputTextarea: DefineComponent<    {
+modelValue: string;
+} & {
+/** Overrides the default error message and valid state */
+error?: string;
+/** Determines whether errors display prior to blur */
+errorDisplay?: ErrorDisplay;
+/** Unique ID attribute (to bind input label to input) */
+inputId?: string;
+/** Label content */
+label?: string;
+/** Applies a maximum character count to the input */
+maxlength?: number | undefined;
+/** Applies a minimum character count to the input */
+minlength?: number | undefined;
+/** Name attribute */
+name?: string;
+/** Determines whether input is required */
+required?: boolean;
+/** Determines the height of the input */
+rows?: number;
+/** Explainer text beneath input */
+supportingText?: string;
+/** Determines method(s) used to check for valid input value upon invoking relevant listener event(s) */
+validators?: Validator[];
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string) => any;
+} & {
+valid: (isValid: boolean) => any;
+}, string, PublicProps, Readonly<{
+modelValue: string;
+} & {
+/** Overrides the default error message and valid state */
+error?: string;
+/** Determines whether errors display prior to blur */
+errorDisplay?: ErrorDisplay;
+/** Unique ID attribute (to bind input label to input) */
+inputId?: string;
+/** Label content */
+label?: string;
+/** Applies a maximum character count to the input */
+maxlength?: number | undefined;
+/** Applies a minimum character count to the input */
+minlength?: number | undefined;
+/** Name attribute */
+name?: string;
+/** Determines whether input is required */
+required?: boolean;
+/** Determines the height of the input */
+rows?: number;
+/** Explainer text beneath input */
+supportingText?: string;
+/** Determines method(s) used to check for valid input value upon invoking relevant listener event(s) */
+validators?: Validator[];
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+onValid?: ((isValid: boolean) => any) | undefined;
+}>, {
+label: string;
+error: string;
+required: boolean;
+name: string;
+maxlength: number;
+minlength: number;
+validators: Validator[];
+inputId: string;
+errorDisplay: ErrorDisplay;
+supportingText: string;
+rows: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+textareaElement: HTMLTextAreaElement;
+}, HTMLDivElement>;
+
+/**
+ * @deprecated Use `TideInputTextarea.vue` imported from 'tide-design-system' npm package instead.
+ */
+export declare const TideInputTextareaDeprecated: DefineComponent<    {
+error?: ValidationError_2;
+inputId?: string;
+label?: string;
+maxlength?: number | undefined;
+minlength?: number | undefined;
+name?: string;
+required?: boolean;
+rows?: number;
+supportingText?: string;
+value?: string;
+}, {
+error: Ref<ValidationError_2, ValidationError_2>;
+required: boolean;
+value: Ref<string | undefined, string | undefined>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+error?: ValidationError_2;
+inputId?: string;
+label?: string;
+maxlength?: number | undefined;
+minlength?: number | undefined;
+name?: string;
+required?: boolean;
+rows?: number;
+supportingText?: string;
+value?: string;
+}> & Readonly<{}>, {
+label: string;
+error: ValidationError_2;
+required: boolean;
+name: string;
+value: string;
+maxlength: number;
+minlength: number;
+inputId: string;
+supportingText: string;
+rows: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+input: HTMLTextAreaElement;
+}, HTMLDivElement>;
+
+/**
+ * @deprecated Use `TideInputText.vue` imported from 'tide-design-system' npm package instead.
+ */
+export declare const TideInputTextDeprecated: DefineComponent<    {
+autocomplete?: boolean;
+disabled?: boolean;
+error?: ValidationError_2;
+hasClear?: boolean;
+iconLeading?: Icon;
+inputId?: string;
+label?: string;
+maxlength?: number | undefined;
+minlength?: number | undefined;
+name?: string;
+prefix?: string;
+required?: boolean;
+suffix?: string;
+supportingText?: string;
+transformValue?: FormValueTransformer_2;
+type?: TextInputType;
+validators?: Validator_2[];
+value?: string;
+}, {
+error: Ref<ValidationError_2, ValidationError_2>;
+required: boolean;
+updateValue: (newValue: string) => void;
+value: Ref<string | undefined, string | undefined>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+autocomplete?: boolean;
+disabled?: boolean;
+error?: ValidationError_2;
+hasClear?: boolean;
+iconLeading?: Icon;
+inputId?: string;
+label?: string;
+maxlength?: number | undefined;
+minlength?: number | undefined;
+name?: string;
+prefix?: string;
+required?: boolean;
+suffix?: string;
+supportingText?: string;
+transformValue?: FormValueTransformer_2;
+type?: TextInputType;
+validators?: Validator_2[];
+value?: string;
+}> & Readonly<{}>, {
+type: TextInputType;
+label: string;
+error: ValidationError_2;
+required: boolean;
+prefix: string;
+disabled: boolean;
+iconLeading: Icon;
+name: string;
+value: string;
+maxlength: number;
+minlength: number;
+validators: Validator_2[];
+inputId: string;
+suffix: string;
+supportingText: string;
+autocomplete: boolean;
+hasClear: boolean;
+transformValue: FormValueTransformer_2;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+input: HTMLInputElement;
+}, HTMLDivElement>;
+
+/**
+ * Renders a link element.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidelink--docs) for TideLink
+ */
+export declare const TideLink: DefineComponent<    {
+/** HTML tag type */
+element?: Element_2;
+/** URL to open (Link only) */
+href?: string;
+/** Icon to left of label */
+iconLeading?: Icon;
+/** Size of the icons */
+iconSize?: Size;
+/** Icon to right of label */
+iconTrailing?: Icon;
+/** Determines whether to target a new browser tab (Link only) */
+isNewTab?: boolean;
+/** Link text */
+label: string;
+/** Hides the underline until hovered, de-emphasizing the link */
+subtle?: boolean;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** HTML tag type */
+element?: Element_2;
+/** URL to open (Link only) */
+href?: string;
+/** Icon to left of label */
+iconLeading?: Icon;
+/** Size of the icons */
+iconSize?: Size;
+/** Icon to right of label */
+iconTrailing?: Icon;
+/** Determines whether to target a new browser tab (Link only) */
+isNewTab?: boolean;
+/** Link text */
+label: string;
+/** Hides the underline until hovered, de-emphasizing the link */
+subtle?: boolean;
+}> & Readonly<{}>, {
+label: string;
+element: Element_2;
+href: string;
+isNewTab: boolean;
+iconLeading: Icon;
+iconSize: Size;
+iconTrailing: Icon;
+subtle: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * Renders a generic menu item intended to be used in navigation menus or dropdowns.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidemenuitem--docs) for TideMenuItem
+ */
+export declare const TideMenuItem: DefineComponent<    {
+/** The element to render the root element as. */
+element?: Element_2;
+/** The href attribute to apply when the element is a link. */
+href?: string;
+/** Whether to open link in a new tab. */
+isNewTab?: boolean;
+/** Icon to show after the label. */
+iconTrailing?: Icon;
+/** The label to be displayed. */
+label: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** The element to render the root element as. */
+element?: Element_2;
+/** The href attribute to apply when the element is a link. */
+href?: string;
+/** Whether to open link in a new tab. */
+isNewTab?: boolean;
+/** Icon to show after the label. */
+iconTrailing?: Icon;
+/** The label to be displayed. */
+label: string;
+}> & Readonly<{}>, {
+element: Element_2;
+href: string;
+isNewTab: boolean;
+iconTrailing: Icon;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+/**
+ * Renders a modal intended to be used for displaying additional information or options.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidemodal--docs) for TideModal
+ */
+export declare const TideModal: __VLS_WithTemplateSlots_8<DefineComponent<    {
+modelValue: boolean;
+} & {
+/**
+* Called before the modal closes.
+*
+* Return `false` to cancel the close event.
+*/
+beforeClose?: () => void | boolean | Promise<void | boolean>;
+/** Controls display of the back button. */
+isBackButton?: boolean;
+/** Controls whether the modal can be dismissed with a close button or other gestures. */
+isDismissible?: boolean;
+/** The title to display in the modal's header. */
+title?: string;
+/** Custom override to the modal's width constraint. Include units. */
+width?: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: boolean) => any;
+} & {
+back: () => any;
+}, string, PublicProps, Readonly<{
+modelValue: boolean;
+} & {
+/**
+* Called before the modal closes.
+*
+* Return `false` to cancel the close event.
+*/
+beforeClose?: () => void | boolean | Promise<void | boolean>;
+/** Controls display of the back button. */
+isBackButton?: boolean;
+/** Controls whether the modal can be dismissed with a close button or other gestures. */
+isDismissible?: boolean;
+/** The title to display in the modal's header. */
+title?: string;
+/** Custom override to the modal's width constraint. Include units. */
+width?: string;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+onBack?: (() => any) | undefined;
+}>, {
+title: string;
+width: string;
+isDismissible: boolean;
+beforeClose: () => void | boolean | Promise<void | boolean>;
+isBackButton: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+modalDialog: HTMLDialogElement;
+modalContent: HTMLDivElement;
+}, any>, {
+    default?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+
+export declare const TidePagination: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: number) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
+
+/**
+ * Renders a popover intended to be used for displaying additional information.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidepopover--docs) for TidePopover
+ */
+export declare const TidePopover: __VLS_WithTemplateSlots_9<DefineComponent<    {
+/** Determines the HTML node over which the Popover will appear */
+anchorId: string;
+/** Determines spacing between Popover and anchor node */
+offset?: number;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** Determines the HTML node over which the Popover will appear */
+anchorId: string;
+/** Determines spacing between Popover and anchor node */
+offset?: number;
+}> & Readonly<{}>, {
+offset: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+floating: HTMLDivElement;
+}, any>, {
+    default?(_: {}): any;
+}>;
+
+/**
+ * Renders a rating component intended to be used for displaying and selecting a rating.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tiderating--docs) for TideRating
+ */
+export declare const TideRating: DefineComponent<    {
+modelValue: number;
+} & {
+/** Determines the text displayed below the title */
+description?: string;
+/** Maximum rating value / Number of segments */
+maxRating?: number;
+/** Determines whether to display the current rating value */
+showRating?: boolean;
+/** Determines the title text displayed above the rating component */
+title?: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: number) => any;
+}, string, PublicProps, Readonly<{
+modelValue: number;
+} & {
+/** Determines the text displayed below the title */
+description?: string;
+/** Maximum rating value / Number of segments */
+maxRating?: number;
+/** Determines whether to display the current rating value */
+showRating?: boolean;
+/** Determines the title text displayed above the rating component */
+title?: string;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+title: string;
+description: string;
+maxRating: number;
+showRating: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+/**
+ * Renders a realm logo component intended to be used for displaying a realm's logo.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tiderealmlogo--docs) for TideRealmLogo
+ */
+export declare const TideRealmLogo: DefineComponent<    {
+/** Determines whether to include text in the logo */
+markOnly?: boolean;
+/** Sets the realm for this logo instance */
+realm: Realm;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+/** Determines whether to include text in the logo */
+markOnly?: boolean;
+/** Sets the realm for this logo instance */
+realm: Realm;
+}> & Readonly<{}>, {
+markOnly: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare const TideSeoLinks: DefineComponent<Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_3> & Readonly<{}>, {
+heading: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
+
+/**
+ * Renders a sheet component intended to be used for displaying content in a modal-like menu overlay on the right side of the screen.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidesheet--docs) for TideSheet
+ */
+export declare const TideSheet: __VLS_WithTemplateSlots_10<DefineComponent<    {
+modelValue: boolean;
+} & {
+/** Controls display of the back button. */
+isBackButton?: boolean;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: boolean) => any;
+} & {
+back: () => any;
+}, string, PublicProps, Readonly<{
+modelValue: boolean;
+} & {
+/** Controls display of the back button. */
+isBackButton?: boolean;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+onBack?: (() => any) | undefined;
+}>, {
+isBackButton: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+dialogElement: HTMLDialogElement;
+}, any>, {
+    default?(_: {}): any;
+}>;
+
+/**
+ * Renders a switch component intended to be used for toggling a boolean value.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideswitch--docs) for TideSwitch
+ */
+export declare const TideSwitch: DefineComponent<    {
+modelValue: boolean;
+} & {
+/** Determines clickability */
+disabled?: boolean;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: boolean) => any;
+}, string, PublicProps, Readonly<{
+modelValue: boolean;
+} & {
+/** Determines clickability */
+disabled?: boolean;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+disabled: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
+
+/**
+ * Renders a tabs component intended to be used for navigation.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidetabs--docs) for TideTabs
+ */
+export declare const TideTabs: DefineComponent<    {
+modelValue: number;
+} & {
+/** Sets labels and callback for each tab */
+tabs: Tab[];
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: number) => any;
+}, string, PublicProps, Readonly<{
+modelValue: number;
+} & {
+/** Sets labels and callback for each tab */
+tabs: Tab[];
+}> & Readonly<{
+"onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare type TideToast = {
+    description?: string;
+    heading: string;
+    id: string;
+    action?: {
+        callback: () => void;
+        label: string;
+    };
+};
+
+/**
+ * Renders a toaster component intended to be used for displaying notifications.
+ *
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidetoaster--docs) for TideToaster
+ */
+export declare const TideToaster: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare type TideToaster_2 = {
+    addToast: (toast: TideToastOmitId) => void;
+    cancelAutoDismiss: () => void;
+    clearToasts: () => void;
+    startAutoDismiss: () => void;
+    toasts: Ref<readonly TideToast[]>;
+};
+
+declare type TideToastOmitId = Omit<TideToast, 'id'>;
+
+export declare const TYPE_CARD: {
+    readonly ACTIONABLE: "action";
+    readonly INFORMATIONAL: "informational";
+    readonly SELECTABLE: "select";
+};
+
+export declare const useTideForm: () => {
+    revealValidationErrors: () => void;
+};
+
+export declare const useTideToaster: () => TideToaster_2;
+
+export declare type ValidationError = string | boolean;
+
+/**
+ * @deprecated
+ */
+declare type ValidationError_2 = string | boolean;
+
+export declare type ValidationLength = {
+    maxlength?: number;
+    minlength?: number;
+    required: boolean;
+    value: string;
+};
+
+export declare type ValidationResult = {
+    message: string;
+    valid: boolean;
+};
+
+/**
+ * @deprecated
+ */
+declare type ValidationResult_2 = {
+    message: string;
+    valid: boolean;
+};
+
+export declare const VALIDATOR: {
+    readonly ALPHA_NUMBER_EMPTY: (value: string) => ValidationResult;
+    readonly ALPHA_SPACE: (value: string) => ValidationResult;
+    readonly EMAIL: (value: string) => ValidationResult;
+    readonly NUMBER: (value: string) => ValidationResult;
+    readonly PHONE: (value: string) => ValidationResult;
+    readonly ZIP: (value: string) => ValidationResult;
+};
+
+export declare type Validator = (value: string) => ValidationResult;
+
+/**
+ * @deprecated
+ */
+declare type Validator_2 = (value: string) => ValidationResult_2;
+
 export { }