@eduardoalvarez/arrecife 0.5.1 → 0.7.0

package/dist/chart/index.d.cts

@@ -3,93 +3,93 @@ import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { Legend, Tooltip } from 'recharts';
 
 /**
- * El chasis de las gráficas: contenedor, tooltip y leyenda con el vocabulario
- * del sistema. Recharts pinta; esto decide cómo se ve.
+ * The chassis for charts: container, tooltip and legend in the system's
+ * vocabulary. Recharts paints; this decides how it looks.
  *
- * Se publica en `@eduardoalvarez/arrecife/chart` y NO en la raíz. Recharts pesa,
- * y solo uno de los cinco proyectos dibuja métricas: colgarlo del índice
- * principal obligaría a los otros cuatro a instalarlo para que su bundler
- * resolviera un import que nunca ejecutan. Es dependencia de pares OPCIONAL, por
- * el mismo criterio con el que `./og` y `./shiki` se mantienen sin React.
+ * It is published at `@eduardoalvarez/arrecife/chart` and NOT at the root.
+ * Recharts is heavy, and only one of the five projects draws metrics: hanging it
+ * off the main index would force the other four to install it just so their
+ * bundler could resolve an import they never execute. It is an OPTIONAL peer
+ * dependency, by the same criterion that keeps `./og` and `./shiki` React-free.
  *
- * Lo que esta capa aporta —y lo que se perdía copiando el `chart.tsx` de shadcn
- * en cada proyecto— son tres cosas que se desincronizan solas:
+ * What this layer adds — and what was lost by copying shadcn's `chart.tsx` into
+ * each project — are three things that drift on their own:
  *
- *   1. La paleta de series sale de `tokens.series` y sigue el modo. Son cuatro
- *      y se distinguen por tono, no por luminosidad.
- *   2. La rejilla, los ejes y el cursor usan `hairline` y `textMuted`, no los
- *      grises por defecto de Recharts, que no son de esta identidad.
- *   3. El tooltip aparece donde va a quedarse: `isAnimationActive` apagado en
- *      todas partes, porque el sistema no anima posición.
+ *   1. The series palette comes from `tokens.series` and follows the mode. There
+ *      are four and they are told apart by hue, not by lightness.
+ *   2. The grid, the axes and the cursor use `hairline` and `textMuted`, not
+ *      Recharts' default greys, which are not part of this identity.
+ *   3. The tooltip appears where it will stay: `isAnimationActive` is off
+ *      everywhere, because the system does not animate position.
  *
- * Las piezas de datos —`BarChart`, `Line`, `XAxis`— NO se reexportan. Son la API
- * de Recharts, el proyecto ya la conoce y envolverlas sería una capa de nombres
- * que hay que mantener sincronizada con la versión de la librería.
+ * The data pieces — `BarChart`, `Line`, `XAxis` — are NOT re-exported. They are
+ * Recharts' API, the project already knows it, and wrapping them would be a
+ * layer of names to keep in sync with the library's version.
  */
 /**
- * El color de la serie `indice`, como custom property.
+ * The color of series `index`, as a custom property.
  *
- * Devuelve `var(--color-serie-N)` y no el hexadecimal: leído en JS, el hex sería
- * el del modo que había cuando se montó el componente y no cambiaría al alternar
- * el tema. La variable la resuelve el navegador en cada pintura.
+ * It returns `var(--color-series-N)` and not the hexadecimal: read in JS, the
+ * hex would be the one from whichever mode was active when the component
+ * mounted, and it would not change when the theme is toggled. The variable is
+ * resolved by the browser on every paint.
  *
- * Da la vuelta pasadas las cuatro. Que dos series compartan color es un fallo
- * visible, y es la señal correcta: la gráfica tiene más categorías de las que
- * esta identidad sabe distinguir, y lo que toca es agrupar en «otros».
+ * It wraps around past four. Two series sharing a color is a visible failure,
+ * and that is the correct signal: the chart has more categories than this
+ * identity can tell apart, and what to do is group them into «otros».
  */
-declare function colorDeSerie(indice: number): string;
-/** Las cuatro, en orden, para pasárselas de golpe a un `Pie` con `Cell`. */
-declare const COLORES_DE_SERIE: string[];
+declare function seriesColor(index: number): string;
+/** All four, in order, to hand to a `Pie` with `Cell` in one go. */
+declare const SERIES_COLORS: string[];
 type ChartContainerProps = Omit<ComponentPropsWithoutRef<'figure'>, 'title'> & {
     /**
-     * Qué muestra la gráfica, en una frase. Obligatorio, como el `label` de
-     * `Progress`: un `<svg>` de barras sin nombre accesible no es «una gráfica sin
-     * etiqueta», es una región vacía.
+     * What the chart shows, in one sentence. Mandatory, like `Progress`'s `label`:
+     * a bar `<svg>` with no accessible name is not «a chart without a label», it
+     * is an empty region.
      */
     label: string;
     /**
-     * Lo que la gráfica dice, en palabras. Va en un `figcaption` oculto
-     * visualmente.
+     * What the chart says, in words. It goes in a visually hidden `figcaption`.
      *
-     * No sustituye a la gráfica: la capa de accesibilidad de Recharts ya permite
-     * recorrer los puntos con el teclado. Es el titular —«sube de 24 a 52 con una
-     * caída en mayo»— que ningún recorrido punto a punto da.
+     * It does not replace the chart: Recharts' accessibility layer already lets
+     * you walk the points with the keyboard. It is the headline — «sube de 24 a 52
+     * con una caída en mayo» — that no point-by-point walk gives you.
      */
     summary?: ReactNode;
-    /** Alto en píxeles. Recharts necesita uno concreto para medir. */
+    /** Height in pixels. Recharts needs a concrete one to measure itself. */
     height?: number;
     children: ReactNode;
 };
 /**
- * Envuelve la gráfica en un `<figure>` con nombre accesible y le da a Recharts
- * el alto concreto que necesita para medirse.
+ * Wraps the chart in a `<figure>` with an accessible name and gives Recharts the
+ * concrete height it needs to measure itself.
  *
- * El `<figure>` NO lleva `role`: ya tiene el suyo implícito, y ponerle `group`
- * encima es un rol no permitido para el elemento —axe lo señala—. Lo que sí
- * lleva es `aria-label`, que es lo que lo nombra.
+ * The `<figure>` carries NO `role`: it already has its implicit one, and putting
+ * `group` on top of it is a role not allowed for the element — axe flags it.
+ * What it does carry is `aria-label`, which is what names it.
  *
- * Y el contenido NO va `aria-hidden`. Fue lo primero que se intentó, con el
- * argumento de que anunciar cada tick no cuenta lo que la gráfica cuenta, y está
- * mal por dos motivos: la capa de accesibilidad de Recharts hace la gráfica
- * recorrible con el teclado, y esconder un subárbol que contiene elementos
- * enfocables es una violación por sí misma —el foco entra en algo que no existe
- * para quien escucha—. El resumen se suma a eso, no lo reemplaza.
+ * And the content is NOT `aria-hidden`. That was the first thing tried, with the
+ * argument that announcing every tick does not tell what the chart tells, and it
+ * is wrong for two reasons: Recharts' accessibility layer makes the chart
+ * walkable with the keyboard, and hiding a subtree containing focusable elements
+ * is a violation in itself — focus lands on something that does not exist for
+ * whoever is listening. The summary adds to that, it does not replace it.
  */
 declare function ChartContainer({ label, summary, height, className, children, ...props }: ChartContainerProps): react.JSX.Element;
 /**
- * El `Tooltip` de Recharts con los defectos del sistema: sin animación y con el
- * cursor teñido de `surfaceRaised`.
+ * Recharts' `Tooltip` with the system's defaults: no animation, and the cursor
+ * tinted `surfaceRaised`.
  *
- * Se pasa `content={<ChartTooltipContent />}` para la caja.
+ * You pass `content={<ChartTooltipContent />}` for the box.
  */
 declare function ChartTooltip(props: ComponentPropsWithoutRef<typeof Tooltip>): react.JSX.Element;
 declare function ChartLegend(props: ComponentPropsWithoutRef<typeof Legend>): react.JSX.Element;
 /**
- * Lo que Recharts le pasa a un `content`, declarado aquí en corto.
+ * What Recharts passes to a `content`, declared here in short form.
  *
- * Los tipos de Recharts para esto son abiertos y arrastran genéricos que no
- * aportan nada al sitio de uso; `any` está prohibido en el repo, así que se
- * declara lo que de verdad se lee y el valor se trata como `unknown`.
+ * Recharts' types for this are open and drag in generics that add nothing at the
+ * call site; `any` is banned in this repo, so what is actually read is declared
+ * and the value is treated as `unknown`.
  */
 type ChartPayloadItem = {
     name?: string | number | undefined;
@@ -101,27 +101,27 @@ type ChartTooltipContentProps = {
     active?: boolean | undefined;
     payload?: readonly ChartPayloadItem[] | undefined;
     label?: ReactNode;
-    /** Formatea el valor. Sin ella se imprime tal cual: la librería no impone locale. */
-    formatter?: ((valor: unknown, item: ChartPayloadItem) => ReactNode) | undefined;
-    /** Oculta el encabezado, para una gráfica de una sola categoría. */
+    /** Formats the value. Without it, it is printed as is: the library imposes no locale. */
+    formatter?: ((value: unknown, item: ChartPayloadItem) => ReactNode) | undefined;
+    /** Hides the header, for a single-category chart. */
     hideLabel?: boolean;
     className?: string;
 };
 /**
- * La caja del tooltip. Es una tarjeta del sistema —`surface`, borde de control,
- * sombra estándar— y no la caja blanca de Recharts, que en modo oscuro es un
- * rectángulo blanco encima de un panel oscuro.
+ * The tooltip's box. It is a system card — `surface`, control border, standard
+ * shadow — and not Recharts' white box, which in dark mode is a white rectangle
+ * on top of a dark panel.
  *
- * El punto de color es un cuadrado de 8px, no un círculo: es la misma marca que
- * usa la leyenda, y en 8 píxeles un círculo y un cuadrado se distinguen peor
- * entre sí que dos colores de la paleta.
+ * The color swatch is an 8px square, not a circle: it is the same mark the
+ * legend uses, and at 8 pixels a circle and a square are harder to tell apart
+ * from each other than two colors of the palette are.
  */
 declare function ChartTooltipContent({ active, payload, label, formatter, hideLabel, className, }: ChartTooltipContentProps): react.JSX.Element | null;
 type ChartLegendContentProps = {
     payload?: readonly ChartPayloadItem[] | undefined;
     className?: string;
 };
-/** La leyenda con la misma marca cuadrada del tooltip y la escala `label`. */
+/** The legend, with the tooltip's same square swatch and the `label` scale. */
 declare function ChartLegendContent({ payload, className }: ChartLegendContentProps): react.JSX.Element | null;
 
-export { COLORES_DE_SERIE, ChartContainer, type ChartContainerProps, ChartLegend, ChartLegendContent, type ChartLegendContentProps, type ChartPayloadItem, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, colorDeSerie };
+export { ChartContainer, type ChartContainerProps, ChartLegend, ChartLegendContent, type ChartLegendContentProps, type ChartPayloadItem, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, SERIES_COLORS, seriesColor };

package/dist/chart/index.d.ts

@@ -3,93 +3,93 @@ import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { Legend, Tooltip } from 'recharts';
 
 /**
- * El chasis de las gráficas: contenedor, tooltip y leyenda con el vocabulario
- * del sistema. Recharts pinta; esto decide cómo se ve.
+ * The chassis for charts: container, tooltip and legend in the system's
+ * vocabulary. Recharts paints; this decides how it looks.
  *
- * Se publica en `@eduardoalvarez/arrecife/chart` y NO en la raíz. Recharts pesa,
- * y solo uno de los cinco proyectos dibuja métricas: colgarlo del índice
- * principal obligaría a los otros cuatro a instalarlo para que su bundler
- * resolviera un import que nunca ejecutan. Es dependencia de pares OPCIONAL, por
- * el mismo criterio con el que `./og` y `./shiki` se mantienen sin React.
+ * It is published at `@eduardoalvarez/arrecife/chart` and NOT at the root.
+ * Recharts is heavy, and only one of the five projects draws metrics: hanging it
+ * off the main index would force the other four to install it just so their
+ * bundler could resolve an import they never execute. It is an OPTIONAL peer
+ * dependency, by the same criterion that keeps `./og` and `./shiki` React-free.
  *
- * Lo que esta capa aporta —y lo que se perdía copiando el `chart.tsx` de shadcn
- * en cada proyecto— son tres cosas que se desincronizan solas:
+ * What this layer adds — and what was lost by copying shadcn's `chart.tsx` into
+ * each project — are three things that drift on their own:
  *
- *   1. La paleta de series sale de `tokens.series` y sigue el modo. Son cuatro
- *      y se distinguen por tono, no por luminosidad.
- *   2. La rejilla, los ejes y el cursor usan `hairline` y `textMuted`, no los
- *      grises por defecto de Recharts, que no son de esta identidad.
- *   3. El tooltip aparece donde va a quedarse: `isAnimationActive` apagado en
- *      todas partes, porque el sistema no anima posición.
+ *   1. The series palette comes from `tokens.series` and follows the mode. There
+ *      are four and they are told apart by hue, not by lightness.
+ *   2. The grid, the axes and the cursor use `hairline` and `textMuted`, not
+ *      Recharts' default greys, which are not part of this identity.
+ *   3. The tooltip appears where it will stay: `isAnimationActive` is off
+ *      everywhere, because the system does not animate position.
  *
- * Las piezas de datos —`BarChart`, `Line`, `XAxis`— NO se reexportan. Son la API
- * de Recharts, el proyecto ya la conoce y envolverlas sería una capa de nombres
- * que hay que mantener sincronizada con la versión de la librería.
+ * The data pieces — `BarChart`, `Line`, `XAxis` — are NOT re-exported. They are
+ * Recharts' API, the project already knows it, and wrapping them would be a
+ * layer of names to keep in sync with the library's version.
  */
 /**
- * El color de la serie `indice`, como custom property.
+ * The color of series `index`, as a custom property.
  *
- * Devuelve `var(--color-serie-N)` y no el hexadecimal: leído en JS, el hex sería
- * el del modo que había cuando se montó el componente y no cambiaría al alternar
- * el tema. La variable la resuelve el navegador en cada pintura.
+ * It returns `var(--color-series-N)` and not the hexadecimal: read in JS, the
+ * hex would be the one from whichever mode was active when the component
+ * mounted, and it would not change when the theme is toggled. The variable is
+ * resolved by the browser on every paint.
  *
- * Da la vuelta pasadas las cuatro. Que dos series compartan color es un fallo
- * visible, y es la señal correcta: la gráfica tiene más categorías de las que
- * esta identidad sabe distinguir, y lo que toca es agrupar en «otros».
+ * It wraps around past four. Two series sharing a color is a visible failure,
+ * and that is the correct signal: the chart has more categories than this
+ * identity can tell apart, and what to do is group them into «otros».
  */
-declare function colorDeSerie(indice: number): string;
-/** Las cuatro, en orden, para pasárselas de golpe a un `Pie` con `Cell`. */
-declare const COLORES_DE_SERIE: string[];
+declare function seriesColor(index: number): string;
+/** All four, in order, to hand to a `Pie` with `Cell` in one go. */
+declare const SERIES_COLORS: string[];
 type ChartContainerProps = Omit<ComponentPropsWithoutRef<'figure'>, 'title'> & {
     /**
-     * Qué muestra la gráfica, en una frase. Obligatorio, como el `label` de
-     * `Progress`: un `<svg>` de barras sin nombre accesible no es «una gráfica sin
-     * etiqueta», es una región vacía.
+     * What the chart shows, in one sentence. Mandatory, like `Progress`'s `label`:
+     * a bar `<svg>` with no accessible name is not «a chart without a label», it
+     * is an empty region.
      */
     label: string;
     /**
-     * Lo que la gráfica dice, en palabras. Va en un `figcaption` oculto
-     * visualmente.
+     * What the chart says, in words. It goes in a visually hidden `figcaption`.
      *
-     * No sustituye a la gráfica: la capa de accesibilidad de Recharts ya permite
-     * recorrer los puntos con el teclado. Es el titular —«sube de 24 a 52 con una
-     * caída en mayo»— que ningún recorrido punto a punto da.
+     * It does not replace the chart: Recharts' accessibility layer already lets
+     * you walk the points with the keyboard. It is the headline — «sube de 24 a 52
+     * con una caída en mayo» — that no point-by-point walk gives you.
      */
     summary?: ReactNode;
-    /** Alto en píxeles. Recharts necesita uno concreto para medir. */
+    /** Height in pixels. Recharts needs a concrete one to measure itself. */
     height?: number;
     children: ReactNode;
 };
 /**
- * Envuelve la gráfica en un `<figure>` con nombre accesible y le da a Recharts
- * el alto concreto que necesita para medirse.
+ * Wraps the chart in a `<figure>` with an accessible name and gives Recharts the
+ * concrete height it needs to measure itself.
  *
- * El `<figure>` NO lleva `role`: ya tiene el suyo implícito, y ponerle `group`
- * encima es un rol no permitido para el elemento —axe lo señala—. Lo que sí
- * lleva es `aria-label`, que es lo que lo nombra.
+ * The `<figure>` carries NO `role`: it already has its implicit one, and putting
+ * `group` on top of it is a role not allowed for the element — axe flags it.
+ * What it does carry is `aria-label`, which is what names it.
  *
- * Y el contenido NO va `aria-hidden`. Fue lo primero que se intentó, con el
- * argumento de que anunciar cada tick no cuenta lo que la gráfica cuenta, y está
- * mal por dos motivos: la capa de accesibilidad de Recharts hace la gráfica
- * recorrible con el teclado, y esconder un subárbol que contiene elementos
- * enfocables es una violación por sí misma —el foco entra en algo que no existe
- * para quien escucha—. El resumen se suma a eso, no lo reemplaza.
+ * And the content is NOT `aria-hidden`. That was the first thing tried, with the
+ * argument that announcing every tick does not tell what the chart tells, and it
+ * is wrong for two reasons: Recharts' accessibility layer makes the chart
+ * walkable with the keyboard, and hiding a subtree containing focusable elements
+ * is a violation in itself — focus lands on something that does not exist for
+ * whoever is listening. The summary adds to that, it does not replace it.
  */
 declare function ChartContainer({ label, summary, height, className, children, ...props }: ChartContainerProps): react.JSX.Element;
 /**
- * El `Tooltip` de Recharts con los defectos del sistema: sin animación y con el
- * cursor teñido de `surfaceRaised`.
+ * Recharts' `Tooltip` with the system's defaults: no animation, and the cursor
+ * tinted `surfaceRaised`.
  *
- * Se pasa `content={<ChartTooltipContent />}` para la caja.
+ * You pass `content={<ChartTooltipContent />}` for the box.
  */
 declare function ChartTooltip(props: ComponentPropsWithoutRef<typeof Tooltip>): react.JSX.Element;
 declare function ChartLegend(props: ComponentPropsWithoutRef<typeof Legend>): react.JSX.Element;
 /**
- * Lo que Recharts le pasa a un `content`, declarado aquí en corto.
+ * What Recharts passes to a `content`, declared here in short form.
  *
- * Los tipos de Recharts para esto son abiertos y arrastran genéricos que no
- * aportan nada al sitio de uso; `any` está prohibido en el repo, así que se
- * declara lo que de verdad se lee y el valor se trata como `unknown`.
+ * Recharts' types for this are open and drag in generics that add nothing at the
+ * call site; `any` is banned in this repo, so what is actually read is declared
+ * and the value is treated as `unknown`.
  */
 type ChartPayloadItem = {
     name?: string | number | undefined;
@@ -101,27 +101,27 @@ type ChartTooltipContentProps = {
     active?: boolean | undefined;
     payload?: readonly ChartPayloadItem[] | undefined;
     label?: ReactNode;
-    /** Formatea el valor. Sin ella se imprime tal cual: la librería no impone locale. */
-    formatter?: ((valor: unknown, item: ChartPayloadItem) => ReactNode) | undefined;
-    /** Oculta el encabezado, para una gráfica de una sola categoría. */
+    /** Formats the value. Without it, it is printed as is: the library imposes no locale. */
+    formatter?: ((value: unknown, item: ChartPayloadItem) => ReactNode) | undefined;
+    /** Hides the header, for a single-category chart. */
     hideLabel?: boolean;
     className?: string;
 };
 /**
- * La caja del tooltip. Es una tarjeta del sistema —`surface`, borde de control,
- * sombra estándar— y no la caja blanca de Recharts, que en modo oscuro es un
- * rectángulo blanco encima de un panel oscuro.
+ * The tooltip's box. It is a system card — `surface`, control border, standard
+ * shadow — and not Recharts' white box, which in dark mode is a white rectangle
+ * on top of a dark panel.
  *
- * El punto de color es un cuadrado de 8px, no un círculo: es la misma marca que
- * usa la leyenda, y en 8 píxeles un círculo y un cuadrado se distinguen peor
- * entre sí que dos colores de la paleta.
+ * The color swatch is an 8px square, not a circle: it is the same mark the
+ * legend uses, and at 8 pixels a circle and a square are harder to tell apart
+ * from each other than two colors of the palette are.
  */
 declare function ChartTooltipContent({ active, payload, label, formatter, hideLabel, className, }: ChartTooltipContentProps): react.JSX.Element | null;
 type ChartLegendContentProps = {
     payload?: readonly ChartPayloadItem[] | undefined;
     className?: string;
 };
-/** La leyenda con la misma marca cuadrada del tooltip y la escala `label`. */
+/** The legend, with the tooltip's same square swatch and the `label` scale. */
 declare function ChartLegendContent({ payload, className }: ChartLegendContentProps): react.JSX.Element | null;
 
-export { COLORES_DE_SERIE, ChartContainer, type ChartContainerProps, ChartLegend, ChartLegendContent, type ChartLegendContentProps, type ChartPayloadItem, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, colorDeSerie };
+export { ChartContainer, type ChartContainerProps, ChartLegend, ChartLegendContent, type ChartLegendContentProps, type ChartPayloadItem, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, SERIES_COLORS, seriesColor };

package/dist/chart/index.js

@@ -1,14 +1,16 @@
-import { Text } from '../chunk-UOWIDFCB.js';
-import { cn } from '../chunk-NHS7ETKJ.js';
-import '../chunk-TSPJOM6K.js';
+'use client';
+import { Text } from '../chunk-WGNIRIN7.js';
+import '../chunk-ODBFN44D.js';
+import { cn } from '../chunk-2WPWEIMD.js';
+import '../chunk-OMKSESQB.js';
 import '../chunk-MLKGABMK.js';
 import { ResponsiveContainer, Tooltip, Legend } from 'recharts';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function colorDeSerie(indice) {
-  return `var(--color-serie-${Math.abs(indice) % 4 + 1})`;
+function seriesColor(index) {
+  return `var(--color-series-${Math.abs(index) % 4 + 1})`;
 }
-var COLORES_DE_SERIE = [0, 1, 2, 3].map(colorDeSerie);
+var SERIES_COLORS = [0, 1, 2, 3].map(seriesColor);
 function ChartContainer({
   label,
   summary,
@@ -23,9 +25,9 @@ function ChartContainer({
       "aria-label": label,
       className: cn(
         "w-full",
-        // La rejilla y los ejes, con los tokens del sistema en vez de los grises
-        // por defecto de Recharts. Van como variantes de descendiente porque los
-        // nodos los pinta la librería y no hay dónde ponerles una clase.
+        // The grid and the axes, with the system's tokens instead of Recharts'
+        // default greys. They go as descendant variants because the nodes are
+        // painted by the library and there is nowhere to put a class on them.
         "[&_.recharts-cartesian-grid_line]:stroke-hairline",
         "[&_.recharts-cartesian-axis-line]:stroke-hairline",
         "[&_.recharts-cartesian-axis-tick_text]:fill-text-muted",
@@ -75,7 +77,7 @@ function ChartTooltipContent({
             {
               "aria-hidden": "true",
               className: "rounded-chip size-2 shrink-0",
-              style: { backgroundColor: item.color ?? colorDeSerie(i) }
+              style: { backgroundColor: item.color ?? seriesColor(i) }
             }
           ),
           /* @__PURE__ */ jsx(Text, { as: "span", variant: "label", tone: "secondary", className: "font-normal", children: item.name }),
@@ -93,11 +95,11 @@ function ChartLegendContent({ payload, className }) {
       {
         "aria-hidden": "true",
         className: "rounded-chip size-2 shrink-0",
-        style: { backgroundColor: item.color ?? colorDeSerie(i) }
+        style: { backgroundColor: item.color ?? seriesColor(i) }
       }
     ),
     /* @__PURE__ */ jsx(Text, { as: "span", variant: "label", tone: "secondary", className: "font-normal", children: item.value })
   ] }, `${String(item.dataKey ?? item.value ?? i)}`)) });
 }
 
-export { COLORES_DE_SERIE, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, colorDeSerie };
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, SERIES_COLORS, seriesColor };

package/dist/chunk-2WPWEIMD.js

@@ -0,0 +1,27 @@
+import { spacing, control, radius, typeScale } from './chunk-OMKSESQB.js';
+import { clsx } from 'clsx';
+import { extendTailwindMerge } from 'tailwind-merge';
+
+var kebab = (name) => name.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
+var scales = Object.keys(typeScale);
+var radii = Object.keys(radius);
+var namespaces = Object.keys(spacing).map(kebab);
+var controls = Object.keys(control).map((name) => `control-${kebab(name)}`);
+var twMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      "font-size": [{ text: scales }],
+      rounded: [{ rounded: radii }],
+      p: [{ p: namespaces }],
+      px: [{ px: [...namespaces, ...controls] }],
+      py: [{ py: namespaces }],
+      gap: [{ gap: namespaces }],
+      size: [{ size: controls }]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export { cn };

package/dist/chunk-45HVCTB7.js

@@ -0,0 +1,70 @@
+import { __export } from './chunk-MLKGABMK.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/social/index.tsx
+var social_exports = {};
+__export(social_exports, {
+  Discord: () => Discord,
+  Email: () => Email,
+  GitHub: () => GitHub,
+  Instagram: () => Instagram,
+  LinkedIn: () => LinkedIn,
+  Newsletter: () => Newsletter,
+  Rss: () => Rss,
+  X: () => X,
+  YouTube: () => YouTube
+});
+function Brand({ children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...props,
+      children
+    }
+  );
+}
+function Functional({ children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.6,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...props,
+      children
+    }
+  );
+}
+var GitHub = (props) => /* @__PURE__ */ jsx(Brand, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M12 .5C5.73.5.5 5.73.5 12a11.5 11.5 0 0 0 7.86 10.91c.58.1.79-.25.79-.55 0-.27-.01-1.18-.02-2.14-3.2.7-3.88-1.36-3.88-1.36-.52-1.33-1.28-1.68-1.28-1.68-1.05-.72.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.03 1.77 2.7 1.26 3.36.96.1-.75.4-1.26.73-1.55-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.29 1.19-3.09-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11 11 0 0 1 5.79 0c2.2-1.49 3.17-1.18 3.17-1.18.63 1.59.23 2.76.12 3.05.74.8 1.18 1.83 1.18 3.09 0 4.42-2.69 5.39-5.25 5.68.41.36.78 1.06.78 2.14 0 1.55-.01 2.79-.01 3.17 0 .3.2.66.79.55A11.5 11.5 0 0 0 23.5 12C23.5 5.73 18.27.5 12 .5Z" }) });
+var LinkedIn = (props) => /* @__PURE__ */ jsx(Brand, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5ZM3 9h4v12H3V9Zm7 0h3.8v1.71h.05a4.17 4.17 0 0 1 3.75-2.06c4.01 0 4.75 2.64 4.75 6.07V21h-4v-5.4c0-1.29-.02-2.95-1.8-2.95-1.8 0-2.08 1.4-2.08 2.85V21h-3.97V9Z" }) });
+var X = (props) => /* @__PURE__ */ jsx(Brand, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M17.53 3h3.06l-6.69 7.64L21.75 21h-6.16l-4.83-6.3L5.25 21H2.19l7.15-8.17L2.5 3h6.32l4.36 5.77L17.53 3Zm-1.07 16.17h1.7L7.62 4.74H5.8l10.66 14.43Z" }) });
+var Instagram = (props) => /* @__PURE__ */ jsx(Brand, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M12 2.16c3.2 0 3.58.01 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9.42.42.68.82.9 1.38.16.42.36 1.06.41 2.23.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.05 1.17-.25 1.8-.41 2.23-.22.56-.48.96-.9 1.38-.42.42-.82.68-1.38.9-.42.16-1.06.36-2.23.41-1.27.06-1.65.07-4.85.07s-3.58-.01-4.85-.07c-1.17-.05-1.8-.25-2.23-.41-.56-.22-.96-.48-1.38-.9-.42-.42-.68-.82-.9-1.38-.16-.42-.36-1.06-.41-2.23C2.17 15.58 2.16 15.2 2.16 12s.01-3.58.07-4.85c.05-1.17.25-1.8.41-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.42-.16 1.06-.36 2.23-.41C8.42 2.17 8.8 2.16 12 2.16Zm0 3.68a6.16 6.16 0 1 0 0 12.32 6.16 6.16 0 0 0 0-12.32Zm0 10.16a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm7.85-10.4a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0Z" }) });
+var Discord = (props) => /* @__PURE__ */ jsx(Brand, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M20.32 5.56A18.5 18.5 0 0 0 15.7 4.1a.07.07 0 0 0-.07.04c-.2.36-.42.82-.58 1.19a17 17 0 0 0-5.1 0c-.16-.38-.39-.83-.59-1.19a.07.07 0 0 0-.07-.04c-1.6.28-3.15.77-4.62 1.46a.06.06 0 0 0-.03.03C1.66 10 .9 14.28 1.28 18.5a.08.08 0 0 0 .03.05 18.6 18.6 0 0 0 5.6 2.84.07.07 0 0 0 .08-.03c.43-.59.81-1.21 1.14-1.86a.07.07 0 0 0-.04-.1c-.6-.23-1.18-.51-1.74-.83a.07.07 0 0 1-.01-.12l.35-.27a.07.07 0 0 1 .07-.01 13.3 13.3 0 0 0 11.3 0 .07.07 0 0 1 .08.01l.34.27c.04.04.04.1-.01.12-.55.33-1.13.6-1.74.83a.07.07 0 0 0-.04.1c.34.65.72 1.27 1.14 1.86a.07.07 0 0 0 .08.03 18.5 18.5 0 0 0 5.6-2.84.07.07 0 0 0 .04-.05c.45-4.88-.75-9.12-3.18-12.88a.06.06 0 0 0-.03-.03ZM8.4 15.93c-1.1 0-2.01-1.01-2.01-2.25 0-1.24.89-2.25 2.01-2.25 1.13 0 2.03 1.02 2.02 2.25 0 1.24-.9 2.25-2.02 2.25Zm7.22 0c-1.1 0-2.01-1.01-2.01-2.25 0-1.24.89-2.25 2.01-2.25 1.13 0 2.03 1.02 2.02 2.25 0 1.24-.89 2.25-2.02 2.25Z" }) });
+var YouTube = (props) => /* @__PURE__ */ jsx(Brand, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M23.5 6.9a3 3 0 0 0-2.12-2.12C19.5 4.27 12 4.27 12 4.27s-7.5 0-9.38.51A3 3 0 0 0 .5 6.9 31.3 31.3 0 0 0 0 12a31.3 31.3 0 0 0 .5 5.1 3 3 0 0 0 2.12 2.12c1.88.51 9.38.51 9.38.51s7.5 0 9.38-.51a3 3 0 0 0 2.12-2.12A31.3 31.3 0 0 0 24 12a31.3 31.3 0 0 0-.5-5.1ZM9.6 15.6V8.4l6.24 3.6-6.24 3.6Z" }) });
+var Rss = (props) => /* @__PURE__ */ jsxs(Functional, { ...props, children: [
+  /* @__PURE__ */ jsx("path", { d: "M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16" }),
+  /* @__PURE__ */ jsx("circle", { cx: "5", cy: "19", r: "1.6", fill: "currentColor", stroke: "none" })
+] });
+var Email = (props) => /* @__PURE__ */ jsxs(Functional, { ...props, children: [
+  /* @__PURE__ */ jsx("rect", { x: "2.75", y: "4.75", width: "18.5", height: "14.5", rx: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "m3.5 7.5 7.4 5.2a2 2 0 0 0 2.2 0l7.4-5.2" })
+] });
+var Newsletter = (props) => /* @__PURE__ */ jsxs(Functional, { ...props, children: [
+  /* @__PURE__ */ jsx("path", { d: "M18 8.5a6 6 0 1 0-12 0c0 5-2 6.5-2 6.5h16s-2-1.5-2-6.5" }),
+  /* @__PURE__ */ jsx("path", { d: "M13.7 19a2 2 0 0 1-3.4 0" })
+] });
+
+export { Discord, Email, GitHub, Instagram, LinkedIn, Newsletter, Rss, X, YouTube, social_exports };

package/dist/{chunk-ZEOQKRQ7.js → chunk-727HCBD4.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-NHS7ETKJ.js';
+import { cn } from './chunk-2WPWEIMD.js';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { jsx } from 'react/jsx-runtime';