@cupra/ui-react 2.0.0-canary.12 → 2.0.0-canary.120

package/dist/esm/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Serializer.js

@@ -1,27 +1,20 @@
-import { RULESET as i, KEYFRAMES as f, COMMENT as n, DECLARATION as p, IMPORT as E, LAYER as v } from "./Enum.js";
-import { strlen as t } from "./Utility.js";
-function a(r, s) {
-  for (var o = "", u = 0; u < r.length; u++)
-    o += s(r[u], u, r, s) || "";
-  return o;
+import { COMMENT as e, DECLARATION as t, IMPORT as n, KEYFRAMES as r, LAYER as i, RULESET as a } from "./Enum.js";
+import { strlen as o } from "./Utility.js";
+//#region ../../node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Serializer.js
+function s(e, t) {
+	for (var n = "", r = 0; r < e.length; r++) n += t(e[r], r, e, t) || "";
+	return n;
 }
-function A(r, s, o, u) {
-  switch (r.type) {
-    case v:
-      if (r.children.length) break;
-    case E:
-    case p:
-      return r.return = r.return || r.value;
-    case n:
-      return "";
-    case f:
-      return r.return = r.value + "{" + a(r.children, u) + "}";
-    case i:
-      if (!t(r.value = r.props.join(","))) return "";
-  }
-  return t(o = a(r.children, u)) ? r.return = r.value + "{" + o + "}" : "";
+function c(c, l, u, d) {
+	switch (c.type) {
+		case i: if (c.children.length) break;
+		case n:
+		case t: return c.return = c.return || c.value;
+		case e: return "";
+		case r: return c.return = c.value + "{" + s(c.children, d) + "}";
+		case a: if (!o(c.value = c.props.join(","))) return "";
+	}
+	return o(u = s(c.children, d)) ? c.return = c.value + "{" + u + "}" : "";
 }
-export {
-  a as serialize,
-  A as stringify
-};
+//#endregion
+export { s as serialize, c as stringify };

package/dist/esm/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Tokenizer.js

@@ -1,147 +1,113 @@
-import { assign as p, strlen as x, charat as h, trim as j, from as q, substr as z, append as A } from "./Utility.js";
-var u = 1, a = 1, b = 0, r = 0, n = 0, t = "";
-function B(e, c, m, g, k, w, d, v) {
-  return { value: e, root: c, parent: m, type: g, props: k, children: w, line: u, column: a, length: d, return: "", siblings: v };
-}
-function C(e, c) {
-  return p(B("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, c);
-}
-function F(e) {
-  for (; e.root; )
-    e = C(e.root, { children: [e] });
-  A(e, e.siblings);
-}
-function G() {
-  return n;
-}
-function H() {
-  return n = r > 0 ? h(t, --r) : 0, a--, n === 10 && (a = 1, u--), n;
-}
-function i() {
-  return n = r < b ? h(t, r++) : 0, a++, n === 10 && (a = 1, u++), n;
-}
-function s() {
-  return h(t, r);
-}
-function D() {
-  return r;
-}
-function l(e, c) {
-  return z(t, e, c);
-}
-function f(e) {
-  switch (e) {
-    // \0 \t \n \r \s whitespace token
-    case 0:
-    case 9:
-    case 10:
-    case 13:
-    case 32:
-      return 5;
-    // ! + , / > @ ~ isolate token
-    case 33:
-    case 43:
-    case 44:
-    case 47:
-    case 62:
-    case 64:
-    case 126:
-    // ; { } breakpoint token
-    case 59:
-    case 123:
-    case 125:
-      return 4;
-    // : accompanied token
-    case 58:
-      return 3;
-    // " ' ( [ opening delimit token
-    case 34:
-    case 39:
-    case 40:
-    case 91:
-      return 2;
-    // ) ] closing delimit token
-    case 41:
-    case 93:
-      return 1;
-  }
-  return 0;
-}
-function I(e) {
-  return u = a = 1, b = x(t = e), r = 0, [];
-}
-function J(e) {
-  return t = "", e;
-}
-function K(e) {
-  return j(l(r - 1, o(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
-}
-function L(e) {
-  for (; (n = s()) && n < 33; )
-    i();
-  return f(e) > 2 || f(n) > 3 ? "" : " ";
-}
-function M(e, c) {
-  for (; --c && i() && !(n < 48 || n > 102 || n > 57 && n < 65 || n > 70 && n < 97); )
-    ;
-  return l(e, D() + (c < 6 && s() == 32 && i() == 32));
-}
-function o(e) {
-  for (; i(); )
-    switch (n) {
-      // ] ) " '
-      case e:
-        return r;
-      // " '
-      case 34:
-      case 39:
-        e !== 34 && e !== 39 && o(n);
-        break;
-      // (
-      case 40:
-        e === 41 && o(e);
-        break;
-      // \
-      case 92:
-        i();
-        break;
-    }
-  return r;
-}
-function N(e, c) {
-  for (; i() && e + n !== 57; )
-    if (e + n === 84 && s() === 47)
-      break;
-  return "/*" + l(c, r - 1) + "*" + q(e === 47 ? e : i());
+import { append as e, assign as t, charat as n, from as r, strlen as i, substr as a, trim as o } from "./Utility.js";
+//#region ../../node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Tokenizer.js
+var s = 1, c = 1, l = 0, u = 0, d = 0, f = "";
+function p(e, t, n, r, i, a, o, l) {
+	return {
+		value: e,
+		root: t,
+		parent: n,
+		type: r,
+		props: i,
+		children: a,
+		line: s,
+		column: c,
+		length: o,
+		return: "",
+		siblings: l
+	};
+}
+function m(e, n) {
+	return t(p("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, n);
+}
+function h(t) {
+	for (; t.root;) t = m(t.root, { children: [t] });
+	e(t, t.siblings);
+}
+function g() {
+	return d;
+}
+function _() {
+	return d = u > 0 ? n(f, --u) : 0, c--, d === 10 && (c = 1, s--), d;
+}
+function v() {
+	return d = u < l ? n(f, u++) : 0, c++, d === 10 && (c = 1, s++), d;
+}
+function y() {
+	return n(f, u);
+}
+function b() {
+	return u;
+}
+function x(e, t) {
+	return a(f, e, t);
+}
+function S(e) {
+	switch (e) {
+		case 0:
+		case 9:
+		case 10:
+		case 13:
+		case 32: return 5;
+		case 33:
+		case 43:
+		case 44:
+		case 47:
+		case 62:
+		case 64:
+		case 126:
+		case 59:
+		case 123:
+		case 125: return 4;
+		case 58: return 3;
+		case 34:
+		case 39:
+		case 40:
+		case 91: return 2;
+		case 41:
+		case 93: return 1;
+	}
+	return 0;
+}
+function C(e) {
+	return s = c = 1, l = i(f = e), u = 0, [];
+}
+function w(e) {
+	return f = "", e;
+}
+function T(e) {
+	return o(x(u - 1, O(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function E(e) {
+	for (; (d = y()) && d < 33;) v();
+	return S(e) > 2 || S(d) > 3 ? "" : " ";
+}
+function D(e, t) {
+	for (; --t && v() && !(d < 48 || d > 102 || d > 57 && d < 65 || d > 70 && d < 97););
+	return x(e, b() + (t < 6 && y() == 32 && v() == 32));
 }
 function O(e) {
-  for (; !f(s()); )
-    i();
-  return l(e, r);
-}
-export {
-  I as alloc,
-  D as caret,
-  G as char,
-  n as character,
-  t as characters,
-  a as column,
-  N as commenter,
-  C as copy,
-  J as dealloc,
-  K as delimit,
-  o as delimiter,
-  M as escaping,
-  O as identifier,
-  b as length,
-  F as lift,
-  u as line,
-  i as next,
-  B as node,
-  s as peek,
-  r as position,
-  H as prev,
-  l as slice,
-  f as token,
-  L as whitespace
-};
+	for (; v();) switch (d) {
+		case e: return u;
+		case 34:
+		case 39:
+			e !== 34 && e !== 39 && O(d);
+			break;
+		case 40:
+			e === 41 && O(e);
+			break;
+		case 92:
+			v();
+			break;
+	}
+	return u;
+}
+function k(e, t) {
+	for (; v() && e + d !== 57 && !(e + d === 84 && y() === 47););
+	return "/*" + x(t, u - 1) + "*" + r(e === 47 ? e : v());
+}
+function A(e) {
+	for (; !S(y());) v();
+	return x(e, u);
+}
+//#endregion
+export { C as alloc, b as caret, g as char, k as commenter, m as copy, w as dealloc, T as delimit, D as escaping, A as identifier, h as lift, v as next, p as node, y as peek, _ as prev, E as whitespace };

package/dist/esm/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Utility.js

@@ -1,56 +1,42 @@
-var c = Math.abs, o = String.fromCharCode, f = Object.assign;
-function u(n, r) {
-  return e(n, 0) ^ 45 ? (((r << 2 ^ e(n, 0)) << 2 ^ e(n, 1)) << 2 ^ e(n, 2)) << 2 ^ e(n, 3) : 0;
-}
-function s(n) {
-  return n.trim();
-}
-function i(n, r) {
-  return (n = r.exec(n)) ? n[0] : n;
-}
-function a(n, r, t) {
-  return n.replace(r, t);
-}
-function h(n, r, t) {
-  return n.indexOf(r, t);
-}
-function e(n, r) {
-  return n.charCodeAt(r) | 0;
-}
-function m(n, r, t) {
-  return n.slice(r, t);
-}
-function p(n) {
-  return n.length;
-}
-function b(n) {
-  return n.length;
-}
-function d(n, r) {
-  return r.push(n), n;
-}
-function g(n, r) {
-  return n.map(r).join("");
-}
-function x(n, r) {
-  return n.filter(function(t) {
-    return !i(t, r);
-  });
-}
-export {
-  c as abs,
-  d as append,
-  f as assign,
-  e as charat,
-  g as combine,
-  x as filter,
-  o as from,
-  u as hash,
-  h as indexof,
-  i as match,
-  a as replace,
-  b as sizeof,
-  p as strlen,
-  m as substr,
-  s as trim
-};
+//#region ../../node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Utility.js
+var e = Math.abs, t = String.fromCharCode, n = Object.assign;
+function r(e, t) {
+	return c(e, 0) ^ 45 ? (((t << 2 ^ c(e, 0)) << 2 ^ c(e, 1)) << 2 ^ c(e, 2)) << 2 ^ c(e, 3) : 0;
+}
+function i(e) {
+	return e.trim();
+}
+function a(e, t) {
+	return (e = t.exec(e)) ? e[0] : e;
+}
+function o(e, t, n) {
+	return e.replace(t, n);
+}
+function s(e, t, n) {
+	return e.indexOf(t, n);
+}
+function c(e, t) {
+	return e.charCodeAt(t) | 0;
+}
+function l(e, t, n) {
+	return e.slice(t, n);
+}
+function u(e) {
+	return e.length;
+}
+function d(e) {
+	return e.length;
+}
+function f(e, t) {
+	return t.push(e), e;
+}
+function p(e, t) {
+	return e.map(t).join("");
+}
+function m(e, t) {
+	return e.filter(function(e) {
+		return !a(e, t);
+	});
+}
+//#endregion
+export { e as abs, f as append, n as assign, c as charat, p as combine, m as filter, t as from, r as hash, s as indexof, a as match, o as replace, d as sizeof, u as strlen, l as substr, i as trim };

package/dist/esm/node_modules/.pnpm/tslib@2.6.2/node_modules/tslib/tslib.es6.js

@@ -1,18 +1,13 @@
-var o = function() {
-  return o = Object.assign || function(n) {
-    for (var t, r = 1, s = arguments.length; r < s; r++) {
-      t = arguments[r];
-      for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && (n[e] = t[e]);
-    }
-    return n;
-  }, o.apply(this, arguments);
+//#region ../../node_modules/.pnpm/tslib@2.6.2/node_modules/tslib/tslib.es6.mjs
+var e = function() {
+	return e = Object.assign || function(e) {
+		for (var t, n = 1, r = arguments.length; n < r; n++) for (var i in t = arguments[n], t) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
+		return e;
+	}, e.apply(this, arguments);
 };
-function p(a, n, t) {
-  if (t || arguments.length === 2) for (var r = 0, s = n.length, e; r < s; r++)
-    (e || !(r in n)) && (e || (e = Array.prototype.slice.call(n, 0, r)), e[r] = n[r]);
-  return a.concat(e || Array.prototype.slice.call(n));
+function t(e, t, n) {
+	if (n || arguments.length === 2) for (var r = 0, i = t.length, a; r < i; r++) (a || !(r in t)) && (a ||= Array.prototype.slice.call(t, 0, r), a[r] = t[r]);
+	return e.concat(a || Array.prototype.slice.call(t));
 }
-export {
-  o as __assign,
-  p as __spreadArray
-};
+//#endregion
+export { e as __assign, t as __spreadArray };

package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,8 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-breadcrumbs';
+import type { DsBreadcrumbsAttrs } from '@cupra/ui-kit/react/types/ds-breadcrumbs';
+export type BreadcrumbsProps = DsBreadcrumbsAttrs & {
+    className?: string;
+    children: JSX.Element | JSX.Element[] | string;
+};
+export declare const Breadcrumbs: (props: BreadcrumbsProps) => ReactElement;

package/dist/types/components/BreadcrumbsItem/BreadcrumbsItem.d.ts

@@ -0,0 +1,16 @@
+import { type ReactElement, type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-breadcrumbs-item';
+import type { DsBreadcrumbsItemAttrs } from '@cupra/ui-kit/react/types/ds-breadcrumbs-item';
+export type BreadcrumbsItemProps = DsBreadcrumbsItemAttrs & {
+    className?: string;
+    children?: ReactNode;
+};
+export declare const BreadcrumbsItem: {
+    (props: BreadcrumbsItemProps): ReactElement;
+    Item: {
+        ({ children }: {
+            children: ReactNode;
+        }): ReactElement;
+        displayName: string;
+    };
+};

package/dist/types/components/Calendar/Calendar.d.ts

@@ -0,0 +1,12 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-calendar';
+import { DsCalendarAttrs } from '@cupra/ui-kit/react/types/ds-calendar';
+type CalendarProps = {
+    className?: string;
+    onChange?: (event: CustomEvent<{
+        value: string;
+        date: Date;
+    }>) => void;
+} & DsCalendarAttrs;
+export declare function Calendar({ className, onChange, ...rest }: CalendarProps): ReactElement;
+export {};

package/dist/types/components/CheckboxGroup/CheckboxGroup.d.ts

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

package/dist/types/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,16 @@
+import { DsDatePickerAttrs } from '@cupra/ui-kit/react/types/ds-date-picker';
+import { ChangeEvent, type ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-date-picker';
+type DatePickerProps = {
+    className?: string;
+    children?: React.ReactNode;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    inputId: string;
+    value?: string;
+    label: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+} & DsDatePickerAttrs;
+export declare function DatePicker(props: DatePickerProps): ReactElement;
+export {};

package/dist/types/components/FavouriteAction/FavouriteAction.d.ts

@@ -0,0 +1,10 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-favourite-action';
+import { type DsFavouriteActionAttrs } from '@cupra/ui-kit/react/types/ds-favourite-action';
+export type FavouriteActionProps = {
+    className?: string;
+    initialSelected?: boolean;
+    onChange?: (selected: boolean) => void;
+    onClick?: () => void;
+} & Omit<DsFavouriteActionAttrs, 'initial-selected' | 'selected'>;
+export declare function FavouriteAction({ className, initialSelected, onChange, onClick, ...rest }: FavouriteActionProps): ReactElement;

package/dist/types/components/IconButtonGroup/IconButtonGroup.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-icon-button-group';
+import type { DsIconButtonGroupAttrs } from '@cupra/ui-kit/react/types/ds-icon-button-group';
+type IconButtonGroupProps = DsIconButtonGroupAttrs & {
+    className?: string;
+    children: JSX.Element | JSX.Element[] | string;
+};
+export declare function IconButtonGroup(props: IconButtonGroupProps): ReactElement;
+export {};

package/dist/types/components/InlineAlert/InlineAlert.d.ts

@@ -0,0 +1,9 @@
+import { DsInlineAlertAttrs } from '@cupra/ui-kit/react/types/ds-inline-alert';
+import { type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-inline-alert';
+export type InlineAlertProps = DsInlineAlertAttrs & {
+    className?: string;
+    children?: ReactNode;
+    onClose?: (event: CustomEvent) => void;
+};
+export declare function InlineAlert(props: InlineAlertProps): ReactNode;

package/dist/types/components/List/List.d.ts

@@ -0,0 +1,9 @@
+import type { DsListAttrs } from '@cupra/ui-kit/react/types/ds-list';
+import { type ReactElement, ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-list';
+export interface ListProps extends Partial<DsListAttrs> {
+    className?: string;
+    children?: ReactNode;
+    size?: 'medium' | 'large';
+}
+export declare function List({ className, children, ...rest }: ListProps): ReactElement;

package/dist/types/components/ListItem/ListItem.d.ts

@@ -0,0 +1,10 @@
+import type { DsListItemAttrs } from '@cupra/ui-kit/react/types/ds-list-item';
+import { type ReactElement, type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-list-item';
+export interface ListItemProps extends DsListItemAttrs {
+    className?: string;
+    children?: ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
+}
+export declare function ListItem({ className, children, selected, disabled, variant, ...rest }: ListItemProps): ReactElement;

package/dist/types/components/MainTitle/MainTitle.d.ts

@@ -12,6 +12,6 @@ type MainTitleProps = DsMainTitleAttrs & {
 export declare function MainTitle(props: MainTitleProps): ReactElement;
 export declare namespace MainTitle {
     var Title: (props: MainTitleSubProps) => ReactElement;
-    var Description: (props: MainTitleSubProps) => ReactElement;
+    var Subtitle: (props: MainTitleSubProps) => ReactElement;
 }
 export {};

package/dist/types/components/NavigationControls/NavigationControls.d.ts

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

package/dist/types/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,7 @@
+import type { DsSkeletonAttrs } from '@cupra/ui-kit/react/types/ds-skeleton';
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-skeleton';
+export interface SkeletonProps extends DsSkeletonAttrs {
+    className?: string;
+}
+export declare function Skeleton({ className, ...rest }: SkeletonProps): ReactElement;

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

@@ -3,6 +3,10 @@ import '@cupra/ui-kit/react/ds-slider';
 import { DsSliderAttrs } from '@cupra/ui-kit/react/types/ds-slider';
 type SliderProps = DsSliderAttrs & {
     className?: string;
+    onChange?: (event: CustomEvent<{
+        role: 'min' | 'max';
+        value: number;
+    }>) => void;
 };
 export declare function Slider(props: SliderProps): ReactElement;
 export {};

package/dist/types/components/Table/Table.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-table';
+import { DsTableAttrs } from '@cupra/ui-kit/react/types/ds-table';
+type TableProps = DsTableAttrs & {
+    className?: string;
+    children?: React.ReactNode;
+};
+export declare function Table(props: Readonly<TableProps>): ReactElement;
+export {};

package/dist/types/components/TableCell/TableCell.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-table-cell';
+import { DsTableCellAttrs } from '@cupra/ui-kit/react/types/ds-table-cell';
+type TableCellProps = DsTableCellAttrs & {
+    className?: string;
+    children?: React.ReactNode;
+};
+export declare function TableCell(props: Readonly<TableCellProps>): ReactElement;
+export {};

package/dist/types/components/TableRow/TableRow.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-table-row';
+import { DsTableRowAttrs } from '@cupra/ui-kit/react/types/ds-table-row';
+type TableRowProps = {
+    className?: string;
+    children?: React.ReactNode;
+} & DsTableRowAttrs;
+export declare function TableRow(props: Readonly<TableRowProps>): ReactElement;
+export {};