@neoptocom/neopto-ui 0.2.1 → 0.4.0

package/dist/index.d.cts

@@ -155,8 +155,10 @@ interface SearchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSele
     maxHeight?: number;
     /** Optional id base (for accessibility hooks) */
     id?: string;
+    /** Optional filter children to render when filters are expanded */
+    children?: React.ReactNode;
 }
-declare function Search({ className, options, onSearch, selectedOption, onSelect, searchDelay, disabled, maxHeight, id, ...props }: SearchProps): react_jsx_runtime.JSX.Element;
+declare function Search({ className, options, onSearch, selectedOption, onSelect, searchDelay, disabled, maxHeight, id, children, ...props }: SearchProps): react_jsx_runtime.JSX.Element;
 
 declare const buttonStyles: tailwind_variants.TVReturnType<{
     variant: {
@@ -267,6 +269,106 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
     icon?: React.ReactNode;
 } & React.RefAttributes<HTMLButtonElement>>;
 
+declare const iconButtonStyles: tailwind_variants.TVReturnType<{
+    variant: {
+        ghost: string;
+        primary: string;
+        secondary: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, string, tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        ghost: string;
+        primary: string;
+        secondary: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        ghost: string;
+        primary: string;
+        secondary: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, {
+    variant: {
+        ghost: string;
+        primary: string;
+        secondary: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        ghost: string;
+        primary: string;
+        secondary: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, string, tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        ghost: string;
+        primary: string;
+        secondary: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        ghost: string;
+        primary: string;
+        secondary: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+type IconButtonVariants = VariantProps<typeof iconButtonStyles>;
+type IconButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & IconButtonVariants & {
+    /** Material Symbols icon name */
+    icon: string;
+    /** Icon size (defaults to button size) */
+    iconSize?: "sm" | "md" | "lg";
+    /** Icon fill (0 = outlined, 1 = filled) */
+    iconFill?: 0 | 1;
+    /** Optional custom className for the icon */
+    iconClassName?: string;
+};
+declare const IconButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & IconButtonVariants & {
+    /** Material Symbols icon name */
+    icon: string;
+    /** Icon size (defaults to button size) */
+    iconSize?: "sm" | "md" | "lg";
+    /** Icon fill (0 = outlined, 1 = filled) */
+    iconFill?: 0 | 1;
+    /** Optional custom className for the icon */
+    iconClassName?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+
 type IconProps = {
     /** Material Symbols name (e.g., "search", "close", "more_vert") */
     name: string;
@@ -279,12 +381,49 @@ type IconProps = {
 };
 declare function Icon({ name, className, title, size, fill }: IconProps): react_jsx_runtime.JSX.Element;
 
-type IconOption = "home" | "search" | "person" | "settings" | "close" | "check" | "clear" | "menu" | "more_vert" | "favorite" | "favorite_border" | "star" | "star_outline" | "visibility" | "visibility_off" | "lock" | "lock_open" | "download" | "upload" | "share" | "refresh" | "calendar_today" | "schedule" | "notifications" | "notifications_off" | "error" | "error_outline" | "help" | "help_outline" | "arrow_back" | "arrow_forward" | "chevron_right" | "expand_more" | "play_arrow" | "pause" | "stop" | "skip_next" | "skip_previous" | "volume_up" | "volume_off" | "mic" | "mic_off" | "camera_alt" | "photo" | "image" | "map" | "place" | "location_on" | "phone" | "mail" | "chat" | "send" | "link" | "attachment" | "shopping_cart" | "payment";
 type ChipProps = React.HTMLAttributes<HTMLDivElement> & {
     variant?: "warning" | "success" | "error" | "light" | "dark";
-    icon?: IconOption;
+    icon?: string;
     label?: string;
 };
 declare function Chip({ variant, icon, className, label, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
 
-export { Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, Chip, type ChipProps, Icon, type IconProps, Input, type InputProps, Modal, type ModalProps, Search, type SearchOption, type SearchProps, Skeleton, type SkeletonProps, Typo, type TypoProps, type TypoVariant, type TypoWeight };
+type CounterProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+    value?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+};
+declare function Counter({ value, onChange, min, max, step, className, ...props }: CounterProps): react_jsx_runtime.JSX.Element;
+
+interface ChatButtonProps {
+    /** Callback when chat button is clicked */
+    onOpenChat: () => void;
+    /** Whether there's a new notification */
+    hasNotification?: boolean;
+    /** The notification message to display */
+    notificationMessage?: string;
+    /** Logo source for the chat agent */
+    logoSrc?: string;
+    /** Alt text for the logo */
+    logoAlt?: string;
+    /** Custom animation colors */
+    animationColors?: string[];
+}
+declare const ChatButton: ({ onOpenChat, hasNotification, notificationMessage, logoSrc, logoAlt, animationColors, }: ChatButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface AnimatedBgCircleProps {
+    colors: string[];
+    delay?: number;
+    stretch?: boolean;
+}
+declare const AnimatedBgCircle: ({ colors, delay }: AnimatedBgCircleProps) => react_jsx_runtime.JSX.Element;
+
+interface AnimatedBgRectangleProps {
+    colors: string[];
+    delay?: number;
+}
+declare const AnimatedBgRectangle: ({ colors, delay }: AnimatedBgRectangleProps) => react_jsx_runtime.JSX.Element;
+
+export { AnimatedBgCircle, AnimatedBgRectangle, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, ChatButton, type ChatButtonProps, Chip, type ChipProps, Counter, type CounterProps, Icon, IconButton, type IconButtonProps, type IconProps, Input, type InputProps, Modal, type ModalProps, Search, type SearchOption, type SearchProps, Skeleton, type SkeletonProps, Typo, type TypoProps, type TypoVariant, type TypoWeight };

package/dist/index.d.ts

@@ -155,8 +155,10 @@ interface SearchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSele
     maxHeight?: number;
     /** Optional id base (for accessibility hooks) */
     id?: string;
+    /** Optional filter children to render when filters are expanded */
+    children?: React.ReactNode;
 }
-declare function Search({ className, options, onSearch, selectedOption, onSelect, searchDelay, disabled, maxHeight, id, ...props }: SearchProps): react_jsx_runtime.JSX.Element;
+declare function Search({ className, options, onSearch, selectedOption, onSelect, searchDelay, disabled, maxHeight, id, children, ...props }: SearchProps): react_jsx_runtime.JSX.Element;
 
 declare const buttonStyles: tailwind_variants.TVReturnType<{
     variant: {
@@ -267,6 +269,106 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
     icon?: React.ReactNode;
 } & React.RefAttributes<HTMLButtonElement>>;
 
+declare const iconButtonStyles: tailwind_variants.TVReturnType<{
+    variant: {
+        ghost: string;
+        primary: string;
+        secondary: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, string, tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        ghost: string;
+        primary: string;
+        secondary: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        ghost: string;
+        primary: string;
+        secondary: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, {
+    variant: {
+        ghost: string;
+        primary: string;
+        secondary: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        ghost: string;
+        primary: string;
+        secondary: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, string, tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        ghost: string;
+        primary: string;
+        secondary: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        ghost: string;
+        primary: string;
+        secondary: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+type IconButtonVariants = VariantProps<typeof iconButtonStyles>;
+type IconButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & IconButtonVariants & {
+    /** Material Symbols icon name */
+    icon: string;
+    /** Icon size (defaults to button size) */
+    iconSize?: "sm" | "md" | "lg";
+    /** Icon fill (0 = outlined, 1 = filled) */
+    iconFill?: 0 | 1;
+    /** Optional custom className for the icon */
+    iconClassName?: string;
+};
+declare const IconButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & IconButtonVariants & {
+    /** Material Symbols icon name */
+    icon: string;
+    /** Icon size (defaults to button size) */
+    iconSize?: "sm" | "md" | "lg";
+    /** Icon fill (0 = outlined, 1 = filled) */
+    iconFill?: 0 | 1;
+    /** Optional custom className for the icon */
+    iconClassName?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+
 type IconProps = {
     /** Material Symbols name (e.g., "search", "close", "more_vert") */
     name: string;
@@ -279,12 +381,49 @@ type IconProps = {
 };
 declare function Icon({ name, className, title, size, fill }: IconProps): react_jsx_runtime.JSX.Element;
 
-type IconOption = "home" | "search" | "person" | "settings" | "close" | "check" | "clear" | "menu" | "more_vert" | "favorite" | "favorite_border" | "star" | "star_outline" | "visibility" | "visibility_off" | "lock" | "lock_open" | "download" | "upload" | "share" | "refresh" | "calendar_today" | "schedule" | "notifications" | "notifications_off" | "error" | "error_outline" | "help" | "help_outline" | "arrow_back" | "arrow_forward" | "chevron_right" | "expand_more" | "play_arrow" | "pause" | "stop" | "skip_next" | "skip_previous" | "volume_up" | "volume_off" | "mic" | "mic_off" | "camera_alt" | "photo" | "image" | "map" | "place" | "location_on" | "phone" | "mail" | "chat" | "send" | "link" | "attachment" | "shopping_cart" | "payment";
 type ChipProps = React.HTMLAttributes<HTMLDivElement> & {
     variant?: "warning" | "success" | "error" | "light" | "dark";
-    icon?: IconOption;
+    icon?: string;
     label?: string;
 };
 declare function Chip({ variant, icon, className, label, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
 
-export { Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, Chip, type ChipProps, Icon, type IconProps, Input, type InputProps, Modal, type ModalProps, Search, type SearchOption, type SearchProps, Skeleton, type SkeletonProps, Typo, type TypoProps, type TypoVariant, type TypoWeight };
+type CounterProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+    value?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+};
+declare function Counter({ value, onChange, min, max, step, className, ...props }: CounterProps): react_jsx_runtime.JSX.Element;
+
+interface ChatButtonProps {
+    /** Callback when chat button is clicked */
+    onOpenChat: () => void;
+    /** Whether there's a new notification */
+    hasNotification?: boolean;
+    /** The notification message to display */
+    notificationMessage?: string;
+    /** Logo source for the chat agent */
+    logoSrc?: string;
+    /** Alt text for the logo */
+    logoAlt?: string;
+    /** Custom animation colors */
+    animationColors?: string[];
+}
+declare const ChatButton: ({ onOpenChat, hasNotification, notificationMessage, logoSrc, logoAlt, animationColors, }: ChatButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface AnimatedBgCircleProps {
+    colors: string[];
+    delay?: number;
+    stretch?: boolean;
+}
+declare const AnimatedBgCircle: ({ colors, delay }: AnimatedBgCircleProps) => react_jsx_runtime.JSX.Element;
+
+interface AnimatedBgRectangleProps {
+    colors: string[];
+    delay?: number;
+}
+declare const AnimatedBgRectangle: ({ colors, delay }: AnimatedBgRectangleProps) => react_jsx_runtime.JSX.Element;
+
+export { AnimatedBgCircle, AnimatedBgRectangle, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, ChatButton, type ChatButtonProps, Chip, type ChipProps, Counter, type CounterProps, Icon, IconButton, type IconButtonProps, type IconProps, Input, type InputProps, Modal, type ModalProps, Search, type SearchOption, type SearchProps, Skeleton, type SkeletonProps, Typo, type TypoProps, type TypoVariant, type TypoWeight };