@contractspec/lib.ui-kit 1.57.0 → 1.59.0

package/dist/browser/ui/molecules/SkeletonList.js

@@ -0,0 +1,46 @@
+// ui/skeleton.tsx
+import * as React from "react";
+import Animated, {
+  useAnimatedStyle,
+  useSharedValue,
+  withRepeat,
+  withSequence,
+  withTiming
+} from "react-native-reanimated";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var duration = 1000;
+function Skeleton({
+  className,
+  ...props
+}) {
+  const sv = useSharedValue(1);
+  React.useEffect(() => {
+    sv.value = withRepeat(withSequence(withTiming(0.5, { duration }), withTiming(1, { duration })), -1);
+  }, []);
+  const style = useAnimatedStyle(() => ({
+    opacity: sv.value
+  }));
+  return /* @__PURE__ */ jsxDEV(Animated.View, {
+    style,
+    className: cn("bg-secondary dark:bg-muted rounded-md", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/molecules/SkeletonList.tsx
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+function SkeletonList({
+  count = 6,
+  className = "",
+  itemClassName = ""
+}) {
+  return /* @__PURE__ */ jsxDEV2("div", {
+    className: `space-y-3 ${className}`,
+    children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsxDEV2(Skeleton, {
+      className: `h-20 rounded-md ${itemClassName}`
+    }, i, false, undefined, this))
+  }, undefined, false, undefined, this);
+}
+export {
+  SkeletonList
+};

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

@@ -0,0 +1,147 @@
+// ui/icons/iconWithClassName.ts
+import { styled } from "nativewind";
+function iconWithClassName(icon) {
+  styled(icon, {
+    className: {
+      target: "style",
+      nativeStyleMapping: {
+        color: true,
+        opacity: true
+      }
+    }
+  });
+}
+
+// ui/icons/ChevronDown.tsx
+import { ChevronDown } from "lucide-react-native";
+iconWithClassName(ChevronDown);
+// ui/navigation-menu.tsx
+import * as NavigationMenuPrimitive from "@rn-primitives/navigation-menu";
+import { cva } from "class-variance-authority";
+import { Platform, View } from "react-native";
+import Animated, {
+  Extrapolation,
+  FadeInLeft,
+  FadeOutLeft,
+  interpolate,
+  useAnimatedStyle,
+  useDerivedValue,
+  withTiming
+} from "react-native-reanimated";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function NavigationMenu({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(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__ */ jsxDEV(NavigationMenuViewport, {}, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function NavigationMenuList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(NavigationMenuPrimitive.List, {
+    className: cn("web:group web:list-none flex flex-1 flex-row items-center justify-center gap-1", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+var NavigationMenuItem = NavigationMenuPrimitive.Item;
+var 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, 0.8], Extrapolation.CLAMP)
+  }));
+  return /* @__PURE__ */ jsxDEV(NavigationMenuPrimitive.Trigger, {
+    className: cn(navigationMenuTriggerStyle(), "web:group gap-1.5", value === itemValue && "bg-accent", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxDEV(Animated.View, {
+        style: chevronStyle,
+        children: /* @__PURE__ */ jsxDEV(ChevronDown, {
+          size: 12,
+          className: cn("text-foreground web:transition web:duration-200 relative h-3 w-3"),
+          "aria-hidden": true
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function NavigationMenuContent({
+  className,
+  children,
+  portalHost,
+  ...props
+}) {
+  const { value } = NavigationMenuPrimitive.useRootContext();
+  const { value: itemValue } = NavigationMenuPrimitive.useItemContext();
+  return /* @__PURE__ */ jsxDEV(NavigationMenuPrimitive.Portal, {
+    hostName: portalHost,
+    children: /* @__PURE__ */ jsxDEV(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__ */ jsxDEV(Animated.View, {
+        entering: Platform.OS !== "web" ? FadeInLeft : undefined,
+        exiting: Platform.OS !== "web" ? FadeOutLeft : undefined,
+        children
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+var NavigationMenuLink = NavigationMenuPrimitive.Link;
+function NavigationMenuViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(View, {
+    className: cn("absolute top-full left-0 flex justify-center"),
+    children: /* @__PURE__ */ jsxDEV(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__ */ jsxDEV(NavigationMenuPrimitive.Viewport, {}, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function NavigationMenuIndicator({
+  ref,
+  className,
+  ...props
+}) {
+  const { value } = NavigationMenuPrimitive.useRootContext();
+  const { value: itemValue } = NavigationMenuPrimitive.useItemContext();
+  return /* @__PURE__ */ jsxDEV(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__ */ jsxDEV(View, {
+      className: "bg-border shadow-foreground/5 relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+export {
+  navigationMenuTriggerStyle,
+  NavigationMenuViewport,
+  NavigationMenuTrigger,
+  NavigationMenuList,
+  NavigationMenuLink,
+  NavigationMenuItem,
+  NavigationMenuIndicator,
+  NavigationMenuContent,
+  NavigationMenu
+};

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

@@ -0,0 +1,222 @@
+// ui/text.tsx
+import * as Slot from "@rn-primitives/slot";
+import * as React from "react";
+import { Text as RNText } from "react-native";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var TextClassContext = React.createContext(undefined);
+function Text2({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const textClass = React.useContext(TextClassContext);
+  const Component = asChild ? Slot.Text : RNText;
+  return /* @__PURE__ */ jsxDEV(Component, {
+    className: cn("text-foreground web:select-text text-base", textClass, className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/button.tsx
+import { cva } from "class-variance-authority";
+import { Pressable } from "react-native";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var buttonVariants = cva("group flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", {
+  variants: {
+    variant: {
+      default: "bg-primary web:hover:opacity-90 active:opacity-90",
+      destructive: "bg-destructive web:hover:opacity-90 active:opacity-90",
+      outline: "border border-input bg-background web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
+      secondary: "bg-secondary web:hover:opacity-80 active:opacity-80",
+      ghost: "web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
+      link: "web:underline-offset-4 web:hover:underline web:focus:underline"
+    },
+    size: {
+      default: "h-10 px-4 py-2 native:h-12 native:px-5 native:py-3",
+      sm: "h-9 rounded-md px-3",
+      lg: "h-11 rounded-md px-8 native:h-14",
+      icon: "h-10 w-10"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var buttonTextVariants = cva("web:whitespace-nowrap text-sm native:text-base font-medium text-foreground web:transition-colors", {
+  variants: {
+    variant: {
+      default: "text-primary-foreground",
+      destructive: "text-destructive-foreground",
+      outline: "group-active:text-accent-foreground",
+      secondary: "text-secondary-foreground group-active:text-secondary-foreground",
+      ghost: "group-active:text-accent-foreground",
+      link: "text-primary group-active:underline"
+    },
+    size: {
+      default: "",
+      sm: "",
+      lg: "native:text-lg",
+      icon: ""
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Button({ ref, className, variant, size, ...props }) {
+  return /* @__PURE__ */ jsxDEV2(TextClassContext.Provider, {
+    value: buttonTextVariants({
+      variant,
+      size,
+      className: "web:pointer-events-none"
+    }),
+    children: /* @__PURE__ */ jsxDEV2(Pressable, {
+      className: cn2(props.disabled && "web:pointer-events-none opacity-50", buttonVariants({ variant, size, className })),
+      ref,
+      role: "button",
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// ui/organisms/ErrorBoundary/ErrorBoundary.tsx
+import React2 from "react";
+import { AlertTriangle, RefreshCw, Home } from "lucide-react";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+"use client";
+var DefaultErrorFallback = ({
+  error,
+  errorId,
+  resetError
+}) => {
+  const isDevelopment = true;
+  return /* @__PURE__ */ jsxDEV3("div", {
+    className: "flex min-h-screen items-center justify-center bg-gray-50 px-4",
+    children: /* @__PURE__ */ jsxDEV3("div", {
+      className: "w-full max-w-md rounded-lg bg-white p-6 text-center shadow-lg",
+      children: [
+        /* @__PURE__ */ jsxDEV3("div", {
+          className: "mb-4 flex justify-center",
+          children: /* @__PURE__ */ jsxDEV3(AlertTriangle, {
+            className: "h-12 w-12 text-red-500"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV3("h1", {
+          className: "mb-2 text-2xl font-semibold text-gray-900",
+          children: "Une erreur s'est produite"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV3("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."
+        }, undefined, false, undefined, this),
+        isDevelopment && /* @__PURE__ */ jsxDEV3("div", {
+          className: "mb-6 rounded-md bg-red-50 p-4 text-left",
+          children: [
+            /* @__PURE__ */ jsxDEV3("p", {
+              className: "mb-2 text-base font-medium text-red-800",
+              children: "Erreur de développement:"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV3("p", {
+              className: "font-mono text-sm break-all text-red-700",
+              children: error.message
+            }, undefined, false, undefined, this),
+            errorId && /* @__PURE__ */ jsxDEV3("p", {
+              className: "mt-2 text-sm text-red-600",
+              children: [
+                "ID: ",
+                errorId
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV3("div", {
+          className: "flex flex-col justify-center gap-3 sm:flex-row",
+          children: [
+            /* @__PURE__ */ jsxDEV3(Button, {
+              onPress: resetError,
+              className: "flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsxDEV3(RefreshCw, {
+                  className: "h-4 w-4"
+                }, undefined, false, undefined, this),
+                "Réessayer"
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV3(Button, {
+              onPress: () => window.location.href = "/",
+              variant: "secondary",
+              className: "flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsxDEV3(Home, {
+                  className: "h-4 w-4"
+                }, undefined, false, undefined, this),
+                "Accueil"
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        !isDevelopment && errorId && /* @__PURE__ */ jsxDEV3("p", {
+          className: "mt-4 text-sm text-gray-500",
+          children: [
+            "Code d'erreur: ",
+            errorId
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+};
+
+class ErrorBoundary extends React2.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 (true) {
+      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) {
+      const FallbackComponent = this.props.fallback || DefaultErrorFallback;
+      return /* @__PURE__ */ jsxDEV3(FallbackComponent, {
+        error: this.state.error,
+        errorId: this.state.errorId,
+        resetError: this.resetError
+      }, undefined, false, undefined, this);
+    }
+    return this.props.children;
+  }
+}
+var useErrorHandler = () => {
+  return React2.useCallback((error) => {
+    throw error;
+  }, []);
+};
+export {
+  useErrorHandler,
+  ErrorBoundary
+};

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

@@ -0,0 +1,222 @@
+// ui/text.tsx
+import * as Slot from "@rn-primitives/slot";
+import * as React from "react";
+import { Text as RNText } from "react-native";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var TextClassContext = React.createContext(undefined);
+function Text2({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const textClass = React.useContext(TextClassContext);
+  const Component = asChild ? Slot.Text : RNText;
+  return /* @__PURE__ */ jsxDEV(Component, {
+    className: cn("text-foreground web:select-text text-base", textClass, className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// ui/button.tsx
+import { cva } from "class-variance-authority";
+import { Pressable } from "react-native";
+import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var buttonVariants = cva("group flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", {
+  variants: {
+    variant: {
+      default: "bg-primary web:hover:opacity-90 active:opacity-90",
+      destructive: "bg-destructive web:hover:opacity-90 active:opacity-90",
+      outline: "border border-input bg-background web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
+      secondary: "bg-secondary web:hover:opacity-80 active:opacity-80",
+      ghost: "web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
+      link: "web:underline-offset-4 web:hover:underline web:focus:underline"
+    },
+    size: {
+      default: "h-10 px-4 py-2 native:h-12 native:px-5 native:py-3",
+      sm: "h-9 rounded-md px-3",
+      lg: "h-11 rounded-md px-8 native:h-14",
+      icon: "h-10 w-10"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var buttonTextVariants = cva("web:whitespace-nowrap text-sm native:text-base font-medium text-foreground web:transition-colors", {
+  variants: {
+    variant: {
+      default: "text-primary-foreground",
+      destructive: "text-destructive-foreground",
+      outline: "group-active:text-accent-foreground",
+      secondary: "text-secondary-foreground group-active:text-secondary-foreground",
+      ghost: "group-active:text-accent-foreground",
+      link: "text-primary group-active:underline"
+    },
+    size: {
+      default: "",
+      sm: "",
+      lg: "native:text-lg",
+      icon: ""
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Button({ ref, className, variant, size, ...props }) {
+  return /* @__PURE__ */ jsxDEV2(TextClassContext.Provider, {
+    value: buttonTextVariants({
+      variant,
+      size,
+      className: "web:pointer-events-none"
+    }),
+    children: /* @__PURE__ */ jsxDEV2(Pressable, {
+      className: cn2(props.disabled && "web:pointer-events-none opacity-50", buttonVariants({ variant, size, className })),
+      ref,
+      role: "button",
+      ...props
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// ui/organisms/ErrorBoundary/ErrorBoundary.tsx
+import React2 from "react";
+import { AlertTriangle, RefreshCw, Home } from "lucide-react";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+"use client";
+var DefaultErrorFallback = ({
+  error,
+  errorId,
+  resetError
+}) => {
+  const isDevelopment = true;
+  return /* @__PURE__ */ jsxDEV3("div", {
+    className: "flex min-h-screen items-center justify-center bg-gray-50 px-4",
+    children: /* @__PURE__ */ jsxDEV3("div", {
+      className: "w-full max-w-md rounded-lg bg-white p-6 text-center shadow-lg",
+      children: [
+        /* @__PURE__ */ jsxDEV3("div", {
+          className: "mb-4 flex justify-center",
+          children: /* @__PURE__ */ jsxDEV3(AlertTriangle, {
+            className: "h-12 w-12 text-red-500"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV3("h1", {
+          className: "mb-2 text-2xl font-semibold text-gray-900",
+          children: "Une erreur s'est produite"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV3("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."
+        }, undefined, false, undefined, this),
+        isDevelopment && /* @__PURE__ */ jsxDEV3("div", {
+          className: "mb-6 rounded-md bg-red-50 p-4 text-left",
+          children: [
+            /* @__PURE__ */ jsxDEV3("p", {
+              className: "mb-2 text-base font-medium text-red-800",
+              children: "Erreur de développement:"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV3("p", {
+              className: "font-mono text-sm break-all text-red-700",
+              children: error.message
+            }, undefined, false, undefined, this),
+            errorId && /* @__PURE__ */ jsxDEV3("p", {
+              className: "mt-2 text-sm text-red-600",
+              children: [
+                "ID: ",
+                errorId
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV3("div", {
+          className: "flex flex-col justify-center gap-3 sm:flex-row",
+          children: [
+            /* @__PURE__ */ jsxDEV3(Button, {
+              onPress: resetError,
+              className: "flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsxDEV3(RefreshCw, {
+                  className: "h-4 w-4"
+                }, undefined, false, undefined, this),
+                "Réessayer"
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV3(Button, {
+              onPress: () => window.location.href = "/",
+              variant: "secondary",
+              className: "flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsxDEV3(Home, {
+                  className: "h-4 w-4"
+                }, undefined, false, undefined, this),
+                "Accueil"
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        !isDevelopment && errorId && /* @__PURE__ */ jsxDEV3("p", {
+          className: "mt-4 text-sm text-gray-500",
+          children: [
+            "Code d'erreur: ",
+            errorId
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+};
+
+class ErrorBoundary extends React2.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 (true) {
+      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) {
+      const FallbackComponent = this.props.fallback || DefaultErrorFallback;
+      return /* @__PURE__ */ jsxDEV3(FallbackComponent, {
+        error: this.state.error,
+        errorId: this.state.errorId,
+        resetError: this.resetError
+      }, undefined, false, undefined, this);
+    }
+    return this.props.children;
+  }
+}
+var useErrorHandler = () => {
+  return React2.useCallback((error) => {
+    throw error;
+  }, []);
+};
+export {
+  useErrorHandler,
+  ErrorBoundary
+};