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

package/chunks/Notification.C_o7Ge6Q.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsx as v, jsxs as k } from "react/jsx-runtime";
+import { d as F } from "./index.cKLI89Eg.js";
+import { c as E } from "./index.DQOqod3i.js";
+import { D as R } from "./Button.CCol--xy.js";
+import { D as W } from "./Icon.DYtaQgbw.js";
+import '../assets/Notification.2B81JHOp.css';const j = "ds-notification_root_1y4y5_1", L = "ds-notification_root--success_1y4y5_29", P = "ds-notification_root--error_1y4y5_33", V = "ds-notification_root--warning_1y4y5_37", z = "ds-notification_root--hide-icon_1y4y5_41", Y = "ds-notification_content_1y4y5_55", $ = "ds-notification_content--hide-close-button_1y4y5_62", q = "ds-notification_content--hide-icon_1y4y5_65", G = "ds-notification_icon_1y4y5_69", J = "ds-notification_message_1y4y5_73", K = "ds-notification_custom-action-area_1y4y5_188", e = {
+  root: j,
+  rootSuccess: L,
+  rootError: P,
+  rootWarning: V,
+  rootHideIcon: z,
+  content: Y,
+  contentHideCloseButton: $,
+  contentHideIcon: q,
+  icon: G,
+  message: J,
+  customActionArea: K
+}, eo = ["success", "error", "warning", "info"], M = {
+  success: "circle-check-colored",
+  error: "diamond-exclamationmark-colored",
+  warning: "triangle-exclamationmark-colored",
+  info: "circle-info-colored"
+}, Q = {
+  error: "alert",
+  warning: "alert",
+  info: "status",
+  success: "status"
+}, no = (H) => {
+  const o = F.c(46);
+  let i, r, a, s, n, l, N, h;
+  o[0] !== H ? ({
+    children: i,
+    variant: N,
+    className: r,
+    closeButtonProps: a,
+    customActionArea: s,
+    hideIcon: h,
+    onClose: n,
+    ...l
+  } = H, o[0] = H, o[1] = i, o[2] = r, o[3] = a, o[4] = s, o[5] = n, o[6] = l, o[7] = N, o[8] = h) : (i = o[1], r = o[2], a = o[3], s = o[4], n = o[5], l = o[6], N = o[7], h = o[8]);
+  const c = N === void 0 ? "info" : N, t = h === void 0 ? !1 : h;
+  let d;
+  o[9] !== a ? (d = a || {}, o[9] = a, o[10] = d) : d = o[10];
+  let _, A;
+  o[11] !== d ? ({
+    label: A,
+    ..._
+  } = d, o[11] = d, o[12] = _, o[13] = A) : (_ = o[12], A = o[13]);
+  const S = A === void 0 ? "Close notification" : A, O = c === "success", T = c === "error", x = c === "warning";
+  let g;
+  o[14] !== r || o[15] !== t || o[16] !== O || o[17] !== T || o[18] !== x ? (g = E(e.root, r, {
+    [e.rootSuccess]: O,
+    [e.rootError]: T,
+    [e.rootWarning]: x,
+    [e.rootHideIcon]: t
+  }), o[14] = r, o[15] = t, o[16] = O, o[17] = T, o[18] = x, o[19] = g) : g = o[19];
+  const B = g, D = !n;
+  let C;
+  o[20] !== t || o[21] !== D ? (C = E(e.content, {
+    [e.contentHideCloseButton]: D,
+    [e.contentHideIcon]: t
+  }), o[20] = t, o[21] = D, o[22] = C) : C = o[22];
+  const b = C, w = Q[c];
+  let f;
+  o[23] !== t || o[24] !== c ? (f = !t && /* @__PURE__ */ v(W, { name: M[c], className: e.icon, "aria-hidden": "true" }), o[23] = t, o[24] = c, o[25] = f) : f = o[25];
+  let m;
+  o[26] !== i ? (m = /* @__PURE__ */ v("div", { className: e.message, children: i }), o[26] = i, o[27] = m) : m = o[27];
+  let u;
+  o[28] !== S || o[29] !== n || o[30] !== _ ? (u = n && /* @__PURE__ */ v(R, { ..._, hideLabel: !0, iconName: "cross", isFlush: !0, variant: "ghost", size: "small", onClick: n, type: "button", children: S }), o[28] = S, o[29] = n, o[30] = _, o[31] = u) : u = o[31];
+  let y;
+  o[32] !== b || o[33] !== f || o[34] !== m || o[35] !== u ? (y = /* @__PURE__ */ k("div", { className: b, children: [
+    f,
+    m,
+    u
+  ] }), o[32] = b, o[33] = f, o[34] = m, o[35] = u, o[36] = y) : y = o[36];
+  let I;
+  o[37] !== s || o[38] !== t ? (I = s && /* @__PURE__ */ v("div", { className: E({
+    [e.customActionArea]: !t
+  }), children: s }), o[37] = s, o[38] = t, o[39] = I) : I = o[39];
+  let p;
+  return o[40] !== l || o[41] !== B || o[42] !== w || o[43] !== y || o[44] !== I ? (p = /* @__PURE__ */ k("div", { className: B, ...l, role: w, children: [
+    y,
+    I
+  ] }), o[40] = l, o[41] = B, o[42] = w, o[43] = y, o[44] = I, o[45] = p) : p = o[45], p;
+};
+export {
+  no as D,
+  M as N,
+  eo as a
+};

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
+};