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

package/dist-react/components/ds-accordion/theme-config.d.ts

@@ -0,0 +1,14 @@
+import type { Icons } from '../ds-icon/Icons.type.ts';
+interface IconNamesConfig {
+    open: Icons;
+    close: Icons;
+}
+interface BrandConfig {
+    'icon-names': IconNamesConfig;
+    'icon-button-variant'?: string;
+}
+type ThemeConfig = {
+    [brand: string]: BrandConfig;
+};
+export declare const themeConfig: ThemeConfig;
+export {};

package/dist-react/components/ds-avatar/ds-avatar.d.ts

@@ -0,0 +1,19 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { DsAvatarAttrs } from './ds-avatar.types.ts';
+export declare class DsAvatar extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    size: DsAvatarAttrs['size'];
+    name: DsAvatarAttrs['name'];
+    disabled: boolean;
+    private assignedImages?;
+    protected get iconTemplate(): any;
+    protected get initialsTemplate(): import("lit").TemplateResult<1>;
+    private getInitialsFromName;
+    private get classes();
+    private get hasImage();
+    private get mode();
+    private handleSlotChange;
+    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    handleKeyDown(event: KeyboardEvent): void;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist-react/components/ds-avatar/ds-avatar.test.d.ts

@@ -0,0 +1,7 @@
+import type { DsAvatar } from './ds-avatar';
+import './ds-avatar';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-avatar': DsAvatar;
+    }
+}

package/dist-react/components/ds-avatar/ds-avatar.types.d.ts

@@ -0,0 +1,8 @@
+import type { DsIconAttrs } from '../ds-icon/ds-icon.types';
+import { CommonAttrs } from '../../types/types';
+export type DsAvatarAttrs = {
+    'icon-name': DsIconAttrs['icon-name'];
+    size?: 'large' | 'medium' | 'small';
+    initials?: string;
+    name?: string;
+} & CommonAttrs;

package/dist-react/components/ds-avatar/styles/common.styles.d.ts

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

package/dist-react/components/ds-bullets/ds-bullets.d.ts

@@ -0,0 +1,14 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { nothing } from 'lit';
+import type { DsBulletsAttrs } from './ds-bullets.types';
+export declare class DsBullets extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    mode: DsBulletsAttrs['mode'];
+    bulletsNumber: DsBulletsAttrs['bullets-number'];
+    activeBulletIndex: DsBulletsAttrs['active-bullet-index'];
+    private handleClickChunk;
+    private get bulletsTemplate();
+    private get classes();
+    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    render(): typeof nothing | import("lit").TemplateResult<1>;
+}

package/dist-react/components/ds-bullets/ds-bullets.test.d.ts

@@ -0,0 +1,7 @@
+import './ds-bullets.ts';
+import { DsBullets } from '../ds-bullets/ds-bullets.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-bullets': DsBullets;
+    }
+}

package/dist-react/components/ds-bullets/ds-bullets.types.d.ts

@@ -0,0 +1,6 @@
+import type { CommonAttrs } from '../../types/types';
+export interface DsBulletsAttrs extends CommonAttrs {
+    mode?: 'dark' | 'light';
+    'bullets-number': number;
+    'active-bullet-index'?: number;
+}

package/dist-react/components/ds-bullets/styles/common.styles.d.ts

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

package/dist-react/components/ds-button/ds-button.d.ts

@@ -0,0 +1,39 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { nothing } from 'lit';
+import type { DsButtonAttrs } from './ds-button.types';
+declare const DsButton_base: (new (...args: any[]) => import("../../mixins/ViewportMixin").ViewportInterface) & typeof UiKitElement;
+export declare class DsButton extends DsButton_base {
+    static styles: import("lit").CSSResult[];
+    variant: DsButtonAttrs['variant'];
+    mode: DsButtonAttrs['mode'];
+    size: DsButtonAttrs['size'];
+    disabled: DsButtonAttrs['disabled'];
+    destructive: DsButtonAttrs['destructive'];
+    iconName: DsButtonAttrs['icon-name'];
+    htmlTagName: DsButtonAttrs['html-tag-name'];
+    href: DsButtonAttrs['href'];
+    rel: DsButtonAttrs['rel'];
+    target: DsButtonAttrs['target'];
+    type: DsButtonAttrs['type'];
+    iconPosition: DsButtonAttrs['icon-position'];
+    rounded: DsButtonAttrs['rounded'];
+    fullWidth: DsButtonAttrs['full-width'];
+    loading: DsButtonAttrs['loading'];
+    private closestForm;
+    protected firstUpdated(): void;
+    protected get classes(): {
+        [x: string]: boolean;
+        button: boolean;
+        custom: boolean;
+        rounded: boolean;
+        disabled: boolean;
+        destructive: boolean;
+        'full-width': boolean;
+    };
+    protected handleClick(event: Event): void;
+    protected get iconTemplate(): any;
+    protected get loadingTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get cssTokens(): import("lit").HTMLTemplateResult;
+    render(): import("lit").TemplateResult<1>;
+}
+export {};

package/dist-react/components/ds-button/ds-button.test.d.ts

@@ -0,0 +1,7 @@
+import type { DsButton } from './ds-button';
+import './ds-button';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-button': DsButton;
+    }
+}

package/dist-react/components/ds-button/ds-button.types.d.ts

@@ -0,0 +1,38 @@
+import type { DsIconAttrs } from '../ds-icon/ds-icon.types.ts';
+import type { CommonAttrs } from '../../types/types.ts';
+type Link = {
+    'html-tag-name': 'a';
+    href?: string;
+    rel?: string;
+    target?: string;
+};
+type Button = {
+    'html-tag-name'?: 'button';
+    href?: never;
+    rel?: never;
+    target?: never;
+};
+type CustomElement = {
+    'html-tag-name': 'custom';
+    href?: never;
+    rel?: never;
+    target?: never;
+};
+type HtmlElement = Link | Button | CustomElement;
+type SizeType = 'small' | 'medium' | 'large';
+type ResponsiveSize = SizeType | Record<string, SizeType>;
+export type DsButtonAttrs = {
+    variant?: string;
+    mode?: 'dark' | 'light';
+    disabled?: boolean;
+    destructive?: boolean;
+    'icon-name'?: DsIconAttrs['icon-name'];
+    size?: ResponsiveSize;
+    type?: 'button' | 'submit' | 'reset';
+    'icon-position'?: 'left' | 'right';
+    'icon-size'?: number;
+    rounded?: boolean;
+    'full-width'?: boolean;
+    loading?: boolean;
+} & HtmlElement & CommonAttrs;
+export {};

package/dist-react/components/ds-button/styles/common.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const buttonStyles: import("lit").CSSResult;
+export declare const textStyles: import("lit").CSSResult;
+export declare const loadingDotsStyles: import("lit").CSSResult;

package/dist-react/components/ds-carousel-indicator/ds-carousel-indicator.d.ts

@@ -0,0 +1,12 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { nothing } from 'lit';
+import type { DsCarouselIndicatorAttrs } from './ds-carousel-indicator.types.ts';
+export declare class DsCarouselIndicator extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    selectorsNumber: DsCarouselIndicatorAttrs['selectors-number'];
+    selectedIndex: DsCarouselIndicatorAttrs['selected-index'];
+    private maxSelectorsShown;
+    private get classes();
+    private get selectorsTemplate();
+    render(): typeof nothing | import("lit").TemplateResult<1>;
+}

package/dist-react/components/ds-carousel-indicator/ds-carousel-indicator.types.d.ts

@@ -0,0 +1,5 @@
+import type { CommonAttrs } from '../../types/types';
+export type DsCarouselIndicatorAttrs = {
+    'selectors-number': number;
+    'selected-index'?: number;
+} & CommonAttrs;

package/dist-react/components/ds-carousel-indicator/styles/common.styles.d.ts

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

package/dist-react/components/ds-checkbox/ds-checkbox.d.ts

@@ -0,0 +1,31 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsCheckboxAttrs } from './ds-checkbox.types';
+declare const DsCheckbox_base: typeof UiKitElement;
+export declare class DsCheckbox extends DsCheckbox_base {
+    name: DsCheckboxAttrs['name'];
+    value: DsCheckboxAttrs['value'];
+    inputPlacement: DsCheckboxAttrs['input-placement'];
+    checked: DsCheckboxAttrs['checked'];
+    required: DsCheckboxAttrs['required'];
+    disabled: DsCheckboxAttrs['disabled'];
+    mode: DsCheckboxAttrs['mode'];
+    size: DsCheckboxAttrs['size'];
+    helperText: DsCheckboxAttrs['helper-text'];
+    infoText: DsCheckboxAttrs['info-text'];
+    forcedError: DsCheckboxAttrs['forced-error'];
+    invalidError: DsCheckboxAttrs['invalid-error'];
+    indeterminate: DsCheckboxAttrs['indeterminate'];
+    static styles: import("lit").CSSResult[];
+    private handleChange;
+    protected get classes(): {
+        [x: string]: boolean;
+        container: boolean;
+        disabled: boolean;
+        checked: boolean;
+        error: boolean;
+    };
+    protected get iconTemplate(): any;
+    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    render(): import("lit").TemplateResult<1>;
+}
+export {};

package/dist-react/components/ds-checkbox/ds-checkbox.test.d.ts

@@ -0,0 +1,7 @@
+import type { DsCheckbox } from './ds-checkbox';
+import './ds-checkbox.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-checkbox': DsCheckbox;
+    }
+}

package/dist-react/components/ds-checkbox/ds-checkbox.types.d.ts

@@ -0,0 +1,16 @@
+import type { CommonAttrs } from '../../types/types';
+export interface DsCheckboxAttrs extends CommonAttrs {
+    name?: string;
+    value: string;
+    checked?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    mode?: 'dark' | 'light';
+    size?: 'medium' | 'small';
+    'helper-text'?: string;
+    'info-text'?: string;
+    'forced-error'?: string;
+    'invalid-error'?: string;
+    indeterminate?: boolean;
+    'input-placement'?: 'left' | 'right';
+}

package/dist-react/components/ds-checkbox/styles/common.styles.d.ts

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

package/dist-react/components/ds-chip/ds-chip.d.ts

@@ -0,0 +1,21 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { type PropertyValues } from 'lit';
+import type { DsChipAttrs } from './ds-chip.types.ts';
+export declare class DsChip extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    value: DsChipAttrs['value'];
+    mode: DsChipAttrs['mode'];
+    size: DsChipAttrs['size'];
+    selected: DsChipAttrs['selected'];
+    deselectable: DsChipAttrs['deselectable'];
+    slottedText: string;
+    protected firstUpdated(changedProps: PropertyValues): void;
+    private get classes();
+    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    handleClick(): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    private handleClickIcon;
+    private handleKeyDownIcon;
+    protected get iconTemplate(): any;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist-react/components/ds-chip/ds-chip.types.d.ts

@@ -0,0 +1,8 @@
+import type { CommonAttrs } from '../../types/types';
+export type DsChipAttrs = {
+    value: string;
+    mode?: 'dark' | 'light';
+    size?: 'large' | 'medium' | 'small';
+    selected?: boolean;
+    deselectable?: boolean;
+} & CommonAttrs;

package/dist-react/components/ds-chip/styles/common.styles.d.ts

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

package/dist-react/components/ds-chips/chipsContext.d.ts

@@ -0,0 +1,9 @@
+import type { DsChipsAttrs } from '../ds-chips/ds-chips.types.ts';
+export type ChipsData = {
+    selectedChips?: string[];
+    multiChoice?: DsChipsAttrs['multi-choice'];
+    size?: DsChipsAttrs['size'];
+};
+export declare const chipsContext: {
+    __context__: ChipsData;
+};

package/dist-react/components/ds-chips/ds-chips.d.ts

@@ -0,0 +1,27 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import { type PropertyValues, type TemplateResult } from 'lit';
+import type { DsChipsAttrs } from './ds-chips.types.ts';
+export declare class DsChips extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    selectedChips: DsChipsAttrs['selected-chips'];
+    multiChoice: DsChipsAttrs['multi-choice'];
+    size: DsChipsAttrs['size'];
+    mode: DsChipsAttrs['mode'];
+    private hasScrollLeft;
+    private hasScrollRight;
+    private chips;
+    private chipsContainer;
+    private resizeObserver;
+    protected firstUpdated(): void;
+    disconnectedCallback(): void;
+    private handleScrollNav;
+    private handleScrollLeft;
+    private handleScrollRight;
+    private getScrollButtonTemplate;
+    updated(changedProperties: PropertyValues): void;
+    private updateChildChips;
+    private get chipsContainerClasses();
+    handleSelect(event: CustomEvent): void;
+    handleDeselect(event: CustomEvent): void;
+    render(): TemplateResult<1>;
+}

package/dist-react/components/ds-chips/ds-chips.test.d.ts

@@ -0,0 +1,9 @@
+import '../ds-theme-provider/ds-theme-provider.ts';
+import './ds-chips.ts';
+import '../ds-chip/ds-chip.ts';
+import type { DsChips } from './ds-chips';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-chips': DsChips;
+    }
+}

package/dist-react/components/ds-chips/ds-chips.types.d.ts

@@ -0,0 +1,7 @@
+import type { CommonAttrs } from '../../types/types';
+export type DsChipsAttrs = {
+    'selected-chips'?: string[] | undefined[];
+    'multi-choice'?: boolean;
+    size?: 'large' | 'medium' | 'small';
+    mode?: 'dark' | 'light';
+} & CommonAttrs;

package/dist-react/components/ds-chips/styles/common.styles.d.ts

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

package/dist-react/components/ds-content-disclaimer/ds-content-disclaimer.test.d.ts

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

package/dist-react/components/ds-currency/ds-currency.d.ts

@@ -0,0 +1,28 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsCurrencyAttrs } from '../ds-currency/ds-currency.types.ts';
+import { nothing } from 'lit';
+export declare class DsCurrency extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    locale: DsCurrencyAttrs['locale'];
+    currencyCode: DsCurrencyAttrs['currency-code'];
+    amountText: DsCurrencyAttrs['amount-text'];
+    amountNumber: DsCurrencyAttrs['amount-number'];
+    minimumFractionDigits: DsCurrencyAttrs['minimum-fraction-digits'];
+    maximumFractionDigits: DsCurrencyAttrs['maximum-fraction-digits'];
+    period: DsCurrencyAttrs['period'];
+    note: DsCurrencyAttrs['note'];
+    thousandSeparator: DsCurrencyAttrs['thousand-separator'];
+    fractionSeparator: DsCurrencyAttrs['fraction-separator'];
+    amountSize: DsCurrencyAttrs['amount-size'];
+    amountWeight: DsCurrencyAttrs['amount-weight'];
+    currencySize: DsCurrencyAttrs['currency-size'];
+    currencyWeight: DsCurrencyAttrs['currency-weight'];
+    periodSize: DsCurrencyAttrs['period-size'];
+    periodWeight: DsCurrencyAttrs['period-weight'];
+    noteSize: DsCurrencyAttrs['note-size'];
+    noteWeight: DsCurrencyAttrs['note-weight'];
+    protected get valueTemplate(): import("lit").TemplateResult<1>;
+    protected get periodTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get noteTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist-react/components/ds-currency/ds-currency.test.d.ts

@@ -0,0 +1,7 @@
+import type { DsCurrency } from './ds-currency';
+import './ds-currency.ts';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ds-currency': DsCurrency;
+    }
+}

package/dist-react/components/ds-currency/ds-currency.types.d.ts

@@ -0,0 +1,34 @@
+import type { Integer0To20, Locale } from '../../utils/formatNumber/formatNumber.ts';
+import type { CommonAttrs } from '../../types/types';
+type AmountText = {
+    'amount-text': string;
+    'amount-number'?: never;
+    'thousand-separator'?: never;
+    'fraction-separator'?: never;
+};
+type AmountNumber = {
+    'amount-text'?: never;
+    'amount-number': number;
+    'thousand-separator'?: string;
+    'fraction-separator'?: string;
+};
+type Amount = AmountText | AmountNumber;
+type FontSize = 'colossal' | 'huge' | 'large' | 'medium' | 'small' | 'tiny' | 'micro' | 'nano' | (string & {});
+type FontWeight = 'light' | 'regular' | 'medium' | 'book' | (string & {});
+export type DsCurrencyAttrs = CommonAttrs & Amount & {
+    locale: Locale;
+    'currency-code': string;
+    'minimum-fraction-digits'?: Integer0To20;
+    'maximum-fraction-digits'?: Integer0To20;
+    period?: 'era' | 'year' | 'month' | 'quarter' | 'weekOfYear' | 'weekday' | 'dayPeriod' | 'day' | 'hour' | 'minute' | 'second';
+    note?: string;
+    'amount-size'?: FontSize;
+    'amount-weight'?: FontWeight;
+    'currency-size'?: FontSize;
+    'currency-weight'?: FontWeight;
+    'period-size'?: FontSize;
+    'period-weight'?: FontWeight;
+    'note-size'?: FontSize;
+    'note-weight'?: FontWeight;
+};
+export {};

package/dist-react/components/ds-currency/styles/common.styles.d.ts

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

package/dist-react/components/ds-dialog/ds-dialog.d.ts

@@ -0,0 +1,25 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { ComponentFactory } from '../../utils/componentFactory.ts';
+import { type PropertyValues, nothing } from 'lit';
+import type { DsDialogAttrs } from './ds-dialog.types.ts';
+export declare class DsDialog extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    protected componentFactory: ComponentFactory;
+    open: DsDialogAttrs['open'];
+    size: DsDialogAttrs['size'];
+    hasBeenOpened: boolean;
+    hasScroll: boolean;
+    protected content: HTMLInputElement;
+    private resizeObserver;
+    private debouncedCheckScroll;
+    updated(changedProperties: PropertyValues): Promise<void>;
+    handleResizeObserver(): Promise<void>;
+    private get containerClasses();
+    private get dialogClasses();
+    private handleClose;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleKeyDown;
+    private checkScroll;
+    render(): typeof nothing | import("lit").TemplateResult<1>;
+}

package/dist-react/components/ds-dialog/ds-dialog.types.d.ts

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

package/dist-react/components/ds-dialog/styles/common.styles.d.ts

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

package/dist-react/components/ds-dialog-body/ds-dialog-body.d.ts

@@ -0,0 +1,7 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+export declare class DsDialogBody extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    private get classes();
+    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist-react/components/ds-dialog-body/ds-dialog-body.types.d.ts

@@ -0,0 +1,2 @@
+import type { CommonAttrs } from '../../types/types';
+export type DsDialogBodyAttrs = {} & CommonAttrs;

package/dist-react/components/ds-dialog-body/styles/common.styles.d.ts

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

package/dist-react/components/ds-dialog-footer/ds-dialog-footer.d.ts

@@ -0,0 +1,8 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsDialogFooterAttrs } from '../ds-dialog-footer/ds-dialog-footer.types.ts';
+export declare class DsDialogFooter extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    withDivider: DsDialogFooterAttrs['with-divider'];
+    private get classes();
+    render(): import("lit").TemplateResult<1>;
+}

package/dist-react/components/ds-dialog-footer/ds-dialog-footer.types.d.ts

@@ -0,0 +1,4 @@
+import type { CommonAttrs } from '../../types/types';
+export type DsDialogFooterAttrs = {
+    'with-divider'?: boolean;
+} & CommonAttrs;

package/dist-react/components/ds-dialog-footer/styles/common.styles.d.ts

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

package/dist-react/components/ds-dialog-header/ds-dialog-header.d.ts

@@ -0,0 +1,12 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsButtonAttrs } from '../ds-button/ds-button.types.ts';
+export declare class DsDialogHeader extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    title: DsButtonAttrs['title'];
+    iconName: DsButtonAttrs['icon-name'];
+    iconSize: DsButtonAttrs['icon-size'];
+    private get classes();
+    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get iconTemplate(): any;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist-react/components/ds-dialog-header/ds-dialog-header.types.d.ts

@@ -0,0 +1,6 @@
+import type { DsIconAttrs } from '../ds-icon/ds-icon.types.ts';
+import type { CommonAttrs } from '../../types/types';
+export type DsDialogHeaderAttrs = {
+    'icon-name'?: DsIconAttrs['icon-name'];
+    title: string;
+} & CommonAttrs;

package/dist-react/components/ds-dialog-header/styles/common.styles.d.ts

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

package/dist-react/components/ds-divider/ds-divider.d.ts

@@ -0,0 +1,14 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsDividerAttrs } from './ds-divider.types';
+export declare class DsDivider extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    orientation: DsDividerAttrs['orientation'];
+    variant: DsDividerAttrs['variant'];
+    mode: DsDividerAttrs['mode'];
+    protected get classes(): {
+        [x: string]: boolean;
+        divider: boolean;
+    };
+    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist-react/components/ds-divider/ds-divider.types.d.ts

@@ -0,0 +1,6 @@
+import type { CommonAttrs } from '../../types/types';
+export interface DsDividerAttrs extends CommonAttrs {
+    orientation?: 'horizontal' | 'vertical';
+    variant?: 'primary' | 'secondary' | (string & {});
+    mode?: 'dark' | 'light';
+}

package/dist-react/components/ds-divider/styles/common.styles.d.ts

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

package/dist-react/components/ds-hyperlink/ds-hyperlink.d.ts

@@ -0,0 +1,18 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsHyperlinkAttrs } from './ds-hyperlink.types';
+export declare class DsHyperlinkButton extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    htmlTagName: DsHyperlinkAttrs['html-tag-name'];
+    href: DsHyperlinkAttrs['href'];
+    rel: DsHyperlinkAttrs['rel'];
+    target: DsHyperlinkAttrs['target'];
+    mode: DsHyperlinkAttrs['mode'];
+    size: DsHyperlinkAttrs['size'];
+    private handleClick;
+    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get classes(): {
+        [x: string]: boolean;
+        hyperlink: boolean;
+    };
+    render(): import("lit").TemplateResult<1>;
+}

package/dist-react/components/ds-hyperlink/ds-hyperlink.test.d.ts

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

package/dist-react/components/ds-hyperlink/ds-hyperlink.types.d.ts

@@ -0,0 +1,19 @@
+import type { CommonAttrs } from '../../types/types';
+type Link = {
+    'html-tag-name'?: 'a';
+    href?: string;
+    rel?: string;
+    target?: string;
+};
+type Button = {
+    'html-tag-name': 'button';
+    href?: never;
+    rel?: never;
+    target?: never;
+};
+type Element = Link | Button;
+export type DsHyperlinkAttrs = {
+    mode?: 'dark' | 'light';
+    size?: 'large' | 'medium' | 'small';
+} & Element & CommonAttrs;
+export {};

package/dist-react/components/ds-hyperlink/styles/common.styles.d.ts

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