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

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/RadioButton/stories/CupraDiagonal.stories.d.ts

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

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

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

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

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

@@ -0,0 +1,5 @@
+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

@@ -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/SidebarNavigation/stories/CupraDiagonal.stories.d.ts

@@ -0,0 +1,5 @@
+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.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,16 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+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

@@ -0,0 +1,5 @@
+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.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,20 @@
+import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
+import "../../packages/ui-kit/dist-react/index.js";
+function l(r) {
+  const { className: o, children: s, size: t, ...e } = r, { ref: i } = c({});
+  return /* @__PURE__ */ n(
+    "ds-static-box-react",
+    {
+      ref: i,
+      size: typeof t == "string" ? t : JSON.stringify(t),
+      class: o,
+      ...e,
+      children: s
+    }
+  );
+}
+export {
+  l as StaticBox
+};

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

@@ -0,0 +1,5 @@
+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

@@ -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
+};

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

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

@@ -0,0 +1,22 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+import { DsTabsAttrs } from '@cupra/ui-kit/react/types/ds-tabs';
+type Children = JSX.Element | JSX.Element[] | string;
+interface CustomParams {
+    selectedTab: number;
+}
+interface TabsProps extends DsTabsAttrs {
+    onChange?: (event: CustomEvent<CustomParams>) => void;
+    children: Children;
+}
+export declare function Tabs({ children, onChange, ...rest }: TabsProps): ReactElement;
+export declare namespace Tabs {
+    var Tab: ({ children }: TabProps) => ReactElement;
+    var Panel: ({ children }: {
+        children: Children;
+    }) => ReactElement;
+}
+interface TabProps {
+    children: Children;
+}
+export {};

package/dist/components/Tabs/Tabs.js

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

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

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

@@ -0,0 +1,11 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+import { DsTagAttrs } from '@cupra/ui-kit/react/types/ds-tag';
+type Children = JSX.Element | JSX.Element[] | string;
+interface TabsProps extends DsTagAttrs {
+    onClickIcon?: (event: CustomEvent) => void;
+    children: Children;
+    className?: string;
+}
+export declare function Tag(props: Readonly<TabsProps>): ReactElement;
+export {};

package/dist/components/Tag/Tag.js

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

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

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

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

@@ -0,0 +1,9 @@
+import { jsx as s } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+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

@@ -0,0 +1,5 @@
+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.d.ts

@@ -0,0 +1,21 @@
+import { DsTextInputAttrs } from '@cupra/ui-kit/react/types/ds-text-input';
+import { ChangeEvent, FormEvent, KeyboardEvent, type ReactElement } from 'react';
+import '@cupra/ui-kit/react';
+type TextInputProps = DsTextInputAttrs & {
+    type?: 'text' | 'email' | 'number' | 'url' | 'tel';
+    className?: string;
+    onInput?: (event: FormEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    inputId: string;
+    placeHolder?: string;
+    value?: string;
+    label: string;
+    required?: boolean;
+    disabled?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+};
+export declare function TextInput(props: TextInputProps): ReactElement;
+export {};