@plenustech/design-system 0.2.3 → 0.2.4

package/dist/types/components/charts/ChartTimeline/timelineLayout.d.ts

@@ -0,0 +1,70 @@
+import type { ChartTimelineGroup, ChartTimelineOverlap, ChartTimelineRow, ChartTimelineScale, ChartTimelineSegment, ChartTimelineState, ChartTimelineTime } from './ChartTimeline.js';
+export interface TimelineRange {
+    end: number;
+    start: number;
+}
+/** Intervalo com as pontas em posicao do eixo. `source` e o que o consumidor recebe de volta. */
+export interface TimelineSegment extends TimelineRange {
+    id: number;
+    label?: string;
+    progress?: number;
+    row: string;
+    series: string;
+    source: ChartTimelineSegment;
+}
+export interface PlacedSegment extends TimelineSegment {
+    lane: number;
+}
+export type TimelineItem = {
+    child: boolean;
+    height: number;
+    kind: 'row';
+    laneCount: number;
+    row: ChartTimelineRow;
+    segments: readonly PlacedSegment[];
+    y: number;
+} | {
+    collapsed: boolean;
+    group: ChartTimelineGroup;
+    height: number;
+    kind: 'group';
+    rows: readonly ChartTimelineRow[];
+    segments: readonly TimelineSegment[];
+    y: number;
+};
+/**
+ * Pontas em posicao do eixo. Em `dayHours`, o fim antes do inicio e o intervalo que cruza a meia-noite: ele termina
+ * no dia seguinte, e o desenho o corta no fim do eixo. Instante invalido, ou fim antes do inicio em datas, nao vira
+ * geometria.
+ */
+export declare function toRange(start: ChartTimelineTime, end: ChartTimelineTime, scale: ChartTimelineScale): {
+    end: number;
+    start: number;
+} | undefined;
+export declare function toTimelineSegments(segments: readonly ChartTimelineSegment[], scale: ChartTimelineScale): TimelineSegment[];
+/** Cada estado vale ate o seguinte da linha, e o ultimo ate `end`. Com `merge`, iguais seguidos viram uma regiao. */
+export declare function statesToSegments(states: readonly ChartTimelineState[], end: ChartTimelineTime, merge: boolean, scale: ChartTimelineScale): ChartTimelineSegment[];
+/** Sub-faixas: cada intervalo entra na primeira cujo ultimo intervalo ja terminou. Em `overlay`, todos na mesma. */
+export declare function placeInLanes(segments: readonly TimelineSegment[], overlap: ChartTimelineOverlap): {
+    laneCount: number;
+    segments: PlacedSegment[];
+};
+/** As linhas sem grupo, ou de grupo desconhecido, vem primeiro; depois as de cada grupo, na ordem dos grupos. */
+export declare function rowsInDisplayOrder(rows: readonly ChartTimelineRow[], groups: readonly ChartTimelineGroup[]): ChartTimelineRow[];
+export interface TimelineLayoutOptions {
+    groupHeight: number;
+    groups: readonly ChartTimelineGroup[];
+    isCollapsed: (groupKey: string) => boolean;
+    laneStep: number;
+    overlap: ChartTimelineOverlap;
+    rowGap: number;
+    rowHeight: number;
+    rows: readonly ChartTimelineRow[];
+    /** So os visiveis: a serie desligada nao ocupa sub-faixa. */
+    segments: readonly TimelineSegment[];
+}
+/** Ordem e altura de cada linha e cabecalho de grupo. A linha cresce uma sub-faixa por intervalo sobreposto. */
+export declare function layoutTimeline({ groupHeight, groups, isCollapsed, laneStep, overlap, rowGap, rowHeight, rows, segments, }: TimelineLayoutOptions): {
+    height: number;
+    items: TimelineItem[];
+};

package/dist/types/components/charts/ChartTimeline/timelineTime.d.ts

@@ -0,0 +1,16 @@
+import type { ChartTimelineScale, ChartTimelineTime } from './ChartTimeline.js';
+export declare const HOUR_MS = 3600000;
+export interface TimeTick {
+    label: string;
+    position: number;
+}
+/** Posicao no eixo: em `calendar`, milissegundos desde a epoca; em `dayHours`, a hora decimal do dia. */
+export declare function toPosition(time: ChartTimelineTime, scale: ChartTimelineScale): number;
+/** A posicao como `Date`, para os formatadores do consumidor. Em `dayHours` a data e indiferente: vale a hora. */
+export declare function toDate(position: number, scale: ChartTimelineScale): Date;
+export declare function durationMs(start: number, end: number, scale: ChartTimelineScale): number;
+/** Faixa automatica: do primeiro ao ultimo instante, arredondada a hora ou ao dia, com uma unidade no minimo. */
+export declare function autoDomain(positions: readonly number[], scale: ChartTimelineScale): [number, number];
+/** Instante no balao e na tabela: `07:12` em horas do dia; `05/10 14:00`, ou so `05/10` a meia-noite, em datas. */
+export declare function formatPosition(position: number, scale: ChartTimelineScale): string;
+export declare function timeTicks(domain: readonly [number, number], scale: ChartTimelineScale, width: number, formatTick?: (time: Date) => string): TimeTick[];

package/dist/types/components/charts/ChartTimeline/timelineTooltip.d.ts

@@ -0,0 +1,45 @@
+import type { ChartTooltipProps } from '../ChartTooltip/index.js';
+import type { ChartTimelineGroup, ChartTimelineMarker, ChartTimelineRow } from './ChartTimeline.js';
+import type { TimelineRange, TimelineSegment } from './timelineLayout.js';
+export interface TimelineMarker extends ChartTimelineMarker {
+    position: number;
+}
+export interface TimelineRowBand extends TimelineRange {
+    row: string;
+    series: string;
+}
+/** O que esta sob o ponteiro. Cada caso carrega o que o balao dele precisa. */
+export type TimelineTarget = {
+    clip: string | undefined;
+    kind: 'segment';
+    row: ChartTimelineRow;
+    segment: TimelineSegment;
+} | {
+    kind: 'marker';
+    marker: TimelineMarker;
+    row: ChartTimelineRow;
+} | {
+    collapsed: boolean;
+    group: ChartTimelineGroup;
+    kind: 'group';
+    rowCount: number;
+    segments: readonly TimelineSegment[];
+} | {
+    /** A linha nao tem intervalo algum, de nenhuma serie. */
+    empty: boolean;
+    kind: 'row';
+    row: ChartTimelineRow;
+    rowBands: readonly TimelineRowBand[];
+    segments: readonly TimelineSegment[];
+};
+export interface TimelineTooltipOptions {
+    colorOf: (series: string) => string | undefined;
+    duration: (range: TimelineRange) => number;
+    emptyRowLabel: string;
+    formatDuration: (durationMs: number) => string;
+    formatInstant: (position: number) => string;
+    seriesOrder: readonly string[];
+    showProgress: boolean;
+}
+export type TimelineTooltip = Omit<ChartTooltipProps, 'children'>;
+export declare function timelineTooltip(target: TimelineTarget | null, options: TimelineTooltipOptions): TimelineTooltip;

package/dist/types/components/charts/core/ChartLegend.d.ts

@@ -12,6 +12,8 @@ export type ChartLegendAlign = 'left' | 'center' | 'right';
 interface ChartLegendProps {
     align?: ChartLegendAlign;
     entries: readonly ChartLegendEntry[];
+    /** Entrada sob o ponteiro ou o foco, para o grafico destacar o que ela representa; `null` ao sair. */
+    onHighlight?: (label: string | null) => void;
     onToggle?: (label: string) => void;
     position: ChartLegendPosition;
     swatch?: ChartLegendSwatch;
@@ -20,5 +22,5 @@ interface ChartLegendProps {
  * Legenda do grafico. Quando existe um alvo para o clique, cada entrada vira um
  * botao que liga e desliga a serie, com o estado exposto por `aria-pressed`.
  */
-export declare function ChartLegend({ align, entries, onToggle, position, swatch, }: ChartLegendProps): import("react").JSX.Element;
+export declare function ChartLegend({ align, entries, onHighlight, onToggle, position, swatch, }: ChartLegendProps): import("react").JSX.Element;
 export {};

package/dist/types/components/data-display/List/List.d.ts

@@ -1,7 +1,7 @@
 import { type ComponentPropsWithRef, type ReactNode } from 'react';
 import { type ListingItem, type ListingSelectionMode } from './useListing.js';
 export type ListSelectionMode = ListingSelectionMode;
-export type ListItem = ListingItem;
+export type ListItem = Omit<ListingItem, 'description' | 'group' | 'icon'>;
 export interface ListProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue'> {
     children: ReactNode;
     defaultValue?: readonly ListItem[];

package/dist/types/components/data-display/List/useListing.d.ts

@@ -1,8 +1,14 @@
-import { type KeyboardEvent } from 'react';
+import { type KeyboardEvent, type ReactNode } from 'react';
 import { type SelectionStatus } from '../../../hooks/useSelection/index.js';
 export type ListingSelectionMode = 'none' | 'single' | 'multiple';
 export interface ListingItem {
+    /** Segunda linha da opção, como a coleção de um documento. */
+    description?: string;
     disabled?: boolean;
+    /** Título do grupo. As opções seguidas de um mesmo grupo aparecem juntas, sob ele. */
+    group?: string;
+    /** Decorativo, à frente do rótulo: quem nomeia a opção é o rótulo. */
+    icon?: ReactNode;
     label: string;
     value: string;
 }

package/dist/types/components/forms/ComboBox/ComboBox.d.ts

@@ -1,7 +1,13 @@
-import { type ComponentPropsWithRef } from 'react';
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
 export type ComboBoxSize = 'sm' | 'md';
 export interface ComboBoxOption {
+    /** Segunda linha da opção, como a coleção de um documento. A busca local procura só no rótulo. */
+    description?: string;
     disabled?: boolean;
+    /** Título do grupo. As opções seguidas de um mesmo grupo aparecem juntas, sob ele. */
+    group?: string;
+    /** Decorativo, à frente do rótulo. */
+    icon?: ReactNode;
     label: string;
     value: string;
 }

package/dist/types/components/navigation/TabsNav/TabsNav.d.ts

@@ -0,0 +1,20 @@
+import type { ComponentPropsWithRef, ElementType } from 'react';
+export interface TabsNavItem {
+    href?: string;
+    key: string;
+    label: string;
+    /** Propriedades entregues inteiras ao componente de link, para o roteador que não usa `href`. */
+    linkProps?: Record<string, unknown>;
+}
+export interface TabsNavProps extends Omit<ComponentPropsWithRef<'nav'>, 'aria-label'> {
+    /** Componente de link da aplicação, para não acoplar o sistema a um roteador. */
+    as?: ElementType;
+    /** Chave da aba do endereço atual. */
+    current: string;
+    /** As abas dividem a largura em partes iguais, em vez de ficar do tamanho do rótulo. */
+    fitted?: boolean;
+    items: readonly TabsNavItem[];
+    label: string;
+}
+/** Abas que são endereços: cada uma é um link, e a da página atual leva `aria-current="page"`. */
+export declare function TabsNav({ as: Link, className, current, fitted, items, label, ...props }: TabsNavProps): import("react").JSX.Element;

package/dist/types/components/navigation/TabsNav/index.d.ts

@@ -0,0 +1,2 @@
+export { TabsNav } from './TabsNav.js';
+export type { TabsNavItem, TabsNavProps } from './TabsNav.js';

package/dist/types/components/overlays/Dialog/Dialog.d.ts

@@ -1,19 +1,31 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
 export type DialogSize = 'sm' | 'md' | 'lg';
 export type DialogRole = 'dialog' | 'alertdialog';
-/** As propriedades nativas vao ao elemento do dialogo; o `className` soma ao do sistema. */
-export interface DialogProps extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'role' | 'title'> {
+/** O que o `Dialog` e o `Drawer` compartilham. As propriedades nativas vao ao elemento do dialogo. */
+export interface DialogBaseProps extends Omit<ComponentPropsWithRef<'div'>, 'aria-label' | 'children' | 'role' | 'title'> {
     children?: ReactNode;
-    description?: string;
     dismissable?: boolean;
     footer?: ReactNode;
-    /** Opcional. Desenhado ao lado do titulo, fora da leitura: quem fala e o titulo. */
-    icon?: ReactNode;
     onClose: () => void;
     open: boolean;
+}
+export interface DialogTitledProps {
+    'aria-label'?: never;
+    description?: string;
+    /** Opcional. Desenhado ao lado do titulo, fora da leitura: quem fala e o titulo. */
+    icon?: ReactNode;
+    title: string;
+}
+/** Sem titulo, sem cabecalho: o nome vem do `aria-label`, como na paleta de busca. Esc continua fechando. */
+export interface DialogUntitledProps {
+    'aria-label': string;
+    description?: never;
+    icon?: never;
+    title?: never;
+}
+export type DialogProps = DialogBaseProps & (DialogTitledProps | DialogUntitledProps) & {
     /** `alertdialog` para a confirmacao que interrompe e exige resposta, como a de uma acao destrutiva. */
     role?: DialogRole;
     size?: DialogSize;
-    title: string;
-}
+};
 export declare function Dialog({ size, ...props }: DialogProps): import("react").JSX.Element;

package/dist/types/components/overlays/Dialog/DialogFrame.d.ts

@@ -1,6 +1,12 @@
-import type { DialogProps } from './Dialog.js';
-export interface DialogFrameProps extends Omit<DialogProps, 'size'> {
+import { type ReactNode } from 'react';
+import type { DialogBaseProps, DialogRole } from './Dialog.js';
+export interface DialogFrameProps extends DialogBaseProps {
+    'aria-label'?: string;
+    description?: string;
+    icon?: ReactNode;
+    role?: DialogRole;
     surfaceClassName: string;
+    title?: string;
     underlayClassName: string;
 }
 /** Mecanica modal do `Dialog` e do `Drawer`: portal, foco preso, rolagem travada, cabecalho, corpo e rodape. Interna. */

package/dist/types/components/overlays/Drawer/Drawer.d.ts

@@ -1,7 +1,7 @@
-import type { DialogProps } from '../Dialog/index.js';
+import type { DialogBaseProps, DialogTitledProps } from '../Dialog/Dialog.js';
 export type DrawerSide = 'left' | 'right';
 export type DrawerSize = 'sm' | 'md' | 'lg';
-export interface DrawerProps extends Omit<DialogProps, 'icon' | 'role' | 'size'> {
+export interface DrawerProps extends DialogBaseProps, Omit<DialogTitledProps, 'icon'> {
     side?: DrawerSide;
     size?: DrawerSize;
 }

package/dist/types/index.d.ts

@@ -52,6 +52,8 @@ export { Popover } from './components/overlays/Popover/index.js';
 export type { PopoverProps, PopoverPlacement } from './components/overlays/Popover/index.js';
 export { Tabs } from './components/navigation/Tabs/index.js';
 export type { TabsProps, TabItem, TabsOrientation } from './components/navigation/Tabs/index.js';
+export { TabsNav } from './components/navigation/TabsNav/index.js';
+export type { TabsNavItem, TabsNavProps } from './components/navigation/TabsNav/index.js';
 export { Breadcrumb } from './components/navigation/Breadcrumb/index.js';
 export type { BreadcrumbProps, BreadcrumbItem } from './components/navigation/Breadcrumb/index.js';
 export { Pagination } from './components/navigation/Pagination/index.js';
@@ -98,12 +100,18 @@ export { TimePicker } from './components/forms/TimePicker/index.js';
 export type { TimePickerProps, TimePickerSize } from './components/forms/TimePicker/index.js';
 export { DateTimePicker } from './components/forms/DateTimePicker/index.js';
 export type { DateTimePickerProps, DateTimePickerSize } from './components/forms/DateTimePicker/index.js';
-export { formatarData, formatarHora, formatarMoeda, formatarNumero, formatarPercentual, formatarTamanhoDeArquivo, } from './utils/formatters/index.js';
+export { formatarData, formatarDuracao, formatarHora, formatarMoeda, formatarNumero, formatarPercentual, formatarTamanhoDeArquivo, } from './utils/formatters/index.js';
 export type { Compacto, OpcoesDeData, OpcoesDeHora, OpcoesDeMoeda, OpcoesDeNumero, OpcoesDePercentual, OpcoesDeTamanhoDeArquivo, } from './utils/formatters/index.js';
 export { ChartBar } from './components/charts/ChartBar/index.js';
 export type { ChartBarOrientation, ChartBarProps, ChartBarSeries } from './components/charts/ChartBar/index.js';
 export { ChartLine } from './components/charts/ChartLine/index.js';
 export type { ChartLineProps, ChartLineSeries } from './components/charts/ChartLine/index.js';
+export { ChartGauge } from './components/charts/ChartGauge/index.js';
+export type { ChartGaugeDelta, ChartGaugeIndicator, ChartGaugeProps, ChartGaugeScaleLabels, ChartGaugeSegment, ChartGaugeSegmentStyle, ChartGaugeSegmentUnit, ChartGaugeSize, ChartGaugeTarget, ChartGaugeTicks, ChartGaugeValueDisplay, } from './components/charts/ChartGauge/index.js';
+export { ChartMap } from './components/charts/ChartMap/index.js';
+export type { ChartMapCategory, ChartMapColorScale, ChartMapFeature, ChartMapFeatureCollection, ChartMapLegendPosition, ChartMapMarker, ChartMapMarkerEvent, ChartMapMarkerSeries, ChartMapProps, ChartMapRegion, ChartMapRegionDatum, } from './components/charts/ChartMap/index.js';
+export { ChartTimeline } from './components/charts/ChartTimeline/index.js';
+export type { ChartTimelineBand, ChartTimelineDensity, ChartTimelineGroup, ChartTimelineLabelAlign, ChartTimelineMarker, ChartTimelineMarkerShape, ChartTimelineOverlap, ChartTimelineProps, ChartTimelineReferenceLine, ChartTimelineRow, ChartTimelineRowBand, ChartTimelineScale, ChartTimelineSegment, ChartTimelineSegmentLabelContent, ChartTimelineSegmentLabels, ChartTimelineSeries, ChartTimelineState, ChartTimelineSummary, ChartTimelineTime, } from './components/charts/ChartTimeline/index.js';
 export { ChartTooltip } from './components/charts/ChartTooltip/index.js';
 export type { ChartTooltipColumn, ChartTooltipComputed, ChartTooltipProps, ChartTooltipRow, ChartTooltipTotal, } from './components/charts/ChartTooltip/index.js';
 export { ChartCombo } from './components/charts/ChartCombo/index.js';

package/dist/types/utils/formatters/formatarDuracao.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Duracao em horas e minutos, arredondada ao minuto: `10h16m`, `1h05m`, `48m`, `12h`. Recebe milissegundos.
+ * Duracao em dias fica com quem a exibe: um prazo de projeto e lido em dias, uma jornada nao.
+ */
+export declare function formatarDuracao(milissegundos: number): string;

package/dist/types/utils/formatters/index.d.ts

@@ -1,6 +1,7 @@
 export { formatarEdicaoDecimal, formatarEntradaDecimal } from './formatarEntradaDecimal.js';
 export { formatarEntradaMonetaria } from './formatarEntradaMonetaria.js';
 export { formatarData, formatarHora } from './formatarData.js';
+export { formatarDuracao } from './formatarDuracao.js';
 export type { OpcoesDeData, OpcoesDeHora } from './formatarData.js';
 export { formatarMoeda, formatarNumero, formatarPercentual } from './formatarNumero.js';
 export type { Compacto, OpcoesDeMoeda, OpcoesDeNumero, OpcoesDePercentual } from './formatarNumero.js';

package/dist/utils/formatters/formatarDuracao.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=6e4;function e(t){if(!Number.isFinite(t)||t<0)return"";const a=Math.round(t/n),r=Math.floor(a/60),o=a%60;return r===0?`${o}m`:o===0?`${r}h`:`${r}h${String(o).padStart(2,"0")}m`}exports.formatarDuracao=e;
+//# sourceMappingURL=formatarDuracao.cjs.map

package/dist/utils/formatters/formatarDuracao.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatarDuracao.cjs","sources":["../../../src/utils/formatters/formatarDuracao.ts"],"sourcesContent":["const MINUTO = 60_000;\n\n/**\n * Duracao em horas e minutos, arredondada ao minuto: `10h16m`, `1h05m`, `48m`, `12h`. Recebe milissegundos.\n * Duracao em dias fica com quem a exibe: um prazo de projeto e lido em dias, uma jornada nao.\n */\nexport function formatarDuracao(milissegundos: number) {\n  if (!Number.isFinite(milissegundos) || milissegundos < 0) {\n    return '';\n  }\n\n  const minutos = Math.round(milissegundos / MINUTO);\n  const horas = Math.floor(minutos / 60);\n  const resto = minutos % 60;\n\n  if (horas === 0) {\n    return `${resto}m`;\n  }\n\n  return resto === 0 ? `${horas}h` : `${horas}h${String(resto).padStart(2, '0')}m`;\n}\n"],"names":["MINUTO","formatarDuracao","milissegundos","minutos","horas","resto"],"mappings":"gFAAA,MAAMA,EAAS,IAMR,SAASC,EAAgBC,EAAuB,CACrD,GAAI,CAAC,OAAO,SAASA,CAAa,GAAKA,EAAgB,EACrD,MAAO,GAGT,MAAMC,EAAU,KAAK,MAAMD,EAAgBF,CAAM,EAC3CI,EAAQ,KAAK,MAAMD,EAAU,EAAE,EAC/BE,EAAQF,EAAU,GAExB,OAAIC,IAAU,EACL,GAAGC,CAAK,IAGVA,IAAU,EAAI,GAAGD,CAAK,IAAM,GAAGA,CAAK,IAAI,OAAOC,CAAK,EAAE,SAAS,EAAG,GAAG,CAAC,GAC/E"}

package/dist/utils/formatters/formatarDuracao.js

@@ -0,0 +1,10 @@
+function a(t) {
+  if (!Number.isFinite(t) || t < 0)
+    return "";
+  const n = Math.round(t / 6e4), r = Math.floor(n / 60), o = n % 60;
+  return r === 0 ? `${o}m` : o === 0 ? `${r}h` : `${r}h${String(o).padStart(2, "0")}m`;
+}
+export {
+  a as formatarDuracao
+};
+//# sourceMappingURL=formatarDuracao.js.map

package/dist/utils/formatters/formatarDuracao.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatarDuracao.js","sources":["../../../src/utils/formatters/formatarDuracao.ts"],"sourcesContent":["const MINUTO = 60_000;\n\n/**\n * Duracao em horas e minutos, arredondada ao minuto: `10h16m`, `1h05m`, `48m`, `12h`. Recebe milissegundos.\n * Duracao em dias fica com quem a exibe: um prazo de projeto e lido em dias, uma jornada nao.\n */\nexport function formatarDuracao(milissegundos: number) {\n  if (!Number.isFinite(milissegundos) || milissegundos < 0) {\n    return '';\n  }\n\n  const minutos = Math.round(milissegundos / MINUTO);\n  const horas = Math.floor(minutos / 60);\n  const resto = minutos % 60;\n\n  if (horas === 0) {\n    return `${resto}m`;\n  }\n\n  return resto === 0 ? `${horas}h` : `${horas}h${String(resto).padStart(2, '0')}m`;\n}\n"],"names":["formatarDuracao","milissegundos","minutos","horas","resto"],"mappings":"AAMO,SAASA,EAAgBC,GAAuB;AACrD,MAAI,CAAC,OAAO,SAASA,CAAa,KAAKA,IAAgB;AACrD,WAAO;AAGT,QAAMC,IAAU,KAAK,MAAMD,IAAgB,GAAM,GAC3CE,IAAQ,KAAK,MAAMD,IAAU,EAAE,GAC/BE,IAAQF,IAAU;AAExB,SAAIC,MAAU,IACL,GAAGC,CAAK,MAGVA,MAAU,IAAI,GAAGD,CAAK,MAAM,GAAGA,CAAK,IAAI,OAAOC,CAAK,EAAE,SAAS,GAAG,GAAG,CAAC;AAC/E;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plenustech/design-system",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "Design System centralizado para os produtos web da Plenustech.",
   "license": "UNLICENSED",
   "publishConfig": {
@@ -57,6 +57,7 @@
     "@react-aria/overlays": "^3.32.1",
     "@types/d3-scale": "^4.0.9",
     "d3-array": "^3.2.4",
+    "d3-geo": "^3.1.1",
     "d3-hierarchy": "^3.1.2",
     "d3-sankey": "^0.12.3",
     "d3-scale": "^4.0.2",
@@ -70,6 +71,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@types/d3-array": "^3.2.2",
+    "@types/d3-geo": "^3.1.0",
     "@types/d3-hierarchy": "^3.1.7",
     "@types/d3-sankey": "^0.12.5",
     "@types/d3-shape": "^3.2.0",