@contractspec/lib.ui-kit-web 0.0.0-canary-20260113162409

package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.js

@@ -0,0 +1,46 @@
+import { cn } from "../../utils.js";
+import React from "react";
+import { Loader2 } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/atoms/LoadingSpinner/LoadingSpinner.tsx
+const sizeClasses = {
+	sm: "h-4 w-4",
+	md: "h-6 w-6",
+	lg: "h-8 w-8",
+	xl: "h-12 w-12"
+};
+const LoadingSpinner = ({ size = "md", className, text, fullScreen = false }) => {
+	const spinner = /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col items-center justify-center gap-2", className),
+		children: [/* @__PURE__ */ jsx(Loader2, { className: cn("text-primary-600 animate-spin", sizeClasses[size]) }), text && /* @__PURE__ */ jsx("p", {
+			className: "animate-pulse text-base text-gray-600",
+			children: text
+		})]
+	});
+	if (fullScreen) return /* @__PURE__ */ jsx("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-white/80 backdrop-blur-xs",
+		children: spinner
+	});
+	return spinner;
+};
+const SkeletonLine = ({ className }) => /* @__PURE__ */ jsx("div", { className: cn("h-4 animate-pulse rounded-xs bg-gray-200", className) });
+const SkeletonCard = ({ className }) => /* @__PURE__ */ jsxs("div", {
+	className: cn("animate-pulse space-y-3 rounded-lg bg-gray-200 p-4", className),
+	children: [
+		/* @__PURE__ */ jsx(SkeletonLine, { className: "h-6 w-3/4" }),
+		/* @__PURE__ */ jsx(SkeletonLine, { className: "h-4 w-full" }),
+		/* @__PURE__ */ jsx(SkeletonLine, { className: "h-4 w-2/3" })
+	]
+});
+const SkeletonTable = ({ rows = 5, cols = 4 }) => /* @__PURE__ */ jsx("div", {
+	className: "space-y-3",
+	children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx("div", {
+		className: "flex space-x-4",
+		children: Array.from({ length: cols }).map((_$1, j) => /* @__PURE__ */ jsx(SkeletonLine, { className: "flex-1" }, j))
+	}, i))
+});
+
+//#endregion
+export { LoadingSpinner, SkeletonCard, SkeletonLine, SkeletonTable };
+//# sourceMappingURL=LoadingSpinner.js.map

package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","names":[],"sources":["../../../../ui/atoms/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import React from 'react';\nimport { Loader2 } from 'lucide-react';\nimport { cn } from '../../utils';\n\ninterface LoadingSpinnerProps {\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  className?: string;\n  text?: string;\n  fullScreen?: boolean;\n}\n\nconst sizeClasses = {\n  sm: 'h-4 w-4',\n  md: 'h-6 w-6',\n  lg: 'h-8 w-8',\n  xl: 'h-12 w-12',\n};\n\nexport const LoadingSpinner: React.FC<LoadingSpinnerProps> = ({\n  size = 'md',\n  className,\n  text,\n  fullScreen = false,\n}) => {\n  const spinner = (\n    <div\n      className={cn(\n        'flex flex-col items-center justify-center gap-2',\n        className\n      )}\n    >\n      <Loader2\n        className={cn('text-primary-600 animate-spin', sizeClasses[size])}\n      />\n      {text && <p className=\"animate-pulse text-base text-gray-600\">{text}</p>}\n    </div>\n  );\n\n  if (fullScreen) {\n    return (\n      <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-white/80 backdrop-blur-xs\">\n        {spinner}\n      </div>\n    );\n  }\n\n  return spinner;\n};\n\n// Skeleton loading components for better UX\nexport const SkeletonLine: React.FC<{ className?: string }> = ({\n  className,\n}) => (\n  <div className={cn('h-4 animate-pulse rounded-xs bg-gray-200', className)} />\n);\n\nexport const SkeletonCard: React.FC<{ className?: string }> = ({\n  className,\n}) => (\n  <div\n    className={cn(\n      'animate-pulse space-y-3 rounded-lg bg-gray-200 p-4',\n      className\n    )}\n  >\n    <SkeletonLine className=\"h-6 w-3/4\" />\n    <SkeletonLine className=\"h-4 w-full\" />\n    <SkeletonLine className=\"h-4 w-2/3\" />\n  </div>\n);\n\nexport const SkeletonTable: React.FC<{ rows?: number; cols?: number }> = ({\n  rows = 5,\n  cols = 4,\n}) => (\n  <div className=\"space-y-3\">\n    {Array.from({ length: rows }).map((_, i) => (\n      <div key={i} className=\"flex space-x-4\">\n        {Array.from({ length: cols }).map((_, j) => (\n          <SkeletonLine key={j} className=\"flex-1\" />\n        ))}\n      </div>\n    ))}\n  </div>\n);\n"],"mappings":";;;;;;AAWA,MAAM,cAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAa,kBAAiD,EAC5D,OAAO,MACP,WACA,MACA,aAAa,YACT;CACJ,MAAM,UACJ,qBAAC;EACC,WAAW,GACT,mDACA,UACD;aAED,oBAAC,WACC,WAAW,GAAG,iCAAiC,YAAY,MAAM,GACjE,EACD,QAAQ,oBAAC;GAAE,WAAU;aAAyC;IAAS;GACpE;AAGR,KAAI,WACF,QACE,oBAAC;EAAI,WAAU;YACZ;GACG;AAIV,QAAO;;AAIT,MAAa,gBAAkD,EAC7D,gBAEA,oBAAC,SAAI,WAAW,GAAG,4CAA4C,UAAU,GAAI;AAG/E,MAAa,gBAAkD,EAC7D,gBAEA,qBAAC;CACC,WAAW,GACT,sDACA,UACD;;EAED,oBAAC,gBAAa,WAAU,cAAc;EACtC,oBAAC,gBAAa,WAAU,eAAe;EACvC,oBAAC,gBAAa,WAAU,cAAc;;EAClC;AAGR,MAAa,iBAA6D,EACxE,OAAO,GACP,OAAO,QAEP,oBAAC;CAAI,WAAU;WACZ,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,KAAK,GAAG,MACpC,oBAAC;EAAY,WAAU;YACpB,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,KAAK,KAAG,MACpC,oBAAC,gBAAqB,WAAU,YAAb,EAAwB,CAC3C;IAHM,EAIJ,CACN;EACE"}

package/dist/ui/atoms/LoadingSpinner/index.d.ts

@@ -0,0 +1,2 @@
+import { LoadingSpinner, SkeletonCard, SkeletonLine, SkeletonTable } from "./LoadingSpinner.js";
+export { LoadingSpinner, SkeletonCard, SkeletonLine, SkeletonTable };

package/dist/ui/atoms/LoadingSpinner/index.js

@@ -0,0 +1,3 @@
+import { LoadingSpinner, SkeletonCard, SkeletonLine, SkeletonTable } from "./LoadingSpinner.js";
+
+export { LoadingSpinner, SkeletonCard, SkeletonLine, SkeletonTable };

package/dist/ui/atoms/Pagination/Pagination.d.ts

@@ -0,0 +1,8 @@
+import { PaginationProps } from "./types.js";
+import React from "react";
+
+//#region ui/atoms/Pagination/Pagination.d.ts
+declare const Pagination: React.FC<PaginationProps>;
+//#endregion
+export { Pagination };
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/ui/atoms/Pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","names":[],"sources":["../../../../ui/atoms/Pagination/Pagination.tsx"],"sourcesContent":[],"mappings":";;;;cAiBa,YAAY,KAAA,CAAM,GAAG"}

package/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 { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/atoms/Pagination/Pagination.tsx
+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/atoms/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../../ui/atoms/Pagination/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n} from 'lucide-react';\nimport { Button } from '../../button';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../../select';\nimport type { PaginationProps } from './types';\n\nexport const Pagination: React.FC<PaginationProps> = ({\n  currentPage,\n  totalPages,\n  totalItems,\n  itemsPerPage,\n  onPageChange,\n  onItemsPerPageChange,\n  disabled = false,\n  className = '',\n  showItemsPerPage = true,\n  itemsPerPageOptions = [10, 25, 50, 100],\n}) => {\n  const startItem = (currentPage - 1) * itemsPerPage + 1;\n  const endItem = Math.min(currentPage * itemsPerPage, totalItems);\n\n  const canGoPrevious = currentPage > 1 && !disabled;\n  const canGoNext = currentPage < totalPages && !disabled;\n\n  const getVisiblePageNumbers = () => {\n    if (totalPages <= 7) {\n      return Array.from({ length: totalPages }, (_, i) => i + 1);\n    }\n\n    if (currentPage <= 3) {\n      return [1, 2, 3, 4, 5, -1, totalPages]; // -1 represents ellipsis\n    }\n\n    if (currentPage >= totalPages - 2) {\n      return [\n        1,\n        -1,\n        totalPages - 4,\n        totalPages - 3,\n        totalPages - 2,\n        totalPages - 1,\n        totalPages,\n      ];\n    }\n\n    return [\n      1,\n      -1,\n      currentPage - 1,\n      currentPage,\n      currentPage + 1,\n      -1,\n      totalPages,\n    ];\n  };\n\n  if (totalPages === 0) return null;\n\n  return (\n    <div\n      className={`flex flex-col items-center justify-between gap-4 sm:flex-row ${className}`}\n    >\n      {/* Items info */}\n      <div className=\"text-muted-foreground order-2 text-base sm:order-1\">\n        Affichage de {startItem} à {endItem} sur {totalItems} résultats\n      </div>\n\n      {/* Pagination controls */}\n      <div className=\"order-1 flex items-center gap-2 sm:order-2\">\n        {/* First page */}\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(1)}\n          disabled={!canGoPrevious}\n          className=\"hidden h-8 w-8 p-0 sm:flex\"\n        >\n          <ChevronsLeft className=\"h-4 w-4\" />\n          <span className=\"sr-only\">Première page</span>\n        </Button>\n\n        {/* Previous page */}\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(currentPage - 1)}\n          disabled={!canGoPrevious}\n          className=\"h-8 w-8 p-0\"\n        >\n          <ChevronLeft className=\"h-4 w-4\" />\n          <span className=\"sr-only\">Page précédente</span>\n        </Button>\n\n        {/* Page numbers */}\n        <div className=\"flex items-center gap-1\">\n          {getVisiblePageNumbers().map((page, index) => {\n            if (page === -1) {\n              return (\n                <span\n                  key={`ellipsis-${index}`}\n                  className=\"text-muted-foreground px-2 py-1\"\n                >\n                  ...\n                </span>\n              );\n            }\n\n            return (\n              <Button\n                key={page}\n                variant={page === currentPage ? 'default' : 'outline'}\n                size=\"sm\"\n                onClick={() => onPageChange(page)}\n                disabled={disabled}\n                className=\"h-8 min-w-8 px-2\"\n              >\n                {page}\n              </Button>\n            );\n          })}\n        </div>\n\n        {/* Next page */}\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(currentPage + 1)}\n          disabled={!canGoNext}\n          className=\"h-8 w-8 p-0\"\n        >\n          <ChevronRight className=\"h-4 w-4\" />\n          <span className=\"sr-only\">Page suivante</span>\n        </Button>\n\n        {/* Last page */}\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(totalPages)}\n          disabled={!canGoNext}\n          className=\"hidden h-8 w-8 p-0 sm:flex\"\n        >\n          <ChevronsRight className=\"h-4 w-4\" />\n          <span className=\"sr-only\">Dernière page</span>\n        </Button>\n      </div>\n\n      {/* Items per page */}\n      {showItemsPerPage && onItemsPerPageChange && (\n        <div className=\"order-3 flex items-center gap-2 text-base\">\n          <span className=\"text-muted-foreground\">Afficher:</span>\n          <Select\n            value={itemsPerPage.toString()}\n            onValueChange={(value) => onItemsPerPageChange(parseInt(value))}\n            disabled={disabled}\n          >\n            <SelectTrigger className=\"h-8 w-16\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent className=\"bg-background\">\n              {itemsPerPageOptions.map((option) => (\n                <SelectItem key={option} value={option.toString()}>\n                  {option}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAiBA,MAAa,cAAyC,EACpD,aACA,YACA,YACA,cACA,cACA,sBACA,WAAW,OACX,YAAY,IACZ,mBAAmB,MACnB,sBAAsB;CAAC;CAAI;CAAI;CAAI;CAAI,OACnC;CACJ,MAAM,aAAa,cAAc,KAAK,eAAe;CACrD,MAAM,UAAU,KAAK,IAAI,cAAc,cAAc,WAAW;CAEhE,MAAM,gBAAgB,cAAc,KAAK,CAAC;CAC1C,MAAM,YAAY,cAAc,cAAc,CAAC;CAE/C,MAAM,8BAA8B;AAClC,MAAI,cAAc,EAChB,QAAO,MAAM,KAAK,EAAE,QAAQ,YAAY,GAAG,GAAG,MAAM,IAAI,EAAE;AAG5D,MAAI,eAAe,EACjB,QAAO;GAAC;GAAG;GAAG;GAAG;GAAG;GAAG;GAAI;GAAW;AAGxC,MAAI,eAAe,aAAa,EAC9B,QAAO;GACL;GACA;GACA,aAAa;GACb,aAAa;GACb,aAAa;GACb,aAAa;GACb;GACD;AAGH,SAAO;GACL;GACA;GACA,cAAc;GACd;GACA,cAAc;GACd;GACA;GACD;;AAGH,KAAI,eAAe,EAAG,QAAO;AAE7B,QACE,qBAAC;EACC,WAAW,gEAAgE;;GAG3E,qBAAC;IAAI,WAAU;;KAAqD;KACpD;KAAU;KAAI;KAAQ;KAAM;KAAW;;KACjD;GAGN,qBAAC;IAAI,WAAU;;KAEb,qBAAC;MACC,SAAQ;MACR,MAAK;MACL,eAAe,aAAa,EAAE;MAC9B,UAAU,CAAC;MACX,WAAU;iBAEV,oBAAC,gBAAa,WAAU,YAAY,EACpC,oBAAC;OAAK,WAAU;iBAAU;QAAoB;OACvC;KAGT,qBAAC;MACC,SAAQ;MACR,MAAK;MACL,eAAe,aAAa,cAAc,EAAE;MAC5C,UAAU,CAAC;MACX,WAAU;iBAEV,oBAAC,eAAY,WAAU,YAAY,EACnC,oBAAC;OAAK,WAAU;iBAAU;QAAsB;OACzC;KAGT,oBAAC;MAAI,WAAU;gBACZ,uBAAuB,CAAC,KAAK,MAAM,UAAU;AAC5C,WAAI,SAAS,GACX,QACE,oBAAC;QAEC,WAAU;kBACX;UAFM,YAAY,QAIZ;AAIX,cACE,oBAAC;QAEC,SAAS,SAAS,cAAc,YAAY;QAC5C,MAAK;QACL,eAAe,aAAa,KAAK;QACvB;QACV,WAAU;kBAET;UAPI,KAQE;QAEX;OACE;KAGN,qBAAC;MACC,SAAQ;MACR,MAAK;MACL,eAAe,aAAa,cAAc,EAAE;MAC5C,UAAU,CAAC;MACX,WAAU;iBAEV,oBAAC,gBAAa,WAAU,YAAY,EACpC,oBAAC;OAAK,WAAU;iBAAU;QAAoB;OACvC;KAGT,qBAAC;MACC,SAAQ;MACR,MAAK;MACL,eAAe,aAAa,WAAW;MACvC,UAAU,CAAC;MACX,WAAU;iBAEV,oBAAC,iBAAc,WAAU,YAAY,EACrC,oBAAC;OAAK,WAAU;iBAAU;QAAoB;OACvC;;KACL;GAGL,oBAAoB,wBACnB,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,WAAU;eAAwB;MAAgB,EACxD,qBAAC;KACC,OAAO,aAAa,UAAU;KAC9B,gBAAgB,UAAU,qBAAqB,SAAS,MAAM,CAAC;KACrD;gBAEV,oBAAC;MAAc,WAAU;gBACvB,oBAAC,gBAAc;OACD,EAChB,oBAAC;MAAc,WAAU;gBACtB,oBAAoB,KAAK,WACxB,oBAAC;OAAwB,OAAO,OAAO,UAAU;iBAC9C;SADc,OAEJ,CACb;OACY;MACT;KACL;;GAEJ"}

package/dist/ui/atoms/Pagination/index.d.ts

@@ -0,0 +1,3 @@
+import { PaginationProps } from "./types.js";
+import { Pagination } from "./Pagination.js";
+export { Pagination, type PaginationProps };

package/dist/ui/atoms/Pagination/index.js

@@ -0,0 +1,3 @@
+import { Pagination } from "./Pagination.js";
+
+export { Pagination };

package/dist/ui/atoms/Pagination/types.d.ts

@@ -0,0 +1,16 @@
+//#region ui/atoms/Pagination/types.d.ts
+interface PaginationProps {
+  currentPage: number;
+  totalPages: number;
+  totalItems: number;
+  itemsPerPage: number;
+  onPageChange: (page: number) => void;
+  onItemsPerPageChange?: (itemsPerPage: number) => void;
+  disabled?: boolean;
+  className?: string;
+  showItemsPerPage?: boolean;
+  itemsPerPageOptions?: number[];
+}
+//#endregion
+export { PaginationProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/atoms/Pagination/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../ui/atoms/Pagination/types.ts"],"sourcesContent":[],"mappings":";UAAiB,eAAA;EAAA,WAAA,EAAA,MAAe"}

package/dist/ui/atoms/SearchInput/SearchInput.d.ts

@@ -0,0 +1,8 @@
+import { SearchInputProps } from "./types.js";
+import React from "react";
+
+//#region ui/atoms/SearchInput/SearchInput.d.ts
+declare const SearchInput: React.FC<SearchInputProps>;
+//#endregion
+export { SearchInput };
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/ui/atoms/SearchInput/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","names":[],"sources":["../../../../ui/atoms/SearchInput/SearchInput.tsx"],"sourcesContent":[],"mappings":";;;;cAMa,aAAa,KAAA,CAAM,GAAG"}

package/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 { Search, X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/atoms/SearchInput/SearchInput.tsx
+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/atoms/SearchInput/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","names":[],"sources":["../../../../ui/atoms/SearchInput/SearchInput.tsx"],"sourcesContent":["import React from 'react';\nimport { Search, X } from 'lucide-react';\nimport { Input } from '../../input';\nimport { Button } from '../../button';\nimport type { SearchInputProps } from './types';\n\nexport const SearchInput: React.FC<SearchInputProps> = ({\n  value,\n  onChange,\n  placeholder = 'Rechercher...',\n  onClear,\n  disabled = false,\n  className = '',\n  autoFocus = false,\n}) => {\n  const handleClear = () => {\n    onChange('');\n    onClear?.();\n  };\n\n  return (\n    <div className={`relative w-full ${className}`}>\n      <div className=\"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3\">\n        <Search className=\"text-muted-foreground h-4 w-4\" />\n      </div>\n\n      <Input\n        type=\"text\"\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={placeholder}\n        disabled={disabled}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={autoFocus}\n        className=\"pr-10 pl-10\"\n      />\n\n      {value && (\n        <div className=\"absolute inset-y-0 right-0 flex items-center pr-3\">\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={handleClear}\n            disabled={disabled}\n            className=\"h-6 w-6 p-0 hover:bg-transparent\"\n          >\n            <X className=\"text-muted-foreground hover:text-foreground h-4 w-4\" />\n            <span className=\"sr-only\">Effacer la recherche</span>\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAMA,MAAa,eAA2C,EACtD,OACA,UACA,cAAc,iBACd,SACA,WAAW,OACX,YAAY,IACZ,YAAY,YACR;CACJ,MAAM,oBAAoB;AACxB,WAAS,GAAG;AACZ,aAAW;;AAGb,QACE,qBAAC;EAAI,WAAW,mBAAmB;;GACjC,oBAAC;IAAI,WAAU;cACb,oBAAC,UAAO,WAAU,kCAAkC;KAChD;GAEN,oBAAC;IACC,MAAK;IACE;IACP,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;IAC5B;IACH;IAEC;IACX,WAAU;KACV;GAED,SACC,oBAAC;IAAI,WAAU;cACb,qBAAC;KACC,MAAK;KACL,SAAQ;KACR,MAAK;KACL,SAAS;KACC;KACV,WAAU;gBAEV,oBAAC,KAAE,WAAU,wDAAwD,EACrE,oBAAC;MAAK,WAAU;gBAAU;OAA2B;MAC9C;KACL;;GAEJ"}

package/dist/ui/atoms/SearchInput/index.d.ts

@@ -0,0 +1,3 @@
+import { SearchInputProps } from "./types.js";
+import { SearchInput } from "./SearchInput.js";
+export { SearchInput, type SearchInputProps };

package/dist/ui/atoms/SearchInput/index.js

@@ -0,0 +1,3 @@
+import { SearchInput } from "./SearchInput.js";
+
+export { SearchInput };

package/dist/ui/atoms/SearchInput/types.d.ts

@@ -0,0 +1,13 @@
+//#region ui/atoms/SearchInput/types.d.ts
+interface SearchInputProps {
+  value: string;
+  onChange: (value: string) => void;
+  placeholder?: string;
+  onClear?: () => void;
+  disabled?: boolean;
+  className?: string;
+  autoFocus?: boolean;
+}
+//#endregion
+export { SearchInputProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/atoms/SearchInput/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../ui/atoms/SearchInput/types.ts"],"sourcesContent":[],"mappings":";UAAiB,gBAAA;EAAA,KAAA,EAAA,MAAA"}

package/dist/ui/avatar.d.ts

@@ -0,0 +1,20 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+
+//#region ui/avatar.d.ts
+declare function Avatar({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime3.JSX.Element;
+declare function AvatarImage({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime3.JSX.Element;
+declare function AvatarFallback({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime3.JSX.Element;
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/ui/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../ui/avatar.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,MAAA;;;GAGN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,QAAK,kBAAA,CAAA,GAAA,CAAA;iBAa3C,WAAA;;;GAGN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,SAAM,kBAAA,CAAA,GAAA,CAAA;iBAU5C,cAAA;;;GAGN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,YAAS,kBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/avatar.js

@@ -0,0 +1,33 @@
+'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/avatar.tsx
+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/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":[],"sources":["../../ui/avatar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\n\nimport { cn } from './utils';\n\nfunction Avatar({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\n        'relative flex size-8 shrink-0 overflow-hidden rounded-full',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn('aspect-square size-full', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        'bg-muted flex size-full items-center justify-center rounded-full',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"mappings":";;;;;;;;AAOA,SAAS,OAAO,EACd,WACA,GAAG,SACiD;AACpD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,8DACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,2BAA2B,UAAU;EACnD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,WACA,GAAG,SACqD;AACxD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,oEACA,UACD;EACD,GAAI;GACJ"}

package/dist/ui/badge.d.ts

@@ -0,0 +1,20 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region ui/badge.d.ts
+declare const badgeVariants: (props?: ({
+  variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Badge({
+  className,
+  variant,
+  asChild,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'span'> & VariantProps<typeof badgeVariants> & {
+  asChild?: boolean;
+}): react_jsx_runtime6.JSX.Element;
+//#endregion
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/ui/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","names":[],"sources":["../../ui/badge.tsx"],"sourcesContent":[],"mappings":";;;;;;cAMM;;IAmBL,+BAAA,CAAA;iBAEQ,KAAA;;;;;GAKN,OAAA,CAAM,mCACP,oBAAoB;EA3BhB,OAAA,CAAA,EAAA,OAmBL;IAQ2D,kBAAA,CAAA,GAAA,CAAA,OAN9C"}

package/dist/ui/badge.js

@@ -0,0 +1,27 @@
+import "react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+
+//#region ui/badge.tsx
+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, badgeVariants };
+//# sourceMappingURL=badge.js.map

package/dist/ui/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../ui/badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@contractspec/lib.ui-kit-core/utils';\n\nconst badgeVariants = cva(\n  '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  {\n    variants: {\n      variant: {\n        default:\n          'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90',\n        secondary:\n          'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',\n        destructive:\n          '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        outline:\n          'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentPropsWithoutRef<'span'> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'span';\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;;AAMA,MAAM,gBAAgB,IACpB,kZACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,WACE;EACF,aACE;EACF,SACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,SAAS,MAAM,EACb,WACA,SACA,UAAU,OACV,GAAG,SAEyD;AAG5D,QACE,oBAHW,UAAU,OAAO;EAI1B,aAAU;EACV,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EACpD,GAAI;GACJ"}

package/dist/ui/breadcrumb.d.ts

@@ -0,0 +1,38 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+
+//#region ui/breadcrumb.d.ts
+declare function Breadcrumb({
+  ...props
+}: React$1.ComponentPropsWithoutRef<'nav'>): react_jsx_runtime8.JSX.Element;
+declare function BreadcrumbList({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'ol'>): react_jsx_runtime8.JSX.Element;
+declare function BreadcrumbItem({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'li'>): react_jsx_runtime8.JSX.Element;
+declare function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'a'> & {
+  asChild?: boolean;
+}): react_jsx_runtime8.JSX.Element;
+declare function BreadcrumbPage({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'span'>): react_jsx_runtime8.JSX.Element;
+declare function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'li'>): react_jsx_runtime8.JSX.Element;
+declare function BreadcrumbEllipsis({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'span'>): react_jsx_runtime8.JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/ui/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","names":[],"sources":["../../ui/breadcrumb.tsx"],"sourcesContent":[],"mappings":";;;;iBAMS,UAAA;;GAAyB,OAAA,CAAM,kCAA+B,kBAAA,CAAA,GAAA,CAAA;iBAI9D,cAAA;;;GAGN,OAAA,CAAM,iCAA8B,kBAAA,CAAA,GAAA,CAAA;iBAa9B,cAAA;;;GAGN,OAAA,CAAM,iCAA8B,kBAAA,CAAA,GAAA,CAAA;AA7BR,iBAuCtB,cAAA,CAjCyB;EAAA,OAAM;EAAA,SAAA;EAAA,GAAA;CAA+B,EAqCpE,OAAA,CAAM,wBArC8D,CAAA,GAAA,CAAA,GAAA;EAI9D,OAAA,CAAA,EAAA,OAAc;CACrB,CAAA,EAkCD,kBAAA,CAAA,GAAA,CAAA,OAlCC;iBA8CO,cAAA,CA5CA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+CN,OAAA,CAAM,wBA/CA,CAAA,MAAA,CAAA,CAAA,EA+CgC,kBAAA,CAAA,GAAA,CAAA,OA/ChC;iBA4DA,mBAAA,CA5D8B;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgEpC,OAAA,CAAM,wBAhE8B,CAAA,IAAA,CAAA,CAAA,EAgEA,kBAAA,CAAA,GAAA,CAAA,OAhEA;iBA8E9B,kBAAA,CA9E8B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiFpC,OAAA,CAAM,wBAjF8B,CAAA,MAAA,CAAA,CAAA,EAiFE,kBAAA,CAAA,GAAA,CAAA,OAjFF"}

package/dist/ui/breadcrumb.js

@@ -0,0 +1,72 @@
+import "react";
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+
+//#region ui/breadcrumb.tsx
+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, {})
+	});
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn("flex size-9 items-center justify-center", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More"
+		})]
+	});
+}
+
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.js.map