analytica-frontend-lib 1.1.94 → 1.1.96

package/dist/CheckBox/index.d.mts

@@ -69,6 +69,6 @@ declare const CheckBox: react.ForwardRefExoticComponent<{
     className?: string;
     /** Label CSS classes */
     labelClassName?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & react.RefAttributes<HTMLInputElement>>;
 
 export { type CheckBoxProps, CheckBox as default };

package/dist/CheckBox/index.d.ts

@@ -69,6 +69,6 @@ declare const CheckBox: react.ForwardRefExoticComponent<{
     className?: string;
     /** Label CSS classes */
     labelClassName?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & react.RefAttributes<HTMLInputElement>>;
 
 export { type CheckBoxProps, CheckBox as default };

package/dist/Radio/index.d.mts

@@ -81,7 +81,7 @@ declare const Radio: react.ForwardRefExoticComponent<{
     value?: string;
     /** Default checked state for uncontrolled radios */
     defaultChecked?: boolean;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "defaultChecked" | "type"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "type" | "size"> & react.RefAttributes<HTMLInputElement>>;
 /**
  * RadioGroup store interface
  */
@@ -198,6 +198,6 @@ declare const RadioGroupItem: react.ForwardRefExoticComponent<{
     state?: RadioState;
     /** Additional CSS classes */
     className?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "checked" | "type" | "name" | "onChange"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "name" | "type" | "size" | "value" | "checked"> & react.RefAttributes<HTMLInputElement>>;
 
 export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioProps, Radio as default, useRadioGroupStore };

package/dist/Radio/index.d.ts

@@ -81,7 +81,7 @@ declare const Radio: react.ForwardRefExoticComponent<{
     value?: string;
     /** Default checked state for uncontrolled radios */
     defaultChecked?: boolean;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "defaultChecked" | "type"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "type" | "size"> & react.RefAttributes<HTMLInputElement>>;
 /**
  * RadioGroup store interface
  */
@@ -198,6 +198,6 @@ declare const RadioGroupItem: react.ForwardRefExoticComponent<{
     state?: RadioState;
     /** Additional CSS classes */
     className?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "checked" | "type" | "name" | "onChange"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "name" | "type" | "size" | "value" | "checked"> & react.RefAttributes<HTMLInputElement>>;
 
 export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioProps, Radio as default, useRadioGroupStore };

package/dist/Search/index.d.mts

@@ -22,6 +22,6 @@ declare const Search: react.ForwardRefExoticComponent<{
     containerClassName?: string;
     /** Callback when clear button is clicked */
     onClear?: () => void;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onSelect"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "onSelect" | "size"> & react.RefAttributes<HTMLInputElement>>;
 
 export { Search as default };

package/dist/Search/index.d.ts

@@ -22,6 +22,6 @@ declare const Search: react.ForwardRefExoticComponent<{
     containerClassName?: string;
     /** Callback when clear button is clicked */
     onClear?: () => void;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onSelect"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "onSelect" | "size"> & react.RefAttributes<HTMLInputElement>>;
 
 export { Search as default };

package/dist/StatisticsCard/index.d.mts

@@ -0,0 +1,79 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Statistics data item
+ */
+interface StatItem {
+    /** Statistic label */
+    label: string;
+    /** Statistic value */
+    value: string | number;
+    /** Color variant */
+    variant: 'high' | 'medium' | 'low' | 'total';
+}
+/**
+ * Props for StatisticsCard component
+ */
+interface StatisticsCardProps {
+    /** Title displayed at the top of the card */
+    title: string;
+    /** Statistics data to display */
+    data?: StatItem[];
+    /** Show placeholder "-" in values when true (for created items without data yet) */
+    showPlaceholder?: boolean;
+    /** Message shown in empty state */
+    emptyStateMessage?: string;
+    /** Text for the empty state button */
+    emptyStateButtonText?: string;
+    /** Callback when empty state button is clicked */
+    onEmptyStateButtonClick?: () => void;
+    /** Optional dropdown options for filtering */
+    dropdownOptions?: Array<{
+        label: string;
+        value: string;
+    }>;
+    /** Currently selected dropdown value */
+    selectedDropdownValue?: string;
+    /** Callback when dropdown value changes */
+    onDropdownChange?: (value: string) => void;
+    /** Placeholder text for the dropdown select */
+    selectPlaceholder?: string;
+    /** Accessible label for the dropdown select */
+    dropdownAriaLabel?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * StatisticsCard component - displays statistics with empty state support
+ *
+ * @example
+ * ```tsx
+ * // With data
+ * <StatisticsCard
+ *   title="Estatística das atividades"
+ *   data={[
+ *     { label: 'Acertos', value: '85%', variant: 'high' },
+ *     { label: 'Em andamento', value: 12, variant: 'medium' },
+ *     { label: 'Erros', value: '15%', variant: 'low' },
+ *     { label: 'Concluídas', value: 24, variant: 'total' }
+ *   ]}
+ *   dropdownOptions={[
+ *     { label: '1 ano', value: '1year' },
+ *     { label: '6 meses', value: '6months' }
+ *   ]}
+ *   selectedDropdownValue="1year"
+ *   onDropdownChange={(value) => console.log(value)}
+ * />
+ *
+ * // Empty state
+ * <StatisticsCard
+ *   title="Estatística das atividades"
+ *   emptyStateMessage="Sem dados por enquanto. Crie uma atividade para que os resultados apareçam aqui."
+ *   emptyStateButtonText="Criar atividade"
+ *   onEmptyStateButtonClick={() => console.log('Create activity')}
+ * />
+ * ```
+ */
+declare const StatisticsCard: ({ title, data, showPlaceholder, emptyStateMessage, emptyStateButtonText, onEmptyStateButtonClick, dropdownOptions, selectedDropdownValue, onDropdownChange, selectPlaceholder, dropdownAriaLabel, className, }: StatisticsCardProps) => react_jsx_runtime.JSX.Element;
+
+export { StatisticsCard };

package/dist/StatisticsCard/index.d.ts

@@ -0,0 +1,79 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Statistics data item
+ */
+interface StatItem {
+    /** Statistic label */
+    label: string;
+    /** Statistic value */
+    value: string | number;
+    /** Color variant */
+    variant: 'high' | 'medium' | 'low' | 'total';
+}
+/**
+ * Props for StatisticsCard component
+ */
+interface StatisticsCardProps {
+    /** Title displayed at the top of the card */
+    title: string;
+    /** Statistics data to display */
+    data?: StatItem[];
+    /** Show placeholder "-" in values when true (for created items without data yet) */
+    showPlaceholder?: boolean;
+    /** Message shown in empty state */
+    emptyStateMessage?: string;
+    /** Text for the empty state button */
+    emptyStateButtonText?: string;
+    /** Callback when empty state button is clicked */
+    onEmptyStateButtonClick?: () => void;
+    /** Optional dropdown options for filtering */
+    dropdownOptions?: Array<{
+        label: string;
+        value: string;
+    }>;
+    /** Currently selected dropdown value */
+    selectedDropdownValue?: string;
+    /** Callback when dropdown value changes */
+    onDropdownChange?: (value: string) => void;
+    /** Placeholder text for the dropdown select */
+    selectPlaceholder?: string;
+    /** Accessible label for the dropdown select */
+    dropdownAriaLabel?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * StatisticsCard component - displays statistics with empty state support
+ *
+ * @example
+ * ```tsx
+ * // With data
+ * <StatisticsCard
+ *   title="Estatística das atividades"
+ *   data={[
+ *     { label: 'Acertos', value: '85%', variant: 'high' },
+ *     { label: 'Em andamento', value: 12, variant: 'medium' },
+ *     { label: 'Erros', value: '15%', variant: 'low' },
+ *     { label: 'Concluídas', value: 24, variant: 'total' }
+ *   ]}
+ *   dropdownOptions={[
+ *     { label: '1 ano', value: '1year' },
+ *     { label: '6 meses', value: '6months' }
+ *   ]}
+ *   selectedDropdownValue="1year"
+ *   onDropdownChange={(value) => console.log(value)}
+ * />
+ *
+ * // Empty state
+ * <StatisticsCard
+ *   title="Estatística das atividades"
+ *   emptyStateMessage="Sem dados por enquanto. Crie uma atividade para que os resultados apareçam aqui."
+ *   emptyStateButtonText="Criar atividade"
+ *   onEmptyStateButtonClick={() => console.log('Create activity')}
+ * />
+ * ```
+ */
+declare const StatisticsCard: ({ title, data, showPlaceholder, emptyStateMessage, emptyStateButtonText, onEmptyStateButtonClick, dropdownOptions, selectedDropdownValue, onDropdownChange, selectPlaceholder, dropdownAriaLabel, className, }: StatisticsCardProps) => react_jsx_runtime.JSX.Element;
+
+export { StatisticsCard };