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

package/dist/components/Textarea/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 WithError: Story;
-export declare const Disabled: Story;
-export declare const Required: Story;
-export declare const WithMaxLength: Story;
-export declare const WithMoreRows: Story;

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

@@ -1,9 +0,0 @@
-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;
-type ThemeProviderProps = DsThemeProviderAttrs & {
-    children: Children;
-};
-export declare const ThemeProvider: ({ children, ...restProps }: ThemeProviderProps) => ReactElement;
-export {};

package/dist/components/ThemeProvider/ThemeProvider.js

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

@@ -1,16 +0,0 @@
-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/Toast/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 TopRight: Story;
-export declare const TopLeft: Story;
-export declare const BottomRight: Story;
-export declare const BottomLeft: Story;
-export declare const CustomSpacing: Story;
-export declare const WithTemplateReference: Story;

package/dist/components/ToastMessage/ToastMessage.js

@@ -1,14 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/ds-toast-message";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as n } from "../../hooks/useHandleEvent.js";
-function d(o) {
-  const { className: s, children: t, onClose: e, ...r } = o, { ref: a } = n({
-    "toast:remove": e
-  });
-  return /* @__PURE__ */ m("ds-toast-message-react", { ref: a, class: s, ...r, children: t });
-}
-export {
-  d as ToastMessage
-};

package/dist/components/ToastMessage/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 DefaultStatus: Story;
-export declare const SuccessStatus: Story;
-export declare const ErrorStatus: Story;
-export declare const WarningStatus: Story;
-export declare const InfoStatus: Story;
-export declare const WithCustomContent: Story;
-export declare const WithoutLink: Story;
-export declare const WithLongContent: Story;

package/dist/components/ToggleButton/ToggleButton.d.ts

@@ -1,8 +0,0 @@
-import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react/ds-toggle-button';
-import { type DsToggleButtonAttrs } from '@cupra/ui-kit/react/types/ds-toggle-button';
-type ToggleButtonProps = DsToggleButtonAttrs & {
-    onChange?: (event: CustomEvent) => void;
-};
-export declare function ToggleButton({ onChange, ...rest }: ToggleButtonProps): ReactElement;
-export {};

package/dist/components/ToggleButton/ToggleButton.js

@@ -1,12 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as n } from "../../hooks/useHandleEvent.js";
-import "@cupra/ui-kit/react/ds-toggle-button";
-function c({ onChange: t, ...o }) {
-  const { ref: r } = n({ change: t });
-  return /* @__PURE__ */ e("ds-toggle-button-react", { ref: r, ...o });
-}
-export {
-  c as ToggleButton
-};

package/dist/components/ToggleSwitch/ToggleSwitch.js

@@ -1,23 +0,0 @@
-import { jsxs as f, 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-toggle-switch";
-function r({ label: t, onChange: i, ...o }) {
-  const { ref: e } = c({ change: i });
-  return /* @__PURE__ */ f("ds-toggle-switch-react", { ref: e, ...o, children: [
-    t && /* @__PURE__ */ n("div", { slot: "label", children: t }),
-    o.children
-  ] });
-}
-function l({ children: t }) {
-  return /* @__PURE__ */ n("div", { slot: "off", children: t });
-}
-function s({ children: t }) {
-  return /* @__PURE__ */ n("div", { slot: "on", children: t });
-}
-r.Off = l;
-r.On = s;
-export {
-  r as ToggleSwitch
-};

package/dist/components/ToggleSwitch/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 Medium: Story;
-export declare const MediumDisabled: Story;
-export declare const MediumDisabledChecked: Story;
-export declare const Small: Story;
-export declare const SmallDisabled: Story;
-export declare const SmallDisabledChecked: Story;

package/dist/components/Tooltip/Tooltip.js

@@ -1,15 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/ds-tooltip";
-import { IconButton as a } from "../IconButton/IconButton.js";
-const n = ({ children: t, ...o }) => /* @__PURE__ */ e("ds-tooltip-react", { ...o, children: t }), r = ({ children: t, ...o }) => /* @__PURE__ */ e("div", { slot: "header", ...o, children: t }), s = (t) => /* @__PURE__ */ e(a, { slot: "close-button", "icon-name": "cross", ...t }), l = ({ children: t, ...o }) => /* @__PURE__ */ e("div", { slot: "content", ...o, children: t }), i = ({ alt: t, ...o }) => /* @__PURE__ */ e("img", { alt: t ?? "", slot: "image", ...o });
-n.Header = r;
-n.CloseButton = s;
-n.Content = l;
-n.Img = i;
-r.displayName = "Tooltip.Header";
-s.displayName = "Tooltip.CloseButton";
-l.displayName = "Tooltip.Content";
-i.displayName = "Tooltip.Img";
-export {
-  n as Tooltip
-};

package/dist/components/Tooltip/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/hooks/useBreakpoint.js

@@ -1,42 +0,0 @@
-import { breakpoints as a } from "@cupra/ui-kit/react/utils/breakpoints";
-import { useState as m, useLayoutEffect as d } from "react";
-const o = ["xs", "s", "m", "l", "xl", "xxl"];
-function c() {
-  const n = {};
-  return o.forEach((s, t) => {
-    const r = `(min-width: ${a[s]}px)`;
-    let e = "";
-    if (t < o.length - 1) {
-      const i = o[t + 1];
-      e = ` and (max-width: ${a[i] - 1}px)`;
-    }
-    n[s] = window.matchMedia(r + e);
-  }), n;
-}
-const p = () => {
-  const [n, s] = m(() => {
-    const t = c();
-    let r = "";
-    return Object.keys(t).forEach((e) => {
-      t[e].matches && (r = e);
-    }), r;
-  });
-  return d(() => {
-    const t = c(), r = Object.keys(t).map((e) => {
-      const i = (u) => {
-        u.matches && s(e);
-      };
-      return t[e].addListener(i), () => {
-        t[e].removeListener(i);
-      };
-    });
-    return () => {
-      r.forEach((e) => {
-        e();
-      });
-    };
-  }, []), n;
-};
-export {
-  p as useBreakpoint
-};

package/dist/hooks/useEventListeners.js

@@ -1,26 +0,0 @@
-import { useEffect as p } from "react";
-const E = (n) => {
-  p(
-    () => {
-      const e = [];
-      return n.forEach((t) => {
-        const { eventName: o, handler: a, options: r, target: s = document } = t, c = (i) => {
-          a(i);
-        };
-        s.addEventListener(o, c, r);
-        const u = () => {
-          s.removeEventListener(o, c, r);
-        };
-        e.push(u);
-      }), () => {
-        e.forEach((t) => {
-          t();
-        });
-      };
-    },
-    n.flatMap(({ dependencies: e }) => e ?? [])
-  );
-};
-export {
-  E as useEventListeners
-};

package/dist/hooks/useHandleEvent.js

@@ -1,25 +0,0 @@
-import { useRef as f, useEffect as l } from "react";
-function d(n) {
-  const t = f(null), e = f(n);
-  return l(() => {
-    e.current = n;
-  }, [n]), l(() => {
-    const c = t.current;
-    if (!c) return;
-    const o = {};
-    return Object.keys(e.current).forEach((r) => {
-      const u = (i) => {
-        const s = e.current[r];
-        s && s(i);
-      };
-      o[r] = u, c.addEventListener(r, u);
-    }), () => {
-      Object.keys(o).forEach((r) => {
-        c.removeEventListener(r, o[r]);
-      });
-    };
-  }, [t.current, e.current]), { ref: t };
-}
-export {
-  d as useHandleEvent
-};

package/dist/hooks/useResizeObserver/useResizeObserver.js

@@ -1,14 +0,0 @@
-import { useEffect as s } from "react";
-function o(t) {
-  const { callback: r, element: n } = t;
-  s(() => {
-    if (!n) return;
-    const e = new ResizeObserver(r);
-    return e.observe(n), () => {
-      e == null || e.disconnect();
-    };
-  }, [n, r]);
-}
-export {
-  o as useResizeObserver
-};

package/dist/index.js

@@ -1,120 +0,0 @@
-import { Accordion as t } from "./components/Accordion/Accordion.js";
-import { Badge as x } from "./components/Badge/Badge.js";
-import { Bullets as f } from "./components/Bullets/Bullets.js";
-import { Button as i } from "./components/Button/Button.js";
-import { CarouselIndicator as d } from "./components/CarouselIndicator/CarouselIndicator.js";
-import { Checkbox as s } from "./components/Checkbox/Checkbox.js";
-import { Chip as g } from "./components/Chip/Chip.js";
-import { Chips as T } from "./components/Chips/Chips.js";
-import { Currency as S } from "./components/Currency/Currency.js";
-import { Dialog as I } from "./components/Dialog/Dialog.js";
-import { DialogBody as C } from "./components/DialogBody/DialogBody.js";
-import { DialogFooter as L } from "./components/DialogFooter/DialogFooter.js";
-import { DialogHeader as R } from "./components/DialogHeader/DialogHeader.js";
-import { Divider as y } from "./components/Divider/Divider.js";
-import { Drawer as P } from "./components/Drawer/Drawer.js";
-import { Hyperlink as H } from "./components/Hyperlink/Hyperlink.js";
-import { Icon as E } from "./components/Icon/Icon.js";
-import { IconButton as z } from "./components/IconButton/IconButton.js";
-import { Input as G } from "./components/Input/Input.js";
-import { LinkButton as j } from "./components/LinkButton/LinkButton.js";
-import { Loader as J, LoaderLogo as K } from "./components/Loader/Loader.js";
-import { Logo as U } from "./components/Logo/Logo.js";
-import { MainTitle as W } from "./components/MainTitle/MainTitle.js";
-import { MapPin as Y } from "./components/MapPin/MapPin.js";
-import { Modal as _ } from "./components/Modal/Modal.js";
-import { PasswordInput as oo } from "./components/PasswordInput/PasswordInput.js";
-import { PickerItem as eo } from "./components/PickerItem/PickerItem.js";
-import { Radio as po } from "./components/Radio/Radio.js";
-import { RadioButton as mo } from "./components/RadioButton/RadioButton.js";
-import { RadioButtonGroup as ao } from "./components/RadioButtonGroup/RadioButtonGroup.js";
-import { Rating as no } from "./components/Rating/Rating.js";
-import { Search as so } from "./components/Search/Search.js";
-import { SearchInput as go } from "./components/SearchInput/SearchInput.js";
-import { SecondaryNavigation as To } from "./components/SecondaryNavigation/SecondaryNavigation.js";
-import { SegmentedControl as So } from "./components/SegmentedControl/SegmentedControl.js";
-import { Select as Io } from "./components/Select/Select.js";
-import { Selection as Co } from "./components/Selection/Selection.js";
-import { Slider as Lo } from "./components/Slider/Slider.js";
-import { Tabs as Ro } from "./components/Tabs/Tabs.js";
-import { Tag as yo } from "./components/Tag/Tag.js";
-import { Text as Po } from "./components/Text/Text.js";
-import { TextInput as Ho } from "./components/TextInput/TextInput.js";
-import { Textarea as Eo } from "./components/Textarea/Textarea.js";
-import { ThemeProvider as zo } from "./components/ThemeProvider/ThemeProvider.js";
-import { ToggleButton as Go } from "./components/ToggleButton/ToggleButton.js";
-import { ToggleSwitch as jo } from "./components/ToggleSwitch/ToggleSwitch.js";
-import { Tooltip as Jo } from "./components/Tooltip/Tooltip.js";
-import { Toast as Qo } from "./components/Toast/Toast.js";
-import { ToastMessage as Vo } from "./components/ToastMessage/ToastMessage.js";
-import { Avatar as Xo } from "./components/Avatar/Avatar.js";
-import { StaticBox as Zo } from "./components/StaticBox/StaticBox.js";
-import { Stepper as $o } from "./components/Stepper/Stepper.js";
-import { InteractiveCard as rr } from "./components/InteractiveCard/InteractiveCard.js";
-import { SidebarNavigation as tr } from "./components/SidebarNavigation/SidebarNavigation.js";
-import { useBreakpoint as xr } from "./hooks/useBreakpoint.js";
-import { useEventListeners as fr } from "./hooks/useEventListeners.js";
-import { useHandleEvent as ir } from "./hooks/useHandleEvent.js";
-import "react";
-import { useResizeObserver as dr } from "./hooks/useResizeObserver/useResizeObserver.js";
-export {
-  t as Accordion,
-  Xo as Avatar,
-  x as Badge,
-  f as Bullets,
-  i as Button,
-  d as CarouselIndicator,
-  s as Checkbox,
-  g as Chip,
-  T as Chips,
-  S as Currency,
-  I as Dialog,
-  C as DialogBody,
-  L as DialogFooter,
-  R as DialogHeader,
-  y as Divider,
-  P as Drawer,
-  H as Hyperlink,
-  E as Icon,
-  z as IconButton,
-  G as Input,
-  rr as InteractiveCard,
-  j as LinkButton,
-  J as Loader,
-  K as LoaderLogo,
-  U as Logo,
-  W as MainTitle,
-  Y as MapPin,
-  _ as Modal,
-  oo as PasswordInput,
-  eo as PickerItem,
-  po as Radio,
-  mo as RadioButton,
-  ao as RadioButtonGroup,
-  no as Rating,
-  so as Search,
-  go as SearchInput,
-  To as SecondaryNavigation,
-  So as SegmentedControl,
-  Io as Select,
-  Co as Selection,
-  tr as SidebarNavigation,
-  Lo as Slider,
-  Zo as StaticBox,
-  $o as Stepper,
-  Ro as Tabs,
-  yo as Tag,
-  Po as Text,
-  Ho as TextInput,
-  Eo as Textarea,
-  zo as ThemeProvider,
-  Qo as Toast,
-  Vo as ToastMessage,
-  Go as ToggleButton,
-  jo as ToggleSwitch,
-  Jo as Tooltip,
-  xr as useBreakpoint,
-  fr as useEventListeners,
-  ir as useHandleEvent,
-  dr as useResizeObserver
-};

package/dist/node_modules/.pnpm/@emotion_is-prop-valid@1.2.2/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js

@@ -1,10 +0,0 @@
-import t from "../../../../../@emotion_memoize@0.8.1/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js";
-var r = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, a = /* @__PURE__ */ t(
-  function(e) {
-    return r.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
-  }
-  /* Z+1 */
-);
-export {
-  a as default
-};

package/dist/node_modules/.pnpm/@emotion_memoize@0.8.1/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js

@@ -1,9 +0,0 @@
-function u(t) {
-  var n = /* @__PURE__ */ Object.create(null);
-  return function(e) {
-    return n[e] === void 0 && (n[e] = t(e)), n[e];
-  };
-}
-export {
-  u as default
-};

package/dist/node_modules/.pnpm/@emotion_unitless@0.8.1/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js

@@ -1,52 +0,0 @@
-var o = {
-  animationIterationCount: 1,
-  aspectRatio: 1,
-  borderImageOutset: 1,
-  borderImageSlice: 1,
-  borderImageWidth: 1,
-  boxFlex: 1,
-  boxFlexGroup: 1,
-  boxOrdinalGroup: 1,
-  columnCount: 1,
-  columns: 1,
-  flex: 1,
-  flexGrow: 1,
-  flexPositive: 1,
-  flexShrink: 1,
-  flexNegative: 1,
-  flexOrder: 1,
-  gridRow: 1,
-  gridRowEnd: 1,
-  gridRowSpan: 1,
-  gridRowStart: 1,
-  gridColumn: 1,
-  gridColumnEnd: 1,
-  gridColumnSpan: 1,
-  gridColumnStart: 1,
-  msGridRow: 1,
-  msGridRowSpan: 1,
-  msGridColumn: 1,
-  msGridColumnSpan: 1,
-  fontWeight: 1,
-  lineHeight: 1,
-  opacity: 1,
-  order: 1,
-  orphans: 1,
-  tabSize: 1,
-  widows: 1,
-  zIndex: 1,
-  zoom: 1,
-  WebkitLineClamp: 1,
-  // SVG-related properties
-  fillOpacity: 1,
-  floodOpacity: 1,
-  stopOpacity: 1,
-  strokeDasharray: 1,
-  strokeDashoffset: 1,
-  strokeMiterlimit: 1,
-  strokeOpacity: 1,
-  strokeWidth: 1
-};
-export {
-  o as default
-};