@nice2dev/ui 1.0.6 → 1.0.10

package/dist/charts.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./NiceStockChart-CHlOnWzN.cjs");exports.CHART_COLORS=e.CHART_COLORS;exports.NiceBarGauge=e.NiceBarGauge;exports.NiceBullet=e.NiceBullet;exports.NiceChart=e.NiceChart;exports.NiceChartAI=e.NiceChartAI;exports.NiceCircularGauge=e.NiceCircularGauge;exports.NiceForecastChart=e.NiceForecastChart;exports.NiceFunnel=e.NiceFunnel;exports.NiceHeatMap=e.NiceHeatMap;exports.NiceLinearGauge=e.NiceLinearGauge;exports.NiceLiveChart=e.NiceLiveChart;exports.NiceOrganizationChart=e.NiceOrganizationChart;exports.NicePieChart=e.NicePieChart;exports.NicePolarChart=e.NicePolarChart;exports.NiceRangeSelector=e.NiceRangeSelector;exports.NiceSankey=e.NiceSankey;exports.NiceSparkline=e.NiceSparkline;exports.NiceStockChart=e.NiceStockChart;exports.NiceTreeMap=e.NiceTreeMap;exports.NiceVectorMap=e.NiceVectorMap;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./charts-DShUbWrP.cjs");exports.CHART_COLORS=e.CHART_COLORS;exports.NiceBarGauge=e.NiceBarGauge;exports.NiceBullet=e.NiceBullet;exports.NiceChart=e.NiceChart;exports.NiceChartAI=e.NiceChartAI;exports.NiceCircularGauge=e.NiceCircularGauge;exports.NiceForecastChart=e.NiceForecastChart;exports.NiceFunnel=e.NiceFunnel;exports.NiceHeatMap=e.NiceHeatMap;exports.NiceLinearGauge=e.NiceLinearGauge;exports.NiceLiveChart=e.NiceLiveChart;exports.NiceOrganizationChart=e.NiceOrganizationChart;exports.NicePieChart=e.NicePieChart;exports.NicePolarChart=e.NicePolarChart;exports.NiceRangeSelector=e.NiceRangeSelector;exports.NiceSankey=e.NiceSankey;exports.NiceSparkline=e.NiceSparkline;exports.NiceStockChart=e.NiceStockChart;exports.NiceTreeMap=e.NiceTreeMap;exports.NiceVectorMap=e.NiceVectorMap;

package/dist/charts.css

@@ -0,0 +1 @@
+.nice-chart-ai{--ai-primary: #6366f1;--ai-primary-light: #818cf8;--ai-bg: #f8fafc;--ai-border: #e2e8f0;--ai-text: #334155;--ai-text-muted: #64748b;--ai-success: #22c55e;--ai-panel-bg: #ffffff;position:relative;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid var(--ai-border);background:var(--ai-panel-bg)}[data-theme=dark] .nice-chart-ai,.nice-chart-ai.dark{--ai-primary: #818cf8;--ai-primary-light: #a5b4fc;--ai-bg: #1e293b;--ai-border: #334155;--ai-text: #e2e8f0;--ai-text-muted: #94a3b8;--ai-success: #4ade80;--ai-panel-bg: #0f172a}.nice-chart-ai__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:var(--ai-bg);border-bottom:1px solid var(--ai-border);flex-wrap:wrap}.nice-chart-ai__toolbar-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.nice-chart-ai__badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,var(--ai-primary) 0%,var(--ai-primary-light) 100%);border-radius:4px}.nice-chart-ai__suggestion{display:flex;align-items:center;gap:6px;font-size:13px}.nice-chart-ai__suggestion-icon{font-size:14px}.nice-chart-ai__suggestion-text{color:var(--ai-text);font-weight:500}.nice-chart-ai__suggestion-reason{color:var(--ai-text-muted);font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nice-chart-ai__loading{font-size:12px;color:var(--ai-primary);animation:pulse-opacity 1.5s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:.5}50%{opacity:1}}.nice-chart-ai__toolbar-center{display:flex;align-items:center}.nice-chart-ai__type-selector{display:flex;gap:4px;padding:4px;background:var(--ai-panel-bg);border:1px solid var(--ai-border);border-radius:6px}.nice-chart-ai__type-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;padding:0;font-size:14px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.nice-chart-ai__type-btn:hover{background:var(--ai-bg)}.nice-chart-ai__type-btn--active{background:var(--ai-primary);box-shadow:0 2px 4px #6366f14d}.nice-chart-ai__toolbar-right{display:flex;align-items:center;gap:8px}.nice-chart-ai__auto-btn,.nice-chart-ai__insights-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--ai-text);background:transparent;border:1px solid var(--ai-border);border-radius:4px;cursor:pointer;transition:all .15s ease}.nice-chart-ai__auto-btn:hover:not(:disabled),.nice-chart-ai__insights-btn:hover:not(:disabled){background:var(--ai-primary);color:#fff;border-color:var(--ai-primary)}.nice-chart-ai__auto-btn:disabled,.nice-chart-ai__insights-btn:disabled{opacity:.5;cursor:not-allowed}.nice-chart-ai__chart-wrapper{flex:1;min-height:300px;padding:16px}.nice-chart-ai__insights{position:absolute;top:60px;right:16px;width:320px;max-height:calc(100% - 80px);background:var(--ai-panel-bg);border:1px solid var(--ai-border);border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;z-index:10;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nice-chart-ai__insights--loading{justify-content:center;align-items:center;min-height:150px}.nice-chart-ai__loading-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--ai-primary);font-size:14px}.nice-chart-ai__spinner{width:24px;height:24px;border:3px solid var(--ai-border);border-top-color:var(--ai-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nice-chart-ai__insights-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--ai-bg);border-bottom:1px solid var(--ai-border);border-radius:8px 8px 0 0}.nice-chart-ai__insights-header h4{margin:0;font-size:14px;font-weight:600;color:var(--ai-text)}.nice-chart-ai__insights-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;font-size:14px;color:var(--ai-text-muted);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.nice-chart-ai__insights-close:hover{color:var(--ai-text);background:var(--ai-border)}.nice-chart-ai__insights-list{flex:1;margin:0;padding:12px 14px;list-style:none;overflow-y:auto}.nice-chart-ai__insight{display:flex;align-items:flex-start;gap:8px;padding:8px 0;font-size:13px;line-height:1.5;color:var(--ai-text);border-bottom:1px solid var(--ai-border)}.nice-chart-ai__insight:last-child{border-bottom:none}.nice-chart-ai__insight-icon{color:var(--ai-primary);font-weight:700}.nice-chart-ai__insights-footer{padding:10px 14px;border-top:1px solid var(--ai-border)}.nice-chart-ai__refresh{width:100%;padding:8px;font-size:12px;font-weight:500;color:var(--ai-primary);background:transparent;border:1px solid var(--ai-border);border-radius:4px;cursor:pointer;transition:all .15s ease}.nice-chart-ai__refresh:hover:not(:disabled){background:var(--ai-bg);border-color:var(--ai-primary)}.nice-chart-ai__refresh:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.nice-chart-ai__toolbar{flex-direction:column;align-items:stretch;gap:10px}.nice-chart-ai__toolbar-left,.nice-chart-ai__toolbar-right{justify-content:center}.nice-chart-ai__toolbar-center{order:-1;justify-content:center}.nice-chart-ai__insights{position:static;width:100%;max-height:none;margin-top:0;border-radius:0;border-left:none;border-right:none;box-shadow:none}.nice-chart-ai__suggestion-reason{display:none}}@media(max-width:480px){.nice-chart-ai__type-selector{width:100%;justify-content:center}.nice-chart-ai__auto-btn,.nice-chart-ai__insights-btn{flex:1;justify-content:center}}

package/dist/charts.d.ts

@@ -1,4 +1,6 @@
 import { default as default_2 } from 'react';
+import { NiceBaseProps } from '@nice2dev/ui-core';
+import { NiceSize } from '@nice2dev/ui-core';
 import { ReactNode } from 'react';
 
 /**
@@ -196,15 +198,6 @@ declare interface LiveDataPoint {
     category?: string;
 }
 
-/**
- * Per-component visibility & interaction level used by the access control system.
- * - `'full'` — fully interactive (default)
- * - `'readOnly'` — renders but cannot be edited
- * - `'disabled'` — renders greyed-out
- * - `'hidden'` — not rendered at all
- */
-declare type NiceAccessMode = 'full' | 'readOnly' | 'disabled' | 'hidden';
-
 export declare const NiceBarGauge: default_2.FC<NiceBarGaugeProps>;
 
 /** An individual bar segment in the {@link NiceBarGauge}. */
@@ -239,30 +232,11 @@ export declare interface NiceBarGaugeProps extends NiceBaseProps {
     title?: string;
 }
 
-/** Base props inherited by every NiceToDev component. */
-declare interface NiceBaseProps {
-    /** Additional CSS class name(s). */
-    className?: string;
-    /** Inline style object. */
-    style?: React.CSSProperties;
-    /** HTML `id` attribute. When omitted a stable auto-generated id is used. */
-    id?: string;
-    /** Tooltip text shown on hover. */
-    title?: string;
-    /** Test identifier for integration / e2e test selectors. */
-    'data-testid'?: string;
-    /** Controls component visibility and interaction — see {@link NiceAccessMode}. */
-    accessMode?: NiceAccessMode;
-    /**
-     * Visual presentation style override.
-     * When set, overrides the global `displayStyle` from `NiceThemeProvider`.
-     * @see NiceDisplayStyle
-     */
-    displayStyle?: NiceDisplayStyle;
-}
-
 export declare const NiceBullet: default_2.FC<NiceBulletProps>;
 
+/** Label placement relative to the chart. */
+declare type NiceBulletLabelPlacement = 'top' | 'left' | 'right' | 'bottom' | 'none';
+
 /** Props for the {@link NiceBullet} component — a horizontal bullet chart comparing actual vs. target. */
 export declare interface NiceBulletProps extends NiceBaseProps {
     /** Actual value. */
@@ -273,16 +247,38 @@ export declare interface NiceBulletProps extends NiceBaseProps {
     min?: number;
     /** Maximum scale value. */
     max?: number;
-    /** Chart width in px. */
+    /** Chart width in px (overrides size preset). */
     width?: number;
-    /** Chart height in px. */
+    /** Chart height in px (overrides size preset). */
     height?: number;
     /** Bar color. */
     color?: string;
     /** Target marker color. */
     targetColor?: string;
+    /** Size preset (sm/md/lg). Default: `md`. */
+    size?: NiceBulletSize;
+    /** Optional descriptive label rendered next to the chart. */
+    label?: default_2.ReactNode;
+    /** Label placement (default `top`). */
+    labelPlacement?: NiceBulletLabelPlacement;
+    /** Show numeric value text near the bar. */
+    showValue?: boolean;
+    /** Show target value text near the marker. */
+    showTarget?: boolean;
+    /** Format the displayed value/target (defaults to `n.toString()`). */
+    formatValue?: (n: number) => string;
+    /** Visual state. `loading` shows a shimmer, `error` shows the error message. */
+    state?: NiceBulletState;
+    /** Error text shown when `state="error"`. */
+    errorMessage?: string;
 }
 
+/** Size variants for {@link NiceBullet}. */
+declare type NiceBulletSize = 'sm' | 'md' | 'lg';
+
+/** Visual state of the chart. */
+declare type NiceBulletState = 'normal' | 'loading' | 'error';
+
 export declare const NiceChart: default_2.FC<NiceChartProps>;
 
 export declare const NiceChartAI: default_2.ForwardRefExoticComponent<NiceChartAIProps & default_2.RefAttributes<NiceChartAIRef>>;
@@ -340,11 +336,16 @@ export declare interface NiceChartProps extends NiceBaseProps {
     height?: number;
     title?: string;
     showLegend?: boolean;
+    /** Show gridlines (horizontal lines at Y ticks). Defaults to true. */
     showGrid?: boolean;
+    /** Show axis tick labels (Y values, X categories). Defaults to true. */
+    axisLabels?: boolean;
     showTooltip?: boolean;
     yAxisLabel?: string;
     xAxisLabel?: string;
     stacked?: boolean;
+    /** Animate series on initial render. */
+    animated?: boolean;
     /** Enable zoom/pan via mouse wheel and drag. */
     zoomable?: boolean;
     /** Show crosshair line at mouse position. */
@@ -364,7 +365,7 @@ declare interface NiceChartSeries {
     name: string;
     data: number[];
     color?: string;
-    type?: 'bar' | 'line' | 'area';
+    type?: 'bar' | 'line' | 'area' | 'scatter' | 'radar';
 }
 
 export declare const NiceCircularGauge: default_2.FC<NiceCircularGaugeProps>;
@@ -401,13 +402,6 @@ export declare interface NiceCircularGaugeProps extends NiceBaseProps {
     }[];
 }
 
-/**
- * Cross-component visual presentation style.
- * Each style maps 1:1 to a ThemeVariantConfig preset controlling
- * buttons, inputs, cards, badges, tabs, toggles, tooltips, tables, etc.
- */
-declare type NiceDisplayStyle = 'default' | 'minimal' | 'rounded' | 'sharp' | 'glass' | 'neumorphic' | 'playful' | 'enterprise' | 'modern3d' | 'brutalist' | 'luxe' | 'pill' | 'flat' | 'editorial' | 'dashboard' | 'softCloud' | 'cosmic' | 'corporate' | 'bank' | 'government' | 'military' | 'legal' | 'medical' | 'swiss' | 'scandinavian' | 'bauhaus' | 'notebook' | 'origami' | 'watercolor' | 'monochrome' | 'paper' | 'zen' | 'terminal' | 'hacker' | 'retro8bit' | 'synthwave' | 'cyberpunk' | 'steampunk' | 'vapor' | 'neon' | 'windows95' | 'material' | 'fluent' | 'cupertino' | 'ant' | 'bootstrap' | 'chakra' | 'notion' | 'linear' | 'vercel' | 'candy' | 'bubblegum' | 'cartoon' | 'kawaii' | 'circus' | 'gaming' | 'kiddo' | 'disco' | 'clown';
-
 /**
  * NiceForecastChart — Time series chart with forecast and confidence intervals.
  *
@@ -443,7 +437,9 @@ export declare const NiceForecastChart: default_2.ForwardRefExoticComponent<Nice
  */
 export declare interface NiceForecastChartProps extends NiceBaseProps {
     /** Scenarios to display */
-    scenarios: ForecastScenario[];
+    scenarios?: ForecastScenario[];
+    /** Convenience flat data series — wrapped into a single scenario when `scenarios` is omitted. */
+    data?: ForecastDataPoint[];
     /** Annotations */
     annotations?: ForecastAnnotation[];
     /** Reference lines */
@@ -476,10 +472,14 @@ export declare interface NiceForecastChartProps extends NiceBaseProps {
     pointRadius?: number;
     /** Enable zoom */
     enableZoom?: boolean;
+    /** Alias for `enableZoom`. */
+    zoomEnabled?: boolean;
     /** Enable pan */
     enablePan?: boolean;
     /** Animation duration (ms) */
     animationDuration?: number;
+    /** Show the legend (alias affecting `legend.visible`). */
+    showLegend?: boolean;
     /** Responsive */
     responsive?: boolean;
     /** Called when a point is clicked */
@@ -641,7 +641,7 @@ export declare interface NiceLiveChartProps extends NiceBaseProps {
     /** Called when buffer is full and old data is dropped. */
     onDataDropped?: (droppedCount: number, seriesName: string) => void;
     /** Time format for x-axis categories. Default: "HH:mm:ss". */
-    timeFormat?: "HH:mm:ss" | "HH:mm" | "mm:ss" | "ss.SSS" | "ISO";
+    timeFormat?: 'HH:mm:ss' | 'HH:mm' | 'mm:ss' | 'ss.SSS' | 'ISO';
     /** Show statistics overlay (min, max, avg, current). */
     showStats?: boolean;
     /** Threshold lines for visual indicators. */
@@ -649,7 +649,7 @@ export declare interface NiceLiveChartProps extends NiceBaseProps {
         value: number;
         color: string;
         label?: string;
-        style?: "solid" | "dashed" | "dotted";
+        style?: 'solid' | 'dashed' | 'dotted';
     }>;
 }
 
@@ -693,7 +693,7 @@ declare interface NiceLiveChartSeriesConfig {
     /** Display color. */
     color?: string;
     /** Chart type for this series. */
-    type?: "bar" | "line" | "area";
+    type?: 'bar' | 'line' | 'area';
     /** Initial data points (optional). */
     initialData?: number[];
 }
@@ -872,9 +872,6 @@ export declare interface NiceSankeyProps extends NiceBaseProps {
     title?: string;
 }
 
-/** T-shirt sizing used across all components for consistent visual density. */
-declare type NiceSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-
 export declare const NiceSparkline: default_2.FC<NiceSparklineProps>;
 
 /** Props for the {@link NiceSparkline} component — a compact inline chart (line, bar, or area). */

package/dist/charts.mjs

@@ -1,4 +1,4 @@
-import { C as i, N as c, a as r, b as s, c as N, d as t, e as C, f as h, g as n, h as o, i as l, j as g, k as p, l as u, m as S, n as k, o as G, p as L, q as M, r as O } from "./NiceStockChart-Cpmv9_Cc.js";
+import { C as i, j as c, h as r, o as s, p as N, l as t, r as C, g as h, e as n, k as o, s as l, b as g, n as p, m as u, a as S, f as k, i as G, c as L, d as M, N as O } from "./charts-BAS21jkC.js";
 export {
   i as CHART_COLORS,
   c as NiceBarGauge,