@cupra/ui-kit 0.0.2-placeholder → 0.2.0-canary.0

package/dist/components/ds-segmented-control/ds-segmented-control.types.d.ts

@@ -0,0 +1,5 @@
+import type { CommonAttrs } from '../../types/types';
+export type DsSegmentedControlAttrs = {
+    size?: 'large' | 'medium' | 'small';
+    'full-width'?: boolean;
+} & CommonAttrs;

package/dist/components/ds-segmented-control/styles/common.styles.d.ts

@@ -0,0 +1 @@
+export declare const commonStyles: import("lit").CSSResult;

package/dist/components/ds-select/controllers/SelectKeyboardController.d.ts

@@ -0,0 +1,15 @@
+export declare class SelectKeyboardController {
+    private static readonly KEYS_WHEN_OPEN;
+    private static readonly KEYS_WHEN_CLOSED;
+    static handleKeydownWhenOpen(event: KeyboardEvent, callbacks: {
+        commit: () => void;
+        navigateNext: () => void;
+        navigatePrev: () => void;
+        navigateFirst: () => void;
+        navigateLast: () => void;
+        close: () => void;
+    }): void;
+    static handleKeydownWhenClosed(event: KeyboardEvent, callbacks: {
+        open: () => void;
+    }): void;
+}

package/dist/components/ds-select/ds-select.d.ts

@@ -0,0 +1,59 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsSelectAttrs } from '../ds-select/ds-select.types.ts';
+export declare class DsSelect extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    private static readonly ARIA_OPTION_PREFIX;
+    private observer?;
+    mode: DsSelectAttrs['mode'];
+    size: DsSelectAttrs['size'];
+    variant: DsSelectAttrs['variant'];
+    private _open;
+    private nativeSelect;
+    private nativeLabel;
+    private nativeOptions;
+    activeIndex: number;
+    hasForcedError: boolean;
+    private nativeSelects;
+    private nativeLabels;
+    private forcedError;
+    private displaySelect;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private initializeNativeSelect;
+    private handleChangeForcedError;
+    private setupNativeElementsAttributes;
+    private setupEventListeners;
+    private handleMutations;
+    private cleanup;
+    private syncNativeOptions;
+    private handleOpen;
+    private handleClose;
+    private handleClickDisplaySelect;
+    private findSelectedOptionIndex;
+    private focusDisplaySelect;
+    private handleKeydown;
+    private advanceToFirst;
+    private advanceToLast;
+    private advanceSelection;
+    private shouldSkipHiddenOption;
+    private scrollToActive;
+    private commitSelection;
+    private updateNativeSelectValue;
+    protected get containerClasses(): {
+        [x: string]: boolean;
+        container: boolean;
+        open: boolean;
+        disabled: boolean;
+        filled: boolean;
+        invalid: boolean;
+        error: boolean;
+    };
+    set open(value: boolean);
+    get open(): boolean;
+    render(): import("lit").TemplateResult<1>;
+    protected get iconTemplate(): any;
+    private get displaySelectTemplate();
+    private get activeDescendantId();
+    private get optionsContainerTemplate();
+    private renderOptionClone;
+}

package/dist/components/ds-select/ds-select.test.d.ts

@@ -0,0 +1,8 @@
+import './ds-select.ts';
+import type { DsSelect } from './ds-select.ts';
+import '../ds-theme-provider/ds-theme-provider.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-select': DsSelect;
+    }
+}

package/dist/components/ds-select/ds-select.types.d.ts

@@ -0,0 +1,6 @@
+import type { CommonAttrs } from '../../types/types.ts';
+export interface DsSelectAttrs extends CommonAttrs {
+    mode?: 'dark' | 'light';
+    size?: 'medium' | 'small';
+    variant?: 'primary' | 'secondary' | (string & {});
+}

package/dist/components/ds-select/styles/common.styles.d.ts

@@ -0,0 +1 @@
+export declare const commonStyles: import("lit").CSSResult;

package/dist/components/ds-selection/ds-selection.d.ts

@@ -0,0 +1,10 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsSelectionAttrs } from './ds-selection.types.ts';
+export declare class DsSelection extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    checked: DsSelectionAttrs['checked'];
+    protected get iconTemplate(): any;
+    private get classes();
+    handleClick(): void;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/components/ds-selection/ds-selection.types.d.ts

@@ -0,0 +1,4 @@
+import type { CommonAttrs } from '../../types/types';
+export type DsSelectionAttrs = {
+    checked: boolean;
+} & CommonAttrs;

package/dist/components/ds-selection/styles/common.styles.d.ts

@@ -0,0 +1 @@
+export declare const commonStyles: import("lit").CSSResult;

package/dist/components/ds-sidebar-navigation/ds-sidebar-navigation.d.ts

@@ -0,0 +1,15 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { type PropertyValues } from 'lit';
+import type { DsSidebarNavigationAttrs } from './ds-sidebar-navigation.types';
+export declare class DsSidebarNavigation extends UiKitElement implements DsSidebarNavigationAttrs {
+    static styles: import("lit").CSSResult[];
+    private open;
+    mainCtas: Array<Node>;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private toggleModal;
+    private modalButtonTemplate;
+    private handleSlotChange;
+    private setMainCtaSize;
+    private classes;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/components/ds-sidebar-navigation/ds-sidebar-navigation.test.d.ts

@@ -0,0 +1,10 @@
+import type { DsSidebarNavigation } from './ds-sidebar-navigation';
+import './ds-sidebar-navigation.ts';
+import '../ds-theme-provider/ds-theme-provider.ts';
+import '../ds-icon-button/ds-icon-button.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-sidebar-navigation': DsSidebarNavigation;
+        'ds-theme-provider': HTMLElement;
+    }
+}

package/dist/components/ds-sidebar-navigation/ds-sidebar-navigation.types.d.ts

@@ -0,0 +1,6 @@
+import type { CommonAttrs } from '../../types/types.ts';
+export type DsSidebarNavigationVariant = 'default';
+export type DsSidebarNavigationSize = 'md' | 'lg';
+export type DsSidebarNavigationState = 'default' | 'disabled';
+export interface DsSidebarNavigationAttrs extends CommonAttrs {
+}

package/dist/components/ds-sidebar-navigation/styles/common.styles.d.ts

@@ -0,0 +1 @@
+export declare const commonStyles: import("lit").CSSResult;

package/dist/components/ds-slider/ds-slider.d.ts

@@ -0,0 +1,74 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { type FormatedNumber } from '../../utils/formatNumber/formatNumber.ts';
+import { type PropertyValues } from 'lit';
+import type { DsSliderAttrs } from './ds-slider.types';
+declare const DsSlider_base: (new (...args: any[]) => import("../../mixins/ViewportMixin").ViewportInterface) & typeof UiKitElement;
+export declare class DsSlider extends DsSlider_base {
+    min: DsSliderAttrs['min'];
+    max: DsSliderAttrs['max'];
+    minLabel: DsSliderAttrs['min-label'];
+    maxLabel: DsSliderAttrs['max-label'];
+    step: DsSliderAttrs['step'];
+    initialValueMin: DsSliderAttrs['initial-value-min'];
+    initialValueMax: DsSliderAttrs['initial-value-max'];
+    mode: DsSliderAttrs['mode'];
+    locale: DsSliderAttrs['locale'];
+    localeMatcher: DsSliderAttrs['locale-matcher'];
+    unitSymbol: DsSliderAttrs['unit-symbol'];
+    unitSymbolPosition: DsSliderAttrs['unit-symbol-position'];
+    unitStyle: DsSliderAttrs['unit-style'];
+    currency: DsSliderAttrs['currency'];
+    unit: DsSliderAttrs['unit'];
+    useGrouping: DsSliderAttrs['use-grouping'];
+    minimumIntegerDigits: DsSliderAttrs['minimum-integer-digits'];
+    minimumFractionDigits: DsSliderAttrs['minimum-fraction-digits'];
+    maximumFractionDigits: DsSliderAttrs['maximum-fraction-digits'];
+    thousandSeparator: DsSliderAttrs['thousand-separator'];
+    fractionSeparator: DsSliderAttrs['fraction-separator'];
+    size: DsSliderAttrs['size'];
+    disabled: DsSliderAttrs['disabled'];
+    inputMinAriaLabel: DsSliderAttrs['input-min-aria-label'];
+    inputMaxAriaLabel: DsSliderAttrs['input-max-aria-label'];
+    protected track: HTMLInputElement;
+    protected valueMin: number;
+    protected valueMax: number;
+    protected activeThumb: 'min' | 'max' | null;
+    protected animationFrameRequest: number;
+    protected editingField?: 'min' | 'max' | null;
+    protected keyboardMode: boolean;
+    static styles: import("lit").CSSResult[];
+    disconnectedCallback(): void;
+    protected firstUpdated(changedProps: PropertyValues): void;
+    protected getTrackPct(value: number): number;
+    protected getNewValue: (event: MouseEvent | TouchEvent) => number;
+    protected setActiveThumb: (event: MouseEvent | TouchEvent) => void;
+    protected handleMouseMove: (event: MouseEvent | TouchEvent) => void;
+    protected handleMouseDown: (event: MouseEvent) => void;
+    protected handlePointerUp: () => void;
+    protected handleChange({ value, role }: {
+        value: number;
+        role: 'min' | 'max';
+    }): void;
+    protected formatNumber(value: number): FormatedNumber;
+    protected get rangeValuesTemplates(): import("lit").TemplateResult<1>;
+    protected getThumbTemplate(id: 1 | 2): import("lit").TemplateResult<1>;
+    protected get thumbTemplates(): import("lit").TemplateResult<1>;
+    protected get trackRangeTemplate(): import("lit").TemplateResult<1>;
+    private handleKeydown;
+    private handlePointerOrMouseDown;
+    protected onInputFocus: (event: FocusEvent, id: 1 | 2) => void;
+    protected commitInputValue: (event: Event, id: 1 | 2) => void;
+    protected onInputBlur: (event: FocusEvent) => void;
+    protected onInputKeyDown: (event: KeyboardEvent, id: 1 | 2) => void;
+    protected onThumbKeyDown: (event: KeyboardEvent, id: 1 | 2) => void;
+    protected getInputTemplate(id: number): import("lit").TemplateResult<1>;
+    protected get inputsTemplate(): import("lit").TemplateResult<1>;
+    protected get containerClasses(): {
+        [x: string]: boolean;
+        container: boolean;
+        disabled: boolean;
+    };
+    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    render(): import("lit").TemplateResult<1>;
+}
+export {};

package/dist/components/ds-slider/ds-slider.test.d.ts

@@ -0,0 +1,8 @@
+import './ds-slider.ts';
+import type { DsSlider } from '../ds-slider/ds-slider.ts';
+import '../ds-theme-provider/ds-theme-provider.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-slider': DsSlider;
+    }
+}

package/dist/components/ds-slider/ds-slider.types.d.ts

@@ -0,0 +1,53 @@
+import type { Currency, Decimal, Integer0To20, Integer1To21, Locale, NoUnit, Percent, Unit } from '../../utils/formatNumber/formatNumber.ts';
+import type { CommonAttrs } from '../../types/types';
+type SliderCurrency = Omit<Currency, 'style'> & {
+    'unit-style': 'currency';
+    'unit-symbol'?: never;
+};
+type SliderDecimal = Omit<Decimal, 'style'> & {
+    'unit-style': 'decimal';
+    'unit-symbol'?: never;
+};
+type SliderPercent = Omit<Percent, 'style'> & {
+    'unit-style': 'percent';
+    'unit-symbol'?: never;
+};
+type SliderUnit = Omit<Unit, 'style'> & {
+    'unit-style': 'unit';
+    'unit-symbol'?: never;
+};
+type SliderNoUnit = Omit<NoUnit, 'style'> & {
+    'unit-style'?: never;
+    'unit-symbol'?: never;
+};
+type SliderCustomUnit = Omit<NoUnit, 'style'> & {
+    'unit-style'?: never;
+    'unit-symbol': string;
+};
+type SliderUnitStyle = SliderCurrency | SliderDecimal | SliderPercent | SliderUnit | SliderNoUnit | SliderCustomUnit;
+type SliderSize = 'medium' | 'large';
+export type ResponsiveSliderSize = SliderSize | Record<string, SliderSize>;
+export type DsSliderAttrs = CommonAttrs & {
+    min?: number;
+    max?: number;
+    'min-label'?: string;
+    'max-label'?: string;
+    step?: number;
+    'initial-value-min'?: number;
+    'initial-value-max'?: number;
+    mode?: 'dark' | 'light';
+    size?: ResponsiveSliderSize;
+    disabled?: boolean;
+    'unit-symbol-position'?: 'left' | 'right';
+    locale?: Locale;
+    localeMatcher?: 'lookup' | 'best fit';
+    'minimum-integer-digits'?: Integer1To21;
+    'minimum-fraction-digits'?: Integer0To20;
+    'maximum-fraction-digits'?: Integer0To20;
+    'thousand-separator'?: string;
+    'fraction-separator'?: string;
+    'use-grouping'?: 'auto' | boolean;
+    'input-min-aria-label'?: string;
+    'input-max-aria-label'?: string;
+} & SliderUnitStyle;
+export {};

package/dist/components/ds-slider/styles/common.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const commonStyles: import("lit").CSSResult;
+export declare const currentValueStyles: import("lit").CSSResult;
+export declare const rangeValueStyles: import("lit").CSSResult;
+export declare const trackStyles: import("lit").CSSResult;
+export declare const thumbStyles: import("lit").CSSResult;

package/dist/components/ds-slider/utils/getStepValue/getStepValue.d.ts

@@ -0,0 +1,14 @@
+type GetStepValue = (props: {
+    step?: number;
+    min?: number;
+    max?: number;
+    proposedValue: number;
+    role: 'min' | 'max';
+    currentValues: Record<string, number>;
+}) => {
+    stepValue: number;
+    minLimit: number;
+    maxLimit: number;
+};
+export declare const getStepValue: GetStepValue;
+export {};

package/dist/components/ds-slider/utils/getStepValue/getStepValue.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ds-slider/utils/roundToDecimals/roundToDecimals.d.ts

@@ -0,0 +1,6 @@
+type RoundToDecimals = (props: {
+    value: number;
+    fractionDigits: number;
+}) => number;
+export declare const roundToDecimals: RoundToDecimals;
+export {};

package/dist/components/ds-slider/utils/roundToDecimals/roundToDecimals.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ds-static-box/ds-static-box.d.ts

@@ -0,0 +1,13 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { DsStaticBoxAttrs } from '../ds-static-box/ds-static-box.types.ts';
+declare const DsStaticBox_base: (new (...args: any[]) => import("../../mixins/ViewportMixin.ts").ViewportInterface) & typeof UiKitElement;
+export declare class DsStaticBox extends DsStaticBox_base {
+    static styles: import("lit").CSSResult[];
+    size: DsStaticBoxAttrs['size'];
+    headerItems: Array<Node>;
+    footerItems: Array<Node>;
+    private get classes();
+    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    render(): import("lit").TemplateResult<1>;
+}
+export {};

package/dist/components/ds-static-box/ds-static-box.test.d.ts

@@ -0,0 +1,8 @@
+import type { DsStaticBox } from './ds-static-box';
+import './ds-static-box.ts';
+import '../ds-theme-provider/ds-theme-provider.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-static-box': DsStaticBox;
+    }
+}

package/dist/components/ds-static-box/ds-static-box.types.d.ts

@@ -0,0 +1,4 @@
+import { CommonAttrs } from '../../types/types';
+export type DsStaticBoxAttrs = {
+    size?: 'small' | 'medium' | 'large';
+} & CommonAttrs;

package/dist/components/ds-static-box/styles/common.styles.d.ts

@@ -0,0 +1 @@
+export declare const commonStyles: import("lit").CSSResult;

package/dist/components/ds-stepper/ds-stepper.d.ts

@@ -0,0 +1,9 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { nothing } from 'lit';
+export declare class DsStepper extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    steps: number;
+    currentStep: number;
+    private get classes();
+    render(): typeof nothing | import("lit").TemplateResult<1>;
+}

package/dist/components/ds-stepper/ds-stepper.test.d.ts

@@ -0,0 +1,8 @@
+import { DsStepper } from '../ds-stepper/ds-stepper.ts';
+import './ds-stepper.ts';
+import '../ds-theme-provider/ds-theme-provider.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-stepper': DsStepper;
+    }
+}

package/dist/components/ds-stepper/ds-stepper.types.d.ts

@@ -0,0 +1,5 @@
+import type { CommonAttrs } from '../../types/types';
+export type DsStepperAttrs = {
+    steps?: number;
+    'current-step'?: number;
+} & CommonAttrs;

package/dist/components/ds-stepper/styles/common.styles.d.ts

@@ -0,0 +1 @@
+export declare const commonStyles: import("lit").CSSResult;

package/dist/components/ds-tabs/ds-tabs.d.ts

@@ -0,0 +1,47 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { type PropertyValues, type TemplateResult } from 'lit';
+import type { DsTabsAttrs } from './ds-tabs.types';
+export declare class DsTabs extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    selectedTab: DsTabsAttrs['selected-tab'];
+    mode: DsTabsAttrs['mode'];
+    variant: string;
+    size: DsTabsAttrs['size'];
+    disabled: DsTabsAttrs['disabled'];
+    private focusedTabIndex;
+    private nav;
+    private handleKeyDown;
+    private tabs;
+    private panels;
+    private hasScrollLeft;
+    private hasScrollRight;
+    private resizeObserver;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleScrollNav;
+    private handleScrollLeft;
+    private handleScrollRight;
+    private getScrollButtonTemplate;
+    protected firstUpdated(): void;
+    updated(changedProperties: PropertyValues): void;
+    protected handleTabsSlotchange(e: any): void;
+    protected handlePanelSlotchange(e: any): void;
+    private setTabsFocusable;
+    protected selectTab(selectedTab: number): void;
+    protected setupTabAccessibility(): void;
+    protected handleFocus: (event: FocusEvent) => void;
+    protected handleBlur: () => void;
+    protected handleChangeSelectedTab(newSelectedTab: number): void;
+    protected handleSelect(e: MouseEvent): void;
+    protected get classes(): {
+        [x: string]: boolean;
+        container: boolean;
+        disabled: boolean;
+    };
+    protected get navContainerClasses(): {
+        'nav-container': boolean;
+        'scroll-left': boolean;
+        'scroll-right': boolean;
+    };
+    render(): TemplateResult<1>;
+}

package/dist/components/ds-tabs/ds-tabs.test.d.ts

@@ -0,0 +1,8 @@
+import './ds-tabs.ts';
+import { DsTabs } from '../ds-tabs/ds-tabs.ts';
+import '../ds-theme-provider/ds-theme-provider.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-tabs': DsTabs;
+    }
+}

package/dist/components/ds-tabs/ds-tabs.types.d.ts

@@ -0,0 +1,11 @@
+import type { CommonAttrs } from '../../types/types';
+export type SlottedContent = HTMLElement & {
+    selected?: boolean;
+};
+export interface DsTabsAttrs extends CommonAttrs {
+    'selected-tab'?: number;
+    mode?: 'dark' | 'light';
+    size?: string;
+    variant?: string;
+    disabled?: boolean;
+}

package/dist/components/ds-tabs/styles/common.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const commonStyles: import("lit").CSSResult;
+export declare const navigationStyles: import("lit").CSSResult;
+export declare const tabsStyles: import("lit").CSSResult;
+export declare const panelsStyles: import("lit").CSSResult;

package/dist/components/ds-tabs/theme-config.d.ts

@@ -0,0 +1,8 @@
+type BrandConfig = {
+    'icon-button-variant': string;
+};
+export type ThemeConfig = {
+    [brand: string]: BrandConfig;
+};
+export declare const themeConfig: ThemeConfig;
+export {};

package/dist/components/ds-tag/ds-tag.d.ts

@@ -0,0 +1,23 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsTagAttrs } from '../ds-tag/ds-tag.types';
+import { nothing } from 'lit';
+export declare class DsTag extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    show: DsTagAttrs['show'];
+    clickableIcon: DsTagAttrs['clickable-icon'];
+    iconName: DsTagAttrs['icon-name'];
+    iconPosition: DsTagAttrs['icon-position'];
+    color: DsTagAttrs['color'];
+    protected onClickHandler: Function;
+    protected get classes(): {
+        [x: string]: boolean;
+        container: boolean;
+    };
+    protected get iconClasses(): {
+        icon: boolean;
+        clicable: boolean;
+    };
+    private handleClickIcon;
+    protected get iconTemplate(): any;
+    render(): typeof nothing | import("lit").TemplateResult<1>;
+}

package/dist/components/ds-tag/ds-tag.test.d.ts

@@ -0,0 +1,8 @@
+import type { DsTag } from './ds-tag';
+import './ds-tag';
+import '../ds-theme-provider/ds-theme-provider.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-tag': DsTag;
+    }
+}

package/dist/components/ds-tag/ds-tag.types.d.ts

@@ -0,0 +1,9 @@
+import type { DsIconAttrs } from '../ds-icon/ds-icon.types';
+import type { CommonAttrs } from '../../types/types';
+export interface DsTagAttrs extends CommonAttrs {
+    show?: boolean;
+    'clickable-icon'?: boolean;
+    'icon-name'?: DsIconAttrs['icon-name'];
+    'icon-position'?: 'left' | 'right';
+    color?: 'moonlate' | 'white' | 'copper' | 'rio-green' | 'electric' | (string & {});
+}

package/dist/components/ds-tag/styles/common.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const commonStyles: import("lit").CSSResult;
+export declare const iconStyles: import("lit").CSSResult;

package/dist/components/ds-text/ds-text.d.ts

@@ -0,0 +1,18 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { type TemplateResult } from 'lit';
+import type { DsTextAttrs } from './ds-text.types.ts';
+export declare class DsText extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    size: DsTextAttrs['size'];
+    weight: DsTextAttrs['weight'];
+    variant: DsTextAttrs['variant'];
+    htmlTagName: DsTextAttrs['html-tag-name'];
+    value: DsTextAttrs['value'];
+    mode: DsTextAttrs['mode'];
+    color: DsTextAttrs['color'];
+    uppercase: DsTextAttrs['uppercase'];
+    private get classes();
+    private get customElementTemplate();
+    protected get styles(): import("lit").HTMLTemplateResult;
+    render(): TemplateResult<1>;
+}

package/dist/components/ds-text/ds-text.test.d.ts

@@ -0,0 +1,8 @@
+import type { DsText } from './ds-text.ts';
+import './ds-text.ts';
+import '../ds-theme-provider/ds-theme-provider.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-text': DsText;
+    }
+}

package/dist/components/ds-text/ds-text.types.d.ts

@@ -0,0 +1,14 @@
+import type { CommonAttrs } from '../../types/types';
+export type TextSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+export type TextWeight = 'light' | 'regular' | 'medium' | 'book' | string;
+export type TextVariant = 'display' | 'headline' | 'body';
+export type DsTextAttrs = {
+    size?: TextSize;
+    weight?: TextWeight;
+    variant?: TextVariant;
+    'html-tag-name'?: string;
+    value?: string;
+    mode?: 'dark' | 'light';
+    color?: string;
+    uppercase?: boolean;
+} & CommonAttrs;

package/dist/components/ds-text/styles/common.styles.d.ts

@@ -0,0 +1 @@
+export declare const commonStyles: import("lit").CSSResult;

package/dist/components/ds-text-input/ds-text-input.d.ts

@@ -0,0 +1,22 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { nothing } from 'lit';
+import type { DsTextInputAttrs } from './ds-text-input.types.ts';
+declare const DsTextInput_base: (new (...args: any[]) => import("../../mixins/inputStatesMixin.ts").InputStatesInterface) & typeof UiKitElement;
+export declare class DsTextInput extends DsTextInput_base {
+    static styles: import("lit").CSSResult[];
+    private keyboardMode;
+    size: DsTextInputAttrs['size'];
+    helperText: DsTextInputAttrs['helper-text'];
+    forcedError: DsTextInputAttrs['forced-error'];
+    invalidError: DsTextInputAttrs['invalid-error'];
+    dataAriaLabelRemoveButton: DsTextInputAttrs['data-aria-label-remove-button'];
+    protected handleClickIcon: () => void;
+    private get classes();
+    render(): import("lit").TemplateResult<1>;
+    protected get iconTemplate(): any;
+    protected get lengthTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get helperTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get forcedErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get invalidErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+}
+export {};

package/dist/components/ds-text-input/ds-text-input.test.d.ts

@@ -0,0 +1,9 @@
+import type { DsTextInput } from './ds-text-input.ts';
+import './ds-text-input.ts';
+import '../ds-theme-provider/ds-theme-provider.ts';
+import '../ds-icon-button/ds-icon-button.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-text-input': DsTextInput;
+    }
+}

package/dist/components/ds-text-input/ds-text-input.types.d.ts

@@ -0,0 +1,8 @@
+import type { CommonAttrs } from '../../types/types';
+export type DsTextInputAttrs = {
+    size?: 'medium' | 'small';
+    'helper-text'?: string;
+    'forced-error'?: string;
+    'invalid-error'?: string;
+    'data-aria-label-remove-button'?: string;
+} & CommonAttrs;

package/dist/components/ds-text-input/styles/common.styles.d.ts

@@ -0,0 +1 @@
+export declare const commonStyles: import("lit").CSSResult;