@cupra/ui-kit 2.0.0-canary.16 → 2.0.0-canary.161

package/dist-react/esm/utils/validateMaxLength.js

@@ -1,6 +1,6 @@
-function e(r) {
-  return !r || typeof r != "string" && typeof r != "number" ? !1 : (typeof r == "string" ? Number(r) : r) > 0;
+//#region src/utils/validateMaxLength.ts
+function e(e) {
+	return !e || typeof e != "string" && typeof e != "number" ? !1 : (typeof e == "string" ? Number(e) : e) > 0;
 }
-export {
-  e as validateMaxLength
-};
+//#endregion
+export { e as validateMaxLength };

package/dist-react/esm/utils/version.js

@@ -0,0 +1,4 @@
+//#region src/utils/version.ts
+var e = "2.0.0-canary.161", t = `--v${e.replaceAll(".", "-")}`;
+//#endregion
+export { e as VERSION, t as VERSION_TAG_SUFFIX };

package/dist-react/types/components/base/UiKitElement.d.ts

@@ -1,8 +1,6 @@
 import { type Theme } from '../ds-theme-provider/themeContext';
-import { ComponentFactory } from '../../utils/componentFactory.ts';
 import { LitElement, PropertyValues } from 'lit';
 export declare class UiKitElement extends LitElement {
-    protected componentFactory: ComponentFactory;
     protected contextTheme?: Theme;
     protected pubSubTheme: Theme;
     static componentName?: string;

package/dist-react/types/components/base/ds-base-input/ds-base-input.d.ts

@@ -34,7 +34,7 @@ export declare abstract class DsBaseInput extends DsBaseInput_base {
     protected abstract inputTemplate: TemplateResult | symbol;
     protected abstract iconTemplate: TemplateResult | symbol;
     protected abstract dropdownTemplate: TemplateResult | symbol;
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): TemplateResult<1>;
     render(): TemplateResult<1>;
 }
 export {};

package/dist-react/types/components/base/ds-base-progress-bar/ds-base-progress-bar.d.ts

@@ -4,12 +4,14 @@ export declare class DsBaseProgressBar extends DsUiElement {
     show: DsBaseProgressBarAttrs['show'];
     mode: DsBaseProgressBarAttrs['mode'];
     size: DsBaseProgressBarAttrs['size'];
+    dataAriaLabel: DsBaseProgressBarAttrs['data-aria-label'];
     static styles: import("lit").CSSResult[];
     static themesStyles: ThemesStyles;
     protected get classes(): {
         [x: string]: boolean;
         track: boolean;
     };
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
+    protected get progressAriaValue(): number | undefined;
     protected get barTemplate(): import("lit").TemplateResult<1>;
 }

package/dist-react/types/components/base/ds-base-progress-bar/ds-base-progress-bar.types.d.ts

@@ -3,4 +3,5 @@ export interface DsBaseProgressBarAttrs extends CommonAttrs {
     show?: boolean;
     mode?: 'dark' | 'light';
     size?: 'large' | 'small';
+    'data-aria-label'?: string;
 }

package/dist-react/types/components/base/ds-base-progress-bar/styles/seat-legacy.styles.d.ts

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

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

@@ -1,6 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
 import type { DsAccordionAttrs } from '../ds-accordion/ds-accordion.types';
-import { type PropertyValues } from 'lit';
+import '../ds-icon/ds-icon.ts';
+import { type PropertyValues, nothing } from 'lit';
 export declare class DsAccordion extends UiKitElement {
     static styles: import("lit").CSSResult[];
     maxHeight: DsAccordionAttrs['max-height'];
@@ -9,7 +10,7 @@ export declare class DsAccordion extends UiKitElement {
     size: DsAccordionAttrs['size'];
     disabled: DsAccordionAttrs['disabled'];
     _open: boolean;
-    firstUpdated(changedProps: PropertyValues): Promise<void>;
+    willUpdate(changedProps: PropertyValues): void;
     protected get containerClasses(): {
         [x: string]: boolean;
         container: boolean;
@@ -20,9 +21,9 @@ export declare class DsAccordion extends UiKitElement {
         [x: string]: boolean;
         divider: boolean;
     };
-    protected get openIconTemplate(): any;
-    protected get closeIconTemplate(): any;
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get openIconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
+    protected get closeIconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     protected handleKeyDown(event: KeyboardEvent): void;
     protected handleToggle(event: ToggleEvent): void;
     render(): import("lit").TemplateResult<1>;

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

@@ -3,6 +3,6 @@ export interface DsAccordionAttrs extends CommonAttrs {
     'max-height'?: number;
     open?: boolean;
     mode?: 'dark' | 'light';
-    size?: 'medium' | 'small' | (string & {});
+    size?: 'large' | 'medium' | (string & {});
     disabled?: boolean;
 }

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

@@ -1,19 +1,20 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
-import { DsAvatarAttrs } from './ds-avatar.types.ts';
+import '../ds-icon/ds-icon.ts';
+import type { 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 iconTemplate(): import("lit").HTMLTemplateResult;
     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;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     handleKeyDown(event: KeyboardEvent): void;
     render(): import("lit").TemplateResult<1>;
 }

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

@@ -3,7 +3,7 @@ import { nothing } from 'lit';
 import type { DsBadgeAttrs } from './ds-badge.types.js';
 export declare class DsBadge extends UiKitElement {
     static styles: import("lit").CSSResult[];
-    number?: number;
+    number: DsBadgeAttrs['number'];
     variant: DsBadgeAttrs['variant'];
     size: DsBadgeAttrs['size'];
     protected get hasNumber(): boolean;
@@ -13,6 +13,7 @@ export declare class DsBadge extends UiKitElement {
         dot: boolean;
         number: boolean;
     };
-    protected get contentTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get badgeAriaLabel(): string | undefined;
+    protected get contentTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     render(): import("lit").TemplateResult<1>;
 }

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

@@ -2,5 +2,5 @@ import type { CommonAttrs } from '../../types/types';
 export interface DsBadgeAttrs extends CommonAttrs {
     number?: number;
     variant?: 'base' | 'inverted';
-    size?: 'medium' | 'small';
+    size?: 'large' | 'medium';
 }

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

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

package/dist-react/types/components/ds-basic-card-section/ds-basic-card-section.d.ts

@@ -1,10 +1,11 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-divider/ds-divider.ts';
 import { DsBasicCardSectionAttrs } from './ds-basic-card-section.types.ts';
 export declare class DsBasicCardSection extends UiKitElement {
     static styles: import("lit").CSSResult[];
     withDivider: DsBasicCardSectionAttrs['divider'];
     centered: DsBasicCardSectionAttrs['centered'];
-    protected get dividerTemplate(): any;
+    protected get dividerTemplate(): import("lit").HTMLTemplateResult;
     private get classes();
     render(): import("lit").TemplateResult<1>;
 }

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

@@ -0,0 +1,23 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
+import '../ds-tooltip/ds-tooltip.ts';
+import { PropertyValues } from 'lit';
+import '../ds-breadcrumbs-item/ds-breadcrumbs-item.ts';
+export declare class DsBreadcrumbs extends UiKitElement {
+    private items;
+    private maxItems;
+    private itemTag;
+    private readonly onResize;
+    firstUpdated(changedProps: PropertyValues): Promise<void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleSlotChange;
+    private get separatorIcon();
+    private itemTemplate;
+    private get slotTemplate();
+    private get overflowMenuTemplate();
+    private get overflowTriggerTemplate();
+    private get tooltipTemplate();
+    private get listTemplate();
+    render(): import("lit").TemplateResult;
+}

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

@@ -0,0 +1,10 @@
+import type { CommonAttrs } from '../../types/types.ts';
+import type { DsBreadcrumbsItemAttrs } from '../ds-breadcrumbs-item/ds-breadcrumbs-item.types.ts';
+export interface BreadcrumbItemData extends Partial<DsBreadcrumbsItemAttrs> {
+    label: string;
+    href?: string;
+}
+export interface DsBreadcrumbsProps {
+    items?: BreadcrumbItemData[];
+}
+export type DsBreadcrumbsAttrs = DsBreadcrumbsProps & CommonAttrs;

package/dist-react/types/components/ds-breadcrumbs-item/ds-breadcrumbs-item.d.ts

@@ -0,0 +1,9 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsBreadcrumbsItemAttrs } from './ds-breadcrumbs-item.types.ts';
+export declare class DsBreadcrumbsItem extends UiKitElement {
+    selected: DsBreadcrumbsItemAttrs['selected'];
+    disabled: DsBreadcrumbsItemAttrs['disabled'];
+    loading: DsBreadcrumbsItemAttrs['loading'];
+    private get classes();
+    render(): import("lit").TemplateResult<1>;
+}

package/dist-react/types/components/ds-breadcrumbs-item/ds-breadcrumbs-item.types.d.ts

@@ -0,0 +1,6 @@
+import type { CommonAttrs } from '../../types/types';
+export type DsBreadcrumbsItemAttrs = {
+    selected?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+} & CommonAttrs;

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

@@ -9,6 +9,6 @@ export declare class DsBullets extends UiKitElement {
     private handleClickChunk;
     private get bulletsTemplate();
     private get classes();
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

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

@@ -1,9 +1,9 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.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'];
@@ -19,21 +19,24 @@ export declare class DsButton extends DsButton_base {
     rounded: DsButtonAttrs['rounded'];
     fullWidth: DsButtonAttrs['full-width'];
     loading: DsButtonAttrs['loading'];
+    textLoading: DsButtonAttrs['text-loading'];
     private closestForm;
-    protected firstUpdated(): void;
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): 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;
+    protected handleCustomClick(event: Event): void;
+    protected get iconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
+    protected get loadingTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+    protected get contentTemplate(): import("lit").TemplateResult<1>;
+    protected get cssTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }
 export {};

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

@@ -1,5 +1,9 @@
 import type { DsIconAttrs } from '../ds-icon/ds-icon.types.ts';
+import { type Viewports } from '../../utils/breakpoints.ts';
 import type { CommonAttrs } from '../../types/types.ts';
+type PresetSize = 'small' | 'medium' | 'large';
+type Size = PresetSize | string;
+type ResponsiveSize = Partial<Record<Viewports, Size>>;
 type Link = {
     'html-tag-name': 'a';
     href?: string;
@@ -19,18 +23,20 @@ type CustomElement = {
     target?: never;
 };
 type HtmlElement = Link | Button | CustomElement;
+export type DsButtonStandardVariant = 'primary' | 'secondary' | 'tertiary' | 'naked';
 export type DsButtonAttrs = {
-    variant?: string;
+    variant?: DsButtonStandardVariant | (string & {});
     mode?: 'dark' | 'light';
     disabled?: boolean;
     destructive?: boolean;
     'icon-name'?: DsIconAttrs['icon-name'];
-    size?: 'small' | 'medium' | 'large' | string;
+    size?: Size | ResponsiveSize;
     type?: 'button' | 'submit' | 'reset';
     'icon-position'?: 'left' | 'right';
     'icon-size'?: number;
     rounded?: boolean;
     'full-width'?: boolean;
     loading?: boolean;
+    'text-loading'?: string;
 } & HtmlElement & CommonAttrs;
 export {};

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

@@ -0,0 +1,47 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-calendar-day/ds-calendar-day.ts';
+import '../ds-icon-button/ds-icon-button.ts';
+import { type PropertyValues } from 'lit';
+import type { DsCalendarAttrs, DsCalendarSize, DsCalendarVariant, WeekDay } from './ds-calendar.types';
+export declare class DsCalendar extends UiKitElement {
+    value: DsCalendarAttrs['value'];
+    variant: DsCalendarVariant;
+    size: DsCalendarSize;
+    locale: DsCalendarAttrs['locale'];
+    firstDayOfWeek: WeekDay;
+    minDate: DsCalendarAttrs['min-date'];
+    maxDate: DsCalendarAttrs['max-date'];
+    disabledDates: string[];
+    disabledWeekdays: WeekDay[];
+    viewDateAttr: DsCalendarAttrs['view-date'];
+    initialValue: DsCalendarAttrs['initial-value'];
+    private _viewDate;
+    private _value;
+    private _initialValueApplied;
+    private _viewDateInitialized;
+    static styles: import("lit").CSSResult[];
+    private get selectedDate();
+    get viewDate(): Date;
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    private applyInitialValue;
+    private initializeViewDate;
+    private parseDate;
+    private get calendarClasses();
+    private get weekdayNames();
+    private get monthYearLabel();
+    private getDaysInMonth;
+    private getFirstDayOfMonth;
+    private get calendarDays();
+    private createCalendarDay;
+    private isDateDisabled;
+    private handlePrevMonth;
+    private handleNextMonth;
+    private handleDayChange;
+    private get navButtonSize();
+    private get prevButtonTemplate();
+    private get nextButtonTemplate();
+    private get weekdaysTemplate();
+    private get daysTemplate();
+    render(): import("lit").TemplateResult<1>;
+}

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

@@ -0,0 +1,27 @@
+import type { CommonAttrs } from '../../types/types';
+export type DsCalendarVariant = 'plane' | 'elevated';
+export type DsCalendarSize = 'large' | 'medium';
+export type WeekDay = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export interface DsCalendarAttrs extends CommonAttrs {
+    value?: string;
+    variant?: DsCalendarVariant;
+    size?: DsCalendarSize;
+    locale?: string;
+    'first-day-of-week'?: WeekDay;
+    'min-date'?: string;
+    'max-date'?: string;
+    'disabled-dates'?: string | string[];
+    'disabled-weekdays'?: string | WeekDay[];
+    'view-date'?: string;
+    'initial-value'?: string;
+}
+export interface CalendarDay {
+    day: number;
+    month: number;
+    year: number;
+    date: Date;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+}

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

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

package/dist-react/types/components/ds-calendar-day/ds-calendar-day.d.ts

@@ -0,0 +1,22 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsCalendarDayAttrs, DsCalendarDaySize } from './ds-calendar-day.types';
+export declare class DsCalendarDay extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    day: DsCalendarDayAttrs['day'];
+    size: DsCalendarDaySize;
+    disabled: DsCalendarDayAttrs['disabled'];
+    selected: DsCalendarDayAttrs['selected'];
+    today: DsCalendarDayAttrs['today'];
+    outsideMonth: DsCalendarDayAttrs['outside-month'];
+    protected get classes(): {
+        [x: string]: boolean;
+        day: boolean;
+        disabled: boolean;
+        selected: boolean;
+        today: boolean;
+        'outside-month': boolean;
+    };
+    private handleClick;
+    private handleKeyDown;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist-react/types/components/ds-calendar-day/ds-calendar-day.types.d.ts

@@ -0,0 +1,12 @@
+import type { CommonAttrs } from '../../types/types';
+export type DsCalendarDayState = 'default' | 'hover' | 'pressed' | 'disabled' | 'selected' | 'today';
+export type DsCalendarDaySize = 'large' | 'medium';
+export interface DsCalendarDayAttrs extends CommonAttrs {
+    day?: number;
+    state?: DsCalendarDayState;
+    size?: DsCalendarDaySize;
+    disabled?: boolean;
+    selected?: boolean;
+    today?: boolean;
+    'outside-month'?: boolean;
+}

package/dist-react/types/components/ds-calendar-day/styles/common.styles.d.ts

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

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

@@ -8,5 +8,5 @@ export declare class DsCarouselIndicator extends UiKitElement {
     private maxSelectorsShown;
     private get classes();
     private get selectorsTemplate();
-    render(): typeof nothing | import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | typeof nothing;
 }

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

@@ -1,21 +1,43 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsCheckboxGroupAttrs } from '../ds-checkbox-group/ds-checkbox-group.types.ts';
+import '../ds-icon/ds-icon.ts';
+import { nothing } from 'lit';
 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'];
+    _checked: DsCheckboxAttrs['checked'];
+    private _checkedState;
+    get checked(): boolean;
+    set checked(value: boolean | undefined);
     required: DsCheckboxAttrs['required'];
-    disabled: DsCheckboxAttrs['disabled'];
+    _disabled: DsCheckboxAttrs['disabled'];
     mode: DsCheckboxAttrs['mode'];
-    size: DsCheckboxAttrs['size'];
+    _size: DsCheckboxAttrs['size'];
     helperText: DsCheckboxAttrs['helper-text'];
     infoText: DsCheckboxAttrs['info-text'];
-    forcedError: DsCheckboxAttrs['forced-error'];
+    _forcedError: DsCheckboxAttrs['forced-error'];
     invalidError: DsCheckboxAttrs['invalid-error'];
     indeterminate: DsCheckboxAttrs['indeterminate'];
+    dataAriaLabel: string;
+    protected disabledGroup?: DsCheckboxGroupAttrs['disabled'];
+    protected errorGroup?: DsCheckboxGroupAttrs['error'];
+    protected sizeGroup?: DsCheckboxGroupAttrs['size'];
     static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
+    protected createContextConsumers(contexts: Array<{
+        context: any;
+        callback: any;
+    }>): void;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get size(): DsCheckboxAttrs['size'];
+    set size(value: DsCheckboxAttrs['size']);
+    protected get forcedError(): DsCheckboxAttrs['forced-error'];
+    protected set forcedError(value: DsCheckboxAttrs['forced-error']);
+    protected get error(): boolean;
     private handleChange;
     protected get classes(): {
         [x: string]: boolean;
@@ -24,8 +46,8 @@ export declare class DsCheckbox extends DsCheckbox_base {
         checked: boolean;
         error: boolean;
     };
-    protected get iconTemplate(): any;
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get iconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }
 export {};

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

@@ -6,7 +6,7 @@ export interface DsCheckboxAttrs extends CommonAttrs {
     required?: boolean;
     disabled?: boolean;
     mode?: 'dark' | 'light';
-    size?: 'medium' | 'small';
+    size?: 'large' | 'medium' | string;
     'helper-text'?: string;
     'info-text'?: string;
     'forced-error'?: string;

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

@@ -0,0 +1,28 @@
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsCheckboxGroupAttrs, Orientation } from './ds-checkbox-group.types.ts';
+export declare const checkboxGroupDisabledContext: {
+    __context__: boolean;
+};
+export declare const checkboxGroupErrorContext: {
+    __context__: boolean;
+};
+export declare const checkboxGroupErrorTextContext: {
+    __context__: string;
+};
+export declare const checkboxGroupHelperTextContext: {
+    __context__: string;
+};
+export declare const checkboxGroupSizeContext: {
+    __context__: string;
+};
+export declare class DsCheckboxGroup extends UiKitElement {
+    static styles: import("lit").CSSResult[];
+    error: DsCheckboxGroupAttrs['error'];
+    errorText: DsCheckboxGroupAttrs['error-text'];
+    helperText: DsCheckboxGroupAttrs['helper-text'];
+    disabled: DsCheckboxGroupAttrs['disabled'];
+    size: DsCheckboxGroupAttrs['size'];
+    orientation: Orientation;
+    private get classes();
+    render(): import("lit").TemplateResult<1>;
+}

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

@@ -0,0 +1,10 @@
+import { CommonAttrs } from '../../types/types';
+export type Orientation = 'horizontal' | 'vertical';
+export type DsCheckboxGroupAttrs = {
+    error?: boolean;
+    'error-text'?: string;
+    'helper-text'?: string;
+    disabled?: boolean;
+    orientation?: Orientation;
+    size?: 'medium' | 'large' | string;
+} & CommonAttrs;

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

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

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

@@ -1,5 +1,6 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
-import { type PropertyValues } from 'lit';
+import '../ds-icon/ds-icon.ts';
+import { nothing } from 'lit';
 import type { DsChipAttrs } from './ds-chip.types.ts';
 export declare class DsChip extends UiKitElement {
     static styles: import("lit").CSSResult[];
@@ -8,14 +9,16 @@ export declare class DsChip extends UiKitElement {
     size: DsChipAttrs['size'];
     selected: DsChipAttrs['selected'];
     deselectable: DsChipAttrs['deselectable'];
-    slottedText: string;
-    protected firstUpdated(changedProps: PropertyValues): void;
+    iconName: DsChipAttrs['icon-name'];
+    private slottedText;
+    private handleSlotChange;
     private get classes();
-    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get styleTokens(): import("lit").TemplateResult<1>;
     handleClick(): void;
     handleKeyDown(event: KeyboardEvent): void;
     private handleClickIcon;
     private handleKeyDownIcon;
-    protected get iconTemplate(): any;
+    private get leadingIconTemplate();
+    protected get iconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     render(): import("lit").TemplateResult<1>;
 }

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

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

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

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
 import { type PropertyValues, type TemplateResult } from 'lit';
 import type { DsChipsAttrs } from './ds-chips.types.ts';
 export declare class DsChips extends UiKitElement {

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

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