@snksergio/design-system 0.46.0 → 0.48.0

package/dist-lib/index.mjs

@@ -1,22 +1,22 @@
-import { g as getContrastTextColor, a as FormField, e as Avatar, i as isFilterEntryActive, f as FilterPopover, T as ToolbarToolButton, h as ButtonGroup, j as ToolbarSimpleFilterDrawer, k as TableToolbar, l as ToolbarActions, m as ToolbarFilterButton, n as ToolbarSearch, o as ToolbarApplied, q as ToolbarTabs, r as columnTypeRegistry, L as ListItem, s as List } from "./chunks/panel-BxYvTvlN.mjs";
-import { t, A, B, u, C, v, w, x, D, y, z, E, G, H, I, J, K, M, d, N, O, Q, R, S, F, b, U, c, V, W, P, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, p, ai, aj, ak, al, am } from "./chunks/panel-BxYvTvlN.mjs";
-import { C as Chip } from "./chunks/useTheme-CS_no6zP.mjs";
-import { A as A2, a, b as b2, H as H2, c as c2, d as d2, e, f, g, M as M2, S as S2, h, i, j, k, l, m, n, U as U2, o, p as p2, q, r, s, t as t2, v as v2, w as w2, u as u2 } from "./chunks/useTheme-CS_no6zP.mjs";
-import { t as tv, X as Popover, $ as PopoverTrigger, _ as PopoverContent, B as Button, D as Dialog, x as DialogTrigger, c as cn, p as DialogContent, w as DialogTitle, Y as PopoverAnchor, o as DialogClose, q as DialogDescription, y as DropdownMenu, Q as DropdownMenuTrigger, E as DropdownMenuContent, L as DropdownMenuSeparator, G as DropdownMenuItem } from "./chunks/avatar-DFWEwBKu.mjs";
-import { R as R2, S as S3, T, U as U3, V as V2, W as W2, z as z2, H as H3, J as J2, K as K2, a9 as a92, a8 as a82 } from "./chunks/avatar-DFWEwBKu.mjs";
+import { g as getContrastTextColor, a as FormField, e as Avatar, i as isFilterEntryActive, f as FilterPopover, T as ToolbarToolButton, h as ButtonGroup, j as ToolbarSimpleFilterDrawer, k as TableToolbar, l as ToolbarActions, m as ToolbarFilterButton, n as ToolbarSearch, o as ToolbarApplied, q as ToolbarTabs, r as columnTypeRegistry, L as ListItem, s as List } from "./chunks/panel-DlZeQw7G.mjs";
+import { t, A, B, u, C, v, w, x, D, y, z, E, G, H, I, J, K, M, d, N, O, Q, R, S, F, b, U, c, V, W, P, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, p, ai, aj, ak, al, am } from "./chunks/panel-DlZeQw7G.mjs";
+import { C as Chip } from "./chunks/useTheme-Bk8AYqLr.mjs";
+import { A as A2, a, b as b2, H as H2, c as c2, d as d2, e, f, g, M as M2, S as S2, h, i, j, k, l, m, n, U as U2, o, p as p2, q, r, s, t as t2, v as v2, w as w2, u as u2 } from "./chunks/useTheme-Bk8AYqLr.mjs";
+import { a8 as tv, V as Popover, Z as PopoverTrigger, Y as PopoverContent, a7 as Button, D as Dialog, w as DialogTrigger, c as cn, p as DialogContent, v as DialogTitle, W as PopoverAnchor, o as DialogClose, q as DialogDescription, x as DropdownMenu, O as DropdownMenuTrigger, z as DropdownMenuContent, J as DropdownMenuSeparator, E as DropdownMenuItem } from "./chunks/avatar-FPbG1TRy.mjs";
+import { P as P2, Q as Q2, R as R2, S as S3, T, U as U3, y as y2, F as F2, H as H3, I as I2, a9 as a92, a6 as a62 } from "./chunks/avatar-FPbG1TRy.mjs";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { forwardRef, useId, useState, Fragment as Fragment$1, isValidElement, useCallback, useMemo, createElement, useRef, useEffect, useLayoutEffect } from "react";
-import { l as Checkbox, C as Calendar, T as Textarea } from "./chunks/sheet-D1vQth7X.mjs";
-import { G as G2, H as H4, F as F2, O as O2 } from "./chunks/sheet-D1vQth7X.mjs";
+import { l as Checkbox, C as Calendar, T as Textarea } from "./chunks/sheet-7v5vamnP.mjs";
+import { G as G2, H as H4, F as F3, O as O2 } from "./chunks/sheet-7v5vamnP.mjs";
 import { Check, MoreHorizontal, SlidersHorizontal, Calendar as Calendar$1, AlertCircle, CheckCheck, Clock, MoreVertical, Ban, X as X2, CalendarDays, ChevronDown, ChevronLeft, ChevronRight, RefreshCw, OctagonX, TriangleAlert, CircleCheck, Info, Bell } from "lucide-react";
 import { Reply } from "lucide-react";
-import { ay as Separator } from "./chunks/toggle-group-DPzjrk6O.mjs";
-import { B as B2, aH } from "./chunks/toggle-group-DPzjrk6O.mjs";
-import { I as Input } from "./chunks/input-CfmzMYtd.mjs";
-import { i as i2 } from "./chunks/input-CfmzMYtd.mjs";
-import { a as a10, b as b3, K as K3 } from "./chunks/kpi-delta-DuxCD93G.mjs";
-import { P as P2, p as p3 } from "./chunks/page-header--cPS_Z-a.mjs";
+import { ay as Separator, az as Skeleton } from "./chunks/toggle-group-CnAN6ZnT.mjs";
+import { B as B2, aI } from "./chunks/toggle-group-CnAN6ZnT.mjs";
+import { I as Input } from "./chunks/input-tjIT8HNE.mjs";
+import { i as i2 } from "./chunks/input-tjIT8HNE.mjs";
+import { a as a10, b as b3, K as K2 } from "./chunks/kpi-delta-BRTgTaO1.mjs";
+import { P as P3, p as p3 } from "./chunks/page-header-DdWp9c-r.mjs";
 import * as RechartsPrimitive from "recharts";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import "@hello-pangea/dnd";
@@ -3730,7 +3730,10 @@ const fileUploadFieldStyles = tv({
   slots: {
     dropzone: [
       "flex w-full flex-col items-center justify-center text-center",
-      "min-h-form-xl gap-gp-xs px-pad-2xl py-pad-lg",
+      // Vertical MAIOR que o horizontal de propósito: é uma área de soltar, não uma linha de
+      // form. Estava `py-pad-lg` (10px) contra `px-pad-2xl` (16px) — apertado justamente no
+      // eixo que dá a leitura de "zona", e o conteúdo ficava colado na borda tracejada.
+      "min-h-form-xl gap-gp-xs px-pad-2xl py-pad-4xl",
       "rounded-radius-xl bg-bg-muted",
       "border border-dashed border-border-default",
       "transition-[color,box-shadow,background-color,border-color] duration-200 ease-out",
@@ -3739,6 +3742,15 @@ const fileUploadFieldStyles = tv({
       "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
     ],
     dropIcon: "text-fg-subtle",
+    /**
+     * Título e hint num bloco próprio, com gap de 2px.
+     *
+     * Antes os três (ícone, título, hint) eram irmãos sob o `gap-gp-xs` (4px) do dropzone —
+     * um gap só governando duas relações diferentes. Título↔hint são a MESMA informação em
+     * dois níveis e querem ficar juntos; o ícone é outro elemento e quer respiro. Agrupar é o
+     * que permite os dois valores.
+     */
+    dropTexts: "flex flex-col items-center gap-gp-2xs",
     dropText: "text-body-sm text-fg-muted",
     dropHint: "text-caption-md text-fg-subtle",
     fileRow: [
@@ -3879,8 +3891,10 @@ function FileUploadField({
             className: styles2.dropzone(),
             children: [
               /* @__PURE__ */ jsx(Icon, { name: "line-cloud-upload", size: "lg", className: styles2.dropIcon() }),
-              /* @__PURE__ */ jsx("span", { className: styles2.dropText(), children: "Clique para anexar" }),
-              hint && /* @__PURE__ */ jsx("span", { className: styles2.dropHint(), children: hint })
+              /* @__PURE__ */ jsxs("span", { className: styles2.dropTexts(), children: [
+                /* @__PURE__ */ jsx("span", { className: styles2.dropText(), children: "Clique para anexar" }),
+                hint && /* @__PURE__ */ jsx("span", { className: styles2.dropHint(), children: hint })
+              ] })
             ]
           }
         ) : /* @__PURE__ */ jsxs("div", { className: styles2.fileRow(), children: [
@@ -4941,7 +4955,7 @@ const MonthYearPicker = forwardRef(function MonthYearPicker2({
               {
                 type: "button",
                 className: styles2.navButton(),
-                onClick: () => setViewYear((y2) => y2 - 1),
+                onClick: () => setViewYear((y3) => y3 - 1),
                 disabled: prevYearDisabled,
                 "aria-label": "Ano anterior",
                 children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-icon-sm", "aria-hidden": "true" })
@@ -4953,7 +4967,7 @@ const MonthYearPicker = forwardRef(function MonthYearPicker2({
               {
                 type: "button",
                 className: styles2.navButton(),
-                onClick: () => setViewYear((y2) => y2 + 1),
+                onClick: () => setViewYear((y3) => y3 + 1),
                 disabled: nextYearDisabled,
                 "aria-label": "Próximo ano",
                 children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-icon-sm", "aria-hidden": "true" })
@@ -4992,7 +5006,9 @@ const spinnerStyles = tv({
     size: {
       sm: "size-icon-sm",
       md: "size-icon-md",
-      lg: "size-icon-lg"
+      lg: "size-icon-lg",
+      xl: "size-icon-xl",
+      "2xl": "size-icon-2xl"
     },
     color: {
       current: "text-current",
@@ -5045,6 +5061,91 @@ const Spinner = forwardRef(function Spinner2({ size, color, label = "Carregando"
   );
 });
 Spinner.displayName = "Spinner";
+const screenLoaderStyles = tv({
+  slots: {
+    root: "flex h-full min-h-0 w-full flex-1 flex-col",
+    // título + descrição colados (gp-2xs = 2px); o respiro maior (gp-md do
+    // root) fica entre o Spinner e o bloco de texto
+    text: "flex flex-col items-center gap-gp-2xs",
+    title: "text-fg-strong",
+    description: "text-body-sm text-fg-muted max-w-[360px]",
+    skeletonHeader: "flex w-full items-start justify-between gap-gp-2xl",
+    skeletonHeaderText: "flex w-full flex-col gap-gp-md",
+    skeletonKpis: "grid w-full grid-cols-2 gap-gp-xl lg:grid-cols-4",
+    skeletonKpiCard: "min-h-[96px] w-full",
+    // basis-[240px] + grow/shrink em vez de min-h: em pai SEM altura o bloco
+    // vale 240px (fallback); em pai COM altura ele cresce/encolhe pra caber —
+    // min-h fixo estourava o container quando header + KPIs + bloco > pai
+    skeletonBody: "w-full grow shrink basis-[240px]"
+  },
+  variants: {
+    variant: {
+      spinner: {
+        root: "items-center justify-center gap-gp-md text-center"
+      },
+      skeleton: {
+        root: "gap-gp-2xl"
+      }
+    },
+    size: {
+      sm: { title: "text-title-sm" },
+      md: { title: "text-title-sm" },
+      lg: { title: "text-title-md" }
+    }
+  },
+  defaultVariants: {
+    variant: "spinner",
+    size: "md"
+  }
+});
+const SPINNER_SIZE = {
+  sm: "lg",
+  md: "xl",
+  lg: "2xl"
+};
+const ScreenLoader = forwardRef(
+  function ScreenLoader2({
+    variant = "spinner",
+    size = "md",
+    color = "brand",
+    title: title2 = "Carregando…",
+    description: description2,
+    skeletonLayout = "page",
+    className,
+    ...rest
+  }, ref) {
+    const styles2 = screenLoaderStyles({ variant, size });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "status",
+        "aria-live": "polite",
+        className: styles2.root({ className }),
+        ...rest,
+        children: variant === "spinner" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Spinner, { size: SPINNER_SIZE[size], color, "aria-hidden": true }),
+          /* @__PURE__ */ jsxs("div", { className: styles2.text(), children: [
+            /* @__PURE__ */ jsx("h3", { className: styles2.title(), children: title2 }),
+            description2 && /* @__PURE__ */ jsx("p", { className: styles2.description(), children: description2 })
+          ] })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: title2 }),
+          skeletonLayout !== "kpis" && /* @__PURE__ */ jsxs("div", { "aria-hidden": "true", className: styles2.skeletonHeader(), children: [
+            /* @__PURE__ */ jsxs("div", { className: styles2.skeletonHeaderText(), children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-[20px] w-1/3 max-w-[240px]" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-[12px] w-1/2 max-w-[360px]" })
+            ] }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "min-h-form-md w-[120px] shrink-0" })
+          ] }),
+          skeletonLayout !== "page" && /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: styles2.skeletonKpis(), children: Array.from({ length: 4 }, (_2, i3) => /* @__PURE__ */ jsx(Skeleton, { className: styles2.skeletonKpiCard() }, i3)) }),
+          /* @__PURE__ */ jsx(Skeleton, { "aria-hidden": "true", className: styles2.skeletonBody() })
+        ] })
+      }
+    );
+  }
+);
+ScreenLoader.displayName = "ScreenLoader";
 class Adder {
   constructor() {
     this._partials = new Float64Array(32);
@@ -5054,7 +5155,7 @@ class Adder {
     const p4 = this._partials;
     let i3 = 0;
     for (let j2 = 0; j2 < this._n && j2 < 32; j2++) {
-      const y2 = p4[j2], hi = x2 + y2, lo = Math.abs(x2) < Math.abs(y2) ? x2 - (hi - y2) : y2 - (hi - x2);
+      const y3 = p4[j2], hi = x2 + y3, lo = Math.abs(x2) < Math.abs(y3) ? x2 - (hi - y3) : y3 - (hi - x2);
       if (lo) p4[i3++] = lo;
       x2 = hi;
     }
@@ -5064,20 +5165,20 @@ class Adder {
   }
   valueOf() {
     const p4 = this._partials;
-    let n2 = this._n, x2, y2, lo, hi = 0;
+    let n2 = this._n, x2, y3, lo, hi = 0;
     if (n2 > 0) {
       hi = p4[--n2];
       while (n2 > 0) {
         x2 = hi;
-        y2 = p4[--n2];
-        hi = x2 + y2;
-        lo = y2 - (hi - x2);
+        y3 = p4[--n2];
+        hi = x2 + y3;
+        lo = y3 - (hi - x2);
         if (lo) break;
       }
       if (n2 > 0 && (lo < 0 && p4[n2 - 1] < 0 || lo > 0 && p4[n2 - 1] > 0)) {
-        y2 = lo * 2;
-        x2 = hi + y2;
-        if (y2 == x2 - hi) hi = x2;
+        y3 = lo * 2;
+        x2 = hi + y3;
+        if (y3 == x2 - hi) hi = x2;
       }
     }
     return hi;
@@ -5206,11 +5307,11 @@ function cartesianNormalizeInPlace(d3) {
   d3[0] /= l2, d3[1] /= l2, d3[2] /= l2;
 }
 function compose(a11, b4) {
-  function compose2(x2, y2) {
-    return x2 = a11(x2, y2), b4(x2[0], x2[1]);
+  function compose2(x2, y3) {
+    return x2 = a11(x2, y3), b4(x2[0], x2[1]);
   }
-  if (a11.invert && b4.invert) compose2.invert = function(x2, y2) {
-    return x2 = b4.invert(x2, y2), x2 && a11.invert(x2[0], x2[1]);
+  if (a11.invert && b4.invert) compose2.invert = function(x2, y3) {
+    return x2 = b4.invert(x2, y3), x2 && a11.invert(x2[0], x2[1]);
   };
   return compose2;
 }
@@ -5237,16 +5338,16 @@ function rotationLambda(deltaLambda) {
 function rotationPhiGamma(deltaPhi, deltaGamma) {
   var cosDeltaPhi = cos(deltaPhi), sinDeltaPhi = sin(deltaPhi), cosDeltaGamma = cos(deltaGamma), sinDeltaGamma = sin(deltaGamma);
   function rotation2(lambda, phi) {
-    var cosPhi = cos(phi), x2 = cos(lambda) * cosPhi, y2 = sin(lambda) * cosPhi, z3 = sin(phi), k2 = z3 * cosDeltaPhi + x2 * sinDeltaPhi;
+    var cosPhi = cos(phi), x2 = cos(lambda) * cosPhi, y3 = sin(lambda) * cosPhi, z2 = sin(phi), k2 = z2 * cosDeltaPhi + x2 * sinDeltaPhi;
     return [
-      atan2(y2 * cosDeltaGamma - k2 * sinDeltaGamma, x2 * cosDeltaPhi - z3 * sinDeltaPhi),
-      asin(k2 * cosDeltaGamma + y2 * sinDeltaGamma)
+      atan2(y3 * cosDeltaGamma - k2 * sinDeltaGamma, x2 * cosDeltaPhi - z2 * sinDeltaPhi),
+      asin(k2 * cosDeltaGamma + y3 * sinDeltaGamma)
     ];
   }
   rotation2.invert = function(lambda, phi) {
-    var cosPhi = cos(phi), x2 = cos(lambda) * cosPhi, y2 = sin(lambda) * cosPhi, z3 = sin(phi), k2 = z3 * cosDeltaGamma - y2 * sinDeltaGamma;
+    var cosPhi = cos(phi), x2 = cos(lambda) * cosPhi, y3 = sin(lambda) * cosPhi, z2 = sin(phi), k2 = z2 * cosDeltaGamma - y3 * sinDeltaGamma;
     return [
-      atan2(y2 * cosDeltaGamma + z3 * sinDeltaGamma, x2 * cosDeltaPhi + k2 * sinDeltaPhi),
+      atan2(y3 * cosDeltaGamma + z2 * sinDeltaGamma, x2 * cosDeltaPhi + k2 * sinDeltaPhi),
       asin(k2 * cosDeltaPhi - x2 * sinDeltaPhi)
     ];
   };
@@ -5289,8 +5390,8 @@ function circleRadius(cosRadius, point) {
 function clipBuffer() {
   var lines = [], line;
   return {
-    point: function(x2, y2, m2) {
-      line.push([x2, y2, m2]);
+    point: function(x2, y3, m2) {
+      line.push([x2, y3, m2]);
     },
     lineStart: function() {
       lines.push(line = []);
@@ -5661,10 +5762,10 @@ function clipCircle(radius) {
     cartesianAddInPlace(q2, A3);
     q2 = spherical(q2);
     if (!two) return q2;
-    var lambda0 = a11[0], lambda1 = b4[0], phi0 = a11[1], phi1 = b4[1], z3;
-    if (lambda1 < lambda0) z3 = lambda0, lambda0 = lambda1, lambda1 = z3;
+    var lambda0 = a11[0], lambda1 = b4[0], phi0 = a11[1], phi1 = b4[1], z2;
+    if (lambda1 < lambda0) z2 = lambda0, lambda0 = lambda1, lambda1 = z2;
     var delta2 = lambda1 - lambda0, polar = abs(delta2 - pi) < epsilon, meridian = polar || delta2 < epsilon;
-    if (!polar && phi1 < phi0) z3 = phi0, phi0 = phi1, phi1 = z3;
+    if (!polar && phi1 < phi0) z2 = phi0, phi0 = phi1, phi1 = z2;
     if (meridian ? polar ? phi0 + phi1 > 0 ^ q2[1] < (abs(q2[0] - lambda0) < epsilon ? phi0 : phi1) : phi0 <= q2[1] && q2[1] <= phi1 : delta2 > pi ^ (lambda0 <= q2[0] && q2[0] <= lambda1)) {
       var q1 = cartesianScale(u3, (-w3 + t3) / uu);
       cartesianAddInPlace(q1, A3);
@@ -5729,8 +5830,8 @@ function clipLine(a11, b4, x02, y02, x12, y12) {
 }
 var clipMax = 1e9, clipMin = -clipMax;
 function clipRectangle(x02, y02, x12, y12) {
-  function visible(x2, y2) {
-    return x02 <= x2 && x2 <= x12 && y02 <= y2 && y2 <= y12;
+  function visible(x2, y3) {
+    return x02 <= x2 && x2 <= x12 && y02 <= y3 && y3 <= y12;
   }
   function interpolate(from, to, direction, stream) {
     var a11 = 0, a12 = 0;
@@ -5761,8 +5862,8 @@ function clipRectangle(x02, y02, x12, y12) {
       polygonStart,
       polygonEnd
     };
-    function point(x2, y2) {
-      if (visible(x2, y2)) activeStream.point(x2, y2);
+    function point(x2, y3) {
+      if (visible(x2, y3)) activeStream.point(x2, y3);
     }
     function polygonInside() {
       var winding = 0;
@@ -5813,20 +5914,20 @@ function clipRectangle(x02, y02, x12, y12) {
       clipStream.point = point;
       if (v_) activeStream.lineEnd();
     }
-    function linePoint(x2, y2) {
-      var v3 = visible(x2, y2);
-      if (polygon) ring.push([x2, y2]);
+    function linePoint(x2, y3) {
+      var v3 = visible(x2, y3);
+      if (polygon) ring.push([x2, y3]);
       if (first) {
-        x__ = x2, y__ = y2, v__ = v3;
+        x__ = x2, y__ = y3, v__ = v3;
         first = false;
         if (v3) {
           activeStream.lineStart();
-          activeStream.point(x2, y2);
+          activeStream.point(x2, y3);
         }
       } else {
-        if (v3 && v_) activeStream.point(x2, y2);
+        if (v3 && v_) activeStream.point(x2, y3);
         else {
-          var a11 = [x_ = Math.max(clipMin, Math.min(clipMax, x_)), y_ = Math.max(clipMin, Math.min(clipMax, y_))], b4 = [x2 = Math.max(clipMin, Math.min(clipMax, x2)), y2 = Math.max(clipMin, Math.min(clipMax, y2))];
+          var a11 = [x_ = Math.max(clipMin, Math.min(clipMax, x_)), y_ = Math.max(clipMin, Math.min(clipMax, y_))], b4 = [x2 = Math.max(clipMin, Math.min(clipMax, x2)), y3 = Math.max(clipMin, Math.min(clipMax, y3))];
           if (clipLine(a11, b4, x02, y02, x12, y12)) {
             if (!v_) {
               activeStream.lineStart();
@@ -5837,12 +5938,12 @@ function clipRectangle(x02, y02, x12, y12) {
             clean = false;
           } else if (v3) {
             activeStream.lineStart();
-            activeStream.point(x2, y2);
+            activeStream.point(x2, y3);
             clean = false;
           }
         }
       }
-      x_ = x2, y_ = y2, v_ = v3;
+      x_ = x2, y_ = y3, v_ = v3;
     }
     return clipStream;
   };
@@ -5871,13 +5972,13 @@ var areaStream = {
 function areaRingStart() {
   areaStream.point = areaPointFirst;
 }
-function areaPointFirst(x2, y2) {
+function areaPointFirst(x2, y3) {
   areaStream.point = areaPoint;
-  x00$2 = x0$3 = x2, y00$2 = y0$3 = y2;
+  x00$2 = x0$3 = x2, y00$2 = y0$3 = y3;
 }
-function areaPoint(x2, y2) {
-  areaRingSum.add(y0$3 * x2 - x0$3 * y2);
-  x0$3 = x2, y0$3 = y2;
+function areaPoint(x2, y3) {
+  areaRingSum.add(y0$3 * x2 - x0$3 * y3);
+  x0$3 = x2, y0$3 = y3;
 }
 function areaRingEnd() {
   areaPoint(x00$2, y00$2);
@@ -5895,11 +5996,11 @@ var boundsStream = {
     return bounds;
   }
 };
-function boundsPoint(x2, y2) {
+function boundsPoint(x2, y3) {
   if (x2 < x0$2) x0$2 = x2;
   if (x2 > x1) x1 = x2;
-  if (y2 < y0$2) y0$2 = y2;
-  if (y2 > y1) y1 = y2;
+  if (y3 < y0$2) y0$2 = y3;
+  if (y3 > y1) y1 = y3;
 }
 var X0 = 0, Y0 = 0, Z0 = 0, X1 = 0, Y1 = 0, Z1 = 0, X22 = 0, Y2 = 0, Z2 = 0, x00$1, y00$1, x0$1, y0$1;
 var centroidStream = {
@@ -5921,24 +6022,24 @@ var centroidStream = {
     return centroid;
   }
 };
-function centroidPoint(x2, y2) {
+function centroidPoint(x2, y3) {
   X0 += x2;
-  Y0 += y2;
+  Y0 += y3;
   ++Z0;
 }
 function centroidLineStart() {
   centroidStream.point = centroidPointFirstLine;
 }
-function centroidPointFirstLine(x2, y2) {
+function centroidPointFirstLine(x2, y3) {
   centroidStream.point = centroidPointLine;
-  centroidPoint(x0$1 = x2, y0$1 = y2);
+  centroidPoint(x0$1 = x2, y0$1 = y3);
 }
-function centroidPointLine(x2, y2) {
-  var dx = x2 - x0$1, dy = y2 - y0$1, z3 = sqrt(dx * dx + dy * dy);
-  X1 += z3 * (x0$1 + x2) / 2;
-  Y1 += z3 * (y0$1 + y2) / 2;
-  Z1 += z3;
-  centroidPoint(x0$1 = x2, y0$1 = y2);
+function centroidPointLine(x2, y3) {
+  var dx = x2 - x0$1, dy = y3 - y0$1, z2 = sqrt(dx * dx + dy * dy);
+  X1 += z2 * (x0$1 + x2) / 2;
+  Y1 += z2 * (y0$1 + y3) / 2;
+  Z1 += z2;
+  centroidPoint(x0$1 = x2, y0$1 = y3);
 }
 function centroidLineEnd() {
   centroidStream.point = centroidPoint;
@@ -5949,20 +6050,20 @@ function centroidRingStart() {
 function centroidRingEnd() {
   centroidPointRing(x00$1, y00$1);
 }
-function centroidPointFirstRing(x2, y2) {
+function centroidPointFirstRing(x2, y3) {
   centroidStream.point = centroidPointRing;
-  centroidPoint(x00$1 = x0$1 = x2, y00$1 = y0$1 = y2);
-}
-function centroidPointRing(x2, y2) {
-  var dx = x2 - x0$1, dy = y2 - y0$1, z3 = sqrt(dx * dx + dy * dy);
-  X1 += z3 * (x0$1 + x2) / 2;
-  Y1 += z3 * (y0$1 + y2) / 2;
-  Z1 += z3;
-  z3 = y0$1 * x2 - x0$1 * y2;
-  X22 += z3 * (x0$1 + x2);
-  Y2 += z3 * (y0$1 + y2);
-  Z2 += z3 * 3;
-  centroidPoint(x0$1 = x2, y0$1 = y2);
+  centroidPoint(x00$1 = x0$1 = x2, y00$1 = y0$1 = y3);
+}
+function centroidPointRing(x2, y3) {
+  var dx = x2 - x0$1, dy = y3 - y0$1, z2 = sqrt(dx * dx + dy * dy);
+  X1 += z2 * (x0$1 + x2) / 2;
+  Y1 += z2 * (y0$1 + y3) / 2;
+  Z1 += z2;
+  z2 = y0$1 * x2 - x0$1 * y3;
+  X22 += z2 * (x0$1 + x2);
+  Y2 += z2 * (y0$1 + y3);
+  Z2 += z2 * 3;
+  centroidPoint(x0$1 = x2, y0$1 = y3);
 }
 function PathContext(context) {
   this._context = context;
@@ -5985,20 +6086,20 @@ PathContext.prototype = {
     if (this._line === 0) this._context.closePath();
     this._point = NaN;
   },
-  point: function(x2, y2) {
+  point: function(x2, y3) {
     switch (this._point) {
       case 0: {
-        this._context.moveTo(x2, y2);
+        this._context.moveTo(x2, y3);
         this._point = 1;
         break;
       }
       case 1: {
-        this._context.lineTo(x2, y2);
+        this._context.lineTo(x2, y3);
         break;
       }
       default: {
-        this._context.moveTo(x2 + this._radius, y2);
-        this._context.arc(x2, y2, this._radius, 0, tau);
+        this._context.moveTo(x2 + this._radius, y3);
+        this._context.arc(x2, y3, this._radius, 0, tau);
         break;
       }
     }
@@ -6027,14 +6128,14 @@ var lengthStream = {
     return length;
   }
 };
-function lengthPointFirst(x2, y2) {
+function lengthPointFirst(x2, y3) {
   lengthStream.point = lengthPoint;
-  x00 = x0 = x2, y00 = y0 = y2;
+  x00 = x0 = x2, y00 = y0 = y3;
 }
-function lengthPoint(x2, y2) {
-  x0 -= x2, y0 -= y2;
+function lengthPoint(x2, y3) {
+  x0 -= x2, y0 -= y3;
   lengthSum.add(sqrt(x0 * x0 + y0 * y0));
-  x0 = x2, y0 = y2;
+  x0 = x2, y0 = y3;
 }
 let cacheDigits, cacheAppend, cacheRadius, cacheCircle;
 class PathString {
@@ -6060,19 +6161,19 @@ class PathString {
     if (this._line === 0) this._ += "Z";
     this._point = NaN;
   }
-  point(x2, y2) {
+  point(x2, y3) {
     switch (this._point) {
       case 0: {
-        this._append`M${x2},${y2}`;
+        this._append`M${x2},${y3}`;
         this._point = 1;
         break;
       }
       case 1: {
-        this._append`L${x2},${y2}`;
+        this._append`L${x2},${y3}`;
         break;
       }
       default: {
-        this._append`M${x2},${y2}`;
+        this._append`M${x2},${y3}`;
         if (this._radius !== cacheRadius || this._append !== cacheAppend) {
           const r2 = this._radius;
           const s2 = this._;
@@ -6184,8 +6285,8 @@ function TransformStream() {
 }
 TransformStream.prototype = {
   constructor: TransformStream,
-  point: function(x2, y2) {
-    this.stream.point(x2, y2);
+  point: function(x2, y3) {
+    this.stream.point(x2, y3);
   },
   sphere: function() {
     this.stream.sphere();
@@ -6214,8 +6315,8 @@ function fit(projection2, fitBounds, object2) {
 }
 function fitExtent(projection2, extent, object2) {
   return fit(projection2, function(b4) {
-    var w3 = extent[1][0] - extent[0][0], h2 = extent[1][1] - extent[0][1], k2 = Math.min(w3 / (b4[1][0] - b4[0][0]), h2 / (b4[1][1] - b4[0][1])), x2 = +extent[0][0] + (w3 - k2 * (b4[1][0] + b4[0][0])) / 2, y2 = +extent[0][1] + (h2 - k2 * (b4[1][1] + b4[0][1])) / 2;
-    projection2.scale(150 * k2).translate([x2, y2]);
+    var w3 = extent[1][0] - extent[0][0], h2 = extent[1][1] - extent[0][1], k2 = Math.min(w3 / (b4[1][0] - b4[0][0]), h2 / (b4[1][1] - b4[0][1])), x2 = +extent[0][0] + (w3 - k2 * (b4[1][0] + b4[0][0])) / 2, y3 = +extent[0][1] + (h2 - k2 * (b4[1][1] + b4[0][1])) / 2;
+    projection2.scale(150 * k2).translate([x2, y3]);
   }, object2);
 }
 function fitSize(projection2, size, object2) {
@@ -6223,14 +6324,14 @@ function fitSize(projection2, size, object2) {
 }
 function fitWidth(projection2, width, object2) {
   return fit(projection2, function(b4) {
-    var w3 = +width, k2 = w3 / (b4[1][0] - b4[0][0]), x2 = (w3 - k2 * (b4[1][0] + b4[0][0])) / 2, y2 = -k2 * b4[0][1];
-    projection2.scale(150 * k2).translate([x2, y2]);
+    var w3 = +width, k2 = w3 / (b4[1][0] - b4[0][0]), x2 = (w3 - k2 * (b4[1][0] + b4[0][0])) / 2, y3 = -k2 * b4[0][1];
+    projection2.scale(150 * k2).translate([x2, y3]);
   }, object2);
 }
 function fitHeight(projection2, height, object2) {
   return fit(projection2, function(b4) {
-    var h2 = +height, k2 = h2 / (b4[1][1] - b4[0][1]), x2 = -k2 * b4[0][0], y2 = (h2 - k2 * (b4[1][1] + b4[0][1])) / 2;
-    projection2.scale(150 * k2).translate([x2, y2]);
+    var h2 = +height, k2 = h2 / (b4[1][1] - b4[0][1]), x2 = -k2 * b4[0][0], y3 = (h2 - k2 * (b4[1][1] + b4[0][1])) / 2;
+    projection2.scale(150 * k2).translate([x2, y3]);
   }, object2);
 }
 var maxDepth = 16, cosMinDistance = cos(30 * radians);
@@ -6239,8 +6340,8 @@ function resample(project, delta2) {
 }
 function resampleNone(project) {
   return transformer({
-    point: function(x2, y2) {
-      x2 = project(x2, y2);
+    point: function(x2, y3) {
+      x2 = project(x2, y3);
       this.stream.point(x2[0], x2[1]);
     }
   });
@@ -6249,11 +6350,11 @@ function resample$1(project, delta2) {
   function resampleLineTo(x02, y02, lambda0, a02, b0, c0, x12, y12, lambda1, a12, b1, c1, depth, stream) {
     var dx = x12 - x02, dy = y12 - y02, d22 = dx * dx + dy * dy;
     if (d22 > 4 * delta2 && depth--) {
-      var a11 = a02 + a12, b4 = b0 + b1, c3 = c0 + c1, m2 = sqrt(a11 * a11 + b4 * b4 + c3 * c3), phi2 = asin(c3 /= m2), lambda2 = abs(abs(c3) - 1) < epsilon || abs(lambda0 - lambda1) < epsilon ? (lambda0 + lambda1) / 2 : atan2(b4, a11), p4 = project(lambda2, phi2), x2 = p4[0], y2 = p4[1], dx2 = x2 - x02, dy2 = y2 - y02, dz = dy * dx2 - dx * dy2;
+      var a11 = a02 + a12, b4 = b0 + b1, c3 = c0 + c1, m2 = sqrt(a11 * a11 + b4 * b4 + c3 * c3), phi2 = asin(c3 /= m2), lambda2 = abs(abs(c3) - 1) < epsilon || abs(lambda0 - lambda1) < epsilon ? (lambda0 + lambda1) / 2 : atan2(b4, a11), p4 = project(lambda2, phi2), x2 = p4[0], y22 = p4[1], dx2 = x2 - x02, dy2 = y22 - y02, dz = dy * dx2 - dx * dy2;
       if (dz * dz / d22 > delta2 || abs((dx * dx2 + dy * dy2) / d22 - 0.5) > 0.3 || a02 * a12 + b0 * b1 + c0 * c1 < cosMinDistance) {
-        resampleLineTo(x02, y02, lambda0, a02, b0, c0, x2, y2, lambda2, a11 /= m2, b4 /= m2, c3, depth, stream);
-        stream.point(x2, y2);
-        resampleLineTo(x2, y2, lambda2, a11, b4, c3, x12, y12, lambda1, a12, b1, c1, depth, stream);
+        resampleLineTo(x02, y02, lambda0, a02, b0, c0, x2, y22, lambda2, a11 /= m2, b4 /= m2, c3, depth, stream);
+        stream.point(x2, y22);
+        resampleLineTo(x2, y22, lambda2, a11, b4, c3, x12, y12, lambda1, a12, b1, c1, depth, stream);
       }
     }
   }
@@ -6272,8 +6373,8 @@ function resample$1(project, delta2) {
         resampleStream.lineStart = lineStart;
       }
     };
-    function point(x2, y2) {
-      x2 = project(x2, y2);
+    function point(x2, y3) {
+      x2 = project(x2, y3);
       stream.point(x2[0], x2[1]);
     }
     function lineStart() {
@@ -6308,39 +6409,39 @@ function resample$1(project, delta2) {
   };
 }
 var transformRadians = transformer({
-  point: function(x2, y2) {
-    this.stream.point(x2 * radians, y2 * radians);
+  point: function(x2, y3) {
+    this.stream.point(x2 * radians, y3 * radians);
   }
 });
 function transformRotate(rotate) {
   return transformer({
-    point: function(x2, y2) {
-      var r2 = rotate(x2, y2);
+    point: function(x2, y3) {
+      var r2 = rotate(x2, y3);
       return this.stream.point(r2[0], r2[1]);
     }
   });
 }
 function scaleTranslate(k2, dx, dy, sx, sy) {
-  function transform2(x2, y2) {
+  function transform2(x2, y3) {
     x2 *= sx;
-    y2 *= sy;
-    return [dx + k2 * x2, dy - k2 * y2];
+    y3 *= sy;
+    return [dx + k2 * x2, dy - k2 * y3];
   }
-  transform2.invert = function(x2, y2) {
-    return [(x2 - dx) / k2 * sx, (dy - y2) / k2 * sy];
+  transform2.invert = function(x2, y3) {
+    return [(x2 - dx) / k2 * sx, (dy - y3) / k2 * sy];
   };
   return transform2;
 }
 function scaleTranslateRotate(k2, dx, dy, sx, sy, alpha) {
   if (!alpha) return scaleTranslate(k2, dx, dy, sx, sy);
   var cosAlpha = cos(alpha), sinAlpha = sin(alpha), a11 = cosAlpha * k2, b4 = sinAlpha * k2, ai2 = cosAlpha / k2, bi = sinAlpha / k2, ci = (sinAlpha * dy - cosAlpha * dx) / k2, fi = (sinAlpha * dx + cosAlpha * dy) / k2;
-  function transform2(x2, y2) {
+  function transform2(x2, y3) {
     x2 *= sx;
-    y2 *= sy;
-    return [a11 * x2 - b4 * y2 + dx, dy - b4 * x2 - a11 * y2];
+    y3 *= sy;
+    return [a11 * x2 - b4 * y3 + dx, dy - b4 * x2 - a11 * y3];
   }
-  transform2.invert = function(x2, y2) {
-    return [sx * (ai2 * x2 - bi * y2 + ci), sy * (fi - bi * x2 - ai2 * y2)];
+  transform2.invert = function(x2, y3) {
+    return [sx * (ai2 * x2 - bi * y3 + ci), sy * (fi - bi * x2 - ai2 * y3)];
   };
   return transform2;
 }
@@ -6350,7 +6451,7 @@ function projection(project) {
   })();
 }
 function projectionMutator(projectAt) {
-  var project, k2 = 150, x2 = 480, y2 = 250, lambda = 0, phi = 0, deltaLambda = 0, deltaPhi = 0, deltaGamma = 0, rotate, alpha = 0, sx = 1, sy = 1, theta = null, preclip = clipAntimeridian, x02 = null, y02, x12, y12, postclip = identity$1, delta2 = 0.5, projectResample, projectTransform, projectRotateTransform, cache, cacheStream;
+  var project, k2 = 150, x2 = 480, y3 = 250, lambda = 0, phi = 0, deltaLambda = 0, deltaPhi = 0, deltaGamma = 0, rotate, alpha = 0, sx = 1, sy = 1, theta = null, preclip = clipAntimeridian, x02 = null, y02, x12, y12, postclip = identity$1, delta2 = 0.5, projectResample, projectTransform, projectRotateTransform, cache, cacheStream;
   function projection2(point) {
     return projectRotateTransform(point[0] * radians, point[1] * radians);
   }
@@ -6377,7 +6478,7 @@ function projectionMutator(projectAt) {
     return arguments.length ? (k2 = +_2, recenter()) : k2;
   };
   projection2.translate = function(_2) {
-    return arguments.length ? (x2 = +_2[0], y2 = +_2[1], recenter()) : [x2, y2];
+    return arguments.length ? (x2 = +_2[0], y3 = +_2[1], recenter()) : [x2, y3];
   };
   projection2.center = function(_2) {
     return arguments.length ? (lambda = _2[0] % 360 * radians, phi = _2[1] % 360 * radians, recenter()) : [lambda * degrees, phi * degrees];
@@ -6410,7 +6511,7 @@ function projectionMutator(projectAt) {
     return fitHeight(projection2, height, object2);
   };
   function recenter() {
-    var center = scaleTranslateRotate(k2, 0, 0, sx, sy, alpha).apply(null, project(lambda, phi)), transform2 = scaleTranslateRotate(k2, x2 - center[0], y2 - center[1], sx, sy, alpha);
+    var center = scaleTranslateRotate(k2, 0, 0, sx, sy, alpha).apply(null, project(lambda, phi)), transform2 = scaleTranslateRotate(k2, x2 - center[0], y3 - center[1], sx, sy, alpha);
     rotate = rotateRadians(deltaLambda, deltaPhi, deltaGamma);
     projectTransform = compose(project, transform2);
     projectRotateTransform = compose(rotate, projectTransform);
@@ -6430,8 +6531,8 @@ function projectionMutator(projectAt) {
 function mercatorRaw(lambda, phi) {
   return [lambda, log(tan((halfPi + phi) / 2))];
 }
-mercatorRaw.invert = function(x2, y2) {
-  return [x2, 2 * atan(exp(y2)) - halfPi];
+mercatorRaw.invert = function(x2, y3) {
+  return [x2, 2 * atan(exp(y3)) - halfPi];
 };
 function geoMercator() {
   return mercatorProjection(mercatorRaw).scale(961 / tau);
@@ -8000,16 +8101,16 @@ export {
   g as HeaderThemeSwitcher,
   Icon,
   Input,
-  R2 as InputGroup,
-  S3 as InputGroupAddon,
-  T as InputGroupButton,
-  U3 as InputGroupInput,
-  V2 as InputGroupText,
-  W2 as InputGroupTextarea,
+  P2 as InputGroup,
+  Q2 as InputGroupAddon,
+  R2 as InputGroupButton,
+  S3 as InputGroupInput,
+  T as InputGroupText,
+  U3 as InputGroupTextarea,
   V as Kanban,
   a10 as Kpi,
   b3 as KpiDelta,
-  K3 as KpiGroup,
+  K2 as KpiGroup,
   List,
   ListItem,
   MarkdownText,
@@ -8022,22 +8123,23 @@ export {
   Modal,
   MonthYearPicker,
   W as MoreMenu,
-  z2 as MoreMenuCheckboxItem,
+  y2 as MoreMenuCheckboxItem,
   DropdownMenuItem as MoreMenuItem,
-  H3 as MoreMenuLabel,
-  J2 as MoreMenuRadioGroup,
-  K2 as MoreMenuRadioItem,
+  F2 as MoreMenuLabel,
+  H3 as MoreMenuRadioGroup,
+  I2 as MoreMenuRadioItem,
   DropdownMenuSeparator as MoreMenuSeparator,
-  P2 as PageHeader,
+  P3 as PageHeader,
   P as Panel,
   X as PanelBody,
   G2 as PanelCloseAction,
   H4 as PanelContent,
   Y as PanelFooter,
   Z as PanelHeader,
-  F2 as PanelRoot,
+  F3 as PanelRoot,
   O2 as PanelTrigger,
   _ as SELECTION_COLUMN_WIDTH,
+  ScreenLoader,
   S2 as SidebarBrandIcon,
   h as SidebarItem,
   i as SidebarPanel,
@@ -8077,7 +8179,7 @@ export {
   ae as ViewsPopover,
   actionColumn,
   af as avatarVariants,
-  aH as badgeVariants,
+  aI as badgeVariants,
   a92 as buttonVariants,
   cardCheckbox,
   o as chipCount,
@@ -8094,7 +8196,7 @@ export {
   ag as floatingPanelStyles,
   iconStyles,
   icons,
-  a82 as inputGroupVariants,
+  a62 as inputGroupVariants,
   i2 as inputVariants,
   q as isExternalHref,
   isFilterEntryActive,