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

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":"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","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"]}

package/dist/chunk-D5DM6GZB.js

@@ -0,0 +1,204 @@
+import { SkeletonLoader } from './chunk-QHKOBGLW.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { useState, useRef, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var sizeClasses = {
+  lg: "text-4xl",
+  md: "text-2xl",
+  sm: "text-xl",
+  xl: "text-6xl",
+  xs: "text-lg"
+};
+var skeletonSizes = {
+  lg: "h-10",
+  md: "h-8",
+  sm: "h-7",
+  xl: "h-14",
+  xs: "h-6"
+};
+function useAnimatedCounter(targetValue, duration, enabled) {
+  const [count, setCount] = useState(0);
+  const animationFrameRef = useRef(0);
+  const startTimeRef = useRef(null);
+  useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    startTimeRef.current = null;
+    const animate = (timestamp) => {
+      startTimeRef.current ??= timestamp;
+      const progress = Math.min((timestamp - startTimeRef.current) / duration, 1);
+      const eased = 1 - (1 - progress) * (1 - progress);
+      setCount(Math.floor(eased * targetValue));
+      if (progress < 1) {
+        animationFrameRef.current = requestAnimationFrame(animate);
+      }
+    };
+    animationFrameRef.current = requestAnimationFrame(animate);
+    return () => {
+      if (animationFrameRef.current) {
+        cancelAnimationFrame(animationFrameRef.current);
+      }
+    };
+  }, [targetValue, duration, enabled]);
+  return enabled ? count : targetValue;
+}
+function SingleStat({
+  value,
+  label,
+  variant = "default",
+  size = "md",
+  prefix,
+  suffix,
+  animated = false,
+  animationDuration = 1e3,
+  loading = false,
+  className,
+  ...props
+}) {
+  const numericValue = typeof value === "number" ? value : Number.NaN;
+  const isNumeric = !Number.isNaN(numericValue);
+  const animatedValue = useAnimatedCounter(
+    isNumeric ? numericValue : 0,
+    animationDuration,
+    animated && isNumeric
+  );
+  const displayValue = animated && isNumeric ? animatedValue.toLocaleString() : typeof value === "number" ? value.toLocaleString() : value;
+  if (loading) {
+    if (variant === "compact") {
+      return /* @__PURE__ */ jsx(
+        SkeletonLoader,
+        {
+          className: cn(skeletonSizes[size], "w-24", className),
+          "data-slot": "single-stat",
+          ...props
+        }
+      );
+    }
+    if (variant === "inline") {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn("flex items-baseline gap-2", className),
+          "data-slot": "single-stat",
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx(SkeletonLoader, { className: cn(skeletonSizes[size], "w-20") }),
+            label && /* @__PURE__ */ jsx(SkeletonLoader, { className: "h-4 w-16" })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("space-y-1", className),
+        "data-slot": "single-stat",
+        ...props,
+        children: [
+          label && /* @__PURE__ */ jsx(SkeletonLoader, { className: "h-4 w-20" }),
+          /* @__PURE__ */ jsx(SkeletonLoader, { className: cn(skeletonSizes[size], "w-24") })
+        ]
+      }
+    );
+  }
+  if (variant === "compact") {
+    const ariaValue = typeof displayValue === "string" ? displayValue : String(displayValue);
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: cn(
+          "font-bold tabular-nums text-foreground",
+          sizeClasses[size],
+          className
+        ),
+        "aria-label": label ? `${label}: ${prefix ?? ""}${ariaValue}${suffix ?? ""}` : void 0,
+        "data-slot": "single-stat",
+        role: "text",
+        ...props,
+        children: [
+          prefix && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: prefix }),
+          displayValue,
+          suffix && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: suffix })
+        ]
+      }
+    );
+  }
+  if (variant === "inline") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "aria-label": label,
+        className: cn("flex items-baseline gap-2", className),
+        "data-slot": "single-stat",
+        role: "group",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "font-bold tabular-nums text-foreground",
+                sizeClasses[size]
+              ),
+              "data-slot": "single-stat-value",
+              children: [
+                prefix && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: prefix }),
+                displayValue,
+                suffix && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: suffix })
+              ]
+            }
+          ),
+          label && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "text-sm font-medium text-muted-foreground",
+              "data-slot": "single-stat-label",
+              children: label
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-label": label,
+      className: cn("space-y-1", className),
+      "data-slot": "single-stat",
+      role: "group",
+      ...props,
+      children: [
+        label && /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "text-sm font-medium text-muted-foreground",
+            "data-slot": "single-stat-label",
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "p",
+          {
+            className: cn(
+              "font-bold tabular-nums text-foreground",
+              sizeClasses[size]
+            ),
+            "data-slot": "single-stat-value",
+            children: [
+              prefix && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: prefix }),
+              displayValue,
+              suffix && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: suffix })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { SingleStat };
+//# sourceMappingURL=chunk-D5DM6GZB.js.map
+//# sourceMappingURL=chunk-D5DM6GZB.js.map

package/dist/chunk-D5DM6GZB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/SingleStat/SingleStat.tsx"],"names":[],"mappings":"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","file":"chunk-D5DM6GZB.js","sourcesContent":["import type { SingleStatProps, SingleStatSize } from \"./SingleStat.types\"\n\nimport { useEffect, useRef, useState } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { SkeletonLoader } from \"../../primitives/SkeletonLoader\"\n\n/**\n * Size configuration for value typography\n */\nconst sizeClasses: Record<SingleStatSize, string> = {\n  lg: \"text-4xl\",\n  md: \"text-2xl\",\n  sm: \"text-xl\",\n  xl: \"text-6xl\",\n  xs: \"text-lg\",\n}\n\n/**\n * Skeleton height configuration by size\n */\nconst skeletonSizes: Record<SingleStatSize, string> = {\n  lg: \"h-10\",\n  md: \"h-8\",\n  sm: \"h-7\",\n  xl: \"h-14\",\n  xs: \"h-6\",\n}\n\n/**\n * Hook for animated count-up effect\n */\nfunction useAnimatedCounter(\n  targetValue: number,\n  duration: number,\n  enabled: boolean\n): number {\n  // When not enabled, just return the target value directly\n  const [count, setCount] = useState(0)\n  const animationFrameRef = useRef<number>(0)\n  const startTimeRef = useRef<null | number>(null)\n\n  useEffect(() => {\n    if (!enabled) {\n      return\n    }\n\n    startTimeRef.current = null\n\n    const animate = (timestamp: number) => {\n      startTimeRef.current ??= timestamp\n      const progress = Math.min((timestamp - startTimeRef.current) / duration, 1)\n\n      // Use easeOutQuad for smoother animation\n      const eased = 1 - (1 - progress) * (1 - progress)\n      setCount(Math.floor(eased * targetValue))\n\n      if (progress < 1) {\n        animationFrameRef.current = requestAnimationFrame(animate)\n      }\n    }\n\n    animationFrameRef.current = requestAnimationFrame(animate)\n\n    return () => {\n      if (animationFrameRef.current) {\n        cancelAnimationFrame(animationFrameRef.current)\n      }\n    }\n  }, [targetValue, duration, enabled])\n\n  // Return target value when not animating, otherwise return animated count\n  return enabled ? count : targetValue\n}\n\n/**\n * SingleStat - Minimalist single metric display\n *\n * A compact component for displaying a single highlighted metric.\n * Simpler than KPICard, focused only on value and label.\n * Ideal for inline indicators or space-constrained layouts.\n *\n * @example\n * ```tsx\n * <SingleStat value={1234} label=\"Total Users\" />\n * ```\n *\n * @example\n * ```tsx\n * <SingleStat\n *   value={45231}\n *   prefix=\"$\"\n *   label=\"Revenue\"\n *   size=\"lg\"\n * />\n * ```\n */\nfunction SingleStat({\n  value,\n  label,\n  variant = \"default\",\n  size = \"md\",\n  prefix,\n  suffix,\n  animated = false,\n  animationDuration = 1000,\n  loading = false,\n  className,\n  ...props\n}: SingleStatProps) {\n  // Use animated counter for numeric values\n  const numericValue = typeof value === \"number\" ? value : Number.NaN\n  const isNumeric = !Number.isNaN(numericValue)\n  const animatedValue = useAnimatedCounter(\n    isNumeric ? numericValue : 0,\n    animationDuration,\n    animated && isNumeric\n  )\n\n  // Format the display value\n  const displayValue = animated && isNumeric\n    ? animatedValue.toLocaleString()\n    : typeof value === \"number\"\n      ? value.toLocaleString()\n      : value\n\n  // Loading state\n  if (loading) {\n    if (variant === \"compact\") {\n      return (\n        <SkeletonLoader\n          className={cn(skeletonSizes[size], \"w-24\", className)}\n          data-slot=\"single-stat\"\n          {...props}\n        />\n      )\n    }\n\n    if (variant === \"inline\") {\n      return (\n        <div\n          className={cn(\"flex items-baseline gap-2\", className)}\n          data-slot=\"single-stat\"\n          {...props}\n        >\n          <SkeletonLoader className={cn(skeletonSizes[size], \"w-20\")} />\n          {label && <SkeletonLoader className=\"h-4 w-16\" />}\n        </div>\n      )\n    }\n\n    return (\n      <div\n        className={cn(\"space-y-1\", className)}\n        data-slot=\"single-stat\"\n        {...props}\n      >\n        {label && <SkeletonLoader className=\"h-4 w-20\" />}\n        <SkeletonLoader className={cn(skeletonSizes[size], \"w-24\")} />\n      </div>\n    )\n  }\n\n  // Compact variant: value only\n  if (variant === \"compact\") {\n    const ariaValue = typeof displayValue === \"string\" ? displayValue : String(displayValue)\n    return (\n      <span\n        className={cn(\n          \"font-bold tabular-nums text-foreground\",\n          sizeClasses[size],\n          className\n        )}\n        aria-label={label ? `${label}: ${prefix ?? \"\"}${ariaValue}${suffix ?? \"\"}` : undefined}\n        data-slot=\"single-stat\"\n        role=\"text\"\n        {...props}\n      >\n        {prefix && <span aria-hidden=\"true\">{prefix}</span>}\n        {displayValue}\n        {suffix && <span aria-hidden=\"true\">{suffix}</span>}\n      </span>\n    )\n  }\n\n  // Inline variant: label and value side by side\n  if (variant === \"inline\") {\n    return (\n      <div\n        aria-label={label}\n        className={cn(\"flex items-baseline gap-2\", className)}\n        data-slot=\"single-stat\"\n        role=\"group\"\n        {...props}\n      >\n        <span\n          className={cn(\n            \"font-bold tabular-nums text-foreground\",\n            sizeClasses[size]\n          )}\n          data-slot=\"single-stat-value\"\n        >\n          {prefix && <span aria-hidden=\"true\">{prefix}</span>}\n          {displayValue}\n          {suffix && <span aria-hidden=\"true\">{suffix}</span>}\n        </span>\n        {label && (\n          <span\n            className=\"text-sm font-medium text-muted-foreground\"\n            data-slot=\"single-stat-label\"\n          >\n            {label}\n          </span>\n        )}\n      </div>\n    )\n  }\n\n  // Default variant: label above, value below\n  return (\n    <div\n      aria-label={label}\n      className={cn(\"space-y-1\", className)}\n      data-slot=\"single-stat\"\n      role=\"group\"\n      {...props}\n    >\n      {label && (\n        <p\n          className=\"text-sm font-medium text-muted-foreground\"\n          data-slot=\"single-stat-label\"\n        >\n          {label}\n        </p>\n      )}\n      <p\n        className={cn(\n          \"font-bold tabular-nums text-foreground\",\n          sizeClasses[size]\n        )}\n        data-slot=\"single-stat-value\"\n      >\n        {prefix && <span aria-hidden=\"true\">{prefix}</span>}\n        {displayValue}\n        {suffix && <span aria-hidden=\"true\">{suffix}</span>}\n      </p>\n    </div>\n  )\n}\n\nexport { SingleStat }\n"]}

package/dist/chunk-DL7D5F7B.js

@@ -0,0 +1,63 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { Info, CircleCheck, TriangleAlert, CircleAlert } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var messageVariants = cva("flex items-start gap-1.5", {
+  variants: {
+    variant: {
+      error: "text-destructive",
+      warning: "text-warning",
+      success: "text-success",
+      info: "text-info"
+    },
+    size: {
+      sm: "text-xs",
+      md: "text-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "error",
+    size: "sm"
+  }
+});
+var defaultIcons = {
+  error: /* @__PURE__ */ jsx(CircleAlert, { "aria-hidden": "true", className: "size-3.5 shrink-0" }),
+  warning: /* @__PURE__ */ jsx(TriangleAlert, { "aria-hidden": "true", className: "size-3.5 shrink-0" }),
+  success: /* @__PURE__ */ jsx(CircleCheck, { "aria-hidden": "true", className: "size-3.5 shrink-0" }),
+  info: /* @__PURE__ */ jsx(Info, { "aria-hidden": "true", className: "size-3.5 shrink-0" })
+};
+function Message({
+  className,
+  variant = "error",
+  size,
+  icon,
+  showIcon = true,
+  animate,
+  children,
+  ...props
+}) {
+  const displayIcon = icon ?? (variant ? defaultIcons[variant] : null);
+  return /* @__PURE__ */ jsxs(
+    "p",
+    {
+      className: cn(
+        messageVariants({ variant, size }),
+        animate && "animate-in fade-in slide-in-from-top-1 duration-200",
+        className
+      ),
+      "aria-live": variant !== "error" ? "polite" : void 0,
+      "data-slot": "message",
+      role: variant === "error" ? "alert" : void 0,
+      ...props,
+      children: [
+        showIcon && displayIcon,
+        /* @__PURE__ */ jsx("span", { children })
+      ]
+    }
+  );
+}
+
+export { Message, messageVariants };
+//# sourceMappingURL=chunk-DL7D5F7B.js.map
+//# sourceMappingURL=chunk-DL7D5F7B.js.map

package/dist/chunk-DL7D5F7B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Message/Message.variants.ts","../src/components/feedback/Message/Message.tsx"],"names":[],"mappings":";;;;;AAMO,IAAM,eAAA,GAAkB,IAAI,0BAAA,EAA4B;AAAA,EAC7D,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,KAAA,EAAO,kBAAA;AAAA,MACP,OAAA,EAAS,cAAA;AAAA,MACT,OAAA,EAAS,cAAA;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,OAAA;AAAA,IACT,IAAA,EAAM;AAAA;AAEV,CAAC;ACRD,IAAM,YAAA,GAAwD;AAAA,EAC5D,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,aAAA,EAAY,MAAA,EAAO,WAAU,mBAAA,EAAoB,CAAA;AAAA,EACrE,yBAAS,GAAA,CAAC,aAAA,EAAA,EAAc,aAAA,EAAY,MAAA,EAAO,WAAU,mBAAA,EAAoB,CAAA;AAAA,EACzE,yBAAS,GAAA,CAAC,WAAA,EAAA,EAAY,aAAA,EAAY,MAAA,EAAO,WAAU,mBAAA,EAAoB,CAAA;AAAA,EACvE,sBAAM,GAAA,CAAC,IAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,WAAU,mBAAA,EAAoB;AAC/D,CAAA;AAcA,SAAS,OAAA,CAAQ;AAAA,EACf,SAAA;AAAA,EACA,OAAA,GAAU,OAAA;AAAA,EACV,IAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,OAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAiB;AACf,EAAA,MAAM,WAAA,GAAc,IAAA,KAAS,OAAA,GAAU,YAAA,CAAa,OAAO,CAAA,GAAI,IAAA,CAAA;AAE/D,EAAA,uBACE,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,eAAA,CAAgB,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA;AAAA,QACjC,OAAA,IAAW,qDAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,WAAA,EAAW,OAAA,KAAY,OAAA,GAAU,QAAA,GAAW,MAAA;AAAA,MAC5C,WAAA,EAAU,SAAA;AAAA,MACV,IAAA,EAAM,OAAA,KAAY,OAAA,GAAU,OAAA,GAAU,MAAA;AAAA,MACrC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA,IAAY,WAAA;AAAA,wBACb,GAAA,CAAC,UAAM,QAAA,EAAS;AAAA;AAAA;AAAA,GAClB;AAEJ","file":"chunk-DL7D5F7B.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Message variant styles using CVA\n * Inline feedback messages for forms and fields\n */\nexport const messageVariants = cva(\"flex items-start gap-1.5\", {\n  variants: {\n    variant: {\n      error: \"text-destructive\",\n      warning: \"text-warning\",\n      success: \"text-success\",\n      info: \"text-info\",\n    },\n    size: {\n      sm: \"text-xs\",\n      md: \"text-sm\",\n    },\n  },\n  defaultVariants: {\n    variant: \"error\",\n    size: \"sm\",\n  },\n})\n","import type { MessageProps, MessageVariant } from \"./Message.types\"\n\nimport {\n  CircleAlert,\n  CircleCheck,\n  Info,\n  TriangleAlert,\n} from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { messageVariants } from \"./Message.variants\"\n\n/**\n * Default icons for each message variant\n */\nconst defaultIcons: Record<MessageVariant, React.ReactNode> = {\n  error: <CircleAlert aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />,\n  warning: <TriangleAlert aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />,\n  success: <CircleCheck aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />,\n  info: <Info aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />,\n}\n\n/**\n * Message component for inline contextual feedback\n *\n * Used in forms to display validation errors, warnings, success messages,\n * or informational text associated with specific fields.\n *\n * @example\n * ```tsx\n * <Message variant=\"error\">This field is required</Message>\n * <Message variant=\"success\" id=\"email-success\">Email is valid</Message>\n * ```\n */\nfunction Message({\n  className,\n  variant = \"error\",\n  size,\n  icon,\n  showIcon = true,\n  animate,\n  children,\n  ...props\n}: MessageProps) {\n  const displayIcon = icon ?? (variant ? defaultIcons[variant] : null)\n\n  return (\n    <p\n      className={cn(\n        messageVariants({ variant, size }),\n        animate && \"animate-in fade-in slide-in-from-top-1 duration-200\",\n        className\n      )}\n      aria-live={variant !== \"error\" ? \"polite\" : undefined}\n      data-slot=\"message\"\n      role={variant === \"error\" ? \"alert\" : undefined}\n      {...props}\n    >\n      {showIcon && displayIcon}\n      <span>{children}</span>\n    </p>\n  )\n}\n\nexport { Message, messageVariants }\nexport type { MessageProps, MessageVariant }\n"]}