@lssm/lib.design-system 1.2.0

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

@@ -0,0 +1,157 @@
+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 };
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../../../../../ui-kit-web/dist/ui/atoms/Pagination/Pagination.js"],"sourcesContent":["import { Button } from \"../../button.js\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../select.js\";\nimport React from \"react\";\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from \"lucide-react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region ui/atoms/Pagination/Pagination.tsx\nconst Pagination = ({ currentPage, totalPages, totalItems, itemsPerPage, onPageChange, onItemsPerPageChange, disabled = false, className = \"\", showItemsPerPage = true, itemsPerPageOptions = [\n\t10,\n\t25,\n\t50,\n\t100\n] }) => {\n\tconst startItem = (currentPage - 1) * itemsPerPage + 1;\n\tconst endItem = Math.min(currentPage * itemsPerPage, totalItems);\n\tconst canGoPrevious = currentPage > 1 && !disabled;\n\tconst canGoNext = currentPage < totalPages && !disabled;\n\tconst getVisiblePageNumbers = () => {\n\t\tif (totalPages <= 7) return Array.from({ length: totalPages }, (_, i) => i + 1);\n\t\tif (currentPage <= 3) return [\n\t\t\t1,\n\t\t\t2,\n\t\t\t3,\n\t\t\t4,\n\t\t\t5,\n\t\t\t-1,\n\t\t\ttotalPages\n\t\t];\n\t\tif (currentPage >= totalPages - 2) return [\n\t\t\t1,\n\t\t\t-1,\n\t\t\ttotalPages - 4,\n\t\t\ttotalPages - 3,\n\t\t\ttotalPages - 2,\n\t\t\ttotalPages - 1,\n\t\t\ttotalPages\n\t\t];\n\t\treturn [\n\t\t\t1,\n\t\t\t-1,\n\t\t\tcurrentPage - 1,\n\t\t\tcurrentPage,\n\t\t\tcurrentPage + 1,\n\t\t\t-1,\n\t\t\ttotalPages\n\t\t];\n\t};\n\tif (totalPages === 0) return null;\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tclassName: `flex flex-col items-center justify-between gap-4 sm:flex-row ${className}`,\n\t\tchildren: [\n\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"text-muted-foreground order-2 text-base sm:order-1\",\n\t\t\t\tchildren: [\n\t\t\t\t\t\"Affichage de \",\n\t\t\t\t\tstartItem,\n\t\t\t\t\t\" à \",\n\t\t\t\t\tendItem,\n\t\t\t\t\t\" sur \",\n\t\t\t\t\ttotalItems,\n\t\t\t\t\t\" résultats\"\n\t\t\t\t]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"order-1 flex items-center gap-2 sm:order-2\",\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ jsxs(Button, {\n\t\t\t\t\t\tvariant: \"outline\",\n\t\t\t\t\t\tsize: \"sm\",\n\t\t\t\t\t\tonClick: () => onPageChange(1),\n\t\t\t\t\t\tdisabled: !canGoPrevious,\n\t\t\t\t\t\tclassName: \"hidden h-8 w-8 p-0 sm:flex\",\n\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(ChevronsLeft, { className: \"h-4 w-4\" }), /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\tclassName: \"sr-only\",\n\t\t\t\t\t\t\tchildren: \"Première page\"\n\t\t\t\t\t\t})]\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ jsxs(Button, {\n\t\t\t\t\t\tvariant: \"outline\",\n\t\t\t\t\t\tsize: \"sm\",\n\t\t\t\t\t\tonClick: () => onPageChange(currentPage - 1),\n\t\t\t\t\t\tdisabled: !canGoPrevious,\n\t\t\t\t\t\tclassName: \"h-8 w-8 p-0\",\n\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(ChevronLeft, { className: \"h-4 w-4\" }), /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\tclassName: \"sr-only\",\n\t\t\t\t\t\t\tchildren: \"Page précédente\"\n\t\t\t\t\t\t})]\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\tclassName: \"flex items-center gap-1\",\n\t\t\t\t\t\tchildren: getVisiblePageNumbers().map((page, index) => {\n\t\t\t\t\t\t\tif (page === -1) return /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\t\tclassName: \"text-muted-foreground px-2 py-1\",\n\t\t\t\t\t\t\t\tchildren: \"...\"\n\t\t\t\t\t\t\t}, `ellipsis-${index}`);\n\t\t\t\t\t\t\treturn /* @__PURE__ */ jsx(Button, {\n\t\t\t\t\t\t\t\tvariant: page === currentPage ? \"default\" : \"outline\",\n\t\t\t\t\t\t\t\tsize: \"sm\",\n\t\t\t\t\t\t\t\tonClick: () => onPageChange(page),\n\t\t\t\t\t\t\t\tdisabled,\n\t\t\t\t\t\t\t\tclassName: \"h-8 min-w-8 px-2\",\n\t\t\t\t\t\t\t\tchildren: page\n\t\t\t\t\t\t\t}, page);\n\t\t\t\t\t\t})\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ jsxs(Button, {\n\t\t\t\t\t\tvariant: \"outline\",\n\t\t\t\t\t\tsize: \"sm\",\n\t\t\t\t\t\tonClick: () => onPageChange(currentPage + 1),\n\t\t\t\t\t\tdisabled: !canGoNext,\n\t\t\t\t\t\tclassName: \"h-8 w-8 p-0\",\n\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(ChevronRight, { className: \"h-4 w-4\" }), /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\tclassName: \"sr-only\",\n\t\t\t\t\t\t\tchildren: \"Page suivante\"\n\t\t\t\t\t\t})]\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ jsxs(Button, {\n\t\t\t\t\t\tvariant: \"outline\",\n\t\t\t\t\t\tsize: \"sm\",\n\t\t\t\t\t\tonClick: () => onPageChange(totalPages),\n\t\t\t\t\t\tdisabled: !canGoNext,\n\t\t\t\t\t\tclassName: \"hidden h-8 w-8 p-0 sm:flex\",\n\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(ChevronsRight, { className: \"h-4 w-4\" }), /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\tclassName: \"sr-only\",\n\t\t\t\t\t\t\tchildren: \"Dernière page\"\n\t\t\t\t\t\t})]\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}),\n\t\t\tshowItemsPerPage && onItemsPerPageChange && /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"order-3 flex items-center gap-2 text-base\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\tclassName: \"text-muted-foreground\",\n\t\t\t\t\tchildren: \"Afficher:\"\n\t\t\t\t}), /* @__PURE__ */ jsxs(Select, {\n\t\t\t\t\tvalue: itemsPerPage.toString(),\n\t\t\t\t\tonValueChange: (value) => onItemsPerPageChange(parseInt(value)),\n\t\t\t\t\tdisabled,\n\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(SelectTrigger, {\n\t\t\t\t\t\tclassName: \"h-8 w-16\",\n\t\t\t\t\t\tchildren: /* @__PURE__ */ jsx(SelectValue, {})\n\t\t\t\t\t}), /* @__PURE__ */ jsx(SelectContent, {\n\t\t\t\t\t\tclassName: \"bg-background\",\n\t\t\t\t\t\tchildren: itemsPerPageOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, {\n\t\t\t\t\t\t\tvalue: option.toString(),\n\t\t\t\t\t\t\tchildren: option\n\t\t\t\t\t\t}, option))\n\t\t\t\t\t})]\n\t\t\t\t})]\n\t\t\t})\n\t\t]\n\t});\n};\n\n//#endregion\nexport { Pagination };\n//# sourceMappingURL=Pagination.js.map"],"mappings":";;;;;;;AAOA,MAAM,cAAc,EAAE,aAAa,YAAY,YAAY,cAAc,cAAc,sBAAsB,WAAW,OAAO,YAAY,IAAI,mBAAmB,MAAM,sBAAsB;CAC7L;CACA;CACA;CACA;CACA,OAAO;CACP,MAAM,aAAa,cAAc,KAAK,eAAe;CACrD,MAAM,UAAU,KAAK,IAAI,cAAc,cAAc,WAAW;CAChE,MAAM,gBAAgB,cAAc,KAAK,CAAC;CAC1C,MAAM,YAAY,cAAc,cAAc,CAAC;CAC/C,MAAM,8BAA8B;AACnC,MAAI,cAAc,EAAG,QAAO,MAAM,KAAK,EAAE,QAAQ,YAAY,GAAG,GAAG,MAAM,IAAI,EAAE;AAC/E,MAAI,eAAe,EAAG,QAAO;GAC5B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;AACD,MAAI,eAAe,aAAa,EAAG,QAAO;GACzC;GACA;GACA,aAAa;GACb,aAAa;GACb,aAAa;GACb,aAAa;GACb;GACA;AACD,SAAO;GACN;GACA;GACA,cAAc;GACd;GACA,cAAc;GACd;GACA;GACA;;AAEF,KAAI,eAAe,EAAG,QAAO;AAC7B,QAAuB,qBAAK,OAAO;EAClC,WAAW,gEAAgE;EAC3E,UAAU;GACO,qBAAK,OAAO;IAC3B,WAAW;IACX,UAAU;KACT;KACA;KACA;KACA;KACA;KACA;KACA;KACA;IACD,CAAC;GACc,qBAAK,OAAO;IAC3B,WAAW;IACX,UAAU;KACO,qBAAK,QAAQ;MAC5B,SAAS;MACT,MAAM;MACN,eAAe,aAAa,EAAE;MAC9B,UAAU,CAAC;MACX,WAAW;MACX,UAAU,CAAiB,oBAAI,cAAc,EAAE,WAAW,WAAW,CAAC,EAAkB,oBAAI,QAAQ;OACnG,WAAW;OACX,UAAU;OACV,CAAC,CAAC;MACH,CAAC;KACc,qBAAK,QAAQ;MAC5B,SAAS;MACT,MAAM;MACN,eAAe,aAAa,cAAc,EAAE;MAC5C,UAAU,CAAC;MACX,WAAW;MACX,UAAU,CAAiB,oBAAI,aAAa,EAAE,WAAW,WAAW,CAAC,EAAkB,oBAAI,QAAQ;OAClG,WAAW;OACX,UAAU;OACV,CAAC,CAAC;MACH,CAAC;KACc,oBAAI,OAAO;MAC1B,WAAW;MACX,UAAU,uBAAuB,CAAC,KAAK,MAAM,UAAU;AACtD,WAAI,SAAS,GAAI,QAAuB,oBAAI,QAAQ;QACnD,WAAW;QACX,UAAU;QACV,EAAE,YAAY,QAAQ;AACvB,cAAuB,oBAAI,QAAQ;QAClC,SAAS,SAAS,cAAc,YAAY;QAC5C,MAAM;QACN,eAAe,aAAa,KAAK;QACjC;QACA,WAAW;QACX,UAAU;QACV,EAAE,KAAK;QACP;MACF,CAAC;KACc,qBAAK,QAAQ;MAC5B,SAAS;MACT,MAAM;MACN,eAAe,aAAa,cAAc,EAAE;MAC5C,UAAU,CAAC;MACX,WAAW;MACX,UAAU,CAAiB,oBAAI,cAAc,EAAE,WAAW,WAAW,CAAC,EAAkB,oBAAI,QAAQ;OACnG,WAAW;OACX,UAAU;OACV,CAAC,CAAC;MACH,CAAC;KACc,qBAAK,QAAQ;MAC5B,SAAS;MACT,MAAM;MACN,eAAe,aAAa,WAAW;MACvC,UAAU,CAAC;MACX,WAAW;MACX,UAAU,CAAiB,oBAAI,eAAe,EAAE,WAAW,WAAW,CAAC,EAAkB,oBAAI,QAAQ;OACpG,WAAW;OACX,UAAU;OACV,CAAC,CAAC;MACH,CAAC;KACF;IACD,CAAC;GACF,oBAAoB,wBAAwC,qBAAK,OAAO;IACvE,WAAW;IACX,UAAU,CAAiB,oBAAI,QAAQ;KACtC,WAAW;KACX,UAAU;KACV,CAAC,EAAkB,qBAAK,QAAQ;KAChC,OAAO,aAAa,UAAU;KAC9B,gBAAgB,UAAU,qBAAqB,SAAS,MAAM,CAAC;KAC/D;KACA,UAAU,CAAiB,oBAAI,eAAe;MAC7C,WAAW;MACX,UAA0B,oBAAI,aAAa,EAAE,CAAC;MAC9C,CAAC,EAAkB,oBAAI,eAAe;MACtC,WAAW;MACX,UAAU,oBAAoB,KAAK,WAA2B,oBAAI,YAAY;OAC7E,OAAO,OAAO,UAAU;OACxB,UAAU;OACV,EAAE,OAAO,CAAC;MACX,CAAC,CAAC;KACH,CAAC,CAAC;IACH,CAAC;GACF;EACD,CAAC"}

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

@@ -0,0 +1,50 @@
+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 };
+//# sourceMappingURL=SearchInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","names":[],"sources":["../../../../../../../ui-kit-web/dist/ui/atoms/SearchInput/SearchInput.js"],"sourcesContent":["import { Button } from \"../../button.js\";\nimport { Input } from \"../../input.js\";\nimport React from \"react\";\nimport { Search, X } from \"lucide-react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region ui/atoms/SearchInput/SearchInput.tsx\nconst SearchInput = ({ value, onChange, placeholder = \"Rechercher...\", onClear, disabled = false, className = \"\", autoFocus = false }) => {\n\tconst handleClear = () => {\n\t\tonChange(\"\");\n\t\tonClear?.();\n\t};\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tclassName: `relative w-full ${className}`,\n\t\tchildren: [\n\t\t\t/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\tclassName: \"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3\",\n\t\t\t\tchildren: /* @__PURE__ */ jsx(Search, { className: \"text-muted-foreground h-4 w-4\" })\n\t\t\t}),\n\t\t\t/* @__PURE__ */ jsx(Input, {\n\t\t\t\ttype: \"text\",\n\t\t\t\tvalue,\n\t\t\t\tonChange: (e) => onChange(e.target.value),\n\t\t\t\tplaceholder,\n\t\t\t\tdisabled,\n\t\t\t\tautoFocus,\n\t\t\t\tclassName: \"pr-10 pl-10\"\n\t\t\t}),\n\t\t\tvalue && /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\tclassName: \"absolute inset-y-0 right-0 flex items-center pr-3\",\n\t\t\t\tchildren: /* @__PURE__ */ jsxs(Button, {\n\t\t\t\t\ttype: \"button\",\n\t\t\t\t\tvariant: \"ghost\",\n\t\t\t\t\tsize: \"sm\",\n\t\t\t\t\tonClick: handleClear,\n\t\t\t\t\tdisabled,\n\t\t\t\t\tclassName: \"h-6 w-6 p-0 hover:bg-transparent\",\n\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(X, { className: \"text-muted-foreground hover:text-foreground h-4 w-4\" }), /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\tclassName: \"sr-only\",\n\t\t\t\t\t\tchildren: \"Effacer la recherche\"\n\t\t\t\t\t})]\n\t\t\t\t})\n\t\t\t})\n\t\t]\n\t});\n};\n\n//#endregion\nexport { SearchInput };\n//# sourceMappingURL=SearchInput.js.map"],"mappings":";;;;;;;AAOA,MAAM,eAAe,EAAE,OAAO,UAAU,cAAc,iBAAiB,SAAS,WAAW,OAAO,YAAY,IAAI,YAAY,YAAY;CACzI,MAAM,oBAAoB;AACzB,WAAS,GAAG;AACZ,aAAW;;AAEZ,QAAuB,qBAAK,OAAO;EAClC,WAAW,mBAAmB;EAC9B,UAAU;GACO,oBAAI,OAAO;IAC1B,WAAW;IACX,UAA0B,oBAAI,QAAQ,EAAE,WAAW,iCAAiC,CAAC;IACrF,CAAC;GACc,oBAAI,OAAO;IAC1B,MAAM;IACN;IACA,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;IACzC;IACA;IACA;IACA,WAAW;IACX,CAAC;GACF,SAAyB,oBAAI,OAAO;IACnC,WAAW;IACX,UAA0B,qBAAK,QAAQ;KACtC,MAAM;KACN,SAAS;KACT,MAAM;KACN,SAAS;KACT;KACA,WAAW;KACX,UAAU,CAAiB,oBAAI,GAAG,EAAE,WAAW,uDAAuD,CAAC,EAAkB,oBAAI,QAAQ;MACpI,WAAW;MACX,UAAU;MACV,CAAC,CAAC;KACH,CAAC;IACF,CAAC;GACF;EACD,CAAC"}

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

@@ -0,0 +1,35 @@
+'use client';
+
+
+import { cn, init_utils } 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
+init_utils();
+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 };
+//# sourceMappingURL=avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/avatar.js"],"sourcesContent":["'use client';\n\n\nimport { cn } from \"./utils.js\";\nimport \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\n\n//#region ui/avatar.tsx\nfunction Avatar({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(AvatarPrimitive.Root, {\n\t\t\"data-slot\": \"avatar\",\n\t\tclassName: cn(\"relative flex size-8 shrink-0 overflow-hidden rounded-full\", className),\n\t\t...props\n\t});\n}\nfunction AvatarImage({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(AvatarPrimitive.Image, {\n\t\t\"data-slot\": \"avatar-image\",\n\t\tclassName: cn(\"aspect-square size-full\", className),\n\t\t...props\n\t});\n}\nfunction AvatarFallback({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {\n\t\t\"data-slot\": \"avatar-fallback\",\n\t\tclassName: cn(\"bg-muted flex size-full items-center justify-center rounded-full\", className),\n\t\t...props\n\t});\n}\n\n//#endregion\nexport { Avatar, AvatarFallback, AvatarImage };\n//# sourceMappingURL=avatar.js.map"],"mappings":";;;;;;;;;YAGgC;AAMhC,SAAS,OAAO,EAAE,UAAU,GAAG,SAAS;AACvC,QAAuB,oBAAI,gBAAgB,MAAM;EAChD,aAAa;EACb,WAAW,GAAG,8DAA8D,UAAU;EACtF,GAAG;EACH,CAAC;;AAEH,SAAS,YAAY,EAAE,UAAU,GAAG,SAAS;AAC5C,QAAuB,oBAAI,gBAAgB,OAAO;EACjD,aAAa;EACb,WAAW,GAAG,2BAA2B,UAAU;EACnD,GAAG;EACH,CAAC;;AAEH,SAAS,eAAe,EAAE,UAAU,GAAG,SAAS;AAC/C,QAAuB,oBAAI,gBAAgB,UAAU;EACpD,aAAa;EACb,WAAW,GAAG,oEAAoE,UAAU;EAC5F,GAAG;EACH,CAAC"}

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

@@ -0,0 +1,28 @@
+import { cn, init_utils } from "./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 };
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/badge.js"],"sourcesContent":["import { cn } from \"./utils.js\";\nimport \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ui/badge.tsx\nconst 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\", {\n\tvariants: { variant: {\n\t\tdefault: \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n\t\tsecondary: \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n\t\tdestructive: \"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\",\n\t\toutline: \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\"\n\t} },\n\tdefaultVariants: { variant: \"default\" }\n});\nfunction Badge({ className, variant, asChild = false,...props }) {\n\treturn /* @__PURE__ */ jsx(asChild ? Slot : \"span\", {\n\t\t\"data-slot\": \"badge\",\n\t\tclassName: cn(badgeVariants({ variant }), className),\n\t\t...props\n\t});\n}\n\n//#endregion\nexport { Badge, badgeVariants };\n//# sourceMappingURL=badge.js.map"],"mappings":";;;;;;;YAAgC;AAOhC,MAAM,gBAAgB,IAAI,kZAAkZ;CAC3a,UAAU,EAAE,SAAS;EACpB,SAAS;EACT,WAAW;EACX,aAAa;EACb,SAAS;EACT,EAAE;CACH,iBAAiB,EAAE,SAAS,WAAW;CACvC,CAAC;AACF,SAAS,MAAM,EAAE,WAAW,SAAS,UAAU,MAAM,GAAG,SAAS;AAChE,QAAuB,oBAAI,UAAU,OAAO,QAAQ;EACnD,aAAa;EACb,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EACpD,GAAG;EACH,CAAC"}

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

@@ -0,0 +1,60 @@
+import { cn, init_utils } from "./utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { ChevronRight } 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 };
+//# sourceMappingURL=breadcrumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/breadcrumb.js"],"sourcesContent":["import { cn } from \"./utils.js\";\nimport \"react\";\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n//#region ui/breadcrumb.tsx\nfunction Breadcrumb({ ...props }) {\n\treturn /* @__PURE__ */ jsx(\"nav\", {\n\t\t\"aria-label\": \"breadcrumb\",\n\t\t\"data-slot\": \"breadcrumb\",\n\t\t...props\n\t});\n}\nfunction BreadcrumbList({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"ol\", {\n\t\t\"data-slot\": \"breadcrumb-list\",\n\t\tclassName: cn(\"text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5\", className),\n\t\t...props\n\t});\n}\nfunction BreadcrumbItem({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"li\", {\n\t\t\"data-slot\": \"breadcrumb-item\",\n\t\tclassName: cn(\"inline-flex items-center gap-1.5\", className),\n\t\t...props\n\t});\n}\nfunction BreadcrumbLink({ asChild, className,...props }) {\n\treturn /* @__PURE__ */ jsx(asChild ? Slot : \"a\", {\n\t\t\"data-slot\": \"breadcrumb-link\",\n\t\tclassName: cn(\"hover:text-foreground transition-colors\", className),\n\t\t...props\n\t});\n}\nfunction BreadcrumbPage({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"span\", {\n\t\t\"data-slot\": \"breadcrumb-page\",\n\t\trole: \"link\",\n\t\t\"aria-disabled\": \"true\",\n\t\t\"aria-current\": \"page\",\n\t\tclassName: cn(\"text-foreground font-normal\", className),\n\t\t...props\n\t});\n}\nfunction BreadcrumbSeparator({ children, className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"li\", {\n\t\t\"data-slot\": \"breadcrumb-separator\",\n\t\trole: \"presentation\",\n\t\t\"aria-hidden\": \"true\",\n\t\tclassName: cn(\"[&>svg]:size-3.5\", className),\n\t\t...props,\n\t\tchildren: children ?? /* @__PURE__ */ jsx(ChevronRight, {})\n\t});\n}\nfunction BreadcrumbEllipsis({ className,...props }) {\n\treturn /* @__PURE__ */ jsxs(\"span\", {\n\t\t\"data-slot\": \"breadcrumb-ellipsis\",\n\t\trole: \"presentation\",\n\t\t\"aria-hidden\": \"true\",\n\t\tclassName: cn(\"flex size-9 items-center justify-center\", className),\n\t\t...props,\n\t\tchildren: [/* @__PURE__ */ jsx(MoreHorizontal, { className: \"size-4\" }), /* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: \"sr-only\",\n\t\t\tchildren: \"More\"\n\t\t})]\n\t});\n}\n\n//#endregion\nexport { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };\n//# sourceMappingURL=breadcrumb.js.map"],"mappings":";;;;;;;YAAgC;AAOhC,SAAS,WAAW,EAAE,GAAG,SAAS;AACjC,QAAuB,oBAAI,OAAO;EACjC,cAAc;EACd,aAAa;EACb,GAAG;EACH,CAAC;;AAEH,SAAS,eAAe,EAAE,UAAU,GAAG,SAAS;AAC/C,QAAuB,oBAAI,MAAM;EAChC,aAAa;EACb,WAAW,GAAG,4FAA4F,UAAU;EACpH,GAAG;EACH,CAAC;;AAEH,SAAS,eAAe,EAAE,UAAU,GAAG,SAAS;AAC/C,QAAuB,oBAAI,MAAM;EAChC,aAAa;EACb,WAAW,GAAG,oCAAoC,UAAU;EAC5D,GAAG;EACH,CAAC;;AAEH,SAAS,eAAe,EAAE,SAAS,UAAU,GAAG,SAAS;AACxD,QAAuB,oBAAI,UAAU,OAAO,KAAK;EAChD,aAAa;EACb,WAAW,GAAG,2CAA2C,UAAU;EACnE,GAAG;EACH,CAAC;;AAEH,SAAS,eAAe,EAAE,UAAU,GAAG,SAAS;AAC/C,QAAuB,oBAAI,QAAQ;EAClC,aAAa;EACb,MAAM;EACN,iBAAiB;EACjB,gBAAgB;EAChB,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAG;EACH,CAAC;;AAEH,SAAS,oBAAoB,EAAE,UAAU,UAAU,GAAG,SAAS;AAC9D,QAAuB,oBAAI,MAAM;EAChC,aAAa;EACb,MAAM;EACN,eAAe;EACf,WAAW,GAAG,oBAAoB,UAAU;EAC5C,GAAG;EACH,UAAU,YAA4B,oBAAI,cAAc,EAAE,CAAC;EAC3D,CAAC"}

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

@@ -0,0 +1,45 @@
+import { cn, init_utils } from "./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/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"
+	}
+});
+function Button({ className, variant, size, asChild = false,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
+		"data-slot": "button",
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+
+//#endregion
+export { Button };
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/button.js"],"sourcesContent":["import { cn } from \"./utils.js\";\nimport \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ui/button.tsx\nconst 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\", {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n\t\t\tdestructive: \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n\t\t\toutline: \"border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n\t\t\tsecondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n\t\t\tghost: \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n\t\t\tlink: \"text-primary underline-offset-4 hover:underline\"\n\t\t},\n\t\tsize: {\n\t\t\tdefault: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n\t\t\tsm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n\t\t\tlg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n\t\t\ticon: \"size-9\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"default\",\n\t\tsize: \"default\"\n\t}\n});\nfunction Button({ className, variant, size, asChild = false,...props }) {\n\treturn /* @__PURE__ */ jsx(asChild ? Slot : \"button\", {\n\t\t\"data-slot\": \"button\",\n\t\tclassName: cn(buttonVariants({\n\t\t\tvariant,\n\t\t\tsize,\n\t\t\tclassName\n\t\t})),\n\t\t...props\n\t});\n}\n\n//#endregion\nexport { Button, buttonVariants };\n//# sourceMappingURL=button.js.map"],"mappings":";;;;;;;YAAgC;AAOhC,MAAM,iBAAiB,IAAI,icAAic;CAC3d,UAAU;EACT,SAAS;GACR,SAAS;GACT,aAAa;GACb,SAAS;GACT,WAAW;GACX,OAAO;GACP,MAAM;GACN;EACD,MAAM;GACL,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;GACN;EACD;CACD,iBAAiB;EAChB,SAAS;EACT,MAAM;EACN;CACD,CAAC;AACF,SAAS,OAAO,EAAE,WAAW,SAAS,MAAM,UAAU,MAAM,GAAG,SAAS;AACvE,QAAuB,oBAAI,UAAU,OAAO,UAAU;EACrD,aAAa;EACb,WAAW,GAAG,eAAe;GAC5B;GACA;GACA;GACA,CAAC,CAAC;EACH,GAAG;EACH,CAAC"}

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

@@ -0,0 +1,38 @@
+import { cn, init_utils } from "./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 CardContent({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-content",
+		className: cn("px-6", className),
+		...props
+	});
+}
+
+//#endregion
+export { Card, CardContent, CardHeader, CardTitle };
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/card.js"],"sourcesContent":["import { cn } from \"./utils.js\";\nimport \"react\";\nimport { jsx } from \"react/jsx-runtime\";\n\n//#region ui/card.tsx\nfunction Card({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"card\",\n\t\tclassName: cn(\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-2xs\", className),\n\t\t...props\n\t});\n}\nfunction CardHeader({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"card-header\",\n\t\tclassName: 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),\n\t\t...props\n\t});\n}\nfunction CardTitle({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"card-title\",\n\t\tclassName: cn(\"leading-none font-semibold\", className),\n\t\t...props\n\t});\n}\nfunction CardDescription({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"card-description\",\n\t\tclassName: cn(\"text-muted-foreground text-sm\", className),\n\t\t...props\n\t});\n}\nfunction CardAction({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"card-action\",\n\t\tclassName: cn(\"col-start-2 row-span-2 row-start-1 self-start justify-self-end\", className),\n\t\t...props\n\t});\n}\nfunction CardContent({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"card-content\",\n\t\tclassName: cn(\"px-6\", className),\n\t\t...props\n\t});\n}\nfunction CardFooter({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"card-footer\",\n\t\tclassName: cn(\"flex items-center px-6 [.border-t]:pt-6\", className),\n\t\t...props\n\t});\n}\n\n//#endregion\nexport { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };\n//# sourceMappingURL=card.js.map"],"mappings":";;;;;YAAgC;AAKhC,SAAS,KAAK,EAAE,UAAU,GAAG,SAAS;AACrC,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,sFAAsF,UAAU;EAC9G,GAAG;EACH,CAAC;;AAEH,SAAS,WAAW,EAAE,UAAU,GAAG,SAAS;AAC3C,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,8JAA8J,UAAU;EACtL,GAAG;EACH,CAAC;;AAEH,SAAS,UAAU,EAAE,UAAU,GAAG,SAAS;AAC1C,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,8BAA8B,UAAU;EACtD,GAAG;EACH,CAAC;;AAgBH,SAAS,YAAY,EAAE,UAAU,GAAG,SAAS;AAC5C,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,QAAQ,UAAU;EAChC,GAAG;EACH,CAAC"}

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

@@ -0,0 +1,138 @@
+'use client';
+
+
+import { cn, init_utils } from "./utils.js";
+import { Button } from "./button.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
+init_utils();
+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 };
+//# sourceMappingURL=carousel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/carousel.js"],"sourcesContent":["'use client';\n\n\nimport { cn } from \"./utils.js\";\nimport { Button } from \"./button.js\";\nimport * as React$1 from \"react\";\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport useEmblaCarousel from \"embla-carousel-react\";\n\n//#region ui/carousel.tsx\nconst CarouselContext = React$1.createContext(null);\nfunction useCarousel() {\n\tconst context = React$1.useContext(CarouselContext);\n\tif (!context) throw new Error(\"useCarousel must be used within a <Carousel />\");\n\treturn context;\n}\nfunction Carousel({ orientation = \"horizontal\", opts, setApi, plugins, className, children,...props }) {\n\tconst [carouselRef, api] = useEmblaCarousel({\n\t\t...opts,\n\t\taxis: orientation === \"horizontal\" ? \"x\" : \"y\"\n\t}, plugins);\n\tconst [canScrollPrev, setCanScrollPrev] = React$1.useState(false);\n\tconst [canScrollNext, setCanScrollNext] = React$1.useState(false);\n\tconst onSelect = React$1.useCallback((api$1) => {\n\t\tif (!api$1) return;\n\t\tsetCanScrollPrev(api$1.canScrollPrev());\n\t\tsetCanScrollNext(api$1.canScrollNext());\n\t}, []);\n\tconst scrollPrev = React$1.useCallback(() => {\n\t\tapi?.scrollPrev();\n\t}, [api]);\n\tconst scrollNext = React$1.useCallback(() => {\n\t\tapi?.scrollNext();\n\t}, [api]);\n\tconst handleKeyDown = React$1.useCallback((event) => {\n\t\tif (event.key === \"ArrowLeft\") {\n\t\t\tevent.preventDefault();\n\t\t\tscrollPrev();\n\t\t} else if (event.key === \"ArrowRight\") {\n\t\t\tevent.preventDefault();\n\t\t\tscrollNext();\n\t\t}\n\t}, [scrollPrev, scrollNext]);\n\tReact$1.useEffect(() => {\n\t\tif (!api || !setApi) return;\n\t\tsetApi(api);\n\t}, [api, setApi]);\n\tReact$1.useEffect(() => {\n\t\tif (!api) return;\n\t\tonSelect(api);\n\t\tapi.on(\"reInit\", onSelect);\n\t\tapi.on(\"select\", onSelect);\n\t\treturn () => {\n\t\t\tapi?.off(\"select\", onSelect);\n\t\t};\n\t}, [api, onSelect]);\n\treturn /* @__PURE__ */ jsx(CarouselContext.Provider, {\n\t\tvalue: {\n\t\t\tcarouselRef,\n\t\t\tapi,\n\t\t\topts,\n\t\t\torientation: orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n\t\t\tscrollPrev,\n\t\t\tscrollNext,\n\t\t\tcanScrollPrev,\n\t\t\tcanScrollNext\n\t\t},\n\t\tchildren: /* @__PURE__ */ jsx(\"div\", {\n\t\t\tonKeyDownCapture: handleKeyDown,\n\t\t\tclassName: cn(\"relative\", className),\n\t\t\trole: \"region\",\n\t\t\t\"aria-roledescription\": \"carousel\",\n\t\t\t\"data-slot\": \"carousel\",\n\t\t\t...props,\n\t\t\tchildren\n\t\t})\n\t});\n}\nfunction CarouselContent({ className,...props }) {\n\tconst { carouselRef, orientation } = useCarousel();\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\tref: carouselRef,\n\t\tclassName: \"overflow-hidden\",\n\t\t\"data-slot\": \"carousel-content\",\n\t\tchildren: /* @__PURE__ */ jsx(\"div\", {\n\t\t\tclassName: cn(\"flex\", orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\", className),\n\t\t\t...props\n\t\t})\n\t});\n}\nfunction CarouselItem({ className,...props }) {\n\tconst { orientation } = useCarousel();\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\trole: \"group\",\n\t\t\"aria-roledescription\": \"slide\",\n\t\t\"data-slot\": \"carousel-item\",\n\t\tclassName: cn(\"min-w-0 shrink-0 grow-0 basis-full\", orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\", className),\n\t\t...props\n\t});\n}\nfunction CarouselPrevious({ className, variant = \"outline\", size = \"icon\",...props }) {\n\tconst { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\treturn /* @__PURE__ */ jsxs(Button, {\n\t\t\"data-slot\": \"carousel-previous\",\n\t\tvariant,\n\t\tsize,\n\t\tclassName: 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),\n\t\tdisabled: !canScrollPrev,\n\t\tonClick: scrollPrev,\n\t\t...props,\n\t\tchildren: [/* @__PURE__ */ jsx(ArrowLeft, {}), /* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: \"sr-only\",\n\t\t\tchildren: \"Previous slide\"\n\t\t})]\n\t});\n}\nfunction CarouselNext({ className, variant = \"outline\", size = \"icon\",...props }) {\n\tconst { orientation, scrollNext, canScrollNext } = useCarousel();\n\treturn /* @__PURE__ */ jsxs(Button, {\n\t\t\"data-slot\": \"carousel-next\",\n\t\tvariant,\n\t\tsize,\n\t\tclassName: 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),\n\t\tdisabled: !canScrollNext,\n\t\tonClick: scrollNext,\n\t\t...props,\n\t\tchildren: [/* @__PURE__ */ jsx(ArrowRight, {}), /* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: \"sr-only\",\n\t\t\tchildren: \"Next slide\"\n\t\t})]\n\t});\n}\n\n//#endregion\nexport { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };\n//# sourceMappingURL=carousel.js.map"],"mappings":"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"}