myshell-react-lib 0.3.4 → 0.3.6

package/dist/index.d.cts

@@ -1532,6 +1532,14 @@ declare function LogoLoading({ className, containerClassName, }: {
     containerClassName?: string;
 }): react_jsx_runtime.JSX.Element;
 
+interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+}
+declare function Pagination({ currentPage, totalPages, onPageChange, className, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
+
 declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
 interface ToastViewportProps extends React$1.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport> {
     position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "left-center" | "right-center";
@@ -1787,4 +1795,4 @@ declare const NetworkErrorIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAt
     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, AspectRatio, AudioPlayer, AudioPlaying, Avatar, AvatarImage, AvatarRoot, Badge, Button, type ButtonComponentProps, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, Cascader, CascaderContent, type CascaderOption, Checkbox, Chips, CircleErrorIcon, CircleInfoIcon, CircleSuccessIcon, CircleWarningIcon, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomToasterProps, DataEmptyState, Description, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHover, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorIcon, ErrorState, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormRef, Guide, Heading, type IAudioProps, type INumberInputProps, type ISelectProps, Icon, IconButton, type IconButtonComponentProps, type IconComponent, type IconProps, type IconType, Image, type ImageProps, ImgEmptyState, Input, type InputProps, Label, Link, LinkButton, type LinkButtonProps, type LinkProps, LogoIcon, LogoLoading, 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, MultipleSelector, type MultipleSelectorRef, NetworkErrorIcon, NetworkErrorState, NoPageIcon, NoPageState, NumberInput, type Option, Paragraph, Popover, PopoverAnchor, PopoverContent, type PopoverContentExs, PopoverRoot, Progress, ProgressIndicator, type ProgressProps, ProgressRoot, type Props, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SearchEmptyState, 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, State$1 as State, 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, WalletEmptyState, buttonVariants, dangerouText, iconButtonVariants, reducer, toast, toggleVariants, useDebounce, 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, AspectRatio, AudioPlayer, AudioPlaying, Avatar, AvatarImage, AvatarRoot, Badge, Button, type ButtonComponentProps, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, Cascader, CascaderContent, type CascaderOption, Checkbox, Chips, CircleErrorIcon, CircleInfoIcon, CircleSuccessIcon, CircleWarningIcon, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomToasterProps, DataEmptyState, Description, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHover, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorIcon, ErrorState, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormRef, Guide, Heading, type IAudioProps, type INumberInputProps, type ISelectProps, Icon, IconButton, type IconButtonComponentProps, type IconComponent, type IconProps, type IconType, Image, type ImageProps, ImgEmptyState, Input, type InputProps, Label, Link, LinkButton, type LinkButtonProps, type LinkProps, LogoIcon, LogoLoading, 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, MultipleSelector, type MultipleSelectorRef, NetworkErrorIcon, NetworkErrorState, NoPageIcon, NoPageState, NumberInput, type Option, Pagination, Paragraph, Popover, PopoverAnchor, PopoverContent, type PopoverContentExs, PopoverRoot, Progress, ProgressIndicator, type ProgressProps, ProgressRoot, type Props, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SearchEmptyState, 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, State$1 as State, 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, WalletEmptyState, buttonVariants, dangerouText, iconButtonVariants, reducer, toast, toggleVariants, useDebounce, useDevice, useFormField, useIsMobileByWindowWidth, useNativeBridge, useNotification, useToast, useWindowWidth };

package/dist/index.d.ts

@@ -1532,6 +1532,14 @@ declare function LogoLoading({ className, containerClassName, }: {
     containerClassName?: string;
 }): react_jsx_runtime.JSX.Element;
 
+interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+}
+declare function Pagination({ currentPage, totalPages, onPageChange, className, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
+
 declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
 interface ToastViewportProps extends React$1.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport> {
     position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "left-center" | "right-center";
@@ -1787,4 +1795,4 @@ declare const NetworkErrorIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAt
     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, AspectRatio, AudioPlayer, AudioPlaying, Avatar, AvatarImage, AvatarRoot, Badge, Button, type ButtonComponentProps, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, Cascader, CascaderContent, type CascaderOption, Checkbox, Chips, CircleErrorIcon, CircleInfoIcon, CircleSuccessIcon, CircleWarningIcon, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomToasterProps, DataEmptyState, Description, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHover, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorIcon, ErrorState, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormRef, Guide, Heading, type IAudioProps, type INumberInputProps, type ISelectProps, Icon, IconButton, type IconButtonComponentProps, type IconComponent, type IconProps, type IconType, Image, type ImageProps, ImgEmptyState, Input, type InputProps, Label, Link, LinkButton, type LinkButtonProps, type LinkProps, LogoIcon, LogoLoading, 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, MultipleSelector, type MultipleSelectorRef, NetworkErrorIcon, NetworkErrorState, NoPageIcon, NoPageState, NumberInput, type Option, Paragraph, Popover, PopoverAnchor, PopoverContent, type PopoverContentExs, PopoverRoot, Progress, ProgressIndicator, type ProgressProps, ProgressRoot, type Props, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SearchEmptyState, 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, State$1 as State, 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, WalletEmptyState, buttonVariants, dangerouText, iconButtonVariants, reducer, toast, toggleVariants, useDebounce, 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, AspectRatio, AudioPlayer, AudioPlaying, Avatar, AvatarImage, AvatarRoot, Badge, Button, type ButtonComponentProps, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, Cascader, CascaderContent, type CascaderOption, Checkbox, Chips, CircleErrorIcon, CircleInfoIcon, CircleSuccessIcon, CircleWarningIcon, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomToasterProps, DataEmptyState, Description, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHover, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorIcon, ErrorState, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormRef, Guide, Heading, type IAudioProps, type INumberInputProps, type ISelectProps, Icon, IconButton, type IconButtonComponentProps, type IconComponent, type IconProps, type IconType, Image, type ImageProps, ImgEmptyState, Input, type InputProps, Label, Link, LinkButton, type LinkButtonProps, type LinkProps, LogoIcon, LogoLoading, 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, MultipleSelector, type MultipleSelectorRef, NetworkErrorIcon, NetworkErrorState, NoPageIcon, NoPageState, NumberInput, type Option, Pagination, Paragraph, Popover, PopoverAnchor, PopoverContent, type PopoverContentExs, PopoverRoot, Progress, ProgressIndicator, type ProgressProps, ProgressRoot, type Props, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SearchEmptyState, 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, State$1 as State, 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, WalletEmptyState, buttonVariants, dangerouText, iconButtonVariants, reducer, toast, toggleVariants, useDebounce, useDevice, useFormField, useIsMobileByWindowWidth, useNativeBridge, useNotification, useToast, useWindowWidth };

package/dist/index.js

@@ -25075,12 +25075,114 @@ function LogoLoading(param) {
         ]
     });
 }
+// src/components/pagination.tsx
+import { ChevronLeft, ChevronRight as ChevronRight4 } from "lucide-react";
+import { useMemo as useMemo7 } from "react";
+import { jsx as jsx68, jsxs as jsxs46 } from "react/jsx-runtime";
+function Pagination(param) {
+    var currentPage = param.currentPage, totalPages = param.totalPages, onPageChange = param.onPageChange, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className;
+    var addEllipsis = function(sortedPages) {
+        var result = [];
+        for(var i = 0; i < sortedPages.length; i += 1){
+            var page = sortedPages[i];
+            var prevPage = sortedPages[i - 1];
+            if (prevPage !== void 0 && page - prevPage > 1) {
+                if (result.length <= 2) {
+                    result.push("ellipsis-left");
+                } else {
+                    result.push("ellipsis-right");
+                }
+            }
+            result.push(page);
+        }
+        return result;
+    };
+    var pageNumbers = useMemo7(function() {
+        var pages = /* @__PURE__ */ new Set();
+        pages.add(1);
+        if (totalPages > 1) {
+            pages.add(totalPages);
+        }
+        if (currentPage <= 4) {
+            for(var i = 2; i <= Math.min(5, totalPages); i += 1){
+                pages.add(i);
+            }
+        } else if (currentPage >= totalPages - 3) {
+            for(var i1 = Math.max(1, totalPages - 4); i1 <= totalPages; i1 += 1){
+                pages.add(i1);
+            }
+        } else {
+            pages.add(currentPage - 1);
+            pages.add(currentPage);
+            pages.add(currentPage + 1);
+        }
+        var sortedPages = Array.from(pages).sort(function(a, b) {
+            return a - b;
+        });
+        return addEllipsis(sortedPages);
+    }, [
+        currentPage,
+        totalPages
+    ]);
+    var renderPageNumbers = function() {
+        return pageNumbers.map(function(page) {
+            if (page === "ellipsis-left" || page === "ellipsis-right") {
+                return /* @__PURE__ */ jsx68("span", {
+                    className: "flex size-9 items-center justify-center text-sm font-medium text-Colors-Text-Default",
+                    "aria-hidden": "true",
+                    children: "..."
+                }, page);
+            }
+            var isActive = page === currentPage;
+            return /* @__PURE__ */ jsx68("button", {
+                type: "button",
+                onClick: function() {
+                    return onPageChange(page);
+                },
+                className: cn("flex h-7 min-w-7 items-center justify-center rounded-md px-1 text-sm font-medium transition-colors sm:h-9 sm:min-w-9", isActive ? "bg-Colors-Background-Surface-Subtle text-Colors-Text-Default" : "hover:bg-Colors-Background-Surface-Subtle text-Colors-Text-Default"),
+                "aria-current": isActive ? "page" : void 0,
+                disabled: isActive,
+                children: page
+            }, page);
+        });
+    };
+    if (totalPages <= 1) {
+        return null;
+    }
+    return /* @__PURE__ */ jsxs46("nav", {
+        className: cn("flex items-center justify-center gap-1.5", className),
+        "aria-label": "Pagination",
+        children: [
+            /* @__PURE__ */ jsx68(IconButton, {
+                icon: ChevronLeft,
+                variant: "plain",
+                size: "md",
+                onClick: function() {
+                    return onPageChange(currentPage - 1);
+                },
+                disabled: currentPage <= 1,
+                "aria-label": "Previous page"
+            }),
+            renderPageNumbers(),
+            /* @__PURE__ */ jsx68(IconButton, {
+                icon: ChevronRight4,
+                variant: "plain",
+                size: "md",
+                onClick: function() {
+                    return onPageChange(currentPage + 1);
+                },
+                disabled: currentPage >= totalPages,
+                "aria-label": "Next page"
+            })
+        ]
+    });
+}
 // src/components/toast/toast.tsx
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva21 } from "class-variance-authority";
 import * as React51 from "react";
 import { XIcon as XIcon3 } from "lucide-react";
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitives.Provider;
 var viewportPositionVariants = cva21("fixed z-[1000001] flex max-h-screen w-max-content p-0 gap-2", {
     variants: {
@@ -25104,7 +25206,7 @@ var ToastViewport = React51.forwardRef(function(_param, ref) {
         "className",
         "position"
     ]);
-    return /* @__PURE__ */ jsx68(ToastPrimitives.Viewport, _object_spread({
+    return /* @__PURE__ */ jsx69(ToastPrimitives.Viewport, _object_spread({
         ref: ref,
         className: cn(viewportPositionVariants({
             position: position
@@ -25142,7 +25244,7 @@ var Toast = React51.forwardRef(function(_param, ref) {
         "variant",
         "position"
     ]);
-    return /* @__PURE__ */ jsx68(ToastPrimitives.Root, _object_spread({
+    return /* @__PURE__ */ jsx69(ToastPrimitives.Root, _object_spread({
         ref: ref,
         className: cn(toastVariants({
             variant: variant,
@@ -25156,7 +25258,7 @@ var ToastAction = React51.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx68(ToastPrimitives.Action, _object_spread({
+    return /* @__PURE__ */ jsx69(ToastPrimitives.Action, _object_spread({
         ref: ref,
         className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-sm border border-slate-200 bg-transparent px-3 text-sm font-medium ring-offset-white transition-colors hover:bg-slate-100 focus:outline-none focus:ring-2 focus:ring-slate-950 focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-slate-100/40 group-[.destructive]:hover:border-red-500/30 group-[.destructive]:hover:bg-red-500 group-[.destructive]:hover:text-slate-50 group-[.destructive]:focus:ring-red-500 dark:border-slate-800 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:focus:ring-slate-300 dark:group-[.destructive]:border-slate-800/40 dark:group-[.destructive]:hover:border-red-900/30 dark:group-[.destructive]:hover:bg-red-900 dark:group-[.destructive]:hover:text-slate-50 dark:group-[.destructive]:focus:ring-red-900", className)
     }, props));
@@ -25166,12 +25268,12 @@ var ToastClose = React51.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx68(ToastPrimitives.Close, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsx69(ToastPrimitives.Close, _object_spread_props(_object_spread({
         ref: ref,
         className: cn("absolute size-5 right-3 top-3 rounded-full p-1 text-cc-Button-Tertiary-fg-default hover:text-cc-Button-Tertiary-fg-alt bg-cc-Button-Tertiary-bg-default hover:bg-cc-Button-Tertiary-bg-hover transition-opacity outline-none focus:outline-none focus:ring-2 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600 ", className),
         "toast-close": ""
     }, props), {
-        children: /* @__PURE__ */ jsx68(XIcon3, {
+        children: /* @__PURE__ */ jsx69(XIcon3, {
             className: "h-3 w-3 text-cc-Button-Tertiary-fg-default"
         })
     }));
@@ -25181,7 +25283,7 @@ var ToastTitle = React51.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx68(ToastPrimitives.Title, _object_spread({
+    return /* @__PURE__ */ jsx69(ToastPrimitives.Title, _object_spread({
         ref: ref,
         className: cn("text-sm font-semibold", className)
     }, props));
@@ -25191,7 +25293,7 @@ var ToastDescription = React51.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx68(ToastPrimitives.Description, _object_spread({
+    return /* @__PURE__ */ jsx69(ToastPrimitives.Description, _object_spread({
         ref: ref,
         className: cn("text-sm opacity-90", className)
     }, props));
@@ -25199,7 +25301,7 @@ var ToastDescription = React51.forwardRef(function(_param, ref) {
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 // src/components/toast/use-toast.tsx
 import * as React52 from "react";
-import { jsx as jsx69, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs47 } from "react/jsx-runtime";
 var TOAST_LIMIT = 8;
 var TOAST_REMOVE_DELAY = 1e3;
 var count = 0;
@@ -25302,10 +25404,10 @@ function toast(_param) {
         toast: _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
             position: position
         }), actions && {
-            action: /* @__PURE__ */ jsxs46("div", {
+            action: /* @__PURE__ */ jsxs47("div", {
                 className: "flex justify-start items-center gap-2",
                 children: [
-                    (actions === null || actions === void 0 ? void 0 : actions.dismissText) && /* @__PURE__ */ jsx69(Text, {
+                    (actions === null || actions === void 0 ? void 0 : actions.dismissText) && /* @__PURE__ */ jsx70(Text, {
                         size: "sm",
                         weight: "medium",
                         color: "brand",
@@ -25315,13 +25417,13 @@ function toast(_param) {
                         },
                         children: actions === null || actions === void 0 ? void 0 : actions.dismissText
                     }),
-                    (actions === null || actions === void 0 ? void 0 : actions.view) && actions.viewUrl && /* @__PURE__ */ jsx69(link_default, {
+                    (actions === null || actions === void 0 ? void 0 : actions.view) && actions.viewUrl && /* @__PURE__ */ jsx70(link_default, {
                         href: actions.viewUrl,
                         target: "_blank",
                         rel: "noreferrer noopener",
-                        children: /* @__PURE__ */ jsx69("div", {
+                        children: /* @__PURE__ */ jsx70("div", {
                             className: "flex items-center gap-1.5",
-                            children: /* @__PURE__ */ jsx69(Text, {
+                            children: /* @__PURE__ */ jsx70(Text, {
                                 size: "sm",
                                 weight: "medium",
                                 color: "default",
@@ -25372,7 +25474,7 @@ function useToast() {
 // src/components/toast/toaster.tsx
 import React53 from "react";
 import { CircleCheckIcon as CircleCheckIcon2, CircleXIcon as CircleXIcon2, InfoIcon as InfoIcon2, TriangleAlertIcon as TriangleAlertIcon2 } from "lucide-react";
-import { jsx as jsx70, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs48 } from "react/jsx-runtime";
 function Toaster() {
     var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_position = _ref.position, position = _ref_position === void 0 ? "top-right" : _ref_position;
     var toasts = useToast().toasts;
@@ -25409,19 +25511,19 @@ function Toaster() {
         var renderIcon3 = function(variant2) {
             switch(variant2){
                 case "info":
-                    return /* @__PURE__ */ jsx70(InfoIcon2, {
+                    return /* @__PURE__ */ jsx71(InfoIcon2, {
                         className: "h-6 w-6 sm:h-4.5 sm:w-4.5 text-cc-Icon-Featured-icon-fg-Info"
                     });
                 case "success":
-                    return /* @__PURE__ */ jsx70(CircleCheckIcon2, {
+                    return /* @__PURE__ */ jsx71(CircleCheckIcon2, {
                         className: "h-6 w-6 sm:h-4.5 sm:w-4.5 text-cc-Icon-Featured-icon-fg-Success"
                     });
                 case "warning":
-                    return /* @__PURE__ */ jsx70(TriangleAlertIcon2, {
+                    return /* @__PURE__ */ jsx71(TriangleAlertIcon2, {
                         className: "h-6 w-6 sm:h-4.5 sm:w-4.5 text-cc-Icon-Featured-icon-fg-Warning"
                     });
                 case "error":
-                    return /* @__PURE__ */ jsx70(CircleXIcon2, {
+                    return /* @__PURE__ */ jsx71(CircleXIcon2, {
                         className: "h-6 w-6 sm:h-4.5 sm:w-4.5 text-cc-Icon-Featured-icon-fg-Error"
                     });
             }
@@ -25438,26 +25540,26 @@ function Toaster() {
                     return "bg-cc-Icon-Featured-icon-bg-Error";
             }
         };
-        return /* @__PURE__ */ jsxs47(Toast, _object_spread_props(_object_spread({}, toast4), {
+        return /* @__PURE__ */ jsxs48(Toast, _object_spread_props(_object_spread({}, toast4), {
             position: toastPosition,
             children: [
-                /* @__PURE__ */ jsx70("div", {
+                /* @__PURE__ */ jsx71("div", {
                     className: "flex flex-col gap-3",
-                    children: /* @__PURE__ */ jsxs47("div", {
+                    children: /* @__PURE__ */ jsxs48("div", {
                         className: "flex items-start gap-3",
                         children: [
-                            /* @__PURE__ */ jsx70("div", {
+                            /* @__PURE__ */ jsx71("div", {
                                 className: cn("flex h-10 w-10 sm:h-8 sm:w-8 flex-shrink-0 flex-grow-0 items-center justify-center rounded-full", getBackgroundColor(variant)),
                                 children: icon || renderIcon3(variant)
                             }),
-                            /* @__PURE__ */ jsxs47("div", {
+                            /* @__PURE__ */ jsxs48("div", {
                                 className: "grid gap-1",
                                 children: [
-                                    title && /* @__PURE__ */ jsx70(ToastTitle, {
+                                    title && /* @__PURE__ */ jsx71(ToastTitle, {
                                         className: "text-base text-cc-Toast-fg-default",
                                         children: title
                                     }),
-                                    description && /* @__PURE__ */ jsx70(ToastDescription, {
+                                    description && /* @__PURE__ */ jsx71(ToastDescription, {
                                         className: "text-sm text-cc-Toast-fg-subtle",
                                         children: description
                                     }),
@@ -25467,17 +25569,17 @@ function Toaster() {
                         ]
                     })
                 }),
-                /* @__PURE__ */ jsx70(ToastClose, {})
+                /* @__PURE__ */ jsx71(ToastClose, {})
             ]
         }), id);
     };
-    return /* @__PURE__ */ jsx70(ToastProvider, {
+    return /* @__PURE__ */ jsx71(ToastProvider, {
         children: Object.entries(positionGroups).map(function(param) {
             var _param = _sliced_to_array(param, 2), pos = _param[0], toastsForPosition = _param[1];
-            return /* @__PURE__ */ jsxs47(React53.Fragment, {
+            return /* @__PURE__ */ jsxs48(React53.Fragment, {
                 children: [
                     toastsForPosition.map(renderToast),
-                    toastsForPosition.length > 0 && /* @__PURE__ */ jsx70(ToastViewport, {
+                    toastsForPosition.length > 0 && /* @__PURE__ */ jsx71(ToastViewport, {
                         position: pos
                     })
                 ]
@@ -25487,7 +25589,7 @@ function Toaster() {
 }
 // src/components/swiper/index.tsx
 import { cva as cva22 } from "class-variance-authority";
-import { useEffect as useEffect16, useMemo as useMemo7, useRef as useRef12, useState as useState15 } from "react";
+import { useEffect as useEffect16, useMemo as useMemo8, useRef as useRef12, useState as useState15 } from "react";
 import { useRouter as useRouter2 } from "next/navigation";
 import { Autoplay, Navigation, FreeMode, Scrollbar, Mousewheel, Grid } from "swiper/modules";
 import { Swiper as SwiperComponent, SwiperSlide } from "swiper/react";
@@ -25499,7 +25601,7 @@ import "swiper/css/pagination";
 // src/components/swiper/index.module.scss
 var index_module_default = '.swiperBox {\n  @apply w-full h-fit;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-prev) {\n  @apply bg-contain bg-no-repeat;\n  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iIzQxNDM0NSIgY2xhc3M9InNpemUtNSI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzggNS4yMmEuNzUuNzUgMCAwIDEgMCAxLjA2TDguMDYgMTBsMy43MiAzLjcyYS43NS43NSAwIDEgMS0xLjA2IDEuMDZsLTQuMjUtNC4yNWEuNzUuNzUgMCAwIDEgMC0xLjA2bDQuMjUtNC4yNWEuNzUuNzUgMCAwIDEgMS4wNiAwWiIgY2xpcC1ydWxlPSJldmVub2RkIiAvPgo8L3N2Zz4K");\n}\n.swiperBox :global(.swiper) :global(.swiper-button-next) {\n  @apply bg-contain bg-no-repeat;\n  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iIzQxNDM0NSIgY2xhc3M9InNpemUtNSI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4yMiA1LjIyYS43NS43NSAwIDAgMSAxLjA2IDBsNC4yNSA0LjI1YS43NS43NSAwIDAgMSAwIDEuMDZsLTQuMjUgNC4yNWEuNzUuNzUgMCAwIDEtMS4wNi0xLjA2TDExLjk0IDEwIDguMjIgNi4yOGEuNzUuNzUgMCAwIDEgMC0xLjA2WiIgY2xpcC1ydWxlPSJldmVub2RkIiAvPgo8L3N2Zz4KCg==");\n}\n.swiperBox :global(.swiper) :global(.swiper-button-prev::after) {\n  @apply text-Colors-Foreground-Default content-none;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-next::after) {\n  @apply text-Colors-Foreground-Default content-none;\n}\n.swiperBox :global(.swiper.banner-swiper) :global(.banner-swiper-slide.swiper-slide-prev) {\n  @apply origin-right;\n}\n.swiperBox :global(.swiper.banner-swiper) :global(.banner-swiper-slide.swiper-slide-next) {\n  @apply origin-left;\n}\n.swiperBox :global(.swiper.banner-swiper) :global(.swiper-slide-active) {\n  @apply opacity-100;\n}\n.swiperBox :global(.swiper.banner-swiper) :global(.swiper-button-next) {\n  @apply -right-4 md:right-0 3xl:right-[calc((100%-1200px)/2-16px)];\n}\n.swiperBox :global(.swiper.banner-swiper) :global(.swiper-button-prev) {\n  @apply -left-4 md:left-0 3xl:left-[calc((100%-1200px)/2-16px)];\n}\n.swiperBox :global(.swiper.feature-swiper) :global(.swiper-button-next) {\n  @apply right-0;\n}\n.swiperBox :global(.swiper.feature-swiper) :global(.swiper-button-prev) {\n  @apply left-0;\n}\n.swiperBox :global(.swiper.feature-swiper) :global(.swiper-button-disabled) {\n  @apply hidden;\n}\n.swiperBox :global(.swiper.patron-badge-swiper) :global(.swiper-button-next) {\n  @apply right-0;\n}\n.swiperBox :global(.swiper.patron-badge-swiper) :global(.swiper-button-prev) {\n  @apply left-0;\n}\n.swiperBox :global(.swiper.patron-badge-swiper) :global(.swiper-button-disabled) {\n  @apply hidden;\n}\n.swiperBox :global(.swiper.grid-swiper) :global(.swiper-wrapper) {\n  @apply w-[100vw] md:w-full flex-wrap flex-col m-0;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-next) {\n  @apply hidden md:flex justify-center items-center absolute top-[50%] w-8 h-8 font-semibold text-Colors-Foreground-Default border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Default rounded-full cursor-pointer hover:bg-Colors-Background-Normal-Primary-Hover active:bg-Colors-Background-Normal-Primary-Active;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-next)::after {\n  @apply text-Colors-Foreground-Default text-xs font-bold;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-prev) {\n  @apply hidden md:flex justify-center items-center absolute top-[50%] w-8 h-8 font-semibold text-Colors-Foreground-Default border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Default rounded-full cursor-pointer hover:bg-Colors-Background-Normal-Primary-Hover active:bg-Colors-Background-Normal-Primary-Active;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-prev)::after {\n  @apply text-Colors-Foreground-Default text-xs font-bold;\n}\n\n.animate :global(.swiper-slide) {\n  transition: transform 500ms linear;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL21vbmljYS9EZXNrdG9wL215c2hlbGwvbXlzaGVsbC1yZWFjdC1saWIvc3JjL2NvbXBvbmVudHMvc3dpcGVyIiwic291cmNlcyI6WyJpbmRleC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFOztBQUdFO0VBQ0U7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUlGO0VBRUU7O0FBRUY7RUFFRTs7QUFFRjtFQUNFOztBQUdGO0VBQ0U7O0FBRUY7RUFDRTs7QUFJRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFJRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFJRjtFQUNFOztBQUtGO0VBQ0U7O0FBQ0U7RUFDRTs7QUFHTjtFQUNFOztBQUNFO0VBQ0U7OztBQU9SO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIuc3dpcGVyQm94e1xuICBAYXBwbHkgdy1mdWxsIGgtZml0O1xuICBcbiAgOmdsb2JhbCguc3dpcGVyKSB7XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1wcmV2KXtcbiAgICAgIEBhcHBseSBiZy1jb250YWluIGJnLW5vLXJlcGVhdDtcbiAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhacFpYZENiM2c5SWpBZ01DQXlNQ0F5TUNJZ1ptbHNiRDBpSXpReE5ETTBOU0lnWTJ4aGMzTTlJbk5wZW1VdE5TSStDaUFnUEhCaGRHZ2dabWxzYkMxeWRXeGxQU0psZG1WdWIyUmtJaUJrUFNKTk1URXVOemdnTlM0eU1tRXVOelV1TnpVZ01DQXdJREVnTUNBeExqQTJURGd1TURZZ01UQnNNeTQzTWlBekxqY3lZUzQzTlM0M05TQXdJREVnTVMweExqQTJJREV1TURac0xUUXVNalV0TkM0eU5XRXVOelV1TnpVZ01DQXdJREVnTUMweExqQTJiRFF1TWpVdE5DNHlOV0V1TnpVdU56VWdNQ0F3SURFZ01TNHdOaUF3V2lJZ1kyeHBjQzF5ZFd4bFBTSmxkbVZ1YjJSa0lpQXZQZ284TDNOMlp6NEsnKTsgXG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tbmV4dCl7XG4gICAgICBAYXBwbHkgYmctY29udGFpbiBiZy1uby1yZXBlYXQ7XG4gICAgICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJ2RhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEhOMlp5QjRiV3h1Y3owaWFIUjBjRG92TDNkM2R5NTNNeTV2Y21jdk1qQXdNQzl6ZG1jaUlIWnBaWGRDYjNnOUlqQWdNQ0F5TUNBeU1DSWdabWxzYkQwaUl6UXhORE0wTlNJZ1kyeGhjM005SW5OcGVtVXROU0krQ2lBZ1BIQmhkR2dnWm1sc2JDMXlkV3hsUFNKbGRtVnViMlJrSWlCa1BTSk5PQzR5TWlBMUxqSXlZUzQzTlM0M05TQXdJREFnTVNBeExqQTJJREJzTkM0eU5TQTBMakkxWVM0M05TNDNOU0F3SURBZ01TQXdJREV1TURac0xUUXVNalVnTkM0eU5XRXVOelV1TnpVZ01DQXdJREV0TVM0d05pMHhMakEyVERFeExqazBJREV3SURndU1qSWdOaTR5T0dFdU56VXVOelVnTUNBd0lERWdNQzB4TGpBMldpSWdZMnhwY0MxeWRXeGxQU0psZG1WdWIyUmtJaUF2UGdvOEwzTjJaejRLQ2c9PScpOyBcbiAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1wcmV2OjphZnRlcil7XG4gICAgICBAYXBwbHkgdGV4dC1Db2xvcnMtRm9yZWdyb3VuZC1EZWZhdWx0IGNvbnRlbnQtbm9uZTtcbiAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1uZXh0OjphZnRlcil7XG4gICAgICBAYXBwbHkgdGV4dC1Db2xvcnMtRm9yZWdyb3VuZC1EZWZhdWx0IGNvbnRlbnQtbm9uZTtcbiAgICB9XG4gIH1cbiAgOmdsb2JhbCguc3dpcGVyLmJhbm5lci1zd2lwZXIpIHtcbiAgICA6Z2xvYmFsKC5iYW5uZXItc3dpcGVyLXNsaWRlLnN3aXBlci1zbGlkZS1wcmV2KSB7XG4gICAgICAvLyB0cmFuc2Zvcm06IHNjYWxlKDAuOCk7XG4gICAgICBAYXBwbHkgb3JpZ2luLXJpZ2h0O1xuICAgIH1cbiAgICA6Z2xvYmFsKC5iYW5uZXItc3dpcGVyLXNsaWRlLnN3aXBlci1zbGlkZS1uZXh0KSB7XG4gICAgICAvLyB0cmFuc2Zvcm06IHNjYWxlKDAuOCk7XG4gICAgICBAYXBwbHkgb3JpZ2luLWxlZnQ7XG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1zbGlkZS1hY3RpdmUpIHtcbiAgICAgIEBhcHBseSBvcGFjaXR5LTEwMDtcbiAgICAgIC8vIHRyYW5zZm9ybTogc2NhbGUoMSkgdHJhbnNsYXRlWCgwKTtcbiAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1uZXh0KXtcbiAgICAgIEBhcHBseSAtcmlnaHQtNCBtZDpyaWdodC0wIDN4bDpyaWdodC1bY2FsYygoMTAwJS0xMjAwcHgpLzItMTZweCldO1xuICAgIH1cbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLXByZXYpe1xuICAgICAgQGFwcGx5IC1sZWZ0LTQgbWQ6bGVmdC0wIDN4bDpsZWZ0LVtjYWxjKCgxMDAlLTEyMDBweCkvMi0xNnB4KV07XG4gICAgfVxuICB9XG4gIDpnbG9iYWwoLnN3aXBlci5mZWF0dXJlLXN3aXBlcikge1xuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tbmV4dCl7XG4gICAgICBAYXBwbHkgcmlnaHQtMDtcbiAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1wcmV2KXtcbiAgICAgIEBhcHBseSBsZWZ0LTA7XG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tZGlzYWJsZWQpIHtcbiAgICAgIEBhcHBseSBoaWRkZW47XG4gICAgfVxuICB9XG4gIDpnbG9iYWwoLnN3aXBlci5wYXRyb24tYmFkZ2Utc3dpcGVyKSB7XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1uZXh0KXtcbiAgICAgIEBhcHBseSByaWdodC0wO1xuICAgIH1cbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLXByZXYpe1xuICAgICAgQGFwcGx5IGxlZnQtMDtcbiAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1kaXNhYmxlZCkge1xuICAgICAgQGFwcGx5IGhpZGRlbjtcbiAgICB9XG4gIH1cbiAgOmdsb2JhbCguc3dpcGVyLmdyaWQtc3dpcGVyKSB7XG4gICAgOmdsb2JhbCguc3dpcGVyLXdyYXBwZXIpIHtcbiAgICAgIEBhcHBseSB3LVsxMDB2d10gbWQ6dy1mdWxsIGZsZXgtd3JhcCBmbGV4LWNvbCBtLTA7XG4gICAgfVxuICB9XG4gIDpnbG9iYWwoLnN3aXBlcikge1xuICAgIFxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tbmV4dCl7XG4gICAgICBAYXBwbHkgaGlkZGVuIG1kOmZsZXgganVzdGlmeS1jZW50ZXIgaXRlbXMtY2VudGVyIGFic29sdXRlIHRvcC1bNTAlXSB3LTggaC04IGZvbnQtc2VtaWJvbGQgdGV4dC1Db2xvcnMtRm9yZWdyb3VuZC1EZWZhdWx0IGJvcmRlciBib3JkZXItQ29sb3JzLUJvcmRlci1EZWZhdWx0IGJnLUNvbG9ycy1CYWNrZ3JvdW5kLU5vcm1hbC1QcmltYXJ5LURlZmF1bHQgcm91bmRlZC1mdWxsIGN1cnNvci1wb2ludGVyIGhvdmVyOmJnLUNvbG9ycy1CYWNrZ3JvdW5kLU5vcm1hbC1QcmltYXJ5LUhvdmVyIGFjdGl2ZTpiZy1Db2xvcnMtQmFja2dyb3VuZC1Ob3JtYWwtUHJpbWFyeS1BY3RpdmU7XG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICBAYXBwbHkgdGV4dC1Db2xvcnMtRm9yZWdyb3VuZC1EZWZhdWx0IHRleHQteHMgZm9udC1ib2xkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1wcmV2KXtcbiAgICAgIEBhcHBseSBoaWRkZW4gbWQ6ZmxleCBqdXN0aWZ5LWNlbnRlciBpdGVtcy1jZW50ZXIgYWJzb2x1dGUgdG9wLVs1MCVdIHctOCBoLTggZm9udC1zZW1pYm9sZCB0ZXh0LUNvbG9ycy1Gb3JlZ3JvdW5kLURlZmF1bHQgYm9yZGVyIGJvcmRlci1Db2xvcnMtQm9yZGVyLURlZmF1bHQgYmctQ29sb3JzLUJhY2tncm91bmQtTm9ybWFsLVByaW1hcnktRGVmYXVsdCByb3VuZGVkLWZ1bGwgY3Vyc29yLXBvaW50ZXIgaG92ZXI6YmctQ29sb3JzLUJhY2tncm91bmQtTm9ybWFsLVByaW1hcnktSG92ZXIgYWN0aXZlOmJnLUNvbG9ycy1CYWNrZ3JvdW5kLU5vcm1hbC1QcmltYXJ5LUFjdGl2ZTtcbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgIEBhcHBseSB0ZXh0LUNvbG9ycy1Gb3JlZ3JvdW5kLURlZmF1bHQgdGV4dC14cyBmb250LWJvbGQ7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbi5hbmltYXRlIHtcbiAgOmdsb2JhbCguc3dpcGVyLXNsaWRlKSB7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDUwMG1zIGxpbmVhcjtcbiAgfVxufVxuIl19 */';
 // src/components/swiper/index.tsx
-import { jsx as jsx71 } from "react/jsx-runtime";
+import { jsx as jsx72 } from "react/jsx-runtime";
 var swiperVariants = cva22("", {
     variants: {
         rounded: {
@@ -25525,7 +25627,7 @@ function Swiper(props) {
     var isGrid = swiperType === "grid";
     var router = useRouter2();
     var Com = component || "div";
-    var swiperList = useMemo7(function() {
+    var swiperList = useMemo8(function() {
         var length = dataList.length;
         if (length < 2 || isGrid || isFeatured) {
             return dataList;
@@ -25635,9 +25737,9 @@ function Swiper(props) {
             }
         }
     };
-    return /* @__PURE__ */ jsx71("div", {
+    return /* @__PURE__ */ jsx72("div", {
         className: index_module_default.swiperBox,
-        children: /* @__PURE__ */ jsx71(SwiperComponent, _object_spread_props(_object_spread({
+        children: /* @__PURE__ */ jsx72(SwiperComponent, _object_spread_props(_object_spread({
             observer: true,
             observeParents: true
         }, swiperConfigs), {
@@ -25647,9 +25749,9 @@ function Swiper(props) {
                 swiperRef.current = swiper;
             },
             children: swiperList.map(function(item, index) {
-                return /* @__PURE__ */ jsx71(SwiperSlide, {
+                return /* @__PURE__ */ jsx72(SwiperSlide, {
                     className: cn(isBanner && "banner-swiper-slide !w-[90%] md:!w-[98%] h-[220px] md:h-auto max-w-[1200px] aspect-[4/1] rounded-2xl opacity-30", isFeatured && "rounded-2xl !w-[100%-32px] md:!w-[100%-72px]", isGrid && "grid-swiper-slide !w-[100%-32px] md:!w-[100%-72px] !h-[100%/3] flex justify-center items-center rounded-2xl", "text-clip", slideClassName),
-                    children: /* @__PURE__ */ jsx71(Com, {
+                    children: /* @__PURE__ */ jsx72(Com, {
                         item: item,
                         index: index,
                         onClick: handleSlideItemClick,
@@ -25666,48 +25768,48 @@ function Swiper(props) {
 // src/components/custom-notification.tsx
 import { toast as toast2 } from "react-hot-toast";
 import { XIcon as XIcon4 } from "lucide-react";
-import { Fragment as Fragment13, jsx as jsx72, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx73, jsxs as jsxs49 } from "react/jsx-runtime";
 function CustomNotification(param) {
     var tProps = param.tProps, customProps = param.customProps;
     var type = customProps.type, title = customProps.title, content = customProps.content, _customProps_isClosable = customProps.isClosable, isClosable = _customProps_isClosable === void 0 ? false : _customProps_isClosable, action = customProps.action, loading = customProps.loading;
     var id = tProps.id;
     var displayedContent = !isString(content) ? JSON.stringify(content) : content;
-    return /* @__PURE__ */ jsx72("div", {
-        children: /* @__PURE__ */ jsx72("div", {
+    return /* @__PURE__ */ jsx73("div", {
+        children: /* @__PURE__ */ jsx73("div", {
             id: id,
             className: "z-[10000000] min-h-10 w-fit max-w-[90vw] rounded-full border border-cc-Popover-border bg-Colors-Background-Utilities-Modal px-3 py-2 shadow-modal-default md:max-w-[560px]",
-            children: /* @__PURE__ */ jsxs48("div", {
+            children: /* @__PURE__ */ jsxs49("div", {
                 className: "flex w-full items-center justify-center gap-2",
                 children: [
-                    loading && /* @__PURE__ */ jsx72(Spinner, {}),
-                    !loading && type && /* @__PURE__ */ jsxs48("div", {
+                    loading && /* @__PURE__ */ jsx73(Spinner, {}),
+                    !loading && type && /* @__PURE__ */ jsxs49("div", {
                         className: "flex flex-shrink-0 items-center justify-center",
                         children: [
-                            type === "info" && /* @__PURE__ */ jsx72(CircleInfoIcon, {
+                            type === "info" && /* @__PURE__ */ jsx73(CircleInfoIcon, {
                                 className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Info items-center justify-center sm:h-4.5 sm:w-4.5"
                             }),
-                            type === "success" && /* @__PURE__ */ jsx72(CircleSuccessIcon, {
+                            type === "success" && /* @__PURE__ */ jsx73(CircleSuccessIcon, {
                                 className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Success items-center justify-center sm:h-4.5 sm:w-4.5"
                             }),
-                            type === "warning" && /* @__PURE__ */ jsx72(CircleWarningIcon, {
+                            type === "warning" && /* @__PURE__ */ jsx73(CircleWarningIcon, {
                                 className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Warning items-center justify-center sm:h-4.5 sm:w-4.5"
                             }),
-                            type === "error" && /* @__PURE__ */ jsx72(CircleErrorIcon, {
+                            type === "error" && /* @__PURE__ */ jsx73(CircleErrorIcon, {
                                 className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Error items-center justify-center sm:h-4.5 sm:w-4.5"
                             })
                         ]
                     }),
-                    /* @__PURE__ */ jsxs48("div", {
+                    /* @__PURE__ */ jsxs49("div", {
                         className: "flex flex-grow flex-col space-y-1 overflow-hidden",
                         children: [
-                            title && /* @__PURE__ */ jsx72(Text, {
+                            title && /* @__PURE__ */ jsx73(Text, {
                                 size: "sm",
                                 weight: "regular",
                                 color: "default",
                                 children: title
                             }),
-                            /* @__PURE__ */ jsx72("div", {
-                                children: /* @__PURE__ */ jsx72(Text, {
+                            /* @__PURE__ */ jsx73("div", {
+                                children: /* @__PURE__ */ jsx73(Text, {
                                     size: "sm",
                                     weight: "regular",
                                     color: "default",
@@ -25716,16 +25818,16 @@ function CustomNotification(param) {
                             })
                         ]
                     }),
-                    action && /* @__PURE__ */ jsxs48(Fragment13, {
+                    action && /* @__PURE__ */ jsxs49(Fragment13, {
                         children: [
-                            /* @__PURE__ */ jsx72(Separator, {
+                            /* @__PURE__ */ jsx73(Separator, {
                                 orientation: "vertical",
                                 className: "h-3"
                             }),
                             action
                         ]
                     }),
-                    isClosable && /* @__PURE__ */ jsx72(IconButton, {
+                    isClosable && /* @__PURE__ */ jsx73(IconButton, {
                         size: "sm",
                         variant: "plain",
                         icon: XIcon4,
@@ -25742,14 +25844,14 @@ function CustomNotification(param) {
 // src/common/hooks/useNotification.tsx
 import { useCallback as useCallback7 } from "react";
 import { toast as toast3 } from "react-hot-toast";
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 function useNotification() {
     var addToast = useCallback7(function(config2, duration2) {
         if (config2.id) {
             toast3.remove(config2.id);
         }
         toast3.custom(function(t) {
-            return /* @__PURE__ */ jsx73(CustomNotification, {
+            return /* @__PURE__ */ jsx74(CustomNotification, {
                 tProps: _object_spread_props(_object_spread({}, t), {
                     duration: duration2
                 }),
@@ -25810,7 +25912,7 @@ var Message = /*#__PURE__*/ function() {
                 }
                 var addToast = function() {
                     toast3.custom(function(t) {
-                        return /* @__PURE__ */ jsx73(CustomNotification, {
+                        return /* @__PURE__ */ jsx74(CustomNotification, {
                             tProps: _object_spread_props(_object_spread({}, t), {
                                 duration: duration2
                             }),
@@ -25865,7 +25967,7 @@ var Message = /*#__PURE__*/ function() {
     ]);
     return Message;
 }();
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AspectRatio, AudioPlayer, AudioPlaying, Avatar, AvatarImage, AvatarRoot, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, Cascader, CascaderContent, Checkbox, Chips, CircleErrorIcon, CircleInfoIcon, CircleSuccessIcon, CircleWarningIcon, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Controller, DataEmptyState, Description, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHover, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorIcon, ErrorState, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormProvider, Guide, Heading, Icon, IconButton, Image2 as Image, ImgEmptyState, Input, Label3 as Label, Link, LinkButton, LogoIcon, LogoLoading, 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, MultipleSelector, NetworkErrorIcon, NetworkErrorState, NoPageIcon, NoPageState, NumberInput, Paragraph, Popover, PopoverAnchor, PopoverContent, PopoverRoot, Progress, ProgressIndicator, ProgressRoot, RadioGroup4 as RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, SearchBar, SearchEmptyState, Select, SelectContent, SelectGroup, SelectIcon, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderPrimitive, SliderSingle, Spinner, State2 as State, SubHeading, SubTitle, Swiper, Switch, Tab, Tabs2 as Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, Text, Textarea, Title, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipProvider, TopNavigationBar, WalletEmptyState, buttonVariants, dangerouText, iconButtonVariants, reducer, toast, toggleVariants, useDebounce, useDevice, useForm, useFormContext, useFormField, useIsMobileByWindowWidth, useNativeBridge, useNotification, useToast, useWatch, useWindowWidth }; /*! Bundled license information:
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AspectRatio, AudioPlayer, AudioPlaying, Avatar, AvatarImage, AvatarRoot, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, Cascader, CascaderContent, Checkbox, Chips, CircleErrorIcon, CircleInfoIcon, CircleSuccessIcon, CircleWarningIcon, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Controller, DataEmptyState, Description, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHover, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorIcon, ErrorState, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormProvider, Guide, Heading, Icon, IconButton, Image2 as Image, ImgEmptyState, Input, Label3 as Label, Link, LinkButton, LogoIcon, LogoLoading, 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, MultipleSelector, NetworkErrorIcon, NetworkErrorState, NoPageIcon, NoPageState, NumberInput, Pagination, Paragraph, Popover, PopoverAnchor, PopoverContent, PopoverRoot, Progress, ProgressIndicator, ProgressRoot, RadioGroup4 as RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, SearchBar, SearchEmptyState, Select, SelectContent, SelectGroup, SelectIcon, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderPrimitive, SliderSingle, Spinner, State2 as State, SubHeading, SubTitle, Swiper, Switch, Tab, Tabs2 as Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, Text, Textarea, Title, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipProvider, TopNavigationBar, WalletEmptyState, buttonVariants, dangerouText, iconButtonVariants, reducer, toast, toggleVariants, useDebounce, useDevice, useForm, useFormContext, useFormField, useIsMobileByWindowWidth, useNativeBridge, useNotification, useToast, useWatch, useWindowWidth }; /*! Bundled license information:
 
 decimal.js/decimal.mjs:
   (*!