@cupra/ui-react 2.0.0-canary.2 → 2.0.0-canary.200

package/dist/components/PasswordInput/PasswordInput.js

@@ -1,40 +0,0 @@
-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/PasswordInput/stories/CupraDiagonal.stories.d.ts

@@ -1,11 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Small: Story;
-export declare const WithValue: Story;
-export declare const WithForcedError: Story;
-export declare const Disabled: Story;
-export declare const Required: Story;
-export declare const WithMaxLength: Story;
-export declare const WithPattern: Story;

package/dist/components/PickerItem/PickerItem.js

@@ -1,21 +0,0 @@
-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/PickerItem/stories/CupraDiagonal.stories.d.ts

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const WithBorder: Story;
-export declare const WithoutBorder: Story;
-export declare const SmallWithBorder: Story;
-export declare const MediumWithBorder: Story;
-export declare const SmallWithoutBorder: Story;
-export declare const MediumWithoutBorder: Story;
-export declare const ResponsiveSize: Story;
-export declare const Selected: Story;

package/dist/components/Radio/Radio.js

@@ -1,15 +0,0 @@
-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,10 +0,0 @@
-import type { DsRadioButtonAttrs } from '@cupra/ui-kit/react/types/ds-radio-button';
-import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react/ds-radio-button';
-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

@@ -1,10 +0,0 @@
-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/RadioButton/stories/CupraDiagonal.stories.d.ts

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;
-export declare const Checked: Story;
-export declare const WithHelperText: Story;
-export declare const ErrorWithoutText: Story;
-export declare const ErrorWithText: Story;
-export declare const Disabled: Story;
-export declare const SizeLarge: Story;
-export declare const PlacementRight: Story;

package/dist/components/RadioButtonGroup/RadioButtonGroup.js

@@ -1,10 +0,0 @@
-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/RadioButtonGroup/stories/CupraDiagonal.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Overview: Story;

package/dist/components/Rating/Rating.d.ts

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

package/dist/components/Rating/Rating.js

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

package/dist/components/Rating/stories/CupraDiagonal.stories.d.ts

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;
-export declare const FullFive: Story;
-export declare const RoundDownExample: Story;
-export declare const HalfStarExample: Story;
-export declare const NoRatingText: Story;
-export declare const Disabled: Story;

package/dist/components/Search/Search.js

@@ -1,8 +0,0 @@
-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.js

@@ -1,47 +0,0 @@
-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/SearchInput/stories/CupraDiagonal.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;

package/dist/components/SecondaryNavigation/SecondaryNavigation.js

@@ -1,17 +0,0 @@
-import { jsx as n } 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 e(t) {
-  const { className: o, children: r, onSelect: s, ...i } = t, { ref: c } = a({
-    "ds-secondary-navigation:select": s
-  });
-  return /* @__PURE__ */ n("ds-secondary-navigation-react", { ref: c, class: o, ...i, children: r });
-}
-const m = ({ children: t, ...o }) => /* @__PURE__ */ n("a", { slot: "items", ...o, children: t }), d = ({ children: t }) => /* @__PURE__ */ n("div", { slot: "actions", children: t });
-e.Item = m;
-e.Actions = d;
-export {
-  e as SecondaryNavigation
-};

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

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -1,12 +0,0 @@
-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/SegmentedControl/stories/CupraDiagonal.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Medium: Story;
-export declare const Small: Story;
-export declare const FullWidth: Story;

package/dist/components/Select/Select.js

@@ -1,6 +0,0 @@
-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/Select/stories/CupraDiagonal.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;

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

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

package/dist/components/Selection/Selection.js

@@ -1,9 +0,0 @@
-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.js

@@ -1,15 +0,0 @@
-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/SidebarNavigation/stories/CupraDiagonal.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;

package/dist/components/Slider/Slider.js

@@ -1,16 +0,0 @@
-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/Slider/stories/CupraDiagonal.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;

package/dist/components/StaticBox/StaticBox.js

@@ -1,21 +0,0 @@
-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/StaticBox/stories/CupraDiagonal.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Primary: Story;

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

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

@@ -1,6 +0,0 @@
-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/Stepper/stories/CupraDiagonal.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Primary: Story;
-export declare const Empty: Story;
-export declare const Full: Story;
-export declare const OverflowClamped: Story;
-export declare const NoActive: Story;

package/dist/components/Tabs/Tabs.js

@@ -1,20 +0,0 @@
-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/Tabs/stories/CupraDiagonal.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const PrimaryDisabled: Story;
-export declare const SecondaryDisabled: Story;

package/dist/components/Tag/Tag.js

@@ -1,12 +0,0 @@
-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/Tag/stories/CupraDiagonal.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;
-export declare const WithLeftIcon: Story;
-export declare const WithRightIcon: Story;
-export declare const ClickableIcon: Story;

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

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

package/dist/components/Text/Text.js

@@ -1,9 +0,0 @@
-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/Text/stories/CupraDiagonal.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;

package/dist/components/TextInput/TextInput.js

@@ -1,45 +0,0 @@
-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/TextInput/stories/CupraDiagonal.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;
-export declare const WithValue: Story;
-export declare const Required: Story;
-export declare const Disabled: Story;

package/dist/components/Textarea/Textarea.js

@@ -1,58 +0,0 @@
-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
-};