@stihl-design-system/components 1.0.0-RC.29 → 1.0.0-RC.30

package/chunks/Popover.NGetxKGg.js

@@ -0,0 +1,159 @@
+"use client";
+import { jsx as A } from "react/jsx-runtime";
+import { d as w } from "./index.CgTHIF3K.js";
+import { isValidElement as V, useState as B, createContext as G, forwardRef as I, cloneElement as H, useContext as J } from "react";
+import { i as K, u as L, a as Q, b as T, c as W, d as X, o as Y, s as Z, e as U, g as ee, F as te } from "./floating-ui.react.x0F9CYgn.js";
+import { c as oe } from "./index.CEyLAtio.js";
+import { g as E, c as $ } from "./helpers.BbWkXTr3.js";
+import { a as se } from "./floating-ui.dom.C9TD1WpB.js";
+import '../assets/Popover.BDTDsPAt.css';const ne = "ds-popover_popover_zyqhl_5", le = {
+  popover: ne
+}, re = (n) => {
+  const t = w.c(29);
+  let e;
+  t[0] !== n ? (e = n === void 0 ? {} : n, t[0] = n, t[1] = e) : e = t[1];
+  const {
+    initialOpen: o,
+    placement: s,
+    isOpen: r,
+    popoverOffset: d,
+    onOpenChange: i
+  } = e, l = o === void 0 ? !1 : o, c = s === void 0 ? "bottom-start" : s, a = d === void 0 ? 6 : d, [h, m] = B(l), p = r ?? h, f = i ?? m;
+  let v;
+  t[2] !== a ? (v = Y(a), t[2] = a, t[3] = v) : v = t[3];
+  let u;
+  t[4] !== c || t[5] !== a ? (u = K({
+    crossAxis: c.includes("-"),
+    fallbackAxisSideDirection: "end",
+    padding: a
+  }), t[4] = c, t[5] = a, t[6] = u) : u = t[6];
+  let P;
+  t[7] !== a ? (P = Z({
+    padding: a
+  }), t[7] = a, t[8] = P) : P = t[8];
+  let S;
+  t[9] !== v || t[10] !== u || t[11] !== P ? (S = [v, u, P], t[9] = v, t[10] = u, t[11] = P, t[12] = S) : S = t[12];
+  let D;
+  t[13] !== p || t[14] !== c || t[15] !== f || t[16] !== S ? (D = {
+    placement: c,
+    open: p,
+    onOpenChange: f,
+    whileElementsMounted: se,
+    middleware: S
+  }, t[13] = p, t[14] = c, t[15] = f, t[16] = S, t[17] = D) : D = t[17];
+  const g = L(D), N = g.context;
+  let C;
+  t[18] === Symbol.for("react.memo_cache_sentinel") ? (C = {
+    enabled: !0
+  }, t[18] = C) : C = t[18];
+  const F = Q(N, C), b = T(N), _ = W(N);
+  let x;
+  t[19] !== F || t[20] !== b || t[21] !== _ ? (x = [F, b, _], t[19] = F, t[20] = b, t[21] = _, t[22] = x) : x = t[22];
+  const k = X(x);
+  let M, O;
+  return t[23] !== g || t[24] !== k || t[25] !== p || t[26] !== a || t[27] !== f ? (O = {
+    open: p,
+    popoverOffset: a,
+    setOpen: f,
+    ...k,
+    ...g
+  }, t[23] = g, t[24] = k, t[25] = p, t[26] = a, t[27] = f, t[28] = O) : O = t[28], M = O, M;
+}, ie = (n) => {
+  if (!V(n))
+    throw new Error(E("DSPopover", "DSPopover.Anchor child must be a valid React element."));
+}, ce = ({
+  hasContent: n,
+  hasAnchor: t
+}) => {
+  if (!n)
+    throw new Error(E("DSPopover", "A DSPopover must have a <DSPopover.Content> component as a child. Please add it to the children of DSPopover."));
+  if (!t)
+    throw new Error(E("DSPopover", "A DSPopover.Anchor must have a <DSPopover.Anchor> component as a child. Please add it to the children of DSPopover."));
+}, j = G(null), q = () => {
+  const n = J(j);
+  if (n == null)
+    throw new Error(E("DSPopover", "Components like DSPopover.Anchor or DSPopover.Content must be wrapped in <DSPopover />."));
+  return n;
+}, y = (n) => {
+  const t = w.c(9);
+  let e, o;
+  t[0] !== n ? ({
+    children: e,
+    ...o
+  } = n, t[0] = n, t[1] = e, t[2] = o) : (e = t[1], o = t[2]);
+  let s;
+  t[3] !== o ? (s = {
+    ...o
+  }, t[3] = o, t[4] = s) : s = t[4];
+  const r = re(s), d = $(e, y.Content), i = $(e, R);
+  process.env.NODE_ENV !== "production" && ce({
+    hasContent: d,
+    hasAnchor: i
+  });
+  let l;
+  return t[5] !== e || t[6] !== r || t[7] !== o ? (l = /* @__PURE__ */ A(j.Provider, { value: r, ...o, children: e }), t[5] = e, t[6] = r, t[7] = o, t[8] = l) : l = t[8], l;
+}, R = I((n, t) => {
+  const e = w.c(12);
+  let o, s;
+  e[0] !== n ? ({
+    children: o,
+    ...s
+  } = n, e[0] = n, e[1] = o, e[2] = s) : (o = e[1], s = e[2]), process.env.NODE_ENV !== "production" && ie(o);
+  const r = q(), d = o.ref;
+  let i;
+  e[3] !== d || e[4] !== r.refs.setReference || e[5] !== t ? (i = [r.refs.setReference, t, d], e[3] = d, e[4] = r.refs.setReference, e[5] = t, e[6] = i) : i = e[6];
+  const l = U(i);
+  if (V(o)) {
+    let c;
+    return e[7] !== o || e[8] !== r || e[9] !== s || e[10] !== l ? (c = H(o, r.getReferenceProps({
+      ref: l,
+      ...s,
+      ...o.props,
+      "data-state": r.open ? "open" : "closed"
+    })), e[7] = o, e[8] = r, e[9] = s, e[10] = l, e[11] = c) : c = e[11], c;
+  }
+});
+R.displayName = "DSPopover.Anchor";
+const z = I((n, t) => {
+  const e = w.c(27);
+  let o, s, r;
+  e[0] !== n ? ({
+    style: r,
+    className: o,
+    ...s
+  } = n, e[0] = n, e[1] = o, e[2] = s, e[3] = r) : (o = e[1], s = e[2], r = e[3]);
+  const d = q();
+  let i, l;
+  e[4] !== d ? ({
+    context: i,
+    ...l
+  } = d, e[4] = d, e[5] = i, e[6] = l) : (i = e[5], l = e[6]);
+  let c;
+  e[7] !== t || e[8] !== l.refs.setFloating ? (c = [l.refs.setFloating, t], e[7] = t, e[8] = l.refs.setFloating, e[9] = c) : c = e[9];
+  const a = U(c);
+  if (!i.open)
+    return null;
+  let h;
+  e[10] !== l.floatingStyles || e[11] !== r ? (h = {
+    ...l.floatingStyles,
+    ...r
+  }, e[10] = l.floatingStyles, e[11] = r, e[12] = h) : h = e[12];
+  let m;
+  e[13] !== o ? (m = oe(le.popover, o), e[13] = o, e[14] = m) : m = e[14];
+  let p;
+  e[15] !== s || e[16] !== l ? (p = l.getFloatingProps(s), e[15] = s, e[16] = l, e[17] = p) : p = e[17];
+  let f;
+  e[18] !== s.children || e[19] !== a || e[20] !== h || e[21] !== m || e[22] !== p ? (f = /* @__PURE__ */ A("div", { ref: a, style: h, className: m, ...p, children: s.children }), e[18] = s.children, e[19] = a, e[20] = h, e[21] = m, e[22] = p, e[23] = f) : f = e[23];
+  let v;
+  return e[24] !== i || e[25] !== f ? (v = /* @__PURE__ */ A(ee, { children: /* @__PURE__ */ A(te, { context: i, modal: !1, children: f }) }), e[24] = i, e[25] = f, e[26] = v) : v = e[26], v;
+});
+z.displayName = "DSPopover.Content";
+y.Anchor = R;
+y.Content = z;
+y.displayName = "DSPopover";
+export {
+  y as D,
+  ce as a,
+  re as u,
+  ie as v
+};