@lssm/lib.ui-kit 1.2.0

package/dist/ui/navigation-menu.d.ts

@@ -0,0 +1,68 @@
+import * as React$1 from "react";
+import * as react_native24 from "react-native";
+import { View } from "react-native";
+import * as react_jsx_runtime80 from "react/jsx-runtime";
+import * as NavigationMenuPrimitive from "@rn-primitives/navigation-menu";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
+
+//#region ui/navigation-menu.d.ts
+declare function NavigationMenu({
+  className,
+  children,
+  ...props
+}: NavigationMenuPrimitive.RootProps & {
+  ref?: React$1.RefObject<NavigationMenuPrimitive.RootRef>;
+}): react_jsx_runtime80.JSX.Element;
+declare function NavigationMenuList({
+  className,
+  ...props
+}: NavigationMenuPrimitive.ListProps & {
+  ref?: React$1.RefObject<NavigationMenuPrimitive.ListRef>;
+}): react_jsx_runtime80.JSX.Element;
+declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<react_native24.ViewProps & {
+  asChild?: boolean;
+} & {
+  value: string | undefined;
+} & React$1.RefAttributes<View>>;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types6.ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}: Omit<NavigationMenuPrimitive.TriggerProps, 'children'> & {
+  children?: React$1.ReactNode;
+  ref?: React$1.RefObject<NavigationMenuPrimitive.TriggerRef>;
+}): react_jsx_runtime80.JSX.Element;
+declare function NavigationMenuContent({
+  className,
+  children,
+  portalHost,
+  ...props
+}: NavigationMenuPrimitive.ContentProps & {
+  portalHost?: string;
+  ref?: React$1.RefObject<NavigationMenuPrimitive.ContentRef>;
+}): react_jsx_runtime80.JSX.Element;
+declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<Omit<react_native24.PressableProps & React$1.RefAttributes<View>, "ref"> & {
+  asChild?: boolean;
+} & {
+  onKeyDown?: (ev: React$1.KeyboardEvent) => void;
+  onKeyUp?: (ev: React$1.KeyboardEvent) => void;
+} & {
+  active?: boolean;
+} & React$1.RefAttributes<View>>;
+declare function NavigationMenuViewport({
+  className,
+  ...props
+}: NavigationMenuPrimitive.ViewportProps & {
+  ref?: React$1.RefObject<NavigationMenuPrimitive.ViewportRef>;
+}): react_jsx_runtime80.JSX.Element;
+declare function NavigationMenuIndicator({
+  ref,
+  className,
+  ...props
+}: NavigationMenuPrimitive.IndicatorProps & {
+  ref?: React$1.RefObject<NavigationMenuPrimitive.IndicatorRef>;
+}): react_jsx_runtime80.JSX.Element;
+//#endregion
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+//# sourceMappingURL=navigation-menu.d.ts.map

package/dist/ui/navigation-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../ui/navigation-menu.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBAgBS,cAAA;;;;GAIN,uBAAA,CAAwB;QACnB,OAAA,CAAM,UAAU,uBAAA,CAAwB;IAC/C,mBAAA,CAAA,GAAA,CAAA;iBAeQ,kBAAA;;;AAlCqC,GAqC3C,uBAAA,CAAwB;QACnB,OAAA,CAAM,UAAU,uBAAA,CAAwB;AAtCF,CAAA,CAAA,EAuC7C,mBAAA,CAAA,GAAA,CAAA,OA1BsB;cAsCjB,kBArCJ,EAqCsB,OAAA,CAAA,yBArCtB,CAqCqD,cAAA,CAA/B,SAAA,GArCtB;EACA,OAAA,CAAA,EAAA,OAAA;CAEC,GAAA;EACqB,KAAA,EAAA,MAAA,GAAA,SAAwB;CAAxC,wBAAM,KAAA,CAAA,CAAA;cAmCR,0BAlCL,EAAA,CAAA,KAAA,CAAA,EAoCA,+BAAA,CAF+B,SAAA,GAlC/B,SAAA,EAAA,GAAA,MAAA;iBAsCQ,qBAAA,CAtCR;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EA0CE,IA1CF,CA0CO,uBAAA,CAAwB,YA1C/B,EAAA,UAAA,CAAA,GAAA;EAeQ,QAAA,CAAA,EA4BI,OAAA,CAAM,SA5BQ;EACzB,GAAA,CAAA,EA4BM,OAAA,CAAM,SA5BZ,CA4BsB,uBAAA,CAAwB,UA5B9C,CAAA;CAEC,CAAA,EA2BF,mBAAA,CAAA,GAAA,CAAA,OA3B0B;iBAiElB,qBAAA,CAhEuC;EAAA,SAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;CAAA,EAqE7C,uBAAA,CAAwB,YArEqB,GAAA;EAAxC,UAAM,CAAA,EAAA,MAAA;EACb,GAAA,CAAA,EAsEO,OAAA,CAAM,SAtEb,CAsEuB,uBAAA,CAAwB,UAtE/C,CAAA;CAAA,CAAA,EAuEA,mBAAA,CAAA,GAAA,CAAA,OAvEA;AAAA,cAiGK,kBArFiD,EAqF/B,OAAA,CAAA,yBArF+B,CAqF/B,IArF+B,CAqFA,cAAA,CAA/B,cAAA,GAAA,OAAA,CAAA,aArF+B,CAqF/B,IArF+B,CAAA,EAAA,KAAA,CAAA,GAAA;EAAA,OAAA,CAAA,EAAA,OAA/B;;;EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,uBAAA,EAAA,GAAA,IAAA;CAAA,GAAA;EAElB,MAAA,CAAA,EAAA,OAAA;AAA0B,CAAA,wBAIvB,KAAqB,CAAA,CAAA;iBAiFrB,sBAAA,CAhFP;EAAA,SAAA;EAAA,GAAA;CAAA,EAmFC,uBAAA,CAAwB,aAnFzB,GAAA;EACA,GAAA,CAAA,EAmFM,OAAA,CAAM,SAnFZ,CAmFsB,uBAAA,CAAwB,WAnF9C,CAAA;CAEM,CAAA,EAkFP,mBAAA,CAAA,GAAA,CAAA,OAlF+B;iBAkGvB,uBAAA,CAlGN;EAAA,GAAA;EAAA,SAAA;EAAA,GAAA;CAAA,EAsGA,uBAAA,CAAwB,cAtGxB,GAAA;EACU,GAAA,CAAA,EAsGL,OAAA,CAAM,SAtGK,CAsGK,uBAAA,CAAwB,YAtG7B,CAAA;CACK,CAAA,EAsGvB,mBAAA,CAAA,GAAA,CAAA,OAtG+C"}

package/dist/ui/navigation-menu.js

@@ -0,0 +1,87 @@
+import { ChevronDown } from "./icons/ChevronDown.js";
+import { cn } from "./utils.js";
+import "react";
+import { Platform, View } from "react-native";
+import Animated, { Extrapolation, FadeInLeft, FadeOutLeft, interpolate, useAnimatedStyle, useDerivedValue, withTiming } from "react-native-reanimated";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as NavigationMenuPrimitive from "@rn-primitives/navigation-menu";
+
+//#region ui/navigation-menu.tsx
+function NavigationMenu({ className, children,...props }) {
+	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Root, {
+		className: cn("relative z-10 flex max-w-max flex-row items-center justify-center", className),
+		...props,
+		children: [children, Platform.OS === "web" && /* @__PURE__ */ jsx(NavigationMenuViewport, {})]
+	});
+}
+function NavigationMenuList({ className,...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.List, {
+		className: cn("web:group web:list-none flex flex-1 flex-row items-center justify-center gap-1", className),
+		...props
+	});
+}
+const NavigationMenuItem = NavigationMenuPrimitive.Item;
+const navigationMenuTriggerStyle = cva("web:group web:inline-flex flex-row h-10 native:h-12 native:px-3 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium web:transition-colors web:hover:bg-accent active:bg-accent web:hover:text-accent-foreground web:focus:bg-accent web:focus:text-accent-foreground web:focus:outline-hidden web:disabled:pointer-events-none disabled:opacity-50 web:data-active:bg-accent/50 web:data-[state=open]:bg-accent/50");
+function NavigationMenuTrigger({ className, children,...props }) {
+	const { value } = NavigationMenuPrimitive.useRootContext();
+	const { value: itemValue } = NavigationMenuPrimitive.useItemContext();
+	const progress = useDerivedValue(() => value === itemValue ? withTiming(1, { duration: 250 }) : withTiming(0, { duration: 200 }));
+	const chevronStyle = useAnimatedStyle(() => ({
+		transform: [{ rotate: `${progress.value * 180}deg` }],
+		opacity: interpolate(progress.value, [0, 1], [1, .8], Extrapolation.CLAMP)
+	}));
+	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Trigger, {
+		className: cn(navigationMenuTriggerStyle(), "web:group gap-1.5", value === itemValue && "bg-accent", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Animated.View, {
+			style: chevronStyle,
+			children: /* @__PURE__ */ jsx(ChevronDown, {
+				size: 12,
+				className: cn("text-foreground web:transition web:duration-200 relative h-3 w-3"),
+				"aria-hidden": true
+			})
+		})]
+	});
+}
+function NavigationMenuContent({ className, children, portalHost,...props }) {
+	const { value } = NavigationMenuPrimitive.useRootContext();
+	const { value: itemValue } = NavigationMenuPrimitive.useItemContext();
+	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Portal, {
+		hostName: portalHost,
+		children: /* @__PURE__ */ jsx(NavigationMenuPrimitive.Content, {
+			className: cn("native:border native:border-border native:rounded-lg native:shadow-lg native:bg-popover native:text-popover-foreground native:overflow-hidden w-full", value === itemValue ? "web:animate-in web:fade-in web:slide-in-from-right-20" : "web:animate-out web:fade-out web:slide-out-to-left-20", className),
+			...props,
+			children: /* @__PURE__ */ jsx(Animated.View, {
+				entering: Platform.OS !== "web" ? FadeInLeft : void 0,
+				exiting: Platform.OS !== "web" ? FadeOutLeft : void 0,
+				children
+			})
+		})
+	});
+}
+const NavigationMenuLink = NavigationMenuPrimitive.Link;
+function NavigationMenuViewport({ className,...props }) {
+	return /* @__PURE__ */ jsx(View, {
+		className: cn("absolute top-full left-0 flex justify-center"),
+		children: /* @__PURE__ */ jsx(View, {
+			className: cn("web:origin-top-center border-border bg-popover text-popover-foreground web:h-(--radix-navigation-menu-viewport-height) web:animate-in web:zoom-in-90 relative mt-1.5 w-full overflow-hidden rounded-md border shadow-lg", className),
+			...props,
+			children: /* @__PURE__ */ jsx(NavigationMenuPrimitive.Viewport, {})
+		})
+	});
+}
+function NavigationMenuIndicator({ ref, className,...props }) {
+	const { value } = NavigationMenuPrimitive.useRootContext();
+	const { value: itemValue } = NavigationMenuPrimitive.useItemContext();
+	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Indicator, {
+		ref,
+		className: cn("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden", value === itemValue ? "web:animate-in web:fade-in" : "web:animate-out web:fade-out", className),
+		...props,
+		children: /* @__PURE__ */ jsx(View, { className: "bg-border shadow-foreground/5 relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+	});
+}
+
+//#endregion
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+//# sourceMappingURL=navigation-menu.js.map

package/dist/ui/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","names":[],"sources":["../../ui/navigation-menu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@rn-primitives/navigation-menu';\nimport { cva } from 'class-variance-authority';\nimport * as React from 'react';\nimport { Platform, View } from 'react-native';\nimport Animated, {\n  Extrapolation,\n  FadeInLeft,\n  FadeOutLeft,\n  interpolate,\n  useAnimatedStyle,\n  useDerivedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport { ChevronDown } from './icons/ChevronDown';\nimport { cn } from './utils';\n\nfunction NavigationMenu({\n  className,\n  children,\n  ...props\n}: NavigationMenuPrimitive.RootProps & {\n  ref?: React.RefObject<NavigationMenuPrimitive.RootRef>;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      className={cn(\n        'relative z-10 flex max-w-max flex-row items-center justify-center',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {Platform.OS === 'web' && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: NavigationMenuPrimitive.ListProps & {\n  ref?: React.RefObject<NavigationMenuPrimitive.ListRef>;\n}) {\n  return (\n    <NavigationMenuPrimitive.List\n      className={cn(\n        'web:group web:list-none flex flex-1 flex-row items-center justify-center gap-1',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\nconst navigationMenuTriggerStyle = cva(\n  'web:group web:inline-flex flex-row h-10 native:h-12 native:px-3 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium web:transition-colors web:hover:bg-accent active:bg-accent web:hover:text-accent-foreground web:focus:bg-accent web:focus:text-accent-foreground web:focus:outline-hidden web:disabled:pointer-events-none disabled:opacity-50 web:data-active:bg-accent/50 web:data-[state=open]:bg-accent/50'\n);\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: Omit<NavigationMenuPrimitive.TriggerProps, 'children'> & {\n  children?: React.ReactNode;\n  ref?: React.RefObject<NavigationMenuPrimitive.TriggerRef>;\n}) {\n  const { value } = NavigationMenuPrimitive.useRootContext();\n  const { value: itemValue } = NavigationMenuPrimitive.useItemContext();\n\n  const progress = useDerivedValue(() =>\n    value === itemValue\n      ? withTiming(1, { duration: 250 })\n      : withTiming(0, { duration: 200 })\n  );\n  const chevronStyle = useAnimatedStyle(() => ({\n    transform: [{ rotate: `${progress.value * 180}deg` }],\n    opacity: interpolate(progress.value, [0, 1], [1, 0.8], Extrapolation.CLAMP),\n  }));\n\n  return (\n    <NavigationMenuPrimitive.Trigger\n      className={cn(\n        navigationMenuTriggerStyle(),\n        'web:group gap-1.5',\n        value === itemValue && 'bg-accent',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <Animated.View style={chevronStyle}>\n        <ChevronDown\n          size={12}\n          className={cn(\n            'text-foreground web:transition web:duration-200 relative h-3 w-3'\n          )}\n          aria-hidden={true}\n        />\n      </Animated.View>\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({\n  className,\n  children,\n  portalHost,\n  ...props\n}: NavigationMenuPrimitive.ContentProps & {\n  portalHost?: string;\n  ref?: React.RefObject<NavigationMenuPrimitive.ContentRef>;\n}) {\n  const { value } = NavigationMenuPrimitive.useRootContext();\n  const { value: itemValue } = NavigationMenuPrimitive.useItemContext();\n  return (\n    <NavigationMenuPrimitive.Portal hostName={portalHost}>\n      <NavigationMenuPrimitive.Content\n        className={cn(\n          'native:border native:border-border native:rounded-lg native:shadow-lg native:bg-popover native:text-popover-foreground native:overflow-hidden w-full',\n          value === itemValue\n            ? 'web:animate-in web:fade-in web:slide-in-from-right-20'\n            : 'web:animate-out web:fade-out web:slide-out-to-left-20',\n          className\n        )}\n        {...props}\n      >\n        <Animated.View\n          entering={Platform.OS !== 'web' ? FadeInLeft : undefined}\n          exiting={Platform.OS !== 'web' ? FadeOutLeft : undefined}\n        >\n          {children}\n        </Animated.View>\n      </NavigationMenuPrimitive.Content>\n    </NavigationMenuPrimitive.Portal>\n  );\n}\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: NavigationMenuPrimitive.ViewportProps & {\n  ref?: React.RefObject<NavigationMenuPrimitive.ViewportRef>;\n}) {\n  return (\n    <View className={cn('absolute top-full left-0 flex justify-center')}>\n      <View\n        className={cn(\n          'web:origin-top-center border-border bg-popover text-popover-foreground web:h-(--radix-navigation-menu-viewport-height) web:animate-in web:zoom-in-90 relative mt-1.5 w-full overflow-hidden rounded-md border shadow-lg',\n          className\n        )}\n        {...props}\n      >\n        <NavigationMenuPrimitive.Viewport />\n      </View>\n    </View>\n  );\n}\n\nfunction NavigationMenuIndicator({\n  ref,\n  className,\n  ...props\n}: NavigationMenuPrimitive.IndicatorProps & {\n  ref?: React.RefObject<NavigationMenuPrimitive.IndicatorRef>;\n}) {\n  const { value } = NavigationMenuPrimitive.useRootContext();\n  const { value: itemValue } = NavigationMenuPrimitive.useItemContext();\n\n  return (\n    <NavigationMenuPrimitive.Indicator\n      ref={ref}\n      className={cn(\n        'top-full z-1 flex h-1.5 items-end justify-center overflow-hidden',\n        value === itemValue\n          ? 'web:animate-in web:fade-in'\n          : 'web:animate-out web:fade-out',\n        className\n      )}\n      {...props}\n    >\n      <View className=\"bg-border shadow-foreground/5 relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n  NavigationMenuViewport,\n};\n"],"mappings":";;;;;;;;;;AAgBA,SAAS,eAAe,EACtB,WACA,SACA,GAAG,SAGF;AACD,QACE,qBAAC,wBAAwB;EACvB,WAAW,GACT,qEACA,UACD;EACD,GAAI;aAEH,UACA,SAAS,OAAO,SAAS,oBAAC,2BAAyB;GACvB;;AAInC,SAAS,mBAAmB,EAC1B,UACA,GAAG,SAGF;AACD,QACE,oBAAC,wBAAwB;EACvB,WAAW,GACT,kFACA,UACD;EACD,GAAI;GACJ;;AAIN,MAAM,qBAAqB,wBAAwB;AAEnD,MAAM,6BAA6B,IACjC,0bACD;AAED,SAAS,sBAAsB,EAC7B,WACA,SACA,GAAG,SAIF;CACD,MAAM,EAAE,UAAU,wBAAwB,gBAAgB;CAC1D,MAAM,EAAE,OAAO,cAAc,wBAAwB,gBAAgB;CAErE,MAAM,WAAW,sBACf,UAAU,YACN,WAAW,GAAG,EAAE,UAAU,KAAK,CAAC,GAChC,WAAW,GAAG,EAAE,UAAU,KAAK,CAAC,CACrC;CACD,MAAM,eAAe,wBAAwB;EAC3C,WAAW,CAAC,EAAE,QAAQ,GAAG,SAAS,QAAQ,IAAI,MAAM,CAAC;EACrD,SAAS,YAAY,SAAS,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAI,EAAE,cAAc,MAAM;EAC5E,EAAE;AAEH,QACE,qBAAC,wBAAwB;EACvB,WAAW,GACT,4BAA4B,EAC5B,qBACA,UAAU,aAAa,aACvB,UACD;EACD,GAAI;aAEH,UACD,oBAAC,SAAS;GAAK,OAAO;aACpB,oBAAC;IACC,MAAM;IACN,WAAW,GACT,mEACD;IACD,eAAa;KACb;IACY;GACgB;;AAItC,SAAS,sBAAsB,EAC7B,WACA,UACA,WACA,GAAG,SAIF;CACD,MAAM,EAAE,UAAU,wBAAwB,gBAAgB;CAC1D,MAAM,EAAE,OAAO,cAAc,wBAAwB,gBAAgB;AACrE,QACE,oBAAC,wBAAwB;EAAO,UAAU;YACxC,oBAAC,wBAAwB;GACvB,WAAW,GACT,wJACA,UAAU,YACN,0DACA,yDACJ,UACD;GACD,GAAI;aAEJ,oBAAC,SAAS;IACR,UAAU,SAAS,OAAO,QAAQ,aAAa;IAC/C,SAAS,SAAS,OAAO,QAAQ,cAAc;IAE9C;KACa;IACgB;GACH;;AAIrC,MAAM,qBAAqB,wBAAwB;AAEnD,SAAS,uBAAuB,EAC9B,UACA,GAAG,SAGF;AACD,QACE,oBAAC;EAAK,WAAW,GAAG,+CAA+C;YACjE,oBAAC;GACC,WAAW,GACT,2NACA,UACD;GACD,GAAI;aAEJ,oBAAC,wBAAwB,aAAW;IAC/B;GACF;;AAIX,SAAS,wBAAwB,EAC/B,KACA,UACA,GAAG,SAGF;CACD,MAAM,EAAE,UAAU,wBAAwB,gBAAgB;CAC1D,MAAM,EAAE,OAAO,cAAc,wBAAwB,gBAAgB;AAErE,QACE,oBAAC,wBAAwB;EAClB;EACL,WAAW,GACT,oEACA,UAAU,YACN,+BACA,gCACJ,UACD;EACD,GAAI;YAEJ,oBAAC,QAAK,WAAU,+FAA+F;GAC7E"}

package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
+
+//#region ui/organisms/ErrorBoundary/ErrorBoundary.d.ts
+interface ErrorBoundaryState {
+  hasError: boolean;
+  error: Error | null;
+  errorId: string | null;
+}
+interface ErrorBoundaryProps {
+  children: React.ReactNode;
+  fallback?: React.ComponentType<ErrorFallbackProps>;
+  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
+}
+interface ErrorFallbackProps {
+  error: Error;
+  errorId: string | null;
+  resetError: () => void;
+}
+declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+  constructor(props: ErrorBoundaryProps);
+  static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState>;
+  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+  resetError: () => void;
+  render(): string | number | bigint | boolean | react_jsx_runtime35.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+}
+declare const useErrorHandler: () => (error: Error) => never;
+//#endregion
+export { ErrorBoundary, type ErrorBoundaryProps, type ErrorFallbackProps, useErrorHandler };
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","names":[],"sources":["../../../../ui/organisms/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":[],"mappings":";;;;UAOU,kBAAA;;SAED;EAFC,OAAA,EAAA,MAAA,GAAA,IAAkB;AAEd;UAIJ,kBAAA,CACQ;EACe,QAAA,EADrB,KAAA,CAAM,SACe;EAApB,QAAM,CAAA,EAAN,KAAA,CAAM,aAAA,CAAc,kBAAd,CAAA;EACC,OAAA,CAAA,EAAA,CAAA,KAAA,EAAA,KAAA,EAAA,SAAA,EAAkB,KAAA,CAAM,SAAxB,EAAA,GAAA,IAAA;;UAGV,kBAAA,CAH2C;EAG3C,KAAA,EACD,KADC;EAmEG,OAAA,EAAA,MAAA,GAAc,IAAA;EACzB,UAAA,EAAA,GAAA,GAAA,IAAA;;AAGmB,cAJR,aAAA,SAAsB,KAAA,CAAM,SAIpB,CAHnB,kBAGmB,EAFnB,kBAEmB,CAAA,CAAA;EASoB,WAAA,CAAA,KAAA,EATpB,kBASoB;EAAgB,OAAA,wBAAA,CAAA,KAAA,EAAhB,KAAgB,CAAA,EAAR,OAAQ,CAAA,kBAAA,CAAA;EAAR,iBAAA,CAAA,KAAA,EAOtB,KAPsB,EAAA,SAAA,EAOJ,KAAA,CAAM,SAPF,CAAA,EAAA,IAAA;EAOtB,UAAA,EAAA,GAAA,GAAA,IAAA;EAAkB,MAAM,CAAA,CAAA,EAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GAgC3C,mBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAhC2C,CAgC3C,KAAA,CAAA,SAhC2C,CAAA,GAgC3C,OAhC2C,CAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GAgC3C,KAAA,CAAA,WAhC2C,GAgC3C,KAAA,CAAA,YAhC2C,CAAA,OAAA,EAAA,MAAA,GAgC3C,KAAA,CAAA,qBAhC2C,CAAA,GAAA,CAAA,CAAA,GAgC3C,QAhC2C,CAgC3C,KAAA,CAAA,SAhC2C,CAAA,GAAA,IAAA,GAAA,SAAA,CAAA,GAAA,IAAA,GAAA,SAAA;;AAgC3C,cAkBK,eAlBL,EAAA,GAAA,GAAA,CAAA,KAAA,EAmB2B,KAnB3B,EAAA,GAAA,KAAA"}

package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,112 @@
+'use client';
+
+
+import { Button } from "../../button.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertTriangle, Home, RefreshCw } from "lucide-react";
+
+//#region ui/organisms/ErrorBoundary/ErrorBoundary.tsx
+const DefaultErrorFallback = ({ error, errorId, resetError }) => {
+	const isDevelopment = process.env.NODE_ENV === "development";
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex min-h-screen items-center justify-center bg-gray-50 px-4",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "w-full max-w-md rounded-lg bg-white p-6 text-center shadow-lg",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "mb-4 flex justify-center",
+					children: /* @__PURE__ */ jsx(AlertTriangle, { className: "h-12 w-12 text-red-500" })
+				}),
+				/* @__PURE__ */ jsx("h1", {
+					className: "mb-2 text-2xl font-semibold text-gray-900",
+					children: "Une erreur s'est produite"
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "mb-6 text-gray-600",
+					children: "Nous nous excusons pour ce désagrément. Notre équipe a été notifiée et travaille à résoudre le problème."
+				}),
+				isDevelopment && /* @__PURE__ */ jsxs("div", {
+					className: "mb-6 rounded-md bg-red-50 p-4 text-left",
+					children: [
+						/* @__PURE__ */ jsx("p", {
+							className: "mb-2 text-base font-medium text-red-800",
+							children: "Erreur de développement:"
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "font-mono text-sm break-all text-red-700",
+							children: error.message
+						}),
+						errorId && /* @__PURE__ */ jsxs("p", {
+							className: "mt-2 text-sm text-red-600",
+							children: ["ID: ", errorId]
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col justify-center gap-3 sm:flex-row",
+					children: [/* @__PURE__ */ jsxs(Button, {
+						onPress: resetError,
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }), "Réessayer"]
+					}), /* @__PURE__ */ jsxs(Button, {
+						onPress: () => window.location.href = "/",
+						variant: "secondary",
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), "Accueil"]
+					})]
+				}),
+				!isDevelopment && errorId && /* @__PURE__ */ jsxs("p", {
+					className: "mt-4 text-sm text-gray-500",
+					children: ["Code d'erreur: ", errorId]
+				})
+			]
+		})
+	});
+};
+var ErrorBoundary = class extends React.Component {
+	constructor(props) {
+		super(props);
+		this.state = {
+			hasError: false,
+			error: null,
+			errorId: null
+		};
+	}
+	static getDerivedStateFromError(error) {
+		return {
+			hasError: true,
+			error
+		};
+	}
+	componentDidCatch(error, errorInfo) {
+		const errorId = `err_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+		this.setState({ errorId });
+		this.props.onError?.(error, errorInfo);
+		if (process.env.NODE_ENV === "development") console.error("ErrorBoundary caught an error:", error, errorInfo);
+	}
+	resetError = () => {
+		this.setState({
+			hasError: false,
+			error: null,
+			errorId: null
+		});
+	};
+	render() {
+		if (this.state.hasError && this.state.error) return /* @__PURE__ */ jsx(this.props.fallback || DefaultErrorFallback, {
+			error: this.state.error,
+			errorId: this.state.errorId,
+			resetError: this.resetError
+		});
+		return this.props.children;
+	}
+};
+const useErrorHandler = () => {
+	return React.useCallback((error) => {
+		throw error;
+	}, []);
+};
+
+//#endregion
+export { ErrorBoundary, useErrorHandler };
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","names":["DefaultErrorFallback: React.FC<ErrorFallbackProps>"],"sources":["../../../../ui/organisms/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n// import * as Sentry from '@sentry/nextjs';\nimport { AlertTriangle, RefreshCw, Home } from 'lucide-react';\nimport { Button } from '../../button';\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n  error: Error | null;\n  errorId: string | null;\n}\n\ninterface ErrorBoundaryProps {\n  children: React.ReactNode;\n  fallback?: React.ComponentType<ErrorFallbackProps>;\n  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n}\n\ninterface ErrorFallbackProps {\n  error: Error;\n  errorId: string | null;\n  resetError: () => void;\n}\n\nconst DefaultErrorFallback: React.FC<ErrorFallbackProps> = ({\n  error,\n  errorId,\n  resetError,\n}) => {\n  const isDevelopment = process.env.NODE_ENV === 'development';\n\n  return (\n    <div className=\"flex min-h-screen items-center justify-center bg-gray-50 px-4\">\n      <div className=\"w-full max-w-md rounded-lg bg-white p-6 text-center shadow-lg\">\n        <div className=\"mb-4 flex justify-center\">\n          <AlertTriangle className=\"h-12 w-12 text-red-500\" />\n        </div>\n\n        <h1 className=\"mb-2 text-2xl font-semibold text-gray-900\">\n          Une erreur s'est produite\n        </h1>\n\n        <p className=\"mb-6 text-gray-600\">\n          Nous nous excusons pour ce désagrément. Notre équipe a été notifiée et\n          travaille à résoudre le problème.\n        </p>\n\n        {isDevelopment && (\n          <div className=\"mb-6 rounded-md bg-red-50 p-4 text-left\">\n            <p className=\"mb-2 text-base font-medium text-red-800\">\n              Erreur de développement:\n            </p>\n            <p className=\"font-mono text-sm break-all text-red-700\">\n              {error.message}\n            </p>\n            {errorId && (\n              <p className=\"mt-2 text-sm text-red-600\">ID: {errorId}</p>\n            )}\n          </div>\n        )}\n\n        <div className=\"flex flex-col justify-center gap-3 sm:flex-row\">\n          <Button onPress={resetError} className=\"flex items-center gap-2\">\n            <RefreshCw className=\"h-4 w-4\" />\n            Réessayer\n          </Button>\n\n          <Button\n            onPress={() => (window.location.href = '/')}\n            variant=\"secondary\"\n            className=\"flex items-center gap-2\"\n          >\n            <Home className=\"h-4 w-4\" />\n            Accueil\n          </Button>\n        </div>\n\n        {!isDevelopment && errorId && (\n          <p className=\"mt-4 text-sm text-gray-500\">Code d'erreur: {errorId}</p>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport class ErrorBoundary extends React.Component<\n  ErrorBoundaryProps,\n  ErrorBoundaryState\n> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = {\n      hasError: false,\n      error: null,\n      errorId: null,\n    };\n  }\n\n  static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n    return {\n      hasError: true,\n      error,\n    };\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    // Generate unique error ID\n    const errorId = `err_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\n\n    // Log to Sentry with additional context\n    // Sentry.withScope((scope) => {\n    //   scope.setTag('errorBoundary', true);\n    //   scope.setContext('errorInfo', { ...errorInfo });\n    //   scope.setContext('errorId', { errorId });\n    //   Sentry.captureException(error);\n    // });\n\n    // Update state with error ID\n    this.setState({ errorId });\n\n    // Call custom error handler if provided\n    this.props.onError?.(error, errorInfo);\n\n    // Log to console in development\n    if (process.env.NODE_ENV === 'development') {\n      console.error('ErrorBoundary caught an error:', error, errorInfo);\n    }\n  }\n\n  resetError = () => {\n    this.setState({\n      hasError: false,\n      error: null,\n      errorId: null,\n    });\n  };\n\n  render() {\n    if (this.state.hasError && this.state.error) {\n      const FallbackComponent = this.props.fallback || DefaultErrorFallback;\n\n      return (\n        <FallbackComponent\n          error={this.state.error}\n          errorId={this.state.errorId}\n          resetError={this.resetError}\n        />\n      );\n    }\n\n    return this.props.children;\n  }\n}\n\n// Hook for functional components to trigger error boundary\nexport const useErrorHandler = () => {\n  return React.useCallback((error: Error) => {\n    // This will be caught by the nearest error boundary\n    throw error;\n  }, []);\n};\n\nexport type { ErrorBoundaryProps, ErrorFallbackProps };\n"],"mappings":";;;;;;;;;AAyBA,MAAMA,wBAAsD,EAC1D,OACA,SACA,iBACI;CACJ,MAAM,gBAAgB,QAAQ,IAAI,aAAa;AAE/C,QACE,oBAAC;EAAI,WAAU;YACb,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAI,WAAU;eACb,oBAAC,iBAAc,WAAU,2BAA2B;MAChD;IAEN,oBAAC;KAAG,WAAU;eAA4C;MAErD;IAEL,oBAAC;KAAE,WAAU;eAAqB;MAG9B;IAEH,iBACC,qBAAC;KAAI,WAAU;;MACb,oBAAC;OAAE,WAAU;iBAA0C;QAEnD;MACJ,oBAAC;OAAE,WAAU;iBACV,MAAM;QACL;MACH,WACC,qBAAC;OAAE,WAAU;kBAA4B,QAAK;QAAY;;MAExD;IAGR,qBAAC;KAAI,WAAU;gBACb,qBAAC;MAAO,SAAS;MAAY,WAAU;iBACrC,oBAAC,aAAU,WAAU,YAAY;OAE1B,EAET,qBAAC;MACC,eAAgB,OAAO,SAAS,OAAO;MACvC,SAAQ;MACR,WAAU;iBAEV,oBAAC,QAAK,WAAU,YAAY;OAErB;MACL;IAEL,CAAC,iBAAiB,WACjB,qBAAC;KAAE,WAAU;gBAA6B,mBAAgB;MAAY;;IAEpE;GACF;;AAIV,IAAa,gBAAb,cAAmC,MAAM,UAGvC;CACA,YAAY,OAA2B;AACrC,QAAM,MAAM;AACZ,OAAK,QAAQ;GACX,UAAU;GACV,OAAO;GACP,SAAS;GACV;;CAGH,OAAO,yBAAyB,OAA2C;AACzE,SAAO;GACL,UAAU;GACV;GACD;;CAGH,kBAAkB,OAAc,WAA4B;EAE1D,MAAM,UAAU,OAAO,KAAK,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,OAAO,GAAG,EAAE;AAW5E,OAAK,SAAS,EAAE,SAAS,CAAC;AAG1B,OAAK,MAAM,UAAU,OAAO,UAAU;AAGtC,MAAI,QAAQ,IAAI,aAAa,cAC3B,SAAQ,MAAM,kCAAkC,OAAO,UAAU;;CAIrE,mBAAmB;AACjB,OAAK,SAAS;GACZ,UAAU;GACV,OAAO;GACP,SAAS;GACV,CAAC;;CAGJ,SAAS;AACP,MAAI,KAAK,MAAM,YAAY,KAAK,MAAM,MAGpC,QACE,oBAHwB,KAAK,MAAM,YAAY;GAI7C,OAAO,KAAK,MAAM;GAClB,SAAS,KAAK,MAAM;GACpB,YAAY,KAAK;IACjB;AAIN,SAAO,KAAK,MAAM;;;AAKtB,MAAa,wBAAwB;AACnC,QAAO,MAAM,aAAa,UAAiB;AAEzC,QAAM;IACL,EAAE,CAAC"}

package/dist/ui/organisms/ErrorBoundary/index.d.ts

@@ -0,0 +1,2 @@
+import { ErrorBoundary, ErrorBoundaryProps, ErrorFallbackProps, useErrorHandler } from "./ErrorBoundary.js";
+export { ErrorBoundary, type ErrorBoundaryProps, type ErrorFallbackProps, useErrorHandler };

package/dist/ui/organisms/ErrorBoundary/index.js

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

package/dist/ui/organisms/ListPage/ListPage.d.ts

@@ -0,0 +1,29 @@
+import { ListPageProps } from "./types.js";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
+
+//#region ui/organisms/ListPage/ListPage.d.ts
+declare function ListPage<T>({
+  title,
+  description,
+  header,
+  items,
+  totalItems,
+  totalPages,
+  isLoading,
+  isFetching,
+  error,
+  listState,
+  searchPlaceholder,
+  filters,
+  onRefresh,
+  primaryAction,
+  toolbar,
+  renderItem,
+  renderEmpty,
+  renderStats,
+  className,
+  itemClassName
+}: ListPageProps<T>): react_jsx_runtime38.JSX.Element;
+//#endregion
+export { ListPage };
+//# sourceMappingURL=ListPage.d.ts.map

package/dist/ui/organisms/ListPage/ListPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage.d.ts","names":[],"sources":["../../../../ui/organisms/ListPage/ListPage.tsx"],"sourcesContent":[],"mappings":";;;;iBAYgB;;;;;;;;;;;;;;;;;;;;;GAqBb,cAAc,KAAE,mBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/organisms/ListPage/ListPage.js

@@ -0,0 +1,198 @@
+import { Button } from "../../button.js";
+import { Card, CardContent } from "../../card.js";
+import { HStack, VStack } from "../../stack.js";
+import { Separator } from "../../separator.js";
+import { Pagination } from "../../atoms/Pagination/Pagination.js";
+import { SearchAndFilter } from "../../molecules/SearchAndFilter/SearchAndFilter.js";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AlertTriangle, Loader2, Plus, RefreshCcw } from "lucide-react";
+import Link from "next/link";
+
+//#region ui/organisms/ListPage/ListPage.tsx
+function ListPage({ title, description, header, items, totalItems, totalPages, isLoading, isFetching, error, listState, searchPlaceholder, filters = [], onRefresh, primaryAction, toolbar, renderItem, renderEmpty, renderStats, className = "", itemClassName = "" }) {
+	const { searchQuery, setSearchQuery, filters: filterValues, setFilter, currentPage, itemsPerPage, setCurrentPage, setItemsPerPage } = listState;
+	if (isLoading && !items.length) return /* @__PURE__ */ jsxs(VStack, {
+		className: `space-y-4 md:space-y-6 ${className}`,
+		children: [header ? header : /* @__PURE__ */ jsxs(VStack, {
+			className: "gap-1",
+			children: [/* @__PURE__ */ jsx("h1", {
+				className: "text-2xl font-bold md:text-3xl",
+				children: title
+			}), description && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-base",
+				children: description
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex min-h-[400px] items-center justify-center",
+			children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, {
+				className: "flex items-center gap-4 p-6",
+				children: [/* @__PURE__ */ jsx(Loader2, { className: "text-primary h-8 w-8 animate-spin" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+					className: "font-medium",
+					children: "Chargement..."
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground text-base",
+					children: "Récupération des données en cours"
+				})] })]
+			}) })
+		})]
+	});
+	if (error && !items.length) return /* @__PURE__ */ jsxs(VStack, {
+		className: `space-y-4 md:space-y-6 ${className}`,
+		children: [header ? header : /* @__PURE__ */ jsxs(VStack, {
+			className: "gap-1",
+			children: [/* @__PURE__ */ jsx("h1", {
+				className: "text-2xl font-bold md:text-3xl",
+				children: title
+			}), description && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-base",
+				children: description
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex min-h-[400px] items-center justify-center",
+			children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, {
+				className: "flex flex-col items-center gap-4 p-6 text-center",
+				children: [
+					/* @__PURE__ */ jsx(AlertTriangle, { className: "text-destructive h-12 w-12" }),
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+						className: "font-medium",
+						children: "Erreur de chargement"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-base",
+						children: error.message || "Une erreur est survenue"
+					})] }),
+					onRefresh && /* @__PURE__ */ jsxs(Button, {
+						onPress: onRefresh,
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ jsx(RefreshCcw, { className: "mr-2 h-4 w-4" }), "Réessayer"]
+					})
+				]
+			}) })
+		})]
+	});
+	const filterConfigs = filters.map((filter) => ({
+		key: filter.key,
+		label: filter.label,
+		value: filterValues[filter.key] || "",
+		options: filter.options,
+		onChange: (value) => {
+			setFilter(filter.key, value?.value || "");
+		},
+		showCounts: filter.showCounts
+	}));
+	return /* @__PURE__ */ jsxs(VStack, {
+		className: `space-y-4 md:space-y-6 ${className}`,
+		children: [
+			header ? header : /* @__PURE__ */ jsxs(HStack, {
+				className: "items-center justify-between",
+				children: [/* @__PURE__ */ jsxs(VStack, {
+					className: "gap-1",
+					children: [/* @__PURE__ */ jsx("h1", {
+						className: "text-2xl font-bold md:text-3xl",
+						children: title
+					}), description && /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-base",
+						children: description
+					})]
+				}), /* @__PURE__ */ jsxs(HStack, {
+					className: "items-center gap-4",
+					children: [
+						toolbar,
+						(isLoading || isFetching) && /* @__PURE__ */ jsxs("div", {
+							className: "text-muted-foreground flex items-center gap-2 text-base",
+							children: [/* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ jsx("span", {
+								className: "hidden sm:inline",
+								children: "Mise à jour..."
+							})]
+						}),
+						onRefresh && /* @__PURE__ */ jsxs(Button, {
+							variant: "outline",
+							size: "sm",
+							onPress: onRefresh,
+							disabled: Boolean(isLoading),
+							"aria-label": "Rafraîchir",
+							children: [/* @__PURE__ */ jsx(RefreshCcw, { className: `mr-2 h-4 w-4 ${isLoading || isFetching ? "animate-spin" : ""}` }), /* @__PURE__ */ jsx("span", {
+								className: "hidden sm:inline",
+								children: "Rafraîchir"
+							})]
+						}),
+						primaryAction && /* @__PURE__ */ jsx(Fragment, { children: primaryAction.href ? /* @__PURE__ */ jsx(Link, {
+							href: primaryAction.href,
+							children: /* @__PURE__ */ jsxs(Button, { children: [
+								primaryAction.icon || /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
+								/* @__PURE__ */ jsx("span", {
+									className: "hidden sm:inline",
+									children: primaryAction.label
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "sm:hidden",
+									children: "Nouveau"
+								})
+							] })
+						}) : /* @__PURE__ */ jsxs(Button, {
+							onPress: primaryAction.onClick,
+							children: [
+								primaryAction.icon || /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
+								/* @__PURE__ */ jsx("span", {
+									className: "hidden sm:inline",
+									children: primaryAction.label
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "sm:hidden",
+									children: "Nouveau"
+								})
+							]
+						}) })
+					]
+				})]
+			}),
+			renderStats && /* @__PURE__ */ jsxs(Fragment, { children: [renderStats(items), /* @__PURE__ */ jsx(Separator, {})] }),
+			/* @__PURE__ */ jsx(SearchAndFilter, {
+				searchValue: searchQuery,
+				onSearchChange: setSearchQuery,
+				searchPlaceholder,
+				filters: filterConfigs,
+				isLoading
+			}),
+			items.length === 0 && !isLoading ? renderEmpty ? renderEmpty() : /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, {
+				className: "flex flex-col items-center gap-4 p-8 text-center",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "bg-muted flex h-12 w-12 items-center justify-center rounded-full",
+						children: /* @__PURE__ */ jsx("div", { className: "bg-muted-foreground/20 h-6 w-6 rounded-full" })
+					}),
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+						className: "font-medium",
+						children: "Aucun élément trouvé"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-base",
+						children: searchQuery || Object.values(filterValues).some((v) => v) ? "Essayez de modifier vos critères de recherche" : "Commencez par créer votre premier élément"
+					})] }),
+					primaryAction && !searchQuery && !Object.values(filterValues).some((v) => v) && /* @__PURE__ */ jsx(Fragment, { children: primaryAction.href ? /* @__PURE__ */ jsx(Link, {
+						href: primaryAction.href,
+						children: /* @__PURE__ */ jsxs(Button, { children: [primaryAction.icon || /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }), primaryAction.label] })
+					}) : /* @__PURE__ */ jsxs(Button, {
+						onPress: primaryAction.onClick,
+						children: [primaryAction.icon || /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }), primaryAction.label]
+					}) })
+				]
+			}) }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+				className: `space-y-4 ${itemClassName}`,
+				children: items.map((item, index) => renderItem(item, index))
+			}), totalPages > 1 && /* @__PURE__ */ jsx(Pagination, {
+				currentPage,
+				totalPages,
+				totalItems,
+				itemsPerPage,
+				onPageChange: setCurrentPage,
+				onItemsPerPageChange: setItemsPerPage,
+				disabled: isLoading
+			})] })
+		]
+	});
+}
+
+//#endregion
+export { ListPage };
+//# sourceMappingURL=ListPage.js.map

package/dist/ui/organisms/ListPage/ListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage.js","names":[],"sources":["../../../../ui/organisms/ListPage/ListPage.tsx"],"sourcesContent":["import React from 'react';\nimport Link from 'next/link';\nimport { AlertTriangle, Loader2, Plus, RefreshCcw } from 'lucide-react';\nimport { Button } from '../../button';\nimport { Card, CardContent } from '../../card';\nimport { VStack, HStack } from '../../stack';\nimport { Separator } from '../../separator';\nimport { SearchAndFilter } from '../../molecules/SearchAndFilter';\nimport { Pagination } from '../../atoms/Pagination';\nimport type { ListPageProps } from './types';\nimport type { FilterOption } from '../../atoms/FilterSelect/types';\n\nexport function ListPage<T>({\n  title,\n  description,\n  header,\n  items,\n  totalItems,\n  totalPages,\n  isLoading,\n  isFetching,\n  error,\n  listState,\n  searchPlaceholder,\n  filters = [],\n  onRefresh,\n  primaryAction,\n  toolbar,\n  renderItem,\n  renderEmpty,\n  renderStats,\n  className = '',\n  itemClassName = '',\n}: ListPageProps<T>) {\n  const {\n    searchQuery,\n    setSearchQuery,\n    filters: filterValues,\n    setFilter,\n    currentPage,\n    itemsPerPage,\n    setCurrentPage,\n    setItemsPerPage,\n  } = listState;\n\n  // Loading state with no items\n  if (isLoading && !items.length) {\n    return (\n      <VStack className={`space-y-4 md:space-y-6 ${className}`}>\n        {header ? (\n          header\n        ) : (\n          <VStack className=\"gap-1\">\n            <h1 className=\"text-2xl font-bold md:text-3xl\">{title}</h1>\n            {description && (\n              <p className=\"text-muted-foreground text-base\">{description}</p>\n            )}\n          </VStack>\n        )}\n\n        <div className=\"flex min-h-[400px] items-center justify-center\">\n          <Card>\n            <CardContent className=\"flex items-center gap-4 p-6\">\n              <Loader2 className=\"text-primary h-8 w-8 animate-spin\" />\n              <div>\n                <h3 className=\"font-medium\">Chargement...</h3>\n                <p className=\"text-muted-foreground text-base\">\n                  Récupération des données en cours\n                </p>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </VStack>\n    );\n  }\n\n  // Error state with no items\n  if (error && !items.length) {\n    return (\n      <VStack className={`space-y-4 md:space-y-6 ${className}`}>\n        {header ? (\n          header\n        ) : (\n          <VStack className=\"gap-1\">\n            <h1 className=\"text-2xl font-bold md:text-3xl\">{title}</h1>\n            {description && (\n              <p className=\"text-muted-foreground text-base\">{description}</p>\n            )}\n          </VStack>\n        )}\n\n        <div className=\"flex min-h-[400px] items-center justify-center\">\n          <Card>\n            <CardContent className=\"flex flex-col items-center gap-4 p-6 text-center\">\n              <AlertTriangle className=\"text-destructive h-12 w-12\" />\n              <div>\n                <h3 className=\"font-medium\">Erreur de chargement</h3>\n                <p className=\"text-muted-foreground text-base\">\n                  {error.message || 'Une erreur est survenue'}\n                </p>\n              </div>\n              {onRefresh && (\n                <Button onPress={onRefresh} variant=\"outline\" size=\"sm\">\n                  <RefreshCcw className=\"mr-2 h-4 w-4\" />\n                  Réessayer\n                </Button>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      </VStack>\n    );\n  }\n\n  // Prepare filter configurations\n  const filterConfigs = filters.map((filter) => ({\n    key: filter.key,\n    label: filter.label,\n    value: filterValues[filter.key] || '',\n    options: filter.options,\n    onChange: (value: FilterOption | undefined) => {\n      setFilter(filter.key, value?.value || '');\n    },\n    showCounts: filter.showCounts,\n  }));\n\n  return (\n    <VStack className={`space-y-4 md:space-y-6 ${className}`}>\n      {/* Header */}\n      {header ? (\n        header\n      ) : (\n        <HStack className=\"items-center justify-between\">\n          <VStack className=\"gap-1\">\n            <h1 className=\"text-2xl font-bold md:text-3xl\">{title}</h1>\n            {description && (\n              <p className=\"text-muted-foreground text-base\">{description}</p>\n            )}\n          </VStack>\n\n          <HStack className=\"items-center gap-4\">\n            {toolbar}\n            {(isLoading || isFetching) && (\n              <div className=\"text-muted-foreground flex items-center gap-2 text-base\">\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n                <span className=\"hidden sm:inline\">Mise à jour...</span>\n              </div>\n            )}\n\n            {onRefresh && (\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                onPress={onRefresh}\n                disabled={Boolean(isLoading)}\n                aria-label=\"Rafraîchir\"\n              >\n                <RefreshCcw\n                  className={`mr-2 h-4 w-4 ${isLoading || isFetching ? 'animate-spin' : ''}`}\n                />\n                <span className=\"hidden sm:inline\">Rafraîchir</span>\n              </Button>\n            )}\n\n            {primaryAction && (\n              <>\n                {primaryAction.href ? (\n                  <Link href={primaryAction.href}>\n                    <Button>\n                      {primaryAction.icon || <Plus className=\"mr-2 h-4 w-4\" />}\n                      <span className=\"hidden sm:inline\">\n                        {primaryAction.label}\n                      </span>\n                      <span className=\"sm:hidden\">Nouveau</span>\n                    </Button>\n                  </Link>\n                ) : (\n                  <Button onPress={primaryAction.onClick}>\n                    {primaryAction.icon || <Plus className=\"mr-2 h-4 w-4\" />}\n                    <span className=\"hidden sm:inline\">\n                      {primaryAction.label}\n                    </span>\n                    <span className=\"sm:hidden\">Nouveau</span>\n                  </Button>\n                )}\n              </>\n            )}\n          </HStack>\n        </HStack>\n      )}\n\n      {/* Stats (optional) */}\n      {renderStats && (\n        <>\n          {renderStats(items)}\n          <Separator />\n        </>\n      )}\n\n      {/* Search and Filters */}\n      <SearchAndFilter\n        searchValue={searchQuery}\n        onSearchChange={setSearchQuery}\n        searchPlaceholder={searchPlaceholder}\n        filters={filterConfigs}\n        isLoading={isLoading}\n      />\n\n      {/* Content */}\n      {items.length === 0 && !isLoading ? (\n        renderEmpty ? (\n          renderEmpty()\n        ) : (\n          <Card>\n            <CardContent className=\"flex flex-col items-center gap-4 p-8 text-center\">\n              <div className=\"bg-muted flex h-12 w-12 items-center justify-center rounded-full\">\n                <div className=\"bg-muted-foreground/20 h-6 w-6 rounded-full\" />\n              </div>\n              <div>\n                <h3 className=\"font-medium\">Aucun élément trouvé</h3>\n                <p className=\"text-muted-foreground text-base\">\n                  {searchQuery || Object.values(filterValues).some((v) => v)\n                    ? 'Essayez de modifier vos critères de recherche'\n                    : 'Commencez par créer votre premier élément'}\n                </p>\n              </div>\n              {primaryAction &&\n                !searchQuery &&\n                !Object.values(filterValues).some((v) => v) && (\n                  <>\n                    {primaryAction.href ? (\n                      <Link href={primaryAction.href}>\n                        <Button>\n                          {primaryAction.icon || (\n                            <Plus className=\"mr-2 h-4 w-4\" />\n                          )}\n                          {primaryAction.label}\n                        </Button>\n                      </Link>\n                    ) : (\n                      <Button onPress={primaryAction.onClick}>\n                        {primaryAction.icon || (\n                          <Plus className=\"mr-2 h-4 w-4\" />\n                        )}\n                        {primaryAction.label}\n                      </Button>\n                    )}\n                  </>\n                )}\n            </CardContent>\n          </Card>\n        )\n      ) : (\n        <>\n          {/* Items List */}\n          <div className={`space-y-4 ${itemClassName}`}>\n            {items.map((item, index) => renderItem(item, index))}\n          </div>\n\n          {/* Pagination */}\n          {totalPages > 1 && (\n            <Pagination\n              currentPage={currentPage}\n              totalPages={totalPages}\n              totalItems={totalItems}\n              itemsPerPage={itemsPerPage}\n              onPageChange={setCurrentPage}\n              onItemsPerPageChange={setItemsPerPage}\n              disabled={isLoading}\n            />\n          )}\n        </>\n      )}\n    </VStack>\n  );\n}\n"],"mappings":"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"}

package/dist/ui/organisms/ListPage/index.d.ts

@@ -0,0 +1,3 @@
+import { ListPageFilter, ListPageProps } from "./types.js";
+import { ListPage } from "./ListPage.js";
+export { ListPage, type ListPageFilter, type ListPageProps };

package/dist/ui/organisms/ListPage/index.js

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