@ezfit/ui 1.0.0 → 1.2.0

package/README.md

@@ -1,6 +1,6 @@
 # @ezfit/ui
 
-Design system EZFIT em React + TypeScript para dashboards de saude, dieta e treino. Estilizado com Tailwind v4 (CSS variables + CVA), acessibilidade via Radix UI, graficos com Recharts e icones lucide-react.
+Design system EZFIT em React + TypeScript para dashboards de saude, dieta e treino. Estilizado com Tailwind v4 (CSS variables + CVA), acessibilidade via Radix UI, graficos com Recharts e icones hugeicons.
 
 ## Desenvolvimento
 

package/dist/components/DateNavigator/DateNavigator.d.ts

@@ -0,0 +1,8 @@
+export interface DateNavigatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: string;
+    onPrev: () => void;
+    onNext: () => void;
+    onLabelClick?: () => void;
+    nextDisabled?: boolean;
+}
+export declare const DateNavigator: import('react').ForwardRefExoticComponent<DateNavigatorProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/DateNavigator/index.d.ts

@@ -0,0 +1 @@
+export { DateNavigator, type DateNavigatorProps } from './DateNavigator';

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+export interface SegmentedControlOption {
+    value: string;
+    label: string;
+}
+declare const segmentedControlVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface SegmentedControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, VariantProps<typeof segmentedControlVariants> {
+    options: SegmentedControlOption[];
+    value: string;
+    onValueChange: (value: string) => void;
+}
+export declare function SegmentedControl({ className, options, value, onValueChange, size, ...props }: SegmentedControlProps): import("react").JSX.Element;
+export {};

package/dist/components/SegmentedControl/index.d.ts

@@ -0,0 +1 @@
+export { SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, } from './SegmentedControl';

package/dist/components/SelectableCard/SelectableCard.d.ts

@@ -0,0 +1,26 @@
+import { IconSvgElement } from '@hugeicons/react';
+import { ReactNode } from 'react';
+import { IconTileProps } from '../IconTile';
+export interface SelectableCardProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    title: string;
+    description?: string;
+    icon?: IconSvgElement;
+    iconTone?: IconTileProps["tone"];
+    selected?: boolean;
+    trailing?: ReactNode;
+}
+export declare const SelectableCard: import('react').ForwardRefExoticComponent<SelectableCardProps & import('react').RefAttributes<HTMLButtonElement>>;
+export interface SelectableCardItem {
+    value: string;
+    title: string;
+    description?: string;
+    icon?: IconSvgElement;
+    iconTone?: IconTileProps["tone"];
+}
+export interface SelectableCardGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    items: SelectableCardItem[];
+    value: string;
+    onValueChange: (value: string) => void;
+    columns?: number;
+}
+export declare function SelectableCardGroup({ className, items, value, onValueChange, columns, ...props }: SelectableCardGroupProps): import("react").JSX.Element;

package/dist/components/SelectableCard/index.d.ts

@@ -0,0 +1 @@
+export { SelectableCard, SelectableCardGroup, type SelectableCardGroupProps, type SelectableCardItem, type SelectableCardProps, } from './SelectableCard';

package/dist/components/StatCard/StatCard.d.ts

@@ -17,6 +17,7 @@ export interface StatCardProps extends React.HTMLAttributes<HTMLDivElement>, Var
         caption?: string;
         color?: string;
     };
+    footer?: ReactNode;
 }
 export declare const StatCard: import('react').ForwardRefExoticComponent<StatCardProps & import('react').RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,6 @@
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    error?: string;
+    hint?: string;
+}
+export declare const Textarea: import('react').ForwardRefExoticComponent<TextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;

package/dist/components/Textarea/index.d.ts

@@ -0,0 +1 @@
+export { Textarea, type TextareaProps } from './Textarea';

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from './components/Card';
 export * from './components/Chart';
 export * from './components/Checkbox';
 export * from './components/DataTable';
+export * from './components/DateNavigator';
 export * from './components/Dialog';
 export * from './components/EmptyState';
 export * from './components/FilterChips';
@@ -18,7 +19,9 @@ export * from './components/ProfileCard';
 export * from './components/ProgressBar';
 export * from './components/ProgressRing';
 export * from './components/RadioGroup';
+export * from './components/SegmentedControl';
 export * from './components/Select';
+export * from './components/SelectableCard';
 export * from './components/Sidebar';
 export * from './components/Skeleton';
 export * from './components/Slider';
@@ -26,6 +29,7 @@ export * from './components/Spinner';
 export * from './components/StatCard';
 export * from './components/Switch';
 export * from './components/Tabs';
+export * from './components/Textarea';
 export * from './components/Toast';
 export * from './components/Tooltip';
 export * from './components/Topbar';