@govbr-ds/webcomponents 2.0.0-next.42 → 2.0.0-next.43

package/dist/components/br-tooltip.js

@@ -0,0 +1,2144 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+import { p as r, H as a, d as o, h as t, c as i } from "./p-BBbnZnbw.js";
+
+import { H as n } from "./p-BRKK5nMe.js";
+
+import { d as e } from "./p-Dxc2AzjS.js";
+
+import { d as g } from "./p-vi3ehOfu.js";
+
+/**
+ * Custom positioning reference element.
+ * @see https://floating-ui.com/docs/virtual-elements
+ */ const v = [ "top", "right", "bottom", "left" ];
+
+const d = Math.min;
+
+const c = Math.max;
+
+const b = Math.round;
+
+const l = Math.floor;
+
+const createCoords = r => ({
+  x: r,
+  y: r
+});
+
+const u = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+
+const m = {
+  start: "end",
+  end: "start"
+};
+
+function clamp(r, a, o) {
+  return c(r, d(a, o));
+}
+
+function evaluate(r, a) {
+  return typeof r === "function" ? r(a) : r;
+}
+
+function getSide(r) {
+  return r.split("-")[0];
+}
+
+function getAlignment(r) {
+  return r.split("-")[1];
+}
+
+function getOppositeAxis(r) {
+  return r === "x" ? "y" : "x";
+}
+
+function getAxisLength(r) {
+  return r === "y" ? "height" : "width";
+}
+
+function getSideAxis(r) {
+  return [ "top", "bottom" ].includes(getSide(r)) ? "y" : "x";
+}
+
+function getAlignmentAxis(r) {
+  return getOppositeAxis(getSideAxis(r));
+}
+
+function getAlignmentSides(r, a, o) {
+  if (o === void 0) {
+    o = false;
+  }
+  const t = getAlignment(r);
+  const i = getAlignmentAxis(r);
+  const n = getAxisLength(i);
+  let e = i === "x" ? t === (o ? "end" : "start") ? "right" : "left" : t === "start" ? "bottom" : "top";
+  if (a.reference[n] > a.floating[n]) {
+    e = getOppositePlacement(e);
+  }
+  return [ e, getOppositePlacement(e) ];
+}
+
+function getExpandedPlacements(r) {
+  const a = getOppositePlacement(r);
+  return [ getOppositeAlignmentPlacement(r), a, getOppositeAlignmentPlacement(a) ];
+}
+
+function getOppositeAlignmentPlacement(r) {
+  return r.replace(/start|end/g, (r => m[r]));
+}
+
+function getSideList(r, a, o) {
+  const t = [ "left", "right" ];
+  const i = [ "right", "left" ];
+  const n = [ "top", "bottom" ];
+  const e = [ "bottom", "top" ];
+  switch (r) {
+   case "top":
+   case "bottom":
+    if (o) return a ? i : t;
+    return a ? t : i;
+
+   case "left":
+   case "right":
+    return a ? n : e;
+
+   default:
+    return [];
+  }
+}
+
+function getOppositeAxisPlacements(r, a, o, t) {
+  const i = getAlignment(r);
+  let n = getSideList(getSide(r), o === "start", t);
+  if (i) {
+    n = n.map((r => r + "-" + i));
+    if (a) {
+      n = n.concat(n.map(getOppositeAlignmentPlacement));
+    }
+  }
+  return n;
+}
+
+function getOppositePlacement(r) {
+  return r.replace(/left|right|bottom|top/g, (r => u[r]));
+}
+
+function expandPaddingObject(r) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...r
+  };
+}
+
+function getPaddingObject(r) {
+  return typeof r !== "number" ? expandPaddingObject(r) : {
+    top: r,
+    right: r,
+    bottom: r,
+    left: r
+  };
+}
+
+function rectToClientRect(r) {
+  const {x: a, y: o, width: t, height: i} = r;
+  return {
+    width: t,
+    height: i,
+    top: o,
+    left: a,
+    right: a + t,
+    bottom: o + i,
+    x: a,
+    y: o
+  };
+}
+
+function computeCoordsFromPlacement(r, a, o) {
+  let {reference: t, floating: i} = r;
+  const n = getSideAxis(a);
+  const e = getAlignmentAxis(a);
+  const g = getAxisLength(e);
+  const v = getSide(a);
+  const d = n === "y";
+  const c = t.x + t.width / 2 - i.width / 2;
+  const b = t.y + t.height / 2 - i.height / 2;
+  const l = t[g] / 2 - i[g] / 2;
+  let u;
+  switch (v) {
+   case "top":
+    u = {
+      x: c,
+      y: t.y - i.height
+    };
+    break;
+
+   case "bottom":
+    u = {
+      x: c,
+      y: t.y + t.height
+    };
+    break;
+
+   case "right":
+    u = {
+      x: t.x + t.width,
+      y: b
+    };
+    break;
+
+   case "left":
+    u = {
+      x: t.x - i.width,
+      y: b
+    };
+    break;
+
+   default:
+    u = {
+      x: t.x,
+      y: t.y
+    };
+  }
+  switch (getAlignment(a)) {
+   case "start":
+    u[e] -= l * (o && d ? -1 : 1);
+    break;
+
+   case "end":
+    u[e] += l * (o && d ? -1 : 1);
+    break;
+  }
+  return u;
+}
+
+/**
+ * Computes the `x` and `y` coordinates that will place the floating element
+ * next to a given reference element.
+ *
+ * This export does not have any `platform` interface logic. You will need to
+ * write one for the platform you are using Floating UI with.
+ */ const computePosition$1 = async (r, a, o) => {
+  const {placement: t = "bottom", strategy: i = "absolute", middleware: n = [], platform: e} = o;
+  const g = n.filter(Boolean);
+  const v = await (e.isRTL == null ? void 0 : e.isRTL(a));
+  let d = await e.getElementRects({
+    reference: r,
+    floating: a,
+    strategy: i
+  });
+  let {x: c, y: b} = computeCoordsFromPlacement(d, t, v);
+  let l = t;
+  let u = {};
+  let m = 0;
+  for (let o = 0; o < g.length; o++) {
+    const {name: n, fn: s} = g[o];
+    const {x: k, y: p, data: f, reset: w} = await s({
+      x: c,
+      y: b,
+      initialPlacement: t,
+      placement: l,
+      strategy: i,
+      middlewareData: u,
+      rects: d,
+      platform: e,
+      elements: {
+        reference: r,
+        floating: a
+      }
+    });
+    c = k != null ? k : c;
+    b = p != null ? p : b;
+    u = {
+      ...u,
+      [n]: {
+        ...u[n],
+        ...f
+      }
+    };
+    if (w && m <= 50) {
+      m++;
+      if (typeof w === "object") {
+        if (w.placement) {
+          l = w.placement;
+        }
+        if (w.rects) {
+          d = w.rects === true ? await e.getElementRects({
+            reference: r,
+            floating: a,
+            strategy: i
+          }) : w.rects;
+        }
+        ({x: c, y: b} = computeCoordsFromPlacement(d, l, v));
+      }
+      o = -1;
+    }
+  }
+  return {
+    x: c,
+    y: b,
+    placement: l,
+    strategy: i,
+    middlewareData: u
+  };
+};
+
+/**
+ * Resolves with an object of overflow side offsets that determine how much the
+ * element is overflowing a given clipping boundary on each side.
+ * - positive = overflowing the boundary by that number of pixels
+ * - negative = how many pixels left before it will overflow
+ * - 0 = lies flush with the boundary
+ * @see https://floating-ui.com/docs/detectOverflow
+ */ async function detectOverflow(r, a) {
+  var o;
+  if (a === void 0) {
+    a = {};
+  }
+  const {x: t, y: i, platform: n, rects: e, elements: g, strategy: v} = r;
+  const {boundary: d = "clippingAncestors", rootBoundary: c = "viewport", elementContext: b = "floating", altBoundary: l = false, padding: u = 0} = evaluate(a, r);
+  const m = getPaddingObject(u);
+  const s = b === "floating" ? "reference" : "floating";
+  const k = g[l ? s : b];
+  const p = rectToClientRect(await n.getClippingRect({
+    element: ((o = await (n.isElement == null ? void 0 : n.isElement(k))) != null ? o : true) ? k : k.contextElement || await (n.getDocumentElement == null ? void 0 : n.getDocumentElement(g.floating)),
+    boundary: d,
+    rootBoundary: c,
+    strategy: v
+  }));
+  const f = b === "floating" ? {
+    x: t,
+    y: i,
+    width: e.floating.width,
+    height: e.floating.height
+  } : e.reference;
+  const w = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(g.floating));
+  const h = await (n.isElement == null ? void 0 : n.isElement(w)) ? await (n.getScale == null ? void 0 : n.getScale(w)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  };
+  const y = rectToClientRect(n.convertOffsetParentRelativeRectToViewportRelativeRect ? await n.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: g,
+    rect: f,
+    offsetParent: w,
+    strategy: v
+  }) : f);
+  return {
+    top: (p.top - y.top + m.top) / h.y,
+    bottom: (y.bottom - p.bottom + m.bottom) / h.y,
+    left: (p.left - y.left + m.left) / h.x,
+    right: (y.right - p.right + m.right) / h.x
+  };
+}
+
+/**
+ * Provides data to position an inner element of the floating element so that it
+ * appears centered to the reference element.
+ * @see https://floating-ui.com/docs/arrow
+ */ const arrow$1 = r => ({
+  name: "arrow",
+  options: r,
+  async fn(a) {
+    const {x: o, y: t, placement: i, rects: n, platform: e, elements: g, middlewareData: v} = a;
+    // Since `element` is required, we don't Partial<> the type.
+        const {element: c, padding: b = 0} = evaluate(r, a) || {};
+    if (c == null) {
+      return {};
+    }
+    const l = getPaddingObject(b);
+    const u = {
+      x: o,
+      y: t
+    };
+    const m = getAlignmentAxis(i);
+    const s = getAxisLength(m);
+    const k = await e.getDimensions(c);
+    const p = m === "y";
+    const f = p ? "top" : "left";
+    const w = p ? "bottom" : "right";
+    const h = p ? "clientHeight" : "clientWidth";
+    const y = n.reference[s] + n.reference[m] - u[m] - n.floating[s];
+    const x = u[m] - n.reference[m];
+    const A = await (e.getOffsetParent == null ? void 0 : e.getOffsetParent(c));
+    let O = A ? A[h] : 0;
+    // DOM platform can return `window` as the `offsetParent`.
+        if (!O || !await (e.isElement == null ? void 0 : e.isElement(A))) {
+      O = g.floating[h] || n.floating[s];
+    }
+    const C = y / 2 - x / 2;
+    // If the padding is large enough that it causes the arrow to no longer be
+    // centered, modify the padding so that it is centered.
+        const S = O / 2 - k[s] / 2 - 1;
+    const E = d(l[f], S);
+    const T = d(l[w], S);
+    // Make sure the arrow doesn't overflow the floating element if the center
+    // point is outside the floating element's bounds.
+        const z = E;
+    const P = O - k[s] - T;
+    const R = O / 2 - k[s] / 2 + C;
+    const L = clamp(z, R, P);
+    // If the reference is small enough that the arrow's padding causes it to
+    // to point to nothing for an aligned placement, adjust the offset of the
+    // floating element itself. To ensure `shift()` continues to take action,
+    // a single reset is performed when this is true.
+        const N = !v.arrow && getAlignment(i) != null && R !== L && n.reference[s] / 2 - (R < z ? E : T) - k[s] / 2 < 0;
+    const D = N ? R < z ? R - z : R - P : 0;
+    return {
+      [m]: u[m] + D,
+      data: {
+        [m]: L,
+        centerOffset: R - L - D,
+        ...N && {
+          alignmentOffset: D
+        }
+      },
+      reset: N
+    };
+  }
+})
+/**
+ * Optimizes the visibility of the floating element by flipping the `placement`
+ * in order to keep it in view when the preferred placement(s) will overflow the
+ * clipping boundary. Alternative to `autoPlacement`.
+ * @see https://floating-ui.com/docs/flip
+ */;
+
+const flip$1 = function(r) {
+  if (r === void 0) {
+    r = {};
+  }
+  return {
+    name: "flip",
+    options: r,
+    async fn(a) {
+      var o, t;
+      const {placement: i, middlewareData: n, rects: e, initialPlacement: g, platform: v, elements: d} = a;
+      const {mainAxis: c = true, crossAxis: b = true, fallbackPlacements: l, fallbackStrategy: u = "bestFit", fallbackAxisSideDirection: m = "none", flipAlignment: s = true, ...k} = evaluate(r, a);
+      // If a reset by the arrow was caused due to an alignment offset being
+      // added, we should skip any logic now since `flip()` has already done its
+      // work.
+      // https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643
+            if ((o = n.arrow) != null && o.alignmentOffset) {
+        return {};
+      }
+      const p = getSide(i);
+      const f = getSideAxis(g);
+      const w = getSide(g) === g;
+      const h = await (v.isRTL == null ? void 0 : v.isRTL(d.floating));
+      const y = l || (w || !s ? [ getOppositePlacement(g) ] : getExpandedPlacements(g));
+      const x = m !== "none";
+      if (!l && x) {
+        y.push(...getOppositeAxisPlacements(g, s, m, h));
+      }
+      const A = [ g, ...y ];
+      const O = await detectOverflow(a, k);
+      const C = [];
+      let S = ((t = n.flip) == null ? void 0 : t.overflows) || [];
+      if (c) {
+        C.push(O[p]);
+      }
+      if (b) {
+        const r = getAlignmentSides(i, e, h);
+        C.push(O[r[0]], O[r[1]]);
+      }
+      S = [ ...S, {
+        placement: i,
+        overflows: C
+      } ];
+      // One or more sides is overflowing.
+            if (!C.every((r => r <= 0))) {
+        var E, T;
+        const r = (((E = n.flip) == null ? void 0 : E.index) || 0) + 1;
+        const a = A[r];
+        if (a) {
+          const o = b === "alignment" ? f !== getSideAxis(a) : false;
+          if (!o || 
+          // We leave the current main axis only if every placement on that axis
+          // overflows the main axis.
+          S.every((r => r.overflows[0] > 0 && getSideAxis(r.placement) === f))) {
+            // Try next placement and re-run the lifecycle.
+            return {
+              data: {
+                index: r,
+                overflows: S
+              },
+              reset: {
+                placement: a
+              }
+            };
+          }
+        }
+        // First, find the candidates that fit on the mainAxis side of overflow,
+        // then find the placement that fits the best on the main crossAxis side.
+                let o = (T = S.filter((r => r.overflows[0] <= 0)).sort(((r, a) => r.overflows[1] - a.overflows[1]))[0]) == null ? void 0 : T.placement;
+        // Otherwise fallback.
+                if (!o) {
+          switch (u) {
+           case "bestFit":
+            {
+              var z;
+              const r = (z = S.filter((r => {
+                if (x) {
+                  const a = getSideAxis(r.placement);
+                  return a === f || 
+                  // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  a === "y";
+                }
+                return true;
+              })).map((r => [ r.placement, r.overflows.filter((r => r > 0)).reduce(((r, a) => r + a), 0) ])).sort(((r, a) => r[1] - a[1]))[0]) == null ? void 0 : z[0];
+              if (r) {
+                o = r;
+              }
+              break;
+            }
+
+           case "initialPlacement":
+            o = g;
+            break;
+          }
+        }
+        if (i !== o) {
+          return {
+            reset: {
+              placement: o
+            }
+          };
+        }
+      }
+      return {};
+    }
+  };
+};
+
+function getSideOffsets(r, a) {
+  return {
+    top: r.top - a.height,
+    right: r.right - a.width,
+    bottom: r.bottom - a.height,
+    left: r.left - a.width
+  };
+}
+
+function isAnySideFullyClipped(r) {
+  return v.some((a => r[a] >= 0));
+}
+
+/**
+ * Provides data to hide the floating element in applicable situations, such as
+ * when it is not in the same clipping context as the reference element.
+ * @see https://floating-ui.com/docs/hide
+ */ const hide$1 = function(r) {
+  if (r === void 0) {
+    r = {};
+  }
+  return {
+    name: "hide",
+    options: r,
+    async fn(a) {
+      const {rects: o} = a;
+      const {strategy: t = "referenceHidden", ...i} = evaluate(r, a);
+      switch (t) {
+       case "referenceHidden":
+        {
+          const r = await detectOverflow(a, {
+            ...i,
+            elementContext: "reference"
+          });
+          const t = getSideOffsets(r, o.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: t,
+              referenceHidden: isAnySideFullyClipped(t)
+            }
+          };
+        }
+
+       case "escaped":
+        {
+          const r = await detectOverflow(a, {
+            ...i,
+            altBoundary: true
+          });
+          const t = getSideOffsets(r, o.floating);
+          return {
+            data: {
+              escapedOffsets: t,
+              escaped: isAnySideFullyClipped(t)
+            }
+          };
+        }
+
+       default:
+        {
+          return {};
+        }
+      }
+    }
+  };
+};
+
+// For type backwards-compatibility, the `OffsetOptions` type was also
+// Derivable.
+async function convertValueToCoords(r, a) {
+  const {placement: o, platform: t, elements: i} = r;
+  const n = await (t.isRTL == null ? void 0 : t.isRTL(i.floating));
+  const e = getSide(o);
+  const g = getAlignment(o);
+  const v = getSideAxis(o) === "y";
+  const d = [ "left", "top" ].includes(e) ? -1 : 1;
+  const c = n && v ? -1 : 1;
+  const b = evaluate(a, r);
+  // eslint-disable-next-line prefer-const
+    let {mainAxis: l, crossAxis: u, alignmentAxis: m} = typeof b === "number" ? {
+    mainAxis: b,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: b.mainAxis || 0,
+    crossAxis: b.crossAxis || 0,
+    alignmentAxis: b.alignmentAxis
+  };
+  if (g && typeof m === "number") {
+    u = g === "end" ? m * -1 : m;
+  }
+  return v ? {
+    x: u * c,
+    y: l * d
+  } : {
+    x: l * d,
+    y: u * c
+  };
+}
+
+/**
+ * Modifies the placement by translating the floating element along the
+ * specified axes.
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
+ * object may be passed.
+ * @see https://floating-ui.com/docs/offset
+ */ const offset$1 = function(r) {
+  if (r === void 0) {
+    r = 0;
+  }
+  return {
+    name: "offset",
+    options: r,
+    async fn(a) {
+      var o, t;
+      const {x: i, y: n, placement: e, middlewareData: g} = a;
+      const v = await convertValueToCoords(a, r);
+      // If the placement is the same and the arrow caused an alignment offset
+      // then we don't need to change the positioning coordinates.
+            if (e === ((o = g.offset) == null ? void 0 : o.placement) && (t = g.arrow) != null && t.alignmentOffset) {
+        return {};
+      }
+      return {
+        x: i + v.x,
+        y: n + v.y,
+        data: {
+          ...v,
+          placement: e
+        }
+      };
+    }
+  };
+};
+
+/**
+ * Optimizes the visibility of the floating element by shifting it in order to
+ * keep it in view when it will overflow the clipping boundary.
+ * @see https://floating-ui.com/docs/shift
+ */ const shift$1 = function(r) {
+  if (r === void 0) {
+    r = {};
+  }
+  return {
+    name: "shift",
+    options: r,
+    async fn(a) {
+      const {x: o, y: t, placement: i} = a;
+      const {mainAxis: n = true, crossAxis: e = false, limiter: g = {
+        fn: r => {
+          let {x: a, y: o} = r;
+          return {
+            x: a,
+            y: o
+          };
+        }
+      }, ...v} = evaluate(r, a);
+      const d = {
+        x: o,
+        y: t
+      };
+      const c = await detectOverflow(a, v);
+      const b = getSideAxis(getSide(i));
+      const l = getOppositeAxis(b);
+      let u = d[l];
+      let m = d[b];
+      if (n) {
+        const r = l === "y" ? "top" : "left";
+        const a = l === "y" ? "bottom" : "right";
+        const o = u + c[r];
+        const t = u - c[a];
+        u = clamp(o, u, t);
+      }
+      if (e) {
+        const r = b === "y" ? "top" : "left";
+        const a = b === "y" ? "bottom" : "right";
+        const o = m + c[r];
+        const t = m - c[a];
+        m = clamp(o, m, t);
+      }
+      const s = g.fn({
+        ...a,
+        [l]: u,
+        [b]: m
+      });
+      return {
+        ...s,
+        data: {
+          x: s.x - o,
+          y: s.y - t,
+          enabled: {
+            [l]: n,
+            [b]: e
+          }
+        }
+      };
+    }
+  };
+};
+
+function hasWindow() {
+  return typeof window !== "undefined";
+}
+
+function getNodeName(r) {
+  if (isNode(r)) {
+    return (r.nodeName || "").toLowerCase();
+  }
+  // Mocked nodes in testing environments may not be instances of Node. By
+  // returning `#document` an infinite loop won't occur.
+  // https://github.com/floating-ui/floating-ui/issues/2317
+    return "#document";
+}
+
+function getWindow(r) {
+  var a;
+  return (r == null || (a = r.ownerDocument) == null ? void 0 : a.defaultView) || window;
+}
+
+function getDocumentElement(r) {
+  var a;
+  return (a = (isNode(r) ? r.ownerDocument : r.document) || window.document) == null ? void 0 : a.documentElement;
+}
+
+function isNode(r) {
+  if (!hasWindow()) {
+    return false;
+  }
+  return r instanceof Node || r instanceof getWindow(r).Node;
+}
+
+function isElement(r) {
+  if (!hasWindow()) {
+    return false;
+  }
+  return r instanceof Element || r instanceof getWindow(r).Element;
+}
+
+function isHTMLElement(r) {
+  if (!hasWindow()) {
+    return false;
+  }
+  return r instanceof HTMLElement || r instanceof getWindow(r).HTMLElement;
+}
+
+function isShadowRoot(r) {
+  if (!hasWindow() || typeof ShadowRoot === "undefined") {
+    return false;
+  }
+  return r instanceof ShadowRoot || r instanceof getWindow(r).ShadowRoot;
+}
+
+function isOverflowElement(r) {
+  const {overflow: a, overflowX: o, overflowY: t, display: i} = getComputedStyle(r);
+  return /auto|scroll|overlay|hidden|clip/.test(a + t + o) && ![ "inline", "contents" ].includes(i);
+}
+
+function isTableElement(r) {
+  return [ "table", "td", "th" ].includes(getNodeName(r));
+}
+
+function isTopLayer(r) {
+  return [ ":popover-open", ":modal" ].some((a => {
+    try {
+      return r.matches(a);
+    } catch (r) {
+      return false;
+    }
+  }));
+}
+
+function isContainingBlock(r) {
+  const a = isWebKit();
+  const o = isElement(r) ? getComputedStyle(r) : r;
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
+  // https://drafts.csswg.org/css-transforms-2/#individual-transforms
+    return [ "transform", "translate", "scale", "rotate", "perspective" ].some((r => o[r] ? o[r] !== "none" : false)) || (o.containerType ? o.containerType !== "normal" : false) || !a && (o.backdropFilter ? o.backdropFilter !== "none" : false) || !a && (o.filter ? o.filter !== "none" : false) || [ "transform", "translate", "scale", "rotate", "perspective", "filter" ].some((r => (o.willChange || "").includes(r))) || [ "paint", "layout", "strict", "content" ].some((r => (o.contain || "").includes(r)));
+}
+
+function getContainingBlock(r) {
+  let a = getParentNode(r);
+  while (isHTMLElement(a) && !isLastTraversableNode(a)) {
+    if (isContainingBlock(a)) {
+      return a;
+    } else if (isTopLayer(a)) {
+      return null;
+    }
+    a = getParentNode(a);
+  }
+  return null;
+}
+
+function isWebKit() {
+  if (typeof CSS === "undefined" || !CSS.supports) return false;
+  return CSS.supports("-webkit-backdrop-filter", "none");
+}
+
+function isLastTraversableNode(r) {
+  return [ "html", "body", "#document" ].includes(getNodeName(r));
+}
+
+function getComputedStyle(r) {
+  return getWindow(r).getComputedStyle(r);
+}
+
+function getNodeScroll(r) {
+  if (isElement(r)) {
+    return {
+      scrollLeft: r.scrollLeft,
+      scrollTop: r.scrollTop
+    };
+  }
+  return {
+    scrollLeft: r.scrollX,
+    scrollTop: r.scrollY
+  };
+}
+
+function getParentNode(r) {
+  if (getNodeName(r) === "html") {
+    return r;
+  }
+  const a = 
+  // Step into the shadow DOM of the parent of a slotted node.
+  r.assignedSlot || 
+  // DOM Element detected.
+  r.parentNode || 
+  // ShadowRoot detected.
+  isShadowRoot(r) && r.host || 
+  // Fallback.
+  getDocumentElement(r);
+  return isShadowRoot(a) ? a.host : a;
+}
+
+function getNearestOverflowAncestor(r) {
+  const a = getParentNode(r);
+  if (isLastTraversableNode(a)) {
+    return r.ownerDocument ? r.ownerDocument.body : r.body;
+  }
+  if (isHTMLElement(a) && isOverflowElement(a)) {
+    return a;
+  }
+  return getNearestOverflowAncestor(a);
+}
+
+function getOverflowAncestors(r, a, o) {
+  var t;
+  if (a === void 0) {
+    a = [];
+  }
+  if (o === void 0) {
+    o = true;
+  }
+  const i = getNearestOverflowAncestor(r);
+  const n = i === ((t = r.ownerDocument) == null ? void 0 : t.body);
+  const e = getWindow(i);
+  if (n) {
+    const r = getFrameElement(e);
+    return a.concat(e, e.visualViewport || [], isOverflowElement(i) ? i : [], r && o ? getOverflowAncestors(r) : []);
+  }
+  return a.concat(i, getOverflowAncestors(i, [], o));
+}
+
+function getFrameElement(r) {
+  return r.parent && Object.getPrototypeOf(r.parent) ? r.frameElement : null;
+}
+
+function getCssDimensions(r) {
+  const a = getComputedStyle(r);
+  // In testing environments, the `width` and `height` properties are empty
+  // strings for SVG elements, returning NaN. Fallback to `0` in this case.
+    let o = parseFloat(a.width) || 0;
+  let t = parseFloat(a.height) || 0;
+  const i = isHTMLElement(r);
+  const n = i ? r.offsetWidth : o;
+  const e = i ? r.offsetHeight : t;
+  const g = b(o) !== n || b(t) !== e;
+  if (g) {
+    o = n;
+    t = e;
+  }
+  return {
+    width: o,
+    height: t,
+    $: g
+  };
+}
+
+function unwrapElement(r) {
+  return !isElement(r) ? r.contextElement : r;
+}
+
+function getScale(r) {
+  const a = unwrapElement(r);
+  if (!isHTMLElement(a)) {
+    return createCoords(1);
+  }
+  const o = a.getBoundingClientRect();
+  const {width: t, height: i, $: n} = getCssDimensions(a);
+  let e = (n ? b(o.width) : o.width) / t;
+  let g = (n ? b(o.height) : o.height) / i;
+  // 0, NaN, or Infinity should always fallback to 1.
+    if (!e || !Number.isFinite(e)) {
+    e = 1;
+  }
+  if (!g || !Number.isFinite(g)) {
+    g = 1;
+  }
+  return {
+    x: e,
+    y: g
+  };
+}
+
+const s =  createCoords(0);
+
+function getVisualOffsets(r) {
+  const a = getWindow(r);
+  if (!isWebKit() || !a.visualViewport) {
+    return s;
+  }
+  return {
+    x: a.visualViewport.offsetLeft,
+    y: a.visualViewport.offsetTop
+  };
+}
+
+function shouldAddVisualOffsets(r, a, o) {
+  if (a === void 0) {
+    a = false;
+  }
+  if (!o || a && o !== getWindow(r)) {
+    return false;
+  }
+  return a;
+}
+
+function getBoundingClientRect(r, a, o, t) {
+  if (a === void 0) {
+    a = false;
+  }
+  if (o === void 0) {
+    o = false;
+  }
+  const i = r.getBoundingClientRect();
+  const n = unwrapElement(r);
+  let e = createCoords(1);
+  if (a) {
+    if (t) {
+      if (isElement(t)) {
+        e = getScale(t);
+      }
+    } else {
+      e = getScale(r);
+    }
+  }
+  const g = shouldAddVisualOffsets(n, o, t) ? getVisualOffsets(n) : createCoords(0);
+  let v = (i.left + g.x) / e.x;
+  let d = (i.top + g.y) / e.y;
+  let c = i.width / e.x;
+  let b = i.height / e.y;
+  if (n) {
+    const r = getWindow(n);
+    const a = t && isElement(t) ? getWindow(t) : t;
+    let o = r;
+    let i = getFrameElement(o);
+    while (i && t && a !== o) {
+      const r = getScale(i);
+      const a = i.getBoundingClientRect();
+      const t = getComputedStyle(i);
+      const n = a.left + (i.clientLeft + parseFloat(t.paddingLeft)) * r.x;
+      const e = a.top + (i.clientTop + parseFloat(t.paddingTop)) * r.y;
+      v *= r.x;
+      d *= r.y;
+      c *= r.x;
+      b *= r.y;
+      v += n;
+      d += e;
+      o = getWindow(i);
+      i = getFrameElement(o);
+    }
+  }
+  return rectToClientRect({
+    width: c,
+    height: b,
+    x: v,
+    y: d
+  });
+}
+
+// If <html> has a CSS width greater than the viewport, then this will be
+// incorrect for RTL.
+function getWindowScrollBarX(r, a) {
+  const o = getNodeScroll(r).scrollLeft;
+  if (!a) {
+    return getBoundingClientRect(getDocumentElement(r)).left + o;
+  }
+  return a.left + o;
+}
+
+function getHTMLOffset(r, a, o) {
+  if (o === void 0) {
+    o = false;
+  }
+  const t = r.getBoundingClientRect();
+  const i = t.left + a.scrollLeft - (o ? 0 : 
+  // RTL <body> scrollbar.
+  getWindowScrollBarX(r, t));
+  const n = t.top + a.scrollTop;
+  return {
+    x: i,
+    y: n
+  };
+}
+
+function convertOffsetParentRelativeRectToViewportRelativeRect(r) {
+  let {elements: a, rect: o, offsetParent: t, strategy: i} = r;
+  const n = i === "fixed";
+  const e = getDocumentElement(t);
+  const g = a ? isTopLayer(a.floating) : false;
+  if (t === e || g && n) {
+    return o;
+  }
+  let v = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  let d = createCoords(1);
+  const c = createCoords(0);
+  const b = isHTMLElement(t);
+  if (b || !b && !n) {
+    if (getNodeName(t) !== "body" || isOverflowElement(e)) {
+      v = getNodeScroll(t);
+    }
+    if (isHTMLElement(t)) {
+      const r = getBoundingClientRect(t);
+      d = getScale(t);
+      c.x = r.x + t.clientLeft;
+      c.y = r.y + t.clientTop;
+    }
+  }
+  const l = e && !b && !n ? getHTMLOffset(e, v, true) : createCoords(0);
+  return {
+    width: o.width * d.x,
+    height: o.height * d.y,
+    x: o.x * d.x - v.scrollLeft * d.x + c.x + l.x,
+    y: o.y * d.y - v.scrollTop * d.y + c.y + l.y
+  };
+}
+
+function getClientRects(r) {
+  return Array.from(r.getClientRects());
+}
+
+// Gets the entire size of the scrollable document area, even extending outside
+// of the `<html>` and `<body>` rect bounds if horizontally scrollable.
+function getDocumentRect(r) {
+  const a = getDocumentElement(r);
+  const o = getNodeScroll(r);
+  const t = r.ownerDocument.body;
+  const i = c(a.scrollWidth, a.clientWidth, t.scrollWidth, t.clientWidth);
+  const n = c(a.scrollHeight, a.clientHeight, t.scrollHeight, t.clientHeight);
+  let e = -o.scrollLeft + getWindowScrollBarX(r);
+  const g = -o.scrollTop;
+  if (getComputedStyle(t).direction === "rtl") {
+    e += c(a.clientWidth, t.clientWidth) - i;
+  }
+  return {
+    width: i,
+    height: n,
+    x: e,
+    y: g
+  };
+}
+
+function getViewportRect(r, a) {
+  const o = getWindow(r);
+  const t = getDocumentElement(r);
+  const i = o.visualViewport;
+  let n = t.clientWidth;
+  let e = t.clientHeight;
+  let g = 0;
+  let v = 0;
+  if (i) {
+    n = i.width;
+    e = i.height;
+    const r = isWebKit();
+    if (!r || r && a === "fixed") {
+      g = i.offsetLeft;
+      v = i.offsetTop;
+    }
+  }
+  return {
+    width: n,
+    height: e,
+    x: g,
+    y: v
+  };
+}
+
+// Returns the inner client rect, subtracting scrollbars if present.
+function getInnerBoundingClientRect(r, a) {
+  const o = getBoundingClientRect(r, true, a === "fixed");
+  const t = o.top + r.clientTop;
+  const i = o.left + r.clientLeft;
+  const n = isHTMLElement(r) ? getScale(r) : createCoords(1);
+  const e = r.clientWidth * n.x;
+  const g = r.clientHeight * n.y;
+  const v = i * n.x;
+  const d = t * n.y;
+  return {
+    width: e,
+    height: g,
+    x: v,
+    y: d
+  };
+}
+
+function getClientRectFromClippingAncestor(r, a, o) {
+  let t;
+  if (a === "viewport") {
+    t = getViewportRect(r, o);
+  } else if (a === "document") {
+    t = getDocumentRect(getDocumentElement(r));
+  } else if (isElement(a)) {
+    t = getInnerBoundingClientRect(a, o);
+  } else {
+    const o = getVisualOffsets(r);
+    t = {
+      x: a.x - o.x,
+      y: a.y - o.y,
+      width: a.width,
+      height: a.height
+    };
+  }
+  return rectToClientRect(t);
+}
+
+function hasFixedPositionAncestor(r, a) {
+  const o = getParentNode(r);
+  if (o === a || !isElement(o) || isLastTraversableNode(o)) {
+    return false;
+  }
+  return getComputedStyle(o).position === "fixed" || hasFixedPositionAncestor(o, a);
+}
+
+// A "clipping ancestor" is an `overflow` element with the characteristic of
+// clipping (or hiding) child elements. This returns all clipping ancestors
+// of the given element up the tree.
+function getClippingElementAncestors(r, a) {
+  const o = a.get(r);
+  if (o) {
+    return o;
+  }
+  let t = getOverflowAncestors(r, [], false).filter((r => isElement(r) && getNodeName(r) !== "body"));
+  let i = null;
+  const n = getComputedStyle(r).position === "fixed";
+  let e = n ? getParentNode(r) : r;
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
+    while (isElement(e) && !isLastTraversableNode(e)) {
+    const a = getComputedStyle(e);
+    const o = isContainingBlock(e);
+    if (!o && a.position === "fixed") {
+      i = null;
+    }
+    const g = n ? !o && !i : !o && a.position === "static" && !!i && [ "absolute", "fixed" ].includes(i.position) || isOverflowElement(e) && !o && hasFixedPositionAncestor(r, e);
+    if (g) {
+      // Drop non-containing blocks.
+      t = t.filter((r => r !== e));
+    } else {
+      // Record last containing block for next iteration.
+      i = a;
+    }
+    e = getParentNode(e);
+  }
+  a.set(r, t);
+  return t;
+}
+
+// Gets the maximum area that the element is visible in due to any number of
+// clipping ancestors.
+function getClippingRect(r) {
+  let {element: a, boundary: o, rootBoundary: t, strategy: i} = r;
+  const n = o === "clippingAncestors" ? isTopLayer(a) ? [] : getClippingElementAncestors(a, this._c) : [].concat(o);
+  const e = [ ...n, t ];
+  const g = e[0];
+  const v = e.reduce(((r, o) => {
+    const t = getClientRectFromClippingAncestor(a, o, i);
+    r.top = c(t.top, r.top);
+    r.right = d(t.right, r.right);
+    r.bottom = d(t.bottom, r.bottom);
+    r.left = c(t.left, r.left);
+    return r;
+  }), getClientRectFromClippingAncestor(a, g, i));
+  return {
+    width: v.right - v.left,
+    height: v.bottom - v.top,
+    x: v.left,
+    y: v.top
+  };
+}
+
+function getDimensions(r) {
+  const {width: a, height: o} = getCssDimensions(r);
+  return {
+    width: a,
+    height: o
+  };
+}
+
+function getRectRelativeToOffsetParent(r, a, o) {
+  const t = isHTMLElement(a);
+  const i = getDocumentElement(a);
+  const n = o === "fixed";
+  const e = getBoundingClientRect(r, true, n, a);
+  let g = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const v = createCoords(0);
+  // If the <body> scrollbar appears on the left (e.g. RTL systems). Use
+  // Firefox with layout.scrollbar.side = 3 in about:config to test this.
+    function setLeftRTLScrollbarOffset() {
+    v.x = getWindowScrollBarX(i);
+  }
+  if (t || !t && !n) {
+    if (getNodeName(a) !== "body" || isOverflowElement(i)) {
+      g = getNodeScroll(a);
+    }
+    if (t) {
+      const r = getBoundingClientRect(a, true, n, a);
+      v.x = r.x + a.clientLeft;
+      v.y = r.y + a.clientTop;
+    } else if (i) {
+      setLeftRTLScrollbarOffset();
+    }
+  }
+  if (n && !t && i) {
+    setLeftRTLScrollbarOffset();
+  }
+  const d = i && !t && !n ? getHTMLOffset(i, g) : createCoords(0);
+  const c = e.left + g.scrollLeft - v.x - d.x;
+  const b = e.top + g.scrollTop - v.y - d.y;
+  return {
+    x: c,
+    y: b,
+    width: e.width,
+    height: e.height
+  };
+}
+
+function isStaticPositioned(r) {
+  return getComputedStyle(r).position === "static";
+}
+
+function getTrueOffsetParent(r, a) {
+  if (!isHTMLElement(r) || getComputedStyle(r).position === "fixed") {
+    return null;
+  }
+  if (a) {
+    return a(r);
+  }
+  let o = r.offsetParent;
+  // Firefox returns the <html> element as the offsetParent if it's non-static,
+  // while Chrome and Safari return the <body> element. The <body> element must
+  // be used to perform the correct calculations even if the <html> element is
+  // non-static.
+    if (getDocumentElement(r) === o) {
+    o = o.ownerDocument.body;
+  }
+  return o;
+}
+
+// Gets the closest ancestor positioned element. Handles some edge cases,
+// such as table ancestors and cross browser bugs.
+function getOffsetParent(r, a) {
+  const o = getWindow(r);
+  if (isTopLayer(r)) {
+    return o;
+  }
+  if (!isHTMLElement(r)) {
+    let a = getParentNode(r);
+    while (a && !isLastTraversableNode(a)) {
+      if (isElement(a) && !isStaticPositioned(a)) {
+        return a;
+      }
+      a = getParentNode(a);
+    }
+    return o;
+  }
+  let t = getTrueOffsetParent(r, a);
+  while (t && isTableElement(t) && isStaticPositioned(t)) {
+    t = getTrueOffsetParent(t, a);
+  }
+  if (t && isLastTraversableNode(t) && isStaticPositioned(t) && !isContainingBlock(t)) {
+    return o;
+  }
+  return t || getContainingBlock(r) || o;
+}
+
+const getElementRects = async function(r) {
+  const a = this.getOffsetParent || getOffsetParent;
+  const o = this.getDimensions;
+  const t = await o(r.floating);
+  return {
+    reference: getRectRelativeToOffsetParent(r.reference, await a(r.floating), r.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: t.width,
+      height: t.height
+    }
+  };
+};
+
+function isRTL(r) {
+  return getComputedStyle(r).direction === "rtl";
+}
+
+const k = {
+  convertOffsetParentRelativeRectToViewportRelativeRect,
+  getDocumentElement,
+  getClippingRect,
+  getOffsetParent,
+  getElementRects,
+  getClientRects,
+  getDimensions,
+  getScale,
+  isElement,
+  isRTL
+};
+
+function rectsAreEqual(r, a) {
+  return r.x === a.x && r.y === a.y && r.width === a.width && r.height === a.height;
+}
+
+// https://samthor.au/2021/observing-dom/
+function observeMove(r, a) {
+  let o = null;
+  let t;
+  const i = getDocumentElement(r);
+  function cleanup() {
+    var r;
+    clearTimeout(t);
+    (r = o) == null || r.disconnect();
+    o = null;
+  }
+  function refresh(n, e) {
+    if (n === void 0) {
+      n = false;
+    }
+    if (e === void 0) {
+      e = 1;
+    }
+    cleanup();
+    const g = r.getBoundingClientRect();
+    const {left: v, top: b, width: u, height: m} = g;
+    if (!n) {
+      a();
+    }
+    if (!u || !m) {
+      return;
+    }
+    const s = l(b);
+    const k = l(i.clientWidth - (v + u));
+    const p = l(i.clientHeight - (b + m));
+    const f = l(v);
+    const w = -s + "px " + -k + "px " + -p + "px " + -f + "px";
+    const h = {
+      rootMargin: w,
+      threshold: c(0, d(1, e)) || 1
+    };
+    let y = true;
+    function handleObserve(a) {
+      const o = a[0].intersectionRatio;
+      if (o !== e) {
+        if (!y) {
+          return refresh();
+        }
+        if (!o) {
+          // If the reference is clipped, the ratio is 0. Throttle the refresh
+          // to prevent an infinite loop of updates.
+          t = setTimeout((() => {
+            refresh(false, 1e-7);
+          }), 1e3);
+        } else {
+          refresh(false, o);
+        }
+      }
+      if (o === 1 && !rectsAreEqual(g, r.getBoundingClientRect())) {
+        // It's possible that even though the ratio is reported as 1, the
+        // element is not actually fully within the IntersectionObserver's root
+        // area anymore. This can happen under performance constraints. This may
+        // be a bug in the browser's IntersectionObserver implementation. To
+        // work around this, we compare the element's bounding rect now with
+        // what it was at the time we created the IntersectionObserver. If they
+        // are not equal then the element moved, so we refresh.
+        refresh();
+      }
+      y = false;
+    }
+    // Older browsers don't support a `document` as the root and will throw an
+    // error.
+        try {
+      o = new IntersectionObserver(handleObserve, {
+        ...h,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch (r) {
+      o = new IntersectionObserver(handleObserve, h);
+    }
+    o.observe(r);
+  }
+  refresh(true);
+  return cleanup;
+}
+
+/**
+ * Automatically updates the position of the floating element when necessary.
+ * Should only be called when the floating element is mounted on the DOM or
+ * visible on the screen.
+ * @returns cleanup function that should be invoked when the floating element is
+ * removed from the DOM or hidden from the screen.
+ * @see https://floating-ui.com/docs/autoUpdate
+ */ function autoUpdate(r, a, o, t) {
+  if (t === void 0) {
+    t = {};
+  }
+  const {ancestorScroll: i = true, ancestorResize: n = true, elementResize: e = typeof ResizeObserver === "function", layoutShift: g = typeof IntersectionObserver === "function", animationFrame: v = false} = t;
+  const d = unwrapElement(r);
+  const c = i || n ? [ ...d ? getOverflowAncestors(d) : [], ...getOverflowAncestors(a) ] : [];
+  c.forEach((r => {
+    i && r.addEventListener("scroll", o, {
+      passive: true
+    });
+    n && r.addEventListener("resize", o);
+  }));
+  const b = d && g ? observeMove(d, o) : null;
+  let l = -1;
+  let u = null;
+  if (e) {
+    u = new ResizeObserver((r => {
+      let [t] = r;
+      if (t && t.target === d && u) {
+        // Prevent update loops when using the `size` middleware.
+        // https://github.com/floating-ui/floating-ui/issues/1740
+        u.unobserve(a);
+        cancelAnimationFrame(l);
+        l = requestAnimationFrame((() => {
+          var r;
+          (r = u) == null || r.observe(a);
+        }));
+      }
+      o();
+    }));
+    if (d && !v) {
+      u.observe(d);
+    }
+    u.observe(a);
+  }
+  let m;
+  let s = v ? getBoundingClientRect(r) : null;
+  if (v) {
+    frameLoop();
+  }
+  function frameLoop() {
+    const a = getBoundingClientRect(r);
+    if (s && !rectsAreEqual(s, a)) {
+      o();
+    }
+    s = a;
+    m = requestAnimationFrame(frameLoop);
+  }
+  o();
+  return () => {
+    var r;
+    c.forEach((r => {
+      i && r.removeEventListener("scroll", o);
+      n && r.removeEventListener("resize", o);
+    }));
+    b == null || b();
+    (r = u) == null || r.disconnect();
+    u = null;
+    if (v) {
+      cancelAnimationFrame(m);
+    }
+  };
+}
+
+/**
+ * Modifies the placement by translating the floating element along the
+ * specified axes.
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
+ * object may be passed.
+ * @see https://floating-ui.com/docs/offset
+ */ const p = offset$1;
+
+/**
+ * Optimizes the visibility of the floating element by shifting it in order to
+ * keep it in view when it will overflow the clipping boundary.
+ * @see https://floating-ui.com/docs/shift
+ */ const f = shift$1;
+
+/**
+ * Optimizes the visibility of the floating element by flipping the `placement`
+ * in order to keep it in view when the preferred placement(s) will overflow the
+ * clipping boundary. Alternative to `autoPlacement`.
+ * @see https://floating-ui.com/docs/flip
+ */ const w = flip$1;
+
+/**
+ * Provides data to hide the floating element in applicable situations, such as
+ * when it is not in the same clipping context as the reference element.
+ * @see https://floating-ui.com/docs/hide
+ */ const h = hide$1;
+
+/**
+ * Provides data to position an inner element of the floating element so that it
+ * appears centered to the reference element.
+ * @see https://floating-ui.com/docs/arrow
+ */ const y = arrow$1;
+
+/**
+ * Computes the `x` and `y` coordinates that will place the floating element
+ * next to a given reference element.
+ */ const computePosition = (r, a, o) => {
+  // This caches the expensive `getClippingElementAncestors` function so that
+  // multiple lifecycle resets re-use the same result. It only lives for a
+  // single call. If other functions become expensive, we can add them as well.
+  const t = new Map;
+  const i = {
+    platform: k,
+    ...o
+  };
+  const n = {
+    ...i.platform,
+    _c: t
+  };
+  return computePosition$1(r, a, {
+    ...i,
+    platform: n
+  });
+};
+
+/**
+ * FloatingUIManager é uma classe utilitária que gerencia o posicionamento de elementos flutuantes
+ * como tooltips ou popovers em relação a um elemento de disparo (trigger).
+ * Ela utiliza a biblioteca Floating UI para calcular posições e lidar com atualizações.
+ */ class x {
+  triggerElement;
+  contentElement;
+  arrowElement;
+  placement;
+  onUpdate;
+  cleanupAutoUpdate;
+  constructor(r) {
+    this.triggerElement = r.triggerElement;
+    this.contentElement = r.contentElement;
+    this.arrowElement = r.arrowElement;
+    this.placement = r.placement ?? "top";
+    this.onUpdate = r.onUpdate;
+  }
+  /**
+     * Inicia o gerenciador Floating UI configurando a atualização automática da posição.
+     */  start() {
+    this.cleanupAutoUpdate = autoUpdate(this.triggerElement, this.contentElement, (() => this.updatePosition()));
+  }
+  /**
+     * Para o gerenciador Floating UI e limpa os recursos utilizados.
+     */  stop() {
+    this.cleanupAutoUpdate?.();
+  }
+  /**
+     * Atualiza a posição do elemento flutuante com base no elemento disparador e no elemento de conteúdo.
+     * Esta função é chamada automaticamente quando o gerenciador está ativo.
+     * Ela calcula a nova posição usando a biblioteca Floating UI e aplica as transformações necessárias.
+     * Também atualiza a posição da seta, se fornecida.
+     * Além disso, define o atributo de dados `data-placement` no elemento de conteúdo para refletir a posição atual.
+     * @returns {Promise<void>} Uma promessa que resolve quando a posição é atualizada.
+     */  async updatePosition() {
+    const r = await computePosition(this.triggerElement, this.contentElement, {
+      placement: this.placement,
+      middleware: this.buildMiddleware()
+    });
+    this.updateTooltipPosition(r);
+    this.updateArrowPosition(r);
+    this.setPlacementDataAttribute(r);
+    this.onUpdate?.(r);
+  }
+  /**
+     * Constrói os middlewares necessários para o Floating UI.
+     * Esses middlewares são usados para ajustar o posicionamento do elemento flutuante,
+     * incluindo offset, flip, shift e hide. Se uma seta for fornecida, o middleware de seta também é adicionado.
+     * @returns {Middleware[]} Retorna um array de middlewares configurados para o Floating UI.
+     */  buildMiddleware() {
+    const r = [ p(8), w(), f({
+      padding: 5
+    }), h() ];
+    if (this.arrowElement != null) {
+      r.push(y({
+        element: this.arrowElement
+      }));
+    }
+    return r;
+  }
+  /**
+     * Adiciona o estilo necessário para posicionar o tooltip com base nas coordenadas fornecidas.
+     * Esta função é chamada após o cálculo da posição do tooltip.
+     * Ela aplica as propriedades CSS `left` e `top` ao elemento de conteúdo do tooltip.
+     * @param data Contém as coordenadas x e y para posicionar o tooltip.
+     */  updateTooltipPosition(r) {
+    const {x: a, y: o} = r;
+    Object.assign(this.contentElement.style, {
+      left: `${a}px`,
+      top: `${o}px`
+    });
+  }
+  /**
+     * Adiciona o estilo necessário para posicionar a seta do tooltip com base nos dados de middleware.
+     * Esta função é chamada após o cálculo da posição do tooltip.
+     * Ela aplica as propriedades CSS `left`, `top`, `right`, `bottom` e a posição estática da seta.
+     * A posição estática é determinada com base na colocação do tooltip (top, right, bottom, left).
+     * Se a seta não estiver presente ou os dados de middleware não contiverem informações sobre a seta, nada será feito.
+     * @param data Contém a posição da seta e os dados de middleware.
+     */  updateArrowPosition(r) {
+    if (this.arrowElement == null || r.middlewareData.arrow == null) return;
+    const {x: a, y: o} = r.middlewareData.arrow;
+    const t = r.placement.split("-")[0];
+    const i = {
+      top: "bottom",
+      right: "left",
+      bottom: "top",
+      left: "right"
+    }[t];
+    Object.assign(this.arrowElement.style, {
+      left: a != null ? `${a}px` : "",
+      top: o != null ? `${o}px` : "",
+      right: "",
+      bottom: "",
+      [i]: "-4px"
+    });
+  }
+  /**
+     * Define o atributo de dados `data-placement` no elemento de conteúdo.
+     * Este atributo é usado para indicar a posição atual do tooltip ou popover.
+     * Ele é útil para fins de acessibilidade e para permitir que estilos CSS sejam aplicados com base na posição.
+     * @param data Objeto contendo a propriedade `placement` que define a posição do tooltip ou popover.
+     *            A propriedade `placement` deve ser uma string representando a posição, como 'top', 'bottom', 'left', 'right', etc.
+     */  setPlacementDataAttribute(r) {
+    this.contentElement.setAttribute("data-placement", r.placement);
+  }
+}
+
+const A = "*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;-moz-appearance:button;appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden]{display:none}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-.5);margin-right:calc(var(--grid-gutter)*-.5)}@media (min-width:576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width:992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width:1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width:1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half)!important}.mb-1{margin-bottom:var(--spacing-scale-half)!important}.mr-2{margin-right:var(--spacing-scale-base)!important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1)!important}.ml-2{margin-left:var(--spacing-scale-base)!important}.mr-auto{margin-right:auto!important}.pt-half{padding-top:var(--spacing-scale-half)!important}.py-3{padding-bottom:var(--spacing-scale-2x)!important;padding-top:var(--spacing-scale-2x)!important}.py-4{padding-bottom:var(--spacing-scale-3x)!important;padding-top:var(--spacing-scale-3x)!important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width:576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--interactive-rgb),var(--hover))),to(rgba(var(--interactive-rgb),var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--interactive-rgb),var(--pressed))),to(rgba(var(--interactive-rgb),var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb),var(--pressed)),rgba(var(--interactive-rgb),var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ol,ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}.label,label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}.placeholder,::placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}.input,input,textarea{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.bg-blue-90{--background:var(--blue-90);background:var(--blue-90)!important}.bg-blue-80{--background:var(--blue-80);background:var(--blue-80)!important}.bg-blue-70{--background:var(--blue-70);background:var(--blue-70)!important}.bg-blue-60{--background:var(--blue-60);background:var(--blue-60)!important}.bg-blue-50{--background:var(--blue-50);background:var(--blue-50)!important}.bg-blue-40{--background:var(--blue-40);background:var(--blue-40)!important}.bg-blue-30{--background:var(--blue-30);background:var(--blue-30)!important}.bg-blue-20{--background:var(--blue-20);background:var(--blue-20)!important}.bg-blue-10{--background:var(--blue-10);background:var(--blue-10)!important}.bg-blue-5{--background:var(--blue-5);background:var(--blue-5)!important}.bg-blue-cool-90{--background:var(--blue-cool-90);background:var(--blue-cool-90)!important}.bg-blue-cool-80{--background:var(--blue-cool-80);background:var(--blue-cool-80)!important}.bg-blue-cool-70{--background:var(--blue-cool-70);background:var(--blue-cool-70)!important}.bg-blue-cool-60{--background:var(--blue-cool-60);background:var(--blue-cool-60)!important}.bg-blue-cool-50{--background:var(--blue-cool-50);background:var(--blue-cool-50)!important}.bg-blue-cool-40{--background:var(--blue-cool-40);background:var(--blue-cool-40)!important}.bg-blue-cool-30{--background:var(--blue-cool-30);background:var(--blue-cool-30)!important}.bg-blue-cool-20{--background:var(--blue-cool-20);background:var(--blue-cool-20)!important}.bg-blue-cool-10{--background:var(--blue-cool-10);background:var(--blue-cool-10)!important}.bg-blue-cool-5{--background:var(--blue-cool-5);background:var(--blue-cool-5)!important}.bg-blue-warm-90{--background:var(--blue-warm-90);background:var(--blue-warm-90)!important}.bg-blue-warm-80{--background:var(--blue-warm-80);background:var(--blue-warm-80)!important}.bg-blue-warm-70{--background:var(--blue-warm-70);background:var(--blue-warm-70)!important}.bg-blue-warm-60{--background:var(--blue-warm-60);background:var(--blue-warm-60)!important}.bg-blue-warm-50{--background:var(--blue-warm-50);background:var(--blue-warm-50)!important}.bg-blue-warm-40{--background:var(--blue-warm-40);background:var(--blue-warm-40)!important}.bg-blue-warm-30{--background:var(--blue-warm-30);background:var(--blue-warm-30)!important}.bg-blue-warm-20{--background:var(--blue-warm-20);background:var(--blue-warm-20)!important}.bg-blue-warm-10{--background:var(--blue-warm-10);background:var(--blue-warm-10)!important}.bg-blue-warm-5{--background:var(--blue-warm-5);background:var(--blue-warm-5)!important}.bg-blue-vivid-80{--background:var(--blue-vivid-80);background:var(--blue-vivid-80)!important}.bg-blue-vivid-70{--background:var(--blue-vivid-70);background:var(--blue-vivid-70)!important}.bg-blue-vivid-60{--background:var(--blue-vivid-60);background:var(--blue-vivid-60)!important}.bg-blue-vivid-50{--background:var(--blue-vivid-50);background:var(--blue-vivid-50)!important}.bg-blue-vivid-40{--background:var(--blue-vivid-40);background:var(--blue-vivid-40)!important}.bg-blue-vivid-30{--background:var(--blue-vivid-30);background:var(--blue-vivid-30)!important}.bg-blue-vivid-20{--background:var(--blue-vivid-20);background:var(--blue-vivid-20)!important}.bg-blue-vivid-10{--background:var(--blue-vivid-10);background:var(--blue-vivid-10)!important}.bg-blue-vivid-5{--background:var(--blue-vivid-5);background:var(--blue-vivid-5)!important}.bg-blue-cool-vivid-80{--background:var(--blue-cool-vivid-80);background:var(--blue-cool-vivid-80)!important}.bg-blue-cool-vivid-70{--background:var(--blue-cool-vivid-70);background:var(--blue-cool-vivid-70)!important}.bg-blue-cool-vivid-60{--background:var(--blue-cool-vivid-60);background:var(--blue-cool-vivid-60)!important}.bg-blue-cool-vivid-50{--background:var(--blue-cool-vivid-50);background:var(--blue-cool-vivid-50)!important}.bg-blue-cool-vivid-40{--background:var(--blue-cool-vivid-40);background:var(--blue-cool-vivid-40)!important}.bg-blue-cool-vivid-30{--background:var(--blue-cool-vivid-30);background:var(--blue-cool-vivid-30)!important}.bg-blue-cool-vivid-20{--background:var(--blue-cool-vivid-20);background:var(--blue-cool-vivid-20)!important}.bg-blue-cool-vivid-10{--background:var(--blue-cool-vivid-10);background:var(--blue-cool-vivid-10)!important}.bg-blue-cool-vivid-5{--background:var(--blue-cool-vivid-5);background:var(--blue-cool-vivid-5)!important}.bg-blue-warm-vivid-90{--background:var(--blue-warm-vivid-90);background:var(--blue-warm-vivid-90)!important}.bg-blue-warm-vivid-80{--background:var(--blue-warm-vivid-80);background:var(--blue-warm-vivid-80)!important}.bg-blue-warm-vivid-70{--background:var(--blue-warm-vivid-70);background:var(--blue-warm-vivid-70)!important}.bg-blue-warm-vivid-60{--background:var(--blue-warm-vivid-60);background:var(--blue-warm-vivid-60)!important}.bg-blue-warm-vivid-50{--background:var(--blue-warm-vivid-50);background:var(--blue-warm-vivid-50)!important}.bg-blue-warm-vivid-40{--background:var(--blue-warm-vivid-40);background:var(--blue-warm-vivid-40)!important}.bg-blue-warm-vivid-30{--background:var(--blue-warm-vivid-30);background:var(--blue-warm-vivid-30)!important}.bg-blue-warm-vivid-20{--background:var(--blue-warm-vivid-20);background:var(--blue-warm-vivid-20)!important}.bg-blue-warm-vivid-10{--background:var(--blue-warm-vivid-10);background:var(--blue-warm-vivid-10)!important}.bg-blue-warm-vivid-5{--background:var(--blue-warm-vivid-5);background:var(--blue-warm-vivid-5)!important}.bg-cyan-90{--background:var(--cyan-90);background:var(--cyan-90)!important}.bg-cyan-80{--background:var(--cyan-80);background:var(--cyan-80)!important}.bg-cyan-70{--background:var(--cyan-70);background:var(--cyan-70)!important}.bg-cyan-60{--background:var(--cyan-60);background:var(--cyan-60)!important}.bg-cyan-50{--background:var(--cyan-50);background:var(--cyan-50)!important}.bg-cyan-40{--background:var(--cyan-40);background:var(--cyan-40)!important}.bg-cyan-30{--background:var(--cyan-30);background:var(--cyan-30)!important}.bg-cyan-20{--background:var(--cyan-20);background:var(--cyan-20)!important}.bg-cyan-10{--background:var(--cyan-10);background:var(--cyan-10)!important}.bg-cyan-5{--background:var(--cyan-5);background:var(--cyan-5)!important}.bg-cyan-vivid-80{--background:var(--cyan-vivid-80);background:var(--cyan-vivid-80)!important}.bg-cyan-vivid-70{--background:var(--cyan-vivid-70);background:var(--cyan-vivid-70)!important}.bg-cyan-vivid-60{--background:var(--cyan-vivid-60);background:var(--cyan-vivid-60)!important}.bg-cyan-vivid-50{--background:var(--cyan-vivid-50);background:var(--cyan-vivid-50)!important}.bg-cyan-vivid-40{--background:var(--cyan-vivid-40);background:var(--cyan-vivid-40)!important}.bg-cyan-vivid-30{--background:var(--cyan-vivid-30);background:var(--cyan-vivid-30)!important}.bg-cyan-vivid-20{--background:var(--cyan-vivid-20);background:var(--cyan-vivid-20)!important}.bg-cyan-vivid-10{--background:var(--cyan-vivid-10);background:var(--cyan-vivid-10)!important}.bg-cyan-vivid-5{--background:var(--cyan-vivid-5);background:var(--cyan-vivid-5)!important}.bg-gold-90{--background:var(--gold-90);background:var(--gold-90)!important}.bg-gold-80{--background:var(--gold-80);background:var(--gold-80)!important}.bg-gold-70{--background:var(--gold-70);background:var(--gold-70)!important}.bg-gold-60{--background:var(--gold-60);background:var(--gold-60)!important}.bg-gold-50{--background:var(--gold-50);background:var(--gold-50)!important}.bg-gold-40{--background:var(--gold-40);background:var(--gold-40)!important}.bg-gold-30{--background:var(--gold-30);background:var(--gold-30)!important}.bg-gold-20{--background:var(--gold-20);background:var(--gold-20)!important}.bg-gold-10{--background:var(--gold-10);background:var(--gold-10)!important}.bg-gold-5{--background:var(--gold-5);background:var(--gold-5)!important}.bg-gold-vivid-80{--background:var(--gold-vivid-80);background:var(--gold-vivid-80)!important}.bg-gold-vivid-70{--background:var(--gold-vivid-70);background:var(--gold-vivid-70)!important}.bg-gold-vivid-60{--background:var(--gold-vivid-60);background:var(--gold-vivid-60)!important}.bg-gold-vivid-50{--background:var(--gold-vivid-50);background:var(--gold-vivid-50)!important}.bg-gold-vivid-40{--background:var(--gold-vivid-40);background:var(--gold-vivid-40)!important}.bg-gold-vivid-30{--background:var(--gold-vivid-30);background:var(--gold-vivid-30)!important}.bg-gold-vivid-20{--background:var(--gold-vivid-20);background:var(--gold-vivid-20)!important}.bg-gold-vivid-10{--background:var(--gold-vivid-10);background:var(--gold-vivid-10)!important}.bg-gold-vivid-5{--background:var(--gold-vivid-5);background:var(--gold-vivid-5)!important}.bg-gray-90{--background:var(--gray-90);background:var(--gray-90)!important}.bg-gray-80{--background:var(--gray-80);background:var(--gray-80)!important}.bg-gray-70{--background:var(--gray-70);background:var(--gray-70)!important}.bg-gray-60{--background:var(--gray-60);background:var(--gray-60)!important}.bg-gray-50{--background:var(--gray-50);background:var(--gray-50)!important}.bg-gray-40{--background:var(--gray-40);background:var(--gray-40)!important}.bg-gray-30{--background:var(--gray-30);background:var(--gray-30)!important}.bg-gray-20{--background:var(--gray-20);background:var(--gray-20)!important}.bg-gray-10{--background:var(--gray-10);background:var(--gray-10)!important}.bg-gray-5{--background:var(--gray-5);background:var(--gray-5)!important}.bg-gray-4{--background:var(--gray-4);background:var(--gray-4)!important}.bg-gray-3{--background:var(--gray-3);background:var(--gray-3)!important}.bg-gray-2{--background:var(--gray-2);background:var(--gray-2)!important}.bg-gray-1{--background:var(--gray-1);background:var(--gray-1)!important}.bg-gray-cool-90{--background:var(--gray-cool-90);background:var(--gray-cool-90)!important}.bg-gray-cool-80{--background:var(--gray-cool-80);background:var(--gray-cool-80)!important}.bg-gray-cool-70{--background:var(--gray-cool-70);background:var(--gray-cool-70)!important}.bg-gray-cool-60{--background:var(--gray-cool-60);background:var(--gray-cool-60)!important}.bg-gray-cool-50{--background:var(--gray-cool-50);background:var(--gray-cool-50)!important}.bg-gray-cool-40{--background:var(--gray-cool-40);background:var(--gray-cool-40)!important}.bg-gray-cool-30{--background:var(--gray-cool-30);background:var(--gray-cool-30)!important}.bg-gray-cool-20{--background:var(--gray-cool-20);background:var(--gray-cool-20)!important}.bg-gray-cool-10{--background:var(--gray-cool-10);background:var(--gray-cool-10)!important}.bg-gray-cool-5{--background:var(--gray-cool-5);background:var(--gray-cool-5)!important}.bg-gray-cool-4{--background:var(--gray-cool-4);background:var(--gray-cool-4)!important}.bg-gray-cool-3{--background:var(--gray-cool-3);background:var(--gray-cool-3)!important}.bg-gray-cool-2{--background:var(--gray-cool-2);background:var(--gray-cool-2)!important}.bg-gray-cool-1{--background:var(--gray-cool-1);background:var(--gray-cool-1)!important}.bg-gray-warm-90{--background:var(--gray-warm-90);background:var(--gray-warm-90)!important}.bg-gray-warm-80{--background:var(--gray-warm-80);background:var(--gray-warm-80)!important}.bg-gray-warm-70{--background:var(--gray-warm-70);background:var(--gray-warm-70)!important}.bg-gray-warm-60{--background:var(--gray-warm-60);background:var(--gray-warm-60)!important}.bg-gray-warm-50{--background:var(--gray-warm-50);background:var(--gray-warm-50)!important}.bg-gray-warm-40{--background:var(--gray-warm-40);background:var(--gray-warm-40)!important}.bg-gray-warm-30{--background:var(--gray-warm-30);background:var(--gray-warm-30)!important}.bg-gray-warm-20{--background:var(--gray-warm-20);background:var(--gray-warm-20)!important}.bg-gray-warm-10{--background:var(--gray-warm-10);background:var(--gray-warm-10)!important}.bg-gray-warm-5{--background:var(--gray-warm-5);background:var(--gray-warm-5)!important}.bg-gray-warm-4{--background:var(--gray-warm-4);background:var(--gray-warm-4)!important}.bg-gray-warm-3{--background:var(--gray-warm-3);background:var(--gray-warm-3)!important}.bg-gray-warm-2{--background:var(--gray-warm-2);background:var(--gray-warm-2)!important}.bg-gray-warm-1{--background:var(--gray-warm-1);background:var(--gray-warm-1)!important}.bg-green-90{--background:var(--green-90);background:var(--green-90)!important}.bg-green-80{--background:var(--green-80);background:var(--green-80)!important}.bg-green-70{--background:var(--green-70);background:var(--green-70)!important}.bg-green-60{--background:var(--green-60);background:var(--green-60)!important}.bg-green-50{--background:var(--green-50);background:var(--green-50)!important}.bg-green-40{--background:var(--green-40);background:var(--green-40)!important}.bg-green-30{--background:var(--green-30);background:var(--green-30)!important}.bg-green-20{--background:var(--green-20);background:var(--green-20)!important}.bg-green-10{--background:var(--green-10);background:var(--green-10)!important}.bg-green-5{--background:var(--green-5);background:var(--green-5)!important}.bg-green-cool-90{--background:var(--green-cool-90);background:var(--green-cool-90)!important}.bg-green-cool-80{--background:var(--green-cool-80);background:var(--green-cool-80)!important}.bg-green-cool-70{--background:var(--green-cool-70);background:var(--green-cool-70)!important}.bg-green-cool-60{--background:var(--green-cool-60);background:var(--green-cool-60)!important}.bg-green-cool-50{--background:var(--green-cool-50);background:var(--green-cool-50)!important}.bg-green-cool-40{--background:var(--green-cool-40);background:var(--green-cool-40)!important}.bg-green-cool-30{--background:var(--green-cool-30);background:var(--green-cool-30)!important}.bg-green-cool-20{--background:var(--green-cool-20);background:var(--green-cool-20)!important}.bg-green-cool-10{--background:var(--green-cool-10);background:var(--green-cool-10)!important}.bg-green-cool-5{--background:var(--green-cool-5);background:var(--green-cool-5)!important}.bg-green-warm-90{--background:var(--green-warm-90);background:var(--green-warm-90)!important}.bg-green-warm-80{--background:var(--green-warm-80);background:var(--green-warm-80)!important}.bg-green-warm-70{--background:var(--green-warm-70);background:var(--green-warm-70)!important}.bg-green-warm-60{--background:var(--green-warm-60);background:var(--green-warm-60)!important}.bg-green-warm-50{--background:var(--green-warm-50);background:var(--green-warm-50)!important}.bg-green-warm-40{--background:var(--green-warm-40);background:var(--green-warm-40)!important}.bg-green-warm-30{--background:var(--green-warm-30);background:var(--green-warm-30)!important}.bg-green-warm-20{--background:var(--green-warm-20);background:var(--green-warm-20)!important}.bg-green-warm-10{--background:var(--green-warm-10);background:var(--green-warm-10)!important}.bg-green-warm-5{--background:var(--green-warm-5);background:var(--green-warm-5)!important}.bg-green-vivid-80{--background:var(--green-vivid-80);background:var(--green-vivid-80)!important}.bg-green-vivid-70{--background:var(--green-vivid-70);background:var(--green-vivid-70)!important}.bg-green-vivid-60{--background:var(--green-vivid-60);background:var(--green-vivid-60)!important}.bg-green-vivid-50{--background:var(--green-vivid-50);background:var(--green-vivid-50)!important}.bg-green-vivid-40{--background:var(--green-vivid-40);background:var(--green-vivid-40)!important}.bg-green-vivid-30{--background:var(--green-vivid-30);background:var(--green-vivid-30)!important}.bg-green-vivid-20{--background:var(--green-vivid-20);background:var(--green-vivid-20)!important}.bg-green-vivid-10{--background:var(--green-vivid-10);background:var(--green-vivid-10)!important}.bg-green-vivid-5{--background:var(--green-vivid-5);background:var(--green-vivid-5)!important}.bg-green-cool-vivid-80{--background:var(--green-cool-vivid-80);background:var(--green-cool-vivid-80)!important}.bg-green-cool-vivid-70{--background:var(--green-cool-vivid-70);background:var(--green-cool-vivid-70)!important}.bg-green-cool-vivid-60{--background:var(--green-cool-vivid-60);background:var(--green-cool-vivid-60)!important}.bg-green-cool-vivid-50{--background:var(--green-cool-vivid-50);background:var(--green-cool-vivid-50)!important}.bg-green-cool-vivid-40{--background:var(--green-cool-vivid-40);background:var(--green-cool-vivid-40)!important}.bg-green-cool-vivid-30{--background:var(--green-cool-vivid-30);background:var(--green-cool-vivid-30)!important}.bg-green-cool-vivid-20{--background:var(--green-cool-vivid-20);background:var(--green-cool-vivid-20)!important}.bg-green-cool-vivid-10{--background:var(--green-cool-vivid-10);background:var(--green-cool-vivid-10)!important}.bg-green-cool-vivid-5{--background:var(--green-cool-vivid-5);background:var(--green-cool-vivid-5)!important}.bg-green-warm-vivid-80{--background:var(--green-warm-vivid-80);background:var(--green-warm-vivid-80)!important}.bg-green-warm-vivid-70{--background:var(--green-warm-vivid-70);background:var(--green-warm-vivid-70)!important}.bg-green-warm-vivid-60{--background:var(--green-warm-vivid-60);background:var(--green-warm-vivid-60)!important}.bg-green-warm-vivid-50{--background:var(--green-warm-vivid-50);background:var(--green-warm-vivid-50)!important}.bg-green-warm-vivid-40{--background:var(--green-warm-vivid-40);background:var(--green-warm-vivid-40)!important}.bg-green-warm-vivid-30{--background:var(--green-warm-vivid-30);background:var(--green-warm-vivid-30)!important}.bg-green-warm-vivid-20{--background:var(--green-warm-vivid-20);background:var(--green-warm-vivid-20)!important}.bg-green-warm-vivid-10{--background:var(--green-warm-vivid-10);background:var(--green-warm-vivid-10)!important}.bg-green-warm-vivid-5{--background:var(--green-warm-vivid-5);background:var(--green-warm-vivid-5)!important}.bg-indigo-90{--background:var(--indigo-90);background:var(--indigo-90)!important}.bg-indigo-80{--background:var(--indigo-80);background:var(--indigo-80)!important}.bg-indigo-70{--background:var(--indigo-70);background:var(--indigo-70)!important}.bg-indigo-60{--background:var(--indigo-60);background:var(--indigo-60)!important}.bg-indigo-50{--background:var(--indigo-50);background:var(--indigo-50)!important}.bg-indigo-40{--background:var(--indigo-40);background:var(--indigo-40)!important}.bg-indigo-30{--background:var(--indigo-30);background:var(--indigo-30)!important}.bg-indigo-20{--background:var(--indigo-20);background:var(--indigo-20)!important}.bg-indigo-10{--background:var(--indigo-10);background:var(--indigo-10)!important}.bg-indigo-5{--background:var(--indigo-5);background:var(--indigo-5)!important}.bg-indigo-cool-90{--background:var(--indigo-cool-90);background:var(--indigo-cool-90)!important}.bg-indigo-cool-80{--background:var(--indigo-cool-80);background:var(--indigo-cool-80)!important}.bg-indigo-cool-70{--background:var(--indigo-cool-70);background:var(--indigo-cool-70)!important}.bg-indigo-cool-60{--background:var(--indigo-cool-60);background:var(--indigo-cool-60)!important}.bg-indigo-cool-50{--background:var(--indigo-cool-50);background:var(--indigo-cool-50)!important}.bg-indigo-cool-40{--background:var(--indigo-cool-40);background:var(--indigo-cool-40)!important}.bg-indigo-cool-30{--background:var(--indigo-cool-30);background:var(--indigo-cool-30)!important}.bg-indigo-cool-20{--background:var(--indigo-cool-20);background:var(--indigo-cool-20)!important}.bg-indigo-cool-10{--background:var(--indigo-cool-10);background:var(--indigo-cool-10)!important}.bg-indigo-cool-5{--background:var(--indigo-cool-5);background:var(--indigo-cool-5)!important}.bg-indigo-warm-90{--background:var(--indigo-warm-90);background:var(--indigo-warm-90)!important}.bg-indigo-warm-80{--background:var(--indigo-warm-80);background:var(--indigo-warm-80)!important}.bg-indigo-warm-70{--background:var(--indigo-warm-70);background:var(--indigo-warm-70)!important}.bg-indigo-warm-60{--background:var(--indigo-warm-60);background:var(--indigo-warm-60)!important}.bg-indigo-warm-50{--background:var(--indigo-warm-50);background:var(--indigo-warm-50)!important}.bg-indigo-warm-40{--background:var(--indigo-warm-40);background:var(--indigo-warm-40)!important}.bg-indigo-warm-30{--background:var(--indigo-warm-30);background:var(--indigo-warm-30)!important}.bg-indigo-warm-20{--background:var(--indigo-warm-20);background:var(--indigo-warm-20)!important}.bg-indigo-warm-10{--background:var(--indigo-warm-10);background:var(--indigo-warm-10)!important}.bg-indigo-warm-5{--background:var(--indigo-warm-5);background:var(--indigo-warm-5)!important}.bg-indigo-vivid-80{--background:var(--indigo-vivid-80);background:var(--indigo-vivid-80)!important}.bg-indigo-vivid-70{--background:var(--indigo-vivid-70);background:var(--indigo-vivid-70)!important}.bg-indigo-vivid-60{--background:var(--indigo-vivid-60);background:var(--indigo-vivid-60)!important}.bg-indigo-vivid-50{--background:var(--indigo-vivid-50);background:var(--indigo-vivid-50)!important}.bg-indigo-vivid-40{--background:var(--indigo-vivid-40);background:var(--indigo-vivid-40)!important}.bg-indigo-vivid-30{--background:var(--indigo-vivid-30);background:var(--indigo-vivid-30)!important}.bg-indigo-vivid-20{--background:var(--indigo-vivid-20);background:var(--indigo-vivid-20)!important}.bg-indigo-vivid-10{--background:var(--indigo-vivid-10);background:var(--indigo-vivid-10)!important}.bg-indigo-vivid-5{--background:var(--indigo-vivid-5);background:var(--indigo-vivid-5)!important}.bg-indigo-cool-vivid-80{--background:var(--indigo-cool-vivid-80);background:var(--indigo-cool-vivid-80)!important}.bg-indigo-cool-vivid-70{--background:var(--indigo-cool-vivid-70);background:var(--indigo-cool-vivid-70)!important}.bg-indigo-cool-vivid-60{--background:var(--indigo-cool-vivid-60);background:var(--indigo-cool-vivid-60)!important}.bg-indigo-cool-vivid-50{--background:var(--indigo-cool-vivid-50);background:var(--indigo-cool-vivid-50)!important}.bg-indigo-cool-vivid-40{--background:var(--indigo-cool-vivid-40);background:var(--indigo-cool-vivid-40)!important}.bg-indigo-cool-vivid-30{--background:var(--indigo-cool-vivid-30);background:var(--indigo-cool-vivid-30)!important}.bg-indigo-cool-vivid-20{--background:var(--indigo-cool-vivid-20);background:var(--indigo-cool-vivid-20)!important}.bg-indigo-cool-vivid-10{--background:var(--indigo-cool-vivid-10);background:var(--indigo-cool-vivid-10)!important}.bg-indigo-cool-vivid-5{--background:var(--indigo-cool-vivid-5);background:var(--indigo-cool-vivid-5)!important}.bg-indigo-warm-vivid-80{--background:var(--indigo-warm-vivid-80);background:var(--indigo-warm-vivid-80)!important}.bg-indigo-warm-vivid-70{--background:var(--indigo-warm-vivid-70);background:var(--indigo-warm-vivid-70)!important}.bg-indigo-warm-vivid-60{--background:var(--indigo-warm-vivid-60);background:var(--indigo-warm-vivid-60)!important}.bg-indigo-warm-vivid-50{--background:var(--indigo-warm-vivid-50);background:var(--indigo-warm-vivid-50)!important}.bg-indigo-warm-vivid-40{--background:var(--indigo-warm-vivid-40);background:var(--indigo-warm-vivid-40)!important}.bg-indigo-warm-vivid-30{--background:var(--indigo-warm-vivid-30);background:var(--indigo-warm-vivid-30)!important}.bg-indigo-warm-vivid-20{--background:var(--indigo-warm-vivid-20);background:var(--indigo-warm-vivid-20)!important}.bg-indigo-warm-vivid-10{--background:var(--indigo-warm-vivid-10);background:var(--indigo-warm-vivid-10)!important}.bg-indigo-warm-vivid-5{--background:var(--indigo-warm-vivid-5);background:var(--indigo-warm-vivid-5)!important}.bg-magenta-90{--background:var(--magenta-90);background:var(--magenta-90)!important}.bg-magenta-80{--background:var(--magenta-80);background:var(--magenta-80)!important}.bg-magenta-70{--background:var(--magenta-70);background:var(--magenta-70)!important}.bg-magenta-60{--background:var(--magenta-60);background:var(--magenta-60)!important}.bg-magenta-50{--background:var(--magenta-50);background:var(--magenta-50)!important}.bg-magenta-40{--background:var(--magenta-40);background:var(--magenta-40)!important}.bg-magenta-30{--background:var(--magenta-30);background:var(--magenta-30)!important}.bg-magenta-20{--background:var(--magenta-20);background:var(--magenta-20)!important}.bg-magenta-10{--background:var(--magenta-10);background:var(--magenta-10)!important}.bg-magenta-5{--background:var(--magenta-5);background:var(--magenta-5)!important}.bg-magenta-vivid-80{--background:var(--magenta-vivid-80);background:var(--magenta-vivid-80)!important}.bg-magenta-vivid-70{--background:var(--magenta-vivid-70);background:var(--magenta-vivid-70)!important}.bg-magenta-vivid-60{--background:var(--magenta-vivid-60);background:var(--magenta-vivid-60)!important}.bg-magenta-vivid-50{--background:var(--magenta-vivid-50);background:var(--magenta-vivid-50)!important}.bg-magenta-vivid-40{--background:var(--magenta-vivid-40);background:var(--magenta-vivid-40)!important}.bg-magenta-vivid-30{--background:var(--magenta-vivid-30);background:var(--magenta-vivid-30)!important}.bg-magenta-vivid-20{--background:var(--magenta-vivid-20);background:var(--magenta-vivid-20)!important}.bg-magenta-vivid-10{--background:var(--magenta-vivid-10);background:var(--magenta-vivid-10)!important}.bg-magenta-vivid-5{--background:var(--magenta-vivid-5);background:var(--magenta-vivid-5)!important}.bg-mint-90{--background:var(--mint-90);background:var(--mint-90)!important}.bg-mint-80{--background:var(--mint-80);background:var(--mint-80)!important}.bg-mint-70{--background:var(--mint-70);background:var(--mint-70)!important}.bg-mint-60{--background:var(--mint-60);background:var(--mint-60)!important}.bg-mint-50{--background:var(--mint-50);background:var(--mint-50)!important}.bg-mint-40{--background:var(--mint-40);background:var(--mint-40)!important}.bg-mint-30{--background:var(--mint-30);background:var(--mint-30)!important}.bg-mint-20{--background:var(--mint-20);background:var(--mint-20)!important}.bg-mint-10{--background:var(--mint-10);background:var(--mint-10)!important}.bg-mint-5{--background:var(--mint-5);background:var(--mint-5)!important}.bg-mint-cool-90{--background:var(--mint-cool-90);background:var(--mint-cool-90)!important}.bg-mint-cool-80{--background:var(--mint-cool-80);background:var(--mint-cool-80)!important}.bg-mint-cool-70{--background:var(--mint-cool-70);background:var(--mint-cool-70)!important}.bg-mint-cool-60{--background:var(--mint-cool-60);background:var(--mint-cool-60)!important}.bg-mint-cool-50{--background:var(--mint-cool-50);background:var(--mint-cool-50)!important}.bg-mint-cool-40{--background:var(--mint-cool-40);background:var(--mint-cool-40)!important}.bg-mint-cool-30{--background:var(--mint-cool-30);background:var(--mint-cool-30)!important}.bg-mint-cool-20{--background:var(--mint-cool-20);background:var(--mint-cool-20)!important}.bg-mint-cool-10{--background:var(--mint-cool-10);background:var(--mint-cool-10)!important}.bg-mint-cool-5{--background:var(--mint-cool-5);background:var(--mint-cool-5)!important}.bg-mint-vivid-80{--background:var(--mint-vivid-80);background:var(--mint-vivid-80)!important}.bg-mint-vivid-70{--background:var(--mint-vivid-70);background:var(--mint-vivid-70)!important}.bg-mint-vivid-60{--background:var(--mint-vivid-60);background:var(--mint-vivid-60)!important}.bg-mint-vivid-50{--background:var(--mint-vivid-50);background:var(--mint-vivid-50)!important}.bg-mint-vivid-40{--background:var(--mint-vivid-40);background:var(--mint-vivid-40)!important}.bg-mint-vivid-30{--background:var(--mint-vivid-30);background:var(--mint-vivid-30)!important}.bg-mint-vivid-20{--background:var(--mint-vivid-20);background:var(--mint-vivid-20)!important}.bg-mint-vivid-10{--background:var(--mint-vivid-10);background:var(--mint-vivid-10)!important}.bg-mint-vivid-5{--background:var(--mint-vivid-5);background:var(--mint-vivid-5)!important}.bg-mint-cool-vivid-80{--background:var(--mint-cool-vivid-80);background:var(--mint-cool-vivid-80)!important}.bg-mint-cool-vivid-70{--background:var(--mint-cool-vivid-70);background:var(--mint-cool-vivid-70)!important}.bg-mint-cool-vivid-60{--background:var(--mint-cool-vivid-60);background:var(--mint-cool-vivid-60)!important}.bg-mint-cool-vivid-50{--background:var(--mint-cool-vivid-50);background:var(--mint-cool-vivid-50)!important}.bg-mint-cool-vivid-40{--background:var(--mint-cool-vivid-40);background:var(--mint-cool-vivid-40)!important}.bg-mint-cool-vivid-30{--background:var(--mint-cool-vivid-30);background:var(--mint-cool-vivid-30)!important}.bg-mint-cool-vivid-20{--background:var(--mint-cool-vivid-20);background:var(--mint-cool-vivid-20)!important}.bg-mint-cool-vivid-10{--background:var(--mint-cool-vivid-10);background:var(--mint-cool-vivid-10)!important}.bg-mint-cool-vivid-5{--background:var(--mint-cool-vivid-5);background:var(--mint-cool-vivid-5)!important}.bg-orange-90{--background:var(--orange-90);background:var(--orange-90)!important}.bg-orange-80{--background:var(--orange-80);background:var(--orange-80)!important}.bg-orange-70{--background:var(--orange-70);background:var(--orange-70)!important}.bg-orange-60{--background:var(--orange-60);background:var(--orange-60)!important}.bg-orange-50{--background:var(--orange-50);background:var(--orange-50)!important}.bg-orange-40{--background:var(--orange-40);background:var(--orange-40)!important}.bg-orange-30{--background:var(--orange-30);background:var(--orange-30)!important}.bg-orange-20{--background:var(--orange-20);background:var(--orange-20)!important}.bg-orange-10{--background:var(--orange-10);background:var(--orange-10)!important}.bg-orange-5{--background:var(--orange-5);background:var(--orange-5)!important}.bg-orange-warm-90{--background:var(--orange-warm-90);background:var(--orange-warm-90)!important}.bg-orange-warm-80{--background:var(--orange-warm-80);background:var(--orange-warm-80)!important}.bg-orange-warm-70{--background:var(--orange-warm-70);background:var(--orange-warm-70)!important}.bg-orange-warm-60{--background:var(--orange-warm-60);background:var(--orange-warm-60)!important}.bg-orange-warm-50{--background:var(--orange-warm-50);background:var(--orange-warm-50)!important}.bg-orange-warm-40{--background:var(--orange-warm-40);background:var(--orange-warm-40)!important}.bg-orange-warm-30{--background:var(--orange-warm-30);background:var(--orange-warm-30)!important}.bg-orange-warm-20{--background:var(--orange-warm-20);background:var(--orange-warm-20)!important}.bg-orange-warm-10{--background:var(--orange-warm-10);background:var(--orange-warm-10)!important}.bg-orange-warm-5{--background:var(--orange-warm-5);background:var(--orange-warm-5)!important}.bg-orange-vivid-80{--background:var(--orange-vivid-80);background:var(--orange-vivid-80)!important}.bg-orange-vivid-70{--background:var(--orange-vivid-70);background:var(--orange-vivid-70)!important}.bg-orange-vivid-60{--background:var(--orange-vivid-60);background:var(--orange-vivid-60)!important}.bg-orange-vivid-50{--background:var(--orange-vivid-50);background:var(--orange-vivid-50)!important}.bg-orange-vivid-40{--background:var(--orange-vivid-40);background:var(--orange-vivid-40)!important}.bg-orange-vivid-30{--background:var(--orange-vivid-30);background:var(--orange-vivid-30)!important}.bg-orange-vivid-20{--background:var(--orange-vivid-20);background:var(--orange-vivid-20)!important}.bg-orange-vivid-10{--background:var(--orange-vivid-10);background:var(--orange-vivid-10)!important}.bg-orange-vivid-5{--background:var(--orange-vivid-5);background:var(--orange-vivid-5)!important}.bg-orange-warm-vivid-80{--background:var(--orange-warm-vivid-80);background:var(--orange-warm-vivid-80)!important}.bg-orange-warm-vivid-70{--background:var(--orange-warm-vivid-70);background:var(--orange-warm-vivid-70)!important}.bg-orange-warm-vivid-60{--background:var(--orange-warm-vivid-60);background:var(--orange-warm-vivid-60)!important}.bg-orange-warm-vivid-50{--background:var(--orange-warm-vivid-50);background:var(--orange-warm-vivid-50)!important}.bg-orange-warm-vivid-40{--background:var(--orange-warm-vivid-40);background:var(--orange-warm-vivid-40)!important}.bg-orange-warm-vivid-30{--background:var(--orange-warm-vivid-30);background:var(--orange-warm-vivid-30)!important}.bg-orange-warm-vivid-20{--background:var(--orange-warm-vivid-20);background:var(--orange-warm-vivid-20)!important}.bg-orange-warm-vivid-10{--background:var(--orange-warm-vivid-10);background:var(--orange-warm-vivid-10)!important}.bg-orange-warm-vivid-5{--background:var(--orange-warm-vivid-5);background:var(--orange-warm-vivid-5)!important}.bg-pure-100{--background:var(--pure-100);background:var(--pure-100)!important}.bg-pure-0{--background:var(--pure-0);background:var(--pure-0)!important}.text-pure-0{color:var(--pure-0)!important}.bg-red-90{--background:var(--red-90);background:var(--red-90)!important}.bg-red-80{--background:var(--red-80);background:var(--red-80)!important}.bg-red-70{--background:var(--red-70);background:var(--red-70)!important}.bg-red-60{--background:var(--red-60);background:var(--red-60)!important}.bg-red-50{--background:var(--red-50);background:var(--red-50)!important}.bg-red-40{--background:var(--red-40);background:var(--red-40)!important}.bg-red-30{--background:var(--red-30);background:var(--red-30)!important}.bg-red-20{--background:var(--red-20);background:var(--red-20)!important}.bg-red-10{--background:var(--red-10);background:var(--red-10)!important}.bg-red-5{--background:var(--red-5);background:var(--red-5)!important}.bg-red-cool-90{--background:var(--red-cool-90);background:var(--red-cool-90)!important}.bg-red-cool-80{--background:var(--red-cool-80);background:var(--red-cool-80)!important}.bg-red-cool-70{--background:var(--red-cool-70);background:var(--red-cool-70)!important}.bg-red-cool-60{--background:var(--red-cool-60);background:var(--red-cool-60)!important}.bg-red-cool-50{--background:var(--red-cool-50);background:var(--red-cool-50)!important}.bg-red-cool-40{--background:var(--red-cool-40);background:var(--red-cool-40)!important}.bg-red-cool-30{--background:var(--red-cool-30);background:var(--red-cool-30)!important}.bg-red-cool-20{--background:var(--red-cool-20);background:var(--red-cool-20)!important}.bg-red-cool-10{--background:var(--red-cool-10);background:var(--red-cool-10)!important}.bg-red-cool-5{--background:var(--red-cool-5);background:var(--red-cool-5)!important}.bg-red-warm-90{--background:var(--red-warm-90);background:var(--red-warm-90)!important}.bg-red-warm-80{--background:var(--red-warm-80);background:var(--red-warm-80)!important}.bg-red-warm-70{--background:var(--red-warm-70);background:var(--red-warm-70)!important}.bg-red-warm-60{--background:var(--red-warm-60);background:var(--red-warm-60)!important}.bg-red-warm-50{--background:var(--red-warm-50);background:var(--red-warm-50)!important}.bg-red-warm-40{--background:var(--red-warm-40);background:var(--red-warm-40)!important}.bg-red-warm-30{--background:var(--red-warm-30);background:var(--red-warm-30)!important}.bg-red-warm-20{--background:var(--red-warm-20);background:var(--red-warm-20)!important}.bg-red-warm-10{--background:var(--red-warm-10);background:var(--red-warm-10)!important}.bg-red-warm-5{--background:var(--red-warm-5);background:var(--red-warm-5)!important}.bg-red-vivid-80{--background:var(--red-vivid-80);background:var(--red-vivid-80)!important}.bg-red-vivid-70{--background:var(--red-vivid-70);background:var(--red-vivid-70)!important}.bg-red-vivid-60{--background:var(--red-vivid-60);background:var(--red-vivid-60)!important}.bg-red-vivid-50{--background:var(--red-vivid-50);background:var(--red-vivid-50)!important}.bg-red-vivid-40{--background:var(--red-vivid-40);background:var(--red-vivid-40)!important}.bg-red-vivid-30{--background:var(--red-vivid-30);background:var(--red-vivid-30)!important}.bg-red-vivid-20{--background:var(--red-vivid-20);background:var(--red-vivid-20)!important}.bg-red-vivid-10{--background:var(--red-vivid-10);background:var(--red-vivid-10)!important}.bg-red-vivid-5{--background:var(--red-vivid-5);background:var(--red-vivid-5)!important}.bg-red-cool-vivid-80{--background:var(--red-cool-vivid-80);background:var(--red-cool-vivid-80)!important}.bg-red-cool-vivid-70{--background:var(--red-cool-vivid-70);background:var(--red-cool-vivid-70)!important}.bg-red-cool-vivid-60{--background:var(--red-cool-vivid-60);background:var(--red-cool-vivid-60)!important}.bg-red-cool-vivid-50{--background:var(--red-cool-vivid-50);background:var(--red-cool-vivid-50)!important}.bg-red-cool-vivid-40{--background:var(--red-cool-vivid-40);background:var(--red-cool-vivid-40)!important}.bg-red-cool-vivid-30{--background:var(--red-cool-vivid-30);background:var(--red-cool-vivid-30)!important}.bg-red-cool-vivid-20{--background:var(--red-cool-vivid-20);background:var(--red-cool-vivid-20)!important}.bg-red-cool-vivid-10{--background:var(--red-cool-vivid-10);background:var(--red-cool-vivid-10)!important}.bg-red-cool-vivid-5{--background:var(--red-cool-vivid-5);background:var(--red-cool-vivid-5)!important}.bg-red-warm-vivid-80{--background:var(--red-warm-vivid-80);background:var(--red-warm-vivid-80)!important}.bg-red-warm-vivid-70{--background:var(--red-warm-vivid-70);background:var(--red-warm-vivid-70)!important}.bg-red-warm-vivid-60{--background:var(--red-warm-vivid-60);background:var(--red-warm-vivid-60)!important}.bg-red-warm-vivid-50{--background:var(--red-warm-vivid-50);background:var(--red-warm-vivid-50)!important}.bg-red-warm-vivid-40{--background:var(--red-warm-vivid-40);background:var(--red-warm-vivid-40)!important}.bg-red-warm-vivid-30{--background:var(--red-warm-vivid-30);background:var(--red-warm-vivid-30)!important}.bg-red-warm-vivid-20{--background:var(--red-warm-vivid-20);background:var(--red-warm-vivid-20)!important}.bg-red-warm-vivid-10{--background:var(--red-warm-vivid-10);background:var(--red-warm-vivid-10)!important}.bg-red-warm-vivid-5{--background:var(--red-warm-vivid-5);background:var(--red-warm-vivid-5)!important}.bg-violet-90{--background:var(--violet-90);background:var(--violet-90)!important}.bg-violet-80{--background:var(--violet-80);background:var(--violet-80)!important}.bg-violet-70{--background:var(--violet-70);background:var(--violet-70)!important}.bg-violet-60{--background:var(--violet-60);background:var(--violet-60)!important}.bg-violet-50{--background:var(--violet-50);background:var(--violet-50)!important}.bg-violet-40{--background:var(--violet-40);background:var(--violet-40)!important}.bg-violet-30{--background:var(--violet-30);background:var(--violet-30)!important}.bg-violet-20{--background:var(--violet-20);background:var(--violet-20)!important}.bg-violet-10{--background:var(--violet-10);background:var(--violet-10)!important}.bg-violet-5{--background:var(--violet-5);background:var(--violet-5)!important}.bg-violet-warm-90{--background:var(--violet-warm-90);background:var(--violet-warm-90)!important}.bg-violet-warm-80{--background:var(--violet-warm-80);background:var(--violet-warm-80)!important}.bg-violet-warm-70{--background:var(--violet-warm-70);background:var(--violet-warm-70)!important}.bg-violet-warm-60{--background:var(--violet-warm-60);background:var(--violet-warm-60)!important}.bg-violet-warm-50{--background:var(--violet-warm-50);background:var(--violet-warm-50)!important}.bg-violet-warm-40{--background:var(--violet-warm-40);background:var(--violet-warm-40)!important}.bg-violet-warm-30{--background:var(--violet-warm-30);background:var(--violet-warm-30)!important}.bg-violet-warm-20{--background:var(--violet-warm-20);background:var(--violet-warm-20)!important}.bg-violet-warm-10{--background:var(--violet-warm-10);background:var(--violet-warm-10)!important}.bg-violet-warm-5{--background:var(--violet-warm-5);background:var(--violet-warm-5)!important}.bg-violet-vivid-80{--background:var(--violet-vivid-80);background:var(--violet-vivid-80)!important}.bg-violet-vivid-70{--background:var(--violet-vivid-70);background:var(--violet-vivid-70)!important}.bg-violet-vivid-60{--background:var(--violet-vivid-60);background:var(--violet-vivid-60)!important}.bg-violet-vivid-50{--background:var(--violet-vivid-50);background:var(--violet-vivid-50)!important}.bg-violet-vivid-40{--background:var(--violet-vivid-40);background:var(--violet-vivid-40)!important}.bg-violet-vivid-30{--background:var(--violet-vivid-30);background:var(--violet-vivid-30)!important}.bg-violet-vivid-20{--background:var(--violet-vivid-20);background:var(--violet-vivid-20)!important}.bg-violet-vivid-10{--background:var(--violet-vivid-10);background:var(--violet-vivid-10)!important}.bg-violet-vivid-5{--background:var(--violet-vivid-5);background:var(--violet-vivid-5)!important}.bg-violet-warm-vivid-80{--background:var(--violet-warm-vivid-80);background:var(--violet-warm-vivid-80)!important}.bg-violet-warm-vivid-70{--background:var(--violet-warm-vivid-70);background:var(--violet-warm-vivid-70)!important}.bg-violet-warm-vivid-60{--background:var(--violet-warm-vivid-60);background:var(--violet-warm-vivid-60)!important}.bg-violet-warm-vivid-50{--background:var(--violet-warm-vivid-50);background:var(--violet-warm-vivid-50)!important}.bg-violet-warm-vivid-40{--background:var(--violet-warm-vivid-40);background:var(--violet-warm-vivid-40)!important}.bg-violet-warm-vivid-30{--background:var(--violet-warm-vivid-30);background:var(--violet-warm-vivid-30)!important}.bg-violet-warm-vivid-20{--background:var(--violet-warm-vivid-20);background:var(--violet-warm-vivid-20)!important}.bg-violet-warm-vivid-10{--background:var(--violet-warm-vivid-10);background:var(--violet-warm-vivid-10)!important}.bg-violet-warm-vivid-5{--background:var(--violet-warm-vivid-5);background:var(--violet-warm-vivid-5)!important}.bg-yellow-90{--background:var(--yellow-90);background:var(--yellow-90)!important}.bg-yellow-80{--background:var(--yellow-80);background:var(--yellow-80)!important}.bg-yellow-70{--background:var(--yellow-70);background:var(--yellow-70)!important}.bg-yellow-60{--background:var(--yellow-60);background:var(--yellow-60)!important}.bg-yellow-50{--background:var(--yellow-50);background:var(--yellow-50)!important}.bg-yellow-40{--background:var(--yellow-40);background:var(--yellow-40)!important}.bg-yellow-30{--background:var(--yellow-30);background:var(--yellow-30)!important}.bg-yellow-20{--background:var(--yellow-20);background:var(--yellow-20)!important}.bg-yellow-10{--background:var(--yellow-10);background:var(--yellow-10)!important}.bg-yellow-5{--background:var(--yellow-5);background:var(--yellow-5)!important}.bg-yellow-vivid-80{--background:var(--yellow-vivid-80);background:var(--yellow-vivid-80)!important}.bg-yellow-vivid-70{--background:var(--yellow-vivid-70);background:var(--yellow-vivid-70)!important}.bg-yellow-vivid-60{--background:var(--yellow-vivid-60);background:var(--yellow-vivid-60)!important}.bg-yellow-vivid-50{--background:var(--yellow-vivid-50);background:var(--yellow-vivid-50)!important}.bg-yellow-vivid-40{--background:var(--yellow-vivid-40);background:var(--yellow-vivid-40)!important}.bg-yellow-vivid-30{--background:var(--yellow-vivid-30);background:var(--yellow-vivid-30)!important}.bg-yellow-vivid-20{--background:var(--yellow-vivid-20);background:var(--yellow-vivid-20)!important}.bg-yellow-vivid-10{--background:var(--yellow-vivid-10);background:var(--yellow-vivid-10)!important}.bg-yellow-vivid-5{--background:var(--yellow-vivid-5);background:var(--yellow-vivid-5)!important}.bg-interactive{--background:var(--interactive);background:var(--interactive)!important}.bg-interactive-dark{--background:var(--interactive-dark);background:var(--interactive-dark)!important}.bg-danger{--background:var(--danger);background:var(--danger)!important}.bg-warning{--background:var(--warning);background:var(--warning)!important}.bg-success{--background:var(--success);background:var(--success)!important}.bg-info{--background:var(--info);background:var(--info)!important}.bg-primary-pastel-01{background:var(--color-primary-pastel-01)!important}.bg-primary-pastel-02{background:var(--color-primary-pastel-02)!important}.bg-primary-lighten-01{background:var(--color-primary-lighten-01)!important}.bg-primary-lighten-01,.bg-primary-lighten-02{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-primary-lighten-02{background:var(--color-primary-lighten-02)!important}.bg-primary-default{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-primary-default)!important}.text-primary-default{color:var(--color-primary-default)!important}.bg-primary-darken-01{background:var(--color-primary-darken-01)!important}.bg-primary-darken-01,.bg-primary-darken-02{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-primary-darken-02{background:var(--color-primary-darken-02)!important}.bg-secondary-01{background:var(--color-secondary-01)!important}.bg-secondary-02{background:var(--color-secondary-02)!important}.bg-secondary-03{background:var(--color-secondary-03)!important}.bg-secondary-04{background:var(--color-secondary-04)!important}.bg-secondary-05{background:var(--color-secondary-05)!important}.bg-secondary-06{background:var(--color-secondary-06)!important}.bg-secondary-06,.bg-secondary-07{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-secondary-07{background:var(--color-secondary-07)!important}.bg-secondary-08{background:var(--color-secondary-08)!important}.bg-secondary-08,.bg-secondary-09{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-secondary-09{background:var(--color-secondary-09)!important}.bg-highlight{background:var(--color-highlight)!important}.bg-highlight,.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-support-01{background:var(--color-support-01)!important}.bg-support-02{background:var(--color-support-02)!important}.bg-support-03{background:var(--color-support-03)!important}.bg-support-03,.bg-support-04{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-support-04{background:var(--color-support-04)!important}.bg-support-05{background:var(--color-support-05)!important}.bg-support-06{background:var(--color-support-06)!important}.bg-support-07{background:var(--color-support-07)!important}.bg-support-07,.bg-support-08{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.bg-support-08{background:var(--color-support-08)!important}.bg-support-09{background:var(--color-support-09)!important}.bg-support-10{background:var(--color-support-10)!important}.bg-support-11{background:var(--color-support-11)!important}.text-right{text-align:right!important}.text-nowrap{white-space:nowrap!important}.text-medium{font-weight:500!important}.text-base{font-size:var(--font-size-scale-base)!important}.text-down-01{font-size:var(--font-size-scale-down-01)!important}@media (min-width:576px){.text-sm-center{text-align:center!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}}.ease{-webkit-animation-timing-function:ease;animation-timing-function:ease}.ease-in-out{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear,left top,left bottom,from(var(--status-highlight-overlay)),to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay),var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}.disabled,[disabled]{cursor:not-allowed;opacity:var(--disabled)}.disabled *,[disabled] *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--interactive-rgb),var(--hover))),to(rgba(var(--interactive-rgb),var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover)))}[data-toggle=collapse]:focus{outline:none}[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:block;position:relative}.br-tooltip .content{border-radius:4px;-webkit-box-shadow:var(--surface-offset-xl) var(--surface-offset-xl) var(--surface-offset-xl) rgba(0,0,0,.16);box-shadow:var(--surface-offset-xl) var(--surface-offset-xl) var(--surface-offset-xl) rgba(0,0,0,.16);color:var(--pure-0);display:none;font-size:var(--font-size-scale-down-01);font-weight:var(--font-weight-regular);left:0;position:absolute;text-align:center;top:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:4}.br-tooltip .content.small{padding:var(--spacing-scale-base) var(--spacing-scale-base)}.br-tooltip .content.medium{padding:var(--spacing-scale-baseh) var(--spacing-scale-baseh)}.br-tooltip .content.large{padding:var(--spacing-scale-2x) var(--spacing-scale-2x)}.br-tooltip .content.is-visible{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.br-tooltip .content.popover br-button{-ms-flex-item-align:start;align-self:flex-start;margin-left:var(--spacing-scale-half)}.br-tooltip .content:focus-visible{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset)}.br-tooltip .arrow{height:8px;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.br-tooltip .arrow.info,.br-tooltip .content.info{background-color:var(--blue-warm-vivid-60)}.br-tooltip .arrow.info br-button::part(button),.br-tooltip .content.info br-button::part(button){color:var(--pure-0)}.br-tooltip .arrow.info br-button::part(button):hover,.br-tooltip .content.info br-button::part(button):hover{background:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--pure-0-rgb),var(--hover))),to(rgba(var(--pure-0-rgb),var(--hover))));background:linear-gradient(rgba(var(--pure-0-rgb),var(--hover)),rgba(var(--pure-0-rgb),var(--hover)))}.br-tooltip .arrow.warning,.br-tooltip .content.warning{background-color:var(--yellow-vivid-20);color:var(--gray-80)}.br-tooltip .arrow.warning br-button::part(button),.br-tooltip .content.warning br-button::part(button){color:var(--gray-80)}.br-tooltip .arrow.warning br-button::part(button):hover,.br-tooltip .content.warning br-button::part(button):hover{background:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--gray-80-rgb),var(--hover))),to(rgba(var(--gray-80-rgb),var(--hover))));background:linear-gradient(rgba(var(--gray-80-rgb),var(--hover)),rgba(var(--gray-80-rgb),var(--hover)))}.br-tooltip .arrow.error,.br-tooltip .content.error{background-color:var(--red-vivid-50)}.br-tooltip .arrow.error br-button::part(button),.br-tooltip .content.error br-button::part(button){color:var(--pure-0)}.br-tooltip .arrow.error br-button::part(button):hover,.br-tooltip .content.error br-button::part(button):hover{background:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--pure-0-rgb),var(--hover))),to(rgba(var(--pure-0-rgb),var(--hover))));background:linear-gradient(rgba(var(--pure-0-rgb),var(--hover)),rgba(var(--pure-0-rgb),var(--hover)))}.br-tooltip .arrow.success,.br-tooltip .content.success{background-color:var(--green-cool-vivid-50)}.br-tooltip .arrow.success br-button::part(button),.br-tooltip .content.success br-button::part(button){color:var(--pure-0)}.br-tooltip .arrow.success br-button::part(button):hover,.br-tooltip .content.success br-button::part(button):hover{background:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--pure-0-rgb),var(--hover))),to(rgba(var(--pure-0-rgb),var(--hover))));background:linear-gradient(rgba(var(--pure-0-rgb),var(--hover)),rgba(var(--pure-0-rgb),var(--hover)))}";
+
+const O =  r(class r extends a {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.brDidOpen = o(this, "brDidOpen");
+    this.brDidClose = o(this, "brDidClose");
+    this.elementInternals = this.attachInternals();
+  }
+  get el() {
+    return this;
+  }
+  /**
+     * Referência ao elemento Internals do componente.
+     * O elemento Internals fornece uma interface para acessar e manipular o estado interno do componente.
+     * Isso é útil para componentes que precisam se integrar com o sistema de formulários nativo do navegador.
+     */  elementInternals;
+  /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+  customId=n.generateUniqueId();
+  /**
+     * Define a posição do tooltip em relação ao elemento acionador.
+     * As opções disponíveis são: 'top', 'bottom', 'left' e 'right'.
+     * @default 'top'
+     */
+  position="top";
+  /**
+     * Define o tipo de tooltip a ser exibido.
+     * As opções disponíveis são: 'standard' e 'popover'.
+     * O tipo 'standard' exibe um tooltip simples, enquanto o tipo 'popover' exibe um tooltip com mais informações e fechamento por interação.
+     * @default 'standard'
+     */
+  type="standard";
+  /**
+     * Define a densidade do tooltip.
+     * As opções disponíveis são: 'large', 'medium' e 'small'.
+     * A densidade 'small' exibe um tooltip mais compacto, enquanto a densidade 'large' exibe um tooltip mais espaçado.
+     * @default 'medium'
+     */
+  density="medium";
+  /**
+     * Define o estado do tooltip.
+     * Os estados disponíveis são: 'info', 'warning', 'error' e 'success'.
+     * @default 'info'
+     */
+  state="info";
+  /**
+     * Define se o tooltip deve ser exibido automaticamente.
+     * Quando definido como true, o tooltip será exibido automaticamente.
+     * Quando definido como false, o tooltip será exibido apenas quando acionado pelo usuário.
+     * @default false
+     */
+  isAutoVisible=false;
+  /**
+     * Define o atraso em milissegundos para exibir o tooltip.
+     * @default null
+     */
+  showDelay=null;
+  /**
+     * Define o atraso em milissegundos para ocultar o tooltip.
+     * @default null
+     */
+  hideDelay=null;
+  /**
+     * Define a visibilidade do tooltip.
+     * Quando definido como true, o tooltip será exibido.
+     * Quando definido como false, o tooltip será ocultado.
+     * @default false
+     */
+  isVisible=false;
+  /**
+     * Watcher para monitorar alterações na propriedade `isVisible`.
+     * @param visible boolean
+     * @returns void
+     */
+  handleVisibilityChange(r) {
+    if (this.contentElement == null) return;
+    if (r) {
+      this.positionTooltip();
+      this.brDidOpen.emit();
+    } else {
+      this.clearAutoUpdate?.();
+      this.clearAutoUpdate = undefined;
+      this.brDidClose.emit();
+    }
+  }
+  /**
+     * Evento emitido quando o tooltip é aberto.
+     */  brDidOpen;
+  /**
+     * Evento emitido quando o tooltip é fechado.
+     */
+  brDidClose;
+  /**
+     * Listener para o evento de foco no elemento acionador.
+     * Este evento é utilizado para exibir o tooltip quando o elemento acionador recebe foco.
+     */
+  handleFocusIn() {
+    if (!this.fromPointerDown) {
+      this.showContent();
+    }
+    this.fromPointerDown = false;
+  }
+  /**
+     * Listener para o evento de desfoque no elemento acionador.
+     * Este evento é utilizado para ocultar o tooltip quando o elemento acionador perde o foco.
+     */  handleFocusOut() {
+    this.hideContent();
+  }
+  /**
+     * Listener para o evento de teclado no documento.
+     * Este evento é utilizado para fechar o tooltip quando a tecla Escape é pressionada.
+     * @param event KeyboardEvent
+     */  handleKeyDown(r) {
+    if (r.key === "Escape") {
+      r.preventDefault();
+      this.hideContent();
+      this.triggerElement?.focus();
+    }
+  }
+  floatingManager;
+  /**
+     * Elemento que aciona a exibição do tooltip.
+     * Este elemento é referenciado para garantir que o tooltip seja posicionado corretamente em relação a ele.
+     */
+  triggerElement;
+  /**
+     * Elemento que contém o conteúdo do tooltip.
+     * Este elemento é referenciado para garantir que o tooltip seja posicionado corretamente em relação a ele.
+     */
+  contentElement;
+  /**
+     * Elemento que representa a seta do tooltip.
+     * Este elemento é utilizado para indicar a direção do tooltip em relação ao elemento acionador.
+     */
+  arrowElement;
+  /**
+     * Função de limpeza para atualizar a posição do tooltip automaticamente.
+     * Esta função é chamada quando o tooltip não está mais visível ou quando o componente é desconectado.
+     * Isso garante que o tooltip não consuma recursos desnecessários quando não estiver em uso.
+     */
+  clearAutoUpdate;
+  /**
+     * Tempo limite para exibir o tooltip automaticamente.
+     */
+  showTimer;
+  /**
+     * Tempo limite para ocultar o tooltip.
+     */
+  hideTimer;
+  /**
+     * Indica se o tooltip foi acionado por um clique do mouse.
+     * Isso é utilizado para evitar conflito com o acionamento por foco.
+     */
+  fromPointerDown=false;
+  /**
+     * Controla a exibição do tooltip.
+     * Quando o tooltip é exibido, ele é posicionado em relação ao elemento acionador.
+     * Isso é feito utilizando a biblioteca Floating UI, que calcula a posição ideal do tooltip com base no espaço disponível na tela.
+     * A função `autoUpdate` é utilizada para atualizar automaticamente a posição do tooltip quando o elemento acionador é movido ou redimensionado.
+     */
+  positionTooltip() {
+    if (this.triggerElement == null || this.contentElement == null) return;
+    this.floatingManager = new x({
+      triggerElement: this.triggerElement,
+      contentElement: this.contentElement,
+      arrowElement: this.arrowElement,
+      placement: this.position
+    });
+    this.floatingManager.start();
+  }
+  cleanupPositioning() {
+    this.floatingManager?.stop();
+  }
+  /**
+     * Define os eventos de interação do tooltip.
+     * Os eventos de interação incluem mouseenter, mouseleave, focus e blur.
+     * @returns void
+     */  setupInteractions() {
+    if (this.triggerElement == null || this.contentElement == null) return;
+    if (this.type === "standard") {
+      this.triggerElement.addEventListener("mouseenter", this.showContent);
+      this.triggerElement.addEventListener("mouseleave", this.hideContent);
+    }
+    if (this.type === "popover") {
+      this.triggerElement.addEventListener("pointerdown", this.toggleContent);
+    }
+    if (this.isAutoVisible) {
+      requestAnimationFrame((() => {
+        this.clearShowTimer();
+        this.setShowTimer();
+      }));
+    }
+  }
+  /**
+     * Alterna a exibição do tooltip.
+     * Se o tooltip estiver visível, ele será ocultado.
+     * Se o tooltip estiver oculto, ele será exibido.
+     */  toggleContent=() => {
+    this.fromPointerDown = true;
+    if (this.isVisible) {
+      this.hideContent();
+    } else {
+      this.showContent();
+    }
+  };
+  /**
+     * Processa as ações relacionadas à exibição do tooltip.
+     * Isso inclui exibir o tooltip e iniciar o tempo limite de ocultação automática.
+     * @returns void
+     */
+  showContent=() => {
+    if (this.contentElement == null) return;
+    this.isVisible = true;
+    if (this.isAutoVisible) {
+      if (this.hideDelay !== null) {
+        this.clearHideTimer();
+        this.setHideTimer();
+      }
+    }
+    if (this.type === "popover") {
+      document.addEventListener("click", this.handleOutsideClick);
+    }
+  };
+  /**
+     * Processa as ações relacionadas ao fechamento do tooltip.
+     * Isso inclui ocultar o tooltip e limpar o tempo limite de ocultação automática.
+     * @returns void
+     */
+  hideContent=() => {
+    if (this.contentElement == null) return;
+    this.isVisible = false;
+    if (this.type === "popover") {
+      document.removeEventListener("click", this.handleOutsideClick);
+      requestAnimationFrame((() => this.contentElement?.focus()));
+    }
+  };
+  /**
+     * Configura o tempo limite para exibir o tooltip automaticamente.
+     * O tempo limite é definido pelo valor da propriedade `showDelay`.
+     */
+  setShowTimer() {
+    this.showTimer = setTimeout((() => {
+      this.showContent();
+    }), this.showDelay || 0);
+  }
+  /**
+     * Limpa o tempo limite de exibição automática do tooltip.
+     */  clearShowTimer() {
+    if (this.showTimer !== undefined) {
+      clearTimeout(this.showTimer);
+      this.showTimer = undefined;
+    }
+  }
+  /**
+     * Configura o tempo limite para ocultar o tooltip automaticamente.
+     * O tempo limite é definido pelo valor da propriedade `hideDelay`.
+     */  setHideTimer() {
+    this.hideTimer = setTimeout((() => {
+      this.hideContent();
+    }), this.hideDelay);
+  }
+  /**
+     * Limpa o tempo limite de ocultação automática do tooltip.
+     */  clearHideTimer() {
+    if (this.hideTimer !== undefined) {
+      clearTimeout(this.hideTimer);
+      this.hideTimer = undefined;
+    }
+  }
+  /**
+     * Lida com cliques fora do tooltip.
+     * É utilizado para o tooltip do tipo 'popover'.
+     * @param event MouseEvent
+     */  handleOutsideClick=r => {
+    const a = r.composedPath();
+    if (this.isVisible && this.type === "popover" && !a.includes(this.contentElement) && !a.includes(this.triggerElement)) {
+      this.hideContent();
+    }
+  };
+  /**
+     * Determina o mapeamento de classes CSS do componente.
+     * @returns Um objeto que representa o mapeamento de classes CSS do componente.
+     */
+  getCssClassMap() {
+    return {
+      "br-tooltip": true
+    };
+  }
+  /**
+     * Determina o mapeamento de classes CSS do trigger.
+     * @returns Um objeto que representa o mapeamento de classes CSS do trigger.
+     */  getTriggerCssClassMap() {
+    return {
+      trigger: true
+    };
+  }
+  /**
+     * Determina o mapeamento de classes CSS do conteúdo.
+     * @returns Um objeto que representa o mapeamento de classes CSS do conteúdo.
+     */  getContentCssClassMap() {
+    return {
+      "is-visible": this.isVisible,
+      content: true,
+      popover: this.type === "popover",
+      large: this.density === "large",
+      medium: this.density === "medium",
+      small: this.density === "small",
+      info: this.state === "info",
+      warning: this.state === "warning",
+      error: this.state === "error",
+      success: this.state === "success"
+    };
+  }
+  /**
+     * Determina o mapeamento de classes CSS da seta.
+     * @returns Um objeto que representa o mapeamento de classes CSS da seta.
+     */  getArrowCssClassMap() {
+    return {
+      arrow: true,
+      large: this.density === "large",
+      medium: this.density === "medium",
+      small: this.density === "small",
+      info: this.state === "info",
+      warning: this.state === "warning",
+      error: this.state === "error",
+      success: this.state === "success"
+    };
+  }
+  /**
+     * Método do ciclo de vida do componente.
+     * Este método é chamado uma única vez após o componente ser montado no DOM.
+     */  componentDidLoad() {
+    if (typeof window === "undefined") return;
+    this.setupInteractions();
+  }
+  /**
+     * Método do ciclo de vida do componente.
+     * Este método é chamado quando o componente é desconectado do DOM.
+     */  disconnectedCallback() {
+    if (this.type === "standard") {
+      this.triggerElement?.removeEventListener("mouseenter", this.showContent);
+      this.triggerElement?.removeEventListener("mouseleave", this.hideContent);
+    } else if (this.type === "popover") {
+      this.triggerElement?.removeEventListener("pointerdown", this.toggleContent);
+      document.removeEventListener("click", this.handleOutsideClick);
+    }
+    this.cleanupPositioning();
+    this.clearShowTimer();
+    this.clearHideTimer();
+  }
+  /**
+     * Renderiza o componente.
+     * Este método é responsável por gerar o conteúdo HTML do componente.
+     * Ele utiliza a função `h` do Stencil para criar elementos JSX.
+     * @returns JSX.Element
+     */  render() {
+    return t(i, {
+      key: "c2ee0c8f2fb36acda135948629412023bce72e2b"
+    }, t("div", {
+      key: "05d87a50f8e33874bf9ecf7eeb0d8ac5cb79df3e",
+      id: this.customId,
+      class: this.getCssClassMap()
+    }, t("div", {
+      key: "71997f8547d509d31cb51f446354ed071ced6e30",
+      class: this.getTriggerCssClassMap(),
+      ref: r => this.triggerElement = r,
+      "aria-describedby": `${this.customId}-content`,
+      "aria-expanded": this.isVisible ? "true" : "false",
+      "aria-controls": `${this.customId}-content`,
+      role: "button",
+      tabindex: "-1  "
+    }, t("slot", {
+      key: "b21d028a56374bc1ade6723b482b36eaf095d61a",
+      name: "trigger"
+    })), t("div", {
+      key: "ad412dcef59491cd56e5dbc7ce74a9e57fdec640",
+      id: `${this.customId}-content`,
+      class: this.getContentCssClassMap(),
+      ref: r => this.contentElement = r,
+      role: this.type === "popover" ? "dialog" : "tooltip",
+      tabindex: "-1"
+    }, t("slot", {
+      key: "6a92b688e02a9a63786fcb999dc7a923c271087a",
+      name: "content"
+    }), this.type === "popover" && t("br-button", {
+      key: "d3cb6806d7b71e6893da692c087f54bce057483e",
+      class: "close",
+      shape: "circle",
+      density: "small",
+      onClick: this.hideContent,
+      "aria-label": "Fechar popover"
+    }, t("br-icon", {
+      key: "0661b70afafe7bd7203cc93cbdf2537ad5dfb389",
+      "icon-name": "fa6-solid:xmark"
+    })), t("div", {
+      key: "852540bd9ef91d874df93785192dba5af023e3d8",
+      class: this.getArrowCssClassMap(),
+      ref: r => this.arrowElement = r
+    }))));
+  }
+  static get formAssociated() {
+    return true;
+  }
+  static get watchers() {
+    return {
+      isVisible: [ "handleVisibilityChange" ]
+    };
+  }
+  static get style() {
+    return A;
+  }
+}, [ 65, "br-tooltip", {
+  customId: [ 513, "custom-id" ],
+  position: [ 513 ],
+  type: [ 513 ],
+  density: [ 513 ],
+  state: [ 513 ],
+  isAutoVisible: [ 516, "is-auto-visible" ],
+  showDelay: [ 514, "show-delay" ],
+  hideDelay: [ 514, "hide-delay" ],
+  isVisible: [ 32 ]
+}, [ [ 0, "focusin", "handleFocusIn" ], [ 0, "focusout", "handleFocusOut" ], [ 4, "keydown", "handleKeyDown" ] ], {
+  isVisible: [ "handleVisibilityChange" ]
+} ]);
+
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const r = [ "br-tooltip", "br-button", "br-icon" ];
+  r.forEach((r => {
+    switch (r) {
+     case "br-tooltip":
+      if (!customElements.get(r)) {
+        customElements.define(r, O);
+      }
+      break;
+
+     case "br-button":
+      if (!customElements.get(r)) {
+        e();
+      }
+      break;
+
+     case "br-icon":
+      if (!customElements.get(r)) {
+        g();
+      }
+      break;
+    }
+  }));
+}
+
+const C = O;
+
+const S = defineCustomElement$1;
+
+export { C as BrTooltip, S as defineCustomElement };
+//# sourceMappingURL=br-tooltip.js.map
+//# sourceMappingURL=br-tooltip.js.map