@snksergio/design-system 0.32.1 → 0.34.0

package/dist-lib/index.mjs

@@ -1,17 +1,17 @@
-import { C as Checkbox, 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 ACTIONS_COLUMN_WIDTH, l as Calendar, m as Textarea } from "./chunks/panel-8FiBxwcI.mjs";
-import { n, A, B, o, q, r, s, t, D, u, v, w, x, y, z, E, G, H, d, I, J, K, L, M, F, b, N, c, O, Q, P, R, S, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, p, am, an, ao, ap, aq } from "./chunks/panel-8FiBxwcI.mjs";
-import { t as tv, c as cn, P as Popover, j as PopoverTrigger, k as PopoverContent, B as Button, l as Dialog, m as DialogTrigger, n as DialogContent, o as DialogTitle, C as Chip, p as PopoverAnchor, q as DialogClose, r as DialogDescription, D as DropdownMenu, f as DropdownMenuTrigger, g as DropdownMenuContent, h as DropdownMenuItem, s as CommandDialog, u as CommandInput, v as CommandList, w as CommandEmpty, x as CommandGroup, y as CommandItem, z as DropdownMenuGroup, E as DropdownMenuLabel, i as DropdownMenuSeparator } from "./chunks/app-shell-78w0pYdP.mjs";
-import { A as A2, d as d2, e, H as H2, F as F2, G as G2, I as I2, J as J2, K as K2, L as L2, M as M2, N as N2, O as O2, Q as Q2, R as R2, S as S2, T, U as U2, V as V2, W as W2, X as X2, Y as Y2, Z as Z2, _ as _2, $ as $2, a0 as a02, a1 as a12, a2 as a22, a3 as a32, a4 as a42, a5 as a52, a6 as a62, a7 as a72 } from "./chunks/app-shell-78w0pYdP.mjs";
+import { C as Checkbox, 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 ACTIONS_COLUMN_WIDTH, l as Calendar, m as Textarea } from "./chunks/panel-Cdl0GPVE.mjs";
+import { n, A, B, o, q, r, s, t, D, u, v, w, x, y, z, E, G, H, d, I, J, K, L, M, F, b, N, c, O, Q, P, R, S, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, p, am, an, ao, ap, aq } from "./chunks/panel-Cdl0GPVE.mjs";
+import { t as tv, c as cn, P as Popover, j as PopoverTrigger, k as PopoverContent, B as Button, l as Dialog, m as DialogTrigger, n as DialogContent, o as DialogTitle, C as Chip, p as PopoverAnchor, q as DialogClose, r as DialogDescription, D as DropdownMenu, f as DropdownMenuTrigger, g as DropdownMenuContent, h as DropdownMenuItem, s as CommandDialog, v as CommandInput, w as CommandList, x as CommandEmpty, y as CommandGroup, z as CommandItem, E as DropdownMenuGroup, F as DropdownMenuLabel, i as DropdownMenuSeparator } from "./chunks/useTheme-DF2xbSdI.mjs";
+import { A as A2, d as d2, e, H as H2, G as G2, I as I2, J as J2, K as K2, L as L2, M as M2, N as N2, O as O2, Q as Q2, R as R2, S as S2, T, U as U2, V as V2, W as W2, X as X2, Y as Y2, Z as Z2, _ as _2, $ as $2, a0 as a02, a1 as a12, a2 as a22, a3 as a32, a4 as a42, a5 as a52, a6 as a62, a7 as a72, a8 as a82, u as u2 } from "./chunks/useTheme-DF2xbSdI.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, createContext, useContext } from "react";
 import { Check, MoreHorizontal, SlidersHorizontal, Calendar as Calendar$1, AlertCircle, CheckCheck, Clock, MoreVertical, Ban, X as X3, CalendarDays, ChevronDown, ChevronLeft, ChevronRight, PanelLeftClose, ChevronsUpDown, Search, User } from "lucide-react";
 import { Reply } from "lucide-react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { I as Input } from "./chunks/input-DCDU4i4S.mjs";
-import { i } from "./chunks/input-DCDU4i4S.mjs";
-import { a, b as b2, K as K3 } from "./chunks/kpi-delta-DpYuDY4h.mjs";
-import { P as P2, p as p2 } from "./chunks/page-header-B6XJyIMz.mjs";
+import { I as Input } from "./chunks/input-Cym0k4ZI.mjs";
+import { i } from "./chunks/input-Cym0k4ZI.mjs";
+import { a, b as b2, K as K3 } from "./chunks/kpi-delta-FhfuIg27.mjs";
+import { P as P2, p as p2 } from "./chunks/page-header-Buh6YlQM.mjs";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 const cardCheckbox = tv({
@@ -6431,9 +6431,9 @@ function clipCircle(radius) {
     if (!determinant) return !two && a10;
     var c1 = cr * n2n2 / determinant, c2 = -cr * n1n2 / determinant, n1xn2 = cartesianCross(n1, n2), A3 = cartesianScale(n1, c1), B2 = cartesianScale(n2, c2);
     cartesianAddInPlace(A3, B2);
-    var u2 = n1xn2, w2 = cartesianDot(A3, u2), uu = cartesianDot(u2, u2), t2 = w2 * w2 - uu * (cartesianDot(A3, A3) - 1);
+    var u3 = n1xn2, w2 = cartesianDot(A3, u3), uu = cartesianDot(u3, u3), t2 = w2 * w2 - uu * (cartesianDot(A3, A3) - 1);
     if (t2 < 0) return;
-    var t3 = sqrt(t2), q2 = cartesianScale(u2, (-w2 - t3) / uu);
+    var t3 = sqrt(t2), q2 = cartesianScale(u3, (-w2 - t3) / uu);
     cartesianAddInPlace(q2, A3);
     q2 = spherical(q2);
     if (!two) return q2;
@@ -6442,7 +6442,7 @@ function clipCircle(radius) {
     var delta2 = lambda1 - lambda0, polar = abs(delta2 - pi) < epsilon, meridian = polar || delta2 < epsilon;
     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(u2, (-w2 + t3) / uu);
+      var q1 = cartesianScale(u3, (-w2 + t3) / uu);
       cartesianAddInPlace(q1, A3);
       return [q2, spherical(q1)];
     }
@@ -7514,11 +7514,79 @@ const ChoroplethMap = forwardRef(
   }
 );
 ChoroplethMap.displayName = "ChoroplethMap";
+const BRANDS = [
+  { id: "default", label: "iGreen", swatch: "oklch(0.5248 0.1415 150.9)" },
+  { id: "blue", label: "Azul", swatch: "oklch(0.52 0.180 264)" },
+  { id: "green", label: "Verde", swatch: "oklch(0.58 0.170 142)" },
+  { id: "pay", label: "Pay", swatch: "#00a859" },
+  { id: "vibrant", label: "iGreen Vibrant", swatch: "oklch(0.866993 0.294055 142.3546)" }
+];
+const STORAGE_KEY = "igreen-ds-brand";
+const CHANGE_EVENT = "igreen-ds-brand-change";
+const ATTR = "data-theme";
+function useBrand(options) {
+  const brands = options?.brands ?? BRANDS;
+  const ids = useMemo(() => brands.map((b3) => b3.id).join(","), [brands]);
+  const isBrand = useCallback(
+    (value) => typeof value === "string" && ids.split(",").includes(value),
+    [ids]
+  );
+  const fallback = brands[0]?.id ?? "default";
+  const [brand, setBrandState] = useState(() => {
+    if (typeof window === "undefined") return fallback;
+    const stored = window.localStorage.getItem(STORAGE_KEY);
+    return typeof stored === "string" && ids.split(",").includes(stored) ? stored : fallback;
+  });
+  useEffect(() => {
+    if (typeof document === "undefined") return;
+    const root = document.documentElement;
+    if (brand === "default") root.removeAttribute(ATTR);
+    else root.setAttribute(ATTR, brand);
+  }, [brand]);
+  const setBrand = useCallback((next) => {
+    setBrandState(next);
+    if (typeof window === "undefined") return;
+    try {
+      window.localStorage.setItem(STORAGE_KEY, next);
+    } catch {
+    }
+    window.dispatchEvent(new CustomEvent(CHANGE_EVENT, { detail: next }));
+  }, []);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const valido = (v2) => typeof v2 === "string" && ids.split(",").includes(v2);
+    const onCustom = (e2) => {
+      const next = e2.detail;
+      if (valido(next)) setBrandState(next);
+    };
+    const onStorage = (e2) => {
+      if (e2.key !== STORAGE_KEY) return;
+      if (valido(e2.newValue)) setBrandState(e2.newValue);
+    };
+    window.addEventListener(CHANGE_EVENT, onCustom);
+    window.addEventListener("storage", onStorage);
+    return () => {
+      window.removeEventListener(CHANGE_EVENT, onCustom);
+      window.removeEventListener("storage", onStorage);
+    };
+  }, [ids]);
+  const toggle = useCallback(() => {
+    const lista = ids.split(",");
+    const i2 = lista.indexOf(brand);
+    setBrand(lista[(i2 + 1) % lista.length] ?? fallback);
+  }, [brand, ids, setBrand, fallback]);
+  const current = useMemo(
+    () => brands.find((b3) => b3.id === brand) ?? brands[0],
+    [brands, brand]
+  );
+  return { brand, brands, current, setBrand, toggle, isBrand };
+}
 export {
   n as AddViewModal,
   A as AlertModal,
   A2 as AppShell,
   Avatar,
+  BRANDS,
   Badge,
   B as BulkActionButton,
   o as BulkActionsBar,
@@ -7564,25 +7632,25 @@ export {
   N as FormFieldSwitch,
   c as FormFieldTextarea,
   H2 as Header,
-  F2 as HeaderBreadcrumb,
-  G2 as HeaderMessages,
-  I2 as HeaderNotifications,
-  J2 as HeaderSearch,
-  K2 as HeaderThemeSwitcher,
+  G2 as HeaderBreadcrumb,
+  I2 as HeaderMessages,
+  J2 as HeaderNotifications,
+  K2 as HeaderSearch,
+  L2 as HeaderThemeSwitcher,
   Icon,
   Input,
-  L2 as InputGroup,
-  M2 as InputGroupAddon,
-  N2 as InputGroupButton,
-  O2 as InputGroupInput,
-  Q2 as InputGroupText,
-  R2 as InputGroupTextarea,
+  M2 as InputGroup,
+  N2 as InputGroupAddon,
+  O2 as InputGroupButton,
+  Q2 as InputGroupInput,
+  R2 as InputGroupText,
+  S2 as InputGroupTextarea,
   O as Kanban,
   a as Kpi,
   b2 as KpiDelta,
   K3 as KpiGroup,
   MarkdownText,
-  S2 as MenuSidebar,
+  T as MenuSidebar,
   MessageAck,
   MessageBubble,
   MessageComposer,
@@ -7591,11 +7659,11 @@ export {
   Modal,
   MonthYearPicker,
   Q as MoreMenu,
-  T as MoreMenuCheckboxItem,
+  U2 as MoreMenuCheckboxItem,
   DropdownMenuItem as MoreMenuItem,
   DropdownMenuLabel as MoreMenuLabel,
-  U2 as MoreMenuRadioGroup,
-  V2 as MoreMenuRadioItem,
+  V2 as MoreMenuRadioGroup,
+  W2 as MoreMenuRadioItem,
   DropdownMenuSeparator as MoreMenuSeparator,
   P2 as PageHeader,
   P as Panel,
@@ -7607,13 +7675,13 @@ export {
   X as PanelRoot,
   Y as PanelTrigger,
   Z as SELECTION_COLUMN_WIDTH,
-  W2 as SidebarBrandIcon,
-  X2 as SidebarItem,
-  Y2 as SidebarPanel,
-  Z2 as SidebarPill,
-  _2 as SidebarRail,
-  $2 as SidebarSection,
-  a02 as SidebarSubgroup,
+  X2 as SidebarBrandIcon,
+  Y2 as SidebarItem,
+  Z2 as SidebarPanel,
+  _2 as SidebarPill,
+  $2 as SidebarRail,
+  a02 as SidebarSection,
+  a12 as SidebarSubgroup,
   SingleMenuSidebar,
   _ as SortPanel,
   $ as SortPopover,
@@ -7641,15 +7709,15 @@ export {
   ToolbarSimpleFilterDrawer,
   ag as ToolbarTabs,
   ToolbarToolButton,
-  a12 as UserMenu,
+  a22 as UserMenu,
   ah as ViewsPopover,
   actionColumn,
   ai as avatarVariants,
   badgeVariants,
-  a22 as buttonVariants,
+  a32 as buttonVariants,
   cardCheckbox,
-  a32 as chipCount,
-  a42 as chipVariants,
+  a42 as chipCount,
+  a52 as chipVariants,
   colorPickerStyles,
   aj as columnTypeRegistry,
   conversationListItemStyles,
@@ -7662,7 +7730,7 @@ export {
   ak as floatingPanelStyles,
   iconStyles,
   icons,
-  a52 as inputGroupVariants,
+  a62 as inputGroupVariants,
   i as inputVariants,
   isFilterEntryActive,
   markdownTextStyles,
@@ -7678,12 +7746,14 @@ export {
   am as savedViewsMockService,
   statusColumn,
   textColumn,
+  useBrand,
   an as useColumnResize,
   ao as useColumnWidths,
-  a62 as useControllable,
+  a72 as useControllable,
   ap as useDataTableContext,
   aq as useFloatingPanelResize,
-  a72 as useMediaQuery,
+  a82 as useMediaQuery,
+  u2 as useTheme,
   useToolbarFilterControl,
   useToolbarFilters,
   useToolbarSort