{
  "name": "navigation-menu",
  "title": "Navigation Menu",
  "description": "Kura Navigation Menu component source.",
  "type": "ui",
  "add": "when-added",
  "files": [
    {
      "type": "ui",
      "role": "file",
      "content": "import Root from './navigation-menu.svelte';\nimport Content from './navigation-menu-content.svelte';\nimport Indicator from './navigation-menu-indicator.svelte';\nimport Item from './navigation-menu-item.svelte';\nimport Link from './navigation-menu-link.svelte';\nimport List from './navigation-menu-list.svelte';\nimport Trigger from './navigation-menu-trigger.svelte';\nimport Viewport from './navigation-menu-viewport.svelte';\n\nexport {\n  Root,\n  Content,\n  Indicator,\n  Item,\n  Link,\n  List,\n  Trigger,\n  Viewport,\n  //\n  Root as NavigationMenuRoot,\n  Content as NavigationMenuContent,\n  Indicator as NavigationMenuIndicator,\n  Item as NavigationMenuItem,\n  Link as NavigationMenuLink,\n  List as NavigationMenuList,\n  Trigger as NavigationMenuTrigger,\n  Viewport as NavigationMenuViewport\n};\n",
      "path": "navigation-menu/index.ts",
      "_imports_": [
        {
          "import": "./navigation-menu.svelte",
          "item": "navigation-menu",
          "file": {
            "type": "ui",
            "path": "navigation-menu/navigation-menu.svelte"
          },
          "meta": {}
        },
        {
          "import": "./navigation-menu-content.svelte",
          "item": "navigation-menu",
          "file": {
            "type": "ui",
            "path": "navigation-menu/navigation-menu-content.svelte"
          },
          "meta": {}
        },
        {
          "import": "./navigation-menu-indicator.svelte",
          "item": "navigation-menu",
          "file": {
            "type": "ui",
            "path": "navigation-menu/navigation-menu-indicator.svelte"
          },
          "meta": {}
        },
        {
          "import": "./navigation-menu-item.svelte",
          "item": "navigation-menu",
          "file": {
            "type": "ui",
            "path": "navigation-menu/navigation-menu-item.svelte"
          },
          "meta": {}
        },
        {
          "import": "./navigation-menu-link.svelte",
          "item": "navigation-menu",
          "file": {
            "type": "ui",
            "path": "navigation-menu/navigation-menu-link.svelte"
          },
          "meta": {}
        },
        {
          "import": "./navigation-menu-list.svelte",
          "item": "navigation-menu",
          "file": {
            "type": "ui",
            "path": "navigation-menu/navigation-menu-list.svelte"
          },
          "meta": {}
        },
        {
          "import": "./navigation-menu-trigger.svelte",
          "item": "navigation-menu",
          "file": {
            "type": "ui",
            "path": "navigation-menu/navigation-menu-trigger.svelte"
          },
          "meta": {}
        },
        {
          "import": "./navigation-menu-viewport.svelte",
          "item": "navigation-menu",
          "file": {
            "type": "ui",
            "path": "navigation-menu/navigation-menu-viewport.svelte"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import { NavigationMenu as NavigationMenuPrimitive } from 'bits-ui';\n  import { cn } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    ...restProps\n  }: NavigationMenuPrimitive.ContentProps = $props();\n</script>\n\n<NavigationMenuPrimitive.Content\n  bind:ref\n  data-slot=\"navigation-menu-content\"\n  class={cn(\n    'top-0 left-0 w-full p-1.5 ease-[cubic-bezier(0.22,1,0.36,1)] data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:shadow-md group-data-[viewport=false]/navigation-menu:rounded-overlay group-data-[viewport=false]/navigation-menu:duration-200 group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none md:absolute md:w-auto',\n    className\n  )}\n  {...restProps}\n/>\n",
      "path": "navigation-menu/navigation-menu-content.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import { NavigationMenu as NavigationMenuPrimitive } from 'bits-ui';\n  import { cn } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    ...restProps\n  }: NavigationMenuPrimitive.IndicatorProps = $props();\n</script>\n\n<NavigationMenuPrimitive.Indicator\n  bind:ref\n  data-slot=\"navigation-menu-indicator\"\n  class={cn(\n    'top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in',\n    className\n  )}\n  {...restProps}\n>\n  <div class=\"relative top-[60%] h-2 w-2 rotate-45 bg-border shadow-md\"></div>\n</NavigationMenuPrimitive.Indicator>\n",
      "path": "navigation-menu/navigation-menu-indicator.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import { NavigationMenu as NavigationMenuPrimitive } from 'bits-ui';\n  import { cn } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    ...restProps\n  }: NavigationMenuPrimitive.ItemProps = $props();\n</script>\n\n<NavigationMenuPrimitive.Item\n  bind:ref\n  data-slot=\"navigation-menu-item\"\n  class={cn('cn-navigation-menu-item relative isolation-auto', className)}\n  {...restProps}\n/>\n",
      "path": "navigation-menu/navigation-menu-item.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import { NavigationMenu as NavigationMenuPrimitive } from 'bits-ui';\n  import { cn } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    ...restProps\n  }: NavigationMenuPrimitive.LinkProps = $props();\n</script>\n\n<NavigationMenuPrimitive.Link\n  bind:ref\n  data-slot=\"navigation-menu-link\"\n  class={cn(\n    \"flex items-center gap-2 border border-transparent p-2 text-xs font-medium text-muted-foreground outline-none transition-colors hover:border-primary/50 hover:bg-muted hover:text-foreground focus:border-primary/50 focus:bg-muted focus:text-foreground focus-visible:ring-1 focus-visible:ring-ring/60 focus-visible:outline-1 data-[active=true]:border-primary/50 data-[active=true]:bg-muted data-[active=true]:text-link data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted in-data-[slot=navigation-menu-content]:rounded-item [&_svg:not([class*='size-'])]:size-3.5\",\n    className\n  )}\n  {...restProps}\n/>\n",
      "path": "navigation-menu/navigation-menu-link.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import { NavigationMenu as NavigationMenuPrimitive } from 'bits-ui';\n  import { cn } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    ...restProps\n  }: NavigationMenuPrimitive.ListProps = $props();\n</script>\n\n<NavigationMenuPrimitive.List\n  bind:ref\n  data-slot=\"navigation-menu-list\"\n  class={cn('group flex flex-1 list-none items-center justify-center gap-0.5', className)}\n  {...restProps}\n/>\n",
      "path": "navigation-menu/navigation-menu-list.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\" module>\n  import { cn } from '$lib/utils.js';\n  import { tv } from 'tailwind-variants';\n\n  export const navigationMenuTriggerStyle = tv({\n    base: 'inline-flex h-8 w-max items-center justify-center rounded-none px-2.5 py-1.5 text-xs font-medium text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus:bg-muted focus-visible:ring-1 focus-visible:ring-ring/50 focus-visible:outline-1 data-open:bg-muted data-open:hover:bg-muted data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted disabled:pointer-events-none disabled:opacity-50 group/navigation-menu-trigger'\n  });\n</script>\n\n<script lang=\"ts\">\n  import { NavigationMenu as NavigationMenuPrimitive } from 'bits-ui';\n  import CaretDownIcon from 'phosphor-svelte/lib/CaretDownIcon';\n  let {\n    ref = $bindable(null),\n    class: className,\n    children,\n    ...restProps\n  }: NavigationMenuPrimitive.TriggerProps = $props();\n</script>\n\n<NavigationMenuPrimitive.Trigger\n  bind:ref\n  data-slot=\"navigation-menu-trigger\"\n  class={cn(navigationMenuTriggerStyle(), 'group', className)}\n  {...restProps}\n>\n  {@render children?.()}\n  <CaretDownIcon\n    class=\"relative top-px ml-1 size-3 transition duration-300 group-data-open/navigation-menu-trigger:rotate-180 group-data-popup-open/navigation-menu-trigger:rotate-180\"\n    aria-hidden=\"true\"\n  />\n</NavigationMenuPrimitive.Trigger>\n",
      "path": "navigation-menu/navigation-menu-trigger.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import { NavigationMenu as NavigationMenuPrimitive } from 'bits-ui';\n  import { cn } from '$lib/utils.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    ...restProps\n  }: NavigationMenuPrimitive.ViewportProps = $props();\n</script>\n\n<div class={cn('absolute start-0 top-full isolate z-50 flex justify-center')}>\n  <NavigationMenuPrimitive.Viewport\n    bind:ref\n    data-slot=\"navigation-menu-viewport\"\n    class={cn(\n      'relative mt-1.5 h-[var(--bits-navigation-menu-viewport-height)] w-full origin-top-center overflow-hidden bg-popover text-popover-foreground ring-1 ring-foreground/10 shadow-md duration-100 data-open:animate-in data-closed:animate-out data-closed:zoom-out-90 data-open:zoom-in-90 md:w-[var(--bits-navigation-menu-viewport-width)]',\n      className\n    )}\n    {...restProps}\n  />\n</div>\n",
      "path": "navigation-menu/navigation-menu-viewport.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import { NavigationMenu as NavigationMenuPrimitive } from 'bits-ui';\n  import { cn } from '$lib/utils.js';\n  import NavigationMenuViewport from './navigation-menu-viewport.svelte';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    viewport = true,\n    children,\n    ...restProps\n  }: NavigationMenuPrimitive.RootProps & {\n    viewport?: boolean;\n  } = $props();\n</script>\n\n<NavigationMenuPrimitive.Root\n  bind:ref\n  data-slot=\"navigation-menu\"\n  data-viewport={viewport}\n  class={cn(\n    'group/navigation-menu relative flex max-w-max flex-1 items-center justify-center',\n    className\n  )}\n  {...restProps}\n>\n  {@render children?.()}\n  {#if viewport}\n    <NavigationMenuViewport />\n  {/if}\n</NavigationMenuPrimitive.Root>\n",
      "path": "navigation-menu/navigation-menu.svelte",
      "_imports_": [
        {
          "import": "$lib/utils.js",
          "item": "utils",
          "file": {
            "type": "lib",
            "path": "utils.ts"
          },
          "meta": {}
        },
        {
          "import": "./navigation-menu-viewport.svelte",
          "item": "navigation-menu",
          "file": {
            "type": "ui",
            "path": "navigation-menu/navigation-menu-viewport.svelte"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    }
  ],
  "registryDependencies": [
    "styles",
    "utils"
  ],
  "dependencies": [
    {
      "ecosystem": "js",
      "name": "bits-ui",
      "version": "^2.18.1"
    },
    {
      "ecosystem": "js",
      "name": "tailwind-variants",
      "version": "^3.2.2"
    },
    {
      "ecosystem": "js",
      "name": "phosphor-svelte",
      "version": "^3.1.0"
    }
  ],
  "devDependencies": []
}