myshell-react-lib 0.1.35 → 0.1.37

package/dist/index.d.cts

@@ -423,7 +423,7 @@ type IconButtonProps<V extends VariantType = VariantType> = Omit<IconButtonBaseP
     color?: V extends keyof VariantColorMap ? VariantColorMap[V] : never;
 };
 
-type HeroIcon$1 = React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<React$1.SVGProps<SVGSVGElement>> & {
+type HeroIcon = React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<React$1.SVGProps<SVGSVGElement>> & {
     title?: string;
     titleId?: string;
 } & React$1.RefAttributes<SVGSVGElement>>;
@@ -431,7 +431,7 @@ interface IconButtonComponentProps<V extends VariantType = VariantType> extends
     asChild?: boolean;
     loading?: boolean;
     disabled?: boolean;
-    icon?: HeroIcon$1 | LucideIcon | IconComponent | React$1.ElementType;
+    icon?: HeroIcon | LucideIcon | IconComponent | React$1.ElementType;
     hoverText?: string;
     hoverSide?: 'top' | 'right' | 'bottom' | 'left';
     iconClassName?: ClassNameValue;
@@ -914,18 +914,6 @@ declare namespace SearchBar {
     var displayName: string;
 }
 
-/**
- * 通用类型定义
- */
-type HeroIcon = React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & {
-    title?: string;
-    titleId?: string;
-} & React.RefAttributes<SVGSVGElement>>;
-
-type IIcons = {
-    icon: HeroIcon | LucideIcon | React.ElementType;
-    onClick?: () => void;
-};
 type ITopNavigationBar = {
     /**
      * 是否展示背景
@@ -946,22 +934,10 @@ type ITopNavigationBar = {
      */
     title?: string;
     /**
-     * 是否展示搜索框
-     * boolean
-     *
-     * @default false
-     */
-    showSearchBar?: boolean;
-    /**
-     * 搜索框值
-     * string
-     */
-    searchValue?: string;
-    /**
-     * 搜索框占位值
-     * string
+     * 搜索框自定义内容
+     * ReactNode
      */
-    searchPlaceholder?: string;
+    searchElement?: React.ReactNode;
     /**
      * 是否显示底部border
      * boolean
@@ -984,11 +960,6 @@ type ITopNavigationBar = {
      * string
      */
     clearText?: string;
-    /**
-     * icon按钮配置
-     * IIcons
-     */
-    icons?: IIcons[];
     /**
      * 头像配置
      * {
@@ -1008,22 +979,17 @@ type ITopNavigationBar = {
      */
     pageType?: 1 | 2;
     /**
-     * 返回按钮点击回调
-     * () => void
-     */
-    onBack?: () => void;
-    /**
-     * 搜索框值变化回调
-     * (value: string) => void
+     * 自定义样式
+     * string
      */
-    onSearchChange?: (value: string) => void;
+    className?: string;
     /**
-     * 清除按钮点击回调
+     * 返回按钮点击回调
      * () => void
      */
-    onClear?: () => void;
+    onBack?: () => void;
 };
-declare function TopNavigationBar({ showSearchBar, searchValue, searchPlaceholder, title, border, backUrl, children, hasBackground, avatar, onSearchChange, onBack, pageType, }: ITopNavigationBar): react_jsx_runtime.JSX.Element;
+declare function TopNavigationBar({ searchElement, title, border, backUrl, children, hasBackground, avatar, onBack, pageType, className, }: ITopNavigationBar): react_jsx_runtime.JSX.Element;
 
 interface ISelectProps extends SelectPrimitive.SelectProps {
     options?: Array<{
@@ -1634,4 +1600,4 @@ declare const RectangleGroupIcon: React$1.ForwardRefExoticComponent<React$1.HTML
     component?: React$1.ElementType;
 } & React$1.RefAttributes<SVGSVGElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, ArrowLeftIcon, ArrowUpTrayIcon, AspectRatio, AudioPlayer, AudioPlaying, Avatar, AvatarImage, AvatarRoot, Badge, Button, type ButtonComponentProps, type ButtonProps, CaretDownIcon, type CascaderOption, CheckCircleIcon, Checkbox, Chips, CodeIcon, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfigIcon, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomToasterProps, Description, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, DownIcon, DragIcon, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Guide, Heading, type HeroIcon$1 as HeroIcon, type IAudioProps, type INumberInputProps, type ISelectProps, Icon, IconButton, type IconButtonComponentProps, type IconComponent, type IconProps, Image, type ImageProps, Input, type InputProps, Label, Link, type LinkProps, Masonry, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MiddleBar, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalOverlay, ModalRoot, ModalTitle, NumberInput, Paragraph, PencilSquareIcon, PhoneIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentExs, PopoverRoot, Progress, ProgressIndicator, type ProgressProps, ProgressRoot, type Props, RadioGroup, RadioGroupItem, RectangleGroupIcon, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, type SearchInputProps, Select, SelectContent, SelectGroup, SelectIcon, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderSingle, Spinner, SubHeading, SubTitle, Swiper, type SwiperProps, Switch, type TModalState, Tab, Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, Text, Textarea, type TextareaProps, Title, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, type ToastType, ToastViewport, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipProvider, TopNavigationBar, WindowIcon, buttonVariants, dangerouText, iconButtonVariants, reducer, toast, toggleVariants, useDevice, useFormField, useIsMobileByWindowWidth, useNativeBridge, useNotification, useToast, useWindowWidth };
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, ArrowLeftIcon, ArrowUpTrayIcon, AspectRatio, AudioPlayer, AudioPlaying, Avatar, AvatarImage, AvatarRoot, Badge, Button, type ButtonComponentProps, type ButtonProps, CaretDownIcon, type CascaderOption, CheckCircleIcon, Checkbox, Chips, CodeIcon, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfigIcon, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomToasterProps, Description, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, DownIcon, DragIcon, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Guide, Heading, type HeroIcon, type IAudioProps, type INumberInputProps, type ISelectProps, Icon, IconButton, type IconButtonComponentProps, type IconComponent, type IconProps, Image, type ImageProps, Input, type InputProps, Label, Link, type LinkProps, Masonry, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MiddleBar, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalOverlay, ModalRoot, ModalTitle, NumberInput, Paragraph, PencilSquareIcon, PhoneIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentExs, PopoverRoot, Progress, ProgressIndicator, type ProgressProps, ProgressRoot, type Props, RadioGroup, RadioGroupItem, RectangleGroupIcon, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, type SearchInputProps, Select, SelectContent, SelectGroup, SelectIcon, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderSingle, Spinner, SubHeading, SubTitle, Swiper, type SwiperProps, Switch, type TModalState, Tab, Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, Text, Textarea, type TextareaProps, Title, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, type ToastType, ToastViewport, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipProvider, TopNavigationBar, WindowIcon, buttonVariants, dangerouText, iconButtonVariants, reducer, toast, toggleVariants, useDevice, useFormField, useIsMobileByWindowWidth, useNativeBridge, useNotification, useToast, useWindowWidth };

package/dist/index.d.ts

@@ -423,7 +423,7 @@ type IconButtonProps<V extends VariantType = VariantType> = Omit<IconButtonBaseP
     color?: V extends keyof VariantColorMap ? VariantColorMap[V] : never;
 };
 
-type HeroIcon$1 = React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<React$1.SVGProps<SVGSVGElement>> & {
+type HeroIcon = React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<React$1.SVGProps<SVGSVGElement>> & {
     title?: string;
     titleId?: string;
 } & React$1.RefAttributes<SVGSVGElement>>;
@@ -431,7 +431,7 @@ interface IconButtonComponentProps<V extends VariantType = VariantType> extends
     asChild?: boolean;
     loading?: boolean;
     disabled?: boolean;
-    icon?: HeroIcon$1 | LucideIcon | IconComponent | React$1.ElementType;
+    icon?: HeroIcon | LucideIcon | IconComponent | React$1.ElementType;
     hoverText?: string;
     hoverSide?: 'top' | 'right' | 'bottom' | 'left';
     iconClassName?: ClassNameValue;
@@ -914,18 +914,6 @@ declare namespace SearchBar {
     var displayName: string;
 }
 
-/**
- * 通用类型定义
- */
-type HeroIcon = React.ForwardRefExoticComponent<React.PropsWithoutRef<React.SVGProps<SVGSVGElement>> & {
-    title?: string;
-    titleId?: string;
-} & React.RefAttributes<SVGSVGElement>>;
-
-type IIcons = {
-    icon: HeroIcon | LucideIcon | React.ElementType;
-    onClick?: () => void;
-};
 type ITopNavigationBar = {
     /**
      * 是否展示背景
@@ -946,22 +934,10 @@ type ITopNavigationBar = {
      */
     title?: string;
     /**
-     * 是否展示搜索框
-     * boolean
-     *
-     * @default false
-     */
-    showSearchBar?: boolean;
-    /**
-     * 搜索框值
-     * string
-     */
-    searchValue?: string;
-    /**
-     * 搜索框占位值
-     * string
+     * 搜索框自定义内容
+     * ReactNode
      */
-    searchPlaceholder?: string;
+    searchElement?: React.ReactNode;
     /**
      * 是否显示底部border
      * boolean
@@ -984,11 +960,6 @@ type ITopNavigationBar = {
      * string
      */
     clearText?: string;
-    /**
-     * icon按钮配置
-     * IIcons
-     */
-    icons?: IIcons[];
     /**
      * 头像配置
      * {
@@ -1008,22 +979,17 @@ type ITopNavigationBar = {
      */
     pageType?: 1 | 2;
     /**
-     * 返回按钮点击回调
-     * () => void
-     */
-    onBack?: () => void;
-    /**
-     * 搜索框值变化回调
-     * (value: string) => void
+     * 自定义样式
+     * string
      */
-    onSearchChange?: (value: string) => void;
+    className?: string;
     /**
-     * 清除按钮点击回调
+     * 返回按钮点击回调
      * () => void
      */
-    onClear?: () => void;
+    onBack?: () => void;
 };
-declare function TopNavigationBar({ showSearchBar, searchValue, searchPlaceholder, title, border, backUrl, children, hasBackground, avatar, onSearchChange, onBack, pageType, }: ITopNavigationBar): react_jsx_runtime.JSX.Element;
+declare function TopNavigationBar({ searchElement, title, border, backUrl, children, hasBackground, avatar, onBack, pageType, className, }: ITopNavigationBar): react_jsx_runtime.JSX.Element;
 
 interface ISelectProps extends SelectPrimitive.SelectProps {
     options?: Array<{
@@ -1634,4 +1600,4 @@ declare const RectangleGroupIcon: React$1.ForwardRefExoticComponent<React$1.HTML
     component?: React$1.ElementType;
 } & React$1.RefAttributes<SVGSVGElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, ArrowLeftIcon, ArrowUpTrayIcon, AspectRatio, AudioPlayer, AudioPlaying, Avatar, AvatarImage, AvatarRoot, Badge, Button, type ButtonComponentProps, type ButtonProps, CaretDownIcon, type CascaderOption, CheckCircleIcon, Checkbox, Chips, CodeIcon, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfigIcon, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomToasterProps, Description, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, DownIcon, DragIcon, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Guide, Heading, type HeroIcon$1 as HeroIcon, type IAudioProps, type INumberInputProps, type ISelectProps, Icon, IconButton, type IconButtonComponentProps, type IconComponent, type IconProps, Image, type ImageProps, Input, type InputProps, Label, Link, type LinkProps, Masonry, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MiddleBar, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalOverlay, ModalRoot, ModalTitle, NumberInput, Paragraph, PencilSquareIcon, PhoneIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentExs, PopoverRoot, Progress, ProgressIndicator, type ProgressProps, ProgressRoot, type Props, RadioGroup, RadioGroupItem, RectangleGroupIcon, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, type SearchInputProps, Select, SelectContent, SelectGroup, SelectIcon, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderSingle, Spinner, SubHeading, SubTitle, Swiper, type SwiperProps, Switch, type TModalState, Tab, Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, Text, Textarea, type TextareaProps, Title, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, type ToastType, ToastViewport, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipProvider, TopNavigationBar, WindowIcon, buttonVariants, dangerouText, iconButtonVariants, reducer, toast, toggleVariants, useDevice, useFormField, useIsMobileByWindowWidth, useNativeBridge, useNotification, useToast, useWindowWidth };
+export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, ArrowLeftIcon, ArrowUpTrayIcon, AspectRatio, AudioPlayer, AudioPlaying, Avatar, AvatarImage, AvatarRoot, Badge, Button, type ButtonComponentProps, type ButtonProps, CaretDownIcon, type CascaderOption, CheckCircleIcon, Checkbox, Chips, CodeIcon, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfigIcon, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomToasterProps, Description, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, DownIcon, DragIcon, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Guide, Heading, type HeroIcon, type IAudioProps, type INumberInputProps, type ISelectProps, Icon, IconButton, type IconButtonComponentProps, type IconComponent, type IconProps, Image, type ImageProps, Input, type InputProps, Label, Link, type LinkProps, Masonry, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MiddleBar, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalOverlay, ModalRoot, ModalTitle, NumberInput, Paragraph, PencilSquareIcon, PhoneIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentExs, PopoverRoot, Progress, ProgressIndicator, type ProgressProps, ProgressRoot, type Props, RadioGroup, RadioGroupItem, RectangleGroupIcon, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, type SearchInputProps, Select, SelectContent, SelectGroup, SelectIcon, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderSingle, Spinner, SubHeading, SubTitle, Swiper, type SwiperProps, Switch, type TModalState, Tab, Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, Text, Textarea, type TextareaProps, Title, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, type ToastType, ToastViewport, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipProvider, TopNavigationBar, WindowIcon, buttonVariants, dangerouText, iconButtonVariants, reducer, toast, toggleVariants, useDevice, useFormField, useIsMobileByWindowWidth, useNativeBridge, useNotification, useToast, useWindowWidth };

package/dist/index.js

@@ -10737,7 +10737,7 @@ import { useEffect as useEffect10, useRef as useRef6, useState as useState8 } fr
 import { useMedia as useMedia5 } from "react-use";
 import { jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
 function TopNavigationBar(param) {
-    var _param_showSearchBar = param.showSearchBar, showSearchBar = _param_showSearchBar === void 0 ? true : _param_showSearchBar, searchValue = param.searchValue, searchPlaceholder = param.searchPlaceholder, title = param.title, border = param.border, backUrl = param.backUrl, children = param.children, _param_hasBackground = param.hasBackground, hasBackground = _param_hasBackground === void 0 ? true : _param_hasBackground, avatar = param.avatar, onSearchChange = param.onSearchChange, onBack = param.onBack, _param_pageType = param.pageType, pageType = _param_pageType === void 0 ? 2 : _param_pageType;
+    var searchElement = param.searchElement, title = param.title, border = param.border, backUrl = param.backUrl, children = param.children, _param_hasBackground = param.hasBackground, hasBackground = _param_hasBackground === void 0 ? false : _param_hasBackground, avatar = param.avatar, onBack = param.onBack, _param_pageType = param.pageType, pageType = _param_pageType === void 0 ? 2 : _param_pageType, className = param.className;
     var isMobile2 = useMedia5("(max-width: 768px)");
     var navbarRef = useRef6(null);
     var _useState8 = _sliced_to_array(useState8(hasBackground), 2), showBackground = _useState8[0], setShowBackground = _useState8[1];
@@ -10761,7 +10761,7 @@ function TopNavigationBar(param) {
     ]);
     return /* @__PURE__ */ jsxs24("div", {
         ref: navbarRef,
-        className: cn("w-full flex flex-col md:flex-row justify-center items-center px-4 md:px-6", !isMobile2 && border && "border-b border-Colors-Border-Default", showBackground && "bg-Colors-Background-Normal-Primary-Default"),
+        className: cn("w-full flex flex-col md:flex-row justify-center items-center px-4 md:px-6", !isMobile2 && border && "border-b border-Colors-Border-Default", showBackground ? "bg-Colors-Background-Normal-Primary-Default" : "bg-cc-Button-Plain-bg-default md:bg-Colors-Background-Normal-Primary-Default", className),
         children: [
             /* @__PURE__ */ jsxs24("div", {
                 className: "relative w-full flex justify-between items-center h-13 md:h-15 pt-5 pb-1.5 md:pt-2 md:pb-2",
@@ -10794,7 +10794,7 @@ function TopNavigationBar(param) {
                                     })
                                 ]
                             }),
-                            title && (!showSearchBar || !isMobile2) && (!(avatar === null || avatar === void 0 ? void 0 : avatar.logo) || !isMobile2) && /* @__PURE__ */ jsx43(Display, {
+                            title && !(avatar === null || avatar === void 0 ? void 0 : avatar.logo) && /* @__PURE__ */ jsx43(Display, {
                                 size: isMobile2 ? "xs" : "sm",
                                 className: "line-clamp-1",
                                 children: title
@@ -10816,44 +10816,23 @@ function TopNavigationBar(param) {
                                     children: avatar.name
                                 })
                             ]
-                        }) : /* @__PURE__ */ jsx43("div", {
-                            className: "w-[76px]"
-                        })
+                        }) : null
                     }),
                     /* @__PURE__ */ jsx43("div", {
                         className: "flex-1 flex justify-end items-center",
                         children: /* @__PURE__ */ jsxs24("div", {
                             className: "flex items-center space-x-3",
                             children: [
-                                showSearchBar && (!isMobile2 && pageType === 1 || pageType === 2) && /* @__PURE__ */ jsx43("div", {
-                                    className: "relative w-full md:w-60",
-                                    children: /* @__PURE__ */ jsx43(SearchBar, {
-                                        color: "gray",
-                                        size: "xs",
-                                        searchValue: searchValue,
-                                        placeholder: searchPlaceholder || "Search",
-                                        onSearchChange: function(value1) {
-                                            onSearchChange && onSearchChange(value1);
-                                        }
-                                    })
-                                }),
+                                searchElement && (!isMobile2 && pageType === 1 || pageType === 2) && searchElement,
                                 children
                             ]
                         })
                     })
                 ]
             }),
-            showSearchBar && pageType === 1 && isMobile2 && /* @__PURE__ */ jsx43("div", {
+            searchElement && pageType === 1 && isMobile2 && /* @__PURE__ */ jsx43("div", {
                 className: "relative w-full h-13 py-2",
-                children: /* @__PURE__ */ jsx43(SearchBar, {
-                    color: "gray",
-                    size: "xs",
-                    searchValue: searchValue,
-                    placeholder: searchPlaceholder || "Search",
-                    onSearchChange: function(value1) {
-                        onSearchChange && onSearchChange(value1);
-                    }
-                })
+                children: searchElement
             })
         ]
     });