@cupra/ui-react 1.0.0-canary.15 → 1.0.0-canary.16

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+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 });
+n.Title = e;
+n.Content = c;
+export {
+  n as Accordion
+};

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,11 @@
+import { jsx as s } from "react/jsx-runtime";
+import { isValidElement as i, cloneElement as m } from "react";
+import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
+import "../../packages/ui-kit/dist-react/index.js";
+function v(t) {
+  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;
+  return /* @__PURE__ */ s("ds-avatar-react", { ref: l, class: e, ...a, children: n });
+}
+export {
+  v as Avatar
+};

package/dist/components/Bullets/Bullets.js

@@ -0,0 +1,6 @@
+import { jsx as s } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+const o = ({ className: t, ...r }) => /* @__PURE__ */ s("ds-bullets-react", { class: t, ...r });
+export {
+  o as Bullets
+};

package/dist/components/Button/Button.js

@@ -0,0 +1,20 @@
+import { jsx as c } from "react/jsx-runtime";
+import "react";
+import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
+import "../../packages/ui-kit/dist-react/index.js";
+function u(o) {
+  const { className: r, children: s, onClick: e, size: t, ...i } = o, { ref: n } = m({ click: e });
+  return /* @__PURE__ */ c(
+    "ds-button-react",
+    {
+      ref: n,
+      size: typeof t == "string" ? t : JSON.stringify(t),
+      class: r,
+      ...i,
+      children: s
+    }
+  );
+}
+export {
+  u as Button
+};

package/dist/components/CarouselIndicator/CarouselIndicator.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+function i(r) {
+  const { className: o, children: c, ...s } = r;
+  return /* @__PURE__ */ t("ds-carousel-indicator-react", { class: o, ...s });
+}
+export {
+  i as CarouselIndicator
+};

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,11 @@
+import { jsx as c } from "react/jsx-runtime";
+import "react";
+import { useHandleEvent as n } from "../../hooks/useHandleEvent.js";
+import "../../packages/ui-kit/dist-react/index.js";
+function s({ onChange: o, children: r, ...e }) {
+  const { ref: t } = n({ change: o });
+  return /* @__PURE__ */ c("ds-checkbox-react", { ref: t, ...e, children: r });
+}
+export {
+  s as Checkbox
+};

package/dist/components/Chip/Chip.js

@@ -0,0 +1,9 @@
+import { jsx as c } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+function p(r) {
+  const { className: o, children: s, ...t } = r;
+  return /* @__PURE__ */ c("ds-chip-react", { class: o, ...t, children: s });
+}
+export {
+  p as Chip
+};

package/dist/components/Chips/Chips.js

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

package/dist/components/Currency/Currency.js

@@ -0,0 +1,9 @@
+import { jsx as s } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+function n(r) {
+  const { className: c, ...o } = r;
+  return /* @__PURE__ */ s("ds-currency-react", { class: c, ...o });
+}
+export {
+  n as Currency
+};

package/dist/components/Dialog/Dialog.js

@@ -0,0 +1,15 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+import "react";
+import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
+function u(e) {
+  const { className: n, children: l, onClose: s, withPortal: i, ...o } = e, { ref: a } = c({
+    "ds-dialog:close": s
+  });
+  if (!o.open) return null;
+  const r = /* @__PURE__ */ t("ds-dialog-react", { ref: a, class: n, ...o, children: l });
+  return i ? /* @__PURE__ */ t("ds-portal-react", { style: { display: "none" }, children: r }) : r;
+}
+export {
+  u as Dialog
+};

package/dist/components/DialogBody/DialogBody.js

@@ -0,0 +1,9 @@
+import { jsx as a } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+function i(o) {
+  const { className: r, children: s, ...t } = o;
+  return /* @__PURE__ */ a("ds-dialog-body-react", { class: r, ...t, children: s });
+}
+export {
+  i as DialogBody
+};

package/dist/components/DialogFooter/DialogFooter.js

@@ -0,0 +1,9 @@
+import { jsx as s } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+function i(o) {
+  const { className: r, children: t, ...e } = o;
+  return /* @__PURE__ */ s("ds-dialog-footer-react", { class: r, ...e, children: t });
+}
+export {
+  i as DialogFooter
+};

package/dist/components/DialogHeader/DialogHeader.js

@@ -0,0 +1,9 @@
+import { jsx as s } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+function i(r) {
+  const { className: e, children: o, ...a } = r;
+  return /* @__PURE__ */ s("ds-dialog-header-react", { class: e, ...a, children: o });
+}
+export {
+  i as DialogHeader
+};

package/dist/components/Divider/Divider.js

@@ -0,0 +1,8 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+function d({ className: r, ...i }) {
+  return /* @__PURE__ */ t("ds-divider-react", { class: r, ...i });
+}
+export {
+  d as Divider
+};

package/dist/components/Hyperlink/Hyperlink.js

@@ -0,0 +1,11 @@
+import { jsx as i } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+import "react";
+import { useHandleEvent as n } from "../../hooks/useHandleEvent.js";
+function l({ children: r, onClick: t, ...e }) {
+  const { ref: o } = n({ click: t });
+  return /* @__PURE__ */ i("ds-hyperlink-react", { ref: o, ...e, children: r });
+}
+export {
+  l as Hyperlink
+};

package/dist/components/Icon/Icon.js

@@ -0,0 +1,9 @@
+import { jsx as e } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+function a(o) {
+  const { "icon-name": n, className: c, ...r } = o;
+  return /* @__PURE__ */ e("ds-icon-react", { "icon-name": n, class: c, ...r });
+}
+export {
+  a as Icon
+};

package/dist/components/IconButton/IconButton.js

@@ -0,0 +1,19 @@
+import { jsx as e } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+import "react";
+import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
+function l(o) {
+  const { className: r, onClick: n, size: t, ...s } = o, { ref: i } = c({ click: n });
+  return /* @__PURE__ */ e(
+    "ds-icon-button-react",
+    {
+      ref: i,
+      size: typeof t == "string" ? t : JSON.stringify(t),
+      class: r,
+      ...s
+    }
+  );
+}
+export {
+  l as IconButton
+};

package/dist/components/Input/Input.js

@@ -0,0 +1,14 @@
+import { jsx as m } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+import { useHandleEvent as s } from "../../hooks/useHandleEvent.js";
+import { forwardRef as i, useImperativeHandle as u } from "react";
+const c = i(
+  ({ className: e, onInput: t, onKeyDown: n, onChange: o, ...p }, a) => {
+    const { ref: r } = s({ input: t, keydown: n, change: o });
+    return u(a, () => r.current, []), /* @__PURE__ */ m("ds-input-react", { ref: r, class: e, ...p });
+  }
+);
+c.displayName = "Input";
+export {
+  c as Input
+};

package/dist/components/InteractiveCard/InteractiveCard.js

@@ -0,0 +1,26 @@
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { useHandleEvent as p } from "../../hooks/useHandleEvent.js";
+import "../../packages/ui-kit/dist-react/index.js";
+function e(t) {
+  const { className: d, children: v, onClick: m, ...C } = t, { ref: u } = p({ click: m });
+  return /* @__PURE__ */ r("ds-interactive-card-react", { ref: u, class: d, ...C, children: v });
+}
+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 });
+e.Title = a;
+e.Subtitle = i;
+e.Meta = n;
+e.Content = o;
+e.Cta = l;
+e.ErrorTitle = s;
+e.ErrorText = c;
+a.displayName = "InteractiveCard.Title";
+i.displayName = "InteractiveCard.Subtitle";
+n.displayName = "InteractiveCard.Meta";
+o.displayName = "InteractiveCard.Content";
+l.displayName = "InteractiveCard.Cta";
+s.displayName = "InteractiveCard.ErrorTitle";
+c.displayName = "InteractiveCard.ErrorText";
+export {
+  e as InteractiveCard
+};

package/dist/components/LinkButton/LinkButton.js

@@ -0,0 +1,11 @@
+import { jsx as i } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+import "react";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+function f({ children: t, onClick: o, ...r }) {
+  const { ref: n } = e({ click: o });
+  return /* @__PURE__ */ i("ds-link-button-react", { ref: n, ...r, children: t });
+}
+export {
+  f as LinkButton
+};

package/dist/components/Loader/Loader.js

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+function o(r) {
+  return /* @__PURE__ */ e("ds-loader-logo-react", { ...r });
+}
+function t(r) {
+  return /* @__PURE__ */ e("ds-loader-bar-react", { ...r });
+}
+function n(r) {
+  return /* @__PURE__ */ e("ds-loader-dots-react", { ...r });
+}
+function d(r) {
+  return /* @__PURE__ */ e("ds-loader-spinner-react", { ...r, children: r.text && /* @__PURE__ */ e("div", { slot: "text", children: r.text }) });
+}
+const c = {
+  Logo: o,
+  Bar: t,
+  Dots: n,
+  Spinner: d
+};
+export {
+  c as Loader,
+  o as LoaderLogo
+};

package/dist/components/Logo/Logo.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+function a(o) {
+  const { className: r, children: c, ...s } = o;
+  return /* @__PURE__ */ t("ds-logo-react", { class: r, ...s });
+}
+export {
+  a as Logo
+};

package/dist/components/MapPin/MapPin.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "../../packages/ui-kit/dist-react/index.js";
+function c({ onChange: r, ...t }) {
+  const { ref: n } = e({ change: r });
+  return /* @__PURE__ */ o("ds-map-pin-react", { ref: n, ...t });
+}
+export {
+  c as MapPin
+};

package/dist/components/Modal/Modal.js

@@ -0,0 +1,49 @@
+import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { useHandleEvent as f } from "../../hooks/useHandleEvent.js";
+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";
+import "../../packages/ui-kit/dist-react/index.js";
+function e() {
+}
+const C = p.div`
+    margin: 0;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+`;
+function l(t) {
+  const {
+    children: o,
+    onClickCloseButton: i = e,
+    onClickConfirmButton: s = e,
+    onClickCancelButton: u = e,
+    className: a,
+    withPortal: m,
+    ...r
+  } = t, { ref: d } = f({
+    "click-close-button": i,
+    "click-confirm-button": s,
+    "click-cancel-button": u
+  });
+  if (!r.open) return null;
+  const c = /* @__PURE__ */ n("ds-modal-react", { ref: d, class: a, ...r, children: o });
+  return m ? /* @__PURE__ */ n("ds-portal-react", { style: { display: "none" }, children: c }) : c;
+}
+function h({ children: t }) {
+  return /* @__PURE__ */ n("div", { slot: "title", children: t });
+}
+function k({ className: t = "", children: o }) {
+  return /* @__PURE__ */ n("div", { slot: "content", className: `ds-scroll ${t}`.trim(), children: o });
+}
+function b({ children: t }) {
+  return /* @__PURE__ */ n(C, { slot: "content", children: t });
+}
+l.Title = h;
+l.Content = k;
+l.FullScreenContent = b;
+export {
+  l as Modal
+};

package/dist/components/PasswordInput/PasswordInput.js

@@ -0,0 +1,39 @@
+import { jsxs as x, jsx as i } from "react/jsx-runtime";
+import "../../packages/ui-kit/dist-react/index.js";
+import "react";
+import { useHandleEvent as b } from "../../hooks/useHandleEvent.js";
+function H(l) {
+  const {
+    className: d,
+    children: w,
+    onChange: c,
+    onInput: u,
+    inputId: e,
+    placeHolder: n,
+    value: r,
+    label: h,
+    required: t,
+    disabled: o,
+    pattern: s,
+    maxLength: p,
+    minLength: a,
+    ...m
+  } = l, { ref: f } = b({ change: c, input: u }), g = {
+    type: "password",
+    ...!!e && { id: e },
+    ...!!n && { placeholder: n },
+    ...!!r && { value: r },
+    ...!!t && { required: t },
+    ...!!o && { disabled: o },
+    ...!!a && { minLength: a },
+    ...!!p && { maxLength: p },
+    ...!!s && { pattern: s }
+  };
+  return /* @__PURE__ */ x("ds-password-input-react", { ref: f, class: d, ...m, children: [
+    /* @__PURE__ */ i("label", { htmlFor: e, children: h }),
+    /* @__PURE__ */ i("input", { ...g })
+  ] });
+}
+export {
+  H as PasswordInput
+};

package/dist/components/PickerItem/PickerItem.js

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