@stihl-design-system/components 1.0.0-RC.31 → 1.0.0-RC.32

package/chunks/LinkButton.59oNDwPU.js

@@ -0,0 +1,132 @@
+"use client";
+import { jsxs as go, jsx as z } from "react/jsx-runtime";
+import { d as ko } from "./index.CgTHIF3K.js";
+import { c as ao } from "./index.CEyLAtio.js";
+import { forwardRef as mo } from "react";
+import { u as co } from "./useBreakpoint.CMOR9ZOB.js";
+import { D as fo } from "./Icon.NSsVrYeq.js";
+import { Tooltip as ho } from "../tooltip.CUCSRXd3.js";
+import { g as uo } from "./helpers.BbWkXTr3.js";
+import '../assets/LinkButton.xMvg_ojf.css';const bo = "ds-link-button_root_oblg9_1", vo = "ds-link-button_root--highlight_oblg9_75", po = "ds-link-button_root--dark-highlight_oblg9_75", Do = "ds-link-button_root--filled_oblg9_151", No = "ds-link-button_root--outline_oblg9_179", Oo = "ds-link-button_root--ghost_oblg9_206", Lo = "ds-link-button_root--ghost-flush_oblg9_231", So = "ds-link-button_root--small_oblg9_237", Fo = "ds-link-button_root--navigation_oblg9_317", Io = "ds-link-button_root--dark-filled_oblg9_393", Go = "ds-link-button_root--dark-outline_oblg9_450", yo = "ds-link-button_root--dark-ghost_oblg9_506", Bo = "ds-link-button_root--dark-ghost-flush_oblg9_560", Ho = "ds-link-button_root--icon-left_oblg9_635", To = "ds-link-button_root--icon-only_oblg9_638", wo = "ds-link-button_root--icon-only-small_oblg9_647", Eo = "ds-link-button_icon--navigation_oblg9_659", Po = "ds-link-button_label--hidden_oblg9_667", l = {
+  root: bo,
+  rootHighlight: vo,
+  rootDarkHighlight: po,
+  rootFilled: Do,
+  rootOutline: No,
+  rootGhost: Oo,
+  rootGhostFlush: Lo,
+  rootSmall: So,
+  rootNavigation: Fo,
+  rootDarkFilled: Io,
+  rootDarkOutline: Go,
+  rootDarkGhost: yo,
+  rootDarkGhostFlush: Bo,
+  rootIconLeft: Ho,
+  rootIconOnly: To,
+  rootIconOnlySmall: wo,
+  iconNavigation: Eo,
+  labelHidden: Po
+}, Zo = ["medium", "small"], $o = ["filled", "highlight", "outline", "ghost", "navigation"], Ao = ({
+  variant: D,
+  size: N,
+  theme: o
+}) => {
+  if (D === "navigation" && (N === "small" && console.warn(uo("DSLinkButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), o === "dark"))
+    throw new Error(uo("DSLinkButton", 'A DSLinkButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
+}, xo = mo((D, N) => {
+  const o = ko.c(71);
+  let a, c, d, h, i, s, e, g, u, _, O, L, S, F, I, G, y, r;
+  o[0] !== D ? ({
+    children: c,
+    aria: a,
+    className: d,
+    download: h,
+    hideLabel: O,
+    href: i,
+    iconName: s,
+    iconPosition: L,
+    iconSource: e,
+    isFlush: S,
+    referrerPolicy: g,
+    rel: u,
+    size: F,
+    target: I,
+    theme: G,
+    variant: y,
+    tooltip: r,
+    ..._
+  } = D, o[0] = D, o[1] = a, o[2] = c, o[3] = d, o[4] = h, o[5] = i, o[6] = s, o[7] = e, o[8] = g, o[9] = u, o[10] = _, o[11] = O, o[12] = L, o[13] = S, o[14] = F, o[15] = I, o[16] = G, o[17] = y, o[18] = r) : (a = o[1], c = o[2], d = o[3], h = o[4], i = o[5], s = o[6], e = o[7], g = o[8], u = o[9], _ = o[10], O = o[11], L = o[12], S = o[13], F = o[14], I = o[15], G = o[16], y = o[17], r = o[18]);
+  const C = O === void 0 ? !1 : O, _o = L === void 0 ? "left" : L, B = S === void 0 ? !1 : S, H = F === void 0 ? "medium" : F, V = I === void 0 ? "_self" : I, n = G === void 0 ? "light" : G, t = y === void 0 ? "filled" : y;
+  process.env.NODE_ENV !== "production" && Ao({
+    variant: t,
+    size: H,
+    theme: n
+  });
+  const j = t === "filled", K = t === "highlight", R = t === "outline", U = t === "ghost" && B !== !0, M = t === "navigation", Z = t === "ghost" && B === !0, $ = n === "dark" && t === "filled", q = n === "dark" && t === "highlight", J = n === "dark" && t === "outline", Q = n === "dark" && t === "ghost" && B !== !0, W = n === "dark" && t === "ghost" && B === !0, X = H === "small" || t === "navigation", Y = _o === "left", oo = co(C) && H === "medium" && t !== "navigation", to = co(C) && H === "small" && t !== "navigation";
+  let T;
+  o[19] !== d || o[20] !== R || o[21] !== U || o[22] !== M || o[23] !== Z || o[24] !== $ || o[25] !== q || o[26] !== J || o[27] !== Q || o[28] !== W || o[29] !== X || o[30] !== Y || o[31] !== oo || o[32] !== to || o[33] !== j || o[34] !== K ? (T = ao(l.root, d, {
+    [l.rootFilled]: j,
+    [l.rootHighlight]: K,
+    [l.rootOutline]: R,
+    [l.rootGhost]: U,
+    [l.rootNavigation]: M,
+    [l.rootGhostFlush]: Z,
+    [l.rootDarkFilled]: $,
+    [l.rootDarkHighlight]: q,
+    [l.rootDarkOutline]: J,
+    [l.rootDarkGhost]: Q,
+    [l.rootDarkGhostFlush]: W,
+    [l.rootSmall]: X,
+    [l.rootIconLeft]: Y,
+    [l.rootIconOnly]: oo,
+    [l.rootIconOnlySmall]: to
+  }), o[19] = d, o[20] = R, o[21] = U, o[22] = M, o[23] = Z, o[24] = $, o[25] = q, o[26] = J, o[27] = Q, o[28] = W, o[29] = X, o[30] = Y, o[31] = oo, o[32] = to, o[33] = j, o[34] = K, o[35] = T) : T = o[35];
+  const lo = T, no = co(C) && t !== "navigation";
+  let w;
+  o[36] !== no ? (w = ao({
+    [l.labelHidden]: no
+  }), o[36] = no, o[37] = w) : w = o[37];
+  const io = w, so = t === "navigation";
+  let E;
+  o[38] !== so ? (E = ao({
+    [l.iconNavigation]: so
+  }), o[38] = so, o[39] = E) : E = o[39];
+  const eo = E, ro = n === "light" && t === "filled" || n === "dark" && t === "outline" || n === "dark" && t === "ghost" ? "dark" : "light", k = i === void 0 ? "span" : "a";
+  let m;
+  o[40] !== k || o[41] !== h || o[42] !== i || o[43] !== g || o[44] !== u || o[45] !== V ? (m = k === "a" && {
+    href: i,
+    target: V,
+    rel: u,
+    referrerPolicy: g,
+    download: h
+  }, o[40] = k, o[41] = h, o[42] = i, o[43] = g, o[44] = u, o[45] = V, o[46] = m) : m = o[46];
+  let f;
+  o[47] !== c || o[48] !== io ? (f = /* @__PURE__ */ z("span", { className: io, children: c }), o[47] = c, o[48] = io, o[49] = f) : f = o[49];
+  let b;
+  o[50] !== eo || o[51] !== s || o[52] !== e || o[53] !== ro ? (b = (s || e) && /* @__PURE__ */ z(fo, { name: s, theme: ro, source: e, className: eo, "aria-hidden": "true" }), o[50] = eo, o[51] = s, o[52] = e, o[53] = ro, o[54] = b) : b = o[54];
+  let P;
+  o[55] !== k || o[56] !== a || o[57] !== N || o[58] !== _ || o[59] !== lo || o[60] !== m || o[61] !== f || o[62] !== b ? (P = /* @__PURE__ */ go(k, { className: lo, ...m, ...a, ..._, ref: N, children: [
+    f,
+    b
+  ] }), o[55] = k, o[56] = a, o[57] = N, o[58] = _, o[59] = lo, o[60] = m, o[61] = f, o[62] = b, o[63] = P) : P = o[63];
+  const A = P;
+  if (r) {
+    let v;
+    o[64] !== A ? (v = /* @__PURE__ */ z(ho.Anchor, { children: A }), o[64] = A, o[65] = v) : v = o[65];
+    let p;
+    o[66] !== r ? (p = /* @__PURE__ */ z(ho.Content, { children: r }), o[66] = r, o[67] = p) : p = o[67];
+    let x;
+    return o[68] !== v || o[69] !== p ? (x = /* @__PURE__ */ go(ho, { placement: "top", tooltipOffset: 6, children: [
+      v,
+      p
+    ] }), o[68] = v, o[69] = p, o[70] = x) : x = o[70], x;
+  }
+  return A;
+});
+xo.displayName = "DSLinkButton";
+export {
+  xo as D,
+  Zo as L,
+  $o as a,
+  Ao as v
+};

package/chunks/MegaMenu._o3nNDAa.js

@@ -0,0 +1,192 @@
+"use client";
+import { jsx as k, jsxs as Y } from "react/jsx-runtime";
+import { d as U } from "./index.CgTHIF3K.js";
+import { isValidElement as z, useState as Z, createContext as A, forwardRef as J, cloneElement as B, useContext as K } from "react";
+import { u as R, a as ee, b as te, c as ne, d as se, o as oe, e as L, f as le, F as ce, g as ae, h as re } from "./floating-ui.react.DCyAzlZ4.js";
+import { c as H } from "./index.CEyLAtio.js";
+import { g as $, c as q } from "./helpers.BbWkXTr3.js";
+import { D as ie } from "./Header.um5MlziB.js";
+import { a as ue } from "./floating-ui.dom.VgHc0h4l.js";
+import '../assets/MegaMenu.DX9gChtY.css';const de = "ds-mega-menu_root_11fw1_1", fe = "ds-mega-menu_content_11fw1_109", me = "ds-mega-menu_content--variant-full_11fw1_134", Me = "ds-mega-menu_backdrop_11fw1_139", I = {
+  root: de,
+  content: fe,
+  contentVariantFull: me,
+  backdrop: Me
+}, ge = 9, he = (s) => {
+  const t = U.c(17);
+  let e;
+  t[0] !== s ? (e = s === void 0 ? {} : s, t[0] = s, t[1] = e) : e = t[1];
+  const {
+    initialOpen: n,
+    isOpen: o,
+    onOpenChange: l
+  } = e, r = n === void 0 ? !1 : n, [M, c] = Z(r), a = o ?? M, f = l ?? c;
+  let g;
+  t[2] === Symbol.for("react.memo_cache_sentinel") ? (g = [oe(ge)], t[2] = g) : g = t[2];
+  let C;
+  t[3] !== a || t[4] !== f ? (C = {
+    placement: "bottom-start",
+    open: a,
+    onOpenChange: f,
+    whileElementsMounted: ue,
+    strategy: "absolute",
+    transform: !1,
+    middleware: g
+  }, t[3] = a, t[4] = f, t[5] = C) : C = t[5];
+  const i = R(C), m = i.context;
+  let u;
+  t[6] === Symbol.for("react.memo_cache_sentinel") ? (u = {
+    enabled: !0
+  }, t[6] = u) : u = t[6];
+  const p = ee(m, u), _ = te(m);
+  let h;
+  t[7] === Symbol.for("react.memo_cache_sentinel") ? (h = {
+    role: "menu"
+  }, t[7] = h) : h = t[7];
+  const N = ne(m, h);
+  let d;
+  t[8] !== p || t[9] !== _ || t[10] !== N ? (d = [p, _, N], t[8] = p, t[9] = _, t[10] = N, t[11] = d) : d = t[11];
+  const S = se(d);
+  let E, D;
+  return t[12] !== i || t[13] !== S || t[14] !== a || t[15] !== f ? (D = {
+    open: a,
+    setOpen: f,
+    ...S,
+    ...i
+  }, t[12] = i, t[13] = S, t[14] = a, t[15] = f, t[16] = D) : D = t[16], E = D, E;
+}, pe = (s) => {
+  if (!z(s))
+    throw new Error($("DSMegaMenu", "DSMegaMenu.Anchor child must be a valid React element."));
+}, Se = ({
+  hasContent: s,
+  hasAnchor: t
+}) => {
+  if (!s)
+    throw new Error($("DSMegaMenu", "A DSMegaMenu must have a <DSMegaMenu.Content> component as a child. Please add it to the children of DSMegaMenu."));
+  if (!t)
+    throw new Error($("DSMegaMenu", "A DSMegaMenu must have a <DSMegaMenu.Anchor> component as a child. Please add it to the children of DSMegaMenu."));
+}, Q = A(null), W = () => {
+  const s = K(Q);
+  if (s == null)
+    throw new Error($("DSMegaMenu", "Components like DSMegaMenu.Anchor or DSMegaMenu.Content must be wrapped in <DSMegaMenu />."));
+  return s;
+}, j = (s) => {
+  const t = U.c(9);
+  let e, n;
+  t[0] !== s ? ({
+    children: e,
+    ...n
+  } = s, t[0] = s, t[1] = e, t[2] = n) : (e = t[1], n = t[2]);
+  let o;
+  t[3] !== n ? (o = {
+    ...n
+  }, t[3] = n, t[4] = o) : o = t[4];
+  const l = he(o), r = q(e, j.Content), M = q(e, G);
+  process.env.NODE_ENV !== "production" && Se({
+    hasContent: r,
+    hasAnchor: M
+  });
+  let c;
+  return t[5] !== e || t[6] !== l || t[7] !== n ? (c = /* @__PURE__ */ k(Q.Provider, { value: l, ...n, children: e }), t[5] = e, t[6] = l, t[7] = n, t[8] = c) : c = t[8], c;
+}, G = J((s, t) => {
+  const e = U.c(12);
+  let n, o;
+  e[0] !== s ? ({
+    children: n,
+    ...o
+  } = s, e[0] = s, e[1] = n, e[2] = o) : (n = e[1], o = e[2]), process.env.NODE_ENV !== "production" && pe(n);
+  const l = W(), r = n.ref;
+  let M;
+  e[3] !== r || e[4] !== l.refs.setReference || e[5] !== t ? (M = [l.refs.setReference, t, r], e[3] = r, e[4] = l.refs.setReference, e[5] = t, e[6] = M) : M = e[6];
+  const c = L(M);
+  if (z(n)) {
+    let a;
+    return e[7] !== n || e[8] !== l || e[9] !== o || e[10] !== c ? (a = B(n, l.getReferenceProps({
+      ref: c,
+      ...o,
+      ...n.props,
+      "data-state": l.open ? "open" : "closed"
+    })), e[7] = n, e[8] = l, e[9] = o, e[10] = c, e[11] = a) : a = e[11], a;
+  }
+});
+G.displayName = "DSMegaMenu.Anchor";
+const X = J((s, t) => {
+  const e = U.c(48);
+  let n, o, l, r;
+  e[0] !== s ? ({
+    style: r,
+    className: o,
+    children: n,
+    ...l
+  } = s, e[0] = s, e[1] = n, e[2] = o, e[3] = l, e[4] = r) : (n = e[1], o = e[2], l = e[3], r = e[4]);
+  const M = W();
+  let c, a, f, g;
+  e[5] !== M ? ({
+    context: c,
+    floatingStyles: a,
+    getFloatingProps: f,
+    ...g
+  } = M, e[5] = M, e[6] = c, e[7] = a, e[8] = f, e[9] = g) : (c = e[6], a = e[7], f = e[8], g = e[9]);
+  const {
+    variant: C,
+    bannerAreaRef: i,
+    topBarAreaRef: m,
+    mainNavigationAreaRef: u
+  } = K(ie);
+  let p;
+  e[10] !== t || e[11] !== g.refs.setFloating ? (p = [g.refs.setFloating, t], e[10] = t, e[11] = g.refs.setFloating, e[12] = p) : p = e[12];
+  const _ = L(p);
+  let h;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (h = {
+    duration: {
+      open: 400,
+      close: 400
+    }
+  }, e[13] = h) : h = e[13];
+  const {
+    isMounted: N,
+    status: d
+  } = le(c, h);
+  let S;
+  e[14] !== o ? (S = H(I.root, o), e[14] = o, e[15] = S) : S = e[15];
+  const E = S, D = C === "full";
+  let V;
+  e[16] !== D ? (V = H(I.content, {
+    [I.contentVariantFull]: D
+  }), e[16] = D, e[17] = V) : V = e[17];
+  const T = V;
+  if (!N)
+    return null;
+  let w;
+  e[18] !== d ? (w = /* @__PURE__ */ k("div", { className: I.backdrop, "data-status": d }), e[18] = d, e[19] = w) : w = e[19];
+  let x;
+  e[20] !== (i == null ? void 0 : i.current) || e[21] !== (u == null ? void 0 : u.current) || e[22] !== (m == null ? void 0 : m.current) ? (x = () => [u == null ? void 0 : u.current, m == null ? void 0 : m.current, i == null ? void 0 : i.current].filter(Boolean), e[20] = i == null ? void 0 : i.current, e[21] = u == null ? void 0 : u.current, e[22] = m == null ? void 0 : m.current, e[23] = x) : x = e[23];
+  let F;
+  e[24] !== a || e[25] !== r ? (F = {
+    ...a,
+    ...r
+  }, e[24] = a, e[25] = r, e[26] = F) : F = e[26];
+  let O;
+  e[27] !== f || e[28] !== l ? (O = f(l), e[27] = f, e[28] = l, e[29] = O) : O = e[29];
+  let v;
+  e[30] !== n || e[31] !== T || e[32] !== d ? (v = /* @__PURE__ */ k("div", { className: T, "data-status": d, children: n }), e[30] = n, e[31] = T, e[32] = d, e[33] = v) : v = e[33];
+  let y;
+  e[34] !== E || e[35] !== _ || e[36] !== d || e[37] !== O || e[38] !== v || e[39] !== F ? (y = /* @__PURE__ */ k("div", { ref: _, style: F, className: E, "data-status": d, ...O, children: v }), e[34] = E, e[35] = _, e[36] = d, e[37] = O, e[38] = v, e[39] = F, e[40] = y) : y = e[40];
+  let b;
+  e[41] !== c || e[42] !== y || e[43] !== x ? (b = /* @__PURE__ */ k(ce, { context: c, modal: !1, outsideElementsInert: !0, getInsideElements: x, children: y }), e[41] = c, e[42] = y, e[43] = x, e[44] = b) : b = e[44];
+  let P;
+  return e[45] !== b || e[46] !== w ? (P = /* @__PURE__ */ k(ae, { children: /* @__PURE__ */ Y(re, { lockScroll: !0, children: [
+    w,
+    b
+  ] }) }), e[45] = b, e[46] = w, e[47] = P) : P = e[47], P;
+});
+X.displayName = "DSMegaMenu.Content";
+j.Anchor = G;
+j.Content = X;
+j.displayName = "DSMegaMenu";
+export {
+  j as D,
+  Se as a,
+  he as u,
+  pe as v
+};

package/chunks/{NavigationTabList.dYFYTmWv.js → NavigationTabList.DuT7gzhj.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as t, jsxs as g, Fragment as m } from "react/jsx-runtime";
 import { isValidElement as h, cloneElement as f } from "react";
-import { D as B } from "./Icon.DGTYCv63.js";
+import { D as B } from "./Icon.NSsVrYeq.js";
 import { NumberIndicator as N } from "../numberindicator.Ddf3ESi7.js";
 import '../assets/NavigationTabList.CFlVhUzS.css';const W = "ds-tabs_tabs-wrapper_ccgp4_1", w = "ds-tabs_scroll-wrapper_ccgp4_6", D = "ds-tabs_scroller_ccgp4_17", j = "ds-tabs_scroller--centered_ccgp4_28", v = "ds-tabs_tab_ccgp4_1", y = "ds-tabs_scroll-button_ccgp4_105", E = "ds-tabs_scroll-button--hidden_ccgp4_110", H = "ds-tabs_scroll-button--right_ccgp4_114", L = "ds-tabs_indicator_ccgp4_126", R = {
   tabsWrapper: W,

package/chunks/{NavigationTabs.ClpVGcl0.js → NavigationTabs.DspPFHPh.js}

@@ -2,7 +2,7 @@
 import { jsx as v } from "react/jsx-runtime";
 import { d as u } from "./index.CgTHIF3K.js";
 import { useState as T, useEffect as y } from "react";
-import { TabList as h } from "../tablist.g_Nwu6GA.js";
+import { TabList as h } from "../tablist.V7DBklhE.js";
 import { g as m, r as E } from "./helpers.BbWkXTr3.js";
 const _ = ["left", "center"], j = ["prev", "next"], S = ({
   aria: a,

package/chunks/{Notification.DIdIhGTQ.js → Notification.Pts2oh0R.js}

@@ -2,8 +2,8 @@
 import { jsx as p, jsxs as F } from "react/jsx-runtime";
 import { d as R } from "./index.CgTHIF3K.js";
 import { c as k } from "./index.CEyLAtio.js";
-import { D as W } from "./Button.B7xF1E19.js";
-import { D as y } from "./Icon.DGTYCv63.js";
+import { D as W } from "./Button.Cf1CKq8N.js";
+import { D as y } from "./Icon.NSsVrYeq.js";
 import '../assets/Notification.BOuaA5GT.css';const L = "ds-notification_root_1jsx7_1", P = "ds-notification_root--success_1jsx7_26", V = "ds-notification_root--error_1jsx7_30", z = "ds-notification_root--warning_1jsx7_34", Y = "ds-notification_root--hide-icon_1jsx7_38", $ = "ds-notification_content_1jsx7_52", q = "ds-notification_content--hide-close-button_1jsx7_59", G = "ds-notification_content--hide-icon_1jsx7_62", J = "ds-notification_icon_1jsx7_66", K = "ds-notification_message_1jsx7_70", M = "ds-notification_custom-action-area_1jsx7_167", s = {
   root: L,
   rootSuccess: P,

package/chunks/Popover.BRR8YZ-P.js

@@ -0,0 +1,228 @@
+"use client";
+import { jsx as _, jsxs as M, Fragment as U } from "react/jsx-runtime";
+import { d as V } from "./index.CgTHIF3K.js";
+import { useState as W, useRef as L, useMemo as z, createContext as q, forwardRef as T, isValidElement as J, cloneElement as K, useContext as Q } from "react";
+import { u as X, o as Y, i as Z, s as ee, j as oe, a as te, b as se, c as re, d as ne, e as O, f as ae, k as le, g as ie, F as ce } from "./floating-ui.react.DCyAzlZ4.js";
+import { c as G } from "./index.CEyLAtio.js";
+import { g as R, c as k } from "./helpers.BbWkXTr3.js";
+import { D as pe } from "./Button.Cf1CKq8N.js";
+import { a as de } from "./floating-ui.dom.VgHc0h4l.js";
+import '../assets/Popover.CXyUaXiO.css';const fe = "ds-popover_popover_xg81f_5", he = "ds-popover_popover--no-arrow_xg81f_64", ue = "ds-popover_popover--variant-grey_xg81f_67", ve = "ds-popover_arrow_xg81f_71", me = "ds-popover_arrow--variant-grey_xg81f_90", ge = "ds-popover_default-anchor_xg81f_107", E = {
+  popover: fe,
+  popoverNoArrow: he,
+  popoverVariantGrey: ue,
+  arrow: ve,
+  arrowVariantGrey: me,
+  defaultAnchor: ge
+}, we = ({
+  initialOpen: n = !1,
+  placement: o = "bottom",
+  isOpen: e,
+  popoverOffset: t = 6,
+  showArrow: s = !0,
+  variant: h = "default",
+  defaultAnchorButtonProps: a,
+  onOpenChange: i
+} = {}) => {
+  const [l, f] = W(n), c = e ?? l, r = i ?? f, p = L(null), u = X({
+    placement: o,
+    open: c,
+    strategy: "fixed",
+    onOpenChange: r,
+    whileElementsMounted: de,
+    middleware: [Y(t + (s ? 7 : 0)), Z({
+      // default configuration taken from https://floating-ui.com/docs/flip
+      crossAxis: o.includes("-"),
+      fallbackAxisSideDirection: "end",
+      padding: t
+    }), ee({
+      padding: t
+    }), ...s ? [oe({
+      element: p
+    })] : []]
+  }), d = u.context, v = te(d, {
+    enabled: !0
+  }), P = se(d), D = re(d), S = ne([v, P, D]);
+  return z(() => ({
+    open: c,
+    popoverOffset: t,
+    setOpen: r,
+    arrowRef: p,
+    showArrow: s,
+    defaultAnchorButtonProps: a,
+    variant: h,
+    ...S,
+    ...u
+  }), [c, t, r, p, s, a, h, S, u]);
+}, Pe = ({
+  children: n,
+  hasContent: o,
+  hasAnchor: e
+}) => {
+  if (!n)
+    throw new Error(R("DSPopover", "A DSPopover must have children."));
+  if (!o && e)
+    throw new Error(R("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(R("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."));
+}, De = ({
+  showArrow: n,
+  variant: o
+}) => {
+  o === "grey" && n === !1 && console.warn(R("DSPopover", "The 'grey' variant is only available when 'showArrow' is true. To use the 'grey' variant, please ensure that 'showArrow' is set to true."));
+}, H = q(null), I = () => {
+  const n = Q(H);
+  if (n == null)
+    throw new Error(R("DSPopover", "Components like DSPopover.Anchor or DSPopover.Content must be wrapped in <DSPopover />."));
+  return n;
+}, y = (n) => {
+  const o = V.c(20);
+  let e, t;
+  o[0] !== n ? ({
+    children: e,
+    ...t
+  } = n, o[0] = n, o[1] = e, o[2] = t) : (e = o[1], t = o[2]);
+  let s;
+  o[3] !== t ? (s = {
+    ...t
+  }, o[3] = t, o[4] = s) : s = o[4];
+  const h = we(s);
+  let a, i;
+  o[5] !== e || o[6] !== t ? (i = k(e, y.Content), a = k(e, y.Anchor), process.env.NODE_ENV !== "production" && (Pe({
+    children: e,
+    hasContent: i,
+    hasAnchor: a
+  }), De({
+    showArrow: t.showArrow,
+    variant: t.variant
+  })), o[5] = e, o[6] = t, o[7] = a, o[8] = i) : (a = o[7], i = o[8]);
+  const l = !i && !a && e !== null;
+  let f;
+  o[9] !== e || o[10] !== l ? (f = l ? /* @__PURE__ */ M(U, { children: [
+    /* @__PURE__ */ _(y.Anchor, {}),
+    /* @__PURE__ */ _(y.Content, { children: e })
+  ] }) : e, o[9] = e, o[10] = l, o[11] = f) : f = o[11];
+  const c = f, r = i || l, p = a || l;
+  let m;
+  o[12] !== h || o[13] !== r || o[14] !== p ? (m = {
+    ...h,
+    hasContent: r,
+    hasAnchor: p
+  }, o[12] = h, o[13] = r, o[14] = p, o[15] = m) : m = o[15];
+  const u = m;
+  let d;
+  return o[16] !== c || o[17] !== u || o[18] !== t ? (d = /* @__PURE__ */ _(H.Provider, { value: u, ...t, children: c }), o[16] = c, o[17] = u, o[18] = t, o[19] = d) : d = o[19], d;
+}, $ = T((n, o) => {
+  const e = V.c(28);
+  let t, s;
+  e[0] !== n ? ({
+    children: t,
+    ...s
+  } = n, e[0] = n, e[1] = t, e[2] = s) : (t = e[1], s = e[2]);
+  const {
+    context: h,
+    defaultAnchorButtonProps: a,
+    refs: i,
+    hasAnchor: l,
+    getReferenceProps: f
+  } = I();
+  let c;
+  e[3] !== a ? (c = a || {}, e[3] = a, e[4] = c) : c = e[4];
+  let r, p;
+  e[5] !== c ? ({
+    label: p,
+    ...r
+  } = c, e[5] = c, e[6] = r, e[7] = p) : (r = e[6], p = e[7]);
+  const m = p === void 0 ? "Toggle popover" : p, u = t ? t == null ? void 0 : t.ref : null;
+  let d;
+  e[8] !== u || e[9] !== o || e[10] !== i.setReference ? (d = [i.setReference, o, u], e[8] = u, e[9] = o, e[10] = i.setReference, e[11] = d) : d = e[11];
+  const v = O(d);
+  if (l && t && J(t)) {
+    const A = t.props, x = h.open ? "open" : "closed";
+    let w;
+    return e[12] !== t || e[13] !== f || e[14] !== s || e[15] !== v || e[16] !== A || e[17] !== x ? (w = K(t, f({
+      ref: v,
+      ...s,
+      ...A,
+      "data-state": x
+    })), e[12] = t, e[13] = f, e[14] = s, e[15] = v, e[16] = A, e[17] = x, e[18] = w) : w = e[18], w;
+  }
+  const P = h.open ? "open" : "closed";
+  let D;
+  e[19] !== f || e[20] !== s ? (D = f(s), e[19] = f, e[20] = s, e[21] = D) : D = e[21];
+  const S = t ?? m;
+  let g;
+  return e[22] !== v || e[23] !== r || e[24] !== P || e[25] !== D || e[26] !== S ? (g = /* @__PURE__ */ _(pe, { ...r, ref: v, type: "button", "data-state": P, ...D, size: "small", hideLabel: !0, iconName: "circle-info-inverted", variant: "ghost", className: E.defaultAnchor, children: S }), e[22] = v, e[23] = r, e[24] = P, e[25] = D, e[26] = S, e[27] = g) : g = e[27], g;
+});
+$.displayName = "DSPopover.Anchor";
+const j = T((n, o) => {
+  const e = V.c(38);
+  let t, s, h, a, i;
+  e[0] !== n ? ({
+    style: i,
+    className: s,
+    classNameArrow: h,
+    children: t,
+    ...a
+  } = n, e[0] = n, e[1] = t, e[2] = s, e[3] = h, e[4] = a, e[5] = i) : (t = e[1], s = e[2], h = e[3], a = e[4], i = e[5]);
+  const {
+    context: l,
+    refs: f,
+    floatingStyles: c,
+    showArrow: r,
+    variant: p,
+    getFloatingProps: m,
+    arrowRef: u
+  } = I();
+  let d;
+  e[6] !== o || e[7] !== f.setFloating ? (d = [f.setFloating, o], e[6] = o, e[7] = f.setFloating, e[8] = d) : d = e[8];
+  const v = O(d);
+  let P;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (P = {
+    duration: {
+      open: 250,
+      close: 250
+    }
+  }, e[9] = P) : P = e[9];
+  const {
+    isMounted: D,
+    status: S
+  } = ae(l, P);
+  if (!D)
+    return null;
+  let g;
+  e[10] !== c || e[11] !== i ? (g = {
+    ...c,
+    ...i
+  }, e[10] = c, e[11] = i, e[12] = g) : g = e[12];
+  const A = !r, x = p === "grey" && r;
+  let w;
+  e[13] !== s || e[14] !== A || e[15] !== x ? (w = G(E.popover, s, {
+    [E.popoverNoArrow]: A,
+    [E.popoverVariantGrey]: x
+  }), e[13] = s, e[14] = A, e[15] = x, e[16] = w) : w = e[16];
+  const B = l.placement;
+  let C;
+  e[17] !== m || e[18] !== a ? (C = m(a), e[17] = m, e[18] = a, e[19] = C) : C = e[19];
+  let b;
+  e[20] !== u || e[21] !== h || e[22] !== l || e[23] !== r || e[24] !== p ? (b = r && /* @__PURE__ */ _(le, { ref: u, context: l, className: G(E.arrow, h, {
+    [E.arrowVariantGrey]: p === "grey" && r
+  }), strokeWidth: 1, tipRadius: 1, width: 16, height: 7 }), e[20] = u, e[21] = h, e[22] = l, e[23] = r, e[24] = p, e[25] = b) : b = e[25];
+  let N;
+  e[26] !== t || e[27] !== l.placement || e[28] !== v || e[29] !== S || e[30] !== g || e[31] !== w || e[32] !== C || e[33] !== b ? (N = /* @__PURE__ */ M("div", { ref: v, style: g, className: w, "data-placement": B, "data-status": S, ...C, children: [
+    b,
+    t
+  ] }), e[26] = t, e[27] = l.placement, e[28] = v, e[29] = S, e[30] = g, e[31] = w, e[32] = C, e[33] = b, e[34] = N) : N = e[34];
+  let F;
+  return e[35] !== l || e[36] !== N ? (F = /* @__PURE__ */ _(ie, { children: /* @__PURE__ */ _(ce, { context: l, modal: !1, children: N }) }), e[35] = l, e[36] = N, e[37] = F) : F = e[37], F;
+});
+j.displayName = "DSPopover.Content";
+y.Anchor = $;
+y.Content = j;
+y.displayName = "DSPopover";
+export {
+  y as D,
+  De as a,
+  we as u,
+  Pe as v
+};

package/chunks/{RadioGroup.peTeMK45.js → RadioGroup.DeTz3c19.js}

@@ -3,7 +3,7 @@ import { jsx as F } from "react/jsx-runtime";
 import { d as $ } from "./index.CgTHIF3K.js";
 import { c as J } from "./index.CEyLAtio.js";
 import { forwardRef as K, useState as Q } from "react";
-import { D as W } from "./Fieldset.CjIfmN_5.js";
+import { D as W } from "./Fieldset.D7cLR5ze.js";
 import { DSRadio as X } from "../radio.7_N_alaS.js";
 import { g as m, r as V } from "./helpers.BbWkXTr3.js";
 import '../assets/RadioGroup.CM2mYOzc.css';const Y = "ds-radio-group_root_12fot_1", Z = "ds-radio-group_root--horizontal_12fot_9", oo = "ds-radio-group_root--invalid_12fot_12", B = {