{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "bottom-app-bar",
  "title": "Bottom App Bar",
  "description": "The bottom app bar, with actions and an optional docked FAB.",
  "registryDependencies": [
    "https://guillermo-rebolledo.github.io/materialcn/r/materialcn-theme.json",
    "https://guillermo-rebolledo.github.io/materialcn/r/utils.json"
  ],
  "files": [
    {
      "path": "src/components/ui/bottom-app-bar.tsx",
      "content": "import type { ComponentProps } from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype BottomAppBarProps = ComponentProps<\"nav\"> & {\n  safeArea?: boolean\n}\n\nfunction BottomAppBar({\n  \"aria-label\": ariaLabel = \"Application actions\",\n  className,\n  safeArea = false,\n  ...props\n}: BottomAppBarProps) {\n  return (\n    <nav\n      {...props}\n      aria-label={ariaLabel}\n      data-slot=\"bottom-app-bar\"\n      data-safe-area={safeArea || undefined}\n      className={cn(\n        // Kit geometry (App bars page): 80dp, Surface Container, square corners, no\n        // elevation, 4dp leading / 16dp trailing inset, 8dp between actions.\n        \"flex h-20 w-full max-w-full items-center gap-2 bg-m3-surface-container pl-1 pr-4 text-m3-on-surface-variant\",\n        \"data-safe-area:h-auto data-safe-area:min-h-20 data-safe-area:pb-[env(safe-area-inset-bottom)]\",\n        className,\n      )}\n    />\n  )\n}\n\nfunction BottomAppBarActions({ className, ...props }: ComponentProps<\"div\">) {\n  return <div {...props} data-slot=\"bottom-app-bar-actions\" className={cn(\"flex min-w-0 flex-1 items-center gap-2\", className)} />\n}\n\nfunction BottomAppBarFAB({ className, ...props }: ComponentProps<\"div\">) {\n  return <div {...props} data-slot=\"bottom-app-bar-fab\" className={cn(\"ml-auto flex shrink-0 items-center pl-3\", className)} />\n}\n\nexport { BottomAppBar, BottomAppBarActions, BottomAppBarFAB, type BottomAppBarProps }\n",
      "type": "registry:ui"
    }
  ],
  "categories": [
    "navigation"
  ],
  "type": "registry:ui"
}