@misael703/ui 1.57.1 → 1.59.0

package/dist/{chunk-XJHK3RH5.mjs.map → chunk-ZAKJKBUX.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Overlay.tsx"],"names":[],"mappings":"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","file":"chunk-XJHK3RH5.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cx } from '../utils/cx';\nimport { X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { useDelayedUnmount } from '../hooks/useDelayedUnmount';\nimport { useFocusTrap, useEscape, useScrollLock } from '../hooks';\n\n// Exit animation duration in ms. Must match `--duration-exit` and the\n// `is-closing` keyframes in src/styles/index.css (`.modal-backdrop`,\n// `.drawer-backdrop`).\nconst EXIT_MS = 150;\n\nexport interface OverlayProps {\n  open: boolean;\n  onClose: () => void;\n  title?: React.ReactNode;\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  size?: 'sm' | 'md' | 'lg';\n  closeOnBackdrop?: boolean;\n  closeOnEsc?: boolean;\n  className?: string;\n}\n\nexport function Modal({\n  open, onClose, title, children, footer, size = 'md',\n  closeOnBackdrop = true, closeOnEsc = true, className,\n}: OverlayProps) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  // True only when the press both started AND ended on the backdrop itself.\n  // Fixes: press inside (e.g. text-selecting in an input) released over the\n  // backdrop must NOT dismiss.\n  const downOnBackdrop = React.useRef(false);\n  const titleId = React.useId();\n  const t = useLocale();\n  // useDelayedUnmount keeps the DOM mounted during exit animation. The\n  // a11y/scroll-lock hooks still consume `open` (the user's intent), not\n  // `mounted` — we don't want to trap focus or block scroll while\n  // animating out.\n  const { mounted, closing } = useDelayedUnmount(open, EXIT_MS);\n  useEscape(open, onClose, closeOnEsc);\n  useFocusTrap(ref, open);\n  useScrollLock(open);\n  if (!mounted || typeof document === 'undefined') return null;\n  return createPortal(\n    <div\n      className={cx('modal-backdrop', closing && 'is-closing')}\n      onMouseDown={(e) => { downOnBackdrop.current = e.target === e.currentTarget; }}\n      onClick={(e) => {\n        if (closeOnBackdrop && downOnBackdrop.current && e.target === e.currentTarget) onClose();\n        downOnBackdrop.current = false;\n      }}\n    >\n      <div\n        ref={ref}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        className={cx('modal', `modal--${size}`, closing && 'is-closing', className)}\n      >\n        {title && (\n          <div className=\"modal__header\">\n            <div id={titleId} className=\"modal__title\">{title}</div>\n            <button type=\"button\" className=\"modal__close\" onClick={onClose} aria-label={t['modal.close']}><X size={18} /></button>\n          </div>\n        )}\n        <div className=\"modal__body\">{children}</div>\n        {footer && <div className=\"modal__footer\">{footer}</div>}\n      </div>\n    </div>,\n    document.body\n  );\n}\n\nexport interface DrawerProps extends OverlayProps {\n  side?: 'left' | 'right';\n}\n\nexport function Drawer({\n  open, onClose, title, children, footer, side = 'right',\n  closeOnBackdrop = true, closeOnEsc = true, className,\n}: DrawerProps) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  // True only when the press both started AND ended on the backdrop itself.\n  // Fixes: press inside (e.g. text-selecting in an input) released over the\n  // backdrop must NOT dismiss.\n  const downOnBackdrop = React.useRef(false);\n  const titleId = React.useId();\n  const t = useLocale();\n  const { mounted, closing } = useDelayedUnmount(open, EXIT_MS);\n  useEscape(open, onClose, closeOnEsc);\n  useFocusTrap(ref, open);\n  useScrollLock(open);\n  if (!mounted || typeof document === 'undefined') return null;\n  return createPortal(\n    <div\n      className={cx('drawer-backdrop', closing && 'is-closing')}\n      onMouseDown={(e) => { downOnBackdrop.current = e.target === e.currentTarget; }}\n      onClick={(e) => {\n        if (closeOnBackdrop && downOnBackdrop.current && e.target === e.currentTarget) onClose();\n        downOnBackdrop.current = false;\n      }}\n    >\n      <div\n        ref={ref}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        className={cx('drawer', `drawer--${side}`, closing && 'is-closing', className)}\n      >\n        {title && (\n          <div className=\"drawer__header\">\n            <div id={titleId} className=\"drawer__title\">{title}</div>\n            <button type=\"button\" className=\"drawer__close\" onClick={onClose} aria-label={t['drawer.close']}><X size={18} /></button>\n          </div>\n        )}\n        <div className=\"drawer__body\">{children}</div>\n        {footer && <div className=\"drawer__footer\">{footer}</div>}\n      </div>\n    </div>,\n    document.body\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Overlay.tsx"],"names":[],"mappings":"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","file":"chunk-ZAKJKBUX.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cx } from '../utils/cx';\nimport { X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { useDelayedUnmount } from '../hooks/useDelayedUnmount';\nimport { useFocusTrap, useEscape, useScrollLock } from '../hooks';\n\n// Exit animation duration in ms. Must match `--duration-exit` and the\n// `is-closing` keyframes in src/styles/index.css (`.modal-backdrop`,\n// `.drawer-backdrop`).\nconst EXIT_MS = 150;\n\nexport interface OverlayProps {\n  open: boolean;\n  onClose: () => void;\n  title?: React.ReactNode;\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  size?: 'sm' | 'md' | 'lg';\n  closeOnBackdrop?: boolean;\n  closeOnEsc?: boolean;\n  className?: string;\n}\n\nexport function Modal({\n  open, onClose, title, children, footer, size = 'md',\n  closeOnBackdrop = true, closeOnEsc = true, className,\n}: OverlayProps) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  // True only when the press both started AND ended on the backdrop itself.\n  // Fixes: press inside (e.g. text-selecting in an input) released over the\n  // backdrop must NOT dismiss.\n  const downOnBackdrop = React.useRef(false);\n  const titleId = React.useId();\n  const t = useLocale();\n  // useDelayedUnmount keeps the DOM mounted during exit animation. The\n  // a11y/scroll-lock hooks still consume `open` (the user's intent), not\n  // `mounted` — we don't want to trap focus or block scroll while\n  // animating out.\n  const { mounted, closing } = useDelayedUnmount(open, EXIT_MS);\n  useEscape(open, onClose, closeOnEsc);\n  useFocusTrap(ref, open);\n  useScrollLock(open);\n  if (!mounted || typeof document === 'undefined') return null;\n  return createPortal(\n    <div\n      className={cx('modal-backdrop', closing && 'is-closing')}\n      onMouseDown={(e) => { downOnBackdrop.current = e.target === e.currentTarget; }}\n      onClick={(e) => {\n        if (closeOnBackdrop && downOnBackdrop.current && e.target === e.currentTarget) onClose();\n        downOnBackdrop.current = false;\n      }}\n    >\n      <div\n        ref={ref}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        className={cx('modal', `modal--${size}`, closing && 'is-closing', className)}\n      >\n        {title && (\n          <div className=\"modal__header\">\n            <div id={titleId} className=\"modal__title\">{title}</div>\n            <button type=\"button\" className=\"modal__close\" onClick={onClose} aria-label={t['modal.close']}><X size={18} /></button>\n          </div>\n        )}\n        <div className=\"modal__body\">{children}</div>\n        {footer && <div className=\"modal__footer\">{footer}</div>}\n      </div>\n    </div>,\n    document.body\n  );\n}\n\nexport interface DrawerProps extends OverlayProps {\n  side?: 'left' | 'right';\n}\n\nexport function Drawer({\n  open, onClose, title, children, footer, side = 'right',\n  closeOnBackdrop = true, closeOnEsc = true, className,\n}: DrawerProps) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  // True only when the press both started AND ended on the backdrop itself.\n  // Fixes: press inside (e.g. text-selecting in an input) released over the\n  // backdrop must NOT dismiss.\n  const downOnBackdrop = React.useRef(false);\n  const titleId = React.useId();\n  const t = useLocale();\n  const { mounted, closing } = useDelayedUnmount(open, EXIT_MS);\n  useEscape(open, onClose, closeOnEsc);\n  useFocusTrap(ref, open);\n  useScrollLock(open);\n  if (!mounted || typeof document === 'undefined') return null;\n  return createPortal(\n    <div\n      className={cx('drawer-backdrop', closing && 'is-closing')}\n      onMouseDown={(e) => { downOnBackdrop.current = e.target === e.currentTarget; }}\n      onClick={(e) => {\n        if (closeOnBackdrop && downOnBackdrop.current && e.target === e.currentTarget) onClose();\n        downOnBackdrop.current = false;\n      }}\n    >\n      <div\n        ref={ref}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        className={cx('drawer', `drawer--${side}`, closing && 'is-closing', className)}\n      >\n        {title && (\n          <div className=\"drawer__header\">\n            <div id={titleId} className=\"drawer__title\">{title}</div>\n            <button type=\"button\" className=\"drawer__close\" onClick={onClose} aria-label={t['drawer.close']}><X size={18} /></button>\n          </div>\n        )}\n        <div className=\"drawer__body\">{children}</div>\n        {footer && <div className=\"drawer__footer\">{footer}</div>}\n      </div>\n    </div>,\n    document.body\n  );\n}\n"]}

package/dist/components/AppShell.js

@@ -1,12 +1,12 @@
 'use client';
 'use strict';
 
-var chunkMSDFMVIF_js = require('../chunk-MSDFMVIF.js');
+var chunkNPUNAVWM_js = require('../chunk-NPUNAVWM.js');
 require('../chunk-HT43MPKW.js');
+require('../chunk-55P5FA5Q.js');
 require('../chunk-D2H4VZVL.js');
 require('../chunk-FL4ZCWUF.js');
 require('../chunk-NPXEZCTA.js');
-require('../chunk-55P5FA5Q.js');
 require('../chunk-6D5UP23V.js');
 require('../chunk-A42WMR4M.js');
 require('../chunk-XMLBKK7X.js');
@@ -18,11 +18,11 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "AppShell", {
   enumerable: true,
-  get: function () { return chunkMSDFMVIF_js.AppShell; }
+  get: function () { return chunkNPUNAVWM_js.AppShell; }
 });
 Object.defineProperty(exports, "PageHeader", {
   enumerable: true,
-  get: function () { return chunkMSDFMVIF_js.PageHeader; }
+  get: function () { return chunkNPUNAVWM_js.PageHeader; }
 });
 //# sourceMappingURL=AppShell.js.map
 //# sourceMappingURL=AppShell.js.map

package/dist/components/AppShell.mjs

@@ -1,10 +1,10 @@
 'use client';
-export { AppShell, PageHeader } from '../chunk-G4OOD6AR.mjs';
+export { AppShell, PageHeader } from '../chunk-F5EK5PIR.mjs';
 import '../chunk-JT6OOSI2.mjs';
+import '../chunk-XOV4D6J3.mjs';
 import '../chunk-R5DCDEB5.mjs';
 import '../chunk-U3JH4T3A.mjs';
 import '../chunk-6W7ZGWNA.mjs';
-import '../chunk-XOV4D6J3.mjs';
 import '../chunk-YTKPENNW.mjs';
 import '../chunk-KYYRQNY7.mjs';
 import '../chunk-6P2TKRTL.mjs';

package/dist/components/Charts.d.mts

@@ -39,7 +39,8 @@ interface BaseChartProps<D = any> {
     className?: string;
     ariaLabel?: string;
 }
-interface LineChartProps<D = any> extends BaseChartProps<D> {
+type AxisInterval = number | 'preserveStart' | 'preserveEnd' | 'preserveStartEnd' | 'equidistantPreserveStart' | 'equidistantPreserveEnd';
+interface CartesianChartProps<D = any> extends BaseChartProps<D> {
     categoryKey: keyof D & string;
     series: Array<{
         key: keyof D & string;
@@ -48,26 +49,31 @@ interface LineChartProps<D = any> extends BaseChartProps<D> {
     }>;
     showGrid?: boolean;
     showLegend?: boolean;
+    /** Format each category-axis tick label, e.g. shorten `2026-05-23`. → XAxis.tickFormatter */
+    xTickFormatter?: (value: string) => string;
+    /** Thin out category ticks on collision. → XAxis.interval. Default `preserveStartEnd`. */
+    xTickInterval?: AxisInterval;
+    /** Rotate category-axis labels N degrees (anchors end + reserves height so they don't clip). */
+    xTickAngle?: number;
+    /** Format numeric values (value-axis ticks + tooltip). */
+    valueFormatter?: (value: number) => string;
+}
+interface LineChartProps<D = any> extends CartesianChartProps<D> {
     smooth?: boolean;
+    /** Interpolation. `monotone` smooths (default, back-compat); `linear` draws honest
+     *  straight segments — recommended for counts/stepped series (no phantom humps over zeros). */
+    curve?: 'linear' | 'monotone';
 }
-declare function LineChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, showGrid, showLegend, smooth, }: LineChartProps<D>): react_jsx_runtime.JSX.Element;
+declare function LineChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, showGrid, showLegend, smooth, curve, xTickFormatter, xTickInterval, xTickAngle, valueFormatter, }: LineChartProps<D>): react_jsx_runtime.JSX.Element;
 interface AreaChartProps<D = any> extends LineChartProps<D> {
     stacked?: boolean;
 }
-declare function AreaChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, showGrid, showLegend, smooth, stacked, }: AreaChartProps<D>): react_jsx_runtime.JSX.Element;
-interface BarChartProps<D = any> extends BaseChartProps<D> {
-    categoryKey: keyof D & string;
-    series: Array<{
-        key: keyof D & string;
-        label?: string;
-        color?: string;
-    }>;
+declare function AreaChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, showGrid, showLegend, smooth, curve, stacked, xTickFormatter, xTickInterval, xTickAngle, valueFormatter, }: AreaChartProps<D>): react_jsx_runtime.JSX.Element;
+interface BarChartProps<D = any> extends CartesianChartProps<D> {
     layout?: 'vertical' | 'horizontal';
     stacked?: boolean;
-    showGrid?: boolean;
-    showLegend?: boolean;
 }
-declare function BarChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, layout, stacked, showGrid, showLegend, }: BarChartProps<D>): react_jsx_runtime.JSX.Element;
+declare function BarChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, layout, stacked, showGrid, showLegend, xTickFormatter, xTickInterval, xTickAngle, valueFormatter, }: BarChartProps<D>): react_jsx_runtime.JSX.Element;
 interface DonutChartProps extends Omit<BaseChartProps, 'data'> {
     data: Array<{
         name: string;
@@ -78,8 +84,12 @@ interface DonutChartProps extends Omit<BaseChartProps, 'data'> {
     showLegend?: boolean;
     innerRadius?: number;
     outerRadius?: number;
+    /** Format slice names in tooltip + legend, e.g. `V_REGION` → `V Región` (no need to pre-map the data). */
+    nameFormatter?: (name: string) => string;
+    /** Format slice values in the tooltip. */
+    valueFormatter?: (value: number) => string;
 }
-declare function DonutChart({ recharts: R, data, height, className, ariaLabel, centerLabel, showLegend, innerRadius, outerRadius, }: DonutChartProps): react_jsx_runtime.JSX.Element;
+declare function DonutChart({ recharts: R, data, height, className, ariaLabel, centerLabel, showLegend, innerRadius, outerRadius, nameFormatter, valueFormatter, }: DonutChartProps): react_jsx_runtime.JSX.Element;
 interface SparklineProps<D = any> {
     recharts: RechartsLike;
     data: D[];
@@ -93,4 +103,4 @@ interface SparklineProps<D = any> {
 }
 declare function Sparkline<D = any>({ recharts: R, data, dataKey, width, height, color, fill, className, ariaLabel, }: SparklineProps<D>): react_jsx_runtime.JSX.Element;
 
-export { AreaChart, type AreaChartProps, BarChart, type BarChartProps, type BaseChartProps, DonutChart, type DonutChartProps, LineChart, type LineChartProps, type RechartsLike, Sparkline, type SparklineProps };
+export { AreaChart, type AreaChartProps, type AxisInterval, BarChart, type BarChartProps, type BaseChartProps, type CartesianChartProps, DonutChart, type DonutChartProps, LineChart, type LineChartProps, type RechartsLike, Sparkline, type SparklineProps };

package/dist/components/Charts.d.ts

@@ -39,7 +39,8 @@ interface BaseChartProps<D = any> {
     className?: string;
     ariaLabel?: string;
 }
-interface LineChartProps<D = any> extends BaseChartProps<D> {
+type AxisInterval = number | 'preserveStart' | 'preserveEnd' | 'preserveStartEnd' | 'equidistantPreserveStart' | 'equidistantPreserveEnd';
+interface CartesianChartProps<D = any> extends BaseChartProps<D> {
     categoryKey: keyof D & string;
     series: Array<{
         key: keyof D & string;
@@ -48,26 +49,31 @@ interface LineChartProps<D = any> extends BaseChartProps<D> {
     }>;
     showGrid?: boolean;
     showLegend?: boolean;
+    /** Format each category-axis tick label, e.g. shorten `2026-05-23`. → XAxis.tickFormatter */
+    xTickFormatter?: (value: string) => string;
+    /** Thin out category ticks on collision. → XAxis.interval. Default `preserveStartEnd`. */
+    xTickInterval?: AxisInterval;
+    /** Rotate category-axis labels N degrees (anchors end + reserves height so they don't clip). */
+    xTickAngle?: number;
+    /** Format numeric values (value-axis ticks + tooltip). */
+    valueFormatter?: (value: number) => string;
+}
+interface LineChartProps<D = any> extends CartesianChartProps<D> {
     smooth?: boolean;
+    /** Interpolation. `monotone` smooths (default, back-compat); `linear` draws honest
+     *  straight segments — recommended for counts/stepped series (no phantom humps over zeros). */
+    curve?: 'linear' | 'monotone';
 }
-declare function LineChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, showGrid, showLegend, smooth, }: LineChartProps<D>): react_jsx_runtime.JSX.Element;
+declare function LineChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, showGrid, showLegend, smooth, curve, xTickFormatter, xTickInterval, xTickAngle, valueFormatter, }: LineChartProps<D>): react_jsx_runtime.JSX.Element;
 interface AreaChartProps<D = any> extends LineChartProps<D> {
     stacked?: boolean;
 }
-declare function AreaChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, showGrid, showLegend, smooth, stacked, }: AreaChartProps<D>): react_jsx_runtime.JSX.Element;
-interface BarChartProps<D = any> extends BaseChartProps<D> {
-    categoryKey: keyof D & string;
-    series: Array<{
-        key: keyof D & string;
-        label?: string;
-        color?: string;
-    }>;
+declare function AreaChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, showGrid, showLegend, smooth, curve, stacked, xTickFormatter, xTickInterval, xTickAngle, valueFormatter, }: AreaChartProps<D>): react_jsx_runtime.JSX.Element;
+interface BarChartProps<D = any> extends CartesianChartProps<D> {
     layout?: 'vertical' | 'horizontal';
     stacked?: boolean;
-    showGrid?: boolean;
-    showLegend?: boolean;
 }
-declare function BarChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, layout, stacked, showGrid, showLegend, }: BarChartProps<D>): react_jsx_runtime.JSX.Element;
+declare function BarChart<D = any>({ recharts: R, data, categoryKey, series, height, className, ariaLabel, layout, stacked, showGrid, showLegend, xTickFormatter, xTickInterval, xTickAngle, valueFormatter, }: BarChartProps<D>): react_jsx_runtime.JSX.Element;
 interface DonutChartProps extends Omit<BaseChartProps, 'data'> {
     data: Array<{
         name: string;
@@ -78,8 +84,12 @@ interface DonutChartProps extends Omit<BaseChartProps, 'data'> {
     showLegend?: boolean;
     innerRadius?: number;
     outerRadius?: number;
+    /** Format slice names in tooltip + legend, e.g. `V_REGION` → `V Región` (no need to pre-map the data). */
+    nameFormatter?: (name: string) => string;
+    /** Format slice values in the tooltip. */
+    valueFormatter?: (value: number) => string;
 }
-declare function DonutChart({ recharts: R, data, height, className, ariaLabel, centerLabel, showLegend, innerRadius, outerRadius, }: DonutChartProps): react_jsx_runtime.JSX.Element;
+declare function DonutChart({ recharts: R, data, height, className, ariaLabel, centerLabel, showLegend, innerRadius, outerRadius, nameFormatter, valueFormatter, }: DonutChartProps): react_jsx_runtime.JSX.Element;
 interface SparklineProps<D = any> {
     recharts: RechartsLike;
     data: D[];
@@ -93,4 +103,4 @@ interface SparklineProps<D = any> {
 }
 declare function Sparkline<D = any>({ recharts: R, data, dataKey, width, height, color, fill, className, ariaLabel, }: SparklineProps<D>): react_jsx_runtime.JSX.Element;
 
-export { AreaChart, type AreaChartProps, BarChart, type BarChartProps, type BaseChartProps, DonutChart, type DonutChartProps, LineChart, type LineChartProps, type RechartsLike, Sparkline, type SparklineProps };
+export { AreaChart, type AreaChartProps, type AxisInterval, BarChart, type BarChartProps, type BaseChartProps, type CartesianChartProps, DonutChart, type DonutChartProps, LineChart, type LineChartProps, type RechartsLike, Sparkline, type SparklineProps };

package/dist/components/Charts.js

@@ -1,30 +1,30 @@
 'use client';
 'use strict';
 
-var chunkCPMQ2DFS_js = require('../chunk-CPMQ2DFS.js');
+var chunk2ET7IM4U_js = require('../chunk-2ET7IM4U.js');
 require('../chunk-PASF6T4H.js');
 
 
 
 Object.defineProperty(exports, "AreaChart", {
   enumerable: true,
-  get: function () { return chunkCPMQ2DFS_js.AreaChart; }
+  get: function () { return chunk2ET7IM4U_js.AreaChart; }
 });
 Object.defineProperty(exports, "BarChart", {
   enumerable: true,
-  get: function () { return chunkCPMQ2DFS_js.BarChart; }
+  get: function () { return chunk2ET7IM4U_js.BarChart; }
 });
 Object.defineProperty(exports, "DonutChart", {
   enumerable: true,
-  get: function () { return chunkCPMQ2DFS_js.DonutChart; }
+  get: function () { return chunk2ET7IM4U_js.DonutChart; }
 });
 Object.defineProperty(exports, "LineChart", {
   enumerable: true,
-  get: function () { return chunkCPMQ2DFS_js.LineChart; }
+  get: function () { return chunk2ET7IM4U_js.LineChart; }
 });
 Object.defineProperty(exports, "Sparkline", {
   enumerable: true,
-  get: function () { return chunkCPMQ2DFS_js.Sparkline; }
+  get: function () { return chunk2ET7IM4U_js.Sparkline; }
 });
 //# sourceMappingURL=Charts.js.map
 //# sourceMappingURL=Charts.js.map

package/dist/components/Charts.mjs

@@ -1,5 +1,5 @@
 'use client';
-export { AreaChart, BarChart, DonutChart, LineChart, Sparkline } from '../chunk-O6FCBNWN.mjs';
+export { AreaChart, BarChart, DonutChart, LineChart, Sparkline } from '../chunk-EJY4QWHT.mjs';
 import '../chunk-IEPCH3JB.mjs';
 //# sourceMappingURL=Charts.mjs.map
 //# sourceMappingURL=Charts.mjs.map

package/dist/components/Commerce.js

@@ -1,15 +1,15 @@
 'use client';
 'use strict';
 
-var chunkT46LLZHX_js = require('../chunk-T46LLZHX.js');
-require('../chunk-S3DEFKS5.js');
+var chunkKNQOG43N_js = require('../chunk-KNQOG43N.js');
+require('../chunk-DLDTUVHR.js');
 require('../chunk-G3V4UOZW.js');
 require('../chunk-3PXYCXDW.js');
 require('../chunk-HT43MPKW.js');
+require('../chunk-55P5FA5Q.js');
 require('../chunk-D2H4VZVL.js');
 require('../chunk-FL4ZCWUF.js');
 require('../chunk-NPXEZCTA.js');
-require('../chunk-55P5FA5Q.js');
 require('../chunk-6D5UP23V.js');
 require('../chunk-A42WMR4M.js');
 require('../chunk-XMLBKK7X.js');
@@ -21,47 +21,47 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "AddressForm", {
   enumerable: true,
-  get: function () { return chunkT46LLZHX_js.AddressForm; }
+  get: function () { return chunkKNQOG43N_js.AddressForm; }
 });
 Object.defineProperty(exports, "CartDrawer", {
   enumerable: true,
-  get: function () { return chunkT46LLZHX_js.CartDrawer; }
+  get: function () { return chunkKNQOG43N_js.CartDrawer; }
 });
 Object.defineProperty(exports, "CompareTable", {
   enumerable: true,
-  get: function () { return chunkT46LLZHX_js.CompareTable; }
+  get: function () { return chunkKNQOG43N_js.CompareTable; }
 });
 Object.defineProperty(exports, "FreeShippingProgress", {
   enumerable: true,
-  get: function () { return chunkT46LLZHX_js.FreeShippingProgress; }
+  get: function () { return chunkKNQOG43N_js.FreeShippingProgress; }
 });
 Object.defineProperty(exports, "OrderSummary", {
   enumerable: true,
-  get: function () { return chunkT46LLZHX_js.OrderSummary; }
+  get: function () { return chunkKNQOG43N_js.OrderSummary; }
 });
 Object.defineProperty(exports, "PriceDisplay", {
   enumerable: true,
-  get: function () { return chunkT46LLZHX_js.PriceDisplay; }
+  get: function () { return chunkKNQOG43N_js.PriceDisplay; }
 });
 Object.defineProperty(exports, "PromoCodeInput", {
   enumerable: true,
-  get: function () { return chunkT46LLZHX_js.PromoCodeInput; }
+  get: function () { return chunkKNQOG43N_js.PromoCodeInput; }
 });
 Object.defineProperty(exports, "QuantitySelector", {
   enumerable: true,
-  get: function () { return chunkT46LLZHX_js.QuantitySelector; }
+  get: function () { return chunkKNQOG43N_js.QuantitySelector; }
 });
 Object.defineProperty(exports, "Rating", {
   enumerable: true,
-  get: function () { return chunkT46LLZHX_js.Rating; }
+  get: function () { return chunkKNQOG43N_js.Rating; }
 });
 Object.defineProperty(exports, "VariantSelector", {
   enumerable: true,
-  get: function () { return chunkT46LLZHX_js.VariantSelector; }
+  get: function () { return chunkKNQOG43N_js.VariantSelector; }
 });
 Object.defineProperty(exports, "WishlistButton", {
   enumerable: true,
-  get: function () { return chunkT46LLZHX_js.WishlistButton; }
+  get: function () { return chunkKNQOG43N_js.WishlistButton; }
 });
 //# sourceMappingURL=Commerce.js.map
 //# sourceMappingURL=Commerce.js.map

package/dist/components/Commerce.mjs

@@ -1,13 +1,13 @@
 'use client';
-export { AddressForm, CartDrawer, CompareTable, FreeShippingProgress, OrderSummary, PriceDisplay, PromoCodeInput, QuantitySelector, Rating, VariantSelector, WishlistButton } from '../chunk-J2HHAZHV.mjs';
-import '../chunk-XJHK3RH5.mjs';
+export { AddressForm, CartDrawer, CompareTable, FreeShippingProgress, OrderSummary, PriceDisplay, PromoCodeInput, QuantitySelector, Rating, VariantSelector, WishlistButton } from '../chunk-X7BV2JFX.mjs';
+import '../chunk-ZAKJKBUX.mjs';
 import '../chunk-VGA7UT6T.mjs';
 import '../chunk-5GEWIK4T.mjs';
 import '../chunk-JT6OOSI2.mjs';
+import '../chunk-XOV4D6J3.mjs';
 import '../chunk-R5DCDEB5.mjs';
 import '../chunk-U3JH4T3A.mjs';
 import '../chunk-6W7ZGWNA.mjs';
-import '../chunk-XOV4D6J3.mjs';
 import '../chunk-YTKPENNW.mjs';
 import '../chunk-KYYRQNY7.mjs';
 import '../chunk-6P2TKRTL.mjs';

package/dist/components/Editing.js

@@ -1,14 +1,14 @@
 'use client';
 'use strict';
 
-var chunkHKHGODQE_js = require('../chunk-HKHGODQE.js');
-require('../chunk-S3DEFKS5.js');
+var chunk4HHP3WT7_js = require('../chunk-4HHP3WT7.js');
+require('../chunk-DLDTUVHR.js');
 require('../chunk-6SSTTJV4.js');
 require('../chunk-HT43MPKW.js');
+require('../chunk-55P5FA5Q.js');
 require('../chunk-D2H4VZVL.js');
 require('../chunk-FL4ZCWUF.js');
 require('../chunk-NPXEZCTA.js');
-require('../chunk-55P5FA5Q.js');
 require('../chunk-6D5UP23V.js');
 require('../chunk-A42WMR4M.js');
 require('../chunk-XMLBKK7X.js');
@@ -20,27 +20,27 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "ConfirmDialog", {
   enumerable: true,
-  get: function () { return chunkHKHGODQE_js.ConfirmDialog; }
+  get: function () { return chunk4HHP3WT7_js.ConfirmDialog; }
 });
 Object.defineProperty(exports, "DescriptionList", {
   enumerable: true,
-  get: function () { return chunkHKHGODQE_js.DescriptionList; }
+  get: function () { return chunk4HHP3WT7_js.DescriptionList; }
 });
 Object.defineProperty(exports, "DescriptionListItem", {
   enumerable: true,
-  get: function () { return chunkHKHGODQE_js.DescriptionListItem; }
+  get: function () { return chunk4HHP3WT7_js.DescriptionListItem; }
 });
 Object.defineProperty(exports, "DiffViewer", {
   enumerable: true,
-  get: function () { return chunkHKHGODQE_js.DiffViewer; }
+  get: function () { return chunk4HHP3WT7_js.DiffViewer; }
 });
 Object.defineProperty(exports, "EditableCell", {
   enumerable: true,
-  get: function () { return chunkHKHGODQE_js.EditableCell; }
+  get: function () { return chunk4HHP3WT7_js.EditableCell; }
 });
 Object.defineProperty(exports, "TransferList", {
   enumerable: true,
-  get: function () { return chunkHKHGODQE_js.TransferList; }
+  get: function () { return chunk4HHP3WT7_js.TransferList; }
 });
 //# sourceMappingURL=Editing.js.map
 //# sourceMappingURL=Editing.js.map

package/dist/components/Editing.mjs

@@ -1,12 +1,12 @@
 'use client';
-export { ConfirmDialog, DescriptionList, DescriptionListItem, DiffViewer, EditableCell, TransferList } from '../chunk-6OBFBETV.mjs';
-import '../chunk-XJHK3RH5.mjs';
+export { ConfirmDialog, DescriptionList, DescriptionListItem, DiffViewer, EditableCell, TransferList } from '../chunk-I7JH3OEO.mjs';
+import '../chunk-ZAKJKBUX.mjs';
 import '../chunk-SUQLII3F.mjs';
 import '../chunk-JT6OOSI2.mjs';
+import '../chunk-XOV4D6J3.mjs';
 import '../chunk-R5DCDEB5.mjs';
 import '../chunk-U3JH4T3A.mjs';
 import '../chunk-6W7ZGWNA.mjs';
-import '../chunk-XOV4D6J3.mjs';
 import '../chunk-YTKPENNW.mjs';
 import '../chunk-KYYRQNY7.mjs';
 import '../chunk-6P2TKRTL.mjs';

package/dist/components/Metrics.d.mts

@@ -0,0 +1,130 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { CategoryAccent } from './Display.mjs';
+import '../utils/types.mjs';
+
+/**
+ * Dashboard data-communication primitives. Everything here is CSS-only — no
+ * recharts dependency — so consumers can drop dense micro-viz into cards and
+ * table cells without paying for a chart library. The heavyweight charts
+ * (Line/Area/Bar/Donut) still live in Charts.tsx behind the BYO-recharts seam.
+ */
+type DeltaTone = 'pos' | 'neg' | 'flat';
+interface DeltaBadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** The variation. Sign drives direction + tone; magnitude is formatted. */
+    value: number;
+    /** Full-label formatter (incl. sign). Default: signed percent, e.g. `+12,4%`. */
+    format?: (value: number) => string;
+    /** Higher-is-worse: an increase shows ▲ but in red (cost, error rate, churn). */
+    invert?: boolean;
+    /** |value| ≤ this renders flat/neutral. Default 0. */
+    neutralThreshold?: number;
+    /** Hide the directional arrow, keep the colored number. */
+    showIcon?: boolean;
+    size?: 'sm' | 'md';
+}
+declare function DeltaBadge({ value, format, invert, neutralThreshold, showIcon, size, className, ...rest }: DeltaBadgeProps): react_jsx_runtime.JSX.Element;
+interface StatCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    /** Convenience: renders a DeltaBadge. Omit and pass `deltaNode` for full control. */
+    delta?: number;
+    deltaFormat?: (value: number) => string;
+    deltaInvert?: boolean;
+    /** Escape hatch when `delta` isn't enough (custom node in the delta slot). */
+    deltaNode?: React.ReactNode;
+    /** Caption next to the delta, e.g. "vs. mes anterior". */
+    caption?: React.ReactNode;
+    /** Small leading glyph rendered in a tinted chip. */
+    icon?: React.ReactNode;
+    /** Left-edge accent hue. */
+    accent?: CategoryAccent;
+    /** Micro-viz slot (Sparkline / Sparkbar / ProportionBar). */
+    chart?: React.ReactNode;
+}
+declare function StatCard({ label, value, delta, deltaFormat, deltaInvert, deltaNode, caption, icon, accent, chart, className, ...rest }: StatCardProps): react_jsx_runtime.JSX.Element;
+type MeterOptimum = 'low' | 'high' | 'middle';
+interface MeterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    value: number;
+    min?: number;
+    max?: number;
+    /** Lower threshold boundary (for tone zones). */
+    low?: number;
+    /** Upper threshold boundary (for tone zones). */
+    high?: number;
+    /** Where "good" lives. Default `high` (more is better). */
+    optimum?: MeterOptimum;
+    label?: React.ReactNode;
+    /** Value caption. String or formatter; default shows `value/max`. */
+    valueLabel?: React.ReactNode | ((value: number, max: number) => React.ReactNode);
+    showValue?: boolean;
+    size?: 'sm' | 'md';
+}
+declare function Meter({ value, min, max, low, high, optimum, label, valueLabel, showValue, size, className, ...rest }: MeterProps): react_jsx_runtime.JSX.Element;
+interface SparkbarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    data: number[];
+    height?: number;
+    /** Scale ceiling. Default: max of `data`. */
+    max?: number;
+    color?: string;
+    /** Emphasize the most recent bar (full opacity + secondary hue). */
+    highlightLast?: boolean;
+    /** Gap between bars in px. Default 2. */
+    gap?: number;
+    ariaLabel?: string;
+}
+declare function Sparkbar({ data, height, max, color, highlightLast, gap, ariaLabel, className, style, ...rest }: SparkbarProps): react_jsx_runtime.JSX.Element;
+interface ProportionSegment {
+    label: string;
+    value: number;
+    color?: string;
+}
+interface ProportionBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    segments: ProportionSegment[];
+    /** Denominator override (e.g. show partial fill against a known total). */
+    total?: number;
+    showLegend?: boolean;
+    showPercent?: boolean;
+    height?: number;
+    ariaLabel?: string;
+}
+declare function ProportionBar({ segments, total, showLegend, showPercent, height, ariaLabel, className, ...rest }: ProportionBarProps): react_jsx_runtime.JSX.Element;
+type BulletTone = 'primary' | 'success' | 'warning' | 'danger';
+interface BulletChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    value: number;
+    /** Comparative marker (the vertical tick). */
+    target?: number;
+    min?: number;
+    /** Scale end. Default: max of value/target/ranges. */
+    max?: number;
+    /** Qualitative range boundaries (ascending). Shaded light→dark behind the bar. */
+    ranges?: number[];
+    label?: React.ReactNode;
+    valueLabel?: React.ReactNode;
+    tone?: BulletTone;
+    height?: number;
+    ariaLabel?: string;
+}
+declare function BulletChart({ value, target, min, max, ranges, label, valueLabel, tone, height, ariaLabel, className, ...rest }: BulletChartProps): react_jsx_runtime.JSX.Element;
+interface HeatmapCell {
+    /** Optional key/date for accessibility + keys. */
+    date?: string;
+    label?: React.ReactNode;
+    value: number;
+}
+interface CalendarHeatmapProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    data: HeatmapCell[];
+    /** Rows in the grid (column-major flow). Default 7 (weekdays). */
+    rows?: number;
+    /** Intensity ceiling. Default: max of `data`. */
+    max?: number;
+    /** Base hue tinted by intensity. Default primary. */
+    color?: string;
+    cellSize?: number;
+    gap?: number;
+    legend?: boolean;
+    ariaLabel?: string;
+}
+declare function CalendarHeatmap({ data, rows, max, color, cellSize, gap, legend, ariaLabel, className, style, ...rest }: CalendarHeatmapProps): react_jsx_runtime.JSX.Element;
+
+export { BulletChart, type BulletChartProps, type BulletTone, CalendarHeatmap, type CalendarHeatmapProps, DeltaBadge, type DeltaBadgeProps, type DeltaTone, type HeatmapCell, Meter, type MeterOptimum, type MeterProps, ProportionBar, type ProportionBarProps, type ProportionSegment, Sparkbar, type SparkbarProps, StatCard, type StatCardProps };