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

package/chunks/ActionCard.DJSGkwVG.js

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

package/chunks/{ActionLink.BsBKNYu5.js → ActionLink.BrJB7T0A.js}

@@ -3,7 +3,7 @@ import { jsxs as pt, jsx as b, Fragment as _t } from "react/jsx-runtime";
 import { d as mt } from "./index.cKLI89Eg.js";
 import { c as R } from "./index.DQOqod3i.js";
 import { forwardRef as vt } from "react";
-import { D as kt } from "./Icon.BoywkLCM.js";
+import { D as kt } from "./Icon.DCdL1Vnp.js";
 import { NumberIndicator as bt } from "../numberindicator.ZGVRSmqf.js";
 import { Tooltip as dt } from "../tooltip.C6HKano9.js";
 import { g as m } from "./helpers.CexwVao7.js";

package/chunks/{Breadcrumb.Dz3JQ2Vx.js → Breadcrumb.CNABp45n.js}

@@ -3,8 +3,8 @@ import { jsx as w, jsxs as V } from "react/jsx-runtime";
 import { d as q } from "./index.cKLI89Eg.js";
 import { c as F } from "./index.DQOqod3i.js";
 import { isValidElement as M, useState as I, useEffect as O, cloneElement as R } from "react";
-import { D as K } from "./Button.P9uWeVnl.js";
-import { DSLink as X } from "../link.Cej-vl_K.js";
+import { D as K } from "./Button.D8U6Bs7T.js";
+import { DSLink as X } from "../link.DFt6ae6h.js";
 import { g as d, r as z } from "./helpers.CexwVao7.js";
 import '../assets/Breadcrumb.BavNNzAA.css';const G = "ds-breadcrumb_root_1e9hu_1", H = "ds-breadcrumb_show-all-button_1e9hu_30", T = {
   root: G,

package/chunks/Button.D8U6Bs7T.js

@@ -0,0 +1,160 @@
+"use client";
+import { jsxs as vt, jsx as T } from "react/jsx-runtime";
+import { d as kt } from "./index.cKLI89Eg.js";
+import { c as _t } from "./index.DQOqod3i.js";
+import { forwardRef as St } from "react";
+import { u as bt } from "./useBreakpoint.1txsny17.js";
+import { D as Dt } from "./Icon.DCdL1Vnp.js";
+import { DSSpinner as Nt } from "../spinner.CioXs_gr.js";
+import { Tooltip as ft } from "../tooltip.C6HKano9.js";
+import { g as p } from "./helpers.CexwVao7.js";
+import '../assets/Button.C-UYIggc.css';const Ot = "ds-button_root_146u3_1", Ft = "ds-button_root--highlight_146u3_75", Lt = "ds-button_root--dark-highlight_146u3_75", wt = "ds-button_root--filled_146u3_151", It = "ds-button_root--outline_146u3_179", yt = "ds-button_root--ghost_146u3_206", Bt = "ds-button_root--ghost-flush_146u3_231", Ht = "ds-button_root--small_146u3_237", Gt = "ds-button_root--navigation_146u3_317", Tt = "ds-button_root--navigation--stretched_146u3_393", Pt = "ds-button_root--navigation--stretched--icon-left_146u3_396", Ct = "ds-button_root--dark-filled_146u3_399", Et = "ds-button_root--dark-outline_146u3_456", At = "ds-button_root--dark-ghost_146u3_512", xt = "ds-button_root--dark-ghost-flush_146u3_566", zt = "ds-button_root--stretched_146u3_641", Vt = "ds-button_root--icon-left_146u3_644", jt = "ds-button_root--icon-only_146u3_647", Rt = "ds-button_root--icon-only-small_146u3_656", Ut = "ds-button_icon--navigation_146u3_672", Mt = "ds-button_icon--hidden_146u3_679", Zt = "ds-button_label--hidden_146u3_683", $t = "ds-button_label--loading_146u3_695", qt = "ds-button_loader_146u3_699", e = {
+  root: Ot,
+  rootHighlight: Ft,
+  rootDarkHighlight: Lt,
+  rootFilled: wt,
+  rootOutline: It,
+  rootGhost: yt,
+  rootGhostFlush: Bt,
+  rootSmall: Ht,
+  rootNavigation: Gt,
+  rootNavigationStretched: Tt,
+  rootNavigationStretchedIconLeft: Pt,
+  rootDarkFilled: Ct,
+  rootDarkOutline: Et,
+  rootDarkGhost: At,
+  rootDarkGhostFlush: xt,
+  rootStretched: zt,
+  rootIconLeft: Vt,
+  rootIconOnly: jt,
+  rootIconOnlySmall: Rt,
+  iconNavigation: Ut,
+  iconHidden: Mt,
+  labelHidden: Zt,
+  labelLoading: $t,
+  loader: qt
+}, so = ["medium", "small"], lo = ["highlight", "filled", "outline", "ghost", "navigation"], Jt = ({
+  hideLabel: k,
+  iconName: S,
+  iconSource: t,
+  isFlush: l,
+  size: c,
+  stretched: r,
+  theme: s,
+  variant: i
+}) => {
+  if (i === "navigation" && (c === "small" && console.warn(p("DSButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), s === "dark"))
+    throw new Error(p("DSButton", 'A DSButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
+  i !== "ghost" && l ? console.warn(p("DSButton", 'The "isFlush" prop only has an effect when used with variant="ghost". Please remove the "isFlush" prop or set variant="ghost".')) : i === "ghost" && l && r && console.warn(p("DSButton", 'The "stretched" and "isFlush" props do not have an effect when used together. Please remove one of them.')), k && (!S && !t && console.warn(p("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.')), r && console.warn(p("DSButton", 'The "stretched" and "hideLabel" props do not have an effect when used together. Please remove one of them.')));
+}, Kt = St((k, S) => {
+  const t = kt.c(77);
+  let l, c, r, s, i, h, g, D, N, O, F, L, w, I, y, B, u;
+  t[0] !== k ? ({
+    children: c,
+    aria: l,
+    className: r,
+    disabled: D,
+    hideLabel: N,
+    iconName: s,
+    iconPosition: O,
+    iconSource: i,
+    isFlush: F,
+    loading: L,
+    size: w,
+    stretched: I,
+    theme: y,
+    tooltip: u,
+    variant: B,
+    onClick: h,
+    ...g
+  } = k, t[0] = k, t[1] = l, t[2] = c, t[3] = r, t[4] = s, t[5] = i, t[6] = h, t[7] = g, t[8] = D, t[9] = N, t[10] = O, t[11] = F, t[12] = L, t[13] = w, t[14] = I, t[15] = y, t[16] = B, t[17] = u) : (l = t[1], c = t[2], r = t[3], s = t[4], i = t[5], h = t[6], g = t[7], D = t[8], N = t[9], O = t[10], F = t[11], L = t[12], w = t[13], I = t[14], y = t[15], B = t[16], u = t[17]);
+  const P = D === void 0 ? !1 : D, pt = N === void 0 ? !1 : N, U = O === void 0 ? "left" : O, H = F === void 0 ? !1 : F, n = L === void 0 ? !1 : L, C = w === void 0 ? "medium" : w, mt = I === void 0 ? !1 : I, a = y === void 0 ? "light" : y, o = B === void 0 ? "filled" : B, _ = bt(pt), G = bt(mt);
+  process.env.NODE_ENV !== "production" && Jt({
+    hideLabel: _,
+    iconName: s,
+    iconSource: i,
+    isFlush: H,
+    size: C,
+    stretched: mt,
+    theme: a,
+    variant: o
+  });
+  const M = o === "filled", Z = o === "highlight", $ = o === "outline", q = o === "ghost" && H !== !0, J = o === "navigation", K = o === "navigation" && G && U === "right", Q = o === "navigation" && G && U === "left", W = o === "ghost" && H === !0, X = a === "dark" && o === "filled", Y = a === "dark" && o === "highlight", tt = a === "dark" && o === "outline", ot = a === "dark" && o === "ghost" && H !== !0, et = a === "dark" && o === "ghost" && H === !0, nt = C === "small" || o === "navigation", it = U === "left", st = _ && C === "medium" && o !== "navigation", lt = _ && C === "small" && o !== "navigation";
+  let E;
+  t[18] !== r || t[19] !== G || t[20] !== M || t[21] !== Z || t[22] !== $ || t[23] !== q || t[24] !== J || t[25] !== K || t[26] !== Q || t[27] !== W || t[28] !== X || t[29] !== Y || t[30] !== tt || t[31] !== ot || t[32] !== et || t[33] !== nt || t[34] !== it || t[35] !== st || t[36] !== lt ? (E = _t(e.root, r, {
+    [e.rootFilled]: M,
+    [e.rootHighlight]: Z,
+    [e.rootOutline]: $,
+    [e.rootGhost]: q,
+    [e.rootNavigation]: J,
+    [e.rootNavigationStretched]: K,
+    [e.rootNavigationStretchedIconLeft]: Q,
+    [e.rootGhostFlush]: W,
+    [e.rootDarkFilled]: X,
+    [e.rootDarkHighlight]: Y,
+    [e.rootDarkOutline]: tt,
+    [e.rootDarkGhost]: ot,
+    [e.rootDarkGhostFlush]: et,
+    [e.rootSmall]: nt,
+    [e.rootStretched]: G,
+    [e.rootIconLeft]: it,
+    [e.rootIconOnly]: st,
+    [e.rootIconOnlySmall]: lt
+  }), t[18] = r, t[19] = G, t[20] = M, t[21] = Z, t[22] = $, t[23] = q, t[24] = J, t[25] = K, t[26] = Q, t[27] = W, t[28] = X, t[29] = Y, t[30] = tt, t[31] = ot, t[32] = et, t[33] = nt, t[34] = it, t[35] = st, t[36] = lt, t[37] = E) : E = t[37];
+  const rt = E;
+  let A;
+  t[38] !== n || t[39] !== _ || t[40] !== o ? (A = _t({
+    [e.labelHidden]: _ && o !== "navigation",
+    [e.labelLoading]: n
+  }) || void 0, t[38] = n, t[39] = _, t[40] = o, t[41] = A) : A = t[41];
+  const at = A, dt = o === "navigation";
+  let x;
+  t[42] !== n || t[43] !== dt ? (x = _t({
+    [e.iconNavigation]: dt,
+    [e.iconHidden]: n
+  }), t[42] = n, t[43] = dt, t[44] = x) : x = t[44];
+  const ct = x, ht = a === "light" && o === "filled" || a === "dark" && o === "outline" || a === "dark" && o === "ghost" ? "dark" : "light";
+  let z;
+  t[45] !== P || t[46] !== n || t[47] !== h ? (z = (d) => {
+    if (P || n) {
+      d.preventDefault();
+      return;
+    }
+    h && h(d);
+  }, t[45] = P, t[46] = n, t[47] = h, t[48] = z) : z = t[48];
+  const ut = z, gt = P || n;
+  let f;
+  t[49] !== n ? (f = n && /* @__PURE__ */ T(Nt, { className: e.loader, aria: {
+    "aria-label": "Loading state"
+  } }), t[49] = n, t[50] = f) : f = t[50];
+  let m;
+  t[51] !== c || t[52] !== at ? (m = /* @__PURE__ */ T("span", { className: at, children: c }), t[51] = c, t[52] = at, t[53] = m) : m = t[53];
+  let v;
+  t[54] !== ct || t[55] !== s || t[56] !== i || t[57] !== ht ? (v = (s || i) && /* @__PURE__ */ T(Dt, { name: s, theme: ht, source: i, className: ct, "aria-hidden": "true" }), t[54] = ct, t[55] = s, t[56] = i, t[57] = ht, t[58] = v) : v = t[58];
+  let V;
+  t[59] !== l || t[60] !== ut || t[61] !== n || t[62] !== S || t[63] !== g || t[64] !== rt || t[65] !== gt || t[66] !== f || t[67] !== m || t[68] !== v ? (V = /* @__PURE__ */ vt("button", { className: rt, type: "submit", onClick: ut, ...l, ...g, "aria-disabled": gt, "aria-busy": n, ref: S, children: [
+    f,
+    m,
+    v
+  ] }), t[59] = l, t[60] = ut, t[61] = n, t[62] = S, t[63] = g, t[64] = rt, t[65] = gt, t[66] = f, t[67] = m, t[68] = v, t[69] = V) : V = t[69];
+  const j = V;
+  if (u) {
+    let d;
+    t[70] !== j ? (d = /* @__PURE__ */ T(ft.Anchor, { children: j }), t[70] = j, t[71] = d) : d = t[71];
+    let b;
+    t[72] !== u ? (b = /* @__PURE__ */ T(ft.Content, { children: u }), t[72] = u, t[73] = b) : b = t[73];
+    let R;
+    return t[74] !== d || t[75] !== b ? (R = /* @__PURE__ */ vt(ft, { placement: "top", tooltipOffset: 6, children: [
+      d,
+      b
+    ] }), t[74] = d, t[75] = b, t[76] = R) : R = t[76], R;
+  }
+  return j;
+});
+Kt.displayName = "DSButton";
+export {
+  so as B,
+  Kt as D,
+  lo as a,
+  Jt as v
+};

package/chunks/{Checkbox.B3g2P15v.js → Checkbox.91fwuJ-0.js}

@@ -4,8 +4,8 @@ import { c as x } from "./index.DQOqod3i.js";
 import { forwardRef as j, useRef as B, useState as H, useEffect as V, useCallback as $ } from "react";
 import { u as A } from "./useBreakpoint.1txsny17.js";
 import "./index.cKLI89Eg.js";
-import { D as _ } from "./Icon.BoywkLCM.js";
-import { D as L } from "./SystemFeedback.D4aWwoC8.js";
+import { D as _ } from "./Icon.DCdL1Vnp.js";
+import { D as L } from "./SystemFeedback.CZhoSxrC.js";
 import { g as C } from "./helpers.CexwVao7.js";
 import '../assets/Checkbox.ZAPIO2N8.css';const O = "ds-checkbox_root_xklfa_1", U = "ds-checkbox_root--disabled_xklfa_21", z = "ds-checkbox_checkbox_xklfa_25", F = "ds-checkbox_icon-check_xklfa_41", J = "ds-checkbox_icon-minus_xklfa_42", K = "ds-checkbox_checkbox--invalid_xklfa_66", Q = "ds-checkbox_label--hidden_xklfa_71", R = "ds-checkbox_input_xklfa_84", T = "ds-checkbox_label_xklfa_71", W = "ds-checkbox_feedback_xklfa_198", e = {
   root: O,

package/chunks/{CheckboxGroup.Bg9WSL5B.js → CheckboxGroup.DlZcoyo_.js}

@@ -2,10 +2,10 @@
 import { jsx as w } from "react/jsx-runtime";
 import { d as q } from "./index.cKLI89Eg.js";
 import { c as N } from "./index.DQOqod3i.js";
-import { D as z } from "./Fieldset.DdYeI2CZ.js";
+import { D as z } from "./Fieldset.BB4NftRU.js";
 import _ from "react";
 import { g as v, r as I } from "./helpers.CexwVao7.js";
-import { D as P } from "./Checkbox.B3g2P15v.js";
+import { D as P } from "./Checkbox.91fwuJ-0.js";
 import '../assets/CheckboxGroup.Dd-Huo7x.css';const F = "ds-checkbox-group_root_12fot_1", H = "ds-checkbox-group_root--horizontal_12fot_9", O = "ds-checkbox-group_root--invalid_12fot_12", E = {
   root: F,
   rootHorizontal: H,

package/chunks/{Chip.CfxdI4_r.js → Chip.wHEr-saO.js}

@@ -4,7 +4,7 @@ import { d as q } from "./index.cKLI89Eg.js";
 import { c as H } from "./index.DQOqod3i.js";
 import { forwardRef as U } from "react";
 import { t as M } from "./translate.nuU7uChI.js";
-import { D as z } from "./Icon.BoywkLCM.js";
+import { D as z } from "./Icon.DCdL1Vnp.js";
 import { Tooltip as N } from "../tooltip.C6HKano9.js";
 import { g as $, r as x } from "./helpers.CexwVao7.js";
 import '../assets/Chip.D3vV0wyV.css';const j = "ds-chip-group_chip_aidwn_1", B = "ds-chip-group_chip--small_aidwn_30", F = {

package/chunks/{CustomReactSelect.DuAr_i4b.js → CustomReactSelect.DHwRSrva.js}

@@ -11,10 +11,10 @@ import { t as zt } from "./translate.nuU7uChI.js";
 import { g as ce, r as kt } from "./helpers.CexwVao7.js";
 import { u as jt } from "./useBreakpoint.1txsny17.js";
 import { Asterisk as Ut } from "../asterisk.Dwtdwpkq.js";
-import { D as ge } from "./Icon.BoywkLCM.js";
-import { D as Qt } from "./Popover.BmpyqKuQ.js";
-import { D as _t } from "./SystemFeedback.D4aWwoC8.js";
-import { OptionCheckbox as $t } from "../optioncheckbox.BOfgK3U_.js";
+import { D as ge } from "./Icon.DCdL1Vnp.js";
+import { D as Qt } from "./Popover.BBT_kVGM.js";
+import { D as _t } from "./SystemFeedback.CZhoSxrC.js";
+import { OptionCheckbox as $t } from "../optioncheckbox.BO9lhnF3.js";
 import '../assets/CustomReactSelect.Ctze4SRN.css';const qo = ({
   id: n,
   label: e,

package/chunks/Dialog.DNrQmu4n.js

@@ -0,0 +1,102 @@
+"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 m } from "react";
+import { D as W } from "./Button.D8U6Bs7T.js";
+import { g as x } from "./helpers.CexwVao7.js";
+import "./index.cKLI89Eg.js";
+import '../assets/Dialog.BKwWy1g2.css';const R = "ds-dialog_root_11kdc_5", y = "ds-dialog_content-wrapper_11kdc_166", z = "ds-dialog_content-wrapper--no-footer_11kdc_172", L = "ds-dialog_close-button_11kdc_180", M = "ds-dialog_header_11kdc_193", j = "ds-dialog_content_11kdc_166", H = "ds-dialog_footer_11kdc_195", I = "ds-dialog_header--scrollable_11kdc_216", O = "ds-dialog_header--close-button_11kdc_225", P = "ds-dialog_content--no-footer_11kdc_238", T = "ds-dialog_footer--scrollable_11kdc_273", 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: c
+}) => {
+  if (c || c === 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: c,
+  className: b,
+  closeButtonProps: D,
+  disableBackdropClose: S = !1,
+  footer: s,
+  header: k,
+  hideCloseButton: a = !1,
+  isOpen: d = !1,
+  onClose: l,
+  ...i
+}) => {
+  if (process.env.NODE_ENV !== "production") {
+    const {
+      tabIndex: e
+    } = i;
+    V({
+      tabIndex: e
+    });
+  }
+  const {
+    label: v = "Close dialog",
+    ...N
+  } = D || {}, t = g(null), u = g(null), [f, B] = F(!1);
+  m(() => {
+    const e = u.current;
+    if (e) {
+      const h = () => {
+        B(e.scrollHeight > e.clientHeight);
+      };
+      h();
+      const p = new ResizeObserver(h);
+      return p.observe(e), () => {
+        p.disconnect();
+      };
+    }
+  }, []), m(() => {
+    const e = t.current;
+    if (e)
+      return e.addEventListener("close", _), d ? e.showModal() : e.close(), () => {
+        e.removeEventListener("close", _);
+      };
+  }, [d, l]);
+  const _ = () => {
+    l && l();
+  }, w = (e) => {
+    S || t.current && e.target === t.current && t.current.close();
+  }, C = () => {
+    t.current && t.current.close();
+  };
+  return /* @__PURE__ */ n("dialog", { ...i, ref: t, className: r(o.root, b), onMouseDown: (e) => w(e), "aria-modal": "true", children: /* @__PURE__ */ E("div", { className: r(o.contentWrapper, {
+    [o.contentWrapperNoFooter]: !s
+  }), children: [
+    !a && /* @__PURE__ */ n(W, { ...N, className: o.closeButton, hideLabel: !0, iconName: "cross", size: "small", type: "button", variant: "ghost", onClick: () => C(), children: v }),
+    /* @__PURE__ */ n("header", { className: r(o.header, {
+      [o.headerCloseButton]: !a,
+      [o.headerScrollable]: f
+    }), children: k }),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        ref: u,
+        className: r(o.content, {
+          [o.contentNoFooter]: !s
+        }),
+        tabIndex: 0,
+        children: c
+      }
+    ),
+    s && /* @__PURE__ */ n("footer", { className: r(o.footer, {
+      [o.footerScrollable]: f
+    }), children: s })
+  ] }) });
+};
+export {
+  U as D,
+  V as v
+};

package/chunks/Drawer.DaiiAoa8.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsx as t, jsxs as W } from "react/jsx-runtime";
+import { c as n } from "./index.DQOqod3i.js";
+import { useRef as w, useState as F, useEffect as m } from "react";
+import { D as R } from "./Button.D8U6Bs7T.js";
+import { g as k } from "./helpers.CexwVao7.js";
+import "./index.cKLI89Eg.js";
+import '../assets/Drawer.BU-fi5Hk.css';const x = "ds-drawer_root_1fyfp_10", I = "ds-drawer_root--end_1fyfp_68", O = "ds-drawer_content-wrapper_1fyfp_169", z = "ds-drawer_content-wrapper--no-footer_1fyfp_175", L = "ds-drawer_close-button_1fyfp_178", M = "ds-drawer_header_1fyfp_191", P = "ds-drawer_content_1fyfp_169", j = "ds-drawer_footer_1fyfp_193", H = "ds-drawer_header--scrollable_1fyfp_214", T = "ds-drawer_header--close-button_1fyfp_223", A = "ds-drawer_content--no-footer_1fyfp_265", V = "ds-drawer_footer--scrollable_1fyfp_272", o = {
+  root: x,
+  rootEnd: I,
+  contentWrapper: O,
+  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(k("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: b,
+  closeButtonProps: D,
+  disableBackdropClose: S = !1,
+  footer: c,
+  header: N,
+  hideCloseButton: l = !1,
+  position: v = "start",
+  isOpen: d = !1,
+  onClose: a,
+  ...f
+}) => {
+  if (process.env.NODE_ENV !== "production") {
+    const {
+      tabIndex: e
+    } = f;
+    q({
+      tabIndex: e
+    });
+  }
+  const {
+    label: y = "Close modal",
+    ...E
+  } = D || {}, r = w(null), i = w(null), [p, g] = F(!1);
+  m(() => {
+    const e = i.current;
+    if (e) {
+      const u = () => {
+        g(e.scrollHeight > e.clientHeight);
+      };
+      u();
+      const h = new ResizeObserver(u);
+      return h.observe(e), () => {
+        h.disconnect();
+      };
+    }
+  }, []), m(() => {
+    const e = r.current;
+    if (e)
+      return e.addEventListener("close", _), d ? e.showModal() : e.close(), () => {
+        e.removeEventListener("close", _);
+      };
+  }, [d, a]);
+  const _ = () => {
+    a && a();
+  }, B = (e) => {
+    S || r.current && e.target === r.current && r.current.close();
+  }, C = () => {
+    r.current && r.current.close();
+  };
+  return /* @__PURE__ */ t("dialog", { ...f, ref: r, className: n(o.root, {
+    [o.rootEnd]: v === "end"
+  }), onMouseDown: (e) => B(e), "aria-modal": "true", children: /* @__PURE__ */ W("div", { className: n(o.contentWrapper, b, {
+    [o.contentWrapperNoFooter]: !c
+  }), children: [
+    !l && /* @__PURE__ */ t(R, { ...E, className: o.closeButton, hideLabel: !0, iconName: "cross", size: "small", type: "button", variant: "ghost", onClick: () => C(), children: y }),
+    /* @__PURE__ */ t("header", { className: n(o.header, {
+      [o.headerCloseButton]: !l,
+      [o.headerScrollable]: p
+    }), children: N }),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ref: i,
+        className: n(o.content, {
+          [o.contentNoFooter]: !c
+        }),
+        tabIndex: 0,
+        children: s
+      }
+    ),
+    c && /* @__PURE__ */ t("footer", { className: n(o.footer, {
+      [o.footerScrollable]: p
+    }), children: c })
+  ] }) });
+};
+export {
+  Z as D,
+  Y as a,
+  q as v
+};