@uxuissk/design-system 0.4.0 → 0.6.0

package/dist/types/index.d.ts

@@ -405,9 +405,11 @@ export declare type DropdownState = "default" | "error" | "success" | "warning";
 
 export declare type DropdownVariant = "default" | "outlined" | "filled" | "ghost";
 
-export declare const DSButton: default_2.ForwardRefExoticComponent<DSButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
+declare const DSButton: default_2.ForwardRefExoticComponent<DSButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
+export { DSButton as Button }
+export { DSButton }
 
-export declare interface DSButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+declare interface DSButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: ButtonVariant;
     size?: ButtonSize;
     loading?: boolean;
@@ -417,12 +419,18 @@ export declare interface DSButtonProps extends default_2.ButtonHTMLAttributes<HT
     fullWidth?: boolean;
     active?: boolean;
 }
+export { DSButtonProps as ButtonProps }
+export { DSButtonProps }
 
-export declare function DSCheckbox({ checked: controlledChecked, indeterminate, defaultChecked, onChange, label, description, size, disabled, error, className, id: propId, }: CheckboxProps): JSX.Element;
+declare function DSCheckbox({ checked: controlledChecked, indeterminate, defaultChecked, onChange, label, description, size, disabled, error, className, id: propId, }: CheckboxProps): JSX.Element;
+export { DSCheckbox as Checkbox }
+export { DSCheckbox }
 
-export declare const DSInput: default_2.ForwardRefExoticComponent<DSInputProps & default_2.RefAttributes<HTMLInputElement>>;
+declare const DSInput: default_2.ForwardRefExoticComponent<DSInputProps & default_2.RefAttributes<HTMLInputElement>>;
+export { DSInput }
+export { DSInput as Input }
 
-export declare interface DSInputProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, "size"> {
+declare interface DSInputProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, "size"> {
     label?: string;
     helperText?: string;
     errorMessage?: string;
@@ -441,14 +449,22 @@ export declare interface DSInputProps extends Omit<default_2.InputHTMLAttributes
     required?: boolean;
     onClear?: () => void;
 }
+export { DSInputProps }
+export { DSInputProps as InputProps }
 
-export declare function DSRadio({ value, label, description, disabled: localDisabled, size: localSize, className }: RadioProps): JSX.Element;
+declare function DSRadio({ value, label, description, disabled: localDisabled, size: localSize, className }: RadioProps): JSX.Element;
+export { DSRadio }
+export { DSRadio as Radio }
 
-export declare function DSTable<T extends Record<string, any>>({ columns, data, size, striped, hoverable, bordered, selectable, selectedRows: controlledSelected, onSelectionChange, loading, emptyMessage, stickyHeader, className, }: TableProps<T>): JSX.Element;
+declare function DSTable<T extends Record<string, any>>({ columns, data, size, striped, hoverable, bordered, selectable, selectedRows: controlledSelected, onSelectionChange, loading, emptyMessage, stickyHeader, className, }: TableProps<T>): JSX.Element;
+export { DSTable }
+export { DSTable as Table }
 
-export declare const DSTextarea: default_2.ForwardRefExoticComponent<DSTextareaProps & default_2.RefAttributes<HTMLTextAreaElement>>;
+declare const DSTextarea: default_2.ForwardRefExoticComponent<DSTextareaProps & default_2.RefAttributes<HTMLTextAreaElement>>;
+export { DSTextarea }
+export { DSTextarea as Textarea }
 
-export declare interface DSTextareaProps extends Omit<default_2.TextareaHTMLAttributes<HTMLTextAreaElement>, ""> {
+declare interface DSTextareaProps extends Omit<default_2.TextareaHTMLAttributes<HTMLTextAreaElement>, ""> {
     label?: string;
     helperText?: string;
     errorMessage?: string;
@@ -460,6 +476,8 @@ export declare interface DSTextareaProps extends Omit<default_2.TextareaHTMLAttr
     maxLength?: number;
     required?: boolean;
 }
+export { DSTextareaProps }
+export { DSTextareaProps as TextareaProps }
 
 export declare function EmptyState({ icon, title, description, action, secondaryAction, size, }: EmptyStateProps): JSX.Element;
 
@@ -505,6 +523,108 @@ export declare interface FileUploadProps {
 
 export declare type FileUploadVariant = "dropzone" | "button" | "avatar";
 
+export declare function FilterBar({ filters, searchPlaceholder, showSearch, value, onFilterChange, className, }: FilterBarProps): JSX.Element;
+
+export declare interface FilterBarProps {
+    /** Filter definitions */
+    filters?: FilterConfig[];
+    /** Search placeholder */
+    searchPlaceholder?: string;
+    /** Show search field */
+    showSearch?: boolean;
+    /** Controlled value */
+    value?: FilterBarValue;
+    /** Callback when any filter/search changes */
+    onFilterChange?: (value: FilterBarValue) => void;
+    /** Additional className */
+    className?: string;
+}
+
+export declare interface FilterBarValue {
+    search?: string;
+    filters: Record<string, FilterValue>;
+}
+
+export declare interface FilterConfig {
+    /** Unique key for this filter */
+    key: string;
+    /** Display label for the filter button */
+    label: string;
+    /** single = one value at a time, multi = multiple values */
+    type: "single" | "multi";
+    /** Available options */
+    options: FilterOption[];
+}
+
+export declare interface FilterOption {
+    label: string;
+    value: string;
+}
+
+export declare type FilterValue = string | string[] | [Date | null, Date | null] | null;
+
+export declare function FormError({ message, className }: FormErrorProps): JSX.Element | null;
+
+export declare interface FormErrorProps {
+    message?: string;
+    className?: string;
+}
+
+export declare function FormField({ name, label, required, error, successMessage, helperText, layout, labelWidth, children, className, }: FormFieldProps): JSX.Element;
+
+declare interface FormFieldContextValue {
+    name: string;
+    error?: string;
+}
+
+export declare type FormFieldLayout = "vertical" | "horizontal";
+
+export declare interface FormFieldProps {
+    /** Field name — used for htmlFor on label */
+    name: string;
+    /** Label text */
+    label?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Error message to display */
+    error?: string;
+    /** Success message to display (overrides helperText when present) */
+    successMessage?: string;
+    /** Helper/description text below the field */
+    helperText?: string;
+    /** Layout direction: vertical (default) or horizontal (label left, input right) */
+    layout?: FormFieldLayout;
+    /** Label width when layout="horizontal" (default: "160px") */
+    labelWidth?: string;
+    /** Field content (input, select, etc.) */
+    children: default_2.ReactNode;
+    /** Additional className */
+    className?: string;
+}
+
+export declare function FormHelperText({ children, className }: FormHelperTextProps): JSX.Element;
+
+export declare interface FormHelperTextProps {
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare function FormLabel({ htmlFor, required, children, className, }: FormLabelProps): JSX.Element;
+
+export declare interface FormLabelProps {
+    htmlFor?: string;
+    required?: boolean;
+    children: default_2.ReactNode;
+    className?: string;
+}
+
+export declare function FormSuccess({ message, className }: FormSuccessProps): JSX.Element | null;
+
+export declare interface FormSuccessProps {
+    message?: string;
+    className?: string;
+}
+
 export declare const IconButton: default_2.ForwardRefExoticComponent<IconButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface IconButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -634,6 +754,66 @@ export declare interface NotificationProps {
 
 export declare type NotificationType = "info" | "success" | "warning" | "error";
 
+export declare function NumberInput({ value, defaultValue, onChange, min, max, step, disabled, size, label, placeholder, error, className, }: NumberInputProps): JSX.Element;
+
+export declare interface NumberInputProps {
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    size?: NumberInputSize;
+    label?: string;
+    placeholder?: string;
+    error?: string;
+    className?: string;
+}
+
+export declare type NumberInputSize = "sm" | "md" | "lg";
+
+export declare function OTPInput({ length, value, onChange, onComplete, disabled, error, size, label, masked, className, }: OTPInputProps): JSX.Element;
+
+export declare interface OTPInputProps {
+    /** Number of OTP digits */
+    length?: number;
+    /** Controlled value */
+    value?: string;
+    /** Called when the OTP value changes */
+    onChange?: (value: string) => void;
+    /** Called when all digits are filled */
+    onComplete?: (value: string) => void;
+    disabled?: boolean;
+    error?: string;
+    size?: OTPInputSize;
+    label?: string;
+    /** Mask input (show dots instead of digits) */
+    masked?: boolean;
+    className?: string;
+}
+
+export declare type OTPInputSize = "sm" | "md" | "lg";
+
+export declare function PageHeader({ title, subtitle, breadcrumb, actions, tabs, sticky, className, }: PageHeaderProps): JSX.Element;
+
+export declare interface PageHeaderProps {
+    /** Main page title (required) */
+    title: string;
+    /** Optional subtitle below the title */
+    subtitle?: string;
+    /** Breadcrumb content — pass a <Breadcrumb /> component */
+    breadcrumb?: default_2.ReactNode;
+    /** Action buttons — right-aligned (pass DSButton components) */
+    actions?: default_2.ReactNode;
+    /** Tab navigation below the header — pass a <Tabs /> component */
+    tabs?: default_2.ReactNode;
+    /** Stick to top of viewport while scrolling */
+    sticky?: boolean;
+    /** Additional className */
+    className?: string;
+}
+
 export declare function Pagination({ currentPage, totalPages, onPageChange, siblingCount, showFirstLast, showPrevNext, showPageSize, pageSizeOptions, pageSize, onPageSizeChange, totalItems, size, variant, disabled, showPageInfo, showItemsInfo, prevLabel, nextLabel, }: PaginationProps): JSX.Element;
 
 export declare interface PaginationProps {
@@ -1217,4 +1397,6 @@ export declare interface UploadedFile {
     status: "uploading" | "done" | "error";
 }
 
+export declare function useFormField(): FormFieldContextValue;
+
 export { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxuissk/design-system",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "private": false,
   "type": "module",
   "main": "./dist/sellsuki-ds.umd.cjs",