design-zystem 1.0.208 → 1.0.210

package/dist/index.d.mts

@@ -292,10 +292,11 @@ interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
     fontWeight?: string;
     onClick?: () => void;
     disabled?: boolean;
+    noHover?: boolean;
     style?: CSSProperties;
     className?: string;
 }
-declare const Button: ({ label, children, iconLeft, iconRight, iconColor, variant, outline, size, width, isLoading, fontWeight, onClick, disabled, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ label, children, iconLeft, iconRight, iconColor, variant, outline, size, width, isLoading, fontWeight, onClick, disabled, noHover, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface SelectOption<T> {
     value: T;
@@ -419,6 +420,20 @@ interface ColorPickerProps {
 }
 declare const ColorPicker: react.ForwardRefExoticComponent<ColorPickerProps & react.RefAttributes<HTMLInputElement>>;
 
+interface SliderInputProps {
+    value?: number;
+    onChange?: (value: number, e: React.ChangeEvent<HTMLInputElement>) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    label?: string;
+    showValue?: boolean;
+    formatValue?: (value: number) => string;
+    id?: string;
+}
+declare const SliderInput: react.ForwardRefExoticComponent<SliderInputProps & react.RefAttributes<HTMLInputElement>>;
+
 interface ListProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     width?: string;
@@ -582,19 +597,13 @@ interface OptionsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>
 }
 declare const Options: ({ icon, options, value, defaultId, onChange, disabled, }: OptionsProps) => react_jsx_runtime.JSX.Element;
 
-interface StepperStep {
-    label: string;
-    icon?: string;
-    onClick?: (index: number) => void;
-}
 interface StepperProps extends HTMLAttributes<HTMLElement> {
-    steps: StepperStep[];
+    numberOfSteps: number;
     current?: number;
     size?: number;
-    spacing?: number;
     className?: string;
 }
-declare const Stepper: ({ steps, current, size, spacing, className, }: StepperProps) => react_jsx_runtime.JSX.Element;
+declare const Stepper: ({ numberOfSteps, current, size, className, }: StepperProps) => react_jsx_runtime.JSX.Element;
 
 interface TabItem {
     id: string | number;
@@ -670,6 +679,17 @@ interface PopoverProps {
 }
 declare const Popover: ({ items, children }: PopoverProps) => react_jsx_runtime.JSX.Element;
 
+interface MetricCardProps {
+    icon: string;
+    title: string;
+    value: string | number;
+    valueColor?: string;
+    iconBackgroundColor?: string;
+    iconColor?: string;
+    contentLayout?: 'col' | 'row';
+}
+declare const MetricCard: ({ icon, title, value, valueColor, iconBackgroundColor, iconColor, contentLayout, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
+
 interface TooltipProps {
     children?: ReactNode;
     backgroundColor?: string;
@@ -693,6 +713,10 @@ declare const Pagination: ({ currentPage, totalItems, itemsPerPage, onPageChange
 interface FileUploadZoneProps {
     /** Called with the validated File when the user drops/selects a file */
     onSave?: (file: File) => void;
+    /** Accept multiple files at once. When true, onSave receives File[] instead of File. */
+    multiple?: boolean;
+    /** Called with validated File[] when multiple=true */
+    onSaveMultiple?: (files: File[]) => void;
     /** Called when the user clicks the remove button (preview mode) */
     onRemove?: () => void;
     /** Called with an error message when validation fails — use for toastr etc. */
@@ -712,9 +736,11 @@ interface FileUploadZoneProps {
     /** Disables the drop zone */
     disabled?: boolean;
     /** When true, shows built-in preview after file selection. Defaults to true.
-     *  Set to false when the parent handles preview (e.g. cropping flow). */
+     *  Set to false when the parent handles preview (e.g. cropping flow).
+     *  Ignored when multiple=true (preview is always skipped in multi mode). */
     showPreview?: boolean;
-    /** Controlled preview URL — when provided, the component shows preview mode */
+    /** Controlled preview URL — when provided, the component shows preview mode.
+     *  Ignored when multiple=true. */
     previewUrl?: string;
     /** Makes the component stretch to 100% width */
     fullWidth?: boolean;
@@ -725,7 +751,7 @@ interface FileUploadZoneProps {
     /** Shows the selected file name below the drop zone after upload */
     showFileName?: boolean;
 }
-declare const FileUploadZone: ({ onSave, onRemove, onError, accept, acceptOnlyPdf, maxSizeMB, label, sublabel, browseLabel, disabled, showPreview, previewUrl: controlledPreviewUrl, fullWidth, compact, icon, showFileName, }: FileUploadZoneProps) => react_jsx_runtime.JSX.Element;
+declare const FileUploadZone: ({ onSave, multiple, onSaveMultiple, onRemove, onError, accept, acceptOnlyPdf, maxSizeMB, label, sublabel, browseLabel, disabled, showPreview, previewUrl: controlledPreviewUrl, fullWidth, compact, icon, showFileName, }: FileUploadZoneProps) => react_jsx_runtime.JSX.Element;
 
 interface SpinnerProps {
     size?: 's' | 'm' | 'l';
@@ -825,4 +851,4 @@ declare const colors: {
     readonly light_blue: "#F1F5F9";
 };
 
-export { Accordion, type AccordionItem, Box, Bubble, Bulk, Button, CardSkeleton, Checkbox, Col, ColorPicker, DatePicker, Divider, Drawer, FileUploadZone, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, Popover, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Tooltip, colors, formatDate, formatDistance, formatDuration, truncateFileName, truncateText };
+export { Accordion, type AccordionItem, Box, Bubble, Bulk, Button, CardSkeleton, Checkbox, Col, ColorPicker, DatePicker, Divider, Drawer, FileUploadZone, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, Popover, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Tooltip, colors, formatDate, formatDistance, formatDuration, truncateFileName, truncateText };

package/dist/index.d.ts

@@ -292,10 +292,11 @@ interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
     fontWeight?: string;
     onClick?: () => void;
     disabled?: boolean;
+    noHover?: boolean;
     style?: CSSProperties;
     className?: string;
 }
-declare const Button: ({ label, children, iconLeft, iconRight, iconColor, variant, outline, size, width, isLoading, fontWeight, onClick, disabled, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ label, children, iconLeft, iconRight, iconColor, variant, outline, size, width, isLoading, fontWeight, onClick, disabled, noHover, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface SelectOption<T> {
     value: T;
@@ -419,6 +420,20 @@ interface ColorPickerProps {
 }
 declare const ColorPicker: react.ForwardRefExoticComponent<ColorPickerProps & react.RefAttributes<HTMLInputElement>>;
 
+interface SliderInputProps {
+    value?: number;
+    onChange?: (value: number, e: React.ChangeEvent<HTMLInputElement>) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    label?: string;
+    showValue?: boolean;
+    formatValue?: (value: number) => string;
+    id?: string;
+}
+declare const SliderInput: react.ForwardRefExoticComponent<SliderInputProps & react.RefAttributes<HTMLInputElement>>;
+
 interface ListProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     width?: string;
@@ -582,19 +597,13 @@ interface OptionsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>
 }
 declare const Options: ({ icon, options, value, defaultId, onChange, disabled, }: OptionsProps) => react_jsx_runtime.JSX.Element;
 
-interface StepperStep {
-    label: string;
-    icon?: string;
-    onClick?: (index: number) => void;
-}
 interface StepperProps extends HTMLAttributes<HTMLElement> {
-    steps: StepperStep[];
+    numberOfSteps: number;
     current?: number;
     size?: number;
-    spacing?: number;
     className?: string;
 }
-declare const Stepper: ({ steps, current, size, spacing, className, }: StepperProps) => react_jsx_runtime.JSX.Element;
+declare const Stepper: ({ numberOfSteps, current, size, className, }: StepperProps) => react_jsx_runtime.JSX.Element;
 
 interface TabItem {
     id: string | number;
@@ -670,6 +679,17 @@ interface PopoverProps {
 }
 declare const Popover: ({ items, children }: PopoverProps) => react_jsx_runtime.JSX.Element;
 
+interface MetricCardProps {
+    icon: string;
+    title: string;
+    value: string | number;
+    valueColor?: string;
+    iconBackgroundColor?: string;
+    iconColor?: string;
+    contentLayout?: 'col' | 'row';
+}
+declare const MetricCard: ({ icon, title, value, valueColor, iconBackgroundColor, iconColor, contentLayout, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
+
 interface TooltipProps {
     children?: ReactNode;
     backgroundColor?: string;
@@ -693,6 +713,10 @@ declare const Pagination: ({ currentPage, totalItems, itemsPerPage, onPageChange
 interface FileUploadZoneProps {
     /** Called with the validated File when the user drops/selects a file */
     onSave?: (file: File) => void;
+    /** Accept multiple files at once. When true, onSave receives File[] instead of File. */
+    multiple?: boolean;
+    /** Called with validated File[] when multiple=true */
+    onSaveMultiple?: (files: File[]) => void;
     /** Called when the user clicks the remove button (preview mode) */
     onRemove?: () => void;
     /** Called with an error message when validation fails — use for toastr etc. */
@@ -712,9 +736,11 @@ interface FileUploadZoneProps {
     /** Disables the drop zone */
     disabled?: boolean;
     /** When true, shows built-in preview after file selection. Defaults to true.
-     *  Set to false when the parent handles preview (e.g. cropping flow). */
+     *  Set to false when the parent handles preview (e.g. cropping flow).
+     *  Ignored when multiple=true (preview is always skipped in multi mode). */
     showPreview?: boolean;
-    /** Controlled preview URL — when provided, the component shows preview mode */
+    /** Controlled preview URL — when provided, the component shows preview mode.
+     *  Ignored when multiple=true. */
     previewUrl?: string;
     /** Makes the component stretch to 100% width */
     fullWidth?: boolean;
@@ -725,7 +751,7 @@ interface FileUploadZoneProps {
     /** Shows the selected file name below the drop zone after upload */
     showFileName?: boolean;
 }
-declare const FileUploadZone: ({ onSave, onRemove, onError, accept, acceptOnlyPdf, maxSizeMB, label, sublabel, browseLabel, disabled, showPreview, previewUrl: controlledPreviewUrl, fullWidth, compact, icon, showFileName, }: FileUploadZoneProps) => react_jsx_runtime.JSX.Element;
+declare const FileUploadZone: ({ onSave, multiple, onSaveMultiple, onRemove, onError, accept, acceptOnlyPdf, maxSizeMB, label, sublabel, browseLabel, disabled, showPreview, previewUrl: controlledPreviewUrl, fullWidth, compact, icon, showFileName, }: FileUploadZoneProps) => react_jsx_runtime.JSX.Element;
 
 interface SpinnerProps {
     size?: 's' | 'm' | 'l';
@@ -825,4 +851,4 @@ declare const colors: {
     readonly light_blue: "#F1F5F9";
 };
 
-export { Accordion, type AccordionItem, Box, Bubble, Bulk, Button, CardSkeleton, Checkbox, Col, ColorPicker, DatePicker, Divider, Drawer, FileUploadZone, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, Popover, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Tooltip, colors, formatDate, formatDistance, formatDuration, truncateFileName, truncateText };
+export { Accordion, type AccordionItem, Box, Bubble, Bulk, Button, CardSkeleton, Checkbox, Col, ColorPicker, DatePicker, Divider, Drawer, FileUploadZone, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, Popover, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Tooltip, colors, formatDate, formatDistance, formatDuration, truncateFileName, truncateText };