@cupra/ui-react 1.0.0-canary.12 → 1.0.0-canary.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/dist/index.js +3309 -112
  2. package/package.json +2 -2
  3. package/dist/components/Accordion/Accordion.js +0 -8
  4. package/dist/components/Avatar/Avatar.js +0 -11
  5. package/dist/components/Bullets/Bullets.js +0 -6
  6. package/dist/components/Button/Button.js +0 -20
  7. package/dist/components/CarouselIndicator/CarouselIndicator.js +0 -9
  8. package/dist/components/Checkbox/Checkbox.js +0 -11
  9. package/dist/components/Chip/Chip.js +0 -9
  10. package/dist/components/Chips/Chips.js +0 -13
  11. package/dist/components/Currency/Currency.js +0 -9
  12. package/dist/components/Dialog/Dialog.js +0 -15
  13. package/dist/components/DialogBody/DialogBody.js +0 -9
  14. package/dist/components/DialogFooter/DialogFooter.js +0 -9
  15. package/dist/components/DialogHeader/DialogHeader.js +0 -9
  16. package/dist/components/Divider/Divider.js +0 -8
  17. package/dist/components/Hyperlink/Hyperlink.js +0 -11
  18. package/dist/components/Icon/Icon.js +0 -9
  19. package/dist/components/IconButton/IconButton.js +0 -19
  20. package/dist/components/Input/Input.js +0 -14
  21. package/dist/components/InteractiveCard/InteractiveCard.js +0 -26
  22. package/dist/components/LinkButton/LinkButton.js +0 -11
  23. package/dist/components/Loader/Loader.js +0 -24
  24. package/dist/components/Logo/Logo.js +0 -9
  25. package/dist/components/MapPin/MapPin.js +0 -11
  26. package/dist/components/Modal/Modal.js +0 -49
  27. package/dist/components/PasswordInput/PasswordInput.js +0 -39
  28. package/dist/components/PickerItem/PickerItem.js +0 -21
  29. package/dist/components/Radio/Radio.js +0 -14
  30. package/dist/components/RadioButton/RadioButton.js +0 -10
  31. package/dist/components/RadioButtonGroup/RadioButtonGroup.js +0 -10
  32. package/dist/components/Search/Search.js +0 -8
  33. package/dist/components/SearchInput/SearchInput.js +0 -46
  34. package/dist/components/SecondaryNavigation/SecondaryNavigation.js +0 -16
  35. package/dist/components/SegmentedControl/SegmentedControl.js +0 -11
  36. package/dist/components/Select/Select.js +0 -6
  37. package/dist/components/Selection/Selection.js +0 -9
  38. package/dist/components/SidebarNavigation/SidebarNavigation.js +0 -15
  39. package/dist/components/Slider/Slider.js +0 -16
  40. package/dist/components/StaticBox/StaticBox.js +0 -20
  41. package/dist/components/Stepper/Stepper.js +0 -6
  42. package/dist/components/Tabs/Tabs.js +0 -19
  43. package/dist/components/Tag/Tag.js +0 -11
  44. package/dist/components/Text/Text.js +0 -9
  45. package/dist/components/TextInput/TextInput.js +0 -44
  46. package/dist/components/Textarea/Textarea.js +0 -57
  47. package/dist/components/ThemeProvider/ThemeProvider.js +0 -6
  48. package/dist/components/Toast/Toast.js +0 -16
  49. package/dist/components/ToastMessage/ToastMessage.js +0 -13
  50. package/dist/components/ToggleButton/ToggleButton.js +0 -11
  51. package/dist/components/ToggleSwitch/ToggleSwitch.js +0 -22
  52. package/dist/components/Tooltip/Tooltip.js +0 -24
  53. package/dist/hooks/useBreakpoint.js +0 -42
  54. package/dist/hooks/useEventListeners.js +0 -26
  55. package/dist/hooks/useHandleEvent.js +0 -25
  56. package/dist/hooks/useResizeObserver/useResizeObserver.js +0 -14
  57. 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 +0 -10
  58. package/dist/node_modules/.pnpm/@emotion_memoize@0.8.1/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js +0 -9
  59. package/dist/node_modules/.pnpm/@emotion_unitless@0.8.1/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js +0 -52
  60. package/dist/node_modules/.pnpm/styled-components@6.1.19_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js +0 -572
  61. package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Enum.js +0 -12
  62. package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Middleware.js +0 -49
  63. package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Parser.js +0 -131
  64. package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Prefixer.js +0 -187
  65. package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Serializer.js +0 -27
  66. package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Tokenizer.js +0 -147
  67. package/dist/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Utility.js +0 -56
  68. package/dist/node_modules/.pnpm/tslib@2.6.2/node_modules/tslib/tslib.es6.js +0 -18
  69. package/dist/packages/ui-kit/dist-react/index.js +0 -9226
  70. package/dist/packages/ui-kit/dist-react/utils/breakpoints.js +0 -11
  71. package/dist/packages/ui-kit/dist-react/utils/debounce.js +0 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cupra/ui-react",
3
- "version": "1.0.0-canary.12",
3
+ "version": "1.0.0-canary.13",
4
4
  "description": "React components library",
5
5
  "author": "SEAT S.A.",
6
6
  "license": "SEAT S.A. Library EULA 1.0",
@@ -36,7 +36,7 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "styled-components": "^6.1.16",
39
- "@cupra/ui-kit": "1.0.0-canary.8"
39
+ "@cupra/ui-kit": "1.0.0-canary.9"
40
40
  },
41
41
  "devDependencies": {
42
42
  "@storybook/addon-docs": "^8.6.14",
@@ -1,8 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- const n = ({ children: t, ...r }) => /* @__PURE__ */ o("ds-accordion-react", { ...r, children: t }), e = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "title", children: t }), c = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "content", children: t });
4
- n.Title = e;
5
- n.Content = c;
6
- export {
7
- n as Accordion
8
- };
@@ -1,11 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { isValidElement as i, cloneElement as m } from "react";
3
- import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
4
- import "../../packages/ui-kit/dist-react/index.js";
5
- function v(t) {
6
- const { className: e, onClick: r, image: o, ...a } = t, { ref: l } = c({ click: r }), n = o && i(o) ? m(o, { slot: "media", ...o.props }) : null;
7
- return /* @__PURE__ */ s("ds-avatar-react", { ref: l, class: e, ...a, children: n });
8
- }
9
- export {
10
- v as Avatar
11
- };
@@ -1,6 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- const o = ({ className: t, ...r }) => /* @__PURE__ */ s("ds-bullets-react", { class: t, ...r });
4
- export {
5
- o as Bullets
6
- };
@@ -1,20 +0,0 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- import "react";
3
- import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
4
- import "../../packages/ui-kit/dist-react/index.js";
5
- function u(o) {
6
- const { className: r, children: s, onClick: e, size: t, ...i } = o, { ref: n } = m({ click: e });
7
- return /* @__PURE__ */ c(
8
- "ds-button-react",
9
- {
10
- ref: n,
11
- size: typeof t == "string" ? t : JSON.stringify(t),
12
- class: r,
13
- ...i,
14
- children: s
15
- }
16
- );
17
- }
18
- export {
19
- u as Button
20
- };
@@ -1,9 +0,0 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- function i(r) {
4
- const { className: o, children: c, ...s } = r;
5
- return /* @__PURE__ */ t("ds-carousel-indicator-react", { class: o, ...s });
6
- }
7
- export {
8
- i as CarouselIndicator
9
- };
@@ -1,11 +0,0 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- import "react";
3
- import { useHandleEvent as n } from "../../hooks/useHandleEvent.js";
4
- import "../../packages/ui-kit/dist-react/index.js";
5
- function s({ onChange: o, children: r, ...e }) {
6
- const { ref: t } = n({ change: o });
7
- return /* @__PURE__ */ c("ds-checkbox-react", { ref: t, ...e, children: r });
8
- }
9
- export {
10
- s as Checkbox
11
- };
@@ -1,9 +0,0 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- function p(r) {
4
- const { className: o, children: s, ...t } = r;
5
- return /* @__PURE__ */ c("ds-chip-react", { class: o, ...t, children: s });
6
- }
7
- export {
8
- p as Chip
9
- };
@@ -1,13 +0,0 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- import "react";
4
- import { useHandleEvent as i } from "../../hooks/useHandleEvent.js";
5
- function d(r) {
6
- const { className: s, children: o, onChange: e, ...t } = r, { ref: n } = i({
7
- "ds-chips:change": e
8
- });
9
- return /* @__PURE__ */ c("ds-chips-react", { ref: n, class: s, ...t, children: o });
10
- }
11
- export {
12
- d as Chips
13
- };
@@ -1,9 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- function n(r) {
4
- const { className: c, ...o } = r;
5
- return /* @__PURE__ */ s("ds-currency-react", { class: c, ...o });
6
- }
7
- export {
8
- n as Currency
9
- };
@@ -1,15 +0,0 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- import "react";
4
- import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
5
- function u(e) {
6
- const { className: n, children: l, onClose: s, withPortal: i, ...o } = e, { ref: a } = c({
7
- "ds-dialog:close": s
8
- });
9
- if (!o.open) return null;
10
- const r = /* @__PURE__ */ t("ds-dialog-react", { ref: a, class: n, ...o, children: l });
11
- return i ? /* @__PURE__ */ t("ds-portal-react", { style: { display: "none" }, children: r }) : r;
12
- }
13
- export {
14
- u as Dialog
15
- };
@@ -1,9 +0,0 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- function i(o) {
4
- const { className: r, children: s, ...t } = o;
5
- return /* @__PURE__ */ a("ds-dialog-body-react", { class: r, ...t, children: s });
6
- }
7
- export {
8
- i as DialogBody
9
- };
@@ -1,9 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- function i(o) {
4
- const { className: r, children: t, ...e } = o;
5
- return /* @__PURE__ */ s("ds-dialog-footer-react", { class: r, ...e, children: t });
6
- }
7
- export {
8
- i as DialogFooter
9
- };
@@ -1,9 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- function i(r) {
4
- const { className: e, children: o, ...a } = r;
5
- return /* @__PURE__ */ s("ds-dialog-header-react", { class: e, ...a, children: o });
6
- }
7
- export {
8
- i as DialogHeader
9
- };
@@ -1,8 +0,0 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- function d({ className: r, ...i }) {
4
- return /* @__PURE__ */ t("ds-divider-react", { class: r, ...i });
5
- }
6
- export {
7
- d as Divider
8
- };
@@ -1,11 +0,0 @@
1
- import { jsx as i } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- import "react";
4
- import { useHandleEvent as n } from "../../hooks/useHandleEvent.js";
5
- function l({ children: r, onClick: t, ...e }) {
6
- const { ref: o } = n({ click: t });
7
- return /* @__PURE__ */ i("ds-hyperlink-react", { ref: o, ...e, children: r });
8
- }
9
- export {
10
- l as Hyperlink
11
- };
@@ -1,9 +0,0 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- function a(o) {
4
- const { "icon-name": n, className: c, ...r } = o;
5
- return /* @__PURE__ */ e("ds-icon-react", { "icon-name": n, class: c, ...r });
6
- }
7
- export {
8
- a as Icon
9
- };
@@ -1,19 +0,0 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- import "react";
4
- import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
5
- function l(o) {
6
- const { className: r, onClick: n, size: t, ...s } = o, { ref: i } = c({ click: n });
7
- return /* @__PURE__ */ e(
8
- "ds-icon-button-react",
9
- {
10
- ref: i,
11
- size: typeof t == "string" ? t : JSON.stringify(t),
12
- class: r,
13
- ...s
14
- }
15
- );
16
- }
17
- export {
18
- l as IconButton
19
- };
@@ -1,14 +0,0 @@
1
- import { jsx as m } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- import { useHandleEvent as s } from "../../hooks/useHandleEvent.js";
4
- import { forwardRef as i, useImperativeHandle as u } from "react";
5
- const c = i(
6
- ({ className: e, onInput: t, onKeyDown: n, onChange: o, ...p }, a) => {
7
- const { ref: r } = s({ input: t, keydown: n, change: o });
8
- return u(a, () => r.current, []), /* @__PURE__ */ m("ds-input-react", { ref: r, class: e, ...p });
9
- }
10
- );
11
- c.displayName = "Input";
12
- export {
13
- c as Input
14
- };
@@ -1,26 +0,0 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import "react";
3
- import { useHandleEvent as p } from "../../hooks/useHandleEvent.js";
4
- import "../../packages/ui-kit/dist-react/index.js";
5
- function e(t) {
6
- const { className: d, children: v, onClick: m, ...C } = t, { ref: u } = p({ click: m });
7
- return /* @__PURE__ */ r("ds-interactive-card-react", { ref: u, class: d, ...C, children: v });
8
- }
9
- const a = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "title", children: t }), i = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "subtitle", children: t }), n = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "meta", children: t }), o = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "content", children: t }), l = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "cta", children: t }), s = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "error-title", children: t }), c = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "error-text", children: t });
10
- e.Title = a;
11
- e.Subtitle = i;
12
- e.Meta = n;
13
- e.Content = o;
14
- e.Cta = l;
15
- e.ErrorTitle = s;
16
- e.ErrorText = c;
17
- a.displayName = "InteractiveCard.Title";
18
- i.displayName = "InteractiveCard.Subtitle";
19
- n.displayName = "InteractiveCard.Meta";
20
- o.displayName = "InteractiveCard.Content";
21
- l.displayName = "InteractiveCard.Cta";
22
- s.displayName = "InteractiveCard.ErrorTitle";
23
- c.displayName = "InteractiveCard.ErrorText";
24
- export {
25
- e as InteractiveCard
26
- };
@@ -1,11 +0,0 @@
1
- import { jsx as i } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- import "react";
4
- import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
5
- function f({ children: t, onClick: o, ...r }) {
6
- const { ref: n } = e({ click: o });
7
- return /* @__PURE__ */ i("ds-link-button-react", { ref: n, ...r, children: t });
8
- }
9
- export {
10
- f as LinkButton
11
- };
@@ -1,24 +0,0 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- function o(r) {
4
- return /* @__PURE__ */ e("ds-loader-logo-react", { ...r });
5
- }
6
- function t(r) {
7
- return /* @__PURE__ */ e("ds-loader-bar-react", { ...r });
8
- }
9
- function n(r) {
10
- return /* @__PURE__ */ e("ds-loader-dots-react", { ...r });
11
- }
12
- function d(r) {
13
- return /* @__PURE__ */ e("ds-loader-spinner-react", { ...r, children: r.text && /* @__PURE__ */ e("div", { slot: "text", children: r.text }) });
14
- }
15
- const c = {
16
- Logo: o,
17
- Bar: t,
18
- Dots: n,
19
- Spinner: d
20
- };
21
- export {
22
- c as Loader,
23
- o as LoaderLogo
24
- };
@@ -1,9 +0,0 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- function a(o) {
4
- const { className: r, children: c, ...s } = o;
5
- return /* @__PURE__ */ t("ds-logo-react", { class: r, ...s });
6
- }
7
- export {
8
- a as Logo
9
- };
@@ -1,11 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import "react";
3
- import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
4
- import "../../packages/ui-kit/dist-react/index.js";
5
- function c({ onChange: r, ...t }) {
6
- const { ref: n } = e({ change: r });
7
- return /* @__PURE__ */ o("ds-map-pin-react", { ref: n, ...t });
8
- }
9
- export {
10
- c as MapPin
11
- };
@@ -1,49 +0,0 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- import "react";
3
- import { useHandleEvent as f } from "../../hooks/useHandleEvent.js";
4
- import p from "../../node_modules/.pnpm/styled-components@6.1.19_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js";
5
- import "../../packages/ui-kit/dist-react/index.js";
6
- function e() {
7
- }
8
- const C = p.div`
9
- margin: 0;
10
- width: 100%;
11
- height: 100%;
12
- position: absolute;
13
- top: 50%;
14
- left: 50%;
15
- transform: translate(-50%, -50%);
16
- `;
17
- function l(t) {
18
- const {
19
- children: o,
20
- onClickCloseButton: i = e,
21
- onClickConfirmButton: s = e,
22
- onClickCancelButton: u = e,
23
- className: a,
24
- withPortal: m,
25
- ...r
26
- } = t, { ref: d } = f({
27
- "click-close-button": i,
28
- "click-confirm-button": s,
29
- "click-cancel-button": u
30
- });
31
- if (!r.open) return null;
32
- const c = /* @__PURE__ */ n("ds-modal-react", { ref: d, class: a, ...r, children: o });
33
- return m ? /* @__PURE__ */ n("ds-portal-react", { style: { display: "none" }, children: c }) : c;
34
- }
35
- function h({ children: t }) {
36
- return /* @__PURE__ */ n("div", { slot: "title", children: t });
37
- }
38
- function k({ className: t = "", children: o }) {
39
- return /* @__PURE__ */ n("div", { slot: "content", className: `ds-scroll ${t}`.trim(), children: o });
40
- }
41
- function b({ children: t }) {
42
- return /* @__PURE__ */ n(C, { slot: "content", children: t });
43
- }
44
- l.Title = h;
45
- l.Content = k;
46
- l.FullScreenContent = b;
47
- export {
48
- l as Modal
49
- };
@@ -1,39 +0,0 @@
1
- import { jsxs as x, jsx as i } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- import "react";
4
- import { useHandleEvent as b } from "../../hooks/useHandleEvent.js";
5
- function H(l) {
6
- const {
7
- className: d,
8
- children: w,
9
- onChange: c,
10
- onInput: u,
11
- inputId: e,
12
- placeHolder: n,
13
- value: r,
14
- label: h,
15
- required: t,
16
- disabled: o,
17
- pattern: s,
18
- maxLength: p,
19
- minLength: a,
20
- ...m
21
- } = l, { ref: f } = b({ change: c, input: u }), g = {
22
- type: "password",
23
- ...!!e && { id: e },
24
- ...!!n && { placeholder: n },
25
- ...!!r && { value: r },
26
- ...!!t && { required: t },
27
- ...!!o && { disabled: o },
28
- ...!!a && { minLength: a },
29
- ...!!p && { maxLength: p },
30
- ...!!s && { pattern: s }
31
- };
32
- return /* @__PURE__ */ x("ds-password-input-react", { ref: f, class: d, ...m, children: [
33
- /* @__PURE__ */ i("label", { htmlFor: e, children: h }),
34
- /* @__PURE__ */ i("input", { ...g })
35
- ] });
36
- }
37
- export {
38
- H as PasswordInput
39
- };
@@ -1,21 +0,0 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
4
- function a(r) {
5
- const { className: i, children: t, onClick: s, size: e, ...c } = r, { ref: o } = m({
6
- "ds-picker-item:click": s
7
- });
8
- return /* @__PURE__ */ n(
9
- "ds-picker-item-react",
10
- {
11
- ref: o,
12
- size: typeof e == "string" ? e : JSON.stringify(e),
13
- class: i,
14
- ...c,
15
- children: t
16
- }
17
- );
18
- }
19
- export {
20
- a as PickerItem
21
- };
@@ -1,14 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import "react";
3
- import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
4
- import "../../packages/ui-kit/dist-react/index.js";
5
- const c = ({ children: o, onChange: r, className: t, ...a }) => {
6
- const { ref: n } = e({ change: r });
7
- return /* @__PURE__ */ s("ds-radio-group-react", { ref: n, class: t, ...a, children: o });
8
- }, i = ({ children: o, className: r, ...t }) => /* @__PURE__ */ s("ds-radio-react", { class: r, ...t, children: o }), f = {
9
- Group: c,
10
- Button: i
11
- };
12
- export {
13
- f as Radio
14
- };
@@ -1,10 +0,0 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
4
- function p(o) {
5
- const { className: t, children: r, onChange: n, ...e } = o, { ref: s } = c({ change: n });
6
- return /* @__PURE__ */ a("ds-radio-button-react", { ref: s, class: t, ...e, children: r });
7
- }
8
- export {
9
- p as RadioButton
10
- };
@@ -1,10 +0,0 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
4
- function m(o) {
5
- const { className: r, children: t, onChange: n, ...e } = o, { ref: s } = c({ change: n });
6
- return /* @__PURE__ */ a("ds-radio-button-group-react", { ref: s, class: r, ...e, children: t });
7
- }
8
- export {
9
- m as RadioButtonGroup
10
- };
@@ -1,8 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { forwardRef as t } from "react";
3
- import "../../packages/ui-kit/dist-react/index.js";
4
- const c = t(({ onInput: r, className: a, ...e }, o) => /* @__PURE__ */ s("ds-search-react", { ref: o, class: a, onInput: r, ...e }));
5
- c.displayName = "Search";
6
- export {
7
- c as Search
8
- };
@@ -1,46 +0,0 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- import "react";
4
- import { useHandleEvent as g } from "../../hooks/useHandleEvent.js";
5
- function H(e) {
6
- const {
7
- className: n,
8
- children: x,
9
- onChange: r,
10
- onInput: o,
11
- onClickPositionButton: i,
12
- placeHolder: a,
13
- type: P,
14
- value: p,
15
- label: c,
16
- required: l,
17
- disabled: s,
18
- pattern: u,
19
- maxLength: h,
20
- minLength: d,
21
- inputProps: m,
22
- ...b
23
- } = e, { ref: f } = g({
24
- change: r,
25
- input: o,
26
- "ds-search-input:click-position-button": i
27
- });
28
- return /* @__PURE__ */ t("ds-search-input-react", { ref: f, class: n, ...b, children: /* @__PURE__ */ t(
29
- "input",
30
- {
31
- type: "text",
32
- "aria-label": c,
33
- placeholder: a,
34
- value: p,
35
- required: l,
36
- disabled: s,
37
- minLength: d,
38
- maxLength: h,
39
- pattern: u,
40
- ...m
41
- }
42
- ) });
43
- }
44
- export {
45
- H as SearchInput
46
- };
@@ -1,16 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- import "react";
4
- import { useHandleEvent as a } from "../../hooks/useHandleEvent.js";
5
- function n(t) {
6
- const { className: s, children: e, onSelect: r, ...i } = t, { ref: c } = a({
7
- "ds-secondary-navigation:select": r
8
- });
9
- return /* @__PURE__ */ o("ds-secondary-navigation-react", { ref: c, class: s, ...i, children: e });
10
- }
11
- const m = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "items", children: t }), d = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "actions", children: t });
12
- n.Items = m;
13
- n.Actions = d;
14
- export {
15
- n as SecondaryNavigation
16
- };
@@ -1,11 +0,0 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- import "react";
4
- import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
5
- function d(e) {
6
- const { onChange: o, className: r, children: t, ...n } = e, { ref: s } = m({ change: o });
7
- return /* @__PURE__ */ c("ds-segmented-control-react", { ref: s, class: r, ...n, children: t });
8
- }
9
- export {
10
- d as SegmentedControl
11
- };
@@ -1,6 +0,0 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- const s = ({ children: t, ...e }) => /* @__PURE__ */ r("ds-select-react", { ...e, children: t });
4
- export {
5
- s as Select
6
- };
@@ -1,9 +0,0 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- function i(e) {
4
- const { className: o, children: s, ...r } = e;
5
- return /* @__PURE__ */ t("ds-selection-react", { class: o, ...r });
6
- }
7
- export {
8
- i as Selection
9
- };
@@ -1,15 +0,0 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- function s(t) {
4
- const { className: i, children: r, ...n } = t;
5
- return /* @__PURE__ */ e("ds-sidebar-navigation-react", { class: i, ...n, children: r });
6
- }
7
- 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 });
8
- s.AsideText = o;
9
- s.AsideIcon = a;
10
- s.AsideHelperText = d;
11
- s.MainCta = c;
12
- s.Ctas = l;
13
- export {
14
- s as SidebarNavigation
15
- };
@@ -1,16 +0,0 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import "../../packages/ui-kit/dist-react/index.js";
3
- function l(s) {
4
- const { className: e, children: o, size: r, ...i } = s;
5
- return /* @__PURE__ */ t(
6
- "ds-slider-react",
7
- {
8
- size: typeof r == "string" ? r : JSON.stringify(r),
9
- class: e,
10
- ...i
11
- }
12
- );
13
- }
14
- export {
15
- l as Slider
16
- };
@@ -1,20 +0,0 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- import "react";
3
- import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
4
- import "../../packages/ui-kit/dist-react/index.js";
5
- function l(r) {
6
- const { className: o, children: s, size: t, ...e } = r, { ref: i } = c({});
7
- return /* @__PURE__ */ n(
8
- "ds-static-box-react",
9
- {
10
- ref: i,
11
- size: typeof t == "string" ? t : JSON.stringify(t),
12
- class: o,
13
- ...e,
14
- children: s
15
- }
16
- );
17
- }
18
- export {
19
- l as StaticBox
20
- };