@ogcio/design-system-react 1.30.0 → 1.31.0

package/dist/popover/popover.js

@@ -2,8 +2,8 @@
 import { jsx as dt } from "react/jsx-runtime";
 import { useRef as Ee, useEffect as Ae } from "react";
 import { cn as mt } from "../cn.js";
-import { createDynamicHeightModifier as Xe } from "./utilities.js";
-var $ = "top", T = "bottom", S = "right", k = "left", Be = "auto", fe = [$, T, S, k], Q = "start", ie = "end", ht = "clippingParents", _e = "viewport", ne = "popper", yt = "reference", ze = /* @__PURE__ */ fe.reduce(function(e, t) {
+import { createDynamicHeightModifier as ze } from "./utilities.js";
+var $ = "top", T = "bottom", S = "right", k = "left", Be = "auto", fe = [$, T, S, k], Q = "start", ie = "end", ht = "clippingParents", _e = "viewport", ne = "popper", yt = "reference", Xe = /* @__PURE__ */ fe.reduce(function(e, t) {
   return e.concat([t + "-" + Q, t + "-" + ie]);
 }, []), et = /* @__PURE__ */ [].concat(fe, [Be]).reduce(function(e, t) {
   return e.concat([t, t + "-" + Q, t + "-" + ie]);
@@ -211,7 +211,7 @@ var Tt = function(t, r) {
 function St(e) {
   var t, r = e.state, n = e.name, a = e.options, o = r.elements.arrow, c = r.modifiersData.popperOffsets, s = H(r.placement), i = ke(s), u = [k, S].indexOf(s) >= 0, f = u ? "height" : "width";
   if (!(!o || !c)) {
-    var d = Tt(a.padding, r), h = $e(o), p = i === "y" ? $ : k, y = i === "y" ? T : S, m = r.rects.reference[f] + r.rects.reference[i] - c[i] - r.rects.popper[f], l = c[i] - r.rects.reference[i], w = ce(o), x = w ? i === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, O = m / 2 - l / 2, v = d[p], g = x - h[f] - d[y], b = x / 2 - h[f] / 2 + O, E = ae(v, b, g), D = i;
+    var d = Tt(a.padding, r), h = $e(o), l = i === "y" ? $ : k, y = i === "y" ? T : S, m = r.rects.reference[f] + r.rects.reference[i] - c[i] - r.rects.popper[f], p = c[i] - r.rects.reference[i], w = ce(o), x = w ? i === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, O = m / 2 - p / 2, v = d[l], g = x - h[f] - d[y], b = x / 2 - h[f] / 2 + O, E = ae(v, b, g), D = i;
     r.modifiersData[n] = (t = {}, t[D] = E, t.centerOffset = E - b, t);
   }
 }
@@ -245,14 +245,14 @@ function Vt(e, t) {
   };
 }
 function Ye(e) {
-  var t, r = e.popper, n = e.popperRect, a = e.placement, o = e.variation, c = e.offsets, s = e.position, i = e.gpuAcceleration, u = e.adaptive, f = e.roundOffsets, d = e.isFixed, h = c.x, p = h === void 0 ? 0 : h, y = c.y, m = y === void 0 ? 0 : y, l = typeof f == "function" ? f({
-    x: p,
+  var t, r = e.popper, n = e.popperRect, a = e.placement, o = e.variation, c = e.offsets, s = e.position, i = e.gpuAcceleration, u = e.adaptive, f = e.roundOffsets, d = e.isFixed, h = c.x, l = h === void 0 ? 0 : h, y = c.y, m = y === void 0 ? 0 : y, p = typeof f == "function" ? f({
+    x: l,
     y: m
   }) : {
-    x: p,
+    x: l,
     y: m
   };
-  p = l.x, m = l.y;
+  l = p.x, m = p.y;
   var w = c.hasOwnProperty("x"), x = c.hasOwnProperty("y"), O = k, v = $, g = window;
   if (u) {
     var b = ce(r), E = "clientHeight", D = "clientWidth";
@@ -270,23 +270,23 @@ function Ye(e) {
         // $FlowFixMe[prop-missing]
         b[D]
       );
-      p -= A - n.width, p *= i ? 1 : -1;
+      l -= A - n.width, l *= i ? 1 : -1;
     }
   }
   var B = Object.assign({
     position: s
   }, u && Ht), M = f === !0 ? Vt({
-    x: p,
+    x: l,
     y: m
   }, L(r)) : {
-    x: p,
+    x: l,
     y: m
   };
-  if (p = M.x, m = M.y, i) {
+  if (l = M.x, m = M.y, i) {
     var j;
-    return Object.assign({}, B, (j = {}, j[v] = x ? "0" : "", j[O] = w ? "0" : "", j.transform = (g.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + m + "px)" : "translate3d(" + p + "px, " + m + "px, 0)", j));
+    return Object.assign({}, B, (j = {}, j[v] = x ? "0" : "", j[O] = w ? "0" : "", j.transform = (g.devicePixelRatio || 1) <= 1 ? "translate(" + l + "px, " + m + "px)" : "translate3d(" + l + "px, " + m + "px, 0)", j));
   }
-  return Object.assign({}, B, (t = {}, t[v] = x ? m + "px" : "", t[O] = w ? p + "px" : "", t.transform = "", t));
+  return Object.assign({}, B, (t = {}, t[v] = x ? m + "px" : "", t[O] = w ? l + "px" : "", t.transform = "", t));
 }
 function Nt(e) {
   var t = e.state, r = e.options, n = r.gpuAcceleration, a = n === void 0 ? !0 : n, o = r.adaptive, c = o === void 0 ? !0 : o, s = r.roundOffsets, i = s === void 0 ? !0 : s, u = {
@@ -331,7 +331,7 @@ function qt(e) {
     }), s && i.removeEventListener("resize", r.update, me);
   };
 }
-const Xt = {
+const zt = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
@@ -340,7 +340,7 @@ const Xt = {
   effect: qt,
   data: {}
 };
-var zt = {
+var Xt = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -348,7 +348,7 @@ var zt = {
 };
 function he(e) {
   return e.replace(/left|right|bottom|top/g, function(t) {
-    return zt[t];
+    return Xt[t];
   });
 }
 var It = {
@@ -486,7 +486,7 @@ function st(e) {
 }
 function se(e, t) {
   t === void 0 && (t = {});
-  var r = t, n = r.placement, a = n === void 0 ? e.placement : n, o = r.strategy, c = o === void 0 ? e.strategy : o, s = r.boundary, i = s === void 0 ? ht : s, u = r.rootBoundary, f = u === void 0 ? _e : u, d = r.elementContext, h = d === void 0 ? ne : d, p = r.altBoundary, y = p === void 0 ? !1 : p, m = r.padding, l = m === void 0 ? 0 : m, w = at(typeof l != "number" ? l : ot(l, fe)), x = h === ne ? yt : ne, O = e.rects.popper, v = e.elements[y ? x : h], g = Jt(K(v) ? v : v.contextElement || q(e.elements.popper), i, f, c), b = _(e.elements.reference), E = st({
+  var r = t, n = r.placement, a = n === void 0 ? e.placement : n, o = r.strategy, c = o === void 0 ? e.strategy : o, s = r.boundary, i = s === void 0 ? ht : s, u = r.rootBoundary, f = u === void 0 ? _e : u, d = r.elementContext, h = d === void 0 ? ne : d, l = r.altBoundary, y = l === void 0 ? !1 : l, m = r.padding, p = m === void 0 ? 0 : m, w = at(typeof p != "number" ? p : ot(p, fe)), x = h === ne ? yt : ne, O = e.rects.popper, v = e.elements[y ? x : h], g = Jt(K(v) ? v : v.contextElement || q(e.elements.popper), i, f, c), b = _(e.elements.reference), E = st({
     reference: b,
     element: O,
     placement: a
@@ -499,21 +499,21 @@ function se(e, t) {
   if (h === ne && B) {
     var M = B[a];
     Object.keys(A).forEach(function(j) {
-      var X = [S, T].indexOf(j) >= 0 ? 1 : -1, z = [$, T].indexOf(j) >= 0 ? "y" : "x";
-      A[j] += M[z] * X;
+      var z = [S, T].indexOf(j) >= 0 ? 1 : -1, X = [$, T].indexOf(j) >= 0 ? "y" : "x";
+      A[j] += M[X] * z;
     });
   }
   return A;
 }
 function Qt(e, t) {
   t === void 0 && (t = {});
-  var r = t, n = r.placement, a = r.boundary, o = r.rootBoundary, c = r.padding, s = r.flipVariations, i = r.allowedAutoPlacements, u = i === void 0 ? et : i, f = ee(n), d = f ? s ? ze : ze.filter(function(y) {
+  var r = t, n = r.placement, a = r.boundary, o = r.rootBoundary, c = r.padding, s = r.flipVariations, i = r.allowedAutoPlacements, u = i === void 0 ? et : i, f = ee(n), d = f ? s ? Xe : Xe.filter(function(y) {
     return ee(y) === f;
   }) : fe, h = d.filter(function(y) {
     return u.indexOf(y) >= 0;
   });
   h.length === 0 && (h = d);
-  var p = h.reduce(function(y, m) {
+  var l = h.reduce(function(y, m) {
     return y[m] = se(e, {
       placement: m,
       boundary: a,
@@ -521,8 +521,8 @@ function Qt(e, t) {
       padding: c
     })[H(m)], y;
   }, {});
-  return Object.keys(p).sort(function(y, m) {
-    return p[y] - p[m];
+  return Object.keys(l).sort(function(y, m) {
+    return l[y] - l[m];
   });
 }
 function Zt(e) {
@@ -534,7 +534,7 @@ function Zt(e) {
 function _t(e) {
   var t = e.state, r = e.options, n = e.name;
   if (!t.modifiersData[n]._skip) {
-    for (var a = r.mainAxis, o = a === void 0 ? !0 : a, c = r.altAxis, s = c === void 0 ? !0 : c, i = r.fallbackPlacements, u = r.padding, f = r.boundary, d = r.rootBoundary, h = r.altBoundary, p = r.flipVariations, y = p === void 0 ? !0 : p, m = r.allowedAutoPlacements, l = t.options.placement, w = H(l), x = w === l, O = i || (x || !y ? [he(l)] : Zt(l)), v = [l].concat(O).reduce(function(J, F) {
+    for (var a = r.mainAxis, o = a === void 0 ? !0 : a, c = r.altAxis, s = c === void 0 ? !0 : c, i = r.fallbackPlacements, u = r.padding, f = r.boundary, d = r.rootBoundary, h = r.altBoundary, l = r.flipVariations, y = l === void 0 ? !0 : l, m = r.allowedAutoPlacements, p = t.options.placement, w = H(p), x = w === p, O = i || (x || !y ? [he(p)] : Zt(p)), v = [p].concat(O).reduce(function(J, F) {
       return J.concat(H(F) === Be ? Qt(t, {
         placement: F,
         boundary: f,
@@ -544,14 +544,14 @@ function _t(e) {
         allowedAutoPlacements: m
       }) : F);
     }, []), g = t.rects.reference, b = t.rects.popper, E = /* @__PURE__ */ new Map(), D = !0, P = v[0], A = 0; A < v.length; A++) {
-      var B = v[A], M = H(B), j = ee(B) === Q, X = [$, T].indexOf(M) >= 0, z = X ? "width" : "height", C = se(t, {
+      var B = v[A], M = H(B), j = ee(B) === Q, z = [$, T].indexOf(M) >= 0, X = z ? "width" : "height", C = se(t, {
         placement: B,
         boundary: f,
         rootBoundary: d,
         altBoundary: h,
         padding: u
-      }), W = X ? j ? S : k : j ? T : $;
-      g[z] > b[z] && (W = he(W));
+      }), W = z ? j ? S : k : j ? T : $;
+      g[X] > b[X] && (W = he(W));
       var ue = he(W), I = [];
       if (o && I.push(C[M] <= 0), s && I.push(C[W] <= 0, C[ue] <= 0), I.every(function(J) {
         return J;
@@ -562,7 +562,7 @@ function _t(e) {
       E.set(B, I);
     }
     if (D)
-      for (var pe = y ? 3 : 1, be = function(F) {
+      for (var le = y ? 3 : 1, be = function(F) {
         var re = v.find(function(ve) {
           var Y = E.get(ve);
           if (Y)
@@ -572,9 +572,9 @@ function _t(e) {
         });
         if (re)
           return P = re, "break";
-      }, te = pe; te > 0; te--) {
-        var le = be(te);
-        if (le === "break") break;
+      }, te = le; te > 0; te--) {
+        var pe = be(te);
+        if (pe === "break") break;
       }
     t.placement !== P && (t.modifiersData[n]._skip = !0, t.placement = P, t.reset = !0);
   }
@@ -672,7 +672,7 @@ function fr(e) {
   return e === "x" ? "y" : "x";
 }
 function cr(e) {
-  var t = e.state, r = e.options, n = e.name, a = r.mainAxis, o = a === void 0 ? !0 : a, c = r.altAxis, s = c === void 0 ? !1 : c, i = r.boundary, u = r.rootBoundary, f = r.altBoundary, d = r.padding, h = r.tether, p = h === void 0 ? !0 : h, y = r.tetherOffset, m = y === void 0 ? 0 : y, l = se(t, {
+  var t = e.state, r = e.options, n = e.name, a = r.mainAxis, o = a === void 0 ? !0 : a, c = r.altAxis, s = c === void 0 ? !1 : c, i = r.boundary, u = r.rootBoundary, f = r.altBoundary, d = r.padding, h = r.tether, l = h === void 0 ? !0 : h, y = r.tetherOffset, m = y === void 0 ? 0 : y, p = se(t, {
     boundary: i,
     rootBoundary: u,
     padding: d,
@@ -691,14 +691,14 @@ function cr(e) {
   };
   if (b) {
     if (o) {
-      var j, X = v === "y" ? $ : k, z = v === "y" ? T : S, C = v === "y" ? "height" : "width", W = b[v], ue = W + l[X], I = W - l[z], pe = p ? -D[C] / 2 : 0, be = x === Q ? E[C] : D[C], te = x === Q ? -D[C] : -E[C], le = t.elements.arrow, J = p && le ? $e(le) : {
+      var j, z = v === "y" ? $ : k, X = v === "y" ? T : S, C = v === "y" ? "height" : "width", W = b[v], ue = W + p[z], I = W - p[X], le = l ? -D[C] / 2 : 0, be = x === Q ? E[C] : D[C], te = x === Q ? -D[C] : -E[C], pe = t.elements.arrow, J = l && pe ? $e(pe) : {
         width: 0,
         height: 0
-      }, F = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : nt(), re = F[X], ve = F[z], Y = ae(0, E[C], J[C]), we = O ? E[C] / 2 - pe - Y - re - A.mainAxis : be - Y - re - A.mainAxis, ft = O ? -E[C] / 2 + pe + Y + ve + A.mainAxis : te + Y + ve + A.mainAxis, xe = t.elements.arrow && ce(t.elements.arrow), ct = xe ? v === "y" ? xe.clientTop || 0 : xe.clientLeft || 0 : 0, Te = (j = B == null ? void 0 : B[v]) != null ? j : 0, ut = W + we - Te - ct, pt = W + ft - Te, Se = ae(p ? ye(ue, ut) : ue, W, p ? G(I, pt) : I);
+      }, F = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : nt(), re = F[z], ve = F[X], Y = ae(0, E[C], J[C]), we = O ? E[C] / 2 - le - Y - re - A.mainAxis : be - Y - re - A.mainAxis, ft = O ? -E[C] / 2 + le + Y + ve + A.mainAxis : te + Y + ve + A.mainAxis, xe = t.elements.arrow && ce(t.elements.arrow), ct = xe ? v === "y" ? xe.clientTop || 0 : xe.clientLeft || 0 : 0, Te = (j = B == null ? void 0 : B[v]) != null ? j : 0, ut = W + we - Te - ct, lt = W + ft - Te, Se = ae(l ? ye(ue, ut) : ue, W, l ? G(I, lt) : I);
       b[v] = Se, M[v] = Se - W;
     }
     if (s) {
-      var Me, lt = v === "x" ? $ : k, vt = v === "x" ? T : S, U = b[g], de = g === "y" ? "height" : "width", We = U + l[lt], He = U - l[vt], Oe = [$, k].indexOf(w) !== -1, Ve = (Me = B == null ? void 0 : B[g]) != null ? Me : 0, Ne = Oe ? We : U - E[de] - D[de] - Ve + A.altAxis, Fe = Oe ? U + E[de] + D[de] - Ve - A.altAxis : He, qe = p && Oe ? Rt(Ne, U, Fe) : ae(p ? Ne : We, U, p ? Fe : He);
+      var Me, pt = v === "x" ? $ : k, vt = v === "x" ? T : S, U = b[g], de = g === "y" ? "height" : "width", We = U + p[pt], He = U - p[vt], Oe = [$, k].indexOf(w) !== -1, Ve = (Me = B == null ? void 0 : B[g]) != null ? Me : 0, Ne = Oe ? We : U - E[de] - D[de] - Ve + A.altAxis, Fe = Oe ? U + E[de] + D[de] - Ve - A.altAxis : He, qe = l && Oe ? Rt(Ne, U, Fe) : ae(l ? Ne : We, U, l ? Fe : He);
       b[g] = qe, M[g] = qe - U;
     }
     t.modifiersData[n] = M;
@@ -711,14 +711,14 @@ const ur = {
   fn: cr,
   requiresIfExists: ["offset"]
 };
-function pr(e) {
+function lr(e) {
   return {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   };
 }
-function lr(e) {
-  return e === L(e) || !R(e) ? Ce(e) : pr(e);
+function pr(e) {
+  return e === L(e) || !R(e) ? Ce(e) : lr(e);
 }
 function vr(e) {
   var t = e.getBoundingClientRect(), r = Z(t.width) / e.offsetWidth || 1, n = Z(t.height) / e.offsetHeight || 1;
@@ -734,7 +734,7 @@ function dr(e, t, r) {
     y: 0
   };
   return (n || !n && !r) && ((V(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  Re(o)) && (s = lr(t)), R(t) ? (i = _(t, !0), i.x += t.clientLeft, i.y += t.clientTop) : o && (i.x = Le(o))), {
+  Re(o)) && (s = pr(t)), R(t) ? (i = _(t, !0), i.x += t.clientLeft, i.y += t.clientTop) : o && (i.x = Le(o))), {
     x: c.left + s.scrollLeft - i.x,
     y: c.top + s.scrollTop - i.y,
     width: c.width,
@@ -818,7 +818,7 @@ function br(e) {
       },
       attributes: {},
       styles: {}
-    }, d = [], h = !1, p = {
+    }, d = [], h = !1, l = {
       state: f,
       setOptions: function(w) {
         var x = typeof w == "function" ? w(f.options) : w;
@@ -829,7 +829,7 @@ function br(e) {
         var O = hr(gr([].concat(n, f.options.modifiers)));
         return f.orderedModifiers = O.filter(function(v) {
           return v.enabled;
-        }), y(), p.update();
+        }), y(), l.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
       // is useful for low frequency updates where sync behavior simplifies the
@@ -856,7 +856,7 @@ function br(e) {
                 state: f,
                 options: D,
                 name: P,
-                instance: p
+                instance: l
               }) || f);
             }
           }
@@ -865,8 +865,8 @@ function br(e) {
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
       update: yr(function() {
-        return new Promise(function(l) {
-          p.forceUpdate(), l(f);
+        return new Promise(function(p) {
+          l.forceUpdate(), p(f);
         });
       }),
       destroy: function() {
@@ -874,18 +874,18 @@ function br(e) {
       }
     };
     if (!Ze(s, i))
-      return p;
-    p.setOptions(u).then(function(l) {
-      !h && u.onFirstUpdate && u.onFirstUpdate(l);
+      return l;
+    l.setOptions(u).then(function(p) {
+      !h && u.onFirstUpdate && u.onFirstUpdate(p);
     });
     function y() {
-      f.orderedModifiers.forEach(function(l) {
-        var w = l.name, x = l.options, O = x === void 0 ? {} : x, v = l.effect;
+      f.orderedModifiers.forEach(function(p) {
+        var w = p.name, x = p.options, O = x === void 0 ? {} : x, v = p.effect;
         if (typeof v == "function") {
           var g = v({
             state: f,
             name: w,
-            instance: p,
+            instance: l,
             options: O
           }), b = function() {
           };
@@ -894,14 +894,14 @@ function br(e) {
       });
     }
     function m() {
-      d.forEach(function(l) {
-        return l();
+      d.forEach(function(p) {
+        return p();
       }), d = [];
     }
-    return p;
+    return l;
   };
 }
-var wr = [Xt, sr, Ft, kt, or, er, ur, Wt, rr], xr = /* @__PURE__ */ br({
+var wr = [zt, sr, Ft, kt, or, er, ur, Wt, rr], xr = /* @__PURE__ */ br({
   defaultModifiers: wr
 });
 const Dr = ({
@@ -947,7 +947,7 @@ const Dr = ({
         ...c,
         modifiers: [
           ...(c == null ? void 0 : c.modifiers) ?? [],
-          Xe(o),
+          ze(o),
           { name: "eventListeners", enabled: !0 }
         ]
       }), f.current = new ResizeObserver(() => {
@@ -955,8 +955,8 @@ const Dr = ({
       }), f.current.observe(h), f.current.observe(d), requestAnimationFrame(() => {
         u.current && u.current.update();
       }), () => {
-        var p, y;
-        f.current && f.current.disconnect(), f.current = null, u.current && ((y = (p = u.current).destroy) == null || y.call(p)), u.current = null;
+        var l, y;
+        f.current && f.current.disconnect(), f.current = null, u.current && ((y = (l = u.current).destroy) == null || y.call(l)), u.current = null;
       };
   }, [n, e, o, c]), Ae(() => {
     n && u.current && (u.current.setOptions((d) => ({
@@ -964,7 +964,7 @@ const Dr = ({
       ...c,
       modifiers: [
         ...(c == null ? void 0 : c.modifiers) ?? [],
-        Xe(o),
+        ze(o),
         { name: "eventListeners", enabled: !0 }
       ]
     })), u.current.update());
@@ -972,10 +972,10 @@ const Dr = ({
     if (!n)
       return;
     const d = () => {
-      const y = (e == null ? void 0 : e.current) ?? null, m = s.map((l) => (l == null ? void 0 : l.current) ?? null).filter(Boolean);
+      const y = (e == null ? void 0 : e.current) ?? null, m = s.map((p) => (p == null ? void 0 : p.current) ?? null).filter(Boolean);
       return { base: y, extras: m };
     }, h = (y) => {
-      const m = y.target, l = i.current, { base: w, extras: x } = d(), O = !!(l && l.contains(m)), v = !!(w && w.contains(m));
+      const m = y.target, p = i.current, { base: w, extras: x } = d(), O = !!(p && p.contains(m)), v = !!(w && w.contains(m));
       let g = !1;
       for (const b of x)
         if (b.contains(m)) {
@@ -983,11 +983,11 @@ const Dr = ({
           break;
         }
       !O && !v && !g && a(!1);
-    }, p = (y) => {
+    }, l = (y) => {
       y.key === "Escape" && a(!1);
     };
-    return document.addEventListener("mousedown", h), document.addEventListener("keydown", p), () => {
-      document.removeEventListener("mousedown", h), document.removeEventListener("keydown", p);
+    return document.addEventListener("mousedown", h), document.addEventListener("keydown", l), () => {
+      document.removeEventListener("mousedown", h), document.removeEventListener("keydown", l);
     };
   }, [n, a, e, s]), n ? /* @__PURE__ */ dt(
     "div",
@@ -995,7 +995,10 @@ const Dr = ({
       ref: i,
       "aria-label": "popover",
       role: "dialog",
-      className: mt("gi-popover", r),
+      className: mt(
+        "gi-overflow-y-auto gi-bg-color-surface-system-neutral-layer1 gi-z-[1000] gi-rounded-sm gi-border-[1px] gi-border-color-border-system-neutral-muted [width:inherit]",
+        r
+      ),
       children: t
     }
   ) : null;

package/dist/score-select/score-select.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsxs as a, jsx as s, Fragment as F } from "react/jsx-runtime";
+import { jsxs as a, jsx as u, Fragment as F } from "react/jsx-runtime";
 import { useId as G } from "react";
 import { ButtonGroup as j, ButtonGroupItem as w } from "../button-group/button-group.js";
 import { cn as o } from "../cn.js";
 import { FormField as O, FormFieldLabel as V, FormFieldHint as E } from "../forms/form-field/form-field.js";
 import { useBreakpoint as H, Breakpoint as $ } from "../hooks/use-breakpoint.js";
-const K = ({
-  name: B,
-  size: x = "medium",
+const J = ({
+  name: x,
+  size: B = "medium",
   orientation: t = "horizontal",
   wrapInMobile: I = !0,
   value: m,
@@ -18,7 +18,7 @@ const K = ({
   onChange: v,
   type: f
 }) => {
-  const h = G(), b = `${h}-label`, n = d ? `${h}-hint` : void 0, { breakpoint: p } = H(), g = p === $.ExtraSmall || p === $.Small;
+  const p = G(), b = `${p}-label`, n = d ? `${p}-hint` : void 0, { breakpoint: h } = H(), g = h === $.ExtraSmall || h === $.Small;
   let l = [];
   switch (f) {
     case "1-5": {
@@ -60,9 +60,9 @@ const K = ({
       break;
     }
   }
-  const u = t === "vertical" || g && !I, y = () => u ? "gi-score-select-button-group-vertical" : "gi-score-select-button-group-horizontal", z = () => {
+  const s = t === "vertical" || g && !I, y = () => s ? "gi-score-select-button-group-vertical" : "gi-score-select-button-group-horizontal", z = () => {
     var e, r;
-    return i && c && l.length > 2 && t === "horizontal" && !u && /* @__PURE__ */ a(
+    return i && c && l.length > 2 && t === "horizontal" && !s && /* @__PURE__ */ a(
       "div",
       {
         className: o("gi-score-select-labels-responsive"),
@@ -83,11 +83,11 @@ const K = ({
     );
   }, S = () => {
     var e, r;
-    return (i || c) && /* @__PURE__ */ s(
+    return (i || c) && /* @__PURE__ */ u(
       "div",
       {
         className: o("gi-score-select-labels", {
-          "gi-score-select-labels-vertical": u
+          "gi-score-select-labels-vertical": s
         }),
         "aria-hidden": "true",
         children: t === "horizontal" && g ? /* @__PURE__ */ a(F, { children: [
@@ -102,15 +102,15 @@ const K = ({
             c
           ] })
         ] }) : /* @__PURE__ */ a(F, { children: [
-          /* @__PURE__ */ s("div", { children: i }),
-          /* @__PURE__ */ s("div", { children: c })
+          /* @__PURE__ */ u("div", { children: i }),
+          /* @__PURE__ */ u("div", { children: c })
         ] })
       }
     );
   };
   return /* @__PURE__ */ a(O, { className: "gi-w-full", children: [
-    /* @__PURE__ */ s(V, { id: b, children: N }),
-    d && /* @__PURE__ */ s(E, { id: n, children: d }),
+    /* @__PURE__ */ u(V, { id: b, children: N }),
+    d && /* @__PURE__ */ u(E, { id: n, children: d }),
     /* @__PURE__ */ a(
       "div",
       {
@@ -120,22 +120,22 @@ const K = ({
         "aria-describedby": n,
         children: [
           z(),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ u(
             j,
             {
-              name: B,
-              size: x,
+              name: x,
+              size: B,
               defaultValue: m,
               onChange: (e) => v == null ? void 0 : v(e),
               role: "radiogroup",
               "aria-labelledby": b,
               "aria-describedby": n,
-              className: o({
-                "gi-flex-col gi-items-start": u
+              className: o("[&_button]:gi-px-0", {
+                "gi-flex-col gi-items-start": s
               }),
               children: l.map((e) => {
                 var r, k;
-                return /* @__PURE__ */ s(
+                return /* @__PURE__ */ u(
                   w,
                   {
                     value: e.value,
@@ -156,5 +156,5 @@ const K = ({
   ] });
 };
 export {
-  K as ScoreSelect
+  J as ScoreSelect
 };