@marcoschwartz/lite-ui 0.25.4 → 0.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.d.mts +31 -0
  2. package/dist/index.d.ts +31 -0
  3. package/dist/index.js +378 -214
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +265 -101
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/styles.css +1 -1
  8. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -708,6 +708,13 @@ interface LineChartProps {
708
708
  width?: number;
709
709
  /** Chart height in pixels (or use ResponsiveContainer) */
710
710
  height?: number;
711
+ /** Enable CSS-based responsive scaling (no JS measurement, no flash).
712
+ * When true, chart scales to fit container width via CSS. */
713
+ responsive?: boolean;
714
+ /** Aspect ratio for responsive mode (default: 2 = width is 2x height) */
715
+ aspectRatio?: number;
716
+ /** @internal - Set by ResponsiveContainer to indicate resize (skip animation) */
717
+ _isResizing?: boolean;
711
718
  /** Padding inside the chart */
712
719
  padding?: {
713
720
  top?: number;
@@ -786,6 +793,12 @@ interface BarChartProps {
786
793
  width?: number;
787
794
  /** Chart height in pixels */
788
795
  height?: number;
796
+ /** Enable CSS-based responsive scaling (no JS measurement, no flash) */
797
+ responsive?: boolean;
798
+ /** Aspect ratio for responsive mode (default: 2 = width is 2x height) */
799
+ aspectRatio?: number;
800
+ /** @internal - Set by ResponsiveContainer to indicate resize (skip animation) */
801
+ _isResizing?: boolean;
789
802
  /** Padding inside the chart */
790
803
  padding?: {
791
804
  top?: number;
@@ -867,6 +880,12 @@ interface AreaChartProps {
867
880
  width?: number;
868
881
  /** Chart height in pixels */
869
882
  height?: number;
883
+ /** Enable CSS-based responsive scaling (no JS measurement, no flash) */
884
+ responsive?: boolean;
885
+ /** Aspect ratio for responsive mode (default: 2 = width is 2x height) */
886
+ aspectRatio?: number;
887
+ /** @internal - Set by ResponsiveContainer to indicate resize (skip animation) */
888
+ _isResizing?: boolean;
870
889
  /** Padding inside the chart */
871
890
  padding?: {
872
891
  top?: number;
@@ -938,6 +957,12 @@ interface PieChartProps {
938
957
  width?: number;
939
958
  /** Chart height in pixels */
940
959
  height?: number;
960
+ /** Enable CSS-based responsive scaling (no JS measurement, no flash) */
961
+ responsive?: boolean;
962
+ /** Aspect ratio for responsive mode (default: 1 for square pie charts) */
963
+ aspectRatio?: number;
964
+ /** @internal - Set by ResponsiveContainer to indicate resize (skip animation) */
965
+ _isResizing?: boolean;
941
966
  /** Inner radius for donut chart (0 for pie) */
942
967
  innerRadius?: number;
943
968
  /** Outer radius */
@@ -1008,6 +1033,12 @@ interface ScatterChartProps {
1008
1033
  width?: number;
1009
1034
  /** Chart height in pixels */
1010
1035
  height?: number;
1036
+ /** Enable CSS-based responsive scaling (no JS measurement, no flash) */
1037
+ responsive?: boolean;
1038
+ /** Aspect ratio for responsive mode (default: 2 = width is 2x height) */
1039
+ aspectRatio?: number;
1040
+ /** @internal - Set by ResponsiveContainer to indicate resize (skip animation) */
1041
+ _isResizing?: boolean;
1011
1042
  /** Padding inside the chart */
1012
1043
  padding?: {
1013
1044
  top?: number;
package/dist/index.d.ts CHANGED
@@ -708,6 +708,13 @@ interface LineChartProps {
708
708
  width?: number;
709
709
  /** Chart height in pixels (or use ResponsiveContainer) */
710
710
  height?: number;
711
+ /** Enable CSS-based responsive scaling (no JS measurement, no flash).
712
+ * When true, chart scales to fit container width via CSS. */
713
+ responsive?: boolean;
714
+ /** Aspect ratio for responsive mode (default: 2 = width is 2x height) */
715
+ aspectRatio?: number;
716
+ /** @internal - Set by ResponsiveContainer to indicate resize (skip animation) */
717
+ _isResizing?: boolean;
711
718
  /** Padding inside the chart */
712
719
  padding?: {
713
720
  top?: number;
@@ -786,6 +793,12 @@ interface BarChartProps {
786
793
  width?: number;
787
794
  /** Chart height in pixels */
788
795
  height?: number;
796
+ /** Enable CSS-based responsive scaling (no JS measurement, no flash) */
797
+ responsive?: boolean;
798
+ /** Aspect ratio for responsive mode (default: 2 = width is 2x height) */
799
+ aspectRatio?: number;
800
+ /** @internal - Set by ResponsiveContainer to indicate resize (skip animation) */
801
+ _isResizing?: boolean;
789
802
  /** Padding inside the chart */
790
803
  padding?: {
791
804
  top?: number;
@@ -867,6 +880,12 @@ interface AreaChartProps {
867
880
  width?: number;
868
881
  /** Chart height in pixels */
869
882
  height?: number;
883
+ /** Enable CSS-based responsive scaling (no JS measurement, no flash) */
884
+ responsive?: boolean;
885
+ /** Aspect ratio for responsive mode (default: 2 = width is 2x height) */
886
+ aspectRatio?: number;
887
+ /** @internal - Set by ResponsiveContainer to indicate resize (skip animation) */
888
+ _isResizing?: boolean;
870
889
  /** Padding inside the chart */
871
890
  padding?: {
872
891
  top?: number;
@@ -938,6 +957,12 @@ interface PieChartProps {
938
957
  width?: number;
939
958
  /** Chart height in pixels */
940
959
  height?: number;
960
+ /** Enable CSS-based responsive scaling (no JS measurement, no flash) */
961
+ responsive?: boolean;
962
+ /** Aspect ratio for responsive mode (default: 1 for square pie charts) */
963
+ aspectRatio?: number;
964
+ /** @internal - Set by ResponsiveContainer to indicate resize (skip animation) */
965
+ _isResizing?: boolean;
941
966
  /** Inner radius for donut chart (0 for pie) */
942
967
  innerRadius?: number;
943
968
  /** Outer radius */
@@ -1008,6 +1033,12 @@ interface ScatterChartProps {
1008
1033
  width?: number;
1009
1034
  /** Chart height in pixels */
1010
1035
  height?: number;
1036
+ /** Enable CSS-based responsive scaling (no JS measurement, no flash) */
1037
+ responsive?: boolean;
1038
+ /** Aspect ratio for responsive mode (default: 2 = width is 2x height) */
1039
+ aspectRatio?: number;
1040
+ /** @internal - Set by ResponsiveContainer to indicate resize (skip animation) */
1041
+ _isResizing?: boolean;
1011
1042
  /** Padding inside the chart */
1012
1043
  padding?: {
1013
1044
  top?: number;