@cupra/ui-react 0.0.1-placeholder → 0.0.2-canary.0

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,20 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+import { DsLoaderBarsAttrs } from '@cupra/ui-kit/react/types/ds-loader-bar';
+import { DsLoaderDotsAttrs } from '@cupra/ui-kit/react/types/ds-loader-dots';
+import { DsLoaderLogoAttrs } from '@cupra/ui-kit/react/types/ds-loader-logo';
+import { DsLoaderSpinnerAttrs } from '@cupra/ui-kit/react/types/ds-loader-spinner';
+export declare function LoaderLogo(props: DsLoaderLogoAttrs): ReactElement;
+declare function LoaderBar(props: DsLoaderBarsAttrs): ReactElement;
+declare function LoaderDots(props: DsLoaderDotsAttrs): ReactElement;
+interface DsLoaderSpinnerProps extends DsLoaderSpinnerAttrs {
+    text?: string;
+}
+declare function LoaderSpinner(props: DsLoaderSpinnerProps): ReactElement;
+export declare const Loader: {
+    Logo: typeof LoaderLogo;
+    Bar: typeof LoaderBar;
+    Dots: typeof LoaderDots;
+    Spinner: typeof LoaderSpinner;
+};
+export {};

package/dist/components/Loader/Loader.js

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+function o(r) {
+  return /* @__PURE__ */ e("ds-loader-logo-react", { ...r });
+}
+function t(r) {
+  return /* @__PURE__ */ e("ds-loader-bar-react", { ...r });
+}
+function n(r) {
+  return /* @__PURE__ */ e("ds-loader-dots-react", { ...r });
+}
+function d(r) {
+  return /* @__PURE__ */ e("ds-loader-spinner-react", { ...r, children: r.text && /* @__PURE__ */ e("div", { slot: "text", children: r.text }) });
+}
+const c = {
+  Logo: o,
+  Bar: t,
+  Dots: n,
+  Spinner: d
+};
+export {
+  c as Loader,
+  o as LoaderLogo
+};

package/dist/components/Logo/Logo.d.ts

@@ -0,0 +1,8 @@
+import { DsLogoAttrs } from '@cupra/ui-kit/react/types/ds-logo';
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+type LogoProps = DsLogoAttrs & {
+    className?: string;
+};
+export declare function Logo(props: LogoProps): ReactElement;
+export {};

package/dist/components/Logo/Logo.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+function a(o) {
+  const { className: r, children: c, ...s } = o;
+  return /* @__PURE__ */ t("ds-logo-react", { class: r, ...s });
+}
+export {
+  a as Logo
+};

package/dist/components/MapPin/MapPin.d.ts

@@ -0,0 +1,8 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+import { type DsMapPinAttrs } from '@cupra/ui-kit/react/types/ds-map-pin';
+type MapPinProps = DsMapPinAttrs & {
+    onChange?: (event: CustomEvent) => void;
+};
+export declare function MapPin({ onChange, ...rest }: MapPinProps): ReactElement;
+export {};

package/dist/components/MapPin/MapPin.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "../../packages/ui-kit/dist-react/index.js";
+function c({ onChange: r, ...t }) {
+  const { ref: n } = e({ change: r });
+  return /* @__PURE__ */ o("ds-map-pin-react", { ref: n, ...t });
+}
+export {
+  c as MapPin
+};

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,26 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+import { DsModalAttrs } from '@cupra/ui-kit/react/types/ds-modal';
+type Children = JSX.Element | JSX.Element[] | string;
+interface ModalProps extends DsModalAttrs {
+    children: Children;
+    withPortal?: boolean;
+    className?: string;
+    onClickCloseButton?: (event: CustomEvent) => void;
+    onClickConfirmButton?: (event: CustomEvent) => void;
+    onClickCancelButton?: (event: CustomEvent) => void;
+}
+export declare function Modal(props: Readonly<ModalProps>): ReactElement | null;
+export declare namespace Modal {
+    var Title: ({ children }: {
+        children: Children;
+    }) => ReactElement;
+    var Content: ({ className, children }: {
+        className?: string;
+        children: Children;
+    }) => ReactElement;
+    var FullScreenContent: ({ children }: {
+        children: Children;
+    }) => ReactElement;
+}
+export {};

package/dist/components/Modal/Modal.js

@@ -0,0 +1,49 @@
+import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { useHandleEvent as f } from "../../hooks/useHandleEvent.js";
+import p from "../../node_modules/.pnpm/styled-components@6.1.19_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js";
+import "../../packages/ui-kit/dist-react/index.js";
+function e() {
+}
+const C = p.div`
+    margin: 0;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+`;
+function l(t) {
+  const {
+    children: o,
+    onClickCloseButton: i = e,
+    onClickConfirmButton: s = e,
+    onClickCancelButton: u = e,
+    className: a,
+    withPortal: m,
+    ...r
+  } = t, { ref: d } = f({
+    "click-close-button": i,
+    "click-confirm-button": s,
+    "click-cancel-button": u
+  });
+  if (!r.open) return null;
+  const c = /* @__PURE__ */ n("ds-modal-react", { ref: d, class: a, ...r, children: o });
+  return m ? /* @__PURE__ */ n("ds-portal-react", { style: { display: "none" }, children: c }) : c;
+}
+function h({ children: t }) {
+  return /* @__PURE__ */ n("div", { slot: "title", children: t });
+}
+function k({ className: t = "", children: o }) {
+  return /* @__PURE__ */ n("div", { slot: "content", className: `ds-scroll ${t}`.trim(), children: o });
+}
+function b({ children: t }) {
+  return /* @__PURE__ */ n(C, { slot: "content", children: t });
+}
+l.Title = h;
+l.Content = k;
+l.FullScreenContent = b;
+export {
+  l as Modal
+};

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,19 @@
+import { DsPasswordInputAttrs } from '@cupra/ui-kit/react/types/ds-password-input';
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+type PasswordInputProps = DsPasswordInputAttrs & {
+    className?: string;
+    onChange?: (event: typeof InputEvent) => void;
+    onInput?: (event: typeof InputEvent) => void;
+    inputId: string;
+    placeHolder?: string;
+    value?: string;
+    label: string;
+    required?: boolean;
+    disabled?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+};
+export declare function PasswordInput(props: PasswordInputProps): ReactElement;
+export {};

package/dist/components/PasswordInput/PasswordInput.js

@@ -0,0 +1,42 @@
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+import "react";
+import { useHandleEvent as x } from "../../hooks/useHandleEvent.js";
+function H(n) {
+  const {
+    className: t,
+    children: b,
+    onChange: o,
+    onInput: s,
+    inputId: e,
+    placeHolder: a,
+    value: p,
+    label: l,
+    required: i,
+    disabled: d,
+    pattern: c,
+    maxLength: u,
+    minLength: h,
+    ...m
+  } = n, { ref: f } = x({ change: o, input: s });
+  return /* @__PURE__ */ g("ds-password-input-react", { ref: f, class: t, ...m, children: [
+    /* @__PURE__ */ r("label", { htmlFor: e, children: l }),
+    /* @__PURE__ */ r(
+      "input",
+      {
+        id: e,
+        type: "password",
+        placeholder: a,
+        value: p,
+        required: i,
+        disabled: d,
+        minLength: h,
+        maxLength: u,
+        pattern: c
+      }
+    )
+  ] });
+}
+export {
+  H as PasswordInput
+};

package/dist/components/PickerItem/PickerItem.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+import type { DsPickerItemAttrs } from '@cupra/ui-kit/react/types/ds-picker-item';
+type PickerItemProps = Omit<DsPickerItemAttrs, 'size'> & {
+    className?: string;
+    children: JSX.Element | JSX.Element[] | string;
+    onClick?: (event: CustomEvent) => void;
+};
+export declare function PickerItem(props: PickerItemProps): ReactElement;
+export {};

package/dist/components/PickerItem/PickerItem.js

@@ -0,0 +1,12 @@
+import { jsx as s } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
+function a(e) {
+  const { className: r, children: t, onClick: c, ...i } = e, { ref: o } = m({
+    "ds-picker-item:click": c
+  });
+  return /* @__PURE__ */ s("ds-picker-item-react", { ref: o, class: r, ...i, children: t });
+}
+export {
+  a as PickerItem
+};

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,18 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+import { DsRadioAttrs } from '@cupra/ui-kit/react/types/ds-radio';
+import { DsRadioGroupAttrs } from '@cupra/ui-kit/react/types/ds-radio-group';
+type Children = JSX.Element | JSX.Element[] | string;
+interface RadioGroupProps extends DsRadioGroupAttrs {
+    children: Children;
+    onChange?: (event: CustomEvent) => void;
+    className?: string;
+}
+interface RadioProps extends DsRadioAttrs {
+    children?: Children;
+}
+export declare const Radio: {
+    Group: ({ children, onChange, className, ...restProps }: RadioGroupProps) => ReactElement;
+    Button: ({ children, className, ...restProps }: RadioProps) => ReactElement;
+};
+export {};

package/dist/components/Radio/Radio.js

@@ -0,0 +1,14 @@
+import { jsx as s } from "react/jsx-runtime";
+import "react";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "../../packages/ui-kit/dist-react/index.js";
+const c = ({ children: o, onChange: r, className: t, ...a }) => {
+  const { ref: n } = e({ change: r });
+  return /* @__PURE__ */ s("ds-radio-group-react", { ref: n, class: t, ...a, children: o });
+}, i = ({ children: o, className: r, ...t }) => /* @__PURE__ */ s("ds-radio-react", { class: r, ...t, children: o }), f = {
+  Group: c,
+  Button: i
+};
+export {
+  f as Radio
+};

package/dist/components/RadioButton/RadioButton.d.ts

@@ -0,0 +1,10 @@
+import type { DsRadioButtonAttrs } from '@cupra/ui-kit/react/types/ds-radio-button';
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+type RadioButtonProps = DsRadioButtonAttrs & {
+    onChange?: (event: CustomEvent) => void;
+    className?: string;
+    children: JSX.Element | JSX.Element[] | string;
+};
+export declare function RadioButton(props: RadioButtonProps): ReactElement;
+export {};

package/dist/components/RadioButton/RadioButton.js

@@ -0,0 +1,10 @@
+import { jsx as a } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
+function p(o) {
+  const { className: t, children: r, onChange: n, ...e } = o, { ref: s } = c({ change: n });
+  return /* @__PURE__ */ a("ds-radio-button-react", { ref: s, class: t, ...e, children: r });
+}
+export {
+  p as RadioButton
+};

package/dist/components/RadioButtonGroup/RadioButtonGroup.d.ts

@@ -0,0 +1,16 @@
+import type { DsRadioButtonGroupAttrs } from '@cupra/ui-kit/react/types/ds-radio-button-group';
+import { type ReactElement, type ReactNode } from 'react';
+import '@cupra/ui-kit/react';
+export type RadioButtonGroupProps = DsRadioButtonGroupAttrs & {
+    onChange?: (event: CustomEvent) => void;
+    className?: string;
+    children?: ReactNode;
+};
+/**
+ * RadioButtonGroup
+ * Wraps the ds-radio-button-group web component. Slots:
+ * - slot="title" for the group title
+ * - slot="description" for the group description
+ * Children: one or more <RadioButton> (or ds-radio-button) elements.
+ */
+export declare function RadioButtonGroup(props: RadioButtonGroupProps): ReactElement;

package/dist/components/RadioButtonGroup/RadioButtonGroup.js

@@ -0,0 +1,10 @@
+import { jsx as a } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
+function m(o) {
+  const { className: r, children: t, onChange: n, ...e } = o, { ref: s } = c({ change: n });
+  return /* @__PURE__ */ a("ds-radio-button-group-react", { ref: s, class: r, ...e, children: t });
+}
+export {
+  m as RadioButtonGroup
+};

package/dist/components/Search/Search.d.ts

@@ -0,0 +1,9 @@
+import { DsSearchAttrs } from '@cupra/ui-kit/react/types/ds-search';
+import { type ChangeEvent } from 'react';
+import '@cupra/ui-kit/react';
+type SearchProps = DsSearchAttrs & {
+    className?: string;
+    onInput?: (event: ChangeEvent<HTMLInputElement>) => void;
+};
+export declare const Search: import("react").ForwardRefExoticComponent<Omit<SearchProps, "ref"> & import("react").RefAttributes<unknown>>;
+export {};

package/dist/components/Search/Search.js

@@ -0,0 +1,8 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import "../../packages/ui-kit/dist-react/index.js";
+const c = t(({ onInput: r, className: a, ...e }, o) => /* @__PURE__ */ s("ds-search-react", { ref: o, class: a, onInput: r, ...e }));
+c.displayName = "Search";
+export {
+  c as Search
+};

package/dist/components/SearchInput/SearchInput.d.ts

@@ -0,0 +1,20 @@
+import { DsSearchInputAttrs } from '@cupra/ui-kit/react/types/ds-search-input';
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+type SearchInputProps = DsSearchInputAttrs & {
+    className?: string;
+    onChange?: (event: typeof InputEvent) => void;
+    onInput?: (event: typeof InputEvent) => void;
+    onClickPositionButton?: (event: CustomEvent) => void;
+    placeHolder?: string;
+    value?: string;
+    label: string;
+    required?: boolean;
+    disabled?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+    inputProps?: React.HTMLAttributes<HTMLInputElement>;
+};
+export declare function SearchInput(props: SearchInputProps): ReactElement;
+export {};

package/dist/components/SearchInput/SearchInput.js

@@ -0,0 +1,46 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+import "react";
+import { useHandleEvent as g } from "../../hooks/useHandleEvent.js";
+function H(e) {
+  const {
+    className: n,
+    children: x,
+    onChange: r,
+    onInput: o,
+    onClickPositionButton: i,
+    placeHolder: a,
+    type: P,
+    value: p,
+    label: c,
+    required: l,
+    disabled: s,
+    pattern: u,
+    maxLength: h,
+    minLength: d,
+    inputProps: m,
+    ...b
+  } = e, { ref: f } = g({
+    change: r,
+    input: o,
+    "ds-search-input:click-position-button": i
+  });
+  return /* @__PURE__ */ t("ds-search-input-react", { ref: f, class: n, ...b, children: /* @__PURE__ */ t(
+    "input",
+    {
+      type: "text",
+      "aria-label": c,
+      placeholder: a,
+      value: p,
+      required: l,
+      disabled: s,
+      minLength: d,
+      maxLength: h,
+      pattern: u,
+      ...m
+    }
+  ) });
+}
+export {
+  H as SearchInput
+};

package/dist/components/SecondaryNavigation/SecondaryNavigation.d.ts

@@ -0,0 +1,18 @@
+import { DsSecondaryNavigationAttrs } from '@cupra/ui-kit/react/types/ds-secondary-navigation';
+import { type ReactElement, type ReactNode } from 'react';
+import '@cupra/ui-kit/react';
+type SecondaryNavigationProps = DsSecondaryNavigationAttrs & {
+    className?: string;
+    children?: ReactNode;
+    onSelect?: (event: CustomEvent) => void;
+};
+export declare function SecondaryNavigation(props: SecondaryNavigationProps): ReactElement;
+export declare namespace SecondaryNavigation {
+    var Items: ({ children }: {
+        children: ReactNode;
+    }) => ReactElement;
+    var Actions: ({ children }: {
+        children: ReactNode;
+    }) => ReactElement;
+}
+export {};

package/dist/components/SecondaryNavigation/SecondaryNavigation.js

@@ -0,0 +1,16 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+import "react";
+import { useHandleEvent as a } from "../../hooks/useHandleEvent.js";
+function n(t) {
+  const { className: s, children: e, onSelect: r, ...i } = t, { ref: c } = a({
+    "ds-secondary-navigation:select": r
+  });
+  return /* @__PURE__ */ o("ds-secondary-navigation-react", { ref: c, class: s, ...i, children: e });
+}
+const m = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "items", children: t }), d = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "actions", children: t });
+n.Items = m;
+n.Actions = d;
+export {
+  n as SecondaryNavigation
+};

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,10 @@
+import { DsSegmentedControlAttrs } from '@cupra/ui-kit/react/types/ds-segmented-control';
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+type SegmentedControlProps = DsSegmentedControlAttrs & {
+    onChange?: (event: CustomEvent) => void;
+    className?: string;
+    children: JSX.Element | JSX.Element[] | string;
+};
+export declare function SegmentedControl(props: SegmentedControlProps): ReactElement;
+export {};

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,11 @@
+import { jsx as c } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+import "react";
+import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
+function d(e) {
+  const { onChange: o, className: r, children: t, ...n } = e, { ref: s } = m({ change: o });
+  return /* @__PURE__ */ c("ds-segmented-control-react", { ref: s, class: r, ...n, children: t });
+}
+export {
+  d as SegmentedControl
+};

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+import { DsSelectAttrs } from '@cupra/ui-kit/react/types/ds-select';
+type Children = JSX.Element | JSX.Element[] | string;
+interface SelectProps extends DsSelectAttrs {
+    children: Children;
+}
+export declare const Select: ({ children, ...restProps }: SelectProps) => ReactElement;
+export {};

package/dist/components/Select/Select.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+const s = ({ children: t, ...e }) => /* @__PURE__ */ r("ds-select-react", { ...e, children: t });
+export {
+  s as Select
+};

package/dist/components/Selection/Selection.d.ts

@@ -0,0 +1,8 @@
+import { DsSelectionAttrs } from '@cupra/ui-kit/react/types/ds-selection';
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+type SelectionProps = DsSelectionAttrs & {
+    className?: string;
+};
+export declare function Selection(props: SelectionProps): ReactElement;
+export {};

package/dist/components/Selection/Selection.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+function i(e) {
+  const { className: o, children: s, ...r } = e;
+  return /* @__PURE__ */ t("ds-selection-react", { class: o, ...r });
+}
+export {
+  i as Selection
+};

package/dist/components/SidebarNavigation/SidebarNavigation.d.ts

@@ -0,0 +1,25 @@
+import { DsSidebarNavigationAttrs } from '@cupra/ui-kit/react/types/ds-sidebar-navigation';
+import '@cupra/ui-kit/react';
+import { type ReactElement, type ReactNode } from 'react';
+export type SidebarNavigationProps = DsSidebarNavigationAttrs & {
+    className?: string;
+    children?: ReactNode;
+};
+export declare function SidebarNavigation(props: SidebarNavigationProps): ReactElement;
+export declare namespace SidebarNavigation {
+    var AsideText: ({ children }: {
+        children?: ReactNode;
+    }) => ReactElement;
+    var AsideIcon: ({ children }: {
+        children?: ReactNode;
+    }) => ReactElement;
+    var AsideHelperText: ({ children }: {
+        children?: ReactNode;
+    }) => ReactElement;
+    var MainCta: ({ children }: {
+        children?: ReactNode;
+    }) => ReactElement;
+    var Ctas: ({ children }: {
+        children?: ReactNode;
+    }) => ReactElement;
+}

package/dist/components/SidebarNavigation/SidebarNavigation.js

@@ -0,0 +1,15 @@
+import { jsx as e } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+function s(t) {
+  const { className: i, children: r, ...n } = t;
+  return /* @__PURE__ */ e("ds-sidebar-navigation-react", { class: i, ...n, children: r });
+}
+const o = ({ children: t }) => /* @__PURE__ */ e("div", { slot: "aside-text", children: t }), a = ({ children: t }) => /* @__PURE__ */ e("div", { slot: "aside-icon", children: t }), d = ({ children: t }) => /* @__PURE__ */ e("div", { slot: "aside-helper-text", children: t }), c = ({ children: t }) => /* @__PURE__ */ e("div", { slot: "main-cta", children: t }), l = ({ children: t }) => /* @__PURE__ */ e("div", { slot: "ctas", children: t });
+s.AsideText = o;
+s.AsideIcon = a;
+s.AsideHelperText = d;
+s.MainCta = c;
+s.Ctas = l;
+export {
+  s as SidebarNavigation
+};

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,8 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+import { DsSliderAttrs } from '@cupra/ui-kit/components/ds-slider/ds-slider.types';
+type SliderProps = DsSliderAttrs & {
+    className?: string;
+};
+export declare function Slider(props: SliderProps): ReactElement;
+export {};

package/dist/components/Slider/Slider.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+function l(r) {
+  const { className: s, children: t, ...e } = r;
+  return /* @__PURE__ */ o("ds-slider-react", { class: s, ...e });
+}
+export {
+  l as Slider
+};

package/dist/components/StaticBox/StaticBox.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+import type { DsStaticBoxAttrs } from '@cupra/ui-kit/react/types/ds-static-box';
+type StaticBoxProps = DsStaticBoxAttrs & {
+    className?: string;
+    children?: JSX.Element | JSX.Element[] | string;
+};
+export declare function StaticBox(props: StaticBoxProps): ReactElement;
+export {};

package/dist/components/StaticBox/StaticBox.js

@@ -0,0 +1,11 @@
+import { jsx as c } from "react/jsx-runtime";
+import "react";
+import { useHandleEvent as i } from "../../hooks/useHandleEvent.js";
+import "../../packages/ui-kit/dist-react/index.js";
+function f(t) {
+  const { className: o, children: r, ...s } = t, { ref: e } = i({});
+  return /* @__PURE__ */ c("ds-static-box-react", { ref: e, class: o, ...s, children: r });
+}
+export {
+  f as StaticBox
+};

package/dist/components/Stepper/Stepper.d.ts

@@ -0,0 +1,8 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+import type { DsStepperAttrs } from '@cupra/ui-kit/react/types/ds-stepper';
+type StepperProps = DsStepperAttrs & {
+    className?: string;
+};
+export declare const Stepper: ({ className, ...restProps }: StepperProps) => ReactElement;
+export {};

package/dist/components/Stepper/Stepper.js

@@ -0,0 +1,6 @@
+import { jsx as e } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+const o = ({ className: r, ...t }) => /* @__PURE__ */ e("ds-stepper-react", { class: r, ...t });
+export {
+  o as Stepper
+};