@stihl-design-system/components 1.0.0-RC.47 → 1.0.0-RC.48

package/chunks/Pagination.BrOMUJMi.js

@@ -0,0 +1,272 @@
+"use client";
+import { jsx as N, jsxs as Ae } from "react/jsx-runtime";
+import { d as Be } from "./index.cKLI89Eg.js";
+import { c as D } from "./index.DQOqod3i.js";
+import { isValidElement as fe, useState as _e, useEffect as ve, cloneElement as be } from "react";
+import { f as ze } from "./AriaLiveRegions.utils.xoETe2Ps.js";
+import { D as Ne } from "./Button.CCol--xy.js";
+import { D as De } from "./LinkButton.BxG7fx1O.js";
+import { g as v, r as ge } from "./helpers.CexwVao7.js";
+import { u as Ie } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { t as Te } from "./translate.DSb-TdWR.js";
+import '../assets/Pagination.DH71DZ0j.css';const Me = "ds-pagination_list_1u9zx_1", Ce = "ds-pagination_list--center_1u9zx_8", Le = "ds-pagination_list--right_1u9zx_11", Oe = "ds-pagination_item_1u9zx_15", $e = "ds-pagination_item-prev-button-wrapper_1u9zx_19", Fe = "ds-pagination_item-next-button-wrapper_1u9zx_22", Re = "ds-pagination_prev-next-button_1u9zx_26", We = "ds-pagination_prev-next-button--dark_1u9zx_58", Ve = "ds-pagination_page-button_1u9zx_87", je = "ds-pagination_page-button--dark_1u9zx_138", Ge = "ds-pagination_page-button--active_1u9zx_174", Qe = "ds-pagination_page-button--active--dark_1u9zx_201", Ue = "ds-pagination_ellipsis_1u9zx_210", qe = "ds-pagination_ellipsis--dark_1u9zx_217", Ye = "ds-pagination_divider_1u9zx_221", He = "ds-pagination_divider--dark_1u9zx_233", Je = "ds-pagination_wrapper-focus_1u9zx_242", Ke = "ds-pagination_wrapper-focus--dark_1u9zx_270", t = {
+  list: Me,
+  listCenter: Ce,
+  listRight: Le,
+  item: Oe,
+  itemPrevButtonWrapper: $e,
+  itemNextButtonWrapper: Fe,
+  prevNextButton: Re,
+  prevNextButtonDark: We,
+  pageButton: Ve,
+  pageButtonDark: je,
+  pageButtonActive: Ge,
+  pageButtonActiveDark: Qe,
+  ellipsis: Ue,
+  ellipsisDark: qe,
+  divider: Ye,
+  dividerDark: He,
+  wrapperFocus: Je,
+  wrapperFocusDark: Ke
+}, ke = "(max-width: 518px)", xe = "(max-width: 428px)", we = () => typeof window > "u" ? 9 : window.matchMedia(xe).matches ? 5 : window.matchMedia(ke).matches ? 7 : 9, Xe = (s, e, a) => {
+  const o = [];
+  if (s <= a) {
+    for (let i = 0; i < s; i++)
+      o.push({
+        type: "page",
+        pageIndex: i
+      });
+    return o;
+  }
+  const g = a - 4;
+  let l = e - Math.floor((g - 1) / 2), d = l + g - 1;
+  l <= 2 && (l = 1, d = a - 3), d >= s - 3 && (d = s - 2, l = s - a + 2);
+  const c = [0];
+  for (let i = l; i <= d; i++)
+    c.push(i);
+  return c.push(s - 1), c.forEach((i, k) => {
+    const w = c[k - 1];
+    w !== void 0 && i - w > 1 && o.push({
+      type: "ellipsis",
+      id: `ellipsis-${w}-${i}`
+    }), o.push({
+      type: "page",
+      pageIndex: i
+    });
+  }), o;
+}, Ze = (s) => {
+  const e = [];
+  return s.forEach((a, o) => {
+    o > 0 && e.push({
+      type: "divider",
+      id: `divider-${o}`
+    }), e.push(a);
+  }), e;
+}, et = (s, e, a) => Ze(Xe(s, e, a)), tt = {
+  previousPage: "Previous page",
+  nextPage: "Next page",
+  page: "Page {pageNumber}",
+  pageOf: "Page {currentPage} of {totalPages} loaded"
+}, at = {
+  previousPage: "Vorherige Seite",
+  nextPage: "Nächste Seite",
+  page: "Seite {pageNumber}",
+  pageOf: "Seite {currentPage} von {totalPages} geladen"
+}, Pe = {
+  en: tt,
+  de: at
+}, it = ({
+  activePageIndex: s,
+  aria: e,
+  itemsPerPage: a,
+  links: o,
+  totalItemsCount: g
+}) => {
+  if (!e || typeof e != "object" || Object.keys(e).length === 0 || !e["aria-label"] && !e["aria-labelledby"] || e["aria-label"]?.trim() === "" && e["aria-labelledby"]?.trim() === "")
+    throw new Error(v("DSPagination", 'A valid "aria-label" or "aria-labelledby" property is required. Ensure the "aria" prop is a non-empty object and includes either "aria-label" or "aria-labelledby" with a non-empty string value.'));
+  if (typeof g != "number" || Number.isNaN(g))
+    throw new Error(v("DSPagination", ge("totalItemsCount", "DSPagination")));
+  if (g < 0)
+    throw new Error(v("DSPagination", 'The "totalItemsCount" prop must be zero or a positive number.'));
+  if (typeof a != "number" || Number.isNaN(a))
+    throw new Error(v("DSPagination", ge("itemsPerPage", "DSPagination")));
+  if (a <= 0)
+    throw new Error(v("DSPagination", 'The "itemsPerPage" prop must be greater than 0.'));
+  if (typeof s != "number" || Number.isNaN(s) || !Number.isInteger(s))
+    throw new Error(v("DSPagination", ge("activePageIndex", "DSPagination")));
+  const l = Math.max(1, Math.ceil(g / Math.max(1, a)));
+  if (s < 0 || s > l - 1)
+    throw new Error(v("DSPagination", `The "activePageIndex" must be between 0 and ${l - 1}.`));
+  if (o && !Array.isArray(o))
+    throw new Error(v("DSPagination", 'The "links" prop must be an array when provided.'));
+  Array.isArray(o) && o.forEach(({
+    href: d,
+    wrapper: c
+  }, i) => {
+    if (c && !fe(c))
+      throw new Error(v("DSPagination", `The link with label "${i + 1}" provided an invalid ReactElement as wrapper property.`));
+    c && d && console.warn(v("DSPagination", `The link with label "${i + 1}" has both a wrapper and an href property. Please use only one.`)), c && fe(c) && c.props?.children && console.warn(v("DSPagination", `The link with label "${i + 1}" contains a wrapper with children. Please remove the children, as they will be replaced.`));
+  });
+}, ht = (s) => {
+  const e = Be.c(82);
+  let a, o, g, l, d, c, i, k, w, F, R, j;
+  e[0] !== s ? ({
+    aria: a,
+    activePageIndex: i,
+    itemsPerPage: g,
+    totalItemsCount: R,
+    className: o,
+    alignment: k,
+    lang: w,
+    links: l,
+    theme: F,
+    translations: j,
+    onPageChange: d,
+    ...c
+  } = s, e[0] = s, e[1] = a, e[2] = o, e[3] = g, e[4] = l, e[5] = d, e[6] = c, e[7] = i, e[8] = k, e[9] = w, e[10] = F, e[11] = R, e[12] = j) : (a = e[1], o = e[2], g = e[3], l = e[4], d = e[5], c = e[6], i = e[7], k = e[8], w = e[9], F = e[10], R = e[11], j = e[12]);
+  const x = i === void 0 ? 0 : i, he = k === void 0 ? "right" : k, G = w === void 0 ? "en" : w, f = F === void 0 ? "light" : F, m = f === "dark", P = typeof d == "function", [Se, me] = _e(x), r = P ? x : Se, [oe, ye] = _e(we);
+  let Q, U;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Q = () => {
+    const n = window.matchMedia(ke), p = window.matchMedia(xe), u = () => {
+      ye(we());
+    };
+    return n.addEventListener("change", u), p.addEventListener("change", u), () => {
+      n.removeEventListener("change", u), p.removeEventListener("change", u);
+    };
+  }, U = [], e[13] = Q, e[14] = U) : (Q = e[13], U = e[14]), Ie(Q, U), process.env.NODE_ENV !== "production" && it({
+    aria: a,
+    itemsPerPage: g,
+    totalItemsCount: R,
+    activePageIndex: x,
+    links: l
+  });
+  const _ = Math.max(1, Math.ceil(R / Math.max(1, g))), le = j || Pe[G] || Pe.en;
+  let q;
+  e[15] !== G || e[16] !== le ? (q = Te(le, G), e[15] = G, e[16] = le, e[17] = q) : q = e[17];
+  const h = q;
+  let Y, H;
+  e[18] !== r || e[19] !== h || e[20] !== _ ? (Y = () => {
+    const n = h("pageOf", {
+      currentPage: r + 1,
+      totalPages: _
+    });
+    ze(n, "DSPagination");
+  }, H = [r, _, h], e[18] = r, e[19] = h, e[20] = _, e[21] = Y, e[22] = H) : (Y = e[21], H = e[22]), ve(Y, H);
+  let J, K;
+  e[23] !== x || e[24] !== P ? (J = () => {
+    P || me(x);
+  }, K = [x, P], e[23] = x, e[24] = P, e[25] = J, e[26] = K) : (J = e[25], K = e[26]), ve(J, K);
+  let X;
+  e[27] !== r || e[28] !== _ || e[29] !== oe ? (X = et(_, r, oe), e[27] = r, e[28] = _, e[29] = oe, e[30] = X) : X = e[30];
+  const ce = X;
+  let Z;
+  e[31] !== r || e[32] !== P || e[33] !== d ? (Z = (n, p) => {
+    if (!p.defaultPrevented && n !== r) {
+      if (P) {
+        d?.(n);
+        return;
+      }
+      me(n);
+    }
+  }, e[31] = r, e[32] = P, e[33] = d, e[34] = Z) : Z = e[34];
+  const E = Z;
+  let ee;
+  e[35] !== r || e[36] !== E || e[37] !== l || e[38] !== h || e[39] !== f ? (ee = (n) => {
+    const {
+      href: p,
+      wrapper: u
+    } = l?.[n] || {}, L = f === "dark", O = `${n + 1}`, $ = n === r, b = h("page", {
+      pageNumber: O
+    }), V = $ ? "page" : void 0, se = D(t.pageButton, {
+      [t.pageButtonDark]: L,
+      [t.pageButtonActive]: $,
+      [t.pageButtonActiveDark]: $ && L
+    }), S = (Ee) => {
+      E(n, Ee);
+    }, y = /* @__PURE__ */ N(De, { className: se, size: "small", variant: "ghost", theme: f, href: u ? void 0 : p, "aria-label": u ? void 0 : b, "aria-current": u ? void 0 : V, onClick: u ? void 0 : S, children: O });
+    return u ? be(u, {
+      "aria-label": b,
+      "aria-current": V,
+      className: D(u.props.className, t.wrapperFocus, {
+        [t.wrapperFocusDark]: L
+      }),
+      onClick: S,
+      children: y
+    }) : p ? y : /* @__PURE__ */ N(Ne, { type: "button", className: se, "aria-label": b, "aria-current": V, size: "small", variant: "ghost", theme: f, onClick: S, children: O });
+  }, e[35] = r, e[36] = E, e[37] = l, e[38] = h, e[39] = f, e[40] = ee) : ee = e[40];
+  const W = ee;
+  let te;
+  e[41] !== E || e[42] !== l || e[43] !== f ? (te = (n, p, u, L, O) => {
+    const {
+      href: $,
+      wrapper: b
+    } = l?.[n] || {}, V = !L && l && ($ || b), se = f === "dark", S = (y) => {
+      E(n, y);
+    };
+    if (V) {
+      const y = /* @__PURE__ */ N(De, { className: O, iconName: p, hideLabel: !0, size: "small", variant: "filled", theme: f, href: b ? void 0 : $, onClick: b ? void 0 : S, children: u });
+      return b ? be(b, {
+        className: D(b.props.className, t.wrapperFocus, {
+          [t.wrapperFocusDark]: se
+        }),
+        children: y,
+        onClick: S
+      }) : y;
+    }
+    return /* @__PURE__ */ N(Ne, { type: "button", className: O, iconName: p, disabled: L, hideLabel: !0, variant: "filled", size: "small", theme: f, onClick: S, children: u });
+  }, e[41] = E, e[42] = l, e[43] = f, e[44] = te) : te = e[44];
+  const A = te, pe = he === "center", ue = he === "right";
+  let ae;
+  e[45] !== pe || e[46] !== ue ? (ae = D(t.list, {
+    [t.listCenter]: pe,
+    [t.listRight]: ue
+  }), e[45] = pe, e[46] = ue, e[47] = ae) : ae = e[47];
+  const de = ae;
+  let ie;
+  e[48] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ie = D(t.item, t.itemPrevButtonWrapper), e[48] = ie) : ie = e[48];
+  let B;
+  e[49] !== r || e[50] !== m || e[51] !== A || e[52] !== h ? (B = A(Math.max(0, r - 1), "chevron-left", h("previousPage"), r === 0, D(t.prevNextButton, {
+    [t.prevNextButtonDark]: m
+  })), e[49] = r, e[50] = m, e[51] = A, e[52] = h, e[53] = B) : B = e[53];
+  let z;
+  e[54] !== B ? (z = /* @__PURE__ */ N("li", { className: ie, children: B }), e[54] = B, e[55] = z) : z = e[55];
+  let I;
+  if (e[56] !== m || e[57] !== ce || e[58] !== W) {
+    let n;
+    e[60] !== m || e[61] !== W ? (n = (p) => p.type === "page" ? /* @__PURE__ */ N("li", { className: t.item, children: W(p.pageIndex) }, `page-${p.pageIndex}`) : p.type === "ellipsis" ? /* @__PURE__ */ N("li", { className: D(t.item, t.ellipsis, {
+      [t.ellipsisDark]: m
+    }), "aria-hidden": "true", children: "…" }, p.id) : /* @__PURE__ */ N("li", { className: D(t.divider, {
+      [t.dividerDark]: m
+    }), "aria-hidden": "true" }, p.id), e[60] = m, e[61] = W, e[62] = n) : n = e[62], I = ce.map(n), e[56] = m, e[57] = ce, e[58] = W, e[59] = I;
+  } else
+    I = e[59];
+  let re;
+  e[63] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (re = D(t.item, t.itemNextButtonWrapper), e[63] = re) : re = e[63];
+  let T;
+  e[64] !== r || e[65] !== m || e[66] !== A || e[67] !== h || e[68] !== _ ? (T = A(Math.min(_ - 1, r + 1), "chevron-right", h("nextPage"), r >= _ - 1, D(t.prevNextButton, {
+    [t.prevNextButtonDark]: m
+  })), e[64] = r, e[65] = m, e[66] = A, e[67] = h, e[68] = _, e[69] = T) : T = e[69];
+  let M;
+  e[70] !== T ? (M = /* @__PURE__ */ N("li", { className: re, children: T }), e[70] = T, e[71] = M) : M = e[71];
+  let C;
+  e[72] !== de || e[73] !== z || e[74] !== I || e[75] !== M ? (C = /* @__PURE__ */ Ae("ul", { className: de, children: [
+    z,
+    I,
+    M
+  ] }), e[72] = de, e[73] = z, e[74] = I, e[75] = M, e[76] = C) : C = e[76];
+  let ne;
+  return e[77] !== a || e[78] !== o || e[79] !== c || e[80] !== C ? (ne = /* @__PURE__ */ N("nav", { className: o, ...c, ...a, children: C }), e[77] = a, e[78] = o, e[79] = c, e[80] = C, e[81] = ne) : ne = e[81], ne;
+};
+export {
+  ht as D,
+  ke as a,
+  xe as b,
+  Pe as c,
+  at as d,
+  tt as e,
+  Ze as f,
+  Xe as g,
+  et as h,
+  we as i,
+  it as v
+};

package/chunks/Popover.CxZZ_y1Z.js

@@ -0,0 +1,230 @@
+"use client";
+import { jsx as P, jsxs as U, Fragment as te } from "react/jsx-runtime";
+import { d as W } from "./index.cKLI89Eg.js";
+import { useState as $, useRef as re, useMemo as ne, createContext as se, forwardRef as z, isValidElement as ae, cloneElement as ce, useContext as le } from "react";
+import { u as ie, a as pe, o as de, j as ve, s as fe, k as ue, b as he, c as me, d as ge, e as we, f as q, g as De, l as Pe, F as ye, i as Se } from "./floating-ui.react.Chmq0RmI.js";
+import { c as j } from "./index.DQOqod3i.js";
+import { D as Ae } from "./Button.CCol--xy.js";
+import { g as E, c as B } from "./helpers.CexwVao7.js";
+import { u as _e } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import '../assets/Popover.58Tb0dOt.css';const ke = "ds-popover_popover_y9vkf_5", Ce = "ds-popover_popover--no-arrow_y9vkf_65", xe = "ds-popover_popover--variant-grey_y9vkf_68", Ee = "ds-popover_popover--dark_y9vkf_71", be = "ds-popover_arrow_y9vkf_109", Ne = "ds-popover_arrow--variant-grey_y9vkf_128", Re = "ds-popover_arrow--dark_y9vkf_139", Fe = "ds-popover_default-anchor_y9vkf_185", m = {
+  popover: ke,
+  popoverNoArrow: Ce,
+  popoverVariantGrey: xe,
+  popoverDark: Ee,
+  arrow: be,
+  arrowVariantGrey: Ne,
+  arrowDark: Re,
+  defaultAnchor: Fe
+}, Te = ({
+  initialOpen: r = !1,
+  placement: o = "bottom",
+  isOpen: e,
+  popoverOffset: n = 6,
+  showArrow: c = !0,
+  theme: i = "light",
+  variant: p = "default",
+  defaultAnchorButtonProps: d,
+  onOpenChange: t
+} = {}) => {
+  const [s, f] = $(r), a = e ?? s, l = t ?? f, v = re(null), w = ie({
+    placement: o,
+    open: a,
+    strategy: "fixed",
+    onOpenChange: l,
+    whileElementsMounted: pe,
+    middleware: [de(n + (c ? 7 : 0)), ve({
+      // default configuration taken from https://floating-ui.com/docs/flip
+      crossAxis: o.includes("-"),
+      fallbackAxisSideDirection: "end",
+      padding: n
+    }), fe({
+      padding: n
+    }), ...c ? [ue({
+      element: v
+    })] : []]
+  }), u = w.context, x = he(u, {
+    enabled: !0
+  }), h = me(u), y = ge(u), b = we([x, h, y]);
+  return ne(() => ({
+    open: a,
+    popoverOffset: n,
+    setOpen: l,
+    arrowRef: v,
+    showArrow: c,
+    defaultAnchorButtonProps: d,
+    theme: i,
+    variant: p,
+    ...b,
+    ...w
+  }), [a, n, l, v, c, d, i, p, b, w]);
+}, Ve = ({
+  children: r,
+  hasContent: o,
+  hasAnchor: e
+}) => {
+  if (!r)
+    throw new Error(E("DSPopover", "A DSPopover must have children."));
+  if (!o && e)
+    throw new Error(E("DSPopover", "A DSPopover must either have no child components for its most basic usage or have both a <DSPopover.Content> and <DSPopover.Anchor> component as a child. <DSPopover.Content> is missing! Please add it to the children of DSPopover."));
+  if (!e && o)
+    throw new Error(E("DSPopover", "A DSPopover must either have no child components for its most basic usage or have both a <DSPopover.Content> and <DSPopover.Anchor> component as a child. <DSPopover.Anchor> is missing! Please add it to the children of DSPopover."));
+}, Ge = ({
+  showArrow: r,
+  variant: o
+}) => {
+  o === "grey" && r === !1 && console.warn(E("DSPopover", "The 'grey' variant is only available when 'showArrow' is true. To use the 'grey' variant, please ensure that 'showArrow' is set to true."));
+}, J = se(null), K = () => {
+  const r = le(J);
+  if (r == null)
+    throw new Error(E("DSPopover", "Components like DSPopover.Anchor or DSPopover.Content must be wrapped in <DSPopover />."));
+  return r;
+}, D = (r) => {
+  const o = W.c(11), {
+    children: e,
+    ...n
+  } = r, c = Te({
+    ...n
+  }), i = B(e, D.Content), p = B(e, D.Anchor);
+  process.env.NODE_ENV !== "production" && (Ve({
+    children: e,
+    hasContent: i,
+    hasAnchor: p
+  }), Ge({
+    showArrow: n.showArrow,
+    variant: n.variant
+  }));
+  const d = !i && !p && e !== null;
+  let t;
+  o[0] !== e || o[1] !== d ? (t = d ? /* @__PURE__ */ U(te, { children: [
+    /* @__PURE__ */ P(D.Anchor, {}),
+    /* @__PURE__ */ P(D.Content, { children: e })
+  ] }) : e, o[0] = e, o[1] = d, o[2] = t) : t = o[2];
+  const s = t, f = i || d, a = p || d;
+  let l;
+  o[3] !== c || o[4] !== f || o[5] !== a ? (l = {
+    ...c,
+    hasContent: f,
+    hasAnchor: a
+  }, o[3] = c, o[4] = f, o[5] = a, o[6] = l) : l = o[6];
+  const v = l;
+  let g;
+  return o[7] !== s || o[8] !== v || o[9] !== n ? (g = /* @__PURE__ */ P(J.Provider, { value: v, ...n, children: s }), o[7] = s, o[8] = v, o[9] = n, o[10] = g) : g = o[10], g;
+}, Q = z(({
+  children: r,
+  ...o
+}, e) => {
+  const {
+    context: n,
+    defaultAnchorButtonProps: c,
+    refs: i,
+    hasAnchor: p,
+    theme: d,
+    getReferenceProps: t
+  } = K(), {
+    label: s = "Toggle popover",
+    ...f
+  } = c || {}, a = r ? r?.ref : null, l = q([i.setReference, e, a]);
+  return p && r && ae(r) ? ce(r, t({
+    ref: l,
+    ...o,
+    ...r.props,
+    "data-state": n.open ? "open" : "closed"
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  })) : /* @__PURE__ */ P(
+    Ae,
+    {
+      ...f,
+      ref: l,
+      type: "button",
+      "data-state": n.open ? "open" : "closed",
+      ...t(o),
+      size: "small",
+      hideLabel: !0,
+      iconName: "circle-info-inverted",
+      variant: "ghost",
+      theme: d,
+      className: m.defaultAnchor,
+      children: r ?? s
+    }
+  );
+});
+Q.displayName = "DSPopover.Anchor";
+const X = z((r, o) => {
+  const e = W.c(41), {
+    style: n,
+    className: c,
+    classNameArrow: i,
+    children: p,
+    ...d
+  } = r, {
+    context: t,
+    refs: s,
+    floatingStyles: f,
+    showArrow: a,
+    theme: l,
+    variant: v,
+    getFloatingProps: g,
+    arrowRef: w
+  } = K();
+  let u;
+  e[0] !== o || e[1] !== s.setFloating ? (u = [s.setFloating, o], e[0] = o, e[1] = s.setFloating, e[2] = u) : u = e[2];
+  const x = q(u), h = l === "dark";
+  let y;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = {
+    duration: {
+      open: 250,
+      close: 250
+    }
+  }, e[3] = y) : y = e[3];
+  const {
+    isMounted: b,
+    status: T
+  } = De(t, y), [Y, Z] = $(null);
+  let N;
+  e[4] !== s.reference.current ? (N = () => {
+    const L = s.reference.current?.closest("dialog");
+    Z(L instanceof HTMLDialogElement ? L : null);
+  }, e[4] = s.reference.current, e[5] = N) : N = e[5];
+  let R;
+  if (e[6] !== t.open || e[7] !== s.reference ? (R = [s.reference, t.open], e[6] = t.open, e[7] = s.reference, e[8] = R) : R = e[8], _e(N, R), !b)
+    return null;
+  const V = Se, G = Y ?? void 0, M = ye, ee = !1;
+  let S;
+  e[9] !== f || e[10] !== n ? (S = {
+    ...f,
+    ...n
+  }, e[9] = f, e[10] = n, e[11] = S) : S = e[11];
+  const H = !a, I = v === "grey" && a;
+  let A;
+  e[12] !== c || e[13] !== h || e[14] !== H || e[15] !== I ? (A = j(m.popover, c, {
+    [m.popoverDark]: h,
+    [m.popoverNoArrow]: H,
+    [m.popoverVariantGrey]: I
+  }), e[12] = c, e[13] = h, e[14] = H, e[15] = I, e[16] = A) : A = e[16];
+  const oe = t.placement, O = g(d);
+  let _;
+  e[17] !== w || e[18] !== i || e[19] !== t || e[20] !== h || e[21] !== a || e[22] !== v ? (_ = a && /* @__PURE__ */ P(Pe, { ref: w, context: t, className: j(m.arrow, i, {
+    [m.arrowDark]: h,
+    [m.arrowVariantGrey]: v === "grey" && a
+  }), strokeWidth: 1, tipRadius: 1, width: 16, height: 7 }), e[17] = w, e[18] = i, e[19] = t, e[20] = h, e[21] = a, e[22] = v, e[23] = _) : _ = e[23];
+  let k;
+  e[24] !== p || e[25] !== t.placement || e[26] !== x || e[27] !== T || e[28] !== A || e[29] !== O || e[30] !== _ || e[31] !== S ? (k = /* @__PURE__ */ U("div", { ref: x, style: S, className: A, "data-placement": oe, "data-status": T, ...O, children: [
+    _,
+    p
+  ] }), e[24] = p, e[25] = t.placement, e[26] = x, e[27] = T, e[28] = A, e[29] = O, e[30] = _, e[31] = S, e[32] = k) : k = e[32];
+  let C;
+  e[33] !== M || e[34] !== t || e[35] !== k ? (C = /* @__PURE__ */ P(M, { context: t, modal: ee, children: k }), e[33] = M, e[34] = t, e[35] = k, e[36] = C) : C = e[36];
+  let F;
+  return e[37] !== V || e[38] !== C || e[39] !== G ? (F = /* @__PURE__ */ P(V, { root: G, children: C }), e[37] = V, e[38] = C, e[39] = G, e[40] = F) : F = e[40], F;
+});
+X.displayName = "DSPopover.Content";
+D.Anchor = Q;
+D.Content = X;
+D.displayName = "DSPopover";
+export {
+  D,
+  Ge as a,
+  Te as u,
+  Ve as v
+};

package/chunks/RadioGroup.CO91_5hA.js

@@ -0,0 +1,136 @@
+"use client";
+import { jsx as Z } from "react/jsx-runtime";
+import { d as io } from "./index.cKLI89Eg.js";
+import { c as eo } from "./index.DQOqod3i.js";
+import { forwardRef as so, useState as ao } from "react";
+import { D as no } from "./Fieldset.BBMuLKps.js";
+import { DSRadio as lo } from "../radio.DjToa2aV.js";
+import { g as v, r as oo } from "./helpers.CexwVao7.js";
+import '../assets/RadioGroup.q1lQ-HIZ.css';const co = "ds-radio-group_fieldset--custom-area-above_1r3gv_1", uo = "ds-radio-group_root_1r3gv_5", po = "ds-radio-group_root--horizontal_1r3gv_13", vo = "ds-radio-group_root--invalid_1r3gv_16", ho = "ds-radio-group_root--custom-area-above_1r3gv_19", mo = "ds-radio-group_root--custom-area-above--horizontal_1r3gv_26", z = {
+  fieldsetCustomAreaAbove: co,
+  root: uo,
+  rootHorizontal: po,
+  rootInvalid: vo,
+  rootCustomAreaAbove: ho,
+  rootCustomAreaAboveHorizontal: mo
+}, fo = (s) => s.some(({
+  hint: r
+}) => !!r), go = (s) => s.some(({
+  customArea: r,
+  isCustomAreaAbove: o
+}) => !!r && !o), $ = (s) => s.some(({
+  customArea: r,
+  isCustomAreaAbove: o
+}) => !!r && o), Ao = ({
+  legend: s,
+  name: r,
+  options: o,
+  description: G,
+  direction: a,
+  hideLegend: A,
+  hideUncheckedHints: n,
+  id: t,
+  popoverContent: l,
+  systemFeedback: d
+}) => {
+  if (!t && (G || d))
+    throw new Error(v("DSRadioGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSRadioGroup component.'));
+  if (!s)
+    throw new Error(v("DSRadioGroup", oo("legend", "DSRadioGroup")));
+  if (!r)
+    throw new Error(v("DSRadioGroup", oo("name", "DSRadioGroup")));
+  if (Array.isArray(o)) {
+    if (o.length === 0)
+      throw new Error(v("DSRadioGroup", "The options array must not be empty."));
+  } else throw new Error(v("DSRadioGroup", oo("options", "DSRadioGroup")));
+  if (a === "horizontal" && go(o))
+    throw new Error(v("DSRadioGroup", "Horizontal direction is not possible when options contain a custom area without isCustomAreaAbove set to true. Please remove custom areas, change direction property to 'vertical' or set isCustomAreaAbove to true."));
+  a === "horizontal" && n && console.warn(v("DSRadioGroup", "Setting 'hideUncheckedHints' to 'true' is not possible when direction is 'horizontal'. Please remove 'hideUncheckedHints' or change direction property to 'vertical'.")), A && l && console.warn(v("DSRadioGroup", 'Setting "hideLegend" and "popoverContent" at the same time is not supported. The popover info button is part of the legend and will be hidden along with it. Please remove either "hideLegend" or "popoverContent".'));
+}, bo = so((s, r) => {
+  const o = io.c(73), G = s;
+  let a, A, n, t, l, d, h, e, m, b, C, u, R, y, E, k, N, P, q, x;
+  o[0] !== G ? ({
+    legend: l,
+    name: d,
+    options: e,
+    className: a,
+    defaultValue: A,
+    description: n,
+    direction: R,
+    disabled: y,
+    hideLegend: E,
+    hideUncheckedHints: k,
+    id: t,
+    invalid: N,
+    popoverContent: m,
+    popoverInfoButtonProps: b,
+    required: P,
+    systemFeedback: u,
+    theme: q,
+    value: x,
+    onChange: h,
+    ...C
+  } = G, o[0] = G, o[1] = a, o[2] = A, o[3] = n, o[4] = t, o[5] = l, o[6] = d, o[7] = h, o[8] = e, o[9] = m, o[10] = b, o[11] = C, o[12] = u, o[13] = R, o[14] = y, o[15] = E, o[16] = k, o[17] = N, o[18] = P, o[19] = q, o[20] = x) : (a = o[1], A = o[2], n = o[3], t = o[4], l = o[5], d = o[6], h = o[7], e = o[8], m = o[9], b = o[10], C = o[11], u = o[12], R = o[13], y = o[14], E = o[15], k = o[16], N = o[17], P = o[18], q = o[19], x = o[20]);
+  const p = R === void 0 ? "vertical" : R, c = y === void 0 ? !1 : y, I = E === void 0 ? !1 : E, f = k === void 0 ? !1 : k, g = N === void 0 ? !1 : N, S = P === void 0 ? !1 : P, w = q === void 0 ? "light" : q;
+  process.env.NODE_ENV !== "production" && Ao({
+    legend: l,
+    name: d,
+    options: e,
+    description: n,
+    direction: p,
+    hideLegend: I,
+    hideUncheckedHints: f,
+    id: t,
+    popoverContent: m,
+    systemFeedback: u
+  });
+  const [to, ro] = ao(A), U = x !== void 0, L = U ? x : to;
+  let B;
+  o[21] !== a || o[22] !== e ? (B = eo({
+    [z.fieldsetCustomAreaAbove]: $(e)
+  }, a), o[21] = a, o[22] = e, o[23] = B) : B = o[23];
+  const j = B, W = p === "horizontal", J = g && !!u;
+  let F;
+  o[24] !== p || o[25] !== e || o[26] !== J || o[27] !== W ? (F = eo(z.root, {
+    [z.rootHorizontal]: W,
+    [z.rootInvalid]: J,
+    [z.rootCustomAreaAbove]: $(e),
+    [z.rootCustomAreaAboveHorizontal]: $(e) && p === "horizontal"
+  }), o[24] = p, o[25] = e, o[26] = J, o[27] = W, o[28] = F) : F = o[28];
+  const K = F;
+  let V;
+  o[29] !== c || o[30] !== U || o[31] !== h ? (V = (i) => {
+    if (c) {
+      i.preventDefault();
+      return;
+    }
+    U || ro(i.target.value), h && h(i);
+  }, o[29] = c, o[30] = U, o[31] = h, o[32] = V) : V = o[32];
+  const Q = V;
+  let M;
+  o[33] !== f || o[34] !== e ? (M = fo(e) && !f, o[33] = f, o[34] = e, o[35] = M) : M = o[35];
+  const X = M;
+  let O;
+  o[36] !== w ? (O = {
+    theme: w
+  }, o[36] = w, o[37] = O) : O = o[37];
+  const Y = O;
+  let D;
+  o[38] !== p || o[39] !== e ? (D = $(e) && p === "horizontal" ? {
+    maxWidth: `calc(${e.length * 400}px + var(--ds-spacing-dynamic-xs))`
+  } : void 0, o[38] = p, o[39] = e, o[40] = D) : D = o[40];
+  let _;
+  o[41] !== X || o[42] !== L || o[43] !== c || o[44] !== f || o[45] !== t || o[46] !== g || o[47] !== d || o[48] !== e || o[49] !== r || o[50] !== S || o[51] !== w ? (_ = e.map((i) => /* @__PURE__ */ Z(lo, { name: d, checked: i.value === L, disabled: c, fieldsetId: t, hideUncheckedHint: f, hint: i.hint, invalid: g, isBold: X, required: S, ref: i.value === L ? r : null, theme: w, ...i }, t + i.label + i.value + i.hint)), o[41] = X, o[42] = L, o[43] = c, o[44] = f, o[45] = t, o[46] = g, o[47] = d, o[48] = e, o[49] = r, o[50] = S, o[51] = w, o[52] = _) : _ = o[52];
+  let H;
+  o[53] !== K || o[54] !== D || o[55] !== _ ? (H = /* @__PURE__ */ Z("div", { className: K, style: D, children: _ }), o[53] = K, o[54] = D, o[55] = _, o[56] = H) : H = o[56];
+  let T;
+  return o[57] !== n || o[58] !== c || o[59] !== j || o[60] !== Q || o[61] !== I || o[62] !== t || o[63] !== g || o[64] !== l || o[65] !== m || o[66] !== b || o[67] !== S || o[68] !== C || o[69] !== u || o[70] !== Y || o[71] !== H ? (T = /* @__PURE__ */ Z(no, { id: t, legend: l, className: j, description: n, disabled: c, hideLegend: I, required: S, invalid: g, systemFeedback: u, popoverContent: m, popoverInfoButtonProps: b, ...Y, ...C, role: "radiogroup", onChange: Q, children: H }), o[57] = n, o[58] = c, o[59] = j, o[60] = Q, o[61] = I, o[62] = t, o[63] = g, o[64] = l, o[65] = m, o[66] = b, o[67] = S, o[68] = C, o[69] = u, o[70] = Y, o[71] = H, o[72] = T) : T = o[72], T;
+});
+bo.displayName = "DSRadioGroup";
+export {
+  bo as D,
+  go as a,
+  fo as b,
+  $ as o,
+  Ao as v
+};