@underverse-ui/underverse 1.0.16 → 1.0.17

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 (7) hide show
  1. package/dist/index.cjs +174 -102
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +38 -8
  4. package/dist/index.d.ts +38 -8
  5. package/dist/index.js +174 -102
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -142,6 +142,8 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$
142
142
 
143
143
  interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
144
144
  label?: string;
145
+ /** Custom class for label */
146
+ labelClassName?: string;
145
147
  error?: string;
146
148
  description?: string;
147
149
  variant?: "default" | "filled" | "outlined" | "minimal";
@@ -200,6 +202,8 @@ interface TagInputProps {
200
202
  placeholderWithTags?: string;
201
203
  /** Label hiển thị phía trên input */
202
204
  label?: string;
205
+ /** Custom class for label */
206
+ labelClassName?: string;
203
207
  /** Ẩn nút Search */
204
208
  hideSearchButton?: boolean;
205
209
  /** Ẩn nút Clear All */
@@ -236,10 +240,12 @@ interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
236
240
  }
237
241
  declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
238
242
 
239
- interface SwitchProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'> {
243
+ interface SwitchProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
240
244
  checked: boolean;
241
245
  onCheckedChange: (checked: boolean) => void;
242
246
  label?: string;
247
+ /** Custom class for label */
248
+ labelClassName?: string;
243
249
  size?: "sm" | "md" | "lg";
244
250
  variant?: "default" | "success" | "warning" | "danger";
245
251
  disabled?: boolean;
@@ -739,6 +745,8 @@ interface DatePickerProps {
739
745
  disabled?: boolean;
740
746
  size?: "sm" | "md" | "lg";
741
747
  label?: string;
748
+ /** Custom class for label */
749
+ labelClassName?: string;
742
750
  required?: boolean;
743
751
  todayLabel?: string;
744
752
  clearLabel?: string;
@@ -779,6 +787,8 @@ interface DateTimePickerProps {
779
787
  format?: "12" | "24";
780
788
  includeSeconds?: boolean;
781
789
  label?: string;
790
+ /** Custom class for label */
791
+ labelClassName?: string;
782
792
  required?: boolean;
783
793
  /** Label for the "Done" button */
784
794
  doneLabel?: string;
@@ -872,6 +882,8 @@ interface MonthYearPickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElemen
872
882
  size?: PickerSize;
873
883
  /** Label text */
874
884
  label?: string;
885
+ /** Custom class for label */
886
+ labelClassName?: string;
875
887
  /** Required field */
876
888
  required?: boolean;
877
889
  /** Show clear button */
@@ -912,7 +924,7 @@ interface MonthYearPickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElemen
912
924
  year?: string;
913
925
  };
914
926
  }
915
- declare function MonthYearPicker({ value, defaultValue, onChange, placeholder, disabled, size, label, required, clearable, variant, matchTriggerWidth, monthNames, shortMonthNames, minYear, maxYear, minDate, maxDate, error, success, helperText, animate, onOpen, onClose, showThisMonth, columnLabels, className, ...rest }: MonthYearPickerProps): react_jsx_runtime.JSX.Element;
927
+ declare function MonthYearPicker({ value, defaultValue, onChange, placeholder, disabled, size, label, labelClassName, required, clearable, variant, matchTriggerWidth, monthNames, shortMonthNames, minYear, maxYear, minDate, maxDate, error, success, helperText, animate, onOpen, onClose, showThisMonth, columnLabels, className, ...rest }: MonthYearPickerProps): react_jsx_runtime.JSX.Element;
916
928
 
917
929
  type SelectMode = "single" | "multiple" | "range";
918
930
  type Variant$3 = "default" | "bordered" | "card" | "minimal";
@@ -1403,6 +1415,8 @@ interface ComboboxProps {
1403
1415
  emptyText?: string;
1404
1416
  usePortal?: boolean;
1405
1417
  label?: string;
1418
+ /** Custom class for label */
1419
+ labelClassName?: string;
1406
1420
  required?: boolean;
1407
1421
  fontBold?: boolean;
1408
1422
  loading?: boolean;
@@ -1441,6 +1455,8 @@ interface MultiComboboxProps {
1441
1455
  size?: "sm" | "md" | "lg";
1442
1456
  variant?: "default" | "outline" | "ghost";
1443
1457
  label?: string;
1458
+ /** Custom class for label */
1459
+ labelClassName?: string;
1444
1460
  title?: string;
1445
1461
  required?: boolean;
1446
1462
  displayFormat?: (option: MultiComboboxOption) => string;
@@ -1481,6 +1497,8 @@ interface RadioGroupItemProps {
1481
1497
  className?: string;
1482
1498
  children?: React$1.ReactNode;
1483
1499
  label?: string;
1500
+ /** Custom class for label */
1501
+ labelClassName?: string;
1484
1502
  description?: string;
1485
1503
  icon?: React$1.ComponentType<{
1486
1504
  className?: string;
@@ -2091,9 +2109,11 @@ interface LineChartProps {
2091
2109
  label?: string;
2092
2110
  strokeDasharray?: string;
2093
2111
  }[];
2112
+ /** Custom class for axis labels */
2113
+ labelClassName?: string;
2094
2114
  className?: string;
2095
2115
  }
2096
- declare function LineChart({ data, series, width, height, color, fillColor, showDots, showGrid, showLabels, showValues, showLegend, animated, curved, formatValue, referenceLines, className, }: LineChartProps): react_jsx_runtime.JSX.Element;
2116
+ declare function LineChart({ data, series, width, height, color, fillColor, showDots, showGrid, showLabels, showValues, showLegend, animated, curved, formatValue, referenceLines, labelClassName, className, }: LineChartProps): react_jsx_runtime.JSX.Element;
2097
2117
 
2098
2118
  interface BarChartDataPoint {
2099
2119
  label: string;
@@ -2126,9 +2146,11 @@ interface BarChartProps {
2126
2146
  barGap?: number;
2127
2147
  /** Custom value formatter */
2128
2148
  formatValue?: (value: number) => string;
2149
+ /** Custom class for axis labels */
2150
+ labelClassName?: string;
2129
2151
  className?: string;
2130
2152
  }
2131
- declare function BarChart({ data, series, width, height, color, showLabels, showValues, showGrid, showLegend, horizontal, animated, stacked, barRadius, barGap, formatValue, className, }: BarChartProps): react_jsx_runtime.JSX.Element;
2153
+ declare function BarChart({ data, series, width, height, color, showLabels, showValues, showGrid, showLegend, horizontal, animated, stacked, barRadius, barGap, formatValue, labelClassName, className, }: BarChartProps): react_jsx_runtime.JSX.Element;
2132
2154
 
2133
2155
  interface PieChartDataPoint {
2134
2156
  label: string;
@@ -2149,9 +2171,11 @@ interface PieChartProps {
2149
2171
  renderCenter?: (total: number) => React__default.ReactNode;
2150
2172
  /** Custom value formatter */
2151
2173
  formatValue?: (value: number) => string;
2174
+ /** Custom class for labels */
2175
+ labelClassName?: string;
2152
2176
  className?: string;
2153
2177
  }
2154
- declare function PieChart({ data, size, donut, donutWidth, showLabels, showLegend, showPercentage, animated, startAngle, renderCenter, formatValue, className, }: PieChartProps): react_jsx_runtime.JSX.Element;
2178
+ declare function PieChart({ data, size, donut, donutWidth, showLabels, showLegend, showPercentage, animated, startAngle, renderCenter, formatValue, labelClassName, className, }: PieChartProps): react_jsx_runtime.JSX.Element;
2155
2179
 
2156
2180
  interface AreaChartDataPoint {
2157
2181
  label: string;
@@ -2178,9 +2202,11 @@ interface AreaChartProps {
2178
2202
  formatValue?: (value: number) => string;
2179
2203
  /** Text shown when data is empty */
2180
2204
  emptyText?: string;
2205
+ /** Custom class for axis labels */
2206
+ labelClassName?: string;
2181
2207
  className?: string;
2182
2208
  }
2183
- declare function AreaChart({ series, width, height, showDots, showGrid, showLabels, showLegend, animated, stacked, curved, formatValue, emptyText, className, }: AreaChartProps): react_jsx_runtime.JSX.Element;
2209
+ declare function AreaChart({ series, width, height, showDots, showGrid, showLabels, showLegend, animated, stacked, curved, formatValue, emptyText, labelClassName, className, }: AreaChartProps): react_jsx_runtime.JSX.Element;
2184
2210
 
2185
2211
  interface SparklineDataPoint {
2186
2212
  value: number;
@@ -2221,9 +2247,11 @@ interface RadarChartProps {
2221
2247
  animated?: boolean;
2222
2248
  /** Custom value formatter */
2223
2249
  formatValue?: (value: number) => string;
2250
+ /** Custom class for axis labels */
2251
+ labelClassName?: string;
2224
2252
  className?: string;
2225
2253
  }
2226
- declare function RadarChart({ series, size, levels, showLabels, showLegend, showValues, animated, formatValue, className, }: RadarChartProps): react_jsx_runtime.JSX.Element;
2254
+ declare function RadarChart({ series, size, levels, showLabels, showLegend, showValues, animated, formatValue, labelClassName, className, }: RadarChartProps): react_jsx_runtime.JSX.Element;
2227
2255
 
2228
2256
  interface GaugeChartProps {
2229
2257
  value: number;
@@ -2247,9 +2275,11 @@ interface GaugeChartProps {
2247
2275
  }[];
2248
2276
  /** Custom value formatter */
2249
2277
  formatValue?: (value: number) => string;
2278
+ /** Custom class for min/max/value labels */
2279
+ labelClassName?: string;
2250
2280
  className?: string;
2251
2281
  }
2252
- declare function GaugeChart({ value, min, max, size, thickness, color, backgroundColor, showValue, showMinMax, label, animated, startAngle, endAngle, zones, formatValue, className, }: GaugeChartProps): react_jsx_runtime.JSX.Element;
2282
+ declare function GaugeChart({ value, min, max, size, thickness, color, backgroundColor, showValue, showMinMax, label, animated, startAngle, endAngle, zones, formatValue, labelClassName, className, }: GaugeChartProps): react_jsx_runtime.JSX.Element;
2253
2283
 
2254
2284
  interface ClientOnlyProps {
2255
2285
  children: React.ReactNode;
package/dist/index.d.ts CHANGED
@@ -142,6 +142,8 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$
142
142
 
143
143
  interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
144
144
  label?: string;
145
+ /** Custom class for label */
146
+ labelClassName?: string;
145
147
  error?: string;
146
148
  description?: string;
147
149
  variant?: "default" | "filled" | "outlined" | "minimal";
@@ -200,6 +202,8 @@ interface TagInputProps {
200
202
  placeholderWithTags?: string;
201
203
  /** Label hiển thị phía trên input */
202
204
  label?: string;
205
+ /** Custom class for label */
206
+ labelClassName?: string;
203
207
  /** Ẩn nút Search */
204
208
  hideSearchButton?: boolean;
205
209
  /** Ẩn nút Clear All */
@@ -236,10 +240,12 @@ interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
236
240
  }
237
241
  declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
238
242
 
239
- interface SwitchProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'> {
243
+ interface SwitchProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
240
244
  checked: boolean;
241
245
  onCheckedChange: (checked: boolean) => void;
242
246
  label?: string;
247
+ /** Custom class for label */
248
+ labelClassName?: string;
243
249
  size?: "sm" | "md" | "lg";
244
250
  variant?: "default" | "success" | "warning" | "danger";
245
251
  disabled?: boolean;
@@ -739,6 +745,8 @@ interface DatePickerProps {
739
745
  disabled?: boolean;
740
746
  size?: "sm" | "md" | "lg";
741
747
  label?: string;
748
+ /** Custom class for label */
749
+ labelClassName?: string;
742
750
  required?: boolean;
743
751
  todayLabel?: string;
744
752
  clearLabel?: string;
@@ -779,6 +787,8 @@ interface DateTimePickerProps {
779
787
  format?: "12" | "24";
780
788
  includeSeconds?: boolean;
781
789
  label?: string;
790
+ /** Custom class for label */
791
+ labelClassName?: string;
782
792
  required?: boolean;
783
793
  /** Label for the "Done" button */
784
794
  doneLabel?: string;
@@ -872,6 +882,8 @@ interface MonthYearPickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElemen
872
882
  size?: PickerSize;
873
883
  /** Label text */
874
884
  label?: string;
885
+ /** Custom class for label */
886
+ labelClassName?: string;
875
887
  /** Required field */
876
888
  required?: boolean;
877
889
  /** Show clear button */
@@ -912,7 +924,7 @@ interface MonthYearPickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElemen
912
924
  year?: string;
913
925
  };
914
926
  }
915
- declare function MonthYearPicker({ value, defaultValue, onChange, placeholder, disabled, size, label, required, clearable, variant, matchTriggerWidth, monthNames, shortMonthNames, minYear, maxYear, minDate, maxDate, error, success, helperText, animate, onOpen, onClose, showThisMonth, columnLabels, className, ...rest }: MonthYearPickerProps): react_jsx_runtime.JSX.Element;
927
+ declare function MonthYearPicker({ value, defaultValue, onChange, placeholder, disabled, size, label, labelClassName, required, clearable, variant, matchTriggerWidth, monthNames, shortMonthNames, minYear, maxYear, minDate, maxDate, error, success, helperText, animate, onOpen, onClose, showThisMonth, columnLabels, className, ...rest }: MonthYearPickerProps): react_jsx_runtime.JSX.Element;
916
928
 
917
929
  type SelectMode = "single" | "multiple" | "range";
918
930
  type Variant$3 = "default" | "bordered" | "card" | "minimal";
@@ -1403,6 +1415,8 @@ interface ComboboxProps {
1403
1415
  emptyText?: string;
1404
1416
  usePortal?: boolean;
1405
1417
  label?: string;
1418
+ /** Custom class for label */
1419
+ labelClassName?: string;
1406
1420
  required?: boolean;
1407
1421
  fontBold?: boolean;
1408
1422
  loading?: boolean;
@@ -1441,6 +1455,8 @@ interface MultiComboboxProps {
1441
1455
  size?: "sm" | "md" | "lg";
1442
1456
  variant?: "default" | "outline" | "ghost";
1443
1457
  label?: string;
1458
+ /** Custom class for label */
1459
+ labelClassName?: string;
1444
1460
  title?: string;
1445
1461
  required?: boolean;
1446
1462
  displayFormat?: (option: MultiComboboxOption) => string;
@@ -1481,6 +1497,8 @@ interface RadioGroupItemProps {
1481
1497
  className?: string;
1482
1498
  children?: React$1.ReactNode;
1483
1499
  label?: string;
1500
+ /** Custom class for label */
1501
+ labelClassName?: string;
1484
1502
  description?: string;
1485
1503
  icon?: React$1.ComponentType<{
1486
1504
  className?: string;
@@ -2091,9 +2109,11 @@ interface LineChartProps {
2091
2109
  label?: string;
2092
2110
  strokeDasharray?: string;
2093
2111
  }[];
2112
+ /** Custom class for axis labels */
2113
+ labelClassName?: string;
2094
2114
  className?: string;
2095
2115
  }
2096
- declare function LineChart({ data, series, width, height, color, fillColor, showDots, showGrid, showLabels, showValues, showLegend, animated, curved, formatValue, referenceLines, className, }: LineChartProps): react_jsx_runtime.JSX.Element;
2116
+ declare function LineChart({ data, series, width, height, color, fillColor, showDots, showGrid, showLabels, showValues, showLegend, animated, curved, formatValue, referenceLines, labelClassName, className, }: LineChartProps): react_jsx_runtime.JSX.Element;
2097
2117
 
2098
2118
  interface BarChartDataPoint {
2099
2119
  label: string;
@@ -2126,9 +2146,11 @@ interface BarChartProps {
2126
2146
  barGap?: number;
2127
2147
  /** Custom value formatter */
2128
2148
  formatValue?: (value: number) => string;
2149
+ /** Custom class for axis labels */
2150
+ labelClassName?: string;
2129
2151
  className?: string;
2130
2152
  }
2131
- declare function BarChart({ data, series, width, height, color, showLabels, showValues, showGrid, showLegend, horizontal, animated, stacked, barRadius, barGap, formatValue, className, }: BarChartProps): react_jsx_runtime.JSX.Element;
2153
+ declare function BarChart({ data, series, width, height, color, showLabels, showValues, showGrid, showLegend, horizontal, animated, stacked, barRadius, barGap, formatValue, labelClassName, className, }: BarChartProps): react_jsx_runtime.JSX.Element;
2132
2154
 
2133
2155
  interface PieChartDataPoint {
2134
2156
  label: string;
@@ -2149,9 +2171,11 @@ interface PieChartProps {
2149
2171
  renderCenter?: (total: number) => React__default.ReactNode;
2150
2172
  /** Custom value formatter */
2151
2173
  formatValue?: (value: number) => string;
2174
+ /** Custom class for labels */
2175
+ labelClassName?: string;
2152
2176
  className?: string;
2153
2177
  }
2154
- declare function PieChart({ data, size, donut, donutWidth, showLabels, showLegend, showPercentage, animated, startAngle, renderCenter, formatValue, className, }: PieChartProps): react_jsx_runtime.JSX.Element;
2178
+ declare function PieChart({ data, size, donut, donutWidth, showLabels, showLegend, showPercentage, animated, startAngle, renderCenter, formatValue, labelClassName, className, }: PieChartProps): react_jsx_runtime.JSX.Element;
2155
2179
 
2156
2180
  interface AreaChartDataPoint {
2157
2181
  label: string;
@@ -2178,9 +2202,11 @@ interface AreaChartProps {
2178
2202
  formatValue?: (value: number) => string;
2179
2203
  /** Text shown when data is empty */
2180
2204
  emptyText?: string;
2205
+ /** Custom class for axis labels */
2206
+ labelClassName?: string;
2181
2207
  className?: string;
2182
2208
  }
2183
- declare function AreaChart({ series, width, height, showDots, showGrid, showLabels, showLegend, animated, stacked, curved, formatValue, emptyText, className, }: AreaChartProps): react_jsx_runtime.JSX.Element;
2209
+ declare function AreaChart({ series, width, height, showDots, showGrid, showLabels, showLegend, animated, stacked, curved, formatValue, emptyText, labelClassName, className, }: AreaChartProps): react_jsx_runtime.JSX.Element;
2184
2210
 
2185
2211
  interface SparklineDataPoint {
2186
2212
  value: number;
@@ -2221,9 +2247,11 @@ interface RadarChartProps {
2221
2247
  animated?: boolean;
2222
2248
  /** Custom value formatter */
2223
2249
  formatValue?: (value: number) => string;
2250
+ /** Custom class for axis labels */
2251
+ labelClassName?: string;
2224
2252
  className?: string;
2225
2253
  }
2226
- declare function RadarChart({ series, size, levels, showLabels, showLegend, showValues, animated, formatValue, className, }: RadarChartProps): react_jsx_runtime.JSX.Element;
2254
+ declare function RadarChart({ series, size, levels, showLabels, showLegend, showValues, animated, formatValue, labelClassName, className, }: RadarChartProps): react_jsx_runtime.JSX.Element;
2227
2255
 
2228
2256
  interface GaugeChartProps {
2229
2257
  value: number;
@@ -2247,9 +2275,11 @@ interface GaugeChartProps {
2247
2275
  }[];
2248
2276
  /** Custom value formatter */
2249
2277
  formatValue?: (value: number) => string;
2278
+ /** Custom class for min/max/value labels */
2279
+ labelClassName?: string;
2250
2280
  className?: string;
2251
2281
  }
2252
- declare function GaugeChart({ value, min, max, size, thickness, color, backgroundColor, showValue, showMinMax, label, animated, startAngle, endAngle, zones, formatValue, className, }: GaugeChartProps): react_jsx_runtime.JSX.Element;
2282
+ declare function GaugeChart({ value, min, max, size, thickness, color, backgroundColor, showValue, showMinMax, label, animated, startAngle, endAngle, zones, formatValue, labelClassName, className, }: GaugeChartProps): react_jsx_runtime.JSX.Element;
2253
2283
 
2254
2284
  interface ClientOnlyProps {
2255
2285
  children: React.ReactNode;