@andreagiugni/tailwind-dashboard-ui 1.0.23 → 1.0.26

package/dist/index.d.cts

@@ -422,6 +422,9 @@ declare const Progress: React.FC<ProgressProps>;
 
 type PollResultsColor = "primary" | "success" | "error" | "warning" | "info" | "light" | "dark";
 type PollResultsSize = "sm" | "md" | "lg";
+type PollResultsTextSize = React.CSSProperties["fontSize"];
+type PollResultsTextColor = React.CSSProperties["color"];
+type PollResultsTextWeight = React.CSSProperties["fontWeight"];
 interface PollResultsSeries {
     label?: React.ReactNode;
     value: number;
@@ -446,6 +449,18 @@ interface PollResultsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "c
     showValueLabel?: boolean;
     showSeriesLabels?: boolean;
     valueFormatter?: (value: number, percent: number) => React.ReactNode;
+    labelTextSize?: PollResultsTextSize;
+    labelTextColor?: PollResultsTextColor;
+    labelTextWeight?: PollResultsTextWeight;
+    valueTextSize?: PollResultsTextSize;
+    valueTextColor?: PollResultsTextColor;
+    valueTextWeight?: PollResultsTextWeight;
+    seriesLabelTextSize?: PollResultsTextSize;
+    seriesLabelTextColor?: PollResultsTextColor;
+    seriesLabelTextWeight?: PollResultsTextWeight;
+    seriesValueTextSize?: PollResultsTextSize;
+    seriesValueTextColor?: PollResultsTextColor;
+    seriesValueTextWeight?: PollResultsTextWeight;
 }
 declare const PollResults: React.FC<PollResultsProps>;
 
@@ -667,4 +682,4 @@ interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>,
 }
 declare const Slider: React.FC<SliderProps>;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSelectionMode, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, AvatarText, type AvatarTextProps, Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, Code, type CodeColor, type CodeProps, type CodeSize, ColorOverrideProps, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Drawer, type DrawerPlacement, type DrawerProps, Dropdown, DropdownItem, type DropdownItemProps, type DropdownItemVariant, type DropdownProps, Dropzone, type DropzoneProps, FileInput, type FileInputProps, Form, type FormProps, Input, type InputProps, Label, type LabelProps, Modal, type ModalProps, type ModalVariant, MultiSelect, type MultiSelectProps, Pagination, type PaginationAlign, type PaginationProps, PasswordInput, type PasswordInputProps, PollResults, type PollResultsColor, type PollResultsOption, type PollResultsProps, type PollResultsSeries, type PollResultsSize, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressColor, type ProgressProps, type ProgressSize, Radio, type RadioProps, RadioSm, type RadioSmProps, Ribbon, type RibbonColor, type RibbonPosition, type RibbonProps, type RibbonVariant, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderColor, type SliderProps, Snippet, type SnippetProps, type SnippetSize, type SortDirection, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, TableCell, type TableCellProps, type TableColumn, TableHeader, type TableProps, TableRow, type TableRowProps, type TableSectionProps, Tabs, type TabsProps, type TabsVariant, TextArea, type TextAreaProps, ThemeToggleButton, type ThemeToggleButtonProps, Toast, type ToastProps, type ToastVariant, Tooltip, type TooltipPlacement, type TooltipProps, cn };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSelectionMode, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, AvatarText, type AvatarTextProps, Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, Code, type CodeColor, type CodeProps, type CodeSize, ColorOverrideProps, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Drawer, type DrawerPlacement, type DrawerProps, Dropdown, DropdownItem, type DropdownItemProps, type DropdownItemVariant, type DropdownProps, Dropzone, type DropzoneProps, FileInput, type FileInputProps, Form, type FormProps, Input, type InputProps, Label, type LabelProps, Modal, type ModalProps, type ModalVariant, MultiSelect, type MultiSelectProps, Pagination, type PaginationAlign, type PaginationProps, PasswordInput, type PasswordInputProps, PollResults, type PollResultsColor, type PollResultsOption, type PollResultsProps, type PollResultsSeries, type PollResultsSize, type PollResultsTextColor, type PollResultsTextSize, type PollResultsTextWeight, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressColor, type ProgressProps, type ProgressSize, Radio, type RadioProps, RadioSm, type RadioSmProps, Ribbon, type RibbonColor, type RibbonPosition, type RibbonProps, type RibbonVariant, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderColor, type SliderProps, Snippet, type SnippetProps, type SnippetSize, type SortDirection, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, TableCell, type TableCellProps, type TableColumn, TableHeader, type TableProps, TableRow, type TableRowProps, type TableSectionProps, Tabs, type TabsProps, type TabsVariant, TextArea, type TextAreaProps, ThemeToggleButton, type ThemeToggleButtonProps, Toast, type ToastProps, type ToastVariant, Tooltip, type TooltipPlacement, type TooltipProps, cn };

package/dist/index.d.ts

@@ -422,6 +422,9 @@ declare const Progress: React.FC<ProgressProps>;
 
 type PollResultsColor = "primary" | "success" | "error" | "warning" | "info" | "light" | "dark";
 type PollResultsSize = "sm" | "md" | "lg";
+type PollResultsTextSize = React.CSSProperties["fontSize"];
+type PollResultsTextColor = React.CSSProperties["color"];
+type PollResultsTextWeight = React.CSSProperties["fontWeight"];
 interface PollResultsSeries {
     label?: React.ReactNode;
     value: number;
@@ -446,6 +449,18 @@ interface PollResultsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "c
     showValueLabel?: boolean;
     showSeriesLabels?: boolean;
     valueFormatter?: (value: number, percent: number) => React.ReactNode;
+    labelTextSize?: PollResultsTextSize;
+    labelTextColor?: PollResultsTextColor;
+    labelTextWeight?: PollResultsTextWeight;
+    valueTextSize?: PollResultsTextSize;
+    valueTextColor?: PollResultsTextColor;
+    valueTextWeight?: PollResultsTextWeight;
+    seriesLabelTextSize?: PollResultsTextSize;
+    seriesLabelTextColor?: PollResultsTextColor;
+    seriesLabelTextWeight?: PollResultsTextWeight;
+    seriesValueTextSize?: PollResultsTextSize;
+    seriesValueTextColor?: PollResultsTextColor;
+    seriesValueTextWeight?: PollResultsTextWeight;
 }
 declare const PollResults: React.FC<PollResultsProps>;
 
@@ -667,4 +682,4 @@ interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>,
 }
 declare const Slider: React.FC<SliderProps>;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSelectionMode, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, AvatarText, type AvatarTextProps, Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, Code, type CodeColor, type CodeProps, type CodeSize, ColorOverrideProps, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Drawer, type DrawerPlacement, type DrawerProps, Dropdown, DropdownItem, type DropdownItemProps, type DropdownItemVariant, type DropdownProps, Dropzone, type DropzoneProps, FileInput, type FileInputProps, Form, type FormProps, Input, type InputProps, Label, type LabelProps, Modal, type ModalProps, type ModalVariant, MultiSelect, type MultiSelectProps, Pagination, type PaginationAlign, type PaginationProps, PasswordInput, type PasswordInputProps, PollResults, type PollResultsColor, type PollResultsOption, type PollResultsProps, type PollResultsSeries, type PollResultsSize, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressColor, type ProgressProps, type ProgressSize, Radio, type RadioProps, RadioSm, type RadioSmProps, Ribbon, type RibbonColor, type RibbonPosition, type RibbonProps, type RibbonVariant, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderColor, type SliderProps, Snippet, type SnippetProps, type SnippetSize, type SortDirection, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, TableCell, type TableCellProps, type TableColumn, TableHeader, type TableProps, TableRow, type TableRowProps, type TableSectionProps, Tabs, type TabsProps, type TabsVariant, TextArea, type TextAreaProps, ThemeToggleButton, type ThemeToggleButtonProps, Toast, type ToastProps, type ToastVariant, Tooltip, type TooltipPlacement, type TooltipProps, cn };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSelectionMode, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, AvatarText, type AvatarTextProps, Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, Code, type CodeColor, type CodeProps, type CodeSize, ColorOverrideProps, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Drawer, type DrawerPlacement, type DrawerProps, Dropdown, DropdownItem, type DropdownItemProps, type DropdownItemVariant, type DropdownProps, Dropzone, type DropzoneProps, FileInput, type FileInputProps, Form, type FormProps, Input, type InputProps, Label, type LabelProps, Modal, type ModalProps, type ModalVariant, MultiSelect, type MultiSelectProps, Pagination, type PaginationAlign, type PaginationProps, PasswordInput, type PasswordInputProps, PollResults, type PollResultsColor, type PollResultsOption, type PollResultsProps, type PollResultsSeries, type PollResultsSize, type PollResultsTextColor, type PollResultsTextSize, type PollResultsTextWeight, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressColor, type ProgressProps, type ProgressSize, Radio, type RadioProps, RadioSm, type RadioSmProps, Ribbon, type RibbonColor, type RibbonPosition, type RibbonProps, type RibbonVariant, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderColor, type SliderProps, Snippet, type SnippetProps, type SnippetSize, type SortDirection, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, TableCell, type TableCellProps, type TableColumn, TableHeader, type TableProps, TableRow, type TableRowProps, type TableSectionProps, Tabs, type TabsProps, type TabsVariant, TextArea, type TextAreaProps, ThemeToggleButton, type ThemeToggleButtonProps, Toast, type ToastProps, type ToastVariant, Tooltip, type TooltipPlacement, type TooltipProps, cn };

package/dist/index.js

@@ -3,7 +3,7 @@ export { BarChart } from './chunk-2BCVEKTG.js';
 export { LineChart } from './chunk-W6E275RF.js';
 export { Calendar, Modal } from './chunk-NJBVRPWW.js';
 export { Editor } from './chunk-PFCUA2W2.js';
-export { ColorPicker } from './chunk-IT5ABBIV.js';
+export { ColorPicker } from './chunk-KKDLEGKJ.js';
 import { layers } from './chunk-VX7S6VYG.js';
 import { cn } from './chunk-ZLIYUUA4.js';
 export { cn } from './chunk-ZLIYUUA4.js';
@@ -1908,6 +1908,15 @@ var nodeToLabel = (node) => {
   return void 0;
 };
 var defaultValueFormatter = (_value, percent) => `${percent}%`;
+var textStyle = ({
+  size,
+  color,
+  weight
+}) => ({
+  ...size ? { fontSize: size } : {},
+  ...color ? { color } : {},
+  ...weight ? { fontWeight: weight } : {}
+});
 var PollResults = ({
   options,
   maxValue = 100,
@@ -1917,6 +1926,18 @@ var PollResults = ({
   showValueLabel = true,
   showSeriesLabels = true,
   valueFormatter = defaultValueFormatter,
+  labelTextSize,
+  labelTextColor,
+  labelTextWeight,
+  valueTextSize,
+  valueTextColor,
+  valueTextWeight,
+  seriesLabelTextSize,
+  seriesLabelTextColor,
+  seriesLabelTextWeight,
+  seriesValueTextSize,
+  seriesValueTextColor,
+  seriesValueTextWeight,
   className,
   bgColor,
   textColor,
@@ -1925,6 +1946,26 @@ var PollResults = ({
   ...rest
 }) => {
   const safeMax = maxValue <= 0 ? 100 : maxValue;
+  const optionLabelStyle = textStyle({
+    size: labelTextSize,
+    color: labelTextColor,
+    weight: labelTextWeight
+  });
+  const optionValueStyle = textStyle({
+    size: valueTextSize,
+    color: valueTextColor,
+    weight: valueTextWeight
+  });
+  const groupedLabelStyle = textStyle({
+    size: seriesLabelTextSize,
+    color: seriesLabelTextColor,
+    weight: seriesLabelTextWeight
+  });
+  const groupedValueStyle = textStyle({
+    size: seriesValueTextSize ?? valueTextSize,
+    color: seriesValueTextColor ?? valueTextColor,
+    weight: seriesValueTextWeight ?? valueTextWeight
+  });
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -1945,8 +1986,22 @@ var PollResults = ({
         const singlePercent = toPercent(series[0]?.value ?? 0, safeMax);
         return /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words text-xl font-semibold leading-snug text-gray-800 dark:text-white/90", children: option.label }),
-            !isGrouped && showValueLabel && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xl font-semibold leading-snug text-gray-600 dark:text-gray-300", children: valueFormatter(series[0]?.value ?? 0, singlePercent) })
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "min-w-0 break-words text-xl font-semibold leading-snug text-gray-800 dark:text-white/90",
+                style: optionLabelStyle,
+                children: option.label
+              }
+            ),
+            !isGrouped && showValueLabel && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "shrink-0 text-xl font-semibold leading-snug text-gray-600 dark:text-gray-300",
+                style: optionValueStyle,
+                children: valueFormatter(series[0]?.value ?? 0, singlePercent)
+              }
+            )
           ] }),
           /* @__PURE__ */ jsx("div", { className: cn("flex flex-col", isGrouped ? "gap-3" : "gap-0"), children: series.map((entry, seriesIndex) => {
             const percent = toPercent(entry.value, safeMax);
@@ -1956,8 +2011,22 @@ var PollResults = ({
             const ariaLabel = entry.ariaLabel ?? [optionText, isGrouped ? entryLabel : void 0].filter(Boolean).join(" ");
             return /* @__PURE__ */ jsxs("div", { children: [
               isGrouped && (showSeriesLabels || showValueLabel) && /* @__PURE__ */ jsxs("div", { className: "mb-1.5 flex items-center justify-between gap-3", children: [
-                showSeriesLabels ? /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words text-xs font-medium text-gray-500 dark:text-gray-400", children: entry.label }) : /* @__PURE__ */ jsx("span", {}),
-                showValueLabel && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs font-semibold text-gray-600 dark:text-gray-300", children: valueFormatter(entry.value, percent) })
+                showSeriesLabels ? /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "min-w-0 break-words text-xs font-medium text-gray-500 dark:text-gray-400",
+                    style: groupedLabelStyle,
+                    children: entry.label
+                  }
+                ) : /* @__PURE__ */ jsx("span", {}),
+                showValueLabel && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "shrink-0 text-xs font-semibold text-gray-600 dark:text-gray-300",
+                    style: groupedValueStyle,
+                    children: valueFormatter(entry.value, percent)
+                  }
+                )
               ] }),
               /* @__PURE__ */ jsx(
                 "div",