@cupra/ui-react 1.0.0-canary.15 → 1.0.0-canary.17

package/dist/components/PasswordInput/PasswordInput.js

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

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

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-picker-item';
 import type { DsPickerItemAttrs } from '@cupra/ui-kit/react/types/ds-picker-item';
 type PickerItemProps = DsPickerItemAttrs & {
     className?: string;

package/dist/components/PickerItem/PickerItem.js

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

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

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-radio';
 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;

package/dist/components/Radio/Radio.js

@@ -0,0 +1,15 @@
+import { jsx as s } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/utils/breakpoints";
+import "react";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "@cupra/ui-kit/react/ds-radio";
+const i = ({ 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 });
+}, c = ({ children: o, className: r, ...t }) => /* @__PURE__ */ s("ds-radio-react", { class: r, ...t, children: o }), l = {
+  Group: i,
+  Button: c
+};
+export {
+  l as Radio
+};

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

@@ -1,6 +1,6 @@
 import type { DsRadioButtonAttrs } from '@cupra/ui-kit/react/types/ds-radio-button';
 import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-radio-button';
 type RadioButtonProps = DsRadioButtonAttrs & {
     onChange?: (event: CustomEvent) => void;
     className?: string;

package/dist/components/RadioButton/RadioButton.js

@@ -0,0 +1,10 @@
+import { jsx as a } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-radio-button";
+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

@@ -1,6 +1,6 @@
 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';
+import '@cupra/ui-kit/react/ds-radio-button-group';
 export type RadioButtonGroupProps = DsRadioButtonGroupAttrs & {
     onChange?: (event: CustomEvent) => void;
     className?: string;

package/dist/components/RadioButtonGroup/RadioButtonGroup.js

@@ -0,0 +1,10 @@
+import { jsx as a } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-radio-button-group";
+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

@@ -1,6 +1,6 @@
 import { DsSearchAttrs } from '@cupra/ui-kit/react/types/ds-search';
 import { type ChangeEvent } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-search';
 type SearchProps = DsSearchAttrs & {
     className?: string;
     onInput?: (event: ChangeEvent<HTMLInputElement>) => void;

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 "@cupra/ui-kit/react/ds-search";
+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

@@ -1,6 +1,6 @@
 import { DsSearchInputAttrs } from '@cupra/ui-kit/react/types/ds-search-input';
 import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-search-input';
 type SearchInputProps = DsSearchInputAttrs & {
     className?: string;
     onChange?: (event: typeof InputEvent) => void;

package/dist/components/SearchInput/SearchInput.js

@@ -0,0 +1,47 @@
+import { jsx as t } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-search-input";
+import "@cupra/ui-kit/react/utils/breakpoints";
+import "react";
+import { useHandleEvent as g } from "../../hooks/useHandleEvent.js";
+function I(e) {
+  const {
+    className: n,
+    children: x,
+    onChange: r,
+    onInput: o,
+    onClickPositionButton: i,
+    placeHolder: p,
+    type: P,
+    value: a,
+    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: p,
+      value: a,
+      required: l,
+      disabled: s,
+      minLength: d,
+      maxLength: h,
+      pattern: u,
+      ...m
+    }
+  ) });
+}
+export {
+  I as SearchInput
+};

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

@@ -1,6 +1,6 @@
 import { DsSecondaryNavigationAttrs } from '@cupra/ui-kit/react/types/ds-secondary-navigation';
 import { type ReactElement, type ReactNode } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-secondary-navigation';
 type SecondaryNavigationProps = DsSecondaryNavigationAttrs & {
     className?: string;
     children?: ReactNode;

package/dist/components/SecondaryNavigation/SecondaryNavigation.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-secondary-navigation";
+import "@cupra/ui-kit/react/utils/breakpoints";
+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

@@ -1,6 +1,6 @@
 import { DsSegmentedControlAttrs } from '@cupra/ui-kit/react/types/ds-segmented-control';
 import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-segmented-control';
 type SegmentedControlProps = DsSegmentedControlAttrs & {
     onChange?: (event: CustomEvent) => void;
     className?: string;

package/dist/components/SegmentedControl/SegmentedControl.js

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

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

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-select';
 import { DsSelectAttrs } from '@cupra/ui-kit/react/types/ds-select';
 type Children = JSX.Element | JSX.Element[] | string;
 interface SelectProps extends DsSelectAttrs {

package/dist/components/Select/Select.js

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

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

@@ -1,6 +1,6 @@
 import { DsSelectionAttrs } from '@cupra/ui-kit/react/types/ds-selection';
 import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-selection';
 type SelectionProps = DsSelectionAttrs & {
     className?: string;
 };

package/dist/components/Selection/Selection.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-selection";
+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

@@ -1,5 +1,5 @@
 import { DsSidebarNavigationAttrs } from '@cupra/ui-kit/react/types/ds-sidebar-navigation';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-sidebar-navigation';
 import { type ReactElement, type ReactNode } from 'react';
 export type SidebarNavigationProps = DsSidebarNavigationAttrs & {
     className?: string;

package/dist/components/SidebarNavigation/SidebarNavigation.js

@@ -0,0 +1,15 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-sidebar-navigation";
+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

@@ -1,6 +1,6 @@
 import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react';
-import { DsSliderAttrs } from '@cupra/ui-kit/components/ds-slider/ds-slider.types';
+import '@cupra/ui-kit/react/ds-slider';
+import { DsSliderAttrs } from '@cupra/ui-kit/react/types/ds-slider';
 type SliderProps = DsSliderAttrs & {
     className?: string;
 };

package/dist/components/Slider/Slider.js

@@ -0,0 +1,16 @@
+import { jsx as t } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-slider";
+function l(s) {
+  const { className: e, children: o, size: r, ...i } = s;
+  return /* @__PURE__ */ t(
+    "ds-slider-react",
+    {
+      size: typeof r == "string" ? r : JSON.stringify(r),
+      class: e,
+      ...i
+    }
+  );
+}
+export {
+  l as Slider
+};

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

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-static-box';
 import type { DsStaticBoxAttrs } from '@cupra/ui-kit/react/types/ds-static-box';
 type StaticBoxProps = DsStaticBoxAttrs & {
     className?: string;

package/dist/components/StaticBox/StaticBox.js

@@ -0,0 +1,21 @@
+import { jsx as n } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/utils/breakpoints";
+import "react";
+import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
+import "@cupra/ui-kit/react/ds-static-box";
+function x(r) {
+  const { className: o, children: s, size: t, ...i } = r, { ref: e } = c({});
+  return /* @__PURE__ */ n(
+    "ds-static-box-react",
+    {
+      ref: e,
+      size: typeof t == "string" ? t : JSON.stringify(t),
+      class: o,
+      ...i,
+      children: s
+    }
+  );
+}
+export {
+  x as StaticBox
+};

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

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-stepper';
 import type { DsStepperAttrs } from '@cupra/ui-kit/react/types/ds-stepper';
 type StepperProps = DsStepperAttrs & {
     className?: string;

package/dist/components/Stepper/Stepper.js

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

package/dist/components/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-tabs';
 import { DsTabsAttrs } from '@cupra/ui-kit/react/types/ds-tabs';
 type Children = JSX.Element | JSX.Element[] | string;
 interface CustomParams {

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,20 @@
+import { jsx as r } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/utils/breakpoints";
+import "react";
+import { useHandleEvent as i } from "../../hooks/useHandleEvent.js";
+import "@cupra/ui-kit/react/ds-tabs";
+function n({ children: t, onChange: e, ...o }) {
+  const { ref: a } = i({ change: e });
+  return /* @__PURE__ */ r("ds-tabs-react", { ref: a, ...o, children: t });
+}
+function l({ children: t }) {
+  return /* @__PURE__ */ r("div", { role: "tab", slot: "tab", children: t });
+}
+function p({ children: t }) {
+  return /* @__PURE__ */ r("div", { role: "tabpanel", slot: "panel", children: t });
+}
+n.Tab = l;
+n.Panel = p;
+export {
+  n as Tabs
+};

package/dist/components/Tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-tag';
 import { DsTagAttrs } from '@cupra/ui-kit/react/types/ds-tag';
 type Children = JSX.Element | JSX.Element[] | string;
 interface TabsProps extends DsTagAttrs {

package/dist/components/Tag/Tag.js

@@ -0,0 +1,12 @@
+import { jsx as i } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/utils/breakpoints";
+import "react";
+import { useHandleEvent as s } from "../../hooks/useHandleEvent.js";
+import "@cupra/ui-kit/react/ds-tag";
+function d(o) {
+  const { children: r, onClickIcon: t, className: c, ...n } = o, { ref: e } = s({ clickicon: t });
+  return /* @__PURE__ */ i("ds-tag-react", { ref: e, class: c, ...n, children: r });
+}
+export {
+  d as Tag
+};

package/dist/components/Text/Text.d.ts

@@ -1,6 +1,6 @@
 import { DsTextAttrs } from '@cupra/ui-kit/react/types/ds-text';
 import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-text';
 type TextProps = DsTextAttrs & {
     className?: string;
     children: JSX.Element | JSX.Element[] | string;

package/dist/components/Text/Text.js

@@ -0,0 +1,9 @@
+import { jsx as s } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-text";
+function a(t) {
+  const { className: r, children: e, ...o } = t;
+  return /* @__PURE__ */ s("ds-text-react", { class: r, ...o, children: e });
+}
+export {
+  a as Text
+};

package/dist/components/TextInput/TextInput.d.ts

@@ -1,6 +1,6 @@
 import { DsTextInputAttrs } from '@cupra/ui-kit/react/types/ds-text-input';
 import { ChangeEvent, FormEvent, KeyboardEvent, type ReactElement } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-text-input';
 type TextInputProps = DsTextInputAttrs & {
     type?: 'text' | 'email' | 'number' | 'url' | 'tel';
     className?: string;

package/dist/components/TextInput/TextInput.js

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

package/dist/components/Textarea/Textarea.d.ts

@@ -1,6 +1,6 @@
 import { DsTextareaAttrs } from '@cupra/ui-kit/react/types/ds-textarea';
 import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-textarea';
 type TextareaProps = DsTextareaAttrs & {
     className?: string;
     onChange?: (event: typeof InputEvent) => void;

package/dist/components/Textarea/Textarea.js

@@ -0,0 +1,58 @@
+import { jsxs as E, jsx as r } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-textarea";
+import "@cupra/ui-kit/react/utils/breakpoints";
+import "react";
+import { useHandleEvent as j } from "../../hooks/useHandleEvent.js";
+function F(t) {
+  const {
+    className: o,
+    children: I,
+    onChange: a,
+    onInput: n,
+    textareaId: e,
+    placeholder: l,
+    value: i,
+    label: d,
+    required: s,
+    disabled: c,
+    minLength: h,
+    maxLength: p,
+    rows: m,
+    cols: x,
+    forcedError: u,
+    helperText: f,
+    invalidError: g,
+    ...v
+  } = t, { ref: b } = j({ change: a, input: n });
+  return /* @__PURE__ */ E(
+    "ds-textarea-react",
+    {
+      ref: b,
+      class: o,
+      "forced-error": u,
+      "helper-text": f,
+      "invalid-error": g,
+      ...v,
+      children: [
+        /* @__PURE__ */ r("label", { htmlFor: e, children: d }),
+        /* @__PURE__ */ r(
+          "textarea",
+          {
+            id: e,
+            placeholder: l,
+            value: i,
+            required: s,
+            disabled: c,
+            minLength: h,
+            maxLength: p,
+            rows: m,
+            cols: x
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  F as Textarea
+};

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,4 +1,4 @@
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-theme-provider';
 import { DsThemeProviderAttrs } from '@cupra/ui-kit/react/types/ds-theme-provider';
 import { type ReactElement } from 'react';
 type Children = JSX.Element | JSX.Element[] | string;

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-theme-provider";
+const i = ({ children: r, ...e }) => /* @__PURE__ */ o("ds-theme-provider-react", { ...e, children: r });
+export {
+  i as ThemeProvider
+};

package/dist/components/Toast/Toast.d.ts

@@ -1,6 +1,6 @@
 import type { DsToastAttrs, ToastOptions } from '@cupra/ui-kit/react/types/ds-toast';
 import { type ReactNode } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-toast';
 type ToastProps = DsToastAttrs & {
     className?: string;
 };

package/dist/components/Toast/Toast.js

@@ -0,0 +1,16 @@
+import { jsx as a } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-toast";
+function e(t) {
+  const { className: o, ...s } = t;
+  return /* @__PURE__ */ a("ds-toast-react", { class: o, ...s });
+}
+e.add = (t) => {
+  window.dispatchEvent(
+    new CustomEvent("toast:add", {
+      detail: t
+    })
+  );
+};
+export {
+  e as Toast
+};

package/dist/components/ToastMessage/ToastMessage.d.ts

@@ -1,6 +1,6 @@
 import { DsToastMessageAttrs } from '@cupra/ui-kit/react/types/ds-toast-message';
 import { type ReactNode } from 'react';
-import '@cupra/ui-kit/react';
+import '@cupra/ui-kit/react/ds-toast-message';
 export type ToastMessageProps = DsToastMessageAttrs & {
     className?: string;
     children?: ReactNode;