@lssm/lib.design-system 0.0.0-canary-20251217060834 → 0.0.0-canary-20251217072406

package/dist/ui-kit-web/dist/ui/accordion.js

@@ -0,0 +1,48 @@
+'use client';
+
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon } from "lucide-react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+
+//#region ../ui-kit-web/dist/ui/accordion.js
+init_utils();
+function Accordion({ ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
+		"data-slot": "accordion",
+		...props
+	});
+}
+function AccordionItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
+		"data-slot": "accordion-item",
+		className: cn("border-b last:border-b-0", className),
+		...props
+	});
+}
+function AccordionTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-hidden transition-all hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
+			...props,
+			children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })]
+		})
+	});
+}
+function AccordionContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
+		"data-slot": "accordion-content",
+		className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("pt-0 pb-4", className),
+			children
+		})
+	});
+}
+
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/ui-kit-web/dist/ui/atoms/FilterSelect/FilterSelect.js

@@ -0,0 +1,52 @@
+import { Label } from "../../label.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../select.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ../ui-kit-web/dist/ui/atoms/FilterSelect/FilterSelect.js
+const FilterSelect = ({ value, options, onChange, placeholder = "Sélectionner...", label, disabled = false, className = "", showCounts = false }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: `space-y-2 ${className}`,
+		children: [label && /* @__PURE__ */ jsx(Label, {
+			className: "text-foreground text-base font-medium",
+			children: label
+		}), /* @__PURE__ */ jsxs(Select, {
+			value,
+			onValueChange: onChange,
+			disabled,
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				className: "w-full",
+				children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
+			}), /* @__PURE__ */ jsxs(SelectContent, {
+				className: "bg-background",
+				children: [/* @__PURE__ */ jsxs(SelectItem, {
+					value: "all",
+					children: ["Tous", showCounts && /* @__PURE__ */ jsxs("span", {
+						className: "text-muted-foreground ml-2 text-sm",
+						children: [
+							"(",
+							options.reduce((sum, option) => sum + (option.count || 0), 0),
+							")"
+						]
+					})]
+				}), options.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+					value: option.value,
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex w-full items-center justify-between",
+						children: [/* @__PURE__ */ jsx("span", { children: option.label }), showCounts && option.count !== void 0 && /* @__PURE__ */ jsxs("span", {
+							className: "text-muted-foreground ml-2 text-sm",
+							children: [
+								"(",
+								option.count,
+								")"
+							]
+						})]
+					})
+				}, option.value))]
+			})]
+		})]
+	});
+};
+
+//#endregion
+export { FilterSelect };

package/dist/ui-kit-web/dist/ui/atoms/Pagination/Pagination.js

@@ -0,0 +1,156 @@
+import { Button } from "../../button.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../select.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
+
+//#region ../ui-kit-web/dist/ui/atoms/Pagination/Pagination.js
+const Pagination = ({ currentPage, totalPages, totalItems, itemsPerPage, onPageChange, onItemsPerPageChange, disabled = false, className = "", showItemsPerPage = true, itemsPerPageOptions = [
+	10,
+	25,
+	50,
+	100
+] }) => {
+	const startItem = (currentPage - 1) * itemsPerPage + 1;
+	const endItem = Math.min(currentPage * itemsPerPage, totalItems);
+	const canGoPrevious = currentPage > 1 && !disabled;
+	const canGoNext = currentPage < totalPages && !disabled;
+	const getVisiblePageNumbers = () => {
+		if (totalPages <= 7) return Array.from({ length: totalPages }, (_, i) => i + 1);
+		if (currentPage <= 3) return [
+			1,
+			2,
+			3,
+			4,
+			5,
+			-1,
+			totalPages
+		];
+		if (currentPage >= totalPages - 2) return [
+			1,
+			-1,
+			totalPages - 4,
+			totalPages - 3,
+			totalPages - 2,
+			totalPages - 1,
+			totalPages
+		];
+		return [
+			1,
+			-1,
+			currentPage - 1,
+			currentPage,
+			currentPage + 1,
+			-1,
+			totalPages
+		];
+	};
+	if (totalPages === 0) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: `flex flex-col items-center justify-between gap-4 sm:flex-row ${className}`,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "text-muted-foreground order-2 text-base sm:order-1",
+				children: [
+					"Affichage de ",
+					startItem,
+					" à ",
+					endItem,
+					" sur ",
+					totalItems,
+					" résultats"
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "order-1 flex items-center gap-2 sm:order-2",
+				children: [
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => onPageChange(1),
+						disabled: !canGoPrevious,
+						className: "hidden h-8 w-8 p-0 sm:flex",
+						children: [/* @__PURE__ */ jsx(ChevronsLeft, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+							className: "sr-only",
+							children: "Première page"
+						})]
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => onPageChange(currentPage - 1),
+						disabled: !canGoPrevious,
+						className: "h-8 w-8 p-0",
+						children: [/* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+							className: "sr-only",
+							children: "Page précédente"
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "flex items-center gap-1",
+						children: getVisiblePageNumbers().map((page, index) => {
+							if (page === -1) return /* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground px-2 py-1",
+								children: "..."
+							}, `ellipsis-${index}`);
+							return /* @__PURE__ */ jsx(Button, {
+								variant: page === currentPage ? "default" : "outline",
+								size: "sm",
+								onClick: () => onPageChange(page),
+								disabled,
+								className: "h-8 min-w-8 px-2",
+								children: page
+							}, page);
+						})
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => onPageChange(currentPage + 1),
+						disabled: !canGoNext,
+						className: "h-8 w-8 p-0",
+						children: [/* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+							className: "sr-only",
+							children: "Page suivante"
+						})]
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => onPageChange(totalPages),
+						disabled: !canGoNext,
+						className: "hidden h-8 w-8 p-0 sm:flex",
+						children: [/* @__PURE__ */ jsx(ChevronsRight, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+							className: "sr-only",
+							children: "Dernière page"
+						})]
+					})
+				]
+			}),
+			showItemsPerPage && onItemsPerPageChange && /* @__PURE__ */ jsxs("div", {
+				className: "order-3 flex items-center gap-2 text-base",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground",
+					children: "Afficher:"
+				}), /* @__PURE__ */ jsxs(Select, {
+					value: itemsPerPage.toString(),
+					onValueChange: (value) => onItemsPerPageChange(parseInt(value)),
+					disabled,
+					children: [/* @__PURE__ */ jsx(SelectTrigger, {
+						className: "h-8 w-16",
+						children: /* @__PURE__ */ jsx(SelectValue, {})
+					}), /* @__PURE__ */ jsx(SelectContent, {
+						className: "bg-background",
+						children: itemsPerPageOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+							value: option.toString(),
+							children: option
+						}, option))
+					})]
+				})]
+			})
+		]
+	});
+};
+
+//#endregion
+export { Pagination };

package/dist/ui-kit-web/dist/ui/atoms/SearchInput/SearchInput.js

@@ -0,0 +1,49 @@
+import { Button } from "../../button.js";
+import { Input } from "../../input.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Search, X } from "lucide-react";
+
+//#region ../ui-kit-web/dist/ui/atoms/SearchInput/SearchInput.js
+const SearchInput = ({ value, onChange, placeholder = "Rechercher...", onClear, disabled = false, className = "", autoFocus = false }) => {
+	const handleClear = () => {
+		onChange("");
+		onClear?.();
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: `relative w-full ${className}`,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3",
+				children: /* @__PURE__ */ jsx(Search, { className: "text-muted-foreground h-4 w-4" })
+			}),
+			/* @__PURE__ */ jsx(Input, {
+				type: "text",
+				value,
+				onChange: (e) => onChange(e.target.value),
+				placeholder,
+				disabled,
+				autoFocus,
+				className: "pr-10 pl-10"
+			}),
+			value && /* @__PURE__ */ jsx("div", {
+				className: "absolute inset-y-0 right-0 flex items-center pr-3",
+				children: /* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					onClick: handleClear,
+					disabled,
+					className: "h-6 w-6 p-0 hover:bg-transparent",
+					children: [/* @__PURE__ */ jsx(X, { className: "text-muted-foreground hover:text-foreground h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: "Effacer la recherche"
+					})]
+				})
+			})
+		]
+	});
+};
+
+//#endregion
+export { SearchInput };

package/dist/ui-kit-web/dist/ui/avatar.js

@@ -0,0 +1,32 @@
+'use client';
+
+import { cn } from "./utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+
+//#region ../ui-kit-web/dist/ui/avatar.js
+function Avatar({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+		"data-slot": "avatar",
+		className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
+		...props
+	});
+}
+function AvatarImage({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+		"data-slot": "avatar-image",
+		className: cn("aspect-square size-full", className),
+		...props
+	});
+}
+function AvatarFallback({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: cn("bg-muted flex size-full items-center justify-center rounded-full", className),
+		...props
+	});
+}
+
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/ui-kit-web/dist/ui/badge.js

@@ -0,0 +1,27 @@
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Slot } from "@radix-ui/react-slot";
+
+//#region ../ui-kit-web/dist/ui/badge.js
+init_utils();
+const badgeVariants = cva("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
+	variants: { variant: {
+		default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+		secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+		destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+		outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Badge({ className, variant, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
+		"data-slot": "badge",
+		className: cn(badgeVariants({ variant }), className),
+		...props
+	});
+}
+
+//#endregion
+export { Badge };

package/dist/ui-kit-web/dist/ui/breadcrumb.js

@@ -0,0 +1,59 @@
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+
+//#region ../ui-kit-web/dist/ui/breadcrumb.js
+init_utils();
+function Breadcrumb({ ...props }) {
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		...props
+	});
+}
+function BreadcrumbList({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "breadcrumb-list",
+		className: cn("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", className),
+		...props
+	});
+}
+function BreadcrumbItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-item",
+		className: cn("inline-flex items-center gap-1.5", className),
+		...props
+	});
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
+		"data-slot": "breadcrumb-link",
+		className: cn("hover:text-foreground transition-colors", className),
+		...props
+	});
+}
+function BreadcrumbPage({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "breadcrumb-page",
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: cn("text-foreground font-normal", className),
+		...props
+	});
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn("[&>svg]:size-3.5", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
+	});
+}
+
+//#endregion
+export { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/ui-kit-web/dist/ui/button.js

@@ -0,0 +1,55 @@
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Slot } from "@radix-ui/react-slot";
+
+//#region ../ui-kit-web/dist/ui/button.js
+init_utils();
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+			outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+			icon: "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const Button = React$1.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		"data-slot": "button",
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+	return /* @__PURE__ */ jsx("button", {
+		ref,
+		"data-slot": "button",
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+});
+Button.displayName = "Button";
+
+//#endregion
+export { Button, buttonVariants };

package/dist/ui-kit-web/dist/ui/card.js

@@ -0,0 +1,44 @@
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../ui-kit-web/dist/ui/card.js
+init_utils();
+function Card({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card",
+		className: cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-2xs", className),
+		...props
+	});
+}
+function CardHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-header",
+		className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
+		...props
+	});
+}
+function CardTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-title",
+		className: cn("leading-none font-semibold", className),
+		...props
+	});
+}
+function CardDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+function CardContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-content",
+		className: cn("px-6", className),
+		...props
+	});
+}
+
+//#endregion
+export { Card, CardContent, CardDescription, CardHeader, CardTitle };

package/dist/ui-kit-web/dist/ui/carousel.js

@@ -0,0 +1,135 @@
+'use client';
+
+import { Button } from "./button.js";
+import { cn } from "./utils.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import useEmblaCarousel from "embla-carousel-react";
+
+//#region ../ui-kit-web/dist/ui/carousel.js
+const CarouselContext = React$1.createContext(null);
+function useCarousel() {
+	const context = React$1.useContext(CarouselContext);
+	if (!context) throw new Error("useCarousel must be used within a <Carousel />");
+	return context;
+}
+function Carousel({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }) {
+	const [carouselRef, api] = useEmblaCarousel({
+		...opts,
+		axis: orientation === "horizontal" ? "x" : "y"
+	}, plugins);
+	const [canScrollPrev, setCanScrollPrev] = React$1.useState(false);
+	const [canScrollNext, setCanScrollNext] = React$1.useState(false);
+	const onSelect = React$1.useCallback((api$1) => {
+		if (!api$1) return;
+		setCanScrollPrev(api$1.canScrollPrev());
+		setCanScrollNext(api$1.canScrollNext());
+	}, []);
+	const scrollPrev = React$1.useCallback(() => {
+		api?.scrollPrev();
+	}, [api]);
+	const scrollNext = React$1.useCallback(() => {
+		api?.scrollNext();
+	}, [api]);
+	const handleKeyDown = React$1.useCallback((event) => {
+		if (event.key === "ArrowLeft") {
+			event.preventDefault();
+			scrollPrev();
+		} else if (event.key === "ArrowRight") {
+			event.preventDefault();
+			scrollNext();
+		}
+	}, [scrollPrev, scrollNext]);
+	React$1.useEffect(() => {
+		if (!api || !setApi) return;
+		setApi(api);
+	}, [api, setApi]);
+	React$1.useEffect(() => {
+		if (!api) return;
+		onSelect(api);
+		api.on("reInit", onSelect);
+		api.on("select", onSelect);
+		return () => {
+			api?.off("select", onSelect);
+		};
+	}, [api, onSelect]);
+	return /* @__PURE__ */ jsx(CarouselContext.Provider, {
+		value: {
+			carouselRef,
+			api,
+			opts,
+			orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+			scrollPrev,
+			scrollNext,
+			canScrollPrev,
+			canScrollNext
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			onKeyDownCapture: handleKeyDown,
+			className: cn("relative", className),
+			role: "region",
+			"aria-roledescription": "carousel",
+			"data-slot": "carousel",
+			...props,
+			children
+		})
+	});
+}
+function CarouselContent({ className, ...props }) {
+	const { carouselRef, orientation } = useCarousel();
+	return /* @__PURE__ */ jsx("div", {
+		ref: carouselRef,
+		className: "overflow-hidden",
+		"data-slot": "carousel-content",
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className),
+			...props
+		})
+	});
+}
+function CarouselItem({ className, ...props }) {
+	const { orientation } = useCarousel();
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"aria-roledescription": "slide",
+		"data-slot": "carousel-item",
+		className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className),
+		...props
+	});
+}
+function CarouselPrevious({ className, variant = "outline", size = "icon", ...props }) {
+	const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+	return /* @__PURE__ */ jsxs(Button, {
+		"data-slot": "carousel-previous",
+		variant,
+		size,
+		className: cn("absolute size-8 rounded-full", orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
+		disabled: !canScrollPrev,
+		onClick: scrollPrev,
+		...props,
+		children: [/* @__PURE__ */ jsx(ArrowLeft, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Previous slide"
+		})]
+	});
+}
+function CarouselNext({ className, variant = "outline", size = "icon", ...props }) {
+	const { orientation, scrollNext, canScrollNext } = useCarousel();
+	return /* @__PURE__ */ jsxs(Button, {
+		"data-slot": "carousel-next",
+		variant,
+		size,
+		className: cn("absolute size-8 rounded-full", orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
+		disabled: !canScrollNext,
+		onClick: scrollNext,
+		...props,
+		children: [/* @__PURE__ */ jsx(ArrowRight, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Next slide"
+		})]
+	});
+}
+
+//#endregion
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };