@etus/ui 0.4.0-beta.2 → 0.4.0-beta.4

package/dist/chunk-CYIFWQ5Y.js

@@ -0,0 +1,197 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { Loader2, RefreshCw, ArrowLeft, Home, CircleAlert, Settings, WifiOff, Lock, ServerCrash, Ban } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var errorDefaults = {
+  "401": {
+    code: "401",
+    description: "Fa\xE7a login para acessar este conte\xFAdo.",
+    title: "N\xE3o autenticado"
+  },
+  "403": {
+    code: "403",
+    description: "Voc\xEA n\xE3o tem permiss\xE3o para acessar este recurso.",
+    title: "Acesso negado"
+  },
+  "404": {
+    code: "404",
+    description: "A p\xE1gina que voc\xEA est\xE1 procurando n\xE3o existe ou foi movida.",
+    title: "P\xE1gina n\xE3o encontrada"
+  },
+  "500": {
+    code: "500",
+    description: "Ocorreu um erro inesperado. Nossa equipe foi notificada.",
+    title: "Erro interno"
+  },
+  generic: {
+    code: "",
+    description: "Ocorreu um erro. Por favor, tente novamente.",
+    title: "Algo deu errado"
+  },
+  maintenance: {
+    code: "",
+    description: "Estamos realizando melhorias. Voltamos em breve!",
+    title: "Em manuten\xE7\xE3o"
+  },
+  offline: {
+    code: "",
+    description: "Verifique sua conex\xE3o com a internet e tente novamente.",
+    title: "Sem conex\xE3o"
+  }
+};
+function getDefaultIcon(type) {
+  const iconClassName = "size-16 text-muted-foreground";
+  switch (type) {
+    case "404":
+      return /* @__PURE__ */ jsx(Ban, { className: iconClassName });
+    case "500":
+      return /* @__PURE__ */ jsx(ServerCrash, { className: iconClassName });
+    case "403":
+      return /* @__PURE__ */ jsx(Lock, { className: iconClassName });
+    case "401":
+      return /* @__PURE__ */ jsx(Lock, { className: iconClassName });
+    case "offline":
+      return /* @__PURE__ */ jsx(WifiOff, { className: iconClassName });
+    case "maintenance":
+      return /* @__PURE__ */ jsx(Settings, { className: iconClassName });
+    default:
+      return /* @__PURE__ */ jsx(CircleAlert, { className: cn(iconClassName, "text-destructive") });
+  }
+}
+function ErrorPage({
+  actions,
+  className,
+  code,
+  description,
+  fullScreen = false,
+  homeHref = "/",
+  icon,
+  illustration,
+  loading = false,
+  onRetry,
+  retryLabel = "Tentar novamente",
+  showBackLink = true,
+  showHomeLink = true,
+  title,
+  type = "generic",
+  ...props
+}) {
+  const defaults = errorDefaults[type];
+  const displayTitle = title ?? defaults.title;
+  const displayDescription = description ?? defaults.description;
+  const displayCode = code ?? defaults.code;
+  const displayIcon = icon ?? getDefaultIcon(type);
+  const handleBack = () => {
+    if (typeof window !== "undefined" && window.history.length > 1) {
+      window.history.back();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col items-center justify-center gap-6 bg-background p-8 text-center md:p-12",
+        fullScreen && "min-h-screen",
+        className
+      ),
+      "aria-live": "polite",
+      "data-slot": "error-page",
+      role: "main",
+      ...props,
+      children: [
+        illustration ? /* @__PURE__ */ jsx("div", { className: "mb-2", "data-slot": "error-illustration", children: illustration }) : /* @__PURE__ */ jsx("div", { className: "mb-2", "data-slot": "error-icon", children: displayIcon }),
+        displayCode && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "text-6xl font-bold text-muted-foreground md:text-8xl",
+            "data-slot": "error-code",
+            children: displayCode
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "h1",
+          {
+            className: "text-2xl font-semibold tracking-tight text-foreground",
+            "data-slot": "error-title",
+            children: displayTitle
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "max-w-md text-base text-muted-foreground",
+            "data-slot": "error-description",
+            children: displayDescription
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex flex-col items-center gap-4",
+            "data-slot": "error-actions",
+            children: [
+              actions,
+              onRetry && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  className: cn(
+                    "inline-flex h-9 items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90",
+                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                    "disabled:pointer-events-none disabled:opacity-50"
+                  ),
+                  "aria-busy": loading || void 0,
+                  "data-slot": "error-retry-button",
+                  disabled: loading,
+                  type: "button",
+                  onClick: onRetry,
+                  children: [
+                    loading ? /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(RefreshCw, { "aria-hidden": "true", className: "size-4" }),
+                    retryLabel
+                  ]
+                }
+              ),
+              (showHomeLink || showBackLink) && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "flex flex-wrap items-center justify-center gap-4 text-sm",
+                  "data-slot": "error-navigation",
+                  children: [
+                    showBackLink && /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        className: "inline-flex items-center gap-1.5 text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline",
+                        "data-slot": "error-back-link",
+                        type: "button",
+                        onClick: handleBack,
+                        children: [
+                          /* @__PURE__ */ jsx(ArrowLeft, { "aria-hidden": "true", className: "size-4" }),
+                          "Voltar"
+                        ]
+                      }
+                    ),
+                    showHomeLink && /* @__PURE__ */ jsxs(
+                      "a",
+                      {
+                        className: "inline-flex items-center gap-1.5 text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline",
+                        "data-slot": "error-home-link",
+                        href: homeHref,
+                        children: [
+                          /* @__PURE__ */ jsx(Home, { "aria-hidden": "true", className: "size-4" }),
+                          "Inicio"
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { ErrorPage, errorDefaults };
+//# sourceMappingURL=chunk-CYIFWQ5Y.js.map
+//# sourceMappingURL=chunk-CYIFWQ5Y.js.map

package/dist/chunk-CYIFWQ5Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/ErrorPage/ErrorPage.tsx"],"names":[],"mappings":"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","file":"chunk-CYIFWQ5Y.js","sourcesContent":["import type { ErrorDefault, ErrorPageProps, ErrorType } from \"./ErrorPage.types\"\n\nimport {\n  ArrowLeft,\n  Ban,\n  CircleAlert,\n  Home,\n  Loader2,\n  Lock,\n  RefreshCw,\n  ServerCrash,\n  Settings,\n  WifiOff,\n} from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\n\n/**\n * Default content for each error type\n */\nconst errorDefaults: Record<ErrorType, ErrorDefault> = {\n  \"401\": {\n    code: \"401\",\n    description: \"Faça login para acessar este conteúdo.\",\n    title: \"Não autenticado\",\n  },\n  \"403\": {\n    code: \"403\",\n    description: \"Você não tem permissão para acessar este recurso.\",\n    title: \"Acesso negado\",\n  },\n  \"404\": {\n    code: \"404\",\n    description: \"A página que você está procurando não existe ou foi movida.\",\n    title: \"Página não encontrada\",\n  },\n  \"500\": {\n    code: \"500\",\n    description: \"Ocorreu um erro inesperado. Nossa equipe foi notificada.\",\n    title: \"Erro interno\",\n  },\n  generic: {\n    code: \"\",\n    description: \"Ocorreu um erro. Por favor, tente novamente.\",\n    title: \"Algo deu errado\",\n  },\n  maintenance: {\n    code: \"\",\n    description: \"Estamos realizando melhorias. Voltamos em breve!\",\n    title: \"Em manutenção\",\n  },\n  offline: {\n    code: \"\",\n    description:\n      \"Verifique sua conexão com a internet e tente novamente.\",\n    title: \"Sem conexão\",\n  },\n}\n\n/**\n * Default icon for each error type\n */\nfunction getDefaultIcon(type: ErrorType): React.ReactNode {\n  const iconClassName = \"size-16 text-muted-foreground\"\n\n  switch (type) {\n    case \"404\":\n      return <Ban className={iconClassName} />\n    case \"500\":\n      return <ServerCrash className={iconClassName} />\n    case \"403\":\n      return <Lock className={iconClassName} />\n    case \"401\":\n      return <Lock className={iconClassName} />\n    case \"offline\":\n      return <WifiOff className={iconClassName} />\n    case \"maintenance\":\n      return <Settings className={iconClassName} />\n    default:\n      return <CircleAlert className={cn(iconClassName, \"text-destructive\")} />\n  }\n}\n\n/**\n * ErrorPage component displays user-friendly error pages with contextual\n * information, navigation options, and recovery actions.\n */\nfunction ErrorPage({\n  actions,\n  className,\n  code,\n  description,\n  fullScreen = false,\n  homeHref = \"/\",\n  icon,\n  illustration,\n  loading = false,\n  onRetry,\n  retryLabel = \"Tentar novamente\",\n  showBackLink = true,\n  showHomeLink = true,\n  title,\n  type = \"generic\",\n  ...props\n}: ErrorPageProps) {\n  const defaults = errorDefaults[type]\n  const displayTitle = title ?? defaults.title\n  const displayDescription = description ?? defaults.description\n  const displayCode = code ?? defaults.code\n  const displayIcon = icon ?? getDefaultIcon(type)\n\n  const handleBack = () => {\n    if (typeof window !== \"undefined\" && window.history.length > 1) {\n      window.history.back()\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center gap-6 bg-background p-8 text-center md:p-12\",\n        fullScreen && \"min-h-screen\",\n        className\n      )}\n      aria-live=\"polite\"\n      data-slot=\"error-page\"\n      role=\"main\"\n      {...props}\n    >\n      {/* Illustration or Icon */}\n      {illustration ? (\n        <div className=\"mb-2\" data-slot=\"error-illustration\">\n          {illustration}\n        </div>\n      ) : (\n        <div className=\"mb-2\" data-slot=\"error-icon\">\n          {displayIcon}\n        </div>\n      )}\n\n      {/* Error Code */}\n      {displayCode && (\n        <div\n          className=\"text-6xl font-bold text-muted-foreground md:text-8xl\"\n          data-slot=\"error-code\"\n        >\n          {displayCode}\n        </div>\n      )}\n\n      {/* Title */}\n      <h1\n        className=\"text-2xl font-semibold tracking-tight text-foreground\"\n        data-slot=\"error-title\"\n      >\n        {displayTitle}\n      </h1>\n\n      {/* Description */}\n      <p\n        className=\"max-w-md text-base text-muted-foreground\"\n        data-slot=\"error-description\"\n      >\n        {displayDescription}\n      </p>\n\n      {/* Actions */}\n      <div\n        className=\"flex flex-col items-center gap-4\"\n        data-slot=\"error-actions\"\n      >\n        {/* Custom actions */}\n        {actions}\n\n        {/* Retry button */}\n        {onRetry && (\n          <button\n            className={cn(\n              \"inline-flex h-9 items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n              \"disabled:pointer-events-none disabled:opacity-50\"\n            )}\n            aria-busy={loading || undefined}\n            data-slot=\"error-retry-button\"\n            disabled={loading}\n            type=\"button\"\n            onClick={onRetry}\n          >\n            {loading ? (\n              <Loader2 aria-hidden=\"true\" className=\"size-4 animate-spin\" />\n            ) : (\n              <RefreshCw aria-hidden=\"true\" className=\"size-4\" />\n            )}\n            {retryLabel}\n          </button>\n        )}\n\n        {/* Navigation links */}\n        {(showHomeLink || showBackLink) && (\n          <div\n            className=\"flex flex-wrap items-center justify-center gap-4 text-sm\"\n            data-slot=\"error-navigation\"\n          >\n            {showBackLink && (\n              <button\n                className=\"inline-flex items-center gap-1.5 text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline\"\n                data-slot=\"error-back-link\"\n                type=\"button\"\n                onClick={handleBack}\n              >\n                <ArrowLeft aria-hidden=\"true\" className=\"size-4\" />\n                Voltar\n              </button>\n            )}\n            {showHomeLink && (\n              <a\n                className=\"inline-flex items-center gap-1.5 text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline\"\n                data-slot=\"error-home-link\"\n                href={homeHref}\n              >\n                <Home aria-hidden=\"true\" className=\"size-4\" />\n                Inicio\n              </a>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport { errorDefaults, ErrorPage }\n"]}

package/dist/chunk-D2V2HKLX.js

@@ -0,0 +1,249 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { Component } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+
+function DefaultFallback({ error, resetErrorBoundary }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col items-center justify-center gap-4 rounded-lg border border-destructive bg-destructive/10 p-6"
+      ),
+      "aria-live": "assertive",
+      "data-slot": "error-boundary-fallback",
+      role: "alert",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "text-destructive", children: /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: "size-12",
+            fill: "none",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "2",
+            viewBox: "0 0 24 24",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
+              /* @__PURE__ */ jsx("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-center", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-destructive", children: "Something went wrong" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: error.message || "An unexpected error occurred" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: cn(
+              "inline-flex h-9 items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+            ),
+            "data-slot": "error-boundary-reset-button",
+            type: "button",
+            onClick: resetErrorBoundary,
+            children: "Try again"
+          }
+        )
+      ]
+    }
+  );
+}
+var ErrorBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      error: null,
+      hasError: false
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      error,
+      hasError: true
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    const { onError } = this.props;
+    onError?.(error, errorInfo);
+  }
+  componentDidUpdate(prevProps) {
+    const { resetKeys } = this.props;
+    const { hasError } = this.state;
+    if (hasError && prevProps.resetKeys !== resetKeys) {
+      if (resetKeys && prevProps.resetKeys) {
+        const hasKeyChanged = resetKeys.some(
+          (key, index) => prevProps.resetKeys?.[index] !== key
+        );
+        if (hasKeyChanged) {
+          this.reset();
+        }
+      } else if (resetKeys !== prevProps.resetKeys) {
+        this.reset();
+      }
+    }
+  }
+  reset = () => {
+    const { onReset } = this.props;
+    onReset?.();
+    this.setState({
+      error: null,
+      hasError: false
+    });
+  };
+  render() {
+    const { children, className, fallback, FallbackComponent } = this.props;
+    const { error, hasError } = this.state;
+    if (hasError && error) {
+      const fallbackProps = {
+        error,
+        resetErrorBoundary: this.reset
+      };
+      if (FallbackComponent) {
+        return /* @__PURE__ */ jsx("div", { className, "data-slot": "error-boundary", children: /* @__PURE__ */ jsx(FallbackComponent, { ...fallbackProps }) });
+      }
+      if (typeof fallback === "function") {
+        const renderFallback = fallback;
+        return /* @__PURE__ */ jsx("div", { className, "data-slot": "error-boundary", children: renderFallback(fallbackProps) });
+      }
+      if (fallback !== void 0) {
+        return /* @__PURE__ */ jsx("div", { className, "data-slot": "error-boundary", children: fallback });
+      }
+      return /* @__PURE__ */ jsx("div", { className, "data-slot": "error-boundary", children: /* @__PURE__ */ jsx(DefaultFallback, { ...fallbackProps }) });
+    }
+    return children;
+  }
+};
+var errorBoundaryFallbackVariants = cva(
+  "flex flex-col items-center justify-center text-center",
+  {
+    variants: {
+      variant: {
+        minimal: "p-4 gap-2",
+        detailed: "p-6 gap-4",
+        action: "p-6 gap-4",
+        fullscreen: "min-h-screen p-8 gap-6"
+      },
+      severity: {
+        error: "text-destructive",
+        warning: "text-warning",
+        info: "text-muted-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "detailed",
+      severity: "error"
+    }
+  }
+);
+var errorBoundaryCardVariants = cva(
+  "rounded-lg border bg-background p-6",
+  {
+    variants: {
+      variant: {
+        minimal: "border-border",
+        detailed: "border-destructive/50 bg-destructive/5",
+        action: "border-destructive/50 bg-destructive/5",
+        fullscreen: "border-destructive/50 bg-destructive/5 max-w-md w-full"
+      }
+    },
+    defaultVariants: {
+      variant: "detailed"
+    }
+  }
+);
+var errorBoundaryIconVariants = cva(
+  "shrink-0",
+  {
+    variants: {
+      size: {
+        sm: "h-8 w-8",
+        md: "h-12 w-12",
+        lg: "h-16 w-16"
+      },
+      severity: {
+        error: "text-destructive",
+        warning: "text-warning",
+        info: "text-muted-foreground"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      severity: "error"
+    }
+  }
+);
+var errorBoundaryTitleVariants = cva(
+  "font-semibold",
+  {
+    variants: {
+      size: {
+        sm: "text-base",
+        md: "text-lg",
+        lg: "text-xl"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var errorBoundaryMessageVariants = cva(
+  "text-muted-foreground",
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var errorBoundaryStackVariants = cva(
+  "w-full overflow-auto rounded-md bg-muted p-4 text-left font-mono text-xs text-muted-foreground",
+  {
+    variants: {
+      collapsed: {
+        true: "max-h-24",
+        false: "max-h-64"
+      }
+    },
+    defaultVariants: {
+      collapsed: true
+    }
+  }
+);
+var errorBoundaryActionVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary text-primary-foreground hover:bg-primary/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        ghost: "hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        sm: "h-8 px-3 text-sm",
+        md: "h-9 px-4 text-sm",
+        lg: "h-10 px-6 text-base"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+
+export { DefaultFallback, ErrorBoundary, errorBoundaryActionVariants, errorBoundaryCardVariants, errorBoundaryFallbackVariants, errorBoundaryIconVariants, errorBoundaryMessageVariants, errorBoundaryStackVariants, errorBoundaryTitleVariants };
+//# sourceMappingURL=chunk-D2V2HKLX.js.map
+//# sourceMappingURL=chunk-D2V2HKLX.js.map

package/dist/chunk-D2V2HKLX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/advanced/ErrorBoundary/ErrorBoundary.tsx","../src/components/advanced/ErrorBoundary/ErrorBoundary.variants.ts"],"names":[],"mappings":";;;;;AAaA,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,kBAAA,EAAmB,EAAkB;AACrE,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT;AAAA,OACF;AAAA,MACA,WAAA,EAAU,WAAA;AAAA,MACV,WAAA,EAAU,yBAAA;AAAA,MACV,IAAA,EAAK,OAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kBAAA,EACb,QAAA,kBAAA,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAU,SAAA;AAAA,YACV,IAAA,EAAK,MAAA;AAAA,YACL,MAAA,EAAO,cAAA;AAAA,YACP,aAAA,EAAc,OAAA;AAAA,YACd,cAAA,EAAe,OAAA;AAAA,YACf,WAAA,EAAY,GAAA;AAAA,YACZ,OAAA,EAAQ,WAAA;AAAA,YACR,KAAA,EAAM,4BAAA;AAAA,YAEN,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,YAAO,EAAA,EAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK,GAAE,IAAA,EAAK,CAAA;AAAA,8BAC/B,GAAA,CAAC,UAAK,EAAA,EAAG,IAAA,EAAK,IAAG,IAAA,EAAK,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,IAAA,EAAK,CAAA;AAAA,8BACrC,GAAA,CAAC,UAAK,EAAA,EAAG,IAAA,EAAK,IAAG,OAAA,EAAQ,EAAA,EAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK;AAAA;AAAA;AAAA,SAC3C,EACF,CAAA;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,wCAAA,EAAyC,QAAA,EAAA,sBAAA,EAEvD,CAAA;AAAA,8BACC,GAAA,EAAA,EAAE,SAAA,EAAU,+BAAA,EACV,QAAA,EAAA,KAAA,CAAM,WAAW,8BAAA,EACpB;AAAA,SAAA,EACF,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,qKAAA;AAAA,cACA;AAAA,aACF;AAAA,YACA,WAAA,EAAU,6BAAA;AAAA,YACV,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAS,kBAAA;AAAA,YACV,QAAA,EAAA;AAAA;AAAA;AAED;AAAA;AAAA,GACF;AAEJ;AAyBA,IAAM,aAAA,GAAN,cAA4B,SAAA,CAAkD;AAAA,EAC5E,YAAY,KAAA,EAA2B;AACrC,IAAA,KAAA,CAAM,KAAK,CAAA;AACX,IAAA,IAAA,CAAK,KAAA,GAAQ;AAAA,MACX,KAAA,EAAO,IAAA;AAAA,MACP,QAAA,EAAU;AAAA,KACZ;AAAA,EACF;AAAA,EAEA,OAAO,yBAAyB,KAAA,EAAkC;AAChE,IAAA,OAAO;AAAA,MACL,KAAA;AAAA,MACA,QAAA,EAAU;AAAA,KACZ;AAAA,EACF;AAAA,EAES,iBAAA,CAAkB,OAAc,SAAA,EAA4B;AACnE,IAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,IAAA,CAAK,KAAA;AACzB,IAAA,OAAA,GAAU,OAAO,SAAS,CAAA;AAAA,EAC5B;AAAA,EAES,mBAAmB,SAAA,EAAqC;AAC/D,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,IAAA,CAAK,KAAA;AAC3B,IAAA,MAAM,EAAE,QAAA,EAAS,GAAI,IAAA,CAAK,KAAA;AAE1B,IAAA,IAAI,QAAA,IAAY,SAAA,CAAU,SAAA,KAAc,SAAA,EAAW;AAEjD,MAAA,IAAI,SAAA,IAAa,UAAU,SAAA,EAAW;AACpC,QAAA,MAAM,gBAAgB,SAAA,CAAU,IAAA;AAAA,UAC9B,CAAC,GAAA,EAAK,KAAA,KAAU,SAAA,CAAU,SAAA,GAAY,KAAK,CAAA,KAAM;AAAA,SACnD;AACA,QAAA,IAAI,aAAA,EAAe;AACjB,UAAA,IAAA,CAAK,KAAA,EAAM;AAAA,QACb;AAAA,MACF,CAAA,MAAA,IAAW,SAAA,KAAc,SAAA,CAAU,SAAA,EAAW;AAC5C,QAAA,IAAA,CAAK,KAAA,EAAM;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEA,QAAQ,MAAY;AAClB,IAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,IAAA,CAAK,KAAA;AACzB,IAAA,OAAA,IAAU;AACV,IAAA,IAAA,CAAK,QAAA,CAAS;AAAA,MACZ,KAAA,EAAO,IAAA;AAAA,MACP,QAAA,EAAU;AAAA,KACX,CAAA;AAAA,EACH,CAAA;AAAA,EAES,MAAA,GAAoB;AAC3B,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,QAAA,EAAU,iBAAA,KAAsB,IAAA,CAAK,KAAA;AAClE,IAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAS,GAAI,IAAA,CAAK,KAAA;AAEjC,IAAA,IAAI,YAAY,KAAA,EAAO;AACrB,MAAA,MAAM,aAAA,GAA+B;AAAA,QACnC,KAAA;AAAA,QACA,oBAAoB,IAAA,CAAK;AAAA,OAC3B;AAGA,MAAA,IAAI,iBAAA,EAAmB;AACrB,QAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAsB,WAAA,EAAU,kBACnC,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAmB,GAAG,aAAA,EAAe,CAAA,EACxC,CAAA;AAAA,MAEJ;AAEA,MAAA,IAAI,OAAO,aAAa,UAAA,EAAY;AAClC,QAAA,MAAM,cAAA,GAAiB,QAAA;AACvB,QAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAsB,aAAU,gBAAA,EAClC,QAAA,EAAA,cAAA,CAAe,aAAa,CAAA,EAC/B,CAAA;AAAA,MAEJ;AAEA,MAAA,IAAI,aAAa,MAAA,EAAW;AAC1B,QAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAsB,WAAA,EAAU,kBAClC,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,MAEJ;AAGA,MAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAsB,WAAA,EAAU,kBACnC,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAiB,GAAG,aAAA,EAAe,CAAA,EACtC,CAAA;AAAA,IAEJ;AAEA,IAAA,OAAO,QAAA;AAAA,EACT;AACF;AChLO,IAAM,6BAAA,GAAgC,GAAA;AAAA,EAC3C,uDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,WAAA;AAAA,QACT,QAAA,EAAU,WAAA;AAAA,QACV,MAAA,EAAQ,WAAA;AAAA,QACR,UAAA,EAAY;AAAA,OACd;AAAA,MACA,QAAA,EAAU;AAAA,QACR,KAAA,EAAO,kBAAA;AAAA,QACP,OAAA,EAAS,cAAA;AAAA,QACT,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,UAAA;AAAA,MACT,QAAA,EAAU;AAAA;AACZ;AAEJ;AAKO,IAAM,yBAAA,GAA4B,GAAA;AAAA,EACvC,qCAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,eAAA;AAAA,QACT,QAAA,EAAU,wCAAA;AAAA,QACV,MAAA,EAAQ,wCAAA;AAAA,QACR,UAAA,EAAY;AAAA;AACd,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAKO,IAAM,yBAAA,GAA4B,GAAA;AAAA,EACvC,UAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,WAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,QAAA,EAAU;AAAA,QACR,KAAA,EAAO,kBAAA;AAAA,QACP,OAAA,EAAS,cAAA;AAAA,QACT,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,QAAA,EAAU;AAAA;AACZ;AAEJ;AAKO,IAAM,0BAAA,GAA6B,GAAA;AAAA,EACxC,eAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,WAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKO,IAAM,4BAAA,GAA+B,GAAA;AAAA,EAC1C,uBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKO,IAAM,0BAAA,GAA6B,GAAA;AAAA,EACxC,gGAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,UAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW;AAAA;AACb;AAEJ;AAKO,IAAM,2BAAA,GAA8B,GAAA;AAAA,EACzC,gKAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,wDAAA;AAAA,QACT,OAAA,EAAS,gFAAA;AAAA,QACT,KAAA,EAAO;AAAA,OACT;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ","file":"chunk-D2V2HKLX.js","sourcesContent":["import type {\n  ErrorBoundaryProps,\n  ErrorBoundaryState,\n  FallbackProps,\n} from \"./ErrorBoundary.types\"\n\nimport { Component, type ErrorInfo, type ReactNode } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\n\n/**\n * Default fallback UI shown when an error occurs and no custom fallback is provided\n */\nfunction DefaultFallback({ error, resetErrorBoundary }: FallbackProps) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center gap-4 rounded-lg border border-destructive bg-destructive/10 p-6\"\n      )}\n      aria-live=\"assertive\"\n      data-slot=\"error-boundary-fallback\"\n      role=\"alert\"\n    >\n      <div className=\"text-destructive\">\n        <svg\n          aria-hidden=\"true\"\n          className=\"size-12\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"2\"\n          viewBox=\"0 0 24 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"10\" />\n          <line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\" />\n          <line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\" />\n        </svg>\n      </div>\n      <div className=\"space-y-2 text-center\">\n        <h2 className=\"text-lg font-semibold text-destructive\">\n          Something went wrong\n        </h2>\n        <p className=\"text-sm text-muted-foreground\">\n          {error.message || \"An unexpected error occurred\"}\n        </p>\n      </div>\n      <button\n        className={cn(\n          \"inline-flex h-9 items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n        )}\n        data-slot=\"error-boundary-reset-button\"\n        type=\"button\"\n        onClick={resetErrorBoundary}\n      >\n        Try again\n      </button>\n    </div>\n  )\n}\n\n/**\n * ErrorBoundary catches JavaScript errors in child component trees,\n * logs them, and displays a fallback UI instead of crashing the whole app.\n *\n * @example\n * ```tsx\n * <ErrorBoundary fallback={<p>Something went wrong</p>}>\n *   <MyComponent />\n * </ErrorBoundary>\n * ```\n *\n * @example\n * ```tsx\n * <ErrorBoundary\n *   FallbackComponent={ErrorFallback}\n *   onError={(error, info) => logError(error, info)}\n *   onReset={() => resetAppState()}\n *   resetKeys={[userId]}\n * >\n *   <Dashboard />\n * </ErrorBoundary>\n * ```\n */\nclass ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = {\n      error: null,\n      hasError: false,\n    }\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return {\n      error,\n      hasError: true,\n    }\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    const { onError } = this.props\n    onError?.(error, errorInfo)\n  }\n\n  override componentDidUpdate(prevProps: ErrorBoundaryProps): void {\n    const { resetKeys } = this.props\n    const { hasError } = this.state\n\n    if (hasError && prevProps.resetKeys !== resetKeys) {\n      // Check if any resetKey changed\n      if (resetKeys && prevProps.resetKeys) {\n        const hasKeyChanged = resetKeys.some(\n          (key, index) => prevProps.resetKeys?.[index] !== key\n        )\n        if (hasKeyChanged) {\n          this.reset()\n        }\n      } else if (resetKeys !== prevProps.resetKeys) {\n        this.reset()\n      }\n    }\n  }\n\n  reset = (): void => {\n    const { onReset } = this.props\n    onReset?.()\n    this.setState({\n      error: null,\n      hasError: false,\n    })\n  }\n\n  override render(): ReactNode {\n    const { children, className, fallback, FallbackComponent } = this.props\n    const { error, hasError } = this.state\n\n    if (hasError && error) {\n      const fallbackProps: FallbackProps = {\n        error,\n        resetErrorBoundary: this.reset,\n      }\n\n      // Priority: FallbackComponent > fallback function > fallback node > DefaultFallback\n      if (FallbackComponent) {\n        return (\n          <div className={className} data-slot=\"error-boundary\">\n            <FallbackComponent {...fallbackProps} />\n          </div>\n        )\n      }\n\n      if (typeof fallback === \"function\") {\n        const renderFallback = fallback\n        return (\n          <div className={className} data-slot=\"error-boundary\">\n            {renderFallback(fallbackProps)}\n          </div>\n        )\n      }\n\n      if (fallback !== undefined) {\n        return (\n          <div className={className} data-slot=\"error-boundary\">\n            {fallback}\n          </div>\n        )\n      }\n\n      // Default fallback\n      return (\n        <div className={className} data-slot=\"error-boundary\">\n          <DefaultFallback {...fallbackProps} />\n        </div>\n      )\n    }\n\n    return children\n  }\n}\n\nexport { DefaultFallback, ErrorBoundary }\n","import { cva } from \"class-variance-authority\"\n\n/**\n * ErrorBoundary fallback container variants\n */\nexport const errorBoundaryFallbackVariants = cva(\n  \"flex flex-col items-center justify-center text-center\",\n  {\n    variants: {\n      variant: {\n        minimal: \"p-4 gap-2\",\n        detailed: \"p-6 gap-4\",\n        action: \"p-6 gap-4\",\n        fullscreen: \"min-h-screen p-8 gap-6\",\n      },\n      severity: {\n        error: \"text-destructive\",\n        warning: \"text-warning\",\n        info: \"text-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"detailed\",\n      severity: \"error\",\n    },\n  }\n)\n\n/**\n * ErrorBoundary fallback card variants\n */\nexport const errorBoundaryCardVariants = cva(\n  \"rounded-lg border bg-background p-6\",\n  {\n    variants: {\n      variant: {\n        minimal: \"border-border\",\n        detailed: \"border-destructive/50 bg-destructive/5\",\n        action: \"border-destructive/50 bg-destructive/5\",\n        fullscreen: \"border-destructive/50 bg-destructive/5 max-w-md w-full\",\n      },\n    },\n    defaultVariants: {\n      variant: \"detailed\",\n    },\n  }\n)\n\n/**\n * ErrorBoundary icon variants\n */\nexport const errorBoundaryIconVariants = cva(\n  \"shrink-0\",\n  {\n    variants: {\n      size: {\n        sm: \"h-8 w-8\",\n        md: \"h-12 w-12\",\n        lg: \"h-16 w-16\",\n      },\n      severity: {\n        error: \"text-destructive\",\n        warning: \"text-warning\",\n        info: \"text-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      severity: \"error\",\n    },\n  }\n)\n\n/**\n * ErrorBoundary title variants\n */\nexport const errorBoundaryTitleVariants = cva(\n  \"font-semibold\",\n  {\n    variants: {\n      size: {\n        sm: \"text-base\",\n        md: \"text-lg\",\n        lg: \"text-xl\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * ErrorBoundary message variants\n */\nexport const errorBoundaryMessageVariants = cva(\n  \"text-muted-foreground\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * ErrorBoundary stack trace variants\n */\nexport const errorBoundaryStackVariants = cva(\n  \"w-full overflow-auto rounded-md bg-muted p-4 text-left font-mono text-xs text-muted-foreground\",\n  {\n    variants: {\n      collapsed: {\n        true: \"max-h-24\",\n        false: \"max-h-64\",\n      },\n    },\n    defaultVariants: {\n      collapsed: true,\n    },\n  }\n)\n\n/**\n * ErrorBoundary action button variants\n */\nexport const errorBoundaryActionVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n  {\n    variants: {\n      variant: {\n        primary: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n      },\n      size: {\n        sm: \"h-8 px-3 text-sm\",\n        md: \"h-9 px-4 text-sm\",\n        lg: \"h-10 px-6 text-base\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"md\",\n    },\n  }\n)\n"]}