{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "page-states",
  "title": "Page States",
  "description": "Generic loading, error, and empty page states with safe error messages.",
  "registryDependencies": [
    "askyourpolicy/ss-registry/stitch-base",
    "askyourpolicy/ss-registry/alert",
    "askyourpolicy/ss-registry/empty",
    "askyourpolicy/ss-registry/spinner"
  ],
  "files": [
    {
      "path": "src/components/ui/page-states.tsx",
      "content": "import { WarningCircleIcon } from \"@phosphor-icons/react\";\nimport type { ComponentProps, ReactNode } from \"react\";\n\nimport { Alert, AlertAction, AlertDescription, AlertTitle } from \"@/components/ui/alert\";\nimport {\n  Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n} from \"@/components/ui/empty\";\nimport { Spinner } from \"@/components/ui/spinner\";\nimport { cn } from \"@/lib/utils\";\n\ntype PageLoadingProps = ComponentProps<\"div\"> & {\n  label?: string;\n};\n\nfunction PageLoading({ className, label = \"Loading page\", ...props }: PageLoadingProps) {\n  return (\n    <div\n      aria-live=\"polite\"\n      className={cn(\"grid min-h-64 w-full place-items-center py-16\", className)}\n      data-slot=\"page-loading\"\n      role=\"status\"\n      {...props}\n    >\n      <Spinner aria-hidden=\"true\" className=\"size-6 text-muted-foreground\" />\n      <span className=\"sr-only\">{label}</span>\n    </div>\n  );\n}\n\ntype PageErrorProps = Omit<ComponentProps<typeof Alert>, \"children\" | \"title\" | \"variant\"> & {\n  action?: ReactNode;\n  error?: unknown;\n  message?: ReactNode;\n  title?: ReactNode;\n};\n\nfunction PageError({\n  action,\n  className,\n  error,\n  message,\n  title = \"Something went wrong\",\n  ...props\n}: PageErrorProps) {\n  return (\n    <Alert {...props} className={className} data-slot=\"page-error\" variant=\"destructive\">\n      <WarningCircleIcon aria-hidden=\"true\" />\n      <AlertTitle>{title}</AlertTitle>\n      <AlertDescription>{message ?? getErrorMessage(error)}</AlertDescription>\n      {action != null ? <AlertAction>{action}</AlertAction> : null}\n    </Alert>\n  );\n}\n\ntype PageEmptyProps = Omit<ComponentProps<typeof Empty>, \"children\" | \"title\"> & {\n  actions?: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  title: ReactNode;\n};\n\nfunction PageEmpty({ actions, className, description, icon, title, ...props }: PageEmptyProps) {\n  return (\n    <Empty\n      className={cn(\"min-h-64 border border-border-subtle\", className)}\n      data-slot=\"page-empty\"\n      {...props}\n    >\n      <EmptyHeader>\n        {icon != null ? <EmptyMedia variant=\"icon\">{icon}</EmptyMedia> : null}\n        <EmptyTitle>{title}</EmptyTitle>\n        {description != null ? <EmptyDescription>{description}</EmptyDescription> : null}\n      </EmptyHeader>\n      {actions != null ? <EmptyContent>{actions}</EmptyContent> : null}\n    </Empty>\n  );\n}\n\nfunction getErrorMessage(error: unknown, fallback = \"An unexpected error occurred.\") {\n  if (error instanceof Error && error.message.trim()) return error.message;\n  if (typeof error === \"string\" && error.trim()) return error;\n  if (\n    error &&\n    typeof error === \"object\" &&\n    \"message\" in error &&\n    typeof error.message === \"string\" &&\n    error.message.trim()\n  ) {\n    return error.message;\n  }\n  return fallback;\n}\n\nexport {\n  PageEmpty,\n  PageError,\n  PageLoading,\n  getErrorMessage,\n  type PageEmptyProps,\n  type PageErrorProps,\n  type PageLoadingProps,\n};\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}