@stihl-design-system/components 1.0.0-RC.34 → 1.0.0-RC.36

package/chunks/InputPassword.Ctb0xbwg.js

@@ -0,0 +1,121 @@
+"use client";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { c as e } from "./index.DL9mof6u.js";
+import { forwardRef as F, useState as M, useRef as U } from "react";
+import { u as I } from "./useBreakpoint.1txsny17.js";
+import { Asterisk as G } from "../asterisk.B2ih8VwF.js";
+import { D as J } from "./Button.CQlIao-Z.js";
+import { D as K } from "./Popover.C9tT8xkE.js";
+import { D as Q } from "./SystemFeedback.CjlARKki.js";
+import { g as f } from "./helpers.CexwVao7.js";
+import "./index.D-sRdssb.js";
+import '../assets/InputPassword.DZENjxJ9.css';const X = "ds-input-password_input_l2ovg_1", Y = "ds-input-password_input--small_l2ovg_9", Z = "ds-input-password_input--invalid_l2ovg_121", z = "ds-input-password_input--has-action-button_l2ovg_182", ss = "ds-input-password_root_l2ovg_218", as = "ds-input-password_hint_l2ovg_218", ts = "ds-input-password_label-wrapper_l2ovg_218", os = "ds-input-password_wrapper_l2ovg_222", es = "ds-input-password_action-button_l2ovg_228", ns = "ds-input-password_label_l2ovg_218", rs = "ds-input-password_label--disabled_l2ovg_247", ls = "ds-input-password_label-wrapper--hidden_l2ovg_259", is = "ds-input-password_feedback_l2ovg_287", s = {
+  input: X,
+  inputSmall: Y,
+  inputInvalid: Z,
+  inputHasActionButton: z,
+  root: ss,
+  hint: as,
+  labelWrapper: ts,
+  wrapper: os,
+  actionButton: es,
+  label: ns,
+  labelDisabled: rs,
+  labelWrapperHidden: ls,
+  feedback: is
+}, ps = ({
+  id: a,
+  label: n,
+  hideLabel: p,
+  popoverContent: d
+}) => {
+  if (!a)
+    throw new Error(f("DSInputPassword", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputPassword component.'));
+  if (!n)
+    throw new Error(f("DSInputPassword", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputPassword component. If you don't want to display a label, set hideLabel={true}.`));
+  p && d && console.warn(f("DSInputPassword", "Using a popover when hideLabel is set to true is not supported."));
+}, ds = F(({
+  id: a,
+  label: n,
+  autoComplete: p = "new-password",
+  className: d,
+  disabled: c = !1,
+  hint: u,
+  hideLabel: h = !1,
+  invalid: r = !1,
+  popoverContent: w,
+  popoverInfoButtonProps: B,
+  readonly: v = !1,
+  required: g = !1,
+  togglePasswordVisibilityButtonProps: N,
+  size: b = "medium",
+  systemFeedback: m,
+  ...k
+}, l) => {
+  process.env.NODE_ENV !== "production" && ps({
+    id: a,
+    label: n,
+    hideLabel: I(h),
+    popoverContent: w
+  });
+  const {
+    hidePasswordText: H = "Hide password",
+    showPasswordText: A = "Show password",
+    ...W
+  } = N || {}, [_, x] = M(!1), P = `${a}-label`, D = `${a}-feedback`, S = `${a}-hint`, L = u ? ` ${S}` : "", $ = [r && m && D].filter(Boolean).join(" ") || void 0, y = I(h), C = e(s.root, d), E = e(s.input, {
+    // small input
+    [s.inputSmall]: b === "small",
+    // invalid state
+    [s.inputInvalid]: r,
+    // action button - input password always has an action button
+    [s.inputHasActionButton]: !0
+  }), R = e(s.label, {
+    [s.labelDisabled]: c
+  }), T = e(s.labelWrapper, {
+    // hide label only visually to keep them available for assistive technologies
+    [s.labelWrapperHidden]: y
+  }), V = e(s.actionButton, {
+    [s.actionButtonSmall]: b === "small"
+  }), j = U(null), q = (o) => {
+    j.current = o, typeof l == "function" ? l(o) : l && (l.current = o);
+  }, O = () => {
+    x((o) => !o);
+  };
+  return /* @__PURE__ */ i("div", { className: C, children: [
+    /* @__PURE__ */ i("div", { className: T, children: [
+      /* @__PURE__ */ i("label", { className: R, id: P, htmlFor: a, children: [
+        n,
+        g && /* @__PURE__ */ t(G, {})
+      ] }),
+      w && !y && /* @__PURE__ */ t(K, { placement: "top", defaultAnchorButtonProps: B, children: w })
+    ] }),
+    u && /* @__PURE__ */ t("div", { className: s.hint, id: S, children: u }),
+    /* @__PURE__ */ i("div", { className: s.wrapper, children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          className: E,
+          id: a,
+          ...k,
+          ref: q,
+          "aria-labelledby": `${P}${L}`,
+          "aria-describedby": $,
+          "aria-invalid": r,
+          "aria-disabled": v,
+          readOnly: v,
+          required: g,
+          disabled: c,
+          autoComplete: p,
+          type: _ ? "text" : "password"
+        }
+      ),
+      /* @__PURE__ */ t(J, { ...W, hideLabel: !0, theme: "light", iconName: _ ? "eye-closed" : "eye", variant: "ghost", className: V, size: b, onClick: O, type: "button", disabled: c, children: _ ? H : A })
+    ] }),
+    r && m && /* @__PURE__ */ t(Q, { className: s.feedback, message: m, variant: "error", id: D })
+  ] });
+});
+ds.displayName = "DSInputPassword";
+export {
+  ds as D,
+  ps as v
+};

package/chunks/InputSearch.C-r5ktR8.js

@@ -0,0 +1,149 @@
+"use client";
+import { jsxs as h, jsx as a } from "react/jsx-runtime";
+import { c as s } from "./index.DL9mof6u.js";
+import { forwardRef as nt, useState as at, useRef as L, useEffect as V } from "react";
+import { g as m, a as st } from "./helpers.CexwVao7.js";
+import { u as O } from "./useBreakpoint.1txsny17.js";
+import "./index.D-sRdssb.js";
+import { Asterisk as ot } from "../asterisk.B2ih8VwF.js";
+import { D as W } from "./Button.CQlIao-Z.js";
+import { D as rt } from "./Popover.C9tT8xkE.js";
+import { D as it } from "./SystemFeedback.CjlARKki.js";
+import '../assets/InputSearch.GBH9Eh6F.css';const ct = "ds-input-search_input_37dw5_1", lt = "ds-input-search_input--small_37dw5_9", ut = "ds-input-search_input--invalid_37dw5_121", pt = "ds-input-search_input--has-action-button_37dw5_182", dt = "ds-input-search_input--has-second-action-button_37dw5_185", ht = "ds-input-search_root_37dw5_218", mt = "ds-input-search_hint_37dw5_218", bt = "ds-input-search_label-wrapper_37dw5_218", ft = "ds-input-search_wrapper_37dw5_222", _t = "ds-input-search_action-button_37dw5_228", wt = "ds-input-search_second-action-button_37dw5_232", St = "ds-input-search_label_37dw5_218", Dt = "ds-input-search_label--disabled_37dw5_251", Bt = "ds-input-search_label-wrapper--hidden_37dw5_263", It = "ds-input-search_feedback_37dw5_291", t = {
+  input: ct,
+  inputSmall: lt,
+  inputInvalid: ut,
+  inputHasActionButton: pt,
+  inputHasSecondActionButton: dt,
+  root: ht,
+  hint: mt,
+  labelWrapper: bt,
+  wrapper: ft,
+  actionButton: _t,
+  secondActionButton: wt,
+  label: St,
+  labelDisabled: Dt,
+  labelWrapperHidden: Bt,
+  feedback: It
+}, vt = ({
+  id: n,
+  label: c,
+  hideLabel: b,
+  popoverContent: f
+}) => {
+  if (!n)
+    throw new Error(m("DSInputSearch", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'));
+  if (!c)
+    throw new Error(m("DSInputSearch", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputSearch component. If you don't want to display a label, set hideLabel={true}.`));
+  b && f && console.warn(m("DSInputSearch", "Using a popover when hideLabel is set to true is not supported."));
+}, gt = (n) => !!st(n, "form"), Nt = nt(({
+  id: n,
+  label: c,
+  className: b,
+  clearButtonLabel: f = "Clear search field",
+  disabled: o = !1,
+  hint: _,
+  hideLabel: I = !1,
+  invalid: l = !1,
+  popoverContent: w,
+  popoverInfoButtonProps: $,
+  readonly: r = !1,
+  required: v = !1,
+  size: i = "medium",
+  systemFeedback: S,
+  value: D,
+  submitButtonProps: j,
+  onChange: g,
+  ...R
+}, u) => {
+  process.env.NODE_ENV !== "production" && vt({
+    id: n,
+    label: c,
+    hideLabel: O(I),
+    popoverContent: w
+  });
+  const {
+    label: x = "Search",
+    onClick: q,
+    ...T
+  } = j || {}, [p, N] = at(D), B = L(null), d = L(null), F = (e) => {
+    d.current = e, typeof u == "function" ? u(e) : u && (u.current = e);
+  }, y = O(I);
+  V(() => {
+    N(D);
+  }, [D]), V(() => {
+    B.current && !gt(B.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(m("DSInputSearch", `The DSInputSearch component with the id "${n}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`));
+  }, []);
+  const A = `${n}-label`, E = `${n}-feedback`, H = `${n}-hint`, M = _ ? ` ${H}` : "", U = [l && S && E].filter(Boolean).join(" ") || void 0, k = p !== "" && p !== void 0 && p !== null, G = s(t.root, b), J = s(t.input, {
+    // small input
+    [t.inputSmall]: i === "small",
+    // invalid state
+    [t.inputInvalid]: l,
+    // action button - input password always has an action button
+    [t.inputHasActionButton]: !0,
+    // action second action button
+    [t.inputHasSecondActionButton]: k && !r && !o
+  }), K = s(t.label, {
+    [t.labelDisabled]: o
+  }), Q = s(t.labelWrapper, {
+    // hide label only visually to keep them available for assistive technologies
+    [t.labelWrapperHidden]: y
+  }), X = s(t.actionButton, {
+    [t.actionButtonSmall]: i === "small"
+  }), Y = s(t.secondActionButton, {
+    [t.secondActionButtonSmall]: i === "small"
+  }), Z = (e, C) => {
+    const et = Object.getPrototypeOf(e), P = Object.getOwnPropertyDescriptor(et, "value");
+    P?.set ? P.set.call(e, C) : e.value = C;
+  }, z = () => {
+    if (!d.current)
+      return;
+    Z(d.current, "");
+    const e = new Event("change", {
+      bubbles: !0
+    });
+    d.current?.dispatchEvent(e);
+  }, tt = (e) => {
+    N(e.target.value), g && g(e);
+  };
+  return /* @__PURE__ */ h("div", { className: G, ref: B, children: [
+    /* @__PURE__ */ h("div", { className: Q, children: [
+      /* @__PURE__ */ h("label", { className: K, id: A, htmlFor: n, children: [
+        c,
+        v && /* @__PURE__ */ a(ot, {})
+      ] }),
+      w && !y && /* @__PURE__ */ a(rt, { placement: "top", defaultAnchorButtonProps: $, children: w })
+    ] }),
+    _ && /* @__PURE__ */ a("div", { className: t.hint, id: H, children: _ }),
+    /* @__PURE__ */ h("div", { className: t.wrapper, children: [
+      /* @__PURE__ */ a(
+        "input",
+        {
+          className: J,
+          id: n,
+          ...R,
+          ref: F,
+          "aria-labelledby": `${A}${M}`,
+          "aria-describedby": U,
+          "aria-invalid": l,
+          "aria-disabled": r,
+          readOnly: r,
+          required: v,
+          disabled: o,
+          type: "search",
+          value: p,
+          onChange: tt
+        }
+      ),
+      k && !r && !o && /* @__PURE__ */ a(W, { hideLabel: !0, theme: "light", iconName: "cross", className: Y, variant: "ghost", size: i, onClick: z, type: "button", tabIndex: -1, children: f }),
+      /* @__PURE__ */ a(W, { ...T, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: X, variant: "ghost", size: i, onClick: q, type: "submit", disabled: o || r, children: x })
+    ] }),
+    l && S && /* @__PURE__ */ a(it, { className: t.feedback, message: S, variant: "error", id: E })
+  ] });
+});
+Nt.displayName = "DSInputSearch";
+export {
+  Nt as D,
+  gt as i,
+  vt as v
+};

package/chunks/LinkButton.CWibqvhs.js

@@ -0,0 +1,140 @@
+"use client";
+import { jsxs as N, jsx as g } from "react/jsx-runtime";
+import { c as p } from "./index.DL9mof6u.js";
+import { forwardRef as H } from "react";
+import { u as i } from "./useBreakpoint.1txsny17.js";
+import "./index.D-sRdssb.js";
+import { D as A } from "./Icon.CDLyB7Pv.js";
+import { Tooltip as b } from "../tooltip.Cj3AvYgB.js";
+import { g as r } from "./helpers.CexwVao7.js";
+import '../assets/LinkButton.88j5ckLu.css';const E = "ds-link-button_root_250ek_1", P = "ds-link-button_root--highlight_250ek_75", C = "ds-link-button_root--dark-highlight_250ek_75", x = "ds-link-button_root--filled_250ek_151", V = "ds-link-button_root--outline_250ek_179", j = "ds-link-button_root--ghost_250ek_206", K = "ds-link-button_root--ghost-flush_250ek_231", R = "ds-link-button_root--small_250ek_237", U = "ds-link-button_root--navigation_250ek_317", M = "ds-link-button_root--navigation--stretched_250ek_393", Z = "ds-link-button_root--navigation--stretched--icon-left_250ek_396", q = "ds-link-button_root--dark-filled_250ek_399", J = "ds-link-button_root--dark-outline_250ek_456", Q = "ds-link-button_root--dark-ghost_250ek_512", W = "ds-link-button_root--dark-ghost-flush_250ek_566", X = "ds-link-button_root--stretched_250ek_641", Y = "ds-link-button_root--icon-left_250ek_644", $ = "ds-link-button_root--icon-only_250ek_647", z = "ds-link-button_root--icon-only-small_250ek_656", oo = "ds-link-button_icon--navigation_250ek_668", to = "ds-link-button_label--hidden_250ek_676", t = {
+  root: E,
+  rootHighlight: P,
+  rootDarkHighlight: C,
+  rootFilled: x,
+  rootOutline: V,
+  rootGhost: j,
+  rootGhostFlush: K,
+  rootSmall: R,
+  rootNavigation: U,
+  rootNavigationStretched: M,
+  rootNavigationStretchedIconLeft: Z,
+  rootDarkFilled: q,
+  rootDarkOutline: J,
+  rootDarkGhost: Q,
+  rootDarkGhostFlush: W,
+  rootStretched: X,
+  rootIconLeft: Y,
+  rootIconOnly: $,
+  rootIconOnlySmall: z,
+  iconNavigation: oo,
+  labelHidden: to
+}, go = ["medium", "small"], uo = ["filled", "highlight", "outline", "ghost", "navigation"], no = ({
+  hideLabel: u,
+  iconName: _,
+  iconSource: f,
+  isFlush: d,
+  size: l,
+  stretched: s,
+  theme: a,
+  variant: e
+}) => {
+  if (e === "navigation" && (l === "small" && console.warn(r("DSLinkButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), a === "dark"))
+    throw new Error(r("DSLinkButton", 'A DSLinkButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
+  e !== "ghost" && d ? console.warn(r("DSLinkButton", 'The "isFlush" prop only has an effect when used with variant="ghost". Please remove the "isFlush" prop or set variant="ghost".')) : e === "ghost" && d && s && console.warn(r("DSLinkButton", 'The "stretched" and "isFlush" props do not have an effect when used together. Please remove one of them.')), u && (!_ && !f && console.warn(r("DSLinkButton", 'The "hideLabel" prop is set to true but no icon is provided via "iconName" or "iconSource". Please provide an icon to ensure the link is not empty when the label is hidden.')), s && console.warn(r("DSLinkButton", 'The "stretched" and "hideLabel" props do not have an effect when used together. Please remove one of them.')));
+}, eo = H(({
+  children: u,
+  aria: _,
+  className: f,
+  download: d,
+  hideLabel: l = !1,
+  href: s,
+  iconName: a,
+  iconPosition: e = "left",
+  iconSource: m,
+  isFlush: h = !1,
+  referrerPolicy: L,
+  rel: I,
+  size: c = "medium",
+  stretched: k = !1,
+  target: O = "_self",
+  theme: n = "light",
+  variant: o = "filled",
+  tooltip: D,
+  ...w
+}, B) => {
+  process.env.NODE_ENV !== "production" && no({
+    hideLabel: i(l),
+    iconName: a,
+    iconSource: m,
+    isFlush: h,
+    size: c,
+    stretched: k,
+    theme: n,
+    variant: o
+  });
+  const y = p(t.root, f, {
+    // variant
+    [t.rootFilled]: o === "filled",
+    [t.rootHighlight]: o === "highlight",
+    [t.rootOutline]: o === "outline",
+    [t.rootGhost]: o === "ghost" && h !== !0,
+    [t.rootNavigation]: o === "navigation",
+    [t.rootNavigationStretched]: o === "navigation" && i(k) && e === "right",
+    [t.rootNavigationStretchedIconLeft]: o === "navigation" && i(k) && e === "left",
+    // isFlush
+    [t.rootGhostFlush]: o === "ghost" && h === !0,
+    // dark theme
+    [t.rootDarkFilled]: n === "dark" && o === "filled",
+    [t.rootDarkHighlight]: n === "dark" && o === "highlight",
+    [t.rootDarkOutline]: n === "dark" && o === "outline",
+    [t.rootDarkGhost]: n === "dark" && o === "ghost" && h !== !0,
+    // dark isFlush
+    [t.rootDarkGhostFlush]: n === "dark" && o === "ghost" && h === !0,
+    // size
+    [t.rootSmall]: c === "small" || o === "navigation",
+    // stretched
+    [t.rootStretched]: i(k),
+    // icon position
+    [t.rootIconLeft]: e === "left",
+    // icon only
+    [t.rootIconOnly]: i(l) && c === "medium" && o !== "navigation",
+    [t.rootIconOnlySmall]: i(l) && c === "small" && o !== "navigation"
+  }), G = p({
+    // hide label only visually to keep them available for assistive technologies
+    [t.labelHidden]: i(l) && o !== "navigation"
+    // if no label classes are set via classNames, return undefined to avoid empty class attribute
+  }) || void 0, T = p({
+    [t.iconNavigation]: o === "navigation"
+  }), F = n === "light" && o === "filled" || n === "dark" && o === "outline" || n === "dark" && o === "ghost" ? "dark" : "light", S = s === void 0 ? "span" : "a", v = /* @__PURE__ */ N(
+    S,
+    {
+      className: y,
+      ...S === "a" && {
+        href: s,
+        target: O,
+        rel: I,
+        referrerPolicy: L,
+        download: d
+      },
+      ..._,
+      ...w,
+      ref: B,
+      children: [
+        /* @__PURE__ */ g("span", { className: G, children: u }),
+        (a || m) && /* @__PURE__ */ g(A, { name: a, theme: F, source: m, className: T, "aria-hidden": "true" })
+      ]
+    }
+  );
+  return D ? /* @__PURE__ */ N(b, { placement: "top", tooltipOffset: 6, children: [
+    /* @__PURE__ */ g(b.Anchor, { children: v }),
+    /* @__PURE__ */ g(b.Content, { children: D })
+  ] }) : v;
+});
+eo.displayName = "DSLinkButton";
+export {
+  eo as D,
+  go as L,
+  uo as a,
+  no as v
+};

package/chunks/{MegaMenu.CQbOeaib.js → MegaMenu.qttkjGbD.js}

@@ -2,11 +2,10 @@
 import { jsx as N, jsxs as ne } from "react/jsx-runtime";
 import { d as P } from "./index.D-sRdssb.js";
 import { isValidElement as J, useState as se, createContext as oe, forwardRef as K, cloneElement as ae, useContext as L } from "react";
-import { o as le, u as re, a as ce, b as ie, c as ue, d as fe, e as Q, f as de, F as me, g as Me, h as ge } from "./floating-ui.react.3FjeMiuN.js";
+import { o as le, u as re, b as ce, c as ie, d as ue, e as fe, a as de, f as Q, g as me, F as Me, h as ge, i as he } from "./floating-ui.react.COTL3jH5.js";
 import { c as q } from "./index.DL9mof6u.js";
 import { g as V, c as z } from "./helpers.CexwVao7.js";
-import { D as he } from "./Header.7TQL_J9t.js";
-import { a as pe } from "./floating-ui.dom.BT8pKtCQ.js";
+import { D as pe } from "./Header.18sOO0Gf.js";
 import '../assets/MegaMenu.D5EtjFeL.css';const Se = "ds-mega-menu_root_11fw1_1", De = "ds-mega-menu_content_11fw1_109", _e = "ds-mega-menu_content--variant-full_11fw1_134", Ce = "ds-mega-menu_backdrop_11fw1_139", R = {
   root: Se,
   content: De,
@@ -28,7 +27,7 @@ import '../assets/MegaMenu.D5EtjFeL.css';const Se = "ds-mega-menu_root_11fw1_1",
     placement: "bottom-start",
     open: r,
     onOpenChange: u,
-    whileElementsMounted: pe,
+    whileElementsMounted: de,
     strategy: "absolute",
     transform: !1,
     middleware: f
@@ -126,7 +125,7 @@ const Y = K((s, t) => {
     bannerAreaRef: M,
     topBarAreaRef: D,
     mainNavigationAreaRef: g
-  } = L(he);
+  } = L(pe);
   let h;
   e[5] !== t || e[6] !== f.refs.setFloating ? (h = [f.refs.setFloating, t], e[5] = t, e[6] = f.refs.setFloating, e[7] = h) : h = e[7];
   const _ = Q(h);
@@ -140,7 +139,7 @@ const Y = K((s, t) => {
   const {
     isMounted: O,
     status: l
-  } = de(o, m);
+  } = me(o, m);
   let p;
   e[9] !== c ? (p = q(R.root, c), e[9] = c, e[10] = p) : p = e[10];
   const S = p, I = C === "full";
@@ -151,10 +150,10 @@ const Y = K((s, t) => {
   const $ = y;
   if (!O)
     return null;
-  const U = ge, j = Me, Z = !0;
+  const U = he, j = ge, Z = !0;
   let v;
   e[13] !== l ? (v = /* @__PURE__ */ N("div", { className: R.backdrop, "data-status": l }), e[13] = l, e[14] = v) : v = e[14];
-  const B = me, ee = !1, te = !0;
+  const B = Me, ee = !1, te = !0;
   let E;
   e[15] !== M || e[16] !== g || e[17] !== D ? (E = () => [g?.current, D?.current, M?.current].filter(Boolean), e[15] = M, e[16] = g, e[17] = D, e[18] = E) : E = e[18];
   let w;

package/chunks/{NavigationTabs.BwM-6CRm.js → NavigationTabs.SBNLx87A.js}

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

package/chunks/{Notification.CrojkJ0E.js → Notification.DYl1rcGu.js}

@@ -2,7 +2,7 @@
 import { jsx as H, jsxs as F } from "react/jsx-runtime";
 import { d as R } from "./index.D-sRdssb.js";
 import { c as k } from "./index.DL9mof6u.js";
-import { D as W } from "./Button.DCZgBNmA.js";
+import { D as W } from "./Button.CQlIao-Z.js";
 import { D as j } from "./Icon.CDLyB7Pv.js";
 import '../assets/Notification.CvohYEvT.css';const y = "ds-notification_root_trmu0_1", L = "ds-notification_root--success_trmu0_29", P = "ds-notification_root--error_trmu0_33", V = "ds-notification_root--warning_trmu0_37", z = "ds-notification_root--hide-icon_trmu0_41", Y = "ds-notification_content_trmu0_55", $ = "ds-notification_content--hide-close-button_trmu0_62", q = "ds-notification_content--hide-icon_trmu0_65", G = "ds-notification_icon_trmu0_69", J = "ds-notification_message_trmu0_73", K = "ds-notification_custom-action-area_trmu0_170", e = {
   root: y,

package/chunks/{Popover.Bb0Pjmvg.js → Popover.C9tT8xkE.js}

@@ -2,11 +2,10 @@
 import { jsx as m, jsxs as O, Fragment as q } from "react/jsx-runtime";
 import { d as H } from "./index.D-sRdssb.js";
 import { useState as J, useRef as K, useMemo as Q, createContext as X, forwardRef as I, isValidElement as Y, cloneElement as Z, useContext as ee } from "react";
-import { u as oe, o as te, i as re, s as se, j as ne, a as ae, b as ce, c as ie, d as le, e as j, f as pe, k as de, F as ue, h as he } from "./floating-ui.react.3FjeMiuN.js";
+import { u as oe, o as te, j as re, s as se, k as ne, a as ae, b as ce, c as ie, d as le, e as pe, f as j, g as de, l as ue, F as he, i as ve } from "./floating-ui.react.COTL3jH5.js";
 import { c as k } from "./index.DL9mof6u.js";
 import { g as b, c as M } from "./helpers.CexwVao7.js";
-import { D as ve } from "./Button.DCZgBNmA.js";
-import { a as fe } from "./floating-ui.dom.BT8pKtCQ.js";
+import { D as fe } from "./Button.CQlIao-Z.js";
 import '../assets/Popover.CXyUaXiO.css';const me = "ds-popover_popover_xg81f_5", ge = "ds-popover_popover--no-arrow_xg81f_64", we = "ds-popover_popover--variant-grey_xg81f_67", Pe = "ds-popover_arrow_xg81f_71", De = "ds-popover_arrow--variant-grey_xg81f_90", Se = "ds-popover_default-anchor_xg81f_107", _ = {
   popover: me,
   popoverNoArrow: ge,
@@ -29,7 +28,7 @@ import '../assets/Popover.CXyUaXiO.css';const me = "ds-popover_popover_xg81f_5",
     open: c,
     strategy: "fixed",
     onOpenChange: n,
-    whileElementsMounted: fe,
+    whileElementsMounted: ae,
     middleware: [te(r + (a ? 7 : 0)), re({
       // default configuration taken from https://floating-ui.com/docs/flip
       crossAxis: o.includes("-"),
@@ -40,9 +39,9 @@ import '../assets/Popover.CXyUaXiO.css';const me = "ds-popover_popover_xg81f_5",
     }), ...a ? [ne({
       element: i
     })] : []]
-  }), v = u.context, C = ae(v, {
+  }), v = u.context, C = ce(v, {
     enabled: !0
-  }), w = ce(v), E = ie(v), P = le([C, w, E]);
+  }), w = ie(v), E = le(v), P = pe([C, w, E]);
   return Q(() => ({
     open: c,
     popoverOffset: r,
@@ -127,7 +126,7 @@ import '../assets/Popover.CXyUaXiO.css';const me = "ds-popover_popover_xg81f_5",
     "data-state": r.open ? "open" : "closed"
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
   })) : /* @__PURE__ */ m(
-    ve,
+    fe,
     {
       ...h,
       ref: n,
@@ -173,10 +172,10 @@ const $ = I((t, o) => {
   const {
     isMounted: E,
     status: P
-  } = pe(s, w);
+  } = de(s, w);
   if (!E)
     return null;
-  const R = he, F = ue, L = !1;
+  const R = ve, F = he, L = !1;
   let D;
   e[4] !== c || e[5] !== r ? (D = {
     ...c,
@@ -190,7 +189,7 @@ const $ = I((t, o) => {
   }), e[7] = a, e[8] = V, e[9] = G, e[10] = S) : S = e[10];
   const z = s.placement, T = g(d);
   let A;
-  e[11] !== u || e[12] !== l || e[13] !== s || e[14] !== n || e[15] !== i ? (A = n && /* @__PURE__ */ m(de, { ref: u, context: s, className: k(_.arrow, l, {
+  e[11] !== u || e[12] !== l || e[13] !== s || e[14] !== n || e[15] !== i ? (A = n && /* @__PURE__ */ m(ue, { ref: u, context: s, className: k(_.arrow, l, {
     [_.arrowVariantGrey]: i === "grey" && n
   }), strokeWidth: 1, tipRadius: 1, width: 16, height: 7 }), e[11] = u, e[12] = l, e[13] = s, e[14] = n, e[15] = i, e[16] = A) : A = e[16];
   let x;