@uxuissk/design-system 0.5.0 → 0.6.0

package/dist/types/index.d.ts

@@ -523,6 +523,46 @@ 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 {
@@ -530,13 +570,15 @@ export declare interface FormErrorProps {
     className?: string;
 }
 
-export declare function FormField({ name, label, required, error, helperText, children, className, }: FormFieldProps): JSX.Element;
+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;
@@ -546,8 +588,14 @@ export declare interface FormFieldProps {
     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 */
@@ -570,6 +618,13 @@ export declare interface FormLabelProps {
     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> {
@@ -740,6 +795,25 @@ export declare interface OTPInputProps {
 
 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 {

package/package.json

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