@stihl-design-system/components 1.0.0-RC.44 → 1.0.0-RC.45

package/chunks/ActionCard.oi3u27DL.js

@@ -1,242 +0,0 @@
-"use client";
-import { jsxs as J, Fragment as re, jsx as v } from "react/jsx-runtime";
-import { d as A } from "./index.cKLI89Eg.js";
-import { c as S } from "./index.DQOqod3i.js";
-import oe, { isValidElement as te, useRef as le, useEffect as ne, cloneElement as se } from "react";
-import { g as ee } from "./helpers.CexwVao7.js";
-import '../assets/ActionCard.C85bSGRa.css';const ie = "ds-action-card_root_rfquv_1", ce = "ds-action-card_root--clickable_rfquv_11", de = "ds-action-card_primary-action_rfquv_20", me = "ds-action-card_header_rfquv_34", pe = "ds-action-card_content_rfquv_34", fe = "ds-action-card_footer_rfquv_34", ue = "ds-action-card_supplementary_rfquv_34", ye = "ds-action-card_root--horizontal_rfquv_43", _e = "ds-action-card_image-wrapper_rfquv_51", Ne = "ds-action-card_content-wrapper_rfquv_62", he = "ds-action-card_content-wrapper--padding-small_rfquv_67", be = "ds-action-card_root--horizontal-has-supplementary_rfquv_75", ge = "ds-action-card_root--padding-small_rfquv_78", ve = "ds-action-card_primary-action-label_rfquv_158", d = {
-  root: ie,
-  rootClickable: ce,
-  primaryAction: de,
-  header: me,
-  content: pe,
-  footer: fe,
-  supplementary: ue,
-  rootHorizontal: ye,
-  imageWrapper: _e,
-  contentWrapper: Ne,
-  contentWrapperPaddingSmall: he,
-  rootHorizontalHasSupplementary: be,
-  rootPaddingSmall: ge,
-  primaryActionLabel: ve
-}, Ce = ({
-  aria: n,
-  cardElement: e
-}) => {
-  const a = n?.["aria-labelledby"], t = n?.["aria-label"];
-  if (e) {
-    if (!a && !t)
-      throw new Error(ee("DSActionCard", "The 'aria' prop is required and must include either 'aria-labelledby' or 'aria-label'."));
-    if (a && !e.querySelector("#" + a))
-      throw new Error(ee("DSActionCard", `The provided 'aria-labelledby' value '${a}' does not match any element ID within the card.`));
-  }
-}, P = (n, e) => {
-  const a = [];
-  return oe.Children.forEach(n, (t) => {
-    if (!te(t))
-      return;
-    const r = t.type, o = e, l = o.displayName || o.name, m = r.displayName || r.name;
-    (t.type === e || m === l) && a.push(t);
-  }), a;
-}, q = (n) => {
-  const e = A.c(48);
-  let a, t, r, o, l, m, c;
-  e[0] !== n ? ({
-    aria: a,
-    className: r,
-    classNameContentWrapper: o,
-    children: t,
-    orientation: m,
-    padding: c,
-    ...l
-  } = n, e[0] = n, e[1] = a, e[2] = t, e[3] = r, e[4] = o, e[5] = l, e[6] = m, e[7] = c) : (a = e[1], t = e[2], r = e[3], o = e[4], l = e[5], m = e[6], c = e[7]);
-  const h = m === void 0 ? "vertical" : m, b = c === void 0 ? "medium" : c, p = le(null);
-  let f;
-  e[8] !== t ? (f = P(t, K), e[8] = t, e[9] = f) : f = e[9];
-  const _ = f;
-  let u;
-  e[10] !== t ? (u = P(t, Q), e[10] = t, e[11] = u) : u = e[11];
-  const g = u;
-  let y;
-  e[12] !== t ? (y = P(t, U), e[12] = t, e[13] = y) : y = e[13];
-  const N = y;
-  let s;
-  e[14] !== t ? (s = P(t, Y), e[14] = t, e[15] = s) : s = e[15];
-  const i = s;
-  let C;
-  e[16] !== t ? (C = P(t, X), e[16] = t, e[17] = C) : C = e[17];
-  const H = C;
-  let E;
-  e[18] !== t ? (E = P(t, Z), e[18] = t, e[19] = E) : E = e[19];
-  const z = E, T = z.length > 0, x = h === "horizontal", F = b === "small", M = h === "horizontal" && i.length > 0;
-  let W;
-  e[20] !== r || e[21] !== T || e[22] !== F || e[23] !== M || e[24] !== x ? (W = S(d.root, r, {
-    [d.rootHorizontal]: x,
-    [d.rootPaddingSmall]: F,
-    [d.rootHorizontalHasSupplementary]: M,
-    [d.rootClickable]: T
-  }), e[20] = r, e[21] = T, e[22] = F, e[23] = M, e[24] = x, e[25] = W) : W = e[25];
-  const R = W, j = b === "small";
-  let k;
-  e[26] !== o || e[27] !== j ? (k = S(d.contentWrapper, o, {
-    [d.contentWrapperPaddingSmall]: j
-  }), e[26] = o, e[27] = j, e[28] = k) : k = e[28];
-  const O = k;
-  let w;
-  e[29] !== a ? (w = () => {
-    const ae = p.current;
-    process.env.NODE_ENV !== "production" && Ce({
-      aria: a,
-      cardElement: ae
-    });
-  }, e[29] = a, e[30] = w) : w = e[30];
-  const V = a?.["aria-labelledby"], B = a?.["aria-label"];
-  let L;
-  e[31] !== V || e[32] !== B ? (L = [V, B], e[31] = V, e[32] = B, e[33] = L) : L = e[33], ne(w, L);
-  const I = a?.["aria-labelledby"], G = a?.["aria-label"];
-  let D;
-  e[34] !== O || e[35] !== g || e[36] !== N || e[37] !== _ ? (D = /* @__PURE__ */ J("div", { className: O, children: [
-    _,
-    g,
-    N
-  ] }), e[34] = O, e[35] = g, e[36] = N, e[37] = _, e[38] = D) : D = e[38];
-  let $;
-  return e[39] !== H || e[40] !== z || e[41] !== l || e[42] !== R || e[43] !== i || e[44] !== I || e[45] !== G || e[46] !== D ? ($ = /* @__PURE__ */ J("article", { ...l, "aria-labelledby": I, "aria-label": G, ref: p, className: R, children: [
-    z,
-    D,
-    i,
-    H
-  ] }), e[39] = H, e[40] = z, e[41] = l, e[42] = R, e[43] = i, e[44] = I, e[45] = G, e[46] = D, e[47] = $) : $ = e[47], $;
-}, K = (n) => {
-  const e = A.c(5), {
-    children: a,
-    className: t
-  } = n;
-  let r;
-  e[0] !== t ? (r = S(d.header, t) || void 0, e[0] = t, e[1] = r) : r = e[1];
-  const o = r;
-  let l;
-  return e[2] !== a || e[3] !== o ? (l = /* @__PURE__ */ v("header", { className: o, children: a }), e[2] = a, e[3] = o, e[4] = l) : l = e[4], l;
-};
-K.displayName = "DSActionCard.Header";
-const Q = (n) => {
-  const e = A.c(5), {
-    children: a,
-    className: t
-  } = n;
-  let r;
-  e[0] !== t ? (r = S(d.content, t) || void 0, e[0] = t, e[1] = r) : r = e[1];
-  const o = r;
-  let l;
-  return e[2] !== a || e[3] !== o ? (l = /* @__PURE__ */ v("div", { className: o, children: a }), e[2] = a, e[3] = o, e[4] = l) : l = e[4], l;
-};
-Q.displayName = "DSActionCard.Content";
-const U = (n) => {
-  const e = A.c(5), {
-    children: a,
-    className: t
-  } = n;
-  let r;
-  e[0] !== t ? (r = S(d.footer, t) || void 0, e[0] = t, e[1] = r) : r = e[1];
-  const o = r;
-  let l;
-  return e[2] !== a || e[3] !== o ? (l = /* @__PURE__ */ v("footer", { className: o, children: a }), e[2] = a, e[3] = o, e[4] = l) : l = e[4], l;
-};
-U.displayName = "DSActionCard.Footer";
-const X = (n) => {
-  const e = A.c(5), {
-    children: a,
-    className: t
-  } = n;
-  let r;
-  e[0] !== t ? (r = S(d.imageWrapper, t) || void 0, e[0] = t, e[1] = r) : r = e[1];
-  const o = r;
-  let l;
-  return e[2] !== a || e[3] !== o ? (l = /* @__PURE__ */ v("div", { className: o, children: a }), e[2] = a, e[3] = o, e[4] = l) : l = e[4], l;
-};
-X.displayName = "DSActionCard.Media";
-const Y = (n) => {
-  const e = A.c(5), {
-    children: a,
-    className: t
-  } = n;
-  let r;
-  e[0] !== t ? (r = S(d.supplementary, t) || void 0, e[0] = t, e[1] = r) : r = e[1];
-  const o = r;
-  let l;
-  return e[2] !== a || e[3] !== o ? (l = /* @__PURE__ */ v("div", { className: o, children: a }), e[2] = a, e[3] = o, e[4] = l) : l = e[4], l;
-};
-Y.displayName = "DSActionCard.Supplementary";
-const Z = (n) => {
-  const e = A.c(56);
-  let a, t, r, o, l, m;
-  e[0] !== n ? ({
-    children: a,
-    className: t,
-    href: r,
-    linkComponent: o,
-    onClick: l,
-    ...m
-  } = n, e[0] = n, e[1] = a, e[2] = t, e[3] = r, e[4] = o, e[5] = l, e[6] = m) : (a = e[1], t = e[2], r = e[3], o = e[4], l = e[5], m = e[6]);
-  let c, h, b, p, f, _, u, g, y, N;
-  if (e[7] !== a || e[8] !== t || e[9] !== o || e[10] !== m) {
-    g = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
-    e: {
-      p = S(d.primaryAction, t) || void 0;
-      const s = m;
-      if (e[21] !== s ? ({
-        download: h,
-        hrefLang: b,
-        ping: f,
-        referrerPolicy: _,
-        rel: u,
-        target: y,
-        type: N,
-        ...c
-      } = s, e[21] = s, e[22] = c, e[23] = h, e[24] = b, e[25] = f, e[26] = _, e[27] = u, e[28] = y, e[29] = N) : (c = e[22], h = e[23], b = e[24], f = e[25], _ = e[26], u = e[27], y = e[28], N = e[29]), o && te(o)) {
-        let i;
-        e[30] !== a ? (i = /* @__PURE__ */ v("span", { className: d.primaryActionLabel, children: a }), e[30] = a, e[31] = i) : i = e[31];
-        let C;
-        e[32] !== o.props.children || e[33] !== i ? (C = /* @__PURE__ */ J(re, { children: [
-          i,
-          o.props.children
-        ] }), e[32] = o.props.children, e[33] = i, e[34] = C) : C = e[34], g = se(o, {
-          ...o.props,
-          className: S(p, o.props.className),
-          children: C
-        });
-        break e;
-      }
-    }
-    e[7] = a, e[8] = t, e[9] = o, e[10] = m, e[11] = c, e[12] = h, e[13] = b, e[14] = p, e[15] = f, e[16] = _, e[17] = u, e[18] = g, e[19] = y, e[20] = N;
-  } else
-    c = e[11], h = e[12], b = e[13], p = e[14], f = e[15], _ = e[16], u = e[17], g = e[18], y = e[19], N = e[20];
-  if (g !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
-    return g;
-  if (r) {
-    let s;
-    e[35] !== a ? (s = /* @__PURE__ */ v("span", { className: d.primaryActionLabel, children: a }), e[35] = a, e[36] = s) : s = e[36];
-    let i;
-    return e[37] !== c || e[38] !== h || e[39] !== r || e[40] !== b || e[41] !== p || e[42] !== f || e[43] !== _ || e[44] !== u || e[45] !== s || e[46] !== y || e[47] !== N ? (i = /* @__PURE__ */ v("a", { href: r, className: p, download: h, hrefLang: b, ping: f, referrerPolicy: _, rel: u, target: y, type: N, ...c, children: s }), e[37] = c, e[38] = h, e[39] = r, e[40] = b, e[41] = p, e[42] = f, e[43] = _, e[44] = u, e[45] = s, e[46] = y, e[47] = N, e[48] = i) : i = e[48], i;
-  }
-  if (l) {
-    let s;
-    e[49] !== a ? (s = /* @__PURE__ */ v("span", { className: d.primaryActionLabel, children: a }), e[49] = a, e[50] = s) : s = e[50];
-    let i;
-    return e[51] !== c || e[52] !== p || e[53] !== l || e[54] !== s ? (i = /* @__PURE__ */ v("button", { type: "button", className: p, onClick: l, ...c, children: s }), e[51] = c, e[52] = p, e[53] = l, e[54] = s, e[55] = i) : i = e[55], i;
-  }
-  return null;
-};
-Z.displayName = "DSActionCard.PrimaryAction";
-q.Header = K;
-q.Content = Q;
-q.Footer = U;
-q.Media = X;
-q.PrimaryAction = Z;
-q.Supplementary = Y;
-q.displayName = "DSActionCard";
-export {
-  q as D,
-  P as g,
-  Ce as v
-};

package/chunks/Button.P9uWeVnl.js

@@ -1,139 +0,0 @@
-"use client";
-import { jsxs as O, jsx as c } from "react/jsx-runtime";
-import { c as p } from "./index.DQOqod3i.js";
-import { forwardRef as T } from "react";
-import { u as r } from "./useBreakpoint.1txsny17.js";
-import { D as F } from "./Icon.BoywkLCM.js";
-import { DSSpinner as L } from "../spinner.CJmvEaCu.js";
-import { Tooltip as k } from "../tooltip.C6HKano9.js";
-import { g as a } from "./helpers.CexwVao7.js";
-import "./index.cKLI89Eg.js";
-import '../assets/Button.C-UYIggc.css';const C = "ds-button_root_146u3_1", A = "ds-button_root--highlight_146u3_75", E = "ds-button_root--dark-highlight_146u3_75", P = "ds-button_root--filled_146u3_151", x = "ds-button_root--outline_146u3_179", V = "ds-button_root--ghost_146u3_206", j = "ds-button_root--ghost-flush_146u3_231", R = "ds-button_root--small_146u3_237", U = "ds-button_root--navigation_146u3_317", M = "ds-button_root--navigation--stretched_146u3_393", Z = "ds-button_root--navigation--stretched--icon-left_146u3_396", q = "ds-button_root--dark-filled_146u3_399", J = "ds-button_root--dark-outline_146u3_456", K = "ds-button_root--dark-ghost_146u3_512", Q = "ds-button_root--dark-ghost-flush_146u3_566", W = "ds-button_root--stretched_146u3_641", X = "ds-button_root--icon-left_146u3_644", Y = "ds-button_root--icon-only_146u3_647", $ = "ds-button_root--icon-only-small_146u3_656", z = "ds-button_icon--navigation_146u3_672", oo = "ds-button_icon--hidden_146u3_679", to = "ds-button_label--hidden_146u3_683", no = "ds-button_label--loading_146u3_695", eo = "ds-button_loader_146u3_699", o = {
-  root: C,
-  rootHighlight: A,
-  rootDarkHighlight: E,
-  rootFilled: P,
-  rootOutline: x,
-  rootGhost: V,
-  rootGhostFlush: j,
-  rootSmall: R,
-  rootNavigation: U,
-  rootNavigationStretched: M,
-  rootNavigationStretchedIconLeft: Z,
-  rootDarkFilled: q,
-  rootDarkOutline: J,
-  rootDarkGhost: K,
-  rootDarkGhostFlush: Q,
-  rootStretched: W,
-  rootIconLeft: X,
-  rootIconOnly: Y,
-  rootIconOnlySmall: $,
-  iconNavigation: z,
-  iconHidden: oo,
-  labelHidden: to,
-  labelLoading: no,
-  loader: eo
-}, bo = ["medium", "small"], po = ["highlight", "filled", "outline", "ghost", "navigation"], ro = ({
-  hideLabel: f,
-  iconName: m,
-  iconSource: b,
-  isFlush: d,
-  size: s,
-  stretched: l,
-  theme: u,
-  variant: e
-}) => {
-  if (e === "navigation" && (s === "small" && console.warn(a("DSButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), u === "dark"))
-    throw new Error(a("DSButton", 'A DSButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
-  e !== "ghost" && d ? console.warn(a("DSButton", 'The "isFlush" prop only has an effect when used with variant="ghost". Please remove the "isFlush" prop or set variant="ghost".')) : e === "ghost" && d && l && console.warn(a("DSButton", 'The "stretched" and "isFlush" props do not have an effect when used together. Please remove one of them.')), f && (!m && !b && console.warn(a("DSButton", 'The "hideLabel" prop is set to true but no icon is provided via "iconName" or "iconSource". Please provide an icon to ensure the button is not empty when the label is hidden.')), l && console.warn(a("DSButton", 'The "stretched" and "hideLabel" props do not have an effect when used together. Please remove one of them.')));
-}, so = T(({
-  children: f,
-  aria: m,
-  className: b,
-  disabled: d = !1,
-  hideLabel: s = !1,
-  iconName: l,
-  iconPosition: u = "left",
-  iconSource: e,
-  isFlush: h = !1,
-  loading: i = !1,
-  size: _ = "medium",
-  stretched: g = !1,
-  theme: n = "light",
-  tooltip: D,
-  variant: t = "filled",
-  onClick: S,
-  ...w
-}, I) => {
-  process.env.NODE_ENV !== "production" && ro({
-    hideLabel: r(s),
-    iconName: l,
-    iconSource: e,
-    isFlush: h,
-    size: _,
-    stretched: g,
-    theme: n,
-    variant: t
-  });
-  const y = p(o.root, b, {
-    // variant
-    [o.rootFilled]: t === "filled",
-    [o.rootHighlight]: t === "highlight",
-    [o.rootOutline]: t === "outline",
-    [o.rootGhost]: t === "ghost" && h !== !0,
-    [o.rootNavigation]: t === "navigation",
-    [o.rootNavigationStretched]: t === "navigation" && r(g) && u === "right",
-    [o.rootNavigationStretchedIconLeft]: t === "navigation" && r(g) && u === "left",
-    // isFlush
-    [o.rootGhostFlush]: t === "ghost" && h === !0,
-    // dark theme
-    [o.rootDarkFilled]: n === "dark" && t === "filled",
-    [o.rootDarkHighlight]: n === "dark" && t === "highlight",
-    [o.rootDarkOutline]: n === "dark" && t === "outline",
-    [o.rootDarkGhost]: n === "dark" && t === "ghost" && h !== !0,
-    // dark isFlush
-    [o.rootDarkGhostFlush]: n === "dark" && t === "ghost" && h === !0,
-    // size
-    [o.rootSmall]: _ === "small" || t === "navigation",
-    // stretched
-    [o.rootStretched]: r(g),
-    // icon position
-    [o.rootIconLeft]: u === "left",
-    // icon only
-    [o.rootIconOnly]: r(s) && _ === "medium" && t !== "navigation",
-    [o.rootIconOnlySmall]: r(s) && _ === "small" && t !== "navigation"
-  }), B = p({
-    // hide label only visually to keep them available for assistive technologies
-    [o.labelHidden]: r(s) && t !== "navigation",
-    // set label opacity to 0 when loading to prevent button size from changing
-    [o.labelLoading]: i
-    // if no label classes are set via classNames, return undefined to avoid empty class attribute
-  }) || void 0, G = p({
-    [o.iconNavigation]: t === "navigation",
-    // set icon opacity to 0 when loading to prevent button size from changing
-    [o.iconHidden]: i
-  }), H = n === "light" && t === "filled" || n === "dark" && t === "outline" || n === "dark" && t === "ghost" ? "dark" : "light", v = /* @__PURE__ */ O("button", { className: y, type: "submit", onClick: (N) => {
-    if (d || i) {
-      N.preventDefault();
-      return;
-    }
-    S && S(N);
-  }, ...m, ...w, "aria-disabled": d || i, "aria-busy": i, ref: I, children: [
-    i && /* @__PURE__ */ c(L, { className: o.loader, aria: {
-      "aria-label": "Loading state"
-    } }),
-    /* @__PURE__ */ c("span", { className: B, children: f }),
-    (l || e) && /* @__PURE__ */ c(F, { name: l, theme: H, source: e, className: G, "aria-hidden": "true" })
-  ] });
-  return D ? /* @__PURE__ */ O(k, { placement: "top", tooltipOffset: 6, children: [
-    /* @__PURE__ */ c(k.Anchor, { children: v }),
-    /* @__PURE__ */ c(k.Content, { children: D })
-  ] }) : v;
-});
-so.displayName = "DSButton";
-export {
-  bo as B,
-  so as D,
-  po as a,
-  ro as v
-};

package/chunks/Dialog.C8pnDioL.js

@@ -1,102 +0,0 @@
-"use client";
-import { jsx as n, jsxs as E } from "react/jsx-runtime";
-import { c as r } from "./index.DQOqod3i.js";
-import { useRef as g, useState as F, useEffect as v } from "react";
-import { D as W } from "./Button.P9uWeVnl.js";
-import { g as x } from "./helpers.CexwVao7.js";
-import "./index.cKLI89Eg.js";
-import '../assets/Dialog.DyiHUgTp.css';const R = "ds-dialog_root_kvopn_5", y = "ds-dialog_content-wrapper_kvopn_166", z = "ds-dialog_content-wrapper--no-footer_kvopn_172", L = "ds-dialog_close-button_kvopn_180", M = "ds-dialog_header_kvopn_193", j = "ds-dialog_content_kvopn_166", H = "ds-dialog_footer_kvopn_195", I = "ds-dialog_header--scrollable_kvopn_216", O = "ds-dialog_header--close-button_kvopn_225", P = "ds-dialog_content--no-footer_kvopn_238", T = "ds-dialog_footer--scrollable_kvopn_245", o = {
-  root: R,
-  contentWrapper: y,
-  contentWrapperNoFooter: z,
-  closeButton: L,
-  header: M,
-  content: j,
-  footer: H,
-  headerScrollable: I,
-  headerCloseButton: O,
-  contentNoFooter: P,
-  footerScrollable: T
-}, V = ({
-  tabIndex: s
-}) => {
-  if (s || s === 0)
-    throw new Error(x("DSDialog", "Do not pass the tabindex property to the DSDialog component as it is not interactive and does not receive focus. The DSDialogs contents, including the close button contained in the DSDialog, can receive focus and be interactive."));
-}, U = ({
-  children: s,
-  className: m,
-  closeButtonProps: b,
-  disableBackdropClose: D = !1,
-  footer: c,
-  header: S,
-  hideCloseButton: a = !1,
-  isOpen: i = !1,
-  onClose: l,
-  ...d
-}) => {
-  if (process.env.NODE_ENV !== "production") {
-    const {
-      tabIndex: e
-    } = d;
-    V({
-      tabIndex: e
-    });
-  }
-  const {
-    label: k = "Close dialog",
-    ...N
-  } = b || {}, t = g(null), p = g(null), [u, B] = F(!1);
-  v(() => {
-    const e = p.current;
-    if (e) {
-      const _ = () => {
-        B(e.scrollHeight > e.clientHeight);
-      };
-      _();
-      const h = new ResizeObserver(_);
-      return h.observe(e), () => {
-        h.disconnect();
-      };
-    }
-  }, []), v(() => {
-    const e = t.current;
-    if (e)
-      return e.addEventListener("close", f), i ? e.showModal() : e.close(), () => {
-        e.removeEventListener("close", f);
-      };
-  }, [i, l]);
-  const f = () => {
-    l && l();
-  }, w = (e) => {
-    D || t.current && e.target === t.current && t.current.close();
-  }, C = () => {
-    t.current && t.current.close();
-  };
-  return /* @__PURE__ */ n("dialog", { ...d, ref: t, className: r(o.root, m), onMouseDown: (e) => w(e), "aria-modal": "true", children: /* @__PURE__ */ E("div", { className: r(o.contentWrapper, {
-    [o.contentWrapperNoFooter]: !c
-  }), children: [
-    !a && /* @__PURE__ */ n(W, { ...N, className: o.closeButton, hideLabel: !0, iconName: "cross", size: "small", type: "button", variant: "ghost", onClick: () => C(), children: k }),
-    /* @__PURE__ */ n("header", { className: r(o.header, {
-      [o.headerCloseButton]: !a,
-      [o.headerScrollable]: u
-    }), children: S }),
-    /* @__PURE__ */ n(
-      "div",
-      {
-        ref: p,
-        className: r(o.content, {
-          [o.contentNoFooter]: !c
-        }),
-        tabIndex: 0,
-        children: s
-      }
-    ),
-    c && /* @__PURE__ */ n("footer", { className: r(o.footer, {
-      [o.footerScrollable]: u
-    }), children: c })
-  ] }) });
-};
-export {
-  U as D,
-  V as v
-};

package/chunks/Drawer.wTQvINDy.js

@@ -1,107 +0,0 @@
-"use client";
-import { jsx as t, jsxs as F } from "react/jsx-runtime";
-import { c as n } from "./index.DQOqod3i.js";
-import { useRef as p, useState as R, useEffect as v } from "react";
-import { D as k } from "./Button.P9uWeVnl.js";
-import { g as x } from "./helpers.CexwVao7.js";
-import "./index.cKLI89Eg.js";
-import '../assets/Drawer.UugEajR2.css';const I = "ds-drawer_root_4nbv0_10", O = "ds-drawer_root--end_4nbv0_68", y = "ds-drawer_content-wrapper_4nbv0_169", z = "ds-drawer_content-wrapper--no-footer_4nbv0_175", L = "ds-drawer_close-button_4nbv0_178", M = "ds-drawer_header_4nbv0_191", P = "ds-drawer_content_4nbv0_169", j = "ds-drawer_footer_4nbv0_193", H = "ds-drawer_header--scrollable_4nbv0_214", T = "ds-drawer_header--close-button_4nbv0_223", A = "ds-drawer_content--no-footer_4nbv0_237", V = "ds-drawer_footer--scrollable_4nbv0_244", o = {
-  root: I,
-  rootEnd: O,
-  contentWrapper: y,
-  contentWrapperNoFooter: z,
-  closeButton: L,
-  header: M,
-  content: P,
-  footer: j,
-  headerScrollable: H,
-  headerCloseButton: T,
-  contentNoFooter: A,
-  footerScrollable: V
-}, Y = ["start", "end"], q = ({
-  tabIndex: s
-}) => {
-  if (s || s === 0)
-    throw new Error(x("DSDrawer", "Do not pass the tabindex property to the DSDrawer component as it is not interactive and does not receive focus. The DSDrawers contents, including the close button contained in the DSDrawer, can receive focus and be interactive."));
-}, Z = ({
-  children: s,
-  className: w,
-  closeButtonProps: m,
-  disableBackdropClose: D = !1,
-  footer: c,
-  header: S,
-  hideCloseButton: l = !1,
-  position: N = "start",
-  isOpen: d = !1,
-  onClose: a,
-  ...i
-}) => {
-  if (process.env.NODE_ENV !== "production") {
-    const {
-      tabIndex: e
-    } = i;
-    q({
-      tabIndex: e
-    });
-  }
-  const {
-    label: E = "Close modal",
-    ...g
-  } = m || {}, r = p(null), _ = p(null), [u, B] = R(!1);
-  v(() => {
-    const e = _.current;
-    if (e) {
-      const f = () => {
-        B(e.scrollHeight > e.clientHeight);
-      };
-      f();
-      const h = new ResizeObserver(f);
-      return h.observe(e), () => {
-        h.disconnect();
-      };
-    }
-  }, []), v(() => {
-    const e = r.current;
-    if (e)
-      return e.addEventListener("close", b), d ? e.showModal() : e.close(), () => {
-        e.removeEventListener("close", b);
-      };
-  }, [d, a]);
-  const b = () => {
-    a && a();
-  }, C = (e) => {
-    D || r.current && e.target === r.current && r.current.close();
-  }, W = () => {
-    r.current && r.current.close();
-  };
-  return /* @__PURE__ */ t("dialog", { ...i, ref: r, className: n(o.root, {
-    [o.rootEnd]: N === "end"
-  }), onMouseDown: (e) => C(e), "aria-modal": "true", children: /* @__PURE__ */ F("div", { className: n(o.contentWrapper, w, {
-    [o.contentWrapperNoFooter]: !c
-  }), children: [
-    !l && /* @__PURE__ */ t(k, { ...g, className: o.closeButton, hideLabel: !0, iconName: "cross", size: "small", type: "button", variant: "ghost", onClick: () => W(), children: E }),
-    /* @__PURE__ */ t("header", { className: n(o.header, {
-      [o.headerCloseButton]: !l,
-      [o.headerScrollable]: u
-    }), children: S }),
-    /* @__PURE__ */ t(
-      "div",
-      {
-        ref: _,
-        className: n(o.content, {
-          [o.contentNoFooter]: !c
-        }),
-        tabIndex: 0,
-        children: s
-      }
-    ),
-    c && /* @__PURE__ */ t("footer", { className: n(o.footer, {
-      [o.footerScrollable]: u
-    }), children: c })
-  ] }) });
-};
-export {
-  Z as D,
-  Y as a,
-  q as v
-};