@cupra/ui-kit 0.0.2-placeholder → 1.0.0-canary.1

package/README.md

@@ -1,27 +1,172 @@
-# @cupra/ui-kit · Placeholder Package
+# UI Kit (Web Components)
 
 ## Overview
-This package represents a **placeholder release** for the `@cupra/ui-kit` module of the **DS-UI Design System**.  
-It has been published to establish the package namespace and to support internal configuration activities related to the continuous integration and release infrastructure.
+Core Web Components for the DS-UI design system, implemented with Lit and TypeScript.  
+This package is framework-agnostic and can be consumed from any modern frontend stack, either via npm or directly from the CDN.
 
-No functional implementation or production assets are included in this version.
+## Audience
+Use `@cupra/ui-kit` if you want the **smallest, most portable** way to adopt DS-UI across frameworks:
 
-## Purpose
-- Reserve the `@cupra/ui-kit` package name under the Cupra organization.
-- Facilitate configuration and validation of the associated build and release systems.
-- Provide an initial reference point for future official releases of the Web Components library.
+- Works with any environment (React, Vue, Svelte, Angular, plain JS, HTML).
+- Provides encapsulation through Shadow DOM.
+- Gives full control over when and how assets (CSS, fonts, icons) load.
 
-## Contents
-This release includes:
-- `package.json` metadata
-- `LICENSE.md`
-- `README.md`
+If your application is **React-only**, and you prefer idiomatic React props & JSX, use `@cupra/ui-react` instead.
 
-No source code, compiled output, or runtime components are distributed at this stage.
+## Installation
 
-## Future Releases
-Subsequent versions will deliver the complete implementation of the Web Components library, developed with **Lit** and **TypeScript**, following the principles of **Semantic Versioning 2.0.0**.
+### Install the package
+- npm: `npm install @cupra/ui-kit`
+- pnpm: `pnpm add @cupra/ui-kit`
+- yarn: `yarn add @cupra/ui-kit`
+
+### Registry configuration (only if needed)
+
+**.npmrc**
+
+```ini
+@cupra:registry=https://registry.npmjs.org
+```
+
+**.yarnrc.yml**
+
+```yaml
+npmScopes:
+cupra:
+npmRegistryServer: "https://registry.npmjs.org"
+```
+
+---
+
+## Documentation & Live Playground
+
+You can explore all `ui-kit` Web Components, their APIs, theming options and live examples in the online documentation and playground:
+
+[https://diagonal.cupra.com/ui-kit/index.html](https://diagonal.cupra.com/ui-kit/index.html)
+
+---
+
+## Versioning and Release Channels
+
+This package is published to npm under **two channels**: `latest` (stable) and `canary` (early access).
+
+### Stable Releases (`latest`)
+These versions represent production-ready builds:
+
+- Follow Semantic Versioning
+- Include validated and approved changes
+- Recommended for all production usage
+
+Install latest stable:
+
+```bash
+npm install @cupra/ui-kit
+```
+
+Specific stable version:
+
+```bash
+npm install @cupra/ui-kit@0.1.3
+```
+
+---
+
+### Canary Releases (`canary`)
+Canary versions include the **most recent changes merged into `main`**.
+
+Choose a canary version if you:
+
+- Want early access to upcoming features
+- Are testing the next stable release
+- Accept small instability or rapid iteration
+
+Install latest canary:
+
+```bash
+npm install @cupra/ui-kit@canary
+```
+
+Specific canary version:
+
+```bash
+npm install @cupra/ui-kit@0.1.4-canary.2
+```
+
+### Recommended usage
+- **Production:** always use **stable (`latest`)**
+- **Testing upcoming features:** use the **canary channel**
+- **Deterministic builds:** pin exact versions (stable or canary)
+
+```bash
+npm install @cupra/ui-kit@0.1.4-canary.2
+```
+
+---
+
+## Usage
+How to consume the package, either through the CDN or your application build.
+
+---
+
+### Option A — CDN in plain HTML
+1) Load the DS-UI Web Components bundle:
+
+```html
+<script src="https://ds-assets.cupra.com/[version]/dist/index.iife.js"></script>
+```
+
+2) Load the theme CSS (link preferred for performance):
+
+```html
+<link rel="stylesheet" href="https://ds-assets.cupra.com/[version]/styles/[theme]/theme.css" />
+```
+
+3) Wrap your UI with the theme provider.  
+   `load-fonts` and `load-styles` control whether the provider loads assets automatically.
+
+```html
+<ds-theme-provider theme="cupra" load-fonts="true" load-styles="true">
+    <ds-button variant="destructive" icon-name="filters-background">Hello</ds-button>
+    <ds-icon icon-name="filters-background"></ds-icon>
+</ds-theme-provider>
+```
+
+**Performance note:**  
+For optimal behaviour, manually preload the CSS (and fonts if required) and set the provider to not load them:
+
+```html
+<link rel="preload" as="style" href="https://ds-assets.cupra.com/[version]/styles/cupra/theme.css" />
+<link rel="stylesheet" href="https://ds-assets.cupra.com/[version]/styles/cupra/theme.css" />
+
+<ds-theme-provider theme="cupra" load-fonts="false" load-styles="false">
+    <!-- components -->
+</ds-theme-provider>
+```
+
+---
+
+### Option B — Installed via npm in an app build
+Install the package:
+
+```bash
+npm install @cupra/ui-kit
+```
+
+Then include the theme provider as in the CDN example.  
+CSS may be loaded manually (recommended) or automatically via the provider:
+
+```html
+<ds-theme-provider theme="cupra" load-fonts="true" load-styles="true">
+    <ds-button variant="primary">Button</ds-button>
+</ds-theme-provider>
+```
+
+---
 
 ## License
-**SEE LICENSE IN LICENSE.md**  
-This package is distributed under the SEAT S.A. Library EULA. 1.0
+License: SEAT S.A. Library EULA 1.0  
+See `LICENSE.md` for the full license text.  
+Third-party license attributions may be listed in `THIRD_PARTY_LICENSES.md`.
+
+## Support
+For any questions or assistance, contact: **ds.support@seat.es**

package/THIRD-PARTY-LICENSES.MD

@@ -0,0 +1,79 @@
+This file was generated with the generate-license-file npm package!
+https://www.npmjs.com/package/generate-license-file
+
+The following npm package may be included in this product:
+
+ - lit@3.3.1
+
+This package contains the following license:
+
+BSD 3-Clause License
+
+Copyright (c) 2017 Google LLC. All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its
+   contributors may be used to endorse or promote products derived from
+   this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+-----------
+
+The following npm package may be included in this product:
+
+ - @lit/context@1.1.6
+
+This package contains the following license:
+
+BSD 3-Clause License
+
+Copyright (c) 2021 Google LLC. All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its
+   contributors may be used to endorse or promote products derived from
+   this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+-----------
+
+This file was generated with the generate-license-file npm package!
+https://www.npmjs.com/package/generate-license-file

package/dist/components/base/DsUiElement.d.ts

@@ -0,0 +1,16 @@
+import { type Theme } from '../ds-theme-provider/themeContext';
+import { type CSSResult, LitElement, type PropertyValues } from 'lit';
+export type ThemesStyles = {
+    [K in Theme]?: CSSResult | CSSResult[];
+};
+export declare class DsUiElement extends LitElement {
+    protected contextTheme?: Theme;
+    protected pubSubTheme: Theme;
+    protected theme: Theme;
+    static themesStyles?: ThemesStyles;
+    constructor();
+    private handleChangeTheme;
+    connectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private applyTheme;
+}

package/dist/components/base/UiKitElement.d.ts

@@ -0,0 +1,20 @@
+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;
+    private appliedConstructables?;
+    private appliedStyleTags?;
+    constructor();
+    protected get theme(): Theme | undefined;
+    private handleChangeTheme;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: PropertyValues): void;
+    protected getComponentNames(): string[];
+    private supportsAdoptedSheets;
+    private applyThemeStyles;
+}

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

@@ -0,0 +1,40 @@
+import { DsUiElement, type ThemesStyles } from '../DsUiElement.ts';
+import { type TemplateResult } from 'lit';
+import type { DsBaseInputAttrs } from './ds-base-input.types.ts';
+declare const DsBaseInput_base: typeof DsUiElement;
+export declare abstract class DsBaseInput extends DsBaseInput_base {
+    initialValue: DsBaseInputAttrs['initial-value'];
+    label: DsBaseInputAttrs['label'];
+    helperText: DsBaseInputAttrs['helper-text'];
+    errorText: DsBaseInputAttrs['error-text'];
+    disabled: DsBaseInputAttrs['disabled'];
+    success: DsBaseInputAttrs['success'];
+    mode: DsBaseInputAttrs['mode'];
+    size: DsBaseInputAttrs['size'];
+    protected _value: string;
+    protected focused: boolean;
+    protected inputField: HTMLInputElement;
+    protected firstUpdated(): void;
+    protected get value(): string;
+    protected set value(newValue: string);
+    static styles: import("lit").CSSResult[];
+    static themesStyles: ThemesStyles;
+    protected handleFocus: () => void;
+    protected handleBlur: () => void;
+    protected get classes(): {
+        [x: string]: boolean;
+        container: boolean;
+        focused: boolean;
+        error: boolean;
+        success: boolean;
+        disabled: boolean;
+    };
+    protected abstract handleInput: (event: Event) => void;
+    protected abstract labelTemplate: TemplateResult | symbol;
+    protected abstract inputTemplate: TemplateResult | symbol;
+    protected abstract iconTemplate: TemplateResult | symbol;
+    protected abstract dropdownTemplate: TemplateResult | symbol;
+    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    render(): TemplateResult<1>;
+}
+export {};

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

@@ -0,0 +1,11 @@
+import type { CommonAttrs } from '../../../types/types';
+export interface DsBaseInputAttrs extends CommonAttrs {
+    'initial-value'?: string;
+    label?: string;
+    'helper-text'?: string;
+    'error-text'?: string;
+    disabled?: boolean;
+    success?: boolean;
+    mode?: 'dark' | 'light';
+    size?: 'large' | 'small';
+}

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

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

package/dist/components/base/ds-base-input/styles/cupra.styles.d.ts

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

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

@@ -0,0 +1,15 @@
+import { DsUiElement, type ThemesStyles } from '../DsUiElement.ts';
+import type { DsBaseProgressBarAttrs } from './ds-base-progress-bar.types.ts';
+export declare class DsBaseProgressBar extends DsUiElement {
+    show: DsBaseProgressBarAttrs['show'];
+    mode: DsBaseProgressBarAttrs['mode'];
+    size: DsBaseProgressBarAttrs['size'];
+    static styles: import("lit").CSSResult[];
+    static themesStyles: ThemesStyles;
+    protected get classes(): {
+        [x: string]: boolean;
+        track: boolean;
+    };
+    protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected get barTemplate(): import("lit").TemplateResult<1>;
+}

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

@@ -0,0 +1,6 @@
+import type { CommonAttrs } from '../../../types/types';
+export interface DsBaseProgressBarAttrs extends CommonAttrs {
+    show?: boolean;
+    mode?: 'dark' | 'light';
+    size?: 'large' | 'small';
+}

package/dist/components/base/ds-base-progress-bar/styles/common.styles.d.ts

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

package/dist/components/base/ds-base-progress-bar/styles/cupra-diagonal.styles.d.ts

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

package/dist/components/base/ds-base-progress-bar/styles/cupra.styles.d.ts

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import type { CommonAttrs } from '../../types/types';
+export interface DsAccordionAttrs extends CommonAttrs {
+    'max-height'?: number;
+    open?: boolean;
+    mode?: 'dark' | 'light';
+    size?: 'medium' | 'small' | (string & {});
+    disabled?: boolean;
+}

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

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

package/dist/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/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/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/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/components/ds-avatar/styles/common.styles.d.ts

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

package/dist/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/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/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/components/ds-bullets/styles/common.styles.d.ts

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

package/dist/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/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/components/ds-button/ds-button.types.d.ts

@@ -0,0 +1,36 @@
+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;
+export type DsButtonAttrs = {
+    variant?: string;
+    mode?: 'dark' | 'light';
+    disabled?: boolean;
+    destructive?: boolean;
+    'icon-name'?: DsIconAttrs['icon-name'];
+    size?: 'small' | 'medium' | 'large' | string;
+    type?: 'button' | 'submit' | 'reset';
+    'icon-position'?: 'left' | 'right';
+    'icon-size'?: number;
+    rounded?: boolean;
+    'full-width'?: boolean;
+    loading?: boolean;
+} & HtmlElement & CommonAttrs;
+export {};

package/dist/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/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/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/components/ds-carousel-indicator/styles/common.styles.d.ts

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