@uxuissk/design-system 0.4.0 → 0.5.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,53 @@ export declare interface FileUploadProps {
 
 export declare type FileUploadVariant = "dropzone" | "button" | "avatar";
 
+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, helperText, children, className, }: FormFieldProps): JSX.Element;
+
+declare interface FormFieldContextValue {
+    name: string;
+    error?: string;
+}
+
+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;
+    /** Helper/description text below the field */
+    helperText?: 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 const IconButton: default_2.ForwardRefExoticComponent<IconButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface IconButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -634,6 +699,47 @@ 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 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 +1323,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.5.0",
   "private": false,
   "type": "module",
   "main": "./dist/sellsuki-ds.umd.cjs",