@lssm/lib.ui-kit 1.2.0

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

@@ -0,0 +1,48 @@
+import { cn } from "../../utils.js";
+import { P } from "../../typography.js";
+import React from "react";
+import { View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+
+//#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(View, {
+		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(View, {
+		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(View, { className: cn("h-4 animate-pulse rounded-xs bg-gray-200", className) });
+const SkeletonCard = ({ className }) => /* @__PURE__ */ jsxs(View, {
+	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(View, {
+	className: "space-y-3",
+	children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx(View, {
+		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":["LoadingSpinner: React.FC<LoadingSpinnerProps>","SkeletonLine: React.FC<{ className?: string }>","SkeletonCard: React.FC<{ className?: string }>","SkeletonTable: React.FC<{ rows?: number; cols?: number }>"],"sources":["../../../../ui/atoms/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import React from 'react';\nimport { Loader2 } from 'lucide-react';\nimport { cn } from '../../utils';\nimport { P } from '../../typography';\nimport { View } from 'react-native';\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    <View\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    </View>\n  );\n\n  if (fullScreen) {\n    return (\n      <View className=\"fixed inset-0 z-50 flex items-center justify-center bg-white/80 backdrop-blur-xs\">\n        {spinner}\n      </View>\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  <View 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  <View\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  </View>\n);\n\nexport const SkeletonTable: React.FC<{ rows?: number; cols?: number }> = ({\n  rows = 5,\n  cols = 4,\n}) => (\n  <View className=\"space-y-3\">\n    {Array.from({ length: rows }).map((_, i) => (\n      <View key={i} className=\"flex space-x-4\">\n        {Array.from({ length: cols }).map((_, j) => (\n          <SkeletonLine key={j} className=\"flex-1\" />\n        ))}\n      </View>\n    ))}\n  </View>\n);\n"],"mappings":";;;;;;;;AAaA,MAAM,cAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAaA,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;GACnE;AAGT,KAAI,WACF,QACE,oBAAC;EAAK,WAAU;YACb;GACI;AAIX,QAAO;;AAIT,MAAaC,gBAAkD,EAC7D,gBAEA,oBAAC,QAAK,WAAW,GAAG,4CAA4C,UAAU,GAAI;AAGhF,MAAaC,gBAAkD,EAC7D,gBAEA,qBAAC;CACC,WAAW,GACT,sDACA,UACD;;EAED,oBAAC,gBAAa,WAAU,cAAc;EACtC,oBAAC,gBAAa,WAAU,eAAe;EACvC,oBAAC,gBAAa,WAAU,cAAc;;EACjC;AAGT,MAAaC,iBAA6D,EACxE,OAAO,GACP,OAAO,QAEP,oBAAC;CAAK,WAAU;WACb,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,KAAK,GAAG,MACpC,oBAAC;EAAa,WAAU;YACrB,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,KAAK,KAAG,MACpC,oBAAC,gBAAqB,WAAU,YAAb,EAAwB,CAC3C;IAHO,EAIJ,CACP;EACG"}

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":";;;;cAmBa,YAAY,KAAA,CAAM,GAAG"}

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

@@ -0,0 +1,163 @@
+import { Text as Text$1 } from "../../text.js";
+import { Button } from "../../button.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../select.js";
+import React from "react";
+import { View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
+
+//#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(View, {
+		className: `flex flex-col items-center justify-between gap-4 sm:flex-row ${className}`,
+		children: [
+			/* @__PURE__ */ jsxs(View, {
+				className: "text-muted-foreground order-2 text-base sm:order-1",
+				children: [
+					"Affichage de ",
+					startItem,
+					" à ",
+					endItem,
+					" sur ",
+					totalItems,
+					" résultats"
+				]
+			}),
+			/* @__PURE__ */ jsxs(View, {
+				className: "order-1 flex items-center gap-2 sm:order-2",
+				children: [
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						onPress: () => 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(Text$1, {
+							className: "sr-only",
+							children: "Première page"
+						})]
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						onPress: () => onPageChange(currentPage - 1),
+						disabled: !canGoPrevious,
+						className: "h-8 w-8 p-0",
+						children: [/* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }), /* @__PURE__ */ jsx(Text$1, {
+							className: "sr-only",
+							children: "Page précédente"
+						})]
+					}),
+					/* @__PURE__ */ jsx(View, {
+						className: "flex items-center gap-1",
+						children: getVisiblePageNumbers().map((page, index) => {
+							if (page === -1) return /* @__PURE__ */ jsx(View, {
+								className: "text-muted-foreground px-2 py-1",
+								children: "..."
+							}, `ellipsis-${index}`);
+							return /* @__PURE__ */ jsx(Button, {
+								variant: page === currentPage ? "default" : "outline",
+								size: "sm",
+								onPress: () => onPageChange(page),
+								disabled,
+								className: "h-8 min-w-8 px-2",
+								children: /* @__PURE__ */ jsx(Text$1, { children: page })
+							}, page);
+						})
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						onPress: () => onPageChange(currentPage + 1),
+						disabled: !canGoNext,
+						className: "h-8 w-8 p-0",
+						children: [/* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ jsx(Text$1, {
+							className: "sr-only",
+							children: "Page suivante"
+						})]
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						onPress: () => 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(Text$1, {
+							className: "sr-only",
+							children: "Dernière page"
+						})]
+					})
+				]
+			}),
+			showItemsPerPage && onItemsPerPageChange && /* @__PURE__ */ jsxs(View, {
+				className: "order-3 flex items-center gap-2 text-base",
+				children: [/* @__PURE__ */ jsx(Text$1, {
+					className: "text-muted-foreground",
+					children: "Afficher:"
+				}), /* @__PURE__ */ jsxs(Select, {
+					value: {
+						value: itemsPerPage.toString(),
+						label: itemsPerPage.toString()
+					},
+					onValueChange: (value) => onItemsPerPageChange(parseInt(value?.value || "")),
+					disabled,
+					children: [/* @__PURE__ */ jsx(SelectTrigger, {
+						className: "h-8 w-16",
+						children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Afficher:" })
+					}), /* @__PURE__ */ jsx(SelectContent, {
+						className: "bg-background",
+						children: itemsPerPageOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+							value: option.toString(),
+							label: 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":["Pagination: React.FC<PaginationProps>","Text"],"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';\nimport { View } from 'react-native';\nimport { Text } from '../../text';\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    <View\n      className={`flex flex-col items-center justify-between gap-4 sm:flex-row ${className}`}\n    >\n      {/* Items info */}\n      <View className=\"text-muted-foreground order-2 text-base sm:order-1\">\n        Affichage de {startItem} à {endItem} sur {totalItems} résultats\n      </View>\n\n      {/* Pagination controls */}\n      <View className=\"order-1 flex items-center gap-2 sm:order-2\">\n        {/* First page */}\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onPress={() => 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          <Text className=\"sr-only\">Première page</Text>\n        </Button>\n\n        {/* Previous page */}\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onPress={() => onPageChange(currentPage - 1)}\n          disabled={!canGoPrevious}\n          className=\"h-8 w-8 p-0\"\n        >\n          <ChevronLeft className=\"h-4 w-4\" />\n          <Text className=\"sr-only\">Page précédente</Text>\n        </Button>\n\n        {/* Page numbers */}\n        <View className=\"flex items-center gap-1\">\n          {getVisiblePageNumbers().map((page, index) => {\n            if (page === -1) {\n              return (\n                <View\n                  key={`ellipsis-${index}`}\n                  className=\"text-muted-foreground px-2 py-1\"\n                >\n                  ...\n                </View>\n              );\n            }\n\n            return (\n              <Button\n                key={page}\n                variant={page === currentPage ? 'default' : 'outline'}\n                size=\"sm\"\n                onPress={() => onPageChange(page)}\n                disabled={disabled}\n                className=\"h-8 min-w-8 px-2\"\n              >\n                <Text>{page}</Text>\n              </Button>\n            );\n          })}\n        </View>\n\n        {/* Next page */}\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onPress={() => onPageChange(currentPage + 1)}\n          disabled={!canGoNext}\n          className=\"h-8 w-8 p-0\"\n        >\n          <ChevronRight className=\"h-4 w-4\" />\n          <Text className=\"sr-only\">Page suivante</Text>\n        </Button>\n\n        {/* Last page */}\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onPress={() => 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          <Text className=\"sr-only\">Dernière page</Text>\n        </Button>\n      </View>\n\n      {/* Items per page */}\n      {showItemsPerPage && onItemsPerPageChange && (\n        <View className=\"order-3 flex items-center gap-2 text-base\">\n          <Text className=\"text-muted-foreground\">Afficher:</Text>\n          <Select\n            value={{\n              value: itemsPerPage.toString(),\n              label: itemsPerPage.toString(),\n            }}\n            onValueChange={(value) =>\n              onItemsPerPageChange(parseInt(value?.value || ''))\n            }\n            disabled={disabled}\n          >\n            <SelectTrigger className=\"h-8 w-16\">\n              <SelectValue placeholder=\"Afficher:\" />\n            </SelectTrigger>\n            <SelectContent className=\"bg-background\">\n              {itemsPerPageOptions.map((option) => (\n                <SelectItem\n                  key={option}\n                  value={option.toString()}\n                  label={option.toString()}\n                >\n                  {option}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </View>\n      )}\n    </View>\n  );\n};\n"],"mappings":";;;;;;;;;AAmBA,MAAaA,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;IAAK,WAAU;;KAAqD;KACrD;KAAU;KAAI;KAAQ;KAAM;KAAW;;KAChD;GAGP,qBAAC;IAAK,WAAU;;KAEd,qBAAC;MACC,SAAQ;MACR,MAAK;MACL,eAAe,aAAa,EAAE;MAC9B,UAAU,CAAC;MACX,WAAU;iBAEV,oBAAC,gBAAa,WAAU,YAAY,EACpC,oBAACC;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,oBAACA;OAAK,WAAU;iBAAU;QAAsB;OACzC;KAGT,oBAAC;MAAK,WAAU;gBACb,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;kBAEV,oBAACA,oBAAM,OAAY;UAPd,KAQE;QAEX;OACG;KAGP,qBAAC;MACC,SAAQ;MACR,MAAK;MACL,eAAe,aAAa,cAAc,EAAE;MAC5C,UAAU,CAAC;MACX,WAAU;iBAEV,oBAAC,gBAAa,WAAU,YAAY,EACpC,oBAACA;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,oBAACA;OAAK,WAAU;iBAAU;QAAoB;OACvC;;KACJ;GAGN,oBAAoB,wBACnB,qBAAC;IAAK,WAAU;eACd,oBAACA;KAAK,WAAU;eAAwB;MAAgB,EACxD,qBAAC;KACC,OAAO;MACL,OAAO,aAAa,UAAU;MAC9B,OAAO,aAAa,UAAU;MAC/B;KACD,gBAAgB,UACd,qBAAqB,SAAS,OAAO,SAAS,GAAG,CAAC;KAE1C;gBAEV,oBAAC;MAAc,WAAU;gBACvB,oBAAC,eAAY,aAAY,cAAc;OACzB,EAChB,oBAAC;MAAc,WAAU;gBACtB,oBAAoB,KAAK,WACxB,oBAAC;OAEC,OAAO,OAAO,UAAU;OACxB,OAAO,OAAO,UAAU;iBAEvB;SAJI,OAKM,CACb;OACY;MACT;KACJ;;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/Pagination/types.js

@@ -0,0 +1 @@
+export {  };

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":";;;;cAQa,aAAa,KAAA,CAAM,GAAG"}

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

@@ -0,0 +1,50 @@
+import { Text as Text$1 } from "../../text.js";
+import { Button } from "../../button.js";
+import { Input } from "../../input.js";
+import React from "react";
+import { View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Search, X } from "lucide-react";
+
+//#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(View, {
+		className: `relative w-full ${className}`,
+		children: [
+			/* @__PURE__ */ jsx(View, {
+				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, {
+				value,
+				onChange: (e) => onChange(e.nativeEvent.text),
+				placeholder,
+				editable: !disabled,
+				autoFocus,
+				className: "pr-10 pl-10"
+			}),
+			value && /* @__PURE__ */ jsx(View, {
+				className: "absolute inset-y-0 right-0 flex items-center pr-3",
+				children: /* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					size: "sm",
+					onPress: 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(Text$1, {
+						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":["SearchInput: React.FC<SearchInputProps>","Text"],"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';\nimport { View } from 'react-native';\nimport { Text } from '../../text';\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    <View className={`relative w-full ${className}`}>\n      <View 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      </View>\n\n      <Input\n        // type=\"text\"\n        value={value}\n        onChange={(e) => onChange(e.nativeEvent.text)}\n        placeholder={placeholder}\n        editable={!disabled}\n        autoFocus={autoFocus}\n        className=\"pr-10 pl-10\"\n      />\n\n      {value && (\n        <View className=\"absolute inset-y-0 right-0 flex items-center pr-3\">\n          <Button\n            // type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            onPress={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            <Text className=\"sr-only\">Effacer la recherche</Text>\n          </Button>\n        </View>\n      )}\n    </View>\n  );\n};\n"],"mappings":";;;;;;;;;AAQA,MAAaA,eAA2C,EACtD,OACA,UACA,cAAc,iBACd,SACA,WAAW,OACX,YAAY,IACZ,YAAY,YACR;CACJ,MAAM,oBAAoB;AACxB,WAAS,GAAG;AACZ,aAAW;;AAGb,QACE,qBAAC;EAAK,WAAW,mBAAmB;;GAClC,oBAAC;IAAK,WAAU;cACd,oBAAC,UAAO,WAAU,kCAAkC;KAC/C;GAEP,oBAAC;IAEQ;IACP,WAAW,MAAM,SAAS,EAAE,YAAY,KAAK;IAChC;IACb,UAAU,CAAC;IACA;IACX,WAAU;KACV;GAED,SACC,oBAAC;IAAK,WAAU;cACd,qBAAC;KAEC,SAAQ;KACR,MAAK;KACL,SAAS;KACC;KACV,WAAU;gBAEV,oBAAC,KAAE,WAAU,wDAAwD,EACrE,oBAACC;MAAK,WAAU;gBAAU;OAA2B;MAC9C;KACJ;;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/atoms/SearchInput/types.js

@@ -0,0 +1 @@
+export {  };

package/dist/ui/avatar.d.ts

@@ -0,0 +1,28 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as AvatarPrimitive from "@rn-primitives/avatar";
+
+//#region ui/avatar.d.ts
+declare function Avatar({
+  className,
+  ...props
+}: AvatarPrimitive.RootProps & {
+  ref?: React$1.RefObject<AvatarPrimitive.RootRef>;
+}): react_jsx_runtime16.JSX.Element;
+declare function AvatarImage({
+  className,
+  alt,
+  ...props
+}: AvatarPrimitive.ImageProps & {
+  ref?: React$1.RefObject<AvatarPrimitive.ImageRef>;
+  alt?: string;
+}): react_jsx_runtime16.JSX.Element;
+declare function AvatarFallback({
+  className,
+  ...props
+}: AvatarPrimitive.FallbackProps & {
+  ref?: React$1.RefObject<AvatarPrimitive.FallbackRef>;
+}): react_jsx_runtime16.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":";;;;;iBAIS,MAAA;;;GAGN,eAAA,CAAgB;QACX,OAAA,CAAM,UAAU,eAAA,CAAgB;IACvC,mBAAA,CAAA,GAAA,CAAA;AAR8B,iBAoBtB,WAAA,CAjBM;EAAA,SAAA;EAAA,GAAA;EAAA,GAAA;CAAA,EAqBZ,eAAA,CAAgB,UArBJ,GAAA;EACb,GAAA,CAAA,EAqBM,OAAA,CAAM,SArBZ,CAqBsB,eAAA,CAAgB,QArBtC,CAAA;EAEC,GAAA,CAAA,EAAA,MAAA;CACqB,CAAA,EAoBvB,mBAAA,CAAA,GAAA,CAAA,OApBuC;iBA6B/B,cAAA,CA7BK;EAAA,SAAA;EAAA,GAAA;CAAA,EAgCX,eAAA,CAAgB,aAhCL,GAAA;EACb,GAAA,CAAA,EAgCO,OAAA,CAAM,SAhCb,CAgCuB,eAAA,CAAgB,WAhCvC,CAAA;CAAA,CAAA,EAiCA,mBAAA,CAAA,GAAA,CAAA,OAjCA"}

package/dist/ui/avatar.js

@@ -0,0 +1,28 @@
+import { cn } from "./utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as AvatarPrimitive from "@rn-primitives/avatar";
+
+//#region ui/avatar.tsx
+function Avatar({ className,...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+		className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
+		...props
+	});
+}
+function AvatarImage({ className, alt,...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+		className: cn("aspect-square h-full w-full", className),
+		...props
+	});
+}
+function AvatarFallback({ className,...props }) {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+		className: cn("bg-muted flex h-full w-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":["import * as AvatarPrimitive from '@rn-primitives/avatar';\nimport * as React from 'react';\nimport { cn } from './utils';\n\nfunction Avatar({\n  className,\n  ...props\n}: AvatarPrimitive.RootProps & {\n  ref?: React.RefObject<AvatarPrimitive.RootRef>;\n}) {\n  return (\n    <AvatarPrimitive.Root\n      className={cn(\n        'relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  alt,\n  ...props\n}: AvatarPrimitive.ImageProps & {\n  ref?: React.RefObject<AvatarPrimitive.ImageRef>;\n  alt?: string;\n}) {\n  return (\n    <AvatarPrimitive.Image\n      className={cn('aspect-square h-full w-full', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: AvatarPrimitive.FallbackProps & {\n  ref?: React.RefObject<AvatarPrimitive.FallbackRef>;\n}) {\n  return (\n    <AvatarPrimitive.Fallback\n      className={cn(\n        'bg-muted flex h-full w-full items-center justify-center rounded-full',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarFallback, AvatarImage };\n"],"mappings":";;;;;;AAIA,SAAS,OAAO,EACd,UACA,GAAG,SAGF;AACD,QACE,oBAAC,gBAAgB;EACf,WAAW,GACT,iEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,IACA,GAAG,SAIF;AACD,QACE,oBAAC,gBAAgB;EACf,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,UACA,GAAG,SAGF;AACD,QACE,oBAAC,gBAAgB;EACf,WAAW,GACT,wEACA,UACD;EACD,GAAI;GACJ"}

package/dist/ui/badge.d.ts

@@ -0,0 +1,22 @@
+import * as React$1 from "react";
+import { View } from "react-native";
+import * as react_jsx_runtime15 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" | "destructive" | "secondary" | "outline" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type BadgeProps = React$1.ComponentProps<typeof View> & VariantProps<typeof badgeVariants> & {
+  labelClassName?: string;
+};
+declare function Badge({
+  className,
+  variant,
+  labelClassName,
+  ...props
+}: BadgeProps): react_jsx_runtime15.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":";;;;;;;cAKM;;IAkBL,+BAAA,CAAA;KAEI,UAAA,GAAa,OAAA,CAAM,sBAAsB,QAC5C,oBAAoB;EArBhB,cAAA,CAAA,EAkBL,MAAA;;iBAOQ,KAAA,CALqC;EAAA,SAAA;EAAA,OAAA;EAAA,cAAA;EAAA,GAAA;AAAA,CAAA,EAKmB,UALnB,CAAA,EAK6B,mBAAA,CAAA,GAAA,CAAA,OAL7B"}

package/dist/ui/badge.js

@@ -0,0 +1,26 @@
+import { cn } from "./utils.js";
+import "react";
+import { View } from "react-native";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ui/badge.tsx
+const badgeVariants = cva("web:inline-flex items-center rounded-full border border-border px-2.5 py-0.5 text-xs font-semibold web:transition-colors web:focus:outline-hidden web:focus:ring-2 web:focus:ring-ring web:focus:ring-offset-2", {
+	variants: { variant: {
+		default: "border-transparent bg-primary text-primary-foreground web:hover:opacity-80 active:opacity-80",
+		secondary: "border-transparent bg-secondary text-secondary-foreground web:hover:opacity-80 active:opacity-80",
+		destructive: "border-transparent bg-destructive text-destructive-foreground web:hover:opacity-80 active:opacity-80",
+		outline: "text-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Badge({ className, variant, labelClassName,...props }) {
+	return /* @__PURE__ */ jsx(View, {
+		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 { View } from 'react-native';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from './utils';\n\nconst badgeVariants = cva(\n  'web:inline-flex items-center rounded-full border border-border px-2.5 py-0.5 text-xs font-semibold web:transition-colors web:focus:outline-hidden web:focus:ring-2 web:focus:ring-ring web:focus:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default:\n          'border-transparent bg-primary text-primary-foreground web:hover:opacity-80 active:opacity-80',\n        secondary:\n          'border-transparent bg-secondary text-secondary-foreground web:hover:opacity-80 active:opacity-80',\n        destructive:\n          'border-transparent bg-destructive text-destructive-foreground web:hover:opacity-80 active:opacity-80',\n        outline: 'text-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\ntype BadgeProps = React.ComponentProps<typeof View> &\n  VariantProps<typeof badgeVariants> & {\n    labelClassName?: string;\n  };\n\nfunction Badge({ className, variant, labelClassName, ...props }: BadgeProps) {\n  return (\n    <View className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;;AAKA,MAAM,gBAAgB,IACpB,kNACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,WACE;EACF,aACE;EACF,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAOD,SAAS,MAAM,EAAE,WAAW,SAAS,eAAgB,GAAG,SAAqB;AAC3E,QACE,oBAAC;EAAK,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EAAE,GAAI;GAAS"}

package/dist/ui/breadcrumb.d.ts

@@ -0,0 +1,39 @@
+import * as React$1 from "react";
+import { View } from "react-native";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
+
+//#region ui/breadcrumb.d.ts
+declare function Breadcrumb({
+  ...props
+}: React$1.ComponentProps<'nav'>): react_jsx_runtime19.JSX.Element;
+declare function BreadcrumbList({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof View>): react_jsx_runtime19.JSX.Element;
+declare function BreadcrumbItem({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof View>): react_jsx_runtime19.JSX.Element;
+declare function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}: React$1.ComponentProps<typeof View> & {
+  asChild?: boolean;
+}): react_jsx_runtime19.JSX.Element;
+declare function BreadcrumbPage({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof View>): react_jsx_runtime19.JSX.Element;
+declare function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: React$1.ComponentProps<typeof View>): react_jsx_runtime19.JSX.Element;
+declare function BreadcrumbEllipsis({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof View>): react_jsx_runtime19.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":";;;;;iBAOS,UAAA;;GAAyB,OAAA,CAAM,wBAAqB,mBAAA,CAAA,GAAA,CAAA;iBAIpD,cAAA;;;GAGN,OAAA,CAAM,sBAAsB,QAAK,mBAAA,CAAA,GAAA,CAAA;iBAa3B,cAAA;;;GAGN,OAAA,CAAM,sBAAsB,QAAK,mBAAA,CAAA,GAAA,CAAA;AA3BsB,iBAqCjD,cAAA,CAjCyB;EAAA,OAAM;EAAA,SAAA;EAAqB,GAAA;CAAA,EAqC1D,OAAA,CAAM,cArCoD,CAAA,OAqC9B,IArC8B,CAAA,GAAA;EAIpD,OAAA,CAAA,EAAA,OAAc;CACrB,CAAA,EAkCD,mBAAA,CAAA,GAAA,CAAA,OAlCC;iBA8CO,cAAA,CA5CsB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+C5B,OAAA,CAAM,cA/CsB,CAAA,OA+CA,IA/CA,CAAA,CAAA,EA+CK,mBAAA,CAAA,GAAA,CAAA,OA/CL;iBA4DtB,mBAAA,CA5DA;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgEN,OAAA,CAAM,cAhEA,CAAA,OAgEsB,IAhEtB,CAAA,CAAA,EAgE2B,mBAAA,CAAA,GAAA,CAAA,OAhE3B;iBA8EA,kBAAA,CA9E2B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiFjC,OAAA,CAAM,cAjF2B,CAAA,OAiFL,IAjFK,CAAA,CAAA,EAiFA,mBAAA,CAAA,GAAA,CAAA,OAjFA"}