@yomologic/react-ui 0.5.1 → 0.5.3

package/dist/index.d.mts

@@ -76,6 +76,36 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "rows"> {
+    /** Field name - required when used inside Form */
+    name?: string;
+    label?: string;
+    error?: string;
+    helperText?: string;
+    fullWidth?: boolean;
+    /** Custom validation function that returns error message or undefined if valid */
+    validate?: ValidationFunction;
+    /** Callback when validation error changes */
+    onValidationError?: (error: string | undefined) => void;
+    /** Custom error messages for built-in validations */
+    errorMessages?: {
+        required?: string;
+        minLength?: string;
+        maxLength?: string;
+    };
+    /** Number of visible text rows */
+    rows?: number;
+    /** Allow vertical resizing */
+    resize?: "none" | "vertical" | "horizontal" | "both";
+    /** Auto-resize to fit content */
+    autoResize?: boolean;
+    /** Show character count */
+    showCharacterCount?: boolean;
+    /** Maximum height when auto-resizing (in pixels) */
+    maxHeight?: number;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
 interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "variant" | "accentColor"> {
     variant?: "default" | "bordered" | "elevated" | "accent";
     padding?: "none" | "sm" | "md" | "lg";
@@ -696,6 +726,16 @@ interface NavProps extends React.HTMLAttributes<HTMLElement> {
     sticky?: boolean;
     activeId?: string;
     onItemClick?: (item: NavItem$2) => void;
+    /** Remove bottom border for seamless hero integration */
+    borderless?: boolean;
+    /** Make background transparent */
+    transparent?: boolean;
+    /** Add backdrop blur effect (glassmorphism) */
+    blur?: boolean;
+    /** Position of the nav (fixed, sticky, or static) */
+    position?: "fixed" | "sticky" | "static";
+    /** Auto-hide nav on scroll down, show on scroll up */
+    autoHideOnScroll?: boolean;
 }
 declare const Nav: React.ForwardRefExoticComponent<NavProps & React.RefAttributes<HTMLElement>>;
 
@@ -720,16 +760,14 @@ interface DrawerProps {
     homeUrl?: string;
     autoHideOnScroll?: boolean;
     headerActions?: React.ReactNode;
+    /** Remove bottom border from mobile header */
+    borderless?: boolean;
+    /** Make mobile header background transparent */
+    transparent?: boolean;
+    /** Add backdrop blur effect to mobile header (glassmorphism) */
+    blur?: boolean;
 }
-declare function Drawer({ title, subtitle, items, sections, activeItem, onItemClick, footer, position, homeUrl, autoHideOnScroll, headerActions, }: DrawerProps): react_jsx_runtime.JSX.Element;
-
-interface HeaderProps {
-    children: React.ReactNode;
-    autoHideOnScroll?: boolean;
-    className?: string;
-    position?: "fixed" | "sticky" | "static";
-}
-declare function Header({ children, autoHideOnScroll, className, position, }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Drawer({ title, subtitle, items, sections, activeItem, onItemClick, footer, position, homeUrl, autoHideOnScroll, headerActions, borderless, transparent, blur, }: DrawerProps): react_jsx_runtime.JSX.Element;
 
 interface NavItem {
     id: string;
@@ -768,6 +806,8 @@ interface Theme {
     typography?: Record<string, string>;
     showcase?: Record<string, string>;
     semanticColors?: Record<string, string>;
+    transitions?: Record<string, string>;
+    overlay?: Record<string, string>;
 }
 interface ThemeContextType {
     currentTheme: string;
@@ -893,6 +933,12 @@ declare const themes: {
                 "indigo-text": string;
             };
         };
+        transitions: {
+            "drawer-duration": string;
+        };
+        overlay: {
+            background: string;
+        };
     };
     dark: {
         name: string;
@@ -997,10 +1043,16 @@ declare const themes: {
                 "indigo-text": string;
             };
         };
+        transitions: {
+            "drawer-duration": string;
+        };
+        overlay: {
+            background: string;
+        };
     };
 };
 type ThemeId = keyof typeof themes;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Alert, Badge, Button, Card, CardActionArea, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, Checkbox, CheckboxGroup, CodeSnippet, Container, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Divider, Drawer, type NavItem$1 as DrawerNavItem, type NavSection$1 as DrawerNavSection, type DrawerProps, EmptyState, Form, type FormContextValue, FormControl, type FormControlContextValue, FormControlLabel, type FormControlProps, type FormControlState, type FormFieldProps, FormHelperText, type FormState, Header, type HeaderProps, Input, Nav, type NavItem$2 as NavItem, type NavProps, type NavSection, RadioGroup, Rating, SectionLayout, Select, type SelectOption, type SelectProps, SidebarNav, type NavItem as SidebarNavItem, Slider, type SliderMark, type SliderProps, Spinner, Switch, type SwitchProps, type ThemeId, ThemeProvider, type ValidationFunction, type ValidationRule, cn, themes, useForm, useFormContext, useFormControl, useFormControlContext, useFormField, useTheme };
+export { Alert, Badge, Button, Card, CardActionArea, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, Checkbox, CheckboxGroup, CodeSnippet, Container, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Divider, Drawer, type NavItem$1 as DrawerNavItem, type NavSection$1 as DrawerNavSection, type DrawerProps, EmptyState, Form, type FormContextValue, FormControl, type FormControlContextValue, FormControlLabel, type FormControlProps, type FormControlState, type FormFieldProps, FormHelperText, type FormState, Input, Nav, type NavItem$2 as NavItem, type NavProps, type NavSection, RadioGroup, Rating, SectionLayout, Select, type SelectOption, type SelectProps, SidebarNav, type NavItem as SidebarNavItem, Slider, type SliderMark, type SliderProps, Spinner, Switch, type SwitchProps, Textarea, type TextareaProps, type ThemeId, ThemeProvider, type ValidationFunction, type ValidationRule, cn, themes, useForm, useFormContext, useFormControl, useFormControlContext, useFormField, useTheme };

package/dist/index.d.ts

@@ -76,6 +76,36 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "rows"> {
+    /** Field name - required when used inside Form */
+    name?: string;
+    label?: string;
+    error?: string;
+    helperText?: string;
+    fullWidth?: boolean;
+    /** Custom validation function that returns error message or undefined if valid */
+    validate?: ValidationFunction;
+    /** Callback when validation error changes */
+    onValidationError?: (error: string | undefined) => void;
+    /** Custom error messages for built-in validations */
+    errorMessages?: {
+        required?: string;
+        minLength?: string;
+        maxLength?: string;
+    };
+    /** Number of visible text rows */
+    rows?: number;
+    /** Allow vertical resizing */
+    resize?: "none" | "vertical" | "horizontal" | "both";
+    /** Auto-resize to fit content */
+    autoResize?: boolean;
+    /** Show character count */
+    showCharacterCount?: boolean;
+    /** Maximum height when auto-resizing (in pixels) */
+    maxHeight?: number;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
 interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "variant" | "accentColor"> {
     variant?: "default" | "bordered" | "elevated" | "accent";
     padding?: "none" | "sm" | "md" | "lg";
@@ -696,6 +726,16 @@ interface NavProps extends React.HTMLAttributes<HTMLElement> {
     sticky?: boolean;
     activeId?: string;
     onItemClick?: (item: NavItem$2) => void;
+    /** Remove bottom border for seamless hero integration */
+    borderless?: boolean;
+    /** Make background transparent */
+    transparent?: boolean;
+    /** Add backdrop blur effect (glassmorphism) */
+    blur?: boolean;
+    /** Position of the nav (fixed, sticky, or static) */
+    position?: "fixed" | "sticky" | "static";
+    /** Auto-hide nav on scroll down, show on scroll up */
+    autoHideOnScroll?: boolean;
 }
 declare const Nav: React.ForwardRefExoticComponent<NavProps & React.RefAttributes<HTMLElement>>;
 
@@ -720,16 +760,14 @@ interface DrawerProps {
     homeUrl?: string;
     autoHideOnScroll?: boolean;
     headerActions?: React.ReactNode;
+    /** Remove bottom border from mobile header */
+    borderless?: boolean;
+    /** Make mobile header background transparent */
+    transparent?: boolean;
+    /** Add backdrop blur effect to mobile header (glassmorphism) */
+    blur?: boolean;
 }
-declare function Drawer({ title, subtitle, items, sections, activeItem, onItemClick, footer, position, homeUrl, autoHideOnScroll, headerActions, }: DrawerProps): react_jsx_runtime.JSX.Element;
-
-interface HeaderProps {
-    children: React.ReactNode;
-    autoHideOnScroll?: boolean;
-    className?: string;
-    position?: "fixed" | "sticky" | "static";
-}
-declare function Header({ children, autoHideOnScroll, className, position, }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Drawer({ title, subtitle, items, sections, activeItem, onItemClick, footer, position, homeUrl, autoHideOnScroll, headerActions, borderless, transparent, blur, }: DrawerProps): react_jsx_runtime.JSX.Element;
 
 interface NavItem {
     id: string;
@@ -768,6 +806,8 @@ interface Theme {
     typography?: Record<string, string>;
     showcase?: Record<string, string>;
     semanticColors?: Record<string, string>;
+    transitions?: Record<string, string>;
+    overlay?: Record<string, string>;
 }
 interface ThemeContextType {
     currentTheme: string;
@@ -893,6 +933,12 @@ declare const themes: {
                 "indigo-text": string;
             };
         };
+        transitions: {
+            "drawer-duration": string;
+        };
+        overlay: {
+            background: string;
+        };
     };
     dark: {
         name: string;
@@ -997,10 +1043,16 @@ declare const themes: {
                 "indigo-text": string;
             };
         };
+        transitions: {
+            "drawer-duration": string;
+        };
+        overlay: {
+            background: string;
+        };
     };
 };
 type ThemeId = keyof typeof themes;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Alert, Badge, Button, Card, CardActionArea, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, Checkbox, CheckboxGroup, CodeSnippet, Container, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Divider, Drawer, type NavItem$1 as DrawerNavItem, type NavSection$1 as DrawerNavSection, type DrawerProps, EmptyState, Form, type FormContextValue, FormControl, type FormControlContextValue, FormControlLabel, type FormControlProps, type FormControlState, type FormFieldProps, FormHelperText, type FormState, Header, type HeaderProps, Input, Nav, type NavItem$2 as NavItem, type NavProps, type NavSection, RadioGroup, Rating, SectionLayout, Select, type SelectOption, type SelectProps, SidebarNav, type NavItem as SidebarNavItem, Slider, type SliderMark, type SliderProps, Spinner, Switch, type SwitchProps, type ThemeId, ThemeProvider, type ValidationFunction, type ValidationRule, cn, themes, useForm, useFormContext, useFormControl, useFormControlContext, useFormField, useTheme };
+export { Alert, Badge, Button, Card, CardActionArea, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardTitle, Checkbox, CheckboxGroup, CodeSnippet, Container, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Divider, Drawer, type NavItem$1 as DrawerNavItem, type NavSection$1 as DrawerNavSection, type DrawerProps, EmptyState, Form, type FormContextValue, FormControl, type FormControlContextValue, FormControlLabel, type FormControlProps, type FormControlState, type FormFieldProps, FormHelperText, type FormState, Input, Nav, type NavItem$2 as NavItem, type NavProps, type NavSection, RadioGroup, Rating, SectionLayout, Select, type SelectOption, type SelectProps, SidebarNav, type NavItem as SidebarNavItem, Slider, type SliderMark, type SliderProps, Spinner, Switch, type SwitchProps, Textarea, type TextareaProps, type ThemeId, ThemeProvider, type ValidationFunction, type ValidationRule, cn, themes, useForm, useFormContext, useFormControl, useFormControlContext, useFormField, useTheme };